Form builder to get in touch with visitors, grow your email list and collect payments — Happyforms - Version 1.7.3

Version Description

  • New feature: 'Select All' option added to Multiple Choice part that can be set in part's Advanced options.
  • Improvement: Better styles for disabled Submit button.
  • Improvement: Removed responses now get trashed instead of getting completely destroyed.
  • Improvement: Duplicating a part now places it right after the original part.
  • Bugfix: Improved behavior of Dropdowns on focus, blur, and when using down facing caret to trigger dropdown.
Download this release

Release Info

Developer thethemefoundry
Plugin Icon 128x128 Form builder to get in touch with visitors, grow your email list and collect payments — Happyforms
Version 1.7.3
Comparing to
See all releases

Code changes from version 1.7.2 to 1.7.3

Files changed (31) hide show
  1. happyforms.php +2 -2
  2. inc/core/assets/css/color.css +1317 -0
  3. inc/core/assets/css/{frontend.css → layout.css} +183 -977
  4. inc/core/assets/css/preview.css +6 -1
  5. inc/core/assets/css/rich-text-editor.css +0 -2
  6. inc/core/assets/js/customize.js +25 -5
  7. inc/core/assets/js/frontend/checkbox.js +36 -0
  8. inc/core/assets/js/frontend/rich-text.js +5 -0
  9. inc/core/assets/js/lib/happyforms-select.js +24 -12
  10. inc/core/assets/js/parts/part-checkbox.js +12 -0
  11. inc/core/assets/js/preview.js +12 -7
  12. inc/core/classes/class-form-setup.php +5 -2
  13. inc/core/classes/class-form-styles.php +7 -0
  14. inc/core/classes/class-happyforms-core.php +14 -1
  15. inc/core/classes/class-message-admin.php +8 -6
  16. inc/core/classes/class-message-controller.php +19 -13
  17. inc/core/classes/parts/class-part-checkbox.php +31 -0
  18. inc/core/classes/parts/class-part-date.php +1 -1
  19. inc/core/helpers/helper-form-templates.php +2 -2
  20. inc/core/templates/customize-controls/setup/radio.php +8 -0
  21. inc/core/templates/customize-controls/setup/select.php +8 -0
  22. inc/core/templates/customize-controls/style/heading.php +2 -2
  23. inc/core/templates/partials/form-submit-preview.php +1 -0
  24. inc/core/templates/partials/form-submit.php +1 -0
  25. inc/core/templates/parts/customize-checkbox.php +5 -0
  26. inc/core/templates/parts/customize-legal.php +4 -4
  27. inc/core/templates/parts/customize-narrative.php +1 -1
  28. inc/core/templates/parts/frontend-checkbox.php +12 -1
  29. inc/core/templates/parts/frontend-date-month.php +1 -1
  30. languages/happyforms.pot +140 -132
  31. readme.txt +11 -1
happyforms.php CHANGED
@@ -5,7 +5,7 @@
5
  * Plugin URI: https://happyforms.me
6
  * Description: Your friendly drag and drop contact form builder for creating contact forms, lead generation forms, feedback forms, quote forms, survey forms and more!
7
  * Author: The Theme Foundry
8
- * Version: 1.7.2
9
  * Author URI: https://thethemefoundry.com
10
  * Upgrade URI: https://thethemefoundry.com
11
  */
@@ -13,7 +13,7 @@
13
  /**
14
  * The current version of the plugin.
15
  */
16
- define( 'HAPPYFORMS_VERSION', '1.7.2' );
17
 
18
  if ( ! function_exists( 'happyforms_plugin_file' ) ):
19
  /**
5
  * Plugin URI: https://happyforms.me
6
  * Description: Your friendly drag and drop contact form builder for creating contact forms, lead generation forms, feedback forms, quote forms, survey forms and more!
7
  * Author: The Theme Foundry
8
+ * Version: 1.7.3
9
  * Author URI: https://thethemefoundry.com
10
  * Upgrade URI: https://thethemefoundry.com
11
  */
13
  /**
14
  * The current version of the plugin.
15
  */
16
+ define( 'HAPPYFORMS_VERSION', '1.7.3' );
17
 
18
  if ( ! function_exists( 'happyforms_plugin_file' ) ):
