Customify – A Theme Customizer Booster - Version 1.5.5

Version Description

  • Added Compatibility with WordPress 4.9
Download this release

Release Info

Developer babbardel
Plugin Icon Customify – A Theme Customizer Booster
Version 1.5.5
Comparing to
See all releases

Code changes from version 1.5.4 to 1.5.5

Files changed (8) hide show
  1. class-pixcustomify.php +25 -22
  2. css/admin.css +24 -44
  3. css/customizer.css +988 -1573
  4. customify.php +2 -2
  5. languages/customify.pot +1 -1
  6. readme.txt +4 -6
  7. scss/_theme.scss +29 -2
  8. scss/customizer.scss +86 -18
class-pixcustomify.php CHANGED
@@ -506,7 +506,7 @@ class PixCustomifyPlugin {
506
 
507
  remove_theme_mod( $key );
508
 
509
- wp_send_json_success('Bby ' . $key . '!');
510
  }
511
 
512
  function permission_nonce_callback() {
@@ -585,7 +585,7 @@ class PixCustomifyPlugin {
585
  $options['value'] = $this->get_option( $option_id );
586
  $custom_background_output = $this->process_custom_background_field_output( $option_id, $options ); ?>
587
 
588
- <style id="custom_backgorund_output_for_<?php echo $option_id; ?>">
589
  <?php
590
  if ( isset( $custom_background_output ) && ! empty( $custom_background_output )) {
591
  echo $custom_background_output;
@@ -1257,38 +1257,36 @@ class PixCustomifyPlugin {
1257
  do_action( 'customify_create_custom_control', $wp_customize );
1258
  }
1259
 
 
 
 
 
 
 
 
1260
  protected function register_section( $panel_id, $section_key, $options_name, $section_settings, $wp_customize ) {
1261
 
1262
  if ( isset( $this->plugin_settings['disable_customify_sections'] ) && isset( $this->plugin_settings['disable_customify_sections'][ $section_key ] ) ) {
1263
  return;
1264
  }
1265
 
1266
- $section_args = array(
 
1267
  'priority' => 10,
1268
- 'capability' => 'edit_theme_options',
1269
- 'title' => __( 'Title Section is required', '' ),
1270
  'panel' => $panel_id,
1271
- );
 
 
 
 
 
 
1272
  $section_id = $options_name . '[' . $section_key . ']';
1273
 
1274
- if ( isset( $section_settings['priority'] ) && ! empty( $section_settings['priority'] ) ) {
1275
- $section_args['priority'] = $section_settings['priority'];
1276
- }
1277
-
1278
- if ( isset( $section_settings['title'] ) && ! empty( $section_settings['title'] ) ) {
1279
- $section_args['title'] = $section_settings['title'];
1280
- }
1281
-
1282
- if ( isset( $section_settings['theme_supports'] ) && ! empty( $section_settings['theme_supports'] ) ) {
1283
- $section_args['theme_supports'] = $section_settings['theme_supports'];
1284
- }
1285
-
1286
- if ( isset( $section_settings['description'] ) && ! empty( $section_settings['description'] ) ) {
1287
- $section_args['description'] = $section_settings['description'];
1288
- }
1289
-
1290
  $wp_customize->add_section( $section_id, $section_args );
1291
 
 
1292
  foreach ( $section_settings['options'] as $option_id => $option_config ) {
1293
 
1294
  if ( empty( $option_id ) || ! isset( $option_config['type'] ) ) {
@@ -1303,6 +1301,11 @@ class PixCustomifyPlugin {
1303
  }
1304
 
1305
  /**
 
 
 
 
 
1306
  * @param string $section_id
1307
  * @param string $setting_id
1308
  * @param array $setting_config
506
 
507
  remove_theme_mod( $key );
508
 
509
+ wp_send_json_success('Bye bye ' . $key . '!');
510
  }
511
 
512
  function permission_nonce_callback() {
585
  $options['value'] = $this->get_option( $option_id );
586
  $custom_background_output = $this->process_custom_background_field_output( $option_id, $options ); ?>
587
 
588
+ <style id="custom_background_output_for_<?php echo $option_id; ?>">
589
  <?php
590
  if ( isset( $custom_background_output ) && ! empty( $custom_background_output )) {
591
  echo $custom_background_output;
1257
  do_action( 'customify_create_custom_control', $wp_customize );
1258
  }
1259
 
1260
+ /**
1261
+ * @param string $panel_id
1262
+ * @param string $section_key
1263
+ * @param string $options_name
1264
+ * @param array $section_settings
1265
+ * @param WP_Customize_Manager $wp_customize
1266
+ */
1267
  protected function register_section( $panel_id, $section_key, $options_name, $section_settings, $wp_customize ) {
1268
 
1269
  if ( isset( $this->plugin_settings['disable_customify_sections'] ) && isset( $this->plugin_settings['disable_customify_sections'][ $section_key ] ) ) {
1270
  return;
1271
  }
1272
 
1273
+ // Merge the section settings with the defaults
1274
+ $section_args = wp_parse_args( $section_settings, array(
1275
  'priority' => 10,
 
 
1276
  'panel' => $panel_id,
1277
+ 'capability' => 'edit_theme_options',
1278
+ 'theme_supports' => '',
1279
+ 'title' => __( 'Title Section is required', 'customify' ),
1280
+ 'description' => '',
1281
+ 'type' => 'default',
1282
+ 'description_hidden' => false,
1283
+ ) );
1284
  $section_id = $options_name . '[' . $section_key . ']';
1285
 
1286
+ // Add the new section to the Customizer
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1287
  $wp_customize->add_section( $section_id, $section_args );
1288
 
1289
+ // Now go through each section option and add the fields
1290
  foreach ( $section_settings['options'] as $option_id => $option_config ) {
1291
 
1292
  if ( empty( $option_id ) || ! isset( $option_config['type'] ) ) {
1301
  }
1302
 
1303
  /**
1304
+ * Register a Customizer field
1305
+ *
1306
+ * @see WP_Customize_Setting
1307
+ * @see WP_Customize_Control
1308
+ *
1309
  * @param string $section_id
1310
  * @param string $setting_id
1311
  * @param array $setting_config
css/admin.css CHANGED
@@ -1,49 +1,29 @@
1
  /* This stylesheet is used to style the admin option form of the plugin. */
2
- .extendable_options
3
- {
4
- overflow: hidden;
5
-
6
- height: 0;
7
- }
8
-
9
- fieldset.group
10
- {
11
- padding-left: 20px;
12
-
13
- border-left: 1px solid #333;
14
- }
15
-
16
- .postbox h3.hndle
17
- {
18
- font-size: 15px;
19
-
20
- padding: 7px;
21
- }
22
-
23
- .postbox .row
24
- {
25
- display: inline-block;
26
-
27
  width: 100%;
28
- padding: 5px 0;
29
- }
30
- .postbox .row .field
31
- {
32
  display: inline-block;
33
-
34
- width: 100%;
35
- padding: 5px 0;
36
- }
37
- .postbox .row .group
38
- {
39
- margin-left: 5px;
40
  padding-left: 15px;
 
41
 
42
- border: 1px solid rgba(203, 203, 203, .2);
43
- background-color: rgba(203, 203, 203, .2);
44
- }
45
-
46
- .postbox .uninstall_area
47
- {
48
- margin-top: 15px;
49
- }
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
+ fieldset.group {
7
+ border-left: 1px solid #333;
8
+ padding-left: 20px; }
9
+
10
+ .postbox h3.hndle {
11
+ padding: 7px;
12
+ font-size: 15px; }
13
+
14
+ .postbox .row {
15
+ width: 100%;
16
+ display: inline-block;
17
+ padding: 5px 0; }
18
+ .postbox .row .field {
 
 
 
 
 
 
 
 
19
  width: 100%;
 
 
 
 
20
  display: inline-block;
21
+ padding: 5px 0; }
22
+ .postbox .row .group {
23
+ border: 1px solid rgba(203, 203, 203, 0.2);
24
+ background-color: rgba(203, 203, 203, 0.2);
 
 
 
25
  padding-left: 15px;
26
+ margin-left: 5px; }
27
 
28
+ .postbox .uninstall_area {
29
+ margin-top: 15px; }
 
 
 
 
 
 
css/customizer.css CHANGED
@@ -1,489 +1,323 @@
1
- .wp-full-overlay-sidebar *
2
- {
3
- box-sizing: border-box;
4
- }
5
-
6
- .accordion-section-content
7
- {
8
- overflow: visible;
9
- }
10
-
11
- .control-section:not(.control-section-themes) .customize-control
12
- {
13
- width: 100%;
14
- min-height: initial;
15
- padding: 0;
16
- }
17
-
18
- .customize-controls-close
19
- {
20
- width: 48px;
21
- height: 44px;
22
-
23
- color: #7da9c3;
24
- border-top: none;
25
- border-right-color: #e0e8ef;
26
- background: #fff;
27
- }
28
- .customize-controls-close:focus,
29
- .customize-controls-close:hover
30
- {
31
- background: #f5fcff;
32
- }
33
- .customize-controls-close:before
34
- {
35
- top: 0;
36
- }
37
-
38
- #customize-controls .customize-info
39
- {
40
- border-bottom-color: #e0e8ef;
41
- }
42
-
43
- .customize-panel-back,
44
- .customize-section-back
45
- {
46
- height: 74px;
47
-
48
- color: #7da9c3;
49
- border-right-color: #e0e8ef;
50
- }
51
- .customize-panel-back:hover,
52
- .customize-panel-back:focus,
53
- .customize-section-back:hover,
54
- .customize-section-back:focus
55
- {
56
  border-left-color: #f5fcff;
57
- background: #f5fcff;
58
- }
59
 
60
- #customize-theme-controls .theme *
61
- {
62
- box-sizing: content-box;
63
- }
64
 
65
- #customize-theme-controls .accordion-section-content
66
- {
67
- padding: 17px;
68
- }
69
 
70
- #customize-theme-controls .customize-section-title
71
- {
72
- margin-top: -17px;
73
- margin-right: -17px;
74
- }
75
 
76
  #customize-theme-controls .control-panel-content .control-section:nth-child(2),
77
- #customize-theme-controls .control-panel-content .control-section:nth-child(3)
78
- {
79
- border-top: none;
80
- }
81
-
82
- #customize-theme-controls .control-panel-content .control-section:nth-last-child(2)
83
- {
84
- border-bottom: 1px solid #e0e8ef;
85
- }
86
-
87
- #customize-theme-controls #accordion-section-add_menu
88
- {
89
- overflow: visible;
90
-
91
- text-align: right;
92
- }
93
- #customize-theme-controls #accordion-section-add_menu .add-menu-toggle
94
- {
95
- float: none;
96
- }
97
-
98
- #customize-theme-controls .customize-pane-child.open
99
- {
100
- height: 100%;
101
- }
102
-
103
- #customize-controls .description
104
- {
105
- font-size: 12px;
106
- font-weight: 300;
107
- font-style: normal;
108
- line-height: 1.6;
109
 
110
- margin-bottom: 9px;
 
111
 
112
- text-indent: 0;
 
 
 
113
 
114
- color: #4d7b90;
115
- }
116
 
117
- .customize-control-description
118
- {
119
- margin-top: 6px;
120
- }
 
 
 
 
121
 
122
- .customize-control
123
- {
124
- margin-bottom: 24px;
125
- }
126
 
127
- #accordion-section-themes + .control-section
128
- {
129
- border-top: none;
130
- }
131
 
132
- #customize-controls .panel-meta.customize-info .accordion-section-title
133
- {
134
- height: 74px;
135
 
136
- border-top: none;
137
- }
 
138
 
139
- .button-controls:after
140
- {
141
- display: table;
142
- clear: both;
143
 
144
- content: ' ';
145
- }
146
-
147
- .wp-core-ui .button:not(.theme-details):not(.collapse-sidebar),
148
  .wp-core-ui .button-primary,
149
- .wp-core-ui .button-secondary
150
- {
151
- font-size: 13px;
152
- font-weight: 400;
153
- line-height: 1.4;
154
-
155
- width: auto;
156
- padding: 6px 20px;
157
-
158
- transition: all .1s;
159
-
160
- color: #f5fcff;
161
- border: none;
162
- border-radius: 4px;
163
- background: #aed2e5;
164
- box-shadow: 0 2px 0 0 #8dbed7;
165
- text-shadow: none;
166
- }
167
- .wp-core-ui .button:not(.theme-details):not(.collapse-sidebar):hover,
168
- .wp-core-ui .button-primary:hover,
169
- .wp-core-ui .button-secondary:hover
170
- {
171
  color: white;
172
- background: #98c6dd;
173
- box-shadow: 0 2px 0 0 #74a7c2;
174
  text-shadow: none;
175
- }
176
-
177
- .wp-core-ui .button-primary
178
- {
179
- background: #73c5ee;
180
- box-shadow: 0 2px 0 0 #57abd5;
181
- }
182
- .wp-core-ui .button-primary:hover
183
- {
184
- background: #58b0dd;
185
- box-shadow: 0 2px 0 0 #3f8aaf;
186
- }
 
 
 
 
 
 
187
 
188
  .wp-core-ui .reset_section,
189
- .wp-core-ui .reset_panel
190
- {
191
- display: block;
192
-
193
- width: 100%;
194
- height: 4em;
195
- margin: 0 0 25px;
196
- }
197
-
198
- .wp-core-ui .reset_panel
199
- {
200
- margin-top: 10px;
201
- }
202
-
203
- .separator.label
204
- {
205
- font-size: 14px;
206
- font-weight: 600;
207
- line-height: 24px;
208
-
209
- display: block;
210
- }
211
-
212
- .customize-control-title,
213
- .separator.label
214
- {
215
- color: #416b7e;
216
- }
217
-
218
- .separator.section:before,
219
- .separator.sub-section:before
220
- {
221
- position: absolute;
222
- z-index: -1;
223
- top: 0;
224
- right: -18px;
225
- bottom: 0;
226
- left: -18px;
227
-
228
- content: '';
229
- }
230
-
231
- .separator.label
232
- {
233
- font-weight: 500;
234
- }
235
-
236
- .separator.large
237
- {
238
- font-size: 16px;
239
-
240
- margin-top: 12px;
241
-
242
- color: #39474d;
243
- }
244
-
245
- .separator.section
246
- {
247
- position: relative;
248
-
249
- margin-bottom: 0;
250
- padding: 14px 0;
251
-
252
- border: none;
253
- background: none;
254
- }
255
- .separator.section[id*='layout']
256
- {
257
- margin-top: 0;
258
- }
259
- .separator.section[id*='layout']:before
260
- {
261
- border: none;
262
- }
263
- .separator.section:before
264
- {
265
  border: 1px solid #e0e8ef;
266
- background-color: #fff;
267
- box-shadow: 0 1px 0 0 #dfe8ef;
268
- }
269
-
270
- .separator.sub-section
271
- {
272
- position: relative;
273
 
274
- padding: 12px 0;
275
- }
276
- .separator.sub-section:before
277
- {
278
  border-top: 1px solid #e0e8ef;
279
  border-bottom: 1px solid #e0e8ef;
280
- background-color: #f6fbff;
281
- }
282
- .separator.sub-section + span
283
- {
284
- font-style: normal;
285
-
286
  margin-top: 20px;
287
- }
288
-
289
- .section-navigation-wrapper
290
- {
291
- position: relative;
292
-
293
- height: 43px;
294
- margin: -15px -12px 0 -12px;
295
- margin-right: -17px;
296
- margin-left: -17px;
297
- }
298
-
299
- .section-navigation
300
- {
301
- display: -ms-flexbox;
302
- display: flex;
303
- clear: both;
304
-
305
- margin-top: -1px;
306
-
307
- border-top: 1px solid #e0e8ef;
308
- }
309
- .section-navigation a
310
- {
311
  display: block;
312
-
313
  padding: 12px 0;
314
-
315
- transition: background-color .15s ease-in-out;
316
- text-align: center;
317
- text-decoration: none;
318
-
319
  color: #3b484e;
320
- border-right: 1px solid #e0e8ef;
321
  border-bottom: 1px solid #e0e8ef;
322
- background-color: #fff;
323
-
324
- -ms-flex: 1 1 auto;
325
- flex: 1 1 auto;
326
- }
327
- .section-navigation a:last-child
328
- {
329
- border-right: 0;
330
- }
331
 
332
  #customize-controls .customize-info.is-sticky.is-sticky,
333
- #customize-controls .customize-section-title.is-sticky.is-sticky
334
- {
335
- top: 40px;
336
- }
337
 
338
  #customize-controls .customize-info.is-in-view.is-in-view,
339
- #customize-controls .customize-section-title.is-in-view.is-in-view
340
- {
341
- box-shadow: none;
342
- }
343
 
344
  #customize-controls .has-nav .customize-info,
345
- #customize-controls .has-nav .customize-section-title
346
- {
347
- margin-right: -12px;
348
- }
349
-
350
- #customize-controls .customize-section-title.customize-section-title
351
- {
352
- border-bottom: 0;
353
- }
354
-
355
- .customize-section-description-container.section-meta.has-nav
356
- {
357
- margin-bottom: 0;
358
- }
359
-
360
- .font-options__wrapper
361
- {
362
- position: relative;
363
- }
364
- .font-options__wrapper:after
365
- {
366
  position: absolute;
367
- z-index: 0;
368
  top: 90%;
369
- right: 0;
370
  left: 0;
371
-
 
372
  display: block;
373
-
374
- height: 100px;
375
-
376
- content: '';
377
- }
378
-
379
- .font-options__head
380
- {
381
- display: -ms-flexbox;
382
- display: flex;
383
-
384
- -ms-flex-pack: justify;
385
- justify-content: space-between;
386
- }
387
- .font-options__head.font-options__head
388
- {
389
- white-space: nowrap;
390
- text-overflow: ellipsis;
391
-
392
  -webkit-appearance: none;
393
- }
394
-
395
- .font-options__font-title
396
- {
397
- font-size: 12px;
398
- font-weight: 300;
399
- line-height: 20px;
400
-
401
- overflow: hidden;
402
-
403
- margin-right: 26px;
404
- margin-left: 10px;
405
-
406
- white-space: nowrap;
407
  text-overflow: ellipsis;
408
-
409
- color: #98c6dd;
410
- }
411
-
412
- .font-options__options-list
413
- {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
414
  position: absolute;
415
- z-index: 2;
416
- top: calc(100% + 6px);
417
- right: -6px;
418
- left: -6px;
419
-
420
- display: block;
421
- display: none;
422
-
423
- padding: 10px;
424
-
425
- transition: opacity .15s linear;
426
-
427
- opacity: 0;
428
- border: 1px solid #dfe8ef;
429
- border-radius: 5px;
430
- background-color: #fff;
431
- }
432
- .font-options__options-list:last-child
433
- {
434
- margin-bottom: 0;
435
- }
436
- .font-options__options-list:before,
437
- .font-options__options-list:after
438
- {
439
- position: absolute;
440
- z-index: 10;
441
  top: -20px;
442
  right: 25px;
443
-
444
- width: 0;
445
  height: 0;
446
-
447
- content: '';
448
-
449
  border: solid transparent;
450
- }
451
- .font-options__options-list:before
452
- {
453
- z-index: 11;
454
-
455
- border-width: 10px;
456
  border-bottom-color: white;
457
- }
458
- .font-options__options-list:after
459
- {
460
- top: -24px;
461
- right: 23px;
462
-
463
  border-width: 12px;
464
- border-bottom-color: rgba(0, 0, 0, .075);
465
- }
466
-
467
- .customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap:after
468
- {
469
- position: absolute;
470
- right: 12px;
471
- bottom: 100%;
472
-
473
- width: 0;
474
- height: 0;
475
-
476
- border-collapse: separate;
477
-
478
- content: '';
479
-
480
- border-width: 0 9px 9px 9px;
481
- border-style: solid;
482
- border-color: transparent transparent #fff transparent;
483
- }
484
-
485
- .font-options__head,
486
- .customize-control input[type=text],
487
  .customize-control input[type=checkbox],
488
  .customize-control input[type=password],
489
  .customize-control input[type=color],
@@ -501,1211 +335,792 @@
501
  .customize-control input[type=search],
502
  .customize-control select,
503
  .customize-control textarea,
504
- .customize-control input[type='number'].range-value,
505
- ul.font-options__options-list .select2-container .select2-selection--single
506
- {
507
- font-size: 14px;
508
- line-height: 1.5;
509
-
510
- width: 100%;
511
- height: 44px;
512
- padding: 10px 14px;
513
-
514
- color: #416b7e;
515
- border: 2px solid #b8daeb;
516
- border-radius: 4px;
517
- outline: 0;
518
- background: #fff;
519
- }
520
- .font-options__head:focus,
521
- .customize-control input[type=text]:focus,
522
- .customize-control input[type=checkbox]:focus,
523
- .customize-control input[type=password]:focus,
524
- .customize-control input[type=color]:focus,
525
- .customize-control input[type=date]:focus,
526
- .customize-control input[type=datetime]:focus,
527
- .customize-control input[type=datetime-local]:focus,
528
- .customize-control input[type=email]:focus,
529
- .customize-control input[type=month]:focus,
530
- .customize-control input[type=number]:focus,
531
- .customize-control input[type=radio]:focus,
532
- .customize-control input[type=tel]:focus,
533
- .customize-control input[type=time]:focus,
534
- .customize-control input[type=url]:focus,
535
- .customize-control input[type=week]:focus,
536
- .customize-control input[type=search]:focus,
537
- .customize-control select:focus,
538
- .customize-control textarea:focus,
539
- .customize-control input[type='number'].range-value:focus,
540
- ul.font-options__options-list .select2-container .select2-selection--single:focus
541
- {
542
- border-color: #73c5ee;
543
- box-shadow: none;
544
- }
545
-
546
- .font-options__head,
547
- .customize-control select,
548
- ul.font-options__options-list .select2-container .select2-selection--single
549
- {
550
- font-weight: 600;
551
-
552
- width: 100%;
553
-
554
- background: white url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE1cHgiIGhlaWdodD0iOXB4IiB2aWV3Qm94PSIwIDAgMTUgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDdXN0b21pZnktQ29weS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjU2LjAwMDAwMCwgLTM4Ni4wMDAwMDApIiBmaWxsPSIjOThDNkRFIj4KICAgICAgICAgICAgPGcgaWQ9IkhlYWRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgNDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCA3NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iVGl0bGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2LjAwMDAwMCwgMjE5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iRmllbGQtLS1TZWxlY3QtQ29weSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iU2VsZWN0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMjcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI1NC40ODEyLDE4IEwyNTYsMTkuNTE0IEwyNDguNSwyNyBMMjQxLDE5LjUxNCBMMjQyLjUxODgsMTggTDI0OC41LDIzLjk2NzIgTDI1NC40ODEyLDE4IFoiIGlkPSJQYWdlLTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
555
- background-position: right 16px top 16px;
556
-
557
- -webkit-appearance: button;
558
- -moz-appearance: none;
559
- }
560
- [multiple].font-options__head,
561
- .customize-control select[multiple],
562
- ul.font-options__options-list .select2-container [multiple].select2-selection--single
563
- {
564
- background: white;
565
- }
566
 
567
  .customize-control input[type=text],
568
- .customize-control textarea
569
- {
570
- font-size: 13px;
571
- }
572
 
573
- .customize-control textarea
574
- {
575
- height: auto;
576
- }
577
 
578
  .customize-control input[type=checkbox],
579
- .customize-control input[type=radio]
580
- {
581
- width: 22px;
582
- height: 22px;
583
- }
584
- .customize-control input[type=checkbox]:checked,
585
- .customize-control input[type=radio]:checked
586
- {
587
- border-color: #5ab9e8;
588
- background: #73c5ee;
589
- }
590
- .customize-control input[type=checkbox]:checked:before,
591
- .customize-control input[type=radio]:checked:before
592
- {
593
- margin: -1px 0 0 -2px;
594
-
595
- color: white;
596
- }
597
 
598
  .customize-control.customize-control-checkbox label:not(:only-of-type),
599
- .customize-control.customize-control-radio label:not(:only-of-type)
600
- {
601
- display: inline-block;
602
-
603
- width: calc(49% - 30px);
604
- margin-left: 30px;
605
- padding-top: 0;
606
- padding-bottom: 0;
607
-
608
- text-indent: -6px;
609
- }
610
-
611
- .customize-control.customize-control-checkbox label,
612
- .customize-control.customize-control-radio label
613
- {
614
- color: #416b7e;
615
- }
616
-
617
- [id*='divider'] + .customize-control.customize-control-checkbox,
618
- [id*='divider'] + .customize-control.customize-control-radio
619
- {
620
- margin-top: 0;
621
- }
622
-
623
- .customize-control input[type=radio]
624
- {
625
- border-radius: 50%;
626
- }
627
- .customize-control input[type=radio]:checked:before
628
- {
629
- content: none;
630
- }
631
-
632
- .customize-control-html + .customize-control.customize-control-checkbox
633
- {
634
- margin-top: -24px;
635
- }
636
-
637
- .customize-control.customize-control-radio label
638
- {
639
- margin-top: 12px;
640
- }
641
-
642
- .customize-control input[type='range']
643
- {
644
- width: 65%;
645
- }
646
-
647
- .customize-control input[type='range']
648
- {
649
- position: relative;
650
-
651
- overflow: hidden;
652
-
653
- width: 200px;
654
- height: 22px;
655
-
656
- outline: none;
657
- background: none;
658
-
659
- -webkit-appearance: none;
660
- }
661
- .customize-control input[type='range']:before
662
- {
663
  position: absolute;
664
  top: 8px;
665
  left: 0;
666
-
667
- width: 100%;
668
  height: 6px;
669
-
670
- content: ' ';
671
-
672
- border-radius: 10px;
673
- background: #dfe8ef;
674
- box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .3);
675
- }
676
- .customize-control input[type='range']::-webkit-slider-thumb
677
- {
678
- position: relative;
679
- z-index: 3;
680
-
681
  width: 22px;
682
  height: 22px;
683
-
684
- border: 2px solid #b8daeb;
685
- border-radius: 4px;
686
  background: #27ae60;
687
- background: #fff;
688
-
689
- -webkit-appearance: none;
690
- }
691
- .customize-control input[type='range']::-webkit-slider-thumb:before
692
- {
693
- font-size: 1em;
694
-
695
- position: absolute;
696
- top: -5px;
697
- left: 5px;
698
-
699
- content: '..';
700
- letter-spacing: 1px;
701
-
702
- color: #b8daeb;
703
- }
704
- .customize-control input[type='range']::-webkit-slider-thumb:after
705
- {
706
- position: absolute;
707
- z-index: 1;
708
- top: 6px;
709
- right: 20px;
710
-
711
- width: 200px;
712
- height: 6px;
713
-
714
- content: ' ';
715
-
716
- background: #73c5ee;
717
- }
718
-
719
- .customize-control input[type='number'].range-value
720
- {
721
- font-size: 13px;
722
- line-height: 1;
723
-
724
- top: -5px;
725
-
726
- float: right;
727
-
728
- width: auto;
729
- min-width: 40px;
730
- max-width: 80px;
731
- height: 30px;
732
- margin-left: 10px;
733
- padding: 4px 0 5px 0;
734
-
735
- text-align: center;
736
- }
737
-
738
- .customize-control input[type=number]::-webkit-inner-spin-button,
739
- .customize-control input[type=number]::-webkit-outer-spin-button
740
- {
741
- margin: 0;
742
-
743
- -webkit-appearance: none;
744
- }
745
-
746
- .customize-control-color
747
- {
748
- display: block;
749
- }
750
- .customize-control-color .customize-control-title,
751
- .customize-control-color .separator.label
752
- {
753
- float: left;
754
- }
755
- .customize-control-color .wp-picker-container
756
- {
757
  position: relative;
758
- top: -3px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
759
 
760
- float: right;
761
- }
762
- .customize-control-color .wp-picker-container .wp-picker-holder
763
- {
 
 
 
 
 
 
764
  position: relative;
765
- }
766
- .customize-control-color .wp-picker-container .iris-picker
767
- {
768
- position: absolute;
769
- z-index: 1000;
770
- top: 40px;
771
- right: 0;
772
-
773
- width: 275px !important;
774
-
775
- border: none;
776
- border-color: #dfdfde;
777
- border-top: none;
778
- border-radius: 0 0 3px 3px;
779
- background: white;
780
- }
781
- .customize-control-color .wp-picker-container .iris-picker .iris-square
782
- {
783
- width: 215px !important;
784
- height: 173px !important;
785
- margin-right: 0;
786
- }
787
- .customize-control-color .wp-picker-container .iris-picker .iris-strip
788
- {
789
  float: right;
790
-
791
- box-shadow: rgba(0, 0, 0, .4) 0 1px 1px inset;
792
- }
793
- .customize-control-color .wp-picker-container .iris-picker .iris-strip .ui-slider-handle
794
- {
795
- opacity: 1;
796
- border-color: #aaa !important;
797
- box-shadow: none;
798
- }
799
- .customize-control-color .wp-picker-container .iris-picker .iris-palette
800
- {
801
- width: 24px !important;
802
- height: 24px !important;
803
-
804
- border-radius: 50px;
805
- box-shadow: rgba(0, 0, 0, .4) 0 1px 1px inset;
806
- }
807
- .customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap
808
- {
809
- position: absolute;
810
- z-index: 1000;
811
- top: 35px;
812
- right: 0;
813
-
814
- width: 275px;
815
- padding: 9px 12px;
816
-
817
- border: none;
818
- border-radius: 3px 3px 0 0;
819
- background: white;
820
- }
821
- .customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap input.wp-color-picker
822
- {
823
- font-size: 13px;
824
-
825
- float: left;
826
-
827
- width: 100px;
828
- height: auto;
829
- margin: 0;
830
- padding: 6px 12px;
831
-
832
- text-align: left;
833
- }
834
- .customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap input.button
835
- {
836
- float: right;
837
-
838
- height: 30px;
839
- padding: 4px 12px;
840
- }
841
- .customize-control-color .wp-color-result
842
- {
 
 
 
843
  top: 0;
844
-
845
- width: 40px;
846
  height: 30px;
 
847
  margin: 0;
848
  padding: 0;
849
-
850
- border: 2px solid #b8daeb;
851
  border-radius: 4px;
852
- background: #2ecc71;
853
- box-shadow: none;
854
- }
855
- .customize-control-color .wp-color-result:after
856
- {
857
- display: none;
858
- }
859
-
860
- #accordion-section-live_css_edit_section .customize-section-title
861
- {
862
- margin-top: -13px;
863
-
864
- border-bottom: 1px solid #ddd;
865
- }
866
-
867
- #accordion-section-live_css_edit_section #css_editor
868
- {
869
- top: 70px;
870
-
871
- overflow: visible;
872
-
873
- border-top: 10px solid white;
874
- }
875
- #accordion-section-live_css_edit_section #css_editor:before
876
- {
877
- position: absolute;
878
- z-index: 10000000;
879
- top: -10px;
880
- left: 0;
881
-
882
- display: block;
883
-
884
  width: 48px;
885
  height: 10px;
 
 
 
 
 
 
886
 
887
- content: '';
 
888
 
889
- background: #e8e8e8;
890
- }
891
-
892
- #accordion-section-live_css_edit_section .ace_scroller
893
- {
894
- padding-left: 10px;
895
- }
896
-
897
- .wp-full-overlay.editor_opened
898
- {
899
- margin-left: 500px;
900
- }
901
- .wp-full-overlay.editor_opened #customize-controls
902
- {
903
- width: 500px;
904
- }
905
- .wp-full-overlay.editor_opened.collapsed #customize-controls
906
- {
907
- width: 300px;
908
- }
909
 
910
  .customize-control-media .current,
911
  .customize-control-site_icon .current,
912
- li#customize-control-site_logo .current
913
- {
914
- min-height: 44px;
915
- margin-bottom: 10px;
916
-
917
- border: 2px solid #b8daeb;
918
- border-radius: 4px;
919
- background: #f5fcff;
920
- }
921
- .customize-control-media .current .container,
922
- .customize-control-media .current span,
923
- .customize-control-site_icon .current .container,
924
- .customize-control-site_icon .current span,
925
- li#customize-control-site_logo .current .container,
926
- li#customize-control-site_logo .current span
927
- {
928
- border: none;
929
- }
930
-
931
- .customize-control-media .inner,
932
- .customize-control-media .current span,
933
  .customize-control-site_icon .inner,
934
  .customize-control-site_icon .current span,
935
  li#customize-control-site_logo .inner,
936
- li#customize-control-site_logo .current span
937
- {
938
- font-size: 13px;
939
-
940
- color: #98c6dd;
941
- }
942
 
943
  .customize-control-media .inner,
944
  .customize-control-site_icon .inner,
945
- li#customize-control-site_logo .inner
946
- {
947
- line-height: 1.4;
948
- }
949
 
950
  .customize-control-media .thumbnail-image,
951
  .customize-control-site_icon .thumbnail-image,
952
- li#customize-control-site_logo .thumbnail-image
953
- {
954
- padding: 14px;
955
-
956
- text-align: center;
957
- }
958
- .customize-control-media .thumbnail-image img,
959
- .customize-control-site_icon .thumbnail-image img,
960
- li#customize-control-site_logo .thumbnail-image img
961
- {
962
- width: auto;
963
- }
964
 
965
  .customize-control-media .actions,
966
  .customize-control-site_icon .actions,
967
- li#customize-control-site_logo .actions
968
- {
969
- margin-bottom: 0;
970
- }
971
-
972
- .customize-control-typography select,
973
- .customize-control-typography select
974
- {
975
- margin-bottom: 10px;
976
- }
977
-
978
- .customize-control-typography .description,
979
- .customize-control-typography .description
980
- {
981
- margin-top: -3px;
982
- }
983
-
984
- .customize-control-typography ul li,
985
- .customize-control-typography ul li
986
- {
987
- width: 100%;
988
- margin: 0;
989
- }
990
-
991
- .default-preset-button
992
- {
993
- font-family: 'Open Sans',sans-serif;
994
- font-size: 13px;
995
-
996
- float: right;
997
-
998
- margin-right: 4px;
999
- padding: 1px 8px;
1000
-
1001
- border: 1px solid #cbcbcb;
1002
- border-radius: 3px;
1003
- background-color: #f5f6f6;
1004
- }
1005
-
1006
- .customize-control-preset .description
1007
- {
1008
- font-style: normal;
1009
-
1010
- margin-right: 5px;
1011
- }
1012
-
1013
- .customify_preset.radio_buttons .customify_radio_button
1014
- {
1015
- position: relative;
1016
-
1017
- display: inline-block;
1018
- overflow: hidden;
1019
-
1020
- height: auto;
1021
- margin: 3px;
1022
- padding: 2px;
1023
-
1024
- border: none;
1025
- }
1026
- .customify_preset.radio_buttons .customify_radio_button input[type='radio']
1027
- {
1028
- position: absolute;
1029
- z-index: 9999;
1030
-
1031
  width: 100%;
1032
  height: 100%;
1033
-
1034
- opacity: 0;
1035
- }
1036
- .customify_preset.radio_buttons .customify_radio_button input[type='radio']:checked + label
1037
- {
1038
- background-color: #ebebeb;
1039
- }
1040
- .customify_preset.radio_buttons .customify_radio_button input[type='radio']:checked + label:before
1041
- {
1042
- content: '>';
1043
-
1044
- color: inherit;
1045
- }
1046
- .customify_preset.radio_buttons .customify_radio_button input[type='radio']:checked + label:after
1047
- {
1048
- content: '<';
1049
-
1050
- color: inherit;
1051
- }
1052
- .customify_preset.radio_buttons .customify_radio_button input[type='radio']:checked:before
1053
- {
1054
- opacity: 0;
1055
- }
1056
- .customify_preset.radio_buttons .customify_radio_button label
1057
- {
1058
  position: relative;
1059
  z-index: 999;
1060
-
1061
- border-left: 4px solid;
1062
- }
1063
-
1064
- .customify_preset .awesome_preset
1065
- {
1066
- position: relative;
1067
-
1068
- display: inline-block;
1069
-
1070
- width: 45%;
1071
- margin-top: 5px;
1072
- margin-bottom: 25px;
1073
-
1074
- transition: all .2s;
1075
- text-align: center;
1076
-
1077
- color: white;
1078
- }
1079
- .customify_preset .awesome_preset:hover
1080
- {
1081
- opacity: .9;
1082
- }
1083
- .customify_preset .awesome_preset:before
1084
- {
1085
  position: absolute;
1086
- z-index: 5;
1087
  top: 1px;
 
1088
  right: 1px;
1089
  bottom: 1px;
1090
- left: 1px;
1091
-
1092
- content: '';
1093
-
1094
  opacity: .5;
1095
- border: 1px solid #fff;
1096
  border-radius: 4px;
1097
- background: transparent;
1098
- }
1099
- .customify_preset .awesome_preset .preset-wrap .preset-color
1100
- {
1101
  height: 128px;
1102
- padding: 17px 0 27px;
1103
-
1104
  border-radius: 4px 4px 0 0;
1105
- }
1106
- .customify_preset .awesome_preset .preset-wrap .preset-color .first-font
1107
- {
1108
- font-size: 55px;
1109
- line-height: 1;
1110
-
1111
- display: inline-block;
1112
-
1113
- width: 100%;
1114
- }
1115
- .customify_preset .awesome_preset .preset-wrap .preset-color .secondary-font
1116
- {
1117
- font-size: 20px;
1118
- line-height: 1;
1119
-
1120
- display: inline-block;
1121
-
1122
- width: 100%;
1123
- margin-top: 8px;
1124
- }
1125
- .customify_preset .awesome_preset .preset-wrap .preset-name
1126
- {
1127
- font-size: 11px;
1128
-
1129
  position: relative;
1130
-
1131
- padding: 1px;
1132
-
1133
  text-transform: UPPERCASE;
1134
-
1135
  border-radius: 0 0 4px 4px;
1136
- }
1137
- .customify_preset .awesome_preset .preset-wrap .preset-name:before
1138
- {
1139
- position: absolute;
1140
- top: -10px;
1141
- left: 40%;
1142
-
1143
- content: '';
1144
-
1145
- border: 10px solid;
1146
- border-color: inherit;
1147
- border-top: transparent;
1148
- border-right-color: transparent;
1149
- border-bottom-color: inherit;
1150
- border-left-color: transparent;
1151
- }
1152
- .customify_preset .awesome_preset:nth-child(odd)
1153
- {
1154
- margin-right: 7%;
1155
- }
1156
- .customify_preset .awesome_preset input[type=radio]
1157
- {
1158
- position: absolute;
1159
- z-index: 10;
1160
- top: 0;
1161
- left: 0;
1162
-
1163
- display: inline-block;
1164
-
1165
- width: 100%;
1166
  height: 100%;
1167
- margin: 0;
1168
-
1169
- color: #006505;
1170
  border: 0;
1171
- border-radius: 0;
1172
- background-color: transparent;
1173
  box-shadow: none;
1174
- }
1175
- .customify_preset .awesome_preset input[type=radio]:checked:before
1176
- {
1177
- position: absolute;
1178
- z-index: 1;
1179
- top: -13px;
1180
- right: -14px;
1181
-
1182
- width: 25px;
1183
- height: 25px;
1184
-
1185
- background: #fff;
1186
- }
1187
- .customify_preset .awesome_preset input[type=radio]:checked:after
1188
- {
1189
- position: absolute;
1190
- z-index: 10;
1191
- top: -5px;
1192
- right: -5px;
1193
-
1194
- width: 26px;
1195
- height: 26px;
1196
-
1197
- content: '';
1198
-
1199
- border-radius: 50%;
1200
- background: #73c5ee url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEzcHgiIGhlaWdodD0iOXB4IiB2aWV3Qm94PSIwIDAgMTMgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDdXN0b21pZnktQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgLTQwOC4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9IkhlYWRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgNDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCA3NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iRmllbGQtLS1DaGVja2JveC1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNy4wMDAwMDAsIDI0OS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkNoZWNrYm94IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMzAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAuMDM4NDk1LDE2IEwxNy4xMTYxMzc1LDguOTIxNDg3NiBMMTUuMTk0NjQ5OCw3IEwxMC4wMzg0OTUsMTIuMTU1MDY3NCBMNi45MjE0ODc2LDkuMDM4OTI5OTcgTDUsMTAuOTYwNDE3NiBMMTAuMDM4NDk1LDE2IFoiIGlkPSJQYWdlLTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
1201
- background-position: center center;
1202
-
1203
- -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
1204
- filter: alpha(opacity=0);
1205
- }
1206
-
1207
- .customify_radio_image
1208
- {
1209
  display: inline-block;
1210
- }
1211
- .customify_radio_image label
1212
- {
1213
- position: relative;
1214
-
1215
- display: block;
1216
- float: left;
1217
-
1218
- margin-right: 10px;
1219
- }
1220
- .customify_radio_image label input[type=radio]
1221
- {
1222
- position: absolute;
1223
  top: 0;
1224
- right: 0;
1225
- bottom: 0;
1226
  left: 0;
1227
-
1228
- visibility: hidden;
1229
-
1230
- width: 100%;
1231
- height: 100%;
1232
- }
1233
- .customify_radio_image label input[type=radio] img
1234
- {
1235
- cursor: pointer;
1236
-
1237
- border: 2px solid transparent;
1238
- }
1239
- .customify_radio_image label input[type=radio]:checked + img
1240
- {
1241
- border: 3px solid #73c5ee;
1242
- }
1243
-
1244
- .customify_ace_editor
1245
- {
 
 
 
 
 
 
 
1246
  display: block;
1247
-
1248
- min-height: 200px;
1249
-
1250
- border: 1px solid #ddd;
1251
- }
1252
-
1253
- .customize-control-custom_background .hide
1254
- {
1255
- display: none;
1256
- }
1257
-
1258
- .customize-control-custom_background .upload_button_div
1259
- {
1260
- margin: 10px 0;
1261
- }
1262
- .customize-control-custom_background .upload_button_div > *
1263
- {
1264
  margin-right: 10px;
1265
- }
1266
-
1267
- .customize-control-custom_background .preview_screenshot
1268
- {
1269
- margin: 10px 0;
1270
-
1271
- text-align: center;
1272
- }
1273
- .customize-control-custom_background .preview_screenshot img
1274
- {
1275
- border: 2px solid #ccc;
1276
- }
1277
-
1278
- #customify_import_demo_data_button
1279
- {
1280
- display: inline-block;
1281
-
1282
- width: 70%;
1283
- height: auto;
1284
- margin: 0 15% 10% 15%;
1285
- padding: 10px;
1286
-
1287
- text-align: center;
1288
- }
1289
-
1290
- .import_step_note
1291
- {
1292
- display: inline-block;
1293
-
1294
- width: 100%;
1295
- margin: 5px;
1296
- }
1297
- .import_step_note:before
1298
- {
1299
- content: '\1F449';
1300
- }
1301
- .import_step_note.success:before
1302
- {
1303
- content: '\1F44D';
1304
- }
1305
- .import_step_note.failed:before
1306
- {
1307
- content: '\274C';
1308
- }
1309
-
1310
- #customize-header-actions
1311
- {
1312
- border-color: #e0e8ef;
1313
- background: #fff;
1314
- }
 
 
 
 
 
 
 
1315
 
1316
  .wp-full-overlay-sidebar,
1317
- .customize-themes-panel
1318
- {
1319
- border-right: 1px solid #e0e8ef;
1320
- background: #eaf9fe;
1321
- }
1322
-
1323
- #customize-theme-controls #accordion-section-menu_locations
1324
- {
1325
- border-bottom: 1px solid #e0e8ef;
1326
- }
1327
-
1328
- #customize-controls #accordion-section-themes > .accordion-section-title
1329
- {
1330
- font-weight: 600;
1331
-
1332
- border-bottom: 1px solid #e0e8ef;
1333
- }
1334
- #customize-controls #accordion-section-themes > .accordion-section-title:hover
1335
- {
1336
- background: #fff;
1337
- }
1338
-
1339
- #customize-controls .panel-meta.customize-info
1340
- {
1341
- border-bottom-color: #e0e8ef;
1342
- }
1343
-
1344
- #customize-theme-controls .control-section .accordion-section-title
1345
- {
1346
- font-weight: 400;
1347
-
1348
- border-top: 1px solid #e0e8ef;
1349
- border-bottom: none;
1350
- }
1351
-
1352
- #customize-theme-controls .control-section:last-of-type > .accordion-section-title
1353
- {
1354
- border-bottom: 1px solid #e0e8ef;
1355
- }
1356
-
1357
- #customize-theme-controls .customize-section-title
1358
- {
1359
- border-top: 1px solid #e0e8ef;
1360
- border-bottom: 1px solid #e0e8ef;
1361
- }
1362
-
1363
- #customize-controls .control-section .accordion-section-title:focus,
1364
- #customize-controls .control-section .accordion-section-title:hover,
1365
- #customize-controls .control-section.open .accordion-section-title,
1366
- #customize-controls .control-section:hover > .accordion-section-title
1367
- {
1368
- color: #056184;
1369
- border-left-color: #f5fcff;
1370
- background: #f5fcff;
1371
- }
1372
-
1373
- [data-balloon]
1374
- {
1375
- position: relative;
1376
- }
1377
-
1378
- [data-balloon]::before
1379
- {
1380
- font-size: 12px;
1381
-
1382
- position: absolute;
1383
- z-index: 10;
1384
-
1385
- padding: .5em 1em;
1386
-
1387
- content: attr(data-balloon);
1388
- transition: all .18s ease-out;
1389
- white-space: nowrap;
1390
- pointer-events: none;
1391
-
1392
- opacity: 0;
1393
- color: #fff;
1394
- border-radius: 4px;
1395
- background: rgba(17, 17, 17, .9);
1396
- }
1397
-
1398
- [data-balloon]::after
1399
- {
1400
- position: absolute;
1401
- z-index: 10;
1402
-
1403
- width: 18px;
1404
- height: 6px;
1405
-
1406
- content: '';
1407
- transition: all .18s ease-out;
1408
- pointer-events: none;
1409
-
1410
- opacity: 0;
1411
- 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>');
1412
- background-size: 100% auto;
1413
- }
1414
-
1415
- [data-balloon]:hover::before,
1416
- [data-balloon]:hover::after
1417
- {
1418
- pointer-events: auto;
1419
-
1420
- opacity: 1;
1421
- }
1422
-
1423
- [data-balloon][data-balloon-pos='up']::before
1424
- {
1425
- bottom: 100%;
1426
- left: 50%;
1427
-
1428
- margin-bottom: 11px;
1429
-
1430
- -webkit-transform: translate3d(-50%, 10px, 0);
1431
- transform: translate3d(-50%, 10px, 0);
1432
- -webkit-transform-origin: top;
1433
- transform-origin: top;
1434
- }
1435
-
1436
- [data-balloon][data-balloon-pos='up']::after
1437
- {
1438
- bottom: 100%;
1439
- left: 50%;
1440
-
1441
- margin-bottom: 5px;
1442
-
1443
- -webkit-transform: translate3d(-50%, 10px, 0);
1444
- transform: translate3d(-50%, 10px, 0);
1445
- -webkit-transform-origin: top;
1446
- transform-origin: top;
1447
- }
1448
-
1449
- [data-balloon][data-balloon-pos='up']:hover::before
1450
- {
1451
- -webkit-transform: translate3d(-50%, 0, 0);
1452
- transform: translate3d(-50%, 0, 0);
1453
- }
1454
-
1455
- [data-balloon][data-balloon-pos='up']:hover::after
1456
- {
1457
- -webkit-transform: translate3d(-50%, 0, 0);
1458
- transform: translate3d(-50%, 0, 0);
1459
- }
1460
-
1461
- [data-balloon][data-balloon-pos='down']::before
1462
- {
1463
- top: 100%;
1464
- left: 50%;
1465
-
1466
- margin-top: 11px;
1467
-
1468
- -webkit-transform: translate3d(-50%, -10px, 0);
1469
- transform: translate3d(-50%, -10px, 0);
1470
- }
1471
-
1472
- [data-balloon][data-balloon-pos='down']::after
1473
- {
1474
- top: 100%;
1475
- left: 50%;
1476
-
1477
- width: 18px;
1478
- height: 6px;
1479
- margin-top: 5px;
1480
-
1481
- -webkit-transform: translate3d(-50%, -10px, 0);
1482
- transform: translate3d(-50%, -10px, 0);
1483
-
1484
- 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>');
1485
- background-size: 100% auto;
1486
- }
1487
-
1488
- [data-balloon][data-balloon-pos='down']:hover::before
1489
- {
1490
- -webkit-transform: translate3d(-50%, 0, 0);
1491
- transform: translate3d(-50%, 0, 0);
1492
- }
1493
-
1494
- [data-balloon][data-balloon-pos='down']:hover::after
1495
- {
1496
- -webkit-transform: translate3d(-50%, 0, 0);
1497
- transform: translate3d(-50%, 0, 0);
1498
- }
1499
-
1500
- [data-balloon][data-balloon-pos='left']::before
1501
- {
1502
- top: 50%;
1503
- right: 100%;
1504
-
1505
- margin-right: 11px;
1506
-
1507
- -webkit-transform: translate3d(10px, -50%, 0);
1508
- transform: translate3d(10px, -50%, 0);
1509
- }
1510
-
1511
- [data-balloon][data-balloon-pos='left']::after
1512
- {
1513
- top: 50%;
1514
- right: 100%;
1515
-
1516
- width: 6px;
1517
- height: 18px;
1518
- margin-right: 5px;
1519
-
1520
- -webkit-transform: translate3d(10px, -50%, 0);
1521
- transform: translate3d(10px, -50%, 0);
1522
-
1523
- 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>');
1524
- background-size: 100% auto;
1525
- }
1526
-
1527
- [data-balloon][data-balloon-pos='left']:hover::before
1528
- {
1529
- -webkit-transform: translate3d(0, -50%, 0);
1530
- transform: translate3d(0, -50%, 0);
1531
- }
1532
-
1533
- [data-balloon][data-balloon-pos='left']:hover::after
1534
- {
1535
- -webkit-transform: translate3d(0, -50%, 0);
1536
- transform: translate3d(0, -50%, 0);
1537
- }
1538
-
1539
- [data-balloon][data-balloon-pos='right']::before
1540
- {
1541
- top: 50%;
1542
- left: 100%;
1543
-
1544
- margin-left: 11px;
1545
-
1546
- -webkit-transform: translate3d(-10px, -50%, 0);
1547
- transform: translate3d(-10px, -50%, 0);
1548
- }
1549
-
1550
- [data-balloon][data-balloon-pos='right']::after
1551
- {
1552
- top: 50%;
1553
- left: 100%;
1554
-
1555
- width: 6px;
1556
- height: 18px;
1557
- margin-left: 5px;
1558
-
1559
- -webkit-transform: translate3d(-10px, -50%, 0);
1560
- transform: translate3d(-10px, -50%, 0);
1561
-
1562
- 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>');
1563
- background-size: 100% auto;
1564
- }
1565
-
1566
- [data-balloon][data-balloon-pos='right']:hover::before
1567
- {
1568
- -webkit-transform: translate3d(0, -50%, 0);
1569
- transform: translate3d(0, -50%, 0);
1570
- }
1571
-
1572
- [data-balloon][data-balloon-pos='right']:hover::after
1573
- {
1574
- -webkit-transform: translate3d(0, -50%, 0);
1575
- transform: translate3d(0, -50%, 0);
1576
- }
1577
-
1578
- [data-balloon][data-balloon-length='small']::before
1579
- {
1580
- width: 80px;
1581
-
1582
  white-space: normal;
1583
- }
1584
-
1585
- [data-balloon][data-balloon-length='medium']::before
1586
- {
1587
- width: 150px;
1588
 
1589
- white-space: normal;
1590
- }
 
1591
 
1592
- [data-balloon][data-balloon-length='large']::before
1593
- {
1594
- width: 260px;
1595
 
1596
- white-space: normal;
1597
- }
1598
-
1599
- [data-balloon][data-balloon-length='xlarge']::before
1600
- {
1601
- width: 380px;
1602
-
1603
- white-space: normal;
1604
- }
1605
-
1606
- @media screen and (max-width: 768px)
1607
- {
1608
- [data-balloon][data-balloon-length='xlarge']::before
1609
- {
1610
- width: 90vw;
1611
-
1612
- white-space: normal;
1613
- }
1614
- }
1615
-
1616
- [data-balloon][data-balloon-length='fit']::before
1617
- {
1618
- width: 100%;
1619
-
1620
- white-space: normal;
1621
- }
1622
-
1623
- .font-options__wrapper .font-options__options-list
1624
- {
1625
- border-color: #b8daeb;
1626
- box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .15);
1627
- }
1628
-
1629
- .font-options__wrapper .font-options__option
1630
- {
1631
- margin-bottom: 12px;
1632
- }
1633
- .font-options__wrapper .font-options__option label
1634
- {
1635
  display: block;
1636
-
1637
- margin-bottom: 6px;
1638
- }
1639
-
1640
- .font-options__wrapper [type=checkbox]:checked ~ .font-options__options-list
1641
- {
1642
- display: block;
1643
-
1644
- opacity: 1;
1645
- }
1646
-
1647
- input.customify_font_tooltip
1648
- {
1649
- display: none;
1650
- }
1651
-
1652
- ul.font-options__options-list .select2-container
1653
- {
1654
- width: 100% !important;
1655
- }
1656
- ul.font-options__options-list .select2-container .select2-selection--single
1657
- {
1658
- -webkit-appearance: initial;
1659
- }
1660
- ul.font-options__options-list .select2-container .select2-selection--single .select2-selection__arrow
1661
- {
1662
- display: none;
1663
- }
1664
-
1665
- ul.font-options__options-list .select2-container--default .select2-selection--single .select2-selection__rendered
1666
- {
1667
- line-height: initial;
1668
-
1669
- color: inherit;
1670
- }
1671
-
1672
- .select2-container.select2-container--open
1673
- {
1674
- z-index: 99999999;
1675
- }
1676
-
1677
- .wp-customizer .widget-conditional .condition-control:after
1678
- {
1679
- display: table;
1680
- clear: both;
1681
-
1682
- content: ' ';
1683
- }
1684
-
1685
- .wp-customizer .widget-conditional .selection
1686
- {
1687
- margin-right: 0;
1688
- margin-bottom: 10px;
1689
- margin-left: 0;
1690
- padding-right: 50px;
1691
- padding-bottom: 19px;
1692
- padding-left: 28px;
1693
-
1694
- border-bottom: 1px solid #cbcfd4;
1695
- }
1696
-
1697
- .wp-customizer .widget-conditional .condition:last-child .selection
1698
- {
1699
- border: 0;
1700
- }
1701
-
1702
- .wp-customizer .widget-conditional select
1703
- {
1704
- width: 170px;
1705
- max-width: 100%;
1706
- }
1707
-
1708
- .wp-customizer .widget-conditional .condition-top select
1709
- {
1710
- width: 130px;
1711
- }
1
+ .wp-full-overlay-sidebar * {
2
+ box-sizing: border-box; }
3
+
4
+ .accordion-section-content {
5
+ overflow: visible; }
6
+
7
+ .control-section:not(.control-section-themes) .customize-control {
8
+ padding: 0px;
9
+ width: 100%;
10
+ min-height: initial; }
11
+
12
+ #customize-header-actions #customize-save-button-wrapper {
13
+ margin-top: 7px; }
14
+
15
+ .wp-full-overlay-footer .devices button {
16
+ float: left;
17
+ border-radius: 0; }
18
+
19
+ .customize-controls-close {
20
+ width: 48px;
21
+ height: 44px;
22
+ color: #7da9c3;
23
+ background: #ffffff;
24
+ border-top: none;
25
+ border-right-color: #e0e8ef; }
26
+ .customize-controls-close:focus, .customize-controls-close:hover {
27
+ background: #f5fcff; }
28
+ .customize-controls-close:before {
29
+ top: 0px; }
30
+
31
+ #customize-controls .customize-info {
32
+ border-bottom-color: #e0e8ef; }
33
+
34
+ .customize-panel-back, .customize-section-back {
35
+ height: 74px;
36
+ color: #7da9c3;
37
+ border-right-color: #e0e8ef; }
38
+ .customize-panel-back:hover, .customize-panel-back:focus, .customize-section-back:hover, .customize-section-back:focus {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
39
  border-left-color: #f5fcff;
40
+ background: #f5fcff; }
 
41
 
42
+ #customize-theme-controls .theme * {
43
+ box-sizing: content-box; }
 
 
44
 
45
+ #customize-theme-controls .accordion-section-content {
46
+ padding: 17px; }
 
 
47
 
48
+ #customize-theme-controls .customize-section-title {
49
+ margin-top: -17px;
50
+ margin-right: -17px; }
 
 
51
 
52
  #customize-theme-controls .control-panel-content .control-section:nth-child(2),
53
+ #customize-theme-controls .control-panel-content .control-section:nth-child(3) {
54
+ border-top: none; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
55
 
56
+ #customize-theme-controls .control-panel-content .control-section:nth-last-child(2) {
57
+ border-bottom: 1px solid #e0e8ef; }
58
 
59
+ #customize-theme-controls #accordion-section-add_menu {
60
+ border-bottom: none; }
61
+ #customize-theme-controls #accordion-section-add_menu .add-menu-toggle {
62
+ float: none; }
63
 
64
+ #customize-theme-controls .customize-pane-child.open {
65
+ height: 100%; }
66
 
67
+ #customize-controls .description {
68
+ margin-bottom: 9px;
69
+ font-size: 12px;
70
+ font-weight: 300;
71
+ font-style: normal;
72
+ line-height: 1.6;
73
+ color: #4d7b90;
74
+ text-indent: 0; }
75
 
76
+ .customize-control-description {
77
+ margin-top: 6px; }
 
 
78
 
79
+ .customize-control {
80
+ margin-bottom: 24px; }
 
 
81
 
82
+ #accordion-section-themes + .control-section {
83
+ border-top: none; }
 
84
 
85
+ #customize-controls .panel-meta.customize-info .accordion-section-title {
86
+ border-top: none;
87
+ height: 74px; }
88
 
