PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 5.3
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v5.3
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 +332 -474 6.345.3 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,43 +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
164 +<?php if ( ! empty( $defaults['form_desc_size'] ) ) { ?>
146 165 .with_frm_style .frm_form_field.frm_html_container{
147 -<?php if ( ! empty( $defaults['form_desc_size'] ) ) { ?>
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 ); ?>;
168 +}
149 169 <?php } ?>
150 - overflow-wrap: break-word<?php echo esc_html( $important ); ?>;
151 -}
152 170
153 171 .with_frm_style .frm_form_field .frm_show_it{
154 172 <?php if ( ! empty( $defaults['field_font_size'] ) ) { ?>
155 - 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 ); ?>;
156 175 <?php } ?>
157 176 <?php if ( ! empty( $defaults['field_weight'] ) ) { ?>
158 - 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 ); ?>;
159 179 <?php } ?>
160 180 }
161 181
162 -.with_frm_style .frm_required {
182 +.with_frm_style .frm_required{
163 183 <?php if ( ! empty( $defaults['required_color'] ) ) { ?>
164 - 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 ); ?>;
165 186 <?php } ?>
166 187 <?php if ( ! empty( $defaults['required_weight'] ) ) { ?>
167 - 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 ); ?>;
168 190 <?php } ?>
169 191 }
170 192
171 -<?php if ( $use_chosen_js ) { ?>
172 -.with_frm_style .chosen-container,
173 -<?php } ?>
174 193 .with_frm_style input[type=text],
175 194 .with_frm_style input[type=password],
176 195 .with_frm_style input[type=email],
177 196 .with_frm_style input[type=number],
@@ -179,12 +198,14 @@
179 198 .with_frm_style input[type=tel],
180 199 .with_frm_style input[type=search],
181 200 .with_frm_style select,
182 201 .with_frm_style textarea,
183 -.with_frm_style .frm-card-element.StripeElement {
202 +.with_frm_style .frm-card-element.StripeElement,
203 +.with_frm_style .chosen-container{
184 204 font-family:var(--font)<?php echo esc_html( $important ); ?>;
185 205 <?php if ( ! empty( $defaults['field_font_size'] ) ) { ?>
186 - 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 ); ?>;
187 208 <?php } ?>
188 209 margin-bottom:0<?php echo esc_html( $important ); ?>;
189 210 }
190 211
@@ -192,14 +213,8 @@
192 213 vertical-align:top;
193 214 height:auto;
194 215 }
195 216
196 -<?php if ( $use_chosen_js ) { ?>
197 -.with_frm_style .chosen-container-multi .chosen-choices,
198 -.with_frm_style .chosen-container-single .chosen-single,
199 -<?php } elseif ( $pro_is_installed ) { ?>
200 -.with_frm_style .frm_slimselect.ss-main,
201 -<?php } ?>
202 217 .with_frm_style input[type=text],
203 218 .with_frm_style input[type=password],
204 219 .with_frm_style input[type=email],
205 220 .with_frm_style input[type=number],
@@ -212,64 +227,49 @@
212 227 .frm_form_fields_style,
213 228 .with_frm_style .frm_scroll_box .frm_opt_container,
214 229 .frm_form_fields_active_style,
215 230 .frm_form_fields_error_style,
216 -.with_frm_style .frm-card-element.StripeElement {
217 - color: var(--text-color)<?php echo esc_html( $important ); ?>;
218 - background-color: var(--bg-color)<?php echo esc_html( $important ); ?>;
219 - border-color: var(--border-color)<?php echo esc_html( $important ); ?>;
220 - border-width: var(--field-border-width)<?php echo esc_html( $important ); ?>;
221 - border-style: var(--field-border-style)<?php echo esc_html( $important ); ?>;
222 - border-radius: var(--border-radius)<?php echo esc_html( $important ); ?>;
223 - width: var(--field-width)<?php echo esc_html( $important ); ?>;
224 - max-width: 100%;
225 - font-size: var(--field-font-size)<?php echo esc_html( $important ); ?>;
226 - padding: var(--field-pad)<?php echo esc_html( $important ); ?>;
227 - box-sizing: border-box;
228 - outline: none<?php echo esc_html( $important ); ?>;
229 - font-weight: var(--field-weight);
230 -}
231 -
232 -.with_frm_style input:-webkit-autofill:focus {
233 - /* Prevent the user agent autofill background color from taking effect on focus. */
234 - transition: background-color 5000s ease-in-out 0s<?php echo esc_html( $important ); ?>;
235 -}
236 -
237 -<?php if ( $important ) : ?>
238 - <?php if ( $use_chosen_js ) { ?>
239 - .with_frm_style .chosen-container-multi .chosen-choices,
240 - .with_frm_style .chosen-container-single .chosen-single,
241 - <?php } ?>
242 -.with_frm_style input[type=text],
243 -.with_frm_style input[type=password],
244 -.with_frm_style input[type=email],
245 -.with_frm_style input[type=number],
246 -.with_frm_style input[type=url],
247 -.with_frm_style input[type=tel],
248 -.with_frm_style input[type=phone],
249 -.with_frm_style input[type=search],
250 -.with_frm_style textarea,
251 -.frm_form_fields_style,
252 -.with_frm_style .frm_scroll_box .frm_opt_container,
253 -.frm_form_fields_active_style,
254 -.frm_form_fields_error_style,
255 -.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 ) ) { ?>
256 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 ); ?>;
257 265 }
258 -<?php endif; ?>
259 266
260 -.with_frm_style select option {
261 - color: var(--text-color)<?php echo esc_html( $important ); ?>;
262 -}
263 -
264 -.with_frm_style select option.frm-select-placeholder {
265 - color: var(--text-color-disabled)<?php echo esc_html( $important ); ?>;
266 -}
267 -
268 267 .with_frm_style input[type=radio],
269 268 .with_frm_style input[type=checkbox]{
270 - border-color: var(--border-color)<?php echo esc_html( $important ); ?>;
271 - 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 ); ?>;
272 272 float: none;
273 273 }
274 274
275 275 .with_frm_style input[type=radio]:after,
@@ -276,18 +276,8 @@
276 276 .with_frm_style input[type=checkbox]:after {
277 277 display: none; /* 2021 conflict */
278 278 }
279 279
280 -.with_frm_style input[type=radio]:not(:checked):focus,
281 -.with_frm_style input[type=checkbox]:not(:checked):focus {
282 - border-color: var(--border-color) !important;
283 -}
284 -
285 -.with_frm_style input[type=radio]:focus,
286 -.with_frm_style input[type=checkbox]:focus {
287 - box-shadow:0px 0px 0px 3px rgba(<?php echo esc_html( FrmStylesHelper::hex2rgb( $defaults['border_color_active'] ) ); ?>, 0.4) !important;
288 -}
289 -
290 280 .with_frm_style input[type=text],
291 281 .with_frm_style input[type=password],
292 282 .with_frm_style input[type=email],
293 283 .with_frm_style input[type=number],
@@ -296,9 +286,10 @@
296 286 .with_frm_style input[type=file],
297 287 .with_frm_style input[type=search],
298 288 .with_frm_style select,
299 289 .with_frm_style .frm-card-element.StripeElement{
300 - 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 ); ?>;
301 292 line-height:1.3<?php echo esc_html( $important ); ?>;
302 293 }
303 294
304 295 .with_frm_style select[multiple=multiple]{
@@ -313,15 +304,17 @@
313 304 box-shadow:none;
314 305 }
315 306
316 307 .with_frm_style input[type=file]{
317 - color: var(--text-color)<?php echo esc_html( $important ); ?>;
318 - padding: 0px;
308 + color:<?php echo esc_html( $defaults['text_color'] ); ?>;
309 + color:var(--text-color)<?php echo esc_html( $important ); ?>;
310 + padding:0px;
319 311 <?php if ( ! empty( $defaults['font'] ) ) { ?>
320 - font-family: var(--font)<?php echo esc_html( $important ); ?>;
312 + font-family:var(--font)<?php echo esc_html( $important ); ?>;
321 313 <?php } ?>
322 - font-size: var(--field-font-size)<?php echo esc_html( $important ); ?>;
323 - 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;
324 317 }
325 318
326 319 .with_frm_style input[type=file].frm_transparent{
327 320 color:transparent<?php echo esc_html( $important ); ?>;
@@ -326,28 +319,27 @@
326 319 .with_frm_style input[type=file].frm_transparent{
327 320 color:transparent<?php echo esc_html( $important ); ?>;
328 321 }
329 322
330 -<?php if ( $pro_is_installed ) { ?>
331 323 .with_frm_style .wp-editor-wrap{
332 - 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 ); ?>;
333 326 max-width:100%;
334 327 }
335 328
336 329 .with_frm_style .wp-editor-container textarea{
337 330 border:none<?php echo esc_html( $important ); ?>;
338 - box-shadow:none !important;
339 331 }
340 332
341 333 .with_frm_style .mceIframeContainer{
342 - 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 ); ?>;
343 336 }
344 -<?php } ?>
345 337
346 338 .with_frm_style select{
347 - 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 ); ?>;
348 341 max-width:100%;
349 - background-position-y: calc(50% + 3px);
350 342 }
351 343
352 344 .with_frm_style input[disabled],
353 345 .with_frm_style select[disabled],
@@ -353,12 +345,15 @@
353 345 .with_frm_style select[disabled],
354 346 .with_frm_style textarea[disabled],
355 347 .with_frm_style input[readonly],
356 348 .with_frm_style select[readonly],
357 -.with_frm_style textarea[readonly] {
358 - background-color: var(--bg-color-disabled)<?php echo esc_html( $important ); ?>;
359 - color: var(--text-color-disabled)<?php echo esc_html( $important ); ?>;
360 - border-color: var(--border-color-disabled)<?php echo esc_html( $important ); ?>;
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 ); ?>;
361 356 }
362 357
363 358 .frm_preview_page:before{
364 359 content:normal !important;
@@ -370,24 +365,30 @@
370 365
371 366 .with_frm_style .frm_primary_label{
372 367 max-width:100%;
373 368 <?php if ( ! empty( $defaults['font'] ) ) { ?>
374 - font-family: var(--font);
369 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
370 + font-family:var(--font);
375 371 <?php } ?>
376 372 <?php if ( ! empty( $defaults['font_size'] ) ) { ?>
377 - font-size: var(--font-size)<?php echo esc_html( $important ); ?>;
373 + font-size:<?php echo esc_html( $defaults['font_size'] . $important ); ?>;
374 + font-size:var(--font-size)<?php echo esc_html( $important ); ?>;
378 375 <?php } ?>
379 376 <?php if ( ! empty( $defaults['label_color'] ) ) { ?>
380 - color: var(--label-color)<?php echo esc_html( $important ); ?>;
377 + color:<?php echo esc_html( $defaults['label_color'] . $important ); ?>;
378 + color:var(--label-color)<?php echo esc_html( $important ); ?>;
381 379 <?php } ?>
382 380 <?php if ( ! empty( $defaults['weight'] ) ) { ?>
383 - font-weight: var(--weight)<?php echo esc_html( $important ); ?>;
381 + font-weight:<?php echo esc_html( $defaults['weight'] . $important ); ?>;
382 + font-weight:var(--weight)<?php echo esc_html( $important ); ?>;
384 383 <?php } ?>
385 384 <?php if ( ! empty( $defaults['align'] ) ) { ?>
386 - text-align: var(--align)<?php echo esc_html( $important ); ?>;
385 + text-align:<?php echo esc_html( $defaults['align'] . $important ); ?>;
386 + text-align:var(--align)<?php echo esc_html( $important ); ?>;
387 387 <?php } ?>
388 388 <?php if ( ! empty( $defaults['label_padding'] ) ) { ?>
389 - padding: var(--label-padding)<?php echo esc_html( $important ); ?>;
389 + padding:<?php echo esc_html( $defaults['label_padding'] . $important ); ?>;
390 + padding:var(--label-padding)<?php echo esc_html( $important ); ?>;
390 391 <?php } ?>
391 392 margin:0;
392 393 width:auto;
393 394 display:block;
@@ -422,13 +423,11 @@
422 423 .frm_none_container .frm_primary_label{
423 424 display:none;
424 425 }
425 426
426 -<?php if ( $pro_is_installed ) { ?>
427 427 .with_frm_style .frm_section_heading.frm_hide_section{
428 428 margin-top:0 !important;
429 429 }
430 -<?php } ?>
431 430
432 431 .with_frm_style .frm_hidden_container .frm_primary_label,
433 432 .with_frm_style .frm_pos_hidden,
434 433 .frm_hidden_container .frm_primary_label{
@@ -435,86 +434,23 @@
435 434 visibility:hidden;
436 435 white-space:nowrap;
437 436 }
438 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,
439 444 .frm_visible{
440 445 opacity:1;
441 446 }
442 447
443 -/* Floating labels */
444 -.with_frm_style .frm_inside_container {
445 - position: relative;
446 - padding-top: 18px;
447 - padding-top: calc(0.5 * var(--field-height));
448 -}
449 -
450 -.with_frm_style .frm_inside_container > input,
451 -.with_frm_style .frm_inside_container > select,
452 -.with_frm_style .frm_inside_container > textarea {
453 - display: block;
454 -}
455 -
456 -.with_frm_style input::placeholder,
457 -.with_frm_style textarea::placeholder {
458 - font-size: var(--field-font-size)<?php echo esc_html( $important ); ?>;
459 -}
460 -
461 -.with_frm_style .frm_inside_container > input::placeholder,
462 -.with_frm_style .frm_inside_container > textarea::placeholder {
463 - opacity: 0;
464 - transition: opacity 0.3s ease-in;
465 -}
466 -
467 -.with_frm_style .frm_inside_container > label {
468 - transition: all 0.3s ease-in;
469 -
470 - position: absolute;
471 - top: 19px;
472 - top: calc(1px + .5 * var(--field-height));
473 - left: 3px;
474 - width: 100%;
475 -
476 - line-height: 1.3;
477 - text-overflow: ellipsis;
478 - overflow: hidden;
479 - white-space: nowrap;
480 -
481 - padding: 8px 12px;
482 - padding: var(--field-pad);
483 -
484 - font-size: 14px;
485 - font-size: var(--field-font-size);
486 - font-weight: normal;
487 - font-weight: var(--field-weight);
488 -
489 - pointer-events: none;
490 -}
491 -
492 -.with_frm_style.frm_style_lines-no-boxes .frm_inside_container > label {
493 - line-height: 1;
494 -}
495 -
496 -.with_frm_style .frm_inside_container.frm_label_float_top > label {
497 - top: 0;
498 - left: 0;
499 - padding: 0;
500 - font-size: 12px;
501 - font-size: calc(0.85 * var(--field-font-size));
502 -}
503 -
504 -.with_frm_style .frm_inside_container.frm_label_float_top > input::placeholder,
505 -.with_frm_style .frm_inside_container.frm_label_float_top > textarea::placeholder {
506 - opacity: 1;
507 - transition: opacity 0.3s ease-in;
508 -}
509 -/* End floating label */
510 -
511 -.with_frm_style .frm_description,
512 -.with_frm_style .frm_pro_max_limit_desc{
448 +.with_frm_style .frm_description{
513 449 clear:both;
514 450 }
515 451
516 -.with_frm_style input[type=number][readonly] {
452 +.with_frm_style input[type=number][readonly]{
517 453 -moz-appearance: textfield;
518 454 }
519 455
520 456 .with_frm_style select[multiple="multiple"]{
@@ -521,9 +457,8 @@
521 457 height:auto;
522 458 line-height:normal;
523 459 }
524 460
525 -<?php if ( $pro_is_installed ) { ?>
526 461 .with_frm_style .frm_catlevel_2,
527 462 .with_frm_style .frm_catlevel_3,
528 463 .with_frm_style .frm_catlevel_4,
529 464 .with_frm_style .frm_catlevel_5{
@@ -528,11 +463,9 @@
528 463 .with_frm_style .frm_catlevel_4,
529 464 .with_frm_style .frm_catlevel_5{
530 465 margin-left:18px;
531 466 }
532 -<?php } ?>
533 467
534 -<?php if ( $pro_is_installed ) { ?>
535 468 .with_frm_style .wp-editor-container{
536 469 border:1px solid #e5e5e5;
537 470 }
538 471
@@ -542,9 +475,8 @@
542 475
543 476 .with_frm_style .wp-editor-container textarea{
544 477 border:none;
545 478 }
546 -<?php } ?>
547 479
548 480 .with_frm_style .auto_width #loginform input,
549 481 .with_frm_style .auto_width input,
550 482 .with_frm_style input.auto_width,
@@ -552,50 +484,59 @@
552 484 .with_frm_style textarea.auto_width{
553 485 width:auto<?php echo esc_html( $important ); ?>;
554 486 }
555 487
556 -<?php if ( $pro_is_installed ) { ?>
557 488 .with_frm_style .frm_repeat_buttons{
558 489 white-space:nowrap;
559 490 }
560 -<?php } ?>
561 491
562 492 .with_frm_style .frm_button{
563 - text-decoration:none !important;
493 + text-decoration:none !important;;
564 494 border:1px solid #eee;
565 495 display:inline-block;
566 496 <?php if ( ! empty( $defaults['submit_padding'] ) ) { ?>
567 - padding: var(--submit-padding)<?php echo esc_html( $important ); ?>;
497 + padding:<?php echo esc_html( $defaults['submit_padding'] . $important ); ?>;
498 + padding:var(--submit-padding)<?php echo esc_html( $important ); ?>;
568 499 <?php } else { ?>
569 500 padding:5px;
570 501 <?php } ?>
571 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 ); ?>;
572 505 border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
573 506 border-radius:var(--border-radius)<?php echo esc_html( $important ); ?>;
574 507 <?php } ?>
575 508 <?php if ( ! empty( $defaults['submit_font_size'] ) ) { ?>
576 - font-size: var(--submit-font-size)<?php echo esc_html( $important ); ?>;
509 + font-size:<?php echo esc_html( $defaults['submit_font_size'] . $important ); ?>;
510 + font-size:var(--submit-font-size)<?php echo esc_html( $important ); ?>;
577 511 <?php } ?>
578 512 <?php if ( ! empty( $defaults['font'] ) ) { ?>
579 - font-family: var(--font)<?php echo esc_html( $important ); ?>;
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 ); ?>;
580 515 <?php } ?>
581 516 <?php if ( ! empty( $defaults['submit_weight'] ) ) { ?>
582 - font-weight: var(--submit-weight)<?php echo esc_html( $important ); ?>;
517 + font-weight:<?php echo esc_html( $defaults['submit_weight'] . $important ); ?>;
518 + font-weight:var(--submit-weight)<?php echo esc_html( $important ); ?>;
583 519 <?php } ?>
584 520 <?php if ( ! empty( $defaults['submit_text_color'] ) ) { ?>
585 - color: var(--submit-text-color)<?php echo esc_html( $important ); ?>;
521 + color:<?php echo esc_html( $defaults['submit_text_color'] . $important ); ?>;
522 + color:var(--submit-text-color)<?php echo esc_html( $important ); ?>;
586 523 <?php } ?>
587 524 <?php if ( ! empty( $defaults['submit_bg_color'] ) ) { ?>
588 - background: var(--submit-bg-color)<?php echo esc_html( $important ); ?>;
525 + background:<?php echo esc_html( $defaults['submit_bg_color'] . $important ); ?>;
526 + background:var(--submit-bg-color)<?php echo esc_html( $important ); ?>;
589 527 <?php } ?>
590 528 <?php if ( ! empty( $defaults['submit_border_width'] ) ) { ?>
591 - border-width: var(--submit-border-width)<?php echo esc_html( $important ); ?>;
529 + border-width:<?php echo esc_html( $defaults['submit_border_width'] ); ?>;
530 + border-width:var(--submit-border-width)<?php echo esc_html( $important ); ?>;
592 531 <?php } ?>
593 532 <?php if ( ! empty( $defaults['submit_border_color'] ) ) { ?>
594 - border-color: var(--submit-border-color)<?php echo esc_html( $important ); ?>;
533 + border-color:<?php echo esc_html( $defaults['submit_border_color'] . $important ); ?>;
534 + border-color:var(--submit-border-color)<?php echo esc_html( $important ); ?>;
595 535 <?php } ?>
596 536 <?php if ( ! empty( $defaults['submit_height'] ) ) { ?>
597 - height: var(--submit-height)<?php echo esc_html( $important ); ?>;
537 + height:<?php echo esc_html( $defaults['submit_height'] . $important ); ?>;
538 + height:var(--submit-height)<?php echo esc_html( $important ); ?>;
598 539 <?php } ?>
599 540 }
600 541
601 542 <?php if ( ! empty( $defaults['submit_text_color'] ) ) { ?>
@@ -628,12 +569,8 @@
628 569 .with_frm_style.frm_center_submit .frm_submit{
629 570 text-align:center;
630 571 }
631 572
632 -.with_frm_style.frm_center_submit .frm_flex.frm_submit {
633 - justify-content: center;
634 -}
635 -
636 573 .with_frm_style .frm_inline_success .frm_submit{
637 574 display: flex;
638 575 flex-direction: row;
639 576 align-items: center;
@@ -655,11 +592,9 @@
655 592 .with_frm_style.frm_center_submit .frm_submit button{
656 593 margin-bottom:8px !important;
657 594 }
658 595
659 -<?php if ( $pro_is_installed ) { ?>
660 596 .with_frm_style .frm-edit-page-btn,
661 -<?php } ?>
662 597 .with_frm_style .frm_submit input[type=submit],
663 598 .with_frm_style .frm_submit input[type=button],
664 599 .with_frm_style .frm_submit button{
665 600 -webkit-appearance: none;
@@ -676,22 +611,19 @@
676 611 /* keep this for reverse compatibility for old HTML */
677 612 visibility:visible !important;
678 613 }
679 614
680 -<?php if ( $pro_is_installed ) { ?>
681 615 .with_frm_style .frm_loading_prev .frm_prev_page,
682 -<?php } ?>
683 616 .with_frm_style .frm_loading_form .frm_button_submit {
684 617 position: relative;
618 + opacity: .8;
685 619 color: transparent !important;
686 620 text-shadow: none !important;
687 621 }
688 622
689 -<?php if ( $pro_is_installed ) { ?>
690 623 .with_frm_style .frm_loading_prev .frm_prev_page:hover,
691 624 .with_frm_style .frm_loading_prev .frm_prev_page:active,
692 625 .with_frm_style .frm_loading_prev .frm_prev_page:focus,
693 -<?php } ?>
694 626 .with_frm_style .frm_loading_form .frm_button_submit:hover,
695 627 .with_frm_style .frm_loading_form .frm_button_submit:active,
696 628 .with_frm_style .frm_loading_form .frm_button_submit:focus {
697 629 cursor: not-allowed;
@@ -699,11 +631,9 @@
699 631 outline: none !important;
700 632 box-shadow: none;
701 633 }
702 634
703 -<?php if ( $pro_is_installed ) { ?>
704 635 .with_frm_style .frm_loading_prev .frm_prev_page::before,
705 -<?php } ?>
706 636 .with_frm_style .frm_loading_form .frm_button_submit:before {
707 637 content: '';
708 638 display: inline-block;
709 639 position: absolute;
@@ -712,9 +642,9 @@
712 642 border-top-color: transparent;
713 643 border-left-color: transparent;
714 644 border-radius: 50%;
715 645 box-sizing: border-box;
716 - <?php $loader_size = 12; ?>
646 + <?php $loader_size = 20; ?>
717 647 top: 50%;
718 648 left: 50%;
719 649 margin-top: -<?php echo absint( $loader_size / 2 ); ?>px;
720 650 margin-left: -<?php echo absint( $loader_size / 2 ); ?>px;
@@ -719,30 +649,22 @@
719 649 margin-top: -<?php echo absint( $loader_size / 2 ); ?>px;
720 650 margin-left: -<?php echo absint( $loader_size / 2 ); ?>px;
721 651 width: <?php echo absint( $loader_size ); ?>px;
722 652 height: <?php echo absint( $loader_size ); ?>px;
723 - animation: spin 2s linear infinite;
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;
724 657 }
725 658
726 -.with_frm_style .frm_submit.frm_flex {
727 - align-items: center;
728 - gap: 2%;
729 -}
730 -
731 -<?php if ( $pro_is_installed ) { ?>
732 -.with_frm_style .frm_submit.frm_flex button.frm_button_submit ~ .frm_prev_page {
733 - order: -1;
734 -}
735 -<?php } ?>
736 -
737 659 <?php
738 660 foreach ( $styles as $style ) {
739 - include __DIR__ . '/_single_theme.css.php';
661 + include( dirname( __FILE__ ) . '/_single_theme.css.php' );
740 662 unset( $style );
741 663 }
742 664
743 665 // Set it again since it may have been overridden.
744 -$important = ! empty( $defaults['important_style'] ) ? ' !important' : '';
666 +$important = empty( $defaults['important_style'] ) ? '' : ' !important';
745 667 ?>
746 668
747 669 .frm_ajax_loading{
748 670 visibility:hidden;
@@ -756,18 +678,18 @@
756 678 a.frm_save_draft{
757 679 cursor:pointer;
758 680 }
759 681
760 -<?php if ( $pro_is_installed ) { ?>
761 -.with_frm_style a.frm_save_draft,
762 -.with_frm_style a.frm_start_over{
763 - <?php if ( ! empty( $defaults['font'] ) ) { ?>
764 - font-family: var(--font);
682 +.with_frm_style a.frm_save_draft{
683 +<?php if ( ! empty( $defaults['font'] ) ) { ?>
684 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
685 + font-family:var(--font);
765 686 <?php } ?>
766 - font-size: var(--submit-font-size);
767 - font-weight: var(--submit-weight);
687 + font-size:<?php echo esc_html( $defaults['submit_font_size'] ); ?>;
688 + font-size:var(--submit-font-size);
689 + font-weight:<?php echo esc_html( $defaults['submit_weight'] ); ?>;
690 + font-weight:var(--submit-weight);
768 691 }
769 -<?php } ?>
770 692
771 693 .horizontal_radio .frm_radio{
772 694 margin:0 5px 0 0;
773 695 }
@@ -773,9 +695,9 @@
773 695 }
774 696
775 697 .horizontal_radio .frm_checkbox{
776 698 margin:0;
777 - margin-right:12px;
699 + margin-right:5px;
778 700 }
779 701
780 702 .vertical_radio .frm_checkbox,
781 703 .vertical_radio .frm_radio,
@@ -790,13 +712,15 @@
790 712 padding-left: 0;
791 713 }
792 714
793 715 .with_frm_style .frm_radio{
794 - display: var(--radio-align)<?php echo esc_html( $important ); ?>;
716 + display:<?php echo esc_html( $defaults['radio_align'] . $important ); ?>;
717 + display:var(--radio-align)<?php echo esc_html( $important ); ?>;
795 718 }
796 719
797 720 .with_frm_style .frm_checkbox{
798 - display: var(--check-align)<?php echo esc_html( $important ); ?>;
721 + display:<?php echo esc_html( $defaults['check_align'] . $important ); ?>;
722 + display:var(--check-align)<?php echo esc_html( $important ); ?>;
799 723 }
800 724
801 725 .with_frm_style .vertical_radio .frm_checkbox,
802 726 .with_frm_style .vertical_radio .frm_radio,
@@ -801,9 +725,8 @@
801 725 .with_frm_style .vertical_radio .frm_checkbox,
802 726 .with_frm_style .vertical_radio .frm_radio,
803 727 .vertical_radio .frm_catlevel_1{
804 728 display:block<?php echo esc_html( $important ); ?>;
805 - margin-bottom: 10px;
806 729 }
807 730
808 731 .with_frm_style .horizontal_radio .frm_checkbox,
809 732 .with_frm_style .horizontal_radio .frm_radio,
@@ -811,45 +734,40 @@
811 734 display:inline-block<?php echo esc_html( $important ); ?>;
812 735 }
813 736
814 737 .with_frm_style .frm_checkbox label,
815 -.with_frm_style .frm_radio label {
816 - display: inline-block;
817 - vertical-align: middle;
738 +.with_frm_style .frm_radio label{
739 + display: inline;
818 740 white-space:normal;
819 741 }
820 742
821 -.with_frm_style .frm_checkbox label input[type=checkbox],
822 -.with_frm_style .frm_radio label input[type=radio] {
823 - margin-right: 4px;
824 -}
825 -
826 -.with_frm_style .frm_checkbox label:not(.frm-label-disabled),
827 -.with_frm_style .frm_radio label:not(.frm-label-disabled) {
828 - cursor: pointer;
829 -}
830 -
831 743 .with_frm_style .vertical_radio .frm_checkbox label,
832 744 .with_frm_style .vertical_radio .frm_radio label{
833 745 display: block;
834 - width: 100%;
746 + padding-left: 20px;
747 + text-indent: -20px;
835 748 }
836 749
837 750 .with_frm_style .frm_radio label,
838 -.with_frm_style .frm_checkbox label {
751 +.with_frm_style .frm_checkbox label{
839 752 <?php if ( ! empty( $defaults['font'] ) ) { ?>
840 - font-family: var(--font);
753 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
754 + font-family:var(--font);
841 755 <?php } ?>
842 - font-size: var(--check-font-size)<?php echo esc_html( $important ); ?>;
843 - color: var(--check-label-color)<?php echo esc_html( $important ); ?>;
844 - font-weight: var(--check-weight)<?php echo esc_html( $important ); ?>;
756 + font-size:<?php echo esc_html( $defaults['check_font_size'] . $important ); ?>;
757 + font-size:var(--check-font-size)<?php echo esc_html( $important ); ?>;
758 + color:<?php echo esc_html( $defaults['check_label_color'] . $important ); ?>;
759 + color:var(--check-label-color)<?php echo esc_html( $important ); ?>;
760 + font-weight:<?php echo esc_html( $defaults['check_weight'] . $important ); ?>;
761 + font-weight:var(--check-weight)<?php echo esc_html( $important ); ?>;
845 762 line-height: 1.3;
846 763 }
847 764
848 765 .with_frm_style .frm_radio input[type=radio],
849 766 .with_frm_style .frm_checkbox input[type=checkbox] {
850 - font-size: var(--check-font-size)<?php echo esc_html( $important ); ?>;
851 - position: static<?php echo esc_html( $important ); ?>;
767 + font-size:<?php echo esc_html( $defaults['check_font_size'] . $important ); ?>;
768 + font-size:var(--check-font-size)<?php echo esc_html( $important ); ?>;
769 + position:static<?php echo esc_html( $important ); ?>;
852 770 }
853 771
854 772 .frm_file_container .frm_file_link,
855 773 .with_frm_style .frm_radio label .frm_file_container,
@@ -858,104 +776,60 @@
858 776 margin:5px;
859 777 vertical-align:middle;
860 778 }
861 779
862 -.with_frm_style .frm_radio input[type=radio]
863 -<?php if ( $pro_is_installed ) : ?>
864 -, .with_frm_style .frm_scale input[type=radio]
865 -<?php endif; ?>
866 -{
780 +.with_frm_style .frm_radio input[type=radio]{
867 781 border-radius:50%;
868 782 }
869 783
870 -.with_frm_style .frm_checkbox input[type=checkbox] {
871 - border-radius: calc(var(--border-radius) / 2) !important;
784 +.with_frm_style .frm_checkbox input[type=checkbox]{
785 + border-radius:0;
872 786 }
873 787
874 788 .with_frm_style .frm_radio input[type=radio],
875 -<?php if ( $pro_is_installed ) : ?>
876 -.with_frm_style .frm_scale input[type=radio],
877 -<?php endif; ?>
878 789 .with_frm_style .frm_checkbox input[type=checkbox]{
790 + -webkit-appearance: none;
879 791 appearance: none;
880 792 background-color: var(--bg-color);
881 793 flex: none;
882 794 display:inline-block !important;
883 - width: 16px !important;
884 - min-width: 16px !important;
885 - height: 16px !important;
795 + margin: 0 5px 0 0;
886 796 color: var(--border-color);
797 + width: 18px;
798 + min-width: 18px;
799 + height: 18px;
887 800 border: 1px solid currentColor;
888 801 border-color: var(--border-color);
889 802 vertical-align: middle;
890 803 position: initial; /* override Bootstrap */
891 804 padding: 0;
892 - margin: 0;
893 805 }
894 806
895 -.frm_forms.with_frm_style .frm_fields_container .frm_radio input[type=radio]:not([disabled]):checked,
896 -<?php if ( $pro_is_installed ) : ?>
897 -.frm_forms.with_frm_style .frm_fields_container .frm_scale input[type=radio]:not([disabled]):checked,
898 -<?php endif; ?>
899 -.frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked {
900 - border-color: var(--border-color-active) !important;
807 +.with_frm_style .frm_radio input[type=radio]:before,
808 +.with_frm_style .frm_checkbox input[type=checkbox]:before {
809 + content: '';
810 + width: 12px;
811 + height: 12px;
812 + border-radius: 50%;
813 + transform: scale(0);
814 + transition: 120ms transform ease-in-out;
815 + box-shadow: inset 10px 10px var(--text-color);
816 + display: block;
817 + margin: 2px 0 0 2px;
901 818 }
902 819
903 -.frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked {
904 - background-color: var(--border-color-active) !important;
820 +.with_frm_style .frm_checkbox input[type=checkbox]:before{
821 + clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
822 + border-radius: 0;
905 823 }
906 824
907 -.with_frm_style .frm_radio input[type=radio][disabled]:checked,
908 -<?php if ( $pro_is_installed ) : ?>
909 -.with_frm_style .frm_scale input[type=radio][disabled]:checked,
910 -<?php endif; ?>
911 -.with_frm_style .frm_checkbox input[type=checkbox][disabled]:checked {
912 - border-color: var(--border-color) !important; /* Override Style Preview */
913 -}
914 -
915 -.with_frm_style .frm_checkbox input[type=checkbox][disabled]:checked {
916 - background-color: var(--border-color) !important;
917 -}
918 -
919 825 .with_frm_style .frm_radio input[type=radio]:checked:before,
920 -<?php if ( $pro_is_installed ) { ?>
921 -.with_frm_style .frm_scale input[type=radio]:checked:before,
922 -<?php } ?>
923 826 .with_frm_style .frm_checkbox input[type=checkbox]:checked:before {
924 - position: static !important; /* Override Style Preview */
925 - content: '';
926 - display: block;
827 + transform: scale(1);
927 828 }
928 829
929 -.frm_forms.with_frm_style .frm_checkbox input[type=checkbox]:before {
930 - width: 100% !important;
931 - height: 100% !important;
932 - 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;
933 - background-size: 9px !important;
934 - background-repeat: no-repeat !important;
935 - background-position: center !important;
936 - margin: 0;
937 -}
938 -
939 -<?php if ( $pro_is_installed ) { ?>
940 -.with_frm_style .frm_scale input[type=radio]:before,
941 -<?php } ?>
942 -.with_frm_style .frm_radio input[type=radio]:before {
943 - width: 8px;
944 - height: 8px;
945 - border-radius: 50%;
946 - background-color: var(--border-color-active);
947 - margin: 3px;
948 -}
949 -
950 -<?php if ( $pro_is_installed ) { ?>
951 -.with_frm_style .frm_scale input[type=radio][disabled]:before,
952 -<?php } ?>
953 -.with_frm_style .frm_radio input[type=radio][disabled]:before {
954 - background-color: var(--border-color);
955 -}
956 -
957 830 .with_frm_style :invalid,
831 +.with_frm_style :-moz-submit-invalid,
958 832 .with_frm_style :-moz-ui-invalid{
959 833 box-shadow:none;
960 834 }
961 835
@@ -971,29 +845,33 @@
971 845
972 846 .with_frm_style .frm_error_style,
973 847 .with_frm_style .frm_message,
974 848 .frm_success_style{
849 + -moz-border-radius:4px;
850 + -webkit-border-radius:4px;
975 851 border-radius:4px;
976 852 padding:15px;
977 853 }
978 854
979 -.with_frm_style .frm_message p {
980 - color: var(--success-text-color)<?php echo esc_html( $important ); ?>;
981 - margin-bottom: 0;
855 +.with_frm_style .frm_message p{
856 + margin-bottom:5px;
857 + color:<?php echo esc_html( $defaults['success_text_color'] ); ?>;
858 + color:var(--success-text-color)<?php echo esc_html( $important ); ?>;
982 859 }
983 860
984 -.with_frm_style .frm_message > p:first-of-type {
985 - margin-top: 0;
986 -}
987 -
988 861 .with_frm_style .frm_message,
989 -.frm_success_style {
990 - margin: 5px 0 15px;
991 - border: 1px solid var(--success-border-color);
992 - background-color: var(--success-bg-color);
993 - color: var(--success-text-color)<?php echo esc_html( $important ); ?>;
994 - border-radius: var(--border-radius);
995 - font-size: var(--success-font-size)<?php echo esc_html( $important ); ?>;
862 +.frm_success_style{
863 + margin:5px 0 15px;
864 + border:1px solid <?php echo esc_html( $defaults['success_border_color'] ); ?>;
865 + border-color:var(--success-border-color);
866 + background-color:<?php echo esc_html( $defaults['success_bg_color'] ); ?>;
867 + background-color:var(--success-bg-color);
868 + color:<?php echo esc_html( $defaults['success_text_color'] ); ?>;
869 + color:var(--success-text-color)<?php echo esc_html( $important ); ?>;
870 + border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
871 + border-radius:var(--border-radius);
872 + font-size:<?php echo esc_html( $defaults['success_font_size'] ); ?>;
873 + font-size:var(--success-font-size)<?php echo esc_html( $important ); ?>;
996 874 }
997 875
998 876 .with_frm_style .frm_plain_success .frm_message {
999 877 background-color: transparent;
@@ -1029,9 +907,10 @@
1029 907 padding:5px;
1030 908 border-width:1px;
1031 909 border-style:solid;
1032 910 <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1033 - border-color: var(--border-color);
911 + border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
912 + border-color:var(--border-color);
1034 913 <?php } ?>
1035 914 border-top:none;
1036 915 border-left:none;
1037 916 border-right:none;
@@ -1046,9 +925,10 @@
1046 925 }
1047 926
1048 927 <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1049 928 .with_frm_style .frm-alt-table{
1050 - border-color: var(--border-color);
929 + border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
930 + border-color:var(--border-color);
1051 931 }
1052 932 <?php } ?>
1053 933
1054 934 .frm-alt-table th {
@@ -1071,28 +951,27 @@
1071 951 .frm-alt-table tr:nth-child(even) {
1072 952 background-color:<?php echo esc_html( FrmStylesHelper::adjust_brightness( $defaults['border_color'], 45 ) ); ?>;
1073 953 }
1074 954
1075 -<?php if ( $pro_is_installed ) { ?>
1076 955 table.form_results.with_frm_style{
1077 - border-style: solid;
1078 - border-width: var(--field-border-width)<?php echo esc_html( $important ); ?>;
1079 - border-color: var(--border-color)<?php echo esc_html( $important ); ?>;
956 + border:<?php echo esc_html( $defaults['field_border_width'] ); ?> solid <?php echo esc_html( $defaults['border_color'] . $important ); ?>;
957 + border-width:var(--field-border-width)<?php echo esc_html( $important ); ?>;
958 + border-color:var(--border-color)<?php echo esc_html( $important ); ?>;
1080 959 }
1081 960
1082 961 table.form_results.with_frm_style tr td{
1083 962 text-align:left;
1084 963 padding:7px 9px;
1085 - <?php if ( ! empty( $defaults['text_color'] ) ) { ?>
1086 - color: var(--text-color)<?php echo esc_html( $important ); ?>;
964 +<?php if ( ! empty( $defaults['text_color'] ) ) { ?>
965 + color:<?php echo esc_html( $defaults['text_color'] ); ?>;
966 + color:var(--text-color)<?php echo esc_html( $important ); ?>;
1087 967 <?php } ?>
1088 - <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1089 - border-top-style: solid;
1090 - border-top-width: var(--field-border-width)<?php echo esc_html( $important ); ?>;
1091 - border-top-color: var(--border-color)<?php echo esc_html( $important ); ?>;
968 +<?php if ( ! empty( $defaults['border_color'] ) ) { ?>
969 + border-top:1px solid <?php echo esc_html( $defaults['border_color'] ); ?>;
970 + border-top-width:var(--field-border-width)<?php echo esc_html( $important ); ?>;
971 + border-top-color:var(--border-color)<?php echo esc_html( $important ); ?>;
1092 972 <?php } ?>
1093 973 }
1094 -<?php } ?>
1095 974
1096 975 table.form_results.with_frm_style tr.frm_even,
1097 976 .frm-grid .frm_even{
1098 977 background-color:#fff;
@@ -1100,10 +979,11 @@
1100 979 }
1101 980
1102 981 <?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
1103 982 table.form_results.with_frm_style tr.frm_odd,
1104 -.frm-grid .frm_odd {
1105 - background-color: var(--bg-color)<?php echo esc_html( $important ); ?>;
983 +.frm-grid .frm_odd{
984 + background-color:<?php echo esc_html( $defaults['bg_color'] ); ?>;
985 + background-color:var(--bg-color)<?php echo esc_html( $important ); ?>;
1106 986 }
1107 987 <?php } ?>
1108 988
1109 989 <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
@@ -1111,23 +991,18 @@
1111 991 background-color:<?php echo esc_html( FrmStylesHelper::adjust_brightness( $defaults['border_color'], 45 ) ); ?>;
1112 992 padding: 40px;
1113 993 }
1114 994
1115 - <?php if ( $pro_is_installed ) { ?>
1116 995 .with_frm_style .frm-show-form .frm_color_block.frm_section_heading h3,
1117 996 .frm_color_block.frm_section_heading h3 {
1118 997 border-width: 0 !important;
1119 998 }
1120 - <?php } ?>
1121 999 <?php } ?>
1122 1000
1123 -<?php if ( $pro_is_installed ) { ?>
1124 1001 .frm_collapse .ui-icon{
1125 1002 display:inline-block;
1126 1003 }
1127 -<?php } ?>
1128 1004
1129 -<?php if ( $pro_is_installed ) { ?>
1130 1005 .frm_toggle_container{
1131 1006 /* Prevent the slide and bounce */
1132 1007 border:1px solid transparent;
1133 1008 }
@@ -1144,11 +1019,9 @@
1144 1019
1145 1020 .frm_toggle_container .frm_month_listing{
1146 1021 margin-left:40px;
1147 1022 }
1148 -<?php } ?>
1149 1023
1150 -<?php if ( $pro_is_installed ) { ?>
1151 1024 #frm_loading{
1152 1025 display:none;
1153 1026 position:fixed;
1154 1027 top:0;
@@ -1191,30 +1064,28 @@
1191 1064 #frm_loading .progress.active .progress-bar{
1192 1065 animation:2s linear 0s normal none infinite progress-bar-stripes;
1193 1066 }
1194 1067
1195 - <?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
1196 -#frm_loading .progress-striped .progress-bar {
1197 - <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1198 - 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));
1068 +<?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
1069 +#frm_loading .progress-striped .progress-bar{
1070 + <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1071 + background-image:linear-gradient(45deg, <?php echo esc_html( $defaults['border_color'] ); ?> 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, <?php echo esc_html( $defaults['border_color'] ); ?> 50%, <?php echo esc_html( $defaults['border_color'] ); ?> 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
1199 1072 <?php } ?>
1200 1073 background-size:40px 40px;
1201 1074 }
1202 1075 <?php } ?>
1203 1076
1204 -#frm_loading .progress-bar {
1205 - background-color: var(--bg-color);
1206 - box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
1207 - float: left;
1208 - height: 100%;
1209 - line-height: 20px;
1210 - text-align: center;
1211 - transition: width 0.6s ease 0s;
1212 - width: 100%;
1077 +#frm_loading .progress-bar{
1078 + background-color:<?php echo esc_html( $defaults['bg_color'] ); ?>;
1079 + background-color:var(--bg-color);
1080 + box-shadow:0 -1px 0 rgba(0, 0, 0, 0.15) inset;
1081 + float:left;
1082 + height:100%;
1083 + line-height:20px;
1084 + text-align:center;
1085 + transition:width 0.6s ease 0s;
1086 + width:100%;
1213 1087 }
1214 - <?php
1215 -}//end if
1216 -?>
1217 1088
1218 1089 .frm_image_from_url{
1219 1090 height:50px;
1220 1091 }
@@ -1223,9 +1094,8 @@
1223 1094 background:url(../images/ajax_loader.gif) no-repeat center center;
1224 1095 padding:6px 12px;
1225 1096 }
1226 1097
1227 -<?php if ( $pro_is_installed ) { ?>
1228 1098 select.frm_loading_lookup{
1229 1099 background-image: url(../images/ajax_loader.gif) !important;
1230 1100 background-position: 10px;
1231 1101 background-repeat: no-repeat;
@@ -1230,25 +1100,22 @@
1230 1100 background-position: 10px;
1231 1101 background-repeat: no-repeat;
1232 1102 color: transparent !important;
1233 1103 }
1234 -<?php } ?>
1235 1104
1236 -<?php readfile( __DIR__ . '/frm_grids.css' ); ?>
1105 +<?php readfile( dirname( __FILE__ ) . '/frm_grids.css' ); ?>
1237 1106
1238 -<?php if ( $pro_is_installed ) { ?>
1239 1107 .frm_conf_field.frm_left_container .frm_primary_label{
1240 1108 display:none;
1241 1109 }
1242 -<?php } ?>
1243 1110
1244 -<?php if ( $pro_is_installed ) { ?>
1245 1111 .wp-editor-wrap *,
1246 1112 .wp-editor-wrap *:after,
1247 1113 .wp-editor-wrap *:before{
1114 + -webkit-box-sizing:content-box;
1115 + -moz-box-sizing:content-box;
1248 1116 box-sizing:content-box;
1249 1117 }
1250 -<?php } ?>
1251 1118
1252 1119 .with_frm_style .frm_grid,
1253 1120 .with_frm_style .frm_grid_first,
1254 1121 .with_frm_style .frm_grid_odd{
@@ -1257,9 +1124,10 @@
1257 1124 padding:5px;
1258 1125 border-width:1px;
1259 1126 border-style:solid;
1260 1127 <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1261 - border-color: var(--border-color)<?php echo esc_html( $important ); ?>;
1128 + border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
1129 + border-color:var(--border-color)<?php echo esc_html( $important ); ?>;
1262 1130 <?php } ?>
1263 1131 border-left:none;
1264 1132 border-right:none;
1265 1133 }
@@ -1270,12 +1138,9 @@
1270 1138 }
1271 1139
1272 1140 .frm_grid .frm_error,
1273 1141 .frm_grid_first .frm_error,
1274 -.frm_grid_odd .frm_error,
1275 -.frm_grid .frm_limit_error,
1276 -.frm_grid_first .frm_limit_error,
1277 -.frm_grid_odd .frm_limit_error{
1142 +.frm_grid_odd .frm_error{
1278 1143 display:none;
1279 1144 }
1280 1145
1281 1146 .frm_grid:after,
@@ -1294,16 +1159,18 @@
1294 1159 }
1295 1160
1296 1161 <?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
1297 1162 .frm_grid_first,
1298 -.frm_grid_odd {
1299 - background-color: var(--bg-color);
1163 +.frm_grid_odd{
1164 + background-color:<?php echo esc_html( $defaults['bg_color'] ); ?>;
1165 + background-color:var(--bg-color);
1300 1166 }
1301 1167 <?php } ?>
1302 1168
1303 1169 <?php if ( ! empty( $defaults['bg_color_active'] ) ) { ?>
1304 -.frm_grid {
1305 - background-color: var(--bg-color-active)<?php echo esc_html( $important ); ?>;
1170 +.frm_grid{
1171 + background-color:<?php echo esc_html( $defaults['bg_color_active'] . $important ); ?>;
1172 + background-color:var(--bg-color-active)<?php echo esc_html( $important ); ?>;
1306 1173 }
1307 1174 <?php } ?>
1308 1175
1309 1176 .with_frm_style .frm_grid.frm_blank_field,
@@ -1308,10 +1175,12 @@
1308 1175
1309 1176 .with_frm_style .frm_grid.frm_blank_field,
1310 1177 .with_frm_style .frm_grid_first.frm_blank_field,
1311 1178 .with_frm_style .frm_grid_odd.frm_blank_field{
1179 + background-color:<?php echo esc_html( $defaults['error_bg'] . $important ); ?>;
1312 1180 background-color:var(--error-bg)<?php echo esc_html( $important ); ?>;
1313 - border-color: var(--error-border);
1181 + border-color:<?php echo esc_html( $defaults['error_border'] ); ?>;
1182 + border-color:var(--error-bg);
1314 1183 }
1315 1184
1316 1185 .frm_grid .frm_primary_label,
1317 1186 .frm_grid_first .frm_primary_label,
@@ -1333,10 +1202,9 @@
1333 1202 .frm_grid_odd .frm_radio label,
1334 1203 .frm_grid_first .frm_checkbox label,
1335 1204 .frm_grid .frm_checkbox label,
1336 1205 .frm_grid_odd .frm_checkbox label{
1337 - color:transparent;
1338 - text-indent: -9999px;
1206 + visibility:hidden;
1339 1207 white-space:nowrap;
1340 1208 text-align:left;
1341 1209 }
1342 1210
@@ -1462,18 +1330,8 @@
1462 1330 .frm_form_field.frm_left_container .frm_opt_container{
1463 1331 padding-top:4px;
1464 1332 }
1465 1333
1466 -.with_frm_style .frm_left_container > select.auto_width,
1467 -.with_frm_style .frm_right_container > select.auto_width {
1468 - width: max-content<?php echo esc_html( $important ); ?>;
1469 -}
1470 -
1471 -.with_frm_style .frm_right_container > .frm_primary_label,
1472 -.with_frm_style .frm_right_container > select.auto_width {
1473 - margin-left: auto<?php echo esc_html( $important ); ?>;
1474 -}
1475 -
1476 1334 .with_frm_style .frm_inline_container.frm_grid_first .frm_primary_label,
1477 1335 .with_frm_style .frm_inline_container.frm_grid .frm_primary_label,
1478 1336 .with_frm_style .frm_inline_container.frm_grid_odd .frm_primary_label,
1479 1337 .with_frm_style .frm_inline_container.frm_grid_first .frm_opt_container,
@@ -1508,9 +1366,11 @@
1508 1366 grid-column-end: span 1;
1509 1367 }
1510 1368
1511 1369 .frm_form_field .frm_checkbox,
1512 -.frm_form_field .frm_radio {
1370 +.frm_form_field .frm_checkbox + .frm_checkbox,
1371 +.frm_form_field .frm_radio,
1372 +.frm_form_field .frm_radio + .frm_radio{
1513 1373 margin-top: 0;
1514 1374 margin-bottom: 0;
1515 1375 }
1516 1376
@@ -1519,24 +1379,36 @@
1519 1379 overflow:auto;
1520 1380 }
1521 1381
1522 1382 .frm_html_container.frm_scroll_box,
1523 -.frm_form_field.frm_html_scroll_box {
1524 - height: 100px;
1525 - overflow: auto;
1526 - background-color: var(--bg-color);
1527 - border-color: var(--border-color);
1528 - border-width: var(--field-border-width);
1529 - border-style: var(--field-border-style);
1530 - border-radius: var(--border-radius);
1531 - width: var(--field-width);
1532 - max-width: 100%;
1533 - font-size: var(--field-font-size);
1534 - padding: var(--field-pad);
1535 - box-sizing: border-box;
1536 - outline: none<?php echo esc_html( $important ); ?>;
1537 - font-weight: normal;
1538 - box-shadow: var(--box-shadow);
1383 +.frm_form_field.frm_html_scroll_box{
1384 + height:100px;
1385 + overflow:auto;
1386 + background-color:<?php echo esc_html( $defaults['bg_color'] ); ?>;
1387 + background-color:var(--bg-color);
1388 + border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
1389 + border-color:var(--border-color);
1390 + border-width:<?php echo esc_html( $defaults['field_border_width'] ); ?>;
1391 + border-width:var(--field-border-width);
1392 + border-style:<?php echo esc_html( $defaults['field_border_style'] ); ?>;
1393 + border-style:var(--field-border-style);
1394 + -moz-border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
1395 + -webkit-border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
1396 + border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
1397 + border-radius:var(--border-radius);
1398 + width:<?php echo esc_html( $defaults['field_width'] ); ?>;
1399 + width:var(--field-width);
1400 + max-width:100%;
1401 + font-size:<?php echo esc_html( $defaults['field_font_size'] ); ?>;
1402 + font-size:var(--field-font-size);
1403 + padding:<?php echo esc_html( $defaults['field_pad'] ); ?>;
1404 + padding:var(--field-pad);
1405 + -webkit-box-sizing:border-box;
1406 + -moz-box-sizing:border-box;
1407 + box-sizing:border-box;
1408 + outline:none<?php echo esc_html( $important ); ?>;
1409 + font-weight:normal;
1410 + box-shadow:var(--box-shadow);
1539 1411 }
1540 1412
1541 1413 .frm_form_field.frm_total_big input,
1542 1414 .frm_form_field.frm_total_big textarea,
@@ -1545,8 +1417,10 @@
1545 1417 opacity:1;
1546 1418 background-color:transparent !important;
1547 1419 border:none !important;
1548 1420 font-weight:bold;
1421 + -moz-box-shadow:none;
1422 + -webkit-box-shadow:none;
1549 1423 width:auto !important;
1550 1424 height:auto !important;
1551 1425 box-shadow:none !important;
1552 1426 display:inline;
@@ -1566,8 +1440,10 @@
1566 1440 .frm_form_field.frm_total input:focus,
1567 1441 .frm_form_field.frm_total textarea:focus{
1568 1442 background-color:transparent;
1569 1443 border:none;
1444 + -moz-box-shadow:none;
1445 + -webkit-box-shadow:none;
1570 1446 box-shadow:none;
1571 1447 }
1572 1448
1573 1449 .frm_form_field.frm_label_justify .frm_primary_label{
@@ -1592,8 +1468,13 @@
1592 1468 .frm_clearfix{
1593 1469 display:block;
1594 1470 }
1595 1471
1472 +.with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_icon_font::before {
1473 + color:<?php echo esc_html( $defaults['repeat_icon_color'] . $important ); ?>;
1474 + color:var(--repeat-icon-color)<?php echo esc_html( $important ); ?>;
1475 +}
1476 +
1596 1477 .with_frm_style .frm_combo_inputs_container > .frm_form_subfield-first,
1597 1478 .with_frm_style .frm_combo_inputs_container > .frm_form_subfield-middle,
1598 1479 .with_frm_style .frm_combo_inputs_container > .frm_form_subfield-last {
1599 1480 margin-bottom: 0 !important;
@@ -1598,24 +1479,14 @@
1598 1479 .with_frm_style .frm_combo_inputs_container > .frm_form_subfield-last {
1599 1480 margin-bottom: 0 !important;
1600 1481 }
1601 1482
1483 +/* Fonts */
1484 +<?php readfile( FrmAppHelper::plugin_path() . '/css/font_icons.css' ); ?>
1485 +<?php do_action( 'frm_include_front_css', compact( 'defaults' ) ); ?>
1602 1486
1603 -<?php
1604 -/**
1605 - * Call action so other plugins can add additional CSS.
1606 - *
1607 - * @param array $args {
1608 - *
1609 - * @type array $defaults
1610 - * }
1611 - */
1612 -do_action( 'frm_include_front_css', compact( 'defaults' ) );
1613 -?>
1614 -
1615 1487 /* Responsive */
1616 1488
1617 -<?php if ( $pro_is_installed ) { ?>
1618 1489 @media only screen and (max-width: 900px) {
1619 1490 .frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label,
1620 1491 .frm_form_field .frm_repeat_grid .frm_form_field.frm_seventh .frm_primary_label,
1621 1492 .frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth .frm_primary_label{
@@ -1621,9 +1492,8 @@
1621 1492 .frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth .frm_primary_label{
1622 1493 display: block !important;
1623 1494 }
1624 1495 }
1625 -<?php } ?>
1626 1496
1627 1497 @media only screen and (max-width: 600px) {
1628 1498 .frm_form_field.frm_four_col .frm_opt_container{
1629 1499 grid-template-columns: repeat(2, 1fr);
@@ -1628,14 +1498,12 @@
1628 1498 .frm_form_field.frm_four_col .frm_opt_container{
1629 1499 grid-template-columns: repeat(2, 1fr);
1630 1500 }
1631 1501
1632 - <?php if ( $pro_is_installed ) { ?>
1633 1502 .with_frm_style .frm_repeat_inline,
1634 1503 .with_frm_style .frm_repeat_grid{
1635 1504 margin: 20px 0;
1636 1505 }
1637 - <?php } ?>
1638 1506 }
1639 1507
1640 1508 @media only screen and (max-width: 500px) {
1641 1509 .frm_form_field.frm_two_col .frm_radio,
@@ -1660,8 +1528,9 @@
1660 1528 max-width:302px;
1661 1529 border-right:1px solid #d3d3d3;
1662 1530 border-radius:4px;
1663 1531 box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);
1532 + -moz-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);
1664 1533 }
1665 1534
1666 1535 .with_frm_style .g-recaptcha iframe,
1667 1536 .with_frm_style .frm-g-recaptcha iframe{
@@ -1667,18 +1536,7 @@
1667 1536 .with_frm_style .frm-g-recaptcha iframe{
1668 1537 width:100%;
1669 1538 }
1670 1539 }
1671 -
1672 -.frm-card-element .sq-card-wrapper .sq-card-message {
1673 - margin-bottom: 0;
1674 -}
1675 -.frm-card-errors:empty {
1676 - margin: 0;
1677 -}
1678 1540 <?php
1679 1541
1680 -$frm_custom_css = strip_tags( FrmStylesController::get_custom_css() );
1681 -
1682 -if ( $frm_custom_css ) {
1683 - echo FrmStylesHelper::maybe_scope_css_for_admin( $frm_custom_css ) . PHP_EOL; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
1684 -}
1542 +echo strip_tags( $defaults['custom_css'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped