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