89
+ .button-controls:after {
90
+ content: " ";
91
+ display: table;
92
+ clear: both; }
93
 
94
+ .wp-core-ui .button:not(.theme-details):not(.collapse-sidebar):not(.wp-color-result),
 
 
 
95
  .wp-core-ui .button-primary,
96
+ .wp-core-ui .button-secondary {
97
+ width: auto;
98
+ padding-left: 15px;
99
+ padding-right: 15px;
100
+ font-weight: 400;
101
+ color: #F5FCFF;
102
+ text-shadow: none;
103
+ border: none;
104
+ background: #AED2E5;
105
+ box-shadow: 0px 2px 0px 0px #8DBED7;
106
+ border-radius: 4px;
107
+ transition: all 0.1s; }
108
+ .wp-core-ui .button:not(.theme-details):not(.collapse-sidebar):not(.wp-color-result):hover,
109
+ .wp-core-ui .button-primary:hover,
110
+ .wp-core-ui .button-secondary:hover {
 
 
 
 
 
 
 
111
  color: white;
 
 
112
  text-shadow: none;
113
+ background: #98C6DD;
114
+ box-shadow: 0px 2px 0px 0px #74A7C2; }
115
+
116
+ .wp-core-ui #customize-header-actions .button-primary {
117
+ background: #73C5EE;
118
+ box-shadow: 0px 2px 0px 0px #57ABD5; }
119
+ .wp-core-ui #customize-header-actions .button-primary:hover {
120
+ background: #58B0DD;
121
+ box-shadow: 0px 2px 0px 0px #3F8AAF; }
122
+ .wp-core-ui #customize-header-actions .button-primary.has-next-sibling {
123
+ border-right: 1px solid #57ABD5; }
124
+ .wp-core-ui #customize-header-actions .button-primary:disabled {
125
+ color: white !important;
126
+ background: #AED2E5 !important;
127
+ opacity: 0.7;
128
+ box-shadow: 0px 2px 0px 0px #8db5ca !important; }
129
+ .wp-core-ui #customize-header-actions .button-primary:disabled.has-next-sibling {
130
+ border-right: none; }
131
 
