Customify – A Theme Customizer Booster - Version 2.1.0

Version Description

  • This new version of Customify lets you conveniently change the design of your site with font palettes. Easy as pie.
  • Added previews for color palette filters.
Download this release

Release Info

Developer pixelgrade
Plugin Icon Customify – A Theme Customizer Booster
Version 2.1.0
Comparing to
See all releases

Code changes from version 2.0.2 to 2.1.0

Files changed (13) hide show
  1. class-pixcustomify.php +10 -0
  2. css/admin.css +31 -21
  3. css/customizer.css +3057 -1598
  4. customify.php +2 -2
  5. features/customizer/controls/class-Pix_Customize_SM_palette_filter_control.php +65 -0
  6. includes/class-customify-color-palettes.php +37 -30
  7. includes/class-customify-font-palettes.php +12 -183
  8. includes/class-customify-style-manager.php +5 -5
  9. js/customizer/color-palettes.js +44 -15
  10. js/customizer/font-palettes.js +12 -179
  11. js/vendor/regression.js +386 -0
  12. readme.txt +5 -1
  13. scss/customizer.scss +131 -1
class-pixcustomify.php CHANGED
@@ -1844,6 +1844,16 @@ class PixCustomifyPlugin {
1844
 
1845
  $control_class_name = 'Pix_Customize_SM_radio_Control';
1846
  break;
 
 
 
 
 
 
 
 
 
 
1847
 
1848
  case 'sm_switch' :
1849
  if ( ! isset( $field_config['choices'] ) || empty( $field_config['choices'] ) ) {
1844
 
1845
  $control_class_name = 'Pix_Customize_SM_radio_Control';
1846
  break;
1847
+
1848
+ case 'sm_palette_filter' :
1849
+ if ( ! isset( $field_config['choices'] ) || empty( $field_config['choices'] ) ) {
1850
+ return;
1851
+ }
1852
+
1853
+ $control_args['choices'] = $field_config['choices'];
1854
+
1855
+ $control_class_name = 'Pix_Customize_SM_palette_filter_Control';
1856
+ break;
1857
 
1858
  case 'sm_switch' :
1859
  if ( ! isset( $field_config['choices'] ) || empty( $field_config['choices'] ) ) {
css/admin.css CHANGED
@@ -1,28 +1,38 @@
1
- .extendable_options
2
- {overflow: hidden;
 
 
 
3
 
4
- height: 0;
5
- }fieldset.group
6
- {padding-left: 20px;
 
7
 
8
- border-left: 1px solid #333;
9
- }.postbox h3.hndle
10
- {font-size: 15px;
 
11
 
12
- padding: 7px;
13
- }.postbox .row
14
- {display: inline-block;
 
 
15
 
16
- width: 100%;padding: 5px 0;
17
- }.postbox .row .field
18
- {display: inline-block;
 
 
19
 
20
- width: 100%;padding: 5px 0;
21
- }.postbox .row .group
22
- {margin-left: 5px;padding-left: 15px;
 
 
 
23
 
24
- border: 1px solid rgba(203,203,203,.2);background-color: rgba(203,203,203,.2);
25
- }.postbox .uninstall_area
26
- {
27
- margin-top: 15px;
28
  }
1
+ /* This stylesheet is used to style the admin option form of the plugin. */
2
+ .extendable_options {
3
+ height: 0;
4
+ overflow: hidden;
5
+ }
6
 
7
+ fieldset.group {
8
+ border-left: 1px solid #333;
9
+ padding-left: 20px;
10
+ }
11
 
12
+ .postbox h3.hndle {
13
+ padding: 7px;
14
+ font-size: 15px;
15
+ }
16
 
17
+ .postbox .row {
18
+ width: 100%;
19
+ display: inline-block;
20
+ padding: 5px 0;
21
+ }
22
 
23
+ .postbox .row .field {
24
+ width: 100%;
25
+ display: inline-block;
26
+ padding: 5px 0;
27
+ }
28
 
29
+ .postbox .row .group {
30
+ border: 1px solid rgba(203, 203, 203, 0.2);
31
+ background-color: rgba(203, 203, 203, 0.2);
32
+ padding-left: 15px;
33
+ margin-left: 5px;
34
+ }
35
 
36
+ .postbox .uninstall_area {
37
+ margin-top: 15px;
 
 
38
  }
css/customizer.css CHANGED
@@ -1,354 +1,668 @@
1
- .sm-radio-group
2
- {font-size: 14px;font-weight: 600;line-height: 1.142em;
3
-
4
- position: relative;display: -ms-flexbox;display: flex;overflow: hidden;height: 2.428em;color: rgba(65,107,126,.7);border-radius: 999em;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-ms-flex-align: stretch;align-items: stretch;-webkit-font-smoothing: antialiased;
5
- }.sm-radio-group > *
6
- {
7
- -ms-flex: 1 1 0 ;flex: 1 1 0;
8
- }.sm-radio-group:after
9
- {position: absolute;top: 0;right: 0;bottom: 0;left: 0;
10
-
11
- content: '';pointer-events: none;border: .142em solid #57abd5;border-radius: 999em;
12
- }.sm-radio-group input[type='radio']
13
- {
14
- display: none;
15
- }.sm-radio-group input[type='radio']:checked + label
16
- {color: #fff;
17
- background-color: #57abd5;
18
- }.sm-radio-group input[type='radio']:checked + label:before
19
- {position: relative;top: .285em;display: inline-block;width: .55em;height: .8em;margin-right: .45em;
20
-
21
- content: '';-webkit-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);color: inherit;border-right: 2px solid;border-bottom: 2px solid;
22
- }.sm-radio-group label
23
- {position: relative;
24
-
25
- display: -ms-flexbox ;display: flex;cursor: pointer;transition: all .25s ease;color: inherit;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;
26
- }.sm-radio-group label:hover
27
- {
28
- color: #416b7e;
29
- }.sm-radio-group label:nth-of-type(2)
30
- {border-right: 2px solid #57abd5;
31
- border-left: 2px solid #57abd5;
32
- }[id='customize-control-sm_coloration_level_control'] .sm-radio-group
33
- {
34
- display: -ms-flexbox ;display: flex;flex-direction: row-reverse;-ms-flex-direction: row-reverse;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-ms-flex-align: stretch;align-items: stretch;-ms-flex-pack: start;justify-content: flex-start;
35
- }[id='customize-control-sm_coloration_level_control'] .sm-radio-group > *
36
- {
37
- -ms-flex: 0 0 33.33% ;flex: 0 0 33.33%;
38
- }[id='customize-control-sm_coloration_level_control'] .sm-radio-group input[type='radio']:last-of-type:checked + label
39
- {
40
- background: linear-gradient(90deg, #3daae0 0%, #d557be 100%);
41
- }[id='customize-control-sm_coloration_level_control'] .sm-radio-group input[type='radio']:nth-of-type(1):checked ~ label:last-of-type,
42
- [id='customize-control-sm_coloration_level_control'] .sm-radio-group input[type='radio']:nth-of-type(2):checked ~ label:last-of-type
43
- {
44
- margin-right: -33.33%;
45
- }[id='customize-control-sm_coloration_level_control'] .sm-radio-group label:nth-of-type(1)
46
- {
47
- -ms-flex-order: 4;order: 4;
48
- }[id='customize-control-sm_coloration_level_control'] .sm-radio-group label:nth-of-type(2)
49
- {border-right: 2px solid #57abd5;border-left: 2px solid #57abd5;
50
-
51
- -ms-flex-order: 3;order: 3;
52
- }[id='customize-control-sm_coloration_level_control'] .sm-radio-group label:nth-of-type(3)
53
- {
54
- -ms-flex-order: 2;order: 2;
55
- }[id='customize-control-sm_coloration_level_control'] .sm-radio-group label:nth-of-type(4)
56
- {border-left: 2px solid #57abd5;
57
-
58
- -ms-flex-order: 1;order: 1;
59
- }[id='sub-accordion-section-sm_color_palettes_section'].sm-view-customize li.customize-control-sm_switch
60
- {
61
- display: -ms-flexbox !important ;display: flex !important;padding-top: 42px;padding-bottom: 42px;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between;
62
- }[id='sub-accordion-section-sm_color_palettes_section'].sm-view-customize li.customize-control-sm_switch .customize-control-title,
63
- [id='sub-accordion-section-sm_color_palettes_section'].sm-view-customize li.customize-control-sm_switch .separator.label
64
- {
65
- display: inline-block;
66
- }.sm-switch
67
- {font-size: 14px;font-weight: 600;line-height: 1.142em;position: relative;z-index: 10;
68
-
69
- display: -ms-flexbox;display: flex;overflow: hidden;max-width: 5.5em;height: 2.428em;color: #fff;border-radius: 999em;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-ms-flex-align: stretch;align-items: stretch;-ms-flex-pack: start;justify-content: flex-start;-webkit-font-smoothing: antialiased;
70
- }.sm-switch input[type='radio']
71
- {
72
- display: none;
73
- }.sm-switch input[type='radio'] + label
74
- {
75
- display: -ms-flexbox ;display: flex;-ms-flex-align: center;align-items: center;-ms-flex: 0 0 100%;flex: 0 0 100%;
76
- }.sm-switch input[type='radio'] + label,
77
- .sm-switch input[type='radio'] + label:after
78
- {
79
- transition: all .2s ease-out;
80
- }.sm-switch input[type='radio']:checked + label
81
- {
82
- pointer-events: none;
83
- }.sm-switch input[type='radio']:nth-of-type(1) + label
84
- {
85
- padding-left: 1.214em;
86
- }.sm-switch input[type='radio']:nth-of-type(1) + label:after
87
- {position: absolute;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;
88
-
89
- content: '';background-color: #57abd5;
90
- }.sm-switch input[type='radio']:nth-of-type(1):not(:checked) + label
91
- {
92
- -webkit-transform: translateX(-100%) translateX(2.125em) ;transform: translateX(-100%) translateX(2.125em);
93
- }.sm-switch input[type='radio']:nth-of-type(1):not(:checked) + label:after
94
- {-webkit-transform: translateX(100%) translateX(-2.125em) ;transform: translateX(100%) translateX(-2.125em);
95
-
96
- background: #ccc;
97
- }.sm-switch input[type='radio']:nth-of-type(1):not(:checked) + label ~ label
98
- {
99
- -webkit-transform: translateX(-100%) ;transform: translateX(-100%);
100
- }.sm-switch input[type='radio']:nth-of-type(1):checked + label ~ label
101
- {
102
- -webkit-transform: translateX(-2.4em) ;transform: translateX(-2.4em);
103
- }.sm-switch input[type='radio']:nth-of-type(1):checked + label ~ label:before
104
- {
105
- -webkit-transform: translateX(-100%) translateX(2.125em) ;transform: translateX(-100%) translateX(2.125em);
106
- }.sm-switch input[type='radio']:nth-of-type(2) + label
107
- {flex-direction: row-reverse;padding-right: 1em;
108
-
109
- -ms-flex-direction: row-reverse;
110
- }.sm-switch input[type='radio']:nth-of-type(2) + label:before
111
- {position: absolute;top: 0;right: 0;bottom: 0;left: 0;
112
-
113
- content: '';
114
- }.sm-switch input[type='radio']:nth-of-type(2) + label:after
115
- {display: block;width: 2.142em;height: 2.142em;margin-right: auto;margin-left: .125em;
116
-
117
- content: '';pointer-events: none;border-radius: 50%;background-color: #fff;box-shadow: 1px 2px 2px 0 rgba(23,21,21,.15);
118
- }.wp-full-overlay-sidebar *,
119
- .wp-full-overlay-sidebar *:before,
120
- .wp-full-overlay-sidebar *:after
121
- {
122
- box-sizing: border-box;
123
- }.iris-picker,
124
- .iris-picker *
125
- {
126
- box-sizing: content-box;
127
- }.wp-full-overlay-sidebar-content .accordion-section-content
128
- {
129
- overflow: visible;
130
- }.control-section:not(.control-section-themes) .customize-control
131
- {width: 100%;min-height: initial;
132
- padding: 0;
133
- }#customize-header-actions #customize-save-button-wrapper
134
- {
135
- margin-top: 7px;
136
- }.wp-full-overlay-footer .devices button
137
- {
138
- float: left;border-radius: 0;
139
- }.customize-controls-close
140
- {
141
- width: 48px;height: 44px;color: #7da9c3;border-top: none;border-right-color: #e0e8ef;background: #fff;
142
- }.customize-controls-close:focus,
143
- .customize-controls-close:hover
144
- {
145
- background: #f5fcff;
146
- }.customize-controls-close:before
147
- {
148
- top: 0;
149
- }#customize-controls .customize-info
150
- {
151
- border-bottom-color: #e0e8ef;
152
- }.customize-panel-back,
153
- .customize-section-back
154
- {
155
- height: 74px;color: #7da9c3;border-right-color: #e0e8ef;
156
- }.customize-panel-back:hover,
157
- .customize-panel-back:focus,
158
- .customize-section-back:hover,
159
- .customize-section-back:focus
160
- {
161
- border-left-color: #f5fcff;background: #f5fcff;
162
- }#customize-theme-controls .theme *
163
- {
164
- box-sizing: content-box;
165
- }#customize-theme-controls .accordion-section-content
166
- {
167
- padding: 17px;
168
- }#customize-theme-controls .customize-section-title
169
- {
170
- margin-top: -17px;margin-right: -17px;
171
- }#customize-theme-controls .control-panel-content .control-section:nth-child(2),
172
- #customize-theme-controls .control-panel-content .control-section:nth-child(3)
173
- {
174
- border-top: none;
175
- }#customize-theme-controls #accordion-section-add_menu
176
- {
177
- border-bottom: none;
178
- }#customize-theme-controls #accordion-section-add_menu .add-menu-toggle
179
- {
180
- float: none;
181
- }#customize-theme-controls .customize-pane-child.open
182
- {
183
- height: 100%;
184
- }#customize-controls .description
185
- {
186
- font-size: 12px;font-weight: 300;font-style: normal;line-height: 1.6;text-indent: 0;color: #4d7b90;
187
- }.customize-control-description
188
- {
189
- margin-top: 6px;
190
- }.customize-control
191
- {
192
- margin-bottom: 24px;
193
- }#accordion-section-themes + .control-section
194
- {
195
- border-top: none;
196
- }#customize-controls .panel-meta.customize-info .accordion-section-title
197
- {height: 74px;
198
-
199
- border-top: none;
200
- }.button-controls:after
201
- {display: table;clear: both;
202
-
203
- content: ' ';
204
- }.wp-core-ui .button:not(.theme-details):not(.collapse-sidebar):not(.wp-color-result),
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
205
  .wp-core-ui .button-primary,
206
- .wp-core-ui .button-secondary
207
- {font-weight: 400;
 
 
 
 
 
 
 
 
 
 
208
 
209
- width: auto;padding-right: 15px;padding-left: 15px;color: #f5fcff;border: none;border-radius: 4px;background: #aed2e5;box-shadow: 0 2px 0 0 #8dbed7;text-shadow: none;
210
- }.wp-core-ui .button:not(.theme-details):not(.collapse-sidebar):not(.wp-color-result):hover,
211
  .wp-core-ui .button-primary:hover,
212
- .wp-core-ui .button-secondary:hover
213
- {
214
- color: white;background: #98c6dd;box-shadow: 0 2px 0 0 #74a7c2;text-shadow: none;
215
- }.wp-core-ui #customize-header-actions .button-primary
216
- {
217
- background: #73c5ee;box-shadow: 0 2px 0 0 #57abd5;
218
- }.wp-core-ui #customize-header-actions .button-primary:hover
219
- {
220
- background: #58b0dd;box-shadow: 0 2px 0 0 #3f8aaf;
221
- }.wp-core-ui #customize-header-actions .button-primary.has-next-sibling
222
- {
223
- border-right: 1px solid #57abd5;
224
- }.wp-core-ui #customize-header-actions .button-primary:disabled
225
- {opacity: .7;
226
- color: white !important;background: #aed2e5 !important;box-shadow: 0 2px 0 0 #8db5ca !important;
227
- }.wp-core-ui #customize-header-actions .button-primary:disabled.has-next-sibling
228
- {
229
- border-right: none;
230
- }.wp-core-ui .reset_section,
231
- .wp-core-ui .reset_panel
232
- {display: block;
233
-
234
- width: 100%;height: 4em;margin: 0 0 25px;
235
- }.wp-core-ui .reset_panel
236
- {
237
- margin-top: 10px;
238
- }.separator.label
239
- {font-size: 14px;font-weight: 500;line-height: 24px;
240
-
241
- display: block;
242
- }.customize-control-title,
243
- .separator.label
244
- {
245
- color: #2a3b44;
246
- }.separator.section:before,
247
- .separator.sub-section:before
248
- {position: absolute;z-index: -1;top: 0;right: -18px;bottom: 0;left: -18px;
249
-
250
- content: '';
251
- }.separator.label
252
- {
253
- font-weight: 500;
254
- }.separator.large
255
- {font-size: 16px;
256
-
257
- margin-top: 12px;color: #39474d;
258
- }.separator.section
259
- {
260
- position: relative;margin-bottom: 0;padding: 14px 0;border: none;background: none;
261
- }.separator.section[id*='layout']
262
- {
263
- margin-top: 0;
264
- }.separator.section[id*='layout']:before
265
- {
266
- border: none;
267
- }.separator.section:before
268
- {
269
- border: 1px solid #e0e8ef;background-color: #fff;box-shadow: 0 1px 0 0 #dfe8ef;
270
- }.separator.sub-section
271
- {
272
- position: relative;padding: 12px 0;
273
- }.separator.sub-section:before
274
- {
275
- border-top: 1px solid #e0e8ef;border-bottom: 1px solid #e0e8ef;background-color: #f6fbff;
276
- }.separator.sub-section + span
277
- {font-style: normal;
278
-
279
- margin-top: 20px;
280
- }.section-navigation-wrapper
281
- {
282
- position: relative;height: 43px;margin: -15px -12px 0 -12px;margin-right: -17px;margin-left: -17px;
283
- }.section-navigation
284
- {
285
- display: -ms-flexbox ;display: flex;clear: both;margin-top: -1px;border-top: 1px solid #e0e8ef;
286
- }.section-navigation a
287
- {display: block;padding: 12px 0;transition: background-color .15s ease-in-out;text-align: center;text-decoration: none;color: #3b484e;border-right: 1px solid #e0e8ef;border-bottom: 1px solid #e0e8ef;background-color: #fff;
288
-
289
- -ms-flex: 1 1 auto;flex: 1 1 auto;
290
- }.section-navigation a:last-child
291
- {
292
- border-right: 0;
293
- }#customize-controls .customize-info.is-sticky.is-sticky,
294
- #customize-controls .customize-section-title.is-sticky.is-sticky
295
- {
296
- top: 40px;
297
- }#customize-controls .customize-info.is-in-view.is-in-view,
298
- #customize-controls .customize-section-title.is-in-view.is-in-view
299
- {
300
- box-shadow: none;
301
- }#customize-controls .has-nav .customize-info,
302
- #customize-controls .has-nav .customize-section-title
303
- {
304
- margin-right: -12px;
305
- }#customize-controls .customize-section-title.customize-section-title
306
- {
307
- border-bottom: 0;
308
- }.customize-section-description-container.section-meta.has-nav
309
- {
310
- margin-bottom: 0;
311
- }.font-options__wrapper
312
- {
313
- position: relative;
314
- }.font-options__wrapper:after
315
- {position: absolute;z-index: 0;top: 90%;right: 0;left: 0;display: block;height: 30px;
316
-
317
- content: '';
318
- }.font-options__head
319
- {
320
- display: -ms-flexbox ;display: flex;-ms-flex-pack: justify;justify-content: space-between;
321
- }.font-options__head.font-options__head
322
- {white-space: nowrap;text-overflow: ellipsis;
323
-
324
- -webkit-appearance: none;
325
- }.font-options__font-title
326
- {font-size: 12px;font-weight: 300;line-height: 20px;overflow: hidden;
327
-
328
- margin-right: 26px;margin-left: 10px;white-space: nowrap;text-overflow: ellipsis;color: #98c6dd;
329
- }.font-options__options-list
330
- {
331
- position: absolute;z-index: 2;top: calc(100% + 6px);right: -6px;left: -6px;display: block;display: none;padding: 10px;transition: opacity .15s linear;opacity: 0;border: 1px solid #dfe8ef;border-radius: 5px;background-color: #fff;
332
- }.font-options__options-list:last-child
333
- {
334
- margin-bottom: 0;
335
- }.font-options__options-list:before,
336
- .font-options__options-list:after
337
- {position: absolute;z-index: 10;top: -20px;right: 25px;width: 0;height: 0;
338
-
339
- content: '';border: solid transparent;
340
- }.font-options__options-list:before
341
- {z-index: 11;border-width: 10px;
342
- border-bottom-color: white;
343
- }.font-options__options-list:after
344
- {top: -24px;right: 23px;border-width: 12px;
345
- border-bottom-color: rgba(0,0,0,.075);
346
- }.customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap:after
347
- {position: absolute;right: 12px;bottom: 100%;width: 0;height: 0;border-collapse: separate;
348
-
349
- content: '';border-width: 0 9px 9px 9px;border-style: solid;border-color: transparent transparent #fff transparent;
350
- }.font-options__head,
351
- .wp-full-overlay-sidebar-content .customize-control input[type=text]:not(#_customize-input-wpcom_custom_css_content_width_control):not(.wp-color-picker),
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
352
  .wp-full-overlay-sidebar-content .customize-control input[type=checkbox],
353
  .wp-full-overlay-sidebar-content .customize-control input[type=password],
354
  .wp-full-overlay-sidebar-content .customize-control input[type=color],
@@ -366,14 +680,20 @@
366
  .wp-full-overlay-sidebar-content .customize-control input[type=search],
367
  .wp-full-overlay-sidebar-content .customize-control select,
368
  .wp-full-overlay-sidebar-content .customize-control textarea,
369
- .wp-full-overlay-sidebar-content .customize-control input[type='number'].range-value,
370
- ul.font-options__options-list .select2-container .select2-selection--single,
371
- #customize-theme-controls .select2-container .select2-selection--multiple
372
- {font-size: 14px;line-height: 1.5;
373
-
374
- width: 100%;height: 44px;padding: 10px 14px;color: #416b7e;border: 2px solid #b8daeb;border-radius: 4px;outline: 0;background: #fff;
375
- }.font-options__head:focus,
376
- .wp-full-overlay-sidebar-content .customize-control input[type=text]:focus:not(#_customize-input-wpcom_custom_css_content_width_control):not(.wp-color-picker),
 
 
 
 
 
 
377
  .wp-full-overlay-sidebar-content .customize-control input[type=checkbox]:focus,
378
  .wp-full-overlay-sidebar-content .customize-control input[type=password]:focus,
379
  .wp-full-overlay-sidebar-content .customize-control input[type=color]:focus,
@@ -391,1257 +711,2396 @@ ul.font-options__options-list .select2-container .select2-selection--single,
391
  .wp-full-overlay-sidebar-content .customize-control input[type=search]:focus,
392
  .wp-full-overlay-sidebar-content .customize-control select:focus,
393
  .wp-full-overlay-sidebar-content .customize-control textarea:focus,
394
- .wp-full-overlay-sidebar-content .customize-control input[type='number'].range-value:focus,
395
- ul.font-options__options-list .select2-container .select2-selection--single:focus,
396
- #customize-theme-controls .select2-container .select2-selection--multiple:focus
397
- {
398
- border-color: #73c5ee;box-shadow: none;
399
- }.font-options__head,
400
- .wp-full-overlay-sidebar-content .customize-control select,
401
- ul.font-options__options-list .select2-container .select2-selection--single,
402
- #customize-theme-controls .select2-container .select2-selection--multiple
403
- {font-weight: 600;
404
-
405
- width: 100%;background: white url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE1cHgiIGhlaWdodD0iOXB4IiB2aWV3Qm94PSIwIDAgMTUgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDdXN0b21pZnktQ29weS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjU2LjAwMDAwMCwgLTM4Ni4wMDAwMDApIiBmaWxsPSIjOThDNkRFIj4KICAgICAgICAgICAgPGcgaWQ9IkhlYWRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgNDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCA3NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iVGl0bGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2LjAwMDAwMCwgMjE5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iRmllbGQtLS1TZWxlY3QtQ29weSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iU2VsZWN0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMjcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI1NC40ODEyLDE4IEwyNTYsMTkuNTE0IEwyNDguNSwyNyBMMjQxLDE5LjUxNCBMMjQyLjUxODgsMTggTDI0OC41LDIzLjk2NzIgTDI1NC40ODEyLDE4IFoiIGlkPSJQYWdlLTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;background-position: right 16px top 16px;-webkit-appearance: button;-moz-appearance: none;
406
- }[multiple].font-options__head,
407
- .wp-full-overlay-sidebar-content .customize-control select[multiple],
408
- ul.font-options__options-list .select2-container [multiple].select2-selection--single,
409
- #customize-theme-controls .select2-container [multiple].select2-selection--multiple
410
- {
411
- background: white;
412
- }.wp-full-overlay-sidebar-content .customize-control input[type=text],
413
- .wp-full-overlay-sidebar-content .customize-control textarea
414
- {
415
- font-size: 13px;
416
- }.wp-full-overlay-sidebar-content .customize-control textarea
417
- {
418
- height: auto;
419
- }.wp-full-overlay-sidebar-content .customize-control input[type=checkbox],
420
- .wp-full-overlay-sidebar-content .customize-control input[type=radio]
421
- {
422
- width: 22px;height: 22px;
423
- }.wp-full-overlay-sidebar-content .customize-control input[type=checkbox]:checked,
424
- .wp-full-overlay-sidebar-content .customize-control input[type=radio]:checked
425
- {border-color: #5ab9e8;
426
- background: #73c5ee;
427
- }.wp-full-overlay-sidebar-content .customize-control input[type=checkbox]:checked:before,
428
- .wp-full-overlay-sidebar-content .customize-control input[type=radio]:checked:before
429
- {margin: -1px 0 0 -2px;
430
-
431
- color: white;
432
- }.wp-full-overlay-sidebar-content .customize-control .awesome_preset input[type=radio]:checked
433
- {
434
- background: transparent;
435
- }.wp-full-overlay-sidebar-content .customize-control.customize-control-checkbox:not(#customize-control-jetpack_css_mode_control) label:not(:only-of-type),
436
- .wp-full-overlay-sidebar-content .customize-control.customize-control-checkbox:not(#customize-control-jetpack_css_mode_control) > .customize-inside-control-row:not(:only-of-type),
437
- .wp-full-overlay-sidebar-content .customize-control.customize-control-radio label:not(:only-of-type),
438
- .wp-full-overlay-sidebar-content .customize-control.customize-control-radio > .customize-inside-control-row:not(:only-of-type)
439
- {display: inline-block;width: calc(49% - 30px);
440
- margin-left: 30px;padding-top: 0;padding-bottom: 0;text-indent: -6px;
441
- }.wp-full-overlay-sidebar-content .customize-control.customize-control-checkbox:not(#customize-control-jetpack_css_mode_control) label,
442
- .wp-full-overlay-sidebar-content .customize-control.customize-control-radio label
443
- {
444
- color: #416b7e;
445
- }[id*='divider'] + .wp-full-overlay-sidebar-content .customize-control.customize-control-checkbox:not(#customize-control-jetpack_css_mode_control),
446
- [id*='divider'] + .wp-full-overlay-sidebar-content .customize-control.customize-control-radio
447
- {
448
- margin-top: 0;
449
- }.wp-full-overlay-sidebar-content .customize-control input[type=radio]
450
- {
451
- border-radius: 50%;
452
- }.wp-full-overlay-sidebar-content .customize-control input[type=radio]:checked:before
453
- {
454
- content: none;
455
- }.customize-control-html + .wp-full-overlay-sidebar-content .customize-control.customize-control-checkbox
456
- {
457
- margin-top: -24px;
458
- }.wp-full-overlay-sidebar-content .customize-control.customize-control-radio label,
459
- .wp-full-overlay-sidebar-content .customize-control.customize-control-radio .customize-inside-control-row
460
- {
461
- margin-top: 12px;
462
- }.wp-full-overlay-sidebar-content .customize-control.customize-control-radio#customize-control-changeset_status .customize-inside-control-row
463
- {
464
- margin-top: 0;text-indent: 0;
465
- }.wp-full-overlay-sidebar-content .customize-control input[type='range']
466
- {
467
- width: 65%;
468
- }.wp-full-overlay-sidebar-content .customize-control input[type='range']
469
- {
470
- position: relative;overflow: hidden;width: calc(100% - 55px);height: 22px;outline: none;background: none;-webkit-appearance: none;
471
- }.wp-full-overlay-sidebar-content .customize-control input[type='range']:before
472
- {position: absolute;top: 8px;left: 0;width: 100%;height: 6px;
473
-
474
- content: ' ';border-radius: 10px;background: #dfe8ef;box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.3);
475
- }.wp-full-overlay-sidebar-content .customize-control input[type='range']::-webkit-slider-thumb
476
- {position: relative;z-index: 3;width: 22px;height: 22px;border: 2px solid #b8daeb;border-radius: 4px;background: #27ae60;background: #fff;
477
-
478
- -webkit-appearance: none;
479
- }.wp-full-overlay-sidebar-content .customize-control input[type='range']::-webkit-slider-thumb:before
480
- {font-size: 1em;position: absolute;top: -5px;left: 5px;
481
-
482
- content: '..';letter-spacing: 1px;color: #b8daeb;
483
- }.wp-full-overlay-sidebar-content .customize-control input[type='range']::-webkit-slider-thumb:after
484
- {position: absolute;z-index: 1;top: 6px;right: 20px;width: calc(100% - 55px);height: 6px;
485
-
486
- content: ' ';background: #73c5ee;
487
- }.wp-full-overlay-sidebar-content .customize-control input[type='number'].range-value
488
- {font-size: 13px;line-height: 1;top: -5px;float: right;width: auto;
489
- min-width: 40px;max-width: 80px;height: 30px;margin-left: 10px;padding: 4px 0 5px 0;text-align: center;
490
- }.wp-full-overlay-sidebar-content .customize-control input[type=number]::-webkit-inner-spin-button,
491
- .wp-full-overlay-sidebar-content .customize-control input[type=number]::-webkit-outer-spin-button
492
- {margin: 0;
493
-
494
- -webkit-appearance: none;
495
- }.customize-control-color
496
- {
497
- display: block;
498
- }.customize-control-color .customize-control-title,
499
- .customize-control-color .separator.label
500
- {
501
- float: left;
502
- }.customize-control-color .wp-picker-container
503
- {
504
- position: relative;top: -3px;float: right;
505
- }.customize-control-color .wp-picker-container .wp-picker-holder
506
- {
507
- position: relative;
508
- }.customize-control-color .wp-picker-container .wp-color-result,
509
- .customize-control-color .wp-picker-container .wp-color-result.button
510
- {
511
- top: 0;width: 40px;height: 30px;margin: 0;padding: 0;border: 2px solid #b8daeb;border-radius: 4px;background: #2ecc71;box-shadow: none;
512
- }.customize-control-color .wp-picker-container .wp-color-result:after,
513
- .customize-control-color .wp-picker-container .wp-color-result .wp-color-result-text,
514
- .customize-control-color .wp-picker-container .wp-color-result.button:after,
515
- .customize-control-color .wp-picker-container .wp-color-result.button .wp-color-result-text
516
- {
517
- display: none;
518
- }.customize-control-color .wp-picker-container .iris-picker
519
- {
520
- position: absolute;z-index: 1000;top: 40px;right: 0;width: 275px !important;border: none;border-color: #dfdfde;border-top: none;border-radius: 0 0 3px 3px;background: white;
521
- }.customize-control-color .wp-picker-container .iris-picker,
522
- .customize-control-color .wp-picker-container .iris-picker *
523
- {
524
- box-sizing: content-box;
525
- }.customize-control-color .wp-picker-container .iris-picker .iris-square
526
- {
527
- width: 215px !important;height: 173px !important;margin-right: 0;
528
- }.customize-control-color .wp-picker-container .iris-picker .iris-strip
529
- {
530
- float: right;box-shadow: rgba(0,0,0,.4) 0 1px 1px inset;
531
- }.customize-control-color .wp-picker-container .iris-picker .iris-strip .ui-slider-handle
532
- {opacity: 1;
533
- border-color: #aaa !important;box-shadow: none;
534
- }.customize-control-color .wp-picker-container .iris-picker .iris-palette
535
- {
536
- width: 24px !important;height: 24px !important;border-radius: 50px;box-shadow: rgba(0,0,0,.4) 0 1px 1px inset;
537
- }.customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap
538
- {
539
- position: absolute;z-index: 1000;top: 35px;right: 0;width: 275px;padding: 9px 12px;border: none;border-radius: 3px 3px 0 0;background: white;
540
- }.customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap input.wp-color-picker
541
- {font-size: 13px;
542
-
543
- float: left;width: 100px;height: auto;margin: 0;padding: 6px 12px;text-align: left;
544
- }.customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap input.button
545
- {
546
- float: right;height: 30px;padding: 4px 12px;
547
- }.customize-control-font:last-child
548
- {
549
- margin-bottom: 150px;
550
- }#accordion-section-live_css_edit_section .customize-section-title
551
- {
552
- margin-top: -13px;border-bottom: 1px solid #ddd;
553
- }#accordion-section-live_css_edit_section #css_editor
554
- {
555
- top: 70px;overflow: visible;border-top: 10px solid white;
556
- }#accordion-section-live_css_edit_section #css_editor:before
557
- {position: absolute;z-index: 10000000;top: -10px;left: 0;display: block;width: 48px;height: 10px;
558
-
559
- content: '';background: #e8e8e8;
560
- }#accordion-section-live_css_edit_section .ace_scroller
561
- {
562
- padding-left: 10px;
563
- }.wp-full-overlay.editor_opened
564
- {
565
- margin-left: 500px;
566
- }.wp-full-overlay.editor_opened #customize-controls
567
- {
568
- width: 500px;
569
- }.wp-full-overlay.editor_opened.collapsed #customize-controls
570
- {
571
- width: 300px;
572
- }.customize-control-media .current,
573
- .customize-control-site_icon .current,
574
- li#customize-control-site_logo .current
575
- {min-height: 44px;
576
- margin-bottom: 10px;border: 2px solid #b8daeb;border-radius: 4px;background: #f5fcff;
577
- }.customize-control-media .current .container,
578
- .customize-control-media .current span,
579
- .customize-control-site_icon .current .container,
580
- .customize-control-site_icon .current span,
581
- li#customize-control-site_logo .current .container,
582
- li#customize-control-site_logo .current span
583
- {
584
- border: none;
585
- }.customize-control-media .inner,
586
- .customize-control-media .current span,
587
- .customize-control-site_icon .inner,
588
- .customize-control-site_icon .current span,
589
- li#customize-control-site_logo .inner,
590
- li#customize-control-site_logo .current span
591
- {
592
- font-size: 13px;color: #98c6dd;
593
- }.customize-control-media .inner,
594
- .customize-control-site_icon .inner,
595
- li#customize-control-site_logo .inner
596
- {
597
- line-height: 1.4;
598
- }.customize-control-media .thumbnail-image,
599
- .customize-control-site_icon .thumbnail-image,
600
- li#customize-control-site_logo .thumbnail-image
601
- {
602
- padding: 14px;text-align: center;
603
- }.customize-control-media .thumbnail-image img,
604
- .customize-control-site_icon .thumbnail-image img,
605
- li#customize-control-site_logo .thumbnail-image img
606
- {
607
- width: auto;
608
- }.customize-control-media .actions,
609
- .customize-control-site_icon .actions,
610
- li#customize-control-site_logo .actions
611
- {
612
- margin-bottom: 0;
613
- }.customize-control-typography select,
614
- .customize-control-typography select
615
- {
616
- margin-bottom: 10px;
617
- }.customize-control-typography .description,
618
- .customize-control-typography .description
619
- {
620
- margin-top: -3px;
621
- }.customize-control-typography ul li,
622
- .customize-control-typography ul li
623
- {
624
- width: 100%;margin: 0;
625
- }.default-preset-button
626
- {font-family: 'Open Sans',sans-serif;font-size: 13px;float: right;margin-right: 4px;padding: 1px 8px;border: 1px solid #cbcbcb;border-radius: 3px;
627
- background-color: #f5f6f6;
628
- }.customize-control-preset .description
629
- {font-style: normal;
630
-
631
- margin-right: 5px;
632
- }.customify_preset.radio_buttons .customify_radio_button
633
- {position: relative;display: inline-block;overflow: hidden;height: auto;margin: 3px;padding: 2px;
634
-
635
- border: none;
636
- }.customify_preset.radio_buttons .customify_radio_button input[type='radio']
637
- {position: absolute;z-index: 9999;width: 100%;height: 100%;
638
 
639
- opacity: 0;
640
- }.customify_preset.radio_buttons .customify_radio_button input[type='radio']:checked + label
641
- {
642
- background-color: #ebebeb;
643
- }.customify_preset.radio_buttons .customify_radio_button input[type='radio']:checked + label:before
644
- {
645
- content: '>';color: inherit;
646
- }.customify_preset.radio_buttons .customify_radio_button input[type='radio']:checked + label:after
647
- {
648
- content: '<';color: inherit;
649
- }.customify_preset.radio_buttons .customify_radio_button input[type='radio']:checked:before
650
- {
651
- opacity: 0;
652
- }.customify_preset.radio_buttons .customify_radio_button label
653
- {
654
- position: relative;z-index: 999;border-left: 4px solid;
655
- }.customify_preset .awesome_preset
656
- {position: relative;display: inline-block;
657
-
658
- width: 45%;margin-top: 5px;margin-bottom: 25px;transition: all .2s;text-align: center;color: white;
659
- }.customify_preset .awesome_preset:hover
660
- {
661
- opacity: .9;
662
- }.customify_preset .awesome_preset:before
663
- {position: absolute;z-index: 5;top: 1px;right: 1px;bottom: 1px;left: 1px;
664
-
665
- content: '';opacity: .5;border: 1px solid #fff;border-radius: 4px;background: transparent;
666
- }.customify_preset .awesome_preset .preset-wrap .preset-color
667
- {
668
- height: 128px;padding: 17px 0 27px;border-radius: 4px 4px 0 0;
669
- }.customify_preset .awesome_preset .preset-wrap .preset-color .first-font
670
- {font-size: 55px;line-height: 1;
671
-
672
- display: inline-block;width: 100%;
673
- }.customify_preset .awesome_preset .preset-wrap .preset-color .secondary-font
674
- {font-size: 20px;line-height: 1;
675
-
676
- display: inline-block;width: 100%;margin-top: 8px;
677
- }.customify_preset .awesome_preset .preset-wrap .preset-name
678
- {font-size: 11px;
679
-
680
- position: relative;padding: 1px;text-transform: UPPERCASE;border-radius: 0 0 4px 4px;
681
- }.customify_preset .awesome_preset .preset-wrap .preset-name:before
682
- {position: absolute;top: -10px;left: 40%;
683
-
684
- content: '';border: 10px solid;border-color: inherit;border-top: transparent;border-right-color: transparent;border-bottom-color: inherit;border-left-color: transparent;
685
- }.customify_preset .awesome_preset:nth-child(odd)
686
- {
687
- margin-right: 7%;
688
- }.customify_preset .awesome_preset input[type=radio]
689
- {position: absolute;z-index: 10;top: 0;left: 0;display: inline-block;width: 100%;
690
- height: 100%;margin: 0;color: #006505;border: 0;border-radius: 0;background-color: transparent;box-shadow: none;
691
- }.customify_preset .awesome_preset input[type=radio]:checked:before
692
- {
693
- position: absolute;z-index: 1;top: -13px;right: -14px;width: 25px;height: 25px;background: #fff;
694
- }.customify_preset .awesome_preset input[type=radio]:checked:after
695
- {position: absolute;z-index: 10;top: -5px;right: -5px;width: 26px;height: 26px;content: '';border-radius: 50%;background: #73c5ee url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEzcHgiIGhlaWdodD0iOXB4IiB2aWV3Qm94PSIwIDAgMTMgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDdXN0b21pZnktQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgLTQwOC4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9IkhlYWRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgNDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCA3NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iRmllbGQtLS1DaGVja2JveC1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNy4wMDAwMDAsIDI0OS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkNoZWNrYm94IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMzAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAuMDM4NDk1LDE2IEwxNy4xMTYxMzc1LDguOTIxNDg3NiBMMTUuMTk0NjQ5OCw3IEwxMC4wMzg0OTUsMTIuMTU1MDY3NCBMNi45MjE0ODc2LDkuMDM4OTI5OTcgTDUsMTAuOTYwNDE3NiBMMTAuMDM4NDk1LDE2IFoiIGlkPSJQYWdlLTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;background-position: center center;
696
-
697
- -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';filter: alpha(opacity=0);
698
- }.customify_radio_image
699
- {
700
- display: inline-block;
701
- }.customify_radio_image label
702
- {position: relative;
703
-
704
- display: block;float: left;margin-right: 10px;
705
- }.customify_radio_image label input[type=radio]
706
- {
707
- position: absolute;top: 0;right: 0;bottom: 0;left: 0;visibility: hidden;width: 100%;height: 100%;
708
- }.customify_radio_image label input[type=radio] img
709
- {
710
- cursor: pointer;border: 2px solid transparent;
711
- }.customify_radio_image label input[type=radio]:checked + img
712
- {
713
- border: 3px solid #73c5ee;
714
- }.customify_ace_editor
715
- {
716
- display: block;min-height: 200px;border: 1px solid #ddd;
717
- }.customize-control-custom_background .hide
718
- {
719
- display: none;
720
- }.customize-control-custom_background .upload_button_div
721
- {
722
- margin: 10px 0;
723
- }.customize-control-custom_background .upload_button_div > *
724
- {
725
- margin-right: 10px;
726
- }.customize-control-custom_background .preview_screenshot
727
- {margin: 10px 0;
728
-
729
- text-align: center;
730
- }.customize-control-custom_background .preview_screenshot img
731
- {
732
- border: 2px solid #ccc;
733
- }#customify_import_demo_data_button
734
- {display: inline-block;
735
-
736
- width: 70%;height: auto;margin: 0 15% 10% 15%;padding: 10px;text-align: center;
737
- }.import_step_note
738
- {display: inline-block;width: 100%;
739
- margin: 5px;
740
- }.import_step_note:before
741
- {
742
- content: '\1F449';
743
- }.import_step_note.success:before
744
- {
745
- content: '\1F44D';
746
- }.import_step_note.failed:before
747
- {
748
- content: '\274C';
749
- }#customize-header-actions
750
- {border-color: #e0e8ef;
751
- background: #fff;
752
- }.wp-full-overlay-sidebar,
753
- .customize-themes-panel,
754
- #customize-sidebar-outer-content
755
- {border-right: 1px solid #e0e8ef;
756
- background: #f7f9fa;
757
- }.outer-section-open #customize-controls .wp-full-overlay-sidebar-content,
758
- .attachment-media-view,
759
- .media-widget-preview.media_audio,
760
- .media-widget-preview.media_image
761
- {
762
- background: #f7f9fa;
763
- }#customize-theme-controls #accordion-section-menu_locations
764
- {
765
- border-bottom: 1px solid #e0e8ef;
766
- }#customize-controls #accordion-section-themes > .accordion-section-title
767
- {
768
- font-weight: 600;border-bottom: 1px solid #e0e8ef;
769
- }#customize-controls #accordion-section-themes > .accordion-section-title:hover
770
- {
771
- background: #fff;
772
- }#customize-controls .panel-meta.customize-info
773
- {
774
- border-bottom-color: #e0e8ef;
775
- }#customize-theme-controls .control-section .accordion-section-title
776
- {
777
- font-weight: 400;border-top: 1px solid #e0e8ef;border-bottom: none;
778
- }#customize-theme-controls .control-section:last-of-type > .accordion-section-title
779
- {
780
- border-bottom: 1px solid #e0e8ef;
781
- }#customize-theme-controls .customize-section-title
782
- {
783
- border-top: 1px solid #e0e8ef;border-bottom: 1px solid #e0e8ef;
784
- }#customize-controls .control-section .accordion-section-title:focus,
785
- #customize-controls .control-section .accordion-section-title:hover,
786
- #customize-controls .control-section.open .accordion-section-title,
787
- #customize-controls .control-section:hover > .accordion-section-title
788
- {
789
- color: #056184;border-left-color: #f5fcff;background: #f5fcff;
790
- }.wp-customizer .menu-item-edit-active .menu-item-handle,
791
- .wp-customizer .section-open .menu-item-settings,
792
- .wp-customizer .menu-item-bar .menu-item-handle:hover
793
- {
794
- border-color: #e0e8ef;
795
- }.wp-customizer .section-open .menu-item-settings
796
- {
797
- background: #f5fcff;
798
- }.wp-customizer .control-section-nav_menu .menu-location-settings
799
- {
800
- border-top-color: #e0e8ef !important;
801
- }[data-balloon]
802
- {
803
- position: relative;
804
- }[data-balloon]::before
805
- {font-size: 12px;position: absolute;z-index: 10;padding: .5em 1em;content: attr(data-balloon);transition: all .18s ease-out;white-space: nowrap;pointer-events: none;
806
-
807
- opacity: 0;color: #fff;border-radius: 4px;background: rgba(17,17,17,.9);
808
- }[data-balloon]::after
809
- {position: absolute;z-index: 10;width: 18px;height: 6px;content: '';transition: all .18s ease-out;pointer-events: none;opacity: 0;
810
- background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(0)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>');background-size: 100% auto;
811
- }[data-balloon]:hover::before,
812
- [data-balloon]:hover::after
813
- {pointer-events: auto;
814
 
815
- opacity: 1;
816
- }[data-balloon][data-balloon-pos='up']::before
817
- {
818
- bottom: 100%;left: 50%;margin-bottom: 11px;-webkit-transform: translate3d(-50%, 10px, 0);transform: translate3d(-50%, 10px, 0);-webkit-transform-origin: top;transform-origin: top;
819
- }[data-balloon][data-balloon-pos='up']::after
820
- {
821
- bottom: 100%;left: 50%;margin-bottom: 5px;-webkit-transform: translate3d(-50%, 10px, 0);transform: translate3d(-50%, 10px, 0);-webkit-transform-origin: top;transform-origin: top;
822
- }[data-balloon][data-balloon-pos='up']:hover::before
823
- {
824
- -webkit-transform: translate3d(-50%, 0, 0) ;transform: translate3d(-50%, 0, 0);
825
- }[data-balloon][data-balloon-pos='up']:hover::after
826
- {
827
- -webkit-transform: translate3d(-50%, 0, 0) ;transform: translate3d(-50%, 0, 0);
828
- }[data-balloon][data-balloon-pos='down']::before
829
- {top: 100%;
830
- left: 50%;margin-top: 11px;-webkit-transform: translate3d(-50%, -10px, 0);transform: translate3d(-50%, -10px, 0);
831
- }[data-balloon][data-balloon-pos='down']::after
832
- {top: 100%;left: 50%;width: 18px;height: 6px;margin-top: 5px;-webkit-transform: translate3d(-50%, -10px, 0);transform: translate3d(-50%, -10px, 0);
833
-
834
- background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(180 18 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>');background-size: 100% auto;
835
- }[data-balloon][data-balloon-pos='down']:hover::before
836
- {
837
- -webkit-transform: translate3d(-50%, 0, 0) ;transform: translate3d(-50%, 0, 0);
838
- }[data-balloon][data-balloon-pos='down']:hover::after
839
- {
840
- -webkit-transform: translate3d(-50%, 0, 0) ;transform: translate3d(-50%, 0, 0);
841
- }[data-balloon][data-balloon-pos='left']::before
842
- {top: 50%;right: 100%;
843
-
844
- margin-right: 11px;-webkit-transform: translate3d(10px, -50%, 0);transform: translate3d(10px, -50%, 0);
845
- }[data-balloon][data-balloon-pos='left']::after
846
- {top: 50%;right: 100%;width: 6px;height: 18px;margin-right: 5px;-webkit-transform: translate3d(10px, -50%, 0);transform: translate3d(10px, -50%, 0);
847
-
848
- background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(-90 18 18)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>');background-size: 100% auto;
849
- }[data-balloon][data-balloon-pos='left']:hover::before
850
- {
851
- -webkit-transform: translate3d(0, -50%, 0) ;transform: translate3d(0, -50%, 0);
852
- }[data-balloon][data-balloon-pos='left']:hover::after
853
- {
854
- -webkit-transform: translate3d(0, -50%, 0) ;transform: translate3d(0, -50%, 0);
855
- }[data-balloon][data-balloon-pos='right']::before
856
- {top: 50%;
857
- left: 100%;margin-left: 11px;-webkit-transform: translate3d(-10px, -50%, 0);transform: translate3d(-10px, -50%, 0);
858
- }[data-balloon][data-balloon-pos='right']::after
859
- {top: 50%;left: 100%;width: 6px;height: 18px;margin-left: 5px;-webkit-transform: translate3d(-10px, -50%, 0);transform: translate3d(-10px, -50%, 0);
860
-
861
- background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(90 6 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>');background-size: 100% auto;
862
- }[data-balloon][data-balloon-pos='right']:hover::before
863
- {
864
- -webkit-transform: translate3d(0, -50%, 0) ;transform: translate3d(0, -50%, 0);
865
- }[data-balloon][data-balloon-pos='right']:hover::after
866
- {
867
- -webkit-transform: translate3d(0, -50%, 0) ;transform: translate3d(0, -50%, 0);
868
- }[data-balloon][data-balloon-length='small']::before
869
- {width: 80px;
870
 
871
- white-space: normal;
872
- }[data-balloon][data-balloon-length='medium']::before
873
- {width: 150px;
 
874
 
875
- white-space: normal;
876
- }[data-balloon][data-balloon-length='large']::before
877
- {width: 260px;
878
 
879
- white-space: normal;
880
- }[data-balloon][data-balloon-length='xlarge']::before
881
- {width: 380px;
 
 
882
 
883
- white-space: normal;
884
- }@media screen and (max-width: 768px)
885
- {
886
- [data-balloon][data-balloon-length='xlarge']::before
887
- {width: 90vw;
888
 
889
- white-space: normal;
890
- }
891
- }[data-balloon][data-balloon-length='fit']::before
892
- {width: 100%;
 
893
 
894
- white-space: normal;
895
- }body.modal-open
896
- {
897
- overflow: hidden;
898
- }body.modal-open #style-manager-user-feedback-modal .modal
899
- {visibility: visible;
900
- overflow-x: hidden;overflow-y: auto;-webkit-transform: translate(0, 0);transform: translate(0, 0);opacity: 1;
901
- }#style-manager-user-feedback-modal
902
- {
903
- height: 100%;
904
- }#style-manager-user-feedback-modal .modal
905
- {font-family: 'Galano Grotesque Alt', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;font-size: 16px;font-weight: 400;line-height: 1.7;
906
-
907
- position: relative;z-index: 1050;top: 0;right: 0;bottom: 0;left: 0;display: -ms-flexbox;display: flex;visibility: hidden;overflow: hidden;height: 100%;transition: all .3s ease;-webkit-transform: translate(0, -10%);transform: translate(0, -10%);opacity: 0;outline: 0;-ms-flex-align: center;align-items: center;
908
- }#style-manager-user-feedback-modal .modal-dialog
909
- {
910
- position: relative;width: auto;margin: 10px;text-align: left;
911
- }#style-manager-user-feedback-modal .modal-content
912
- {
913
- position: relative;display: -ms-flexbox;display: flex;flex-direction: column;border: none;border-radius: 4px;outline: 0;background-color: #fff;background-clip: padding-box;box-shadow: 0 4px 4px 0 rgba(42,54,52,.1),0 8px 8px 0 rgba(42,54,52,.1),0 16px 16px 0 rgba(42,54,52,.1),0 16px 32px 0 rgba(42,54,52,.1),0 32px 64px 0 rgba(42,54,52,.1),0 64px 128px 0 rgba(42,54,52,.1);-ms-flex-direction: column;
914
- }#style-manager-user-feedback-modal .modal-content p
915
- {
916
- color: #000;
917
- }#style-manager-user-feedback-modal .modal-content p a
918
- {
919
- font-weight: 500;color: #9660c6;border-bottom: 1px solid #9660c6;
920
- }#style-manager-user-feedback-modal .modal-content > form
921
- {
922
- margin-bottom: 20px;
923
- }#style-manager-user-feedback-modal .modal-backdrop
924
- {
925
- position: fixed;z-index: 1040;top: 0;right: 0;bottom: 0;left: 0;visibility: hidden;transition: all .3s ease;opacity: 0;background-color: #000;
926
- }.modal-open #style-manager-user-feedback-modal .modal-backdrop
927
- {visibility: visible;
928
-
929
- opacity: .8;
930
- }#style-manager-user-feedback-modal .modal-header
931
- {
932
- display: -ms-flexbox ;display: flex;padding: 30px 48px 10px 48px;-ms-flex-align: start;align-items: flex-start;-ms-flex-pack: justify;justify-content: space-between;
933
- }#style-manager-user-feedback-modal .modal-header .close.button
934
- {
935
- top: -10px;
936
- }#style-manager-user-feedback-modal .modal-header .close.icon
937
- {
938
- opacity: .5;
939
- }#style-manager-user-feedback-modal .modal-header .close:hover
940
- {
941
- opacity: 1;
942
- }#style-manager-user-feedback-modal .modal-title
943
- {line-height: 1.5;
944
-
945
- margin-bottom: 10px;
946
- }#style-manager-user-feedback-modal .modal-title.modal-title--small
947
- {
948
- font-weight: 500;
949
- }#style-manager-user-feedback-modal .modal-body
950
- {
951
- position: relative;padding: 30px 30px 0 30px;-ms-flex: 1 1 auto;flex: 1 1 auto;
952
- }#style-manager-user-feedback-modal .modal-body.full
953
- {
954
- padding: 0;
955
- }#style-manager-user-feedback-modal .modal-body.full .box
956
- {margin-top: 0;
957
- padding-top: 0;padding-bottom: 0;
958
- }#style-manager-user-feedback-modal .modal-body.full + .modal-footer.full .box
959
- {
960
- padding-top: 18px;
961
- }#style-manager-user-feedback-modal .modal-footer
962
- {
963
- padding: 30px;text-align: center;
964
- }#style-manager-user-feedback-modal .modal-footer .box .button:last-child
965
- {
966
- margin-bottom: 0;
967
- }#style-manager-user-feedback-modal .modal-footer.full
968
- {
969
- padding: 0;
970
- }#style-manager-user-feedback-modal .modal-scrollbar-measure
971
- {
972
- position: absolute;top: -9999px;overflow: scroll;width: 50px;height: 50px;
973
- }#style-manager-user-feedback-modal .modal-state
974
- {
975
- display: none;
976
- }#style-manager-user-feedback-modal .modal-state:checked + .modal
977
- {visibility: visible;
978
 
979
- opacity: 1;
980
- }#style-manager-user-feedback-modal .modal-state:checked + .modal .modal__inner
981
- {
982
- top: 0;
983
- }@media (min-width: 576px)
984
- {
985
- #style-manager-user-feedback-modal .modal-dialog
986
- {
987
- max-width: 655px;margin: 30px auto;
988
- }#style-manager-user-feedback-modal .modal-sm
989
- {
990
- max-width: 300px;
991
- }
992
- }@media (min-width: 576px)
993
- {
994
- #style-manager-user-feedback-modal .modal-lg
995
- {
996
- max-width: 800px;
997
- }
998
- }#style-manager-user-feedback .modal-body .box
999
- {
1000
- position: relative;display: -ms-flexbox;display: flex;flex-direction: column;margin: 20px 0;padding: 16px 52px;border-radius: 4px;-ms-flex-direction: column;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-ms-flex-align: center;align-items: center;
1001
- }#style-manager-user-feedback .modal-body .box > *
1002
- {
1003
- width: 100%;
1004
- }#style-manager-user-feedback .modal-body p
1005
- {
1006
- font-size: 16px;margin-bottom: 20px;
1007
- }#style-manager-user-feedback .modal-body textarea
1008
- {font-family: 'Galano Grotesque Alt', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;font-size: 16px;line-height: 26px;
1009
-
1010
- width: 100%;margin: 0;padding: 11px 18px;color: #473850;border: 1px solid #ddd;border-radius: 4px;box-shadow: none;
1011
- }#style-manager-user-feedback .modal-title
1012
- {font-family: 'Galano Classic', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;font-size: 28px;font-weight: 600;line-height: 1.4;
1013
-
1014
- margin-top: 0;margin-bottom: 34px;text-align: center;
1015
- }#style-manager-user-feedback .button
1016
- {font-family: 'Galano Classic', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;font-size: 16px;font-weight: 600;line-height: 23px;position: relative;display: inline-block;width: 100%;height: auto;margin-top: 20px;padding: 15px 50px;cursor: pointer;transition-timing-function: cubic-bezier(0, 0, .58, 1);transition-duration: .2s;transition-property: -webkit-transform,background,background-color,color,box-shadow;transition-property: transform,background,background-color,color,box-shadow;text-align: center;
1017
- text-decoration: none;color: #fff;border-radius: 2px;border-radius: 4px;background-color: #9660c6;box-shadow: none;-webkit-font-smoothing: antialiased;
1018
- }#style-manager-user-feedback .button:hover
1019
- {-webkit-transform: scale(1.05) translateY(-3px) ;transform: scale(1.05) translateY(-3px);color: #fff;
1020
- background-color: #9660c6;box-shadow: 0 10px 20px -10px rgba(0,0,0,.7);
1021
- }#style-manager-user-feedback .second-step
1022
- {
1023
- margin-top: 18px;
1024
- }#style-manager-user-feedback .thanks-step,
1025
- #style-manager-user-feedback .error-step
1026
- {
1027
- text-align: center;
1028
- }#style-manager-user-feedback .thanks-step .modal-title,
1029
- #style-manager-user-feedback .error-step .modal-title
1030
- {
1031
- margin-bottom: 0;
1032
- }#style-manager-user-feedback .thanks-step p:last-child,
1033
- #style-manager-user-feedback .error-step p:last-child
1034
- {
1035
- margin-bottom: 10px;
1036
- }.scorecard
1037
- {font-family: 'Galano Classic', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;font-size: 18px;font-weight: 600;
1038
-
1039
- display: -ms-flexbox;display: flex;text-align: center;color: #9660c6;-ms-flex-align: baseline;align-items: baseline;-ms-flex-pack: space-evenly;justify-content: space-evenly;
1040
- }.scorecard > label
1041
- {
1042
- font-size: 20px;
1043
- }.scorecard > label span
1044
- {line-height: 46px;
1045
-
1046
- display: block;width: 46px;transition: all .25s ease;border: 2px solid #9660c6;border-radius: 100%;background: #fff;
1047
- }.scorecard > label input[type='radio']
1048
- {
1049
- display: none;
1050
- }.scorecard > label span:hover,
1051
- .scorecard > label input[type='radio']:checked ~ span
1052
- {color: #fff;
1053
- background: #9660c6;
1054
- }.font-options__wrapper .font-options__options-list
1055
- {
1056
- border-color: #b8daeb;box-shadow: 0 10px 20px 0 rgba(0,0,0,.15);
1057
- }.font-options__wrapper .font-options__option
1058
- {
1059
- margin-bottom: 12px;
1060
- }.font-options__wrapper .font-options__option label
1061
- {
1062
- display: block;margin-bottom: 6px;
1063
- }.font-options__wrapper [type=checkbox]:checked ~ .font-options__options-list
1064
- {display: block;
1065
 
1066
- opacity: 1;
1067
- }input.customify_font_tooltip
1068
- {
1069
- display: none;
1070
- }ul.font-options__options-list .select2-container
1071
- {
1072
- width: 100% !important;
1073
- }ul.font-options__options-list .select2-container .select2-selection--single
1074
- {
1075
- -webkit-appearance: initial;
1076
- }ul.font-options__options-list .select2-container .select2-selection--single .select2-selection__arrow
1077
- {
1078
- display: none;
1079
- }ul.font-options__options-list .select2-container--default .select2-selection--single .select2-selection__rendered
1080
- {line-height: initial;
1081
-
1082
- color: inherit;
1083
- }.select2-container.select2-container--open
1084
- {
1085
- z-index: 99999999;
1086
- }#customize-theme-controls .select2-container
1087
- {
1088
- width: 100% !important;
1089
- }#customize-theme-controls .select2-container .select2-selection--multiple
1090
- {height: auto;padding: 4px 8px 4px;background: none;
1091
-
1092
- -webkit-appearance: initial;
1093
- }#customize-theme-controls .select2-container .select2-selection--multiple .select2-selection__arrow
1094
- {
1095
- display: none;
1096
- }#customize-theme-controls .select2-container .select2-selection--multiple .select2-selection__rendered
1097
- {display: -ms-flexbox;display: flex;
1098
-
1099
- padding: 0;
1100
- }#customize-theme-controls .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline
1101
- {
1102
- -ms-flex: 1 ;flex: 1;
1103
- }#customize-theme-controls .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field[class]
1104
- {
1105
- min-width: 100%;margin-top: 3px !important;border-width: 0;
1106
- }#customize-theme-controls .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice
1107
- {margin-top: 0;margin-right: 6px;
1108
- padding: 3px 7px;border-color: #e0e8ef;background-color: #f6fbff;
1109
- }#customize-theme-controls .select2-container .select2-search--inline .select2-search__field
1110
- {min-width: 9em;
1111
- height: 29px;margin-top: 0;
1112
- }.select2-container--default .select2-results__option[aria-selected=true][class]
1113
- {pointer-events: none;opacity: .3;
1114
- background: transparent;
1115
- }.select2-container .select2-dropdown
1116
- {
1117
- border-color: #e0e8ef;
1118
- }#customize-theme-controls .widget-content .accordion-container
1119
- {margin-top: 20px;margin-right: -10px;margin-bottom: 10px;
1120
- margin-left: -10px;
1121
- }#customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-content
1122
- {
1123
- position: relative;left: 0;overflow: hidden;max-height: 0;padding-top: 0;padding-bottom: 0;transition: all .4s ease;color: #416b7e;
1124
- }#customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-content p:first-child
1125
- {
1126
- margin-top: 0;
1127
- }#customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-content p:last-child
1128
- {
1129
- margin-bottom: 0;
1130
- }#customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-title
1131
- {
1132
- color: #39474d;
1133
- }#customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-title:after
1134
- {
1135
- content: '\f142';-webkit-transform: rotate(180deg);transform: rotate(180deg);
1136
- }#customize-theme-controls .widget-content .accordion-container .accordion-section.open
1137
- {
1138
- border-bottom: none;
1139
- }#customize-theme-controls .widget-content .accordion-container .accordion-section.open .accordion-section-content
1140
- {
1141
- max-height: 100%;padding-top: 17px;padding-bottom: 17px;
1142
- }#customize-theme-controls .widget-content .accordion-container .accordion-section.open .accordion-section-title
1143
- {
1144
- border-bottom: 1px solid;
1145
- }#customize-theme-controls .widget-content .accordion-container .accordion-section.open .accordion-section-title:after
1146
- {
1147
- -webkit-transform: rotate(0deg) ;transform: rotate(0deg);
1148
- }#customize-theme-controls .widget-content .accordion-container label.customize-control-title,
1149
- #customize-theme-controls .widget-content .accordion-container label.separator.label
1150
- {
1151
- cursor: default;
1152
- }.widget .widget-content > p input[type=checkbox],
1153
- .widget .widget-content > p input[type=radio]
1154
- {margin-top: 3px;
1155
- margin-bottom: 3px;
1156
- }.widget .widget-content small
1157
- {display: block;
1158
-
1159
- margin-top: 5px;
1160
- }#available-widgets [class*=pixelgrade] .widget .widget-title:before,
1161
- #available-widgets [class*=featured-posts] .widget .widget-title:before,
1162
- #available-widgets [class*=categories-image-grid] .widget .widget-title:before
1163
- {
1164
- content: '\f538';color: #9660c6;
1165
- }#available-widgets [class*=pixelgrade-featured-posts-slideshow] .widget .widget-title:before
1166
- {
1167
- content: '\f233';
1168
- }#available-widgets [class*=pixelgrade-featured-posts-carousel] .widget .widget-title:before
1169
- {
1170
- content: '\f169';
1171
- }#available-widgets [class*=featured-posts-grid] .widget .widget-title:before
1172
- {
1173
- content: '\f180';
1174
- }#available-widgets [class*=featured-posts-list] .widget .widget-title:before
1175
- {
1176
- content: '\f164';
1177
- }#available-widgets [class*=categories-image-grid] .widget .widget-title:before
1178
- {
1179
- content: '\f163';
1180
- }#available-widgets [class*=pixelgrade-promo-box] .widget .widget-title:before
1181
- {
1182
- content: '\f488';
1183
- }.ui-tooltip
1184
- {
1185
- z-index: 999999;
1186
- }.wp-customizer .widget-conditional .condition-control:after
1187
- {display: table;clear: both;
1188
-
1189
- content: ' ';
1190
- }.wp-customizer .widget-conditional .selection
1191
- {margin-right: 0;margin-bottom: 10px;margin-left: 0;
1192
- padding-right: 50px;padding-bottom: 19px;padding-left: 28px;border-bottom: 1px solid #cbcfd4;
1193
- }.wp-customizer .widget-conditional .condition:last-child .selection
1194
- {
1195
- border: 0;
1196
- }.wp-customizer .widget-conditional select
1197
- {width: 170px;
1198
- max-width: 100%;
1199
- }.wp-customizer .widget-conditional .condition-top select
1200
- {
1201
- width: 130px;
1202
- }.pix_customizer_setting .customize-inside-control-row
1203
- {
1204
- position: relative;overflow: hidden;width: 100% !important;height: 64px;margin-left: 0 !important;text-indent: 0 !important;border-radius: 5px;background-position: 50% 50%;background-size: cover;
1205
- }.pix_customizer_setting .customize-inside-control-row:before
1206
- {position: absolute;z-index: 10;top: 0;right: 0;bottom: 0;left: 0;
1207
-
1208
- content: '';pointer-events: none;box-shadow: inset 0 0 3px 0 rgba(0,0,0,.2);
1209
- }.pix_customizer_setting .customize-inside-control-row:hover:before
1210
- {
1211
- box-shadow: inset 0 0 3px 0 rgba(0,0,0,.4);
1212
- }.pix_customizer_setting .customize-inside-control-row:hover .palette__item
1213
- {
1214
- -webkit-transform: translateY(0%) ;transform: translateY(0%);
1215
- }.pix_customizer_setting .customize-inside-control-row:hover label
1216
- {
1217
- left: 10px;
1218
- }.pix_customizer_setting .customize-inside-control-row input
1219
- {
1220
- opacity: 0;
1221
- }.pix_customizer_setting .customize-inside-control-row input:checked + label .preview__letter--checked
1222
- {
1223
- display: inline-block;vertical-align: middle;
1224
- }.pix_customizer_setting .customize-inside-control-row input:checked + label .preview__letter
1225
- {
1226
- display: none;
1227
- }.pix_customizer_setting .customize-inside-control-row label
1228
- {
1229
- position: absolute;z-index: 2;top: 0;left: 0;display: -ms-flexbox;display: flex;width: 100%;height: 100%;margin-top: 0 !important;padding: 0 10px;transition: all .3s ease;-ms-flex-align: center;align-items: center;
1230
- }.pix_customizer_setting .customize-inside-control-row .palette
1231
- {
1232
- position: absolute;z-index: 1;top: 0;left: 0;display: -ms-flexbox;display: flex;width: 100%;height: 100%;transition: all .2s ease;
1233
- }.pix_customizer_setting .customize-inside-control-row .palette__item
1234
- {transition: all .3s ease;-webkit-transform: translateY(100%);transform: translateY(100%);
1235
-
1236
- -ms-flex: 1;flex: 1;
1237
- }.pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(1)
1238
- {
1239
- transition-delay: 0s;
1240
- }.pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(2)
1241
- {
1242
- transition-delay: .05s;
1243
- }.pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(3)
1244
- {
1245
- transition-delay: .1s;
1246
- }.pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(4)
1247
- {
1248
- transition-delay: .15s;
1249
- }.pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(5)
1250
- {
1251
- transition-delay: .2s;
1252
- }.pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(6)
1253
- {
1254
- transition-delay: .25s;
1255
- }.pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(7)
1256
- {
1257
- transition-delay: .3s;
1258
- }.pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(8)
1259
- {
1260
- transition-delay: .35s;
1261
- }.pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(9)
1262
- {
1263
- transition-delay: .4s;
1264
- }.pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(10)
1265
- {
1266
- transition-delay: .45s;
1267
- }.pix_customizer_setting .customize-inside-control-row .preview__letter,
1268
- .pix_customizer_setting .customize-inside-control-row .preview__letter--checked
1269
- {font-style: normal;
1270
-
1271
- display: inline-block;min-width: 26px;min-height: 26px;margin-right: 5px;padding: 3px;text-align: center;vertical-align: baseline;color: white;border-radius: 2px;background-repeat: no-repeat;background-position: center center;background-size: 15px 15px;
1272
- }.pix_customizer_setting .customize-inside-control-row .preview__letter--checked
1273
- {
1274
- display: none;
1275
- }[id*='sm_current_color_palette_control'] .customize-inside-control-row .palette__item[class]
1276
- {
1277
- -webkit-transform: none ;transform: none;
1278
- }[id*='sm_current_color_palette_control'] .variation-control
1279
- {
1280
- display: -ms-flexbox ;display: flex;
1281
- }.label__inner
1282
- {z-index: 2;padding: 7px 12px 7px 7px;
1283
-
1284
- color: #000;border-radius: 3px;background: #f5f6f1;box-shadow: 0 2px 5px rgba(0,0,0,.15);
1285
- }.picker
1286
- {
1287
- position: relative;top: 0;left: 50%;overflow: hidden;width: 80%;max-width: 3em;margin-top: auto;margin-bottom: auto;-webkit-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);border-radius: 50%;
1288
- }.colors .picker > i
1289
- {position: absolute;z-index: 20;top: 0;right: 0;bottom: 0;left: 0;
1290
-
1291
- display: block;pointer-events: none;border-radius: 50%;box-shadow: inset 0 0 3px 0 rgba(0,0,0,.2);
1292
- }.picker:before,
1293
- .picker:after
1294
- {display: block;
1295
-
1296
- content: '';border-radius: 50%;background: currentColor;
1297
- }.picker:before
1298
- {
1299
- padding-top: 100%;
1300
- }.picker:after
1301
- {
1302
- position: absolute;top: 0;left: 0;width: 100%;height: 100%;
1303
- }.fill
1304
- {
1305
- overflow: hidden;
1306
- }.color:first-child .fill
1307
- {
1308
- border-top-left-radius: 5px;border-bottom-left-radius: 5px;
1309
- }.color:last-child .fill
1310
- {
1311
- border-top-right-radius: 5px;border-bottom-right-radius: 5px;
1312
- }.label
1313
- {
1314
- margin-right: auto;
1315
- }#customize-theme-controls [id*='sm_current_color_palette_control']
1316
- {
1317
- display: block;width: auto;
1318
- }#customize-theme-controls [id*='sm_current_color_palette_control'] .color-palette-container
1319
- {
1320
- background: white;
1321
- }#customize-theme-controls [id*='sm_current_color_palette_control'] .color-palette-container .description
1322
- {
1323
- margin-bottom: 15px;
1324
- }#customize-theme-controls [id*='sm_current_color_palette_control'] .description.c-color-palette__notification
1325
- {font-size: inherit;font-weight: bold;margin-bottom: 0;
1326
- padding-top: 19px;
1327
- }.c-color-palette__fields
1328
- {
1329
- position: relative;
1330
- }.c-color-palette .iris-picker
1331
- {
1332
- position: absolute;z-index: 100;top: 100%;left: 0;margin-top: 1em;border: 0;box-shadow: black 0 3px 12px -4px;
1333
- }.c-color-palette .iris-picker .iris-square-handle
1334
- {top: -6px;left: -6px;
1335
-
1336
- border-color: transparent;
1337
- }.c-color-palette .iris-picker .iris-square-handle:after
1338
- {
1339
- position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: 2px solid white;
1340
- }.c-color-palette .iris-picker .iris-square-value
1341
- {
1342
- box-shadow: none !important;
1343
- }.colors
1344
- {
1345
- position: relative;display: -ms-flexbox;display: flex;width: 100%;height: 3em;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: center;align-items: center;
1346
- }.color
1347
- {
1348
- display: -ms-flexbox ;display: flex;overflow: hidden;flex-direction: column;transition: -ms-flex-positive .3s cubic-bezier(.18, .89, .32, 1.28);transition: flex-grow .3s cubic-bezier(.18, .89, .32, 1.28);-ms-flex-direction: column;-ms-flex: 1 1 0;flex: 1 1 0;
1349
- }.color.hidden
1350
- {
1351
- display: -ms-flexbox ;display: flex;transition: -ms-flex-positive .3s cubic-bezier(.6, -1, .74, .05);transition: flex-grow .3s cubic-bezier(.6, -1, .74, .05);-ms-flex-positive: 0;flex-grow: 0;
1352
- }.color.hidden .picker
1353
- {transition: opacity .2s ease-out;
1354
 
1355
- opacity: 0;
1356
- }.color .picker
1357
- {cursor: pointer;
1358
- transition: opacity .3s ease-in-out, border-color .3s ease-in-out;
1359
- }.color.inactive .picker
1360
- {
1361
- opacity: .2;
1362
- }.color.inactive .picker:hover
1363
- {
1364
- opacity: 1;
1365
- }input.c-color-palette__input[class]
1366
- {
1367
- margin-top: 1em;
1368
- }#customize-control-sm_toggle_advanced_settings_control
1369
- {
1370
- margin-bottom: 0;opacity: 0;
1371
- }#customize-control-sm_toggle_advanced_settings_control button
1372
- {
1373
- width: 100%;
1374
- }@-webkit-keyframes bounceIn
1375
- {
1376
- 0%,
1377
- 20%,
1378
- 40%,
1379
- 60%,
1380
- 80%,
1381
- 100%
1382
- {
1383
- -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1) ;animation-timing-function: cubic-bezier(.215, .61, .355, 1);
1384
- }0%
1385
- {-webkit-transform: scale3d(.3, .3, .3) ;transform: scale3d(.3, .3, .3);
1386
-
1387
- opacity: 0;
1388
- }20%
1389
- {
1390
- -webkit-transform: scale3d(1.1, 1.1, 1.1) ;transform: scale3d(1.1, 1.1, 1.1);
1391
- }40%
1392
- {
1393
- -webkit-transform: scale3d(.9, .9, .9) ;transform: scale3d(.9, .9, .9);
1394
- }60%
1395
- {-webkit-transform: scale3d(1.03, 1.03, 1.03) ;transform: scale3d(1.03, 1.03, 1.03);
1396
-
1397
- opacity: 1;
1398
- }80%
1399
- {
1400
- -webkit-transform: scale3d(.97, .97, .97) ;transform: scale3d(.97, .97, .97);
1401
- }100%
1402
- {-webkit-transform: scale3d(1, 1, 1) ;transform: scale3d(1, 1, 1);
1403
-
1404
- opacity: 1;
1405
- }
1406
- }@keyframes bounceIn
1407
- {
1408
- 0%,
1409
- 20%,
1410
- 40%,
1411
- 60%,
1412
- 80%,
1413
- 100%
1414
- {
1415
- -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1) ;animation-timing-function: cubic-bezier(.215, .61, .355, 1);
1416
- }0%
1417
- {-webkit-transform: scale3d(.3, .3, .3) ;transform: scale3d(.3, .3, .3);
1418
-
1419
- opacity: 0;
1420
- }20%
1421
- {
1422
- -webkit-transform: scale3d(1.1, 1.1, 1.1) ;transform: scale3d(1.1, 1.1, 1.1);
1423
- }40%
1424
- {
1425
- -webkit-transform: scale3d(.9, .9, .9) ;transform: scale3d(.9, .9, .9);
1426
- }60%
1427
- {-webkit-transform: scale3d(1.03, 1.03, 1.03) ;transform: scale3d(1.03, 1.03, 1.03);
1428
-
1429
- opacity: 1;
1430
- }80%
1431
- {
1432
- -webkit-transform: scale3d(.97, .97, .97) ;transform: scale3d(.97, .97, .97);
1433
- }100%
1434
- {-webkit-transform: scale3d(1, 1, 1) ;transform: scale3d(1, 1, 1);
1435
-
1436
- opacity: 1;
1437
- }
1438
- }#customize-theme-controls #sub-accordion-panel-style_manager_panel .customize-panel-description,
1439
- #customize-theme-controls #sub-accordion-panel-theme_options_panel .customize-panel-description
1440
- {
1441
- display: block;
1442
- }#customize-theme-controls li#accordion-panel-style_manager_panel h3.accordion-section-title:before
1443
- {font-family: dashicons;font-size: 17px;
1444
-
1445
- position: relative;float: right;margin-right: 28px;padding: 1px;content: '';color: #aed2e5;-webkit-font-smoothing: antialiased;
1446
- }#customize-theme-controls li#accordion-panel-style_manager_panel h3.accordion-section-title:before
1447
- {
1448
- font-size: 18px;color: #f8bc30;
1449
- }#customize-theme-controls li#accordion-section-sm_color_palettes_section h3.accordion-section-title:before
1450
- {font-family: dashicons;font-size: 17px;
1451
-
1452
- position: relative;float: right;margin-right: 28px;padding: 1px;content: '';color: #aed2e5;-webkit-font-smoothing: antialiased;
1453
- }#customize-theme-controls li#accordion-section-sm_color_palettes_section h3.accordion-section-title
1454
- {
1455
- border-top: none;
1456
- }#customize-theme-controls li#accordion-section-sm_font_palettes_section h3.accordion-section-title:before
1457
- {font-family: dashicons;font-size: 17px;
1458
-
1459
- position: relative;float: right;margin-right: 28px;padding: 1px;content: '';color: #aed2e5;-webkit-font-smoothing: antialiased;
1460
- }#customize-theme-controls li#accordion-section-sm_color_palettes_section h3.accordion-section-title:before,
1461
- #customize-theme-controls li#accordion-section-sm_font_palettes_section h3.accordion-section-title:before
1462
- {margin-top: -2px;margin-right: 5px;
1463
- padding: 3px;
1464
- }#customize-theme-controls li#accordion-panel-theme_options_panel h3.accordion-section-title:before
1465
- {font-family: dashicons;font-size: 17px;
1466
-
1467
- position: relative;float: right;margin-right: 28px;padding: 1px;content: '';color: #aed2e5;-webkit-font-smoothing: antialiased;
1468
- }#customize-theme-controls li#accordion-panel-theme_options_panel h3.accordion-section-title
1469
- {margin: 0 0 15px 0;border-right: none;
1470
- border-bottom: 1px solid #ddd;border-left: none;
1471
- }#customize-theme-controls li[id$='[general]'],
1472
- #customize-theme-controls li[id$='[footer_section]']
1473
- {margin: 0 0 15px 0;border-right: none;
1474
- border-bottom: 1px solid #ddd;border-left: none;
1475
- }#customize-theme-controls li[id$='[general]'] h3.accordion-section-title
1476
- {
1477
- border-top: none;
1478
- }.color .disc
1479
- {position: absolute;z-index: 15;top: 0;right: 0;bottom: 0;left: 0;
1480
-
1481
- display: block;overflow: hidden;transition: opacity .3s ease-in-out;pointer-events: none;opacity: 0;
1482
- }.color .disc:after
1483
- {position: absolute;top: -50%;left: -50%;display: block;width: 200%;height: 200%;padding-top: 100%;
1484
-
1485
- content: '';-webkit-transform: scale(1);transform: scale(1);background-image: linear-gradient(330deg, transparent 50%, #ff8100 0),linear-gradient(300deg, transparent 50%, #ff5800 0),linear-gradient(270deg, transparent 50%, #c92323 0),linear-gradient(240deg, transparent 50%, #cc42a2 0),linear-gradient(210deg, transparent 50%, #9f49ac 0),linear-gradient(180deg, transparent 50%, #306cd3 0),linear-gradient(150deg, transparent 50%, #179067 0),linear-gradient(120deg, transparent 50%, #0eb5d6 0),linear-gradient(90deg, transparent 50%, #50b517 0),linear-gradient(60deg, transparent 50%, #ede604 0),linear-gradient(30deg, transparent 50%, #fc0 0),linear-gradient(0deg, transparent 50%, #feac00 0);background-clip: content-box,content-box,content-box,content-box,content-box,content-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;-webkit-filter: blur(6px) saturate(.7) brightness(1.1);filter: blur(6px) saturate(.7) brightness(1.1);
1486
- }.color.altered .disc
1487
- {
1488
- opacity: 1;
1489
- }.customize-control-color .wp-picker-container .iris-picker .iris-palette-container
1490
- {
1491
- display: -ms-flexbox ;display: flex;width: 215px;
1492
- }.customize-control-color .wp-picker-container .iris-picker .iris-palette
1493
- {float: none;
1494
-
1495
- width: auto !important;height: auto !important;-ms-flex: 1 1 0;flex: 1 1 0;
1496
- }.customize-control-color .wp-picker-container .iris-picker .iris-palette:after
1497
- {display: block;padding-top: 100%;
1498
-
1499
- content: '';
1500
- }.c-color-palette
1501
- {
1502
- padding: 30px 20px 18px;
1503
- }[id='customize-control-sm_current_color_palette_control'][id]
1504
- {
1505
- margin-bottom: 0;
1506
- }[id='customize-control-sm_current_color_palette_control'][id] ~ .customize-control
1507
- {margin-bottom: 0;padding: 24px 20px 0;
1508
-
1509
- background-color: #fff;
1510
- }#customize-control-sm_dark_color_primary_slider_control,
1511
- #customize-control-sm_dark_color_secondary_slider_control,
1512
- #customize-control-sm_dark_color_tertiary_slider_control
1513
- {
1514
- display: none !important;
1515
- }.sm_color_matrix
1516
- {
1517
- display: -ms-flexbox ;display: flex;margin-left: -15px;-ms-flex-wrap: wrap;flex-wrap: wrap;
1518
- }.sm_color_matrix > *
1519
- {
1520
- display: grid;padding-top: 15px;padding-left: 15px;grid-auto-rows: 2px;grid-auto-columns: 2px;-ms-flex: 0 0 33.33333%;flex: 0 0 33.33333%;
1521
- }.sm_color_matrix > * > *
1522
- {-webkit-animation-name: bounceIn ;animation-name: bounceIn;-webkit-animation-duration: .75s;animation-duration: .75s;border: 1px solid #ccc;border-radius: 50%;
1523
- background-color: currentColor;
1524
- }.sm_color_matrix > * > :nth-child(1)
1525
- {
1526
- grid-area: 16 / 12 / span 12 / span 12;
1527
- }.sm_color_matrix > * > :nth-child(2)
1528
- {
1529
- grid-area: 26 / 24 / span 4 / span 4;
1530
- }.sm_color_matrix > * > :nth-child(3)
1531
- {
1532
- grid-area: 13 / 24 / span 4 / span 4;
1533
- }.sm_color_matrix > * > :nth-child(4)
1534
- {
1535
- grid-area: 8 / 8 / span 8 / span 8;
1536
- }.sm_color_matrix > * > :nth-child(5)
1537
- {
1538
- grid-area: 32 / 8 / span 4 / span 4;
1539
- }.sm_color_matrix > * > :nth-child(6)
1540
- {
1541
- grid-area: 30 / 16 / span 8 / span 8;
1542
- }.sm_color_matrix > * > :nth-child(7)
1543
- {
1544
- grid-area: 4 / 20 / span 8 / span 8;
1545
- }.sm_color_matrix > * > :nth-child(8)
1546
- {
1547
- grid-area: 17 / 26 / span 8 / span 8;
1548
- }.sm_color_matrix > * > :nth-child(9)
1549
- {
1550
- grid-area: 22 / 2 / span 8 / span 8;
1551
- }.sm_color_matrix > * > :nth-child(10)
1552
- {
1553
- grid-area: 28 / 11 / span 2 / span 2;
1554
- }.sm_color_matrix > * > :nth-child(11)
1555
- {
1556
- grid-area: 9 / 31 / span 6 / span 6;
1557
- }.sm_color_matrix > * > :nth-child(11)
1558
- {
1559
- grid-area: 26 / 30 / span 9 / span 9;
1560
- }.sm_color_matrix > * > :nth-child(12)
1561
- {
1562
- grid-area: 17 / 7 / span 4 / span 4;
1563
- }.sm_color_matrix > * > :nth-child(13)
1564
- {
1565
- grid-area: 19 / 36 / span 6 / span 6;
1566
- }.sm_color_matrix > * > :nth-child(14)
1567
- {
1568
- grid-area: 12 / 18 / span 2 / span 2;
1569
- }.sm_color_matrix > * > :nth-child(n+15)
1570
- {
1571
- display: none;
1572
- }.sm-tabs
1573
- {
1574
- display: -ms-flexbox ;display: flex;padding: 0 16px;text-align: center;border-bottom: 1px solid #dfe8ef;-ms-flex-pack: justify;justify-content: space-between;
1575
- }.sm-tabs__item
1576
- {font-size: 14px;margin-bottom: -1px;
1577
- padding: 12px 0;cursor: pointer;transition: all .2s ease;opacity: .7;color: #416b7e;border-bottom: 3px solid transparent;-ms-flex-preferred-size: 31%;flex-basis: 31%;
1578
- }.sm-tabs__item:not(.sm-tabs__item--active):hover
1579
- {opacity: 1;
1580
- color: #2a3b44;border-bottom-color: #e2e4e7;
1581
- }.sm-tabs__item--active
1582
- {opacity: 1;
1583
- color: #2a3b44;border-bottom-color: #57abd5;
1584
- }[id='sub-accordion-section-sm_color_palettes_section']
1585
- {
1586
- display: -ms-flexbox !important ;display: flex !important;overflow: hidden;flex-direction: column;padding: 12px 0 0 !important;-ms-flex-direction: column;
1587
- }[id='sub-accordion-section-sm_color_palettes_section'] #customize-control-sm_color_palette_control
1588
- {overflow-y: scroll;margin-bottom: 0;padding-top: 12px;
1589
-
1590
- -ms-flex-negative: 0;flex-shrink: 0;-ms-flex-positive: 1;flex-grow: 1;
1591
- }[id='sub-accordion-section-sm_color_palettes_section'] > *
1592
- {padding: 0 12px;
1593
-
1594
- -ms-flex-positive: 0;flex-grow: 0;
1595
- }[id='sub-accordion-section-sm_color_palettes_section'] [id='customize-control-sm_current_color_palette_control'] ~ *
1596
- {
1597
- display: none !important;
1598
- }[id='sub-accordion-section-sm_color_palettes_section'] [id='customize-control-sm_palettes_description_control'] span,
1599
- [id='sub-accordion-section-sm_color_palettes_section'] [id='customize-control-sm_filters_description_control'] span,
1600
- [id='sub-accordion-section-sm_color_palettes_section'] [id='customize-control-sm_customize_description_control'] span
1601
- {
1602
- margin: 0;
1603
- }[id='sub-accordion-section-sm_color_palettes_section'].sm-view-palettes [id='customize-control-sm_palettes_description_control'],
1604
- [id='sub-accordion-section-sm_color_palettes_section'].sm-view-palettes [id='customize-control-sm_color_palette_control']
1605
- {
1606
- display: block !important;
1607
- }[id='sub-accordion-section-sm_color_palettes_section'].sm-view-filters [id='customize-control-sm_filters_description_control'],
1608
- [id='sub-accordion-section-sm_color_palettes_section'].sm-view-filters [id='customize-control-sm_palette_filter_control']
1609
- {
1610
- display: block !important;
1611
- }[id='sub-accordion-section-sm_color_palettes_section'].sm-view-customize [id='customize-control-sm_customize_description_control'],
1612
- [id='sub-accordion-section-sm_color_palettes_section'].sm-view-customize [id='customize-control-sm_coloration_level_control'],
1613
- [id='sub-accordion-section-sm_color_palettes_section'].sm-view-customize [id='customize-control-sm_color_diversity_control'],
1614
- [id='sub-accordion-section-sm_color_palettes_section'].sm-view-customize [id='customize-control-sm_shuffle_colors_control'],
1615
- [id='sub-accordion-section-sm_color_palettes_section'].sm-view-customize [id='customize-control-sm_dark_mode_control']
1616
- {
1617
- display: block !important;
1618
- }[id='sub-accordion-section-sm_color_palettes_section'] [id='customize-control-sm_spacing_bottom_control'][id]
1619
- {
1620
- display: block !important;min-height: 24px;-ms-flex-positive: 1;flex-grow: 1;
1621
- }[id='customize-control-sm_color_palette_control'] .customize-control-title,
1622
- [id='customize-control-sm_color_palette_control'] .separator.label,
1623
- [id='customize-control-sm_color_palette_control'] .customize-control-description
1624
- {
1625
- display: none;
1626
- }.customize-control-radio[class][id='customize-control-sm_palette_filter_control'] > .customize-inside-control-row:not(:only-of-type)
1627
- {
1628
- display: block;width: auto;
1629
- }.color[class*='sm_color'][class*='_connected'],
1630
- .color[class*='sm_dark'][class*='_connected'],
1631
- .color[class*='sm_light'][class*='_connected']
1632
- {
1633
- display: none;
1634
- }.c-color-palette__colors
1635
- {
1636
- position: relative;
1637
- }.c-color-palette canvas,
1638
- .c-color-palette svg
1639
- {
1640
- max-width: 100%;height: auto;
1641
- }.c-color-palette__fields
1642
- {
1643
- position: absolute;z-index: 100;top: 100%;right: 0;left: 0;
1644
- }[id='sub-accordion-section-sm_color_palettes_section'] > .customize-section-description-container
1645
- {
1646
- margin-bottom: 0;border-bottom: 1px solid #dfe8ef;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1647
  }
1
+ @charset "UTF-8";
2
+ .sm-radio-group {
3
+ position: relative;
4
+ border-radius: 999em;
5
+ overflow: hidden;
6
+ height: 2.428em;
7
+ display: -ms-flexbox;
8
+ display: flex;
9
+ -ms-flex-wrap: nowrap;
10
+ flex-wrap: nowrap;
11
+ -ms-flex-align: stretch;
12
+ align-items: stretch;
13
+ color: rgba(65, 107, 126, 0.7);
14
+ font-size: 14px;
15
+ -webkit-font-smoothing: antialiased;
16
+ font-weight: 600;
17
+ line-height: 1.142em;
18
+ }
19
+
20
+ .sm-radio-group > * {
21
+ -ms-flex: 1 1 0;
22
+ flex: 1 1 0;
23
+ }
24
+
25
+ .sm-radio-group:after {
26
+ content: "";
27
+ position: absolute;
28
+ top: 0;
29
+ right: 0;
30
+ bottom: 0;
31
+ left: 0;
32
+ border: 0.142em solid #57abd5;
33
+ border-radius: 999em;
34
+ pointer-events: none;
35
+ }
36
+
37
+ .sm-radio-group input[type="radio"] {
38
+ display: none;
39
+ }
40
+
41
+ .sm-radio-group input[type="radio"]:checked + label {
42
+ background-color: #57abd5;
43
+ color: #ffffff;
44
+ }
45
+
46
+ .sm-radio-group input[type="radio"]:checked + label:before {
47
+ content: "";
48
+ display: inline-block;
49
+ color: inherit;
50
+ position: relative;
51
+ top: .285em;
52
+ margin-right: .45em;
53
+ height: .8em;
54
+ width: .55em;
55
+ border-right: 2px solid;
56
+ border-bottom: 2px solid;
57
+ -webkit-transform: translateY(-50%) rotate(45deg);
58
+ transform: translateY(-50%) rotate(45deg);
59
+ }
60
+
61
+ .sm-radio-group label {
62
+ display: -ms-flexbox;
63
+ display: flex;
64
+ -ms-flex-align: center;
65
+ align-items: center;
66
+ -ms-flex-pack: center;
67
+ justify-content: center;
68
+ position: relative;
69
+ cursor: pointer;
70
+ transition: all .25s ease;
71
+ color: inherit;
72
+ }
73
+
74
+ .sm-radio-group label:hover {
75
+ color: #416b7e;
76
+ }
77
+
78
+ .sm-radio-group label:nth-of-type(2) {
79
+ border-left: 2px solid #57abd5;
80
+ border-right: 2px solid #57abd5;
81
+ }
82
+
83
+ [id="customize-control-sm_coloration_level_control"] .sm-radio-group {
84
+ display: -ms-flexbox;
85
+ display: flex;
86
+ -ms-flex-direction: row-reverse;
87
+ flex-direction: row-reverse;
88
+ -ms-flex-wrap: nowrap;
89
+ flex-wrap: nowrap;
90
+ -ms-flex-align: stretch;
91
+ align-items: stretch;
92
+ -ms-flex-pack: start;
93
+ justify-content: flex-start;
94
+ }
95
+
96
+ [id="customize-control-sm_coloration_level_control"] .sm-radio-group > * {
97
+ -ms-flex: 0 0 33.33%;
98
+ flex: 0 0 33.33%;
99
+ }
100
+
101
+ [id="customize-control-sm_coloration_level_control"] .sm-radio-group input[type="radio"]:last-of-type:checked + label {
102
+ background: linear-gradient(90deg, #3DAAE0 0%, #D557BE 100%);
103
+ }
104
+
105
+ [id="customize-control-sm_coloration_level_control"] .sm-radio-group input[type="radio"]:nth-of-type(1):checked ~ label:last-of-type, [id="customize-control-sm_coloration_level_control"] .sm-radio-group input[type="radio"]:nth-of-type(2):checked ~ label:last-of-type {
106
+ margin-right: -33.33%;
107
+ }
108
+
109
+ [id="customize-control-sm_coloration_level_control"] .sm-radio-group label:nth-of-type(1) {
110
+ -ms-flex-order: 4;
111
+ order: 4;
112
+ }
113
+
114
+ [id="customize-control-sm_coloration_level_control"] .sm-radio-group label:nth-of-type(2) {
115
+ -ms-flex-order: 3;
116
+ order: 3;
117
+ border-left: 2px solid #57abd5;
118
+ border-right: 2px solid #57abd5;
119
+ }
120
+
121
+ [id="customize-control-sm_coloration_level_control"] .sm-radio-group label:nth-of-type(3) {
122
+ -ms-flex-order: 2;
123
+ order: 2;
124
+ }
125
+
126
+ [id="customize-control-sm_coloration_level_control"] .sm-radio-group label:nth-of-type(4) {
127
+ -ms-flex-order: 1;
128
+ order: 1;
129
+ border-left: 2px solid #57abd5;
130
+ }
131
+
132
+ [id="sub-accordion-section-sm_color_palettes_section"].sm-view-customize li.customize-control-sm_switch {
133
+ display: -ms-flexbox !important;
134
+ display: flex !important;
135
+ -ms-flex-align: center;
136
+ align-items: center;
137
+ -ms-flex-pack: justify;
138
+ justify-content: space-between;
139
+ padding-top: 42px;
140
+ padding-bottom: 42px;
141
+ }
142
+
143
+ [id="sub-accordion-section-sm_color_palettes_section"].sm-view-customize li.customize-control-sm_switch .customize-control-title, [id="sub-accordion-section-sm_color_palettes_section"].sm-view-customize li.customize-control-sm_switch .separator.label {
144
+ display: inline-block;
145
+ }
146
+
147
+ .sm-switch {
148
+ display: -ms-flexbox;
149
+ display: flex;
150
+ -ms-flex-wrap: nowrap;
151
+ flex-wrap: nowrap;
152
+ -ms-flex-align: stretch;
153
+ align-items: stretch;
154
+ -ms-flex-pack: start;
155
+ justify-content: flex-start;
156
+ overflow: hidden;
157
+ position: relative;
158
+ height: 2.428em;
159
+ max-width: 5.5em;
160
+ border-radius: 999em;
161
+ color: #ffffff;
162
+ font-size: 14px;
163
+ -webkit-font-smoothing: antialiased;
164
+ font-weight: 600;
165
+ line-height: 1.142em;
166
+ z-index: 10;
167
+ }
168
+
169
+ .sm-switch input[type="radio"] {
170
+ display: none;
171
+ }
172
+
173
+ .sm-switch input[type="radio"] + label {
174
+ display: -ms-flexbox;
175
+ display: flex;
176
+ -ms-flex-align: center;
177
+ align-items: center;
178
+ -ms-flex: 0 0 100%;
179
+ flex: 0 0 100%;
180
+ }
181
+
182
+ .sm-switch input[type="radio"] + label, .sm-switch input[type="radio"] + label:after {
183
+ transition: all 0.2s ease-out;
184
+ }
185
+
186
+ .sm-switch input[type="radio"]:checked + label {
187
+ pointer-events: none;
188
+ }
189
+
190
+ .sm-switch input[type="radio"]:nth-of-type(1) + label {
191
+ padding-left: 1.214em;
192
+ }
193
+
194
+ .sm-switch input[type="radio"]:nth-of-type(1) + label:after {
195
+ content: "";
196
+ position: absolute;
197
+ top: 0;
198
+ right: 0;
199
+ bottom: 0;
200
+ left: 0;
201
+ background-color: #57abd5;
202
+ z-index: -1;
203
+ }
204
+
205
+ .sm-switch input[type="radio"]:nth-of-type(1):not(:checked) + label {
206
+ -webkit-transform: translateX(-100%) translateX(2.125em);
207
+ transform: translateX(-100%) translateX(2.125em);
208
+ }
209
+
210
+ .sm-switch input[type="radio"]:nth-of-type(1):not(:checked) + label:after {
211
+ background: #cccccc;
212
+ -webkit-transform: translateX(100%) translateX(-2.125em);
213
+ transform: translateX(100%) translateX(-2.125em);
214
+ }
215
+
216
+ .sm-switch input[type="radio"]:nth-of-type(1):not(:checked) + label ~ label {
217
+ -webkit-transform: translateX(-100%);
218
+ transform: translateX(-100%);
219
+ }
220
+
221
+ .sm-switch input[type="radio"]:nth-of-type(1):checked + label ~ label {
222
+ -webkit-transform: translateX(-2.4em);
223
+ transform: translateX(-2.4em);
224
+ }
225
+
226
+ .sm-switch input[type="radio"]:nth-of-type(1):checked + label ~ label:before {
227
+ -webkit-transform: translateX(-100%) translateX(2.125em);
228
+ transform: translateX(-100%) translateX(2.125em);
229
+ }
230
+
231
+ .sm-switch input[type="radio"]:nth-of-type(2) + label {
232
+ -ms-flex-direction: row-reverse;
233
+ flex-direction: row-reverse;
234
+ padding-right: 1em;
235
+ }
236
+
237
+ .sm-switch input[type="radio"]:nth-of-type(2) + label:before {
238
+ content: "";
239
+ position: absolute;
240
+ top: 0;
241
+ right: 0;
242
+ bottom: 0;
243
+ left: 0;
244
+ }
245
+
246
+ .sm-switch input[type="radio"]:nth-of-type(2) + label:after {
247
+ content: "";
248
+ display: block;
249
+ height: 2.142em;
250
+ width: 2.142em;
251
+ margin-right: auto;
252
+ margin-left: 0.125em;
253
+ border-radius: 50%;
254
+ background-color: #ffffff;
255
+ box-shadow: 1px 2px 2px 0 rgba(23, 21, 21, 0.15);
256
+ pointer-events: none;
257
+ }
258
+
259
+ .wp-full-overlay-sidebar *, .wp-full-overlay-sidebar *:before, .wp-full-overlay-sidebar *:after {
260
+ box-sizing: border-box;
261
+ }
262
+
263
+ .iris-picker,
264
+ .iris-picker * {
265
+ box-sizing: content-box;
266
+ }
267
+
268
+ .wp-full-overlay-sidebar-content .accordion-section-content {
269
+ overflow: visible;
270
+ }
271
+
272
+ .control-section:not(.control-section-themes) .customize-control {
273
+ padding: 0;
274
+ width: 100%;
275
+ min-height: initial;
276
+ }
277
+
278
+ #customize-header-actions #customize-save-button-wrapper {
279
+ margin-top: 7px;
280
+ }
281
+
282
+ .wp-full-overlay-footer .devices button {
283
+ float: left;
284
+ border-radius: 0;
285
+ }
286
+
287
+ .customize-controls-close {
288
+ width: 48px;
289
+ height: 44px;
290
+ color: #7da9c3;
291
+ background: #ffffff;
292
+ border-top: none;
293
+ border-right-color: #e0e8ef;
294
+ }
295
+
296
+ .customize-controls-close:focus, .customize-controls-close:hover {
297
+ background: #f5fcff;
298
+ }
299
+
300
+ .customize-controls-close:before {
301
+ top: 0px;
302
+ }
303
+
304
+ #customize-controls .customize-info {
305
+ border-bottom-color: #e0e8ef;
306
+ }
307
+
308
+ .customize-panel-back, .customize-section-back {
309
+ height: 74px;
310
+ color: #7da9c3;
311
+ border-right-color: #e0e8ef;
312
+ }
313
+
314
+ .customize-panel-back:hover, .customize-panel-back:focus, .customize-section-back:hover, .customize-section-back:focus {
315
+ border-left-color: #f5fcff;
316
+ background: #f5fcff;
317
+ }
318
+
319
+ #customize-theme-controls .theme * {
320
+ box-sizing: content-box;
321
+ }
322
+
323
+ #customize-theme-controls .accordion-section-content {
324
+ padding: 17px;
325
+ }
326
+
327
+ #customize-theme-controls .customize-section-title {
328
+ margin-top: -17px;
329
+ margin-right: -17px;
330
+ }
331
+
332
+ #customize-theme-controls .control-panel-content .control-section:nth-child(2),
333
+ #customize-theme-controls .control-panel-content .control-section:nth-child(3) {
334
+ border-top: none;
335
+ }
336
+
337
+ #customize-theme-controls #accordion-section-add_menu {
338
+ border-bottom: none;
339
+ }
340
+
341
+ #customize-theme-controls #accordion-section-add_menu .add-menu-toggle {
342
+ float: none;
343
+ }
344
+
345
+ #customize-theme-controls .customize-pane-child.open {
346
+ height: 100%;
347
+ }
348
+
349
+ #customize-controls .description {
350
+ font-size: 12px;
351
+ font-weight: 300;
352
+ font-style: normal;
353
+ line-height: 1.6;
354
+ color: #4d7b90;
355
+ text-indent: 0;
356
+ }
357
+
358
+ .customize-control-description {
359
+ margin-top: 6px;
360
+ }
361
+
362
+ .customize-control {
363
+ margin-bottom: 24px;
364
+ }
365
+
366
+ #accordion-section-themes + .control-section {
367
+ border-top: none;
368
+ }
369
+
370
+ #customize-controls .panel-meta.customize-info .accordion-section-title {
371
+ border-top: none;
372
+ height: 74px;
373
+ }
374
+
375
+ .button-controls:after {
376
+ content: " ";
377
+ display: table;
378
+ clear: both;
379
+ }
380
+
381
+ .wp-core-ui .button:not(.theme-details):not(.collapse-sidebar):not(.wp-color-result),
382
  .wp-core-ui .button-primary,
