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