PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 5.4
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v5.4
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.4, at css/custom_theme.css.php

1,544 lines 43.9 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 .with_frm_style a.frm_start_over{
684 <?php if ( ! empty( $defaults['font'] ) ) { ?>
685 font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
686 font-family:var(--font);
687 <?php } ?>
688 font-size:<?php echo esc_html( $defaults['submit_font_size'] ); ?>;
689 font-size:var(--submit-font-size);
690 font-weight:<?php echo esc_html( $defaults['submit_weight'] ); ?>;
691 font-weight:var(--submit-weight);
692 }
693
694 .horizontal_radio .frm_radio{
695 margin:0 5px 0 0;
696 }
697
698 .horizontal_radio .frm_checkbox{
699 margin:0;
700 margin-right:5px;
701 }
702
703 .vertical_radio .frm_checkbox,
704 .vertical_radio .frm_radio,
705 .vertical_radio .frm_catlevel_1{
706 display:block;
707 }
708
709 .horizontal_radio .frm_checkbox,
710 .horizontal_radio .frm_radio,
711 .horizontal_radio .frm_catlevel_1{
712 display:inline-block;
713 padding-left: 0;
714 }
715
716 .with_frm_style .frm_radio{
717 display:<?php echo esc_html( $defaults['radio_align'] . $important ); ?>;
718 display:var(--radio-align)<?php echo esc_html( $important ); ?>;
719 }
720
721 .with_frm_style .frm_checkbox{
722 display:<?php echo esc_html( $defaults['check_align'] . $important ); ?>;
723 display:var(--check-align)<?php echo esc_html( $important ); ?>;
724 }
725
726 .with_frm_style .vertical_radio .frm_checkbox,
727 .with_frm_style .vertical_radio .frm_radio,
728 .vertical_radio .frm_catlevel_1{
729 display:block<?php echo esc_html( $important ); ?>;
730 }
731
732 .with_frm_style .horizontal_radio .frm_checkbox,
733 .with_frm_style .horizontal_radio .frm_radio,
734 .horizontal_radio .frm_catlevel_1{
735 display:inline-block<?php echo esc_html( $important ); ?>;
736 }
737
738 .with_frm_style .frm_checkbox label,
739 .with_frm_style .frm_radio label{
740 display: inline;
741 white-space:normal;
742 }
743
744 .with_frm_style .vertical_radio .frm_checkbox label,
745 .with_frm_style .vertical_radio .frm_radio label{
746 display: block;
747 padding-left: 20px;
748 text-indent: -20px;
749 }
750
751 .with_frm_style .frm_radio label,
752 .with_frm_style .frm_checkbox label{
753 <?php if ( ! empty( $defaults['font'] ) ) { ?>
754 font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
755 font-family:var(--font);
756 <?php } ?>
757 font-size:<?php echo esc_html( $defaults['check_font_size'] . $important ); ?>;
758 font-size:var(--check-font-size)<?php echo esc_html( $important ); ?>;
759 color:<?php echo esc_html( $defaults['check_label_color'] . $important ); ?>;
760 color:var(--check-label-color)<?php echo esc_html( $important ); ?>;
761 font-weight:<?php echo esc_html( $defaults['check_weight'] . $important ); ?>;
762 font-weight:var(--check-weight)<?php echo esc_html( $important ); ?>;
763 line-height: 1.3;
764 }
765
766 .with_frm_style .frm_radio input[type=radio],
767 .with_frm_style .frm_checkbox input[type=checkbox] {
768 font-size:<?php echo esc_html( $defaults['check_font_size'] . $important ); ?>;
769 font-size:var(--check-font-size)<?php echo esc_html( $important ); ?>;
770 position:static<?php echo esc_html( $important ); ?>;
771 }
772
773 .frm_file_container .frm_file_link,
774 .with_frm_style .frm_radio label .frm_file_container,
775 .with_frm_style .frm_checkbox label .frm_file_container{
776 display:inline-block;
777 margin:5px;
778 vertical-align:middle;
779 }
780
781 .with_frm_style .frm_radio input[type=radio]{
782 border-radius:50%;
783 }
784
785 .with_frm_style .frm_checkbox input[type=checkbox]{
786 border-radius:0;
787 }
788
789 .with_frm_style .frm_radio input[type=radio],
790 .with_frm_style .frm_checkbox input[type=checkbox]{
791 -webkit-appearance: none;
792 appearance: none;
793 background-color: var(--bg-color);
794 flex: none;
795 display:inline-block !important;
796 margin: 0 5px 0 0;
797 color: var(--border-color);
798 width: 18px;
799 min-width: 18px;
800 height: 18px;
801 border: 1px solid currentColor;
802 border-color: var(--border-color);
803 vertical-align: middle;
804 position: initial; /* override Bootstrap */
805 padding: 0;
806 }
807
808 .with_frm_style .frm_radio input[type=radio]:before,
809 .with_frm_style .frm_checkbox input[type=checkbox]:before {
810 content: '';
811 width: 12px;
812 height: 12px;
813 border-radius: 50%;
814 transform: scale(0);
815 transition: 120ms transform ease-in-out;
816 box-shadow: inset 10px 10px var(--text-color);
817 display: block;
818 margin: 2px 0 0 2px;
819 }
820
821 .with_frm_style .frm_checkbox input[type=checkbox]:before{
822 clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
823 border-radius: 0;
824 }
825
826 .with_frm_style .frm_radio input[type=radio]:checked:before,
827 .with_frm_style .frm_checkbox input[type=checkbox]:checked:before {
828 transform: scale(1);
829 }
830
831 .with_frm_style :invalid,
832 .with_frm_style :-moz-submit-invalid,
833 .with_frm_style :-moz-ui-invalid{
834 box-shadow:none;
835 }
836
837 .with_frm_style .frm_error_style img{
838 padding-right:10px;
839 vertical-align:middle;
840 border:none;
841 }
842
843 .with_frm_style .frm_trigger{
844 cursor:pointer;
845 }
846
847 .with_frm_style .frm_error_style,
848 .with_frm_style .frm_message,
849 .frm_success_style{
850 -moz-border-radius:4px;
851 -webkit-border-radius:4px;
852 border-radius:4px;
853 padding:15px;
854 }
855
856 .with_frm_style .frm_message p{
857 margin-bottom:5px;
858 color:<?php echo esc_html( $defaults['success_text_color'] ); ?>;
859 color:var(--success-text-color)<?php echo esc_html( $important ); ?>;
860 }
861
862 .with_frm_style .frm_message,
863 .frm_success_style{
864 margin:5px 0 15px;
865 border:1px solid <?php echo esc_html( $defaults['success_border_color'] ); ?>;
866 border-color:var(--success-border-color);
867 background-color:<?php echo esc_html( $defaults['success_bg_color'] ); ?>;
868 background-color:var(--success-bg-color);
869 color:<?php echo esc_html( $defaults['success_text_color'] ); ?>;
870 color:var(--success-text-color)<?php echo esc_html( $important ); ?>;
871 border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
872 border-radius:var(--border-radius);
873 font-size:<?php echo esc_html( $defaults['success_font_size'] ); ?>;
874 font-size:var(--success-font-size)<?php echo esc_html( $important ); ?>;
875 }
876
877 .with_frm_style .frm_plain_success .frm_message {
878 background-color: transparent;
879 padding:0;
880 border:none;
881 font-size:inherit<?php echo esc_html( $important ); ?>;
882 color:inherit<?php echo esc_html( $important ); ?>;
883 }
884
885 .with_frm_style .frm_plain_success .frm_message p {
886 color:inherit<?php echo esc_html( $important ); ?>;
887 }
888
889 .frm_form_fields_style,
890 .frm_form_fields_active_style,
891 .frm_form_fields_error_style,
892 .frm_form_submit_style{
893 width:auto;
894 }
895
896 .with_frm_style .frm_trigger span{
897 float:left;
898 }
899
900 .with_frm_style table.frm-grid,
901 #content .with_frm_style table.frm-grid{
902 border-collapse:collapse;
903 border:none;
904 }
905
906 .frm-grid td,
907 .frm-grid th{
908 padding:5px;
909 border-width:1px;
910 border-style:solid;
911 <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
912 border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
913 border-color:var(--border-color);
914 <?php } ?>
915 border-top:none;
916 border-left:none;
917 border-right:none;
918 }
919
920 .frm-alt-table {
921 width:100%;
922 border-collapse:separate;
923 margin-top:0.5em;
924 font-size:15px;
925 border-width:1px;
926 }
927
928 <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
929 .with_frm_style .frm-alt-table{
930 border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
931 border-color:var(--border-color);
932 }
933 <?php } ?>
934
935 .frm-alt-table th {
936 width:200px;
937 }
938
939 .frm-alt-table tr {
940 background-color:transparent;
941 }
942
943 .frm-alt-table th,
944 .frm-alt-table td {
945 background-color:transparent;
946 vertical-align:top;
947 text-align:left;
948 padding:20px;
949 border-color:transparent;
950 }
951
952 .frm-alt-table tr:nth-child(even) {
953 background-color:<?php echo esc_html( FrmStylesHelper::adjust_brightness( $defaults['border_color'], 45 ) ); ?>;
954 }
955
956 table.form_results.with_frm_style{
957 border:<?php echo esc_html( $defaults['field_border_width'] ); ?> solid <?php echo esc_html( $defaults['border_color'] . $important ); ?>;
958 border-width:var(--field-border-width)<?php echo esc_html( $important ); ?>;
959 border-color:var(--border-color)<?php echo esc_html( $important ); ?>;
960 }
961
962 table.form_results.with_frm_style tr td{
963 text-align:left;
964 padding:7px 9px;
965 <?php if ( ! empty( $defaults['text_color'] ) ) { ?>
966 color:<?php echo esc_html( $defaults['text_color'] ); ?>;
967 color:var(--text-color)<?php echo esc_html( $important ); ?>;
968 <?php } ?>
969 <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
970 border-top:1px solid <?php echo esc_html( $defaults['border_color'] ); ?>;
971 border-top-width:var(--field-border-width)<?php echo esc_html( $important ); ?>;
972 border-top-color:var(--border-color)<?php echo esc_html( $important ); ?>;
973 <?php } ?>
974 }
975
976 table.form_results.with_frm_style tr.frm_even,
977 .frm-grid .frm_even{
978 background-color:#fff;
979 background-color:var(--bg-color)<?php echo esc_html( $important ); ?>;
980 }
981
982 <?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
983 table.form_results.with_frm_style tr.frm_odd,
984 .frm-grid .frm_odd{
985 background-color:<?php echo esc_html( $defaults['bg_color'] ); ?>;
986 background-color:var(--bg-color)<?php echo esc_html( $important ); ?>;
987 }
988 <?php } ?>
989
990 <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
991 .frm_color_block {
992 background-color:<?php echo esc_html( FrmStylesHelper::adjust_brightness( $defaults['border_color'], 45 ) ); ?>;
993 padding: 40px;
994 }
995
996 .with_frm_style .frm-show-form .frm_color_block.frm_section_heading h3,
997 .frm_color_block.frm_section_heading h3 {
998 border-width: 0 !important;
999 }
1000 <?php } ?>
1001
1002 .frm_collapse .ui-icon{
1003 display:inline-block;
1004 }
1005
1006 .frm_toggle_container{
1007 /* Prevent the slide and bounce */
1008 border:1px solid transparent;
1009 }
1010
1011 .frm_toggle_container ul{
1012 margin:5px 0;
1013 padding-left:0;
1014 list-style-type:none;
1015 }
1016
1017 .frm_toggle_container .frm_month_heading{
1018 text-indent:15px;
1019 }
1020
1021 .frm_toggle_container .frm_month_listing{
1022 margin-left:40px;
1023 }
1024
1025 #frm_loading{
1026 display:none;
1027 position:fixed;
1028 top:0;
1029 left:0;
1030 width:100%;
1031 height:100%;
1032 z-index:99999;
1033 }
1034
1035 #frm_loading h3{
1036 font-weight:500;
1037 padding-bottom:15px;
1038 color:#fff;
1039 font-size:24px;
1040 }
1041
1042 #frm_loading_content{
1043 position:fixed;
1044 top:20%;
1045 left:33%;
1046 width:33%;
1047 text-align:center;
1048 padding-top:30px;
1049 font-weight:bold;
1050 z-index:9999999;
1051 }
1052
1053 #frm_loading img{
1054 max-width:100%;
1055 }
1056
1057 #frm_loading .progress{
1058 border-radius:4px;
1059 box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;
1060 height:20px;
1061 margin-bottom:20px;
1062 overflow:hidden;
1063 }
1064
1065 #frm_loading .progress.active .progress-bar{
1066 animation:2s linear 0s normal none infinite progress-bar-stripes;
1067 }
1068
1069 <?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
1070 #frm_loading .progress-striped .progress-bar{
1071 <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1072 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));
1073 <?php } ?>
1074 background-size:40px 40px;
1075 }
1076 <?php } ?>
1077
1078 #frm_loading .progress-bar{
1079 background-color:<?php echo esc_html( $defaults['bg_color'] ); ?>;
1080 background-color:var(--bg-color);
1081 box-shadow:0 -1px 0 rgba(0, 0, 0, 0.15) inset;
1082 float:left;
1083 height:100%;
1084 line-height:20px;
1085 text-align:center;
1086 transition:width 0.6s ease 0s;
1087 width:100%;
1088 }
1089
1090 .frm_image_from_url{
1091 height:50px;
1092 }
1093
1094 .frm-loading-img{
1095 background:url(../images/ajax_loader.gif) no-repeat center center;
1096 padding:6px 12px;
1097 }
1098
1099 select.frm_loading_lookup{
1100 background-image: url(../images/ajax_loader.gif) !important;
1101 background-position: 10px;
1102 background-repeat: no-repeat;
1103 color: transparent !important;
1104 }
1105
1106 <?php readfile( dirname( __FILE__ ) . '/frm_grids.css' ); ?>
1107
1108 .frm_conf_field.frm_left_container .frm_primary_label{
1109 display:none;
1110 }
1111
1112 .wp-editor-wrap *,
1113 .wp-editor-wrap *:after,
1114 .wp-editor-wrap *:before{
1115 -webkit-box-sizing:content-box;
1116 -moz-box-sizing:content-box;
1117 box-sizing:content-box;
1118 }
1119
1120 .with_frm_style .frm_grid,
1121 .with_frm_style .frm_grid_first,
1122 .with_frm_style .frm_grid_odd{
1123 clear:both;
1124 margin-bottom:0 !important;
1125 padding:5px;
1126 border-width:1px;
1127 border-style:solid;
1128 <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1129 border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
1130 border-color:var(--border-color)<?php echo esc_html( $important ); ?>;
1131 <?php } ?>
1132 border-left:none;
1133 border-right:none;
1134 }
1135
1136 .with_frm_style .frm_grid,
1137 .with_frm_style .frm_grid_odd{
1138 border-top:none;
1139 }
1140
1141 .frm_grid .frm_error,
1142 .frm_grid_first .frm_error,
1143 .frm_grid_odd .frm_error{
1144 display:none;
1145 }
1146
1147 .frm_grid:after,
1148 .frm_grid_first:after,
1149 .frm_grid_odd:after{
1150 visibility:hidden;
1151 display:block;
1152 font-size:0;
1153 content:" ";
1154 clear:both;
1155 height:0;
1156 }
1157
1158 .frm_grid_first{
1159 margin-top:20px;
1160 }
1161
1162 <?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
1163 .frm_grid_first,
1164 .frm_grid_odd{
1165 background-color:<?php echo esc_html( $defaults['bg_color'] ); ?>;
1166 background-color:var(--bg-color);
1167 }
1168 <?php } ?>
1169
1170 <?php if ( ! empty( $defaults['bg_color_active'] ) ) { ?>
1171 .frm_grid{
1172 background-color:<?php echo esc_html( $defaults['bg_color_active'] . $important ); ?>;
1173 background-color:var(--bg-color-active)<?php echo esc_html( $important ); ?>;
1174 }
1175 <?php } ?>
1176
1177 .with_frm_style .frm_grid.frm_blank_field,
1178 .with_frm_style .frm_grid_first.frm_blank_field,
1179 .with_frm_style .frm_grid_odd.frm_blank_field{
1180 background-color:<?php echo esc_html( $defaults['error_bg'] . $important ); ?>;
1181 background-color:var(--error-bg)<?php echo esc_html( $important ); ?>;
1182 border-color:<?php echo esc_html( $defaults['error_border'] ); ?>;
1183 border-color:var(--error-bg);
1184 }
1185
1186 .frm_grid .frm_primary_label,
1187 .frm_grid_first .frm_primary_label,
1188 .frm_grid_odd .frm_primary_label,
1189 .frm_grid .frm_radio,
1190 .frm_grid_first .frm_radio,
1191 .frm_grid_odd .frm_radio,
1192 .frm_grid .frm_checkbox,
1193 .frm_grid_first .frm_checkbox,
1194 .frm_grid_odd .frm_checkbox{
1195 float:left !important;
1196 display:block;
1197 margin-top:0;
1198 margin-left:0 !important;
1199 }
1200
1201 .frm_grid_first .frm_radio label,
1202 .frm_grid .frm_radio label,
1203 .frm_grid_odd .frm_radio label,
1204 .frm_grid_first .frm_checkbox label,
1205 .frm_grid .frm_checkbox label,
1206 .frm_grid_odd .frm_checkbox label{
1207 visibility:hidden;
1208 white-space:nowrap;
1209 text-align:left;
1210 }
1211
1212 .frm_grid_first .frm_radio label input,
1213 .frm_grid .frm_radio label input,
1214 .frm_grid_odd .frm_radio label input,
1215 .frm_grid_first .frm_checkbox label input,
1216 .frm_grid .frm_checkbox label input,
1217 .frm_grid_odd .frm_checkbox label input{
1218 visibility:visible;
1219 margin:2px 0 0;
1220 float:right;
1221 }
1222
1223 .frm_grid .frm_radio,
1224 .frm_grid_first .frm_radio,
1225 .frm_grid_odd .frm_radio,
1226 .frm_grid .frm_checkbox,
1227 .frm_grid_first .frm_checkbox,
1228 .frm_grid_odd .frm_checkbox{
1229 display:inline;
1230 }
1231
1232 .frm_grid_2 .frm_radio,
1233 .frm_grid_2 .frm_checkbox,
1234 .frm_grid_2 .frm_primary_label{
1235 width:48% !important;
1236 }
1237
1238 .frm_grid_2 .frm_radio,
1239 .frm_grid_2 .frm_checkbox{
1240 margin-right:4%;
1241 }
1242
1243 .frm_grid_3 .frm_radio,
1244 .frm_grid_3 .frm_checkbox,
1245 .frm_grid_3 .frm_primary_label{
1246 width:30% !important;
1247 }
1248
1249 .frm_grid_3 .frm_radio,
1250 .frm_grid_3 .frm_checkbox{
1251 margin-right:3%;
1252 }
1253
1254 .frm_grid_4 .frm_radio,
1255 .frm_grid_4 .frm_checkbox{
1256 width:20% !important;
1257 }
1258
1259 .frm_grid_4 .frm_primary_label{
1260 width:28% !important;
1261 }
1262
1263 .frm_grid_4 .frm_radio,
1264 .frm_grid_4 .frm_checkbox{
1265 margin-right:4%;
1266 }
1267
1268 .frm_grid_5 .frm_primary_label,
1269 .frm_grid_7 .frm_primary_label{
1270 width:24% !important;
1271 }
1272
1273 .frm_grid_5 .frm_radio,
1274 .frm_grid_5 .frm_checkbox{
1275 width:17% !important;
1276 margin-right:2%;
1277 }
1278
1279 .frm_grid_6 .frm_primary_label{
1280 width:25% !important;
1281 }
1282
1283 .frm_grid_6 .frm_radio,
1284 .frm_grid_6 .frm_checkbox{
1285 width:14% !important;
1286 margin-right:1%;
1287 }
1288
1289 .frm_grid_7 .frm_primary_label{
1290 width:22% !important;
1291 }
1292
1293 .frm_grid_7 .frm_radio,
1294 .frm_grid_7 .frm_checkbox{
1295 width:12% !important;
1296 margin-right:1%;
1297 }
1298
1299 .frm_grid_8 .frm_primary_label{
1300 width:23% !important;
1301 }
1302
1303 .frm_grid_8 .frm_radio,
1304 .frm_grid_8 .frm_checkbox{
1305 width:10% !important;
1306 margin-right:1%;
1307 }
1308
1309 .frm_grid_9 .frm_primary_label{
1310 width:20% !important;
1311 }
1312
1313 .frm_grid_9 .frm_radio,
1314 .frm_grid_9 .frm_checkbox{
1315 width:9% !important;
1316 margin-right:1%;
1317 }
1318
1319 .frm_grid_10 .frm_primary_label{
1320 width:19% !important;
1321 }
1322
1323 .frm_grid_10 .frm_radio,
1324 .frm_grid_10 .frm_checkbox{
1325 width:8% !important;
1326 margin-right:1%;
1327 }
1328
1329 .frm_form_field.frm_inline_container .frm_opt_container,
1330 .frm_form_field.frm_right_container .frm_opt_container,
1331 .frm_form_field.frm_left_container .frm_opt_container{
1332 padding-top:4px;
1333 }
1334
1335 .with_frm_style .frm_inline_container.frm_grid_first .frm_primary_label,
1336 .with_frm_style .frm_inline_container.frm_grid .frm_primary_label,
1337 .with_frm_style .frm_inline_container.frm_grid_odd .frm_primary_label,
1338 .with_frm_style .frm_inline_container.frm_grid_first .frm_opt_container,
1339 .with_frm_style .frm_inline_container.frm_grid .frm_opt_container,
1340 .with_frm_style .frm_inline_container.frm_grid_odd .frm_opt_container{
1341 margin-right:0;
1342 }
1343
1344 .frm_form_field.frm_two_col .frm_opt_container,
1345 .frm_form_field.frm_three_col .frm_opt_container,
1346 .frm_form_field.frm_four_col .frm_opt_container{
1347 display: grid;
1348 grid-template-columns: repeat(2, 1fr);
1349 grid-auto-rows: max-content;
1350 grid-gap: 0 2.5%;
1351 }
1352
1353 .frm_form_field.frm_three_col .frm_opt_container{
1354 grid-template-columns: repeat(3, 1fr);
1355 }
1356
1357 .frm_form_field.frm_four_col .frm_opt_container{
1358 grid-template-columns: repeat(4, 1fr);
1359 }
1360
1361 .frm_form_field.frm_two_col .frm_radio,
1362 .frm_form_field.frm_two_col .frm_checkbox,
1363 .frm_form_field.frm_three_col .frm_radio,
1364 .frm_form_field.frm_three_col .frm_checkbox,
1365 .frm_form_field.frm_four_col .frm_radio,
1366 .frm_form_field.frm_four_col .frm_checkbox{
1367 grid-column-end: span 1;
1368 }
1369
1370 .frm_form_field .frm_checkbox,
1371 .frm_form_field .frm_checkbox + .frm_checkbox,
1372 .frm_form_field .frm_radio,
1373 .frm_form_field .frm_radio + .frm_radio{
1374 margin-top: 0;
1375 margin-bottom: 0;
1376 }
1377
1378 .frm_form_field.frm_scroll_box .frm_opt_container{
1379 height:100px;
1380 overflow:auto;
1381 }
1382
1383 .frm_html_container.frm_scroll_box,
1384 .frm_form_field.frm_html_scroll_box{
1385 height:100px;
1386 overflow:auto;
1387 background-color:<?php echo esc_html( $defaults['bg_color'] ); ?>;
1388 background-color:var(--bg-color);
1389 border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
1390 border-color:var(--border-color);
1391 border-width:<?php echo esc_html( $defaults['field_border_width'] ); ?>;
1392 border-width:var(--field-border-width);
1393 border-style:<?php echo esc_html( $defaults['field_border_style'] ); ?>;
1394 border-style:var(--field-border-style);
1395 -moz-border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
1396 -webkit-border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
1397 border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
1398 border-radius:var(--border-radius);
1399 width:<?php echo esc_html( $defaults['field_width'] ); ?>;
1400 width:var(--field-width);
1401 max-width:100%;
1402 font-size:<?php echo esc_html( $defaults['field_font_size'] ); ?>;
1403 font-size:var(--field-font-size);
1404 padding:<?php echo esc_html( $defaults['field_pad'] ); ?>;
1405 padding:var(--field-pad);
1406 -webkit-box-sizing:border-box;
1407 -moz-box-sizing:border-box;
1408 box-sizing:border-box;
1409 outline:none<?php echo esc_html( $important ); ?>;
1410 font-weight:normal;
1411 box-shadow:var(--box-shadow);
1412 }
1413
1414 .frm_form_field.frm_total_big input,
1415 .frm_form_field.frm_total_big textarea,
1416 .frm_form_field.frm_total input,
1417 .frm_form_field.frm_total textarea{
1418 opacity:1;
1419 background-color:transparent !important;
1420 border:none !important;
1421 font-weight:bold;
1422 -moz-box-shadow:none;
1423 -webkit-box-shadow:none;
1424 width:auto !important;
1425 height:auto !important;
1426 box-shadow:none !important;
1427 display:inline;
1428 -moz-appearance:textfield;
1429 padding:0;
1430 }
1431
1432 .frm_form_field.frm_total_big input::-webkit-outer-spin-button,
1433 .frm_form_field.frm_total_big input::-webkit-inner-spin-button,
1434 .frm_form_field.frm_total input::-webkit-outer-spin-button,
1435 .frm_form_field.frm_total input::-webkit-inner-spin-button {
1436 -webkit-appearance: none;
1437 }
1438
1439 .frm_form_field.frm_total_big input:focus,
1440 .frm_form_field.frm_total_big textarea:focus,
1441 .frm_form_field.frm_total input:focus,
1442 .frm_form_field.frm_total textarea:focus{
1443 background-color:transparent;
1444 border:none;
1445 -moz-box-shadow:none;
1446 -webkit-box-shadow:none;
1447 box-shadow:none;
1448 }
1449
1450 .frm_form_field.frm_label_justify .frm_primary_label{
1451 text-align:justify !important;
1452 }
1453
1454 .frm_form_field.frm_capitalize input,
1455 .frm_form_field.frm_capitalize select,
1456 .frm_form_field.frm_capitalize .frm_opt_container label{
1457 text-transform:capitalize;
1458 }
1459
1460 .frm_clearfix:after{
1461 content:".";
1462 display:block;
1463 clear:both;
1464 visibility:hidden;
1465 line-height:0;
1466 height:0;
1467 }
1468
1469 .frm_clearfix{
1470 display:block;
1471 }
1472
1473 .with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_icon_font::before {
1474 color:<?php echo esc_html( $defaults['repeat_icon_color'] . $important ); ?>;
1475 color:var(--repeat-icon-color)<?php echo esc_html( $important ); ?>;
1476 }
1477
1478 .with_frm_style .frm_combo_inputs_container > .frm_form_subfield-first,
1479 .with_frm_style .frm_combo_inputs_container > .frm_form_subfield-middle,
1480 .with_frm_style .frm_combo_inputs_container > .frm_form_subfield-last {
1481 margin-bottom: 0 !important;
1482 }
1483
1484 /* Fonts */
1485 <?php readfile( FrmAppHelper::plugin_path() . '/css/font_icons.css' ); ?>
1486 <?php do_action( 'frm_include_front_css', compact( 'defaults' ) ); ?>
1487
1488 /* Responsive */
1489
1490 @media only screen and (max-width: 900px) {
1491 .frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label,
1492 .frm_form_field .frm_repeat_grid .frm_form_field.frm_seventh .frm_primary_label,
1493 .frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth .frm_primary_label{
1494 display: block !important;
1495 }
1496 }
1497
1498 @media only screen and (max-width: 600px) {
1499 .frm_form_field.frm_four_col .frm_opt_container{
1500 grid-template-columns: repeat(2, 1fr);
1501 }
1502
1503 .with_frm_style .frm_repeat_inline,
1504 .with_frm_style .frm_repeat_grid{
1505 margin: 20px 0;
1506 }
1507 }
1508
1509 @media only screen and (max-width: 500px) {
1510 .frm_form_field.frm_two_col .frm_radio,
1511 .frm_form_field.frm_two_col .frm_checkbox,
1512 .frm_form_field.frm_three_col .frm_radio,
1513 .frm_form_field.frm_three_col .frm_checkbox{
1514 width: auto;
1515 margin-right: 0;
1516 float: none;
1517 display:block;
1518 }
1519
1520 .frm_form_field input[type=file] {
1521 max-width:220px;
1522 }
1523
1524 .with_frm_style .frm-g-recaptcha > div > div,
1525 .with_frm_style .g-recaptcha > div > div{
1526 width:inherit !important;
1527 display:block;
1528 overflow:hidden;
1529 max-width:302px;
1530 border-right:1px solid #d3d3d3;
1531 border-radius:4px;
1532 box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);
1533 -moz-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);
1534 }
1535
1536 .with_frm_style .g-recaptcha iframe,
1537 .with_frm_style .frm-g-recaptcha iframe{
1538 width:100%;
1539 }
1540 }
1541 <?php
1542
1543 echo strip_tags( $defaults['custom_css'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
1544