383
+ .wp-core-ui .button-secondary {
384
+ width: auto;
385
+ padding-left: 15px;
386
+ padding-right: 15px;
387
+ font-weight: 400;
388
+ color: #F5FCFF;
389
+ text-shadow: none;
390
+ border: none;
391
+ background: #AED2E5;
392
+ box-shadow: 0px 2px 0px 0px #8DBED7;
393
+ border-radius: 4px;
394
+ }
395
 
396
+ .wp-core-ui .button:not(.theme-details):not(.collapse-sidebar):not(.wp-color-result):hover,
 
397
  .wp-core-ui .button-primary:hover,
398
+ .wp-core-ui .button-secondary:hover {
399
+ color: white;
400
+ text-shadow: none;
401
+ background: #98C6DD;
402
+ box-shadow: 0px 2px 0px 0px #74A7C2;
403
+ }
404
+
405
+ .wp-core-ui #customize-header-actions .button-primary {
406
+ background: #73C5EE;
407
+ box-shadow: 0px 2px 0px 0px #57ABD5;
408
+ }
409
+
410
+ .wp-core-ui #customize-header-actions .button-primary:hover {
411
+ background: #58B0DD;
412
+ box-shadow: 0px 2px 0px 0px #3F8AAF;
413
+ }
414
+
415
+ .wp-core-ui #customize-header-actions .button-primary.has-next-sibling {
416
+ border-right: 1px solid #57ABD5;
417
+ }
418
+
419
+ .wp-core-ui #customize-header-actions .button-primary:disabled {
420
+ color: white !important;
421
+ background: #AED2E5 !important;
422
+ opacity: 0.7;
423
+ box-shadow: 0px 2px 0px 0px #8db5ca !important;
424
+ }
425
+
426
+ .wp-core-ui #customize-header-actions .button-primary:disabled.has-next-sibling {
427
+ border-right: none;
428
+ }
429
+
430
+ .wp-core-ui .reset_section,
431
+ .wp-core-ui .reset_panel {
432
+ width: 100%;
433
+ height: 4em;
434
+ display: block;
435
+ margin: 0px 0 25px;
436
+ }
437
+
438
+ .wp-core-ui .reset_panel {
439
+ margin-top: 10px;
440
+ }
441
+
442
+ .separator.label {
443
+ display: block;
444
+ font-size: 14px;
445
+ line-height: 24px;
446
+ font-weight: 500;
447
+ }
448
+
449
+ .customize-control-title, .separator.label {
450
+ color: #2A3B44;
451
+ }
452
+
453
+ .separator.section:before, .separator.sub-section:before {
454
+ content: "";
455
+ position: absolute;
456
+ top: 0;
457
+ bottom: 0;
458
+ left: -18px;
459
+ right: -18px;
460
+ z-index: -1;
461
+ }
462
+
463
+ .separator.label {
464
+ font-weight: 500;
465
+ }
466
+
467
+ .separator.large {
468
+ margin-top: 12px;
469
+ font-size: 16px;
470
+ color: #39474D;
471
+ }
472
+
473
+ .separator.section {
474
+ position: relative;
475
+ padding: 14px 0;
476
+ margin-bottom: 0;
477
+ background: none;
478
+ border: none;
479
+ }
480
+
481
+ .separator.section[id*="layout"] {
482
+ margin-top: 0;
483
+ }
484
+
485
+ .separator.section[id*="layout"]:before {
486
+ border: none;
487
+ }
488
+
489
+ .separator.section:before {
490
+ border: 1px solid #e0e8ef;
491
+ background-color: #ffffff;
492
+ box-shadow: 0px 1px 0px 0px #DFE8EF;
493
+ }
494
+
495
+ .separator.sub-section {
496
+ position: relative;
497
+ padding: 12px 0;
498
+ }
499
+
500
+ .separator.sub-section:before {
501
+ border-top: 1px solid #e0e8ef;
502
+ border-bottom: 1px solid #e0e8ef;
503
+ background-color: #f6fbff;
504
+ }
505
+
506
+ .separator.sub-section + span {
507
+ margin-top: 20px;
508
+ font-style: normal;
509
+ }
510
+
511
+ .section-navigation-wrapper {
512
+ position: relative;
513
+ height: 43px;
514
+ margin: -15px -12px 0 -12px;
515
+ margin-right: -17px;
516
+ margin-left: -17px;
517
+ }
518
+
519
+ .section-navigation {
520
+ display: -ms-flexbox;
521
+ display: flex;
522
+ margin-top: -1px;
523
+ clear: both;
524
+ border-top: 1px solid #e0e8ef;
525
+ }
526
+
527
+ .section-navigation a {
528
+ -ms-flex: 1 1 auto;
529
+ flex: 1 1 auto;
530
+ display: block;
531
+ padding: 12px 0;
532
+ color: #3b484e;
533
+ background-color: #ffffff;
534
+ border-bottom: 1px solid #e0e8ef;
535
+ border-right: 1px solid #e0e8ef;
536
+ text-align: center;
537
+ text-decoration: none;
538
+ transition: background-color .15s ease-in-out;
539
+ }
540
+
541
+ .section-navigation a:last-child {
542
+ border-right: 0;
543
+ }
544
+
545
+ #customize-controls .customize-info.is-sticky.is-sticky,
546
+ #customize-controls .customize-section-title.is-sticky.is-sticky {
547
+ top: 40px;
548
+ }
549
+
550
+ #customize-controls .customize-info.is-in-view.is-in-view,
551
+ #customize-controls .customize-section-title.is-in-view.is-in-view {
552
+ box-shadow: none;
553
+ }
554
+
555
+ #customize-controls .has-nav .customize-info,
556
+ #customize-controls .has-nav .customize-section-title {
557
+ margin-right: -12px;
558
+ }
559
+
560
+ #customize-controls .customize-section-title.customize-section-title {
561
+ border-bottom: 0;
562
+ }
563
+
564
+ .customize-section-description-container.section-meta.has-nav {
565
+ margin-bottom: 0;
566
+ }
567
+
568
+ .font-options__wrapper {
569
+ position: relative;
570
+ }
571
+
572
+ .font-options__wrapper:after {
573
+ content: "";
574
+ position: absolute;
575
+ top: 90%;
576
+ left: 0;
577
+ right: 0;
578
+ z-index: 0;
579
+ display: block;
580
+ height: 30px;
581
+ }
582
+
583
+ .font-options__head {
584
+ display: -ms-flexbox;
585
+ display: flex;
586
+ -ms-flex-pack: justify;
587
+ justify-content: space-between;
588
+ }
589
+
590
+ .font-options__head.font-options__head {
591
+ -webkit-appearance: none;
592
+ text-overflow: ellipsis;
593
+ white-space: nowrap;
594
+ }
595
+
596
+ .font-options__font-title {
597
+ margin-right: 26px;
598
+ margin-left: 10px;
599
+ font-size: 12px;
600
+ line-height: 20px;
601
+ font-weight: 300;
602
+ color: #98c6dd;
603
+ text-overflow: ellipsis;
604
+ overflow: hidden;
605
+ white-space: nowrap;
606
+ }
607
+
608
+ .font-options__options-list {
609
+ position: absolute;
610
+ top: calc(100% + 6px);
611
+ left: -6px;
612
+ right: -6px;
613
+ z-index: 2;
614
+ display: block;
615
+ padding: 10px;
616
+ border: 1px solid #dfe8ef;
617
+ border-radius: 5px;
618
+ background-color: #ffffff;
619
+ opacity: 0;
620
+ display: none;
621
+ transition: opacity .15s linear;
622
+ }
623
+
624
+ .font-options__options-list:last-child {
625
+ margin-bottom: 0;
626
+ }
627
+
628
+ .font-options__options-list:before, .font-options__options-list:after {
629
+ content: "";
630
+ position: absolute;
631
+ top: -20px;
632
+ right: 25px;
633
+ height: 0;
634
+ width: 0;
635
+ border: solid transparent;
636
+ z-index: 10;
637
+ }
638
+
639
+ .font-options__options-list:before {
640
+ border-bottom-color: white;
641
+ border-width: 10px;
642
+ z-index: 11;
643
+ }
644
+
645
+ .font-options__options-list:after {
646
+ border-bottom-color: rgba(0, 0, 0, 0.075);
647
+ border-width: 12px;
648
+ top: -24px;
649
+ right: 23px;
650
+ }
651
+
652
+ .customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap:after {
653
+ content: "";
654
+ position: absolute;
655
+ bottom: 100%;
656
+ right: 12px;
657
+ border-collapse: separate;
658
+ width: 0;
659
+ height: 0;
660
+ border-width: 0 9px 9px 9px;
661
+ border-style: solid;
662
+ border-color: transparent transparent #fff transparent;
663
+ }
664
+
665
+ .font-options__head, .wp-full-overlay-sidebar-content .customize-control input[type=text]:not(#_customize-input-wpcom_custom_css_content_width_control):not(.wp-color-picker),
666
  .wp-full-overlay-sidebar-content .customize-control input[type=checkbox],
667
  .wp-full-overlay-sidebar-content .customize-control input[type=password],
668
  .wp-full-overlay-sidebar-content .customize-control input[type=color],
680
  .wp-full-overlay-sidebar-content .customize-control input[type=search],
681
  .wp-full-overlay-sidebar-content .customize-control select,
682
  .wp-full-overlay-sidebar-content .customize-control textarea,
683
+ .wp-full-overlay-sidebar-content .customize-control input[type="number"].range-value, ul.font-options__options-list .select2-container .select2-selection--single, #customize-theme-controls .select2-container .select2-selection--multiple {
684
+ width: 100%;
685
+ height: 44px;
686
+ padding: 10px 14px;
687
+ background: #FFFFFF;
688
+ border: 2px solid #B8DAEB;
689
+ border-radius: 4px;
690
+ font-size: 14px;
691
+ line-height: 1.5;
692
+ color: #416B7E;
693
+ outline: 0;
694
+ }
695
+
696
+ .font-options__head:focus, .wp-full-overlay-sidebar-content .customize-control input[type=text]:focus:not(#_customize-input-wpcom_custom_css_content_width_control):not(.wp-color-picker),
697
  .wp-full-overlay-sidebar-content .customize-control input[type=checkbox]:focus,
698
  .wp-full-overlay-sidebar-content .customize-control input[type=password]:focus,
699
  .wp-full-overlay-sidebar-content .customize-control input[type=color]:focus,
711
  .wp-full-overlay-sidebar-content .customize-control input[type=search]:focus,
712
  .wp-full-overlay-sidebar-content .customize-control select:focus,
713
  .wp-full-overlay-sidebar-content .customize-control textarea:focus,
714
+ .wp-full-overlay-sidebar-content .customize-control input[type="number"].range-value:focus, ul.font-options__options-list .select2-container .select2-selection--single:focus, #customize-theme-controls .select2-container .select2-selection--multiple:focus {
715
+ border-color: #73C5EE;
716
+ box-shadow: none;
717
+ }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
718
 
719
+ .font-options__head, .wp-full-overlay-sidebar-content .customize-control select, ul.font-options__options-list .select2-container .select2-selection--single, #customize-theme-controls .select2-container .select2-selection--multiple {
720
+ width: 100%;
721
+ -webkit-appearance: button;
722
+ -moz-appearance: none;
723
+ font-weight: 600;
724
+ background: white url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE1cHgiIGhlaWdodD0iOXB4IiB2aWV3Qm94PSIwIDAgMTUgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDdXN0b21pZnktQ29weS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjU2LjAwMDAwMCwgLTM4Ni4wMDAwMDApIiBmaWxsPSIjOThDNkRFIj4KICAgICAgICAgICAgPGcgaWQ9IkhlYWRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgNDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCA3NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iVGl0bGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2LjAwMDAwMCwgMjE5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iRmllbGQtLS1TZWxlY3QtQ29weSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iU2VsZWN0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMjcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI1NC40ODEyLDE4IEwyNTYsMTkuNTE0IEwyNDguNSwyNyBMMjQxLDE5LjUxNCBMMjQyLjUxODgsMTggTDI0OC41LDIzLjk2NzIgTDI1NC40ODEyLDE4IFoiIGlkPSJQYWdlLTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
725
+ background-position: right 16px top 16px;
726
+ }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
727
 
728
+ [multiple].font-options__head, .wp-full-overlay-sidebar-content .customize-control select[multiple], ul.font-options__options-list .select2-container [multiple].select2-selection--single, #customize-theme-controls .select2-container [multiple].select2-selection--multiple {
729
+ background: white;
730
+ }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
731
 
732
+ .wp-full-overlay-sidebar-content .customize-control input[type=text],
733
+ .wp-full-overlay-sidebar-content .customize-control textarea {
734
+ font-size: 13px;
735
+ }
736
 
737
+ .wp-full-overlay-sidebar-content .customize-control textarea {
738
+ height: auto;
739
+ }
740
 
741
+ .wp-full-overlay-sidebar-content .customize-control input[type=checkbox],
742
+ .wp-full-overlay-sidebar-content .customize-control input[type=radio] {
743
+ width: 22px;
744
+ height: 22px;
745
+ }
746
 
747
+ .wp-full-overlay-sidebar-content .customize-control input[type=checkbox]:checked,
748
+ .wp-full-overlay-sidebar-content .customize-control input[type=radio]:checked {
749
+ background: #73C5EE;
750
+ border-color: #5AB9E8;
751
+ }
752
 
753
+ .wp-full-overlay-sidebar-content .customize-control input[type=checkbox]:checked:before,
754
+ .wp-full-overlay-sidebar-content .customize-control input[type=radio]:checked:before {
755
+ color: white;
756
+ margin: -1px 0 0 -2px;
757
+ }
758
 
759
+ .wp-full-overlay-sidebar-content .customize-control .awesome_preset input[type=radio]:checked {
760
+ background: transparent;
761
+ }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
762
 
