PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 5.5.4
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v5.5.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
← All changes | css/custom_theme.css.php +349 -386 6.305.5.4 View file →
@@ -6,10 +6,9 @@
6 6 if ( ! isset( $saving ) ) {
7 7 header( 'Content-type: text/css' );
8 8
9 9 if ( ! empty( $css ) ) {
10 - echo strip_tags( FrmStylesHelper::maybe_scope_custom_css_in_cached_output( $css ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
11 - FrmStylesController::maybe_hide_sample_form_error_message();
10 + echo strip_tags( $css, 'all' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
12 11 die();
13 12 }
14 13 }
15 14
@@ -16,14 +15,12 @@
16 15 if ( ! isset( $frm_style ) ) {
17 16 $frm_style = new FrmStyle();
18 17 }
19 18
20 -$styles = $frm_style->get_all();
21 -$default_style = $frm_style->get_default_style( $styles );
22 -$defaults = FrmStylesHelper::get_settings_for_output( $default_style );
23 -$important = ! empty( $defaults['important_style'] ) ? ' !important' : '';
24 -$pro_is_installed = FrmAppHelper::pro_is_installed();
25 -$use_chosen_js = FrmStylesHelper::use_chosen_js();
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';
26 23
27 24 ?>
28 25 .with_frm_style{
29 26 <?php FrmStylesHelper::output_vars( $defaults ); ?>
@@ -38,12 +35,12 @@
38 35
39 36 .with_frm_style,
40 37 .with_frm_style form,
41 38 .with_frm_style .frm-show-form div.frm_description p{
42 - text-align: var(--form-align)<?php echo esc_html( $important ); ?>;
39 + text-align:<?php echo esc_html( $defaults['form_align'] . $important ); ?>;
40 + text-align:var(--form-align)<?php echo esc_html( $important ); ?>;
43 41 }
44 42
45 -/* Keep this. This is used for Honeypot */
46 43 input:-webkit-autofill {
47 44 -webkit-box-shadow: 0 0 0 30px white inset;
48 45 }
49 46
@@ -49,24 +46,34 @@
49 46
50 47 /* Form description */
51 48 .with_frm_style .frm-show-form div.frm_description p{
52 49 <?php if ( ! empty( $defaults['form_desc_size'] ) ) { ?>
53 - font-size: var(--form-desc-size)<?php echo esc_html( $important ); ?>;
50 + font-size:<?php echo esc_html( $defaults['form_desc_size'] . $important ); ?>;
51 + font-size:var(--form-desc-size)<?php echo esc_html( $important ); ?>;
54 52 <?php } ?>
55 53 <?php if ( ! empty( $defaults['form_desc_color'] ) ) { ?>
56 - color: var(--form-desc-color)<?php echo esc_html( $important ); ?>;
54 + color:<?php echo esc_html( $defaults['form_desc_color'] . $important ); ?>;
55 + color:var(--form-desc-color)<?php echo esc_html( $important ); ?>;
57 56 <?php } ?>
58 57 <?php if ( ! empty( $defaults['form_desc_margin_top'] ) ) { ?>
59 - margin-top: var(--form-desc-margin-top)<?php echo esc_html( $important ); ?>;
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 60 <?php } ?>
61 61 <?php if ( ! empty( $defaults['form_desc_margin_bottom'] ) ) { ?>
62 - margin-bottom: var(--form-desc-margin-bottom)<?php echo esc_html( $important ); ?>;
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 ); ?>;
63 64 <?php } ?>
64 65 <?php if ( isset( $defaults['form_desc_padding'] ) ) { ?>
65 - padding: var(--form-desc-padding)<?php echo esc_html( $important ); ?>;
66 + padding:<?php echo esc_html( $defaults['form_desc_padding'] . $important ); ?>;
67 + padding:var(--form-desc-padding)<?php echo esc_html( $important ); ?>;
66 68 <?php } ?>
67 69 }
68 70
71 +form input.frm_verify{
72 + position:absolute;
73 + left:-3000px;
74 +}
75 +
69 76 .with_frm_style fieldset{
70 77 min-width:0;
71 78 display: block; /* Override 2021 theme */
72 79 }
@@ -78,21 +85,25 @@
78 85 background-color:transparent;
79 86 }
80 87
81 88 .with_frm_style .frm_form_fields > fieldset{
82 -<?php if ( isset( $defaults['fieldset'] ) && ( $defaults['fieldset'] || '0' === $defaults['fieldset'] ) ) { ?>
83 - border-width: var(--fieldset)<?php echo esc_html( $important ); ?>;
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 ); ?>;
84 92 <?php } ?>
85 93 border-style:solid;
86 94 <?php if ( ! empty( $defaults['fieldset_color'] ) ) { ?>
87 - border-color: var(--fieldset-color)<?php echo esc_html( $important ); ?>;
95 + border-color:<?php echo esc_html( $defaults['fieldset_color'] . $important ); ?>;
96 + border-color:var(--fieldset-color)<?php echo esc_html( $important ); ?>;
88 97 <?php } ?>
89 98 margin:0;
90 99 <?php if ( ! empty( $defaults['fieldset_padding'] ) ) { ?>
91 - padding: var(--fieldset-padding)<?php echo esc_html( $important ); ?>;
100 + padding:<?php echo esc_html( $defaults['fieldset_padding'] . $important ); ?>;
101 + padding:var(--fieldset-padding)<?php echo esc_html( $important ); ?>;
92 102 <?php } ?>
93 103 <?php if ( ! empty( $defaults['fieldset_bg_color'] ) ) { ?>
94 - background-color: var(--fieldset-bg-color)<?php echo esc_html( $important ); ?>;
104 + background-color:<?php echo esc_html( $defaults['fieldset_bg_color'] ); ?>;
105 + background-color:var(--fieldset-bg-color)<?php echo esc_html( $important ); ?>;
95 106 <?php } ?>
96 107 <?php if ( ! empty( $defaults['font'] ) ) { ?>
97 108 font-family:var(--font);
98 109 <?php } ?>
@@ -116,21 +127,26 @@
116 127
117 128 .with_frm_style legend + h3,
118 129 .with_frm_style h3.frm_form_title{
119 130 <?php if ( ! empty( $defaults['title_size'] ) ) { ?>
120 - font-size: var(--title-size)<?php echo esc_html( $important ); ?>;
131 + font-size:<?php echo esc_html( $defaults['title_size'] . $important ); ?>;
132 + font-size:var(--title-size)<?php echo esc_html( $important ); ?>;
121 133 <?php } ?>
122 134 <?php if ( ! empty( $defaults['title_color'] ) ) { ?>
123 - color: var(--title-color)<?php echo esc_html( $important ); ?>;
135 + color:<?php echo esc_html( $defaults['title_color'] . $important ); ?>;
136 + color:var(--title-color)<?php echo esc_html( $important ); ?>;
124 137 <?php } ?>
125 138 <?php if ( ! empty( $defaults['font'] ) ) { ?>
126 - font-family: var(--font);
139 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
140 + font-family:var(--font);
127 141 <?php } ?>
128 142 <?php if ( ! empty( $defaults['title_margin_top'] ) ) { ?>
129 - margin-top: var(--title-margin-top)<?php echo esc_html( $important ); ?>;
143 + margin-top:<?php echo esc_html( $defaults['title_margin_top'] . $important ); ?>;
144 + margin-top:var(--title-margin-top)<?php echo esc_html( $important ); ?>;
130 145 <?php } ?>
131 146 <?php if ( ! empty( $defaults['title_margin_bottom'] ) ) { ?>
132 - margin-bottom: var(--title-margin-bottom)<?php echo esc_html( $important ); ?>;
147 + margin-bottom:<?php echo esc_html( $defaults['title_margin_bottom'] . $important ); ?>;
148 + margin-bottom:var(--title-margin-bottom)<?php echo esc_html( $important ); ?>;
133 149 <?php } ?>
134 150 }
135 151
136 152 .with_frm_style .frm_form_field.frm_html_container,
@@ -135,42 +151,46 @@
135 151
136 152 .with_frm_style .frm_form_field.frm_html_container,
137 153 .with_frm_style .frm_form_field .frm_show_it{
138 154 <?php if ( ! empty( $defaults['font'] ) ) { ?>
139 - font-family: var(--font);
155 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
156 + font-family:var(--font);
140 157 <?php } ?>
141 158 <?php if ( ! empty( $defaults['form_desc_color'] ) ) { ?>
142 - color: var(--form-desc-color)<?php echo esc_html( $important ); ?>;
159 + color:<?php echo esc_html( $defaults['form_desc_color'] . $important ); ?>;
160 + color:var(--form-desc-color)<?php echo esc_html( $important ); ?>;
143 161 <?php } ?>
144 162 }
145 163
146 164 <?php if ( ! empty( $defaults['form_desc_size'] ) ) { ?>
147 165 .with_frm_style .frm_form_field.frm_html_container{
148 - font-size: var(--form-desc-size)<?php echo esc_html( $important ); ?>;
166 + font-size:<?php echo esc_html( $defaults['form_desc_size'] . $important ); ?>;
167 + font-size:var(--form-desc-size)<?php echo esc_html( $important ); ?>;
149 168 }
150 169 <?php } ?>
151 170
152 171 .with_frm_style .frm_form_field .frm_show_it{
153 172 <?php if ( ! empty( $defaults['field_font_size'] ) ) { ?>
154 - font-size: var(--field-font-size)<?php echo esc_html( $important ); ?>;
173 + font-size:<?php echo esc_html( $defaults['field_font_size'] . $important ); ?>;
174 + font-size:var(--field-font-size)<?php echo esc_html( $important ); ?>;
155 175 <?php } ?>
156 176 <?php if ( ! empty( $defaults['field_weight'] ) ) { ?>
157 - font-weight: var(--field-weight)<?php echo esc_html( $important ); ?>;
177 + font-weight:<?php echo esc_html( $defaults['field_weight'] ); ?>;
178 + font-weight:var(--field-weight)<?php echo esc_html( $important ); ?>;
158 179 <?php } ?>
159 180 }
160 181
161 -.with_frm_style .frm_required {
182 +.with_frm_style .frm_required{
162 183 <?php if ( ! empty( $defaults['required_color'] ) ) { ?>
163 - color: var(--required-color)<?php echo esc_html( $important ); ?>;
184 + color:<?php echo esc_html( $defaults['required_color'] . $important ); ?>;
185 + color:var(--required-color)<?php echo esc_html( $important ); ?>;
164 186 <?php } ?>
165 187 <?php if ( ! empty( $defaults['required_weight'] ) ) { ?>
166 - font-weight: var(--required-weight)<?php echo esc_html( $important ); ?>;
188 + font-weight:<?php echo esc_html( $defaults['required_weight'] . $important ); ?>;
189 + font-weight:var(--required-weight)<?php echo esc_html( $important ); ?>;
167 190 <?php } ?>
168 191 }
169 192
170 -<?php if ( $use_chosen_js ) { ?>
171 -.with_frm_style .chosen-container,
172 -<?php } ?>
173 193 .with_frm_style input[type=text],
174 194 .with_frm_style input[type=password],
175 195 .with_frm_style input[type=email],
176 196 .with_frm_style input[type=number],
@@ -178,12 +198,14 @@
178 198 .with_frm_style input[type=tel],
179 199 .with_frm_style input[type=search],
180 200 .with_frm_style select,
181 201 .with_frm_style textarea,
182 -.with_frm_style .frm-card-element.StripeElement {
202 +.with_frm_style .frm-card-element.StripeElement,
203 +.with_frm_style .chosen-container{
183 204 font-family:var(--font)<?php echo esc_html( $important ); ?>;
184 205 <?php if ( ! empty( $defaults['field_font_size'] ) ) { ?>
185 - font-size: var(--field-font-size)<?php echo esc_html( $important ); ?>;
206 + font-size:<?php echo esc_html( $defaults['field_font_size'] ); ?>;
207 + font-size:var(--field-font-size)<?php echo esc_html( $important ); ?>;
186 208 <?php } ?>
187 209 margin-bottom:0<?php echo esc_html( $important ); ?>;
188 210 }
189 211
@@ -191,14 +213,8 @@
191 213 vertical-align:top;
192 214 height:auto;
193 215 }
194 216
195 -<?php if ( $use_chosen_js ) { ?>
196 -.with_frm_style .chosen-container-multi .chosen-choices,
197 -.with_frm_style .chosen-container-single .chosen-single,
198 -<?php } elseif ( $pro_is_installed ) { ?>
199 -.with_frm_style .frm_slimselect.ss-main,
200 -<?php } ?>
201 217 .with_frm_style input[type=text],
202 218 .with_frm_style input[type=password],
203 219 .with_frm_style input[type=email],
204 220 .with_frm_style input[type=number],
@@ -211,59 +227,49 @@
211 227 .frm_form_fields_style,
212 228 .with_frm_style .frm_scroll_box .frm_opt_container,
213 229 .frm_form_fields_active_style,
214 230 .frm_form_fields_error_style,
215 -.with_frm_style .frm-card-element.StripeElement {
216 - color: var(--text-color)<?php echo esc_html( $important ); ?>;
217 - background-color: var(--bg-color)<?php echo esc_html( $important ); ?>;
218 - border-color: var(--border-color)<?php echo esc_html( $important ); ?>;
219 - border-width: var(--field-border-width)<?php echo esc_html( $important ); ?>;
220 - border-style: var(--field-border-style)<?php echo esc_html( $important ); ?>;
221 - border-radius: var(--border-radius)<?php echo esc_html( $important ); ?>;
222 - width: var(--field-width)<?php echo esc_html( $important ); ?>;
223 - max-width: 100%;
224 - font-size: var(--field-font-size)<?php echo esc_html( $important ); ?>;
225 - padding: var(--field-pad)<?php echo esc_html( $important ); ?>;
226 - box-sizing: border-box;
227 - outline: none<?php echo esc_html( $important ); ?>;
228 - font-weight: var(--field-weight);
229 -}
230 -
231 -<?php if ( $important ) : ?>
232 - <?php if ( $use_chosen_js ) { ?>
233 - .with_frm_style .chosen-container-multi .chosen-choices,
234 - .with_frm_style .chosen-container-single .chosen-single,
235 - <?php } ?>
236 -.with_frm_style input[type=text],
237 -.with_frm_style input[type=password],
238 -.with_frm_style input[type=email],
239 -.with_frm_style input[type=number],
240 -.with_frm_style input[type=url],
241 -.with_frm_style input[type=tel],
242 -.with_frm_style input[type=phone],
243 -.with_frm_style input[type=search],
244 -.with_frm_style textarea,
245 -.frm_form_fields_style,
246 -.with_frm_style .frm_scroll_box .frm_opt_container,
247 -.frm_form_fields_active_style,
248 -.frm_form_fields_error_style,
249 -.with_frm_style .frm-card-element.StripeElement {
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 ) ) { ?>
250 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 ); ?>;
251 265 }
252 -<?php endif; ?>
253 266
254 -.with_frm_style select option {
255 - color: var(--text-color)<?php echo esc_html( $important ); ?>;
256 -}
257 -
258 -.with_frm_style select option.frm-select-placeholder {
259 - color: var(--text-color-disabled)<?php echo esc_html( $important ); ?>;
260 -}
261 -
262 267 .with_frm_style input[type=radio],
263 268 .with_frm_style input[type=checkbox]{
264 - border-color: var(--border-color)<?php echo esc_html( $important ); ?>;
265 - box-shadow: var(--box-shadow)<?php echo esc_html( $important ); ?>;
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 ); ?>;
266 272 float: none;
267 273 }
268 274
269 275 .with_frm_style input[type=radio]:after,
@@ -270,18 +276,8 @@
270 276 .with_frm_style input[type=checkbox]:after {
271 277 display: none; /* 2021 conflict */
272 278 }
273 279
274 -.with_frm_style input[type=radio]:not(:checked):focus,
275 -.with_frm_style input[type=checkbox]:not(:checked):focus {
276 - border-color: var(--border-color) !important;
277 -}
278 -
279 -.with_frm_style input[type=radio]:focus,
280 -.with_frm_style input[type=checkbox]:focus {
281 - box-shadow:0px 0px 0px 3px rgba(<?php echo esc_html( FrmStylesHelper::hex2rgb( $defaults['border_color_active'] ) ); ?>, 0.4) !important;
282 -}
283 -
284 280 .with_frm_style input[type=text],
285 281 .with_frm_style input[type=password],
286 282 .with_frm_style input[type=email],
287 283 .with_frm_style input[type=number],
@@ -290,9 +286,10 @@
290 286 .with_frm_style input[type=file],
291 287 .with_frm_style input[type=search],
292 288 .with_frm_style select,
293 289 .with_frm_style .frm-card-element.StripeElement{
294 - min-height: var(--field-height)<?php echo esc_html( $important ); ?>;
290 + height:<?php echo esc_html( $defaults['field_height'] ); ?>;
291 + height:var(--field-height)<?php echo esc_html( $important ); ?>;
295 292 line-height:1.3<?php echo esc_html( $important ); ?>;
296 293 }
297 294
298 295 .with_frm_style select[multiple=multiple]{
@@ -307,15 +304,17 @@
307 304 box-shadow:none;
308 305 }
309 306
310 307 .with_frm_style input[type=file]{
311 - color: var(--text-color)<?php echo esc_html( $important ); ?>;
312 - padding: 0px;
308 + color:<?php echo esc_html( $defaults['text_color'] ); ?>;
309 + color:var(--text-color)<?php echo esc_html( $important ); ?>;
310 + padding:0px;
313 311 <?php if ( ! empty( $defaults['font'] ) ) { ?>
314 - font-family: var(--font)<?php echo esc_html( $important ); ?>;
312 + font-family:var(--font)<?php echo esc_html( $important ); ?>;
315 313 <?php } ?>
316 - font-size: var(--field-font-size)<?php echo esc_html( $important ); ?>;
317 - display: initial;
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;
318 317 }
319 318
320 319 .with_frm_style input[type=file].frm_transparent{
321 320 color:transparent<?php echo esc_html( $important ); ?>;
@@ -320,28 +319,28 @@
320 319 .with_frm_style input[type=file].frm_transparent{
321 320 color:transparent<?php echo esc_html( $important ); ?>;
322 321 }
323 322
324 -<?php if ( $pro_is_installed ) { ?>
325 323 .with_frm_style .wp-editor-wrap{
326 - width: var(--field-width)<?php echo esc_html( $important ); ?>;
324 + width:<?php echo esc_html( $defaults['field_width'] . $important ); ?>;
325 + width:var(--field-width)<?php echo esc_html( $important ); ?>;
327 326 max-width:100%;
328 327 }
329 328
330 329 .with_frm_style .wp-editor-container textarea{
331 330 border:none<?php echo esc_html( $important ); ?>;
332 - box-shadow:none !important;
333 331 }
334 332
335 333 .with_frm_style .mceIframeContainer{
336 - background-color: var(--bg-color)<?php echo esc_html( $important ); ?>;
334 + background-color:<?php echo esc_html( $defaults['bg_color'] . $important ); ?>;
335 + background-color:var(--bg-color)<?php echo esc_html( $important ); ?>;
337 336 }
338 -<?php } ?>
339 337
340 338 .with_frm_style select{
341 - width: var(--auto-width)<?php echo esc_html( $important ); ?>;
339 + width:<?php echo esc_html( $defaults['auto_width'] ); ?>;
340 + width:var(--auto-width)<?php echo esc_html( $important ); ?>;
342 341 max-width:100%;
343 - background-position-y: calc(50% + 3px);
342 + background-position-y: center;
344 343 }
345 344
346 345 .with_frm_style input[disabled],
347 346 .with_frm_style select[disabled],
@@ -347,12 +346,15 @@
347 346 .with_frm_style select[disabled],
348 347 .with_frm_style textarea[disabled],
349 348 .with_frm_style input[readonly],
350 349 .with_frm_style select[readonly],
351 -.with_frm_style textarea[readonly] {
352 - background-color: var(--bg-color-disabled)<?php echo esc_html( $important ); ?>;
353 - color: var(--text-color-disabled)<?php echo esc_html( $important ); ?>;
354 - border-color: var(--border-color-disabled)<?php echo esc_html( $important ); ?>;
350 +.with_frm_style textarea[readonly]{
351 + background-color:<?php echo esc_html( $defaults['bg_color_disabled'] ); ?>;
352 + background-color:var(--bg-color-disabled)<?php echo esc_html( $important ); ?>;
353 + color:<?php echo esc_html( $defaults['text_color_disabled'] ); ?>;
354 + color:var(--text-color-disabled)<?php echo esc_html( $important ); ?>;
355 + border-color:<?php echo esc_html( $defaults['border_color_disabled'] ); ?>;
356 + border-color:var(--border-color-disabled)<?php echo esc_html( $important ); ?>;
355 357 }
356 358
357 359 .frm_preview_page:before{
358 360 content:normal !important;
@@ -364,24 +366,30 @@
364 366
365 367 .with_frm_style .frm_primary_label{
366 368 max-width:100%;
367 369 <?php if ( ! empty( $defaults['font'] ) ) { ?>
368 - font-family: var(--font);
370 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
371 + font-family:var(--font);
369 372 <?php } ?>
370 373 <?php if ( ! empty( $defaults['font_size'] ) ) { ?>
371 - font-size: var(--font-size)<?php echo esc_html( $important ); ?>;
374 + font-size:<?php echo esc_html( $defaults['font_size'] . $important ); ?>;
375 + font-size:var(--font-size)<?php echo esc_html( $important ); ?>;
372 376 <?php } ?>
373 377 <?php if ( ! empty( $defaults['label_color'] ) ) { ?>
374 - color: var(--label-color)<?php echo esc_html( $important ); ?>;
378 + color:<?php echo esc_html( $defaults['label_color'] . $important ); ?>;
379 + color:var(--label-color)<?php echo esc_html( $important ); ?>;
375 380 <?php } ?>
376 381 <?php if ( ! empty( $defaults['weight'] ) ) { ?>
377 - font-weight: var(--weight)<?php echo esc_html( $important ); ?>;
382 + font-weight:<?php echo esc_html( $defaults['weight'] . $important ); ?>;
383 + font-weight:var(--weight)<?php echo esc_html( $important ); ?>;
378 384 <?php } ?>
379 385 <?php if ( ! empty( $defaults['align'] ) ) { ?>
380 - text-align: var(--align)<?php echo esc_html( $important ); ?>;
386 + text-align:<?php echo esc_html( $defaults['align'] . $important ); ?>;
387 + text-align:var(--align)<?php echo esc_html( $important ); ?>;
381 388 <?php } ?>
382 389 <?php if ( ! empty( $defaults['label_padding'] ) ) { ?>
383 - padding: var(--label-padding)<?php echo esc_html( $important ); ?>;
390 + padding:<?php echo esc_html( $defaults['label_padding'] . $important ); ?>;
391 + padding:var(--label-padding)<?php echo esc_html( $important ); ?>;
384 392 <?php } ?>
385 393 margin:0;
386 394 width:auto;
387 395 display:block;
@@ -416,13 +424,11 @@
416 424 .frm_none_container .frm_primary_label{
417 425 display:none;
418 426 }
419 427
420 -<?php if ( $pro_is_installed ) { ?>
421 428 .with_frm_style .frm_section_heading.frm_hide_section{
422 429 margin-top:0 !important;
423 430 }
424 -<?php } ?>
425 431
426 432 .with_frm_style .frm_hidden_container .frm_primary_label,
427 433 .with_frm_style .frm_pos_hidden,
428 434 .frm_hidden_container .frm_primary_label{
@@ -436,9 +442,9 @@
436 442
437 443 /* Floating labels */
438 444 .with_frm_style .frm_inside_container {
439 445 position: relative;
440 - padding-top: 18px;
446 + padding-top: 16px;
441 447 padding-top: calc(0.5 * var(--field-height));
442 448 }
443 449
444 450 .with_frm_style .frm_inside_container > input,
@@ -446,13 +452,21 @@
446 452 .with_frm_style .frm_inside_container > textarea {
447 453 display: block;
448 454 }
449 455
450 -.with_frm_style input::placeholder,
451 -.with_frm_style textarea::placeholder {
452 - font-size: var(--field-font-size)<?php echo esc_html( $important ); ?>;
456 +/* These do not work if they are combined */
457 +.with_frm_style .frm_inside_container > input::-moz-placeholder,
458 +.with_frm_style .frm_inside_container > textarea::-moz-placeholder {
459 + opacity: 0 !important;
460 + transition: opacity 0.3s ease-in;
453 461 }
454 462
463 +.with_frm_style .frm_inside_container > input:-ms-input-placeholder,
464 +.with_frm_style .frm_inside_container > textarea:-ms-input-placeholder {
465 + opacity: 0;
466 + transition: opacity 0.3s ease-in;
467 +}
468 +
455 469 .with_frm_style .frm_inside_container > input::placeholder,
456 470 .with_frm_style .frm_inside_container > textarea::placeholder {
457 471 opacity: 0;
458 472 transition: opacity 0.3s ease-in;
@@ -461,9 +475,9 @@
461 475 .with_frm_style .frm_inside_container > label {
462 476 transition: all 0.3s ease-in;
463 477
464 478 position: absolute;
465 - top: 19px;
479 + top: 17px;
466 480 top: calc(1px + .5 * var(--field-height));
467 481 left: 3px;
468 482 width: 100%;
469 483
@@ -471,9 +485,9 @@
471 485 text-overflow: ellipsis;
472 486 overflow: hidden;
473 487 white-space: nowrap;
474 488
475 - padding: 8px 12px;
489 + padding: 6px 10px;
476 490 padding: var(--field-pad);
477 491
478 492 font-size: 14px;
479 493 font-size: var(--field-font-size);
@@ -479,8 +493,9 @@
479 493 font-size: var(--field-font-size);
480 494 font-weight: normal;
481 495 font-weight: var(--field-weight);
482 496
497 + -ms-pointer-events: none;
483 498 pointer-events: none;
484 499 }
485 500
486 501 .with_frm_style.frm_style_lines-no-boxes .frm_inside_container > label {
@@ -494,8 +509,21 @@
494 509 font-size: 12px;
495 510 font-size: calc(0.85 * var(--field-font-size));
496 511 }
497 512
513 +/* These do not work if they are combined */
514 +.with_frm_style .frm_inside_container.frm_label_float_top > input::-moz-placeholder,
515 +.with_frm_style .frm_inside_container.frm_label_float_top > textarea::-moz-placeholder {
516 + opacity: 1 !important;
517 + transition: opacity 0.3s ease-in;
518 +}
519 +
520 +.with_frm_style .frm_inside_container.frm_label_float_top > input:-ms-input-placeholder,
521 +.with_frm_style .frm_inside_container.frm_label_float_top > textarea:-ms-input-placeholder {
522 + opacity: 1;
523 + transition: opacity 0.3s ease-in;
524 +}
525 +
498 526 .with_frm_style .frm_inside_container.frm_label_float_top > input::placeholder,
499 527 .with_frm_style .frm_inside_container.frm_label_float_top > textarea::placeholder {
500 528 opacity: 1;
501 529 transition: opacity 0.3s ease-in;
@@ -506,9 +534,9 @@
506 534 .with_frm_style .frm_pro_max_limit_desc{
507 535 clear:both;
508 536 }
509 537
510 -.with_frm_style input[type=number][readonly] {
538 +.with_frm_style input[type=number][readonly]{
511 539 -moz-appearance: textfield;
512 540 }
513 541
514 542 .with_frm_style select[multiple="multiple"]{
@@ -515,9 +543,8 @@
515 543 height:auto;
516 544 line-height:normal;
517 545 }
518 546
519 -<?php if ( $pro_is_installed ) { ?>
520 547 .with_frm_style .frm_catlevel_2,
521 548 .with_frm_style .frm_catlevel_3,
522 549 .with_frm_style .frm_catlevel_4,
523 550 .with_frm_style .frm_catlevel_5{
@@ -522,11 +549,9 @@
522 549 .with_frm_style .frm_catlevel_4,
523 550 .with_frm_style .frm_catlevel_5{
524 551 margin-left:18px;
525 552 }
526 -<?php } ?>
527 553
528 -<?php if ( $pro_is_installed ) { ?>
529 554 .with_frm_style .wp-editor-container{
530 555 border:1px solid #e5e5e5;
531 556 }
532 557
@@ -536,9 +561,8 @@
536 561
537 562 .with_frm_style .wp-editor-container textarea{
538 563 border:none;
539 564 }
540 -<?php } ?>
541 565
542 566 .with_frm_style .auto_width #loginform input,
543 567 .with_frm_style .auto_width input,
544 568 .with_frm_style input.auto_width,
@@ -546,50 +570,59 @@
546 570 .with_frm_style textarea.auto_width{
547 571 width:auto<?php echo esc_html( $important ); ?>;
548 572 }
549 573
550 -<?php if ( $pro_is_installed ) { ?>
551 574 .with_frm_style .frm_repeat_buttons{
552 575 white-space:nowrap;
553 576 }
554 -<?php } ?>
555 577
556 578 .with_frm_style .frm_button{
557 - text-decoration:none !important;
579 + text-decoration:none !important;;
558 580 border:1px solid #eee;
559 581 display:inline-block;
560 582 <?php if ( ! empty( $defaults['submit_padding'] ) ) { ?>
561 - padding: var(--submit-padding)<?php echo esc_html( $important ); ?>;
583 + padding:<?php echo esc_html( $defaults['submit_padding'] . $important ); ?>;
584 + padding:var(--submit-padding)<?php echo esc_html( $important ); ?>;
562 585 <?php } else { ?>
563 586 padding:5px;
564 587 <?php } ?>
565 588 <?php if ( ! empty( $defaults['border_radius'] ) ) { ?>
589 + -moz-border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
590 + -webkit-border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
566 591 border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
567 592 border-radius:var(--border-radius)<?php echo esc_html( $important ); ?>;
568 593 <?php } ?>
569 594 <?php if ( ! empty( $defaults['submit_font_size'] ) ) { ?>
570 - font-size: var(--submit-font-size)<?php echo esc_html( $important ); ?>;
595 + font-size:<?php echo esc_html( $defaults['submit_font_size'] . $important ); ?>;
596 + font-size:var(--submit-font-size)<?php echo esc_html( $important ); ?>;
571 597 <?php } ?>
572 598 <?php if ( ! empty( $defaults['font'] ) ) { ?>
573 - font-family: var(--font)<?php echo esc_html( $important ); ?>;
599 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] . $important ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
600 + font-family:var(--font)<?php echo esc_html( $important ); ?>;
574 601 <?php } ?>
575 602 <?php if ( ! empty( $defaults['submit_weight'] ) ) { ?>
576 - font-weight: var(--submit-weight)<?php echo esc_html( $important ); ?>;
603 + font-weight:<?php echo esc_html( $defaults['submit_weight'] . $important ); ?>;
604 + font-weight:var(--submit-weight)<?php echo esc_html( $important ); ?>;
577 605 <?php } ?>
578 606 <?php if ( ! empty( $defaults['submit_text_color'] ) ) { ?>
579 - color: var(--submit-text-color)<?php echo esc_html( $important ); ?>;
607 + color:<?php echo esc_html( $defaults['submit_text_color'] . $important ); ?>;
608 + color:var(--submit-text-color)<?php echo esc_html( $important ); ?>;
580 609 <?php } ?>
581 610 <?php if ( ! empty( $defaults['submit_bg_color'] ) ) { ?>
582 - background: var(--submit-bg-color)<?php echo esc_html( $important ); ?>;
611 + background:<?php echo esc_html( $defaults['submit_bg_color'] . $important ); ?>;
612 + background:var(--submit-bg-color)<?php echo esc_html( $important ); ?>;
583 613 <?php } ?>
584 614 <?php if ( ! empty( $defaults['submit_border_width'] ) ) { ?>
585 - border-width: var(--submit-border-width)<?php echo esc_html( $important ); ?>;
615 + border-width:<?php echo esc_html( $defaults['submit_border_width'] ); ?>;
616 + border-width:var(--submit-border-width)<?php echo esc_html( $important ); ?>;
586 617 <?php } ?>
587 618 <?php if ( ! empty( $defaults['submit_border_color'] ) ) { ?>
588 - border-color: var(--submit-border-color)<?php echo esc_html( $important ); ?>;
619 + border-color:<?php echo esc_html( $defaults['submit_border_color'] . $important ); ?>;
620 + border-color:var(--submit-border-color)<?php echo esc_html( $important ); ?>;
589 621 <?php } ?>
590 622 <?php if ( ! empty( $defaults['submit_height'] ) ) { ?>
591 - height: var(--submit-height)<?php echo esc_html( $important ); ?>;
623 + height:<?php echo esc_html( $defaults['submit_height'] . $important ); ?>;
624 + height:var(--submit-height)<?php echo esc_html( $important ); ?>;
592 625 <?php } ?>
593 626 }
594 627
595 628 <?php if ( ! empty( $defaults['submit_text_color'] ) ) { ?>
@@ -622,12 +655,8 @@
622 655 .with_frm_style.frm_center_submit .frm_submit{
623 656 text-align:center;
624 657 }
625 658
626 -.with_frm_style.frm_center_submit .frm_flex.frm_submit {
627 - justify-content: center;
628 -}
629 -
630 659 .with_frm_style .frm_inline_success .frm_submit{
631 660 display: flex;
632 661 flex-direction: row;
633 662 align-items: center;
@@ -649,11 +678,9 @@
649 678 .with_frm_style.frm_center_submit .frm_submit button{
650 679 margin-bottom:8px !important;
651 680 }
652 681
653 -<?php if ( $pro_is_installed ) { ?>
654 682 .with_frm_style .frm-edit-page-btn,
655 -<?php } ?>
656 683 .with_frm_style .frm_submit input[type=submit],
657 684 .with_frm_style .frm_submit input[type=button],
658 685 .with_frm_style .frm_submit button{
659 686 -webkit-appearance: none;
@@ -670,22 +697,19 @@
670 697 /* keep this for reverse compatibility for old HTML */
671 698 visibility:visible !important;
672 699 }
673 700
674 -<?php if ( $pro_is_installed ) { ?>
675 701 .with_frm_style .frm_loading_prev .frm_prev_page,
676 -<?php } ?>
677 702 .with_frm_style .frm_loading_form .frm_button_submit {
678 703 position: relative;
704 + opacity: .8;
679 705 color: transparent !important;
680 706 text-shadow: none !important;
681 707 }
682 708
683 -<?php if ( $pro_is_installed ) { ?>
684 709 .with_frm_style .frm_loading_prev .frm_prev_page:hover,
685 710 .with_frm_style .frm_loading_prev .frm_prev_page:active,
686 711 .with_frm_style .frm_loading_prev .frm_prev_page:focus,
687 -<?php } ?>
688 712 .with_frm_style .frm_loading_form .frm_button_submit:hover,
689 713 .with_frm_style .frm_loading_form .frm_button_submit:active,
690 714 .with_frm_style .frm_loading_form .frm_button_submit:focus {
691 715 cursor: not-allowed;
@@ -693,11 +717,9 @@
693 717 outline: none !important;
694 718 box-shadow: none;
695 719 }
696 720
697 -<?php if ( $pro_is_installed ) { ?>
698 721 .with_frm_style .frm_loading_prev .frm_prev_page::before,
699 -<?php } ?>
700 722 .with_frm_style .frm_loading_form .frm_button_submit:before {
701 723 content: '';
702 724 display: inline-block;
703 725 position: absolute;
@@ -706,9 +728,9 @@
706 728 border-top-color: transparent;
707 729 border-left-color: transparent;
708 730 border-radius: 50%;
709 731 box-sizing: border-box;
710 - <?php $loader_size = 12; ?>
732 + <?php $loader_size = 20; ?>
711 733 top: 50%;
712 734 left: 50%;
713 735 margin-top: -<?php echo absint( $loader_size / 2 ); ?>px;
714 736 margin-left: -<?php echo absint( $loader_size / 2 ); ?>px;
@@ -713,30 +735,22 @@
713 735 margin-top: -<?php echo absint( $loader_size / 2 ); ?>px;
714 736 margin-left: -<?php echo absint( $loader_size / 2 ); ?>px;
715 737 width: <?php echo absint( $loader_size ); ?>px;
716 738 height: <?php echo absint( $loader_size ); ?>px;
717 - animation: spin 2s linear infinite;
739 + -webkit-animation: spin 2s linear infinite;
740 + -moz-animation: spin 2s linear infinite;
741 + -o-animation: spin 2s linear infinite;
742 + animation: spin 2s linear infinite;
718 743 }
719 744
720 -.with_frm_style .frm_submit.frm_flex {
721 - align-items: center;
722 - gap: 2%;
723 -}
724 -
725 -<?php if ( $pro_is_installed ) { ?>
726 -.with_frm_style .frm_submit.frm_flex button.frm_button_submit ~ .frm_prev_page {
727 - order: -1;
728 -}
729 -<?php } ?>
730 -
731 745 <?php
732 746 foreach ( $styles as $style ) {
733 - include __DIR__ . '/_single_theme.css.php';
747 + include( dirname( __FILE__ ) . '/_single_theme.css.php' );
734 748 unset( $style );
735 749 }
736 750
737 751 // Set it again since it may have been overridden.
738 -$important = ! empty( $defaults['important_style'] ) ? ' !important' : '';
752 +$important = empty( $defaults['important_style'] ) ? '' : ' !important';
739 753 ?>
740 754
741 755 .frm_ajax_loading{
742 756 visibility:hidden;
@@ -750,18 +764,19 @@
750 764 a.frm_save_draft{
751 765 cursor:pointer;
752 766 }
753 767
754 -<?php if ( $pro_is_installed ) { ?>
755 768 .with_frm_style a.frm_save_draft,
756 769 .with_frm_style a.frm_start_over{
757 - <?php if ( ! empty( $defaults['font'] ) ) { ?>
758 - font-family: var(--font);
770 +<?php if ( ! empty( $defaults['font'] ) ) { ?>
771 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
772 + font-family:var(--font);
759 773 <?php } ?>
760 - font-size: var(--submit-font-size);
761 - font-weight: var(--submit-weight);
774 + font-size:<?php echo esc_html( $defaults['submit_font_size'] ); ?>;
775 + font-size:var(--submit-font-size);
776 + font-weight:<?php echo esc_html( $defaults['submit_weight'] ); ?>;
777 + font-weight:var(--submit-weight);
762 778 }
763 -<?php } ?>
764 779
765 780 .horizontal_radio .frm_radio{
766 781 margin:0 5px 0 0;
767 782 }
@@ -767,9 +782,9 @@
767 782 }
768 783
769 784 .horizontal_radio .frm_checkbox{
770 785 margin:0;
771 - margin-right:12px;
786 + margin-right:5px;
772 787 }
773 788
774 789 .vertical_radio .frm_checkbox,
775 790 .vertical_radio .frm_radio,
@@ -784,13 +799,15 @@
784 799 padding-left: 0;
785 800 }
786 801
787 802 .with_frm_style .frm_radio{
788 - display: var(--radio-align)<?php echo esc_html( $important ); ?>;
803 + display:<?php echo esc_html( $defaults['radio_align'] . $important ); ?>;
804 + display:var(--radio-align)<?php echo esc_html( $important ); ?>;
789 805 }
790 806
791 807 .with_frm_style .frm_checkbox{
792 - display: var(--check-align)<?php echo esc_html( $important ); ?>;
808 + display:<?php echo esc_html( $defaults['check_align'] . $important ); ?>;
809 + display:var(--check-align)<?php echo esc_html( $important ); ?>;
793 810 }
794 811
795 812 .with_frm_style .vertical_radio .frm_checkbox,
796 813 .with_frm_style .vertical_radio .frm_radio,
@@ -795,9 +812,8 @@
795 812 .with_frm_style .vertical_radio .frm_checkbox,
796 813 .with_frm_style .vertical_radio .frm_radio,
797 814 .vertical_radio .frm_catlevel_1{
798 815 display:block<?php echo esc_html( $important ); ?>;
799 - margin-bottom: 10px;
800 816 }
801 817
802 818 .with_frm_style .horizontal_radio .frm_checkbox,
803 819 .with_frm_style .horizontal_radio .frm_radio,
@@ -805,45 +821,40 @@
805 821 display:inline-block<?php echo esc_html( $important ); ?>;
806 822 }
807 823
808 824 .with_frm_style .frm_checkbox label,
809 -.with_frm_style .frm_radio label {
810 - display: inline-block;
811 - vertical-align: middle;
825 +.with_frm_style .frm_radio label{
826 + display: inline;
812 827 white-space:normal;
813 828 }
814 829
815 -.with_frm_style .frm_checkbox label input[type=checkbox],
816 -.with_frm_style .frm_radio label input[type=radio] {
817 - margin-right: 4px;
818 -}
819 -
820 -.with_frm_style .frm_checkbox label:not(.frm-label-disabled),
821 -.with_frm_style .frm_radio label:not(.frm-label-disabled) {
822 - cursor: pointer;
823 -}
824 -
825 830 .with_frm_style .vertical_radio .frm_checkbox label,
826 831 .with_frm_style .vertical_radio .frm_radio label{
827 832 display: block;
828 - width: 100%;
833 + padding-left: 20px;
834 + text-indent: -20px;
829 835 }
830 836
831 837 .with_frm_style .frm_radio label,
832 -.with_frm_style .frm_checkbox label {
838 +.with_frm_style .frm_checkbox label{
833 839 <?php if ( ! empty( $defaults['font'] ) ) { ?>
834 - font-family: var(--font);
840 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
841 + font-family:var(--font);
835 842 <?php } ?>
836 - font-size: var(--check-font-size)<?php echo esc_html( $important ); ?>;
837 - color: var(--check-label-color)<?php echo esc_html( $important ); ?>;
838 - font-weight: var(--check-weight)<?php echo esc_html( $important ); ?>;
843 + font-size:<?php echo esc_html( $defaults['check_font_size'] . $important ); ?>;
844 + font-size:var(--check-font-size)<?php echo esc_html( $important ); ?>;
845 + color:<?php echo esc_html( $defaults['check_label_color'] . $important ); ?>;
846 + color:var(--check-label-color)<?php echo esc_html( $important ); ?>;
847 + font-weight:<?php echo esc_html( $defaults['check_weight'] . $important ); ?>;
848 + font-weight:var(--check-weight)<?php echo esc_html( $important ); ?>;
839 849 line-height: 1.3;
840 850 }
841 851
842 852 .with_frm_style .frm_radio input[type=radio],
843 853 .with_frm_style .frm_checkbox input[type=checkbox] {
844 - font-size: var(--check-font-size)<?php echo esc_html( $important ); ?>;
845 - position: static<?php echo esc_html( $important ); ?>;
854 + font-size:<?php echo esc_html( $defaults['check_font_size'] . $important ); ?>;
855 + font-size:var(--check-font-size)<?php echo esc_html( $important ); ?>;
856 + position:static<?php echo esc_html( $important ); ?>;
846 857 }
847 858
848 859 .frm_file_container .frm_file_link,
849 860 .with_frm_style .frm_radio label .frm_file_container,
@@ -852,104 +863,60 @@
852 863 margin:5px;
853 864 vertical-align:middle;
854 865 }
855 866
856 -.with_frm_style .frm_radio input[type=radio]
857 -<?php if ( $pro_is_installed ) : ?>
858 -, .with_frm_style .frm_scale input[type=radio]
859 -<?php endif; ?>
860 -{
867 +.with_frm_style .frm_radio input[type=radio]{
861 868 border-radius:50%;
862 869 }
863 870
864 -.with_frm_style .frm_checkbox input[type=checkbox] {
865 - border-radius: calc(var(--border-radius) / 2) !important;
871 +.with_frm_style .frm_checkbox input[type=checkbox]{
872 + border-radius:0;
866 873 }
867 874
868 875 .with_frm_style .frm_radio input[type=radio],
869 -<?php if ( $pro_is_installed ) : ?>
870 -.with_frm_style .frm_scale input[type=radio],
871 -<?php endif; ?>
872 876 .with_frm_style .frm_checkbox input[type=checkbox]{
877 + -webkit-appearance: none;
873 878 appearance: none;
874 879 background-color: var(--bg-color);
875 880 flex: none;
876 881 display:inline-block !important;
877 - width: 16px !important;
878 - min-width: 16px !important;
879 - height: 16px !important;
882 + margin: 0 5px 0 0;
880 883 color: var(--border-color);
884 + width: 18px;
885 + min-width: 18px;
886 + height: 18px;
881 887 border: 1px solid currentColor;
882 888 border-color: var(--border-color);
883 889 vertical-align: middle;
884 890 position: initial; /* override Bootstrap */
885 891 padding: 0;
886 - margin: 0;
887 892 }
888 893
889 -.frm_forms.with_frm_style .frm_fields_container .frm_radio input[type=radio]:not([disabled]):checked,
890 -<?php if ( $pro_is_installed ) : ?>
891 -.frm_forms.with_frm_style .frm_fields_container .frm_scale input[type=radio]:not([disabled]):checked,
892 -<?php endif; ?>
893 -.frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked {
894 - border-color: var(--border-color-active) !important;
894 +.with_frm_style .frm_radio input[type=radio]:before,
895 +.with_frm_style .frm_checkbox input[type=checkbox]:before {
896 + content: '';
897 + width: 12px;
898 + height: 12px;
899 + border-radius: 50%;
900 + transform: scale(0);
901 + transition: 120ms transform ease-in-out;
902 + box-shadow: inset 10px 10px var(--text-color);
903 + display: block;
904 + margin: 2px 0 0 2px;
895 905 }
896 906
897 -.frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked {
898 - background-color: var(--border-color-active) !important;
907 +.with_frm_style .frm_checkbox input[type=checkbox]:before{
908 + clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
909 + border-radius: 0;
899 910 }
900 911
901 -.with_frm_style .frm_radio input[type=radio][disabled]:checked,
902 -<?php if ( $pro_is_installed ) : ?>
903 -.with_frm_style .frm_scale input[type=radio][disabled]:checked,
904 -<?php endif; ?>
905 -.with_frm_style .frm_checkbox input[type=checkbox][disabled]:checked {
906 - border-color: var(--border-color) !important; /* Override Style Preview */
907 -}
908 -
909 -.with_frm_style .frm_checkbox input[type=checkbox][disabled]:checked {
910 - background-color: var(--border-color) !important;
911 -}
912 -
913 912 .with_frm_style .frm_radio input[type=radio]:checked:before,
914 -<?php if ( $pro_is_installed ) { ?>
915 -.with_frm_style .frm_scale input[type=radio]:checked:before,
916 -<?php } ?>
917 913 .with_frm_style .frm_checkbox input[type=checkbox]:checked:before {
918 - position: static !important; /* Override Style Preview */
919 - content: '';
920 - display: block;
914 + transform: scale(1);
921 915 }
922 916
923 -.frm_forms.with_frm_style .frm_checkbox input[type=checkbox]:before {
924 - width: 100% !important;
925 - height: 100% !important;
926 - background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6667 1.5L4.25001 7.91667L1.33334 5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
927 - background-size: 9px !important;
928 - background-repeat: no-repeat !important;
929 - background-position: center !important;
930 - margin: 0;
931 -}
932 -
933 -<?php if ( $pro_is_installed ) { ?>
934 -.with_frm_style .frm_scale input[type=radio]:before,
935 -<?php } ?>
936 -.with_frm_style .frm_radio input[type=radio]:before {
937 - width: 8px;
938 - height: 8px;
939 - border-radius: 50%;
940 - background-color: var(--border-color-active);
941 - margin: 3px;
942 -}
943 -
944 -<?php if ( $pro_is_installed ) { ?>
945 -.with_frm_style .frm_scale input[type=radio][disabled]:before,
946 -<?php } ?>
947 -.with_frm_style .frm_radio input[type=radio][disabled]:before {
948 - background-color: var(--border-color);
949 -}
950 -
951 917 .with_frm_style :invalid,
918 +.with_frm_style :-moz-submit-invalid,
952 919 .with_frm_style :-moz-ui-invalid{
953 920 box-shadow:none;
954 921 }
955 922
@@ -965,29 +932,33 @@
965 932
966 933 .with_frm_style .frm_error_style,
967 934 .with_frm_style .frm_message,
968 935 .frm_success_style{
936 + -moz-border-radius:4px;
937 + -webkit-border-radius:4px;
969 938 border-radius:4px;
970 939 padding:15px;
971 940 }
972 941
973 -.with_frm_style .frm_message p {
974 - color: var(--success-text-color)<?php echo esc_html( $important ); ?>;
975 - margin-bottom: 0;
942 +.with_frm_style .frm_message p{
943 + margin-bottom:5px;
944 + color:<?php echo esc_html( $defaults['success_text_color'] ); ?>;
945 + color:var(--success-text-color)<?php echo esc_html( $important ); ?>;
976 946 }
977 947
978 -.with_frm_style .frm_message > p:first-of-type {
979 - margin-top: 0;
980 -}
981 -
982 948 .with_frm_style .frm_message,
983 -.frm_success_style {
984 - margin: 5px 0 15px;
985 - border: 1px solid var(--success-border-color);
986 - background-color: var(--success-bg-color);
987 - color: var(--success-text-color)<?php echo esc_html( $important ); ?>;
988 - border-radius: var(--border-radius);
989 - font-size: var(--success-font-size)<?php echo esc_html( $important ); ?>;
949 +.frm_success_style{
950 + margin:5px 0 15px;
951 + border:1px solid <?php echo esc_html( $defaults['success_border_color'] ); ?>;
952 + border-color:var(--success-border-color);
953 + background-color:<?php echo esc_html( $defaults['success_bg_color'] ); ?>;
954 + background-color:var(--success-bg-color);
955 + color:<?php echo esc_html( $defaults['success_text_color'] ); ?>;
956 + color:var(--success-text-color)<?php echo esc_html( $important ); ?>;
957 + border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
958 + border-radius:var(--border-radius);
959 + font-size:<?php echo esc_html( $defaults['success_font_size'] ); ?>;
960 + font-size:var(--success-font-size)<?php echo esc_html( $important ); ?>;
990 961 }
991 962
992 963 .with_frm_style .frm_plain_success .frm_message {
993 964 background-color: transparent;
@@ -1023,9 +994,10 @@
1023 994 padding:5px;
1024 995 border-width:1px;
1025 996 border-style:solid;
1026 997 <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1027 - border-color: var(--border-color);
998 + border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
999 + border-color:var(--border-color);
1028 1000 <?php } ?>
1029 1001 border-top:none;
1030 1002 border-left:none;
1031 1003 border-right:none;
@@ -1040,9 +1012,10 @@
1040 1012 }
1041 1013
1042 1014 <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1043 1015 .with_frm_style .frm-alt-table{
1044 - border-color: var(--border-color);
1016 + border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
1017 + border-color:var(--border-color);
1045 1018 }
1046 1019 <?php } ?>
1047 1020
1048 1021 .frm-alt-table th {
@@ -1065,28 +1038,27 @@
1065 1038 .frm-alt-table tr:nth-child(even) {
1066 1039 background-color:<?php echo esc_html( FrmStylesHelper::adjust_brightness( $defaults['border_color'], 45 ) ); ?>;
1067 1040 }
1068 1041
1069 -<?php if ( $pro_is_installed ) { ?>
1070 1042 table.form_results.with_frm_style{
1071 - border-style: solid;
1072 - border-width: var(--field-border-width)<?php echo esc_html( $important ); ?>;
1073 - border-color: var(--border-color)<?php echo esc_html( $important ); ?>;
1043 + border:<?php echo esc_html( $defaults['field_border_width'] ); ?> solid <?php echo esc_html( $defaults['border_color'] . $important ); ?>;
1044 + border-width:var(--field-border-width)<?php echo esc_html( $important ); ?>;
1045 + border-color:var(--border-color)<?php echo esc_html( $important ); ?>;
1074 1046 }
1075 1047
1076 1048 table.form_results.with_frm_style tr td{
1077 1049 text-align:left;
1078 1050 padding:7px 9px;
1079 - <?php if ( ! empty( $defaults['text_color'] ) ) { ?>
1080 - color: var(--text-color)<?php echo esc_html( $important ); ?>;
1051 +<?php if ( ! empty( $defaults['text_color'] ) ) { ?>
1052 + color:<?php echo esc_html( $defaults['text_color'] ); ?>;
1053 + color:var(--text-color)<?php echo esc_html( $important ); ?>;
1081 1054 <?php } ?>
1082 - <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1083 - border-top-style: solid;
1084 - border-top-width: var(--field-border-width)<?php echo esc_html( $important ); ?>;
1085 - border-top-color: var(--border-color)<?php echo esc_html( $important ); ?>;
1055 +<?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1056 + border-top:1px solid <?php echo esc_html( $defaults['border_color'] ); ?>;
1057 + border-top-width:var(--field-border-width)<?php echo esc_html( $important ); ?>;
1058 + border-top-color:var(--border-color)<?php echo esc_html( $important ); ?>;
1086 1059 <?php } ?>
1087 1060 }
1088 -<?php } ?>
1089 1061
1090 1062 table.form_results.with_frm_style tr.frm_even,
1091 1063 .frm-grid .frm_even{
1092 1064 background-color:#fff;
@@ -1094,10 +1066,11 @@
1094 1066 }
1095 1067
1096 1068 <?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
1097 1069 table.form_results.with_frm_style tr.frm_odd,
1098 -.frm-grid .frm_odd {
1099 - background-color: var(--bg-color)<?php echo esc_html( $important ); ?>;
1070 +.frm-grid .frm_odd{
1071 + background-color:<?php echo esc_html( $defaults['bg_color'] ); ?>;
1072 + background-color:var(--bg-color)<?php echo esc_html( $important ); ?>;
1100 1073 }
1101 1074 <?php } ?>
1102 1075
1103 1076 <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
@@ -1105,23 +1078,18 @@
1105 1078 background-color:<?php echo esc_html( FrmStylesHelper::adjust_brightness( $defaults['border_color'], 45 ) ); ?>;
1106 1079 padding: 40px;
1107 1080 }
1108 1081
1109 - <?php if ( $pro_is_installed ) { ?>
1110 1082 .with_frm_style .frm-show-form .frm_color_block.frm_section_heading h3,
1111 1083 .frm_color_block.frm_section_heading h3 {
1112 1084 border-width: 0 !important;
1113 1085 }
1114 - <?php } ?>
1115 1086 <?php } ?>
1116 1087
1117 -<?php if ( $pro_is_installed ) { ?>
1118 1088 .frm_collapse .ui-icon{
1119 1089 display:inline-block;
1120 1090 }
1121 -<?php } ?>
1122 1091
1123 -<?php if ( $pro_is_installed ) { ?>
1124 1092 .frm_toggle_container{
1125 1093 /* Prevent the slide and bounce */
1126 1094 border:1px solid transparent;
1127 1095 }
@@ -1138,11 +1106,9 @@
1138 1106
1139 1107 .frm_toggle_container .frm_month_listing{
1140 1108 margin-left:40px;
1141 1109 }
1142 -<?php } ?>
1143 1110
1144 -<?php if ( $pro_is_installed ) { ?>
1145 1111 #frm_loading{
1146 1112 display:none;
1147 1113 position:fixed;
1148 1114 top:0;
@@ -1185,30 +1151,28 @@
1185 1151 #frm_loading .progress.active .progress-bar{
1186 1152 animation:2s linear 0s normal none infinite progress-bar-stripes;
1187 1153 }
1188 1154
1189 - <?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
1190 -#frm_loading .progress-striped .progress-bar {
1191 - <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1192 - background-image: linear-gradient(45deg, var(--border-color) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, var(--border-color) 50%, var(--border-color) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
1155 +<?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
1156 +#frm_loading .progress-striped .progress-bar{
1157 + <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1158 + 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));
1193 1159 <?php } ?>
1194 1160 background-size:40px 40px;
1195 1161 }
1196 1162 <?php } ?>
1197 1163
1198 -#frm_loading .progress-bar {
1199 - background-color: var(--bg-color);
1200 - box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
1201 - float: left;
1202 - height: 100%;
1203 - line-height: 20px;
1204 - text-align: center;
1205 - transition: width 0.6s ease 0s;
1206 - width: 100%;
1164 +#frm_loading .progress-bar{
1165 + background-color:<?php echo esc_html( $defaults['bg_color'] ); ?>;
1166 + background-color:var(--bg-color);
1167 + box-shadow:0 -1px 0 rgba(0, 0, 0, 0.15) inset;
1168 + float:left;
1169 + height:100%;
1170 + line-height:20px;
1171 + text-align:center;
1172 + transition:width 0.6s ease 0s;
1173 + width:100%;
1207 1174 }
1208 - <?php
1209 -}//end if
1210 -?>
1211 1175
1212 1176 .frm_image_from_url{
1213 1177 height:50px;
1214 1178 }
@@ -1217,9 +1181,8 @@
1217 1181 background:url(../images/ajax_loader.gif) no-repeat center center;
1218 1182 padding:6px 12px;
1219 1183 }
1220 1184
1221 -<?php if ( $pro_is_installed ) { ?>
1222 1185 select.frm_loading_lookup{
1223 1186 background-image: url(../images/ajax_loader.gif) !important;
1224 1187 background-position: 10px;
1225 1188 background-repeat: no-repeat;
@@ -1224,25 +1187,22 @@
1224 1187 background-position: 10px;
1225 1188 background-repeat: no-repeat;
1226 1189 color: transparent !important;
1227 1190 }
1228 -<?php } ?>
1229 1191
1230 -<?php readfile( __DIR__ . '/frm_grids.css' ); ?>
1192 +<?php readfile( dirname( __FILE__ ) . '/frm_grids.css' ); ?>
1231 1193
1232 -<?php if ( $pro_is_installed ) { ?>
1233 1194 .frm_conf_field.frm_left_container .frm_primary_label{
1234 1195 display:none;
1235 1196 }
1236 -<?php } ?>
1237 1197
1238 -<?php if ( $pro_is_installed ) { ?>
1239 1198 .wp-editor-wrap *,
1240 1199 .wp-editor-wrap *:after,
1241 1200 .wp-editor-wrap *:before{
1201 + -webkit-box-sizing:content-box;
1202 + -moz-box-sizing:content-box;
1242 1203 box-sizing:content-box;
1243 1204 }
1244 -<?php } ?>
1245 1205
1246 1206 .with_frm_style .frm_grid,
1247 1207 .with_frm_style .frm_grid_first,
1248 1208 .with_frm_style .frm_grid_odd{
@@ -1251,9 +1211,10 @@
1251 1211 padding:5px;
1252 1212 border-width:1px;
1253 1213 border-style:solid;
1254 1214 <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1255 - border-color: var(--border-color)<?php echo esc_html( $important ); ?>;
1215 + border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
1216 + border-color:var(--border-color)<?php echo esc_html( $important ); ?>;
1256 1217 <?php } ?>
1257 1218 border-left:none;
1258 1219 border-right:none;
1259 1220 }
@@ -1288,16 +1249,18 @@
1288 1249 }
1289 1250
1290 1251 <?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
1291 1252 .frm_grid_first,
1292 -.frm_grid_odd {
1293 - background-color: var(--bg-color);
1253 +.frm_grid_odd{
1254 + background-color:<?php echo esc_html( $defaults['bg_color'] ); ?>;
1255 + background-color:var(--bg-color);
1294 1256 }
1295 1257 <?php } ?>
1296 1258
1297 1259 <?php if ( ! empty( $defaults['bg_color_active'] ) ) { ?>
1298 -.frm_grid {
1299 - background-color: var(--bg-color-active)<?php echo esc_html( $important ); ?>;
1260 +.frm_grid{
1261 + background-color:<?php echo esc_html( $defaults['bg_color_active'] . $important ); ?>;
1262 + background-color:var(--bg-color-active)<?php echo esc_html( $important ); ?>;
1300 1263 }
1301 1264 <?php } ?>
1302 1265
1303 1266 .with_frm_style .frm_grid.frm_blank_field,
@@ -1302,10 +1265,12 @@
1302 1265
1303 1266 .with_frm_style .frm_grid.frm_blank_field,
1304 1267 .with_frm_style .frm_grid_first.frm_blank_field,
1305 1268 .with_frm_style .frm_grid_odd.frm_blank_field{
1269 + background-color:<?php echo esc_html( $defaults['error_bg'] . $important ); ?>;
1306 1270 background-color:var(--error-bg)<?php echo esc_html( $important ); ?>;
1307 - border-color: var(--error-border);
1271 + border-color:<?php echo esc_html( $defaults['error_border'] ); ?>;
1272 + border-color:var(--error-bg);
1308 1273 }
1309 1274
1310 1275 .frm_grid .frm_primary_label,
1311 1276 .frm_grid_first .frm_primary_label,
@@ -1327,10 +1292,9 @@
1327 1292 .frm_grid_odd .frm_radio label,
1328 1293 .frm_grid_first .frm_checkbox label,
1329 1294 .frm_grid .frm_checkbox label,
1330 1295 .frm_grid_odd .frm_checkbox label{
1331 - color:transparent;
1332 - text-indent: -9999px;
1296 + visibility:hidden;
1333 1297 white-space:nowrap;
1334 1298 text-align:left;
1335 1299 }
1336 1300
@@ -1456,18 +1420,8 @@
1456 1420 .frm_form_field.frm_left_container .frm_opt_container{
1457 1421 padding-top:4px;
1458 1422 }
1459 1423
1460 -.with_frm_style .frm_left_container > select.auto_width,
1461 -.with_frm_style .frm_right_container > select.auto_width {
1462 - width: max-content<?php echo esc_html( $important ); ?>;
1463 -}
1464 -
1465 -.with_frm_style .frm_right_container > .frm_primary_label,
1466 -.with_frm_style .frm_right_container > select.auto_width {
1467 - margin-left: auto<?php echo esc_html( $important ); ?>;
1468 -}
1469 -
1470 1424 .with_frm_style .frm_inline_container.frm_grid_first .frm_primary_label,
1471 1425 .with_frm_style .frm_inline_container.frm_grid .frm_primary_label,
1472 1426 .with_frm_style .frm_inline_container.frm_grid_odd .frm_primary_label,
1473 1427 .with_frm_style .frm_inline_container.frm_grid_first .frm_opt_container,
@@ -1502,9 +1456,11 @@
1502 1456 grid-column-end: span 1;
1503 1457 }
1504 1458
1505 1459 .frm_form_field .frm_checkbox,
1506 -.frm_form_field .frm_radio {
1460 +.frm_form_field .frm_checkbox + .frm_checkbox,
1461 +.frm_form_field .frm_radio,
1462 +.frm_form_field .frm_radio + .frm_radio{
1507 1463 margin-top: 0;
1508 1464 margin-bottom: 0;
1509 1465 }
1510 1466
@@ -1513,24 +1469,36 @@
1513 1469 overflow:auto;
1514 1470 }
1515 1471
1516 1472 .frm_html_container.frm_scroll_box,
1517 -.frm_form_field.frm_html_scroll_box {
1518 - height: 100px;
1519 - overflow: auto;
1520 - background-color: var(--bg-color);
1521 - border-color: var(--border-color);
1522 - border-width: var(--field-border-width);
1523 - border-style: var(--field-border-style);
1524 - border-radius: var(--border-radius);
1525 - width: var(--field-width);
1526 - max-width: 100%;
1527 - font-size: var(--field-font-size);
1528 - padding: var(--field-pad);
1529 - box-sizing: border-box;
1530 - outline: none<?php echo esc_html( $important ); ?>;
1531 - font-weight: normal;
1532 - box-shadow: var(--box-shadow);
1473 +.frm_form_field.frm_html_scroll_box{
1474 + height:100px;
1475 + overflow:auto;
1476 + background-color:<?php echo esc_html( $defaults['bg_color'] ); ?>;
1477 + background-color:var(--bg-color);
1478 + border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
1479 + border-color:var(--border-color);
1480 + border-width:<?php echo esc_html( $defaults['field_border_width'] ); ?>;
1481 + border-width:var(--field-border-width);
1482 + border-style:<?php echo esc_html( $defaults['field_border_style'] ); ?>;
1483 + border-style:var(--field-border-style);
1484 + -moz-border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
1485 + -webkit-border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
1486 + border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
1487 + border-radius:var(--border-radius);
1488 + width:<?php echo esc_html( $defaults['field_width'] ); ?>;
1489 + width:var(--field-width);
1490 + max-width:100%;
1491 + font-size:<?php echo esc_html( $defaults['field_font_size'] ); ?>;
1492 + font-size:var(--field-font-size);
1493 + padding:<?php echo esc_html( $defaults['field_pad'] ); ?>;
1494 + padding:var(--field-pad);
1495 + -webkit-box-sizing:border-box;
1496 + -moz-box-sizing:border-box;
1497 + box-sizing:border-box;
1498 + outline:none<?php echo esc_html( $important ); ?>;
1499 + font-weight:normal;
1500 + box-shadow:var(--box-shadow);
1533 1501 }
1534 1502
1535 1503 .frm_form_field.frm_total_big input,
1536 1504 .frm_form_field.frm_total_big textarea,
@@ -1539,8 +1507,10 @@
1539 1507 opacity:1;
1540 1508 background-color:transparent !important;
1541 1509 border:none !important;
1542 1510 font-weight:bold;
1511 + -moz-box-shadow:none;
1512 + -webkit-box-shadow:none;
1543 1513 width:auto !important;
1544 1514 height:auto !important;
1545 1515 box-shadow:none !important;
1546 1516 display:inline;
@@ -1560,8 +1530,10 @@
1560 1530 .frm_form_field.frm_total input:focus,
1561 1531 .frm_form_field.frm_total textarea:focus{
1562 1532 background-color:transparent;
1563 1533 border:none;
1534 + -moz-box-shadow:none;
1535 + -webkit-box-shadow:none;
1564 1536 box-shadow:none;
1565 1537 }
1566 1538
1567 1539 .frm_form_field.frm_label_justify .frm_primary_label{
@@ -1586,8 +1558,13 @@
1586 1558 .frm_clearfix{
1587 1559 display:block;
1588 1560 }
1589 1561
1562 +.with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_icon_font::before {
1563 + color:<?php echo esc_html( $defaults['repeat_icon_color'] . $important ); ?>;
1564 + color:var(--repeat-icon-color)<?php echo esc_html( $important ); ?>;
1565 +}
1566 +
1590 1567 .with_frm_style .frm_combo_inputs_container > .frm_form_subfield-first,
1591 1568 .with_frm_style .frm_combo_inputs_container > .frm_form_subfield-middle,
1592 1569 .with_frm_style .frm_combo_inputs_container > .frm_form_subfield-last {
1593 1570 margin-bottom: 0 !important;
@@ -1592,15 +1569,15 @@
1592 1569 .with_frm_style .frm_combo_inputs_container > .frm_form_subfield-last {
1593 1570 margin-bottom: 0 !important;
1594 1571 }
1595 1572
1573 +<?php
1574 +FrmStylesHelper::maybe_include_font_icon_css();
1596 1575
1597 -<?php
1598 1576 /**
1599 1577 * Call action so other plugins can add additional CSS.
1600 1578 *
1601 1579 * @param array $args {
1602 - *
1603 1580 * @type array $defaults
1604 1581 * }
1605 1582 */
1606 1583 do_action( 'frm_include_front_css', compact( 'defaults' ) );
@@ -1607,9 +1584,8 @@
1607 1584 ?>
1608 1585
1609 1586 /* Responsive */
1610 1587
1611 -<?php if ( $pro_is_installed ) { ?>
1612 1588 @media only screen and (max-width: 900px) {
1613 1589 .frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label,
1614 1590 .frm_form_field .frm_repeat_grid .frm_form_field.frm_seventh .frm_primary_label,
1615 1591 .frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth .frm_primary_label{
@@ -1615,9 +1591,8 @@
1615 1591 .frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth .frm_primary_label{
1616 1592 display: block !important;
1617 1593 }
1618 1594 }
1619 -<?php } ?>
1620 1595
1621 1596 @media only screen and (max-width: 600px) {
1622 1597 .frm_form_field.frm_four_col .frm_opt_container{
1623 1598 grid-template-columns: repeat(2, 1fr);
@@ -1622,14 +1597,12 @@
1622 1597 .frm_form_field.frm_four_col .frm_opt_container{
1623 1598 grid-template-columns: repeat(2, 1fr);
1624 1599 }
1625 1600
1626 - <?php if ( $pro_is_installed ) { ?>
1627 1601 .with_frm_style .frm_repeat_inline,
1628 1602 .with_frm_style .frm_repeat_grid{
1629 1603 margin: 20px 0;
1630 1604 }
1631 - <?php } ?>
1632 1605 }
1633 1606
1634 1607 @media only screen and (max-width: 500px) {
1635 1608 .frm_form_field.frm_two_col .frm_radio,
@@ -1654,8 +1627,9 @@
1654 1627 max-width:302px;
1655 1628 border-right:1px solid #d3d3d3;
1656 1629 border-radius:4px;
1657 1630 box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);
1631 + -moz-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);
1658 1632 }
1659 1633
1660 1634 .with_frm_style .g-recaptcha iframe,
1661 1635 .with_frm_style .frm-g-recaptcha iframe{
@@ -1661,18 +1635,7 @@
1661 1635 .with_frm_style .frm-g-recaptcha iframe{
1662 1636 width:100%;
1663 1637 }
1664 1638 }
1665 -
1666 -.frm-card-element .sq-card-wrapper .sq-card-message {
1667 - margin-bottom: 0;
1668 -}
1669 -.frm-card-errors:empty {
1670 - margin: 0;
1671 -}
1672 1639 <?php
1673 1640
1674 -$frm_custom_css = strip_tags( FrmStylesController::get_custom_css() );
1675 -
1676 -if ( $frm_custom_css ) {
1677 - echo FrmStylesHelper::maybe_scope_css_for_admin( $frm_custom_css ) . PHP_EOL; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
1678 -}
1641 +echo strip_tags( $defaults['custom_css'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped