PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 5.1
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v5.1
6.35 6.34 6.33.1 6.33 6.32.1 6.32 6.31 6.25 6.25.1 6.26 6.26.1 6.27 6.28 6.29 6.3 6.3.1 6.3.2 6.30 6.4 6.4.1 6.4.2 6.5 6.5.1 6.5.2 6.5.3 All 141 releases
formidable / css / custom_theme.css.php

custom_theme.css.php in Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More 5.1, at css/custom_theme.css.php

1,537 lines 43.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 <?php
2 if ( ! defined( 'ABSPATH' ) ) {
3 die( 'You are not allowed to call this page directly.' );
4 }
5
6 if ( ! isset( $saving ) ) {
7 header( 'Content-type: text/css' );
8
9 if ( ! empty( $css ) ) {
10 echo strip_tags( $css, 'all' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
11 die();
12 }
13 }
14
15 if ( ! isset( $frm_style ) ) {
16 $frm_style = new FrmStyle();
17 }
18
19 $styles = $frm_style->get_all();
20 $default_style = $frm_style->get_default_style( $styles );
21 $defaults = FrmStylesHelper::get_settings_for_output( $default_style );
22 $important = empty( $defaults['important_style'] ) ? '' : ' !important';
23
24 ?>
25 .with_frm_style{
26 <?php FrmStylesHelper::output_vars( $defaults ); ?>
27 }
28
29 .frm_hidden,
30 .frm_add_form_row.frm_hidden,
31 .frm_remove_form_row.frm_hidden,
32 .with_frm_style .frm_button.frm_hidden{
33 display:none;
34 }
35
36 .with_frm_style,
37 .with_frm_style form,
38 .with_frm_style .frm-show-form div.frm_description p{
39 text-align:<?php echo esc_html( $defaults['form_align'] . $important ); ?>;
40 text-align:var(--form-align)<?php echo esc_html( $important ); ?>;
41 }
42
43 input:-webkit-autofill {
44 -webkit-box-shadow: 0 0 0 30px white inset;
45 }
46
47 /* Form description */
48 .with_frm_style .frm-show-form div.frm_description p{
49 <?php if ( ! empty( $defaults['form_desc_size'] ) ) { ?>
50 font-size:<?php echo esc_html( $defaults['form_desc_size'] . $important ); ?>;
51 font-size:var(--form-desc-size)<?php echo esc_html( $important ); ?>;
52 <?php } ?>
53 <?php if ( ! empty( $defaults['form_desc_color'] ) ) { ?>
54 color:<?php echo esc_html( $defaults['form_desc_color'] . $important ); ?>;
55 color:var(--form-desc-color)<?php echo esc_html( $important ); ?>;
56 <?php } ?>
57 <?php if ( ! empty( $defaults['form_desc_margin_top'] ) ) { ?>
58 margin-top:<?php echo esc_html( $defaults['form_desc_margin_top'] . $important ); ?>;
59 margin-top:var(--form-desc-margin-top)<?php echo esc_html( $important ); ?>;
60 <?php } ?>
61 <?php if ( ! empty( $defaults['form_desc_margin_bottom'] ) ) { ?>
62 margin-bottom:<?php echo esc_html( $defaults['form_desc_margin_bottom'] . $important ); ?>;
63 margin-bottom:var(--form-desc-margin-bottom)<?php echo esc_html( $important ); ?>;
64 <?php } ?>
65 <?php if ( isset( $defaults['form_desc_padding'] ) ) { ?>
66 padding:<?php echo esc_html( $defaults['form_desc_padding'] . $important ); ?>;
67 padding:var(--form-desc-padding)<?php echo esc_html( $important ); ?>;
68 <?php } ?>
69 }
70
71 form input.frm_verify{
72 position:absolute;
73 left:-3000px;
74 }
75
76 .with_frm_style fieldset{
77 min-width:0;
78 display: block; /* Override 2021 theme */
79 }
80
81 .with_frm_style fieldset fieldset{
82 border:none;
83 margin:0;
84 padding:0;
85 background-color:transparent;
86 }
87
88 .with_frm_style .frm_form_fields > fieldset{
89 <?php if ( ! empty( $defaults['fieldset'] ) ) { ?>
90 border-width:<?php echo esc_html( $defaults['fieldset'] . $important ); ?>;
91 border-width:var(--fieldset)<?php echo esc_html( $important ); ?>;
92 <?php } ?>
93 border-style:solid;
94 <?php if ( ! empty( $defaults['fieldset_color'] ) ) { ?>
95 border-color:<?php echo esc_html( $defaults['fieldset_color'] . $important ); ?>;
96 border-color:var(--fieldset-color)<?php echo esc_html( $important ); ?>;
97 <?php } ?>
98 margin:0;
99 <?php if ( ! empty( $defaults['fieldset_padding'] ) ) { ?>
100 padding:<?php echo esc_html( $defaults['fieldset_padding'] . $important ); ?>;
101 padding:var(--fieldset-padding)<?php echo esc_html( $important ); ?>;
102 <?php } ?>
103 <?php if ( ! empty( $defaults['fieldset_bg_color'] ) ) { ?>
104 background-color:<?php echo esc_html( $defaults['fieldset_bg_color'] ); ?>;
105 background-color:var(--fieldset-bg-color)<?php echo esc_html( $important ); ?>;
106 <?php } ?>
107 <?php if ( ! empty( $defaults['font'] ) ) { ?>
108 font-family:var(--font);
109 <?php } ?>
110 }
111
112 legend.frm_hidden{
113 display:none !important;
114 }
115
116 .with_frm_style .frm_form_fields{
117 opacity:1;
118 transition: opacity 0.1s linear;
119 }
120 .with_frm_style .frm_doing_ajax{
121 opacity:.5;
122 }
123
124 .frm_transparent{
125 color:transparent;
126 }
127
128 .with_frm_style legend + h3,
129 .with_frm_style h3.frm_form_title{
130 <?php if ( ! empty( $defaults['title_size'] ) ) { ?>
131 font-size:<?php echo esc_html( $defaults['title_size'] . $important ); ?>;
132 font-size:var(--title-size)<?php echo esc_html( $important ); ?>;
133 <?php } ?>
134 <?php if ( ! empty( $defaults['title_color'] ) ) { ?>
135 color:<?php echo esc_html( $defaults['title_color'] . $important ); ?>;
136 color:var(--title-color)<?php echo esc_html( $important ); ?>;
137 <?php } ?>
138 <?php if ( ! empty( $defaults['font'] ) ) { ?>
139 font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
140 font-family:var(--font);
141 <?php } ?>
142 <?php if ( ! empty( $defaults['title_margin_top'] ) ) { ?>
143 margin-top:<?php echo esc_html( $defaults['title_margin_top'] . $important ); ?>;
144 margin-top:var(--title-margin-top)<?php echo esc_html( $important ); ?>;
145 <?php } ?>
146 <?php if ( ! empty( $defaults['title_margin_bottom'] ) ) { ?>
147 margin-bottom:<?php echo esc_html( $defaults['title_margin_bottom'] . $important ); ?>;
148 margin-bottom:var(--title-margin-bottom)<?php echo esc_html( $important ); ?>;
149 <?php } ?>
150 }
151
152 .with_frm_style .frm_form_field.frm_html_container,
153 .with_frm_style .frm_form_field .frm_show_it{
154 <?php if ( ! empty( $defaults['font'] ) ) { ?>
155 font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
156 font-family:var(--font);
157 <?php } ?>
158 <?php if ( ! empty( $defaults['form_desc_color'] ) ) { ?>
159 color:<?php echo esc_html( $defaults['form_desc_color'] . $important ); ?>;
160 color:var(--form-desc-color)<?php echo esc_html( $important ); ?>;
161 <?php } ?>
162 }
163
164 <?php if ( ! empty( $defaults['form_desc_size'] ) ) { ?>
165 .with_frm_style .frm_form_field.frm_html_container{
166 font-size:<?php echo esc_html( $defaults['form_desc_size'] . $important ); ?>;
167 font-size:var(--form-desc-size)<?php echo esc_html( $important ); ?>;
168 }
169 <?php } ?>
170
171 .with_frm_style .frm_form_field .frm_show_it{
172 <?php if ( ! empty( $defaults['field_font_size'] ) ) { ?>
173 font-size:<?php echo esc_html( $defaults['field_font_size'] . $important ); ?>;
174 font-size:var(--field-font-size)<?php echo esc_html( $important ); ?>;
175 <?php } ?>
176 <?php if ( ! empty( $defaults['field_weight'] ) ) { ?>
177 font-weight:<?php echo esc_html( $defaults['field_weight'] ); ?>;
178 font-weight:var(--field-weight)<?php echo esc_html( $important ); ?>;
179 <?php } ?>
180 }
181
182 .with_frm_style .frm_required{
183 <?php if ( ! empty( $defaults['required_color'] ) ) { ?>
184 color:<?php echo esc_html( $defaults['required_color'] . $important ); ?>;
185 color:var(--required-color)<?php echo esc_html( $important ); ?>;
186 <?php } ?>
187 <?php if ( ! empty( $defaults['required_weight'] ) ) { ?>
188 font-weight:<?php echo esc_html( $defaults['required_weight'] . $important ); ?>;
189 font-weight:var(--required-weight)<?php echo esc_html( $important ); ?>;
190 <?php } ?>
191 }
192
193 .with_frm_style input[type=text],
194 .with_frm_style input[type=password],
195 .with_frm_style input[type=email],
196 .with_frm_style input[type=number],
197 .with_frm_style input[type=url],
198 .with_frm_style input[type=tel],
199 .with_frm_style input[type=search],
200 .with_frm_style select,
201 .with_frm_style textarea,
202 .with_frm_style .frm-card-element.StripeElement,
203 .with_frm_style .chosen-container{
204 font-family:var(--font)<?php echo esc_html( $important ); ?>;
205 <?php if ( ! empty( $defaults['field_font_size'] ) ) { ?>
206 font-size:<?php echo esc_html( $defaults['field_font_size'] ); ?>;
207 font-size:var(--field-font-size)<?php echo esc_html( $important ); ?>;
208 <?php } ?>
209 margin-bottom:0<?php echo esc_html( $important ); ?>;
210 }
211
212 .with_frm_style textarea{
213 vertical-align:top;
214 height:auto;
215 }
216
217 .with_frm_style input[type=text],
218 .with_frm_style input[type=password],
219 .with_frm_style input[type=email],
220 .with_frm_style input[type=number],
221 .with_frm_style input[type=url],
222 .with_frm_style input[type=tel],
223 .with_frm_style input[type=phone],
224 .with_frm_style input[type=search],
225 .with_frm_style select,
226 .with_frm_style textarea,
227 .frm_form_fields_style,
228 .with_frm_style .frm_scroll_box .frm_opt_container,
229 .frm_form_fields_active_style,
230 .frm_form_fields_error_style,
231 .with_frm_style .frm-card-element.StripeElement,
232 .with_frm_style .chosen-container-multi .chosen-choices,
233 .with_frm_style .chosen-container-single .chosen-single{
234 color:<?php echo esc_html( $defaults['text_color'] ); ?>;
235 color:var(--text-color)<?php echo esc_html( $important ); ?>;
236 background-color:<?php echo esc_html( $defaults['bg_color'] . $important ); ?>;
237 background-color:var(--bg-color)<?php echo esc_html( $important ); ?>;
238 <?php if ( ! empty( $important ) ) { ?>
239 background-image:none !important;
240 <?php } ?>
241 border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
242 border-color:var(--border-color)<?php echo esc_html( $important ); ?>;
243 border-width:<?php echo esc_html( $defaults['field_border_width'] ); ?>;
244 border-width:var(--field-border-width)<?php echo esc_html( $important ); ?>;
245 border-style:<?php echo esc_html( $defaults['field_border_style'] ); ?>;
246 border-style:var(--field-border-style)<?php echo esc_html( $important ); ?>;
247 -moz-border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
248 -webkit-border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
249 border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
250 border-radius:var(--border-radius)<?php echo esc_html( $important ); ?>;
251 width:<?php echo esc_html( $defaults['field_width'] ); ?>;
252 width:var(--field-width)<?php echo esc_html( $important ); ?>;
253 max-width:100%;
254 font-size:<?php echo esc_html( $defaults['field_font_size'] ); ?>;
255 font-size:var(--field-font-size)<?php echo esc_html( $important ); ?>;
256 padding:<?php echo esc_html( $defaults['field_pad'] ); ?>;
257 padding:var(--field-pad)<?php echo esc_html( $important ); ?>;
258 -webkit-box-sizing:border-box;
259 -moz-box-sizing:border-box;
260 box-sizing:border-box;
261 outline:none<?php echo esc_html( $important ); ?>;
262 font-weight:<?php echo esc_html( $defaults['field_weight'] ); ?>;
263 font-weight:var(--field-weight);
264 box-shadow:var(--box-shadow)<?php echo esc_html( $important ); ?>;
265 }
266
267 .with_frm_style input[type=radio],
268 .with_frm_style input[type=checkbox]{
269 border-color:<?php echo esc_html( $defaults['border_color'] . $important ); ?>;
270 border-color:var(--border-color)<?php echo esc_html( $important ); ?>;
271 box-shadow:var(--box-shadow)<?php echo esc_html( $important ); ?>;
272 float: none;
273 }
274
275 .with_frm_style input[type=radio]:after,
276 .with_frm_style input[type=checkbox]:after {
277 display: none; /* 2021 conflict */
278 }
279
280 .with_frm_style input[type=text],
281 .with_frm_style input[type=password],
282 .with_frm_style input[type=email],
283 .with_frm_style input[type=number],
284 .with_frm_style input[type=url],
285 .with_frm_style input[type=tel],
286 .with_frm_style input[type=file],
287 .with_frm_style input[type=search],
288 .with_frm_style select,
289 .with_frm_style .frm-card-element.StripeElement{
290 height:<?php echo esc_html( $defaults['field_height'] ); ?>;
291 height:var(--field-height)<?php echo esc_html( $important ); ?>;
292 line-height:1.3<?php echo esc_html( $important ); ?>;
293 }
294
295 .with_frm_style select[multiple=multiple]{
296 height:auto<?php echo esc_html( $important ); ?>;
297 }
298
299 .input[type=file].frm_transparent:focus,
300 .with_frm_style input[type=file]{
301 background-color:transparent;
302 border:none;
303 outline:none;
304 box-shadow:none;
305 }
306
307 .with_frm_style input[type=file]{
308 color:<?php echo esc_html( $defaults['text_color'] ); ?>;
309 color:var(--text-color)<?php echo esc_html( $important ); ?>;
310 padding:0px;
311 <?php if ( ! empty( $defaults['font'] ) ) { ?>
312 font-family:var(--font)<?php echo esc_html( $important ); ?>;
313 <?php } ?>
314 font-size:<?php echo esc_html( $defaults['field_font_size'] ); ?>;
315 font-size:var(--field-font-size)<?php echo esc_html( $important ); ?>;
316 display:initial;
317 }
318
319 .with_frm_style input[type=file].frm_transparent{
320 color:transparent<?php echo esc_html( $important ); ?>;
321 }
322
323 .with_frm_style .wp-editor-wrap{
324 width:<?php echo esc_html( $defaults['field_width'] . $important ); ?>;
325 width:var(--field-width)<?php echo esc_html( $important ); ?>;
326 max-width:100%;
327 }
328
329 .with_frm_style .wp-editor-container textarea{
330 border:none<?php echo esc_html( $important ); ?>;
331 }
332
333 .with_frm_style .mceIframeContainer{
334 background-color:<?php echo esc_html( $defaults['bg_color'] . $important ); ?>;
335 background-color:var(--bg-color)<?php echo esc_html( $important ); ?>;
336 }
337
338 .with_frm_style select{
339 width:<?php echo esc_html( $defaults['auto_width'] ); ?>;
340 width:var(--auto-width)<?php echo esc_html( $important ); ?>;
341 max-width:100%;
342 }
343
344 .with_frm_style input[disabled],
345 .with_frm_style select[disabled],
346 .with_frm_style textarea[disabled],
347 .with_frm_style input[readonly],
348 .with_frm_style select[readonly],
349 .with_frm_style textarea[readonly]{
350 background-color:<?php echo esc_html( $defaults['bg_color_disabled'] ); ?>;
351 background-color:var(--bg-color-disabled)<?php echo esc_html( $important ); ?>;
352 color:<?php echo esc_html( $defaults['text_color_disabled'] ); ?>;
353 color:var(--text-color-disabled)<?php echo esc_html( $important ); ?>;
354 border-color:<?php echo esc_html( $defaults['border_color_disabled'] ); ?>;
355 border-color:var(--border-color-disabled)<?php echo esc_html( $important ); ?>;
356 }
357
358 .frm_preview_page:before{
359 content:normal !important;
360 }
361
362 .frm_preview_page{
363 padding:25px;
364 }
365
366 .with_frm_style .frm_primary_label{
367 max-width:100%;
368 <?php if ( ! empty( $defaults['font'] ) ) { ?>
369 font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
370 font-family:var(--font);
371 <?php } ?>
372 <?php if ( ! empty( $defaults['font_size'] ) ) { ?>
373 font-size:<?php echo esc_html( $defaults['font_size'] . $important ); ?>;
374 font-size:var(--font-size)<?php echo esc_html( $important ); ?>;
375 <?php } ?>
376 <?php if ( ! empty( $defaults['label_color'] ) ) { ?>
377 color:<?php echo esc_html( $defaults['label_color'] . $important ); ?>;
378 color:var(--label-color)<?php echo esc_html( $important ); ?>;
379 <?php } ?>
380 <?php if ( ! empty( $defaults['weight'] ) ) { ?>
381 font-weight:<?php echo esc_html( $defaults['weight'] . $important ); ?>;
382 font-weight:var(--weight)<?php echo esc_html( $important ); ?>;
383 <?php } ?>
384 <?php if ( ! empty( $defaults['align'] ) ) { ?>
385 text-align:<?php echo esc_html( $defaults['align'] . $important ); ?>;
386 text-align:var(--align)<?php echo esc_html( $important ); ?>;
387 <?php } ?>
388 <?php if ( ! empty( $defaults['label_padding'] ) ) { ?>
389 padding:<?php echo esc_html( $defaults['label_padding'] . $important ); ?>;
390 padding:var(--label-padding)<?php echo esc_html( $important ); ?>;
391 <?php } ?>
392 margin:0;
393 width:auto;
394 display:block;
395 }
396
397 .with_frm_style .frm_top_container .frm_primary_label,
398 .with_frm_style .frm_hidden_container .frm_primary_label,
399 .with_frm_style .frm_pos_top{
400 display:block;
401 float:none;
402 width:auto;
403 }
404
405 .with_frm_style .frm_inline_container .frm_primary_label{
406 margin-right:10px;
407 }
408
409 .with_frm_style .frm_right_container .frm_primary_label,
410 .with_frm_style .frm_pos_right{
411 display:inline;
412 float:right;
413 margin-left:10px;
414 }
415
416 .with_frm_style .frm_pos_center {
417 text-align: center;
418 }
419
420 .with_frm_style .frm_none_container .frm_primary_label,
421 .with_frm_style .frm_pos_none,
422 .frm_pos_none,
423 .frm_none_container .frm_primary_label{
424 display:none;
425 }
426
427 .with_frm_style .frm_section_heading.frm_hide_section{
428 margin-top:0 !important;
429 }
430
431 .with_frm_style .frm_hidden_container .frm_primary_label,
432 .with_frm_style .frm_pos_hidden,
433 .frm_hidden_container .frm_primary_label{
434 visibility:hidden;
435 white-space:nowrap;
436 }
437
438 .with_frm_style .frm_inside_container .frm_primary_label{
439 opacity:0;
440 transition: opacity 0.1s linear;
441 }
442
443 .with_frm_style .frm_inside_container label.frm_visible,
444 .frm_visible{
445 opacity:1;
446 }
447
448 .with_frm_style .frm_description{
449 clear:both;
450 }
451
452 .with_frm_style input[type=number][readonly]{
453 -moz-appearance: textfield;
454 }
455
456 .with_frm_style select[multiple="multiple"]{
457 height:auto;
458 line-height:normal;
459 }
460
461 .with_frm_style .frm_catlevel_2,
462 .with_frm_style .frm_catlevel_3,
463 .with_frm_style .frm_catlevel_4,
464 .with_frm_style .frm_catlevel_5{
465 margin-left:18px;
466 }
467
468 .with_frm_style .wp-editor-container{
469 border:1px solid #e5e5e5;
470 }
471
472 .with_frm_style .quicktags-toolbar input{
473 font-size:12px !important;
474 }
475
476 .with_frm_style .wp-editor-container textarea{
477 border:none;
478 }
479
480 .with_frm_style .auto_width #loginform input,
481 .with_frm_style .auto_width input,
482 .with_frm_style input.auto_width,
483 .with_frm_style select.auto_width,
484 .with_frm_style textarea.auto_width{
485 width:auto<?php echo esc_html( $important ); ?>;
486 }
487
488 .with_frm_style .frm_repeat_buttons{
489 white-space:nowrap;
490 }
491
492 .with_frm_style .frm_button{
493 text-decoration:none !important;;
494 border:1px solid #eee;
495 display:inline-block;
496 <?php if ( ! empty( $defaults['submit_padding'] ) ) { ?>
497 padding:<?php echo esc_html( $defaults['submit_padding'] . $important ); ?>;
498 padding:var(--submit-padding)<?php echo esc_html( $important ); ?>;
499 <?php } else { ?>
500 padding:5px;
501 <?php } ?>
502 <?php if ( ! empty( $defaults['border_radius'] ) ) { ?>
503 -moz-border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
504 -webkit-border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
505 border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
506 border-radius:var(--border-radius)<?php echo esc_html( $important ); ?>;
507 <?php } ?>
508 <?php if ( ! empty( $defaults['submit_font_size'] ) ) { ?>
509 font-size:<?php echo esc_html( $defaults['submit_font_size'] . $important ); ?>;
510 font-size:var(--submit-font-size)<?php echo esc_html( $important ); ?>;
511 <?php } ?>
512 <?php if ( ! empty( $defaults['font'] ) ) { ?>
513 font-family:<?php echo FrmAppHelper::kses( $defaults['font'] . $important ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
514 font-family:var(--font)<?php echo esc_html( $important ); ?>;
515 <?php } ?>
516 <?php if ( ! empty( $defaults['submit_weight'] ) ) { ?>
517 font-weight:<?php echo esc_html( $defaults['submit_weight'] . $important ); ?>;
518 font-weight:var(--submit-weight)<?php echo esc_html( $important ); ?>;
519 <?php } ?>
520 <?php if ( ! empty( $defaults['submit_text_color'] ) ) { ?>
521 color:<?php echo esc_html( $defaults['submit_text_color'] . $important ); ?>;
522 color:var(--submit-text-color)<?php echo esc_html( $important ); ?>;
523 <?php } ?>
524 <?php if ( ! empty( $defaults['submit_bg_color'] ) ) { ?>
525 background:<?php echo esc_html( $defaults['submit_bg_color'] . $important ); ?>;
526 background:var(--submit-bg-color)<?php echo esc_html( $important ); ?>;
527 <?php } ?>
528 <?php if ( ! empty( $defaults['submit_border_width'] ) ) { ?>
529 border-width:<?php echo esc_html( $defaults['submit_border_width'] ); ?>;
530 border-width:var(--submit-border-width)<?php echo esc_html( $important ); ?>;
531 <?php } ?>
532 <?php if ( ! empty( $defaults['submit_border_color'] ) ) { ?>
533 border-color:<?php echo esc_html( $defaults['submit_border_color'] . $important ); ?>;
534 border-color:var(--submit-border-color)<?php echo esc_html( $important ); ?>;
535 <?php } ?>
536 <?php if ( ! empty( $defaults['submit_height'] ) ) { ?>
537 height:<?php echo esc_html( $defaults['submit_height'] . $important ); ?>;
538 height:var(--submit-height)<?php echo esc_html( $important ); ?>;
539 <?php } ?>
540 }
541
542 <?php if ( ! empty( $defaults['submit_text_color'] ) ) { ?>
543 .with_frm_style .frm_button.frm_inverse{
544 color:var(--submit-bg-color)<?php echo esc_html( $important ); ?>;
545 background:var(--submit-text-color)<?php echo esc_html( $important ); ?>;
546 }
547 <?php } ?>
548
549 .with_frm_style .frm_submit{
550 clear:both;
551 }
552
553 .frm_inline_form .frm_form_field,
554 .frm_inline_form .frm_submit{
555 grid-column: span 1 / span 1;
556 }
557
558 .frm_inline_form .frm_submit{
559 margin:0;
560 }
561
562 .frm_submit.frm_inline_submit input[type=submit],
563 .frm_submit.frm_inline_submit button,
564 .frm_inline_form .frm_submit input[type=submit],
565 .frm_inline_form .frm_submit button{
566 margin-top:0;
567 }
568
569 .with_frm_style.frm_center_submit .frm_submit{
570 text-align:center;
571 }
572
573 .with_frm_style .frm_inline_success .frm_submit{
574 display: flex;
575 flex-direction: row;
576 align-items: center;
577 margin: 0;
578 }
579
580 .with_frm_style .frm_inline_success .frm_submit .frm_message{
581 flex: 1;
582 margin: 0;
583 padding-left: 10px;
584 }
585
586 .with_frm_style .frm_inline_success.frm_alignright_success .frm_submit .frm_message{
587 text-align: right;
588 }
589
590 .with_frm_style.frm_center_submit .frm_submit input[type=submit],
591 .with_frm_style.frm_center_submit .frm_submit input[type=button],
592 .with_frm_style.frm_center_submit .frm_submit button{
593 margin-bottom:8px !important;
594 }
595
596 .with_frm_style .frm-edit-page-btn,
597 .with_frm_style .frm_submit input[type=submit],
598 .with_frm_style .frm_submit input[type=button],
599 .with_frm_style .frm_submit button{
600 -webkit-appearance: none;
601 cursor: pointer;
602 }
603
604 .with_frm_style.frm_center_submit .frm_submit .frm_ajax_loading{
605 display: block;
606 margin: 0 auto;
607 }
608
609 .with_frm_style .frm_loading_prev .frm_ajax_loading,
610 .with_frm_style .frm_loading_form .frm_ajax_loading{
611 /* keep this for reverse compatibility for old HTML */
612 visibility:visible !important;
613 }
614
615 .with_frm_style .frm_loading_prev .frm_prev_page,
616 .with_frm_style .frm_loading_form .frm_button_submit {
617 position: relative;
618 opacity: .8;
619 color: transparent !important;
620 text-shadow: none !important;
621 }
622
623 .with_frm_style .frm_loading_prev .frm_prev_page:hover,
624 .with_frm_style .frm_loading_prev .frm_prev_page:active,
625 .with_frm_style .frm_loading_prev .frm_prev_page:focus,
626 .with_frm_style .frm_loading_form .frm_button_submit:hover,
627 .with_frm_style .frm_loading_form .frm_button_submit:active,
628 .with_frm_style .frm_loading_form .frm_button_submit:focus {
629 cursor: not-allowed;
630 color: transparent;
631 outline: none !important;
632 box-shadow: none;
633 }
634
635 .with_frm_style .frm_loading_prev .frm_prev_page::before,
636 .with_frm_style .frm_loading_form .frm_button_submit:before {
637 content: '';
638 display: inline-block;
639 position: absolute;
640 background: transparent;
641 border: 1px solid #fff;
642 border-top-color: transparent;
643 border-left-color: transparent;
644 border-radius: 50%;
645 box-sizing: border-box;
646 <?php $loader_size = 20; ?>
647 top: 50%;
648 left: 50%;
649 margin-top: -<?php echo absint( $loader_size / 2 ); ?>px;
650 margin-left: -<?php echo absint( $loader_size / 2 ); ?>px;
651 width: <?php echo absint( $loader_size ); ?>px;
652 height: <?php echo absint( $loader_size ); ?>px;
653 -webkit-animation: spin 2s linear infinite;
654 -moz-animation: spin 2s linear infinite;
655 -o-animation: spin 2s linear infinite;
656 animation: spin 2s linear infinite;
657 }
658
659 <?php
660 foreach ( $styles as $style ) {
661 include( dirname( __FILE__ ) . '/_single_theme.css.php' );
662 unset( $style );
663 }
664
665 // Set it again since it may have been overridden.
666 $important = empty( $defaults['important_style'] ) ? '' : ' !important';
667 ?>
668
669 .frm_ajax_loading{
670 visibility:hidden;
671 width:auto;
672 }
673
674 .frm_form_submit_style{
675 height:auto;
676 }
677
678 a.frm_save_draft{
679 cursor:pointer;
680 }
681
682 .with_frm_style a.frm_save_draft{
683 <?php if ( ! empty( $defaults['font'] ) ) { ?>
684 font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
685 font-family:var(--font);
686 <?php } ?>
687 font-size:<?php echo esc_html( $defaults['submit_font_size'] ); ?>;
688 font-size:var(--submit-font-size);
689 font-weight:<?php echo esc_html( $defaults['submit_weight'] ); ?>;
690 font-weight:var(--submit-weight);
691 }
692
693 .horizontal_radio .frm_radio{
694 margin:0 5px 0 0;
695 }
696
697 .horizontal_radio .frm_checkbox{
698 margin:0;
699 margin-right:5px;
700 }
701
702 .vertical_radio .frm_checkbox,
703 .vertical_radio .frm_radio,
704 .vertical_radio .frm_catlevel_1{
705 display:block;
706 }
707
708 .horizontal_radio .frm_checkbox,
709 .horizontal_radio .frm_radio,
710 .horizontal_radio .frm_catlevel_1{
711 display:inline-block;
712 padding-left: 0;
713 }
714
715 .with_frm_style .frm_radio{
716 display:<?php echo esc_html( $defaults['radio_align'] . $important ); ?>;
717 display:var(--radio-align)<?php echo esc_html( $important ); ?>;
718 }
719
720 .with_frm_style .frm_checkbox{
721 display:<?php echo esc_html( $defaults['check_align'] . $important ); ?>;
722 display:var(--check-align)<?php echo esc_html( $important ); ?>;
723 }
724
725 .with_frm_style .vertical_radio .frm_checkbox,
726 .with_frm_style .vertical_radio .frm_radio,
727 .vertical_radio .frm_catlevel_1{
728 display:block<?php echo esc_html( $important ); ?>;
729 }
730
731 .with_frm_style .horizontal_radio .frm_checkbox,
732 .with_frm_style .horizontal_radio .frm_radio,
733 .horizontal_radio .frm_catlevel_1{
734 display:inline-block<?php echo esc_html( $important ); ?>;
735 }
736
737 .with_frm_style .frm_checkbox label,
738 .with_frm_style .frm_radio label{
739 display: inline;
740 white-space:normal;
741 }
742
743 .with_frm_style .vertical_radio .frm_checkbox label,
744 .with_frm_style .vertical_radio .frm_radio label{
745 display: block;
746 padding-left: 20px;
747 text-indent: -20px;
748 }
749
750 .with_frm_style .frm_radio label,
751 .with_frm_style .frm_checkbox label{
752 <?php if ( ! empty( $defaults['font'] ) ) { ?>
753 font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
754 font-family:var(--font);
755 <?php } ?>
756 font-size:<?php echo esc_html( $defaults['check_font_size'] . $important ); ?>;
757 font-size:var(--check-font-size)<?php echo esc_html( $important ); ?>;
758 color:<?php echo esc_html( $defaults['check_label_color'] . $important ); ?>;
759 color:var(--check-label-color)<?php echo esc_html( $important ); ?>;
760 font-weight:<?php echo esc_html( $defaults['check_weight'] . $important ); ?>;
761 font-weight:var(--check-weight)<?php echo esc_html( $important ); ?>;
762 line-height: 1.3;
763 }
764
765 .with_frm_style .frm_radio input[type=radio],
766 .with_frm_style .frm_checkbox input[type=checkbox] {
767 font-size:<?php echo esc_html( $defaults['check_font_size'] . $important ); ?>;
768 font-size:var(--check-font-size)<?php echo esc_html( $important ); ?>;
769 position:static<?php echo esc_html( $important ); ?>;
770 }
771
772 .frm_file_container .frm_file_link,
773 .with_frm_style .frm_radio label .frm_file_container,
774 .with_frm_style .frm_checkbox label .frm_file_container{
775 display:inline-block;
776 margin:5px;
777 vertical-align:middle;
778 }
779
780 .with_frm_style .frm_radio input[type=radio]{
781 border-radius:50%;
782 }
783
784 .with_frm_style .frm_checkbox input[type=checkbox]{
785 border-radius:0;
786 }
787
788 .with_frm_style .frm_radio input[type=radio],
789 .with_frm_style .frm_checkbox input[type=checkbox]{
790 -webkit-appearance: none;
791 appearance: none;
792 background-color: var(--bg-color);
793 flex: none;
794 display:inline-block;
795 margin: 0 5px 0 0;
796 color: var(--border-color);
797 width: 18px;
798 min-width: 18px;
799 height: 18px;
800 border: 1px solid currentColor;
801 border-color: var(--border-color);
802 vertical-align: middle;
803 position: initial; /* override Bootstrap */
804 padding: 0;
805 }
806
807 .with_frm_style .frm_radio input[type=radio]:before,
808 .with_frm_style .frm_checkbox input[type=checkbox]:before {
809 content: '';
810 width: 12px;
811 height: 12px;
812 border-radius: 50%;
813 transform: scale(0);
814 transition: 120ms transform ease-in-out;
815 box-shadow: inset 10px 10px var(--text-color);
816 display: block;
817 margin: 2px 0 0 2px;
818 }
819
820 .with_frm_style .frm_checkbox input[type=checkbox]:before{
821 clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
822 border-radius: 0;
823 }
824
825 .with_frm_style .frm_radio input[type=radio]:checked:before,
826 .with_frm_style .frm_checkbox input[type=checkbox]:checked:before {
827 transform: scale(1);
828 }
829
830 .with_frm_style :invalid,
831 .with_frm_style :-moz-submit-invalid,
832 .with_frm_style :-moz-ui-invalid{
833 box-shadow:none;
834 }
835
836 .with_frm_style .frm_error_style img{
837 padding-right:10px;
838 vertical-align:middle;
839 border:none;
840 }
841
842 .with_frm_style .frm_trigger{
843 cursor:pointer;
844 }
845
846 .with_frm_style .frm_error_style,
847 .with_frm_style .frm_message,
848 .frm_success_style{
849 -moz-border-radius:4px;
850 -webkit-border-radius:4px;
851 border-radius:4px;
852 padding:15px;
853 }
854
855 .with_frm_style .frm_message p{
856 margin-bottom:5px;
857 color:<?php echo esc_html( $defaults['success_text_color'] ); ?>;
858 color:var(--success-text-color)<?php echo esc_html( $important ); ?>;
859 }
860
861 .with_frm_style .frm_message,
862 .frm_success_style{
863 margin:5px 0 15px;
864 border:1px solid <?php echo esc_html( $defaults['success_border_color'] ); ?>;
865 border-color:var(--success-border-color);
866 background-color:<?php echo esc_html( $defaults['success_bg_color'] ); ?>;
867 background-color:var(--success-bg-color);
868 color:<?php echo esc_html( $defaults['success_text_color'] ); ?>;
869 color:var(--success-text-color)<?php echo esc_html( $important ); ?>;
870 border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
871 border-radius:var(--border-radius);
872 font-size:<?php echo esc_html( $defaults['success_font_size'] ); ?>;
873 font-size:var(--success-font-size)<?php echo esc_html( $important ); ?>;
874 }
875
876 .with_frm_style .frm_plain_success .frm_message {
877 background-color: transparent;
878 padding:0;
879 border:none;
880 font-size:inherit<?php echo esc_html( $important ); ?>;
881 color:inherit<?php echo esc_html( $important ); ?>;
882 }
883
884 .with_frm_style .frm_plain_success .frm_message p {
885 color:inherit<?php echo esc_html( $important ); ?>;
886 }
887
888 .frm_form_fields_style,
889 .frm_form_fields_active_style,
890 .frm_form_fields_error_style,
891 .frm_form_submit_style{
892 width:auto;
893 }
894
895 .with_frm_style .frm_trigger span{
896 float:left;
897 }
898
899 .with_frm_style table.frm-grid,
900 #content .with_frm_style table.frm-grid{
901 border-collapse:collapse;
902 border:none;
903 }
904
905 .frm-grid td,
906 .frm-grid th{
907 padding:5px;
908 border-width:1px;
909 border-style:solid;
910 <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
911 border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
912 border-color:var(--border-color);
913 <?php } ?>
914 border-top:none;
915 border-left:none;
916 border-right:none;
917 }
918
919 .frm-alt-table {
920 width:100%;
921 border-collapse:separate;
922 margin-top:0.5em;
923 font-size:15px;
924 border-width:1px;
925 }
926
927 <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
928 .with_frm_style .frm-alt-table{
929 border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
930 border-color:var(--border-color);
931 }
932 <?php } ?>
933
934 .frm-alt-table th {
935 width:200px;
936 }
937
938 .frm-alt-table tr {
939 background-color:transparent;
940 }
941
942 .frm-alt-table th,
943 .frm-alt-table td {
944 background-color:transparent;
945 vertical-align:top;
946 text-align:left;
947 padding:20px;
948 border-color:transparent;
949 }
950
951 .frm-alt-table tr:nth-child(even) {
952 background-color:<?php echo esc_html( FrmStylesHelper::adjust_brightness( $defaults['border_color'], 45 ) ); ?>;
953 }
954
955 table.form_results.with_frm_style{
956 border:<?php echo esc_html( $defaults['field_border_width'] ); ?> solid <?php echo esc_html( $defaults['border_color'] . $important ); ?>;
957 border-width:var(--field-border-width)<?php echo esc_html( $important ); ?>;
958 border-color:var(--border-color)<?php echo esc_html( $important ); ?>;
959 }
960
961 table.form_results.with_frm_style tr td{
962 text-align:left;
963 padding:7px 9px;
964 <?php if ( ! empty( $defaults['text_color'] ) ) { ?>
965 color:<?php echo esc_html( $defaults['text_color'] ); ?>;
966 color:var(--text-color)<?php echo esc_html( $important ); ?>;
967 <?php } ?>
968 <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
969 border-top:1px solid <?php echo esc_html( $defaults['border_color'] ); ?>;
970 border-top-width:var(--field-border-width)<?php echo esc_html( $important ); ?>;
971 border-top-color:var(--border-color)<?php echo esc_html( $important ); ?>;
972 <?php } ?>
973 }
974
975 table.form_results.with_frm_style tr.frm_even,
976 .frm-grid .frm_even{
977 background-color:#fff;
978 background-color:var(--bg-color)<?php echo esc_html( $important ); ?>;
979 }
980
981 <?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
982 table.form_results.with_frm_style tr.frm_odd,
983 .frm-grid .frm_odd{
984 background-color:<?php echo esc_html( $defaults['bg_color'] ); ?>;
985 background-color:var(--bg-color)<?php echo esc_html( $important ); ?>;
986 }
987 <?php } ?>
988
989 <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
990 .frm_color_block {
991 background-color:<?php echo esc_html( FrmStylesHelper::adjust_brightness( $defaults['border_color'], 45 ) ); ?>;
992 padding: 40px;
993 }
994
995 .with_frm_style .frm-show-form .frm_color_block.frm_section_heading h3,
996 .frm_color_block.frm_section_heading h3 {
997 border-width: 0 !important;
998 }
999 <?php } ?>
1000
1001 .frm_collapse .ui-icon{
1002 display:inline-block;
1003 }
1004
1005 .frm_toggle_container{
1006 /* Prevent the slide and bounce */
1007 border:1px solid transparent;
1008 }
1009
1010 .frm_toggle_container ul{
1011 margin:5px 0;
1012 padding-left:0;
1013 list-style-type:none;
1014 }
1015
1016 .frm_toggle_container .frm_month_heading{
1017 text-indent:15px;
1018 }
1019
1020 .frm_toggle_container .frm_month_listing{
1021 margin-left:40px;
1022 }
1023
1024 #frm_loading{
1025 display:none;
1026 position:fixed;
1027 top:0;
1028 left:0;
1029 width:100%;
1030 height:100%;
1031 z-index:99999;
1032 }
1033
1034 #frm_loading h3{
1035 font-weight:500;
1036 padding-bottom:15px;
1037 color:#fff;
1038 font-size:24px;
1039 }
1040
1041 #frm_loading_content{
1042 position:fixed;
1043 top:20%;
1044 left:33%;
1045 width:33%;
1046 text-align:center;
1047 padding-top:30px;
1048 font-weight:bold;
1049 z-index:9999999;
1050 }
1051
1052 #frm_loading img{
1053 max-width:100%;
1054 }
1055
1056 #frm_loading .progress{
1057 border-radius:4px;
1058 box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;
1059 height:20px;
1060 margin-bottom:20px;
1061 overflow:hidden;
1062 }
1063
1064 #frm_loading .progress.active .progress-bar{
1065 animation:2s linear 0s normal none infinite progress-bar-stripes;
1066 }
1067
1068 <?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
1069 #frm_loading .progress-striped .progress-bar{
1070 <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1071 background-image:linear-gradient(45deg, <?php echo esc_html( $defaults['border_color'] ); ?> 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, <?php echo esc_html( $defaults['border_color'] ); ?> 50%, <?php echo esc_html( $defaults['border_color'] ); ?> 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
1072 <?php } ?>
1073 background-size:40px 40px;
1074 }
1075 <?php } ?>
1076
1077 #frm_loading .progress-bar{
1078 background-color:<?php echo esc_html( $defaults['bg_color'] ); ?>;
1079 background-color:var(--bg-color);
1080 box-shadow:0 -1px 0 rgba(0, 0, 0, 0.15) inset;
1081 float:left;
1082 height:100%;
1083 line-height:20px;
1084 text-align:center;
1085 transition:width 0.6s ease 0s;
1086 width:100%;
1087 }
1088
1089 .frm_image_from_url{
1090 height:50px;
1091 }
1092
1093 .frm-loading-img{
1094 background:url(../images/ajax_loader.gif) no-repeat center center;
1095 padding:6px 12px;
1096 }
1097
1098 select.frm_loading_lookup{
1099 background-image: url(../images/ajax_loader.gif) !important;
1100 background-position: 10px;
1101 background-repeat: no-repeat;
1102 color: transparent !important;
1103 }
1104
1105 <?php readfile( dirname( __FILE__ ) . '/frm_grids.css' ); ?>
1106
1107 .frm_conf_field.frm_left_container .frm_primary_label{
1108 display:none;
1109 }
1110
1111 .wp-editor-wrap *,
1112 .wp-editor-wrap *:after,
1113 .wp-editor-wrap *:before{
1114 -webkit-box-sizing:content-box;
1115 -moz-box-sizing:content-box;
1116 box-sizing:content-box;
1117 }
1118
1119 .with_frm_style .frm_grid,
1120 .with_frm_style .frm_grid_first,
1121 .with_frm_style .frm_grid_odd{
1122 clear:both;
1123 margin-bottom:0 !important;
1124 padding:5px;
1125 border-width:1px;
1126 border-style:solid;
1127 <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1128 border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
1129 border-color:var(--border-color)<?php echo esc_html( $important ); ?>;
1130 <?php } ?>
1131 border-left:none;
1132 border-right:none;
1133 }
1134
1135 .with_frm_style .frm_grid,
1136 .with_frm_style .frm_grid_odd{
1137 border-top:none;
1138 }
1139
1140 .frm_grid .frm_error,
1141 .frm_grid_first .frm_error,
1142 .frm_grid_odd .frm_error{
1143 display:none;
1144 }
1145
1146 .frm_grid:after,
1147 .frm_grid_first:after,
1148 .frm_grid_odd:after{
1149 visibility:hidden;
1150 display:block;
1151 font-size:0;
1152 content:" ";
1153 clear:both;
1154 height:0;
1155 }
1156
1157 .frm_grid_first{
1158 margin-top:20px;
1159 }
1160
1161 <?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
1162 .frm_grid_first,
1163 .frm_grid_odd{
1164 background-color:<?php echo esc_html( $defaults['bg_color'] ); ?>;
1165 background-color:var(--bg-color);
1166 }
1167 <?php } ?>
1168
1169 <?php if ( ! empty( $defaults['bg_color_active'] ) ) { ?>
1170 .frm_grid{
1171 background-color:<?php echo esc_html( $defaults['bg_color_active'] . $important ); ?>;
1172 background-color:var(--bg-color-active)<?php echo esc_html( $important ); ?>;
1173 }
1174 <?php } ?>
1175
1176 .with_frm_style .frm_grid.frm_blank_field,
1177 .with_frm_style .frm_grid_first.frm_blank_field,
1178 .with_frm_style .frm_grid_odd.frm_blank_field{
1179 background-color:<?php echo esc_html( $defaults['error_bg'] . $important ); ?>;
1180 background-color:var(--error-bg)<?php echo esc_html( $important ); ?>;
1181 border-color:<?php echo esc_html( $defaults['error_border'] ); ?>;
1182 border-color:var(--error-bg);
1183 }
1184
1185 .frm_grid .frm_primary_label,
1186 .frm_grid_first .frm_primary_label,
1187 .frm_grid_odd .frm_primary_label,
1188 .frm_grid .frm_radio,
1189 .frm_grid_first .frm_radio,
1190 .frm_grid_odd .frm_radio,
1191 .frm_grid .frm_checkbox,
1192 .frm_grid_first .frm_checkbox,
1193 .frm_grid_odd .frm_checkbox{
1194 float:left !important;
1195 display:block;
1196 margin-top:0;
1197 margin-left:0 !important;
1198 }
1199
1200 .frm_grid_first .frm_radio label,
1201 .frm_grid .frm_radio label,
1202 .frm_grid_odd .frm_radio label,
1203 .frm_grid_first .frm_checkbox label,
1204 .frm_grid .frm_checkbox label,
1205 .frm_grid_odd .frm_checkbox label{
1206 visibility:hidden;
1207 white-space:nowrap;
1208 text-align:left;
1209 }
1210
1211 .frm_grid_first .frm_radio label input,
1212 .frm_grid .frm_radio label input,
1213 .frm_grid_odd .frm_radio label input,
1214 .frm_grid_first .frm_checkbox label input,
1215 .frm_grid .frm_checkbox label input,
1216 .frm_grid_odd .frm_checkbox label input{
1217 visibility:visible;
1218 margin:2px 0 0;
1219 float:right;
1220 }
1221
1222 .frm_grid .frm_radio,
1223 .frm_grid_first .frm_radio,
1224 .frm_grid_odd .frm_radio,
1225 .frm_grid .frm_checkbox,
1226 .frm_grid_first .frm_checkbox,
1227 .frm_grid_odd .frm_checkbox{
1228 display:inline;
1229 }
1230
1231 .frm_grid_2 .frm_radio,
1232 .frm_grid_2 .frm_checkbox,
1233 .frm_grid_2 .frm_primary_label{
1234 width:48% !important;
1235 }
1236
1237 .frm_grid_2 .frm_radio,
1238 .frm_grid_2 .frm_checkbox{
1239 margin-right:4%;
1240 }
1241
1242 .frm_grid_3 .frm_radio,
1243 .frm_grid_3 .frm_checkbox,
1244 .frm_grid_3 .frm_primary_label{
1245 width:30% !important;
1246 }
1247
1248 .frm_grid_3 .frm_radio,
1249 .frm_grid_3 .frm_checkbox{
1250 margin-right:3%;
1251 }
1252
1253 .frm_grid_4 .frm_radio,
1254 .frm_grid_4 .frm_checkbox{
1255 width:20% !important;
1256 }
1257
1258 .frm_grid_4 .frm_primary_label{
1259 width:28% !important;
1260 }
1261
1262 .frm_grid_4 .frm_radio,
1263 .frm_grid_4 .frm_checkbox{
1264 margin-right:4%;
1265 }
1266
1267 .frm_grid_5 .frm_primary_label,
1268 .frm_grid_7 .frm_primary_label{
1269 width:24% !important;
1270 }
1271
1272 .frm_grid_5 .frm_radio,
1273 .frm_grid_5 .frm_checkbox{
1274 width:17% !important;
1275 margin-right:2%;
1276 }
1277
1278 .frm_grid_6 .frm_primary_label{
1279 width:25% !important;
1280 }
1281
1282 .frm_grid_6 .frm_radio,
1283 .frm_grid_6 .frm_checkbox{
1284 width:14% !important;
1285 margin-right:1%;
1286 }
1287
1288 .frm_grid_7 .frm_primary_label{
1289 width:22% !important;
1290 }
1291
1292 .frm_grid_7 .frm_radio,
1293 .frm_grid_7 .frm_checkbox{
1294 width:12% !important;
1295 margin-right:1%;
1296 }
1297
1298 .frm_grid_8 .frm_primary_label{
1299 width:23% !important;
1300 }
1301
1302 .frm_grid_8 .frm_radio,
1303 .frm_grid_8 .frm_checkbox{
1304 width:10% !important;
1305 margin-right:1%;
1306 }
1307
1308 .frm_grid_9 .frm_primary_label{
1309 width:20% !important;
1310 }
1311
1312 .frm_grid_9 .frm_radio,
1313 .frm_grid_9 .frm_checkbox{
1314 width:9% !important;
1315 margin-right:1%;
1316 }
1317
1318 .frm_grid_10 .frm_primary_label{
1319 width:19% !important;
1320 }
1321
1322 .frm_grid_10 .frm_radio,
1323 .frm_grid_10 .frm_checkbox{
1324 width:8% !important;
1325 margin-right:1%;
1326 }
1327
1328 .frm_form_field.frm_inline_container .frm_opt_container,
1329 .frm_form_field.frm_right_container .frm_opt_container,
1330 .frm_form_field.frm_left_container .frm_opt_container{
1331 padding-top:4px;
1332 }
1333
1334 .with_frm_style .frm_inline_container.frm_grid_first .frm_primary_label,
1335 .with_frm_style .frm_inline_container.frm_grid .frm_primary_label,
1336 .with_frm_style .frm_inline_container.frm_grid_odd .frm_primary_label,
1337 .with_frm_style .frm_inline_container.frm_grid_first .frm_opt_container,
1338 .with_frm_style .frm_inline_container.frm_grid .frm_opt_container,
1339 .with_frm_style .frm_inline_container.frm_grid_odd .frm_opt_container{
1340 margin-right:0;
1341 }
1342
1343 .frm_form_field.frm_two_col .frm_opt_container,
1344 .frm_form_field.frm_three_col .frm_opt_container,
1345 .frm_form_field.frm_four_col .frm_opt_container{
1346 display: grid;
1347 grid-template-columns: repeat(2, 1fr);
1348 grid-auto-rows: max-content;
1349 grid-gap: 0 2.5%;
1350 }
1351
1352 .frm_form_field.frm_three_col .frm_opt_container{
1353 grid-template-columns: repeat(3, 1fr);
1354 }
1355
1356 .frm_form_field.frm_four_col .frm_opt_container{
1357 grid-template-columns: repeat(4, 1fr);
1358 }
1359
1360 .frm_form_field.frm_two_col .frm_radio,
1361 .frm_form_field.frm_two_col .frm_checkbox,
1362 .frm_form_field.frm_three_col .frm_radio,
1363 .frm_form_field.frm_three_col .frm_checkbox,
1364 .frm_form_field.frm_four_col .frm_radio,
1365 .frm_form_field.frm_four_col .frm_checkbox{
1366 grid-column-end: span 1;
1367 }
1368
1369 .frm_form_field .frm_checkbox,
1370 .frm_form_field .frm_checkbox + .frm_checkbox,
1371 .frm_form_field .frm_radio,
1372 .frm_form_field .frm_radio + .frm_radio{
1373 margin-top: 0;
1374 margin-bottom: 0;
1375 }
1376
1377 .frm_form_field.frm_scroll_box .frm_opt_container{
1378 height:100px;
1379 overflow:auto;
1380 }
1381
1382 .frm_html_container.frm_scroll_box,
1383 .frm_form_field.frm_html_scroll_box{
1384 height:100px;
1385 overflow:auto;
1386 background-color:<?php echo esc_html( $defaults['bg_color'] ); ?>;
1387 background-color:var(--bg-color);
1388 border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
1389 border-color:var(--border-color);
1390 border-width:<?php echo esc_html( $defaults['field_border_width'] ); ?>;
1391 border-width:var(--field-border-width);
1392 border-style:<?php echo esc_html( $defaults['field_border_style'] ); ?>;
1393 border-style:var(--field-border-style);
1394 -moz-border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
1395 -webkit-border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
1396 border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
1397 border-radius:var(--border-radius);
1398 width:<?php echo esc_html( $defaults['field_width'] ); ?>;
1399 width:var(--field-width);
1400 max-width:100%;
1401 font-size:<?php echo esc_html( $defaults['field_font_size'] ); ?>;
1402 font-size:var(--field-font-size);
1403 padding:<?php echo esc_html( $defaults['field_pad'] ); ?>;
1404 padding:var(--field-pad);
1405 -webkit-box-sizing:border-box;
1406 -moz-box-sizing:border-box;
1407 box-sizing:border-box;
1408 outline:none<?php echo esc_html( $important ); ?>;
1409 font-weight:normal;
1410 box-shadow:var(--box-shadow);
1411 }
1412
1413 .frm_form_field.frm_total_big input,
1414 .frm_form_field.frm_total_big textarea,
1415 .frm_form_field.frm_total input,
1416 .frm_form_field.frm_total textarea{
1417 opacity:1;
1418 background-color:transparent !important;
1419 border:none !important;
1420 font-weight:bold;
1421 -moz-box-shadow:none;
1422 -webkit-box-shadow:none;
1423 width:auto !important;
1424 height:auto !important;
1425 box-shadow:none !important;
1426 display:inline;
1427 -moz-appearance:textfield;
1428 padding:0;
1429 }
1430
1431 .frm_form_field.frm_total_big input::-webkit-outer-spin-button,
1432 .frm_form_field.frm_total_big input::-webkit-inner-spin-button,
1433 .frm_form_field.frm_total input::-webkit-outer-spin-button,
1434 .frm_form_field.frm_total input::-webkit-inner-spin-button {
1435 -webkit-appearance: none;
1436 }
1437
1438 .frm_form_field.frm_total_big input:focus,
1439 .frm_form_field.frm_total_big textarea:focus,
1440 .frm_form_field.frm_total input:focus,
1441 .frm_form_field.frm_total textarea:focus{
1442 background-color:transparent;
1443 border:none;
1444 -moz-box-shadow:none;
1445 -webkit-box-shadow:none;
1446 box-shadow:none;
1447 }
1448
1449 .frm_form_field.frm_label_justify .frm_primary_label{
1450 text-align:justify !important;
1451 }
1452
1453 .frm_form_field.frm_capitalize input,
1454 .frm_form_field.frm_capitalize select,
1455 .frm_form_field.frm_capitalize .frm_opt_container label{
1456 text-transform:capitalize;
1457 }
1458
1459 .frm_clearfix:after{
1460 content:".";
1461 display:block;
1462 clear:both;
1463 visibility:hidden;
1464 line-height:0;
1465 height:0;
1466 }
1467
1468 .frm_clearfix{
1469 display:block;
1470 }
1471
1472 .with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_icon_font::before {
1473 color:<?php echo esc_html( $defaults['repeat_icon_color'] . $important ); ?>;
1474 color:var(--repeat-icon-color)<?php echo esc_html( $important ); ?>;
1475 }
1476
1477 /* Fonts */
1478 <?php readfile( FrmAppHelper::plugin_path() . '/css/font_icons.css' ); ?>
1479 <?php do_action( 'frm_include_front_css', compact( 'defaults' ) ); ?>
1480
1481 /* Responsive */
1482
1483 @media only screen and (max-width: 900px) {
1484 .frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label,
1485 .frm_form_field .frm_repeat_grid .frm_form_field.frm_seventh .frm_primary_label,
1486 .frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth .frm_primary_label{
1487 display: block !important;
1488 }
1489 }
1490
1491 @media only screen and (max-width: 600px) {
1492 .frm_form_field.frm_four_col .frm_opt_container{
1493 grid-template-columns: repeat(2, 1fr);
1494 }
1495
1496 .with_frm_style .frm_repeat_inline,
1497 .with_frm_style .frm_repeat_grid{
1498 margin: 20px 0;
1499 }
1500 }
1501
1502 @media only screen and (max-width: 500px) {
1503 .frm_form_field.frm_two_col .frm_radio,
1504 .frm_form_field.frm_two_col .frm_checkbox,
1505 .frm_form_field.frm_three_col .frm_radio,
1506 .frm_form_field.frm_three_col .frm_checkbox{
1507 width: auto;
1508 margin-right: 0;
1509 float: none;
1510 display:block;
1511 }
1512
1513 .frm_form_field input[type=file] {
1514 max-width:220px;
1515 }
1516
1517 .with_frm_style .frm-g-recaptcha > div > div,
1518 .with_frm_style .g-recaptcha > div > div{
1519 width:inherit !important;
1520 display:block;
1521 overflow:hidden;
1522 max-width:302px;
1523 border-right:1px solid #d3d3d3;
1524 border-radius:4px;
1525 box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);
1526 -moz-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);
1527 }
1528
1529 .with_frm_style .g-recaptcha iframe,
1530 .with_frm_style .frm-g-recaptcha iframe{
1531 width:100%;
1532 }
1533 }
1534 <?php
1535
1536 echo strip_tags( $defaults['custom_css'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
1537