763
+ .wp-full-overlay-sidebar-content .customize-control.customize-control-checkbox:not(#customize-control-jetpack_css_mode_control) label:not(:only-of-type),
764
+ .wp-full-overlay-sidebar-content .customize-control.customize-control-checkbox:not(#customize-control-jetpack_css_mode_control) > .customize-inside-control-row:not(:only-of-type), .wp-full-overlay-sidebar-content .customize-control.customize-control-radio label:not(:only-of-type),
765
+ .wp-full-overlay-sidebar-content .customize-control.customize-control-radio > .customize-inside-control-row:not(:only-of-type) {
766
+ margin-left: 30px;
767
+ padding-top: 0;
768
+ padding-bottom: 0;
769
+ display: inline-block;
770
+ width: calc(49% - 30px);
771
+ text-indent: -6px;
772
+ }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
773
 
774
+ .wp-full-overlay-sidebar-content .customize-control.customize-control-checkbox:not(#customize-control-jetpack_css_mode_control) label, .wp-full-overlay-sidebar-content .customize-control.customize-control-radio label {
775
+ color: #416B7E;
776
+ }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
777
 
778
+ [id*="divider"] + .wp-full-overlay-sidebar-content .customize-control.customize-control-checkbox:not(#customize-control-jetpack_css_mode_control), [id*="divider"] + .wp-full-overlay-sidebar-content .customize-control.customize-control-radio {
779
+ margin-top: 0;
780
+ }
781
+
782
+ .wp-full-overlay-sidebar-content .customize-control input[type=radio] {
783
+ border-radius: 50%;
784
+ }
785
+
786
+ .wp-full-overlay-sidebar-content .customize-control input[type=radio]:checked:before {
787
+ content: none;
788
+ }
789
+
790
+ .customize-control-html + .wp-full-overlay-sidebar-content .customize-control.customize-control-checkbox {
791
+ margin-top: -24px;
792
+ }
793
+
794
+ .wp-full-overlay-sidebar-content .customize-control.customize-control-radio label,
795
+ .wp-full-overlay-sidebar-content .customize-control.customize-control-radio .customize-inside-control-row {
796
+ margin-top: 12px;
797
+ }
798
+
799
+ .wp-full-overlay-sidebar-content .customize-control.customize-control-radio#customize-control-changeset_status .customize-inside-control-row {
800
+ margin-top: 0;
801
+ text-indent: 0;
802
+ }
803
+
804
+ .wp-full-overlay-sidebar-content .customize-control input[type="range"] {
805
+ width: 65%;
806
+ }
807
+
808
+ .wp-full-overlay-sidebar-content .customize-control input[type="range"] {
809
+ position: relative;
810
+ -webkit-appearance: none;
811
+ width: calc(100% - 55px);
812
+ height: 22px;
813
+ overflow: hidden;
814
+ outline: none;
815
+ background: none;
816
+ }
817
+
818
+ .wp-full-overlay-sidebar-content .customize-control input[type="range"]:before {
819
+ content: " ";
820
+ position: absolute;
821
+ top: 8px;
822
+ left: 0;
823
+ height: 6px;
824
+ width: 100%;
825
+ background: #DFE8EF;
826
+ box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
827
+ border-radius: 10px;
828
+ }
829
+
830
+ .wp-full-overlay-sidebar-content .customize-control input[type="range"]::-webkit-slider-thumb {
831
+ -webkit-appearance: none;
832
+ width: 22px;
833
+ height: 22px;
834
+ background: #27ae60;
835
+ position: relative;
836
+ z-index: 3;
837
+ background: #FFFFFF;
838
+ border: 2px solid #B8DAEB;
839
+ border-radius: 4px;
840
+ }
841
+
842
+ .wp-full-overlay-sidebar-content .customize-control input[type="range"]::-webkit-slider-thumb:before {
843
+ content: "..";
844
+ position: absolute;
845
+ left: 5px;
846
+ top: -5px;
847
+ color: #B8DAEB;
848
+ font-size: 1em;
849
+ letter-spacing: 1px;
850
+ }
851
+
852
+ .wp-full-overlay-sidebar-content .customize-control input[type="range"]::-webkit-slider-thumb:after {
853
+ content: " ";
854
+ width: calc(100% - 55px);
855
+ height: 6px;
856
+ position: absolute;
857
+ z-index: 1;
858
+ right: 20px;
859
+ top: 6px;
860
+ background: #73C5EE;
861
+ }
862
+
863
+ .wp-full-overlay-sidebar-content .customize-control input[type="number"].range-value {
864
+ min-width: 40px;
865
+ max-width: 80px;
866
+ width: auto;
867
+ height: 30px;
868
+ top: -5px;
869
+ float: right;
870
+ padding: 4px 0px 5px 0px;
871
+ margin-left: 10px;
872
+ font-size: 13px;
873
+ line-height: 1;
874
+ text-align: center;
875
+ }
876
+
877
+ .wp-full-overlay-sidebar-content .customize-control input[type=number]::-webkit-inner-spin-button,
878
+ .wp-full-overlay-sidebar-content .customize-control input[type=number]::-webkit-outer-spin-button {
879
+ -webkit-appearance: none;
880
+ margin: 0;
881
+ }
882
+
883
+ .customize-control-color {
884
+ display: block;
885
+ }
886
+
887
+ .customize-control-color .customize-control-title, .customize-control-color .separator.label {
888
+ float: left;
889
+ }
890
+
891
+ .customize-control-color .wp-picker-container {
892
+ position: relative;
893
+ float: right;
894
+ top: -3px;
895
+ }
896
+
897
+ .customize-control-color .wp-picker-container .wp-picker-holder {
898
+ position: relative;
899
+ }
900
+
901
+ .customize-control-color .wp-picker-container .wp-color-result,
902
+ .customize-control-color .wp-picker-container .wp-color-result.button {
903
+ top: 0;
904
+ height: 30px;
905
+ width: 40px;
906
+ margin: 0;
907
+ padding: 0;
908
+ border-radius: 4px;
909
+ background: #2ECC71;
910
+ border: 2px solid #B8DAEB;
911
+ box-shadow: none;
912
+ }
913
+
914
+ .customize-control-color .wp-picker-container .wp-color-result:after,
915
+ .customize-control-color .wp-picker-container .wp-color-result .wp-color-result-text,
916
+ .customize-control-color .wp-picker-container .wp-color-result.button:after,
917
+ .customize-control-color .wp-picker-container .wp-color-result.button .wp-color-result-text {
918
+ display: none;
919
+ }
920
+
921
+ .customize-control-color .wp-picker-container .iris-picker {
922
+ position: absolute;
923
+ top: 40px;
924
+ right: 0;
925
+ z-index: 1000;
926
+ width: 275px !important;
927
+ border-top: none;
928
+ border-color: #DFDFDE;
929
+ border-radius: 0 0 3px 3px;
930
+ border: none;
931
+ background: white;
932
+ }
933
+
934
+ .customize-control-color .wp-picker-container .iris-picker, .customize-control-color .wp-picker-container .iris-picker * {
935
+ box-sizing: content-box;
936
+ }
937
+
938
+ .customize-control-color .wp-picker-container .iris-picker .iris-square {
939
+ width: 215px !important;
940
+ height: 173px !important;
941
+ margin-right: 0;
942
+ }
943
+
944
+ .customize-control-color .wp-picker-container .iris-picker .iris-strip {
945
+ float: right;
946
+ box-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px inset;
947
+ }
948
+
949
+ .customize-control-color .wp-picker-container .iris-picker .iris-strip .ui-slider-handle {
950
+ border-color: #aaa !important;
951
+ opacity: 1;
952
+ box-shadow: none;
953
+ }
954
+
955
+ .customize-control-color .wp-picker-container .iris-picker .iris-palette {
956
+ width: 24px !important;
957
+ height: 24px !important;
958
+ border-radius: 50px;
959
+ box-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px inset;
960
+ }
961
+
962
+ .customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap {
963
+ position: absolute;
964
+ z-index: 1000;
965
+ top: 35px;
966
+ right: 0;
967
+ width: 275px;
968
+ padding: 9px 12px;
969
+ background: white;
970
+ border: none;
971
+ border-radius: 3px 3px 0 0;
972
+ }
973
+
974
+ .customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap input.wp-color-picker {
975
+ float: left;
976
+ width: 100px;
977
+ font-size: 13px;
978
+ text-align: left;
979
+ margin: 0;
980
+ padding: 6px 12px;
981
+ height: auto;
982
+ }
983
+
984
+ .customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap input.button {
985
+ float: right;
986
+ padding: 4px 12px;
987
+ height: 30px;
988
+ }
989
+
990
+ .customize-control-font:last-child {
991
+ margin-bottom: 150px;
992
+ }
993
+
994
+ #accordion-section-live_css_edit_section .customize-section-title {
995
+ margin-top: -13px;
996
+ border-bottom: 1px solid #ddd;
997
+ }
998
+
999
+ #accordion-section-live_css_edit_section #css_editor {
1000
+ top: 70px;
1001
+ border-top: 10px solid white;
1002
+ overflow: visible;
1003
+ }
1004
+
1005
+ #accordion-section-live_css_edit_section #css_editor:before {
1006
+ content: "";
1007
+ width: 48px;
1008
+ height: 10px;
1009
+ display: block;
1010
+ background: #e8e8e8;
1011
+ top: -10px;
1012
+ position: absolute;
1013
+ z-index: 10000000;
1014
+ left: 0;
1015
+ }
1016
+
1017
+ #accordion-section-live_css_edit_section .ace_scroller {
1018
+ padding-left: 10px;
1019
+ }
1020
+
1021
+ .wp-full-overlay.editor_opened {
1022
+ margin-left: 500px;
1023
+ }
1024
+
1025
+ .wp-full-overlay.editor_opened #customize-controls {
1026
+ width: 500px;
1027
+ }
1028
+
1029
+ .wp-full-overlay.editor_opened.collapsed #customize-controls {
1030
+ width: 300px;
1031
+ }
1032
+
1033
+ .customize-control-media .current,
1034
+ .customize-control-site_icon .current,
1035
+ li#customize-control-site_logo .current {
1036
+ margin-bottom: 10px;
1037
+ min-height: 44px;
1038
+ background: #F5FCFF;
1039
+ border: 2px solid #B8DAEB;
1040
+ border-radius: 4px;
1041
+ }
1042
+
1043
+ .customize-control-media .current .container, .customize-control-media .current span,
1044
+ .customize-control-site_icon .current .container,
1045
+ .customize-control-site_icon .current span,
1046
+ li#customize-control-site_logo .current .container,
1047
+ li#customize-control-site_logo .current span {
1048
+ border: none;
1049
+ }
1050
+
1051
+ .customize-control-media .inner, .customize-control-media .current span,
1052
+ .customize-control-site_icon .inner,
1053
+ .customize-control-site_icon .current span,
1054
+ li#customize-control-site_logo .inner,
1055
+ li#customize-control-site_logo .current span {
1056
+ font-size: 13px;
1057
+ color: #98C6DD;
1058
+ }
1059
+
1060
+ .customize-control-media .inner,
1061
+ .customize-control-site_icon .inner,
1062
+ li#customize-control-site_logo .inner {
1063
+ line-height: 1.4;
1064
+ }
1065
+
1066
+ .customize-control-media .thumbnail-image,
1067
+ .customize-control-site_icon .thumbnail-image,
1068
+ li#customize-control-site_logo .thumbnail-image {
1069
+ padding: 14px;
1070
+ text-align: center;
1071
+ }
1072
+
1073
+ .customize-control-media .thumbnail-image img,
1074
+ .customize-control-site_icon .thumbnail-image img,
1075
+ li#customize-control-site_logo .thumbnail-image img {
1076
+ width: auto;
1077
+ }
1078
+
1079
+ .customize-control-media .actions,
1080
+ .customize-control-site_icon .actions,
1081
+ li#customize-control-site_logo .actions {
1082
+ margin-bottom: 0;
1083
+ }
1084
+
1085
+ .customize-control-typography select, .customize-control-typography select {
1086
+ margin-bottom: 10px;
1087
+ }
1088
+
1089
+ .customize-control-typography .description, .customize-control-typography .description {
1090
+ margin-top: -3px;
1091
+ }
1092
+
1093
+ .customize-control-typography ul li, .customize-control-typography ul li {
1094
+ width: 100%;
1095
+ margin: 0;
1096
+ }
1097
+
1098
+ .default-preset-button {
1099
+ background-color: #F5F6F6;
1100
+ float: right;
1101
+ padding: 1px 8px;
1102
+ border-radius: 3px;
1103
+ border: 1px solid #CBCBCB;
1104
+ margin-right: 4px;
1105
+ font-family: "Open Sans",sans-serif;
1106
+ font-size: 13px;
1107
+ }
1108
+
1109
+ .customize-control-preset .description {
1110
+ margin-right: 5px;
1111
+ font-style: normal;
1112
+ }
1113
+
1114
+ .customify_preset.radio_buttons .customify_radio_button {
1115
+ border: none;
1116
+ display: inline-block;
1117
+ padding: 2px;
1118
+ margin: 3px;
1119
+ position: relative;
1120
+ overflow: hidden;
1121
+ height: auto;
1122
+ }
1123
+
1124
+ .customify_preset.radio_buttons .customify_radio_button input[type="radio"] {
1125
+ opacity: 0;
1126
+ width: 100%;
1127
+ height: 100%;
1128
+ position: absolute;
1129
+ z-index: 9999;
1130
+ }
1131
+
1132
+ .customify_preset.radio_buttons .customify_radio_button input[type="radio"]:checked + label {
1133
+ background-color: #ebebeb;
1134
+ }
1135
+
1136
+ .customify_preset.radio_buttons .customify_radio_button input[type="radio"]:checked + label:before {
1137
+ content: '>';
1138
+ color: inherit;
1139
+ }
1140
+
1141
+ .customify_preset.radio_buttons .customify_radio_button input[type="radio"]:checked + label:after {
1142
+ content: '<';
1143
+ color: inherit;
1144
+ }
1145
+
1146
+ .customify_preset.radio_buttons .customify_radio_button input[type="radio"]:checked:before {
1147
+ opacity: 0;
1148
+ }
1149
+
1150
+ .customify_preset.radio_buttons .customify_radio_button label {
1151
+ position: relative;
1152
+ z-index: 999;
1153
+ border-left: 4px solid;
1154
+ }
1155
+
1156
+ .customify_preset .awesome_preset {
1157
+ width: 45%;
1158
+ position: relative;
1159
+ display: inline-block;
1160
+ text-align: center;
1161
+ color: white;
1162
+ margin-top: 5px;
1163
+ margin-bottom: 25px;
1164
+ transition: all 0.2s;
1165
+ }
1166
+
1167
+ .customify_preset .awesome_preset:hover {
1168
+ opacity: 0.9;
1169
+ }
1170
+
1171
+ .customify_preset .awesome_preset:before {
1172
+ content: '';
1173
+ position: absolute;
1174
+ top: 1px;
1175
+ left: 1px;
1176
+ right: 1px;
1177
+ bottom: 1px;
1178
+ border: 1px solid #FFF;
1179
+ background: transparent;
1180
+ opacity: .5;
1181
+ border-radius: 4px;
1182
+ z-index: 5;
1183
+ }
1184
+
1185
+ .customify_preset .awesome_preset .preset-wrap .preset-color {
1186
+ height: 128px;
1187
+ border-radius: 4px 4px 0 0;
1188
+ padding: 17px 0 27px;
1189
+ }
1190
+
1191
+ .customify_preset .awesome_preset .preset-wrap .preset-color .first-font {
1192
+ display: inline-block;
1193
+ width: 100%;
1194
+ font-size: 55px;
1195
+ line-height: 1;
1196
+ }
1197
+
1198
+ .customify_preset .awesome_preset .preset-wrap .preset-color .secondary-font {
1199
+ display: inline-block;
1200
+ width: 100%;
1201
+ font-size: 20px;
1202
+ line-height: 1;
1203
+ margin-top: 8px;
1204
+ }
1205
+
1206
+ .customify_preset .awesome_preset .preset-wrap .preset-name {
1207
+ position: relative;
1208
+ font-size: 11px;
1209
+ text-transform: UPPERCASE;
1210
+ border-radius: 0 0 4px 4px;
1211
+ padding: 1px;
1212
+ }
1213
+
1214
+ .customify_preset .awesome_preset .preset-wrap .preset-name:before {
1215
+ content: '';
1216
+ position: absolute;
1217
+ border-color: inherit;
1218
+ border: 10px solid;
1219
+ border-left-color: transparent;
1220
+ border-right-color: transparent;
1221
+ border-top: transparent;
1222
+ top: -10px;
1223
+ border-bottom-color: inherit;
1224
+ left: 40%;
1225
+ }
1226
+
1227
+ .customify_preset .awesome_preset:nth-child(odd) {
1228
+ margin-right: 7%;
1229
+ }
1230
+
1231
+ .customify_preset .awesome_preset input[type=radio] {
1232
+ height: 100%;
1233
+ width: 100%;
1234
+ position: absolute;
1235
+ border: 0;
1236
+ box-shadow: none;
1237
+ color: #006505;
1238
+ background-color: transparent;
1239
+ border-radius: 0;
1240
+ margin: 0;
1241
+ display: inline-block;
1242
+ top: 0;
1243
+ left: 0;
1244
+ z-index: 10;
1245
+ }
1246
+
1247
+ .customify_preset .awesome_preset input[type=radio]:checked:before {
1248
+ position: absolute;
1249
+ height: 25px;
1250
+ width: 25px;
1251
+ top: -13px;
1252
+ right: -14px;
1253
+ background: #FFF;
1254
+ z-index: 1;
1255
+ }
1256
+
1257
+ .customify_preset .awesome_preset input[type=radio]:checked:after {
1258
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1259
+ filter: alpha(opacity=0);
1260
+ content: '';
1261
+ position: absolute;
1262
+ width: 26px;
1263
+ height: 26px;
1264
+ border-radius: 50%;
1265
+ top: -5px;
1266
+ right: -5px;
1267
+ z-index: 10;
1268
+ background: #73C5EE url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEzcHgiIGhlaWdodD0iOXB4IiB2aWV3Qm94PSIwIDAgMTMgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDdXN0b21pZnktQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgLTQwOC4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9IkhlYWRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgNDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCA3NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iRmllbGQtLS1DaGVja2JveC1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNy4wMDAwMDAsIDI0OS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkNoZWNrYm94IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMzAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAuMDM4NDk1LDE2IEwxNy4xMTYxMzc1LDguOTIxNDg3NiBMMTUuMTk0NjQ5OCw3IEwxMC4wMzg0OTUsMTIuMTU1MDY3NCBMNi45MjE0ODc2LDkuMDM4OTI5OTcgTDUsMTAuOTYwNDE3NiBMMTAuMDM4NDk1LDE2IFoiIGlkPSJQYWdlLTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
1269
+ background-position: center center;
1270
+ }
1271
+
1272
+ .customify_radio_image {
1273
+ display: inline-block;
1274
+ }
1275
+
1276
+ .customify_radio_image label {
1277
+ display: block;
1278
+ float: left;
1279
+ margin-right: 10px;
1280
+ position: relative;
1281
+ }
1282
+
1283
+ .customify_radio_image label input[type=radio] {
1284
+ position: absolute;
1285
+ top: 0;
1286
+ bottom: 0;
1287
+ left: 0;
1288
+ right: 0;
1289
+ width: 100%;
1290
+ height: 100%;
1291
+ visibility: hidden;
1292
+ }
1293
+
1294
+ .customify_radio_image label input[type=radio] img {
1295
+ cursor: pointer;
1296
+ border: 2px solid transparent;
1297
+ }
1298
+
1299
+ .customify_radio_image label input[type=radio]:checked + img {
1300
+ border: 3px solid #73C5EE;
1301
+ }
1302
+
1303
+ .customify_ace_editor {
1304
+ display: block;
1305
+ min-height: 200px;
1306
+ border: 1px solid #ddd;
1307
+ }
1308
+
1309
+ .customize-control-custom_background .hide {
1310
+ display: none;
1311
+ }
1312
+
1313
+ .customize-control-custom_background .upload_button_div {
1314
+ margin: 10px 0;
1315
+ }
1316
+
1317
+ .customize-control-custom_background .upload_button_div > * {
1318
+ margin-right: 10px;
1319
+ }
1320
+
1321
+ .customize-control-custom_background .preview_screenshot {
1322
+ text-align: center;
1323
+ margin: 10px 0;
1324
+ }
1325
+
1326
+ .customize-control-custom_background .preview_screenshot img {
1327
+ border: 2px solid #ccc;
1328
+ }
1329
+
1330
+ #customify_import_demo_data_button {
1331
+ width: 70%;
1332
+ text-align: center;
1333
+ padding: 10px;
1334
+ display: inline-block;
1335
+ height: auto;
1336
+ margin: 0 15% 10% 15%;
1337
+ }
1338
+
1339
+ .import_step_note {
1340
+ margin: 5px;
1341
+ width: 100%;
1342
+ display: inline-block;
1343
+ }
1344
+
1345
+ .import_step_note:before {
1346
+ content: "\1F449";
1347
+ }
1348
+
1349
+ .import_step_note.success:before {
1350
+ content: "\1F44D";
1351
+ }
1352
+
1353
+ .import_step_note.failed:before {
1354
+ content: "\274C";
1355
+ }
1356
+
1357
+ #customize-header-actions {
1358
+ background: #ffffff;
1359
+ border-color: #e0e8ef;
1360
+ }
1361
+
1362
+ .wp-full-overlay-sidebar,
1363
+ .customize-themes-panel,
1364
+ #customize-sidebar-outer-content {
1365
+ background: #F7F9FA;
1366
+ border-right: 1px solid #e0e8ef;
1367
+ }
1368
+
1369
+ .outer-section-open #customize-controls .wp-full-overlay-sidebar-content,
1370
+ .attachment-media-view, .media-widget-preview.media_audio, .media-widget-preview.media_image {
1371
+ background: #F7F9FA;
1372
+ }
1373
+
1374
+ #customize-theme-controls #accordion-section-menu_locations {
1375
+ border-bottom: 1px solid #e0e8ef;
1376
+ }
1377
+
1378
+ #customize-controls #accordion-section-themes > .accordion-section-title {
1379
+ font-weight: 600;
1380
+ border-bottom: 1px solid #e0e8ef;
1381
+ }
1382
+
1383
+ #customize-controls #accordion-section-themes > .accordion-section-title:hover {
1384
+ background: #fff;
1385
+ }
1386
+
1387
+ #customize-controls .panel-meta.customize-info {
1388
+ border-bottom-color: #e0e8ef;
1389
+ }
1390
+
1391
+ #customize-theme-controls .control-section .accordion-section-title {
1392
+ font-weight: 400;
1393
+ border-top: 1px solid #e0e8ef;
1394
+ border-bottom: none;
1395
+ }
1396
+
1397
+ #customize-theme-controls .control-section:last-of-type > .accordion-section-title {
1398
+ border-bottom: 1px solid #e0e8ef;
1399
+ }
1400
+
1401
+ #customize-theme-controls .customize-section-title {
1402
+ border-top: 1px solid #e0e8ef;
1403
+ border-bottom: 1px solid #e0e8ef;
1404
+ }
1405
+
1406
+ #customize-controls .control-section .accordion-section-title:focus, #customize-controls .control-section .accordion-section-title:hover, #customize-controls .control-section.open .accordion-section-title, #customize-controls .control-section:hover > .accordion-section-title {
1407
+ color: #056184;
1408
+ background: #f5fcff;
1409
+ border-left-color: #f5fcff;
1410
+ }
1411
+
1412
+ .wp-customizer {
1413
+ /* SECTION: NAV MENUS */
1414
+ }
1415
+
1416
+ .wp-customizer .menu-item-edit-active .menu-item-handle, .wp-customizer .section-open .menu-item-settings, .wp-customizer .menu-item-bar .menu-item-handle:hover {
1417
+ border-color: #e0e8ef;
1418
+ }
1419
+
1420
+ .wp-customizer .section-open .menu-item-settings {
1421
+ background: #f5fcff;
1422
+ }
1423
+
1424
+ .wp-customizer .control-section-nav_menu .menu-location-settings {
1425
+ border-top-color: #e0e8ef !important;
1426
+ }
1427
+
1428
+ [data-balloon] {
1429
+ position: relative;
1430
+ }
1431
+
1432
+ [data-balloon]::before {
1433
+ opacity: 0;
1434
+ pointer-events: none;
1435
+ transition: all .18s ease-out;
1436
+ background: rgba(17, 17, 17, 0.9);
1437
+ border-radius: 4px;
1438
+ color: #fff;
1439
+ content: attr(data-balloon);
1440
+ font-size: 12px;
1441
+ padding: .5em 1em;
1442
+ position: absolute;
1443
+ white-space: nowrap;
1444
+ z-index: 10;
1445
+ }
1446
+
1447
+ [data-balloon]::after {
1448
+ background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(0)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>');
1449
+ background-size: 100% auto;
1450
+ width: 18px;
1451
+ height: 6px;
1452
+ opacity: 0;
1453
+ pointer-events: none;
1454
+ transition: all .18s ease-out;
1455
+ content: '';
1456
+ position: absolute;
1457
+ z-index: 10;
1458
+ }
1459
+
1460
+ [data-balloon]:hover::before, [data-balloon]:hover::after {
1461
+ opacity: 1;
1462
+ pointer-events: auto;
1463
+ }
1464
+
1465
+ [data-balloon][data-balloon-pos="up"]::before {
1466
+ bottom: 100%;
1467
+ left: 50%;
1468
+ margin-bottom: 11px;
1469
+ -webkit-transform: translate3d(-50%, 10px, 0);
1470
+ transform: translate3d(-50%, 10px, 0);
1471
+ -webkit-transform-origin: top;
1472
+ transform-origin: top;
1473
+ }
1474
+
1475
+ [data-balloon][data-balloon-pos="up"]::after {
1476
+ bottom: 100%;
1477
+ left: 50%;
1478
+ margin-bottom: 5px;
1479
+ -webkit-transform: translate3d(-50%, 10px, 0);
1480
+ transform: translate3d(-50%, 10px, 0);
1481
+ -webkit-transform-origin: top;
1482
+ transform-origin: top;
1483
+ }
1484
+
1485
+ [data-balloon][data-balloon-pos="up"]:hover::before {
1486
+ -webkit-transform: translate3d(-50%, 0, 0);
1487
+ transform: translate3d(-50%, 0, 0);
1488
+ }
1489
+
1490
+ [data-balloon][data-balloon-pos="up"]:hover::after {
1491
+ -webkit-transform: translate3d(-50%, 0, 0);
1492
+ transform: translate3d(-50%, 0, 0);
1493
+ }
1494
+
1495
+ [data-balloon][data-balloon-pos='down']::before {
1496
+ left: 50%;
1497
+ margin-top: 11px;
1498
+ top: 100%;
1499
+ -webkit-transform: translate3d(-50%, -10px, 0);
1500
+ transform: translate3d(-50%, -10px, 0);
1501
+ }
1502
+
1503
+ [data-balloon][data-balloon-pos='down']::after {
1504
+ background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(180 18 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>');
1505
+ background-size: 100% auto;
1506
+ width: 18px;
1507
+ height: 6px;
1508
+ left: 50%;
1509
+ margin-top: 5px;
1510
+ top: 100%;
1511
+ -webkit-transform: translate3d(-50%, -10px, 0);
1512
+ transform: translate3d(-50%, -10px, 0);
1513
+ }
1514
+
1515
+ [data-balloon][data-balloon-pos='down']:hover::before {
1516
+ -webkit-transform: translate3d(-50%, 0, 0);
1517
+ transform: translate3d(-50%, 0, 0);
1518
+ }
1519
+
1520
+ [data-balloon][data-balloon-pos='down']:hover::after {
1521
+ -webkit-transform: translate3d(-50%, 0, 0);
1522
+ transform: translate3d(-50%, 0, 0);
1523
+ }
1524
+
1525
+ [data-balloon][data-balloon-pos='left']::before {
1526
+ margin-right: 11px;
1527
+ right: 100%;
1528
+ top: 50%;
1529
+ -webkit-transform: translate3d(10px, -50%, 0);
1530
+ transform: translate3d(10px, -50%, 0);
1531
+ }
1532
+
1533
+ [data-balloon][data-balloon-pos='left']::after {
1534
+ background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(-90 18 18)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>');
1535
+ background-size: 100% auto;
1536
+ width: 6px;
1537
+ height: 18px;
1538
+ margin-right: 5px;
1539
+ right: 100%;
1540
+ top: 50%;
1541
+ -webkit-transform: translate3d(10px, -50%, 0);
1542
+ transform: translate3d(10px, -50%, 0);
1543
+ }
1544
+
1545
+ [data-balloon][data-balloon-pos='left']:hover::before {
1546
+ -webkit-transform: translate3d(0, -50%, 0);
1547
+ transform: translate3d(0, -50%, 0);
1548
+ }
1549
+
1550
+ [data-balloon][data-balloon-pos='left']:hover::after {
1551
+ -webkit-transform: translate3d(0, -50%, 0);
1552
+ transform: translate3d(0, -50%, 0);
1553
+ }
1554
+
1555
+ [data-balloon][data-balloon-pos='right']::before {
1556
+ left: 100%;
1557
+ margin-left: 11px;
1558
+ top: 50%;
1559
+ -webkit-transform: translate3d(-10px, -50%, 0);
1560
+ transform: translate3d(-10px, -50%, 0);
1561
+ }
1562
+
1563
+ [data-balloon][data-balloon-pos='right']::after {
1564
+ background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(90 6 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>');
1565
+ background-size: 100% auto;
1566
+ width: 6px;
1567
+ height: 18px;
1568
+ left: 100%;
1569
+ margin-left: 5px;
1570
+ top: 50%;
1571
+ -webkit-transform: translate3d(-10px, -50%, 0);
1572
+ transform: translate3d(-10px, -50%, 0);
1573
+ }
1574
+
1575
+ [data-balloon][data-balloon-pos='right']:hover::before {
1576
+ -webkit-transform: translate3d(0, -50%, 0);
1577
+ transform: translate3d(0, -50%, 0);
1578
+ }
1579
+
1580
+ [data-balloon][data-balloon-pos='right']:hover::after {
1581
+ -webkit-transform: translate3d(0, -50%, 0);
1582
+ transform: translate3d(0, -50%, 0);
1583
+ }
1584
+
1585
+ [data-balloon][data-balloon-length='small']::before {
1586
+ white-space: normal;
1587
+ width: 80px;
1588
+ }
1589
+
1590
+ [data-balloon][data-balloon-length='medium']::before {
1591
+ white-space: normal;
1592
+ width: 150px;
1593
+ }
1594
+
1595
+ [data-balloon][data-balloon-length='large']::before {
1596
+ white-space: normal;
1597
+ width: 260px;
1598
+ }
1599
+
1600
+ [data-balloon][data-balloon-length='xlarge']::before {
1601
+ white-space: normal;
1602
+ width: 380px;
1603
+ }
1604
+
1605
+ @media screen and (max-width: 768px) {
1606
+ [data-balloon][data-balloon-length='xlarge']::before {
1607
+ white-space: normal;
1608
+ width: 90vw;
1609
+ }
1610
+ }
1611
+
1612
+ [data-balloon][data-balloon-length='fit']::before {
1613
+ white-space: normal;
1614
+ width: 100%;
1615
+ }
1616
+
1617
+ /* ==========================================================================
1618
+ #FEEDBACK MODAL
1619
+ ========================================================================== */
1620
+ body.modal-open {
1621
+ overflow: hidden;
1622
+ }
1623
+
1624
+ body.modal-open #style-manager-user-feedback-modal .modal {
1625
+ overflow-x: hidden;
1626
+ overflow-y: auto;
1627
+ visibility: visible;
1628
+ opacity: 1;
1629
+ -webkit-transform: translate(0, 0);
1630
+ transform: translate(0, 0);
1631
+ }
1632
+
1633
+ #style-manager-user-feedback-modal {
1634
+ height: 100%;
1635
+ }
1636
+
1637
+ #style-manager-user-feedback-modal .modal {
1638
+ position: relative;
1639
+ height: 100%;
1640
+ display: -ms-flexbox;
1641
+ display: flex;
1642
+ -ms-flex-align: center;
1643
+ align-items: center;
1644
+ top: 0;
1645
+ right: 0;
1646
+ bottom: 0;
1647
+ left: 0;
1648
+ z-index: 1050;
1649
+ opacity: 0;
1650
+ visibility: hidden;
1651
+ overflow: hidden;
1652
+ outline: 0;
1653
+ transition: all .3s ease;
1654
+ -webkit-transform: translate(0, -10%);
1655
+ transform: translate(0, -10%);
1656
+ font-family: 'Galano Grotesque Alt', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
1657
+ font-weight: 400;
1658
+ font-size: 16px;
1659
+ line-height: 1.7;
1660
+ }
1661
+
1662
+ #style-manager-user-feedback-modal .modal-dialog {
1663
+ position: relative;
1664
+ width: auto;
1665
+ margin: 10px;
1666
+ text-align: left;
1667
+ }
1668
+
1669
+ #style-manager-user-feedback-modal .modal-content {
1670
+ position: relative;
1671
+ display: -ms-flexbox;
1672
+ display: flex;
1673
+ -ms-flex-direction: column;
1674
+ flex-direction: column;
1675
+ background-color: #fff;
1676
+ background-clip: padding-box;
1677
+ border: none;
1678
+ border-radius: 4px;
1679
+ box-shadow: 0 4px 4px 0 rgba(42, 54, 52, 0.1), 0 8px 8px 0 rgba(42, 54, 52, 0.1), 0 16px 16px 0 rgba(42, 54, 52, 0.1), 0 16px 32px 0 rgba(42, 54, 52, 0.1), 0 32px 64px 0 rgba(42, 54, 52, 0.1), 0 64px 128px 0 rgba(42, 54, 52, 0.1);
1680
+ outline: 0;
1681
+ }
1682
+
1683
+ #style-manager-user-feedback-modal .modal-content p {
1684
+ color: #000;
1685
+ }
1686
+
1687
+ #style-manager-user-feedback-modal .modal-content p a {
1688
+ font-weight: 500;
1689
+ color: #9660C6;
1690
+ border-bottom: 1px solid #9660C6;
1691
+ }
1692
+
1693
+ #style-manager-user-feedback-modal .modal-content > form {
1694
+ margin-bottom: 20px;
1695
+ }
1696
+
1697
+ #style-manager-user-feedback-modal .modal-backdrop {
1698
+ position: fixed;
1699
+ top: 0;
1700
+ right: 0;
1701
+ bottom: 0;
1702
+ left: 0;
1703
+ z-index: 1040;
1704
+ background-color: #000;
1705
+ opacity: 0;
1706
+ visibility: hidden;
1707
+ transition: all 0.3s ease;
1708
+ }
1709
+
1710
+ .modal-open #style-manager-user-feedback-modal .modal-backdrop {
1711
+ opacity: 0.8;
1712
+ visibility: visible;
1713
+ }
1714
+
1715
+ #style-manager-user-feedback-modal .modal-header {
1716
+ display: -ms-flexbox;
1717
+ display: flex;
1718
+ -ms-flex-align: start;
1719
+ align-items: flex-start;
1720
+ -ms-flex-pack: justify;
1721
+ justify-content: space-between;
1722
+ padding: 30px 48px 10px 48px;
1723
+ }
1724
+
1725
+ #style-manager-user-feedback-modal .modal-header .close.button {
1726
+ top: -10px;
1727
+ }
1728
+
1729
+ #style-manager-user-feedback-modal .modal-header .close.icon {
1730
+ opacity: 0.5;
1731
+ }
1732
+
1733
+ #style-manager-user-feedback-modal .modal-header .close:hover {
1734
+ opacity: 1;
1735
+ }
1736
+
1737
+ #style-manager-user-feedback-modal .modal-title {
1738
+ margin-bottom: 10px;
1739
+ line-height: 1.5;
1740
+ }
1741
+
1742
+ #style-manager-user-feedback-modal .modal-title.modal-title--small {
1743
+ font-weight: 500;
1744
+ }
1745
+
1746
+ #style-manager-user-feedback-modal .modal-body {
1747
+ position: relative;
1748
+ -ms-flex: 1 1 auto;
1749
+ flex: 1 1 auto;
1750
+ padding: 30px 30px 0 30px;
1751
+ }
1752
+
1753
+ #style-manager-user-feedback-modal .modal-body.full {
1754
+ padding: 0;
1755
+ }
1756
+
1757
+ #style-manager-user-feedback-modal .modal-body.full .box {
1758
+ padding-top: 0;
1759
+ padding-bottom: 0;
1760
+ margin-top: 0;
1761
+ }
1762
+
1763
+ #style-manager-user-feedback-modal .modal-body.full + .modal-footer.full .box {
1764
+ padding-top: 18px;
1765
+ }
1766
+
1767
+ #style-manager-user-feedback-modal .modal-footer {
1768
+ padding: 30px;
1769
+ text-align: center;
1770
+ }
1771
+
1772
+ #style-manager-user-feedback-modal .modal-footer .box .button:last-child {
1773
+ margin-bottom: 0;
1774
+ }
1775
+
1776
+ #style-manager-user-feedback-modal .modal-footer.full {
1777
+ padding: 0;
1778
+ }
1779
+
1780
+ #style-manager-user-feedback-modal .modal-scrollbar-measure {
1781
+ position: absolute;
1782
+ top: -9999px;
1783
+ width: 50px;
1784
+ height: 50px;
1785
+ overflow: scroll;
1786
+ }
1787
+
1788
+ #style-manager-user-feedback-modal .modal-state {
1789
+ display: none;
1790
+ }
1791
+
1792
+ #style-manager-user-feedback-modal .modal-state:checked + .modal {
1793
+ opacity: 1;
1794
+ visibility: visible;
1795
+ }
1796
+
1797
+ #style-manager-user-feedback-modal .modal-state:checked + .modal .modal__inner {
1798
+ top: 0;
1799
+ }
1800
+
1801
+ @media (min-width: 576px) {
1802
+ #style-manager-user-feedback-modal .modal-dialog {
1803
+ max-width: 655px;
1804
+ margin: 30px auto;
1805
+ }
1806
+ #style-manager-user-feedback-modal .modal-sm {
1807
+ max-width: 300px;
1808
+ }
1809
+ }
1810
+
1811
+ @media (min-width: 576px) {
1812
+ #style-manager-user-feedback-modal .modal-lg {
1813
+ max-width: 800px;
1814
+ }
1815
+ }
1816
+
1817
+ #style-manager-user-feedback .modal-body .box {
1818
+ position: relative;
1819
+ -ms-flex-direction: column;
1820
+ flex-direction: column;
1821
+ display: -ms-flexbox;
1822
+ display: flex;
1823
+ -ms-flex-wrap: nowrap;
1824
+ flex-wrap: nowrap;
1825
+ -ms-flex-align: center;
1826
+ align-items: center;
1827
+ margin: 20px 0;
1828
+ padding: 16px 52px;
1829
+ border-radius: 4px;
1830
+ }
1831
+
1832
+ #style-manager-user-feedback .modal-body .box > * {
1833
+ width: 100%;
1834
+ }
1835
+
1836
+ #style-manager-user-feedback .modal-body p {
1837
+ font-size: 16px;
1838
+ margin-bottom: 20px;
1839
+ }
1840
+
1841
+ #style-manager-user-feedback .modal-body textarea {
1842
+ width: 100%;
1843
+ margin: 0;
1844
+ padding: 11px 18px;
1845
+ border: 1px solid #dddddd;
1846
+ border-radius: 4px;
1847
+ box-shadow: none;
1848
+ font-family: 'Galano Grotesque Alt', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
1849
+ font-size: 16px;
1850
+ line-height: 26px;
1851
+ color: #473850;
1852
+ }
1853
+
1854
+ #style-manager-user-feedback .modal-title {
1855
+ margin-top: 0;
1856
+ margin-bottom: 34px;
1857
+ font-family: 'Galano Classic', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
1858
+ font-weight: 600;
1859
+ font-size: 28px;
1860
+ line-height: 1.4;
1861
+ text-align: center;
1862
+ }
1863
+
1864
+ #style-manager-user-feedback .button {
1865
+ text-decoration: none;
1866
+ cursor: pointer;
1867
+ -webkit-font-smoothing: antialiased;
1868
+ position: relative;
1869
+ transition-duration: .2s;
1870
+ transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
1871
+ transition-property: -webkit-transform,background,background-color,color,box-shadow;
1872
+ transition-property: transform,background,background-color,color,box-shadow;
1873
+ display: inline-block;
1874
+ padding: 15px 50px;
1875
+ border-radius: 2px;
1876
+ font-family: "Galano Classic", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
1877
+ font-size: 16px;
1878
+ line-height: 23px;
1879
+ font-weight: 600;
1880
+ text-align: center;
1881
+ background-color: #9660c6;
1882
+ color: #ffffff;
1883
+ border-radius: 4px;
1884
+ box-shadow: none;
1885
+ height: auto;
1886
+ width: 100%;
1887
+ margin-top: 20px;
1888
+ }
1889
+
1890
+ #style-manager-user-feedback .button:hover {
1891
+ background-color: #9660c6;
1892
+ color: #ffffff;
1893
+ -webkit-transform: scale(1.05) translateY(-3px);
1894
+ transform: scale(1.05) translateY(-3px);
1895
+ box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.7);
1896
+ }
1897
+
1898
+ #style-manager-user-feedback .second-step {
1899
+ margin-top: 18px;
1900
+ }
1901
+
1902
+ #style-manager-user-feedback .thanks-step,
1903
+ #style-manager-user-feedback .error-step {
1904
+ text-align: center;
1905
+ }
1906
+
1907
+ #style-manager-user-feedback .thanks-step .modal-title,
1908
+ #style-manager-user-feedback .error-step .modal-title {
1909
+ margin-bottom: 0;
1910
+ }
1911
+
1912
+ #style-manager-user-feedback .thanks-step p:last-child,
1913
+ #style-manager-user-feedback .error-step p:last-child {
1914
+ margin-bottom: 10px;
1915
+ }
1916
+
1917
+ .scorecard {
1918
+ display: -ms-flexbox;
1919
+ display: flex;
1920
+ -ms-flex-align: baseline;
1921
+ align-items: baseline;
1922
+ -ms-flex-pack: space-evenly;
1923
+ justify-content: space-evenly;
1924
+ color: #9660C6;
1925
+ font-family: "Galano Classic", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
1926
+ font-size: 18px;
1927
+ font-weight: 600;
1928
+ text-align: center;
1929
+ }
1930
+
1931
+ .scorecard > label {
1932
+ font-size: 20px;
1933
+ }
1934
+
1935
+ .scorecard > label span {
1936
+ display: block;
1937
+ width: 46px;
1938
+ border: 2px solid #9660C6;
1939
+ line-height: 46px;
1940
+ border-radius: 100%;
1941
+ background: #FFF;
1942
+ transition: all 0.25s ease;
1943
+ }
1944
+
1945
+ .scorecard > label input[type="radio"] {
1946
+ display: none;
1947
+ }
1948
+
1949
+ .scorecard > label span:hover,
1950
+ .scorecard > label input[type="radio"]:checked ~ span {
1951
+ background: #9660C6;
1952
+ color: #FFF;
1953
+ }
1954
+
1955
+ .font-options__wrapper .font-options__options-list {
1956
+ border-color: #B8DAEB;
1957
+ box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
1958
+ }
1959
+
1960
+ .font-options__wrapper .font-options__option {
1961
+ margin-bottom: 12px;
1962
+ }
1963
+
1964
+ .font-options__wrapper .font-options__option label {
1965
+ display: block;
1966
+ margin-bottom: 6px;
1967
+ }
1968
+
1969
+ .font-options__wrapper [type=checkbox]:checked ~ .font-options__options-list {
1970
+ opacity: 1;
1971
+ display: block;
1972
+ }
1973
+
1974
+ input.customify_font_tooltip {
1975
+ display: none;
1976
+ }
1977
+
1978
+ ul.font-options__options-list .select2-container {
1979
+ width: 100% !important;
1980
+ }
1981
+
1982
+ ul.font-options__options-list .select2-container .select2-selection--single {
1983
+ -webkit-appearance: initial;
1984
+ }
1985
+
1986
+ ul.font-options__options-list .select2-container .select2-selection--single .select2-selection__arrow {
1987
+ display: none;
1988
+ }
1989
+
1990
+ ul.font-options__options-list .select2-container--default .select2-selection--single .select2-selection__rendered {
1991
+ color: inherit;
1992
+ line-height: initial;
1993
+ }
1994
+
1995
+ .select2-container.select2-container--open {
1996
+ z-index: 99999999;
1997
+ }
1998
+
1999
+ #customize-theme-controls .select2-container {
2000
+ width: 100% !important;
2001
+ }
2002
+
2003
+ #customize-theme-controls .select2-container .select2-selection--multiple {
2004
+ -webkit-appearance: initial;
2005
+ padding: 4px 8px 4px;
2006
+ height: auto;
2007
+ background: none;
2008
+ }
2009
+
2010
+ #customize-theme-controls .select2-container .select2-selection--multiple .select2-selection__arrow {
2011
+ display: none;
2012
+ }
2013
+
2014
+ #customize-theme-controls .select2-container .select2-selection--multiple .select2-selection__rendered {
2015
+ padding: 0;
2016
+ display: -ms-flexbox;
2017
+ display: flex;
2018
+ }
2019
+
2020
+ #customize-theme-controls .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline {
2021
+ -ms-flex: 1;
2022
+ flex: 1;
2023
+ }
2024
+
2025
+ #customize-theme-controls .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field[class] {
2026
+ min-width: 100%;
2027
+ border-width: 0;
2028
+ margin-top: 3px !important;
2029
+ }
2030
+
2031
+ #customize-theme-controls .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
2032
+ padding: 3px 7px;
2033
+ margin-right: 6px;
2034
+ margin-top: 0px;
2035
+ border-color: #e0e8ef;
2036
+ background-color: #f6fbff;
2037
+ }
2038
+
2039
+ #customize-theme-controls .select2-container .select2-search--inline .select2-search__field {
2040
+ height: 29px;
2041
+ min-width: 9em;
2042
+ margin-top: 0;
2043
+ }
2044
+
2045
+ .select2-container--default .select2-results__option[aria-selected=true][class] {
2046
+ background: transparent;
2047
+ opacity: 0.3;
2048
+ pointer-events: none;
2049
+ }
2050
+
2051
+ .select2-container .select2-dropdown {
2052
+ border-color: #e0e8ef;
2053
+ }
2054
+
2055
+ #customize-theme-controls .widget-content .accordion-container {
2056
+ margin-left: -10px;
2057
+ margin-right: -10px;
2058
+ margin-top: 20px;
2059
+ margin-bottom: 10px;
2060
+ }
2061
+
2062
+ #customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-content {
2063
+ position: relative;
2064
+ left: 0;
2065
+ max-height: 0;
2066
+ padding-top: 0;
2067
+ padding-bottom: 0;
2068
+ overflow: hidden;
2069
+ transition: all .4s ease;
2070
+ color: #416B7E;
2071
+ }
2072
+
2073
+ #customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-content p:first-child {
2074
+ margin-top: 0;
2075
+ }
2076
+
2077
+ #customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-content p:last-child {
2078
+ margin-bottom: 0;
2079
+ }
2080
+
2081
+ #customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-title {
2082
+ color: #39474D;
2083
+ }
2084
+
2085
+ #customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-title:after {
2086
+ content: "\f142";
2087
+ -webkit-transform: rotate(180deg);
2088
+ transform: rotate(180deg);
2089
+ }
2090
+
2091
+ #customize-theme-controls .widget-content .accordion-container .accordion-section.open {
2092
+ border-bottom: none;
2093
+ }
2094
+
2095
+ #customize-theme-controls .widget-content .accordion-container .accordion-section.open .accordion-section-content {
2096
+ max-height: 100%;
2097
+ padding-top: 17px;
2098
+ padding-bottom: 17px;
2099
+ }
2100
+
2101
+ #customize-theme-controls .widget-content .accordion-container .accordion-section.open .accordion-section-title {
2102
+ border-bottom: 1px solid;
2103
+ }
2104
+
2105
+ #customize-theme-controls .widget-content .accordion-container .accordion-section.open .accordion-section-title:after {
2106
+ -webkit-transform: rotate(0deg);
2107
+ transform: rotate(0deg);
2108
+ }
2109
+
2110
+ #customize-theme-controls .widget-content .accordion-container label.customize-control-title, #customize-theme-controls .widget-content .accordion-container label.separator.label {
2111
+ cursor: default;
2112
+ }
2113
+
2114
+ .widget .widget-content > p input[type=checkbox],
2115
+ .widget .widget-content > p input[type=radio] {
2116
+ margin-bottom: 3px;
2117
+ margin-top: 3px;
2118
+ }
2119
+
2120
+ .widget .widget-content small {
2121
+ margin-top: 5px;
2122
+ display: block;
2123
+ }
2124
+
2125
+ #available-widgets [class*=pixelgrade] .widget .widget-title:before,
2126
+ #available-widgets [class*=featured-posts] .widget .widget-title:before,
2127
+ #available-widgets [class*=categories-image-grid] .widget .widget-title:before {
2128
+ content: "\f538";
2129
+ color: #9660c6;
2130
+ }
2131
+
2132
+ #available-widgets [class*=pixelgrade-featured-posts-slideshow] .widget .widget-title:before {
2133
+ content: "\f233";
2134
+ }
2135
+
2136
+ #available-widgets [class*=pixelgrade-featured-posts-carousel] .widget .widget-title:before {
2137
+ content: "\f169";
2138
+ }
2139
+
2140
+ #available-widgets [class*=featured-posts-grid] .widget .widget-title:before {
2141
+ content: "\f180";
2142
+ }
2143
+
2144
+ #available-widgets [class*=featured-posts-list] .widget .widget-title:before {
2145
+ content: "\f164";
2146
+ }
2147
+
2148
+ #available-widgets [class*=categories-image-grid] .widget .widget-title:before {
2149
+ content: "\f163";
2150
+ }
2151
+
2152
+ #available-widgets [class*=pixelgrade-promo-box] .widget .widget-title:before {
2153
+ content: "\f488";
2154
+ }
2155
+
2156
+ .ui-tooltip {
2157
+ z-index: 999999;
2158
+ }
2159
+
2160
+ .wp-customizer .widget-conditional .condition-control:after {
2161
+ content: " ";
2162
+ display: table;
2163
+ clear: both;
2164
+ }
2165
+
2166
+ .wp-customizer .widget-conditional .selection {
2167
+ padding-right: 50px;
2168
+ padding-left: 28px;
2169
+ padding-bottom: 19px;
2170
+ margin-left: 0;
2171
+ margin-right: 0;
2172
+ margin-bottom: 10px;
2173
+ border-bottom: 1px solid #cbcfd4;
2174
+ }
2175
+
2176
+ .wp-customizer .widget-conditional .condition:last-child .selection {
2177
+ border: 0;
2178
+ }
2179
+
2180
+ .wp-customizer .widget-conditional select {
2181
+ max-width: 100%;
2182
+ width: 170px;
2183
+ }
2184
+
2185
+ .wp-customizer .widget-conditional .condition-top select {
2186
+ width: 130px;
2187
+ }
2188
+
2189
+ .pix_customizer_setting .customize-inside-control-row {
2190
+ position: relative;
2191
+ width: 100% !important;
2192
+ margin-left: 0 !important;
2193
+ text-indent: 0 !important;
2194
+ background-size: cover;
2195
+ background-position: 50% 50%;
2196
+ height: 64px;
2197
+ border-radius: 5px;
2198
+ overflow: hidden;
2199
+ }
2200
+
2201
+ .pix_customizer_setting .customize-inside-control-row:before {
2202
+ content: '';
2203
+ position: absolute;
2204
+ top: 0;
2205
+ bottom: 0;
2206
+ left: 0;
2207
+ right: 0;
2208
+ z-index: 10;
2209
+ pointer-events: none;
2210
+ box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
2211
+ }
2212
+
2213
+ .pix_customizer_setting .customize-inside-control-row:hover:before {
2214
+ box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.4);
2215
+ }
2216
+
2217
+ .pix_customizer_setting .customize-inside-control-row:hover .palette__item {
2218
+ -webkit-transform: translateY(0%);
2219
+ transform: translateY(0%);
2220
+ }
2221
+
2222
+ .pix_customizer_setting .customize-inside-control-row:hover label {
2223
+ left: 10px;
2224
+ }
2225
+
2226
+ .pix_customizer_setting .customize-inside-control-row input {
2227
+ opacity: 0;
2228
+ }
2229
+
2230
+ .pix_customizer_setting .customize-inside-control-row input:checked + label .preview__letter--checked {
2231
+ display: inline-block;
2232
+ vertical-align: middle;
2233
+ }
2234
+
2235
+ .pix_customizer_setting .customize-inside-control-row input:checked + label .preview__letter {
2236
+ display: none;
2237
+ }
2238
+
2239
+ .pix_customizer_setting .customize-inside-control-row label {
2240
+ position: absolute;
2241
+ display: -ms-flexbox;
2242
+ display: flex;
2243
+ z-index: 2;
2244
+ width: 100%;
2245
+ height: 100%;
2246
+ top: 0;
2247
+ left: 0;
2248
+ padding: 0 10px;
2249
+ margin-top: 0 !important;
2250
+ -ms-flex-align: center;
2251
+ align-items: center;
2252
+ transition: all .3s ease;
2253
+ }
2254
+
2255
+ .pix_customizer_setting .customize-inside-control-row .palette {
2256
+ position: absolute;
2257
+ display: -ms-flexbox;
2258
+ display: flex;
2259
+ top: 0;
2260
+ left: 0;
2261
+ z-index: 1;
2262
+ width: 100%;
2263
+ height: 100%;
2264
+ transition: all .2s ease;
2265
+ }
2266
+
2267
+ .pix_customizer_setting .customize-inside-control-row .palette__item {
2268
+ -ms-flex: 1;
2269
+ flex: 1;
2270
+ -webkit-transform: translateY(100%);
2271
+ transform: translateY(100%);
2272
+ transition: all .3s ease;
2273
+ }
2274
+
2275
+ .pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(1) {
2276
+ transition-delay: 0s;
2277
+ }
2278
+
2279
+ .pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(2) {
2280
+ transition-delay: 0.05s;
2281
+ }
2282
+
2283
+ .pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(3) {
2284
+ transition-delay: 0.1s;
2285
+ }
2286
+
2287
+ .pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(4) {
2288
+ transition-delay: 0.15s;
2289
+ }
2290
+
2291
+ .pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(5) {
2292
+ transition-delay: 0.2s;
2293
+ }
2294
+
2295
+ .pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(6) {
2296
+ transition-delay: 0.25s;
2297
+ }
2298
+
2299
+ .pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(7) {
2300
+ transition-delay: 0.3s;
2301
+ }
2302
+
2303
+ .pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(8) {
2304
+ transition-delay: 0.35s;
2305
+ }
2306
+
2307
+ .pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(9) {
2308
+ transition-delay: 0.4s;
2309
+ }
2310
+
2311
+ .pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(10) {
2312
+ transition-delay: 0.45s;
2313
+ }
2314
+
2315
+ .pix_customizer_setting .customize-inside-control-row .preview__letter,
2316
+ .pix_customizer_setting .customize-inside-control-row .preview__letter--checked {
2317
+ display: inline-block;
2318
+ padding: 3px;
2319
+ border-radius: 2px;
2320
+ color: white;
2321
+ margin-right: 5px;
2322
+ min-height: 26px;
2323
+ min-width: 26px;
2324
+ text-align: center;
2325
+ background-position: center center;
2326
+ background-repeat: no-repeat;
2327
+ background-size: 15px 15px;
2328
+ font-style: normal;
2329
+ vertical-align: baseline;
2330
+ }
2331
+
2332
+ .pix_customizer_setting .customize-inside-control-row .preview__letter--checked {
2333
+ display: none;
2334
+ }
2335
+
2336
+ [id*="sm_current_color_palette_control"] .customize-inside-control-row .palette__item[class] {
2337
+ -webkit-transform: none;
2338
+ transform: none;
2339
+ }
2340
+
2341
+ [id*="sm_current_color_palette_control"] .variation-control {
2342
+ display: -ms-flexbox;
2343
+ display: flex;
2344
+ }
2345
+
2346
+ .label__inner {
2347
+ color: #000000;
2348
+ background: #F5F6F1;
2349
+ padding: 7px 12px 7px 7px;
2350
+ z-index: 2;
2351
+ border-radius: 3px;
2352
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
2353
+ }
2354
+
2355
+ .picker {
2356
+ position: relative;
2357
+ top: 0;
2358
+ left: 50%;
2359
+ width: 80%;
2360
+ max-width: 3em;
2361
+ margin-top: auto;
2362
+ margin-bottom: auto;
2363
+ border-radius: 50%;
2364
+ overflow: hidden;
2365
+ -webkit-transform: translate3d(-50%, 0, 0);
2366
+ transform: translate3d(-50%, 0, 0);
2367
+ }
2368
+
2369
+ .colors .picker > i {
2370
+ display: block;
2371
+ position: absolute;
2372
+ top: 0;
2373
+ right: 0;
2374
+ bottom: 0;
2375
+ left: 0;
2376
+ box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
2377
+ border-radius: 50%;
2378
+ pointer-events: none;
2379
+ z-index: 20;
2380
+ }
2381
+
2382
+ .picker:before,
2383
+ .picker:after {
2384
+ content: "";
2385
+ display: block;
2386
+ background: currentColor;
2387
+ border-radius: 50%;
2388
+ }
2389
+
2390
+ .picker:before {
2391
+ padding-top: 100%;
2392
+ }
2393
+
2394
+ .picker:after {
2395
+ position: absolute;
2396
+ top: 0;
2397
+ left: 0;
2398
+ width: 100%;
2399
+ height: 100%;
2400
+ }
2401
+
2402
+ .fill {
2403
+ overflow: hidden;
2404
+ }
2405
+
2406
+ .color:first-child .fill {
2407
+ border-top-left-radius: 5px;
2408
+ border-bottom-left-radius: 5px;
2409
+ }
2410
+
2411
+ .color:last-child .fill {
2412
+ border-top-right-radius: 5px;
2413
+ border-bottom-right-radius: 5px;
2414
+ }
2415
+
2416
+ .label {
2417
+ margin-right: auto;
2418
+ }
2419
+
2420
+ #customize-theme-controls [id*="sm_current_color_palette_control"] {
2421
+ display: block;
2422
+ width: auto;
2423
+ }
2424
+
2425
+ #customize-theme-controls [id*="sm_current_color_palette_control"] .color-palette-container {
2426
+ background: white;
2427
+ }
2428
+
2429
+ #customize-theme-controls [id*="sm_current_color_palette_control"] .color-palette-container .description {
2430
+ margin-bottom: 15px;
2431
+ }
2432
+
2433
+ #customize-theme-controls [id*="sm_current_color_palette_control"] .description.c-color-palette__notification {
2434
+ padding-top: 19px;
2435
+ margin-bottom: 0;
2436
+ font-size: inherit;
2437
+ font-weight: bold;
2438
+ }
2439
+
2440
+ .c-color-palette__fields {
2441
+ position: relative;
2442
+ }
2443
+
2444
+ .c-color-palette .iris-picker {
2445
+ position: absolute;
2446
+ top: 100%;
2447
+ left: 0;
2448
+ z-index: 100;
2449
+ margin-top: 1em;
2450
+ border: 0;
2451
+ box-shadow: black 0 3px 12px -4px;
2452
+ }
2453
+
2454
+ .c-color-palette .iris-picker .iris-square-handle {
2455
+ border-color: transparent;
2456
+ left: -6px;
2457
+ top: -6px;
2458
+ }
2459
+
2460
+ .c-color-palette .iris-picker .iris-square-handle:after {
2461
+ position: absolute;
2462
+ bottom: 0;
2463
+ right: 0;
2464
+ left: 0;
2465
+ top: 0;
2466
+ border: 2px solid white;
2467
+ }
2468
+
2469
+ .c-color-palette .iris-picker .iris-square-value {
2470
+ box-shadow: none !important;
2471
+ }
2472
+
2473
+ .colors {
2474
+ position: relative;
2475
+ display: -ms-flexbox;
2476
+ display: flex;
2477
+ -ms-flex-wrap: wrap;
2478
+ flex-wrap: wrap;
2479
+ -ms-flex-align: center;
2480
+ align-items: center;
2481
+ width: 100%;
2482
+ height: 3em;
2483
+ }
2484
+
2485
+ .color {
2486
+ display: -ms-flexbox;
2487
+ display: flex;
2488
+ -ms-flex-direction: column;
2489
+ flex-direction: column;
2490
+ -ms-flex: 1 1 0;
2491
+ flex: 1 1 0;
2492
+ overflow: hidden;
2493
+ transition: -ms-flex-positive 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
2494
+ transition: flex-grow 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
2495
+ }
2496
+
2497
+ .color.hidden {
2498
+ display: -ms-flexbox;
2499
+ display: flex;
2500
+ -ms-flex-positive: 0;
2501
+ flex-grow: 0;
2502
+ transition: -ms-flex-positive 0.3s cubic-bezier(0.6, -1, 0.74, 0.05);
2503
+ transition: flex-grow 0.3s cubic-bezier(0.6, -1, 0.74, 0.05);
2504
+ }
2505
+
2506
+ .color.hidden .picker {
2507
+ opacity: 0;
2508
+ transition: opacity .2s ease-out;
2509
+ }
2510
+
2511
+ .color .picker {
2512
+ transition: opacity .3s ease-in-out, border-color .3s ease-in-out;
2513
+ cursor: pointer;
2514
+ }
2515
+
2516
+ .color.inactive .picker {
2517
+ opacity: 0.2;
2518
+ }
2519
+
2520
+ .color.inactive .picker:hover {
2521
+ opacity: 1;
2522
+ }
2523
+
2524
+ input.c-color-palette__input[class] {
2525
+ margin-top: 1em;
2526
+ }
2527
+
2528
+ #customize-control-sm_toggle_advanced_settings_control {
2529
+ margin-bottom: 0;
2530
+ opacity: 0;
2531
+ }
2532
+
2533
+ #customize-control-sm_toggle_advanced_settings_control button {
2534
+ width: 100%;
2535
+ }
2536
+
2537
+ @-webkit-keyframes bounceIn {
2538
+ 0%, 20%, 40%, 60%, 80%, 100% {
2539
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2540
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2541
+ }
2542
+ 0% {
2543
+ opacity: 0;
2544
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
2545
+ transform: scale3d(0.3, 0.3, 0.3);
2546
+ }
2547
+ 20% {
2548
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
2549
+ transform: scale3d(1.1, 1.1, 1.1);
2550
+ }
2551
+ 40% {
2552
+ -webkit-transform: scale3d(0.9, 0.9, 0.9);
2553
+ transform: scale3d(0.9, 0.9, 0.9);
2554
+ }
2555
+ 60% {
2556
+ opacity: 1;
2557
+ -webkit-transform: scale3d(1.03, 1.03, 1.03);
2558
+ transform: scale3d(1.03, 1.03, 1.03);
2559
+ }
2560
+ 80% {
2561
+ -webkit-transform: scale3d(0.97, 0.97, 0.97);
2562
+ transform: scale3d(0.97, 0.97, 0.97);
2563
+ }
2564
+ 100% {
2565
+ opacity: 1;
2566
+ -webkit-transform: scale3d(1, 1, 1);
2567
+ transform: scale3d(1, 1, 1);
2568
+ }
2569
+ }
2570
+
2571
+ @keyframes bounceIn {
2572
+ 0%, 20%, 40%, 60%, 80%, 100% {
2573
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2574
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2575
+ }
2576
+ 0% {
2577
+ opacity: 0;
2578
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
2579
+ transform: scale3d(0.3, 0.3, 0.3);
2580
+ }
2581
+ 20% {
2582
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
2583
+ transform: scale3d(1.1, 1.1, 1.1);
2584
+ }
2585
+ 40% {
2586
+ -webkit-transform: scale3d(0.9, 0.9, 0.9);
2587
+ transform: scale3d(0.9, 0.9, 0.9);
2588
+ }
2589
+ 60% {
2590
+ opacity: 1;
2591
+ -webkit-transform: scale3d(1.03, 1.03, 1.03);
2592
+ transform: scale3d(1.03, 1.03, 1.03);
2593
+ }
2594
+ 80% {
2595
+ -webkit-transform: scale3d(0.97, 0.97, 0.97);
2596
+ transform: scale3d(0.97, 0.97, 0.97);
2597
+ }
2598
+ 100% {
2599
+ opacity: 1;
2600
+ -webkit-transform: scale3d(1, 1, 1);
2601
+ transform: scale3d(1, 1, 1);
2602
+ }
2603
+ }
2604
+
2605
+ #customize-theme-controls #sub-accordion-panel-style_manager_panel .customize-panel-description,
2606
+ #customize-theme-controls #sub-accordion-panel-theme_options_panel .customize-panel-description {
2607
+ display: block;
2608
+ }
2609
+
2610
+ #customize-theme-controls li#accordion-panel-style_manager_panel h3.accordion-section-title:before {
2611
+ position: relative;
2612
+ float: right;
2613
+ content: "";
2614
+ color: #aed2e5;
2615
+ font-family: dashicons;
2616
+ padding: 1px;
2617
+ margin-right: 28px;
2618
+ font-size: 17px;
2619
+ -webkit-font-smoothing: antialiased;
2620
+ }
2621
+
2622
+ #customize-theme-controls li#accordion-panel-style_manager_panel h3.accordion-section-title:before {
2623
+ font-size: 18px;
2624
+ color: #f8bc30;
2625
+ }
2626
+
2627
+ #customize-theme-controls li#accordion-section-sm_color_palettes_section h3.accordion-section-title:before {
2628
+ position: relative;
2629
+ float: right;
2630
+ content: "";
2631
+ color: #aed2e5;
2632
+ font-family: dashicons;
2633
+ padding: 1px;
2634
+ margin-right: 28px;
2635
+ font-size: 17px;
2636
+ -webkit-font-smoothing: antialiased;
2637
+ }
2638
+
2639
+ #customize-theme-controls li#accordion-section-sm_color_palettes_section h3.accordion-section-title {
2640
+ border-top: none;
2641
+ }
2642
+
2643
+ #customize-theme-controls li#accordion-section-sm_font_palettes_section h3.accordion-section-title:before {
2644
+ position: relative;
2645
+ float: right;
2646
+ content: "";
2647
+ color: #aed2e5;
2648
+ font-family: dashicons;
2649
+ padding: 1px;
2650
+ margin-right: 28px;
2651
+ font-size: 17px;
2652
+ -webkit-font-smoothing: antialiased;
2653
+ }
2654
+
2655
+ #customize-theme-controls li#accordion-section-sm_color_palettes_section h3.accordion-section-title:before,
2656
+ #customize-theme-controls li#accordion-section-sm_font_palettes_section h3.accordion-section-title:before {
2657
+ padding: 3px;
2658
+ margin-right: 5px;
2659
+ margin-top: -2px;
2660
+ }
2661
+
2662
+ #customize-theme-controls li#accordion-panel-theme_options_panel h3.accordion-section-title:before {
2663
+ position: relative;
2664
+ float: right;
2665
+ content: "";
2666
+ color: #aed2e5;
2667
+ font-family: dashicons;
2668
+ padding: 1px;
2669
+ margin-right: 28px;
2670
+ font-size: 17px;
2671
+ -webkit-font-smoothing: antialiased;
2672
+ }
2673
+
2674
+ #customize-theme-controls li#accordion-panel-theme_options_panel h3.accordion-section-title {
2675
+ border-bottom: 1px solid #ddd;
2676
+ border-left: none;
2677
+ border-right: none;
2678
+ margin: 0 0 15px 0;
2679
+ }
2680
+
2681
+ #customize-theme-controls li[id$="[general]"],
2682
+ #customize-theme-controls li[id$="[footer_section]"] {
2683
+ border-bottom: 1px solid #ddd;
2684
+ border-left: none;
2685
+ border-right: none;
2686
+ margin: 0 0 15px 0;
2687
+ }
2688
+
2689
+ #customize-theme-controls li[id$="[general]"] h3.accordion-section-title {
2690
+ border-top: none;
2691
+ }
2692
+
2693
+ .color .disc {
2694
+ display: block;
2695
+ overflow: hidden;
2696
+ position: absolute;
2697
+ top: 0;
2698
+ right: 0;
2699
+ bottom: 0;
2700
+ left: 0;
2701
+ z-index: 15;
2702
+ pointer-events: none;
2703
+ opacity: 0;
2704
+ transition: opacity .3s ease-in-out;
2705
+ }
2706
+
2707
+ .color .disc:after {
2708
+ content: "";
2709
+ -webkit-filter: blur(6px) saturate(0.7) brightness(1.1);
2710
+ filter: blur(6px) saturate(0.7) brightness(1.1);
2711
+ display: block;
2712
+ width: 200%;
2713
+ height: 200%;
2714
+ padding-top: 100%;
2715
+ position: absolute;
2716
+ top: -50%;
2717
+ left: -50%;
2718
+ -webkit-transform: scale(1);
2719
+ transform: scale(1);
2720
+ background-image: linear-gradient(330deg, transparent 50%, #ff8100 0), linear-gradient(300deg, transparent 50%, #ff5800 0), linear-gradient(270deg, transparent 50%, #c92323 0), linear-gradient(240deg, transparent 50%, #cc42a2 0), linear-gradient(210deg, transparent 50%, #9f49ac 0), linear-gradient(180deg, transparent 50%, #306cd3 0), linear-gradient(150deg, transparent 50%, #179067 0), linear-gradient(120deg, transparent 50%, #0eb5d6 0), linear-gradient(90deg, transparent 50%, #50b517 0), linear-gradient(60deg, transparent 50%, #ede604 0), linear-gradient(30deg, transparent 50%, #fc0 0), linear-gradient(0deg, transparent 50%, #feac00 0);
2721
+ background-clip: content-box,content-box,content-box,content-box,content-box,content-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;
2722
+ }
2723
+
2724
+ .color.altered .disc {
2725
+ opacity: 1;
2726
+ }
2727
+
2728
+ .customize-control-color .wp-picker-container .iris-picker .iris-palette-container {
2729
+ display: -ms-flexbox;
2730
+ display: flex;
2731
+ width: 215px;
2732
+ }
2733
+
2734
+ .customize-control-color .wp-picker-container .iris-picker .iris-palette {
2735
+ width: auto !important;
2736
+ height: auto !important;
2737
+ -ms-flex: 1 1 0;
2738
+ flex: 1 1 0;
2739
+ float: none;
2740
+ }
2741
+
2742
+ .customize-control-color .wp-picker-container .iris-picker .iris-palette:after {
2743
+ content: "";
2744
+ display: block;
2745
+ padding-top: 100%;
2746
+ }
2747
+
2748
+ .c-color-palette {
2749
+ padding: 30px 20px 18px;
2750
+ }
2751
+
2752
+ [id="customize-control-sm_current_color_palette_control"][id] {
2753
+ margin-bottom: 0;
2754
+ }
2755
+
2756
+ [id="customize-control-sm_current_color_palette_control"][id] ~ .customize-control {
2757
+ background-color: #FFFFFF;
2758
+ margin-bottom: 0;
2759
+ padding: 24px 20px 0;
2760
+ }
2761
+
2762
+ #customize-control-sm_dark_color_primary_slider_control,
2763
+ #customize-control-sm_dark_color_secondary_slider_control,
2764
+ #customize-control-sm_dark_color_tertiary_slider_control {
2765
+ display: none !important;
2766
+ }
2767
+
2768
+ .sm_color_matrix {
2769
+ display: -ms-flexbox;
2770
+ display: flex;
2771
+ -ms-flex-wrap: wrap;
2772
+ flex-wrap: wrap;
2773
+ margin-left: -15px;
2774
+ }
2775
+
2776
+ .sm_color_matrix > * {
2777
+ display: grid;
2778
+ grid-auto-rows: 2px;
2779
+ grid-auto-columns: 2px;
2780
+ -ms-flex: 0 0 33.33333%;
2781
+ flex: 0 0 33.33333%;
2782
+ padding-top: 15px;
2783
+ padding-left: 15px;
2784
+ }
2785
+
2786
+ .sm_color_matrix > * > * {
2787
+ background-color: currentColor;
2788
+ border-radius: 50%;
2789
+ border: 1px solid #ccc;
2790
+ -webkit-animation-duration: 0.75s;
2791
+ animation-duration: 0.75s;
2792
+ -webkit-animation-name: bounceIn;
2793
+ animation-name: bounceIn;
2794
+ }
2795
+
2796
+ .sm_color_matrix > * > :nth-child(1) {
2797
+ grid-area: 16 / 12 / span 12 / span 12;
2798
+ }
2799
+
2800
+ .sm_color_matrix > * > :nth-child(2) {
2801
+ grid-area: 26 / 24 / span 4 / span 4;
2802
+ }
2803
+
2804
+ .sm_color_matrix > * > :nth-child(3) {
2805
+ grid-area: 13 / 24 / span 4 / span 4;
2806
+ }
2807
+
2808
+ .sm_color_matrix > * > :nth-child(4) {
2809
+ grid-area: 8 / 8 / span 8 / span 8;
2810
+ }
2811
+
2812
+ .sm_color_matrix > * > :nth-child(5) {
2813
+ grid-area: 32 / 8 / span 4 / span 4;
2814
+ }
2815
+
2816
+ .sm_color_matrix > * > :nth-child(6) {
2817
+ grid-area: 30 / 16 / span 8 / span 8;
2818
+ }
2819
+
2820
+ .sm_color_matrix > * > :nth-child(7) {
2821
+ grid-area: 4 / 20 / span 8 / span 8;
2822
+ }
2823
+
2824
+ .sm_color_matrix > * > :nth-child(8) {
2825
+ grid-area: 17 / 26 / span 8 / span 8;
2826
+ }
2827
+
2828
+ .sm_color_matrix > * > :nth-child(9) {
2829
+ grid-area: 22 / 2 / span 8 / span 8;
2830
+ }
2831
+
2832
+ .sm_color_matrix > * > :nth-child(10) {
2833
+ grid-area: 28 / 11 / span 2 / span 2;
2834
+ }
2835
+
2836
+ .sm_color_matrix > * > :nth-child(11) {
2837
+ grid-area: 9 / 31 / span 6 / span 6;
2838
+ }
2839
+
2840
+ .sm_color_matrix > * > :nth-child(11) {
2841
+ grid-area: 26 / 30 / span 9 / span 9;
2842
+ }
2843
+
2844
+ .sm_color_matrix > * > :nth-child(12) {
2845
+ grid-area: 17 / 7 / span 4 / span 4;
2846
+ }
2847
+
2848
+ .sm_color_matrix > * > :nth-child(13) {
2849
+ grid-area: 19 / 36 / span 6 / span 6;
2850
+ }
2851
+
2852
+ .sm_color_matrix > * > :nth-child(14) {
2853
+ grid-area: 12 / 18 / span 2 / span 2;
2854
+ }
2855
+
2856
+ .sm_color_matrix > * > :nth-child(n+15) {
2857
+ display: none;
2858
+ }
2859
+
2860
+ .sm-tabs {
2861
+ display: -ms-flexbox;
2862
+ display: flex;
2863
+ -ms-flex-pack: justify;
2864
+ justify-content: space-between;
2865
+ padding: 0 16px;
2866
+ text-align: center;
2867
+ border-bottom: 1px solid #DFE8EF;
2868
+ }
2869
+
2870
+ .sm-tabs__item {
2871
+ padding: 12px 0;
2872
+ margin-bottom: -1px;
2873
+ -ms-flex-preferred-size: 31%;
2874
+ flex-basis: 31%;
2875
+ font-size: 14px;
2876
+ color: #416B7E;
2877
+ opacity: 0.7;
2878
+ border-bottom: 3px solid transparent;
2879
+ cursor: pointer;
2880
+ transition: all 0.2s ease;
2881
+ }
2882
+
2883
+ .sm-tabs__item:not(.sm-tabs__item--active):hover {
2884
+ color: #2A3B44;
2885
+ border-bottom-color: #E2E4E7;
2886
+ opacity: 1;
2887
+ }
2888
+
2889
+ .sm-tabs__item--active {
2890
+ color: #2A3B44;
2891
+ border-bottom-color: #57ABD5;
2892
+ opacity: 1;
2893
+ }
2894
+
2895
+ [id="sub-accordion-section-sm_color_palettes_section"] {
2896
+ display: -ms-flexbox !important;
2897
+ display: flex !important;
2898
+ -ms-flex-direction: column;
2899
+ flex-direction: column;
2900
+ padding: 12px 0 0 !important;
2901
+ overflow: hidden;
2902
+ }
2903
+
2904
+ [id="sub-accordion-section-sm_color_palettes_section"] #customize-control-sm_color_palette_control {
2905
+ -ms-flex-negative: 0;
2906
+ flex-shrink: 0;
2907
+ -ms-flex-positive: 1;
2908
+ flex-grow: 1;
2909
+ overflow-y: scroll;
2910
+ margin-bottom: 0;
2911
+ padding-top: 12px;
2912
+ }
2913
+
2914
+ [id="sub-accordion-section-sm_color_palettes_section"] > * {
2915
+ -ms-flex-positive: 0;
2916
+ flex-grow: 0;
2917
+ padding: 0 12px;
2918
+ }
2919
+
2920
+ [id="sub-accordion-section-sm_color_palettes_section"] [id="customize-control-sm_current_color_palette_control"] ~ * {
2921
+ display: none !important;
2922
+ }
2923
+
2924
+ [id="sub-accordion-section-sm_color_palettes_section"] [id="customize-control-sm_palettes_description_control"] span,
2925
+ [id="sub-accordion-section-sm_color_palettes_section"] [id="customize-control-sm_filters_description_control"] span,
2926
+ [id="sub-accordion-section-sm_color_palettes_section"] [id="customize-control-sm_customize_description_control"] span {
2927
+ margin: 0;
2928
+ }
2929
+
2930
+ [id="sub-accordion-section-sm_color_palettes_section"].sm-view-palettes [id="customize-control-sm_palettes_description_control"],
2931
+ [id="sub-accordion-section-sm_color_palettes_section"].sm-view-palettes [id="customize-control-sm_color_palette_control"] {
2932
+ display: block !important;
2933
+ }
2934
+
2935
+ [id="sub-accordion-section-sm_color_palettes_section"].sm-view-filters [id="customize-control-sm_filters_description_control"],
2936
+ [id="sub-accordion-section-sm_color_palettes_section"].sm-view-filters [id="customize-control-sm_palette_filter_control"] {
2937
+ display: block !important;
2938
+ }
2939
+
2940
+ [id="sub-accordion-section-sm_color_palettes_section"].sm-view-customize [id="customize-control-sm_customize_description_control"],
2941
+ [id="sub-accordion-section-sm_color_palettes_section"].sm-view-customize [id="customize-control-sm_coloration_level_control"],
2942
+ [id="sub-accordion-section-sm_color_palettes_section"].sm-view-customize [id="customize-control-sm_color_diversity_control"],
2943
+ [id="sub-accordion-section-sm_color_palettes_section"].sm-view-customize [id="customize-control-sm_shuffle_colors_control"],
2944
+ [id="sub-accordion-section-sm_color_palettes_section"].sm-view-customize [id="customize-control-sm_dark_mode_control"] {
2945
+ display: block !important;
2946
+ }
2947
+
2948
+ [id="sub-accordion-section-sm_color_palettes_section"] [id="customize-control-sm_spacing_bottom_control"][id] {
2949
+ display: block !important;
2950
+ min-height: 24px;
2951
+ -ms-flex-positive: 1;
2952
+ flex-grow: 1;
2953
+ }
2954
+
2955
+ [id="customize-control-sm_color_palette_control"] .customize-control-title, [id="customize-control-sm_color_palette_control"] .separator.label,
2956
+ [id="customize-control-sm_color_palette_control"] .customize-control-description {
2957
+ display: none;
2958
+ }
2959
+
2960
+ .customize-control-radio[class][id="customize-control-sm_palette_filter_control"] > .customize-inside-control-row:not(:only-of-type) {
2961
+ display: block;
2962
+ width: auto;
2963
+ }
2964
+
2965
+ .color[class*="sm_color"][class*="_connected"], .color[class*="sm_dark"][class*="_connected"], .color[class*="sm_light"][class*="_connected"] {
2966
+ display: none;
2967
+ }
2968
+
2969
+ .c-color-palette__colors {
2970
+ position: relative;
2971
+ }
2972
+
2973
+ .c-color-palette canvas, .c-color-palette svg {
2974
+ max-width: 100%;
2975
+ height: auto;
2976
+ }
2977
+
2978
+ .c-color-palette__fields {
2979
+ position: absolute;
2980
+ top: 100%;
2981
+ left: 0;
2982
+ right: 0;
2983
+ z-index: 100;
2984
+ }
2985
+
2986
+ [id="sub-accordion-section-sm_color_palettes_section"] > .customize-section-description-container {
2987
+ margin-bottom: 0;
2988
+ border-bottom: 1px solid #DFE8EF;
2989
+ }
2990
+
2991
+ .sm-palette-filter .colors {
2992
+ width: auto;
2993
+ height: auto;
2994
+ padding: 10px 10px;
2995
+ border-radius: 999em;
2996
+ }
2997
+
2998
+ .sm-palette-filter .picker:after {
2999
+ box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
3000
+ }
3001
+
3002
+ .sm-palette-filter > label {
3003
+ position: relative;
3004
+ display: block;
3005
+ margin: 0 0 10px;
3006
+ }
3007
+
3008
+ .sm-palette-filter > label:hover .filter-label {
3009
+ opacity: 1;
3010
+ }
3011
+
3012
+ .sm-palette-filter > input {
3013
+ display: none;
3014
+ }
3015
+
3016
+ .sm-palette-filter .filter-label {
3017
+ position: absolute;
3018
+ top: 0;
3019
+ left: 0;
3020
+ z-index: 10;
3021
+ width: 100%;
3022
+ height: 100%;
3023
+ display: -ms-flexbox;
3024
+ display: flex;
3025
+ -ms-flex-align: center;
3026
+ align-items: center;
3027
+ -ms-flex-pack: center;
3028
+ justify-content: center;
3029
+ opacity: 0;
3030
+ transition: opacity .2s ease-out;
3031
+ }
3032
+
3033
+ .sm-palette-filter .filter-label span {
3034
+ position: relative;
3035
+ z-index: 20;
3036
+ }
3037
+
3038
+ .sm-palette-filter .filter-label:after {
3039
+ content: "";
3040
+ display: block;
3041
+ position: absolute;
3042
+ top: 0;
3043
+ left: 0;
3044
+ z-index: 10;
3045
+ width: 100%;
3046
+ height: 100%;
3047
+ background-color: #ffffff;
3048
+ box-shadow: #d6e0e5 0 0 0 1px;
3049
+ border-radius: 999em;
3050
+ }
3051
+
3052
+ .sm-palette-filter > input:checked + label .filter-label:after {
3053
+ background-color: #f7f9fa;
3054
+ box-shadow: none;
3055
+ }
3056
+
3057
+ .sm-palette-filter > input:checked + label .colors {
3058
+ background-color: #f7f9fa;
3059
+ box-shadow: #57ABD5 0 0 0 2px;
3060
+ }
3061
+
3062
+ .customize-control-sm_palette_filter .customize-control-title, .customize-control-sm_palette_filter .separator.label {
3063
+ display: none;
3064
+ }
3065
+
3066
+ #customize-control-sm_font_palette_control ~ .customize-control {
3067
+ display: none !important;
3068
+ }
3069
+
3070
+ .pix_customizer_setting .font_palette[class][class] .customize-inside-control-row {
3071
+ height: auto;
3072
+ padding-top: 52%;
3073
+ background-color: white;
3074
+ border-radius: 6px;
3075
+ overflow: hidden;
3076
+ }
3077
+
3078
+ .pix_customizer_setting .font_palette[class][class] .customize-inside-control-row:before {
3079
+ border: 1px solid #DFE8EF;
3080
+ border-radius: 6px;
3081
+ }
3082
+
3083
+ .pix_customizer_setting .font_palette[class][class] .customize-inside-control-row:before, .pix_customizer_setting .font_palette[class][class] .customize-inside-control-row:hover:before {
3084
+ box-shadow: 0 1px 0 0 #B8DAEB;
3085
+ }
3086
+
3087
+ .pix_customizer_setting .font_palette[class][class] .customize-inside-control-row input {
3088
+ display: none;
3089
+ }
3090
+
3091
+ .pix_customizer_setting .font_palette[class][class] .customize-inside-control-row label {
3092
+ border-radius: 6px;
3093
+ left: 0;
3094
+ }
3095
+
3096
+ .pix_customizer_setting .font_palette[class][class] .customize-inside-control-row input + label {
3097
+ border: 2px solid transparent;
3098
+ }
3099
+
3100
+ .pix_customizer_setting .font_palette[class][class] .customize-inside-control-row input:checked + label {
3101
+ border-color: #57ABD5;
3102
+ }
3103
+
3104
+ .pix_customizer_setting .font_palette[class][class] .customize-inside-control-row .label__inner {
3105
+ display: none;
3106
  }