132
  .wp-core-ui .reset_section,
133
+ .wp-core-ui .reset_panel {
134
+ width: 100%;
135
+ height: 4em;
136
+ display: block;
137
+ margin: 0px 0 25px; }
138
+
139
+ .wp-core-ui .reset_panel {
140
+ margin-top: 10px; }
141
+
142
+ .separator.label {
143
+ display: block;
144
+ font-size: 14px;
145
+ line-height: 24px;
146
+ font-weight: 600; }
147
+
148
+ .customize-control-title, .separator.label {
149
+ color: #416B7E; }
150
+
151
+ .separator.section:before, .separator.sub-section:before {
152
+ content: "";
153
+ position: absolute;
154
+ top: 0;
155
+ bottom: 0;
156
+ left: -18px;
157
+ right: -18px;
158
+ z-index: -1; }
159
+
160
+ .separator.label {
161
+ font-weight: 500; }
162
+
163
+ .separator.large {
164
+ margin-top: 12px;
165
+ font-size: 16px;
166
+ color: #39474D; }
167
+
168
+ .separator.section {
169
+ position: relative;
170
+ padding: 14px 0;
171
+ margin-bottom: 0;
172
+ background: none;
173
+ border: none; }
174
+ .separator.section[id*="layout"] {
175
+ margin-top: 0; }
176
+ .separator.section[id*="layout"]:before {
177
+ border: none; }
178
+ .separator.section:before {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
179
  border: 1px solid #e0e8ef;
180
+ background-color: #ffffff;
181
+ box-shadow: 0px 1px 0px 0px #DFE8EF; }
 
 
 
 
 
182
 
183
+ .separator.sub-section {
184
+ position: relative;
185
+ padding: 12px 0; }
186
+ .separator.sub-section:before {
187
  border-top: 1px solid #e0e8ef;
188
  border-bottom: 1px solid #e0e8ef;
189
+ background-color: #f6fbff; }
190
+ .separator.sub-section + span {
 
 
 
 
191
  margin-top: 20px;
192
+ font-style: normal; }
193
+
194
+ .section-navigation-wrapper {
195
+ position: relative;
196
+ height: 43px;
197
+ margin: -15px -12px 0 -12px;
198
+ margin-right: -17px;
199
+ margin-left: -17px; }
200
+
201
+ .section-navigation {
202
+ display: -ms-flexbox;
203
+ display: flex;
204
+ margin-top: -1px;
205
+ clear: both;
206
+ border-top: 1px solid #e0e8ef; }
207
+ .section-navigation a {
208
+ -ms-flex: 1 1 auto;
209
+ flex: 1 1 auto;
 
 
 
 
 
 
210
  display: block;
 
211
  padding: 12px 0;
 
 
 
 
 
212
  color: #3b484e;
213
+ background-color: #ffffff;
214
  border-bottom: 1px solid #e0e8ef;
215
+ border-right: 1px solid #e0e8ef;
216
+ text-align: center;
217
+ text-decoration: none;
218
+ transition: background-color .15s ease-in-out; }
219
+ .section-navigation a:last-child {
220
+ border-right: 0; }
 
 
 
221
 
222
  #customize-controls .customize-info.is-sticky.is-sticky,
223
+ #customize-controls .customize-section-title.is-sticky.is-sticky {
224
+ top: 40px; }
 
 
225
 
226
  #customize-controls .customize-info.is-in-view.is-in-view,
227
+ #customize-controls .customize-section-title.is-in-view.is-in-view {
228
+ box-shadow: none; }
 
 
229
 
230
  #customize-controls .has-nav .customize-info,
231
+ #customize-controls .has-nav .customize-section-title {
232
+ margin-right: -12px; }
233
+
234
+ #customize-controls .customize-section-title.customize-section-title {
235
+ border-bottom: 0; }
236
+
237
+ .customize-section-description-container.section-meta.has-nav {
238
+ margin-bottom: 0; }
239
+
240
+ .font-options__wrapper {
241
+ position: relative; }
242
+ .font-options__wrapper:after {
243
+ content: "";
 
 
 
 
 
 
 
 
244
  position: absolute;
 
245
  top: 90%;
 
246
  left: 0;
247
+ right: 0;
248
+ z-index: 0;
249
  display: block;
250
+ height: 100px; }
251
+
252
+ .font-options__head {
253
+ display: -ms-flexbox;
254
+ display: flex;
255
+ -ms-flex-pack: justify;
256
+ justify-content: space-between; }
257
+ .font-options__head.font-options__head {
 
 
 
 
 
 
 
 
 
 
 
258
  -webkit-appearance: none;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
259
  text-overflow: ellipsis;
260
+ white-space: nowrap; }
261
+
262
+ .font-options__font-title {
263
+ margin-right: 26px;
264
+ margin-left: 10px;
265
+ font-size: 12px;
266
+ line-height: 20px;
267
+ font-weight: 300;
268
+ color: #98c6dd;
269
+ text-overflow: ellipsis;
270
+ overflow: hidden;
271
+ white-space: nowrap; }
272
+
273
+ .font-options__options-list {
274
+ position: absolute;
275
+ top: calc(100% + 6px);
276
+ left: -6px;
277
+ right: -6px;
278
+ z-index: 2;
279
+ display: block;
280
+ padding: 10px;
281
+ border: 1px solid #dfe8ef;
282
+ border-radius: 5px;
283
+ background-color: #ffffff;
284
+ opacity: 0;
285
+ display: none;
286
+ transition: opacity .15s linear; }
287
+ .font-options__options-list:last-child {
288
+ margin-bottom: 0; }
289
+ .font-options__options-list:before, .font-options__options-list:after {
290
+ content: "";
291
  position: absolute;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
292
  top: -20px;
293
  right: 25px;
 
 
294
  height: 0;
295
+ width: 0;
 
 
296
  border: solid transparent;
297
+ z-index: 10; }
298
+ .font-options__options-list:before {
 
 
 
 
299
  border-bottom-color: white;
300
+ border-width: 10px;
301
+ z-index: 11; }
302
+ .font-options__options-list:after {
303
+ border-bottom-color: rgba(0, 0, 0, 0.075);
 
 
304
  border-width: 12px;
305
+ top: -24px;
306
+ right: 23px; }
307
+
308
+ .customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap:after {
309
+ content: "";
310
+ position: absolute;
311
+ bottom: 100%;
312
+ right: 12px;
313
+ border-collapse: separate;
314
+ width: 0;
315
+ height: 0;
316
+ border-width: 0 9px 9px 9px;
317
+ border-style: solid;
318
+ border-color: transparent transparent #fff transparent; }
319
+
320
+ .font-options__head, .customize-control input[type=text],
 
 
 
 
 
 
 
321
  .customize-control input[type=checkbox],
322
  .customize-control input[type=password],
323
  .customize-control input[type=color],
335
  .customize-control input[type=search],
336
  .customize-control select,
337
  .customize-control textarea,
338
+ .customize-control input[type="number"].range-value, ul.font-options__options-list .select2-container .select2-selection--single {
339
+ width: 100%;
340
+ height: 44px;
341
+ padding: 10px 14px;
342
+ background: #FFFFFF;
343
+ border: 2px solid #B8DAEB;
344
+ border-radius: 4px;
345
+ font-size: 14px;
346
+ line-height: 1.5;
347
+ color: #416B7E;
348
+ outline: 0; }
349
+ .font-options__head:focus, .customize-control input[type=text]:focus,
350
+ .customize-control input[type=checkbox]:focus,
351
+ .customize-control input[type=password]:focus,
352
+ .customize-control input[type=color]:focus,
353
+ .customize-control input[type=date]:focus,
354
+ .customize-control input[type=datetime]:focus,
355
+ .customize-control input[type=datetime-local]:focus,
356
+ .customize-control input[type=email]:focus,
357
+ .customize-control input[type=month]:focus,
358
+ .customize-control input[type=number]:focus,
359
+ .customize-control input[type=radio]:focus,
360
+ .customize-control input[type=tel]:focus,
361
+ .customize-control input[type=time]:focus,
362
+ .customize-control input[type=url]:focus,
363
+ .customize-control input[type=week]:focus,
364
+ .customize-control input[type=search]:focus,
365
+ .customize-control select:focus,
366
+ .customize-control textarea:focus,
367
+ .customize-control input[type="number"].range-value:focus, ul.font-options__options-list .select2-container .select2-selection--single:focus {
368
+ border-color: #73C5EE;
369
+ box-shadow: none; }
370
+
371
+ .font-options__head, .customize-control select, ul.font-options__options-list .select2-container .select2-selection--single {
372
+ width: 100%;
373
+ -webkit-appearance: button;
374
+ -moz-appearance: none;
375
+ font-weight: 600;
376
+ background: white url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE1cHgiIGhlaWdodD0iOXB4IiB2aWV3Qm94PSIwIDAgMTUgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDdXN0b21pZnktQ29weS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjU2LjAwMDAwMCwgLTM4Ni4wMDAwMDApIiBmaWxsPSIjOThDNkRFIj4KICAgICAgICAgICAgPGcgaWQ9IkhlYWRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgNDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCA3NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iVGl0bGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2LjAwMDAwMCwgMjE5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iRmllbGQtLS1TZWxlY3QtQ29weSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iU2VsZWN0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMjcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI1NC40ODEyLDE4IEwyNTYsMTkuNTE0IEwyNDguNSwyNyBMMjQxLDE5LjUxNCBMMjQyLjUxODgsMTggTDI0OC41LDIzLjk2NzIgTDI1NC40ODEyLDE4IFoiIGlkPSJQYWdlLTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
377
+ background-position: right 16px top 16px; }
378
+ [multiple].font-options__head, .customize-control select[multiple], ul.font-options__options-list .select2-container [multiple].select2-selection--single {
379
+ background: white; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
380
 
381
  .customize-control input[type=text],
382
+ .customize-control textarea {
383
+ font-size: 13px; }
 
 
384
 
385
+ .customize-control textarea {
386
+ height: auto; }
 
 
387
 
388
  .customize-control input[type=checkbox],
389
+ .customize-control input[type=radio] {
390
+ width: 22px;
391
+ height: 22px; }
392
+ .customize-control input[type=checkbox]:checked,
393
+ .customize-control input[type=radio]:checked {
394
+ background: #73C5EE;
395
+ border-color: #5AB9E8; }
396
+ .customize-control input[type=checkbox]:checked:before,
397
+ .customize-control input[type=radio]:checked:before {
398
+ color: white;
399
+ margin: -1px 0 0 -2px; }
 
 
 
 
 
 
 
400
 
401
  .customize-control.customize-control-checkbox label:not(:only-of-type),
402
+ .customize-control.customize-control-checkbox > .customize-inside-control-row:not(:only-of-type), .customize-control.customize-control-radio label:not(:only-of-type),
403
+ .customize-control.customize-control-radio > .customize-inside-control-row:not(:only-of-type) {
404
+ margin-left: 30px;
405
+ padding-top: 0;
406
+ padding-bottom: 0;
407
+ display: inline-block;
408
+ width: calc(49% - 30px);
409
+ text-indent: -6px; }
410
+
411
+ .customize-control.customize-control-checkbox label, .customize-control.customize-control-radio label {
412
+ color: #416B7E; }
413
+
414
+ [id*="divider"] + .customize-control.customize-control-checkbox, [id*="divider"] + .customize-control.customize-control-radio {
415
+ margin-top: 0; }
416
+
417
+ .customize-control input[type=radio] {
418
+ border-radius: 50%; }
419
+ .customize-control input[type=radio]:checked:before {
420
+ content: none; }
421
+
422
+ .customize-control-html + .customize-control.customize-control-checkbox {
423
+ margin-top: -24px; }
424
+
425
+ .customize-control.customize-control-radio label,
426
+ .customize-control.customize-control-radio .customize-inside-control-row {
427
+ margin-top: 12px; }
428
+
429
+ .customize-control.customize-control-radio#customize-control-changeset_status .customize-inside-control-row {
430
+ margin-top: 0;
431
+ text-indent: 0; }
432
+
433
+ .customize-control input[type="range"] {
434
+ width: 65%; }
435
+
436
+ .customize-control input[type="range"] {
437
+ position: relative;
438
+ -webkit-appearance: none;
439
+ width: calc(100% - 55px);
440
+ height: 22px;
441
+ overflow: hidden;
442
+ outline: none;
443
+ background: none; }
444
+ .customize-control input[type="range"]:before {
445
+ content: " ";
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
446
  position: absolute;
447
  top: 8px;
448
  left: 0;
 
 
449
  height: 6px;
450
+ width: 100%;
451
+ background: #DFE8EF;
452
+ box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
453
+ border-radius: 10px; }
454
+ .customize-control input[type="range"]::-webkit-slider-thumb {
455
+ -webkit-appearance: none;
 
 
 
 
 
 
456
  width: 22px;
457
  height: 22px;
 
 
 
458
  background: #27ae60;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
459
  position: relative;
460
+ z-index: 3;
461
+ background: #FFFFFF;
462
+ border: 2px solid #B8DAEB;
463
+ border-radius: 4px; }
464
+ .customize-control input[type="range"]::-webkit-slider-thumb:before {
465
+ content: "..";
466
+ position: absolute;
467
+ left: 5px;
468
+ top: -5px;
469
+ color: #B8DAEB;
470
+ font-size: 1em;
471
+ letter-spacing: 1px; }
472
+ .customize-control input[type="range"]::-webkit-slider-thumb:after {
473
+ content: " ";
474
+ width: calc(100% - 55px);
475
+ height: 6px;
476
+ position: absolute;
477
+ z-index: 1;
478
+ right: 20px;
479
+ top: 6px;
480
+ background: #73C5EE; }
481
+
482
+ .customize-control input[type="number"].range-value {
483
+ min-width: 40px;
484
+ max-width: 80px;
485
+ width: auto;
486
+ height: 30px;
487
+ top: -5px;
488
+ float: right;
489
+ padding: 4px 0px 5px 0px;
490
+ margin-left: 10px;
491
+ font-size: 13px;
492
+ line-height: 1;
493
+ text-align: center; }
494
 
495
+ .customize-control input[type=number]::-webkit-inner-spin-button,
496
+ .customize-control input[type=number]::-webkit-outer-spin-button {
497
+ -webkit-appearance: none;
498
+ margin: 0; }
499
+
500
+ .customize-control-color {
501
+ display: block; }
502
+ .customize-control-color .customize-control-title, .customize-control-color .separator.label {
503
+ float: left; }
504
+ .customize-control-color .wp-picker-container {
505
  position: relative;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
506
  float: right;
507
+ top: -3px; }
508
+ .customize-control-color .wp-picker-container .wp-picker-holder {
509
+ position: relative; }
510
+ .customize-control-color .wp-picker-container .iris-picker {
511
+ position: absolute;
512
+ top: 40px;
513
+ right: 0;
514
+ z-index: 1000;
515
+ width: 275px !important;
516
+ border-top: none;
517
+ border-color: #DFDFDE;
518
+ border-radius: 0 0 3px 3px;
519
+ border: none;
520
+ background: white; }
521
+ .customize-control-color .wp-picker-container .iris-picker, .customize-control-color .wp-picker-container .iris-picker * {
522
+ box-sizing: content-box; }
523
+ .customize-control-color .wp-picker-container .iris-picker .iris-square {
524
+ width: 215px !important;
525
+ height: 173px !important;
526
+ margin-right: 0; }
527
+ .customize-control-color .wp-picker-container .iris-picker .iris-strip {
528
+ float: right;
529
+ box-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px inset; }
530
+ .customize-control-color .wp-picker-container .iris-picker .iris-strip .ui-slider-handle {
531
+ border-color: #aaa !important;
532
+ opacity: 1;
533
+ box-shadow: none; }
534
+ .customize-control-color .wp-picker-container .iris-picker .iris-palette {
535
+ width: 24px !important;
536
+ height: 24px !important;
537
+ border-radius: 50px;
538
+ box-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px inset; }
539
+ .customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap {
540
+ position: absolute;
541
+ z-index: 1000;
542
+ top: 35px;
543
+ right: 0;
544
+ width: 275px;
545
+ padding: 9px 12px;
546
+ background: white;
547
+ border: none;
548
+ border-radius: 3px 3px 0 0; }
549
+ .customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap input.wp-color-picker {
550
+ float: left;
551
+ width: 100px;
552
+ font-size: 13px;
553
+ text-align: left;
554
+ margin: 0;
555
+ padding: 6px 12px;
556
+ height: auto; }
557
+ .customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap input.button {
558
+ float: right;
559
+ padding: 4px 12px;
560
+ height: 30px; }
561
+ .customize-control-color .wp-color-result,
562
+ .customize-control-color .wp-color-result.button {
563
  top: 0;
 
 
564
  height: 30px;
565
+ width: 40px;
566
  margin: 0;
567
  padding: 0;
 
 
568
  border-radius: 4px;
569
+ background: #2ECC71;
570
+ border: 2px solid #B8DAEB;
571
+ box-shadow: none; }
572
+ .customize-control-color .wp-color-result:after,
573
+ .customize-control-color .wp-color-result .wp-color-result-text,
574
+ .customize-control-color .wp-color-result.button:after,
575
+ .customize-control-color .wp-color-result.button .wp-color-result-text {
576
+ display: none; }
577
+
578
+ .customize-control-font:last-child {
579
+ margin-bottom: 150px; }
580
+
581
+ #accordion-section-live_css_edit_section .customize-section-title {
582
+ margin-top: -13px;
583
+ border-bottom: 1px solid #ddd; }
584
+
585
+ #accordion-section-live_css_edit_section #css_editor {
586
+ top: 70px;
587
+ border-top: 10px solid white;
588
+ overflow: visible; }
589
+ #accordion-section-live_css_edit_section #css_editor:before {
590
+ content: "";
 
 
 
 
 
 
 
 
 
 
591
  width: 48px;
592
  height: 10px;
593
+ display: block;
594
+ background: #e8e8e8;
595
+ top: -10px;
596
+ position: absolute;
597
+ z-index: 10000000;
598
+ left: 0; }
599
 
600
+ #accordion-section-live_css_edit_section .ace_scroller {
601
+ padding-left: 10px; }
602
 
603
+ .wp-full-overlay.editor_opened {
604
+ margin-left: 500px; }
605
+ .wp-full-overlay.editor_opened #customize-controls {
606
+ width: 500px; }
607
+ .wp-full-overlay.editor_opened.collapsed #customize-controls {
608
+ width: 300px; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
609
 
610
  .customize-control-media .current,
611
  .customize-control-site_icon .current,
612
+ li#customize-control-site_logo .current {
613
+ margin-bottom: 10px;
614
+ min-height: 44px;
615
+ background: #F5FCFF;
616
+ border: 2px solid #B8DAEB;
617
+ border-radius: 4px; }
618
+ .customize-control-media .current .container, .customize-control-media .current span,
619
+ .customize-control-site_icon .current .container,
620
+ .customize-control-site_icon .current span,
621
+ li#customize-control-site_logo .current .container,
622
+ li#customize-control-site_logo .current span {
623
+ border: none; }
624
+
625
+ .customize-control-media .inner, .customize-control-media .current span,
 
 
 
 
 
 
 
