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