customify.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: Customify
4
  Plugin URI: https://wordpress.org/plugins/customify/
5
  Description: A Theme Customizer Booster
6
- Version: 2.0.2
7
  Author: Pixelgrade
8
  Author URI: https://pixelgrade.com
9
  Author Email: contact@pixelgrade.com
@@ -61,7 +61,7 @@ function PixCustomifyPlugin() {
61
  */
62
  require_once plugin_dir_path( __FILE__ ) . 'class-pixcustomify.php';
63
 
64
- $instance = PixCustomifyPlugin::instance( __FILE__, '2.0.2' );
65
 
66
  return $instance;
67
  }
3
  Plugin Name: Customify
4
  Plugin URI: https://wordpress.org/plugins/customify/
5
  Description: A Theme Customizer Booster
6
+ Version: 2.1.0
7
  Author: Pixelgrade
8
  Author URI: https://pixelgrade.com
9
  Author Email: contact@pixelgrade.com
61
  */
62
  require_once plugin_dir_path( __FILE__ ) . 'class-pixcustomify.php';
63
 
64
+ $instance = PixCustomifyPlugin::instance( __FILE__, '2.1.0' );
65
 
66
  return $instance;
67
  }
features/customizer/controls/class-Pix_Customize_SM_palette_filter_control.php ADDED
@@ -0,0 +1,65 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Class Pix_Customize_SM_palette_filter_Control
4
+ */
5
+ class Pix_Customize_SM_palette_filter_Control extends Pix_Customize_Control {
6
+ public $type = 'sm_palette_filter';
7
+
8
+ /**
9
+ * Render the control's content.
10
+ *
11
+ * @since 3.4.0
12
+ */
13
+ public function render_content() {
14
+ $input_id = '_customize-input-' . $this->id;
15
+ $name = '_customize-radio-' . $this->id;
16
+ ?>
17
+ <?php if ( ! empty( $this->label ) ) : ?>
18
+ <span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
19
+ <?php endif; ?>
20
+ <div class="sm-palette-filter">
21
+ <?php foreach ( $this->choices as $value => $label ) { ?>
22
+ <input
23
+ type="radio"
24
+ value="<?php echo esc_attr( $value ) ?>"
25
+ id="<?php echo esc_attr( $input_id . '-radio-' . $value ); ?>"
26
+ name="<?php echo esc_attr( $name ) ?>"
27
+ <?php $this->link(); ?>
28
+ <?php if ( $value === $this->settings['default']->default ) { echo 'data-default="true"'; }; ?>
29
+ <?php checked( $this->value(), $value, true ); ?>
30
+ >
31
+ <label for="<?php echo esc_attr( $input_id . '-radio-' . $value ); ?>">
32
+ <div class="filter-label">
33
+ <span><?php echo esc_html( $label ); ?></span>
34
+ </div>
35
+
36
+ <?php
37
+ $master_color_controls_ids = [
38
+ "sm_color_primary",
39
+ "sm_color_secondary",
40
+ "sm_color_tertiary",
41
+ "sm_dark_primary",
42
+ "sm_dark_secondary",
43
+ "sm_dark_tertiary",
44
+ "sm_light_primary",
45
+ "sm_light_secondary",
46
+ "sm_light_tertiary"
47
+ ];
48
+
49
+ $current_palette = '<div class="colors">';
50
+ foreach ( $master_color_controls_ids as $setting_id ) {
51
+ $current_palette .=
52
+ '<div class="color ' . $setting_id . '" data-setting="' . $setting_id . '">' . PHP_EOL .
53
+ '<div class="picker"></div>' . PHP_EOL .
54
+ '</div>' . PHP_EOL;
55
+ }
56
+ $current_palette .= '</div>';
57
+
58
+ echo $current_palette;
59
+ ?>
60
+ </label>
61
+ <?php } ?>
62
+ </div>
63
+
64
+ <?php }
65
+ }
includes/class-customify-color-palettes.php CHANGED
@@ -170,7 +170,7 @@ class Customify_Color_Palettes {
170
  'choices' => $this->get_palettes(),
171
  ),
172
  'sm_palette_filter' => array(
173
- 'type' => 'radio',
174
  'setting_type' => 'option',
175
  'setting_id' => 'sm_palette_filter',
176
  'label' => esc_html__( 'Filters:', 'customify' ),
@@ -184,11 +184,11 @@ class Customify_Color_Palettes {
184
  'softer' => esc_html__( 'Softer', 'customify' ),
185
  'pastel' => esc_html__( 'Pastel', 'customify' ),
186
  'greyish' => esc_html__( 'Greyish', 'customify' ),
187
- // 'warm' => esc_html__( 'Warming', 'customify' ),
188
- // 'cold' => esc_html__( 'Cooling', 'customify' ),
189
- // 'sierra' => esc_html__( 'Sierra', 'customify' ),
190
- // 'mayfair' => esc_html__( 'Mayfair', 'customify' ),
191
- // 'dumb' => esc_html__( 'Dumb', 'customify' ),
192
  ),
193
  ),