19
  /**
inc/core/assets/css/color.css ADDED
@@ -0,0 +1,1317 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ :root {
2
+ /* colors */
3
+ --happyforms-color-primary: #000;
4
+ --happyforms-color-success: #39b54a;
5
+ --happyforms-color-error: #ff7550;
6
+ --happyforms-color-part-title: #000;
7
+ --happyforms-color-part-value: #000;
8
+ --happyforms-color-part-placeholder: #888888;
9
+ --happyforms-color-part-required-text: #ff7550;
10
+ --happyforms-color-part-border: #dbdbdb;
11
+ --happyforms-color-part-border-focus: #407fff;
12
+ --happyforms-color-part-background: #fff;
13
+ --happyforms-color-part-background-focus: #fff;
14
+ --happyforms-color-submit-background: #407fff;
15
+ --happyforms-color-submit-background-hover: #3567cc;
16
+ --happyforms-color-submit-background-focus: #3567cc;
17
+ --happyforms-color-submit-border: transparent;
18
+ --happyforms-color-submit-text: #fff;
19
+ --happyforms-color-submit-text-hover: #fff;
20
+ --happyforms-color-rating: #ccc;
21
+ --happyforms-color-rating-hover: #f39c00;
22
+ --happyforms-color-table-row-odd: #fcfcfc;
23
+ --happyforms-color-table-row-even: #efefef;
24
+ --happyforms-color-table-row-odd-text: #000;
25
+ --happyforms-color-table-row-even-text: #000;
26
+ --happyforms-color-choice-checkmark-bg: #fff;
27
+ --happyforms-color-choice-checkmark-bg-focus: #000;
28
+ --happyforms-color-choice-checkmark-color: #fff;
29
+ --happyforms-color-dropdown-bg-color: #fff;
30
+ --happyforms-color-dropdown-item-bg: #fff;
31
+ --happyforms-color-dropdown-item-text: #000;
32
+ --happyforms-color-dropdown-item-bg-hover: #dbdbdb;
33
+ --happyforms-color-dropdown-item-text-hover: #000;
34
+ --happyforms-color-rating-bg: #efefef;
35
+ --happyforms-color-rating-bg-hover: #407fff;
36
+ /* font */
37
+ --happyforms-form-title-font-size: 32px;
38
+ --happyforms-form-font-weight: normal;
39
+ --happyforms-part-title-font-size: 16px;
40
+ --happyforms-part-description-font-size: 14px;
41
+ --happyforms-part-value-font-size: 16px;
42
+ --happyforms-submit-button-font-size: 18px;
43
+ /* animations and transitions */
44
+ --happyforms-transition-duration: 0.25s;
45
+ }
46
+
47
+ .happyforms-form form.happyforms-styles {
48
+ font-weight: normal;
49
+ font-weight: var(--happyforms-form-font-weight);
50
+ transition: opacity 0.25s ease-in-out;
51
+ transition: opacity var(--happyforms-transition-duration) ease-in-out;
52
+ }
53
+
54
+ .happyforms-styles h3.happyforms-form__title {
55
+ font-weight: normal;
56
+ font-size: 32px;
57
+ font-size: var(--happyforms-form-title-font-size);
58
+ color: #000;
59
+ color: var(--happyforms-color-primary);
60
+ }
61
+
62
+ /* parts - general */
63
+
64
+ .happyforms-styles .happyforms-part__label {
65
+ line-height: 1;
66
+ font-weight: normal;
67
+ font-size: 16px;
68
+ font-size: var(--happyforms-part-title-font-size);
69
+ background-color: transparent;
70
+ }
71
+
72
+ .happyforms-styles .happyforms-part__label .label,
73
+ .happyforms-styles .happyforms-part__label .happyforms-optional {
74
+ font-weight: normal;
75
+ font-style: normal;
76
+ font-size: 16px;
77
+ font-size: var(--happyforms-part-title-font-size);
78
+ color: #000;
79
+ color: var(--happyforms-color-part-title);
80
+ background-color: transparent;
81
+ }
82
+
83
+ .happyforms-styles .happyforms-part__description {
84
+ font-size: 14px;
85
+ font-size: var(--happyforms-part-description-font-size);
86
+ color: #000;
87
+ color: var(--happyforms-color-primary);
88
+ }
89
+
90
+ .happyforms-styles .happyforms-part input[type=text],
91
+ .happyforms-styles .happyforms-part input[type=password],
92
+ .happyforms-styles .happyforms-part input[type=email],
93
+ .happyforms-styles .happyforms-part input[type=tel],
94
+ .happyforms-styles .happyforms-part input[type=number],
95
+ .happyforms-styles .happyforms-part input[type=range],
96
+ .happyforms-styles .happyforms-part textarea {
97
+ margin: 0;
98
+ padding: 10px;
99
+ border-width: 1px;
100
+ border-style: solid;
101
+ border-color: #dbdbdb !important;
102
+ border-color: var(--happyforms-color-part-border) !important;
103
+ border-radius: 6px;
104
+ border-radius: 6px !important;
105
+ box-shadow: none;
106
+ box-sizing: border-box;
107
+ font-style: normal;
108
+ font-size: 16px;
109
+ font-size: var(--happyforms-part-value-font-size);
110
+ background-color: #fff !important;
111
+ background-color: var(--happyforms-color-part-background) !important;
112
+ color: #000;
113
+ color: var(--happyforms-color-part-value);
114
+ transition-property: none;
115
+ transition-duration: 0.1s;
116
+ transition-duration: var(--happyforms-transition-duration);
117
+ transition-timing-function: ease-in;
118
+ }
119
+
120
+ .happyforms-styles .happyforms-part input[type=text],
121
+ .happyforms-styles .happyforms-part input[type=password],
122
+ .happyforms-styles .happyforms-part input[type=email],
123
+ .happyforms-styles .happyforms-part input[type=tel],
124
+ .happyforms-styles .happyforms-part input[type=number],
125
+ .happyforms-styles .happyforms-part input[type=range] {
126
+ height: auto !important;
127
+ }
128
+
129
+ .happyforms-styles.happyforms-form--part-border-off .happyforms-part input[type=text],
130
+ .happyforms-styles.happyforms-form--part-border-off .happyforms-part input[type=password],
131
+ .happyforms-styles.happyforms-form--part-border-off .happyforms-part input[type=email],
132
+ .happyforms-styles.happyforms-form--part-border-off .happyforms-part input[type=tel],
133
+ .happyforms-styles.happyforms-form--part-border-off .happyforms-part input[type=number],
134
+ .happyforms-styles.happyforms-form--part-border-off .happyforms-part input[type=range],
135
+ .happyforms-styles.happyforms-form--part-border-off .happyforms-part textarea {
136
+ border-color: transparent !important;
137
+ }
138
+
139
+ .happyforms-styles .happyforms-part input[type=text]:focus,
140
+ .happyforms-styles .happyforms-part input[type=password]:focus,
141
+ .happyforms-styles .happyforms-part input[type=email]:focus,
142
+ .happyforms-styles .happyforms-part input[type=tel]:focus,
143
+ .happyforms-styles .happyforms-part input[type=number]:focus,
144
+ .happyforms-styles .happyforms-part textarea:focus {
145
+ outline: 0;
146
+ border-color: #407fff !important;
147
+ border-color: var(--happyforms-color-part-border-focus) !important;
148
+ color: #000;
149
+ color: var(--happyforms-color-part-value);
150
+ background-color: #fff !important;
151
+ background-color: var(--happyforms-color-part-background-focus) !important;
152
+ box-shadow: inset 0 0 0 1px #407fff;
153
+ box-shadow: inset 0 0 0 1px var(--happyforms-color-part-border-focus);
154
+ }
155
+
156
+ .happyforms-styles .happyforms-part select:focus {
157
+ outline: 0;
158
+ }
159
+
160
+ .happyforms-styles.happyforms-form--part-border-off .happyforms-part input[type=text]:focus,
161
+ .happyforms-styles.happyforms-form--part-border-off .happyforms-part input[type=password]:focus,
162
+ .happyforms-styles.happyforms-form--part-border-off .happyforms-part input[type=email]:focus,
163
+ .happyforms-styles.happyforms-form--part-border-off .happyforms-part input[type=tel]:focus,
164
+ .happyforms-styles.happyforms-form--part-border-off .happyforms-part input[type=number]:focus,
165
+ .happyforms-styles.happyforms-form--part-border-off .happyforms-part textarea:focus {
166
+ border-color: transparent !important;
167
+ }
168
+
169
+ .happyforms-styles .happyforms-part.happyforms-part--error input[type=text],
170
+ .happyforms-styles .happyforms-part.happyforms-part--error input[type=password],
171
+ .happyforms-styles .happyforms-part.happyforms-part--error input[type=email],
172
+ .happyforms-styles .happyforms-part.happyforms-part--error input[type=tel],
173
+ .happyforms-styles .happyforms-part.happyforms-part--error input[type=number],
174
+ .happyforms-styles .happyforms-part.happyforms-part--error input[type=range],
175
+ .happyforms-styles .happyforms-part.happyforms-part--error textarea {
176
+ border-color: #ff7550;
177
+ border-color: var(--happyforms-color-error);
178
+ }
179
+
180
+ .happyforms-styles .happyforms-part.display-type--block .happyforms-part__el {
181
+ display: block;
182
+ width: 100%;
183
+ }
184
+
185
+ /* placeholders */
186
+
187
+ .happyforms-styles .happyforms-part ::-webkit-input-placeholder {
188
+ font-weight: normal;
189
+ font-style: normal;
190
+ color: #888888;
191
+ color: var(--happyforms-color-part-placeholder) !important;
192
+ }
193
+
194
+ .happyforms-styles .happyforms-part ::-moz-placeholder {
195
+ font-weight: normal;
196
+ font-style: normal;
197
+ color: #888888;
198
+ color: var(--happyforms-color-part-placeholder) !important;
199
+ }
200
+
201
+ .happyforms-styles .happyforms-part ::-ms-placeholder {
202
+ font-weight: normal;
203
+ font-style: normal;
204
+ color: #888888;
205
+ color: var(--happyforms-color-part-placeholder) !important;
206
+ }
207
+
208
+ .happyforms-styles .happyforms-part ::placeholder {
209
+ font-weight: normal;
210
+ font-style: normal;
211
+ color: #888888;
212
+ color: var(--happyforms-color-part-placeholder) !important;
213
+ }
214
+
215
+ .happyforms-styles .happyforms-part-el-wrap {
216
+ position: relative;
217
+ }
218
+
219
+ .happyforms-styles .happyforms-part-wrap {
220
+ position: relative;
221
+ }
222
+
223
+ .happyforms-styles .happyforms-part-wrap--confirmation {
224
+ margin-top: 10px;
225
+ }
226
+
227
+ .happyforms-styles .happyforms-required {
228
+ color: #ff7550;
229
+ color: var(--happyforms-color-part-required-text);
230
+ }
231
+
232
+ /* parts - option labels */
233
+
234
+ .happyforms-styles .happyforms-part .option-label {
235
+ font-size: 16px;
236
+ font-size: var(--happyforms-part-value-font-size);
237
+ }
238
+
239
+ .happyforms-styles .happyforms-part--choice .option-label {
240
+ padding: 10px;
241
+ background-color: #fff;
242
+ }
243
+
244
+ .happyforms-styles .happyforms-part--choice .option-label .border {
245
+ position: absolute;
246
+ top: 0;
247
+ left: 0;
248
+ z-index: 0;
249
+ width: 100%;
250
+ height: 100%;
251
+ border-radius: 6px;
252
+ border: 1px solid;
253
+ border-color: #dbdbdb;
254
+ border-color: var(--happyforms-color-part-border);
255
+ background-color: #fff;
256
+ background-color: var(--happyforms-color-part-background);
257
+ transition: border-color var(--happyforms-transition-duration);
258
+ }
259
+
260
+ .happyforms-styles.happyforms-form--part-borders-bottom-only .happyforms-part--choice .option-label .border {
261
+ border-top-color: transparent;
262
+ border-left-color: transparent;
263
+ border-right-color: transparent;
264
+ }
265
+
266
+ .happyforms-styles.happyforms-form--part-border-off .option-label .border {
267
+ border-color: transparent;
268
+ }
269
+
270
+ .happyforms-styles .happyforms-part--choice .option-label input {
271
+ top: 3px;
272
+ }
273
+
274
+ .happyforms-styles .happyforms-part--choice input:checked~.border,
275
+ .happyforms-styles .happyforms-part--choice .option-label:hover .border {
276
+ border-width: 2px;
277
+ border-color: #407fff;
278
+ border-color: var(--happyforms-color-part-border-focus);
279
+ background-color: #fff;
280
+ background-color: var(--happyforms-color-part-background-focus);
281
+ }
282
+
283
+ .happyforms-styles.happyforms-form--part-borders-bottom-only .happyforms-part--choice input:checked~.border,
284
+ .happyforms-styles.happyforms-form--part-borders-bottom-only .happyforms-part--choice .option-label:hover .border {
285
+ border-top-color: transparent;
286
+ border-left-color: transparent;
287
+ border-right-color: transparent;
288
+ }
289
+
290
+ .happyforms-styles .happyforms-part-option {
291
+ margin-bottom: 20px;
292
+ }
293
+
294
+ .happyforms-styles .happyforms-part .option-label {
295
+ margin-bottom: 10px;
296
+ }
297
+
298
+ .happyforms-styles .happyforms-part .option-label .label {
299
+ font-weight: normal;
300
+ font-size: 16px;
301
+ font-size: var(--happyforms-part-value-font-size);
302
+ color: #000;
303
+ color: var(--happyforms-color-part-value);
304
+ }
305
+
306
+ .happyforms-styles .happyforms-part-option__description {
307
+ font-size: 12px;
308
+ color: #000;
309
+ color: var(--happyforms-color-primary);
310
+ }
311
+
312
+ /* tooltips */
313
+
314
+ .happyforms-styles .happyforms-tooltip__trigger:after {
315
+ color: #fff;
316
+ color: var(--happyforms-color-part-background);
317
+ background-color: #000;
318
+ background-color: var(--happyforms-color-part-value);
319
+ }
320
+
321
+ .happyforms-styles .happyforms-tooltip .happyforms-part__description {
322
+ border-radius: 6px;
323
+ font-weight: normal;
324
+ color: #000;
325
+ color: var(--happyforms-color-primary);
326
+ background-color: #fff;
327
+ background-color: var(--happyforms-color-part-background);
328
+ transition: opacity 0.2s;
329
+ }
330
+
331
+ .happyforms-styles .happyforms-part--label-below .happyforms-tooltip .happyforms-part__description {
332
+ top: 5px;
333
+ }
334
+
335
+ .happyforms-styles .happyforms-part--choice .happyforms-tooltip .happyforms-part__description,
336
+ .happyforms-styles .happyforms-part--select .happyforms-tooltip .happyforms-part__description,
337
+ .happyforms-styles .happyforms-part--address-has-geolocation .happyforms-tooltip .happyforms-part__description,
338
+ .happyforms-styles .happyforms-part--table .happyforms-tooltip .happyforms-part__description,
339
+ .happyforms-styles .happyforms-part--scale .happyforms-tooltip .happyforms-part__description,
340
+ .happyforms-styles .happyforms-part--rating .happyforms-tooltip .happyforms-part__description,
341
+ .happyforms-styles .happyforms-part--date .happyforms-tooltip .happyforms-part__description,
342
+ .happyforms-styles .happyforms-part--rich_text .happyforms-tooltip .happyforms-part__description {
343
+ top: -10px;
344
+ }
345
+
346
+ .happyforms-styles .happyforms-part--multi_line_text .happyforms-tooltip .happyforms-part__description {
347
+ top: 5px;
348
+ transform: none;
349
+ }
350
+
351
+ .happyforms-styles .happyforms-part--label-inside .happyforms-tooltip .happyforms-part__description,
352
+ .happyforms-styles .happyforms-part--label-as_placeholder .happyforms-tooltip .happyforms-part__description {
353
+ transform: translate(0, -35px);
354
+ }
355
+
356
+ .happyforms-styles .happyforms-part--multi_line_text.happyforms-part--label-below .happyforms-tooltip .happyforms-part__description,
357
+ .happyforms-styles .happyforms-part--label-inside.happyforms-part--multi_line_text .happyforms-tooltip .happyforms-part__description,
358
+ .happyforms-styles .happyforms-part--label-as_placeholder.happyforms-part--multi_line_text .happyforms-tooltip .happyforms-part__description {
359
+ top: 14px;
360
+ transform: none;
361
+ }
362
+
363
+ .happyforms-styles .happyforms-tooltip .happyforms-part__description:after {
364
+ border-top-color: #fff;
365
+ border-top-color: var(--happyforms-color-part-background);
366
+ }
367
+
368
+ /* parts - radio, checkbox */
369
+
370
+ .happyforms-styles .happyforms-part .checkmark {
371
+ position: relative;
372
+ top: 0;
373
+ z-index: 5;
374
+ display: flex;
375
+ align-items: center;
376
+ justify-content: center;
377
+ width: 20px;
378
+ min-width: 20px;
379
+ height: 20px;
380
+ border-radius: 50%;
381
+ border: 1px solid;
382
+ border-color: #dbdbdb;
383
+ border-color: var(--happyforms-color-part-border);
384
+ background-color: #fff;
385
+ background-color: var(--happyforms-color-choice-checkmark-bg);
386
+ color: #fff;
387
+ color: var(--happyforms-color-choice-checkmark-color);
388
+ }
389
+
390
+ .happyforms-styles .happyforms-part .checkmark svg {
391
+ display: none;
392
+ }
393
+
394
+ .happyforms-styles .happyforms-part--checkbox .checkmark,
395
+ .happyforms-styles .happyforms-part--table.happyforms-selection--multiple .checkmark,
396
+ .happyforms-styles .happyforms-part--legal .checkmark {
397
+ border-radius: 6px;
398
+ }
399
+
400
+ .happyforms-styles.happyforms-form--part-border-radius-square .happyforms-part--checkbox .checkmark,
401
+ .happyforms-styles.happyforms-form--part-border-radius-square .happyforms-part--table.happyforms-selection--multiple .checkmark,
402
+ .happyforms-styles.happyforms-form--part-border-radius-square .happyforms-part--legal .checkmark {
403
+ border-radius: 0;
404
+ }
405
+
406
+ .happyforms-styles .happyforms-part .option-label input:checked+.checkmark {
407
+ border-color: transparent;
408
+ background-color: #000;
409
+ background-color: var(--happyforms-color-choice-checkmark-bg-focus);
410
+ }
411
+
412
+ .happyforms-styles .happyforms-part input:checked+.checkmark svg {
413
+ display: block;
414
+ }
415
+
416
+ /* parts - scale */
417
+
418
+ .happyforms-styles .happyforms-part input[type=range] {
419
+ -webkit-appearance: none;
420
+ padding: 0;
421
+ border: 0;
422
+ width: 100%;
423
+ height: 1px !important;
424
+ background: #dbdbdb;
425
+ background: var(--happyforms-color-part-border);
426
+ }
427
+
428
+ .happyforms-styles .happyforms-part input[type=range]:focus {
429
+ border: 0;
430
+ outline: 0;
431
+ }
432
+
433
+ .happyforms-styles .happyforms-part input[type=range]::-webkit-slider-runnable-track {
434
+ width: 100%;
435
+ cursor: pointer;
436
+ animate: 0.25s;
437
+ animate: var(--happyforms-transition-duration);
438
+ box-shadow: none;
439
+ }
440
+
441
+ .happyforms-styles .happyforms-part input[type=range]::-webkit-slider-thumb {
442
+ -webkit-appearance: none;
443
+ width: 20px;
444
+ height: 20px;
445
+ margin-top: -3px;
446
+ border: 1px solid;
447
+ border-color: #000;
448
+ border-color: var(--happyforms-color-part-value);
449
+ border-radius: 50%;
450
+ box-shadow: none;
451
+ background: #000;
452
+ background: var(--happyforms-color-part-value);
453
+ cursor: pointer;
454
+ }
455
+
456
+ .happyforms-styles .happyforms-part input[type=range]::-moz-range-track {
457
+ width: 100%;
458
+ cursor: pointer;
459
+ animate: 0.25s;
460
+ animate: var(--happyforms-transition-duration);
461
+ box-shadow: none;
462
+ }
463
+
464
+ .happyforms-styles .happyforms-part input[type=range]::-moz-range-thumb {
465
+ width: 20px;
466
+ height: 20px;
467
+ margin-top: -3px;
468
+ border: 1px solid;
469
+ border-color: #000;
470
+ border-color: var(--happyforms-color-part-value);
471
+ border-radius: 50%;
472
+ box-shadow: none;
473
+ background: #000;
474
+ background: var(--happyforms-color-part-value);
475
+ cursor: pointer;
476
+ }
477
+
478
+ .happyforms-styles .happyforms-part input[type=range]::-ms-track {
479
+ width: 100%;
480
+ cursor: pointer;
481
+ animate: 0.25s;
482
+ animate: var(--happyforms-transition-duration);
483
+ box-shadow: none;
484
+ }
485
+
486
+ .happyforms-styles .happyforms-part input[type=range]::-ms-fill-lower {
487
+ background: #000;
488
+ background: var(--happyforms-color-part-value);
489
+ border: 0;
490
+ box-shadow: none;
491
+ }
492
+
493
+ .happyforms-styles .happyforms-part input[type=range]::-ms-fill-upper {
494
+ background: #000;
495
+ background: var(--happyforms-color-part-value);
496
+ border: 0;
497
+ box-shadow: none;
498
+ }
499
+
500
+ .happyforms-styles .happyforms-part input[type=range]::-ms-thumb {
501
+ width: 20px;
502
+ height: 20px;
503
+ margin-top: -3px;
504
+ border: 1px solid #000;
505
+ border: var(--happyforms-color-part-value);
506
+ border-radius: 50%;
507
+ box-shadow: none;
508
+ background: #000;
509
+ background: var(--happyforms-color-part-value);
510
+ cursor: pointer;
511
+ }
512
+
513
+ .happyforms-styles .happyforms-part input[type=range]:focus::-ms-fill-lower {
514
+ background: #000;
515
+ background: var(--happyforms-color-part-value);
516
+ }
517
+
518
+ .happyforms-styles .happyforms-part input[type=range]:focus::-ms-fill-upper {
519
+ background: #000;
520
+ background: var(--happyforms-color-part-value);
521
+ }
522
+
523
+ .happyforms-styles .happyforms-part--scale output {
524
+ display: block;
525
+ position: relative;
526
+ width: 100%;
527
+ font-size: 16px;
528
+ font-size: var(--happyforms-part-value-font-size);
529
+ }
530
+
531
+ .happyforms-styles .happyforms-part--scale output span {
532
+ position: absolute;
533
+ left: 0;
534
+ color: #000;
535
+ color: var(--happyforms-color-part-value);
536
+ }
537
+
538
+ .happyforms-styles .happyforms-part--scale output span {
539
+ position: absolute;
540
+ left: 0;
541
+ }
542
+
543
+ .happyforms-styles .happyforms-part--scale__labels {
544
+ position: relative;
545
+ width: 100%;
546
+ font-size: 16px;
547
+ font-size: var(--happyforms-part-value-font-size);
548
+ color: #888888;
549
+ color: var(--happyforms-color-part-placeholder);
550
+ }
551
+
552
+ /* parts - placeholder */
553
+
554
+ .happyforms-styles .happyforms-part--placeholder p {
555
+ font-size: 16px;
556
+ color: #000;
557
+ }
558
+
559
+ /* parts - select */
560
+
561
+ .happyforms-styles .happyforms-part__select-bg {
562
+ padding: 1px 0 2px;
563
+ border: 1px solid;
564
+ border-radius: 6px;
565
+ border-color: #dbdbdb;
566
+ border-color: var(--happyforms-color-part-border);
567
+ background-color: #fff;
568
+ background-color: var(--happyforms-color-part-background);
569
+ }
570
+
571
+ .happyforms-styles .happyforms-part__select-wrap:after {
572
+ border-top: 6px solid #000;
573
+ }
574
+
575
+ .happyforms-styles .happyforms-part--select select:focus,
576
+ .happyforms-styles .happyforms-part--date select:focus {
577
+ outline-width: 1px;
578
+ outline-color: #000000;
579
+ outline-color: var(--happyforms-color-part-value);
580
+ }
581
+
582
+ .happyforms-styles .happyforms-part-date__time-input .happyforms-spinner-arrow {
583
+ border-top: 6px solid #000;
584
+ border-top: 6px solid var(--happyforms-color-part-value);
585
+ background-position: left top;
586
+ background-size: cover;
587
+ }
588
+
589
+ /* parts - rating */
590
+
591
+ .happyforms-styles .happyforms-part--rating .happyforms-star__label {
592
+ color: #f39c00;
593
+ color: var(--happyforms-color-rating-hover);
594
+ }
595
+
596
+ .happyforms-styles .happyforms-part--rating .happyforms-part__el {
597
+ fill: #ccc;
598
+ fill: var(--happyforms-color-rating);
599
+ stroke: #ccc;
600
+ stroke: var(--happyforms-color-rating);
601
+ }
602
+
603
+ .happyforms-styles .happyforms-part--rating:hover .happyforms-part__el {
604
+ color: #ccc;
605
+ fill: #f39c00;
606
+ fill: var(--happyforms-color-rating-hover);
607
+ stroke: #f39c00;
608
+ stroke: var(--happyforms-color-rating-hover);
609
+ }
610
+
611
+ .happyforms-styles .happyforms-part--rating .happyforms-star__label {
612
+ color: #f39c00;
613
+ color: var(--happyforms-color-rating-hover);
614
+ }
615
+
616
+ .happyforms-styles .happyforms-part--rating:not(:hover) input:first-child:checked~label,
617
+ .happyforms-styles .happyforms-part--rating input:hover+label~label:not(:hover),
618
+ .happyforms-styles .happyforms-part--rating:hover input:checked+label:hover~label,
619
+ .happyforms-styles .happyforms-part--rating:not(:hover) input:checked+label~label {
620
+ color: #ccc;
621
+ color: var(--happyforms-color-rating);
622
+ }
623
+
624
+ .happyforms-styles .happyforms-rating--thumbs .happyforms-rating-wrap label,
625
+ .happyforms-styles .happyforms-rating--smileys .happyforms-rating-wrap label {
626
+ border: 1px solid #dbdbdb;
627
+ border: 1px solid var(--happyforms-color-part-border);
628
+ border-radius: 6px;
629
+ background-color: #fff;
630
+ background-color: var(--happyforms-color-part-background);
631
+ }
632
+
633
+ .happyforms-styles .happyforms-rating--smileys .happyforms-rating-wrap input:checked + label,
634
+ .happyforms-styles .happyforms-rating--thumbs .happyforms-rating-wrap input:checked + label,
635
+ .happyforms-styles .happyforms-rating--smileys .happyforms-rating-wrap label:hover,
636
+ .happyforms-styles .happyforms-rating--thumbs .happyforms-rating-wrap label:hover {
637
+ border-color: #407fff !important;
638
+ border-color: var(--happyforms-color-part-border-focus) !important;
639
+ background-color: #fff;
640
+ background-color: var(--happyforms-color-part-background-focus);
641
+ box-shadow: inset 0 0 0 1px #407fff;
642
+ box-shadow: inset 0 0 0 1px var(--happyforms-color-part-border-focus);
643
+ }
644
+
645
+ .happyforms-styles .happyforms-rating--smileys label img,
646
+ .happyforms-styles .happyforms-rating--thumbs label img {
647
+ transition: width 0.2s ease-in-out;
648
+ transition: width var(--happyforms-transition-duration) ease-in-out;
649
+ }
650
+
651
+ .happyforms-styles .happyforms-rating__item-wrap .happyforms-rating__item-label {
652
+ font-size: 16px;
653
+ font-size: var(--happyforms-part-value-font-size);
654
+ color: #000;
655
+ color: var(--happyforms-color-part-value);
656
+ }
657
+
658
+ .happyforms-styles .happyforms-rating--smileys .happyforms-part__el input:checked + label .happyforms-rating__item-label,
659
+ .happyforms-styles .happyforms-rating--smileys .happyforms-part__el label:hover .happyforms-rating__item-label {
660
+ color: #000;
661
+ color: var(--happyforms-color-part-value);
662
+ }
663
+
664
+ /* parts - legal */
665
+
666
+ .happyforms-styles .happyforms-part--legal label {
667
+ font-weight: normal;
668
+ font-size: 16px;
669
+ font-size: var(--happyforms-part-value-font-size);
670
+ }
671
+
672
+ /* parts - address */
673
+
674
+ .happyforms-styles a.address-geolocate {
675
+ position: absolute;
676
+ top: 2px;
677
+ right: 6px;
678
+ display: flex;
679
+ align-items: center;
680
+ height: calc( 100% - 4px ) !important;
681
+ padding: 0;
682
+ box-shadow: none;
683
+ font-style: normal;
684
+ font-size: 16px;
685
+ font-size: var(--happyforms-part-value-font-size);
686
+ font-weight: normal;
687
+ text-decoration: underline;
688
+ background-color: #fff;
689
+ background-color: var(--happyforms-color-part-background);
690
+ color: #000;
691
+ color: var(--happyforms-color-part-value);
692
+ transition: border-color 0.25s;
693
+ transition: border-color var(--happyforms-transition-duration);
694
+ box-shadow: inset -1px -1px -1px 1px var(--happyforms-color-part-border);
695
+ }
696
+
697
+ .happyforms-styles a.address-geolocate svg {
698
+ display: inline-block;
699
+ vertical-align: middle;
700
+ width: calc(var(--happyforms-part-value-font-size) * (96 / 100) + 3px);
701
+ height: calc(var(--happyforms-part-value-font-size) * (96 / 100));
702
+ fill: #000;
703
+ fill: var(--happyforms-color-part-value);
704
+ }
705
+
706
+ .happyforms-styles .happyforms-part input[type=text]:focus + a.address-geolocate {
707
+ background-color: #fff;
708
+ background-color: var(--happyforms-color-part-background-focus);
709
+ }
710
+
711
+ /* submit button */
712
+
713
+ .happyforms-styles input[type=submit].happyforms-button--submit,
714
+ .happyforms-styles input[type=submit][disabled].happyforms-button--submit {
715
+ -webkit-appearance: none;
716
+ height: auto;
717
+ padding: 20px 40px;
718
+ border-radius: 4px;
719
+ border: 1px solid transparent !important;
720
+ border-color: var(--happyforms-color-submit-border) !important;
721
+ font-weight: bold;
722
+ font-style: normal;
723
+ font-size: 18px;
724
+ font-size: var(--happyforms-submit-button-font-size);
725
+ color: #fff;
726
+ color: var(--happyforms-color-submit-text);
727
+ background-color: #407fff;
728
+ background-color: var(--happyforms-color-submit-background);
729
+ background: #407fff;
730
+ background: var(--happyforms-color-submit-background);
731
+ text-transform: none;
732
+ transition-property: all;
733
+ transition-duration: 0.25s;
734
+ transition-duration: var(--happyforms-transition-duration);
735
+ transition-timing-function: ease-in;
736
+ }
737
+
738
+ .happyforms-styles input[type=submit][disabled].happyforms-button--submit {
739
+ opacity: 0.5;
740
+ }
741
+
742
+ .happyforms-styles input[type=submit].happyforms-button--submit:hover,
743
+ .happyforms-styles input[type=submit].happyforms-button--submit:focus {
744
+ cursor: pointer;
745
+ border-radius: 4px;
746
+ border-color: transparent !important;
747
+ border-color: var(--happyforms-color-submit-border) !important;
748
+ background-color: #3567cc;
749
+ background-color: var(--happyforms-color-submit-background-hover);
750
+ background: #3567cc;
751
+ background: var(--happyforms-color-submit-background-hover);
752
+ text-transform: none;
753
+ color: #fff;
754
+ color: var(--happyforms-color-submit-text-hover);
755
+ }
756
+
757
+ .happyforms-styles input[type=submit][disabled].happyforms-button--submit:hover,
758
+ .happyforms-styles input[type=submit][disabled].happyforms-button--submit:focus {
759
+ cursor: default;
760
+ background-color: #407fff;
761
+ background-color: var(--happyforms-color-submit-background);
762
+ background: #407fff;
763
+ background: var(--happyforms-color-submit-background);
764
+ color: #fff;
765
+ color: var(--happyforms-color-submit-text);
766
+ }
767
+
768
+ .happyforms-styles .happyforms-visuallyhidden {
769
+ position: absolute;
770
+ border: 0;
771
+ clip: rect(0 0 0 0);
772
+ width: 1px;
773
+ height: 1px;
774
+ margin: -1px;
775
+ padding: 0;
776
+ overflow: hidden;
777
+ }
778
+
779
+ /* notices */
780
+ form.happyforms-styles .happyforms-flex > .happyforms-message-notices .happyforms-message-notice {
781
+ padding: 25px;
782
+ border: 3px solid;
783
+ background-color: transparent;
784
+ color: #000;
785
+ color: var(--happyforms-color-primary);
786
+ }
787
+
788
+ form.happyforms-styles .happyforms-flex > .happyforms-message-notices .success {
789
+ border-color: #39b54a;
790
+ border-color: var(--happyforms-color-success);
791
+ }
792
+
793
+ form.happyforms-styles .happyforms-flex > .happyforms-message-notices .error {
794
+ border-color: #ff7550;
795
+ border-color: var(--happyforms-color-error);
796
+ }
797
+
798
+ .happyforms-styles .happyforms-message-notices h2 {
799
+ margin-top: 0 !important;
800
+ margin-bottom: 0 !important;
801
+ padding-top: 0 !important;
802
+ padding-bottom: 0 !important;
803
+ font-size: 16px !important;
804
+ }
805
+
806
+ .happyforms-styles .happyforms-message-notices h2 span {
807
+ display: block;
808
+ font-weight: normal;
809
+ font-size: 14px;
810
+ }
811
+
812
+ .happyforms-styles .happyforms-form__part .happyforms-message-notices h2 {
813
+ font-weight: normal !important;
814
+ font-size: 16px !important;
815
+ font-size: var(--happyforms-part-value-font-size) !important;
816
+ }
817
+
818
+ .happyforms-styles .happyforms-form__part .happyforms-message-notice.error h2 {
819
+ color: #ff7550;
820
+ color: var(--happyforms-color-error);
821
+ }
822
+
823
+ /* umbrella classes */
824
+ .happyforms-styles.happyforms-form--part-border-radius-square .happyforms-part input[type=text],
825
+ .happyforms-styles.happyforms-form--part-border-radius-square .happyforms-part input[type=password],
826
+ .happyforms-styles.happyforms-form--part-border-radius-square .happyforms-part input[type=email],
827
+ .happyforms-styles.happyforms-form--part-border-radius-square .happyforms-part input[type=tel],
828
+ .happyforms-styles.happyforms-form--part-border-radius-square .happyforms-part input[type=number],
829
+ .happyforms-styles.happyforms-form--part-border-radius-square .happyforms-part input[type=range],
830
+ .happyforms-styles.happyforms-form--part-border-radius-square .happyforms-part textarea,
831
+ .happyforms-styles.happyforms-form--part-border-radius-square .happyforms-part .happyforms-part__select-bg,
832
+ .happyforms-styles.happyforms-form--part-border-radius-square .happyforms-part--address__results ul,
833
+ .happyforms-styles.happyforms-form--part-border-radius-square .happyforms-country-select__selected-country {
834
+ border-radius: 0px !important;
835
+ }
836
+
837
+ .happyforms-styles.happyforms-form--part-border-radius-square .happyforms-part--choice .option-label .border {
838
+ border-radius: 0px;
839
+ }
840
+
841
+ .happyforms-styles.happyforms-form--part-border-radius-pill .happyforms-part input[type=text],
842
+ .happyforms-styles.happyforms-form--part-border-radius-pill .happyforms-part input[type=password],
843
+ .happyforms-styles.happyforms-form--part-border-radius-pill .happyforms-part input[type=email],
844
+ .happyforms-styles.happyforms-form--part-border-radius-pill .happyforms-part input[type=tel],
845
+ .happyforms-styles.happyforms-form--part-border-radius-pill .happyforms-part input[type=number],
846
+ .happyforms-styles.happyforms-form--part-border-radius-pill .happyforms-part input[type=range],
847
+ .happyforms-styles.happyforms-form--part-border-radius-pill .happyforms-part textarea {
848
+ border-radius: 25px !important;
849
+ padding-left: 25px;
850
+ padding-right: 25px;
851
+ }
852
+
853
+ .happyforms-styles.happyforms-form--part-border-radius-pill .happyforms-part textarea {
854
+ padding: 15px;
855
+ }
856
+
857
+ .happyforms-styles.happyforms-form--part-border-radius-pill .happyforms-part .happyforms-part__select-bg {
858
+ border-radius: 25px;
859
+ padding-left: 15px;
860
+ }
861
+
862
+ .happyforms-styles.happyforms-form--part-border-radius-pill .happyforms-part--address__results ul {
863
+ border-radius: 25px;
864
+ }
865
+
866
+ .happyforms-styles.happyforms-form--part-border-radius-pill .happyforms-part--choice .option-label .border {
867
+ border-radius: 25px;
868
+ }
869
+
870
+ .happyforms-styles.happyforms-form--part-border-radius-pill .happyforms-part-date__time-input .happyforms-spinner-arrow {
871
+ right: 15px;
872
+ }
873
+
874
+ .happyforms-styles.happyforms-form--part-placeholder-toggle .happyforms-part ::-webkit-input-placeholder {
875
+ color: transparent !important;
876
+ transition: color 0.25s;
877
+ transition: color var(--happyforms-transition-duration);
878
+ }
879
+
880
+ .happyforms-styles.happyforms-form--part-placeholder-toggle .happyforms-part ::-moz-placeholder {
881
+ color: transparent !important;
882
+ transition: color 0.25s;
883
+ transition: color var(--happyforms-transition-duration);
884
+ }
885
+
886
+ .happyforms-styles.happyforms-form--part-placeholder-toggle .happyforms-part ::-ms-placeholder {
887
+ color: transparent !important;
888
+ transition: color 0.25s;
889
+ transition: color var(--happyforms-transition-duration);
890
+ }
891
+
892
+ .happyforms-styles.happyforms-form--part-placeholder-toggle .happyforms-part ::placeholder {
893
+ color: transparent !important;
894
+ transition: color 0.25s;
895
+ transition: color var(--happyforms-transition-duration);
896
+ }
897
+
898
+ .happyforms-styles.happyforms-form--part-placeholder-toggle .happyforms-part input:focus::-webkit-input-placeholder {
899
+ color: #888888 !important;
900
+ color: var(--happyforms-color-part-placeholder) !important;
901
+ }
902
+
903
+ .happyforms-styles.happyforms-form--part-placeholder-toggle .happyforms-part input:focus::-moz-placeholder {
904
+ color: #888888 !important;
905
+ color: var(--happyforms-color-part-placeholder) !important;
906
+ }
907
+
908
+ .happyforms-styles.happyforms-form--part-placeholder-toggle .happyforms-part input:focus::-ms-placeholder {
909
+ color: #888888 !important;
910
+ color: var(--happyforms-color-part-placeholder) !important;
911
+ }
912
+
913
+ .happyforms-styles.happyforms-form--part-placeholder-toggle .happyforms-part input:focus::placeholder {
914
+ color: #888888 !important;
915
+ color: var(--happyforms-color-part-placeholder) !important;
916
+ }
917
+
918
+ /* labels */
919
+ .happyforms-styles .happyforms-part--label-inside label .label {
920
+ font-weight: bold;
921
+ font-size: 14px;
922
+ color: #000;
923
+ color: var(--happyforms-color-part-title);
924
+ }
925
+
926
+ /* part borders */
927
+ .happyforms-styles.happyforms-form--part-borders-bottom-only .happyforms-part input[type=text],
928
+ .happyforms-styles.happyforms-form--part-borders-bottom-only .happyforms-part input[type=password],
929
+ .happyforms-styles.happyforms-form--part-borders-bottom-only .happyforms-part input[type=email],
930
+ .happyforms-styles.happyforms-form--part-borders-bottom-only .happyforms-part input[type=number],
931
+ .happyforms-styles.happyforms-form--part-borders-bottom-only .happyforms-part textarea {
932
+ border-top-color: transparent !important;
933
+ border-left-color: transparent !important;
934
+ border-right-color: transparent !important;
935
+ box-shadow: none !important;
936
+ }
937
+
938
+ /* part border transitions */
939
+ .happyforms-styles.happyforms-form--part-disable-transitions .happyforms-part input[type=text],
940
+ .happyforms-styles.happyforms-form--part-disable-transitions .happyforms-part input[type=password],
941
+ .happyforms-styles.happyforms-form--part-disable-transitions .happyforms-part input[type=email],
942
+ .happyforms-styles.happyforms-form--part-disable-transitions .happyforms-part input[type=number],
943
+ .happyforms-styles.happyforms-form--part-disable-transitions .happyforms-part textarea {
944
+ transition-duration: 0s;
945
+ }
946
+
947
+ .happyforms-styles .happyforms-part input[type=text],
948
+ .happyforms-styles .happyforms-part input[type=password],
949
+ .happyforms-styles .happyforms-part input[type=email],
950
+ .happyforms-styles .happyforms-part input[type=number],
951
+ .happyforms-styles .happyforms-part textarea {
952
+ transition: border-color 0.4s;
953
+ transition: border-color var(--happyforms-transition-duration);
954
+ }
955
+
956
+ /* part labels transitions */
957
+ .happyforms-styles .happyforms-part--label-as_placeholder label {
958
+ color: #888888;
959
+ color: var(--happyforms-color-part-placeholder);
960
+ transition-duration: 0.4s;
961
+ transition-duration: var(--happyforms-transition-duration);
962
+ }
963
+
964
+ .happyforms-styles .happyforms-part--label-as_placeholder .happyforms-part__label .label {
965
+ color: #888888;
966
+ color: var(--happyforms-color-part-placeholder);
967
+ }
968
+
969
+ .happyforms-styles .happyforms-part--label-as_placeholder input:focus~label .label,
970
+ .happyforms-styles .happyforms-part--label-as_placeholder textarea:focus~label .label,
971
+ .happyforms-styles .happyforms-part--label-as_placeholder.happyforms-part--filled input~label .label,
972
+ .happyforms-styles .happyforms-part--label-as_placeholder.happyforms-part--filled textarea~label .label,
973
+ .happyforms-styles .happyforms-part--select.happyforms-part--filled.happyforms-part--label-as_placeholder .label {
974
+ font-weight: bold;
975
+ font-size: 14px;
976
+ color: #000;
977
+ color: var(--happyforms-color-part-value);
978
+ }
979
+
980
+ /* submit button */
981
+
982
+ .happyforms-styles .happyforms-form--submit-button-border-hide input[type=submit].happyforms-button--submit {
983
+ border-width: 0 !important;
984
+ }
985
+
986
+ .happyforms-styles .happyforms-form--submit-button-border-radius-square input[type=submit].happyforms-button--submit,
987
+ .happyforms-styles .happyforms-form--submit-button-border-radius-square input[type=submit].happyforms-button--submit:hover {
988
+ border-radius: 0;
989
+ }
990
+
991
+ .happyforms-styles .happyforms-form--submit-button-border-radius-pill input[type=submit].happyforms-button--submit,
992
+ .happyforms-styles .happyforms-form--submit-button-border-radius-pill input[type=submit].happyforms-button--submit:hover {
993
+ border-radius: 60px;
994
+ }
995
+
996
+ .happyforms-styles .happyforms-form--submit-button-normal .happyforms-part--submit input[type=submit] {
997
+ font-weight: normal;
998
+ }
999
+
1000
+ .happyforms-styles .happyforms-form--submit-button-disable-transitions input[type=submit] {
1001
+ transition-duration: 0s !important;
1002
+ }
1003
+
1004
+ .happyforms-styles .happyforms-form--submit-button-padding-narrow input[type=submit].happyforms-button--submit {
1005
+ padding: 10px 20px;
1006
+ }
1007
+
1008
+ .happyforms-styles .happyforms-form--submit-button-padding-wide input[type=submit].happyforms-button--submit {
1009
+ padding: 30px 60px;
1010
+ }
1011
+
1012
+ .happyforms-styles .happyforms-form--submit-button-fullwidth input[type=submit].happyforms-button--submit {
1013
+ padding-left: 0;
1014
+ padding-right: 0;
1015
+ }
1016
+
1017
+ .happyforms-styles .happyforms-form--part-title-font-weight-bold .happyforms-part__label .label {
1018
+ font-weight: bold;
1019
+ }
1020
+
1021
+ /* table part */
1022
+ .happyforms-styles .happyforms-table__row:not(.happyforms-table__row--head):nth-child(odd) {
1023
+ background-color: #fff;
1024
+ background-color: var(--happyforms-color-table-row-even);
1025
+ }
1026
+ .happyforms-styles .happyforms-table__row:not(.happyforms-table__row--head):nth-child(odd) .happyforms-table__cell {
1027
+ color: #000;
1028
+ color: var(--happyforms-color-table-row-even-text);
1029
+ }
1030
+ .happyforms-styles .happyforms-table__row:not(.happyforms-table__row--head):nth-child(odd) .checkmark {
1031
+ border-color: #000;
1032
+ border-color: var(--happyforms-color-table-row-even-text);
1033
+ }
1034
+
1035
+ .happyforms-styles .happyforms-table__row:not(.happyforms-table__row--head):nth-child(even) {
1036
+ background-color: #fff;
1037
+ background-color: var(--happyforms-color-table-row-odd);
1038
+ }
1039
+ .happyforms-styles .happyforms-table__row:not(.happyforms-table__row--head):nth-child(even) .happyforms-table__cell {
1040
+ color: #000;
1041
+ color: var(--happyforms-color-table-row-odd-text);
1042
+ }
1043
+ .happyforms-styles .happyforms-table__row:not(.happyforms-table__row--head):nth-child(even) .checkmark {
1044
+ border-color: #000;
1045
+ border-color: var(--happyforms-color-table-row-odd-text);
1046
+ }
1047
+ .happyforms-styles .happyforms-table__cell--column-title {
1048
+ font-size: 16px;
1049
+ font-size: var(--happyforms-part-title-font-size);
1050
+ color: #000;
1051
+ color: var(--happyforms-color-part-title);
1052
+ }
1053
+ .happyforms-styles .happyforms-table__cell--row-title {
1054
+ font-size: 16px;
1055
+ font-size: var(--happyforms-part-title-font-size);
1056
+ color: #000;
1057
+ color: var(--happyforms-color-part-title);
1058
+ }
1059
+ .happyforms-styles .happyforms-table__cell--column-title-sm {
1060
+ display: none;
1061
+ }
1062
+
1063
+ @media screen and (max-width: 800px) {
1064
+ .happyforms-styles .happyforms-table__cell:first-child {
1065
+ background-color: #dbdbdb;
1066
+ background-color: var(--happyforms-color-part-border);
1067
+ }
1068
+ .happyforms-styles .happyforms-table__cell--row-title {
1069
+ font-weight: bold;
1070
+ }
1071
+ }
1072
+
1073
+ .happyforms-styles .happyforms-part--recaptcha {
1074
+ padding: 0 1%;
1075
+ }
1076
+
1077
+ /* phone part */
1078
+ .happyforms-styles .happyforms-country-select {
1079
+ border: 1px solid var(--happyforms-color-part-border);
1080
+ border-right: 0;
1081
+ border-radius: 8px;
1082
+ border-top-right-radius: 0;
1083
+ border-bottom-right-radius: 0;
1084
+ transition: border-color 0.4s;
1085
+ transition: border-color var(--happyforms-transition-duration);
1086
+ }
1087
+ .happyforms-styles .happyforms-flag {
1088
+ font-size: 40px;
1089
+ }
1090
+ .happyforms-styles .happyforms-part--phone.happyforms-is-masked .happyforms-part-phone-wrap>input[type=text] {
1091
+ padding-left: 65px;
1092
+ }
1093
+ .happyforms-styles .happyforms-part--phone.happyforms-is-masked.happyforms-has-country-select .happyforms-part-phone-wrap>input[type=text] {
1094
+ padding-left: 75px;
1095
+ }
1096
+ .happyforms-styles.happyforms-form--part-border-radius-square .happyforms-country-select {
1097
+ border-radius: 0;
1098
+ }
1099
+ .happyforms-styles.happyforms-form--part-border-radius-pill .happyforms-country-select {
1100
+ border-radius: 25px;
1101
+ border-bottom: 0;
1102
+ border-top: 0;
1103
+ }
1104
+ .happyforms-styles.happyforms-form--part-border-off .happyforms-country-select {
1105
+ border-width: 0;
1106
+ }
1107
+ .happyforms-styles.happyforms-form--part-borders-bottom-only .happyforms-country-select {
1108
+ border-top-width: 0;
1109
+ border-left-width: 0;
1110
+ }
1111
+ .happyforms-styles .happyforms-country-select.focus {
1112
+ border: 2px solid var(--happyforms-color-part-border-focus);
1113
+ border-right: 0;
1114
+ }
1115
+ .happyforms-styles.happyforms-form--part-border-off .happyforms-country-select.focus {
1116
+ border-width: 0;
1117
+ }
1118
+ .happyforms-styles.happyforms-form--part-borders-bottom-only .happyforms-country-select.focus {
1119
+ border-top-width: 0;
1120
+ border-left-width: 0;
1121
+ border-bottom-width: 1px;
1122
+ }
1123
+ .happyforms-styles .happyforms-country-select-trigger {
1124
+ display: none;
1125
+ position: absolute;
1126
+ top: 0;
1127
+ left: 0;
1128
+ right: auto;
1129
+ width: 70px;
1130
+ height: 100%;
1131
+ z-index: 10;
1132
+ }
1133
+ .happyforms-styles .happyforms-country-select--multiple .happyforms-country-select-trigger {
1134
+ display: block;
1135
+ }
1136
+ .happyforms-styles .happyforms-country-select__selected-country {
1137
+ border-radius: 6px;
1138
+ border-top-right-radius: 0;
1139
+ border-bottom-right-radius: 0;
1140
+ transition: background-color 0.2s ease-in;
1141
+ }
1142
+ .happyforms-styles .happyforms-country-select--multiple .happyforms-country-select__selected-country:hover,
1143
+ .happyforms-styles .happyforms-country-select--multiple .happyforms-country-select__selected-country.open {
1144
+ background-color: #dbdbdb;
1145
+ background-color: var(--happyforms-color-part-border);
1146
+ }
1147
+ /* new dropdowns */
1148
+ .happyforms-styles .happyforms-part select {
1149
+ display: none;
1150
+ }
1151
+ .happyforms-styles .happyforms-custom-select input[readonly="readonly"] {
1152
+ cursor: pointer;
1153
+ }
1154
+ .happyforms-styles .happyforms-custom-select-dropdown {
1155
+ background-color: #fff;
1156
+ background-color: var(--happyforms-color-dropdown-bg-color);
1157
+ border: 1px solid #dbdbdb;
1158
+ }
1159
+ .happyforms-styles .happyforms-custom-select-dropdown li {
1160
+ transition: background-color 0.2s ease-in;
1161
+ color: #000;
1162
+ color: var(--happyforms-color-dropdown-item-text);
1163
+ background-color: #fff;
1164
+ background-color: var(--happyforms-color-dropdown-item-bg);
1165
+ }
1166
+ .happyforms-styles .happyforms-custom-select-dropdown li.happyforms-custom-select-dropdown__placeholder {
1167
+ color: #888888;
1168
+ color: var(--happyforms-color-part-placeholder);
1169
+ }
1170
+ .happyforms-styles .happyforms-custom-select-dropdown li.happyforms-custom-select-dropdown__item:hover,
1171
+ .happyforms-styles .happyforms-custom-select-dropdown li.happyforms-custom-select-dropdown__item.active {
1172
+ color: #000;
1173
+ color: var(--happyforms-color-dropdown-item-text-hover);
1174
+ background-color: #dbdbdb;
1175
+ background-color: var(--happyforms-color-dropdown-item-bg-hover);
1176
+ }
1177
+
1178
+ .happyforms-styles .happyforms-part-preview .happyforms-part__label .label {
1179
+ font-weight: bold;
1180
+ color: #000;
1181
+ color: var(--happyforms-color-table-row-odd-text);
1182
+ }
1183
+
1184
+ .happyforms-styles .happyforms-part-preview .happyforms-part__el-preview {
1185
+ font-size: 16px;
1186
+ font-size: var(--happyforms-part-value-font-size);
1187
+ }
1188
+
1189
+ .happyforms-styles .happyforms-part-preview {
1190
+ background-color: #fcfcfc;
1191
+ background-color: var(--happyforms-color-table-row-odd);
1192
+ }
1193
+
1194
+ .happyforms-styles .happyforms-part-preview:nth-child(even) {
1195
+ background-color: #efefef;
1196
+ background-color: var(--happyforms-color-table-row-even);
1197
+ }
1198
+
1199
+ .happyforms-styles .happyforms-part-preview:nth-child(even) .happyforms-part__label .label {
1200
+ color: #000;
1201
+ color: var(--happyforms-color-table-row-even-text);
1202
+ }
1203
+
1204
+ .happyforms-styles .happyforms-form-preview > p {
1205
+ font-size: 16px;
1206
+ font-size: var(--happyforms-part-value-font-size);
1207
+ }
1208
+
1209
+ /*
1210
+ * Rich Text
1211
+ */
1212
+ .happyforms-styles .happyforms-part--rich_text div.mce-toolbar-grp {
1213
+ background-color: white;
1214
+ border-color: #dbdbdb !important;
1215
+ border-color: var(--happyforms-color-part-border) !important;
1216
+ }
1217
+
1218
+ .happyforms-part--rich_text div.mce-panel {
1219
+ background: #fff;
1220
+ }
1221
+
1222
+ .happyforms-styles div.mce-inline-toolbar-grp.happyforms-editor-toolbar-link {
1223
+ border-color: #407fff !important;
1224
+ border-color: var(--happyforms-color-part-border-focus) !important;
1225
+ }
1226
+
1227
+ .happyforms-styles .happyforms-editor-toolbar-link.mce-inline-toolbar-grp.mce-arrow-down:before {
1228
+ border-top-color: #407fff;
1229
+ border-top-color: var(--happyforms-color-part-border-focus);
1230
+ }
1231
+
1232
+ .happyforms-styles div.mce-inline-toolbar-grp.happyforms-editor-toolbar-link div.wp-link-input input::placeholder {
1233
+ color: #888888;
1234
+ color: var(--happyforms-color-part-placeholder) !important;
1235
+ }
1236
+
1237
+ .happyforms-styles .happyforms-part--rich_text .mce-toolbar .mce-btn-group .mce-btn,
1238
+ .happyforms-styles .happyforms-part--rich_text .mce-toolbar .mce-btn-group .mce-btn,
1239
+ .happyforms-styles .happyforms-part--rich_text .qt-dfw,
1240
+ .happyforms-styles .mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn,
1241
+ .happyforms-styles .mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-primary {
1242
+ padding: 2px;
1243
+ background-color: white;
1244
+ border-color: white;
1245
+ }
1246
+
1247
+ .happyforms-styles .happyforms-part--rich_text .mce-toolbar .mce-btn-group .mce-btn:hover,
1248
+ .happyforms-styles .happyforms-part--rich_text .mce-toolbar .mce-btn-group .mce-btn:focus,
1249
+ .happyforms-styles .mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn:hover,
1250
+ .happyforms-styles .mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-primary:hover,
1251
+ .happyforms-styles .happyforms-part--rich_text .qt-dfw:hover,
1252
+ .happyforms-styles .happyforms-part--rich_text .qt-dfw:focus,
1253
+ .happyforms-styles .happyforms-part--rich_text .mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn:hover,
1254
+ .happyforms-styles .happyforms-part--rich_text .mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn:focus,
1255
+ .happyforms-styles .happyforms-part--rich_text .mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-primary:hover,
1256
+ .happyforms-styles .happyforms-part--rich_text .mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus,
1257
+ .happyforms-styles .happyforms-part--rich_text .mce-toolbar .mce-btn-group .mce-btn.mce-active,
1258
+ .happyforms-styles .happyforms-part--rich_text .mce-toolbar .mce-btn-group .mce-btn:active,
1259
+ .happyforms-styles .happyforms-part--rich_text .qt-dfw.active,
1260
+ .happyforms-styles .happyforms-part--rich_text .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover,
1261
+ .happyforms-styles .happyforms-part--rich_text .qt-dfw.active:hover {
1262
+ border-color: transparent;
1263
+ border-radius: 6px;
1264
+ background-color: #efefef;
1265
+ }
1266
+
1267
+ .happyforms-styles .happyforms-part--rich_text .mce-btn svg,
1268
+ .happyforms-styles .happyforms-editor-toolbar-link svg {
1269
+ fill: #000;
1270
+ }
1271
+
1272
+ .happyforms-styles .happyforms-part--rich_text .mce-tinymce.mce-container {
1273
+ border-radius: 6px !important;
1274
+ }
1275
+
1276
+ .happyforms-styles .happyforms-part--rich_text .happyforms-visual-editor {
1277
+ border: 1px solid #dbdbdb;
1278
+ border: 1px solid var(--happyforms-color-part-border);
1279
+ border-radius: 6px;
1280
+ transition: border-color 0.25s;
1281
+ transition: border-color var(--happyforms-transition-duration);
1282
+ }
1283
+
1284
+ .happyforms-styles .happyforms-part--rich_text.focus .happyforms-visual-editor {
1285
+ border-bottom-width: 1.5px;
1286
+ border-color: #407fff;
1287
+ border-color: var(--happyforms-color-part-border-focus);
1288
+ box-shadow: inset 0 0 0 1px #407fff;
1289
+ box-shadow: inset 0 0 0 1px var(--happyforms-color-part-border-focus);
1290
+ }
1291
+
1292
+ .happyforms-styles .happyforms-part--rich_text .mce-edit-area {
1293
+ background-color: #fff !important;
1294
+ background-color: var(--happyforms-color-part-background) !important;
1295
+ }
1296
+
1297
+ .happyforms-styles .happyforms-part--rich_text.focus .mce-edit-area {
1298
+ background-color: #fff !important;
1299
+ background-color: var(--happyforms-color-part-background-focus) !important;
1300
+ }
1301
+
1302
+ .happyforms-styles .happyforms-part--rich_text.happyforms-part--label-below.happyforms-part--has-tooltip .happyforms-visual-editor,
1303
+ .happyforms-styles .happyforms-part--rich_text.happyforms-part--label-left.happyforms-part--has-tooltip .happyforms-visual-editor {
1304
+ margin-top: 35px;
1305
+ }
1306
+
1307
+ .happyforms-styles .happyforms-part--rich_text.happyforms-part--label-hidden.happyforms-part--has-tooltip .happyforms-part__el {
1308
+ margin-top: 35px;
1309
+ }
1310
+
1311
+ .happyforms-styles .happyforms-part--rich_text.happyforms-part--label-hidden.happyforms-part--has-tooltip .happyforms-tooltip {
1312
+ top: -30px;
1313
+ }
1314
+
1315
+ .happyforms-styles.happyforms-form--part-border-off .happyforms-part--rich_text .happyforms-visual-editor {
1316
+ padding-bottom: 1px;
1317
+ }
inc/core/assets/css/{frontend.css → layout.css} RENAMED
@@ -1,48 +1,5 @@
1
  :root {
2
  --happyforms-form-width: 100%;
3
- /* colors */
4
- --happyforms-color-primary: #000;
5
- --happyforms-color-success: #39b54a;
6
- --happyforms-color-error: #ff7550;
7
- --happyforms-color-part-title: #000;
8
- --happyforms-color-part-value: #000;
9
- --happyforms-color-part-placeholder: #888888;
10
- --happyforms-color-part-required-text: #ff7550;
11
- --happyforms-color-part-border: #dbdbdb;
12
- --happyforms-color-part-border-focus: #407fff;
13
- --happyforms-color-part-background: #fff;
14
- --happyforms-color-part-background-focus: #fff;
15
- --happyforms-color-submit-background: #407fff;
16
- --happyforms-color-submit-background-hover: #3567cc;
17
- --happyforms-color-submit-background-focus: #3567cc;
18
- --happyforms-color-submit-border: transparent;
19
- --happyforms-color-submit-text: #fff;
20
- --happyforms-color-submit-text-hover: #fff;
21
- --happyforms-color-rating: #ccc;
22
- --happyforms-color-rating-hover: #f39c00;
23
- --happyforms-color-table-row-odd: #fcfcfc;
24
- --happyforms-color-table-row-even: #efefef;
25
- --happyforms-color-table-row-odd-text: #000;
26
- --happyforms-color-table-row-even-text: #000;
27
- --happyforms-color-choice-checkmark-bg: #fff;
28
- --happyforms-color-choice-checkmark-bg-focus: #000;
29
- --happyforms-color-choice-checkmark-color: #fff;
30
- --happyforms-color-dropdown-bg-color: #fff;
31
- --happyforms-color-dropdown-item-bg: #fff;
32
- --happyforms-color-dropdown-item-text: #000;
33
- --happyforms-color-dropdown-item-bg-hover: #dbdbdb;
34
- --happyforms-color-dropdown-item-text-hover: #000;
35
- --happyforms-color-rating-bg: #efefef;
36
- --happyforms-color-rating-bg-hover: #407fff;
37
- /* font */
38
- --happyforms-form-title-font-size: 32px;
39
- --happyforms-form-font-weight: normal;
40
- --happyforms-part-title-font-size: 16px;
41
- --happyforms-part-description-font-size: 14px;
42
- --happyforms-part-value-font-size: 16px;
43
- --happyforms-submit-button-font-size: 18px;
44
- /* animations and transitions */
45
- --happyforms-transition-duration: 0.25s;
46
  }
47
 
48
  .happyforms-flex {
@@ -60,11 +17,7 @@
60
  padding: 0;
61
  border-style: solid;
62
  border-width: 0;
63
- font-weight: normal;
64
- font-weight: var(--happyforms-form-font-weight);
65
  background-color: transparent;
66
- transition: opacity 0.25s ease-in-out;
67
- transition: opacity var(--happyforms-transition-duration) ease-in-out;
68
  }
69
 
70
  .happyforms-form form.happyforms-form--padding-narrow {
@@ -83,18 +36,13 @@
83
  direction: rtl;
84
  }
85
 
86
- .happyforms-flex > input[type='checkbox'] {
87
  display: none !important;
88
  }
89
 
90
  h3.happyforms-form__title {
91
  margin: 0;
92
  padding: 0 1%;
93
- font-weight: normal;
94
- font-size: 32px;
95
- font-size: var(--happyforms-form-title-font-size);
96
- color: #000;
97
- color: var(--happyforms-color-primary);
98
  }
99
 
