PluginProbe ʕ •ᴥ•ʔ
Secure Custom Fields / 6.7.0
Secure Custom Fields v6.7.0
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 / build / css / acf-input.css
secure-custom-fields / assets / build / css Last commit date
pro 9 months ago acf-dark.css 1 year ago acf-dark.css.map 1 year ago acf-dark.min.css 1 year ago acf-field-group.css 9 months ago acf-field-group.css.map 9 months ago acf-field-group.min.css 9 months ago acf-global.css 9 months ago acf-global.css.map 9 months ago acf-global.min.css 9 months ago acf-input.css 9 months ago acf-input.css.map 9 months ago acf-input.min.css 9 months ago index.php 1 year ago
acf-input.css
3833 lines
1 /*!*****************************************************************************************************************************************************!*\
2 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./assets/src/sass/acf-input.scss ***!
3 \*****************************************************************************************************************************************************/
4 @charset "UTF-8";
5 /*--------------------------------------------------------------------------------------------
6 *
7 * Vars
8 *
9 *--------------------------------------------------------------------------------------------*/
10 /* colors */
11 /* acf-field */
12 /* responsive */
13 /*--------------------------------------------------------------------------------------------
14 *
15 * ACF 6 ↓
16 *
17 *--------------------------------------------------------------------------------------------*/
18 /*--------------------------------------------------------------------------------------------
19 *
20 * Mixins
21 *
22 *--------------------------------------------------------------------------------------------*/
23 /*---------------------------------------------------------------------------------------------
24 *
25 * Global
26 *
27 *---------------------------------------------------------------------------------------------*/
28 .acf-admin-page #wpcontent {
29 line-height: 140%;
30 }
31
32 /*---------------------------------------------------------------------------------------------
33 *
34 * Links
35 *
36 *---------------------------------------------------------------------------------------------*/
37 .acf-admin-page a {
38 color: #0783BE;
39 }
40
41 /*---------------------------------------------------------------------------------------------
42 *
43 * Headings
44 *
45 *---------------------------------------------------------------------------------------------*/
46 .acf-h1, .acf-admin-page h1,
47 .acf-headerbar h1 {
48 font-size: 21px;
49 font-weight: 400;
50 }
51
52 .acf-h2, .acf-page-title, .acf-admin-page h2,
53 .acf-headerbar h2 {
54 font-size: 18px;
55 font-weight: 400;
56 }
57
58 .acf-h3, .acf-admin-page h3,
59 .acf-headerbar h3 {
60 font-size: 16px;
61 font-weight: 400;
62 }
63
64 /*---------------------------------------------------------------------------------------------
65 *
66 * Paragraphs
67 *
68 *---------------------------------------------------------------------------------------------*/
69 .acf-admin-page .p1 {
70 font-size: 15px;
71 }
72
73 .acf-admin-page .p2 {
74 font-size: 14px;
75 }
76
77 .acf-admin-page .p3 {
78 font-size: 13.5px;
79 }
80
81 .acf-admin-page .p4 {
82 font-size: 13px;
83 }
84
85 .acf-admin-page .p5 {
86 font-size: 12.5px;
87 }
88
89 .acf-admin-page .p6, .acf-admin-page .acf-field p.description, .acf-field .acf-admin-page p.description, .acf-admin-page .acf-small {
90 font-size: 12px;
91 }
92
93 .acf-admin-page .p7, .acf-admin-page .acf-field-setting-prefix_label p.description code, .acf-field-setting-prefix_label p.description .acf-admin-page code,
94 .acf-admin-page .acf-field-setting-prefix_name p.description code,
95 .acf-field-setting-prefix_name p.description .acf-admin-page code {
96 font-size: 11.5px;
97 }
98
99 .acf-admin-page .p8 {
100 font-size: 11px;
101 }
102
103 /*---------------------------------------------------------------------------------------------
104 *
105 * Page titles
106 *
107 *---------------------------------------------------------------------------------------------*/
108 .acf-page-title {
109 color: #344054;
110 }
111
112 /*---------------------------------------------------------------------------------------------
113 *
114 * Hide old / native WP titles from pages
115 *
116 *---------------------------------------------------------------------------------------------*/
117 .acf-admin-page .acf-settings-wrap h1 {
118 display: none !important;
119 }
120
121 .acf-admin-page #acf-admin-tools h1 {
122 display: none !important;
123 }
124
125 /*---------------------------------------------------------------------------------------------
126 *
127 * Small
128 *
129 *---------------------------------------------------------------------------------------------*/
130 /*---------------------------------------------------------------------------------------------
131 *
132 * Link focus style
133 *
134 *---------------------------------------------------------------------------------------------*/
135 .acf-admin-page a:focus {
136 box-shadow: none;
137 outline: none;
138 }
139
140 .acf-admin-page a:focus-visible {
141 box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(79, 148, 212, 0.8);
142 outline: 1px solid transparent;
143 }
144
145 /*--------------------------------------------------------------------------------------------
146 *
147 * acf-field
148 *
149 *--------------------------------------------------------------------------------------------*/
150 .acf-field,
151 .acf-field .acf-label,
152 .acf-field .acf-input {
153 -webkit-box-sizing: border-box;
154 -moz-box-sizing: border-box;
155 box-sizing: border-box;
156 position: relative;
157 }
158
159 .acf-field {
160 margin: 15px 0;
161 clear: both;
162 }
163
164 .acf-field p.description {
165 display: block;
166 margin: 0;
167 padding: 0;
168 }
169
170 .acf-field .acf-label {
171 vertical-align: top;
172 margin: 0 0 10px;
173 }
174
175 .acf-field .acf-label label {
176 display: block;
177 font-weight: 500;
178 margin: 0 0 3px;
179 padding: 0;
180 }
181
182 .acf-field .acf-label:empty {
183 margin-bottom: 0;
184 }
185
186 .acf-field .acf-input {
187 vertical-align: top;
188 }
189
190 .acf-field p.description {
191 display: block;
192 margin-top: 6px;
193 color: #667085;
194 }
195
196 .acf-field .acf-notice {
197 margin: 0 0 15px;
198 background: #edf2ff;
199 color: #0c6ca0;
200 border-color: #2183b9;
201 }
202
203 .acf-field .acf-notice.-error {
204 background: #ffe6e6;
205 color: #cc2727;
206 border-color: #d12626;
207 }
208
209 .acf-field .acf-notice.-success {
210 background: #eefbe8;
211 color: #0e7b17;
212 border-color: #32a23b;
213 }
214
215 .acf-field .acf-notice.-warning {
216 background: #fff3e6;
217 color: #bd4b0e;
218 border-color: #d16226;
219 }
220
221 td.acf-field,
222 tr.acf-field {
223 margin: 0;
224 }
225
226 .acf-field[data-width] {
227 float: left;
228 clear: none;
229 /*
230 @media screen and (max-width: $sm) {
231 float: none;
232 width: auto;
233 border-left-width: 0;
234 border-right-width: 0;
235 }
236 */
237 }
238
239 .acf-field[data-width] + .acf-field[data-width] {
240 border-left: 1px solid #eeeeee;
241 }
242
243 html[dir=rtl] .acf-field[data-width] {
244 float: right;
245 }
246
247 html[dir=rtl] .acf-field[data-width] + .acf-field[data-width] {
248 border-left: none;
249 border-right: 1px solid #eeeeee;
250 }
251
252 td.acf-field[data-width],
253 tr.acf-field[data-width] {
254 float: none;
255 }
256
257 .acf-field.-c0 {
258 clear: both;
259 border-left-width: 0 !important;
260 }
261
262 html[dir=rtl] .acf-field.-c0 {
263 border-left-width: 1px !important;
264 border-right-width: 0 !important;
265 }
266
267 .acf-field.-r0 {
268 border-top-width: 0 !important;
269 }
270
271 /*--------------------------------------------------------------------------------------------
272 *
273 * acf-fields
274 *
275 *--------------------------------------------------------------------------------------------*/
276 .acf-fields {
277 position: relative;
278 }
279
280 .acf-fields:after {
281 display: block;
282 clear: both;
283 content: "";
284 }
285
286 .acf-fields.-border {
287 border: #ccd0d4 solid 1px;
288 background: #fff;
289 }
290
291 .acf-fields > .acf-field {
292 position: relative;
293 margin: 0;
294 padding: 16px;
295 border-top-width: 1px;
296 border-top-style: solid;
297 border-top-color: #EAECF0;
298 }
299
300 .acf-fields > .acf-field:first-child {
301 border-top: none;
302 margin-top: 0;
303 }
304
305 td.acf-fields {
306 padding: 0 !important;
307 }
308
309 /*--------------------------------------------------------------------------------------------
310 *
311 * acf-fields (clear)
312 *
313 *--------------------------------------------------------------------------------------------*/
314 .acf-fields.-clear > .acf-field {
315 border: none;
316 padding: 0;
317 margin: 15px 0;
318 }
319
320 .acf-fields.-clear > .acf-field[data-width] {
321 border: none !important;
322 }
323
324 .acf-fields.-clear > .acf-field > .acf-label {
325 padding: 0;
326 }
327
328 .acf-fields.-clear > .acf-field > .acf-input {
329 padding: 0;
330 }
331
332 /*--------------------------------------------------------------------------------------------
333 *
334 * acf-fields (left)
335 *
336 *--------------------------------------------------------------------------------------------*/
337 .acf-fields.-left > .acf-field {
338 padding: 15px 0;
339 }
340
341 .acf-fields.-left > .acf-field:after {
342 display: block;
343 clear: both;
344 content: "";
345 }
346
347 .acf-fields.-left > .acf-field:before {
348 content: "";
349 display: block;
350 position: absolute;
351 z-index: 0;
352 background: #f9f9f9;
353 border-color: #e1e1e1;
354 border-style: solid;
355 border-width: 0 1px 0 0;
356 top: 0;
357 bottom: 0;
358 left: 0;
359 width: 20%;
360 }
361
362 .acf-fields.-left > .acf-field[data-width] {
363 float: none;
364 width: auto !important;
365 border-left-width: 0 !important;
366 border-right-width: 0 !important;
367 }
368
369 .acf-fields.-left > .acf-field > .acf-label {
370 float: left;
371 width: 20%;
372 margin: 0;
373 padding: 0 12px;
374 }
375
376 .acf-fields.-left > .acf-field > .acf-input {
377 float: left;
378 width: 80%;
379 margin: 0;
380 padding: 0 12px;
381 }
382
383 html[dir=rtl] .acf-fields.-left > .acf-field:before {
384 border-width: 0 0 0 1px;
385 left: auto;
386 right: 0;
387 }
388
389 html[dir=rtl] .acf-fields.-left > .acf-field > .acf-label {
390 float: right;
391 }
392
393 html[dir=rtl] .acf-fields.-left > .acf-field > .acf-input {
394 float: right;
395 }
396
397 #side-sortables .acf-fields.-left > .acf-field:before {
398 display: none;
399 }
400
401 #side-sortables .acf-fields.-left > .acf-field > .acf-label {
402 width: 100%;
403 margin-bottom: 10px;
404 }
405
406 #side-sortables .acf-fields.-left > .acf-field > .acf-input {
407 width: 100%;
408 }
409
410 @media screen and (max-width: 640px) {
411 .acf-fields.-left > .acf-field:before {
412 display: none;
413 }
414 .acf-fields.-left > .acf-field > .acf-label {
415 width: 100%;
416 margin-bottom: 10px;
417 }
418 .acf-fields.-left > .acf-field > .acf-input {
419 width: 100%;
420 }
421 }
422 /* clear + left */
423 .acf-fields.-clear.-left > .acf-field {
424 padding: 0;
425 border: none;
426 }
427
428 .acf-fields.-clear.-left > .acf-field:before {
429 display: none;
430 }
431
432 .acf-fields.-clear.-left > .acf-field > .acf-label {
433 padding: 0;
434 }
435
436 .acf-fields.-clear.-left > .acf-field > .acf-input {
437 padding: 0;
438 }
439
440 /*--------------------------------------------------------------------------------------------
441 *
442 * acf-table
443 *
444 *--------------------------------------------------------------------------------------------*/
445 .acf-table tr.acf-field > td.acf-label {
446 padding: 15px 12px;
447 margin: 0;
448 background: #f9f9f9;
449 width: 20%;
450 }
451
452 .acf-table tr.acf-field > td.acf-input {
453 padding: 15px 12px;
454 margin: 0;
455 border-left-color: #e1e1e1;
456 }
457
458 .acf-sortable-tr-helper {
459 position: relative !important;
460 display: table-row !important;
461 }
462
463 /*--------------------------------------------------------------------------------------------
464 *
465 * acf-postbox
466 *
467 *--------------------------------------------------------------------------------------------*/
468 .acf-postbox {
469 position: relative;
470 }
471
472 .acf-postbox > .inside {
473 margin: 0 !important; /* override WP style - do not delete - you have tried this before */
474 padding: 0 !important; /* override WP style - do not delete - you have tried this before */
475 }
476
477 .acf-postbox .acf-hndle-cog {
478 color: #72777c;
479 font-size: 16px;
480 line-height: 36px;
481 height: 36px;
482 width: 1.62rem;
483 position: relative;
484 display: none;
485 vertical-align: middle;
486 }
487
488 .acf-postbox .acf-hndle-cog:hover {
489 color: #191e23;
490 }
491
492 .acf-postbox > .hndle:hover .acf-hndle-cog,
493 .acf-postbox > .postbox-header:hover .acf-hndle-cog {
494 display: inline-block;
495 }
496
497 .acf-postbox > .hndle:hover .handle-actions .handle-order-higher,
498 .acf-postbox > .hndle:hover .handle-actions .handle-order-lower,
499 .acf-postbox > .hndle:hover .handle-actions .toggle-indicator,
500 .acf-postbox > .hndle:hover .handle-actions .acf-hndle-cog,
501 .acf-postbox > .postbox-header:hover .handle-actions .handle-order-higher,
502 .acf-postbox > .postbox-header:hover .handle-actions .handle-order-lower,
503 .acf-postbox > .postbox-header:hover .handle-actions .toggle-indicator,
504 .acf-postbox > .postbox-header:hover .handle-actions .acf-hndle-cog {
505 vertical-align: middle;
506 }
507
508 .acf-postbox > .hndle .acf-hndle-cog {
509 height: 20px;
510 line-height: 20px;
511 float: right;
512 width: auto;
513 }
514
515 .acf-postbox > .hndle .acf-hndle-cog:hover {
516 color: #777777;
517 }
518
519 .acf-postbox .acf-replace-with-fields {
520 padding: 15px;
521 text-align: center;
522 }
523
524 #post-body-content #acf_after_title-sortables {
525 margin: 20px 0 -20px;
526 }
527
528 /* seamless */
529 .acf-postbox.seamless {
530 border: 0 none;
531 background: transparent;
532 box-shadow: none;
533 /* hide hndle */
534 /* inside */
535 }
536
537 .acf-postbox.seamless > .postbox-header,
538 .acf-postbox.seamless > .hndle,
539 .acf-postbox.seamless > .handlediv {
540 display: none !important;
541 }
542
543 .acf-postbox.seamless > .inside {
544 display: block !important; /* stop metabox from hiding when closed */
545 margin-left: -12px !important;
546 margin-right: -12px !important;
547 }
548
549 .acf-postbox.seamless > .inside > .acf-field {
550 border-color: transparent;
551 }
552
553 /* seamless (left) */
554 .acf-postbox.seamless > .acf-fields.-left {
555 /* hide sidebar bg */
556 /* mobile */
557 }
558
559 .acf-postbox.seamless > .acf-fields.-left > .acf-field:before {
560 display: none;
561 }
562
563 @media screen and (max-width: 782px) {
564 .acf-postbox.seamless > .acf-fields.-left {
565 /* remove padding */
566 }
567 .acf-postbox.seamless > .acf-fields.-left > .acf-field > .acf-label, .acf-postbox.seamless > .acf-fields.-left > .acf-field > .acf-input {
568 padding: 0;
569 }
570 }
571 /*-----------------------------------------------------------------------------
572 *
573 * Inputs
574 *
575 *-----------------------------------------------------------------------------*/
576 .acf-field input[type=text],
577 .acf-field input[type=password],
578 .acf-field input[type=date],
579 .acf-field input[type=datetime],
580 .acf-field input[type=datetime-local],
581 .acf-field input[type=email],
582 .acf-field input[type=month],
583 .acf-field input[type=number],
584 .acf-field input[type=search],
585 .acf-field input[type=tel],
586 .acf-field input[type=time],
587 .acf-field input[type=url],
588 .acf-field input[type=week],
589 .acf-field textarea,
590 .acf-field select {
591 width: 100%;
592 padding: 4px 8px;
593 margin: 0;
594 box-sizing: border-box;
595 font-size: 14px;
596 line-height: 1.4;
597 }
598
599 .acf-admin-3-8 .acf-field input[type=text],
600 .acf-admin-3-8 .acf-field input[type=password],
601 .acf-admin-3-8 .acf-field input[type=date],
602 .acf-admin-3-8 .acf-field input[type=datetime],
603 .acf-admin-3-8 .acf-field input[type=datetime-local],
604 .acf-admin-3-8 .acf-field input[type=email],
605 .acf-admin-3-8 .acf-field input[type=month],
606 .acf-admin-3-8 .acf-field input[type=number],
607 .acf-admin-3-8 .acf-field input[type=search],
608 .acf-admin-3-8 .acf-field input[type=tel],
609 .acf-admin-3-8 .acf-field input[type=time],
610 .acf-admin-3-8 .acf-field input[type=url],
611 .acf-admin-3-8 .acf-field input[type=week],
612 .acf-admin-3-8 .acf-field textarea,
613 .acf-admin-3-8 .acf-field select {
614 padding: 3px 5px;
615 }
616
617 .acf-field textarea {
618 resize: vertical;
619 }
620
621 body.acf-browser-firefox .acf-field select {
622 padding: 4px 5px;
623 }
624
625 /*-----------------------------------------------------------------------------
626 *
627 * Text
628 *
629 *-----------------------------------------------------------------------------*/
630 .acf-input-prepend,
631 .acf-input-append,
632 .acf-input-wrap {
633 box-sizing: border-box;
634 }
635
636 .acf-input-prepend,
637 .acf-input-append {
638 font-size: 13px;
639 line-height: 1.4;
640 padding: 4px 8px;
641 background: #f5f5f5;
642 border: #7e8993 solid 1px;
643 min-height: 30px;
644 }
645
646 .acf-admin-3-8 .acf-input-prepend,
647 .acf-admin-3-8 .acf-input-append {
648 padding: 3px 5px;
649 border-color: #dddddd;
650 min-height: 28px;
651 }
652
653 .acf-input-prepend {
654 float: left;
655 border-right-width: 0;
656 border-radius: 3px 0 0 3px;
657 }
658
659 .acf-input-append {
660 float: right;
661 border-left-width: 0;
662 border-radius: 0 3px 3px 0;
663 }
664
665 .acf-input-wrap {
666 position: relative;
667 overflow: hidden;
668 }
669
670 .acf-input-wrap .acf-is-prepended {
671 border-radius: 0 6px 6px 0 !important;
672 }
673
674 .acf-input-wrap .acf-is-appended {
675 border-radius: 6px 0 0 6px !important;
676 }
677
678 .acf-input-wrap .acf-is-prepended.acf-is-appended {
679 border-radius: 0 !important;
680 }
681
682 /* rtl */
683 html[dir=rtl] .acf-input-prepend {
684 border-left-width: 0;
685 border-right-width: 1px;
686 border-radius: 0 3px 3px 0;
687 float: right;
688 }
689
690 html[dir=rtl] .acf-input-append {
691 border-left-width: 1px;
692 border-right-width: 0;
693 border-radius: 3px 0 0 3px;
694 float: left;
695 }
696
697 html[dir=rtl] input.acf-is-prepended {
698 border-radius: 3px 0 0 3px !important;
699 }
700
701 html[dir=rtl] input.acf-is-appended {
702 border-radius: 0 3px 3px 0 !important;
703 }
704
705 html[dir=rtl] input.acf-is-prepended.acf-is-appended {
706 border-radius: 0 !important;
707 }
708
709 /*-----------------------------------------------------------------------------
710 *
711 * Color Picker
712 *
713 *-----------------------------------------------------------------------------*/
714 .acf-color-picker .wp-color-result {
715 border-color: #7e8993;
716 }
717
718 .acf-admin-3-8 .acf-color-picker .wp-color-result {
719 border-color: #ccd0d4;
720 }
721
722 .acf-color-picker .wp-picker-active {
723 position: relative;
724 z-index: 1;
725 }
726
727 .acf-color-picker.acf-color-picker-large-custom-palette .iris-picker {
728 display: flex;
729 flex-direction: column;
730 height: inherit !important;
731 }
732
733 .acf-color-picker.acf-color-picker-large-custom-palette .iris-picker .iris-picker-inner {
734 position: initial;
735 margin: 10px;
736 }
737
738 .acf-color-picker.acf-color-picker-large-custom-palette .iris-picker .iris-palette-container {
739 display: flex;
740 flex-direction: row;
741 flex-wrap: wrap;
742 gap: 4px;
743 position: relative;
744 padding-top: 10px;
745 }
746
747 .acf-color-picker.acf-color-picker-large-custom-palette .iris-picker .iris-palette-container .iris-palette {
748 width: 20px !important;
749 height: 20px !important;
750 margin: 0 !important;
751 }
752
753 .acf-color-picker.acf-hide-color-picker-color-wheel:not(.acf-color-picker-large-custom-palette) .iris-picker {
754 width: inherit !important;
755 margin-right: 25px !important;
756 }
757
758 .acf-color-picker.acf-hide-color-picker-color-wheel .iris-picker {
759 height: inherit !important;
760 padding: 10px 0 !important;
761 }
762
763 .acf-color-picker.acf-hide-color-picker-color-wheel .iris-picker .iris-picker-inner {
764 display: none;
765 }
766
767 .acf-color-picker.acf-hide-color-picker-color-wheel .iris-picker .iris-palette-container {
768 display: flex;
769 position: relative;
770 bottom: inherit;
771 padding-top: 0 !important;
772 }
773
774 /*-----------------------------------------------------------------------------
775 *
776 * Url
777 *
778 *-----------------------------------------------------------------------------*/
779 .acf-url i {
780 position: absolute;
781 top: 5px;
782 left: 5px;
783 opacity: 0.5;
784 color: #7e8993;
785 }
786
787 .acf-url input[type=url] {
788 padding-left: 27px !important;
789 }
790
791 .acf-url.-valid i {
792 opacity: 1;
793 }
794
795 /*-----------------------------------------------------------------------------
796 *
797 * Select2 (v3)
798 *
799 *-----------------------------------------------------------------------------*/
800 .select2-container.-acf {
801 z-index: 1001;
802 /* open */
803 /* single open */
804 }
805
806 .select2-container.-acf .select2-choices {
807 background: #fff;
808 border-color: #ddd;
809 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset;
810 min-height: 31px;
811 }
812
813 .select2-container.-acf .select2-choices .select2-search-choice {
814 margin: 5px 0 5px 5px;
815 padding: 3px 5px 3px 18px;
816 border-color: #bbb;
817 background: #f9f9f9;
818 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
819 /* sortable item*/
820 /* sortable shadow */
821 }
822
823 .select2-container.-acf .select2-choices .select2-search-choice.ui-sortable-helper {
824 background: #5897fb;
825 border-color: #3f87fa;
826 color: #fff !important;
827 box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
828 }
829
830 .select2-container.-acf .select2-choices .select2-search-choice.ui-sortable-helper a {
831 visibility: hidden;
832 }
833
834 .select2-container.-acf .select2-choices .select2-search-choice.ui-sortable-placeholder {
835 background-color: #f7f7f7;
836 border-color: #f7f7f7;
837 visibility: visible !important;
838 }
839
840 .select2-container.-acf .select2-choices .select2-search-choice-focus {
841 border-color: #999;
842 }
843
844 .select2-container.-acf .select2-choices .select2-search-field input {
845 height: 31px;
846 line-height: 22px;
847 margin: 0;
848 padding: 5px 5px 5px 7px;
849 }
850
851 .select2-container.-acf .select2-choice {
852 border-color: #bbbbbb;
853 }
854
855 .select2-container.-acf .select2-choice .select2-arrow {
856 background: transparent;
857 border-left-color: #dfdfdf;
858 padding-left: 1px;
859 }
860
861 .select2-container.-acf .select2-choice .select2-result-description {
862 display: none;
863 }
864
865 .select2-container.-acf.select2-container-active .select2-choices, .select2-container.-acf.select2-dropdown-open .select2-choices {
866 border-color: #5b9dd9;
867 border-radius: 3px 3px 0 0;
868 }
869
870 .select2-container.-acf.select2-dropdown-open .select2-choice {
871 background: #fff;
872 border-color: #5b9dd9;
873 }
874
875 /* rtl */
876 html[dir=rtl] .select2-container.-acf .select2-search-choice-close {
877 left: 24px;
878 }
879
880 html[dir=rtl] .select2-container.-acf .select2-choice > .select2-chosen {
881 margin-left: 42px;
882 }
883
884 html[dir=rtl] .select2-container.-acf .select2-choice .select2-arrow {
885 padding-left: 0;
886 padding-right: 1px;
887 }
888
889 /* description */
890 .select2-drop {
891 /* search*/
892 /* result */
893 }
894
895 .select2-drop .select2-search {
896 padding: 4px 4px 0;
897 }
898
899 .select2-drop .select2-result {
900 /* hover*/
901 }
902
903 .select2-drop .select2-result .select2-result-description {
904 color: #999;
905 font-size: 12px;
906 margin-left: 5px;
907 }
908
909 .select2-drop .select2-result.select2-highlighted .select2-result-description {
910 color: #fff;
911 opacity: 0.75;
912 }
913
914 /*-----------------------------------------------------------------------------
915 *
916 * Select2 (v4)
917 *
918 *-----------------------------------------------------------------------------*/
919 .select2-container.-acf li {
920 margin-bottom: 0;
921 }
922
923 .select2-container.-acf[data-select2-id^=select2-data] .select2-selection--multiple {
924 overflow: hidden;
925 }
926
927 .select2-container.-acf .select2-selection {
928 border-color: #7e8993;
929 }
930
931 .acf-admin-3-8 .select2-container.-acf .select2-selection {
932 border-color: #aaa;
933 }
934
935 .select2-container.-acf .select2-selection--multiple .select2-search--inline:first-child {
936 float: none;
937 }
938
939 .select2-container.-acf .select2-selection--multiple .select2-search--inline:first-child input {
940 width: 100% !important;
941 }
942
943 .select2-container.-acf .select2-selection--multiple .select2-selection__rendered {
944 padding-right: 0;
945 }
946
947 .select2-container.-acf .select2-selection--multiple .select2-selection__rendered[id^=select2-acf-field] {
948 display: inline;
949 padding: 0;
950 margin: 0;
951 }
952
953 .select2-container.-acf .select2-selection--multiple .select2-selection__rendered[id^=select2-acf-field] .select2-selection__choice {
954 margin-right: 0;
955 }
956
957 .select2-container.-acf .select2-selection--multiple .select2-selection__choice {
958 background-color: #f7f7f7;
959 border-color: #cccccc;
960 max-width: 100%;
961 overflow: hidden;
962 word-wrap: normal !important;
963 white-space: normal;
964 }
965
966 .select2-container.-acf .select2-selection--multiple .select2-selection__choice.ui-sortable-helper {
967 background: #0783BE;
968 border-color: #066998;
969 color: #fff !important;
970 box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
971 }
972
973 .select2-container.-acf .select2-selection--multiple .select2-selection__choice.ui-sortable-helper span {
974 visibility: hidden;
975 }
976
977 .select2-container.-acf .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
978 position: static;
979 border-right: none;
980 padding: 0;
981 }
982
983 .select2-container.-acf .select2-selection--multiple .select2-selection__choice.ui-sortable-placeholder {
984 background-color: #F2F4F7;
985 border-color: #F2F4F7;
986 visibility: visible !important;
987 }
988
989 .select2-container.-acf .select2-selection--multiple .select2-search__field {
990 box-shadow: none !important;
991 min-height: 0;
992 }
993
994 .acf-row .select2-container.-acf .select2-selection--single {
995 overflow: hidden;
996 }
997
998 .acf-row .select2-container.-acf .select2-selection--single .select2-selection__rendered {
999 white-space: normal;
1000 }
1001
1002 .acf-admin-single-field-group .select2-dropdown {
1003 border-color: #6BB5D8 !important;
1004 margin-top: -5px;
1005 overflow: hidden;
1006 box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
1007 }
1008
1009 .select2-dropdown.select2-dropdown--above {
1010 margin-top: 0;
1011 }
1012
1013 .acf-admin-single-field-group .select2-container--default .select2-results__option[aria-selected=true] {
1014 background-color: #F9FAFB !important;
1015 color: #667085;
1016 }
1017
1018 .acf-admin-single-field-group .select2-container--default .select2-results__option[aria-selected=true]:hover {
1019 color: #399CCB;
1020 }
1021
1022 .acf-admin-single-field-group .select2-container--default .select2-results__option--highlighted[aria-selected] {
1023 color: #fff !important;
1024 background-color: #0783BE !important;
1025 }
1026
1027 .select2-dropdown .select2-results__option {
1028 margin-bottom: 0;
1029 }
1030
1031 .select2-container .select2-dropdown {
1032 z-index: 900000;
1033 }
1034
1035 .select2-container .select2-dropdown .select2-search__field {
1036 line-height: 1.4;
1037 min-height: 0;
1038 }
1039
1040 /*-----------------------------------------------------------------------------
1041 *
1042 * Link
1043 *
1044 *-----------------------------------------------------------------------------*/
1045 .acf-link .link-wrap {
1046 display: none;
1047 border: #ccd0d4 solid 1px;
1048 border-radius: 3px;
1049 padding: 5px;
1050 line-height: 26px;
1051 background: #fff;
1052 word-wrap: break-word;
1053 word-break: break-all;
1054 }
1055
1056 .acf-link .link-wrap .link-title {
1057 padding: 0 5px;
1058 }
1059
1060 .acf-link.-value .button {
1061 display: none;
1062 }
1063
1064 .acf-link.-value .acf-icon.-link-ext {
1065 display: none;
1066 }
1067
1068 .acf-link.-value .link-wrap {
1069 display: inline-block;
1070 }
1071
1072 .acf-link.-external .acf-icon.-link-ext {
1073 display: inline-block;
1074 }
1075
1076 #wp-link-backdrop {
1077 z-index: 900000 !important;
1078 }
1079
1080 #wp-link-wrap {
1081 z-index: 900001 !important;
1082 }
1083
1084 /*-----------------------------------------------------------------------------
1085 *
1086 * Radio
1087 *
1088 *-----------------------------------------------------------------------------*/
1089 ul.acf-radio-list,
1090 ul.acf-checkbox-list {
1091 background: transparent;
1092 border: 1px solid transparent;
1093 position: relative;
1094 padding: 1px;
1095 margin: 0;
1096 /* hl */
1097 /* rtl */
1098 }
1099
1100 ul.acf-radio-list:focus-visible,
1101 ul.acf-checkbox-list:focus-visible {
1102 border: 1px solid #A5D2E7;
1103 border-radius: 6px;
1104 }
1105
1106 ul.acf-radio-list li,
1107 ul.acf-checkbox-list li {
1108 font-size: 13px;
1109 line-height: 22px;
1110 margin: 0;
1111 position: relative;
1112 word-wrap: break-word;
1113 /* attachment sidebar fix*/
1114 }
1115
1116 ul.acf-radio-list li label,
1117 ul.acf-checkbox-list li label {
1118 display: inline;
1119 }
1120
1121 ul.acf-radio-list li input[type=checkbox],
1122 ul.acf-radio-list li input[type=radio],
1123 ul.acf-checkbox-list li input[type=checkbox],
1124 ul.acf-checkbox-list li input[type=radio] {
1125 margin: -1px 4px 0 0;
1126 vertical-align: middle;
1127 }
1128
1129 ul.acf-radio-list li input[type=text],
1130 ul.acf-checkbox-list li input[type=text] {
1131 width: auto;
1132 vertical-align: middle;
1133 margin: 2px 0;
1134 }
1135
1136 ul.acf-radio-list li span,
1137 ul.acf-checkbox-list li span {
1138 float: none;
1139 }
1140
1141 ul.acf-radio-list li i,
1142 ul.acf-checkbox-list li i {
1143 vertical-align: middle;
1144 }
1145
1146 ul.acf-radio-list.acf-hl li,
1147 ul.acf-checkbox-list.acf-hl li {
1148 margin-right: 20px;
1149 clear: none;
1150 }
1151
1152 html[dir=rtl] ul.acf-radio-list input[type=checkbox],
1153 html[dir=rtl] ul.acf-radio-list input[type=radio],
1154 html[dir=rtl] ul.acf-checkbox-list input[type=checkbox],
1155 html[dir=rtl] ul.acf-checkbox-list input[type=radio] {
1156 margin-left: 4px;
1157 margin-right: 0;
1158 }
1159
1160 /*-----------------------------------------------------------------------------
1161 *
1162 * Button Group
1163 *
1164 *-----------------------------------------------------------------------------*/
1165 .acf-button-group {
1166 display: inline-block;
1167 /* default (horizontal) */
1168 /* vertical */
1169 }
1170
1171 .acf-button-group label {
1172 display: inline-block;
1173 border: #7e8993 solid 1px;
1174 position: relative;
1175 z-index: 1;
1176 padding: 5px 10px;
1177 background: #fff;
1178 cursor: pointer;
1179 }
1180
1181 .acf-button-group label:hover {
1182 color: #016087;
1183 background: #f3f5f6;
1184 border-color: #0071a1;
1185 z-index: 2;
1186 }
1187
1188 .acf-button-group label:focus-visible {
1189 color: #016087;
1190 background: #f3f5f6;
1191 border-color: #0071a1;
1192 box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba;
1193 z-index: 2;
1194 outline: none;
1195 }
1196
1197 .acf-button-group label.selected {
1198 border-color: #007cba;
1199 background: #008dd4;
1200 color: #fff;
1201 z-index: 2;
1202 }
1203
1204 .acf-button-group input {
1205 display: none !important;
1206 }
1207
1208 .acf-button-group {
1209 padding-left: 1px;
1210 display: inline-flex;
1211 flex-direction: row;
1212 flex-wrap: nowrap;
1213 }
1214
1215 .acf-button-group label {
1216 margin: 0 0 0 -1px;
1217 flex: 1;
1218 text-align: center;
1219 white-space: nowrap;
1220 }
1221
1222 .acf-button-group label:first-child {
1223 border-radius: 3px 0 0 3px;
1224 }
1225
1226 html[dir=rtl] .acf-button-group label:first-child {
1227 border-radius: 0 3px 3px 0;
1228 }
1229
1230 .acf-button-group label:last-child {
1231 border-radius: 0 3px 3px 0;
1232 }
1233
1234 html[dir=rtl] .acf-button-group label:last-child {
1235 border-radius: 3px 0 0 3px;
1236 }
1237
1238 .acf-button-group label:only-child {
1239 border-radius: 3px;
1240 }
1241
1242 .acf-button-group.-vertical {
1243 padding-left: 0;
1244 padding-top: 1px;
1245 flex-direction: column;
1246 }
1247
1248 .acf-button-group.-vertical label {
1249 margin: -1px 0 0 0;
1250 }
1251
1252 .acf-button-group.-vertical label:first-child {
1253 border-radius: 3px 3px 0 0;
1254 }
1255
1256 .acf-button-group.-vertical label:last-child {
1257 border-radius: 0 0 3px 3px;
1258 }
1259
1260 .acf-button-group.-vertical label:only-child {
1261 border-radius: 3px;
1262 }
1263
1264 .acf-admin-3-8 .acf-button-group label {
1265 border-color: #ccd0d4;
1266 }
1267
1268 .acf-admin-3-8 .acf-button-group label:hover {
1269 border-color: #0071a1;
1270 }
1271
1272 .acf-admin-3-8 .acf-button-group label.selected {
1273 border-color: #007cba;
1274 }
1275
1276 .acf-admin-page .acf-button-group {
1277 display: flex;
1278 align-items: stretch;
1279 align-content: center;
1280 height: 40px;
1281 border-radius: 6px;
1282 box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
1283 }
1284
1285 .acf-admin-page .acf-button-group label {
1286 display: inline-flex;
1287 align-items: center;
1288 align-content: center;
1289 border: #D0D5DD solid 1px;
1290 padding: 6px 16px;
1291 color: #475467;
1292 font-weight: 500;
1293 }
1294
1295 .acf-admin-page .acf-button-group label:hover {
1296 color: #0783BE;
1297 }
1298
1299 .acf-admin-page .acf-button-group label:focus-visible {
1300 color: #0783be;
1301 box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0783be;
1302 outline: none;
1303 }
1304
1305 .acf-admin-page .acf-button-group label.selected {
1306 background: #F9FAFB;
1307 color: #0783BE;
1308 }
1309
1310 .acf-admin-page .select2-container.-acf .select2-selection--multiple .select2-selection__choice {
1311 display: inline-flex;
1312 align-items: center;
1313 margin-top: 8px;
1314 margin-left: 2px;
1315 position: relative;
1316 padding-top: 4px;
1317 padding-right: auto;
1318 padding-bottom: 4px;
1319 padding-left: 8px;
1320 background-color: #EBF5FA;
1321 border-color: #A5D2E7;
1322 color: #0783BE;
1323 }
1324
1325 .acf-admin-page .select2-container.-acf .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
1326 order: 2;
1327 width: 14px;
1328 height: 14px;
1329 margin-right: 0;
1330 margin-left: 4px;
1331 color: #6BB5D8;
1332 text-indent: 100%;
1333 white-space: nowrap;
1334 overflow: hidden;
1335 }
1336
1337 .acf-admin-page .select2-container.-acf .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover {
1338 color: #0783BE;
1339 }
1340
1341 .acf-admin-page .select2-container.-acf .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:before {
1342 content: "";
1343 display: block;
1344 width: 14px;
1345 height: 14px;
1346 top: 0;
1347 left: 0;
1348 background-color: currentColor;
1349 border: none;
1350 border-radius: 0;
1351 -webkit-mask-size: contain;
1352 mask-size: contain;
1353 -webkit-mask-repeat: no-repeat;
1354 mask-repeat: no-repeat;
1355 -webkit-mask-position: center;
1356 mask-position: center;
1357 -webkit-mask-image: url("../../images/icons/icon-close.svg");
1358 mask-image: url("../../images/icons/icon-close.svg");
1359 }
1360
1361 /*-----------------------------------------------------------------------------
1362 *
1363 * Checkbox
1364 *
1365 *-----------------------------------------------------------------------------*/
1366 .acf-checkbox-list .button {
1367 margin: 10px 0 0;
1368 }
1369
1370 /*-----------------------------------------------------------------------------
1371 *
1372 * True / False
1373 *
1374 *-----------------------------------------------------------------------------*/
1375 .acf-switch {
1376 display: grid;
1377 grid-template-columns: 1fr 1fr;
1378 width: fit-content;
1379 max-width: 100%;
1380 border-radius: 5px;
1381 cursor: pointer;
1382 position: relative;
1383 background: #f5f5f5;
1384 height: 30px;
1385 vertical-align: middle;
1386 border: #7e8993 solid 1px;
1387 -webkit-transition: background 0.25s ease;
1388 -moz-transition: background 0.25s ease;
1389 -o-transition: background 0.25s ease;
1390 transition: background 0.25s ease;
1391 /* hover */
1392 /* active */
1393 /* message */
1394 }
1395
1396 .acf-switch span {
1397 display: inline-block;
1398 float: left;
1399 text-align: center;
1400 font-size: 13px;
1401 line-height: 22px;
1402 padding: 4px 10px;
1403 min-width: 15px;
1404 }
1405
1406 .acf-switch span i {
1407 vertical-align: middle;
1408 }
1409
1410 .acf-switch .acf-switch-on {
1411 color: #fff;
1412 text-shadow: #007cba 0 1px 0;
1413 overflow: hidden;
1414 }
1415
1416 .acf-switch .acf-switch-off {
1417 overflow: hidden;
1418 }
1419
1420 .acf-switch .acf-switch-slider {
1421 position: absolute;
1422 top: 2px;
1423 left: 2px;
1424 bottom: 2px;
1425 right: 50%;
1426 z-index: 1;
1427 background: #fff;
1428 border-radius: 3px;
1429 border: #7e8993 solid 1px;
1430 -webkit-transition: all 0.25s ease;
1431 -moz-transition: all 0.25s ease;
1432 -o-transition: all 0.25s ease;
1433 transition: all 0.25s ease;
1434 transition-property: left, right;
1435 }
1436
1437 .acf-switch:hover, .acf-switch.-focus {
1438 border-color: #0071a1;
1439 background: #f3f5f6;
1440 color: #016087;
1441 }
1442
1443 .acf-switch:hover .acf-switch-slider, .acf-switch.-focus .acf-switch-slider {
1444 border-color: #0071a1;
1445 }
1446
1447 .acf-switch.-on {
1448 background: #0d99d5;
1449 border-color: #007cba;
1450 /* hover */
1451 }
1452
1453 .acf-switch.-on .acf-switch-slider {
1454 left: 50%;
1455 right: 2px;
1456 border-color: #007cba;
1457 }
1458
1459 .acf-switch.-on:hover {
1460 border-color: #007cba;
1461 }
1462
1463 .acf-switch + span {
1464 margin-left: 6px;
1465 }
1466
1467 .acf-admin-3-8 .acf-switch {
1468 border-color: #ccd0d4;
1469 }
1470
1471 .acf-admin-3-8 .acf-switch .acf-switch-slider {
1472 border-color: #ccd0d4;
1473 }
1474
1475 .acf-admin-3-8 .acf-switch:hover, .acf-admin-3-8 .acf-switch.-focus {
1476 border-color: #0071a1;
1477 }
1478
1479 .acf-admin-3-8 .acf-switch:hover .acf-switch-slider, .acf-admin-3-8 .acf-switch.-focus .acf-switch-slider {
1480 border-color: #0071a1;
1481 }
1482
1483 .acf-admin-3-8 .acf-switch.-on {
1484 border-color: #007cba;
1485 }
1486
1487 .acf-admin-3-8 .acf-switch.-on .acf-switch-slider {
1488 border-color: #007cba;
1489 }
1490
1491 .acf-admin-3-8 .acf-switch.-on:hover {
1492 border-color: #007cba;
1493 }
1494
1495 /* checkbox */
1496 .acf-switch-input {
1497 opacity: 0;
1498 position: absolute;
1499 margin: 0;
1500 }
1501
1502 .acf-admin-single-field-group .acf-true-false {
1503 border: 1px solid transparent;
1504 }
1505
1506 .acf-admin-single-field-group .acf-true-false:focus-within {
1507 border: 1px solid #399CCB;
1508 border-radius: 120px;
1509 }
1510
1511 .acf-true-false:has(.acf-switch) label {
1512 display: flex;
1513 align-items: center;
1514 justify-items: center;
1515 }
1516
1517 /* in media modal */
1518 .compat-item .acf-true-false .message {
1519 float: none;
1520 padding: 0;
1521 vertical-align: middle;
1522 }
1523
1524 /*--------------------------------------------------------------------------
1525 *
1526 * Google Map
1527 *
1528 *-------------------------------------------------------------------------*/
1529 .acf-google-map {
1530 position: relative;
1531 border: #ccd0d4 solid 1px;
1532 background: #fff;
1533 }
1534
1535 .acf-google-map .title {
1536 position: relative;
1537 border-bottom: #ccd0d4 solid 1px;
1538 }
1539
1540 .acf-google-map .title .search {
1541 margin: 0;
1542 font-size: 14px;
1543 line-height: 30px;
1544 height: 40px;
1545 padding: 5px 10px;
1546 border: 0 none;
1547 box-shadow: none;
1548 border-radius: 0;
1549 font-family: inherit;
1550 cursor: text;
1551 }
1552
1553 .acf-google-map .title .acf-loading {
1554 position: absolute;
1555 top: 10px;
1556 right: 11px;
1557 display: none;
1558 }
1559
1560 .acf-google-map .title .acf-icon:active {
1561 display: inline-block !important;
1562 }
1563
1564 .acf-google-map .canvas {
1565 height: 400px;
1566 }
1567
1568 .acf-google-map:hover .title .acf-actions {
1569 display: block;
1570 }
1571
1572 .acf-google-map .title .acf-icon.-location {
1573 display: inline-block;
1574 }
1575
1576 .acf-google-map .title .acf-icon.-cancel,
1577 .acf-google-map .title .acf-icon.-search {
1578 display: none;
1579 }
1580
1581 .acf-google-map.-value .title .search {
1582 font-weight: bold;
1583 }
1584
1585 .acf-google-map.-value .title .acf-icon.-location {
1586 display: none;
1587 }
1588
1589 .acf-google-map.-value .title .acf-icon.-cancel {
1590 display: inline-block;
1591 }
1592
1593 .acf-google-map.-searching .title .acf-icon.-location {
1594 display: none;
1595 }
1596
1597 .acf-google-map.-searching .title .acf-icon.-cancel,
1598 .acf-google-map.-searching .title .acf-icon.-search {
1599 display: inline-block;
1600 }
1601
1602 .acf-google-map.-searching .title .acf-actions {
1603 display: block;
1604 }
1605
1606 .acf-google-map.-searching .title .search {
1607 font-weight: normal !important;
1608 }
1609
1610 .acf-google-map.-loading .title a {
1611 display: none !important;
1612 }
1613
1614 .acf-google-map.-loading .title i {
1615 display: inline-block;
1616 }
1617
1618 /* autocomplete */
1619 .pac-container {
1620 border-width: 1px 0;
1621 box-shadow: none;
1622 }
1623
1624 .pac-container:after {
1625 display: none;
1626 }
1627
1628 .pac-container .pac-item:first-child {
1629 border-top: 0 none;
1630 }
1631
1632 .pac-container .pac-item {
1633 padding: 5px 10px;
1634 cursor: pointer;
1635 }
1636
1637 html[dir=rtl] .pac-container .pac-item {
1638 text-align: right;
1639 }
1640
1641 /*--------------------------------------------------------------------------
1642 *
1643 * Relationship
1644 *
1645 *-------------------------------------------------------------------------*/
1646 .acf-relationship {
1647 background: #fff;
1648 border: #ccd0d4 solid 1px;
1649 /* list */
1650 /* selection (bottom) */
1651 }
1652
1653 .acf-relationship .filters {
1654 border-bottom: #ccd0d4 solid 1px;
1655 background: #fff;
1656 /* widths */
1657 }
1658
1659 .acf-relationship .filters:after {
1660 display: block;
1661 clear: both;
1662 content: "";
1663 }
1664
1665 .acf-relationship .filters .filter {
1666 margin: 0;
1667 padding: 0;
1668 float: left;
1669 width: 100%;
1670 box-sizing: border-box;
1671 padding: 7px 7px 7px 0;
1672 }
1673
1674 .acf-relationship .filters .filter:first-child {
1675 padding-left: 7px;
1676 }
1677
1678 .acf-relationship .filters .filter input,
1679 .acf-relationship .filters .filter select {
1680 margin: 0;
1681 float: none; /* potential fix for media popup? */
1682 }
1683
1684 .acf-relationship .filters .filter input:focus, .acf-relationship .filters .filter input:active,
1685 .acf-relationship .filters .filter select:focus,
1686 .acf-relationship .filters .filter select:active {
1687 outline: none;
1688 box-shadow: none;
1689 }
1690
1691 .acf-relationship .filters .filter input {
1692 border-color: transparent;
1693 box-shadow: none;
1694 padding-left: 3px;
1695 padding-right: 3px;
1696 }
1697
1698 .acf-relationship .filters.-f2 .filter {
1699 width: 50%;
1700 }
1701
1702 .acf-relationship .filters.-f3 .filter {
1703 width: 25%;
1704 }
1705
1706 .acf-relationship .filters.-f3 .filter.-search {
1707 width: 50%;
1708 }
1709
1710 .acf-relationship .list {
1711 margin: 0;
1712 padding: 5px;
1713 height: 160px;
1714 overflow: auto;
1715 }
1716
1717 .acf-relationship .list .acf-rel-label,
1718 .acf-relationship .list .acf-rel-item,
1719 .acf-relationship .list p {
1720 padding: 5px;
1721 margin: 0;
1722 display: block;
1723 position: relative;
1724 min-height: 18px;
1725 }
1726
1727 .acf-relationship .list .acf-rel-label {
1728 font-weight: bold;
1729 }
1730
1731 .acf-relationship .list .acf-rel-item {
1732 cursor: pointer;
1733 /* hover */
1734 /* disabled */
1735 }
1736
1737 .acf-relationship .list .acf-rel-item b {
1738 text-decoration: underline;
1739 font-weight: normal;
1740 }
1741
1742 .acf-relationship .list .acf-rel-item .thumbnail {
1743 background: #e0e0e0;
1744 width: 22px;
1745 height: 22px;
1746 float: left;
1747 margin: -2px 5px 0 0;
1748 }
1749
1750 .acf-relationship .list .acf-rel-item .thumbnail img {
1751 max-width: 22px;
1752 max-height: 22px;
1753 margin: 0 auto;
1754 display: block;
1755 }
1756
1757 .acf-relationship .list .acf-rel-item .thumbnail.-icon {
1758 background: #fff;
1759 }
1760
1761 .acf-relationship .list .acf-rel-item .thumbnail.-icon img {
1762 max-height: 20px;
1763 margin-top: 1px;
1764 }
1765
1766 .acf-relationship .list .acf-rel-item:hover, .acf-relationship .list .acf-rel-item.relationship-hover {
1767 background: #3875d7;
1768 color: #fff;
1769 }
1770
1771 .acf-relationship .list .acf-rel-item:hover .thumbnail, .acf-relationship .list .acf-rel-item.relationship-hover .thumbnail {
1772 background: #a2bfec;
1773 }
1774
1775 .acf-relationship .list .acf-rel-item:hover .thumbnail.-icon, .acf-relationship .list .acf-rel-item.relationship-hover .thumbnail.-icon {
1776 background: #fff;
1777 }
1778
1779 .acf-relationship .list .acf-rel-item.disabled {
1780 opacity: 0.5;
1781 }
1782
1783 .acf-relationship .list .acf-rel-item.disabled:hover {
1784 background: transparent;
1785 color: #333;
1786 cursor: default;
1787 }
1788
1789 .acf-relationship .list .acf-rel-item.disabled:hover .thumbnail {
1790 background: #e0e0e0;
1791 }
1792
1793 .acf-relationship .list .acf-rel-item.disabled:hover .thumbnail.-icon {
1794 background: #fff;
1795 }
1796
1797 .acf-relationship .list ul {
1798 padding-bottom: 5px;
1799 }
1800
1801 .acf-relationship .list ul .acf-rel-label,
1802 .acf-relationship .list ul .acf-rel-item,
1803 .acf-relationship .list ul p {
1804 padding-left: 20px;
1805 }
1806
1807 .acf-relationship .selection {
1808 position: relative;
1809 /* choices */
1810 /* values */
1811 }
1812
1813 .acf-relationship .selection:after {
1814 display: block;
1815 clear: both;
1816 content: "";
1817 }
1818
1819 .acf-relationship .selection .values,
1820 .acf-relationship .selection .choices {
1821 width: 50%;
1822 background: #fff;
1823 float: left;
1824 }
1825
1826 .acf-relationship .selection .choices {
1827 background: #f9f9f9;
1828 }
1829
1830 .acf-relationship .selection .choices .list {
1831 border-right: #dfdfdf solid 1px;
1832 }
1833
1834 .acf-relationship .selection .values .acf-icon {
1835 position: absolute;
1836 top: 4px;
1837 right: 7px;
1838 display: none;
1839 /* rtl */
1840 }
1841
1842 html[dir=rtl] .acf-relationship .selection .values .acf-icon {
1843 right: auto;
1844 left: 7px;
1845 }
1846
1847 .acf-relationship .selection .values .acf-rel-item:hover .acf-icon, .acf-relationship .selection .values .acf-rel-item.relationship-hover .acf-icon {
1848 display: block;
1849 }
1850
1851 .acf-relationship .selection .values .acf-rel-item {
1852 cursor: move;
1853 }
1854
1855 .acf-relationship .selection .values .acf-rel-item b {
1856 text-decoration: none;
1857 }
1858
1859 /* menu item fix */
1860 .menu-item .acf-relationship ul {
1861 width: auto;
1862 }
1863
1864 .menu-item .acf-relationship li {
1865 display: block;
1866 }
1867
1868 /*--------------------------------------------------------------------------
1869 *
1870 * WYSIWYG
1871 *
1872 *-------------------------------------------------------------------------*/
1873 .acf-editor-wrap.delay .acf-editor-toolbar {
1874 content: "";
1875 display: block;
1876 background: #f5f5f5;
1877 border-bottom: #dddddd solid 1px;
1878 color: #555d66;
1879 padding: 10px;
1880 }
1881
1882 .acf-editor-wrap.delay .wp-editor-area {
1883 padding: 10px;
1884 border: none;
1885 color: inherit !important;
1886 }
1887
1888 .acf-editor-wrap iframe {
1889 min-height: 200px;
1890 }
1891
1892 .acf-editor-wrap .wp-editor-container {
1893 border: 1px solid #ccd0d4;
1894 box-shadow: none !important;
1895 }
1896
1897 .acf-editor-wrap .wp-editor-tabs {
1898 box-sizing: content-box;
1899 }
1900
1901 .acf-editor-wrap .wp-switch-editor {
1902 border-color: #ccd0d4;
1903 border-bottom-color: transparent;
1904 }
1905
1906 #mce_fullscreen_container {
1907 z-index: 900000 !important;
1908 }
1909
1910 /*-----------------------------------------------------------------------------
1911 *
1912 * Tab
1913 *
1914 *-----------------------------------------------------------------------------*/
1915 .acf-field-tab {
1916 display: none !important;
1917 }
1918
1919 .hidden-by-tab {
1920 display: none !important;
1921 }
1922
1923 .acf-tab-wrap {
1924 clear: both;
1925 z-index: 1;
1926 overflow: auto;
1927 }
1928
1929 .acf-tab-group {
1930 border-bottom: #ccc solid 1px;
1931 padding: 10px 10px 0;
1932 }
1933
1934 .acf-tab-group li {
1935 margin: 0 0.5em 0 0;
1936 }
1937
1938 .acf-tab-group li a {
1939 padding: 5px 10px;
1940 display: block;
1941 color: #555;
1942 font-size: 14px;
1943 font-weight: 600;
1944 line-height: 24px;
1945 border: #ccc solid 1px;
1946 border-bottom: 0 none;
1947 text-decoration: none;
1948 background: #e5e5e5;
1949 transition: none;
1950 }
1951
1952 .acf-tab-group li a:hover {
1953 background: #fff;
1954 }
1955
1956 .acf-tab-group li a:focus {
1957 outline: none;
1958 box-shadow: none;
1959 }
1960
1961 .acf-tab-group li a:empty {
1962 display: none;
1963 }
1964
1965 html[dir=rtl] .acf-tab-group li {
1966 margin: 0 0 0 0.5em;
1967 }
1968
1969 .acf-tab-group li.active a {
1970 background: #f1f1f1;
1971 color: #000;
1972 padding-bottom: 6px;
1973 margin-bottom: -1px;
1974 position: relative;
1975 z-index: 1;
1976 }
1977
1978 .acf-fields > .acf-tab-wrap {
1979 background: #f9f9f9;
1980 }
1981
1982 .acf-fields > .acf-tab-wrap .acf-tab-group {
1983 position: relative;
1984 border-top: #ccd0d4 solid 1px;
1985 border-bottom: #ccd0d4 solid 1px;
1986 z-index: 2;
1987 margin-bottom: -1px;
1988 }
1989
1990 .acf-admin-3-8 .acf-fields > .acf-tab-wrap .acf-tab-group {
1991 border-color: #dfdfdf;
1992 }
1993
1994 .acf-fields.-left > .acf-tab-wrap .acf-tab-group {
1995 padding-left: 20%;
1996 /* mobile */
1997 /* rtl */
1998 }
1999
2000 @media screen and (max-width: 640px) {
2001 .acf-fields.-left > .acf-tab-wrap .acf-tab-group {
2002 padding-left: 10px;
2003 }
2004 }
2005 html[dir=rtl] .acf-fields.-left > .acf-tab-wrap .acf-tab-group {
2006 padding-left: 0;
2007 padding-right: 20%;
2008 /* mobile */
2009 }
2010
2011 @media screen and (max-width: 850px) {
2012 html[dir=rtl] .acf-fields.-left > .acf-tab-wrap .acf-tab-group {
2013 padding-right: 10px;
2014 }
2015 }
2016 .acf-tab-wrap.-left .acf-tab-group {
2017 position: absolute;
2018 left: 0;
2019 width: 20%;
2020 border: 0 none;
2021 padding: 0 !important; /* important overrides 'left aligned labels' */
2022 margin: 1px 0 0;
2023 }
2024
2025 .acf-tab-wrap.-left .acf-tab-group li {
2026 float: none;
2027 margin: -1px 0 0;
2028 }
2029
2030 .acf-tab-wrap.-left .acf-tab-group li a {
2031 border: 1px solid #ededed;
2032 font-size: 13px;
2033 line-height: 18px;
2034 color: #0073aa;
2035 padding: 10px;
2036 margin: 0;
2037 font-weight: normal;
2038 border-width: 1px 0;
2039 border-radius: 0;
2040 background: transparent;
2041 }
2042
2043 .acf-tab-wrap.-left .acf-tab-group li a:hover {
2044 color: #00a0d2;
2045 }
2046
2047 .acf-tab-wrap.-left .acf-tab-group li.active a {
2048 border-color: #dfdfdf;
2049 color: #000;
2050 margin-right: -1px;
2051 background: #fff;
2052 }
2053
2054 html[dir=rtl] .acf-tab-wrap.-left .acf-tab-group {
2055 left: auto;
2056 right: 0;
2057 }
2058
2059 html[dir=rtl] .acf-tab-wrap.-left .acf-tab-group li.active a {
2060 margin-right: 0;
2061 margin-left: -1px;
2062 }
2063
2064 .acf-field + .acf-tab-wrap.-left:before {
2065 content: "";
2066 display: block;
2067 position: relative;
2068 z-index: 1;
2069 height: 10px;
2070 border-top: #dfdfdf solid 1px;
2071 border-bottom: #dfdfdf solid 1px;
2072 margin-bottom: -1px;
2073 }
2074
2075 .acf-tab-wrap.-left:first-child .acf-tab-group li:first-child a {
2076 border-top: none;
2077 }
2078
2079 /* sidebar */
2080 .acf-fields.-sidebar {
2081 padding: 0 0 0 20% !important;
2082 position: relative;
2083 /* before */
2084 /* rtl */
2085 }
2086
2087 .acf-fields.-sidebar:before {
2088 content: "";
2089 display: block;
2090 position: absolute;
2091 top: 0;
2092 left: 0;
2093 width: 20%;
2094 bottom: 0;
2095 border-right: #dfdfdf solid 1px;
2096 background: #f9f9f9;
2097 z-index: 1;
2098 }
2099
2100 html[dir=rtl] .acf-fields.-sidebar {
2101 padding: 0 20% 0 0 !important;
2102 }
2103
2104 html[dir=rtl] .acf-fields.-sidebar:before {
2105 border-left: #dfdfdf solid 1px;
2106 border-right-width: 0;
2107 left: auto;
2108 right: 0;
2109 }
2110
2111 .acf-fields.-sidebar.-left {
2112 padding: 0 0 0 180px !important;
2113 /* rtl */
2114 }
2115
2116 html[dir=rtl] .acf-fields.-sidebar.-left {
2117 padding: 0 180px 0 0 !important;
2118 }
2119
2120 .acf-fields.-sidebar.-left:before {
2121 background: #f1f1f1;
2122 border-color: #dfdfdf;
2123 width: 180px;
2124 }
2125
2126 .acf-fields.-sidebar.-left > .acf-tab-wrap.-left .acf-tab-group {
2127 width: 180px;
2128 }
2129
2130 .acf-fields.-sidebar.-left > .acf-tab-wrap.-left .acf-tab-group li a {
2131 border-color: #e4e4e4;
2132 }
2133
2134 .acf-fields.-sidebar.-left > .acf-tab-wrap.-left .acf-tab-group li.active a {
2135 background: #f9f9f9;
2136 }
2137
2138 .acf-fields.-sidebar > .acf-field-tab + .acf-field {
2139 border-top: none;
2140 }
2141
2142 .acf-fields.-clear > .acf-tab-wrap {
2143 background: transparent;
2144 }
2145
2146 .acf-fields.-clear > .acf-tab-wrap .acf-tab-group {
2147 margin-top: 0;
2148 border-top: none;
2149 padding-left: 0;
2150 padding-right: 0;
2151 }
2152
2153 .acf-fields.-clear > .acf-tab-wrap .acf-tab-group li a {
2154 background: #e5e5e5;
2155 }
2156
2157 .acf-fields.-clear > .acf-tab-wrap .acf-tab-group li a:hover {
2158 background: #fff;
2159 }
2160
2161 .acf-fields.-clear > .acf-tab-wrap .acf-tab-group li.active a {
2162 background: #f1f1f1;
2163 }
2164
2165 /* seamless */
2166 .acf-postbox.seamless > .acf-fields.-sidebar {
2167 margin-left: 0 !important;
2168 }
2169
2170 .acf-postbox.seamless > .acf-fields.-sidebar:before {
2171 background: transparent;
2172 }
2173
2174 .acf-postbox.seamless > .acf-fields > .acf-tab-wrap {
2175 background: transparent;
2176 margin-bottom: 10px;
2177 padding-left: 12px;
2178 padding-right: 12px;
2179 }
2180
2181 .acf-postbox.seamless > .acf-fields > .acf-tab-wrap .acf-tab-group {
2182 border-top: 0 none;
2183 border-color: #ccd0d4;
2184 }
2185
2186 .acf-postbox.seamless > .acf-fields > .acf-tab-wrap .acf-tab-group li a {
2187 background: #e5e5e5;
2188 border-color: #ccd0d4;
2189 }
2190
2191 .acf-postbox.seamless > .acf-fields > .acf-tab-wrap .acf-tab-group li a:hover {
2192 background: #fff;
2193 }
2194
2195 .acf-postbox.seamless > .acf-fields > .acf-tab-wrap .acf-tab-group li.active a {
2196 background: #f1f1f1;
2197 }
2198
2199 .acf-postbox.seamless > .acf-fields > .acf-tab-wrap.-left:before {
2200 border-top: none;
2201 height: auto;
2202 }
2203
2204 .acf-postbox.seamless > .acf-fields > .acf-tab-wrap.-left .acf-tab-group {
2205 margin-bottom: 0;
2206 }
2207
2208 .acf-postbox.seamless > .acf-fields > .acf-tab-wrap.-left .acf-tab-group li a {
2209 border-width: 1px 0 1px 1px !important;
2210 border-color: #cccccc;
2211 background: #e5e5e5;
2212 }
2213
2214 .acf-postbox.seamless > .acf-fields > .acf-tab-wrap.-left .acf-tab-group li.active a {
2215 background: #f1f1f1;
2216 }
2217
2218 .menu-edit .acf-fields.-clear > .acf-tab-wrap .acf-tab-group li a,
2219 .widget .acf-fields.-clear > .acf-tab-wrap .acf-tab-group li a {
2220 background: #f1f1f1;
2221 }
2222
2223 .menu-edit .acf-fields.-clear > .acf-tab-wrap .acf-tab-group li a:hover, .menu-edit .acf-fields.-clear > .acf-tab-wrap .acf-tab-group li.active a,
2224 .widget .acf-fields.-clear > .acf-tab-wrap .acf-tab-group li a:hover,
2225 .widget .acf-fields.-clear > .acf-tab-wrap .acf-tab-group li.active a {
2226 background: #fff;
2227 }
2228
2229 .compat-item .acf-tab-wrap td {
2230 display: block;
2231 }
2232
2233 /* within gallery sidebar */
2234 .acf-gallery-side .acf-tab-wrap {
2235 border-top: 0 none !important;
2236 }
2237
2238 .acf-gallery-side .acf-tab-wrap .acf-tab-group {
2239 margin: 10px 0 !important;
2240 padding: 0 !important;
2241 }
2242
2243 .acf-gallery-side .acf-tab-group li.active a {
2244 background: #f9f9f9 !important;
2245 }
2246
2247 /* withing widget */
2248 .widget .acf-tab-group {
2249 border-bottom-color: #e8e8e8;
2250 }
2251
2252 .widget .acf-tab-group li a {
2253 background: #f1f1f1;
2254 }
2255
2256 .widget .acf-tab-group li.active a {
2257 background: #fff;
2258 }
2259
2260 /* media popup (edit image) */
2261 .media-modal.acf-expanded .compat-attachment-fields > tbody > tr.acf-tab-wrap .acf-tab-group {
2262 padding-left: 23%;
2263 border-bottom-color: #dddddd;
2264 }
2265
2266 /* table */
2267 .form-table > tbody > tr.acf-tab-wrap .acf-tab-group {
2268 padding: 0 5px 0 210px;
2269 }
2270
2271 /* rtl */
2272 html[dir=rtl] .form-table > tbody > tr.acf-tab-wrap .acf-tab-group {
2273 padding: 0 210px 0 5px;
2274 }
2275
2276 /*--------------------------------------------------------------------------------------------
2277 *
2278 * oembed
2279 *
2280 *--------------------------------------------------------------------------------------------*/
2281 .acf-oembed {
2282 position: relative;
2283 border: #ccd0d4 solid 1px;
2284 background: #fff;
2285 }
2286
2287 .acf-oembed .title {
2288 position: relative;
2289 border-bottom: #ccd0d4 solid 1px;
2290 padding: 5px 10px;
2291 }
2292
2293 .acf-oembed .title .input-search {
2294 margin: 0;
2295 font-size: 14px;
2296 line-height: 30px;
2297 height: 30px;
2298 padding: 0;
2299 border: 0 none;
2300 box-shadow: none;
2301 border-radius: 0;
2302 font-family: inherit;
2303 cursor: text;
2304 }
2305
2306 .acf-oembed .title .acf-actions {
2307 padding: 6px;
2308 }
2309
2310 .acf-oembed .canvas {
2311 position: relative;
2312 min-height: 250px;
2313 background: #f9f9f9;
2314 }
2315
2316 .acf-oembed .canvas .canvas-media {
2317 position: relative;
2318 z-index: 1;
2319 }
2320
2321 .acf-oembed .canvas iframe {
2322 display: block;
2323 margin: 0;
2324 padding: 0;
2325 width: 100%;
2326 }
2327
2328 .acf-oembed .canvas .acf-icon.-picture {
2329 position: absolute;
2330 top: 50%;
2331 left: 50%;
2332 transform: translate(-50%, -50%);
2333 z-index: 0;
2334 height: 42px;
2335 width: 42px;
2336 font-size: 42px;
2337 color: #999;
2338 }
2339
2340 .acf-oembed .canvas .acf-loading-overlay {
2341 background: rgba(255, 255, 255, 0.9);
2342 }
2343
2344 .acf-oembed .canvas .canvas-error {
2345 position: absolute;
2346 top: 50%;
2347 left: 0%;
2348 right: 0%;
2349 margin: -9px 0 0 0;
2350 text-align: center;
2351 display: none;
2352 }
2353
2354 .acf-oembed .canvas .canvas-error p {
2355 padding: 8px;
2356 margin: 0;
2357 display: inline;
2358 }
2359
2360 .acf-oembed.has-value .canvas {
2361 min-height: 50px;
2362 }
2363
2364 .acf-oembed.has-value .input-search {
2365 font-weight: bold;
2366 }
2367
2368 .acf-oembed.has-value .title:hover .acf-actions {
2369 display: block;
2370 }
2371
2372 /*--------------------------------------------------------------------------------------------
2373 *
2374 * Image
2375 *
2376 *--------------------------------------------------------------------------------------------*/
2377 .acf-image-uploader {
2378 position: relative;
2379 /* image wrap*/
2380 /* input */
2381 /* rtl */
2382 }
2383
2384 .acf-image-uploader:after {
2385 display: block;
2386 clear: both;
2387 content: "";
2388 }
2389
2390 .acf-image-uploader p {
2391 margin: 0;
2392 }
2393
2394 .acf-image-uploader .image-wrap {
2395 position: relative;
2396 float: left;
2397 /* hover */
2398 }
2399
2400 .acf-image-uploader .image-wrap.show-if-value .acf-actions {
2401 display: block;
2402 opacity: 0;
2403 text-align: right;
2404 z-index: 1;
2405 }
2406
2407 .acf-image-uploader .image-wrap.show-if-value .acf-actions.-hover a:focus {
2408 outline: 2px solid #0073aa;
2409 outline-offset: 2px;
2410 border-radius: 2px;
2411 }
2412
2413 .acf-image-uploader .image-wrap.show-if-value:hover .acf-actions,
2414 .acf-image-uploader .image-wrap.show-if-value:focus-within .acf-actions {
2415 opacity: 1;
2416 }
2417
2418 .acf-image-uploader .image-wrap:focus {
2419 outline: 2px solid #0073aa;
2420 outline-offset: 2px;
2421 }
2422
2423 .acf-image-uploader .image-wrap img {
2424 max-width: 100%;
2425 max-height: 100%;
2426 width: auto;
2427 height: auto;
2428 display: block;
2429 min-width: 30px;
2430 min-height: 30px;
2431 background: #f1f1f1;
2432 margin: 0;
2433 padding: 0;
2434 /* svg */
2435 }
2436
2437 .acf-image-uploader .image-wrap img[src$=".svg"] {
2438 min-height: 100px;
2439 min-width: 100px;
2440 }
2441
2442 .acf-image-uploader input.button {
2443 width: auto;
2444 }
2445
2446 html[dir=rtl] .acf-image-uploader .image-wrap {
2447 float: right;
2448 }
2449
2450 /*--------------------------------------------------------------------------------------------
2451 *
2452 * File
2453 *
2454 *--------------------------------------------------------------------------------------------*/
2455 .acf-file-uploader {
2456 position: relative;
2457 /* hover */
2458 /* rtl */
2459 }
2460
2461 .acf-file-uploader p {
2462 margin: 0;
2463 }
2464
2465 .acf-file-uploader .file-wrap {
2466 border: #ccd0d4 solid 1px;
2467 min-height: 84px;
2468 position: relative;
2469 background: #fff;
2470 }
2471
2472 .acf-file-uploader .file-wrap:focus {
2473 outline: 2px solid #0073aa;
2474 outline-offset: 2px;
2475 }
2476
2477 .acf-file-uploader .file-icon {
2478 position: absolute;
2479 top: 0;
2480 left: 0;
2481 bottom: 0;
2482 padding: 10px;
2483 background: #f1f1f1;
2484 border-right: #d5d9dd solid 1px;
2485 }
2486
2487 .acf-file-uploader .file-icon img {
2488 display: block;
2489 padding: 0;
2490 margin: 0;
2491 max-width: 48px;
2492 }
2493
2494 .acf-file-uploader .file-info {
2495 padding: 10px;
2496 margin-left: 69px;
2497 }
2498
2499 .acf-file-uploader .file-info p {
2500 margin: 0 0 2px;
2501 font-size: 13px;
2502 line-height: 1.4em;
2503 word-break: break-all;
2504 }
2505
2506 .acf-file-uploader .file-info a {
2507 text-decoration: none;
2508 }
2509
2510 .acf-file-uploader.has-value .acf-actions {
2511 display: block;
2512 opacity: 0;
2513 text-align: right;
2514 z-index: 1;
2515 }
2516
2517 .acf-file-uploader.has-value .acf-actions.-hover a:focus {
2518 outline: 2px solid #0073aa;
2519 outline-offset: 2px;
2520 border-radius: 2px;
2521 }
2522
2523 .acf-file-uploader.has-value:hover .acf-actions,
2524 .acf-file-uploader.has-value:focus-within .acf-actions {
2525 opacity: 1;
2526 }
2527
2528 .acf-file-uploader:hover .acf-actions {
2529 display: block;
2530 }
2531
2532 html[dir=rtl] .acf-file-uploader .file-icon {
2533 left: auto;
2534 right: 0;
2535 border-left: #e5e5e5 solid 1px;
2536 border-right: none;
2537 }
2538
2539 html[dir=rtl] .acf-file-uploader .file-info {
2540 margin-right: 69px;
2541 margin-left: 0;
2542 }
2543
2544 /*-----------------------------------------------------------------------------
2545 *
2546 * Date Picker
2547 *
2548 *-----------------------------------------------------------------------------*/
2549 .acf-ui-datepicker .ui-datepicker {
2550 z-index: 900000 !important;
2551 }
2552
2553 .acf-ui-datepicker .ui-datepicker .ui-widget-header a {
2554 cursor: pointer;
2555 transition: none;
2556 }
2557
2558 /* fix highlight state overriding hover / active */
2559 .acf-ui-datepicker .ui-state-highlight.ui-state-hover {
2560 border: 1px solid #98b7e8 !important;
2561 background: #98b7e8 !important;
2562 font-weight: normal !important;
2563 color: #ffffff !important;
2564 }
2565
2566 .acf-ui-datepicker .ui-state-highlight.ui-state-active {
2567 border: 1px solid #3875d7 !important;
2568 background: #3875d7 !important;
2569 font-weight: normal !important;
2570 color: #ffffff !important;
2571 }
2572
2573 /*-----------------------------------------------------------------------------
2574 *
2575 * Separator field
2576 *
2577 *-----------------------------------------------------------------------------*/
2578 .acf-field-separator {
2579 /* fields */
2580 }
2581
2582 .acf-field-separator .acf-label {
2583 margin-bottom: 0;
2584 }
2585
2586 .acf-field-separator .acf-label label {
2587 font-weight: normal;
2588 }
2589
2590 .acf-field-separator .acf-input {
2591 display: none;
2592 }
2593
2594 .acf-fields > .acf-field-separator {
2595 background: #f9f9f9;
2596 border-bottom: 1px solid #dfdfdf;
2597 border-top: 1px solid #dfdfdf;
2598 margin-bottom: -1px;
2599 z-index: 2;
2600 }
2601
2602 /*-----------------------------------------------------------------------------
2603 *
2604 * Taxonomy
2605 *
2606 *-----------------------------------------------------------------------------*/
2607 .acf-taxonomy-field {
2608 position: relative;
2609 /* hover */
2610 /* select */
2611 }
2612
2613 .acf-taxonomy-field .categorychecklist-holder {
2614 border: #ccd0d4 solid 1px;
2615 border-radius: 3px;
2616 max-height: 200px;
2617 overflow: auto;
2618 }
2619
2620 .acf-taxonomy-field .acf-checkbox-list {
2621 margin: 0;
2622 padding: 10px;
2623 }
2624
2625 .acf-taxonomy-field .acf-checkbox-list ul.children {
2626 padding-left: 18px;
2627 }
2628
2629 .acf-taxonomy-field:hover .acf-actions {
2630 display: block;
2631 }
2632
2633 .acf-taxonomy-field[data-ftype=select] .acf-actions {
2634 padding: 0;
2635 margin: -9px;
2636 }
2637
2638 /*-----------------------------------------------------------------------------
2639 *
2640 * Range
2641 *
2642 *-----------------------------------------------------------------------------*/
2643 .acf-range-wrap {
2644 /* rtl */
2645 }
2646
2647 .acf-range-wrap .acf-append,
2648 .acf-range-wrap .acf-prepend {
2649 display: inline-block;
2650 vertical-align: middle;
2651 line-height: 28px;
2652 margin: 0 7px 0 0;
2653 }
2654
2655 .acf-range-wrap .acf-append {
2656 margin: 0 0 0 7px;
2657 }
2658
2659 .acf-range-wrap input[type=range] {
2660 display: inline-block;
2661 padding: 0;
2662 margin: 0;
2663 vertical-align: middle;
2664 height: 28px;
2665 }
2666
2667 .acf-range-wrap input[type=range]:focus {
2668 outline: none;
2669 }
2670
2671 .acf-range-wrap input[type=number] {
2672 display: inline-block;
2673 min-width: 5em;
2674 padding-right: 4px;
2675 margin-left: 10px;
2676 vertical-align: middle;
2677 }
2678
2679 html[dir=rtl] .acf-range-wrap input[type=number] {
2680 margin-right: 10px;
2681 margin-left: 0;
2682 }
2683
2684 html[dir=rtl] .acf-range-wrap .acf-append {
2685 margin: 0 7px 0 0;
2686 }
2687
2688 html[dir=rtl] .acf-range-wrap .acf-prepend {
2689 margin: 0 0 0 7px;
2690 }
2691
2692 /*-----------------------------------------------------------------------------
2693 *
2694 * acf-accordion
2695 *
2696 *-----------------------------------------------------------------------------*/
2697 .acf-accordion {
2698 margin: -1px 0;
2699 padding: 0;
2700 background: #fff;
2701 border-top: 1px solid #d5d9dd;
2702 border-bottom: 1px solid #d5d9dd;
2703 z-index: 1;
2704 }
2705
2706 .acf-accordion .acf-accordion-title {
2707 margin: 0;
2708 padding: 12px;
2709 font-weight: bold;
2710 cursor: pointer;
2711 font-size: inherit;
2712 font-size: 13px;
2713 line-height: 1.4em;
2714 }
2715
2716 .acf-accordion .acf-accordion-title:hover {
2717 background: #f3f4f5;
2718 }
2719
2720 .acf-accordion .acf-accordion-title label {
2721 margin: 0;
2722 padding: 0;
2723 font-size: 13px;
2724 line-height: 1.4em;
2725 }
2726
2727 .acf-accordion .acf-accordion-title p {
2728 font-weight: normal;
2729 }
2730
2731 .acf-accordion .acf-accordion-title .acf-accordion-icon {
2732 float: right;
2733 }
2734
2735 .acf-accordion .acf-accordion-title svg.acf-accordion-icon {
2736 position: absolute;
2737 right: 10px;
2738 top: 50%;
2739 transform: translateY(-50%);
2740 color: #191e23;
2741 fill: currentColor;
2742 }
2743
2744 .acf-accordion .acf-accordion-content {
2745 margin: 0;
2746 padding: 0 12px 12px;
2747 display: none;
2748 }
2749
2750 .acf-accordion.-open > .acf-accordion-content {
2751 display: block;
2752 }
2753
2754 .acf-field.acf-accordion {
2755 margin: -1px 0;
2756 padding: 0 !important;
2757 border-color: #d5d9dd;
2758 }
2759
2760 .acf-field.acf-accordion .acf-label.acf-accordion-title {
2761 padding: 12px;
2762 width: auto;
2763 float: none;
2764 width: auto;
2765 }
2766
2767 .acf-field.acf-accordion .acf-input.acf-accordion-content {
2768 padding: 0;
2769 float: none;
2770 width: auto;
2771 }
2772
2773 .acf-field.acf-accordion .acf-input.acf-accordion-content > .acf-fields {
2774 border-top: #eeeeee solid 1px;
2775 }
2776
2777 .acf-field.acf-accordion .acf-input.acf-accordion-content > .acf-fields.-clear {
2778 padding: 0 12px 15px;
2779 }
2780
2781 /* field specific (left) */
2782 .acf-fields.-left > .acf-field.acf-accordion:before {
2783 display: none;
2784 }
2785
2786 .acf-fields.-left > .acf-field.acf-accordion .acf-accordion-title {
2787 width: auto;
2788 margin: 0 !important;
2789 padding: 12px;
2790 float: none !important;
2791 }
2792
2793 .acf-fields.-left > .acf-field.acf-accordion .acf-accordion-content {
2794 padding: 0 !important;
2795 }
2796
2797 /* field specific (clear) */
2798 .acf-fields.-clear > .acf-field.acf-accordion {
2799 border: #cccccc solid 1px;
2800 background: transparent;
2801 }
2802
2803 .acf-fields.-clear > .acf-field.acf-accordion + .acf-field.acf-accordion {
2804 margin-top: -16px;
2805 }
2806
2807 /* table */
2808 tr.acf-field.acf-accordion {
2809 background: transparent;
2810 }
2811
2812 tr.acf-field.acf-accordion > .acf-input {
2813 padding: 0 !important;
2814 border: #cccccc solid 1px;
2815 }
2816
2817 tr.acf-field.acf-accordion .acf-accordion-content {
2818 padding: 0 12px 12px;
2819 }
2820
2821 /* #addtag */
2822 #addtag div.acf-field.error {
2823 border: 0 none;
2824 padding: 8px 0;
2825 }
2826
2827 #addtag > .acf-field.acf-accordion {
2828 padding-right: 0;
2829 margin-right: 5%;
2830 }
2831
2832 #addtag > .acf-field.acf-accordion + p.submit {
2833 margin-top: 0;
2834 }
2835
2836 /* border */
2837 tr.acf-accordion {
2838 margin: 15px 0 !important;
2839 }
2840
2841 tr.acf-accordion + tr.acf-accordion {
2842 margin-top: -16px !important;
2843 }
2844
2845 /* seamless */
2846 .acf-postbox.seamless > .acf-fields > .acf-accordion {
2847 margin-left: 12px;
2848 margin-right: 12px;
2849 border: #ccd0d4 solid 1px;
2850 }
2851
2852 /* rtl */
2853 /* menu item */
2854 /*
2855 .menu-item-settings > .field-acf > .acf-field.acf-accordion {
2856 border: #dfdfdf solid 1px;
2857 margin: 10px -13px 10px -11px;
2858
2859 + .acf-field.acf-accordion {
2860 margin-top: -11px;
2861 }
2862 }
2863 */
2864 /* widget */
2865 .widget .widget-content > .acf-field.acf-accordion {
2866 border: #dfdfdf solid 1px;
2867 margin-bottom: 10px;
2868 }
2869
2870 .widget .widget-content > .acf-field.acf-accordion .acf-accordion-title {
2871 margin-bottom: 0;
2872 }
2873
2874 .widget .widget-content > .acf-field.acf-accordion + .acf-field.acf-accordion {
2875 margin-top: -11px;
2876 }
2877
2878 .media-modal .compat-attachment-fields .acf-field.acf-accordion + .acf-field.acf-accordion {
2879 margin-top: -1px;
2880 }
2881
2882 .media-modal .compat-attachment-fields .acf-field.acf-accordion > .acf-input {
2883 width: 100%;
2884 }
2885
2886 .media-modal .compat-attachment-fields .acf-field.acf-accordion .compat-attachment-fields > tbody > tr > td {
2887 padding-bottom: 5px;
2888 }
2889
2890 /*-----------------------------------------------------------------------------
2891 *
2892 * Block Editor
2893 *
2894 *-----------------------------------------------------------------------------*/
2895 .block-editor .edit-post-sidebar .acf-postbox > .postbox-header,
2896 .block-editor .edit-post-sidebar .acf-postbox > .hndle {
2897 border-bottom-width: 0 !important;
2898 }
2899
2900 .block-editor .edit-post-sidebar .acf-postbox.closed > .postbox-header,
2901 .block-editor .edit-post-sidebar .acf-postbox.closed > .hndle {
2902 border-bottom-width: 1px !important;
2903 }
2904
2905 .block-editor .edit-post-sidebar .acf-fields {
2906 min-height: 1px;
2907 overflow: auto;
2908 }
2909
2910 .block-editor .edit-post-sidebar .acf-fields > .acf-field {
2911 border-width: 0;
2912 border-color: #e2e4e7;
2913 margin: 0px;
2914 padding: 10px 16px;
2915 width: auto !important;
2916 min-height: 0 !important;
2917 float: none !important;
2918 }
2919
2920 .block-editor .edit-post-sidebar .acf-fields > .acf-field > .acf-label {
2921 margin-bottom: 5px;
2922 }
2923
2924 .block-editor .edit-post-sidebar .acf-fields > .acf-field > .acf-label label {
2925 font-weight: normal;
2926 }
2927
2928 .block-editor .edit-post-sidebar .acf-fields > .acf-field.acf-accordion {
2929 padding: 0;
2930 margin: 0;
2931 border-top-width: 1px;
2932 }
2933
2934 .block-editor .edit-post-sidebar .acf-fields > .acf-field.acf-accordion:first-child {
2935 border-top-width: 0;
2936 }
2937
2938 .block-editor .edit-post-sidebar .acf-fields > .acf-field.acf-accordion .acf-accordion-title {
2939 margin: 0;
2940 padding: 15px;
2941 }
2942
2943 .block-editor .edit-post-sidebar .acf-fields > .acf-field.acf-accordion .acf-accordion-title label {
2944 font-weight: 500;
2945 color: rgb(30, 30, 30);
2946 }
2947
2948 .block-editor .edit-post-sidebar .acf-fields > .acf-field.acf-accordion .acf-accordion-title svg.acf-accordion-icon {
2949 right: 16px;
2950 }
2951
2952 .block-editor .edit-post-sidebar .acf-fields > .acf-field.acf-accordion .acf-accordion-content > .acf-fields {
2953 border-top-width: 0;
2954 }
2955
2956 .block-editor .edit-post-sidebar .block-editor-block-inspector .acf-fields > .acf-notice {
2957 display: grid;
2958 grid-template-columns: 1fr 25px;
2959 padding: 10px;
2960 margin: 0;
2961 }
2962
2963 .block-editor .edit-post-sidebar .block-editor-block-inspector .acf-fields > .acf-notice p:last-of-type {
2964 margin: 0;
2965 }
2966
2967 .block-editor .edit-post-sidebar .block-editor-block-inspector .acf-fields > .acf-notice > .acf-notice-dismiss {
2968 position: relative;
2969 top: unset;
2970 right: unset;
2971 }
2972
2973 .block-editor .edit-post-sidebar .block-editor-block-inspector .acf-fields .acf-field .acf-notice {
2974 margin: 0;
2975 padding: 0;
2976 }
2977
2978 .block-editor .edit-post-sidebar .block-editor-block-inspector .acf-fields .acf-error {
2979 margin-bottom: 10px;
2980 }
2981
2982 /*-----------------------------------------------------------------------------
2983 *
2984 * Prefix field label & prefix field names
2985 *
2986 *-----------------------------------------------------------------------------*/
2987 .acf-field-setting-prefix_label p.description,
2988 .acf-field-setting-prefix_name p.description {
2989 order: 3;
2990 margin-top: 0;
2991 margin-left: 16px;
2992 }
2993
2994 .acf-field-setting-prefix_label p.description code,
2995 .acf-field-setting-prefix_name p.description code {
2996 padding-top: 4px;
2997 padding-right: 6px;
2998 padding-bottom: 4px;
2999 padding-left: 6px;
3000 background-color: #F2F4F7;
3001 border-radius: 4px;
3002 color: #667085;
3003 }
3004
3005 /*-----------------------------------------------------------------------------
3006 *
3007 * Editor tab styles
3008 *
3009 *-----------------------------------------------------------------------------*/
3010 .acf-fields > .acf-tab-wrap:first-child .acf-tab-group {
3011 border-top: none;
3012 }
3013
3014 .acf-fields > .acf-tab-wrap .acf-tab-group li.active a {
3015 background: #ffffff;
3016 }
3017
3018 .acf-fields > .acf-tab-wrap .acf-tab-group li a {
3019 background: #f1f1f1;
3020 border-color: #ccd0d4;
3021 }
3022
3023 .acf-fields > .acf-tab-wrap .acf-tab-group li a:hover {
3024 background: #fff;
3025 }
3026
3027 /*--------------------------------------------------------------------------------------------
3028 *
3029 * User
3030 *
3031 *--------------------------------------------------------------------------------------------*/
3032 .form-table > tbody {
3033 /* field */
3034 /* tab wrap */
3035 /* misc */
3036 }
3037
3038 .form-table > tbody > .acf-field {
3039 /* label */
3040 /* input */
3041 }
3042
3043 .form-table > tbody > .acf-field > .acf-label {
3044 padding: 20px 10px 20px 0;
3045 width: 210px;
3046 /* rtl */
3047 }
3048
3049 html[dir=rtl] .form-table > tbody > .acf-field > .acf-label {
3050 padding: 20px 0 20px 10px;
3051 }
3052
3053 .form-table > tbody > .acf-field > .acf-label label {
3054 font-size: 14px;
3055 color: #23282d;
3056 }
3057
3058 .form-table > tbody > .acf-field > .acf-input {
3059 padding: 15px 10px;
3060 /* rtl */
3061 }
3062
3063 html[dir=rtl] .form-table > tbody > .acf-field > .acf-input {
3064 padding: 15px 10px 15px 5%;
3065 }
3066
3067 .form-table > tbody > .acf-tab-wrap td {
3068 padding: 15px 5% 15px 0;
3069 /* rtl */
3070 }
3071
3072 html[dir=rtl] .form-table > tbody > .acf-tab-wrap td {
3073 padding: 15px 0 15px 5%;
3074 }
3075
3076 .form-table > tbody .form-table th.acf-th {
3077 width: auto;
3078 }
3079
3080 #your-profile,
3081 #createuser {
3082 /* override for user css */
3083 /* allow sub fields to display correctly */
3084 }
3085
3086 #your-profile .acf-field input[type=text],
3087 #your-profile .acf-field input[type=password],
3088 #your-profile .acf-field input[type=number],
3089 #your-profile .acf-field input[type=search],
3090 #your-profile .acf-field input[type=email],
3091 #your-profile .acf-field input[type=url],
3092 #your-profile .acf-field select,
3093 #createuser .acf-field input[type=text],
3094 #createuser .acf-field input[type=password],
3095 #createuser .acf-field input[type=number],
3096 #createuser .acf-field input[type=search],
3097 #createuser .acf-field input[type=email],
3098 #createuser .acf-field input[type=url],
3099 #createuser .acf-field select {
3100 max-width: 25em;
3101 }
3102
3103 #your-profile .acf-field textarea,
3104 #createuser .acf-field textarea {
3105 max-width: 500px;
3106 }
3107
3108 #your-profile .acf-field .acf-field input[type=text],
3109 #your-profile .acf-field .acf-field input[type=password],
3110 #your-profile .acf-field .acf-field input[type=number],
3111 #your-profile .acf-field .acf-field input[type=search],
3112 #your-profile .acf-field .acf-field input[type=email],
3113 #your-profile .acf-field .acf-field input[type=url],
3114 #your-profile .acf-field .acf-field textarea,
3115 #your-profile .acf-field .acf-field select,
3116 #createuser .acf-field .acf-field input[type=text],
3117 #createuser .acf-field .acf-field input[type=password],
3118 #createuser .acf-field .acf-field input[type=number],
3119 #createuser .acf-field .acf-field input[type=search],
3120 #createuser .acf-field .acf-field input[type=email],
3121 #createuser .acf-field .acf-field input[type=url],
3122 #createuser .acf-field .acf-field textarea,
3123 #createuser .acf-field .acf-field select {
3124 max-width: none;
3125 }
3126
3127 #registerform h2 {
3128 margin: 1em 0;
3129 }
3130
3131 #registerform .acf-field {
3132 margin-top: 0;
3133 /*
3134 .acf-input {
3135 input {
3136 font-size: 24px;
3137 padding: 5px;
3138 height: auto;
3139 }
3140 }
3141 */
3142 }
3143
3144 #registerform .acf-field .acf-label {
3145 margin-bottom: 0;
3146 }
3147
3148 #registerform .acf-field .acf-label label {
3149 font-weight: normal;
3150 line-height: 1.5;
3151 }
3152
3153 #registerform p.submit {
3154 text-align: right;
3155 }
3156
3157 /*--------------------------------------------------------------------------------------------
3158 *
3159 * Term
3160 *
3161 *--------------------------------------------------------------------------------------------*/
3162 #acf-term-fields {
3163 padding-right: 5%;
3164 }
3165
3166 #acf-term-fields > .acf-field > .acf-label {
3167 margin: 0;
3168 }
3169
3170 #acf-term-fields > .acf-field > .acf-label label {
3171 font-size: 12px;
3172 font-weight: normal;
3173 }
3174
3175 p.submit .spinner,
3176 p.submit .acf-spinner {
3177 vertical-align: top;
3178 float: none;
3179 margin: 4px 4px 0;
3180 }
3181
3182 #edittag .acf-fields.-left > .acf-field {
3183 padding-left: 220px;
3184 }
3185
3186 #edittag .acf-fields.-left > .acf-field:before {
3187 width: 209px;
3188 }
3189
3190 #edittag .acf-fields.-left > .acf-field > .acf-label {
3191 width: 220px;
3192 margin-left: -220px;
3193 padding: 0 10px;
3194 }
3195
3196 #edittag .acf-fields.-left > .acf-field > .acf-input {
3197 padding: 0;
3198 }
3199
3200 #edittag > .acf-fields.-left {
3201 width: 96%;
3202 }
3203
3204 #edittag > .acf-fields.-left > .acf-field > .acf-label {
3205 padding-left: 0;
3206 }
3207
3208 /*--------------------------------------------------------------------------------------------
3209 *
3210 * Comment
3211 *
3212 *--------------------------------------------------------------------------------------------*/
3213 .editcomment td:first-child {
3214 white-space: nowrap;
3215 width: 131px;
3216 }
3217
3218 /*--------------------------------------------------------------------------------------------
3219 *
3220 * Widget
3221 *
3222 *--------------------------------------------------------------------------------------------*/
3223 #widgets-right .widget .acf-field .description {
3224 padding-left: 0;
3225 padding-right: 0;
3226 }
3227
3228 .acf-widget-fields > .acf-field .acf-label {
3229 margin-bottom: 5px;
3230 }
3231
3232 .acf-widget-fields > .acf-field .acf-label label {
3233 font-weight: normal;
3234 margin: 0;
3235 }
3236
3237 /*--------------------------------------------------------------------------------------------
3238 *
3239 * Nav Menu
3240 *
3241 *--------------------------------------------------------------------------------------------*/
3242 .acf-menu-settings {
3243 border-top: 1px solid #eee;
3244 margin-top: 2em;
3245 }
3246
3247 .acf-menu-settings.-seamless {
3248 border-top: none;
3249 margin-top: 15px;
3250 }
3251
3252 .acf-menu-settings.-seamless > h2 {
3253 display: none;
3254 }
3255
3256 .acf-menu-settings .list li {
3257 display: block;
3258 margin-bottom: 0;
3259 }
3260
3261 .acf-fields.acf-menu-item-fields {
3262 clear: both;
3263 padding-top: 1px;
3264 }
3265
3266 .acf-fields.acf-menu-item-fields > .acf-field {
3267 margin: 5px 0;
3268 padding-right: 10px;
3269 }
3270
3271 .acf-fields.acf-menu-item-fields > .acf-field .acf-label {
3272 margin-bottom: 0;
3273 }
3274
3275 .acf-fields.acf-menu-item-fields > .acf-field .acf-label label {
3276 font-style: italic;
3277 font-weight: normal;
3278 }
3279
3280 /*---------------------------------------------------------------------------------------------
3281 *
3282 * Attachment Form (single)
3283 *
3284 *---------------------------------------------------------------------------------------------*/
3285 #post .compat-attachment-fields .compat-field-acf-form-data {
3286 display: none;
3287 }
3288
3289 #post .compat-attachment-fields,
3290 #post .compat-attachment-fields > tbody,
3291 #post .compat-attachment-fields > tbody > tr,
3292 #post .compat-attachment-fields > tbody > tr > th,
3293 #post .compat-attachment-fields > tbody > tr > td {
3294 display: block;
3295 }
3296
3297 #post .compat-attachment-fields > tbody > .acf-field {
3298 margin: 15px 0;
3299 }
3300
3301 #post .compat-attachment-fields > tbody > .acf-field > .acf-label {
3302 margin: 0;
3303 }
3304
3305 #post .compat-attachment-fields > tbody > .acf-field > .acf-label label {
3306 margin: 0;
3307 padding: 0;
3308 }
3309
3310 #post .compat-attachment-fields > tbody > .acf-field > .acf-label label p {
3311 margin: 0 0 3px !important;
3312 }
3313
3314 #post .compat-attachment-fields > tbody > .acf-field > .acf-input {
3315 margin: 0;
3316 }
3317
3318 /*---------------------------------------------------------------------------------------------
3319 *
3320 * Media Model
3321 *
3322 *---------------------------------------------------------------------------------------------*/
3323 /* WP sets tables to act as divs. SCF uses tables, so these muct be reset */
3324 .media-modal .compat-attachment-fields td.acf-input table {
3325 display: table;
3326 table-layout: auto;
3327 }
3328
3329 .media-modal .compat-attachment-fields td.acf-input table tbody {
3330 display: table-row-group;
3331 }
3332
3333 .media-modal .compat-attachment-fields td.acf-input table tr {
3334 display: table-row;
3335 }
3336
3337 .media-modal .compat-attachment-fields td.acf-input table td, .media-modal .compat-attachment-fields td.acf-input table th {
3338 display: table-cell;
3339 }
3340
3341 /* field widths floats */
3342 .media-modal .compat-attachment-fields > tbody > .acf-field {
3343 margin: 5px 0;
3344 }
3345
3346 .media-modal .compat-attachment-fields > tbody > .acf-field > .acf-label {
3347 min-width: 30%;
3348 margin: 0;
3349 padding: 0;
3350 float: left;
3351 text-align: right;
3352 display: block;
3353 float: left;
3354 }
3355
3356 .media-modal .compat-attachment-fields > tbody > .acf-field > .acf-label > label {
3357 padding-top: 6px;
3358 margin: 0;
3359 color: #666666;
3360 font-weight: 400;
3361 line-height: 16px;
3362 }
3363
3364 .media-modal .compat-attachment-fields > tbody > .acf-field > .acf-input {
3365 width: 65%;
3366 margin: 0;
3367 padding: 0;
3368 float: right;
3369 display: block;
3370 }
3371
3372 .media-modal .compat-attachment-fields > tbody > .acf-field p.description {
3373 margin: 0;
3374 }
3375
3376 /* restricted selection (copy of WP .upload-errors)*/
3377 .acf-selection-error {
3378 background: #ffebe8;
3379 border: 1px solid #c00;
3380 border-radius: 3px;
3381 padding: 8px;
3382 margin: 20px 0 0;
3383 }
3384
3385 .acf-selection-error .selection-error-label {
3386 background: #CC0000;
3387 border-radius: 3px;
3388 color: #fff;
3389 font-weight: bold;
3390 margin-right: 8px;
3391 padding: 2px 4px;
3392 }
3393
3394 .acf-selection-error .selection-error-message {
3395 color: #b44;
3396 display: block;
3397 padding-top: 8px;
3398 word-wrap: break-word;
3399 white-space: pre-wrap;
3400 }
3401
3402 /* disabled attachment */
3403 .media-modal .attachment.acf-disabled .thumbnail {
3404 opacity: 0.25 !important;
3405 }
3406
3407 .media-modal .attachment.acf-disabled .attachment-preview:before {
3408 background: rgba(0, 0, 0, 0.15);
3409 z-index: 1;
3410 position: relative;
3411 }
3412
3413 /* misc */
3414 .media-modal {
3415 /* compat-item */
3416 /* allow line breaks in upload error */
3417 /* fix required span */
3418 /* sidebar */
3419 /* mobile md */
3420 }
3421
3422 .media-modal .compat-field-acf-form-data,
3423 .media-modal .compat-field-acf-blank {
3424 display: none !important;
3425 }
3426
3427 .media-modal .upload-error-message {
3428 white-space: pre-wrap;
3429 }
3430
3431 .media-modal .acf-required {
3432 padding: 0 !important;
3433 margin: 0 !important;
3434 float: none !important;
3435 color: #f00 !important;
3436 }
3437
3438 .media-modal .media-sidebar .compat-item {
3439 padding-bottom: 20px;
3440 }
3441
3442 @media (max-width: 900px) {
3443 .media-modal {
3444 /* label */
3445 /* field */
3446 }
3447 .media-modal .setting span,
3448 .media-modal .compat-attachment-fields > tbody > .acf-field > .acf-label {
3449 width: 98%;
3450 float: none;
3451 text-align: left;
3452 min-height: 0;
3453 padding: 0;
3454 }
3455 .media-modal .setting input,
3456 .media-modal .setting textarea,
3457 .media-modal .compat-attachment-fields > tbody > .acf-field > .acf-input {
3458 float: none;
3459 height: auto;
3460 max-width: none;
3461 width: 98%;
3462 }
3463 }
3464 /*---------------------------------------------------------------------------------------------
3465 *
3466 * Media Model (expand details)
3467 *
3468 *---------------------------------------------------------------------------------------------*/
3469 .media-modal .acf-expand-details {
3470 float: right;
3471 padding: 8px 10px;
3472 margin-right: 6px;
3473 font-size: 13px;
3474 height: 18px;
3475 line-height: 18px;
3476 color: #666;
3477 text-decoration: none;
3478 }
3479
3480 .media-modal .acf-expand-details:focus, .media-modal .acf-expand-details:active {
3481 outline: 0 none;
3482 box-shadow: none;
3483 color: #666;
3484 }
3485
3486 .media-modal .acf-expand-details:hover {
3487 color: #000;
3488 }
3489
3490 .media-modal .acf-expand-details .is-open {
3491 display: none;
3492 }
3493
3494 .media-modal .acf-expand-details .is-closed {
3495 display: block;
3496 }
3497
3498 @media (max-width: 640px) {
3499 .media-modal .acf-expand-details {
3500 display: none;
3501 }
3502 }
3503 /* expanded */
3504 .media-modal.acf-expanded {
3505 /* toggle */
3506 }
3507
3508 .media-modal.acf-expanded .acf-expand-details .is-open {
3509 display: block;
3510 }
3511
3512 .media-modal.acf-expanded .acf-expand-details .is-closed {
3513 display: none;
3514 }
3515
3516 .media-modal.acf-expanded .attachments-browser .media-toolbar,
3517 .media-modal.acf-expanded .attachments-browser .attachments {
3518 right: 740px;
3519 }
3520
3521 .media-modal.acf-expanded .media-sidebar {
3522 width: 708px;
3523 }
3524
3525 .media-modal.acf-expanded .media-sidebar .attachment-info .thumbnail {
3526 float: left;
3527 max-height: none;
3528 }
3529
3530 .media-modal.acf-expanded .media-sidebar .attachment-info .thumbnail img {
3531 max-width: 100%;
3532 max-height: 200px;
3533 }
3534
3535 .media-modal.acf-expanded .media-sidebar .attachment-info .details {
3536 float: right;
3537 }
3538
3539 .media-modal.acf-expanded .media-sidebar .attachment-info .thumbnail,
3540 .media-modal.acf-expanded .media-sidebar .attachment-details .setting .name,
3541 .media-modal.acf-expanded .media-sidebar .compat-attachment-fields > tbody > .acf-field > .acf-label {
3542 min-width: 20%;
3543 margin-right: 0;
3544 }
3545
3546 .media-modal.acf-expanded .media-sidebar .attachment-info .details,
3547 .media-modal.acf-expanded .media-sidebar .attachment-details .setting input,
3548 .media-modal.acf-expanded .media-sidebar .attachment-details .setting textarea,
3549 .media-modal.acf-expanded .media-sidebar .attachment-details .setting + .description,
3550 .media-modal.acf-expanded .media-sidebar .compat-attachment-fields > tbody > .acf-field > .acf-input {
3551 min-width: 77%;
3552 }
3553
3554 @media (max-width: 900px) {
3555 .media-modal.acf-expanded .attachments-browser .media-toolbar {
3556 display: none;
3557 }
3558 .media-modal.acf-expanded .attachments {
3559 display: none;
3560 }
3561 .media-modal.acf-expanded .media-sidebar {
3562 width: auto;
3563 max-width: none !important;
3564 bottom: 0 !important;
3565 }
3566 .media-modal.acf-expanded .media-sidebar .attachment-info .thumbnail {
3567 min-width: 0;
3568 max-width: none;
3569 width: 30%;
3570 }
3571 .media-modal.acf-expanded .media-sidebar .attachment-info .details {
3572 min-width: 0;
3573 max-width: none;
3574 width: 67%;
3575 }
3576 }
3577 @media (max-width: 640px) {
3578 .media-modal.acf-expanded .media-sidebar .attachment-info .thumbnail, .media-modal.acf-expanded .media-sidebar .attachment-info .details {
3579 width: 100%;
3580 }
3581 }
3582 /*---------------------------------------------------------------------------------------------
3583 *
3584 * ACF Media Model
3585 *
3586 *---------------------------------------------------------------------------------------------*/
3587 .acf-media-modal {
3588 /* hide embed settings */
3589 }
3590
3591 .acf-media-modal .media-embed .setting.align,
3592 .acf-media-modal .media-embed .setting.link-to {
3593 display: none;
3594 }
3595
3596 /*---------------------------------------------------------------------------------------------
3597 *
3598 * ACF Media Model (Select Mode)
3599 *
3600 *---------------------------------------------------------------------------------------------*/
3601 /*---------------------------------------------------------------------------------------------
3602 *
3603 * ACF Media Model (Edit Mode)
3604 *
3605 *---------------------------------------------------------------------------------------------*/
3606 .acf-media-modal.-edit {
3607 /* resize modal */
3608 left: 15%;
3609 right: 15%;
3610 top: 100px;
3611 bottom: 100px;
3612 /* hide elements */
3613 /* full width */
3614 /* tidy up incorrect distance */
3615 /* title box shadow (to match media grid) */
3616 /* sidebar */
3617 /* mobile md */
3618 /* mobile sm */
3619 }
3620
3621 .acf-media-modal.-edit .media-frame-menu,
3622 .acf-media-modal.-edit .media-frame-router,
3623 .acf-media-modal.-edit .media-frame-content .attachments,
3624 .acf-media-modal.-edit .media-frame-content .media-toolbar {
3625 display: none;
3626 }
3627
3628 .acf-media-modal.-edit .media-frame-title,
3629 .acf-media-modal.-edit .media-frame-content,
3630 .acf-media-modal.-edit .media-frame-toolbar,
3631 .acf-media-modal.-edit .media-sidebar {
3632 width: auto;
3633 left: 0;
3634 right: 0;
3635 }
3636
3637 .acf-media-modal.-edit .media-frame-content {
3638 top: 50px;
3639 }
3640
3641 .acf-media-modal.-edit .media-frame-title {
3642 border-bottom: 1px solid #DFDFDF;
3643 box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.1);
3644 }
3645
3646 .acf-media-modal.-edit .media-sidebar {
3647 padding: 0 16px;
3648 /* WP details */
3649 /* ACF fields */
3650 /* WP required message */
3651 }
3652
3653 .acf-media-modal.-edit .media-sidebar .attachment-details {
3654 overflow: visible;
3655 /* hide 'Attachment Details' heading */
3656 /* remove overflow */
3657 /* move thumbnail */
3658 }
3659
3660 .acf-media-modal.-edit .media-sidebar .attachment-details > h3, .acf-media-modal.-edit .media-sidebar .attachment-details > h2 {
3661 display: none;
3662 }
3663
3664 .acf-media-modal.-edit .media-sidebar .attachment-details .attachment-info {
3665 background: #fff;
3666 border-bottom: #dddddd solid 1px;
3667 padding: 16px;
3668 margin: 0 -16px 16px;
3669 }
3670
3671 .acf-media-modal.-edit .media-sidebar .attachment-details .thumbnail {
3672 margin: 0 16px 0 0;
3673 }
3674
3675 .acf-media-modal.-edit .media-sidebar .attachment-details .setting {
3676 margin: 0 0 5px;
3677 }
3678
3679 .acf-media-modal.-edit .media-sidebar .attachment-details .setting span {
3680 margin: 0;
3681 }
3682
3683 .acf-media-modal.-edit .media-sidebar .compat-attachment-fields > tbody > .acf-field {
3684 margin: 0 0 5px;
3685 }
3686
3687 .acf-media-modal.-edit .media-sidebar .compat-attachment-fields > tbody > .acf-field p.description {
3688 margin-top: 3px;
3689 }
3690
3691 .acf-media-modal.-edit .media-sidebar .media-types-required-info {
3692 display: none;
3693 }
3694
3695 @media (max-width: 900px) {
3696 .acf-media-modal.-edit {
3697 top: 30px;
3698 right: 30px;
3699 bottom: 30px;
3700 left: 30px;
3701 }
3702 }
3703 @media (max-width: 640px) {
3704 .acf-media-modal.-edit {
3705 top: 0;
3706 right: 0;
3707 bottom: 0;
3708 left: 0;
3709 }
3710 }
3711 @media (max-width: 480px) {
3712 .acf-media-modal.-edit .media-frame-content {
3713 top: 40px;
3714 }
3715 }
3716 .acf-temp-remove {
3717 position: relative;
3718 opacity: 1;
3719 -webkit-transition: all 0.25s ease;
3720 -moz-transition: all 0.25s ease;
3721 -o-transition: all 0.25s ease;
3722 transition: all 0.25s ease;
3723 overflow: hidden;
3724 /* overlay prevents hover */
3725 }
3726
3727 .acf-temp-remove:after {
3728 display: block;
3729 content: "";
3730 position: absolute;
3731 top: 0;
3732 left: 0;
3733 right: 0;
3734 bottom: 0;
3735 z-index: 99;
3736 }
3737
3738 .hidden-by-conditional-logic {
3739 display: none !important;
3740 }
3741
3742 .hidden-by-conditional-logic.appear-empty {
3743 display: table-cell !important;
3744 }
3745
3746 .hidden-by-conditional-logic.appear-empty .acf-input {
3747 display: none !important;
3748 }
3749
3750 .acf-postbox.acf-hidden {
3751 display: none !important;
3752 }
3753
3754 .acf-attention {
3755 transition: border 0.25s ease-out;
3756 }
3757
3758 .acf-attention.-focused {
3759 border: #23282d solid 1px !important;
3760 transition: none;
3761 }
3762
3763 tr.acf-attention {
3764 transition: box-shadow 0.25s ease-out;
3765 position: relative;
3766 }
3767
3768 tr.acf-attention.-focused {
3769 box-shadow: #23282d 0 0 0px 1px !important;
3770 }
3771
3772 #editor .edit-post-layout__metaboxes {
3773 padding: 0;
3774 }
3775
3776 #editor .edit-post-layout__metaboxes .edit-post-meta-boxes-area {
3777 margin: 0;
3778 }
3779
3780 #editor .metabox-location-side .postbox-container {
3781 float: none;
3782 }
3783
3784 #editor .postbox {
3785 color: #444;
3786 }
3787
3788 #editor .postbox > .postbox-header .hndle {
3789 border-bottom: none;
3790 }
3791
3792 #editor .postbox > .postbox-header .hndle:hover {
3793 background: transparent;
3794 }
3795
3796 #editor .postbox > .postbox-header .handle-actions .handle-order-higher,
3797 #editor .postbox > .postbox-header .handle-actions .handle-order-lower {
3798 width: 1.62rem;
3799 }
3800
3801 #editor .postbox > .postbox-header .handle-actions .acf-hndle-cog {
3802 height: 44px;
3803 line-height: 44px;
3804 }
3805
3806 #editor .postbox > .postbox-header:hover {
3807 background: #f0f0f0;
3808 }
3809
3810 #editor .postbox:last-child.closed > .postbox-header {
3811 border-bottom: none;
3812 }
3813
3814 #editor .postbox:last-child > .inside {
3815 border-bottom: none;
3816 }
3817
3818 #editor .block-editor-writing-flow__click-redirect {
3819 min-height: 50px;
3820 }
3821
3822 body.is-dragging-metaboxes #acf_after_title-sortables {
3823 outline: 3px dashed #646970;
3824 display: flow-root;
3825 min-height: 60px;
3826 margin-bottom: 3px !important;
3827 }
3828
3829 .editor-sidebar__panel .is-side #poststuff .acf-postbox .postbox-header {
3830 margin-top: -1px;
3831 }
3832
3833 /*# sourceMappingURL=acf-input.css.map*/