194
  'sm_color_primary' => array(
@@ -631,12 +631,7 @@ class Customify_Color_Palettes {
631
  'label' => esc_html__( 'Coloration Level', 'customify' ),
632
  'default' => $this->get_coloration_level_default_value( $config ),
633
  'live' => true,
634
- 'choices' => array(
635
- $this->get_coloration_level_point_value( $config, 'low' ) => esc_html__( 'Low', 'customify' ),
636
- $this->get_coloration_level_point_value( $config, 'medium' ) => esc_html__( 'Medium', 'customify' ),
637
- $this->get_coloration_level_point_value( $config, 'high' ) => esc_html__( 'High', 'customify' ),
638
- $this->get_coloration_level_point_value( $config, 'striking' ) => esc_html__( 'Striking', 'customify' ),
639
- ),
640
  ),
641
  'sm_color_diversity' => array(
642
  'type' => 'sm_radio',
@@ -778,7 +773,7 @@ class Customify_Color_Palettes {
778
 
779
  $total = $colors + $dark;
780
 
781
- return $colors * 100 / $total;
782
  }
783
 
784
  private function get_coloration_level_default_value( $config ) {
@@ -786,6 +781,15 @@ class Customify_Color_Palettes {
786
  return $this->get_coloration_level_point_value( $config, $label );
787
  }
788
 
 
 
 
 
 
 
 
 
 
789
  private function get_coloration_level_default_label( $config ) {
790
  $average = $this->get_coloration_level_average( $config );
791
 
@@ -808,32 +812,35 @@ class Customify_Color_Palettes {
808
  $average = $this->get_coloration_level_average( $config );
809
  $default = $this->get_coloration_level_default_label( $config );
810
 
 
 
 
 
 
 
 
811
  if ( 'low' === $default ) {
812
- $values['low'] = intval( $average );
813
- $values['medium'] = intval( $average + (100 - $average) / 4 );
814
- $values['high'] = intval( $average + (100 - $average) * 2 / 4 );
815
- $values['striking'] = intval( $average + (100 - $average) * 3 / 4 );
816
  }
817
 
818
  if ( 'medium' === $default ) {
819
- $values['low'] = intval( $average / 2 );
820
- $values['medium'] = intval( $average );
821
- $values['high'] = intval( $average + (100 - $average) / 3 );
822
- $values['striking'] = intval( $average + (100 - $average) * 2 / 3 );
823
  }
824
 
825
  if ( 'high' === $default ) {
826
- $values['low'] = intval( $average / 3 );
827
- $values['medium'] = intval( $average * 2 / 3 );
828
- $values['high'] = intval( $average );
829
- $values['striking'] = intval( $average + (100 - $average) / 2 );
830
  }
831
 
832
  if ( 'striking' === $default ) {
833
- $values['low'] = intval( $average / 4 );
834
- $values['medium'] = intval( $average * 2 / 4 );
835
- $values['high'] = intval( $average * 3 / 4 );
836
- $values['striking'] = intval( $average );
837
  }
838
 
839
  return $values;
@@ -841,7 +848,7 @@ class Customify_Color_Palettes {
841
 
842
  private function get_coloration_level_point_value( $config, $point ) {
843
  $values = $this->get_coloration_levels( $config );
844
- return $values[$point];
845
  }
846
 
847
  private function get_dark_to_color_slider_default_value( $options, $dark_id, $color_id ) {
170
  'choices' => $this->get_palettes(),
171
  ),
172
  'sm_palette_filter' => array(
173
+ 'type' => 'sm_palette_filter',
174
  'setting_type' => 'option',
175
  'setting_id' => 'sm_palette_filter',
176
  'label' => esc_html__( 'Filters:', 'customify' ),
184
  'softer' => esc_html__( 'Softer', 'customify' ),
185
  'pastel' => esc_html__( 'Pastel', 'customify' ),
186
  'greyish' => esc_html__( 'Greyish', 'customify' ),
187
+ // 'warm' => esc_html__( 'Warming', 'customify' ),
188
+ // 'cold' => esc_html__( 'Cooling', 'customify' ),
189
+ // 'sierra' => esc_html__( 'Sierra', 'customify' ),
190
+ // 'mayfair' => esc_html__( 'Mayfair', 'customify' ),
191
+ // 'dumb' => esc_html__( 'Dumb', 'customify' ),
192
  ),
193
  ),
194
  'sm_color_primary' => array(
631
  'label' => esc_html__( 'Coloration Level', 'customify' ),
632
  'default' => $this->get_coloration_level_default_value( $config ),
633
  'live' => true,
634
+ 'choices' => $this->get_coloration_level_choices( $config ),
 
 
 
 
 
635
  ),
636
  'sm_color_diversity' => array(
637
  'type' => 'sm_radio',
773
 
774
  $total = $colors + $dark;
775
 
776
+ return round( $colors * 100 / $total, 2 );
777
  }
778
 
779
  private function get_coloration_level_default_value( $config ) {
781
  return $this->get_coloration_level_point_value( $config, $label );
782
  }
783
 
784
+ private function get_coloration_level_choices( $config ) {
785
+ return array(
786
+ $this->get_coloration_level_point_value( $config, 'low' ) => esc_html__( 'Low', 'customify' ),
787
+ $this->get_coloration_level_point_value( $config, 'medium' ) => esc_html__( 'Medium', 'customify' ),
788
+ $this->get_coloration_level_point_value( $config, 'high' ) => esc_html__( 'High', 'customify' ),
789
+ $this->get_coloration_level_point_value( $config, 'striking' ) => esc_html__( 'Striking', 'customify' ),
790
+ );
791
+ }
792
+
793
  private function get_coloration_level_default_label( $config ) {
794
  $average = $this->get_coloration_level_average( $config );
795
 
812
  $average = $this->get_coloration_level_average( $config );
813
  $default = $this->get_coloration_level_default_label( $config );
814
 
815
+ $values = array(
816
+ 'low' => $average,
817
+ 'medium' => $average,
818
+ 'high' => $average,
819
+ 'striking' => $average
820
+ );
821
+
822
  if ( 'low' === $default ) {
823
+ $values['medium'] = round( $average + (100 - $average) / 4, 2 );
824
+ $values['high'] = round( $average + (100 - $average) * 2 / 4, 2 );
825
+ $values['striking'] = round( $average + (100 - $average) * 3 / 4, 2 );
 
826
  }
827
 
828
  if ( 'medium' === $default ) {
829
+ $values['low'] = round( $average / 2, 2 );
830
+ $values['high'] = round( $average + (100 - $average) / 3, 2 );
831
+ $values['striking'] = round( $average + (100 - $average) * 2 / 3, 2 );
 
832
  }
833
 
834
  if ( 'high' === $default ) {
835
+ $values['low'] = round( $average / 3, 2 );
836
+ $values['medium'] = round( $average * 2 / 3, 2 );
837
+ $values['striking'] = round( $average + (100 - $average) / 2, 2 );
 
838
  }
839
 
840
  if ( 'striking' === $default ) {
841
+ $values['low'] = round( $average / 4, 2 );
842
+ $values['medium'] = round( $average * 2 / 4, 2 );
843
+ $values['high'] = round( $average * 3 / 4, 2 );
 
844
  }
845
 
846
  return $values;
848
 
849
  private function get_coloration_level_point_value( $config, $point ) {
850
  $values = $this->get_coloration_levels( $config );
851
+ return $values[$point] . '';
852
  }
853
 
854
  private function get_dark_to_color_slider_default_value( $options, $dark_id, $color_id ) {
includes/class-customify-font-palettes.php CHANGED
@@ -82,12 +82,10 @@ class Customify_Font_Palettes {
82
  * Register Customizer admin scripts
83
  */
84
  public function register_admin_customizer_scripts() {
85
- wp_register_script( PixCustomifyPlugin()->get_slug() . '-font-swap-values', plugins_url( 'js/customizer/font-swap-values.js', PixCustomifyPlugin()->get_file() ), array( 'jquery' ), PixCustomifyPlugin()->get_version() );
86
- wp_register_script( PixCustomifyPlugin()->get_slug() . '-font-palettes-variations', plugins_url( 'js/customizer/font-palettes-variations.js', PixCustomifyPlugin()->get_file() ), array( 'jquery' ), PixCustomifyPlugin()->get_version() );
87
  wp_register_script( PixCustomifyPlugin()->get_slug() . '-font-palettes', plugins_url( 'js/customizer/font-palettes.js', PixCustomifyPlugin()->get_file() ), array(
 
88
  'jquery',
89
- PixCustomifyPlugin()->get_slug() . '-font-palettes-variations',
90
- PixCustomifyPlugin()->get_slug() . '-swap-values',
91
  PixCustomifyPlugin()->get_slug() . '-fontselectfields',
92
  ), PixCustomifyPlugin()->get_version() );
93
  }
@@ -366,20 +364,6 @@ class Customify_Font_Palettes {
366
  'choices_type' => 'font_palette',
367
  'choices' => $this->get_palettes(),
368
  ),
369
- 'sm_font_palette_variation' => array(
370
- 'type' => 'radio',
371
- 'setting_type' => 'option',
372
- 'setting_id' => 'sm_font_palette_variation',
373
- 'label' => esc_html__( 'Palette Variation', 'customify' ),
374
- 'default' => 'regular',
375
- 'live' => true,
376
- 'priority' => 5.5,
377
- 'choices' => array(
378
- 'light' => esc_html__( 'not light', 'customify' ),
379
- 'regular' => esc_html__( 'not regular', 'customify' ),
380
- 'big' => esc_html__( 'not big', 'customify' ),
381
- ),
382
- ),
383
  'sm_font_primary' => array(
384
  'type' => 'font',
385
  // We will bypass the plugin setting regarding where to store - we will store it cross-theme in wp_options
@@ -467,22 +451,6 @@ class Customify_Font_Palettes {
467
  ),
468
  'connected_fields' => array(),
469
  ),
470
- 'sm_swap_fonts' => array(
471
- 'type' => 'button',
472
- 'setting_type' => 'option',
473
- 'setting_id' => 'sm_swap_fonts',
474
- 'priority' => 9,
475
- 'label' => esc_html__( 'Swap Fonts', 'customify' ),
476
- 'action' => 'sm_swap_fonts',
477
- ),
478
- 'sm_swap_primary_secondary_fonts' => array(
479
- 'type' => 'button',
480
- 'setting_type' => 'option',
481
- 'setting_id' => 'sm_swap_primary_secondary_fonts',
482
- 'priority' => 9.1,
483
- 'label' => esc_html__( 'Swap Primary ⇆ Secondary', 'customify' ),
484
- 'action' => 'sm_swap_dark_light',
485
- ),
486
  ),
487
  ) );
488
 
@@ -743,7 +711,7 @@ class Customify_Font_Palettes {
743
  // Font Palette Name
744
  'title' => esc_html__( 'Gema', 'customify' ),
745
  'description' => esc_html__( 'A graceful nature, truly tasteful and polished.', 'customify' ),
746
- 'background_image_url' => 'http://pxgcdn.com/images/style-manager/color-palettes/gema-theme-palette.jpg',
747
 
748
  // Use the following options to style the preview card fonts
749
  // Including font-family, size, line-height, weight, letter-spacing and text transform
@@ -769,8 +737,6 @@ class Customify_Font_Palettes {
769
  // "Generate" the graph to be used for font-size and line-height.
770
  'font_size_to_line_height_points' => array(
771
  array( 17, 1.7 ),
772
- array( 20, 1.3 ),
773
- array( 32, 1.3 ),
774
  array( 48, 1.2 ),
775
  ),
776
 
@@ -803,7 +769,6 @@ class Customify_Font_Palettes {
803
  'font_weights' => array( 200, 400 ),
804
  'font_size_to_line_height_points' => array(
805
  array( 10, 1.6 ),
806
- array( 12, 1.5 ),
807
  array( 18, 1.5 )
808
  ),
809
  'font_styles_intervals' => array(
@@ -827,8 +792,7 @@ class Customify_Font_Palettes {
827
  'font_family' => 'Montserrat',
828
  'font_weights' => array( 200, '200italic', 700, '700italic' ),
829
  'font_size_to_line_height_points' => array(
830
- array( 15, 1.7 ),
831
- array( 16, 1.8 ),
832
  array( 18, 1.7 ),
833
  ),
834
 
@@ -849,7 +813,7 @@ class Customify_Font_Palettes {
849
  // Font Palette Name
850
  'title' => esc_html__( 'Julia', 'customify' ),
851
  'description' => esc_html__( 'A graceful nature, truly tasteful and polished.', 'customify' ),
852
- 'background_image_url' => 'http://pxgcdn.com/images/style-manager/color-palettes/julia-theme-palette.jpg',
853
 
854
  // Use the following options to style the preview card fonts
855
  // Including font-family, size, line-height, weight, letter-spacing and text transform
@@ -875,7 +839,6 @@ class Customify_Font_Palettes {
875
  // "Generate" the graph to be used for font-size and line-height.
876
  'font_size_to_line_height_points' => array(
877
  array( 24, 1.25 ),
878
- array( 44, 1.2 ),
879
  array( 66, 1.15 ),
880
  ),
881
 
@@ -895,7 +858,7 @@ class Customify_Font_Palettes {
895
  'font_family' => 'Montserrat',
896
  'font_weights' => array( 'regular', 600 ),
897
  'font_size_to_line_height_points' => array(
898
- array( 14, 1.2 ),
899
  array( 16, 1.2 )
900
  ),
901
  'font_styles_intervals' => array(
@@ -938,7 +901,6 @@ class Customify_Font_Palettes {
938
  'font_weights' => array( 'regular', '400italic', 700, '700italic' ),
939
  'font_size_to_line_height_points' => array(
940
  array( 15, 1.7 ),
941
- array( 17, 1.6 ),
942
  array( 18, 1.5 ),
943
  ),
944
 
@@ -960,7 +922,7 @@ class Customify_Font_Palettes {
960
  // Font Palette Name
961
  'title' => esc_html__( 'Patch', 'customify' ),
962
  'description' => esc_html__( 'A graceful nature, truly tasteful and polished.', 'customify' ),
963
- 'background_image_url' => 'http://pxgcdn.com/images/style-manager/color-palettes/patch-theme-palette.jpg',
964
 
965
  // Use the following options to style the preview card fonts
966
  // Including font-family, size, line-height, weight, letter-spacing and text transform
@@ -985,9 +947,7 @@ class Customify_Font_Palettes {
985
  'font_weights' => array( 300, 400, 500 ),
986
  // "Generate" the graph to be used for font-size and line-height.
987
  'font_size_to_line_height_points' => array(
988
- array( 20, 1.15 ),
989
- array( 26, 1.45 ),
990
- array( 30, 1.25 ),
991
  array( 56, 1.25 ),
992
  ),
993
 
@@ -1026,8 +986,7 @@ class Customify_Font_Palettes {
1026
  'font_weights' => array( 200, '200italic', 500, '500italic' ),
1027
  'font_size_to_line_height_points' => array(
1028
  array( 14, 1.625 ),
1029
- array( 22, 1.55 ),
1030
- array( 24, 1.625 ),
1031
  ),
1032
  'font_styles_intervals' => array(
1033
  array(
@@ -1056,9 +1015,8 @@ class Customify_Font_Palettes {
1056
  'font_family' => 'Roboto',
1057
  'font_weights' => array( 300, '300italic', 400, '400italic', 500, '500italic' ),
1058
  'font_size_to_line_height_points' => array(
1059
- array( 10, 1.6 ),
1060
- array( 16, 1.625 ),
1061
- array( 18, 1.75 ),
1062
  ),
1063
 
1064
  // Define how fonts will look based on their size
@@ -1093,7 +1051,7 @@ class Customify_Font_Palettes {
1093
  // Font Palette Name
1094
  'title' => esc_html__( 'Hive', 'customify' ),
1095
  'description' => esc_html__( 'A graceful nature, truly tasteful and polished.', 'customify' ),
1096
- 'background_image_url' => 'http://pxgcdn.com/images/style-manager/color-palettes/hive-theme-palette.jpg',
1097
 
1098
  // Use the following options to style the preview card fonts
1099
  // Including font-family, size, line-height, weight, letter-spacing and text transform
@@ -1119,8 +1077,6 @@ class Customify_Font_Palettes {
1119
  // "Generate" the graph to be used for font-size and line-height.
1120
  'font_size_to_line_height_points' => array(
1121
  array( 20, 1.55 ),
1122
- array( 28, 1.5 ),
1123
- array( 40, 1.35 ),
1124
  array( 65, 1.15 ),
1125
  ),
1126
 
@@ -1174,133 +1130,6 @@ class Customify_Font_Palettes {
1174
  ),
1175
  ),
1176
  ),
1177
- 'vasco' => array(
1178
- 'label' => esc_html__( 'Not Vasco', 'customify' ),
1179
- 'preview' => array(
1180
- // Font Palette Name
1181
- 'title' => esc_html__( 'Not Vasco', 'customify' ),
1182
- 'description' => esc_html__( 'Just awesome.', 'customify' ),
1183
- 'background_image_url' => 'http://pxgcdn.com/images/style-manager/color-palettes/vasco-theme-palette.jpg',
1184
-
1185
- // Use the following options to style the preview card fonts
1186
- // Including font-family, size, line-height, weight, letter-spacing and text transform
1187
- 'title_font' => array(
1188
- 'font' => 'font_primary',
1189
- 'size' => 26,
1190
- ),
1191
- 'description_font' => array(
1192
- 'font' => 'font_body',
1193
- 'size' => 14,
1194
- ),
1195
- ),
1196
-
1197
- 'fonts_logic' => array(
1198
- // Primary is used for main headings [Display, H1, H2, H3]
1199
- 'sm_font_primary' => array(
1200
- // Define the font type ('google', 'theme_font', 'system'). By default it's 'google'.
1201
- 'type' => 'google',
1202
- // Font loaded when a palette is selected
1203
- 'font_family' => 'Playfair Display',
1204
- // Load all these fonts weights.
1205
- 'font_weights' => array( 'regular',700,900 ),
1206
- // "Generate" the graph to be used for font-size and line-height.
1207
- 'font_size_to_line_height_points' => array(
1208
- array( 14, 2 ),
1209
- array( 40, 1.6 ),
1210
- array( 60, 1.1 ),
1211
- ),
1212
-
1213
- // These are not used right now.
1214
- // 'font_size_min' => 30,
1215
- // 'font_size_max' => 100,
1216
-
1217
- // Define how fonts will look based on the font size.
1218
- // The current logic is as follows:
1219
- // - for an interval, if the start is missing, it is assumed to be 0;
1220
- // - for an interval, if the end is missing, it is assumed to be infinity;
1221
- // - later intervals overwrite earlier ones and apply their own styles; so the order in which you define intervals might influence things;
1222
- // - if there are gaps between intervals, we will "extend" the first interval to the start of it's next neighbour;
1223
- // - neighbouring intervals will have, in the end, the same end and start, and on the border, the first interval will apply
1224
- // i.e. end takes precedence over start.
1225
- 'font_styles_intervals' => array(
1226
- array(
1227
- 'start' => 0,
1228
- 'end' => 20,
1229
- 'font_weight' => 'regular',
1230
- 'letter_spacing' => '0em',
1231
- 'text_transform' => 'none',
1232
- ),
1233
- array(
1234
- 'start' => 20,
1235
- 'end' => 50,
1236
- 'font_weight' => 700,
1237
- 'letter_spacing' => '0em',
1238
- 'text_transform' => 'uppercase',
1239
- ),
1240
- array(
1241
- 'start' => 30,
1242
- 'font_weight' => 900,
1243
- 'letter_spacing' => '0em',
1244
- 'text_transform' => 'uppercase',
1245
- ),
1246
- ),
1247
- ),
1248
-
1249
- // Secondary font is used for smaller headings [H4, H5, H6], including meta details
1250
- 'sm_font_secondary' => array(
1251
- 'font_family' => 'Noto Serif',
1252
- 'font_weights' => array( 400, 500, 700 ),
1253
- 'font_size_to_line_height_points' => array(
1254
- array( 14, 1.7 ),
1255
- array( 50, 1.3 ),
1256
- array( 80, 1 ),
1257
- ),
1258
- 'font_styles_intervals' => array(
1259
- array(
1260
- 'end' => 14,
1261
- 'font_weight' => 400,
1262
- 'letter_spacing' => '0.08em',
1263
- 'text_transform' => 'uppercase',
1264
- ),
1265
- array(
1266
- 'start' => 14,
1267
- 'end' => 19,
1268
- 'font_weight' => 700,
1269
- 'letter_spacing' => '0.07em',
1270
- 'text_transform' => 'uppercase',
1271
- ),
1272
- array(
1273
- 'start' => 19,
1274
- 'font_weight' => 500,
1275
- 'letter_spacing' => 0,
1276
- 'text_transform' => 'none',
1277
- ),
1278
- ),
1279
- ),
1280
-
1281
- // Used for Body Font [eg. entry-content]
1282
- 'sm_font_body' => array(
1283
- 'type' => 'google',
1284
- 'font_family' => 'Roboto Slab',
1285
- 'font_weights' => array( 400, '400italic', 700, '700italic' ),
1286
- 'font_size_to_line_height_points' => array(
1287
- array( 15, 1.7 ),
1288
- array( 17, 1.6 ),
1289
- array( 18, 1.5 ),
1290
- ),
1291
-
1292
- // Define how fonts will look based on their size
1293
- 'font_styles_intervals' => array(
1294
- array(
1295
- 'start' => 0,
1296
- 'font_weight' => '400italic',
1297
- 'letter_spacing' => 0,
1298
- 'text_transform' => 'none',
1299
- ),
1300
- ),
1301
- ),
1302
- ),
1303
- ),
1304
  );
1305
 
1306
  return apply_filters( 'customify_style_manager_default_font_palettes', $default_config );
82
  * Register Customizer admin scripts
83
  */
84
  public function register_admin_customizer_scripts() {
85
+ wp_register_script( PixCustomifyPlugin()->get_slug() . '-regression', plugins_url( 'js/vendor/regression.js', PixCustomifyPlugin()->get_file() ), array(), PixCustomifyPlugin()->get_version() );
 
86
  wp_register_script( PixCustomifyPlugin()->get_slug() . '-font-palettes', plugins_url( 'js/customizer/font-palettes.js', PixCustomifyPlugin()->get_file() ), array(
87
+ PixCustomifyPlugin()->get_slug() . '-regression',
88
  'jquery',
 
 
89
  PixCustomifyPlugin()->get_slug() . '-fontselectfields',
90
  ), PixCustomifyPlugin()->get_version() );
91
  }
364
  'choices_type' => 'font_palette',
365
  'choices' => $this->get_palettes(),
366
  ),
 
 
 
 
 
 
 
 
 
 
 
 
 
 
367
  'sm_font_primary' => array(
368
  'type' => 'font',
369
  // We will bypass the plugin setting regarding where to store - we will store it cross-theme in wp_options
451
  ),
452
  'connected_fields' => array(),
453
  ),
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
454
  ),
455
  ) );
456
 
711
  // Font Palette Name
712
  'title' => esc_html__( 'Gema', 'customify' ),
713
  'description' => esc_html__( 'A graceful nature, truly tasteful and polished.', 'customify' ),
714
+ 'background_image_url' => 'https://cloud.pixelgrade.com/wp-content/uploads/2018/09/font-palette-thin.png',
715
 
716
  // Use the following options to style the preview card fonts
717
  // Including font-family, size, line-height, weight, letter-spacing and text transform
737
  // "Generate" the graph to be used for font-size and line-height.
738
  'font_size_to_line_height_points' => array(
739
  array( 17, 1.7 ),
 
 
740
  array( 48, 1.2 ),
741
  ),
742
 
769
  'font_weights' => array( 200, 400 ),
770
  'font_size_to_line_height_points' => array(
771
  array( 10, 1.6 ),
 
772
  array( 18, 1.5 )
773
  ),
774
  'font_styles_intervals' => array(
792
  'font_family' => 'Montserrat',
793
  'font_weights' => array( 200, '200italic', 700, '700italic' ),
794
  'font_size_to_line_height_points' => array(
795
+ array( 15, 1.8 ),
 
796
  array( 18, 1.7 ),
797
  ),
798
 
813
  // Font Palette Name
814
  'title' => esc_html__( 'Julia', 'customify' ),
815
  'description' => esc_html__( 'A graceful nature, truly tasteful and polished.', 'customify' ),
816
+ 'background_image_url' => 'https://cloud.pixelgrade.com/wp-content/uploads/2018/09/font-palette-serif.png',
817
 
818
  // Use the following options to style the preview card fonts
819
  // Including font-family, size, line-height, weight, letter-spacing and text transform
839
  // "Generate" the graph to be used for font-size and line-height.
840
  'font_size_to_line_height_points' => array(
841
  array( 24, 1.25 ),
 
842
  array( 66, 1.15 ),
843
  ),
844
 
858
  'font_family' => 'Montserrat',
859
  'font_weights' => array( 'regular', 600 ),
860
  'font_size_to_line_height_points' => array(
861
+ array( 14, 1.3 ),
862
  array( 16, 1.2 )
863
  ),
864
  'font_styles_intervals' => array(
901
  'font_weights' => array( 'regular', '400italic', 700, '700italic' ),
902
  'font_size_to_line_height_points' => array(
903
  array( 15, 1.7 ),
 
904
  array( 18, 1.5 ),
905
  ),
906
 
922
  // Font Palette Name
923
  'title' => esc_html__( 'Patch', 'customify' ),
924
  'description' => esc_html__( 'A graceful nature, truly tasteful and polished.', 'customify' ),
925
+ 'background_image_url' => 'https://cloud.pixelgrade.com/wp-content/uploads/2018/09/font-palette-lofty.png',
926
 
927
  // Use the following options to style the preview card fonts
928
  // Including font-family, size, line-height, weight, letter-spacing and text transform
947
  'font_weights' => array( 300, 400, 500 ),
948
  // "Generate" the graph to be used for font-size and line-height.
949
  'font_size_to_line_height_points' => array(
950
+ array( 20, 1.55 ),
 
 
951
  array( 56, 1.25 ),
952
  ),
953
 
986
  'font_weights' => array( 200, '200italic', 500, '500italic' ),
987
  'font_size_to_line_height_points' => array(
988
  array( 14, 1.625 ),
989
+ array( 24, 1.5 ),
 
990
  ),
991
  'font_styles_intervals' => array(
992
  array(
1015
  'font_family' => 'Roboto',
1016
  'font_weights' => array( 300, '300italic', 400, '400italic', 500, '500italic' ),
1017
  'font_size_to_line_height_points' => array(
1018
+ array( 14, 1.5 ),
1019
+ array( 24, 1.45 ),
 
1020
  ),
1021
 
1022
  // Define how fonts will look based on their size
1051
  // Font Palette Name
1052
  'title' => esc_html__( 'Hive', 'customify' ),
1053
  'description' => esc_html__( 'A graceful nature, truly tasteful and polished.', 'customify' ),
1054
+ 'background_image_url' => 'https://cloud.pixelgrade.com/wp-content/uploads/2018/09/font-palette-classic.png',
1055
 
1056
  // Use the following options to style the preview card fonts
1057
  // Including font-family, size, line-height, weight, letter-spacing and text transform
1077
  // "Generate" the graph to be used for font-size and line-height.
1078
  'font_size_to_line_height_points' => array(
1079
  array( 20, 1.55 ),
 
 
1080
  array( 65, 1.15 ),
1081
  ),
1082
 
1130
  ),
1131
  ),
1132
  ),
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1133
  );
1134
 
1135
  return apply_filters( 'customify_style_manager_default_font_palettes', $default_config );
includes/class-customify-style-manager.php CHANGED
@@ -98,11 +98,11 @@ class Customify_Style_Manager {
98
  require_once 'class-customify-color-palettes.php';
99
  $this->color_palettes = Customify_Color_Palettes::instance();
100
 
101
- // /**
102
- // * Initialize the Font Palettes logic.
103
- // */
104
- // require_once 'class-customify-font-palettes.php';
105
- // $this->font_palettes = Customify_Font_Palettes::instance();
106
 
107
  /**
108
  * Initialize the Notifications logic.
98
  require_once 'class-customify-color-palettes.php';
99
  $this->color_palettes = Customify_Color_Palettes::instance();
100
 
101
+ /**
102
+ * Initialize the Font Palettes logic.
103
+ */
104
+ require_once 'class-customify-font-palettes.php';
105
+ $this->font_palettes = Customify_Font_Palettes::instance();
106
 
107
  /**
108
  * Initialize the Notifications logic.
js/customizer/color-palettes.js CHANGED
@@ -45,8 +45,8 @@ let ColorPalettes = ( function( $, exports, wp ) {
45
 
46
  // Create a stack of callbacks bound to parent settings to be able to unbind them
47
  // when altering the connected_fields attribute.
48
- if ( typeof window.connectedFieldsCallbacks === "undefined" ) {
49
- window.connectedFieldsCallbacks = {};
50
  }
51
 
52
  setupGlobalsDone = true;
@@ -166,6 +166,7 @@ let ColorPalettes = ( function( $, exports, wp ) {
166
  }
167
  setting.set( getFilteredColor( parent_setting_id ) );
168
  } );
 
169
  }
170
  };
171
 
@@ -176,16 +177,16 @@ let ColorPalettes = ( function( $, exports, wp ) {
176
  let parent_setting = wp.customize(parent_setting_id);
177
 
178
  if ( ! _.isUndefined( parent_setting_data.connected_fields ) ) {
179
- window.connectedFieldsCallbacks[parent_setting_id] = getMasterFieldCallback(parent_setting_data, parent_setting_id);
180
- parent_setting.bind(window.connectedFieldsCallbacks[parent_setting_id]);
181
 
182
  _.each( parent_setting_data.connected_fields, function( connected_field_data ) {
183
  let connected_setting_id = connected_field_data.setting_id;
184
  let connected_setting = wp.customize(connected_setting_id);
185
 
186
  if ( typeof connected_setting !== "undefined" ) {
187
- window.connectedFieldsCallbacks[connected_setting_id] = toggleAlteredClassOnMasterControls;
188
- connected_setting.bind(window.connectedFieldsCallbacks[connected_setting_id]);
189
  }
190
  } );
191
  }
@@ -194,11 +195,11 @@ let ColorPalettes = ( function( $, exports, wp ) {
194
  };
195
 
196
  const unbindConnectedFields = function() {
197
- _.each( window.connectedFieldsCallbacks, function( callback, setting_id ) {
198
  let setting = wp.customize(setting_id);
199
  setting.unbind( callback );
200
  } );
201
- window.connectedFieldsCallbacks = {};
202
  };
203
 
204
  // alter connected fields of the master colors controls depending on the selected palette variation
@@ -277,8 +278,9 @@ let ColorPalettes = ( function( $, exports, wp ) {
277
  return value1 * ( 1 - ratio ) + value2 * ratio;
278
  }
279
 
280
- const filterColor = ( color ) => {
281
- let filter = $( '[name*="sm_palette_filter"]:checked' ).val();
 
282
  let newColor = hex2rgba( color );
283
  var palette = getCurrentPaletteColors();
284
  var paletteColors = palette.slice(0,3);
@@ -450,7 +452,7 @@ let ColorPalettes = ( function( $, exports, wp ) {
450
  }
451
 
452
  setPalettesOnConnectedFields();
453
- // buildColorMatrix();
454
  },
455
  } );
456
 
@@ -666,7 +668,8 @@ let ColorPalettes = ( function( $, exports, wp ) {
666
 
667
  optionsSelector = '.' + optionsToShow.join(', .');
668
 
669
- $( '.c-color-palette .color' ).addClass( 'hidden' ).filter( optionsSelector ).removeClass( 'hidden' )
 
670
  $( '.customify_preset.color_palette .palette__item' ).addClass( 'hidden' ).filter( optionsSelector ).removeClass( 'hidden' );
671
  }, 30 );
672
 
@@ -719,7 +722,7 @@ let ColorPalettes = ( function( $, exports, wp ) {
719
  const oldFromConnectedFields = Object.values( settings[from]['connected_fields'] );
720
  const oldToConnectedFields = Object.values( settings[to]['connected_fields'] );
721
  const oldConnectedFields = oldToConnectedFields.concat( oldFromConnectedFields );
722
- const count = ratio * oldConnectedFields.length;
723
 
724
  let newToConnectedFields = oldConnectedFields.slice( 0, count );
725
  let newFromConnectedFields = oldConnectedFields.slice( count );
@@ -777,7 +780,9 @@ let ColorPalettes = ( function( $, exports, wp ) {
777
  tempSettings = swapConnectedFields( tempSettings, dark_mmode_variation );
778
  }
779
 
780
- wp.customize.settings.settings = tempSettings;
 
 
781
  };
782
 
783
  const getPixelsFromColors = function( colors ) {
@@ -786,7 +791,7 @@ let ColorPalettes = ( function( $, exports, wp ) {
786
  pixels.push( hex2rgba( color ) );
787
  });
788
  return pixels;
789
- }
790
 
791
  const getAveragePixel = function( pixels ) {
792
  var averagePixel = {
@@ -908,6 +913,28 @@ let ColorPalettes = ( function( $, exports, wp ) {
908
  $( '.sm-tabs__item' ).first().trigger( 'click' );
909
  };
910
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
911
  wp.customize.bind( 'ready', function() {
912
  setupGlobals();
913
 
@@ -920,6 +947,8 @@ let ColorPalettes = ( function( $, exports, wp ) {
920
  refreshCurrentPaletteControl();
921
  // buildColorMatrix();
922
 
 
 
923
  bindEvents();
924
  } );
925
 
45
 
46
  // Create a stack of callbacks bound to parent settings to be able to unbind them
47
  // when altering the connected_fields attribute.
48
+ if ( typeof window.colorsConnectedFieldsCallbacks === "undefined" ) {
49
+ window.colorsConnectedFieldsCallbacks = {};
50
  }
51
 
52
  setupGlobalsDone = true;
166
  }
167
  setting.set( getFilteredColor( parent_setting_id ) );
168
  } );
169
+ updateFilterPreviews();
170
  }
171
  };
172
 
177
  let parent_setting = wp.customize(parent_setting_id);
178
 
179
  if ( ! _.isUndefined( parent_setting_data.connected_fields ) ) {
180
+ window.colorsConnectedFieldsCallbacks[parent_setting_id] = getMasterFieldCallback(parent_setting_data, parent_setting_id);
181
+ parent_setting.bind(window.colorsConnectedFieldsCallbacks[parent_setting_id]);
182
 
183
  _.each( parent_setting_data.connected_fields, function( connected_field_data ) {
184
  let connected_setting_id = connected_field_data.setting_id;
185
  let connected_setting = wp.customize(connected_setting_id);
186
 
187
  if ( typeof connected_setting !== "undefined" ) {
188
+ window.colorsConnectedFieldsCallbacks[connected_setting_id] = toggleAlteredClassOnMasterControls;
189
+ connected_setting.bind(window.colorsConnectedFieldsCallbacks[connected_setting_id]);
190
  }
191
  } );
192
  }
195
  };
196
 
197
  const unbindConnectedFields = function() {
198
+ _.each( window.colorsConnectedFieldsCallbacks, function( callback, setting_id ) {
199
  let setting = wp.customize(setting_id);
200
  setting.unbind( callback );
201
  } );
202
+ window.colorsConnectedFieldsCallbacks = {};
203
  };
204
 
205
  // alter connected fields of the master colors controls depending on the selected palette variation
278
  return value1 * ( 1 - ratio ) + value2 * ratio;
279
  }
280
 
281
+ const filterColor = ( color, filter ) => {
282
+ filter = typeof filter === "undefined" ? $( '[name*="sm_palette_filter"]:checked' ).val() : filter;
283
+
284
  let newColor = hex2rgba( color );
285
  var palette = getCurrentPaletteColors();
286
  var paletteColors = palette.slice(0,3);
452
  }
453
 
454
  setPalettesOnConnectedFields();
455
+ // buildColorMatrix();
456
  },
457
  } );
458
 
668
 
669
  optionsSelector = '.' + optionsToShow.join(', .');
670
 
671
+ $( '.sm-palette-filter .color' ).addClass( 'hidden' ).filter( optionsSelector ).removeClass( 'hidden' );
672
+ $( '.c-color-palette .color' ).addClass( 'hidden' ).filter( optionsSelector ).removeClass( 'hidden' );
673
  $( '.customify_preset.color_palette .palette__item' ).addClass( 'hidden' ).filter( optionsSelector ).removeClass( 'hidden' );
674
  }, 30 );
675
 
722
  const oldFromConnectedFields = Object.values( settings[from]['connected_fields'] );
723
  const oldToConnectedFields = Object.values( settings[to]['connected_fields'] );
724
  const oldConnectedFields = oldToConnectedFields.concat( oldFromConnectedFields );
725
+ const count = Math.round( ratio * oldConnectedFields.length );
726
 
727
  let newToConnectedFields = oldConnectedFields.slice( 0, count );
728
  let newFromConnectedFields = oldConnectedFields.slice( count );
780
  tempSettings = swapConnectedFields( tempSettings, dark_mmode_variation );
781
  }
782
 
783
+ _.each( masterSettingIds, function( masterSettingId ) {
784
+ wp.customize.settings.settings[masterSettingId] = tempSettings[masterSettingId];
785
+ });
786
  };
787
 
788
  const getPixelsFromColors = function( colors ) {
791
  pixels.push( hex2rgba( color ) );
792
  });
793
  return pixels;
794
+ };
795
 
796
  const getAveragePixel = function( pixels ) {
797
  var averagePixel = {
913
  $( '.sm-tabs__item' ).first().trigger( 'click' );
914
  };
915
 
916
+ const updateFilterPreviews = _.debounce(() => {
917
+ $( '.sm-palette-filter' ).each(function() {
918
+ let $filters = $( this ).find( 'input' );
919
+
920
+ $filters.each(function(i, obj) {
921
+ let $input = $(obj);
922
+ let $label = $input.next( 'label' );
923
+ let label = $input.val();
924
+ let $colors = $label.find('.color');
925
+
926
+ $colors.each( function( j, color ) {
927
+ let $color = $( color );
928
+ let setting_id = $color.data( 'setting' );
929
+ let setting = wp.customize( setting_id );
930
+ let originalColor = setting();
931
+
932
+ $color.css( 'color', filterColor( originalColor, label ) );
933
+ });
934
+ });
935
+ });
936
+ }, 30);
937
+
938
  wp.customize.bind( 'ready', function() {
939
  setupGlobals();
940
 
947
  refreshCurrentPaletteControl();
948
  // buildColorMatrix();
949
 
950
+ updateFilterPreviews();
951
+
952
  bindEvents();
953
  } );
954
 
js/customizer/font-palettes.js CHANGED
@@ -16,119 +16,11 @@ let FontPalettes = ( function( $, exports, wp ) {
16
 
17
  // Create a stack of callbacks bound to parent settings to be able to unbind them
18
  // when altering the connected_fields attribute.
19
- if ( typeof window.connectedFieldsCallbacks === "undefined" ) {
20
- window.connectedFieldsCallbacks = {};
21
  }
22
  };
23
 
24
- const updateCurrentPalette = ( label ) => {
25
- const $palette = $( '.c-font-palette' );
26
-
27
- if ( ! $palette.length ) {
28
- return;
29
- }
30
-
31
- const $current = $palette.find( '.fonts.current' );
32
- const $next = $palette.find( '.fonts.next' );
33
-
34
- label = label || 'Custom Style';
35
- $palette.find( '.c-font-palette__name' ).text( label );
36
-
37
- // apply the last animate set of fonts to the "current" font palette
38
- _.each( masterSettingIds, function( setting_id ) {
39
- const font = $next.find( '.' + setting_id ).css( 'font' );
40
- $current.find( '.' + setting_id ).css( 'font', font );
41
- });
42
-
43
- // removing the "animate" class will put the "next" font palette out view
44
- // so we can update the fonts in it
45
- $palette.removeClass( 'animate' );
46
-
47
- // update the fonts in the "next" palette with the new values
48
- _.each( masterSettingIds, function( setting_id ) {
49
- const setting = wp.customize( setting_id );
50
-
51
- if ( typeof setting !== "undefined" ) {
52
- $next.find( '.' + setting_id ).css( 'font', setting() );
53
- }
54
- });
55
-
56
- // trigger transition to new font palette
57
- setTimeout(function() {
58
- $palette.addClass( 'animate' );
59
- $palette.find( '.c-font-palette__control' ).css( 'font', wp.customize( 'sm_font_primary' )() );
60
- });
61
- };
62
-
63
- const bindVariationChange = () => {
64
- const paletteControlSelector = '.c-font-palette__control';
65
- const $paletteControl = $( paletteControlSelector );
66
- const variation = wp.customize( 'sm_font_palette_variation' )();
67
-
68
- if ( _.isUndefined( variation ) || ! $paletteControl.length ) {
69
- return;
70
- }
71
-
72
- $paletteControl.removeClass( 'active' );
73
- $paletteControl.filter( '.variation-' + variation ).addClass( 'active' );
74
- $( 'body' ).on( 'click', paletteControlSelector, function() {
75
- let $obj = $( this ),
76
- $target = $( $obj.data( 'target' ) );
77
-
78
- $obj.siblings( paletteControlSelector ).removeClass( 'active' );
79
- $obj.addClass( 'active' );
80
- $target.prop( 'checked', true ).trigger( 'change' );
81
- } );
82
- };
83
-
84
- const alterConnectedFields = swapMap => {
85
- let optionsToShow = [];
86
- _.each( swapMap, function( fromArray, to ) {
87
- if ( typeof wp.customize.settings.settings[to] !== "undefined" ) {
88
- let newConnectedFields = [];
89
- if ( fromArray instanceof Array ) {
90
-
91
- _.each( fromArray, function( from ) {
92
- if ( typeof window.settingsClone[from] !== "undefined" ) {
93
- let oldConnectedFields;
94
- if ( ! _.isUndefined( window.settingsClone[from]['connected_fields'] ) ) {
95
- oldConnectedFields = Object.values( window.settingsClone[from]['connected_fields'] );
96
- newConnectedFields = newConnectedFields.concat( oldConnectedFields );
97
- }
98
- }
99
- } );
100
-
101
- newConnectedFields = Object.keys( newConnectedFields ).map( function(key) {
102
- return newConnectedFields[key];
103
- });
104
- }
105
- wp.customize.settings.settings[to]['connected_fields'] = newConnectedFields;
106
-
107
-
108
- if ( fromArray instanceof Array && fromArray.length && newConnectedFields.length ) {
109
- optionsToShow.push( to );
110
- }
111
- }
112
- } );
113
-
114
- if ( optionsToShow.length ) {
115
- let optionsSelector = '.' + optionsToShow.join(', .');
116
- $('.c-font-palette .font').addClass('hidden').filter(optionsSelector).removeClass('hidden');
117
- }
118
- };
119
-
120
- const resetSettings = settings => {
121
- _.each( settings, function( setting_id ) {
122
- const setting = wp.customize( setting_id );
123
-
124
- if ( typeof setting !== "undefined" ) {
125
- let value = setting();
126
- setting.set( value + "ff" );
127
- setting.set( value );
128
- }
129
- });
130
- };
131
-
132
  const getConnectedFieldsCallback = function (parent_setting_data, parent_setting_id) {
133
  return function (new_value, old_value) {
134
  _.each(parent_setting_data.connected_fields, function (connected_field_data) {
@@ -197,8 +89,10 @@ let FontPalettes = ( function( $, exports, wp ) {
197
 
198
  // The line height is determined by getting the value of the polynomial function determined by points.
199
  if ( typeof fonts_logic.font_size_to_line_height_points !== "undefined" && _.isArray(fonts_logic.font_size_to_line_height_points)) {
200
- let f = interpolatingPolynomial(fonts_logic.font_size_to_line_height_points);
201
- newFontData['line_height'] = { value: Number(f(connected_field_data.font_size.value)).toPrecision(2) };
 
 
202
  }
203
  }
204
 
@@ -208,28 +102,6 @@ let FontPalettes = ( function( $, exports, wp ) {
208
  }
209
  };
210
 
211
- // Neville's algorithm for polynomial interpolation.
212
- const interpolatingPolynomial = function (points) {
213
- let n = points.length - 1, p;
214
-
215
- p = function (i, j, x) {
216
- if (i === j) {
217
- return points[i][1];
218
- }
219
-
220
- return ((points[j][0] - x) * p(i, j - 1, x) +
221
- (x - points[i][0]) * p(i + 1, j, x)) /
222
- (points[j][0] - points[i][0]);
223
- };
224
-
225
- return function (x) {
226
- if (points.length === 0) {
227
- return 0;
228
- }
229
- return p(0, n, x);
230
- };
231
- };
232
-
233
  const bindConnectedFields = function() {
234
  _.each( masterSettingIds, function( parent_setting_id ) {
235
  if ( typeof wp.customize.settings.settings[parent_setting_id] !== "undefined" ) {
@@ -237,8 +109,8 @@ let FontPalettes = ( function( $, exports, wp ) {
237
  let parent_setting = wp.customize( parent_setting_id );
238
 
239
  if ( typeof parent_setting_data.connected_fields !== "undefined" ) {
240
- connectedFieldsCallbacks[parent_setting_id] = getConnectedFieldsCallback( parent_setting_data, parent_setting_id );
241
- parent_setting.bind( connectedFieldsCallbacks[parent_setting_id] );
242
  }
243
  }
244
  } );
@@ -250,53 +122,24 @@ let FontPalettes = ( function( $, exports, wp ) {
250
  let parent_setting_data = wp.customize.settings.settings[parent_setting_id];
251
  let parent_setting = wp.customize(parent_setting_id);
252
 
253
- if (typeof parent_setting_data.connected_fields !== "undefined" && typeof connectedFieldsCallbacks[parent_setting_id] !== "undefined") {
254
- parent_setting.unbind(connectedFieldsCallbacks[parent_setting_id]);
255
  }
256
- delete connectedFieldsCallbacks[parent_setting_id];
257
  }
258
  } );
259
  };
260
 
261
  // Alter connected fields of the master fonts controls depending on the selected palette variation.
262
  const reloadConnectedFields = () => {
263
- const setting = wp.customize( 'sm_font_palette_variation' );
264
-
265
- if ( _.isUndefined( setting ) ) {
266
- return;
267
- }
268
-
269
- const variation = setting();
270
-
271
- if ( ! window.fontPalettesVariations.hasOwnProperty( variation ) ) {
272
- return;
273
- }
274
-
275
  unbindConnectedFields();
276
- alterConnectedFields( fontPalettesVariations[variation] );
277
  bindConnectedFields();
278
  };
279
 
280
- const createCurrentPaletteControls = () => {
281
- let $palette = $( '.c-font-palette' );
282
-
283
- if ( ! $palette.length ) {
284
- return;
285
- }
286
-
287
- let $fonts = $palette.find( '.fonts.next .font' );
288
- };
289
-
290
  const onPaletteChange = function() {
291
- let $label = $( this ).next( 'label' ).clone();
292
- let label;
293
-
294
- $label.find( '.preview__letter' ).remove();
295
- label = $label.text();
296
- $label.remove();
297
-
298
  // Take the fonts config for each setting and distribute it to each (master) setting.
299
  let data = $( this ).data( 'fonts_logic' );
 
300
  if ( ! _.isUndefined( data ) ) {
301
  $.each( data, function( setting_id, config ) {
302
  set_field_fonts_logic_config( setting_id, config );
@@ -305,7 +148,6 @@ let FontPalettes = ( function( $, exports, wp ) {
305
 
306
  // In case this palette has values (options) attached to it, let it happen.
307
  $( this ).trigger( 'customify:preset-change' );
308
- updateCurrentPalette( label );
309
  };
310
 
311
  const set_field_fonts_logic_config = function( setting_id, config ) {
@@ -327,16 +169,7 @@ let FontPalettes = ( function( $, exports, wp ) {
327
 
328
  const handlePalettes = () => {
329
  initializePalettes();
330
- createCurrentPaletteControls();
331
  reloadConnectedFields();
332
- updateCurrentPalette();
333
- bindVariationChange();
334
-
335
- // when variation is changed reload connected fields from cached version of customizer settings config
336
- $( document ).on( 'change', '[name="_customize-radio-sm_font_palette_variation_control"]', function() {
337
- reloadConnectedFields();
338
- resetSettings( masterSettingIds );
339
- });
340
 
341
  $( document ).on( 'click', '.customify_preset.font_palette input', onPaletteChange );
342
  };
16
 
17
  // Create a stack of callbacks bound to parent settings to be able to unbind them
18
  // when altering the connected_fields attribute.
19
+ if ( typeof window.fontsConnectedFieldsCallbacks === "undefined" ) {
20
+ window.fontsConnectedFieldsCallbacks = {};
21
  }
22
  };
23
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
24
  const getConnectedFieldsCallback = function (parent_setting_data, parent_setting_id) {
25
  return function (new_value, old_value) {
26
  _.each(parent_setting_data.connected_fields, function (connected_field_data) {
89
 
90
  // The line height is determined by getting the value of the polynomial function determined by points.
91
  if ( typeof fonts_logic.font_size_to_line_height_points !== "undefined" && _.isArray(fonts_logic.font_size_to_line_height_points)) {
92
+ let result = regression.logarithmic( fonts_logic.font_size_to_line_height_points, { precision: 2 } );
93
+ let fontsize = connected_field_data.font_size.value;
94
+ let lineheight = result.predict( fontsize )[1];
95
+ newFontData['line_height'] = { value: lineheight };
96
  }
97
  }
98
 
102
  }
103
  };
104
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
105
  const bindConnectedFields = function() {
106
  _.each( masterSettingIds, function( parent_setting_id ) {
107
  if ( typeof wp.customize.settings.settings[parent_setting_id] !== "undefined" ) {
109
  let parent_setting = wp.customize( parent_setting_id );
110
 
111
  if ( typeof parent_setting_data.connected_fields !== "undefined" ) {
112
+ fontsConnectedFieldsCallbacks[parent_setting_id] = getConnectedFieldsCallback( parent_setting_data, parent_setting_id );
113
+ parent_setting.bind( fontsConnectedFieldsCallbacks[parent_setting_id] );
114
  }
115
  }
116
  } );
122
  let parent_setting_data = wp.customize.settings.settings[parent_setting_id];
123
  let parent_setting = wp.customize(parent_setting_id);
124
 
125
+ if (typeof parent_setting_data.connected_fields !== "undefined" && typeof fontsConnectedFieldsCallbacks[parent_setting_id] !== "undefined") {
126
+ parent_setting.unbind(fontsConnectedFieldsCallbacks[parent_setting_id]);
127
  }
128
+ delete fontsConnectedFieldsCallbacks[parent_setting_id];
129
  }
130
  } );
131
  };
132
 
133
  // Alter connected fields of the master fonts controls depending on the selected palette variation.
134
  const reloadConnectedFields = () => {
 
 
 
 
 
 
 
 
 
 
 
 
135
  unbindConnectedFields();
 
136
  bindConnectedFields();
137
  };
138
 
 
 
 
 
 
 
 
 
 
 
139
  const onPaletteChange = function() {
 
 
 
 
 
 
 
140
  // Take the fonts config for each setting and distribute it to each (master) setting.
141
  let data = $( this ).data( 'fonts_logic' );
142
+
143
  if ( ! _.isUndefined( data ) ) {
144
  $.each( data, function( setting_id, config ) {
145
  set_field_fonts_logic_config( setting_id, config );
148
 
149
  // In case this palette has values (options) attached to it, let it happen.
150
  $( this ).trigger( 'customify:preset-change' );
 
151
  };
152
 
153
  const set_field_fonts_logic_config = function( setting_id, config ) {
169
 
170
  const handlePalettes = () => {
171
  initializePalettes();
 
172
  reloadConnectedFields();
 
 
 
 
 
 
 
 
173
 
174
  $( document ).on( 'click', '.customify_preset.font_palette input', onPaletteChange );
175
  };
js/vendor/regression.js ADDED
@@ -0,0 +1,386 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ // https://github.com/Tom-Alexander/regression-js
2
+
3
+ (function (global, factory) {
4
+ if (typeof define === "function" && define.amd) {
5
+ define(['module'], factory);
6
+ } else if (typeof exports !== "undefined") {
7
+ factory(module);
8
+ } else {
9
+ var mod = {
10
+ exports: {}
11
+ };
12
+ factory(mod);
13
+ global.regression = mod.exports;
14
+ }
15
+ })(this, function (module) {
16
+ 'use strict';
17
+
18
+ function _defineProperty(obj, key, value) {
19
+ if (key in obj) {
20
+ Object.defineProperty(obj, key, {
21
+ value: value,
22
+ enumerable: true,
23
+ configurable: true,
24
+ writable: true
25
+ });
26
+ } else {
27
+ obj[key] = value;
28
+ }
29
+
30
+ return obj;
31
+ }
32
+
33
+ var _extends = Object.assign || function (target) {
34
+ for (var i = 1; i < arguments.length; i++) {
35
+ var source = arguments[i];
36
+
37
+ for (var key in source) {
38
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
39
+ target[key] = source[key];
40
+ }
41
+ }
42
+ }
43
+
44
+ return target;
45
+ };
46
+
47
+ function _toConsumableArray(arr) {
48
+ if (Array.isArray(arr)) {
49
+ for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) {
50
+ arr2[i] = arr[i];
51
+ }
52
+
53
+ return arr2;
54
+ } else {
55
+ return Array.from(arr);
56
+ }
57
+ }
58
+
59
+ var DEFAULT_OPTIONS = { order: 2, precision: 2, period: null };
60
+
61
+ /**
62
+ * Determine the coefficient of determination (r^2) of a fit from the observations
63
+ * and predictions.
64
+ *
65
+ * @param {Array<Array<number>>} data - Pairs of observed x-y values
66
+ * @param {Array<Array<number>>} results - Pairs of observed predicted x-y values
67
+ *
68
+ * @return {number} - The r^2 value, or NaN if one cannot be calculated.
69
+ */
70
+ function determinationCoefficient(data, results) {
71
+ var predictions = [];
72
+ var observations = [];
73
+
74
+ data.forEach(function (d, i) {
75
+ if (d[1] !== null) {
76
+ observations.push(d);
77
+ predictions.push(results[i]);
78
+ }
79
+ });
80
+
81
+ var sum = observations.reduce(function (a, observation) {
82
+ return a + observation[1];
83
+ }, 0);
84
+ var mean = sum / observations.length;
85
+
86
+ var ssyy = observations.reduce(function (a, observation) {
87
+ var difference = observation[1] - mean;
88
+ return a + difference * difference;
89
+ }, 0);
90
+
91
+ var sse = observations.reduce(function (accum, observation, index) {
92
+ var prediction = predictions[index];
93
+ var residual = observation[1] - prediction[1];
94
+ return accum + residual * residual;
95
+ }, 0);
96
+
97
+ return 1 - sse / ssyy;
98
+ }
99
+
100
+ /**
101
+ * Determine the solution of a system of linear equations A * x = b using
102
+ * Gaussian elimination.
103
+ *
104
+ * @param {Array<Array<number>>} input - A 2-d matrix of data in row-major form [ A | b ]
105
+ * @param {number} order - How many degrees to solve for
106
+ *
107
+ * @return {Array<number>} - Vector of normalized solution coefficients matrix (x)
108
+ */
109
+ function gaussianElimination(input, order) {
110
+ var matrix = input;
111
+ var n = input.length - 1;
112
+ var coefficients = [order];
113
+
114
+ for (var i = 0; i < n; i++) {
115
+ var maxrow = i;
116
+ for (var j = i + 1; j < n; j++) {
117
+ if (Math.abs(matrix[i][j]) > Math.abs(matrix[i][maxrow])) {
118
+ maxrow = j;
119
+ }
120
+ }
121
+
122
+ for (var k = i; k < n + 1; k++) {
123
+ var tmp = matrix[k][i];
124
+ matrix[k][i] = matrix[k][maxrow];
125
+ matrix[k][maxrow] = tmp;
126
+ }
127
+
128
+ for (var _j = i + 1; _j < n; _j++) {
129
+ for (var _k = n; _k >= i; _k--) {
130
+ matrix[_k][_j] -= matrix[_k][i] * matrix[i][_j] / matrix[i][i];
131
+ }
132
+ }
133
+ }
134
+
135
+ for (var _j2 = n - 1; _j2 >= 0; _j2--) {
136
+ var total = 0;
137
+ for (var _k2 = _j2 + 1; _k2 < n; _k2++) {
138
+ total += matrix[_k2][_j2] * coefficients[_k2];
139
+ }
140
+
141
+ coefficients[_j2] = (matrix[n][_j2] - total) / matrix[_j2][_j2];
142
+ }
143
+
144
+ return coefficients;
145
+ }
146
+
147
+ /**
148
+ * Round a number to a precision, specificed in number of decimal places
149
+ *
150
+ * @param {number} number - The number to round
151
+ * @param {number} precision - The number of decimal places to round to:
152
+ * > 0 means decimals, < 0 means powers of 10
153
+ *
154
+ *
155
+ * @return {numbr} - The number, rounded
156
+ */
157
+ function round(number, precision) {
158
+ var factor = Math.pow(10, precision);
159
+ return Math.round(number * factor) / factor;
160
+ }
161
+
162
+ /**
163
+ * The set of all fitting methods
164
+ *
165
+ * @namespace
166
+ */
167
+ var methods = {
168
+ linear: function linear(data, options) {
169
+ var sum = [0, 0, 0, 0, 0];
170
+ var len = 0;
171
+
172
+ for (var n = 0; n < data.length; n++) {
173
+ if (data[n][1] !== null) {
174
+ len++;
175
+ sum[0] += data[n][0];
176
+ sum[1] += data[n][1];
177
+ sum[2] += data[n][0] * data[n][0];
178
+ sum[3] += data[n][0] * data[n][1];
179
+ sum[4] += data[n][1] * data[n][1];
180
+ }
181
+ }
182
+
183
+ var run = len * sum[2] - sum[0] * sum[0];
184
+ var rise = len * sum[3] - sum[0] * sum[1];
185
+ var gradient = run === 0 ? 0 : round(rise / run, options.precision);
186
+ var intercept = round(sum[1] / len - gradient * sum[0] / len, options.precision);
187
+
188
+ var predict = function predict(x) {
189
+ return [round(x, options.precision), round(gradient * x + intercept, options.precision)];
190
+ };
191
+
192
+ var points = data.map(function (point) {
193
+ return predict(point[0]);
194
+ });
195
+
196
+ return {
197
+ points: points,
198
+ predict: predict,
199
+ equation: [gradient, intercept],
200
+ r2: round(determinationCoefficient(data, points), options.precision),
201
+ string: intercept === 0 ? 'y = ' + gradient + 'x' : 'y = ' + gradient + 'x + ' + intercept
202
+ };
203
+ },
204
+ exponential: function exponential(data, options) {
205
+ var sum = [0, 0, 0, 0, 0, 0];
206
+
207
+ for (var n = 0; n < data.length; n++) {
208
+ if (data[n][1] !== null) {
209
+ sum[0] += data[n][0];
210
+ sum[1] += data[n][1];
211
+ sum[2] += data[n][0] * data[n][0] * data[n][1];
212
+ sum[3] += data[n][1] * Math.log(data[n][1]);
213
+ sum[4] += data[n][0] * data[n][1] * Math.log(data[n][1]);
214
+ sum[5] += data[n][0] * data[n][1];
215
+ }
216
+ }
217
+
218
+ var denominator = sum[1] * sum[2] - sum[5] * sum[5];
219
+ var a = Math.exp((sum[2] * sum[3] - sum[5] * sum[4]) / denominator);
220
+ var b = (sum[1] * sum[4] - sum[5] * sum[3]) / denominator;
221
+ var coeffA = round(a, options.precision);
222
+ var coeffB = round(b, options.precision);
223
+ var predict = function predict(x) {
224
+ return [round(x, options.precision), round(coeffA * Math.exp(coeffB * x), options.precision)];
225
+ };
226
+
227
+ var points = data.map(function (point) {
228
+ return predict(point[0]);
229
+ });
230
+
231
+ return {
232
+ points: points,
233
+ predict: predict,
234
+ equation: [coeffA, coeffB],
235
+ string: 'y = ' + coeffA + 'e^(' + coeffB + 'x)',
236
+ r2: round(determinationCoefficient(data, points), options.precision)
237
+ };
238
+ },
239
+ logarithmic: function logarithmic(data, options) {
240
+ var sum = [0, 0, 0, 0];
241
+ var len = data.length;
242
+
243
+ for (var n = 0; n < len; n++) {
244
+ if (data[n][1] !== null) {
245
+ sum[0] += Math.log(data[n][0]);
246
+ sum[1] += data[n][1] * Math.log(data[n][0]);
247
+ sum[2] += data[n][1];
248
+ sum[3] += Math.pow(Math.log(data[n][0]), 2);
249
+ }
250
+ }
251
+
252
+ var a = (len * sum[1] - sum[2] * sum[0]) / (len * sum[3] - sum[0] * sum[0]);
253
+ var coeffB = round(a, options.precision);
254
+ var coeffA = round((sum[2] - coeffB * sum[0]) / len, options.precision);
255
+
256
+ var predict = function predict(x) {
257
+ return [round(x, options.precision), round(round(coeffA + coeffB * Math.log(x), options.precision), options.precision)];
258
+ };
259
+
260
+ var points = data.map(function (point) {
261
+ return predict(point[0]);
262
+ });
263
+
264
+ return {
265
+ points: points,
266
+ predict: predict,
267
+ equation: [coeffA, coeffB],
268
+ string: 'y = ' + coeffA + ' + ' + coeffB + ' ln(x)',
269
+ r2: round(determinationCoefficient(data, points), options.precision)
270
+ };
271
+ },
272
+ power: function power(data, options) {
273
+ var sum = [0, 0, 0, 0, 0];
274
+ var len = data.length;
275
+
276
+ for (var n = 0; n < len; n++) {
277
+ if (data[n][1] !== null) {
278
+ sum[0] += Math.log(data[n][0]);
279
+ sum[1] += Math.log(data[n][1]) * Math.log(data[n][0]);
280
+ sum[2] += Math.log(data[n][1]);
281
+ sum[3] += Math.pow(Math.log(data[n][0]), 2);
282
+ }
283
+ }
284
+
285
+ var b = (len * sum[1] - sum[0] * sum[2]) / (len * sum[3] - Math.pow(sum[0], 2));
286
+ var a = (sum[2] - b * sum[0]) / len;
287
+ var coeffA = round(Math.exp(a), options.precision);
288
+ var coeffB = round(b, options.precision);
289
+
290
+ var predict = function predict(x) {
291
+ return [round(x, options.precision), round(round(coeffA * Math.pow(x, coeffB), options.precision), options.precision)];
292
+ };
293
+
294
+ var points = data.map(function (point) {
295
+ return predict(point[0]);
296
+ });
297
+
298
+ return {
299
+ points: points,
300
+ predict: predict,
301
+ equation: [coeffA, coeffB],
302
+ string: 'y = ' + coeffA + 'x^' + coeffB,
303
+ r2: round(determinationCoefficient(data, points), options.precision)
304
+ };
305
+ },
306
+ polynomial: function polynomial(data, options) {
307
+ var lhs = [];
308
+ var rhs = [];
309
+ var a = 0;
310
+ var b = 0;
311
+ var len = data.length;
312
+ var k = options.order + 1;
313
+
314
+ for (var i = 0; i < k; i++) {
315
+ for (var l = 0; l < len; l++) {
316
+ if (data[l][1] !== null) {
317
+ a += Math.pow(data[l][0], i) * data[l][1];
318
+ }
319
+ }
320
+
321
+ lhs.push(a);
322
+ a = 0;
323
+
324
+ var c = [];
325
+ for (var j = 0; j < k; j++) {
326
+ for (var _l = 0; _l < len; _l++) {
327
+ if (data[_l][1] !== null) {
328
+ b += Math.pow(data[_l][0], i + j);
329
+ }
330
+ }
331
+ c.push(b);
332
+ b = 0;
333
+ }
334
+ rhs.push(c);
335
+ }
336
+ rhs.push(lhs);
337
+
338
+ var coefficients = gaussianElimination(rhs, k).map(function (v) {
339
+ return round(v, options.precision);
340
+ });
341
+
342
+ var predict = function predict(x) {
343
+ return [round(x, options.precision), round(coefficients.reduce(function (sum, coeff, power) {
344
+ return sum + coeff * Math.pow(x, power);
345
+ }, 0), options.precision)];
346
+ };
347
+
348
+ var points = data.map(function (point) {
349
+ return predict(point[0]);
350
+ });
351
+
352
+ var string = 'y = ';
353
+ for (var _i = coefficients.length - 1; _i >= 0; _i--) {
354
+ if (_i > 1) {
355
+ string += coefficients[_i] + 'x^' + _i + ' + ';
356
+ } else if (_i === 1) {
357
+ string += coefficients[_i] + 'x + ';
358
+ } else {
359
+ string += coefficients[_i];
360
+ }
361
+ }
362
+
363
+ return {
364
+ string: string,
365
+ points: points,
366
+ predict: predict,
367
+ equation: [].concat(_toConsumableArray(coefficients)).reverse(),
368
+ r2: round(determinationCoefficient(data, points), options.precision)
369
+ };
370
+ }
371
+ };
372
+
373
+ function createWrapper() {
374
+ var reduce = function reduce(accumulator, name) {
375
+ return _extends({
376
+ _round: round
377
+ }, accumulator, _defineProperty({}, name, function (data, supplied) {
378
+ return methods[name](data, _extends({}, DEFAULT_OPTIONS, supplied));
379
+ }));
380
+ };
381
+
382
+ return Object.keys(methods).reduce(reduce, {});
383
+ }
384
+
385
+ module.exports = createWrapper();
386
+ });
readme.txt CHANGED
@@ -3,7 +3,7 @@ Contributors: pixelgrade, euthelup, babbardel, vlad.olaru, cristianfrumusanu, ra
3
  Tags: customizer, css, editor, live, preview, customizer
4
  Requires at least: 4.7.0
5
  Tested up to: 4.9.8
6
- Stable tag: 2.0.2
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
@@ -45,6 +45,10 @@ With [Customify](https://github.com/pixelgrade/customify), developers can easily
45
 
46
  == Changelog ==
47
 
 
 
 
 
48
  = 2.0.2 =
49
  * Fixed bug where no CSS was output for some settings with default value.
50
 
3
  Tags: customizer, css, editor, live, preview, customizer
4
  Requires at least: 4.7.0
5
  Tested up to: 4.9.8
6
+ Stable tag: 2.1.0
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
45
 
46
  == Changelog ==
47
 
48
+ = 2.1.0 =
49
+ * This new version of Customify lets you conveniently change the design of your site with font palettes. Easy as pie.
50
+ * Added previews for color palette filters.
51
+
52
  = 2.0.2 =
53
  * Fixed bug where no CSS was output for some settings with default value.
54
 
scss/customizer.scss CHANGED
@@ -1833,6 +1833,7 @@ $palette_box_shadow: inset 0 0 3px 0 rgba(0,0,0,0.2);
1833
  $palette_box_shadow_stronger: inset 0 0 3px 0 rgba(0,0,0,0.4);
1834
 
1835
  .pix_customizer_setting {
 
1836
  .customize-inside-control-row {
1837
  position: relative;
1838
  width: 100% !important;
@@ -1917,7 +1918,7 @@ $palette_box_shadow_stronger: inset 0 0 3px 0 rgba(0,0,0,0.4);
1917
  transition: all .2s ease;
1918
  }
1919
 
1920
- // Colors Bars
1921
  .palette__item {
1922
  flex: 1;
1923
  transform: translateY(100%);
@@ -2562,4 +2563,133 @@ input.c-color-palette__input[class] {
2562
  [id="sub-accordion-section-sm_color_palettes_section"] > .customize-section-description-container {
2563
  margin-bottom: 0;
2564
  border-bottom: 1px solid #DFE8EF;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2565
  }
1833
  $palette_box_shadow_stronger: inset 0 0 3px 0 rgba(0,0,0,0.4);
1834
 
1835
  .pix_customizer_setting {
1836
+
1837
  .customize-inside-control-row {
1838
  position: relative;
1839
  width: 100% !important;
1918
  transition: all .2s ease;
1919
  }
1920
 
1921
+ // Colors Bars
1922
  .palette__item {
1923
  flex: 1;
1924
  transform: translateY(100%);
2563
  [id="sub-accordion-section-sm_color_palettes_section"] > .customize-section-description-container {
2564
  margin-bottom: 0;
2565
  border-bottom: 1px solid #DFE8EF;
2566
+ }
2567
+
2568
+ .sm-palette-filter {
2569
+
2570
+ .colors {
2571
+ width: auto;
2572
+ height: auto;
2573
+
2574
+ padding: 10px 10px;
2575
+ border-radius: 999em;
2576
+ }
2577
+
2578
+ .picker:after {
2579
+ box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
2580
+ }
2581
+
2582
+ > label {
2583
+ position: relative;
2584
+ display: block;
2585
+ margin: 0 0 10px;
2586
+
2587
+ &:hover .filter-label {
2588
+ opacity: 1;
2589
+ }
2590
+ }
2591
+
2592
+ > input {
2593
+ display: none;
2594
+ }
2595
+
2596
+ .filter-label {
2597
+ position: absolute;
2598
+ top: 0;
2599
+ left: 0;
2600
+ z-index: 10;
2601
+
2602
+ width: 100%;
2603
+ height: 100%;
2604
+
2605
+ display: flex;
2606
+ align-items: center;
2607
+ justify-content: center;
2608
+
2609
+ opacity: 0;
2610
+ transition: opacity .2s ease-out;
2611
+
2612
+ span {
2613
+ position: relative;
2614
+ z-index: 20;
2615
+ }
2616
+
2617
+ &:after {
2618
+ content: "";
2619
+ display: block;
2620
+
2621
+ position: absolute;
2622
+ top: 0;
2623
+ left: 0;
2624
+ z-index: 10;
2625
+
2626
+ width: 100%;
2627
+ height: 100%;
2628
+
2629
+ background-color: #ffffff;
2630
+ box-shadow: #d6e0e5 0 0 0 1px;
2631
+ border-radius: 999em;
2632
+ }
2633
+ }
2634
+
2635
+ > input:checked + label {
2636
+
2637
+ .filter-label:after {
2638
+ background-color: #f7f9fa;
2639
+ box-shadow: none;
2640
+ }
2641
+
2642
+ .colors {
2643
+ background-color: #f7f9fa;
2644
+ box-shadow: #57ABD5 0 0 0 2px;
2645
+ }
2646
+ }
2647
+ }
2648
+
2649
+ .customize-control-sm_palette_filter .customize-control-title {
2650
+ display: none;
2651
+ }
2652
+
2653
+ // FONT PALETTES OVERWRITES
2654
+ #customize-control-sm_font_palette_control ~ .customize-control {
2655
+ display: none !important;
2656
+ }
2657
+
2658
+ .pix_customizer_setting .font_palette[class][class] .customize-inside-control-row {
2659
+ height: auto;
2660
+ padding-top: 52%;
2661
+ background-color: white;
2662
+ border-radius: 6px;
2663
+ overflow: hidden;
2664
+
2665
+ &:before {
2666
+ border: 1px solid #DFE8EF;
2667
+ border-radius: 6px;
2668
+ }
2669
+
2670
+ &:before,
2671
+ &:hover:before {
2672
+ box-shadow: 0 1px 0 0 #B8DAEB;
2673
+ }
2674
+
2675
+ input {
2676
+ display: none;
2677
+ }
2678
+
2679
+ label {
2680
+ border-radius: 6px;
2681
+ left: 0;
2682
+ }
2683
+
2684
+ input + label {
2685
+ border: 2px solid transparent;
2686
+ }
2687
+
2688
+ input:checked + label {
2689
+ border-color: #57ABD5;
2690
+ }
2691
+
2692
+ .label__inner {
2693
+ display: none;
2694
+ }
2695
  }