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