100
  .happyforms-form--hide-title h3.happyforms-form__title {
@@ -124,12 +72,14 @@ h3.happyforms-form__title {
124
  .happyforms-part--width-half {
125
  width: 50%;
126
  }
 
127
  .happyforms-part--width-third {
128
  width: 33.333%;
129
  }
130
  }
131
 
132
- .happyforms-part--width-half, .happyforms-part--width-third {
 
133
  align-self: flex-start;
134
  }
135
 
@@ -140,11 +90,11 @@ h3.happyforms-form__title {
140
  max-width: 75%;
141
  }
142
 
143
- .happyforms-part--width-auto + .happyforms-part--submit,
144
- .happyforms-part--width-auto + .happyforms-part--recaptcha + .happyforms-part--submit,
145
- .happyforms-part--width-auto + .happyforms-part--recaptcha {
146
  position: relative;
147
- top: -30px;
148
  align-self: flex-end;
149
  width: auto !important;
150
  margin-bottom: 0 !important;
@@ -152,80 +102,81 @@ h3.happyforms-form__title {
152
  padding-bottom: 0;
153
  }
154
 
155
- .happyforms-part--width-auto + .happyforms-part--recaptcha,
156
- .happyforms-form--part-outer-padding-narrow .happyforms-part--width-auto + .happyforms-part--recaptcha + .happyforms-part--submit {
157
  top: -13px;
158
  }
159
 
160
- .happyforms-form--part-outer-padding-narrow .happyforms-part--width-auto + .happyforms-part--submit {
161
  top: -10px;
162
  }
163
 
164
- .happyforms-form--part-outer-padding-narrow .happyforms-part--width-auto + .happyforms-part--recaptcha {
165
  top: 3px;
166
  }
167
 
168
- .happyforms-form--part-outer-padding-wide .happyforms-part--width-auto + .happyforms-part--submit {
169
  top: -25px;
170
  }
171
 
172
- .happyforms-form--part-outer-padding-wide .happyforms-part--width-auto + .happyforms-part--recaptcha {
173
  top: -23px;
174
  }
175
 
176
- .happyforms-form--part-outer-padding-wide .happyforms-part--width-auto + .happyforms-part--recaptcha + .happyforms-part--submit {
177
  top: -45px;
178
  }
179
 
180
- .happyforms-part--width-auto + .happyforms-part--submit input[type=submit],
181
- .happyforms-part--width-auto + .happyforms-part--recaptcha + .happyforms-part--submit input[type=submit] {
182
  width: 100%;
183
  padding: 17px 50px;
184
  }
185
 
186
  /* submit button part of the input */
187
- .happyforms-form--submit-part-of-input .happyforms-part--width-auto + .happyforms-part--submit,
188
- .happyforms-form--submit-part-of-input .happyforms-part--width-auto + .happyforms-part--recaptcha + .happyforms-part--submit {
189
  left: -1.5%;
190
  padding-left: 0;
191
  padding-right: 0;
192
  }
193
 
194
- .happyforms-form--submit-part-of-input.happyforms-form--part-outer-padding-wide .happyforms-part--width-auto + .happyforms-part--submit,
195
- .happyforms-form--submit-part-of-input.happyforms-form--part-outer-padding-wide .happyforms-part--width-auto + .happyforms-part--recaptcha + .happyforms-part--submit {
196
  left: -3.5%;
197
  padding-left: 0;
198
  }
199
 
200
- .happyforms-form--submit-part-of-input.happyforms-form--part-outer-padding-narrow .happyforms-part--width-auto + .happyforms-part--submit,
201
- .happyforms-form--submit-part-of-input.happyforms-form--part-outer-padding-narrow .happyforms-part--width-auto + .happyforms-part--recaptcha + .happyforms-part--submit {
202
  left: -1%;
203
  padding-left: 0;
204
  }
205
 
206
- .happyforms-form--submit-part-of-input .happyforms-part--width-auto + .happyforms-part--submit input[type=submit],
207
- .happyforms-form--submit-part-of-input .happyforms-part--width-auto + .happyforms-part--recaptcha + .happyforms-part--submit input[type=submit] {
208
  padding-top: 8px;
209
  padding-bottom: 9px;
210
  border-top-left-radius: 0;
211
  border-bottom-left-radius: 0;
212
  }
213
 
214
- .happyforms-form--submit-part-of-input.happyforms-form--part-inner-padding-wide .happyforms-part--width-auto + .happyforms-part--submit input[type=submit],.happyforms-form--submit-part-of-input.happyforms-form--part-inner-padding-wide .happyforms-part--width-auto + .happyforms-part--recaptcha + .happyforms-part--submit input[type=submit] {
 
215
  padding-top: 13px;
216
  padding-bottom: 15px;
217
  }
218
 
219
- .happyforms-form--submit-part-of-input.happyforms-form--part-inner-padding-narrow .happyforms-part--width-auto + .happyforms-part--submit input[type=submit],
220
- .happyforms-form--submit-part-of-input.happyforms-form--part-inner-padding-narrow .happyforms-part--width-auto + .happyforms-part--recaptcha + .happyforms-part--submit input[type=submit] {
221
  padding-top: 3px;
222
  padding-bottom: 4px;
223
  }
224
 
225
- .happyforms-form--submit-part-of-input .happyforms-part--width-auto.happyforms-part--label-as_placeholder + .happyforms-part--submit input[type=submit],
226
- .happyforms-form--submit-part-of-input .happyforms-part--width-auto.happyforms-part--label-inside + .happyforms-part--submit input[type=submit],
227
- .happyforms-form--submit-part-of-input .happyforms-part--width-auto.happyforms-part--label-as_placeholder + .happyforms-part--recaptcha + .happyforms-part--submit input[type=submit],
228
- .happyforms-form--submit-part-of-input .happyforms-part--width-auto.happyforms-part--label-inside + .happyforms-part--recaptcha + .happyforms-part--submit input[type=submit] {
229
  padding-top: 16px;
230
  padding-bottom: 18px;
231
  }
@@ -234,23 +185,12 @@ h3.happyforms-form__title {
234
  display: inline-block;
235
  cursor: pointer;
236
  margin-bottom: 15px;
237
- line-height: 1;
238
- font-weight: normal;
239
- font-size: 16px;
240
- font-size: var(--happyforms-part-title-font-size);
241
- background-color: transparent;
242
  }
243
 
244
  .happyforms-part__label .label,
245
  .happyforms-part__label .happyforms-optional {
246
  padding: 0;
247
- font-weight: normal;
248
- font-style: normal;
249
- font-size: 16px;
250
- font-size: var(--happyforms-part-title-font-size);
251
- color: #000;
252
- color: var(--happyforms-color-part-title);
253
- background-color: transparent;
254
  }
255
 
256
  .happyforms-form__part[data-happyforms-required] .happyforms-part__label .happyforms-optional {
@@ -260,18 +200,14 @@ h3.happyforms-form__title {
260
  .happyforms-part__description {
261
  display: block;
262
  margin: 5px 0 0;
263
- font-size: 14px;
264
- font-size: var(--happyforms-part-description-font-size);
265
- color: #000;
266
- color: var(--happyforms-color-primary);
267
  }
268
 
269
  .happyforms-part--focus-reveal-description .happyforms-part__description {
270
  display: none;
271
  }
272
 
273
- .happyforms-part--focus-reveal-description input:focus + .happyforms-part__description,
274
- .happyforms-part--focus-reveal-description textarea:focus + .happyforms-part__description,
275
  .happyforms-form__part.focus .happyforms-part__description {
276
  display: block;
277
  }
@@ -300,37 +236,8 @@ h3.happyforms-form__title {
300
  .happyforms-part input[type=range],
301
  .happyforms-part textarea {
302
  width: 100%;
303
- max-width: none;
304
- margin: 0;
305
- padding: 10px;
306
- border-width: 1px;
307
- border-style: solid;
308
- border-color: #dbdbdb !important;
309
- border-color: var(--happyforms-color-part-border) !important;
310
- border-radius: 6px;
311
- border-radius: 6px !important;
312
- box-shadow: none;
313
  box-sizing: border-box;
314
- font-style: normal;
315
- font-size: 16px;
316
- font-size: var(--happyforms-part-value-font-size);
317
- background-color: #fff !important;
318
- background-color: var(--happyforms-color-part-background) !important;
319
- color: #000;
320
- color: var(--happyforms-color-part-value);
321
- transition-property: none;
322
- transition-duration: 0.1s;
323
- transition-duration: var(--happyforms-transition-duration);
324
- transition-timing-function: ease-in;
325
- }
326
-
327
- .happyforms-part input[type=text],
328
- .happyforms-part input[type=password],
329
- .happyforms-part input[type=email],
330
- .happyforms-part input[type=tel],
331
- .happyforms-part input[type=number],
332
- .happyforms-part input[type=range] {
333
- height: auto !important;
334
  }
335
 
336
  .happyforms-form--part-value-text-align-center .happyforms-part input[type=text],
@@ -361,46 +268,6 @@ h3.happyforms-form__title {
361
  justify-content: flex-end;
362
  }
363
 
364
- .happyforms-form--part-border-off .happyforms-part input[type=text],
365
- .happyforms-form--part-border-off .happyforms-part input[type=password],
366
- .happyforms-form--part-border-off .happyforms-part input[type=email],
367
- .happyforms-form--part-border-off .happyforms-part input[type=tel],
368
- .happyforms-form--part-border-off .happyforms-part input[type=number],
369
- .happyforms-form--part-border-off .happyforms-part input[type=range],
370
- .happyforms-form--part-border-off .happyforms-part textarea {
371
- border-color: transparent !important;
372
- }
373
-
374
- .happyforms-part input[type=text]:focus,
375
- .happyforms-part input[type=password]:focus,
376
- .happyforms-part input[type=email]:focus,
377
- .happyforms-part input[type=tel]:focus,
378
- .happyforms-part input[type=number]:focus,
379
- .happyforms-part textarea:focus {
380
- outline: 0;
381
- border-color: #407fff !important;
382
- border-color: var(--happyforms-color-part-border-focus) !important;
383
- color: #000;
384
- color: var(--happyforms-color-part-value);
385
- background-color: #fff !important;
386
- background-color: var(--happyforms-color-part-background-focus) !important;
387
- box-shadow: inset 0 0 0 1px #407fff;
388
- box-shadow: inset 0 0 0 1px var(--happyforms-color-part-border-focus);
389
- }
390
-
391
- .happyforms-part select:focus {
392
- outline: 0;
393
- }
394
-
395
- .happyforms-form--part-border-off .happyforms-part input[type=text]:focus,
396
- .happyforms-form--part-border-off .happyforms-part input[type=password]:focus,
397
- .happyforms-form--part-border-off .happyforms-part input[type=email]:focus,
398
- .happyforms-form--part-border-off .happyforms-part input[type=tel]:focus,
399
- .happyforms-form--part-border-off .happyforms-part input[type=number]:focus,
400
- .happyforms-form--part-border-off .happyforms-part textarea:focus {
401
- border-color: transparent !important;
402
- }
403
-
404
  .happyforms-part.happyforms-part--error input[type=text],
405
  .happyforms-part.happyforms-part--error input[type=password],
406
  .happyforms-part.happyforms-part--error input[type=email],
@@ -409,7 +276,6 @@ h3.happyforms-form__title {
409
  .happyforms-part.happyforms-part--error input[type=range],
410
  .happyforms-part.happyforms-part--error textarea {
411
  border-color: #ff7550;
412
- border-color: var(--happyforms-color-error);
413
  }
414
 
415
  .happyforms-part.display-type--block .happyforms-part__el {
@@ -417,36 +283,6 @@ h3.happyforms-form__title {
417
  width: 100%;
418
  }
419
 
420
- /* placeholders */
421
-
422
- .happyforms-part ::-webkit-input-placeholder {
423
- font-weight: normal;
424
- font-style: normal;
425
- color: #888888;
426
- color: var(--happyforms-color-part-placeholder) !important;
427
- }
428
-
429
- .happyforms-part ::-moz-placeholder {
430
- font-weight: normal;
431
- font-style: normal;
432
- color: #888888;
433
- color: var(--happyforms-color-part-placeholder) !important;
434
- }
435
-
436
- .happyforms-part ::-ms-placeholder {
437
- font-weight: normal;
438
- font-style: normal;
439
- color: #888888;
440
- color: var(--happyforms-color-part-placeholder) !important;
441
- }
442
-
443
- .happyforms-part ::placeholder {
444
- font-weight: normal;
445
- font-style: normal;
446
- color: #888888;
447
- color: var(--happyforms-color-part-placeholder) !important;
448
- }
449
-
450
  .happyforms-part-el-wrap {
451
  position: relative;
452
  }
@@ -459,11 +295,6 @@ h3.happyforms-form__title {
459
  margin-top: 10px;
460
  }
461
 
462
- .happyforms-required {
463
- color: #ff7550;
464
- color: var(--happyforms-color-part-required-text);
465
- }
466
-
467
  /* label placement */
468
 
469
  .happyforms-part--label-below .happyforms-part-wrap {
@@ -516,7 +347,7 @@ h3.happyforms-form__title {
516
  }
517
  }
518
 
519
- .happyforms-part--label-left .happyforms-part-wrap > .happyforms-part__el {
520
  width: 75%;
521
  }
522
 
@@ -528,9 +359,11 @@ h3.happyforms-form__title {
528
  .happyforms-part--label-left .happyforms-part-wrap {
529
  flex-flow: column;
530
  }
 
531
  .happyforms-part--label-left .happyforms-part__label {
532
  align-self: flex-start;
533
  }
 
534
  .happyforms-part--label-left .happyforms-part-wrap>.happyforms-part__el,
535
  .happyforms-part--label-left .happyforms-custom-select {
536
  width: 100%;
@@ -544,16 +377,11 @@ h3.happyforms-form__title {
544
  align-items: center;
545
  position: relative;
546
  cursor: pointer;
547
- margin-bottom: 10px;
548
  padding: 0 5px 5px 0;
549
- font-size: 16px;
550
- font-size: var(--happyforms-part-value-font-size);
551
  }
552
 
553
  .happyforms-part--choice .option-label {
554
  margin-right: 20px;
555
- padding: 10px;
556
- background-color: #fff;
557
  }
558
 
559
  @media screen and (max-width: 800px) {
@@ -562,52 +390,6 @@ h3.happyforms-form__title {
562
  }
563
  }
564
 
565
- .happyforms-part--choice .option-label .border {
566
- position: absolute;
567
- top: 0;
568
- left: 0;
569
- z-index: 0;
570
- width: 100%;
571
- height: 100%;
572
- border-radius: 6px;
573
- border: 1px solid;
574
- border-color: #dbdbdb;
575
- border-color: var(--happyforms-color-part-border);
576
- background-color: #fff;
577
- background-color: var(--happyforms-color-part-background);
578
- transition: border-color var(--happyforms-transition-duration);
579
- }
580
-
581
- .happyforms-form--part-borders-bottom-only .happyforms-part--choice .option-label .border {
582
- border-top-color: transparent;
583
- border-left-color: transparent;
584
- border-right-color: transparent;
585
- }
586
-
587
- .happyforms-form--part-border-off .option-label .border {
588
- border-color: transparent;
589
- }
590
-
591
- .happyforms-part--choice .option-label input {
592
- top: 3px;
593
- }
594
-
595
- .happyforms-part--choice input:checked~.border,
596
- .happyforms-part--choice .option-label:hover .border {
597
- border-width: 2px;
598
- border-color: #407fff;
599
- border-color: var(--happyforms-color-part-border-focus);
600
- background-color: #fff;
601
- background-color: var(--happyforms-color-part-background-focus);
602
- }
603
-
604
- .happyforms-form--part-borders-bottom-only .happyforms-part--choice input:checked~.border,
605
- .happyforms-form--part-borders-bottom-only .happyforms-part--choice .option-label:hover .border {
606
- border-top-color: transparent;
607
- border-left-color: transparent;
608
- border-right-color: transparent;
609
- }
610
-
611
  .happyforms-part--choice .option-label input:focus {
612
  outline: 0;
613
  }
@@ -617,21 +399,14 @@ h3.happyforms-form__title {
617
  display: inline-block;
618
  margin-right: 15px;
619
  padding: 0 10px;
620
- font-weight: normal;
621
- font-size: 16px;
622
- font-size: var(--happyforms-part-value-font-size);
623
- color: #000;
624
- color: var(--happyforms-color-part-value);
625
  }
626
 
627
  .happyforms-form--direction-rtl .happyforms-part--choice .option-label .label {
628
  margin-right: 0;
629
  }
630
 
631
- .happyforms-part-option {
632
- margin-bottom: 20px;
633
- }
634
-
635
  .happyforms-part-option:last-of-type {
636
  margin-bottom: 0;
637
  }
@@ -642,9 +417,6 @@ h3.happyforms-form__title {
642
  max-width: 400px;
643
  margin-top: 3px;
644
  margin-right: 20px;
645
- font-size: 12px;
646
- color: #000;
647
- color: var(--happyforms-color-primary);
648
  }
649
 
650
  .happyforms-part--choice.display-type--block .happyforms-part-option__description {
@@ -677,6 +449,7 @@ h3.happyforms-form__title {
677
  }
678
 
679
  @media screen and (min-width: 800px) {
 
680
  .happyforms-part--label-inside .happyforms-tooltip,
681
  .happyforms-part--label-as_placeholder .happyforms-tooltip,
682
  .happyforms-part--label-left .happyforms-tooltip {
@@ -753,10 +526,8 @@ h3.happyforms-form__title {
753
  font-size: 11px;
754
  line-height: 18px;
755
  color: #fff;
756
- color: var(--happyforms-color-part-background);
757
  text-align: center;
758
  background-color: #000;
759
- background-color: var(--happyforms-color-part-value);
760
  }
761
 
762
  .happyforms-tooltip .happyforms-part__description {
@@ -771,12 +542,9 @@ h3.happyforms-form__title {
771
  padding: 11px 15px;
772
  border: 1px solid #dbdbdb;
773
  border-radius: 6px;
774
- font-weight: normal;
775
  color: #000;
776
- color: var(--happyforms-color-primary);
777
  text-align: center;
778
  background-color: #fff;
779
- background-color: var(--happyforms-color-part-background);
780
  transition: opacity 0.2s;
781
  }
782
 
@@ -832,7 +600,6 @@ h3.happyforms-form__title {
832
  height: 0;
833
  border: 7px solid transparent;
834
  border-top-color: #fff;
835
- border-top-color: var(--happyforms-color-part-background);
836
  }
837
 
838
  .happyforms-tooltip:hover .happyforms-part__description {
@@ -865,42 +632,10 @@ h3.happyforms-form__title {
865
  flex-flow: column wrap;
866
  }
867
 
868
- .happyforms-part .checkmark {
869
- position: relative;
870
- top: 0;
871
- z-index: 5;
872
- display: flex;
873
- align-items: center;
874
- justify-content: center;
875
- width: 20px;
876
- min-width: 20px;
877
- height: 20px;
878
- border-radius: 50%;
879
- border: 1px solid;
880
- border-color: #dbdbdb;
881
- border-color: var(--happyforms-color-part-border);
882
- background-color: #fff;
883
- background-color: var(--happyforms-color-choice-checkmark-bg);
884
- color: #fff;
885
- color: var(--happyforms-color-choice-checkmark-color);
886
- }
887
-
888
  .happyforms-part .checkmark svg {
889
  display: none;
890
  }
891
 
892
- .happyforms-part--checkbox .checkmark,
893
- .happyforms-part--table.happyforms-selection--multiple .checkmark,
894
- .happyforms-part--legal .checkmark {
895
- border-radius: 6px;
896
- }
897
-
898
- .happyforms-form--part-border-radius-square .happyforms-part--checkbox .checkmark,
899
- .happyforms-form--part-border-radius-square .happyforms-part--table.happyforms-selection--multiple .checkmark,
900
- .happyforms-form--part-border-radius-square .happyforms-part--legal .checkmark {
901
- border-radius: 0;
902
- }
903
-
904
  .happyforms-part--legal .option-label p:last-child {
905
  margin-bottom: 0;
906
  }
@@ -909,136 +644,12 @@ h3.happyforms-form__title {
909
  margin-right: 5px;
910
  }
911
 
912
- .happyforms-part .option-label input:checked+.checkmark {
913
- border-color: transparent;
914
- background-color: #000;
915
- background-color: var(--happyforms-color-choice-checkmark-bg-focus);
916
- }
917
-
918
- .happyforms-part input:checked+.checkmark svg {
919
- display: block;
920
- }
921
-
922
  /* parts - scale */
923
 
924
- .happyforms-part input[type=range] {
925
- -webkit-appearance: none;
926
- padding: 0;
927
- border: 0;
928
- width: 100%;
929
- height: 1px !important;
930
- background: #dbdbdb;
931
- background: var(--happyforms-color-part-border);
932
- }
933
-
934
- .happyforms-part input[type=range]:focus {
935
- border: 0;
936
- outline: 0;
937
- }
938
-
939
- .happyforms-part input[type=range]::-webkit-slider-runnable-track {
940
- width: 100%;
941
- cursor: pointer;
942
- animate: 0.25s;
943
- animate: var(--happyforms-transition-duration);
944
- box-shadow: none;
945
- }
946
-
947
- .happyforms-part input[type=range]::-webkit-slider-thumb {
948
- -webkit-appearance: none;
949
- width: 20px;
950
- height: 20px;
951
- margin-top: -3px;
952
- border: 1px solid;
953
- border-color: #000;
954
- border-color: var(--happyforms-color-part-value);
955
- border-radius: 50%;
956
- box-shadow: none;
957
- background: #000;
958
- background: var(--happyforms-color-part-value);
959
- cursor: pointer;
960
- }
961
-
962
- .happyforms-part input[type=range]::-moz-range-track {
963
- width: 100%;
964
- cursor: pointer;
965
- animate: 0.25s;
966
- animate: var(--happyforms-transition-duration);
967
- box-shadow: none;
968
- }
969
-
970
- .happyforms-part input[type=range]::-moz-range-thumb {
971
- width: 20px;
972
- height: 20px;
973
- margin-top: -3px;
974
- border: 1px solid;
975
- border-color: #000;
976
- border-color: var(--happyforms-color-part-value);
977
- border-radius: 50%;
978
- box-shadow: none;
979
- background: #000;
980
- background: var(--happyforms-color-part-value);
981
- cursor: pointer;
982
- }
983
-
984
- .happyforms-part input[type=range]::-ms-track {
985
- width: 100%;
986
- cursor: pointer;
987
- animate: 0.25s;
988
- animate: var(--happyforms-transition-duration);
989
- box-shadow: none;
990
- }
991
-
992
- .happyforms-part input[type=range]::-ms-fill-lower {
993
- background: #000;
994
- background: var(--happyforms-color-part-value);
995
- border: 0;
996
- box-shadow: none;
997
- }
998
-
999
- .happyforms-part input[type=range]::-ms-fill-upper {
1000
- background: #000;
1001
- background: var(--happyforms-color-part-value);
1002
- border: 0;
1003
- box-shadow: none;
1004
- }
1005
-
1006
- .happyforms-part input[type=range]::-ms-thumb {
1007
- width: 20px;
1008
- height: 20px;
1009
- margin-top: -3px;
1010
- border: 1px solid #000;
1011
- border: var(--happyforms-color-part-value);
1012
- border-radius: 50%;
1013
- box-shadow: none;
1014
- background: #000;
1015
- background: var(--happyforms-color-part-value);
1016
- cursor: pointer;
1017
- }
1018
-
1019
- .happyforms-part input[type=range]:focus::-ms-fill-lower {
1020
- background: #000;
1021
- background: var(--happyforms-color-part-value);
1022
- }
1023
-
1024
- .happyforms-part input[type=range]:focus::-ms-fill-upper {
1025
- background: #000;
1026
- background: var(--happyforms-color-part-value);
1027
- }
1028
-
1029
  .happyforms-part--scale output {
1030
  display: block;
1031
  position: relative;
1032
  width: 100%;
1033
- font-size: 16px;
1034
- font-size: var(--happyforms-part-value-font-size);
1035
- }
1036
-
1037
- .happyforms-part--scale output span {
1038
- position: absolute;
1039
- left: 0;
1040
- color: #000;
1041
- color: var(--happyforms-color-part-value);
1042
  }
1043
 
1044
  .happyforms-part--scale output span {
@@ -1049,10 +660,6 @@ h3.happyforms-form__title {
1049
  .happyforms-part--scale__labels {
1050
  position: relative;
1051
  width: 100%;
1052
- font-size: 16px;
1053
- font-size: var(--happyforms-part-value-font-size);
1054
- color: #888888;
1055
- color: var(--happyforms-color-part-placeholder);
1056
  }
1057
 
1058
  .happyforms-part--scale .happyforms-part__el {
@@ -1178,11 +785,6 @@ h3.happyforms-form__title {
1178
  display: none !important;
1179
  }
1180
 
1181
- .happyforms-part--placeholder p {
1182
- font-size: 16px;
1183
- color: #000;
1184
- }
1185
-
1186
  .happyforms-form--part-value-text-align-center .happyforms-part--placeholder p {
1187
  text-align: center;
1188
  }
@@ -1243,11 +845,7 @@ h3.happyforms-form__title {
1243
  .happyforms-part__select-bg {
1244
  padding: 1px 0 2px;
1245
  border: 1px solid;
1246
- border-radius: 6px;
1247
  border-color: #dbdbdb;
1248
- border-color: var(--happyforms-color-part-border);
1249
- background-color: #fff;
1250
- background-color: var(--happyforms-color-part-background);
1251
  }
1252
 
1253
  .happyforms-part__select-wrap:first-of-type,
@@ -1302,17 +900,13 @@ h3.happyforms-form__title {
1302
  height: 0;
1303
  border-left: 6px solid transparent;
1304
  border-right: 6px solid transparent;
1305
- border-top: 6px solid #000;
1306
- border-top: 6px solid var(--happyforms-color-part-value);
1307
- background-size: cover;
1308
- background-repeat: no-repeat;
1309
  }
1310
 
1311
  .happyforms-part--select select:focus,
1312
  .happyforms-part--date select:focus {
1313
  outline-width: 1px;
1314
  outline-color: #000000;
1315
- outline-color: var(--happyforms-color-part-value);
1316
  }
1317
 
1318
  .happyforms-part--date .happyforms-part__el {
@@ -1341,9 +935,6 @@ h3.happyforms-form__title {
1341
  border-left: 6px solid transparent;
1342
  border-right: 6px solid transparent;
1343
  border-top: 6px solid #000;
1344
- border-top: 6px solid var(--happyforms-color-part-value);
1345
- background-position: left top;
1346
- background-size: cover;
1347
  }
1348
 
1349
  .happyforms-part-date__time-input .happyforms-spinner-arrow--up {
@@ -1386,7 +977,6 @@ h3.happyforms-form__title {
1386
  float: left;
1387
  margin-right: 5px;
1388
  color: #f39c00;
1389
- color: var(--happyforms-color-rating-hover);
1390
  }
1391
 
1392
  .happyforms-part--rating .happyforms-star__star {
@@ -1395,20 +985,16 @@ h3.happyforms-form__title {
1395
  stroke-width: 35px;
1396
  }
1397
 
1398
- .happyforms-part--rating .happyforms-part-wrap {
1399
  fill: #ccc;
1400
- fill: var(--happyforms-color-rating);
1401
- color: transparent;
1402
  stroke: #ccc;
1403
- stroke: var(--happyforms-color-rating);
1404
  }
1405
 
1406
- .happyforms-part--rating:hover .happyforms-part-wrap {
1407
  color: #ccc;
1408
  fill: #f39c00;
1409
- fill: var(--happyforms-color-rating-hover);
1410
  stroke: #f39c00;
1411
- stroke: var(--happyforms-color-rating-hover);
1412
  }
1413
 
1414
  .happyforms-part--rating .happyforms-part__label {
@@ -1423,23 +1009,11 @@ h3.happyforms-form__title {
1423
  clear: none;
1424
  }
1425
 
1426
- .happyforms-part--rating .happyforms-star__label {
1427
- cursor: pointer;
1428
- float: left;
1429
- margin-right: 5px;
1430
- }
1431
-
1432
- .happyforms-part--rating .happyforms-star__label {
1433
- color: #f39c00;
1434
- color: var(--happyforms-color-rating-hover);
1435
- }
1436
-
1437
  .happyforms-part--rating:not(:hover) input:first-child:checked~label,
1438
  .happyforms-part--rating input:hover+label~label:not(:hover),
1439
  .happyforms-part--rating:hover input:checked+label:hover~label,
1440
  .happyforms-part--rating:not(:hover) input:checked+label~label {
1441
  color: #ccc;
1442
- color: var(--happyforms-color-rating);
1443
  }
1444
 
1445
  .happyforms-rating--smileys .happyforms-rating-wrap,
@@ -1448,6 +1022,7 @@ h3.happyforms-form__title {
1448
  }
1449
 
1450
  @media screen and (max-width: 800px) {
 
1451
  .happyforms-rating--smileys .happyforms-rating-wrap,
1452
  .happyforms-rating--thumbs .happyforms-rating-wrap {
1453
  flex-flow: column wrap;
@@ -1467,30 +1042,12 @@ h3.happyforms-form__title {
1467
  justify-content: center;
1468
  margin-right: 10px;
1469
  border: 1px solid #dbdbdb;
1470
- border: 1px solid var(--happyforms-color-part-border);
1471
- border-radius: 6px;
1472
- background-color: #fff;
1473
- background-color: var(--happyforms-color-part-background);
1474
- }
1475
-
1476
- .happyforms-rating--smileys .happyforms-rating-wrap input:checked + label,
1477
- .happyforms-rating--thumbs .happyforms-rating-wrap input:checked + label,
1478
- .happyforms-rating--smileys .happyforms-rating-wrap label:hover,
1479
- .happyforms-rating--thumbs .happyforms-rating-wrap label:hover {
1480
- border-color: #407fff !important;
1481
- border-color: var(--happyforms-color-part-border-focus) !important;
1482
- background-color: #fff;
1483
- background-color: var(--happyforms-color-part-background-focus);
1484
- box-shadow: inset 0 0 0 1px #407fff;
1485
- box-shadow: inset 0 0 0 1px var(--happyforms-color-part-border-focus);
1486
  }
1487
 
1488
  .happyforms-rating--smileys label img,
1489
  .happyforms-rating--thumbs label img {
1490
  width: 25px !important;
1491
  height: auto !important;
1492
- transition: width 0.2s ease-in-out;
1493
- transition: width var(--happyforms-transition-duration) ease-in-out;
1494
  }
1495
 
1496
  .happyforms-rating__item-wrap {
@@ -1503,16 +1060,6 @@ h3.happyforms-form__title {
1503
 
1504
  .happyforms-rating__item-wrap .happyforms-rating__item-label {
1505
  margin-left: 10px;
1506
- font-size: 16px;
1507
- font-size: var(--happyforms-part-value-font-size);
1508
- color: #000;
1509
- color: var(--happyforms-color-part-value);
1510
- }
1511
-
1512
- .happyforms-rating--smileys .happyforms-part__el input:checked + label .happyforms-rating__item-label,
1513
- .happyforms-rating--smileys .happyforms-part__el label:hover .happyforms-rating__item-label {
1514
- color: #000;
1515
- color: var(--happyforms-color-part-value);
1516
  }
1517
 
1518
  /* parts - legal */
@@ -1525,12 +1072,6 @@ h3.happyforms-form__title {
1525
  top: 3px;
1526
  }
1527
 
1528
- .happyforms-part--legal label {
1529
- font-weight: normal;
1530
- font-size: 16px;
1531
- font-size: var(--happyforms-part-value-font-size);
1532
- }
1533
-
1534
  @media screen and (min-width: 800px) {
1535
  .happyforms-part-legal--align-right .happyforms-part__el {
1536
  float: right;
@@ -1616,6 +1157,8 @@ h3.happyforms-form__title {
1616
 
1617
  .happyforms-part--address-has-geolocation .happyforms-part__dummy-input {
1618
  position: relative;
 
 
1619
  }
1620
 
1621
  @media screen and (max-width: 800px) {
@@ -1623,54 +1166,29 @@ h3.happyforms-form__title {
1623
  max-width: 100%;
1624
  margin-bottom: 10px;
1625
  }
 
1626
  .happyforms-part--address .happyforms-part-el-wrap .address-city {
1627
  max-width: 100%;
1628
  }
1629
  }
1630
 
1631
- .happyforms-part--address-has-geolocation .happyforms-part__dummy-input > input[type=text],
1632
- .happyforms-part--address-has-geolocation .happyforms-part__dummy-input > input[type=text]:focus {
1633
- border-right: none !important;
1634
- border-top-right-radius: 0 !important;
1635
- border-bottom-right-radius: 0 !important;
1636
- }
1637
-
1638
  a.address-geolocate {
1639
  position: absolute;
1640
- top: 0;
1641
- right: -2px;
1642
  height: auto !important;
1643
- padding: 10px;
1644
- border-width: 1px;
1645
- border-style: solid;
1646
- border-color: #dbdbdb;
1647
- border-color: var(--happyforms-color-part-border);
1648
- border-radius: 6px;
1649
- border-left: none !important;
1650
- border-top-left-radius: 0 !important;
1651
- border-bottom-left-radius: 0 !important;
1652
  box-shadow: none;
1653
- font-style: normal;
1654
- font-size: 16px;
1655
- font-size: var(--happyforms-part-value-font-size);
1656
  font-weight: normal;
1657
  text-decoration: underline;
1658
- background-color: #fff;
1659
- background-color: var(--happyforms-color-part-background);
1660
- color: #000;
1661
- color: var(--happyforms-color-part-value);
1662
- transition: border-color 0.25s;
1663
- transition: border-color var(--happyforms-transition-duration);
1664
- box-shadow: inset -1px -1px -1px 1px var(--happyforms-color-part-border);
1665
  }
1666
 
1667
  a.address-geolocate svg {
1668
  display: inline-block;
 
 
1669
  vertical-align: middle;
1670
- width: calc(var(--happyforms-part-value-font-size) * (96 / 100) + 3px);
1671
- height: calc(var(--happyforms-part-value-font-size) * (96 / 100));
1672
- fill: #000;
1673
- fill: var(--happyforms-color-part-value);
1674
  }
1675
 
1676
  a.address-geolocate.disabled {
@@ -1688,20 +1206,6 @@ a.address-geolocate span {
1688
  }
1689
  }
1690
 
1691
- .happyforms-part input[type=text]:focus + a.address-geolocate {
1692
- border-width: 1px;
1693
- border-right-width: 0;
1694
- border-style: solid;
1695
- border-color: #407fff;
1696
- border-color: var(--happyforms-color-part-border-focus);
1697
- border-left: none;
1698
- border-top-left-radius: 0;
1699
- border-bottom-left-radius: 0;
1700
- background-color: #fff;
1701
- background-color: var(--happyforms-color-part-background-focus);
1702
- box-shadow: inset -1px 0px 0px 1px var(--happyforms-color-part-border-focus)
1703
- }
1704
-
1705
  .happyforms-form--part-border-radius-square a.address-geolocate {
1706
  border-radius: 0px;
1707
  }
@@ -1722,16 +1226,6 @@ a.address-geolocate span {
1722
  transition-duration: 0s;
1723
  }
1724
 
1725
- .happyforms-form--part-border-off a.address-geolocate {
1726
- border-color: transparent !important;
1727
- }
1728
-
1729
- .happyforms-form--part-borders-bottom-only a.address-geolocate {
1730
- border-top-color: transparent !important;
1731
- border-left-color: transparent !important;
1732
- border-right-color: transparent !important;
1733
- }
1734
-
1735
  .happyforms-form--part-inner-padding-narrow a.address-geolocate {
1736
  padding: 5px;
1737
  }
@@ -1748,218 +1242,36 @@ a.address-geolocate span {
1748
  margin-bottom: 0;
1749
  }
1750
 
1751
- input[type=submit].happyforms-button--submit,
1752
- input[type=submit][disabled].happyforms-button--submit {
1753
- -webkit-appearance: none;
1754
- height: auto;
1755
- padding: 20px 40px;
1756
- border-radius: 4px;
1757
- border: 1px solid transparent !important;
1758
- border-color: var(--happyforms-color-submit-border) !important;
1759
- font-weight: bold;
1760
- font-style: normal;
1761
- font-size: 18px;
1762
- font-size: var(--happyforms-submit-button-font-size);
1763
- color: #fff;
1764
- color: var(--happyforms-color-submit-text);
1765
- background-color: #407fff;
1766
- background-color: var(--happyforms-color-submit-background);
1767
- background: #407fff;
1768
- background: var(--happyforms-color-submit-background);
1769
- text-transform: none;
1770
- transition-property: all;
1771
- transition-duration: 0.25s;
1772
- transition-duration: var(--happyforms-transition-duration);
1773
- transition-timing-function: ease-in;
1774
- }
1775
-
1776
- input[type=submit][disabled].happyforms-button--submit {
1777
- cursor: default;
1778
- }
1779
-
1780
- input[type=submit].happyforms-button--submit:hover,
1781
- input[type=submit].happyforms-button--submit:focus {
1782
- cursor: pointer;
1783
- border-radius: 4px;
1784
- border-color: transparent !important;
1785
- border-color: var(--happyforms-color-submit-border) !important;
1786
- background-color: #3567cc;
1787
- background-color: var(--happyforms-color-submit-background-hover);
1788
- background: #3567cc;
1789
- background: var(--happyforms-color-submit-background-hover);
1790
- text-transform: none;
1791
- color: #fff;
1792
- color: var(--happyforms-color-submit-text-hover);
1793
- }
1794
-
1795
- input[type=submit][disabled].happyforms-button--submit:hover,
1796
- input[type=submit][disabled].happyforms-button--submit:focus {
1797
- cursor: default;
1798
- background-color: #407fff;
1799
- background-color: var(--happyforms-color-submit-background);
1800
- background: #407fff;
1801
- background: var(--happyforms-color-submit-background);
1802
- color: #fff;
1803
- color: var(--happyforms-color-submit-text);
1804
- }
1805
-
1806
  /* notices */
1807
- .happyforms-flex > .happyforms-message-notices {
1808
  display: flex;
1809
  width: 100%;
1810
  padding: 0 1%;
1811
  margin: 0 0 50px 0;
1812
  }
1813
 
1814
- form.happyforms-form--notices-below .happyforms-flex > .happyforms-message-notices {
1815
  order: 1000;
1816
  margin: 50px 0 0 0;
1817
  }
1818
 
1819
- form .happyforms-flex > .happyforms-message-notices .happyforms-message-notice {
1820
  width: 100%;
1821
  box-sizing: border-box;
1822
- padding: 25px;
1823
- border: 3px solid;
1824
- background-color: transparent;
1825
- color: #000;
1826
- color: var(--happyforms-color-primary);
1827
- }
1828
-
1829
- form .happyforms-flex > .happyforms-message-notices .success {
1830
- border-color: #39b54a;
1831
- border-color: var(--happyforms-color-success);
1832
- }
1833
-
1834
- form .happyforms-flex > .happyforms-message-notices .error {
1835
- border-color: #ff7550;
1836
- border-color: var(--happyforms-color-error);
1837
  }
1838
 
1839
- .happyforms-message-notices h2 {
1840
- margin-top: 0 !important;
1841
- margin-bottom: 0 !important;
1842
- padding-top: 0 !important;
1843
- padding-bottom: 0 !important;
1844
- font-size: 16px !important;
1845
- }
1846
-
1847
- .happyforms-message-notices h2 span {
1848
- display: block;
1849
- font-weight: normal;
1850
- font-size: 14px;
1851
- }
1852
-
1853
- .happyforms-form__part .happyforms-message-notices h2 {
1854
- font-weight: normal !important;
1855
- font-size: 16px !important;
1856
- font-size: var(--happyforms-part-value-font-size) !important;
1857
  }
1858
 
1859
  .happyforms-form__part .happyforms-message-notice.error h2 {
1860
  color: #ff7550;
1861
- color: var(--happyforms-color-error);
1862
  }
1863
 
1864
  .happyforms-form__title+.happyforms-message-notices {
1865
  margin-top: 25px;
1866
  }
1867
 
1868
- /* umbrella classes */
1869
- .happyforms-form--part-border-radius-square .happyforms-part input[type=text],
1870
- .happyforms-form--part-border-radius-square .happyforms-part input[type=password],
1871
- .happyforms-form--part-border-radius-square .happyforms-part input[type=email],
1872
- .happyforms-form--part-border-radius-square .happyforms-part input[type=tel],
1873
- .happyforms-form--part-border-radius-square .happyforms-part input[type=number],
1874
- .happyforms-form--part-border-radius-square .happyforms-part input[type=range],
1875
- .happyforms-form--part-border-radius-square .happyforms-part textarea,
1876
- .happyforms-form--part-border-radius-square .happyforms-part .happyforms-part__select-bg,
1877
- .happyforms-form--part-border-radius-square .happyforms-part--address__results ul,
1878
- .happyforms-form--part-border-radius-square .happyforms-country-select__selected-country {
1879
- border-radius: 0px !important;
1880
- }
1881
-
1882
- .happyforms-form--part-border-radius-square .happyforms-part--choice .option-label .border {
1883
- border-radius: 0px;
1884
- }
1885
-
1886
- .happyforms-form--part-border-radius-pill .happyforms-part input[type=text],
1887
- .happyforms-form--part-border-radius-pill .happyforms-part input[type=password],
1888
- .happyforms-form--part-border-radius-pill .happyforms-part input[type=email],
1889
- .happyforms-form--part-border-radius-pill .happyforms-part input[type=tel],
1890
- .happyforms-form--part-border-radius-pill .happyforms-part input[type=number],
1891
- .happyforms-form--part-border-radius-pill .happyforms-part input[type=range],
1892
- .happyforms-form--part-border-radius-pill .happyforms-part textarea {
1893
- border-radius: 25px !important;
1894
- padding-left: 25px;
1895
- padding-right: 25px;
1896
- }
1897
-
1898
- .happyforms-form--part-border-radius-pill .happyforms-part textarea {
1899
- padding: 15px;
1900
- }
1901
-
1902
- .happyforms-form--part-border-radius-pill .happyforms-part .happyforms-part__select-bg {
1903
- border-radius: 25px;
1904
- padding-left: 15px;
1905
- }
1906
-
1907
- .happyforms-form--part-border-radius-pill .happyforms-part--address__results ul {
1908
- border-radius: 25px;
1909
- }
1910
-
1911
- .happyforms-form--part-border-radius-pill .happyforms-part--choice .option-label .border {
1912
- border-radius: 25px;
1913
- }
1914
-
1915
- .happyforms-form--part-border-radius-pill .happyforms-part-date__time-input .happyforms-spinner-arrow {
1916
- right: 15px;
1917
- }
1918
-
1919
- .happyforms-form--part-placeholder-toggle .happyforms-part ::-webkit-input-placeholder {
1920
- color: transparent !important;
1921
- transition: color 0.25s;
1922
- transition: color var(--happyforms-transition-duration);
1923
- }
1924
-
1925
- .happyforms-form--part-placeholder-toggle .happyforms-part ::-moz-placeholder {
1926
- color: transparent !important;
1927
- transition: color 0.25s;
1928
- transition: color var(--happyforms-transition-duration);
1929
- }
1930
-
1931
- .happyforms-form--part-placeholder-toggle .happyforms-part ::-ms-placeholder {
1932
- color: transparent !important;
1933
- transition: color 0.25s;
1934
- transition: color var(--happyforms-transition-duration);
1935
- }
1936
-
1937
- .happyforms-form--part-placeholder-toggle .happyforms-part ::placeholder {
1938
- color: transparent !important;
1939
- transition: color 0.25s;
1940
- transition: color var(--happyforms-transition-duration);
1941
- }
1942
-
1943
- .happyforms-form--part-placeholder-toggle .happyforms-part input:focus::-webkit-input-placeholder {
1944
- color: #888888 !important;
1945
- color: var(--happyforms-color-part-placeholder) !important;
1946
- }
1947
-
1948
- .happyforms-form--part-placeholder-toggle .happyforms-part input:focus::-moz-placeholder {
1949
- color: #888888 !important;
1950
- color: var(--happyforms-color-part-placeholder) !important;
1951
- }
1952
-
1953
- .happyforms-form--part-placeholder-toggle .happyforms-part input:focus::-ms-placeholder {
1954
- color: #888888 !important;
1955
- color: var(--happyforms-color-part-placeholder) !important;
1956
- }
1957
-
1958
- .happyforms-form--part-placeholder-toggle .happyforms-part input:focus::placeholder {
1959
- color: #888888 !important;
1960
- color: var(--happyforms-color-part-placeholder) !important;
1961
- }
1962
-
1963
  /* labels */
1964
 
1965
  .happyforms-part--label-inside label {
@@ -1980,13 +1292,6 @@ form .happyforms-flex > .happyforms-message-notices .error {
1980
  left: 75px;
1981
  }
1982
 
1983
- .happyforms-part--label-inside label .label {
1984
- font-weight: bold;
1985
- font-size: 14px;
1986
- color: #000;
1987
- color: var(--happyforms-color-part-title);
1988
- }
1989
-
1990
  .happyforms-part--label-inside input,
1991
  .happyforms-part--label-inside textarea,
1992
  .happyforms-part--label-as_placeholder input,
@@ -2024,42 +1329,19 @@ form .happyforms-flex > .happyforms-message-notices .error {
2024
  padding-bottom: 10px !important;
2025
  }
2026
 
2027
- /* part borders */
2028
- .happyforms-form--part-borders-bottom-only .happyforms-part input[type=text],
2029
- .happyforms-form--part-borders-bottom-only .happyforms-part input[type=password],
2030
- .happyforms-form--part-borders-bottom-only .happyforms-part input[type=email],
2031
- .happyforms-form--part-borders-bottom-only .happyforms-part input[type=number],
2032
- .happyforms-form--part-borders-bottom-only .happyforms-part textarea {
2033
- border-top-color: transparent !important;
2034
- border-left-color: transparent !important;
2035
- border-right-color: transparent !important;
2036
- box-shadow: none !important;
2037
- }
2038
-
2039
- /* part border transitions */
2040
- .happyforms-form--part-disable-transitions .happyforms-part input[type=text],
2041
- .happyforms-form--part-disable-transitions .happyforms-part input[type=password],
2042
- .happyforms-form--part-disable-transitions .happyforms-part input[type=email],
2043
- .happyforms-form--part-disable-transitions .happyforms-part input[type=number],
2044
- .happyforms-form--part-disable-transitions .happyforms-part textarea {
2045
- transition-duration: 0s;
2046
- }
2047
-
2048
  .happyforms-part input[type=text],
2049
  .happyforms-part input[type=password],
2050
  .happyforms-part input[type=email],
2051
  .happyforms-part input[type=number],
2052
  .happyforms-part textarea {
 
2053
  transition: border-color 0.4s;
2054
  transition: border-color var(--happyforms-transition-duration);
2055
  }
2056
 
2057
  /* part labels transitions */
2058
  .happyforms-part--label-as_placeholder label {
2059
- color: #888888;
2060
- color: var(--happyforms-color-part-placeholder);
2061
  transition-duration: 0.4s;
2062
- transition-duration: var(--happyforms-transition-duration);
2063
  }
2064
 
2065
  .happyforms-part--label-as_placeholder ::-webkit-input-placeholder {
@@ -2086,11 +1368,6 @@ form .happyforms-flex > .happyforms-message-notices .error {
2086
  transition-property: top;
2087
  }
2088
 
2089
- .happyforms-part--label-as_placeholder .happyforms-part__label .label {
2090
- color: #888888;
2091
- color: var(--happyforms-color-part-placeholder);
2092
- }
2093
-
2094
  .happyforms-form--direction-rtl .happyforms-part--label-as_placeholder label {
2095
  left: auto;
2096
  right: 11px;
@@ -2104,17 +1381,6 @@ form .happyforms-flex > .happyforms-message-notices .error {
2104
  top: 8px;
2105
  }
2106
 
2107
- .happyforms-part--label-as_placeholder input:focus~label .label,
2108
- .happyforms-part--label-as_placeholder textarea:focus~label .label,
2109
- .happyforms-part--label-as_placeholder.happyforms-part--filled input~label .label,
2110
- .happyforms-part--label-as_placeholder.happyforms-part--filled textarea~label .label,
2111
- .happyforms-part--select.happyforms-part--filled.happyforms-part--label-as_placeholder .label {
2112
- font-weight: bold;
2113
- font-size: 14px;
2114
- color: #000;
2115
- color: var(--happyforms-color-part-value);
2116
- }
2117
-
2118
  .happyforms-form--part-inner-padding-narrow .happyforms-part--label-as_placeholder label {
2119
  top: 19px;
2120
  left: 5px;
@@ -2225,7 +1491,7 @@ form .happyforms-flex > .happyforms-message-notices .error {
2225
  padding-left: 0;
2226
  }
2227
 
2228
- .happyforms-form--part-inner-padding-wide .happyforms-part--legal .option-label .label {
2229
  padding-left: 20px;
2230
  }
2231
 
@@ -2239,24 +1505,14 @@ form .happyforms-flex > .happyforms-message-notices .error {
2239
 
2240
  /* submit button */
2241
 
2242
- .happyforms-form--submit-button-border-hide input[type=submit].happyforms-button--submit {
2243
- border-width: 0 !important;
2244
- }
2245
-
2246
- .happyforms-form--submit-button-border-radius-square input[type=submit].happyforms-button--submit,
2247
- .happyforms-form--submit-button-border-radius-square input[type=submit].happyforms-button--submit:hover {
2248
- border-radius: 0;
2249
- }
2250
-
2251
- .happyforms-form--submit-button-border-radius-pill input[type=submit].happyforms-button--submit,
2252
- .happyforms-form--submit-button-border-radius-pill input[type=submit].happyforms-button--submit:hover {
2253
- border-radius: 60px;
2254
- }
2255
-
2256
  .happyforms-form--submit-button-fullwidth input[type=submit].happyforms-button--submit {
2257
  width: 100%;
2258
  }
2259
 
 
 
 
 
2260
  .happyforms-form--submit-button-align-center .happyforms-part--submit {
2261
  text-align: center;
2262
  }
@@ -2265,32 +1521,8 @@ form .happyforms-flex > .happyforms-message-notices .error {
2265
  text-align: right;
2266
  }
2267
 
2268
- .happyforms-form--submit-button-normal .happyforms-part--submit input[type=submit] {
2269
- font-weight: normal;
2270
- }
2271
-
2272
- .happyforms-form--submit-button-disable-transitions input[type=submit] {
2273
- transition-duration: 0s !important;
2274
- }
2275
-
2276
- .happyforms-form--submit-button-padding-narrow input[type=submit].happyforms-button--submit {
2277
- padding: 10px 20px;
2278
- }
2279
-
2280
- .happyforms-form--submit-button-padding-wide input[type=submit].happyforms-button--submit {
2281
- padding: 30px 60px;
2282
- }
2283
-
2284
- .happyforms-form--submit-button-fullwidth input[type=submit].happyforms-button--submit {
2285
- padding-left: 0;
2286
- padding-right: 0;
2287
- }
2288
-
2289
- .happyforms-form--part-title-font-weight-bold .happyforms-part__label .label {
2290
- font-weight: bold;
2291
- }
2292
-
2293
- .happyforms-visuallyhidden, .ui-helper-hidden-accessible {
2294
  position: absolute;
2295
  border: 0;
2296
  clip: rect(0 0 0 0);
@@ -2316,31 +1548,38 @@ form .happyforms-flex > .happyforms-message-notices .error {
2316
  display: inline-block;
2317
  vertical-align: top;
2318
  }
 
2319
  input[type="range"].multirange.original {
2320
  position: absolute;
2321
  }
 
2322
  input[type="range"].multirange.original::-webkit-slider-thumb {
2323
  position: relative;
2324
  z-index: 2;
2325
  }
 
2326
  input[type="range"].multirange.original::-moz-range-thumb {
2327
  transform: scale(1);
2328
  /* FF doesn't apply position it seems */
2329
  z-index: 1;
2330
  }
 
2331
  input[type="range"].multirange::-moz-range-track {
2332
  border-color: transparent;
2333
  /* needed to switch FF to "styleable" control */
2334
  }
 
2335
  input[type="range"].multirange.ghost {
2336
  position: relative;
2337
  background: var(--track-background);
2338
  --track-background: linear-gradient(to right, var(--happyforms-color-part-border) var(--low), var(--range-color) 0, var(--range-color) var(--high), var(--happyforms-color-part-border) 0) no-repeat 0 45% / 100% 10%;
2339
  --range-color: var(--happyforms-color-part-value);
2340
  }
 
2341
  input[type="range"].multirange.ghost::-webkit-slider-runnable-track {
2342
  background: var(--track-background);
2343
  }
 
2344
  input[type="range"].multirange.ghost::-moz-range-track {
2345
  background: var(--track-background);
2346
  }
@@ -2354,44 +1593,24 @@ form .happyforms-flex > .happyforms-message-notices .error {
2354
  flex-wrap: wrap;
2355
  padding: 0;
2356
  }
 
2357
  .happyforms-part--table .happyforms-part__el {
2358
  width: 100%;
2359
  }
 
2360
  .happyforms-table__row {
2361
  display: flex;
2362
  width: 100%;
2363
  }
 
2364
  .happyforms-table__row--head>div {
2365
  padding: 10px;
2366
  }
 
2367
  .happyforms-table__row--head>div:first-child {
2368
  background-color: transparent;
2369
  }
2370
- .happyforms-table__row:not(.happyforms-table__row--head):nth-child(odd) {
2371
- background-color: #fff;
2372
- background-color: var(--happyforms-color-table-row-even);
2373
- }
2374
- .happyforms-table__row:not(.happyforms-table__row--head):nth-child(odd) .happyforms-table__cell {
2375
- color: #000;
2376
- color: var(--happyforms-color-table-row-even-text);
2377
- }
2378
- .happyforms-table__row:not(.happyforms-table__row--head):nth-child(odd) .checkmark {
2379
- border-color: #000;
2380
- border-color: var(--happyforms-color-table-row-even-text);
2381
- }
2382
 
2383
- .happyforms-table__row:not(.happyforms-table__row--head):nth-child(even) {
2384
- background-color: #fff;
2385
- background-color: var(--happyforms-color-table-row-odd);
2386
- }
2387
- .happyforms-table__row:not(.happyforms-table__row--head):nth-child(even) .happyforms-table__cell {
2388
- color: #000;
2389
- color: var(--happyforms-color-table-row-odd-text);
2390
- }
2391
- .happyforms-table__row:not(.happyforms-table__row--head):nth-child(even) .checkmark {
2392
- border-color: #000;
2393
- border-color: var(--happyforms-color-table-row-odd-text);
2394
- }
2395
  .happyforms-table__row--body {
2396
  align-items: center;
2397
  }
@@ -2406,20 +1625,20 @@ form .happyforms-flex > .happyforms-message-notices .error {
2406
  overflow: hidden;
2407
  list-style: none;
2408
  }
 
2409
  .happyforms-form--part-inner-padding-narrow .happyforms-table__cell {
2410
  padding: 5px 7px;
2411
  }
 
2412
  .happyforms-form--part-inner-padding-wide .happyforms-table__cell {
2413
  padding: 20px 15px;
2414
  }
 
2415
  .happyforms-table__cell--column-title {
2416
  font-weight: bold;
2417
- font-size: 16px;
2418
- font-size: var(--happyforms-part-title-font-size);
2419
  text-align: center;
2420
- color: #000;
2421
- color: var(--happyforms-color-part-title);
2422
  }
 
2423
  .happyforms-table__cell .option-label {
2424
  justify-content: center;
2425
  width: 100%;
@@ -2427,14 +1646,12 @@ form .happyforms-flex > .happyforms-message-notices .error {
2427
  padding-bottom: 0;
2428
  text-align: center;
2429
  }
 
2430
  .happyforms-table__cell--row-title {
2431
  align-items: flex-start;
2432
  justify-content: flex-start;
2433
- font-size: 16px;
2434
- font-size: var(--happyforms-part-title-font-size);
2435
- color: #000;
2436
- color: var(--happyforms-color-part-title);
2437
  }
 
2438
  .happyforms-table__cell--column-title-sm {
2439
  display: none;
2440
  }
@@ -2443,29 +1660,35 @@ form .happyforms-flex > .happyforms-message-notices .error {
2443
  .happyforms-part--table .happyforms-part__description {
2444
  margin-bottom: 20px;
2445
  }
 
2446
  .happyforms-table {
2447
  display: block;
2448
  }
 
2449
  .happyforms-table__row--head {
2450
  display: none;
2451
  }
 
2452
  .happyforms-table__row {
2453
  flex-wrap: wrap;
2454
  margin-bottom: 20px;
2455
  }
 
2456
  .happyforms-table__cell {
2457
  display: flex;
2458
  width: 100% !important;
2459
  padding-left: 5px;
2460
  padding-right: 5px;
2461
  }
 
2462
  .happyforms-table__cell:first-child {
2463
  background-color: #dbdbdb;
2464
- background-color: var(--happyforms-color-part-border);
2465
  }
 
2466
  .happyforms-table__cell--row-title {
2467
  font-weight: bold;
2468
  }
 
2469
  .happyforms-table__cell--column-title-sm {
2470
  display: block;
2471
  flex-grow: 1;
@@ -2473,6 +1696,7 @@ form .happyforms-flex > .happyforms-message-notices .error {
2473
  font-weight: normal;
2474
  text-align: left;
2475
  }
 
2476
  label.happyforms-part__label {
2477
  flex-grow: 1;
2478
  width: 100%;
@@ -2484,23 +1708,23 @@ form .happyforms-flex > .happyforms-message-notices .error {
2484
  padding: 0 1%;
2485
  }
2486
 
2487
- .happyforms-part--recaptcha .happyforms-part-wrap > div {
2488
  margin-bottom: 20px;
2489
  padding: 5px 0;
2490
  }
2491
 
2492
  @media screen and (max-width: 500px) {
2493
- .happyforms-part--recaptcha > div > div {
2494
  transform: scale(0.75);
2495
  transform-origin: 0 0;
2496
  }
2497
  }
2498
 
2499
- .happyforms-form--part-outer-padding-wide .happyforms-part--recaptcha .happyforms-part-wrap > div {
2500
  padding: 20px 3%;
2501
  }
2502
 
2503
- .happyforms-form--part-outer-padding-narrow .happyforms-part--recaptcha .happyforms-part-wrap > div {
2504
  padding: 5px 0.5%;
2505
  }
2506
 
@@ -2514,43 +1738,45 @@ form .happyforms-flex > .happyforms-message-notices .error {
2514
  top: 0;
2515
  left: 0;
2516
  right: auto;
 
 
2517
  width: 70px;
2518
  height: 100%;
2519
- border: 1px solid var(--happyforms-color-part-border);
2520
- border-right: 0;
2521
- border-radius: 8px;
2522
- border-top-right-radius: 0;
2523
- border-bottom-right-radius: 0;
2524
- transition: border-color 0.4s;
2525
- transition: border-color var(--happyforms-transition-duration);
2526
  }
 
2527
  .happyforms-form--part-border-radius-square .happyforms-country-select {
2528
  border-radius: 0;
2529
  }
 
2530
  .happyforms-form--part-border-radius-pill .happyforms-country-select {
2531
  border-radius: 25px;
2532
  border-bottom: 0;
2533
  border-top: 0;
2534
  }
 
2535
  .happyforms-form--part-border-off .happyforms-country-select {
2536
  border-width: 0;
2537
  }
 
2538
  .happyforms-form--part-borders-bottom-only .happyforms-country-select {
2539
  border-top-width: 0;
2540
  border-left-width: 0;
2541
  }
 
2542
  .happyforms-country-select.focus {
2543
- border: 2px solid var(--happyforms-color-part-border-focus);
2544
  border-right: 0;
2545
  }
 
2546
  .happyforms-form--part-border-off .happyforms-country-select.focus {
2547
  border-width: 0;
2548
  }
 
2549
  .happyforms-form--part-borders-bottom-only .happyforms-country-select.focus {
2550
  border-top-width: 0;
2551
  border-left-width: 0;
2552
  border-bottom-width: 1px;
2553
  }
 
2554
  .happyforms-country-select-trigger {
2555
  display: none;
2556
  position: absolute;
@@ -2561,131 +1787,142 @@ form .happyforms-flex > .happyforms-message-notices .error {
2561
  height: 100%;
2562
  z-index: 10;
2563
  }
 
2564
  .happyforms-country-select--multiple .happyforms-country-select-trigger {
2565
  display: block;
2566
  }
 
2567
  .happyforms-country-select__selected-country {
2568
  position: relative;
2569
  z-index: 1;
2570
- height: 100%;
2571
  padding: 0 20px 0 7px;
2572
  box-sizing: border-box;
2573
- border-radius: 6px;
2574
- border-top-right-radius: 0;
2575
- border-bottom-right-radius: 0;
2576
  transition: background-color 0.2s ease-in;
2577
  }
 
2578
  .happyforms-form--part-border-radius-pill .happyforms-country-select__selected-country {
2579
  border-radius: 25px;
2580
  border-top-right-radius: 0;
2581
  border-bottom-right-radius: 0;
2582
  }
2583
- .happyforms-country-select--multiple .happyforms-country-select__selected-country:hover,
2584
- .happyforms-country-select--multiple .happyforms-country-select__selected-country.open {
2585
- background-color: #dbdbdb;
2586
- background-color: var(--happyforms-color-part-border);
2587
- }
2588
  .happyforms-country-select--multiple .happyforms-country-select__selected-country:after {
2589
  content: '';
2590
  display: block;
2591
  position: absolute;
2592
- top: calc(50% - 3px);
2593
  right: 5px;
2594
  width: 0;
2595
  height: 0;
 
 
 
2596
  border-left: 5px solid transparent;
2597
  border-right: 5px solid transparent;
2598
  border-top: 5px solid #000;
2599
  }
 
2600
  .happyforms-country-select.focus .happyforms-flag {
2601
  position: relative;
2602
  left: -1px;
2603
  }
 
2604
  .happyforms-flag {
 
2605
  display: flex;
2606
  align-items: center;
2607
- height: 100%;
2608
  line-height: 1;
2609
- font-size: 40px;
 
2610
  }
 
2611
  .happyforms-part--phone.happyforms-is-masked .happyforms-part-phone-wrap>input[type=text] {
2612
- padding-left: 65px;
2613
  }
 
2614
  .happyforms-part--phone.happyforms-is-masked .happyforms-part-phone-wrap>input[type=text]:focus~div {
2615
  display: none;
2616
  }
 
2617
  .happyforms-part--phone.happyforms-is-masked.happyforms-has-country-select .happyforms-part-phone-wrap>input[type=text] {
2618
- padding-left: 75px;
2619
  }
2620
 
2621
  /* new dropdowns */
2622
  .happyforms-part select {
2623
  display: none;
2624
  }
 
2625
  .happyforms-custom-select input[readonly="readonly"] {
2626
  cursor: pointer;
2627
  }
 
2628
  .happyforms-custom-select-dropdown {
2629
  display: none;
2630
  position: absolute;
 
2631
  z-index: 10;
2632
  list-style: none;
2633
  margin: 0 !important;
2634
  padding: 0 !important;
2635
  text-align: left;
2636
  background-color: #fff;
2637
- background-color: var(--happyforms-color-dropdown-bg-color);
2638
  border: 1px solid #dbdbdb;
2639
  white-space: nowrap;
2640
  width: 100%;
2641
  max-height: 250px;
2642
  overflow-y: scroll;
2643
- box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2)
2644
  }
 
2645
  .happyforms-part__select-wrap {
2646
  cursor: pointer;
2647
  }
 
2648
  .happyforms-custom-select-dropdown.phone {
2649
  min-width: 425px;
2650
  }
 
2651
  .happyforms-custom-select-dropdown.active {
2652
  display: block !important;
2653
  }
 
2654
  .happyforms-custom-select-dropdown li {
2655
  cursor: pointer;
2656
  display: flex;
2657
  align-items: center;
2658
  padding: 5px 10px;
2659
  min-height: 35px;
2660
- transition: background-color 0.2s ease-in;
2661
  color: #000;
2662
- color: var(--happyforms-color-dropdown-item-text);
2663
  background-color: #fff;
2664
- background-color: var(--happyforms-color-dropdown-item-bg);
2665
  }
 
2666
  .happyforms-custom-select-dropdown li.happyforms-custom-select-dropdown__placeholder {
2667
  color: #888888;
2668
- color: var(--happyforms-color-part-placeholder);
2669
  }
 
2670
  .happyforms-custom-select-dropdown li.happyforms-custom-select-dropdown__item:hover,
2671
  .happyforms-custom-select-dropdown li.happyforms-custom-select-dropdown__item.active {
2672
  color: #000;
2673
- color: var(--happyforms-color-dropdown-item-text-hover);
2674
  background-color: #dbdbdb;
2675
- background-color: var(--happyforms-color-dropdown-item-bg-hover);
2676
  }
 
2677
  .happyforms-part-select--required .happyforms-custom-select-dropdown li.happyforms-custom-select-dropdown__placeholder,
2678
  .happyforms-part-date--required .happyforms-custom-select-dropdown li.happyforms-custom-select-dropdown__placeholder,
2679
  .happyforms-part--with-autocomplete .happyforms-custom-select-dropdown li.happyforms-custom-select-dropdown__placeholder {
2680
  display: none;
2681
  }
 
2682
  .happyforms-custom-select-dropdown .happyforms-flag {
2683
  font-size: 30px;
2684
  }
 
2685
  .happyforms-custom-select-dropdown .happyforms-custom-select-dropdown-item__label--country {
2686
  padding: 0 10px 0 5px;
2687
  font-size: 16px;
2688
  }
 
2689
  .happyforms-custom-select-dropdown .happyforms-custom-select-dropdown-item__label--country-code {
2690
  font-size: 14px;
2691
  color: #888888;
@@ -2702,18 +1939,18 @@ form .happyforms-flex > .happyforms-message-notices .error {
2702
 
2703
  .happyforms-part-preview .happyforms-part__label .label {
2704
  font-weight: bold;
2705
- color: #000;
2706
- color: var(--happyforms-color-table-row-odd-text);
2707
  }
2708
 
2709
- .happyforms-form-preview .happyforms-part--submit {
2710
  display: flex;
2711
  flex-flow: row wrap;
2712
  align-items: center;
 
 
 
2713
  margin-top: 30px;
2714
  }
2715
 
2716
- .happyforms-form-preview .happyforms-part--submit,
2717
  .happyforms-form-preview .happyforms-part--recaptcha {
2718
  padding-left: 0;
2719
  padding-right: 0;
@@ -2724,27 +1961,27 @@ form .happyforms-flex > .happyforms-message-notices .error {
2724
  margin-bottom: 0;
2725
  }
2726
 
2727
- .happyforms-form-preview .happyforms-part--submit * {
2728
  margin-right: 20px;
2729
  margin-bottom: 20px;
2730
  }
2731
 
2732
- .happyforms-form--submit-button-align-center.happyforms-form-preview .happyforms-part--submit,
2733
- .happyforms-form--submit-button-fullwidth.happyforms-form-preview .happyforms-part--submit {
2734
  flex-flow: column wrap;
2735
  align-items: center;
2736
  }
2737
 
2738
- .happyforms-form--submit-button-align-center.happyforms-form-preview .happyforms-part--submit a,
2739
- .happyforms-form--submit-button-fullwidth.happyforms-form-preview .happyforms-part--submit a {
2740
  order: 2;
2741
  }
2742
 
2743
- .happyforms-form--submit-button-align-right.happyforms-form-preview .happyforms-part--submit {
2744
  justify-content: flex-end;
2745
  }
2746
 
2747
- .happyforms-form--submit-button-align-right.happyforms-form-preview .happyforms-part--submit input {
2748
  margin-right: 0;
2749
  }
2750
 
@@ -2752,6 +1989,7 @@ form .happyforms-flex > .happyforms-message-notices .error {
2752
  .happyforms-form-preview .happyforms-part--submit {
2753
  flex-flow: column wrap;
2754
  }
 
2755
  .happyforms-form-preview .happyforms-part--submit input {
2756
  margin-right: 0;
2757
  }
@@ -2766,38 +2004,20 @@ form .happyforms-flex > .happyforms-message-notices .error {
2766
  padding: 10px 1%;
2767
  }
2768
 
2769
- .happyforms-part-preview .happyforms-part__el-preview {
2770
- font-size: 16px;
2771
- font-size: var(--happyforms-part-value-font-size);
2772
- }
2773
-
2774
  .happyforms-part-preview {
2775
  background-color: #fcfcfc;
2776
- background-color: var(--happyforms-color-table-row-odd);
2777
  }
2778
 
2779
  .happyforms-part-preview:nth-child(even) {
2780
  background-color: #efefef;
2781
- background-color: var(--happyforms-color-table-row-even);
2782
  }
2783
 
2784
  .happyforms-part-preview:nth-child(even) .happyforms-part__label .label {
2785
  color: #000;
2786
- color: var(--happyforms-color-table-row-even-text);
2787
  }
2788
 
2789
- .happyforms-form-preview > p {
2790
  padding: 45px 1% 10px;
2791
- font-size: 16px;
2792
- font-size: var(--happyforms-part-value-font-size);
2793
- }
2794
-
2795
- .happyforms-part--narrative p {
2796
- line-height: 2.7;
2797
- }
2798
-
2799
- .happyforms-part--narrative.happyforms-part--label-left .happyforms-part__label {
2800
- line-height: 2.7;
2801
  }
2802
 
2803
  .happyforms-part--narrative input[type=text] {
@@ -2808,6 +2028,14 @@ form .happyforms-flex > .happyforms-message-notices .error {
2808
  text-align: center;
2809
  }
2810
 
 
 
 
 
 
 
 
 
2811
  .happyforms-form--part-inner-padding-narrow .happyforms-part--narrative p {
2812
  line-height: 2.5;
2813
  }
@@ -2825,17 +2053,19 @@ form .happyforms-flex > .happyforms-message-notices .error {
2825
  }
2826
 
2827
  /*
2828
- * Rich Text
2829
- */
2830
 
2831
  .happyforms-part--rich_text div.mce-toolbar-grp {
2832
  position: relative;
2833
  left: -1px;
2834
  width: calc(100% + 3px);
2835
  padding-bottom: 1px;
2836
- background-color: white;
2837
- border-color: #dbdbdb !important;
2838
- border-color: var(--happyforms-color-part-border) !important;
 
 
2839
  }
2840
 
2841
  .happyforms-part--rich_text.focus div.mce-toolbar-grp {
@@ -2843,11 +2073,11 @@ form .happyforms-flex > .happyforms-message-notices .error {
2843
  width: 100%;
2844
  }
2845
 
2846
- .happyforms-part--rich_text div.mce-toolbar-grp > div {
2847
  padding: 0 2px;
2848
  }
2849
 
2850
- .happyforms-part--rich_text.focus div.mce-toolbar-grp > div {
2851
  padding: 0 1px;
2852
  }
2853
 
@@ -2858,8 +2088,6 @@ form .happyforms-flex > .happyforms-message-notices .error {
2858
  div.mce-inline-toolbar-grp.happyforms-editor-toolbar-link {
2859
  background-color: white;
2860
  border-width: 2px;
2861
- border-color: #407fff !important;
2862
- border-color: var(--happyforms-color-part-border-focus) !important;
2863
  box-shadow: none;
2864
  }
2865
 
@@ -2867,15 +2095,11 @@ div.mce-inline-toolbar-grp.happyforms-editor-toolbar-link {
2867
  top: -11px;
2868
  left: 50%;
2869
  border-width: 0 11px 11px;
2870
- border-bottom-color: #407fff;
2871
- border-bottom-color: var(--happyforms-color-part-border-focus);
2872
  }
2873
 
2874
  .happyforms-editor-toolbar-link.mce-inline-toolbar-grp.mce-arrow-down:before {
2875
  bottom: -10px;
2876
  border-width: 9px 9px 0;
2877
- border-top-color: #407fff;
2878
- border-top-color: var(--happyforms-color-part-border-focus);
2879
  }
2880
 
2881
  .happyforms-editor-toolbar-link.mce-inline-toolbar-grp.mce-arrow-down:after {
@@ -2915,6 +2139,7 @@ div.mce-inline-toolbar-grp.happyforms-editor-toolbar-link {
2915
  .happyforms-editor-toolbar-link .mce-toolbar .mce-btn-group .mce-btn button {
2916
  cursor: pointer !important;
2917
  padding: 0 !important;
 
2918
  }
2919
 
2920
  div.mce-inline-toolbar-grp.happyforms-editor-toolbar-link div.wp-link-input input {
@@ -2930,7 +2155,6 @@ div.mce-inline-toolbar-grp.happyforms-editor-toolbar-link div.wp-link-preview {
2930
 
2931
  div.mce-inline-toolbar-grp.happyforms-editor-toolbar-link div.wp-link-input input::placeholder {
2932
  color: #888888;
2933
- color: var(--happyforms-color-part-placeholder) !important;
2934
  }
2935
 
2936
  .happyforms-part--rich_text .mce-panel {
@@ -2943,9 +2167,7 @@ div.mce-inline-toolbar-grp.happyforms-editor-toolbar-link div.wp-link-input inpu
2943
  .mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn,
2944
  .mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-primary {
2945
  padding: 2px;
2946
- border-radius: 4px;
2947
- background-color: white;
2948
- border-color: white;
2949
  }
2950
 
2951
  .happyforms-part--rich_text .mce-toolbar .mce-btn-group .mce-btn:hover,
@@ -2963,10 +2185,9 @@ div.mce-inline-toolbar-grp.happyforms-editor-toolbar-link div.wp-link-input inpu
2963
  .happyforms-part--rich_text .qt-dfw.active,
2964
  .happyforms-part--rich_text .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover,
2965
  .happyforms-part--rich_text .qt-dfw.active:hover {
2966
- border-radius: 6px;
2967
- border-color: transparent;
2968
  box-shadow: none;
2969
- background-color: #efefef;
2970
  }
2971
 
2972
  .mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-primary,
@@ -2978,9 +2199,12 @@ div.mce-inline-toolbar-grp.happyforms-editor-toolbar-link div.wp-link-input inpu
2978
  box-shadow: none;
2979
  }
2980
 
2981
- .happyforms-part--rich_text .mce-btn svg,
 
 
 
2982
  .happyforms-editor-toolbar-link svg {
2983
- fill: #000000;
2984
  }
2985
 
2986
  .happyforms-part--rich_text .mce-edit-area,
@@ -2998,7 +2222,6 @@ div.mce-inline-toolbar-grp.happyforms-editor-toolbar-link div.wp-link-input inpu
2998
 
2999
  .happyforms-part--rich_text .mce-tinymce.mce-container {
3000
  border-width: 0px 1px 1px 1px;
3001
- border-radius: 6px !important;
3002
  }
3003
 
3004
  .happyforms-part--rich_text.focus .mce-tinymce.mce-container {
@@ -3016,20 +2239,11 @@ div.mce-inline-toolbar-grp.happyforms-editor-toolbar-link div.wp-link-input inpu
3016
  position: relative;
3017
  overflow: hidden;
3018
  padding: 1px 1px 0;
3019
- border: 1px solid #dbdbdb;
3020
- border: 1px solid var(--happyforms-color-part-border);
3021
- border-radius: 6px;
3022
- transition: border-color 0.25s;
3023
- transition: border-color var(--happyforms-transition-duration);
3024
  }
3025
 
3026
  .happyforms-part--rich_text.focus .happyforms-visual-editor {
3027
  outline: 0;
3028
- border-bottom-width: 1.5px;
3029
- border-color: #407fff;
3030
- border-color: var(--happyforms-color-part-border-focus);
3031
- box-shadow: inset 0 0 0 1px #407fff;
3032
- box-shadow: inset 0 0 0 1px var(--happyforms-color-part-border-focus);
3033
  }
3034
 
3035
  .happyforms-form--part-border-off .happyforms-part--rich_text .happyforms-visual-editor {
@@ -3087,15 +2301,11 @@ div.mce-inline-toolbar-grp.happyforms-editor-toolbar-link div.wp-link-input inpu
3087
  width: calc(100% + 3px);
3088
  padding: 0;
3089
  overflow: hidden;
3090
- background-color: #fff !important;
3091
- background-color: var(--happyforms-color-part-background) !important;
3092
  }
3093
 
3094
  .happyforms-part--rich_text.focus .mce-edit-area {
3095
  left: 0;
3096
  width: calc(100% + 1px);
3097
- background-color: #fff !important;
3098
- background-color: var(--happyforms-color-part-background-focus) !important;
3099
  }
3100
 
3101
  .happyforms-form--part-inner-padding-wide .happyforms-part--rich_text.focus .mce-edit-area {
@@ -3144,8 +2354,4 @@ div.mce-inline-toolbar-grp.happyforms-editor-toolbar-link div.wp-link-input inpu
3144
 
3145
  .happyforms-part--rich_text.happyforms-part--label-hidden.happyforms-part--has-tooltip .happyforms-tooltip {
3146
  top: -30px;
3147
- }
3148
-
3149
- .happyforms-form--part-border-off .happyforms-part--rich_text .happyforms-visual-editor {
3150
- padding-bottom: 1px;
3151
- }
1
  :root {
2
  --happyforms-form-width: 100%;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3
  }
4
 
5
  .happyforms-flex {
17
  padding: 0;
18
  border-style: solid;
19
  border-width: 0;
 
 
20
  background-color: transparent;
 
 
21
  }
22
 
23
  .happyforms-form form.happyforms-form--padding-narrow {
36
  direction: rtl;
37
  }
38
 
39
+ .happyforms-flex>input[type='checkbox'] {
40
  display: none !important;
41
  }
42
 
43
  h3.happyforms-form__title {
44
  margin: 0;
45
  padding: 0 1%;
 
 
 
 
 
46
  }
47
 
48
  .happyforms-form--hide-title h3.happyforms-form__title {
72
  .happyforms-part--width-half {
73
  width: 50%;
74
  }
75
+
76
  .happyforms-part--width-third {
77
  width: 33.333%;
78
  }
79
  }
80
 
81
+ .happyforms-part--width-half,
82
+ .happyforms-part--width-third {
83
  align-self: flex-start;
84
  }
85
 
90
  max-width: 75%;
91
  }
92
 
93
+ .happyforms-part--width-auto+.happyforms-part--submit,
94
+ .happyforms-part--width-auto+.happyforms-part--recaptcha+.happyforms-part--submit,
95
+ .happyforms-part--width-auto+.happyforms-part--recaptcha {
96
  position: relative;
97
+ top: -15px;
98
  align-self: flex-end;
99
  width: auto !important;
100
  margin-bottom: 0 !important;
102
  padding-bottom: 0;
103
  }
104
 
105
+ .happyforms-part--width-auto+.happyforms-part--recaptcha,
106
+ .happyforms-form--part-outer-padding-narrow .happyforms-part--width-auto+.happyforms-part--recaptcha+.happyforms-part--submit {
107
  top: -13px;
108
  }
109
 
110
+ .happyforms-form--part-outer-padding-narrow .happyforms-part--width-auto+.happyforms-part--submit {
111
  top: -10px;
112
  }
113
 
114
+ .happyforms-form--part-outer-padding-narrow .happyforms-part--width-auto+.happyforms-part--recaptcha {
115
  top: 3px;
116
  }
117
 
118
+ .happyforms-form--part-outer-padding-wide .happyforms-part--width-auto+.happyforms-part--submit {
119
  top: -25px;
120
  }
121
 
122
+ .happyforms-form--part-outer-padding-wide .happyforms-part--width-auto+.happyforms-part--recaptcha {
123
  top: -23px;
124
  }
125
 
126
+ .happyforms-form--part-outer-padding-wide .happyforms-part--width-auto+.happyforms-part--recaptcha+.happyforms-part--submit {
127
  top: -45px;
128
  }
129
 
130
+ .happyforms-part--width-auto+.happyforms-part--submit input[type=submit],
131
+ .happyforms-part--width-auto+.happyforms-part--recaptcha+.happyforms-part--submit input[type=submit] {
132
  width: 100%;
133
  padding: 17px 50px;
134
  }
135
 
136
  /* submit button part of the input */
137
+ .happyforms-form--submit-part-of-input .happyforms-part--width-auto+.happyforms-part--submit,
138
+ .happyforms-form--submit-part-of-input .happyforms-part--width-auto+.happyforms-part--recaptcha+.happyforms-part--submit {
139
  left: -1.5%;
140
  padding-left: 0;
141
  padding-right: 0;
142
  }
143
 
144
+ .happyforms-form--submit-part-of-input.happyforms-form--part-outer-padding-wide .happyforms-part--width-auto+.happyforms-part--submit,
145
+ .happyforms-form--submit-part-of-input.happyforms-form--part-outer-padding-wide .happyforms-part--width-auto+.happyforms-part--recaptcha+.happyforms-part--submit {
146
  left: -3.5%;
147
  padding-left: 0;
148
  }
149
 
150
+ .happyforms-form--submit-part-of-input.happyforms-form--part-outer-padding-narrow .happyforms-part--width-auto+.happyforms-part--submit,
151
+ .happyforms-form--submit-part-of-input.happyforms-form--part-outer-padding-narrow .happyforms-part--width-auto+.happyforms-part--recaptcha+.happyforms-part--submit {
152
  left: -1%;
153
  padding-left: 0;
154
  }
155
 
156
+ .happyforms-form--submit-part-of-input .happyforms-part--width-auto+.happyforms-part--submit input[type=submit],
157
+ .happyforms-form--submit-part-of-input .happyforms-part--width-auto+.happyforms-part--recaptcha+.happyforms-part--submit input[type=submit] {
158
  padding-top: 8px;
159
  padding-bottom: 9px;
160
  border-top-left-radius: 0;
161
  border-bottom-left-radius: 0;
162
  }
163
 
164
+ .happyforms-form--submit-part-of-input.happyforms-form--part-inner-padding-wide .happyforms-part--width-auto+.happyforms-part--submit input[type=submit],
165
+ .happyforms-form--submit-part-of-input.happyforms-form--part-inner-padding-wide .happyforms-part--width-auto+.happyforms-part--recaptcha+.happyforms-part--submit input[type=submit] {
166
  padding-top: 13px;
167
  padding-bottom: 15px;
168
  }
169
 
170
+ .happyforms-form--submit-part-of-input.happyforms-form--part-inner-padding-narrow .happyforms-part--width-auto+.happyforms-part--submit input[type=submit],
171
+ .happyforms-form--submit-part-of-input.happyforms-form--part-inner-padding-narrow .happyforms-part--width-auto+.happyforms-part--recaptcha+.happyforms-part--submit input[type=submit] {
172
  padding-top: 3px;
173
  padding-bottom: 4px;
174
  }
175
 
176
+ .happyforms-form--submit-part-of-input .happyforms-part--width-auto.happyforms-part--label-as_placeholder+.happyforms-part--submit input[type=submit],
177
+ .happyforms-form--submit-part-of-input .happyforms-part--width-auto.happyforms-part--label-inside+.happyforms-part--submit input[type=submit],
178
+ .happyforms-form--submit-part-of-input .happyforms-part--width-auto.happyforms-part--label-as_placeholder+.happyforms-part--recaptcha+.happyforms-part--submit input[type=submit],
179
+ .happyforms-form--submit-part-of-input .happyforms-part--width-auto.happyforms-part--label-inside+.happyforms-part--recaptcha+.happyforms-part--submit input[type=submit] {
180
  padding-top: 16px;
181
  padding-bottom: 18px;
182
  }
185
  display: inline-block;
186
  cursor: pointer;
187
  margin-bottom: 15px;
 
 
 
 
 
188
  }
189
 
190
  .happyforms-part__label .label,
191
  .happyforms-part__label .happyforms-optional {
192
  padding: 0;
193
+ white-space: normal;
 
 
 
 
 
 
194
  }
195
 
196
  .happyforms-form__part[data-happyforms-required] .happyforms-part__label .happyforms-optional {
200
  .happyforms-part__description {
201
  display: block;
202
  margin: 5px 0 0;
 
 
 
 
203
  }
204
 
205
  .happyforms-part--focus-reveal-description .happyforms-part__description {
206
  display: none;
207
  }
208
 
209
+ .happyforms-part--focus-reveal-description input:focus+.happyforms-part__description,
210
+ .happyforms-part--focus-reveal-description textarea:focus+.happyforms-part__description,
211
  .happyforms-form__part.focus .happyforms-part__description {
212
  display: block;
213
  }
236
  .happyforms-part input[type=range],
237
  .happyforms-part textarea {
238
  width: 100%;
 
 
 
 
 
 
 
 
 
 
239
  box-sizing: border-box;
240
+ max-width: none;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
241
  }
242
 
243
  .happyforms-form--part-value-text-align-center .happyforms-part input[type=text],
268
  justify-content: flex-end;
269
  }
270
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
271
  .happyforms-part.happyforms-part--error input[type=text],
272
  .happyforms-part.happyforms-part--error input[type=password],
273
  .happyforms-part.happyforms-part--error input[type=email],
276
  .happyforms-part.happyforms-part--error input[type=range],
277
  .happyforms-part.happyforms-part--error textarea {
278
  border-color: #ff7550;
 
279
  }
280
 
281
  .happyforms-part.display-type--block .happyforms-part__el {
283
  width: 100%;
284
  }
285
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
286
  .happyforms-part-el-wrap {
287
  position: relative;
288
  }
295
  margin-top: 10px;
296
  }
297
 
 
 
 
 
 
298
  /* label placement */
299
 
300
  .happyforms-part--label-below .happyforms-part-wrap {
347
  }
348
  }
349
 
350
+ .happyforms-part--label-left .happyforms-part-wrap>.happyforms-part__el {
351
  width: 75%;
352
  }
353
 
359
  .happyforms-part--label-left .happyforms-part-wrap {
360
  flex-flow: column;
361
  }
362
+
363
  .happyforms-part--label-left .happyforms-part__label {
364
  align-self: flex-start;
365
  }
366
+
367
  .happyforms-part--label-left .happyforms-part-wrap>.happyforms-part__el,
368
  .happyforms-part--label-left .happyforms-custom-select {
369
  width: 100%;
377
  align-items: center;
378
  position: relative;
379
  cursor: pointer;
 
380
  padding: 0 5px 5px 0;
 
 
381
  }
382
 
383
  .happyforms-part--choice .option-label {
384
  margin-right: 20px;
 
 
385
  }
386
 
387
  @media screen and (max-width: 800px) {
390
  }
391
  }
392
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
393
  .happyforms-part--choice .option-label input:focus {
394
  outline: 0;
395
  }
399
  display: inline-block;
400
  margin-right: 15px;
401
  padding: 0 10px;
402
+ white-space: normal;
403
+ color: inherit !important;
 
 
 
404
  }
405
 
406
  .happyforms-form--direction-rtl .happyforms-part--choice .option-label .label {
407
  margin-right: 0;
408
  }
409
 
 
 
 
 
410
  .happyforms-part-option:last-of-type {
411
  margin-bottom: 0;
412
  }
417
  max-width: 400px;
418
  margin-top: 3px;
419
  margin-right: 20px;
 
 
 
420
  }
421
 
422
  .happyforms-part--choice.display-type--block .happyforms-part-option__description {
449
  }
450
 
451
  @media screen and (min-width: 800px) {
452
+
453
  .happyforms-part--label-inside .happyforms-tooltip,
454
  .happyforms-part--label-as_placeholder .happyforms-tooltip,
455
  .happyforms-part--label-left .happyforms-tooltip {
526
  font-size: 11px;
527
  line-height: 18px;
528
  color: #fff;
 
529
  text-align: center;
530
  background-color: #000;
 
531
  }
532
 
533
  .happyforms-tooltip .happyforms-part__description {
542
  padding: 11px 15px;
543
  border: 1px solid #dbdbdb;
544
  border-radius: 6px;
 
545
  color: #000;
 
546
  text-align: center;
547
  background-color: #fff;
 
548
  transition: opacity 0.2s;
549
  }
550
 
600
  height: 0;
601
  border: 7px solid transparent;
602
  border-top-color: #fff;
 
603
  }
604
 
605
  .happyforms-tooltip:hover .happyforms-part__description {
632
  flex-flow: column wrap;
633
  }
634
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
635
  .happyforms-part .checkmark svg {
636
  display: none;
637
  }
638
 
 
 
 
 
 
 
 
 
 
 
 
 
639
  .happyforms-part--legal .option-label p:last-child {
640
  margin-bottom: 0;
641
  }
644
  margin-right: 5px;
645
  }
646
 
 
 
 
 
 
 
 
 
 
 
647
  /* parts - scale */
648
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
649
  .happyforms-part--scale output {
650
  display: block;
651
  position: relative;
652
  width: 100%;
 
 
 
 
 
 
 
 
 
653
  }
654
 
655
  .happyforms-part--scale output span {
660
  .happyforms-part--scale__labels {
661
  position: relative;
662
  width: 100%;
 
 
 
 
663
  }
664
 
665
  .happyforms-part--scale .happyforms-part__el {
785
  display: none !important;
786
  }
787
 
 
 
 
 
 
788
  .happyforms-form--part-value-text-align-center .happyforms-part--placeholder p {
789
  text-align: center;
790
  }
845
  .happyforms-part__select-bg {
846
  padding: 1px 0 2px;
847
  border: 1px solid;
 
848
  border-color: #dbdbdb;
 
 
 
849
  }
850
 
851
  .happyforms-part__select-wrap:first-of-type,
900
  height: 0;
901
  border-left: 6px solid transparent;
902
  border-right: 6px solid transparent;
903
+ border-top: 6px solid;
 
 
 
904
  }
905
 
906
  .happyforms-part--select select:focus,
907
  .happyforms-part--date select:focus {
908
  outline-width: 1px;
909
  outline-color: #000000;
 
910
  }
911
 
912
  .happyforms-part--date .happyforms-part__el {
935
  border-left: 6px solid transparent;
936
  border-right: 6px solid transparent;
937
  border-top: 6px solid #000;
 
 
 
938
  }
939
 
940
  .happyforms-part-date__time-input .happyforms-spinner-arrow--up {
977
  float: left;
978
  margin-right: 5px;
979
  color: #f39c00;
 
980
  }
981
 
982
  .happyforms-part--rating .happyforms-star__star {
985
  stroke-width: 35px;
986
  }
987
 
988
+ .happyforms-part--rating .happyforms-part__el {
989
  fill: #ccc;
990
+ color: inherit;
 
991
  stroke: #ccc;
 
992
  }
993
 
994
+ .happyforms-part--rating:hover .happyforms-part__el {
995
  color: #ccc;
996
  fill: #f39c00;
 
997
  stroke: #f39c00;
 
998
  }
999
 
1000
  .happyforms-part--rating .happyforms-part__label {
1009
  clear: none;
1010
  }
1011
 
 
 
 
 
 
 
 
 
 
 
 
1012
  .happyforms-part--rating:not(:hover) input:first-child:checked~label,
1013
  .happyforms-part--rating input:hover+label~label:not(:hover),
1014
  .happyforms-part--rating:hover input:checked+label:hover~label,
1015
  .happyforms-part--rating:not(:hover) input:checked+label~label {
1016
  color: #ccc;
 
1017
  }
1018
 
1019
  .happyforms-rating--smileys .happyforms-rating-wrap,
1022
  }
1023
 
1024
  @media screen and (max-width: 800px) {
1025
+
1026
  .happyforms-rating--smileys .happyforms-rating-wrap,
1027
  .happyforms-rating--thumbs .happyforms-rating-wrap {
1028
  flex-flow: column wrap;
1042
  justify-content: center;
1043
  margin-right: 10px;
1044
  border: 1px solid #dbdbdb;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1045
  }
1046
 
1047
  .happyforms-rating--smileys label img,
1048
  .happyforms-rating--thumbs label img {
1049
  width: 25px !important;
1050
  height: auto !important;
 
 
1051
  }
1052
 
1053
  .happyforms-rating__item-wrap {
1060
 
1061
  .happyforms-rating__item-wrap .happyforms-rating__item-label {
1062
  margin-left: 10px;
 
 
 
 
 
 
 
 
 
 
1063
  }
1064
 
1065
  /* parts - legal */
1072
  top: 3px;
1073
  }
1074
 
 
 
 
 
 
 
1075
  @media screen and (min-width: 800px) {
1076
  .happyforms-part-legal--align-right .happyforms-part__el {
1077
  float: right;
1157
 
1158
  .happyforms-part--address-has-geolocation .happyforms-part__dummy-input {
1159
  position: relative;
1160
+ display: flex;
1161
+ align-items: center;
1162
  }
1163
 
1164
  @media screen and (max-width: 800px) {
1166
  max-width: 100%;
1167
  margin-bottom: 10px;
1168
  }
1169
+
1170
  .happyforms-part--address .happyforms-part-el-wrap .address-city {
1171
  max-width: 100%;
1172
  }
1173
  }
1174
 
 
 
 
 
 
 
 
1175
  a.address-geolocate {
1176
  position: absolute;
1177
+ right: 5px;
 
1178
  height: auto !important;
 
 
 
 
 
 
 
 
 
1179
  box-shadow: none;
 
 
 
1180
  font-weight: normal;
1181
  text-decoration: underline;
 
 
 
 
 
 
 
1182
  }
1183
 
1184
  a.address-geolocate svg {
1185
  display: inline-block;
1186
+ position: relative;
1187
+ top: -2px;
1188
  vertical-align: middle;
1189
+ width: 15px;
1190
+ height: 15px;
1191
+ fill: currentColor;
 
1192
  }
1193
 
1194
  a.address-geolocate.disabled {
1206
  }
1207
  }
1208
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1209
  .happyforms-form--part-border-radius-square a.address-geolocate {
1210
  border-radius: 0px;
1211
  }
1226
  transition-duration: 0s;
1227
  }
1228
 
 
 
 
 
 
 
 
 
 
 
1229
  .happyforms-form--part-inner-padding-narrow a.address-geolocate {
1230
  padding: 5px;
1231
  }
1242
  margin-bottom: 0;
1243
  }
1244
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1245
  /* notices */
1246
+ .happyforms-flex>.happyforms-message-notices {
1247
  display: flex;
1248
  width: 100%;
1249
  padding: 0 1%;
1250
  margin: 0 0 50px 0;
1251
  }
1252
 
1253
+ form.happyforms-form--notices-below .happyforms-flex>.happyforms-message-notices {
1254
  order: 1000;
1255
  margin: 50px 0 0 0;
1256
  }
1257
 
1258
+ form .happyforms-flex>.happyforms-message-notices .happyforms-message-notice {
1259
  width: 100%;
1260
  box-sizing: border-box;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1261
  }
1262
 
1263
+ form .happyforms-flex>.happyforms-message-notices .happyforms-message-notice a {
1264
+ text-decoration: underline;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1265
  }
1266
 
1267
  .happyforms-form__part .happyforms-message-notice.error h2 {
1268
  color: #ff7550;
 
1269
  }
1270
 
1271
  .happyforms-form__title+.happyforms-message-notices {
1272
  margin-top: 25px;
1273
  }
1274
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1275
  /* labels */
1276
 
1277
  .happyforms-part--label-inside label {
1292
  left: 75px;
1293
  }
1294
 
 
 
 
 
 
 
 
1295
  .happyforms-part--label-inside input,
1296
  .happyforms-part--label-inside textarea,
1297
  .happyforms-part--label-as_placeholder input,
1329
  padding-bottom: 10px !important;
1330
  }
1331
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1332
  .happyforms-part input[type=text],
1333
  .happyforms-part input[type=password],
1334
  .happyforms-part input[type=email],
1335
  .happyforms-part input[type=number],
1336
  .happyforms-part textarea {
1337
+ margin-bottom: 0;
1338
  transition: border-color 0.4s;
1339
  transition: border-color var(--happyforms-transition-duration);
1340
  }
1341
 
1342
  /* part labels transitions */
1343
  .happyforms-part--label-as_placeholder label {
 
 
1344
  transition-duration: 0.4s;
 
1345
  }
1346
 
1347
  .happyforms-part--label-as_placeholder ::-webkit-input-placeholder {
1368
  transition-property: top;
1369
  }
1370
 
 
 
 
 
 
1371
  .happyforms-form--direction-rtl .happyforms-part--label-as_placeholder label {
1372
  left: auto;
1373
  right: 11px;
1381
  top: 8px;
1382
  }
1383
 
 
 
 
 
 
 
 
 
 
 
 
1384
  .happyforms-form--part-inner-padding-narrow .happyforms-part--label-as_placeholder label {
1385
  top: 19px;
1386
  left: 5px;
1491
  padding-left: 0;
1492
  }
1493
 
1494
+ .happyforms-form--part-inner-padding-wide .happyforms-part--legal .option-label .label {
1495
  padding-left: 20px;
1496
  }
1497
 
1505
 
1506
  /* submit button */
1507
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1508
  .happyforms-form--submit-button-fullwidth input[type=submit].happyforms-button--submit {
1509
  width: 100%;
1510
  }
1511
 
1512
+ input[type=submit][disabled].happyforms-button--submit {
1513
+ cursor: default;
1514
+ }
1515
+
1516
  .happyforms-form--submit-button-align-center .happyforms-part--submit {
1517
  text-align: center;
1518
  }
1521
  text-align: right;
1522
  }
1523
 
1524
+ .happyforms-part--rating .happyforms-visuallyhidden,
1525
+ .ui-helper-hidden-accessible {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1526
  position: absolute;
1527
  border: 0;
1528
  clip: rect(0 0 0 0);
1548
  display: inline-block;
1549
  vertical-align: top;
1550
  }
1551
+
1552
  input[type="range"].multirange.original {
1553
  position: absolute;
1554
  }
1555
+
1556
  input[type="range"].multirange.original::-webkit-slider-thumb {
1557
  position: relative;
1558
  z-index: 2;
1559
  }
1560
+
1561
  input[type="range"].multirange.original::-moz-range-thumb {
1562
  transform: scale(1);
1563
  /* FF doesn't apply position it seems */
1564
  z-index: 1;
1565
  }
1566
+
1567
  input[type="range"].multirange::-moz-range-track {
1568
  border-color: transparent;
1569
  /* needed to switch FF to "styleable" control */
1570
  }
1571
+
1572
  input[type="range"].multirange.ghost {
1573
  position: relative;
1574
  background: var(--track-background);
1575
  --track-background: linear-gradient(to right, var(--happyforms-color-part-border) var(--low), var(--range-color) 0, var(--range-color) var(--high), var(--happyforms-color-part-border) 0) no-repeat 0 45% / 100% 10%;
1576
  --range-color: var(--happyforms-color-part-value);
1577
  }
1578
+
1579
  input[type="range"].multirange.ghost::-webkit-slider-runnable-track {
1580
  background: var(--track-background);
1581
  }
1582
+
1583
  input[type="range"].multirange.ghost::-moz-range-track {
1584
  background: var(--track-background);
1585
  }
1593
  flex-wrap: wrap;
1594
  padding: 0;
1595
  }
1596
+
1597
  .happyforms-part--table .happyforms-part__el {
1598
  width: 100%;
1599
  }
1600
+
1601
  .happyforms-table__row {
1602
  display: flex;
1603
  width: 100%;
1604
  }
1605
+
1606
  .happyforms-table__row--head>div {
1607
  padding: 10px;
1608
  }
1609
+
1610
  .happyforms-table__row--head>div:first-child {
1611
  background-color: transparent;
1612
  }
 
 
 
 
 
 
 
 
 
 
 
 
1613
 
 
 
 
 
 
 
 
 
 
 
 
 
1614
  .happyforms-table__row--body {
1615
  align-items: center;
1616
  }
1625
  overflow: hidden;
1626
  list-style: none;
1627
  }
1628
+
1629
  .happyforms-form--part-inner-padding-narrow .happyforms-table__cell {
1630
  padding: 5px 7px;
1631
  }
1632
+
1633
  .happyforms-form--part-inner-padding-wide .happyforms-table__cell {
1634
  padding: 20px 15px;
1635
  }
1636
+
1637
  .happyforms-table__cell--column-title {
1638
  font-weight: bold;
 
 
1639
  text-align: center;
 
 
1640
  }
1641
+
1642
  .happyforms-table__cell .option-label {
1643
  justify-content: center;
1644
  width: 100%;
1646
  padding-bottom: 0;
1647
  text-align: center;
1648
  }
1649
+
1650
  .happyforms-table__cell--row-title {
1651
  align-items: flex-start;
1652
  justify-content: flex-start;
 
 
 
 
1653
  }
1654
+
1655
  .happyforms-table__cell--column-title-sm {
1656
  display: none;
1657
  }
1660
  .happyforms-part--table .happyforms-part__description {
1661
  margin-bottom: 20px;
1662
  }
1663
+
1664
  .happyforms-table {
1665
  display: block;
1666
  }
1667
+
1668
  .happyforms-table__row--head {
1669
  display: none;
1670
  }
1671
+
1672
  .happyforms-table__row {
1673
  flex-wrap: wrap;
1674
  margin-bottom: 20px;
1675
  }
1676
+
1677
  .happyforms-table__cell {
1678
  display: flex;
1679
  width: 100% !important;
1680
  padding-left: 5px;
1681
  padding-right: 5px;
1682
  }
1683
+
1684
  .happyforms-table__cell:first-child {
1685
  background-color: #dbdbdb;
 
1686
  }
1687
+
1688
  .happyforms-table__cell--row-title {
1689
  font-weight: bold;
1690
  }
1691
+
1692
  .happyforms-table__cell--column-title-sm {
1693
  display: block;
1694
  flex-grow: 1;
1696
  font-weight: normal;
1697
  text-align: left;
1698
  }
1699
+
1700
  label.happyforms-part__label {
1701
  flex-grow: 1;
1702
  width: 100%;
1708
  padding: 0 1%;
1709
  }
1710
 
1711
+ .happyforms-part--recaptcha .happyforms-part-wrap>div {
1712
  margin-bottom: 20px;
1713
  padding: 5px 0;
1714
  }
1715
 
1716
  @media screen and (max-width: 500px) {
1717
+ .happyforms-part--recaptcha>div>div {
1718
  transform: scale(0.75);
1719
  transform-origin: 0 0;
1720
  }
1721
  }
1722
 
1723
+ .happyforms-form--part-outer-padding-wide .happyforms-part--recaptcha .happyforms-part-wrap>div {
1724
  padding: 20px 3%;
1725
  }
1726
 
1727
+ .happyforms-form--part-outer-padding-narrow .happyforms-part--recaptcha .happyforms-part-wrap>div {
1728
  padding: 5px 0.5%;
1729
  }
1730
 
1738
  top: 0;
1739
  left: 0;
1740
  right: auto;
1741
+ display: flex;
1742
+ align-items: center;
1743
  width: 70px;
1744
  height: 100%;
 
 
 
 
 
 
 
1745
  }
1746
+
1747
  .happyforms-form--part-border-radius-square .happyforms-country-select {
1748
  border-radius: 0;
1749
  }
1750
+
1751
  .happyforms-form--part-border-radius-pill .happyforms-country-select {
1752
  border-radius: 25px;
1753
  border-bottom: 0;
1754
  border-top: 0;
1755
  }
1756
+
1757
  .happyforms-form--part-border-off .happyforms-country-select {
1758
  border-width: 0;
1759
  }
1760
+
1761
  .happyforms-form--part-borders-bottom-only .happyforms-country-select {
1762
  border-top-width: 0;
1763
  border-left-width: 0;
1764
  }
1765
+
1766
  .happyforms-country-select.focus {
 
1767
  border-right: 0;
1768
  }
1769
+
1770
  .happyforms-form--part-border-off .happyforms-country-select.focus {
1771
  border-width: 0;
1772
  }
1773
+
1774
  .happyforms-form--part-borders-bottom-only .happyforms-country-select.focus {
1775
  border-top-width: 0;
1776
  border-left-width: 0;
1777
  border-bottom-width: 1px;
1778
  }
1779
+
1780
  .happyforms-country-select-trigger {
1781
  display: none;
1782
  position: absolute;
1787
  height: 100%;
1788
  z-index: 10;
1789
  }
1790
+
1791
  .happyforms-country-select--multiple .happyforms-country-select-trigger {
1792
  display: block;
1793
  }
1794
+
1795
  .happyforms-country-select__selected-country {
1796
  position: relative;
1797
  z-index: 1;
 
1798
  padding: 0 20px 0 7px;
1799
  box-sizing: border-box;
 
 
 
1800
  transition: background-color 0.2s ease-in;
1801
  }
1802
+
1803
  .happyforms-form--part-border-radius-pill .happyforms-country-select__selected-country {
1804
  border-radius: 25px;
1805
  border-top-right-radius: 0;
1806
  border-bottom-right-radius: 0;
1807
  }
1808
+
 
 
 
 
1809
  .happyforms-country-select--multiple .happyforms-country-select__selected-country:after {
1810
  content: '';
1811
  display: block;
1812
  position: absolute;
1813
+ top: calc(50% - 2px);
1814
  right: 5px;
1815
  width: 0;
1816
  height: 0;
1817
+ }
1818
+
1819
+ .happyforms-country-select--multiple .happyforms-country-select__selected-country:after {
1820
  border-left: 5px solid transparent;
1821
  border-right: 5px solid transparent;
1822
  border-top: 5px solid #000;
1823
  }
1824
+
1825
  .happyforms-country-select.focus .happyforms-flag {
1826
  position: relative;
1827
  left: -1px;
1828
  }
1829
+
1830
  .happyforms-flag {
1831
+ position: relative;
1832
  display: flex;
1833
  align-items: center;
1834
+ height: auto;
1835
  line-height: 1;
1836
+ font-size: inherit;
1837
+ font-size: 100%;
1838
  }
1839
+
1840
  .happyforms-part--phone.happyforms-is-masked .happyforms-part-phone-wrap>input[type=text] {
1841
+ padding-left: 45px;
1842
  }
1843
+
1844
  .happyforms-part--phone.happyforms-is-masked .happyforms-part-phone-wrap>input[type=text]:focus~div {
1845
  display: none;
1846
  }
1847
+
1848
  .happyforms-part--phone.happyforms-is-masked.happyforms-has-country-select .happyforms-part-phone-wrap>input[type=text] {
1849
+ padding-left: 60px;
1850
  }
1851
 
1852
  /* new dropdowns */
1853
  .happyforms-part select {
1854
  display: none;
1855
  }
1856
+
1857
  .happyforms-custom-select input[readonly="readonly"] {
1858
  cursor: pointer;
1859
  }
1860
+
1861
  .happyforms-custom-select-dropdown {
1862
  display: none;
1863
  position: absolute;
1864
+ top: 100%;
1865
  z-index: 10;
1866
  list-style: none;
1867
  margin: 0 !important;
1868
  padding: 0 !important;
1869
  text-align: left;
1870
  background-color: #fff;
 
1871
  border: 1px solid #dbdbdb;
1872
  white-space: nowrap;
1873
  width: 100%;
1874
  max-height: 250px;
1875
  overflow-y: scroll;
1876
+ box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
1877
  }
1878
+
1879
  .happyforms-part__select-wrap {
1880
  cursor: pointer;
1881
  }
1882
+
1883
  .happyforms-custom-select-dropdown.phone {
1884
  min-width: 425px;
1885
  }
1886
+
1887
  .happyforms-custom-select-dropdown.active {
1888
  display: block !important;
1889
  }
1890
+
1891
  .happyforms-custom-select-dropdown li {
1892
  cursor: pointer;
1893
  display: flex;
1894
  align-items: center;
1895
  padding: 5px 10px;
1896
  min-height: 35px;
 
1897
  color: #000;
 
1898
  background-color: #fff;
 
1899
  }
1900
+
1901
  .happyforms-custom-select-dropdown li.happyforms-custom-select-dropdown__placeholder {
1902
  color: #888888;
 
1903
  }
1904
+
1905
  .happyforms-custom-select-dropdown li.happyforms-custom-select-dropdown__item:hover,
1906
  .happyforms-custom-select-dropdown li.happyforms-custom-select-dropdown__item.active {
1907
  color: #000;
 
1908
  background-color: #dbdbdb;
 
1909
  }
1910
+
1911
  .happyforms-part-select--required .happyforms-custom-select-dropdown li.happyforms-custom-select-dropdown__placeholder,
1912
  .happyforms-part-date--required .happyforms-custom-select-dropdown li.happyforms-custom-select-dropdown__placeholder,
1913
  .happyforms-part--with-autocomplete .happyforms-custom-select-dropdown li.happyforms-custom-select-dropdown__placeholder {
1914
  display: none;
1915
  }
1916
+
1917
  .happyforms-custom-select-dropdown .happyforms-flag {
1918
  font-size: 30px;
1919
  }
1920
+
1921
  .happyforms-custom-select-dropdown .happyforms-custom-select-dropdown-item__label--country {
1922
  padding: 0 10px 0 5px;
1923
  font-size: 16px;
1924
  }
1925
+
1926
  .happyforms-custom-select-dropdown .happyforms-custom-select-dropdown-item__label--country-code {
1927
  font-size: 14px;
1928
  color: #888888;
1939
 
1940
  .happyforms-part-preview .happyforms-part__label .label {
1941
  font-weight: bold;
 
 
1942
  }
1943
 
1944
+ .happyforms-part--submit {
1945
  display: flex;
1946
  flex-flow: row wrap;
1947
  align-items: center;
1948
+ }
1949
+
1950
+ .happyforms-form-preview .happyforms-part--submit {
1951
  margin-top: 30px;
1952
  }
1953
 
 
1954
  .happyforms-form-preview .happyforms-part--recaptcha {
1955
  padding-left: 0;
1956
  padding-right: 0;
1961
  margin-bottom: 0;
1962
  }
1963
 
1964
+ .happyforms-part--submit * {
1965
  margin-right: 20px;
1966
  margin-bottom: 20px;
1967
  }
1968
 
1969
+ .happyforms-form--submit-button-align-center .happyforms-part--submit,
1970
+ .happyforms-form--submit-button-fullwidth .happyforms-part--submit {
1971
  flex-flow: column wrap;
1972
  align-items: center;
1973
  }
1974
 
1975
+ .happyforms-form--submit-button-align-center .happyforms-part--submit a,
1976
+ .happyforms-form--submit-button-fullwidth .happyforms-part--submit a {
1977
  order: 2;
1978
  }
1979
 
1980
+ .happyforms-form--submit-button-align-right .happyforms-part--submit {
1981
  justify-content: flex-end;
1982
  }
1983
 
1984
+ .happyforms-form--submit-button-align-right .happyforms-part--submit input {
1985
  margin-right: 0;
1986
  }
1987
 
1989
  .happyforms-form-preview .happyforms-part--submit {
1990
  flex-flow: column wrap;
1991
  }
1992
+
1993
  .happyforms-form-preview .happyforms-part--submit input {
1994
  margin-right: 0;
1995
  }
2004
  padding: 10px 1%;
2005
  }
2006
 
 
 
 
 
 
2007
  .happyforms-part-preview {
2008
  background-color: #fcfcfc;
 
2009
  }
2010
 
2011
  .happyforms-part-preview:nth-child(even) {
2012
  background-color: #efefef;
 
2013
  }
2014
 
2015
  .happyforms-part-preview:nth-child(even) .happyforms-part__label .label {
2016
  color: #000;
 
2017
  }
2018
 
2019
+ .happyforms-form-preview>p {
2020
  padding: 45px 1% 10px;
 
 
 
 
 
 
 
 
 
 
2021
  }
2022
 
2023
  .happyforms-part--narrative input[type=text] {
2028
  text-align: center;
2029
  }
2030
 
2031
+ .happyforms-part--narrative p {
2032
+ line-height: 2.7;
2033
+ }
2034
+
2035
+ .happyforms-part--narrative.happyforms-part--label-left .happyforms-part__label {
2036
+ line-height: 2.7;
2037
+ }
2038
+
2039
  .happyforms-form--part-inner-padding-narrow .happyforms-part--narrative p {
2040
  line-height: 2.5;
2041
  }
2053
  }
2054
 
2055
  /*
2056
+ * Rich Text
2057
+ */
2058
 
2059
  .happyforms-part--rich_text div.mce-toolbar-grp {
2060
  position: relative;
2061
  left: -1px;
2062
  width: calc(100% + 3px);
2063
  padding-bottom: 1px;
2064
+ border-bottom: 1px solid !important;
2065
+ }
2066
+
2067
+ .happyforms-part--rich_text div.mce-panel {
2068
+ background: transparent !important;
2069
  }
2070
 
2071
  .happyforms-part--rich_text.focus div.mce-toolbar-grp {
2073
  width: 100%;
2074
  }
2075
 
2076
+ .happyforms-part--rich_text div.mce-toolbar-grp>div {
2077
  padding: 0 2px;
2078
  }
2079
 
2080
+ .happyforms-part--rich_text.focus div.mce-toolbar-grp>div {
2081
  padding: 0 1px;
2082
  }
2083
 
2088
  div.mce-inline-toolbar-grp.happyforms-editor-toolbar-link {
2089
  background-color: white;
2090
  border-width: 2px;
 
 
2091
  box-shadow: none;
2092
  }
2093
 
2095
  top: -11px;
2096
  left: 50%;
2097
  border-width: 0 11px 11px;
 
 
2098
  }
2099
 
2100
  .happyforms-editor-toolbar-link.mce-inline-toolbar-grp.mce-arrow-down:before {
2101
  bottom: -10px;
2102
  border-width: 9px 9px 0;
 
 
2103
  }
2104
 
2105
  .happyforms-editor-toolbar-link.mce-inline-toolbar-grp.mce-arrow-down:after {
2139
  .happyforms-editor-toolbar-link .mce-toolbar .mce-btn-group .mce-btn button {
2140
  cursor: pointer !important;
2141
  padding: 0 !important;
2142
+ background-color: transparent;
2143
  }
2144
 
2145
  div.mce-inline-toolbar-grp.happyforms-editor-toolbar-link div.wp-link-input input {
2155
 
2156
  div.mce-inline-toolbar-grp.happyforms-editor-toolbar-link div.wp-link-input input::placeholder {
2157
  color: #888888;
 
2158
  }
2159
 
2160
  .happyforms-part--rich_text .mce-panel {
2167
  .mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn,
2168
  .mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-primary {
2169
  padding: 2px;
2170
+ background-color: transparent;
 
 
2171
  }
2172
 
2173
  .happyforms-part--rich_text .mce-toolbar .mce-btn-group .mce-btn:hover,
2185
  .happyforms-part--rich_text .qt-dfw.active,
2186
  .happyforms-part--rich_text .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover,
2187
  .happyforms-part--rich_text .qt-dfw.active:hover {
2188
+ background: transparent;
 
2189
  box-shadow: none;
2190
+ color: inherit;
2191
  }
2192
 
2193
  .mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-primary,
2199
  box-shadow: none;
2200
  }
2201
 
2202
+ .happyforms-part--rich_text .mce-btn svg {
2203
+ fill: currentColor;
2204
+ }
2205
+
2206
  .happyforms-editor-toolbar-link svg {
2207
+ fill: #000;
2208
  }
2209
 
2210
  .happyforms-part--rich_text .mce-edit-area,
2222
 
2223
  .happyforms-part--rich_text .mce-tinymce.mce-container {
2224
  border-width: 0px 1px 1px 1px;
 
2225
  }
2226
 
2227
  .happyforms-part--rich_text.focus .mce-tinymce.mce-container {
2239
  position: relative;
2240
  overflow: hidden;
2241
  padding: 1px 1px 0;
2242
+ border: 1px solid;
 
 
 
 
2243
  }
2244
 
2245
  .happyforms-part--rich_text.focus .happyforms-visual-editor {
2246
  outline: 0;
 
 
 
 
 
2247
  }
2248
 
2249
  .happyforms-form--part-border-off .happyforms-part--rich_text .happyforms-visual-editor {
2301
  width: calc(100% + 3px);
2302
  padding: 0;
2303
  overflow: hidden;
 
 
2304
  }
2305
 
2306
  .happyforms-part--rich_text.focus .mce-edit-area {
2307
  left: 0;
2308
  width: calc(100% + 1px);
 
 
2309
  }
2310
 
2311
  .happyforms-form--part-inner-padding-wide .happyforms-part--rich_text.focus .mce-edit-area {
2354
 
2355
  .happyforms-part--rich_text.happyforms-part--label-hidden.happyforms-part--has-tooltip .happyforms-tooltip {
2356
  top: -30px;
2357
+ }
 
 
 
 
inc/core/assets/css/preview.css CHANGED
@@ -5,7 +5,7 @@ body.happyforms-preview {
5
 
6
  body::before, body::after {
7
  content: '' !important;
8
- display: none !important;
9
  }
10
 
11
  .happyforms-block-editable {
@@ -84,4 +84,9 @@ a.happyforms-ask-link.customize-unpreviewable {
84
 
85
  .preview-hidden {
86
  display: none !important;
 
 
 
 
 
87
  }
5
 
6
  body::before, body::after {
7
  content: '' !important;
8
+ display: none !important;
9
  }
10
 
11
  .happyforms-block-editable {
84
 
85
  .preview-hidden {
86
  display: none !important;
87
+ }
88
+
89
+ a.disabled {
90
+ pointer-events: none;
91
+ cursor: not-allowed;
92
  }
inc/core/assets/css/rich-text-editor.css CHANGED
@@ -22,8 +22,6 @@ p, strong, em, ul, ol, li, blockquote, pre {
22
  padding: 0;
23
  border: 0;
24
  line-height: 1.6;
25
- color: #000;
26
- color: var(--happyforms-color-part-value) !important;
27
  background: transparent !important;
28
  }
29
 
22
  padding: 0;
23
  border: 0;
24
  line-height: 1.6;
 
 
25
  background: transparent !important;
26
  }
27
 
inc/core/assets/js/customize.js CHANGED
@@ -179,13 +179,13 @@
179
  }
180
  },
181
 
182
- previewSend: function( event, data ) {
183
  if ( happyForms.previewer.ready ) {
184
  api.previewer.send( event, data );
185
  } else {
186
  happyForms.buffer.push( {
187
  event: event,
188
- data: data
189
  } );
190
  }
191
  },
@@ -659,7 +659,11 @@
659
  this.model.trigger( 'change', this.model );
660
 
661
  partModel.fetchHtml( function( response ) {
662
- happyForms.previewSend( 'happyforms-form-part-add', response );
 
 
 
 
663
  } );
664
  },
665
 
@@ -673,11 +677,21 @@
673
  { collection: this.model.get( 'parts' ) },
674
  );
675
 
 
 
 
 
 
676
  this.model.get( 'parts' ).add( duplicate, options );
677
  this.model.trigger( 'change', this.model );
678
 
679
  duplicate.fetchHtml( function( response ) {
680
- happyForms.previewSend( 'happyforms-form-part-add', response );
 
 
 
 
 
681
  } );
682
  },
683
 
@@ -738,7 +752,13 @@
738
 
739
  onPartViewAdd: function( viewModel, collection, options ) {
740
  var partView = viewModel.get( 'view' );
741
- $( '.happyforms-form-widgets', this.$el ).append( partView.render().$el );
 
 
 
 
 
 
742
  partView.trigger( 'ready' );
743
 
744
  if ( options.scrollto ) {
179
  }
180
  },
181
 
182
+ previewSend: function( event, data, options ) {
183
  if ( happyForms.previewer.ready ) {
184
  api.previewer.send( event, data );
185
  } else {
186
  happyForms.buffer.push( {
187
  event: event,
188
+ data: data,
189
  } );
190
  }
191
  },
659
  this.model.trigger( 'change', this.model );
660
 
661
  partModel.fetchHtml( function( response ) {
662
+ var data = {
663
+ html: response,
664
+ };
665
+
666
+ happyForms.previewSend( 'happyforms-form-part-add', data );
667
  } );
668
  },
669
 
677
  { collection: this.model.get( 'parts' ) },
678
  );
679
 
680
+ var index = this.model.get( 'parts' ).indexOf( part );
681
+ var after = part.get( 'id' );
682
+ options = options || {};
683
+ options.at = index + 1;
684
+
685
  this.model.get( 'parts' ).add( duplicate, options );
686
  this.model.trigger( 'change', this.model );
687
 
688
  duplicate.fetchHtml( function( response ) {
689
+ var data = {
690
+ html: response,
691
+ after: after,
692
+ };
693
+
694
+ happyForms.previewSend( 'happyforms-form-part-add', data );
695
  } );
696
  },
697
 
752
 
753
  onPartViewAdd: function( viewModel, collection, options ) {
754
  var partView = viewModel.get( 'view' );
755
+
756
+ if ( 'undefined' === typeof( options.index ) ) {
757
+ $( '.happyforms-form-widgets', this.$el ).append( partView.render().$el );
758
+ } else {
759
+ $( '.happyforms-widget:nth-child(' + options.index + ')', this.$el ).after( partView.render().$el );
760
+ }
761
+
762
  partView.trigger( 'ready' );
763
 
764
  if ( options.scrollto ) {
inc/core/assets/js/frontend/checkbox.js ADDED
@@ -0,0 +1,36 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ ( function( $ ) {
2
+
3
+ HappyForms.parts = HappyForms.parts || {};
4
+
5
+ HappyForms.parts.checkbox = {
6
+ init: function() {
7
+ this.type = this.$el.data( 'happyforms-type' );
8
+ this.$input = $( 'input[data-serialize]', this.$el );
9
+ this.$selectAllCheckbox = $( 'input.happyforms-select-all', this.$el );
10
+
11
+ if ( this.$selectAllCheckbox.length ) {
12
+ this.$input.on( 'change', this.onCheckboxChange.bind( this ) );
13
+ this.$selectAllCheckbox.on( 'change', this.onSelectAllChange.bind( this ) );
14
+ }
15
+
16
+ this.$input.on( 'change', this.triggerChange.bind( this ) );
17
+ },
18
+
19
+ onSelectAllChange: function() {
20
+ if ( this.$selectAllCheckbox.is( ':checked' ) ) {
21
+ this.$input.prop( 'checked', true );
22
+ } else {
23
+ this.$input.prop( 'checked', false );
24
+ }
25
+ },
26
+
27
+ onCheckboxChange: function( e ) {
28
+ var $checkbox = $( e.target );
29
+
30
+ if ( ! $checkbox.is( ':checked' ) ) {
31
+ this.$selectAllCheckbox.prop( 'checked', false );
32
+ }
33
+ }
34
+ };
35
+
36
+ } )( jQuery );
inc/core/assets/js/frontend/rich-text.js CHANGED
@@ -215,6 +215,11 @@
215
  $( 'i.mce-i-unlink', $el ).replaceWith(
216
  $( '#happyforms-rich-text-icon-unlink' ).html()
217
  );
 
 
 
 
 
218
  } );
219
 
220
  editor.on( 'change', self.onEditorChange.bind( self ) );
215
  $( 'i.mce-i-unlink', $el ).replaceWith(
216
  $( '#happyforms-rich-text-icon-unlink' ).html()
217
  );
218
+
219
+ self.editor = editor;
220
+
221
+ var target = self.editor.dom.doc.querySelector( 'body' );
222
+ target.style.color = $( 'body' ).css( 'color' );
223
  } );
224
 
225
  editor.on( 'change', self.onEditorChange.bind( self ) );
inc/core/assets/js/lib/happyforms-select.js CHANGED
@@ -5,6 +5,7 @@
5
  this.el = el;
6
  this.$el = $( this.el );
7
 
 
8
  this.$input = options.$input;
9
  this.$select = options.$select;
10
  this.$placeholder = $( 'li.happyforms-custom-select-dropdown__placeholder', this.$select );
@@ -46,13 +47,13 @@
46
 
47
  this.$el.on( 'keyup keypress', this.handleKeyUp.bind( this ) );
48
  this.$el.on( 'focus', this.handleFocus.bind( this ) );
 
49
  this.$select.on( 'click', 'li', this.onItemSelect.bind( this ) );
50
  this.$el.on( 'change', this.onChange.bind( this ) );
51
  $( window ).on( 'click', this.onOutsideClick.bind( this ) );
52
 
53
  if ( 'autocomplete' !== this.searchable ) {
54
  this.$el.on( 'click', this.handleClick.bind( this ) );
55
- this.$el.on( 'focus', this.handleDropdownFocus.bind( this ) );
56
  this.$el.parent().on( 'click', this.handleClick.bind( this ) );
57
  }
58
 
@@ -62,28 +63,37 @@
62
  HappyFormsSelect.prototype.handleClick = function( e ) {
63
  e.stopPropagation();
64
 
 
65
  this.toggleDropdown();
66
  }
67
 
68
  HappyFormsSelect.prototype.handleFocus = function( e ) {
69
- this.hideAllInstances();
 
 
 
 
 
70
  }
71
 
72
- HappyFormsSelect.prototype.handleDropdownFocus = function( e ) {
73
- e.stopPropagation();
74
 
75
- this.toggleDropdown();
76
  }
77
 
78
  HappyFormsSelect.prototype.hideAllInstances = function() {
79
- $( '.happyforms-custom-select-dropdown' ).hide();
80
  }
81
 
82
  HappyFormsSelect.prototype.toggleDropdown = function() {
83
- this.hideAllInstances();
84
-
85
  if ( ! this.$select.is( ':visible' ) ) {
 
 
 
86
  this.$select.show();
 
 
87
  } else {
88
  this.hideDropdown();
89
  }
@@ -96,11 +106,13 @@
96
  }
97
 
98
  HappyFormsSelect.prototype.hideDropdown = function() {
99
- this.$select.hide();
 
100
 
101
- if ( ! this.searchable || 'false' === this.searchable ) {
102
- $( 'li', this.$select ).removeClass( 'active' );
103
- $( 'li.happyforms-dropdown-item', this.$select ).show();
 
104
  }
105
  }
106
 
5
  this.el = el;
6
  this.$el = $( this.el );
7
 
8
+ this.keepFocus = false;
9
  this.$input = options.$input;
10
  this.$select = options.$select;
11
  this.$placeholder = $( 'li.happyforms-custom-select-dropdown__placeholder', this.$select );
47
 
48
  this.$el.on( 'keyup keypress', this.handleKeyUp.bind( this ) );
49
  this.$el.on( 'focus', this.handleFocus.bind( this ) );
50
+ this.$el.on( 'blur', this.handleBlur.bind( this ) );
51
  this.$select.on( 'click', 'li', this.onItemSelect.bind( this ) );
52
  this.$el.on( 'change', this.onChange.bind( this ) );
53
  $( window ).on( 'click', this.onOutsideClick.bind( this ) );
54
 
55
  if ( 'autocomplete' !== this.searchable ) {
56
  this.$el.on( 'click', this.handleClick.bind( this ) );
 
57
  this.$el.parent().on( 'click', this.handleClick.bind( this ) );
58
  }
59
 
63
  HappyFormsSelect.prototype.handleClick = function( e ) {
64
  e.stopPropagation();
65
 
66
+ this.$el.focus();
67
  this.toggleDropdown();
68
  }
69
 
70
  HappyFormsSelect.prototype.handleFocus = function( e ) {
71
+ this.keepFocus = true;
72
+
73
+ if ( 'autocomplete' !== this.searchable ) {
74
+ this.hideAllInstances();
75
+ this.toggleDropdown();
76
+ }
77
  }
78
 
79
+ HappyFormsSelect.prototype.handleBlur = function( e ) {
80
+ this.keepFocus = false;
81
 
82
+ window.setTimeout( this.hideDropdown.bind( this ), 200 );
83
  }
84
 
85
  HappyFormsSelect.prototype.hideAllInstances = function() {
86
+ $( '.happyforms-custom-select-dropdown' ).not( this.$select ).hide();
87
  }
88
 
89
  HappyFormsSelect.prototype.toggleDropdown = function() {
 
 
90
  if ( ! this.$select.is( ':visible' ) ) {
91
+ this.hideAllInstances();
92
+
93
+ this.$input.focus();
94
  this.$select.show();
95
+
96
+ this.keepFocus = true;
97
  } else {
98
  this.hideDropdown();
99
  }
106
  }
107
 
108
  HappyFormsSelect.prototype.hideDropdown = function() {
109
+ if ( ! this.keepFocus ) {
110
+ this.$select.hide();
111
 
112
+ if ( ! this.searchable || 'false' === this.searchable ) {
113
+ $( 'li', this.$select ).removeClass( 'active' );
114
+ $( 'li.happyforms-dropdown-item', this.$select ).show();
115
+ }
116
  }
117
  }
118
 
inc/core/assets/js/parts/part-checkbox.js CHANGED
@@ -160,6 +160,7 @@
160
  this.listenTo( this.optionViews, 'reset', this.onOptionViewsSorted );
161
  this.listenTo( this, 'sort-stop', this.onOptionSortStop );
162
  this.listenTo( this, 'ready', this.onReady );
 
163
  },
164
 
165
  onReady: function() {
@@ -379,6 +380,17 @@
379
  $textarea.val( '' );
380
  $( '.add-options', this.$el ).click();
381
  },
 
 
 
 
 
 
 
 
 
 
 
382
  } );
383
 
384
  happyForms.previewer = _.extend( happyForms.previewer, {
160
  this.listenTo( this.optionViews, 'reset', this.onOptionViewsSorted );
161
  this.listenTo( this, 'sort-stop', this.onOptionSortStop );
162
  this.listenTo( this, 'ready', this.onReady );
163
+ this.listenTo( this.model, 'change:show_select_all', this.onSelectAllChange );
164
  },
165
 
166
  onReady: function() {
380
  $textarea.val( '' );
381
  $( '.add-options', this.$el ).click();
382
  },
383
+
384
+ onSelectAllChange: function( model, value ) {
385
+ this.model.fetchHtml( function( response ) {
386
+ var data = {
387
+ id: model.get( 'id' ),
388
+ html: response,
389
+ };
390
+
391
+ happyForms.previewSend( 'happyforms-form-part-refresh', data );
392
+ } );
393
+ }
394
  } );
395
 
396
  happyForms.previewer = _.extend( happyForms.previewer, {
inc/core/assets/js/preview.js CHANGED
@@ -25,13 +25,18 @@
25
  }
26
  }
27
 
28
- handlers.formPartAdd = function( html ) {
29
- $part = $( html );
30
 
31
- if ( $recaptcha.length ) {
32
- $recaptcha.before( $part );
 
 
 
 
33
  } else {
34
- $submit.before( $part );
 
35
  }
36
 
37
  $part.prepend( $( $pencil ) );
@@ -218,7 +223,7 @@
218
 
219
  $( '.happyforms-notice a.happyforms-dismiss-notice' ).on( 'click', function( e ) {
220
  e.preventDefault();
221
-
222
  var $target = $( e.target );
223
  var $parent = $target.parents( '.happyforms-notice' ).first();
224
  var id = $parent.attr( 'id' ).replace( 'happyforms-notice-', '' );
@@ -230,7 +235,7 @@
230
  nonce: nonce
231
  }
232
  );
233
-
234
  $parent.fadeOut();
235
  }),
236
 
25
  }
26
  }
27
 
28
+ handlers.formPartAdd = function( data ) {
29
+ $part = $( data.html );
30
 
31
+ if ( 'undefined' === typeof data.after ) {
32
+ if ( $recaptcha.length ) {
33
+ $recaptcha.before( $part );
34
+ } else {
35
+ $submit.before( $part );
36
+ }
37
  } else {
38
+ var $previous = handlers.getPart( data.after );
39
+ $previous.after( $part );
40
  }
41
 
42
  $part.prepend( $( $pencil ) );
223
 
224
  $( '.happyforms-notice a.happyforms-dismiss-notice' ).on( 'click', function( e ) {
225
  e.preventDefault();
226
+
227
  var $target = $( e.target );
228
  var $parent = $target.parents( '.happyforms-notice' ).first();
229
  var id = $parent.attr( 'id' ).replace( 'happyforms-notice-', '' );
235
  nonce: nonce
236
  }
237
  );
238
+
239
  $parent.fadeOut();
240
  }),
241
 
inc/core/classes/class-form-setup.php CHANGED
@@ -254,7 +254,7 @@ class HappyForms_Form_Setup {
254
  ),
255
  1200 => array(
256
  'type' => 'checkbox',
257
- 'label' => __( 'Use custom form HTML ID', 'happyforms' ),
258
  'field' => 'use_html_id',
259
  'tooltip' => __( 'Add a unique HTML ID to your form. Write without a hash (#) character.', 'happyforms' ),
260
  ),
@@ -346,8 +346,9 @@ class HappyForms_Form_Setup {
346
  ),
347
  1900 => array(
348
  'type' => 'checkbox',
349
- 'label' => __( 'Disable submit button until form is valid', 'happyforms' ),
350
  'field' => 'disable_submit_until_valid',
 
351
  ),
352
  );
353
 
@@ -366,6 +367,8 @@ class HappyForms_Form_Setup {
366
  case 'checkbox':
367
  case 'text':
368
  case 'number':
 
 
369
  require( "{$path}/{$type}.php" );
370
  break;
371
  default:
254
  ),
255
  1200 => array(
256
  'type' => 'checkbox',
257
+ 'label' => __( 'Set custom form HTML ID', 'happyforms' ),
258
  'field' => 'use_html_id',
259
  'tooltip' => __( 'Add a unique HTML ID to your form. Write without a hash (#) character.', 'happyforms' ),
260
  ),
346
  ),
347
  1900 => array(
348
  'type' => 'checkbox',
349
+ 'label' => __( 'Fade submit button until valid', 'happyforms' ),
350
  'field' => 'disable_submit_until_valid',
351
+ 'tooltip' => __( 'Reduce the opacity of the submit button until all required form parts are valid.', 'happyforms' )
352
  ),
353
  );
354
 
367
  case 'checkbox':
368
  case 'text':
369
  case 'number':
370
+ case 'radio':
371
+ case 'select':
372
  require( "{$path}/{$type}.php" );
373
  break;
374
  default:
inc/core/classes/class-form-styles.php CHANGED
@@ -523,6 +523,7 @@ class HappyForms_Form_Styles {
523
  ),
524
  600 => array(
525
  'type' => 'heading',
 
526
  'label' => __( 'Colors', 'happyforms' )
527
  ),
528
  700 => array(
@@ -592,6 +593,7 @@ class HappyForms_Form_Styles {
592
  ),
593
  2000 => array(
594
  'type' => 'heading',
 
595
  'label' => __( 'Colors', 'happyforms' )
596
  ),
597
  2100 => array(
@@ -661,6 +663,7 @@ class HappyForms_Form_Styles {
661
  ),
662
  3400 => array(
663
  'type' => 'heading',
 
664
  'label' => __( 'Colors', 'happyforms' )
665
  ),
666
  3500 => array(
@@ -685,6 +688,7 @@ class HappyForms_Form_Styles {
685
  ),
686
  3900 => array(
687
  'type' => 'heading',
 
688
  'label' => __( 'Items', 'happyforms' )
689
  ),
690
  4000 => array(
@@ -824,6 +828,7 @@ class HappyForms_Form_Styles {
824
  ),
825
  6700 => array(
826
  'type' => 'heading',
 
827
  'label' => __( 'Colors', 'happyforms' )
828
  ),
829
  6800 => array(
@@ -888,6 +893,8 @@ class HappyForms_Form_Styles {
888
  }
889
 
890
  public function form_html_class( $class, $form ) {
 
 
891
  $fields = $this->get_fields();
892
  $class_fields = array_filter( $fields, array( $this, 'is_class_field' ) );
893
 
523
  ),
524
  600 => array(
525
  'type' => 'heading',
526
+ 'id' => 'colors_general',
527
  'label' => __( 'Colors', 'happyforms' )
528
  ),
529
  700 => array(
593
  ),
594
  2000 => array(
595
  'type' => 'heading',
596
+ 'id' => 'colors_part_borders',
597
  'label' => __( 'Colors', 'happyforms' )
598
  ),
599
  2100 => array(
663
  ),
664
  3400 => array(
665
  'type' => 'heading',
666
+ 'id' => 'colors_part_text',
667
  'label' => __( 'Colors', 'happyforms' )
668
  ),
669
  3500 => array(
688
  ),
689
  3900 => array(
690
  'type' => 'heading',
691
+ 'id' => 'colors_dropdown_items',
692
  'label' => __( 'Items', 'happyforms' )
693
  ),
694
  4000 => array(
828
  ),
829
  6700 => array(
830
  'type' => 'heading',
831
+ 'id' => 'colors_submit_button',
832
  'label' => __( 'Colors', 'happyforms' )
833
  ),
834
  6800 => array(
893
  }
894
 
895
  public function form_html_class( $class, $form ) {
896
+ $class[] = 'happyforms-styles';
897
+
898
  $fields = $this->get_fields();
899
  $class_fields = array_filter( $fields, array( $this, 'is_class_field' ) );
900
 
inc/core/classes/class-happyforms-core.php CHANGED
@@ -44,6 +44,11 @@ class HappyForms_Core {
44
  */
45
  private $frontend_styles = false;
46
 
 
 
 
 
 
47
  /**
48
  * Action: initialize admin and frontend logic.
49
  *
@@ -478,12 +483,20 @@ class HappyForms_Core {
478
 
479
  if ( $output && ! $this->frontend_styles ) {
480
  $this->frontend_styles = true;
481
- $url = happyforms_get_plugin_url() . 'inc/core/assets/css/frontend.css?' . HAPPYFORMS_VERSION;
482
  ?>
483
  <link rel="stylesheet" property="stylesheet" href="<?php echo $url; ?>" />
484
  <?php
485
  }
486
 
 
 
 
 
 
 
 
 
487
  do_action( 'happyforms_print_frontend_styles', $form );
488
  }
489
 
44
  */
45
  private $frontend_styles = false;
46
 
47
+ /**
48
+ * Whether or not frontend color styles were loaded.
49
+ */
50
+ private $frontend_color_styles = false;
51
+
52
  /**
53
  * Action: initialize admin and frontend logic.
54
  *
483
 
484
  if ( $output && ! $this->frontend_styles ) {
485
  $this->frontend_styles = true;
486
+ $url = happyforms_get_plugin_url() . 'inc/core/assets/css/layout.css?' . HAPPYFORMS_VERSION;
487
  ?>
488
  <link rel="stylesheet" property="stylesheet" href="<?php echo $url; ?>" />
489
  <?php
490
  }
491
 
492
+ if ( ! $this->frontend_color_styles ) {
493
+ $this->frontend_color_styles = true;
494
+ $color_url = happyforms_get_plugin_url() . 'inc/core/assets/css/color.css?' . HAPPYFORMS_VERSION;
495
+ ?>
496
+ <link rel="stylesheet" property="stylesheet" href="<?php echo $color_url; ?>" />
497
+ <?php
498
+ }
499
+
500
  do_action( 'happyforms_print_frontend_styles', $form );
501
  }
502
 
inc/core/classes/class-message-admin.php CHANGED
@@ -195,7 +195,7 @@ class HappyForms_Message_Admin {
195
  <style>
196
  fieldset:not(.screen-options),
197
  fieldset.screen-options,
198
- ul.subsubsub {
199
  display: none;
200
  }
201
  </style>
@@ -472,7 +472,6 @@ class HappyForms_Message_Admin {
472
  }
473
  }
474
  }
475
-
476
  break;
477
  }
478
  }
@@ -678,7 +677,7 @@ class HappyForms_Message_Admin {
678
  break;
679
  case 'delete':
680
  foreach ( $ids as $id ) {
681
- wp_delete_post( $id, true );
682
  }
683
  break;
684
  case 'export_csv':
@@ -704,8 +703,11 @@ class HappyForms_Message_Admin {
704
  */
705
  public function row_actions( $actions, $post ) {
706
  $post_type = happyforms_get_message_controller()->post_type;
 
 
 
 
707
 
708
- if ( $post->post_type === $post_type ) {
709
  $actions = array();
710
  $link_template = '<a href="%s">%s</a>';
711
  $links = array(
@@ -714,8 +716,8 @@ class HappyForms_Message_Admin {
714
  get_edit_post_link()
715
  ),
716
  'trash' => array(
717
- __( 'Delete Permanently', 'makeplus' ),
718
- get_delete_post_link( $post->ID, '', true )
719
  ),
720
  );
721
 
195
  <style>
196
  fieldset:not(.screen-options),
197
  fieldset.screen-options,
198
+ ul.subsubsub li:not(.all):not(.trash) {
199
  display: none;
200
  }
201
  </style>
472
  }
473
  }
474
  }
 
475
  break;
476
  }
477
  }
677
  break;
678
  case 'delete':
679
  foreach ( $ids as $id ) {
680
+ wp_delete_post( $id );
681
  }
682
  break;
683
  case 'export_csv':
703
  */
704
  public function row_actions( $actions, $post ) {
705
  $post_type = happyforms_get_message_controller()->post_type;
706
+ $post_status = get_query_var( 'post_status' );
707
+
708
+ if ( ( $post->post_type === $post_type )
709
+ && ( '' === $post_status ) ) {
710
 
 
711
  $actions = array();
712
  $link_template = '<a href="%s">%s</a>';
713
  $links = array(
716
  get_edit_post_link()
717
  ),
718
  'trash' => array(
719
+ __( 'Trash', 'makeplus' ),
720
+ get_delete_post_link( $post->ID, '' )
721
  ),
722
  );
723
 
inc/core/classes/class-message-controller.php CHANGED
@@ -368,7 +368,7 @@ class HappyForms_Message_Controller {
368
  }
369
 
370
  if ( ! $form['save_entries'] ) {
371
- wp_delete_post( $message_id, true);
372
  }
373
 
374
  /**
@@ -603,6 +603,21 @@ class HappyForms_Message_Controller {
603
  return $is_valid ? $submission : false;
604
  }
605
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
606
  /**
607
  * Create a new message post object.
608
  *
@@ -614,17 +629,8 @@ class HappyForms_Message_Controller {
614
  * @return int|boolean
615
  */
616
  public function create( $form, $submission ) {
617
- $defaults = $this->get_post_fields();
618
- $defaults_meta = $this->get_meta_fields();
619
- $message_meta = wp_parse_args( array(
620
- 'form_id' => $form['ID'],
621
- ), $defaults_meta );
622
- $message_meta = array_merge( $message_meta, $submission );
623
- $message_meta = happyforms_prefix_meta( $message_meta );
624
- $attrs = array_merge( $defaults, array(
625
- 'meta_input' => $message_meta
626
- ) );
627
- $message_id = wp_insert_post( wp_slash( $attrs ), true );
628
 
629
  wp_update_post( array(
630
  'ID' => $message_id,
@@ -671,7 +677,7 @@ class HappyForms_Message_Controller {
671
  public function do_get( $post_ids = '' ) {
672
  $query_params = array(
673
  'post_type' => $this->post_type,
674
- 'post_status' => 'any',
675
  'posts_per_page' => -1,
676
  );
677
 
368
  }
369
 
370
  if ( ! $form['save_entries'] ) {
371
+ wp_delete_post( $message_id );
372
  }
373
 
374
  /**
603
  return $is_valid ? $submission : false;
604
  }
605
 
606
+ public function get_insert_post_data( $form, $submission ) {
607
+ $defaults = $this->get_post_fields();
608
+ $defaults_meta = $this->get_meta_fields();
609
+ $message_meta = wp_parse_args( array(
610
+ 'form_id' => $form['ID'],
611
+ ), $defaults_meta );
612
+ $message_meta = array_merge( $message_meta, $submission );
613
+ $message_meta = happyforms_prefix_meta( $message_meta );
614
+ $post_data = array_merge( $defaults, array(
615
+ 'meta_input' => $message_meta
616
+ ) );
617
+
618
+ return $post_data;
619
+ }
620
+
621
  /**
622
  * Create a new message post object.
623
  *
629
  * @return int|boolean
630
  */
631
  public function create( $form, $submission ) {
632
+ $post_data = $this->get_insert_post_data( $form, $submission );
633
+ $message_id = wp_insert_post( wp_slash( $post_data ), true );
 
 
 
 
 
 
 
 
 
634
 
635
  wp_update_post( array(
636
  'ID' => $message_id,
677
  public function do_get( $post_ids = '' ) {
678
  $query_params = array(
679
  'post_type' => $this->post_type,
680
+ 'post_status' => array( 'publish', 'draft', 'trash' ),
681
  'posts_per_page' => -1,
682
  );
683
 
inc/core/classes/parts/class-part-checkbox.php CHANGED
@@ -11,6 +11,7 @@ class HappyForms_Part_Checkbox extends HappyForms_Form_Part {
11
  add_filter( 'happyforms_part_value', array( $this, 'get_part_value' ), 10, 3 );
12
  add_filter( 'happyforms_part_class', array( $this, 'html_part_class' ), 10, 3 );
13
  add_filter( 'happyforms_stringify_part_value', array( $this, 'stringify_value' ), 10, 3 );
 
14
  }
15
 
16
  /**
@@ -61,6 +62,10 @@ class HappyForms_Part_Checkbox extends HappyForms_Form_Part {
61
  'options' => array(
62
  'default' => array(),
63
  'sanitize' => 'happyforms_sanitize_array'
 
 
 
 
64
  )
65
  );
66
 
@@ -222,4 +227,30 @@ class HappyForms_Part_Checkbox extends HappyForms_Form_Part {
222
  return $class;
223
  }
224
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
225
  }
11
  add_filter( 'happyforms_part_value', array( $this, 'get_part_value' ), 10, 3 );
12
  add_filter( 'happyforms_part_class', array( $this, 'html_part_class' ), 10, 3 );
13
  add_filter( 'happyforms_stringify_part_value', array( $this, 'stringify_value' ), 10, 3 );
14
+ add_filter( 'happyforms_frontend_dependencies', array( $this, 'script_dependencies' ), 10, 2 );
15
  }
16
 
17
  /**
62
  'options' => array(
63
  'default' => array(),
64
  'sanitize' => 'happyforms_sanitize_array'
65
+ ),
66
+ 'show_select_all' => array(
67
+ 'default' => 0,
68
+ 'sanitize' => 'happyforms_sanitize_checkbox'
69
  )
70
  );
71
 
227
  return $class;
228
  }
229
 
230
+ public function script_dependencies( $deps, $forms ) {
231
+ $contains_checkbox = false;
232
+ $form_controller = happyforms_get_form_controller();
233
+
234
+ foreach ( $forms as $form ) {
235
+ if ( $form_controller->get_first_part_by_type( $form, $this->type ) ) {
236
+ $contains_checkbox = true;
237
+ break;
238
+ }
239
+ }
240
+
241
+ if ( ! happyforms_is_preview() && ! $contains_checkbox ) {
242
+ return $deps;
243
+ }
244
+
245
+ wp_register_script(
246
+ 'happyforms-checkbox',
247
+ happyforms_get_plugin_url() . 'inc/core/assets/js/frontend/checkbox.js',
248
+ array(), HAPPYFORMS_VERSION, true
249
+ );
250
+
251
+ $deps[] = 'happyforms-checkbox';
252
+
253
+ return $deps;
254
+ }
255
+
256
  }
inc/core/classes/parts/class-part-date.php CHANGED
@@ -314,7 +314,7 @@ class HappyForms_Part_Date extends HappyForms_Form_Part {
314
 
315
  if ( ! $value_is_empty ) {
316
  $year = intval( $value['year'] );
317
- $months = happyforms_get_months();
318
  $month = intval( $value['month'] );
319
  $month = isset( $months[$month] ) ? $months[$month] : '';
320
  $day = intval( $value['day'] );
314
 
315
  if ( ! $value_is_empty ) {
316
  $year = intval( $value['year'] );
317
+ $months = happyforms_get_months( $form );
318
  $month = intval( $value['month'] );
319
  $month = isset( $months[$month] ) ? $months[$month] : '';
320
  $day = intval( $value['day'] );
inc/core/helpers/helper-form-templates.php CHANGED
@@ -900,7 +900,7 @@ endif;
900
 
901
  if ( ! function_exists( 'happyforms_get_months' ) ) :
902
 
903
- function happyforms_get_months() {
904
  $months = array(
905
  1 => __( 'January', 'happyforms' ),
906
  2 => __( 'February', 'happyforms' ),
@@ -916,7 +916,7 @@ function happyforms_get_months() {
916
  12 => __( 'December', 'happyforms' )
917
  );
918
 
919
- $months = apply_filters( 'happyforms_get_months', $months );
920
 
921
  return $months;
922
  }
900
 
901
  if ( ! function_exists( 'happyforms_get_months' ) ) :
902
 
903
+ function happyforms_get_months( $form = array() ) {
904
  $months = array(
905
  1 => __( 'January', 'happyforms' ),
906
  2 => __( 'February', 'happyforms' ),
916
  12 => __( 'December', 'happyforms' )
917
  );
918
 
919
+ $months = apply_filters( 'happyforms_get_months', $months, $form );
920
 
921
  return $months;
922
  }
inc/core/templates/customize-controls/setup/radio.php ADDED
@@ -0,0 +1,8 @@
 
 
 
 
 
 
 
 
1
+ <div class="customize-control customize-control-radio" id="customize-control-<?php echo $control['field']; ?>">
2
+ <?php foreach ( $control['options'] as $option => $label ) : ?>
3
+ <div class="customize-inside-control-row" data-pointer-target>
4
+ <input type="radio" name="<?php echo $control['field']; ?>" id="<?php echo $control['field']; ?>-<?php echo $option; ?>" value="<?php echo $option; ?>" <% if ( '<?php echo $option; ?>' === <?php echo $control['field']; ?> ) { %>checked="checked"<% } %> data-attribute="<?php echo $control['field']; ?>" />
5
+ <label for="<?php echo $control['field']; ?>-<?php echo $option; ?>"><?php echo $label; ?></label>
6
+ </div>
7
+ <?php endforeach; ?>
8
+ </div>
inc/core/templates/customize-controls/setup/select.php ADDED
@@ -0,0 +1,8 @@
 
 
 
 
 
 
 
 
1
+ <div class="customize-control customize-control-select" id="customize-control-<?php echo $control['field']; ?>">
2
+ <label for="<?php echo $control['field']; ?>" class="customize-control-title"><?php echo $control['label']; ?> <?php if ( isset( $control['tooltip'] ) ) : ?><i class="fa fa-question-circle" aria-hidden="true" data-pointer><span><?php echo $control['tooltip']; ?></span></i><?php endif; ?></label>
3
+ <select name="<?php echo $control['field']; ?>" id="<?php echo $control['field']; ?>" data-attribute="<?php echo $control['field']; ?>" data-pointer-target>
4
+ <?php foreach ( $control['options'] as $option => $label ) : ?>
5
+ <option value="<?php echo $option; ?>" <% if ( '<?php echo $option; ?>' === <?php echo $control['field']; ?> ) { %>selected="selected"<% } %>><?php echo $label; ?></option>
6
+ <?php endforeach; ?>
7
+ </select>
8
+ </div>
inc/core/templates/customize-controls/style/heading.php CHANGED
@@ -1,3 +1,3 @@
1
- <li class="customize-control happyforms-customize-heading">
2
- <h2><?php echo $control['label']; ?></h2>
3
  </li>
1
+ <li class="customize-control happyforms-customize-heading" id="customize-heading-<?php echo $control['id']; ?>">
2
+ <h2><?php echo $control['label']; ?></h2>
3
  </li>
inc/core/templates/partials/form-submit-preview.php CHANGED
@@ -1,3 +1,4 @@
1
  <div class="happyforms-form__part happyforms-part happyforms-part--submit">
2
  <input type="submit" class="happyforms-submit happyforms-button--submit" value="<?php echo esc_attr( happyforms_get_form_property( $form, 'review_button_label' ) ); ?>" <?php if ( happyforms_submit_enabled( $form ) ) : ?> disabled<?php endif; ?>>
 
3
  </div>
1
  <div class="happyforms-form__part happyforms-part happyforms-part--submit">
2
  <input type="submit" class="happyforms-submit happyforms-button--submit" value="<?php echo esc_attr( happyforms_get_form_property( $form, 'review_button_label' ) ); ?>" <?php if ( happyforms_submit_enabled( $form ) ) : ?> disabled<?php endif; ?>>
3
+ <?php do_action( 'happyforms_form_submit', $form ); ?>
4
  </div>
inc/core/templates/partials/form-submit.php CHANGED
@@ -1,4 +1,5 @@
1
  <?php $submit_button_extra_class = ( happyforms_get_form_property( $form, 'submit_button_html_class' ) ) ? happyforms_get_form_property( $form, 'submit_button_html_class' ) : ''; ?>
2
  <div class="happyforms-form__part happyforms-part happyforms-part--submit">
3
  <input type="submit" class="happyforms-submit happyforms-button--submit <?php echo $submit_button_extra_class; ?>" value="<?php echo esc_attr( happyforms_get_form_property( $form, 'submit_button_label' ) ); ?>" <?php if ( happyforms_submit_enabled( $form ) ) : ?> disabled<?php endif; ?>>
 
4
  </div>
1
  <?php $submit_button_extra_class = ( happyforms_get_form_property( $form, 'submit_button_html_class' ) ) ? happyforms_get_form_property( $form, 'submit_button_html_class' ) : ''; ?>
2
  <div class="happyforms-form__part happyforms-part happyforms-part--submit">
3
  <input type="submit" class="happyforms-submit happyforms-button--submit <?php echo $submit_button_extra_class; ?>" value="<?php echo esc_attr( happyforms_get_form_property( $form, 'submit_button_label' ) ); ?>" <?php if ( happyforms_submit_enabled( $form ) ) : ?> disabled<?php endif; ?>>
4
+ <?php do_action( 'happyforms_form_submit', $form ); ?>
5
  </div>
inc/core/templates/parts/customize-checkbox.php CHANGED
@@ -56,6 +56,11 @@
56
  </label>
57
  </p>
58
  <div class="happyforms-part-advanced-settings-wrap">
 
 
 
 
 
59
  <p>
60
  <label for="<%= instance.id %>_display_type"><?php _e( 'Display options', 'happyforms' ); ?></label>
61
  <select id="<%= instance.id %>_display_type" name="display_type" data-bind="display_type" class="widefat">
56
  </label>
57
  </p>
58
  <div class="happyforms-part-advanced-settings-wrap">
59
+ <p>
60
+ <label>
61
+ <input type="checkbox" class="checkbox" value="1" <% if ( instance.show_select_all ) { %>checked="checked"<% } %> data-bind="show_select_all" /> <?php _e( 'Show select all option', 'happyforms' ); ?>
62
+ </label>
63
+ </p>
64
  <p>
65
  <label for="<%= instance.id %>_display_type"><?php _e( 'Display options', 'happyforms' ); ?></label>
66
  <select id="<%= instance.id %>_display_type" name="display_type" data-bind="display_type" class="widefat">
inc/core/templates/parts/customize-legal.php CHANGED
@@ -8,10 +8,10 @@
8
  <option value="third"<%= (instance.width == 'third') ? ' selected' : '' %>><?php _e( 'Third', 'happyforms' ); ?></option>
9
  <option value="auto"<%= (instance.width == 'auto') ? ' selected' : '' %>><?php _e( 'Auto', 'happyforms' ); ?></option>
10
  </select>
11
- </p>
12
- <p>
13
- <label for="<%= instance.id %>_legal_text"><?php _e( 'Legal text', 'happyforms' ); ?></label>
14
- <textarea id="<%= instance.id %>_legal_text" rows="5" name="legal_text" data-bind="legal_text" class="widefat"><%= instance.legal_text %></textarea>
15
  </p>
16
  <div class="happyforms-part-advanced-settings-wrap">
17
  <p>
8
  <option value="third"<%= (instance.width == 'third') ? ' selected' : '' %>><?php _e( 'Third', 'happyforms' ); ?></option>
9
  <option value="auto"<%= (instance.width == 'auto') ? ' selected' : '' %>><?php _e( 'Auto', 'happyforms' ); ?></option>
10
  </select>
11
+ </p>
12
+ <p>
13
+ <label for="<%= instance.id %>_legal_text"><?php _e( 'Text', 'happyforms' ); ?></label>
14
+ <textarea id="<%= instance.id %>_legal_text" rows="5" name="legal_text" data-bind="legal_text" class="widefat"><%= instance.legal_text %></textarea>
15
  </p>
16
  <div class="happyforms-part-advanced-settings-wrap">
17
  <p>
inc/core/templates/parts/customize-narrative.php CHANGED
@@ -19,7 +19,7 @@
19
  </label>
20
  </p>
21
  <p>
22
- <label for="<%= instance.id %>_format"><?php _e( 'Format', 'happyforms' ); ?></label>
23
  <textarea id="<%= instance.id %>_format" data-bind="format"><%= instance.format %></textarea>
24
  </p>
25
  <p>
19
  </label>
20
  </p>
21
  <p>
22
+ <label for="<%= instance.id %>_format"><?php _e( 'Text', 'happyforms' ); ?></label>
23
  <textarea id="<%= instance.id %>_format" data-bind="format"><%= instance.format %></textarea>
24
  </p>
25
  <p>
inc/core/templates/parts/frontend-checkbox.php CHANGED
@@ -4,6 +4,17 @@
4
 
5
  <div class="happyforms-part__el">
6
  <?php do_action( 'happyforms_part_input_before', $part, $form ); ?>
 
 
 
 
 
 
 
 
 
 
 
7
 
8
  <?php
9
  $options = happyforms_get_part_options( $part['options'], $part, $form );
@@ -13,7 +24,7 @@
13
  <div class="happyforms-part__option happyforms-part-option" id="<?php echo esc_attr( $option['id'] ); ?>">
14
  <?php $checked = in_array( $o, $value ) ? 'checked="checked"' : ''; ?>
15
  <label class="option-label">
16
- <input type="checkbox" class="happyforms-visuallyhidden" name="<?php happyforms_the_part_name( $part, $form ); ?>[]" value="<?php echo $o; ?>" <?php echo $checked; ?> <?php happyforms_the_part_attributes( $part, $form ); ?>>
17
  <span class="checkmark"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"><path fill="currentColor" d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg></span>
18
  <span class="border"></span>
19
  <span class="label"><?php echo esc_attr( $option['label'] ); ?></span>
4
 
5
  <div class="happyforms-part__el">
6
  <?php do_action( 'happyforms_part_input_before', $part, $form ); ?>
7
+
8
+ <?php if ( 1 == $part['show_select_all'] ) : ?>
9
+ <div class="happyforms-part__option happyforms-part-option">
10
+ <label class="option-label">
11
+ <input type="checkbox" class="happyforms-visuallyhidden happyforms-select-all">
12
+ <span class="checkmark"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"><path fill="currentColor" d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg></span>
13
+ <span class="border"></span>
14
+ <span class="label"><?php _e( 'Select all', 'happyforms' ); ?></span>
15
+ </label>
16
+ </div>
17
+ <?php endif; ?>
18
 
19
  <?php
20
  $options = happyforms_get_part_options( $part['options'], $part, $form );
24
  <div class="happyforms-part__option happyforms-part-option" id="<?php echo esc_attr( $option['id'] ); ?>">
25
  <?php $checked = in_array( $o, $value ) ? 'checked="checked"' : ''; ?>
26
  <label class="option-label">
27
+ <input type="checkbox" class="happyforms-visuallyhidden" name="<?php happyforms_the_part_name( $part, $form ); ?>[]" value="<?php echo $o; ?>" data-serialize <?php echo $checked; ?> <?php happyforms_the_part_attributes( $part, $form ); ?>>
28
  <span class="checkmark"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"><path fill="currentColor" d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg></span>
29
  <span class="border"></span>
30
  <span class="label"><?php echo esc_attr( $option['label'] ); ?></span>
inc/core/templates/parts/frontend-date-month.php CHANGED
@@ -10,7 +10,7 @@ if ( '' === $month_value && 'current' === $part['default_datetime'] ) {
10
  <div class="happyforms-custom-select" data-searchable="true">
11
  <div class="happyforms-part__select-wrap">
12
  <?php
13
- $months = happyforms_get_months();
14
  $placeholder_text = __( 'Month', 'happyforms' );
15
  ?>
16
 
10
  <div class="happyforms-custom-select" data-searchable="true">
11
  <div class="happyforms-part__select-wrap">
12
  <?php
13
+ $months = happyforms_get_months( $form );
14
  $placeholder_text = __( 'Month', 'happyforms' );
15
  ?>
16
 
languages/happyforms.pot CHANGED
@@ -2,9 +2,9 @@
2
  # This file is distributed under the same license as the HappyForms package.
3
  msgid ""
4
  msgstr ""
5
- "Project-Id-Version: HappyForms 1.7.2\n"
6
  "Report-Msgid-Bugs-To: https://thethemefoundry.com/support/\n"
7
- "POT-Creation-Date: 2019-02-28 12:05:44+00:00\n"
8
  "MIME-Version: 1.0\n"
9
  "Content-Type: text/plain; charset=utf-8\n"
10
  "Content-Transfer-Encoding: 8bit\n"
@@ -207,8 +207,9 @@ msgid "Duplicate"
207
  msgstr ""
208
 
209
  #: inc/core/classes/class-form-admin.php:374
210
- #: inc/core/classes/class-message-admin.php:641
211
- #: inc/core/classes/class-message-admin.php:925
 
212
  msgid "Trash"
213
  msgstr ""
214
 
@@ -222,7 +223,7 @@ msgstr ""
222
 
223
  #: inc/core/classes/class-form-controller.php:75
224
  #: inc/core/classes/class-message-admin.php:397
225
- #: inc/core/classes/class-message-admin.php:914
226
  msgid "Form"
227
  msgstr ""
228
 
@@ -253,8 +254,8 @@ msgstr ""
253
 
254
  #: inc/core/classes/class-form-controller.php:84
255
  #: inc/core/classes/class-form-controller.php:85
256
- #: inc/core/classes/class-happyforms-core.php:169
257
- #: inc/core/classes/class-happyforms-core.php:170
258
  msgid "All Forms"
259
  msgstr ""
260
 
@@ -404,7 +405,7 @@ msgid "Submit button HTML class"
404
  msgstr ""
405
 
406
  #: inc/core/classes/class-form-setup.php:257
407
- msgid "Use custom form HTML ID"
408
  msgstr ""
409
 
410
  #: inc/core/classes/class-form-setup.php:259
@@ -505,10 +506,16 @@ msgid "Review button text"
505
  msgstr ""
506
 
507
  #: inc/core/classes/class-form-setup.php:349
508
- msgid "Disable submit button until form is valid"
 
 
 
 
 
 
509
  msgstr ""
510
 
511
- #: inc/core/classes/class-form-setup.php:455
512
  msgid "Please review your submission..."
513
  msgstr ""
514
 
@@ -648,9 +655,9 @@ msgid "General"
648
  msgstr ""
649
 
650
  #: inc/core/classes/class-form-styles.php:506
651
- #: inc/core/classes/class-form-styles.php:797
652
  #: inc/core/templates/parts/customize-address.php:78
653
- #: inc/core/templates/parts/customize-checkbox.php:67
654
  #: inc/core/templates/parts/customize-date.php:103
655
  #: inc/core/templates/parts/customize-email.php:46
656
  #: inc/core/templates/parts/customize-legal.php:4
@@ -672,7 +679,7 @@ msgid "Width"
672
  msgstr ""
673
 
674
  #: inc/core/classes/class-form-styles.php:511
675
- #: inc/core/classes/class-form-styles.php:802
676
  msgid "Padding"
677
  msgstr ""
678
 
@@ -684,125 +691,125 @@ msgstr ""
684
  msgid "Display notices"
685
  msgstr ""
686
 
687
- #: inc/core/classes/class-form-styles.php:526
688
- #: inc/core/classes/class-form-styles.php:595
689
- #: inc/core/classes/class-form-styles.php:664
690
- #: inc/core/classes/class-form-styles.php:827
691
  msgid "Colors"
692
  msgstr ""
693
 
694
- #: inc/core/classes/class-form-styles.php:530
695
  msgid "Primary"
696
  msgstr ""
697
 
698
- #: inc/core/classes/class-form-styles.php:535
699
  msgid "Success"
700
  msgstr ""
701
 
702
- #: inc/core/classes/class-form-styles.php:540
703
  msgid "Error"
704
  msgstr ""
705
 
706
- #: inc/core/classes/class-form-styles.php:545
707
  msgid "Form title"
708
  msgstr ""
709
 
710
- #: inc/core/classes/class-form-styles.php:550
711
  msgid "Display"
712
  msgstr ""
713
 
714
- #: inc/core/classes/class-form-styles.php:555
715
- #: inc/core/classes/class-form-styles.php:817
716
  msgid "Alignment"
717
  msgstr ""
718
 
719
- #: inc/core/classes/class-form-styles.php:560
720
  msgid "Font size"
721
  msgstr ""
722
 
723
- #: inc/core/classes/class-form-styles.php:565
724
  msgid "Part borders & spacing"
725
  msgstr ""
726
 
727
- #: inc/core/classes/class-form-styles.php:570
728
- #: inc/core/classes/class-form-styles.php:599
729
- #: inc/core/classes/class-form-styles.php:787
730
- #: inc/core/classes/class-form-styles.php:841
731
  msgid "Border"
732
  msgstr ""
733
 
734
- #: inc/core/classes/class-form-styles.php:575
735
  msgid "Border location"
736
  msgstr ""
737
 
738
- #: inc/core/classes/class-form-styles.php:580
739
- #: inc/core/classes/class-form-styles.php:792
740
  msgid "Border radius"
741
  msgstr ""
742
 
743
- #: inc/core/classes/class-form-styles.php:585
744
  msgid "Outer padding"
745
  msgstr ""
746
 
747
- #: inc/core/classes/class-form-styles.php:590
748
  msgid "Inner padding"
749
  msgstr ""
750
 
751
- #: inc/core/classes/class-form-styles.php:604
752
  msgid "Border on focus"
753
  msgstr ""
754
 
755
- #: inc/core/classes/class-form-styles.php:609
756
- #: inc/core/classes/class-form-styles.php:692
757
- #: inc/core/classes/class-form-styles.php:717
758
- #: inc/core/classes/class-form-styles.php:831
759
  msgid "Background"
760
  msgstr ""
761
 
762
- #: inc/core/classes/class-form-styles.php:614
763
- #: inc/core/classes/class-form-styles.php:702
764
- #: inc/core/classes/class-form-styles.php:722
765
- #: inc/core/classes/class-form-styles.php:836
766
  msgid "Background on focus"
767
  msgstr ""
768
 
769
- #: inc/core/classes/class-form-styles.php:619
770
  msgid "Part labels & text"
771
  msgstr ""
772
 
773
- #: inc/core/classes/class-form-styles.php:624
774
  msgid "Toggle placeholder on part focus"
775
  msgstr ""
776
 
777
- #: inc/core/classes/class-form-styles.php:629
778
  msgid "Title alignment"
779
  msgstr ""
780
 
781
- #: inc/core/classes/class-form-styles.php:634
782
  msgid "Title font size"
783
  msgstr ""
784
 
785
- #: inc/core/classes/class-form-styles.php:639
786
  msgid "Title font weight"
787
  msgstr ""
788
 
789
- #: inc/core/classes/class-form-styles.php:644
790
  msgid "Description alignment"
791
  msgstr ""
792
 
793
- #: inc/core/classes/class-form-styles.php:649
794
  msgid "Description font size"
795
  msgstr ""
796
 
797
- #: inc/core/classes/class-form-styles.php:654
798
  msgid "Placeholder &amp; value alignment"
799
  msgstr ""
800
 
801
- #: inc/core/classes/class-form-styles.php:659
802
  msgid "Value font size"
803
  msgstr ""
804
 
805
- #: inc/core/classes/class-form-styles.php:668
806
  #: inc/core/classes/parts/class-part-title.php:8
807
  #: inc/core/classes/parts/class-part-title.php:30
808
  #: inc/core/templates/parts/customize-address.php:4
@@ -826,11 +833,11 @@ msgstr ""
826
  msgid "Title"
827
  msgstr ""
828
 
829
- #: inc/core/classes/class-form-styles.php:673
830
  msgid "Value"
831
  msgstr ""
832
 
833
- #: inc/core/classes/class-form-styles.php:678
834
  #: inc/core/classes/parts/class-part-placeholder.php:8
835
  #: inc/core/templates/parts/customize-address.php:36
836
  #: inc/core/templates/parts/customize-email.php:36
@@ -844,127 +851,129 @@ msgstr ""
844
  msgid "Placeholder"
845
  msgstr ""
846
 
847
- #: inc/core/classes/class-form-styles.php:683
848
  msgid "Dropdowns"
849
  msgstr ""
850
 
851
- #: inc/core/classes/class-form-styles.php:688
852
  msgid "Items"
853
  msgstr ""
854
 
855
- #: inc/core/classes/class-form-styles.php:697
856
- #: inc/core/classes/class-form-styles.php:846
857
  #: inc/core/classes/parts/class-part-multi-line-text.php:29
858
  #: inc/core/classes/parts/class-part-rich-text.php:31
859
  #: inc/core/classes/parts/class-part-single-line-text.php:29
 
 
860
  #: inc/core/templates/parts/customize-placeholder.php:22
861
  msgid "Text"
862
  msgstr ""
863
 
864
- #: inc/core/classes/class-form-styles.php:707
865
- #: inc/core/classes/class-form-styles.php:851
866
  msgid "Text focused"
867
  msgstr ""
868
 
869
- #: inc/core/classes/class-form-styles.php:712
870
  msgid "Checkboxes & Radios"
871
  msgstr ""
872
 
873
- #: inc/core/classes/class-form-styles.php:727
874
  msgid "Checkmark"
875
  msgstr ""
876
 
877
- #: inc/core/classes/class-form-styles.php:732
878
  #: inc/core/classes/parts/class-part-rating.php:9
879
  #: inc/core/classes/parts/class-part-rating.php:31
880
  msgid "Rating"
881
  msgstr ""
882
 
883
- #: inc/core/classes/class-form-styles.php:737
884
  msgid "Rating star color"
885
  msgstr ""
886
 
887
- #: inc/core/classes/class-form-styles.php:742
888
  msgid "Rating star color on hover"
889
  msgstr ""
890
 
891
- #: inc/core/classes/class-form-styles.php:747
892
  msgid "Item background"
893
  msgstr ""
894
 
895
- #: inc/core/classes/class-form-styles.php:752
896
  msgid "Item background on hover"
897
  msgstr ""
898
 
899
- #: inc/core/classes/class-form-styles.php:757
900
  msgid "Tables"
901
  msgstr ""
902
 
903
- #: inc/core/classes/class-form-styles.php:762
904
  msgid "Odd row primary"
905
  msgstr ""
906
 
907
- #: inc/core/classes/class-form-styles.php:767
908
  msgid "Odd row secondary"
909
  msgstr ""
910
 
911
- #: inc/core/classes/class-form-styles.php:772
912
  msgid "Even row primary"
913
  msgstr ""
914
 
915
- #: inc/core/classes/class-form-styles.php:777
916
  msgid "Even row secondary"
917
  msgstr ""
918
 
919
- #: inc/core/classes/class-form-styles.php:782
920
  msgid "Submit button"
921
  msgstr ""
922
 
923
- #: inc/core/classes/class-form-styles.php:807
924
  msgid "Font Size"
925
  msgstr ""
926
 
927
- #: inc/core/classes/class-form-styles.php:812
928
  msgid "Font Weight"
929
  msgstr ""
930
 
931
- #: inc/core/classes/class-form-styles.php:822
932
  msgid "Make button a part of last input"
933
  msgstr ""
934
 
935
- #: inc/core/classes/class-happyforms-core.php:158
936
  msgid "HappyForms Index"
937
  msgstr ""
938
 
939
- #: inc/core/classes/class-happyforms-core.php:177
940
- #: inc/core/classes/class-happyforms-core.php:178
941
  msgid "Add New"
942
  msgstr ""
943
 
944
- #: inc/core/classes/class-happyforms-core.php:185
945
- #: inc/core/classes/class-happyforms-core.php:186
946
  #: inc/core/classes/class-message-controller.php:208
947
  msgid "Responses"
948
  msgstr ""
949
 
950
- #: inc/core/classes/class-happyforms-core.php:193
951
- #: inc/core/classes/class-happyforms-core.php:194
952
  msgid "Welcome"
953
  msgstr ""
954
 
955
- #: inc/core/classes/class-happyforms-core.php:321
956
  msgid "HappyForm"
957
  msgstr ""
958
 
959
- #: inc/core/classes/class-happyforms-core.php:325
960
  msgid "New HappyForm"
961
  msgstr ""
962
 
963
- #: inc/core/classes/class-happyforms-core.php:446
964
  msgid "Insert HappyForm"
965
  msgstr ""
966
 
967
- #: inc/core/classes/class-happyforms-core.php:446
968
  msgid "Add HappyForms"
969
  msgstr ""
970
 
@@ -1074,47 +1083,43 @@ msgid "Number of response fields to show:"
1074
  msgstr ""
1075
 
1076
  #: inc/core/classes/class-message-admin.php:394
1077
- #: inc/core/classes/class-message-admin.php:778
1078
- #: inc/core/classes/class-message-controller.php:654
1079
- #: inc/core/classes/class-message-controller.php:867
1080
- #: inc/core/classes/class-message-controller.php:934
1081
  #: inc/core/templates/admin-message-edit.php:27
1082
  msgid "Tracking number"
1083
  msgstr ""
1084
 
1085
- #: inc/core/classes/class-message-admin.php:563
1086
  msgid "All forms"
1087
  msgstr ""
1088
 
1089
- #: inc/core/classes/class-message-admin.php:639
1090
  msgid "Mark read"
1091
  msgstr ""
1092
 
1093
- #: inc/core/classes/class-message-admin.php:640
1094
  msgid "Mark unread"
1095
  msgstr ""
1096
 
1097
- #: inc/core/classes/class-message-admin.php:645
1098
  msgid "Export to CSV"
1099
  msgstr ""
1100
 
1101
- #: inc/core/classes/class-message-admin.php:713
1102
  msgid "View"
1103
  msgstr ""
1104
 
1105
- #: inc/core/classes/class-message-admin.php:717
1106
- msgid "Delete Permanently"
1107
- msgstr ""
1108
-
1109
- #: inc/core/classes/class-message-admin.php:899
1110
  msgid "Details"
1111
  msgstr ""
1112
 
1113
- #: inc/core/classes/class-message-admin.php:919
1114
  msgid "Submitted on"
1115
  msgstr ""
1116
 
1117
- #: inc/core/classes/class-message-admin.php:919
1118
  msgid "M j, Y @ H:i"
1119
  msgstr ""
1120
 
@@ -1147,7 +1152,7 @@ msgstr ""
1147
  msgid "All Responses"
1148
  msgstr ""
1149
 
1150
- #: inc/core/classes/class-message-controller.php:886
1151
  msgid "Reply to this message and mark it as read"
1152
  msgstr ""
1153
 
@@ -1246,7 +1251,7 @@ msgid "For geographical locations. Includes Google Maps intergration."
1246
  msgstr ""
1247
 
1248
  #: inc/core/classes/parts/class-part-address.php:196
1249
- #: inc/core/classes/parts/class-part-checkbox.php:172
1250
  #: inc/core/classes/parts/class-part-date.php:211
1251
  #: inc/core/classes/parts/class-part-email.php:152
1252
  #: inc/core/classes/parts/class-part-email.php:156
@@ -1278,7 +1283,7 @@ msgstr ""
1278
  msgid "For checkboxes allowing multiple selections."
1279
  msgstr ""
1280
 
1281
- #: inc/core/classes/parts/class-part-checkbox.php:30
1282
  #: inc/core/classes/parts/class-part-radio.php:31
1283
  #: inc/core/classes/parts/class-part-table.php:32
1284
  #: inc/core/templates/parts/customize-checkbox.php:34
@@ -1291,7 +1296,7 @@ msgstr ""
1291
  msgid "Options"
1292
  msgstr ""
1293
 
1294
- #: inc/core/classes/parts/class-part-checkbox.php:180
1295
  #: inc/core/classes/parts/class-part-table.php:240
1296
  msgid "Checkbox values are not valid."
1297
  msgstr ""
@@ -3537,7 +3542,7 @@ msgstr ""
3537
 
3538
  #: inc/core/templates/customize-form-item.php:33
3539
  #: inc/core/templates/customize-form-part-footer.php:3
3540
- #: inc/core/templates/parts/customize-checkbox.php:105
3541
  #: inc/core/templates/parts/customize-radio.php:105
3542
  #: inc/core/templates/parts/customize-select.php:104
3543
  #: inc/core/templates/parts/customize-table.php:117
@@ -3554,7 +3559,7 @@ msgid "Done"
3554
  msgstr ""
3555
 
3556
  #: inc/core/templates/customize-form-part-footer.php:6
3557
- #: inc/core/templates/parts/customize-checkbox.php:106
3558
  #: inc/core/templates/parts/customize-radio.php:106
3559
  #: inc/core/templates/parts/customize-select.php:105
3560
  #: inc/core/templates/parts/customize-table.php:118
@@ -3709,7 +3714,7 @@ msgstr ""
3709
 
3710
  #: inc/core/templates/parts/customize-address.php:20
3711
  #: inc/core/templates/parts/customize-checkbox.php:18
3712
- #: inc/core/templates/parts/customize-checkbox.php:77
3713
  #: inc/core/templates/parts/customize-date.php:18
3714
  #: inc/core/templates/parts/customize-date.php:113
3715
  #: inc/core/templates/parts/customize-email.php:20
@@ -3747,7 +3752,7 @@ msgstr ""
3747
 
3748
  #: inc/core/templates/parts/customize-address.php:24
3749
  #: inc/core/templates/parts/customize-checkbox.php:22
3750
- #: inc/core/templates/parts/customize-checkbox.php:97
3751
  #: inc/core/templates/parts/customize-date.php:22
3752
  #: inc/core/templates/parts/customize-email.php:24
3753
  #: inc/core/templates/parts/customize-multi-line-text.php:24
@@ -3839,7 +3844,7 @@ msgstr ""
3839
 
3840
  #: inc/core/templates/parts/customize-address.php:42
3841
  #: inc/core/templates/parts/customize-address.php:80
3842
- #: inc/core/templates/parts/customize-checkbox.php:69
3843
  #: inc/core/templates/parts/customize-date.php:105
3844
  #: inc/core/templates/parts/customize-email.php:48
3845
  #: inc/core/templates/parts/customize-legal.php:6
@@ -3915,7 +3920,7 @@ msgid "This is required"
3915
  msgstr ""
3916
 
3917
  #: inc/core/templates/parts/customize-address.php:81
3918
- #: inc/core/templates/parts/customize-checkbox.php:70
3919
  #: inc/core/templates/parts/customize-date.php:106
3920
  #: inc/core/templates/parts/customize-email.php:49
3921
  #: inc/core/templates/parts/customize-legal.php:7
@@ -3937,7 +3942,7 @@ msgid "Half"
3937
  msgstr ""
3938
 
3939
  #: inc/core/templates/parts/customize-address.php:82
3940
- #: inc/core/templates/parts/customize-checkbox.php:71
3941
  #: inc/core/templates/parts/customize-date.php:107
3942
  #: inc/core/templates/parts/customize-email.php:50
3943
  #: inc/core/templates/parts/customize-legal.php:8
@@ -3959,7 +3964,7 @@ msgid "Third"
3959
  msgstr ""
3960
 
3961
  #: inc/core/templates/parts/customize-address.php:83
3962
- #: inc/core/templates/parts/customize-checkbox.php:72
3963
  #: inc/core/templates/parts/customize-date.php:108
3964
  #: inc/core/templates/parts/customize-email.php:51
3965
  #: inc/core/templates/parts/customize-legal.php:9
@@ -3980,7 +3985,7 @@ msgid "Auto"
3980
  msgstr ""
3981
 
3982
  #: inc/core/templates/parts/customize-address.php:87
3983
- #: inc/core/templates/parts/customize-checkbox.php:81
3984
  #: inc/core/templates/parts/customize-date.php:117
3985
  #: inc/core/templates/parts/customize-email.php:60
3986
  #: inc/core/templates/parts/customize-legal.php:18
@@ -4038,22 +4043,26 @@ msgstr ""
4038
  msgid "Cancel"
4039
  msgstr ""
4040
 
4041
- #: inc/core/templates/parts/customize-checkbox.php:60
 
 
 
 
4042
  #: inc/core/templates/parts/customize-radio.php:60
4043
  msgid "Display options"
4044
  msgstr ""
4045
 
4046
- #: inc/core/templates/parts/customize-checkbox.php:62
4047
  #: inc/core/templates/parts/customize-radio.php:62
4048
  msgid "Horizontal"
4049
  msgstr ""
4050
 
4051
- #: inc/core/templates/parts/customize-checkbox.php:63
4052
  #: inc/core/templates/parts/customize-radio.php:63
4053
  msgid "Vertical"
4054
  msgstr ""
4055
 
4056
- #: inc/core/templates/parts/customize-checkbox.php:92
4057
  #: inc/core/templates/parts/customize-radio.php:92
4058
  #: inc/core/templates/parts/customize-select.php:95
4059
  #: inc/core/templates/parts/customize-table.php:108
@@ -4061,7 +4070,7 @@ msgstr ""
4061
  msgid "Label"
4062
  msgstr ""
4063
 
4064
- #: inc/core/templates/parts/customize-checkbox.php:101
4065
  #: inc/core/templates/parts/customize-table.php:113
4066
  msgid "Checked by default"
4067
  msgstr ""
@@ -4171,15 +4180,6 @@ msgstr ""
4171
  msgid "Confirmation field title"
4172
  msgstr ""
4173
 
4174
- #: inc/core/templates/parts/customize-legal.php:13
4175
- msgid "Legal text"
4176
- msgstr ""
4177
-
4178
- #: inc/core/templates/parts/customize-narrative.php:22
4179
- #: inc/core/templates/parts/customize-number.php:57
4180
- msgid "Format"
4181
- msgstr ""
4182
-
4183
  #: inc/core/templates/parts/customize-narrative.php:27
4184
  msgid "Each input is required"
4185
  msgstr ""
@@ -4192,6 +4192,10 @@ msgstr ""
4192
  msgid "Max value"
4193
  msgstr ""
4194
 
 
 
 
 
4195
  #: inc/core/templates/parts/customize-number.php:62
4196
  msgid "Thousands separator"
4197
  msgstr ""
@@ -4346,6 +4350,10 @@ msgstr ""
4346
  msgid "City"
4347
  msgstr ""
4348
 
 
 
 
 
4349
  #: inc/core/templates/parts/frontend-date-day.php:13
4350
  msgid "Day"
4351
  msgstr ""
2
  # This file is distributed under the same license as the HappyForms package.
3
  msgid ""
4
  msgstr ""
5
+ "Project-Id-Version: HappyForms 1.7.3\n"
6
  "Report-Msgid-Bugs-To: https://thethemefoundry.com/support/\n"
7
+ "POT-Creation-Date: 2019-03-13 14:21:35+00:00\n"
8
  "MIME-Version: 1.0\n"
9
  "Content-Type: text/plain; charset=utf-8\n"
10
  "Content-Transfer-Encoding: 8bit\n"
207
  msgstr ""
208
 
209
  #: inc/core/classes/class-form-admin.php:374
210
+ #: inc/core/classes/class-message-admin.php:640
211
+ #: inc/core/classes/class-message-admin.php:719
212
+ #: inc/core/classes/class-message-admin.php:927
213
  msgid "Trash"
214
  msgstr ""
215
 
223
 
224
  #: inc/core/classes/class-form-controller.php:75
225
  #: inc/core/classes/class-message-admin.php:397
226
+ #: inc/core/classes/class-message-admin.php:916
227
  msgid "Form"
228
  msgstr ""
229
 
254
 
255
  #: inc/core/classes/class-form-controller.php:84
256
  #: inc/core/classes/class-form-controller.php:85
257
+ #: inc/core/classes/class-happyforms-core.php:174
258
+ #: inc/core/classes/class-happyforms-core.php:175
259
  msgid "All Forms"
260
  msgstr ""
261
 
405
  msgstr ""
406
 
407
  #: inc/core/classes/class-form-setup.php:257
408
+ msgid "Set custom form HTML ID"
409
  msgstr ""
410
 
411
  #: inc/core/classes/class-form-setup.php:259
506
  msgstr ""
507
 
508
  #: inc/core/classes/class-form-setup.php:349
509
+ msgid "Fade submit button until valid"
510
+ msgstr ""
511
+
512
+ #: inc/core/classes/class-form-setup.php:351
513
+ msgid ""
514
+ "Reduce the opacity of the submit button until all required form parts are "
515
+ "valid."
516
  msgstr ""
517
 
518
+ #: inc/core/classes/class-form-setup.php:458
519
  msgid "Please review your submission..."
520
  msgstr ""
521
 
655
  msgstr ""
656
 
657
  #: inc/core/classes/class-form-styles.php:506
658
+ #: inc/core/classes/class-form-styles.php:801
659
  #: inc/core/templates/parts/customize-address.php:78
660
+ #: inc/core/templates/parts/customize-checkbox.php:72
661
  #: inc/core/templates/parts/customize-date.php:103
662
  #: inc/core/templates/parts/customize-email.php:46
663
  #: inc/core/templates/parts/customize-legal.php:4
679
  msgstr ""
680
 
681
  #: inc/core/classes/class-form-styles.php:511
682
+ #: inc/core/classes/class-form-styles.php:806
683
  msgid "Padding"
684
  msgstr ""
685
 
691
  msgid "Display notices"
692
  msgstr ""
693
 
694
+ #: inc/core/classes/class-form-styles.php:527
695
+ #: inc/core/classes/class-form-styles.php:597
696
+ #: inc/core/classes/class-form-styles.php:667
697
+ #: inc/core/classes/class-form-styles.php:832
698
  msgid "Colors"
699
  msgstr ""
700
 
701
+ #: inc/core/classes/class-form-styles.php:531
702
  msgid "Primary"
703
  msgstr ""
704
 
705
+ #: inc/core/classes/class-form-styles.php:536
706
  msgid "Success"
707
  msgstr ""
708
 
709
+ #: inc/core/classes/class-form-styles.php:541
710
  msgid "Error"
711
  msgstr ""
712
 
713
+ #: inc/core/classes/class-form-styles.php:546
714
  msgid "Form title"
715
  msgstr ""
716
 
717
+ #: inc/core/classes/class-form-styles.php:551
718
  msgid "Display"
719
  msgstr ""
720
 
721
+ #: inc/core/classes/class-form-styles.php:556
722
+ #: inc/core/classes/class-form-styles.php:821
723
  msgid "Alignment"
724
  msgstr ""
725
 
726
+ #: inc/core/classes/class-form-styles.php:561
727
  msgid "Font size"
728
  msgstr ""
729
 
730
+ #: inc/core/classes/class-form-styles.php:566
731
  msgid "Part borders & spacing"
732
  msgstr ""
733
 
734
+ #: inc/core/classes/class-form-styles.php:571
735
+ #: inc/core/classes/class-form-styles.php:601
736
+ #: inc/core/classes/class-form-styles.php:791
737
+ #: inc/core/classes/class-form-styles.php:846
738
  msgid "Border"
739
  msgstr ""
740
 
741
+ #: inc/core/classes/class-form-styles.php:576
742
  msgid "Border location"
743
  msgstr ""
744
 
745
+ #: inc/core/classes/class-form-styles.php:581
746
+ #: inc/core/classes/class-form-styles.php:796
747
  msgid "Border radius"
748
  msgstr ""
749
 
750
+ #: inc/core/classes/class-form-styles.php:586
751
  msgid "Outer padding"
752
  msgstr ""
753
 
754
+ #: inc/core/classes/class-form-styles.php:591
755
  msgid "Inner padding"
756
  msgstr ""
757
 
758
+ #: inc/core/classes/class-form-styles.php:606
759
  msgid "Border on focus"
760
  msgstr ""
761
 
762
+ #: inc/core/classes/class-form-styles.php:611
763
+ #: inc/core/classes/class-form-styles.php:696
764
+ #: inc/core/classes/class-form-styles.php:721
765
+ #: inc/core/classes/class-form-styles.php:836
766
  msgid "Background"
767
  msgstr ""
768
 
769
+ #: inc/core/classes/class-form-styles.php:616
770
+ #: inc/core/classes/class-form-styles.php:706
771
+ #: inc/core/classes/class-form-styles.php:726
772
+ #: inc/core/classes/class-form-styles.php:841
773
  msgid "Background on focus"
774
  msgstr ""
775
 
776
+ #: inc/core/classes/class-form-styles.php:621
777
  msgid "Part labels & text"
778
  msgstr ""
779
 
780
+ #: inc/core/classes/class-form-styles.php:626
781
  msgid "Toggle placeholder on part focus"
782
  msgstr ""
783
 
784
+ #: inc/core/classes/class-form-styles.php:631
785
  msgid "Title alignment"
786
  msgstr ""
787
 
788
+ #: inc/core/classes/class-form-styles.php:636
789
  msgid "Title font size"
790
  msgstr ""
791
 
792
+ #: inc/core/classes/class-form-styles.php:641
793
  msgid "Title font weight"
794
  msgstr ""
795
 
796
+ #: inc/core/classes/class-form-styles.php:646
797
  msgid "Description alignment"
798
  msgstr ""
799
 
800
+ #: inc/core/classes/class-form-styles.php:651
801
  msgid "Description font size"
802
  msgstr ""
803
 
804
+ #: inc/core/classes/class-form-styles.php:656
805
  msgid "Placeholder &amp; value alignment"
806
  msgstr ""
807
 
808
+ #: inc/core/classes/class-form-styles.php:661
809
  msgid "Value font size"
810
  msgstr ""
811
 
812
+ #: inc/core/classes/class-form-styles.php:671
813
  #: inc/core/classes/parts/class-part-title.php:8
814
  #: inc/core/classes/parts/class-part-title.php:30
815
  #: inc/core/templates/parts/customize-address.php:4
833
  msgid "Title"
834
  msgstr ""
835
 
836
+ #: inc/core/classes/class-form-styles.php:676
837
  msgid "Value"
838
  msgstr ""
839
 
840
+ #: inc/core/classes/class-form-styles.php:681
841
  #: inc/core/classes/parts/class-part-placeholder.php:8
842
  #: inc/core/templates/parts/customize-address.php:36
843
  #: inc/core/templates/parts/customize-email.php:36
851
  msgid "Placeholder"
852
  msgstr ""
853
 
854
+ #: inc/core/classes/class-form-styles.php:686
855
  msgid "Dropdowns"
856
  msgstr ""
857
 
858
+ #: inc/core/classes/class-form-styles.php:692
859
  msgid "Items"
860
  msgstr ""
861
 
862
+ #: inc/core/classes/class-form-styles.php:701
863
+ #: inc/core/classes/class-form-styles.php:851
864
  #: inc/core/classes/parts/class-part-multi-line-text.php:29
865
  #: inc/core/classes/parts/class-part-rich-text.php:31
866
  #: inc/core/classes/parts/class-part-single-line-text.php:29
867
+ #: inc/core/templates/parts/customize-legal.php:13
868
+ #: inc/core/templates/parts/customize-narrative.php:22
869
  #: inc/core/templates/parts/customize-placeholder.php:22
870
  msgid "Text"
871
  msgstr ""
872
 
873
+ #: inc/core/classes/class-form-styles.php:711
874
+ #: inc/core/classes/class-form-styles.php:856
875
  msgid "Text focused"
876
  msgstr ""
877
 
878
+ #: inc/core/classes/class-form-styles.php:716
879
  msgid "Checkboxes & Radios"
880
  msgstr ""
881
 
882
+ #: inc/core/classes/class-form-styles.php:731
883
  msgid "Checkmark"
884
  msgstr ""
885
 
886
+ #: inc/core/classes/class-form-styles.php:736
887
  #: inc/core/classes/parts/class-part-rating.php:9
888
  #: inc/core/classes/parts/class-part-rating.php:31
889
  msgid "Rating"
890
  msgstr ""
891
 
892
+ #: inc/core/classes/class-form-styles.php:741
893
  msgid "Rating star color"
894
  msgstr ""
895
 
896
+ #: inc/core/classes/class-form-styles.php:746
897
  msgid "Rating star color on hover"
898
  msgstr ""
899
 
900
+ #: inc/core/classes/class-form-styles.php:751
901
  msgid "Item background"
902
  msgstr ""
903
 
904
+ #: inc/core/classes/class-form-styles.php:756
905
  msgid "Item background on hover"
906
  msgstr ""
907
 
908
+ #: inc/core/classes/class-form-styles.php:761
909
  msgid "Tables"
910
  msgstr ""
911
 
912
+ #: inc/core/classes/class-form-styles.php:766
913
  msgid "Odd row primary"
914
  msgstr ""
915
 
916
+ #: inc/core/classes/class-form-styles.php:771
917
  msgid "Odd row secondary"
918
  msgstr ""
919
 
920
+ #: inc/core/classes/class-form-styles.php:776
921
  msgid "Even row primary"
922
  msgstr ""
923
 
924
+ #: inc/core/classes/class-form-styles.php:781
925
  msgid "Even row secondary"
926
  msgstr ""
927
 
928
+ #: inc/core/classes/class-form-styles.php:786
929
  msgid "Submit button"
930
  msgstr ""
931
 
932
+ #: inc/core/classes/class-form-styles.php:811
933
  msgid "Font Size"
934
  msgstr ""
935
 
936
+ #: inc/core/classes/class-form-styles.php:816
937
  msgid "Font Weight"
938
  msgstr ""
939
 
940
+ #: inc/core/classes/class-form-styles.php:826
941
  msgid "Make button a part of last input"
942
  msgstr ""
943
 
944
+ #: inc/core/classes/class-happyforms-core.php:163
945
  msgid "HappyForms Index"
946
  msgstr ""
947
 
948
+ #: inc/core/classes/class-happyforms-core.php:182
949
+ #: inc/core/classes/class-happyforms-core.php:183
950
  msgid "Add New"
951
  msgstr ""
952
 
953
+ #: inc/core/classes/class-happyforms-core.php:190
954
+ #: inc/core/classes/class-happyforms-core.php:191
955
  #: inc/core/classes/class-message-controller.php:208
956
  msgid "Responses"
957
  msgstr ""
958
 
959
+ #: inc/core/classes/class-happyforms-core.php:198
960
+ #: inc/core/classes/class-happyforms-core.php:199
961
  msgid "Welcome"
962
  msgstr ""
963
 
964
+ #: inc/core/classes/class-happyforms-core.php:326
965
  msgid "HappyForm"
966
  msgstr ""
967
 
968
+ #: inc/core/classes/class-happyforms-core.php:330
969
  msgid "New HappyForm"
970
  msgstr ""
971
 
972
+ #: inc/core/classes/class-happyforms-core.php:451
973
  msgid "Insert HappyForm"
974
  msgstr ""
975
 
976
+ #: inc/core/classes/class-happyforms-core.php:451
977
  msgid "Add HappyForms"
978
  msgstr ""
979
 
1083
  msgstr ""
1084
 
1085
  #: inc/core/classes/class-message-admin.php:394
1086
+ #: inc/core/classes/class-message-admin.php:780
1087
+ #: inc/core/classes/class-message-controller.php:660
1088
+ #: inc/core/classes/class-message-controller.php:873
1089
+ #: inc/core/classes/class-message-controller.php:940
1090
  #: inc/core/templates/admin-message-edit.php:27
1091
  msgid "Tracking number"
1092
  msgstr ""
1093
 
1094
+ #: inc/core/classes/class-message-admin.php:562
1095
  msgid "All forms"
1096
  msgstr ""
1097
 
1098
+ #: inc/core/classes/class-message-admin.php:638
1099
  msgid "Mark read"
1100
  msgstr ""
1101
 
1102
+ #: inc/core/classes/class-message-admin.php:639
1103
  msgid "Mark unread"
1104
  msgstr ""
1105
 
1106
+ #: inc/core/classes/class-message-admin.php:644
1107
  msgid "Export to CSV"
1108
  msgstr ""
1109
 
1110
+ #: inc/core/classes/class-message-admin.php:715
1111
  msgid "View"
1112
  msgstr ""
1113
 
1114
+ #: inc/core/classes/class-message-admin.php:901
 
 
 
 
1115
  msgid "Details"
1116
  msgstr ""
1117
 
1118
+ #: inc/core/classes/class-message-admin.php:921
1119
  msgid "Submitted on"
1120
  msgstr ""
1121
 
1122
+ #: inc/core/classes/class-message-admin.php:921
1123
  msgid "M j, Y @ H:i"
1124
  msgstr ""
1125
 
1152
  msgid "All Responses"
1153
  msgstr ""
1154
 
1155
+ #: inc/core/classes/class-message-controller.php:892
1156
  msgid "Reply to this message and mark it as read"
1157
  msgstr ""
1158
 
1251
  msgstr ""
1252
 
1253
  #: inc/core/classes/parts/class-part-address.php:196
1254
+ #: inc/core/classes/parts/class-part-checkbox.php:177
1255
  #: inc/core/classes/parts/class-part-date.php:211
1256
  #: inc/core/classes/parts/class-part-email.php:152
1257
  #: inc/core/classes/parts/class-part-email.php:156
1283
  msgid "For checkboxes allowing multiple selections."
1284
  msgstr ""
1285
 
1286
+ #: inc/core/classes/parts/class-part-checkbox.php:31
1287
  #: inc/core/classes/parts/class-part-radio.php:31
1288
  #: inc/core/classes/parts/class-part-table.php:32
1289
  #: inc/core/templates/parts/customize-checkbox.php:34
1296
  msgid "Options"
1297
  msgstr ""
1298
 
1299
+ #: inc/core/classes/parts/class-part-checkbox.php:185
1300
  #: inc/core/classes/parts/class-part-table.php:240
1301
  msgid "Checkbox values are not valid."
1302
  msgstr ""
3542
 
3543
  #: inc/core/templates/customize-form-item.php:33
3544
  #: inc/core/templates/customize-form-part-footer.php:3
3545
+ #: inc/core/templates/parts/customize-checkbox.php:110
3546
  #: inc/core/templates/parts/customize-radio.php:105
3547
  #: inc/core/templates/parts/customize-select.php:104
3548
  #: inc/core/templates/parts/customize-table.php:117
3559
  msgstr ""
3560
 
3561
  #: inc/core/templates/customize-form-part-footer.php:6
3562
+ #: inc/core/templates/parts/customize-checkbox.php:111
3563
  #: inc/core/templates/parts/customize-radio.php:106
3564
  #: inc/core/templates/parts/customize-select.php:105
3565
  #: inc/core/templates/parts/customize-table.php:118
3714
 
3715
  #: inc/core/templates/parts/customize-address.php:20
3716
  #: inc/core/templates/parts/customize-checkbox.php:18
3717
+ #: inc/core/templates/parts/customize-checkbox.php:82
3718
  #: inc/core/templates/parts/customize-date.php:18
3719
  #: inc/core/templates/parts/customize-date.php:113
3720
  #: inc/core/templates/parts/customize-email.php:20
3752
 
3753
  #: inc/core/templates/parts/customize-address.php:24
3754
  #: inc/core/templates/parts/customize-checkbox.php:22
3755
+ #: inc/core/templates/parts/customize-checkbox.php:102
3756
  #: inc/core/templates/parts/customize-date.php:22
3757
  #: inc/core/templates/parts/customize-email.php:24
3758
  #: inc/core/templates/parts/customize-multi-line-text.php:24
3844
 
3845
  #: inc/core/templates/parts/customize-address.php:42
3846
  #: inc/core/templates/parts/customize-address.php:80
3847
+ #: inc/core/templates/parts/customize-checkbox.php:74
3848
  #: inc/core/templates/parts/customize-date.php:105
3849
  #: inc/core/templates/parts/customize-email.php:48
3850
  #: inc/core/templates/parts/customize-legal.php:6
3920
  msgstr ""
3921
 
3922
  #: inc/core/templates/parts/customize-address.php:81
3923
+ #: inc/core/templates/parts/customize-checkbox.php:75
3924
  #: inc/core/templates/parts/customize-date.php:106
3925
  #: inc/core/templates/parts/customize-email.php:49
3926
  #: inc/core/templates/parts/customize-legal.php:7
3942
  msgstr ""
3943
 
3944
  #: inc/core/templates/parts/customize-address.php:82
3945
+ #: inc/core/templates/parts/customize-checkbox.php:76
3946
  #: inc/core/templates/parts/customize-date.php:107
3947
  #: inc/core/templates/parts/customize-email.php:50
3948
  #: inc/core/templates/parts/customize-legal.php:8
3964
  msgstr ""
3965
 
3966
  #: inc/core/templates/parts/customize-address.php:83
3967
+ #: inc/core/templates/parts/customize-checkbox.php:77
3968
  #: inc/core/templates/parts/customize-date.php:108
3969
  #: inc/core/templates/parts/customize-email.php:51
3970
  #: inc/core/templates/parts/customize-legal.php:9
3985
  msgstr ""
3986
 
3987
  #: inc/core/templates/parts/customize-address.php:87
3988
+ #: inc/core/templates/parts/customize-checkbox.php:86
3989
  #: inc/core/templates/parts/customize-date.php:117
3990
  #: inc/core/templates/parts/customize-email.php:60
3991
  #: inc/core/templates/parts/customize-legal.php:18
4043
  msgid "Cancel"
4044
  msgstr ""
4045
 
4046
+ #: inc/core/templates/parts/customize-checkbox.php:61
4047
+ msgid "Show select all option"
4048
+ msgstr ""
4049
+
4050
+ #: inc/core/templates/parts/customize-checkbox.php:65
4051
  #: inc/core/templates/parts/customize-radio.php:60
4052
  msgid "Display options"
4053
  msgstr ""
4054
 
4055
+ #: inc/core/templates/parts/customize-checkbox.php:67
4056
  #: inc/core/templates/parts/customize-radio.php:62
4057
  msgid "Horizontal"
4058
  msgstr ""
4059
 
4060
+ #: inc/core/templates/parts/customize-checkbox.php:68
4061
  #: inc/core/templates/parts/customize-radio.php:63
4062
  msgid "Vertical"
4063
  msgstr ""
4064
 
4065
+ #: inc/core/templates/parts/customize-checkbox.php:97
4066
  #: inc/core/templates/parts/customize-radio.php:92
4067
  #: inc/core/templates/parts/customize-select.php:95
4068
  #: inc/core/templates/parts/customize-table.php:108
4070
  msgid "Label"
4071
  msgstr ""
4072
 
4073
+ #: inc/core/templates/parts/customize-checkbox.php:106
4074
  #: inc/core/templates/parts/customize-table.php:113
4075
  msgid "Checked by default"
4076
  msgstr ""
4180
  msgid "Confirmation field title"
4181
  msgstr ""
4182
 
 
 
 
 
 
 
 
 
 
4183
  #: inc/core/templates/parts/customize-narrative.php:27
4184
  msgid "Each input is required"
4185
  msgstr ""
4192
  msgid "Max value"
4193
  msgstr ""
4194
 
4195
+ #: inc/core/templates/parts/customize-number.php:57
4196
+ msgid "Format"
4197
+ msgstr ""
4198
+
4199
  #: inc/core/templates/parts/customize-number.php:62
4200
  msgid "Thousands separator"
4201
  msgstr ""
4350
  msgid "City"
4351
  msgstr ""
4352
 
4353
+ #: inc/core/templates/parts/frontend-checkbox.php:14
4354
+ msgid "Select all"
4355
+ msgstr ""
4356
+
4357
  #: inc/core/templates/parts/frontend-date-day.php:13
4358
  msgid "Day"
4359
  msgstr ""
readme.txt CHANGED
@@ -5,7 +5,7 @@ Tags: contact, contact form, email, feedback form, form, form builder, custom fo
5
  Requires at least: 4.8
6
  Tested up to: 5.1
7
  Requires PHP: 5.3
8
- Stable tag: 1.7.2
9
  License: GPLv2 or later
10
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
11
 
@@ -99,6 +99,13 @@ Yep! HappyForms free isn't going anywhere but for those looking for even more po
99
 
100
  == Changelog ==
101
 
 
 
 
 
 
 
 
102
  = 1.7.2 =
103
  * Improvement: Added date days filter.
104
  * Improvement: Easier filtering of email message fields.
@@ -429,6 +436,9 @@ Yep! HappyForms free isn't going anywhere but for those looking for even more po
429
 
430
  == Upgrade Notice ==
431
 
 
 
 
432
  = 1.7.2 =
433
  * Minor fixes and improvements.
434
 
5
  Requires at least: 4.8
6
  Tested up to: 5.1
7
  Requires PHP: 5.3
8
+ Stable tag: 1.7.3
9
  License: GPLv2 or later
10
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
11
 
99
 
100
  == Changelog ==
101
 
102
+ = 1.7.3 =
103
+ * New feature: 'Select All' option added to Multiple Choice part that can be set in part's Advanced options.
104
+ * Improvement: Better styles for disabled Submit button.
105
+ * Improvement: Removed responses now get trashed instead of getting completely destroyed.
106
+ * Improvement: Duplicating a part now places it right after the original part.
107
+ * Bugfix: Improved behavior of Dropdowns on focus, blur, and when using down facing caret to trigger dropdown.
108
+
109
  = 1.7.2 =
110
  * Improvement: Added date days filter.
111
  * Improvement: Easier filtering of email message fields.
436
 
437
  == Upgrade Notice ==
438
 
439
+ = 1.7.3 =
440
+ * Better part duplication, new "Select all" feature, trash responses, style improvements and bugfixes.
441
+
442
  = 1.7.2 =
443
  * Minor fixes and improvements.
444