626
  .customize-control-site_icon .inner,
627
  .customize-control-site_icon .current span,
628
  li#customize-control-site_logo .inner,
629
+ li#customize-control-site_logo .current span {
630
+ font-size: 13px;
631
+ color: #98C6DD; }
 
 
 
632
 
633
  .customize-control-media .inner,
634
  .customize-control-site_icon .inner,
635
+ li#customize-control-site_logo .inner {
636
+ line-height: 1.4; }
 
 
637
 
638
  .customize-control-media .thumbnail-image,
639
  .customize-control-site_icon .thumbnail-image,
640
+ li#customize-control-site_logo .thumbnail-image {
641
+ padding: 14px;
642
+ text-align: center; }
643
+ .customize-control-media .thumbnail-image img,
644
+ .customize-control-site_icon .thumbnail-image img,
645
+ li#customize-control-site_logo .thumbnail-image img {
646
+ width: auto; }
 
 
 
 
 
647
 
648
  .customize-control-media .actions,
649
  .customize-control-site_icon .actions,
650
+ li#customize-control-site_logo .actions {
651
+ margin-bottom: 0; }
652
+
653
+ .customize-control-typography select, .customize-control-typography select {
654
+ margin-bottom: 10px; }
655
+
656
+ .customize-control-typography .description, .customize-control-typography .description {
657
+ margin-top: -3px; }
658
+
659
+ .customize-control-typography ul li, .customize-control-typography ul li {
660
+ width: 100%;
661
+ margin: 0; }
662
+
663
+ .default-preset-button {
664
+ background-color: #F5F6F6;
665
+ float: right;
666
+ padding: 1px 8px;
667
+ border-radius: 3px;
668
+ border: 1px solid #CBCBCB;
669
+ margin-right: 4px;
670
+ font-family: "Open Sans",sans-serif;
671
+ font-size: 13px; }
672
+
673
+ .customize-control-preset .description {
674
+ margin-right: 5px;
675
+ font-style: normal; }
676
+
677
+ .customify_preset.radio_buttons .customify_radio_button {
678
+ border: none;
679
+ display: inline-block;
680
+ padding: 2px;
681
+ margin: 3px;
682
+ position: relative;
683
+ overflow: hidden;
684
+ height: auto; }
685
+ .customify_preset.radio_buttons .customify_radio_button input[type="radio"] {
686
+ opacity: 0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
687
  width: 100%;
688
  height: 100%;
689
+ position: absolute;
690
+ z-index: 9999; }
691
+ .customify_preset.radio_buttons .customify_radio_button input[type="radio"]:checked + label {
692
+ background-color: #ebebeb; }
693
+ .customify_preset.radio_buttons .customify_radio_button input[type="radio"]:checked + label:before {
694
+ content: '>';
695
+ color: inherit; }
696
+ .customify_preset.radio_buttons .customify_radio_button input[type="radio"]:checked + label:after {
697
+ content: '<';
698
+ color: inherit; }
699
+ .customify_preset.radio_buttons .customify_radio_button input[type="radio"]:checked:before {
700
+ opacity: 0; }
701
+ .customify_preset.radio_buttons .customify_radio_button label {
 
 
 
 
 
 
 
 
 
 
 
 
702
  position: relative;
703
  z-index: 999;
704
+ border-left: 4px solid; }
705
+
706
+ .customify_preset .awesome_preset {
707
+ width: 45%;
708
+ position: relative;
709
+ display: inline-block;
710
+ text-align: center;
711
+ color: white;
712
+ margin-top: 5px;
713
+ margin-bottom: 25px;
714
+ transition: all 0.2s; }
715
+ .customify_preset .awesome_preset:hover {
716
+ opacity: 0.9; }
717
+ .customify_preset .awesome_preset:before {
718
+ content: '';
 
 
 
 
 
 
 
 
 
 
719
  position: absolute;
 
720
  top: 1px;
721
+ left: 1px;
722
  right: 1px;
723
  bottom: 1px;
724
+ border: 1px solid #FFF;
725
+ background: transparent;
 
 
726
  opacity: .5;
 
727
  border-radius: 4px;
728
+ z-index: 5; }
729
+ .customify_preset .awesome_preset .preset-wrap .preset-color {
 
 
730
  height: 128px;
 
 
731
  border-radius: 4px 4px 0 0;
732
+ padding: 17px 0 27px; }
733
+ .customify_preset .awesome_preset .preset-wrap .preset-color .first-font {
734
+ display: inline-block;
735
+ width: 100%;
736
+ font-size: 55px;
737
+ line-height: 1; }
738
+ .customify_preset .awesome_preset .preset-wrap .preset-color .secondary-font {
739
+ display: inline-block;
740
+ width: 100%;
741
+ font-size: 20px;
742
+ line-height: 1;
743
+ margin-top: 8px; }
744
+ .customify_preset .awesome_preset .preset-wrap .preset-name {
 
 
 
 
 
 
 
 
 
 
 
745
  position: relative;
746
+ font-size: 11px;
 
 
747
  text-transform: UPPERCASE;
 
748
  border-radius: 0 0 4px 4px;
749
+ padding: 1px; }
750
+ .customify_preset .awesome_preset .preset-wrap .preset-name:before {
751
+ content: '';
752
+ position: absolute;
753
+ border-color: inherit;
754
+ border: 10px solid;
755
+ border-left-color: transparent;
756
+ border-right-color: transparent;
757
+ border-top: transparent;
758
+ top: -10px;
759
+ border-bottom-color: inherit;
760
+ left: 40%; }
761
+ .customify_preset .awesome_preset:nth-child(odd) {
762
+ margin-right: 7%; }
763
+ .customify_preset .awesome_preset input[type=radio] {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
764
  height: 100%;
765
+ width: 100%;
766
+ position: absolute;
 
767
  border: 0;
 
 
768
  box-shadow: none;
769
+ color: #006505;
770
+ background-color: transparent;
771
+ border-radius: 0;
772
+ margin: 0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
773
  display: inline-block;
 
 
 
 
 
 
 
 
 
 
 
 
 
774
  top: 0;
 
 
775
  left: 0;
776
+ z-index: 10; }
777
+ .customify_preset .awesome_preset input[type=radio]:checked:before {
778
+ position: absolute;
779
+ height: 25px;
780
+ width: 25px;
781
+ top: -13px;
782
+ right: -14px;
783
+ background: #FFF;
784
+ z-index: 1; }
785
+ .customify_preset .awesome_preset input[type=radio]:checked:after {
786
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
787
+ filter: alpha(opacity=0);
788
+ content: '';
789
+ position: absolute;
790
+ width: 26px;
791
+ height: 26px;
792
+ border-radius: 50%;
793
+ top: -5px;
794
+ right: -5px;
795
+ z-index: 10;
796
+ background: #73C5EE url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEzcHgiIGhlaWdodD0iOXB4IiB2aWV3Qm94PSIwIDAgMTMgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDdXN0b21pZnktQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgLTQwOC4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9IkhlYWRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgNDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCA3NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iRmllbGQtLS1DaGVja2JveC1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNy4wMDAwMDAsIDI0OS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkNoZWNrYm94IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMzAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAuMDM4NDk1LDE2IEwxNy4xMTYxMzc1LDguOTIxNDg3NiBMMTUuMTk0NjQ5OCw3IEwxMC4wMzg0OTUsMTIuMTU1MDY3NCBMNi45MjE0ODc2LDkuMDM4OTI5OTcgTDUsMTAuOTYwNDE3NiBMMTAuMDM4NDk1LDE2IFoiIGlkPSJQYWdlLTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
797
+ background-position: center center; }
798
+
799
+ .customify_radio_image {
800
+ display: inline-block; }
801
+ .customify_radio_image label {
802
  display: block;
803
+ float: left;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
804
  margin-right: 10px;
805
+ position: relative; }
806
+ .customify_radio_image label input[type=radio] {
807
+ position: absolute;
808
+ top: 0;
809
+ bottom: 0;
810
+ left: 0;
811
+ right: 0;
812
+ width: 100%;
813
+ height: 100%;
814
+ visibility: hidden; }
815
+ .customify_radio_image label input[type=radio] img {
816
+ cursor: pointer;
817
+ border: 2px solid transparent; }
818
+ .customify_radio_image label input[type=radio]:checked + img {
819
+ border: 3px solid #73C5EE; }
820
+
821
+ .customify_ace_editor {
822
+ display: block;
823
+ min-height: 200px;
824
+ border: 1px solid #ddd; }
825
+
826
+ .customize-control-custom_background .hide {
827
+ display: none; }
828
+
829
+ .customize-control-custom_background .upload_button_div {
830
+ margin: 10px 0; }
831
+ .customize-control-custom_background .upload_button_div > * {
832
+ margin-right: 10px; }
833
+
834
+ .customize-control-custom_background .preview_screenshot {
835
+ text-align: center;
836
+ margin: 10px 0; }
837
+ .customize-control-custom_background .preview_screenshot img {
838
+ border: 2px solid #ccc; }
839
+
840
+ #customify_import_demo_data_button {
841
+ width: 70%;
842
+ text-align: center;
843
+ padding: 10px;
844
+ display: inline-block;
845
+ height: auto;
846
+ margin: 0 15% 10% 15%; }
847
+
848
+ .import_step_note {
849
+ margin: 5px;
850
+ width: 100%;
851
+ display: inline-block; }
852
+ .import_step_note:before {
853
+ content: "\1F449"; }
854
+ .import_step_note.success:before {
855
+ content: "\1F44D"; }
856
+ .import_step_note.failed:before {
857
+ content: "\274C"; }
858
+
859
+ #customize-header-actions {
860
+ background: #ffffff;
861
+ border-color: #e0e8ef; }
862
 
863
  .wp-full-overlay-sidebar,
864
+ .customize-themes-panel,
865
+ #customize-sidebar-outer-content {
866
+ background: #eaf9fe;
867
+ border-right: 1px solid #e0e8ef; }
868
+
869
+ .outer-section-open #customize-controls .wp-full-overlay-sidebar-content,
870
+ .attachment-media-view, .media-widget-preview.media_audio, .media-widget-preview.media_image {
871
+ background: #eaf9fe; }
872
+
873
+ #customize-theme-controls #accordion-section-menu_locations {
874
+ border-bottom: 1px solid #e0e8ef; }
875
+
876
+ #customize-controls #accordion-section-themes > .accordion-section-title {
877
+ font-weight: 600;
878
+ border-bottom: 1px solid #e0e8ef; }
879
+ #customize-controls #accordion-section-themes > .accordion-section-title:hover {
880
+ background: #fff; }
881
+
882
+ #customize-controls .panel-meta.customize-info {
883
+ border-bottom-color: #e0e8ef; }
884
+
885
+ #customize-theme-controls .control-section .accordion-section-title {
886
+ font-weight: 400;
887
+ border-top: 1px solid #e0e8ef;
888
+ border-bottom: none; }
889
+
890
+ #customize-theme-controls .control-section:last-of-type > .accordion-section-title {
891
+ border-bottom: 1px solid #e0e8ef; }
892
+
893
+ #customize-theme-controls .customize-section-title {
894
+ border-top: 1px solid #e0e8ef;
895
+ border-bottom: 1px solid #e0e8ef; }
896
+
897
+ #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 {
898
+ color: #056184;
899
+ background: #f5fcff;
900
+ border-left-color: #f5fcff; }
901
+
902
+ .wp-customizer {
903
+ /* SECTION: NAV MENUS */ }
904
+ .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 {
905
+ border-color: #e0e8ef; }
906
+ .wp-customizer .section-open .menu-item-settings {
907
+ background: #f5fcff; }
908
+ .wp-customizer .control-section-nav_menu .menu-location-settings {
909
+ border-top-color: #e0e8ef !important; }
910
+
911
+ [data-balloon] {
912
+ position: relative; }
913
+
914
+ [data-balloon]::before {
915
+ opacity: 0;
916
+ pointer-events: none;
917
+ transition: all .18s ease-out;
918
+ background: rgba(17, 17, 17, 0.9);
919
+ border-radius: 4px;
920
+ color: #fff;
921
+ content: attr(data-balloon);
922
+ font-size: 12px;
923
+ padding: .5em 1em;
924
+ position: absolute;
925
+ white-space: nowrap;
926
+ z-index: 10; }
927
+
928
+ [data-balloon]::after {
929
+ 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>');
930
+ background-size: 100% auto;
931
+ width: 18px;
932
+ height: 6px;
933
+ opacity: 0;
934
+ pointer-events: none;
935
+ transition: all .18s ease-out;
936
+ content: '';
937
+ position: absolute;
938
+ z-index: 10; }
939
+
940
+ [data-balloon]:hover::before, [data-balloon]:hover::after {
941
+ opacity: 1;
942
+ pointer-events: auto; }
943
+
944
+ [data-balloon][data-balloon-pos="up"]::before {
945
+ bottom: 100%;
946
+ left: 50%;
947
+ margin-bottom: 11px;
948
+ -webkit-transform: translate3d(-50%, 10px, 0);
949
+ transform: translate3d(-50%, 10px, 0);
950
+ -webkit-transform-origin: top;
951
+ transform-origin: top; }
952
+
953
+ [data-balloon][data-balloon-pos="up"]::after {
954
+ bottom: 100%;
955
+ left: 50%;
956
+ margin-bottom: 5px;
957
+ -webkit-transform: translate3d(-50%, 10px, 0);
958
+ transform: translate3d(-50%, 10px, 0);
959
+ -webkit-transform-origin: top;
960
+ transform-origin: top; }
961
+
962
+ [data-balloon][data-balloon-pos="up"]:hover::before {
963
+ -webkit-transform: translate3d(-50%, 0, 0);
964
+ transform: translate3d(-50%, 0, 0); }
965
+
966
+ [data-balloon][data-balloon-pos="up"]:hover::after {
967
+ -webkit-transform: translate3d(-50%, 0, 0);
968
+ transform: translate3d(-50%, 0, 0); }
969
+
970
+ [data-balloon][data-balloon-pos='down']::before {
971
+ left: 50%;
972
+ margin-top: 11px;
973
+ top: 100%;
974
+ -webkit-transform: translate3d(-50%, -10px, 0);
975
+ transform: translate3d(-50%, -10px, 0); }
976
+
977
+ [data-balloon][data-balloon-pos='down']::after {
978
+ 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>');
979
+ background-size: 100% auto;
980
+ width: 18px;
981
+ height: 6px;
982
+ left: 50%;
983
+ margin-top: 5px;
984
+ top: 100%;
985
+ -webkit-transform: translate3d(-50%, -10px, 0);
986
+ transform: translate3d(-50%, -10px, 0); }
987
+
988
+ [data-balloon][data-balloon-pos='down']:hover::before {
989
+ -webkit-transform: translate3d(-50%, 0, 0);
990
+ transform: translate3d(-50%, 0, 0); }
991
+
992
+ [data-balloon][data-balloon-pos='down']:hover::after {
993
+ -webkit-transform: translate3d(-50%, 0, 0);
994
+ transform: translate3d(-50%, 0, 0); }
995
+
996
+ [data-balloon][data-balloon-pos='left']::before {
997
+ margin-right: 11px;
998
+ right: 100%;
999
+ top: 50%;
1000
+ -webkit-transform: translate3d(10px, -50%, 0);
1001
+ transform: translate3d(10px, -50%, 0); }
1002
+
1003
+ [data-balloon][data-balloon-pos='left']::after {
1004
+ 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>');
1005
+ background-size: 100% auto;
1006
+ width: 6px;
1007
+ height: 18px;
1008
+ margin-right: 5px;
1009
+ right: 100%;
1010
+ top: 50%;
1011
+ -webkit-transform: translate3d(10px, -50%, 0);
1012
+ transform: translate3d(10px, -50%, 0); }
1013
+
1014
+ [data-balloon][data-balloon-pos='left']:hover::before {
1015
+ -webkit-transform: translate3d(0, -50%, 0);
1016
+ transform: translate3d(0, -50%, 0); }
1017
+
1018
+ [data-balloon][data-balloon-pos='left']:hover::after {
1019
+ -webkit-transform: translate3d(0, -50%, 0);
1020
+ transform: translate3d(0, -50%, 0); }
1021
+
1022
+ [data-balloon][data-balloon-pos='right']::before {
1023
+ left: 100%;
1024
+ margin-left: 11px;
1025
+ top: 50%;
1026
+ -webkit-transform: translate3d(-10px, -50%, 0);
1027
+ transform: translate3d(-10px, -50%, 0); }
1028
+
1029
+ [data-balloon][data-balloon-pos='right']::after {
1030
+ 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>');
1031
+ background-size: 100% auto;
1032
+ width: 6px;
1033
+ height: 18px;
1034
+ left: 100%;
1035
+ margin-left: 5px;
1036
+ top: 50%;
1037
+ -webkit-transform: translate3d(-10px, -50%, 0);
1038
+ transform: translate3d(-10px, -50%, 0); }
1039
+
1040
+ [data-balloon][data-balloon-pos='right']:hover::before {
1041
+ -webkit-transform: translate3d(0, -50%, 0);
1042
+ transform: translate3d(0, -50%, 0); }
1043
+
1044
+ [data-balloon][data-balloon-pos='right']:hover::after {
1045
+ -webkit-transform: translate3d(0, -50%, 0);
1046
+ transform: translate3d(0, -50%, 0); }
1047
+
1048
+ [data-balloon][data-balloon-length='small']::before {
1049
+ white-space: normal;
1050
+ width: 80px; }
1051
+
1052
+ [data-balloon][data-balloon-length='medium']::before {
1053
+ white-space: normal;
1054
+ width: 150px; }
1055
+
1056
+ [data-balloon][data-balloon-length='large']::before {
1057
+ white-space: normal;
1058
+ width: 260px; }
1059
+
1060
+ [data-balloon][data-balloon-length='xlarge']::before {
1061
+ white-space: normal;
1062
+ width: 380px; }
1063
+
1064
+ @media screen and (max-width: 768px) {
1065
+ [data-balloon][data-balloon-length='xlarge']::before {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1066
  white-space: normal;
1067
+ width: 90vw; } }
 
 
 
 
1068
 
1069
+ [data-balloon][data-balloon-length='fit']::before {
1070
+ white-space: normal;
1071
+ width: 100%; }
1072
 
1073
+ .font-options__wrapper .font-options__options-list {
1074
+ border-color: #B8DAEB;
1075
+ box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15); }
1076
 
1077
+ .font-options__wrapper .font-options__option {
1078
+ margin-bottom: 12px; }
1079
+ .font-options__wrapper .font-options__option label {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1080
  display: block;
1081
+ margin-bottom: 6px; }
1082
+
1083
+ .font-options__wrapper [type=checkbox]:checked ~ .font-options__options-list {
1084
+ opacity: 1;
1085
+ display: block; }
1086
+
1087
+ input.customify_font_tooltip {
1088
+ display: none; }
1089
+
1090
+ ul.font-options__options-list .select2-container {
1091
+ width: 100% !important; }
1092
+ ul.font-options__options-list .select2-container .select2-selection--single {
1093
+ -webkit-appearance: initial; }
1094
+ ul.font-options__options-list .select2-container .select2-selection--single .select2-selection__arrow {
1095
+ display: none; }
1096
+
1097
+ ul.font-options__options-list .select2-container--default .select2-selection--single .select2-selection__rendered {
1098
+ color: inherit;
1099
+ line-height: initial; }
1100
+
1101
+ .select2-container.select2-container--open {
1102
+ z-index: 99999999; }
1103
+
1104
+ .wp-customizer .widget-conditional .condition-control:after {
1105
+ content: " ";
1106
+ display: table;
1107
+ clear: both; }
1108
+
1109
+ .wp-customizer .widget-conditional .selection {
1110
+ padding-right: 50px;
1111
+ padding-left: 28px;
1112
+ padding-bottom: 19px;
1113
+ margin-left: 0;
1114
+ margin-right: 0;
1115
+ margin-bottom: 10px;
1116
+ border-bottom: 1px solid #cbcfd4; }
1117
+
1118
+ .wp-customizer .widget-conditional .condition:last-child .selection {
1119
+ border: 0; }
1120
+
1121
+ .wp-customizer .widget-conditional select {
1122
+ max-width: 100%;
1123
+ width: 170px; }
1124
+
1125
+ .wp-customizer .widget-conditional .condition-top select {
1126
+ width: 130px; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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: 1.5.4
7
  Author: Pixelgrade
8
  Author URI: https://pixelgrade.com
9
  Author Email: contact@pixelgrade.com
@@ -54,7 +54,7 @@ if ( $current_data === false ) {
54
  function PixCustomifyPlugin() {
55
 
56
  require_once( plugin_dir_path( __FILE__ ) . 'class-pixcustomify.php' );
57
- $instance = PixCustomifyPlugin::instance( __FILE__, '1.5.4' );
58
  return $instance;
59
  }
60
 
3
  Plugin Name: Customify
4
  Plugin URI: https://wordpress.org/plugins/customify/
5
  Description: A Theme Customizer Booster
6
+ Version: 1.5.5
7
  Author: Pixelgrade
8
  Author URI: https://pixelgrade.com
9
  Author Email: contact@pixelgrade.com
54
  function PixCustomifyPlugin() {
55
 
56
  require_once( plugin_dir_path( __FILE__ ) . 'class-pixcustomify.php' );
57
+ $instance = PixCustomifyPlugin::instance( __FILE__, '1.5.5' );
58
  return $instance;
59
  }
60
 
languages/customify.pot CHANGED
@@ -2,7 +2,7 @@
2
  # This file is distributed under the same license as the Customify package.
3
  msgid ""
4
  msgstr ""
5
- "Project-Id-Version: Customify 1.5.4\n"
6
  "Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/customify\n"
7
  "POT-Creation-Date: 2017-02-13 13:29:14+00:00\n"
8
  "MIME-Version: 1.0\n"
2
  # This file is distributed under the same license as the Customify package.
3
  msgid ""
4
  msgstr ""
5
+ "Project-Id-Version: Customify 1.5.3\n"
6
  "Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/customify\n"
7
  "POT-Creation-Date: 2017-02-13 13:29:14+00:00\n"
8
  "MIME-Version: 1.0\n"
readme.txt CHANGED
@@ -2,8 +2,8 @@
2
  Contributors: pixelgrade, euthelup, babbardel, vlad.olaru, cristianfrumusanu, raduconstantin
3
  Tags: customizer, css, editor, live, preview, customise
4
  Requires at least: 4.6.0
5
- Tested up to: 4.8.0
6
- Stable tag: 1.5.4
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
@@ -37,10 +37,8 @@ With [Customify](https://github.com/pixelgrade/customify), developers can easily
37
 
38
  == Changelog ==
39
 
40
- = 1.5.4 =
41
- * Allow 0 values for fonts line-height and letter-spacing
42
- * Improved the plugin loading process and the CSS inline output
43
- * Fixed small style issues for the Customizer bar
44
 
45
  = 1.5.3 =
46
  * Update Style for WordPress 4.8
2
  Contributors: pixelgrade, euthelup, babbardel, vlad.olaru, cristianfrumusanu, raduconstantin
3
  Tags: customizer, css, editor, live, preview, customise
4
  Requires at least: 4.6.0
5
+ Tested up to: 4.9.0
6
+ Stable tag: 1.5.5
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
37
 
38
  == Changelog ==
39
 
40
+ = 1.5.5 =
41
+ * Added Compatibility with WordPress 4.9
 
 
42
 
43
  = 1.5.3 =
44
  * Update Style for WordPress 4.8
scss/_theme.scss CHANGED
@@ -6,6 +6,7 @@
6
 
7
  $borders : #e0e8ef;
8
  $background-hover : #f5fcff;
 
9
 
10
  #customize-header-actions {
11
  background: #ffffff;
@@ -15,11 +16,17 @@ $background-hover : #f5fcff;
15
 
16
 
17
  .wp-full-overlay-sidebar,
18
- .customize-themes-panel {
19
- background: #eaf9fe;
 
20
  border-right: 1px solid $borders;
21
  }
22
 
 
 
 
 
 
23
  #customize-theme-controls {
24
  #accordion-section-menu_locations {
25
  border-bottom: 1px solid $borders;
@@ -68,4 +75,24 @@ $background-hover : #f5fcff;
68
  color: #056184;
69
  background: $background-hover;
70
  border-left-color: $background-hover;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
71
  }
6
 
7
  $borders : #e0e8ef;
8
  $background-hover : #f5fcff;
9
+ $background-sidebar : #eaf9fe;
10
 
11
  #customize-header-actions {
12
  background: #ffffff;
16
 
17
 
18
  .wp-full-overlay-sidebar,
19
+ .customize-themes-panel,
20
+ #customize-sidebar-outer-content {
21
+ background: $background-sidebar;
22
  border-right: 1px solid $borders;
23
  }
24
 
25
+ .outer-section-open #customize-controls .wp-full-overlay-sidebar-content,
26
+ .attachment-media-view, .media-widget-preview.media_audio, .media-widget-preview.media_image {
27
+ background: $background-sidebar;
28
+ }
29
+
30
  #customize-theme-controls {
31
  #accordion-section-menu_locations {
32
  border-bottom: 1px solid $borders;
75
  color: #056184;
76
  background: $background-hover;
77
  border-left-color: $background-hover;
78
+ }
79
+
80
+ .wp-customizer {
81
+
82
+ /* SECTION: NAV MENUS */
83
+ .menu-item-settings {
84
+
85
+ }
86
+
87
+ .menu-item-edit-active .menu-item-handle, .section-open .menu-item-settings, .menu-item-bar .menu-item-handle:hover {
88
+ border-color: $borders;
89
+ }
90
+
91
+ .section-open .menu-item-settings {
92
+ background: $background-hover;
93
+ }
94
+
95
+ .control-section-nav_menu .menu-location-settings {
96
+ border-top-color: $borders !important;
97
+ }
98
  }
scss/customizer.scss CHANGED
@@ -67,6 +67,19 @@ $background-hover : #f5fcff;
67
  // Header – Close + Save Controls
68
  #customize-header-actions {
69
  // border-bottom: 0;
 
 
 
 
 
 
 
 
 
 
 
 
 
70
  }
71
 
72
  // Temporary Fix to Make "Close" button align with the "Back"
@@ -135,8 +148,9 @@ $background-hover : #f5fcff;
135
  }
136
 
137
  #accordion-section-add_menu {
138
- text-align: right;
139
- overflow: visible;
 
140
 
141
  .add-menu-toggle {
142
  float: none;
@@ -203,16 +217,18 @@ $background-hover : #f5fcff;
203
  .wp-core-ui {
204
 
205
  // Primary & Secondary Buttons
206
- .button:not(.theme-details):not(.collapse-sidebar),
207
  .button-primary,
208
  .button-secondary {
209
  width: auto;
210
- padding: 6px 20px;
 
 
211
 
212
- font-size: 13px;
213
  font-weight: 400;
214
  color: #F5FCFF;
215
- line-height: 1.4;
216
  text-shadow: none;
217
  border: none;
218
  background: #AED2E5;
@@ -229,16 +245,38 @@ $background-hover : #f5fcff;
229
  }
230
  }
231
 
232
- .button-primary {
233
- background: #73C5EE;
234
- box-shadow: 0px 2px 0px 0px #57ABD5;
 
235
 
236
- &:hover {
237
- background: #58B0DD;
238
- box-shadow: 0px 2px 0px 0px #3F8AAF;
239
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
240
  }
241
 
 
242
  // Reset Buttons
243
  .reset_section,
244
  .reset_panel {
@@ -700,7 +738,9 @@ $background-hover : #f5fcff;
700
 
701
  // Split into two columns only when
702
  // there is more than one label
703
- label:not(:only-of-type) {
 
 
704
  margin-left: 30px;
705
  padding-top: 0;
706
  padding-bottom: 0;
@@ -740,8 +780,17 @@ $background-hover : #f5fcff;
740
  }
741
 
742
  &.customize-control-radio {
743
- label {
 
 
744
  margin-top: $fields-spacing/2;
 
 
 
 
 
 
 
745
  }
746
  }
747
 
@@ -756,7 +805,7 @@ $background-hover : #f5fcff;
756
  width: 65%;
757
  }
758
 
759
- $input-size: 200px;
760
  $input-height: 6px;
761
  $thumb-height: 22px;
762
 
@@ -878,6 +927,10 @@ $background-hover : #f5fcff;
878
  border : none;
879
  background : white;
880
 
 
 
 
 
881
  .iris-picker-inner {
882
 
883
  }
@@ -936,7 +989,8 @@ $background-hover : #f5fcff;
936
  }
937
  }
938
 
939
- .wp-color-result{
 
940
  top : 0;
941
  height : 30px;
942
  width : 40px;
@@ -948,7 +1002,8 @@ $background-hover : #f5fcff;
948
  border: 2px solid #B8DAEB;
949
  box-shadow: none;
950
 
951
- &:after {
 
952
  display:none;
953
  }
954
  }
@@ -957,6 +1012,19 @@ $background-hover : #f5fcff;
957
 
958
 
959
 
 
 
 
 
 
 
 
 
 
 
 
 
 
960
 
961
  //------------------------------------*\
962
  // CSS Editor Customizer
67
  // Header – Close + Save Controls
68
  #customize-header-actions {
69
  // border-bottom: 0;
70
+ #customize-save-button-wrapper {
71
+ margin-top: 7px;
72
+ }
73
+ }
74
+
75
+ // Footer
76
+ .wp-full-overlay-footer {
77
+ .devices {
78
+ button {
79
+ float: left;
80
+ border-radius: 0;
81
+ }
82
+ }
83
  }
84
 
85
  // Temporary Fix to Make "Close" button align with the "Back"
148
  }
149
 
150
  #accordion-section-add_menu {
151
+ // text-align: right;
152
+ // overflow: visible;
153
+ border-bottom: none;
154
 
155
  .add-menu-toggle {
156
  float: none;
217
  .wp-core-ui {
218
 
219
  // Primary & Secondary Buttons
220
+ .button:not(.theme-details):not(.collapse-sidebar):not(.wp-color-result),
221
  .button-primary,
222
  .button-secondary {
223
  width: auto;
224
+ // padding: 6px 20px;
225
+ padding-left: 15px;
226
+ padding-right: 15px;
227
 
228
+ // font-size: 13px;
229
  font-weight: 400;
230
  color: #F5FCFF;
231
+ // line-height: 1.4;
232
  text-shadow: none;
233
  border: none;
234
  background: #AED2E5;
245
  }
246
  }
247
 
248
+ #customize-header-actions {
249
+ .button-primary {
250
+ background: #73C5EE;
251
+ box-shadow: 0px 2px 0px 0px #57ABD5;
252
 
253
+ &:hover {
254
+ background: #58B0DD;
255
+ box-shadow: 0px 2px 0px 0px #3F8AAF;
256
+ }
257
+
258
+ &.save {
259
+
260
+ }
261
+
262
+ &.has-next-sibling {
263
+ border-right: 1px solid #57ABD5;
264
+ }
265
+
266
+ &:disabled {
267
+ color: white !important;
268
+ background: #AED2E5 !important;
269
+ opacity: 0.7;
270
+ box-shadow: 0px 2px 0px 0px #8db5ca !important;
271
+
272
+ &.has-next-sibling {
273
+ border-right: none;
274
+ }
275
+ }
276
+ }
277
  }
278
 
279
+
280
  // Reset Buttons
281
  .reset_section,
282
  .reset_panel {
738
 
739
  // Split into two columns only when
740
  // there is more than one label
741
+ label:not(:only-of-type),
742
+ // WordPress 4.9 Class
743
+ > .customize-inside-control-row:not(:only-of-type) {
744
  margin-left: 30px;
745
  padding-top: 0;
746
  padding-bottom: 0;
780
  }
781
 
782
  &.customize-control-radio {
783
+ label,
784
+ // WordPress 4.9 Class
785
+ .customize-inside-control-row {
786
  margin-top: $fields-spacing/2;
787
+
788
+ }
789
+
790
+ // New WP 4.9 Changesets options
791
+ &#customize-control-changeset_status .customize-inside-control-row {
792
+ margin-top: 0;
793
+ text-indent: 0;
794
  }
795
  }
796
 
805
  width: 65%;
806
  }
807
 
808
+ $input-size: calc(100% - 55px);
809
  $input-height: 6px;
810
  $thumb-height: 22px;
811
 
927
  border : none;
928
  background : white;
929
 
930
+ &, * {
931
+ box-sizing: content-box;
932
+ }
933
+
934
  .iris-picker-inner {
935
 
936
  }
989
  }
990
  }
991
 
992
+ .wp-color-result,
993
+ .wp-color-result.button {
994
  top : 0;
995
  height : 30px;
996
  width : 40px;
1002
  border: 2px solid #B8DAEB;
1003
  box-shadow: none;
1004
 
1005
+ &:after,
1006
+ .wp-color-result-text {
1007
  display:none;
1008
  }
1009
  }
1012
 
1013
 
1014
 
1015
+ //------------------------------------*\
1016
+ // Font Selector
1017
+ //------------------------------------*/
1018
+
1019
+ .customize-control-font {
1020
+
1021
+ // Add extra bottom spacing to better view the modal
1022
+ &:last-child {
1023
+ margin-bottom: 150px;
1024
+ }
1025
+ }
1026
+
1027
+
1028
 
1029
  //------------------------------------*\
1030
  // CSS Editor Customizer