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