PluginProbe
Customify / 1.5.7
Customify v1.5.7
2.10.9 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.7.1 1.3.0 1.3.1 1.4.0 1.4.1 1.4.2 1.5.0 1.5.1 1.5.2 1.5.3 1.5.4 1.5.5 1.5.6 1.5.7 1.6.0 1.6.0.1 1.6.5 1.7.0 1.7.1 All 77 releases
customify / css / customizer.css

customizer.css in Customify 1.5.7, at css/customizer.css

1,950 lines 44.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .wp-full-overlay-sidebar *
2 {
3 box-sizing: border-box;
4 }
5
6 .wp-full-overlay-sidebar-content .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-header-actions #customize-save-button-wrapper
19 {
20 margin-top: 7px;
21 }
22
23 .wp-full-overlay-footer .devices button
24 {
25 float: left;
26
27 border-radius: 0;
28 }
29
30 .customize-controls-close
31 {
32 width: 48px;
33 height: 44px;
34
35 color: #7da9c3;
36 border-top: none;
37 border-right-color: #e0e8ef;
38 background: #fff;
39 }
40 .customize-controls-close:focus,
41 .customize-controls-close:hover
42 {
43 background: #f5fcff;
44 }
45 .customize-controls-close:before
46 {
47 top: 0;
48 }
49
50 #customize-controls .customize-info
51 {
52 border-bottom-color: #e0e8ef;
53 }
54
55 .customize-panel-back,
56 .customize-section-back
57 {
58 height: 74px;
59
60 color: #7da9c3;
61 border-right-color: #e0e8ef;
62 }
63 .customize-panel-back:hover,
64 .customize-panel-back:focus,
65 .customize-section-back:hover,
66 .customize-section-back:focus
67 {
68 border-left-color: #f5fcff;
69 background: #f5fcff;
70 }
71
72 #customize-theme-controls .theme *
73 {
74 box-sizing: content-box;
75 }
76
77 #customize-theme-controls .accordion-section-content
78 {
79 padding: 17px;
80 }
81
82 #customize-theme-controls .customize-section-title
83 {
84 margin-top: -17px;
85 margin-right: -17px;
86 }
87
88 #customize-theme-controls .control-panel-content .control-section:nth-child(2),
89 #customize-theme-controls .control-panel-content .control-section:nth-child(3)
90 {
91 border-top: none;
92 }
93
94 #customize-theme-controls .control-panel-content .control-section:nth-last-child(2)
95 {
96 border-bottom: 1px solid #e0e8ef;
97 }
98
99 #customize-theme-controls #accordion-section-add_menu
100 {
101 border-bottom: none;
102 }
103 #customize-theme-controls #accordion-section-add_menu .add-menu-toggle
104 {
105 float: none;
106 }
107
108 #customize-theme-controls .customize-pane-child.open
109 {
110 height: 100%;
111 }
112
113 #customize-controls .description
114 {
115 font-size: 12px;
116 font-weight: 300;
117 font-style: normal;
118 line-height: 1.6;
119
120 margin-bottom: 9px;
121
122 text-indent: 0;
123
124 color: #4d7b90;
125 }
126
127 .customize-control-description
128 {
129 margin-top: 6px;
130 }
131
132 .customize-control
133 {
134 margin-bottom: 24px;
135 }
136
137 #accordion-section-themes + .control-section
138 {
139 border-top: none;
140 }
141
142 #customize-controls .panel-meta.customize-info .accordion-section-title
143 {
144 height: 74px;
145
146 border-top: none;
147 }
148
149 .button-controls:after
150 {
151 display: table;
152 clear: both;
153
154 content: ' ';
155 }
156
157 .wp-core-ui .button:not(.theme-details):not(.collapse-sidebar):not(.wp-color-result),
158 .wp-core-ui .button-primary,
159 .wp-core-ui .button-secondary
160 {
161 font-weight: 400;
162
163 width: auto;
164 padding-right: 15px;
165 padding-left: 15px;
166
167 transition: all .1s;
168
169 color: #f5fcff;
170 border: none;
171 border-radius: 4px;
172 background: #aed2e5;
173 box-shadow: 0 2px 0 0 #8dbed7;
174 text-shadow: none;
175 }
176 .wp-core-ui .button:not(.theme-details):not(.collapse-sidebar):not(.wp-color-result):hover,
177 .wp-core-ui .button-primary:hover,
178 .wp-core-ui .button-secondary:hover
179 {
180 color: white;
181 background: #98c6dd;
182 box-shadow: 0 2px 0 0 #74a7c2;
183 text-shadow: none;
184 }
185
186 .wp-core-ui #customize-header-actions .button-primary
187 {
188 background: #73c5ee;
189 box-shadow: 0 2px 0 0 #57abd5;
190 }
191 .wp-core-ui #customize-header-actions .button-primary:hover
192 {
193 background: #58b0dd;
194 box-shadow: 0 2px 0 0 #3f8aaf;
195 }
196 .wp-core-ui #customize-header-actions .button-primary.has-next-sibling
197 {
198 border-right: 1px solid #57abd5;
199 }
200 .wp-core-ui #customize-header-actions .button-primary:disabled
201 {
202 opacity: .7;
203 color: white !important;
204 background: #aed2e5 !important;
205 box-shadow: 0 2px 0 0 #8db5ca !important;
206 }
207 .wp-core-ui #customize-header-actions .button-primary:disabled.has-next-sibling
208 {
209 border-right: none;
210 }
211
212 .wp-core-ui .reset_section,
213 .wp-core-ui .reset_panel
214 {
215 display: block;
216
217 width: 100%;
218 height: 4em;
219 margin: 0 0 25px;
220 }
221
222 .wp-core-ui .reset_panel
223 {
224 margin-top: 10px;
225 }
226
227 .separator.label
228 {
229 font-size: 14px;
230 font-weight: 600;
231 line-height: 24px;
232
233 display: block;
234 }
235
236 .customize-control-title,
237 .separator.label
238 {
239 color: #416b7e;
240 }
241
242 .separator.section:before,
243 .separator.sub-section:before
244 {
245 position: absolute;
246 z-index: -1;
247 top: 0;
248 right: -18px;
249 bottom: 0;
250 left: -18px;
251
252 content: '';
253 }
254
255 .separator.label
256 {
257 font-weight: 500;
258 }
259
260 .separator.large
261 {
262 font-size: 16px;
263
264 margin-top: 12px;
265
266 color: #39474d;
267 }
268
269 .separator.section
270 {
271 position: relative;
272
273 margin-bottom: 0;
274 padding: 14px 0;
275
276 border: none;
277 background: none;
278 }
279 .separator.section[id*='layout']
280 {
281 margin-top: 0;
282 }
283 .separator.section[id*='layout']:before
284 {
285 border: none;
286 }
287 .separator.section:before
288 {
289 border: 1px solid #e0e8ef;
290 background-color: #fff;
291 box-shadow: 0 1px 0 0 #dfe8ef;
292 }
293
294 .separator.sub-section
295 {
296 position: relative;
297
298 padding: 12px 0;
299 }
300 .separator.sub-section:before
301 {
302 border-top: 1px solid #e0e8ef;
303 border-bottom: 1px solid #e0e8ef;
304 background-color: #f6fbff;
305 }
306 .separator.sub-section + span
307 {
308 font-style: normal;
309
310 margin-top: 20px;
311 }
312
313 .section-navigation-wrapper
314 {
315 position: relative;
316
317 height: 43px;
318 margin: -15px -12px 0 -12px;
319 margin-right: -17px;
320 margin-left: -17px;
321 }
322
323 .section-navigation
324 {
325 display: -ms-flexbox;
326 display: flex;
327 clear: both;
328
329 margin-top: -1px;
330
331 border-top: 1px solid #e0e8ef;
332 }
333 .section-navigation a
334 {
335 display: block;
336
337 padding: 12px 0;
338
339 transition: background-color .15s ease-in-out;
340 text-align: center;
341 text-decoration: none;
342
343 color: #3b484e;
344 border-right: 1px solid #e0e8ef;
345 border-bottom: 1px solid #e0e8ef;
346 background-color: #fff;
347
348 -ms-flex: 1 1 auto;
349 flex: 1 1 auto;
350 }
351 .section-navigation a:last-child
352 {
353 border-right: 0;
354 }
355
356 #customize-controls .customize-info.is-sticky.is-sticky,
357 #customize-controls .customize-section-title.is-sticky.is-sticky
358 {
359 top: 40px;
360 }
361
362 #customize-controls .customize-info.is-in-view.is-in-view,
363 #customize-controls .customize-section-title.is-in-view.is-in-view
364 {
365 box-shadow: none;
366 }
367
368 #customize-controls .has-nav .customize-info,
369 #customize-controls .has-nav .customize-section-title
370 {
371 margin-right: -12px;
372 }
373
374 #customize-controls .customize-section-title.customize-section-title
375 {
376 border-bottom: 0;
377 }
378
379 .customize-section-description-container.section-meta.has-nav
380 {
381 margin-bottom: 0;
382 }
383
384 .font-options__wrapper
385 {
386 position: relative;
387 }
388 .font-options__wrapper:after
389 {
390 position: absolute;
391 z-index: 0;
392 top: 90%;
393 right: 0;
394 left: 0;
395
396 display: block;
397
398 height: 30px;
399
400 content: '';
401 }
402
403 .font-options__head
404 {
405 display: -ms-flexbox;
406 display: flex;
407
408 -ms-flex-pack: justify;
409 justify-content: space-between;
410 }
411 .font-options__head.font-options__head
412 {
413 white-space: nowrap;
414 text-overflow: ellipsis;
415
416 -webkit-appearance: none;
417 }
418
419 .font-options__font-title
420 {
421 font-size: 12px;
422 font-weight: 300;
423 line-height: 20px;
424
425 overflow: hidden;
426
427 margin-right: 26px;
428 margin-left: 10px;
429
430 white-space: nowrap;
431 text-overflow: ellipsis;
432
433 color: #98c6dd;
434 }
435
436 .font-options__options-list
437 {
438 position: absolute;
439 z-index: 2;
440 top: calc(100% + 6px);
441 right: -6px;
442 left: -6px;
443
444 display: block;
445 display: none;
446
447 padding: 10px;
448
449 transition: opacity .15s linear;
450
451 opacity: 0;
452 border: 1px solid #dfe8ef;
453 border-radius: 5px;
454 background-color: #fff;
455 }
456 .font-options__options-list:last-child
457 {
458 margin-bottom: 0;
459 }
460 .font-options__options-list:before,
461 .font-options__options-list:after
462 {
463 position: absolute;
464 z-index: 10;
465 top: -20px;
466 right: 25px;
467
468 width: 0;
469 height: 0;
470
471 content: '';
472
473 border: solid transparent;
474 }
475 .font-options__options-list:before
476 {
477 z-index: 11;
478
479 border-width: 10px;
480 border-bottom-color: white;
481 }
482 .font-options__options-list:after
483 {
484 top: -24px;
485 right: 23px;
486
487 border-width: 12px;
488 border-bottom-color: rgba(0, 0, 0, .075);
489 }
490
491 .customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap:after
492 {
493 position: absolute;
494 right: 12px;
495 bottom: 100%;
496
497 width: 0;
498 height: 0;
499
500 border-collapse: separate;
501
502 content: '';
503
504 border-width: 0 9px 9px 9px;
505 border-style: solid;
506 border-color: transparent transparent #fff transparent;
507 }
508
509 .font-options__head,
510 .wp-full-overlay-sidebar-content .customize-control input[type=text]:not(#_customize-input-wpcom_custom_css_content_width_control),
511 .wp-full-overlay-sidebar-content .customize-control input[type=checkbox],
512 .wp-full-overlay-sidebar-content .customize-control input[type=password],
513 .wp-full-overlay-sidebar-content .customize-control input[type=color],
514 .wp-full-overlay-sidebar-content .customize-control input[type=date],
515 .wp-full-overlay-sidebar-content .customize-control input[type=datetime],
516 .wp-full-overlay-sidebar-content .customize-control input[type=datetime-local],
517 .wp-full-overlay-sidebar-content .customize-control input[type=email],
518 .wp-full-overlay-sidebar-content .customize-control input[type=month],
519 .wp-full-overlay-sidebar-content .customize-control input[type=number],
520 .wp-full-overlay-sidebar-content .customize-control input[type=radio],
521 .wp-full-overlay-sidebar-content .customize-control input[type=tel],
522 .wp-full-overlay-sidebar-content .customize-control input[type=time],
523 .wp-full-overlay-sidebar-content .customize-control input[type=url],
524 .wp-full-overlay-sidebar-content .customize-control input[type=week],
525 .wp-full-overlay-sidebar-content .customize-control input[type=search],
526 .wp-full-overlay-sidebar-content .customize-control select,
527 .wp-full-overlay-sidebar-content .customize-control textarea,
528 .wp-full-overlay-sidebar-content .customize-control input[type='number'].range-value,
529 ul.font-options__options-list .select2-container .select2-selection--single,
530 #customize-theme-controls .select2-container .select2-selection--multiple
531 {
532 font-size: 14px;
533 line-height: 1.5;
534
535 width: 100%;
536 height: 44px;
537 padding: 10px 14px;
538
539 color: #416b7e;
540 border: 2px solid #b8daeb;
541 border-radius: 4px;
542 outline: 0;
543 background: #fff;
544 }
545 .font-options__head:focus,
546 .wp-full-overlay-sidebar-content .customize-control input[type=text]:focus:not(#_customize-input-wpcom_custom_css_content_width_control),
547 .wp-full-overlay-sidebar-content .customize-control input[type=checkbox]:focus,
548 .wp-full-overlay-sidebar-content .customize-control input[type=password]:focus,
549 .wp-full-overlay-sidebar-content .customize-control input[type=color]:focus,
550 .wp-full-overlay-sidebar-content .customize-control input[type=date]:focus,
551 .wp-full-overlay-sidebar-content .customize-control input[type=datetime]:focus,
552 .wp-full-overlay-sidebar-content .customize-control input[type=datetime-local]:focus,
553 .wp-full-overlay-sidebar-content .customize-control input[type=email]:focus,
554 .wp-full-overlay-sidebar-content .customize-control input[type=month]:focus,
555 .wp-full-overlay-sidebar-content .customize-control input[type=number]:focus,
556 .wp-full-overlay-sidebar-content .customize-control input[type=radio]:focus,
557 .wp-full-overlay-sidebar-content .customize-control input[type=tel]:focus,
558 .wp-full-overlay-sidebar-content .customize-control input[type=time]:focus,
559 .wp-full-overlay-sidebar-content .customize-control input[type=url]:focus,
560 .wp-full-overlay-sidebar-content .customize-control input[type=week]:focus,
561 .wp-full-overlay-sidebar-content .customize-control input[type=search]:focus,
562 .wp-full-overlay-sidebar-content .customize-control select:focus,
563 .wp-full-overlay-sidebar-content .customize-control textarea:focus,
564 .wp-full-overlay-sidebar-content .customize-control input[type='number'].range-value:focus,
565 ul.font-options__options-list .select2-container .select2-selection--single:focus,
566 #customize-theme-controls .select2-container .select2-selection--multiple:focus
567 {
568 border-color: #73c5ee;
569 box-shadow: none;
570 }
571
572 .font-options__head,
573 .wp-full-overlay-sidebar-content .customize-control select,
574 ul.font-options__options-list .select2-container .select2-selection--single,
575 #customize-theme-controls .select2-container .select2-selection--multiple
576 {
577 font-weight: 600;
578
579 width: 100%;
580
581 background: white url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE1cHgiIGhlaWdodD0iOXB4IiB2aWV3Qm94PSIwIDAgMTUgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDdXN0b21pZnktQ29weS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjU2LjAwMDAwMCwgLTM4Ni4wMDAwMDApIiBmaWxsPSIjOThDNkRFIj4KICAgICAgICAgICAgPGcgaWQ9IkhlYWRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgNDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCA3NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iVGl0bGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2LjAwMDAwMCwgMjE5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iRmllbGQtLS1TZWxlY3QtQ29weSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iU2VsZWN0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMjcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI1NC40ODEyLDE4IEwyNTYsMTkuNTE0IEwyNDguNSwyNyBMMjQxLDE5LjUxNCBMMjQyLjUxODgsMTggTDI0OC41LDIzLjk2NzIgTDI1NC40ODEyLDE4IFoiIGlkPSJQYWdlLTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
582 background-position: right 16px top 16px;
583
584 -webkit-appearance: button;
585 -moz-appearance: none;
586 }
587 [multiple].font-options__head,
588 .wp-full-overlay-sidebar-content .customize-control select[multiple],
589 ul.font-options__options-list .select2-container [multiple].select2-selection--single,
590 #customize-theme-controls .select2-container [multiple].select2-selection--multiple
591 {
592 background: white;
593 }
594
595 .wp-full-overlay-sidebar-content .customize-control input[type=text],
596 .wp-full-overlay-sidebar-content .customize-control textarea
597 {
598 font-size: 13px;
599 }
600
601 .wp-full-overlay-sidebar-content .customize-control textarea
602 {
603 height: auto;
604 }
605
606 .wp-full-overlay-sidebar-content .customize-control input[type=checkbox],
607 .wp-full-overlay-sidebar-content .customize-control input[type=radio]
608 {
609 width: 22px;
610 height: 22px;
611 }
612 .wp-full-overlay-sidebar-content .customize-control input[type=checkbox]:checked,
613 .wp-full-overlay-sidebar-content .customize-control input[type=radio]:checked
614 {
615 border-color: #5ab9e8;
616 background: #73c5ee;
617 }
618 .wp-full-overlay-sidebar-content .customize-control input[type=checkbox]:checked:before,
619 .wp-full-overlay-sidebar-content .customize-control input[type=radio]:checked:before
620 {
621 margin: -1px 0 0 -2px;
622
623 color: white;
624 }
625
626 .wp-full-overlay-sidebar-content .customize-control.customize-control-checkbox:not(#customize-control-jetpack_css_mode_control) label:not(:only-of-type),
627 .wp-full-overlay-sidebar-content .customize-control.customize-control-checkbox:not(#customize-control-jetpack_css_mode_control) > .customize-inside-control-row:not(:only-of-type),
628 .wp-full-overlay-sidebar-content .customize-control.customize-control-radio label:not(:only-of-type),
629 .wp-full-overlay-sidebar-content .customize-control.customize-control-radio > .customize-inside-control-row:not(:only-of-type)
630 {
631 display: inline-block;
632
633 width: calc(49% - 30px);
634 margin-left: 30px;
635 padding-top: 0;
636 padding-bottom: 0;
637
638 text-indent: -6px;
639 }
640
641 .wp-full-overlay-sidebar-content .customize-control.customize-control-checkbox:not(#customize-control-jetpack_css_mode_control) label,
642 .wp-full-overlay-sidebar-content .customize-control.customize-control-radio label
643 {
644 color: #416b7e;
645 }
646
647 [id*='divider'] + .wp-full-overlay-sidebar-content .customize-control.customize-control-checkbox:not(#customize-control-jetpack_css_mode_control),
648 [id*='divider'] + .wp-full-overlay-sidebar-content .customize-control.customize-control-radio
649 {
650 margin-top: 0;
651 }
652
653 .wp-full-overlay-sidebar-content .customize-control input[type=radio]
654 {
655 border-radius: 50%;
656 }
657 .wp-full-overlay-sidebar-content .customize-control input[type=radio]:checked:before
658 {
659 content: none;
660 }
661
662 .customize-control-html + .wp-full-overlay-sidebar-content .customize-control.customize-control-checkbox
663 {
664 margin-top: -24px;
665 }
666
667 .wp-full-overlay-sidebar-content .customize-control.customize-control-radio label,
668 .wp-full-overlay-sidebar-content .customize-control.customize-control-radio .customize-inside-control-row
669 {
670 margin-top: 12px;
671 }
672
673 .wp-full-overlay-sidebar-content .customize-control.customize-control-radio#customize-control-changeset_status .customize-inside-control-row
674 {
675 margin-top: 0;
676
677 text-indent: 0;
678 }
679
680 .wp-full-overlay-sidebar-content .customize-control input[type='range']
681 {
682 width: 65%;
683 }
684
685 .wp-full-overlay-sidebar-content .customize-control input[type='range']
686 {
687 position: relative;
688
689 overflow: hidden;
690
691 width: calc(100% - 55px);
692 height: 22px;
693
694 outline: none;
695 background: none;
696
697 -webkit-appearance: none;
698 }
699 .wp-full-overlay-sidebar-content .customize-control input[type='range']:before
700 {
701 position: absolute;
702 top: 8px;
703 left: 0;
704
705 width: 100%;
706 height: 6px;
707
708 content: ' ';
709
710 border-radius: 10px;
711 background: #dfe8ef;
712 box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .3);
713 }
714 .wp-full-overlay-sidebar-content .customize-control input[type='range']::-webkit-slider-thumb
715 {
716 position: relative;
717 z-index: 3;
718
719 width: 22px;
720 height: 22px;
721
722 border: 2px solid #b8daeb;
723 border-radius: 4px;
724 background: #27ae60;
725 background: #fff;
726
727 -webkit-appearance: none;
728 }
729 .wp-full-overlay-sidebar-content .customize-control input[type='range']::-webkit-slider-thumb:before
730 {
731 font-size: 1em;
732
733 position: absolute;
734 top: -5px;
735 left: 5px;
736
737 content: '..';
738 letter-spacing: 1px;
739
740 color: #b8daeb;
741 }
742 .wp-full-overlay-sidebar-content .customize-control input[type='range']::-webkit-slider-thumb:after
743 {
744 position: absolute;
745 z-index: 1;
746 top: 6px;
747 right: 20px;
748
749 width: calc(100% - 55px);
750 height: 6px;
751
752 content: ' ';
753
754 background: #73c5ee;
755 }
756
757 .wp-full-overlay-sidebar-content .customize-control input[type='number'].range-value
758 {
759 font-size: 13px;
760 line-height: 1;
761
762 top: -5px;
763
764 float: right;
765
766 width: auto;
767 min-width: 40px;
768 max-width: 80px;
769 height: 30px;
770 margin-left: 10px;
771 padding: 4px 0 5px 0;
772
773 text-align: center;
774 }
775
776 .wp-full-overlay-sidebar-content .customize-control input[type=number]::-webkit-inner-spin-button,
777 .wp-full-overlay-sidebar-content .customize-control input[type=number]::-webkit-outer-spin-button
778 {
779 margin: 0;
780
781 -webkit-appearance: none;
782 }
783
784 .customize-control-color
785 {
786 display: block;
787 }
788 .customize-control-color .customize-control-title,
789 .customize-control-color .separator.label
790 {
791 float: left;
792 }
793 .customize-control-color .wp-picker-container
794 {
795 position: relative;
796 top: -3px;
797
798 float: right;
799 }
800 .customize-control-color .wp-picker-container .wp-picker-holder
801 {
802 position: relative;
803 }
804 .customize-control-color .wp-picker-container .wp-color-result,
805 .customize-control-color .wp-picker-container .wp-color-result.button
806 {
807 top: 0;
808
809 width: 40px;
810 height: 30px;
811 margin: 0;
812 padding: 0;
813
814 border: 2px solid #b8daeb;
815 border-radius: 4px;
816 background: #2ecc71;
817 box-shadow: none;
818 }
819 .customize-control-color .wp-picker-container .wp-color-result:after,
820 .customize-control-color .wp-picker-container .wp-color-result .wp-color-result-text,
821 .customize-control-color .wp-picker-container .wp-color-result.button:after,
822 .customize-control-color .wp-picker-container .wp-color-result.button .wp-color-result-text
823 {
824 display: none;
825 }
826 .customize-control-color .wp-picker-container .iris-picker
827 {
828 position: absolute;
829 z-index: 1000;
830 top: 40px;
831 right: 0;
832
833 width: 275px !important;
834
835 border: none;
836 border-color: #dfdfde;
837 border-top: none;
838 border-radius: 0 0 3px 3px;
839 background: white;
840 }
841 .customize-control-color .wp-picker-container .iris-picker,
842 .customize-control-color .wp-picker-container .iris-picker *
843 {
844 box-sizing: content-box;
845 }
846 .customize-control-color .wp-picker-container .iris-picker .iris-square
847 {
848 width: 215px !important;
849 height: 173px !important;
850 margin-right: 0;
851 }
852 .customize-control-color .wp-picker-container .iris-picker .iris-strip
853 {
854 float: right;
855
856 box-shadow: rgba(0, 0, 0, .4) 0 1px 1px inset;
857 }
858 .customize-control-color .wp-picker-container .iris-picker .iris-strip .ui-slider-handle
859 {
860 opacity: 1;
861 border-color: #aaa !important;
862 box-shadow: none;
863 }
864 .customize-control-color .wp-picker-container .iris-picker .iris-palette
865 {
866 width: 24px !important;
867 height: 24px !important;
868
869 border-radius: 50px;
870 box-shadow: rgba(0, 0, 0, .4) 0 1px 1px inset;
871 }
872 .customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap
873 {
874 position: absolute;
875 z-index: 1000;
876 top: 35px;
877 right: 0;
878
879 width: 275px;
880 padding: 9px 12px;
881
882 border: none;
883 border-radius: 3px 3px 0 0;
884 background: white;
885 }
886 .customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap input.wp-color-picker
887 {
888 font-size: 13px;
889
890 float: left;
891
892 width: 100px;
893 height: auto;
894 margin: 0;
895 padding: 6px 12px;
896
897 text-align: left;
898 }
899 .customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap input.button
900 {
901 float: right;
902
903 height: 30px;
904 padding: 4px 12px;
905 }
906
907 .customize-control-font:last-child
908 {
909 margin-bottom: 150px;
910 }
911
912 #accordion-section-live_css_edit_section .customize-section-title
913 {
914 margin-top: -13px;
915
916 border-bottom: 1px solid #ddd;
917 }
918
919 #accordion-section-live_css_edit_section #css_editor
920 {
921 top: 70px;
922
923 overflow: visible;
924
925 border-top: 10px solid white;
926 }
927 #accordion-section-live_css_edit_section #css_editor:before
928 {
929 position: absolute;
930 z-index: 10000000;
931 top: -10px;
932 left: 0;
933
934 display: block;
935
936 width: 48px;
937 height: 10px;
938
939 content: '';
940
941 background: #e8e8e8;
942 }
943
944 #accordion-section-live_css_edit_section .ace_scroller
945 {
946 padding-left: 10px;
947 }
948
949 .wp-full-overlay.editor_opened
950 {
951 margin-left: 500px;
952 }
953 .wp-full-overlay.editor_opened #customize-controls
954 {
955 width: 500px;
956 }
957 .wp-full-overlay.editor_opened.collapsed #customize-controls
958 {
959 width: 300px;
960 }
961
962 .customize-control-media .current,
963 .customize-control-site_icon .current,
964 li#customize-control-site_logo .current
965 {
966 min-height: 44px;
967 margin-bottom: 10px;
968
969 border: 2px solid #b8daeb;
970 border-radius: 4px;
971 background: #f5fcff;
972 }
973 .customize-control-media .current .container,
974 .customize-control-media .current span,
975 .customize-control-site_icon .current .container,
976 .customize-control-site_icon .current span,
977 li#customize-control-site_logo .current .container,
978 li#customize-control-site_logo .current span
979 {
980 border: none;
981 }
982
983 .customize-control-media .inner,
984 .customize-control-media .current span,
985 .customize-control-site_icon .inner,
986 .customize-control-site_icon .current span,
987 li#customize-control-site_logo .inner,
988 li#customize-control-site_logo .current span
989 {
990 font-size: 13px;
991
992 color: #98c6dd;
993 }
994
995 .customize-control-media .inner,
996 .customize-control-site_icon .inner,
997 li#customize-control-site_logo .inner
998 {
999 line-height: 1.4;
1000 }
1001
1002 .customize-control-media .thumbnail-image,
1003 .customize-control-site_icon .thumbnail-image,
1004 li#customize-control-site_logo .thumbnail-image
1005 {
1006 padding: 14px;
1007
1008 text-align: center;
1009 }
1010 .customize-control-media .thumbnail-image img,
1011 .customize-control-site_icon .thumbnail-image img,
1012 li#customize-control-site_logo .thumbnail-image img
1013 {
1014 width: auto;
1015 }
1016
1017 .customize-control-media .actions,
1018 .customize-control-site_icon .actions,
1019 li#customize-control-site_logo .actions
1020 {
1021 margin-bottom: 0;
1022 }
1023
1024 .customize-control-typography select,
1025 .customize-control-typography select
1026 {
1027 margin-bottom: 10px;
1028 }
1029
1030 .customize-control-typography .description,
1031 .customize-control-typography .description
1032 {
1033 margin-top: -3px;
1034 }
1035
1036 .customize-control-typography ul li,
1037 .customize-control-typography ul li
1038 {
1039 width: 100%;
1040 margin: 0;
1041 }
1042
1043 .default-preset-button
1044 {
1045 font-family: 'Open Sans',sans-serif;
1046 font-size: 13px;
1047
1048 float: right;
1049
1050 margin-right: 4px;
1051 padding: 1px 8px;
1052
1053 border: 1px solid #cbcbcb;
1054 border-radius: 3px;
1055 background-color: #f5f6f6;
1056 }
1057
1058 .customize-control-preset .description
1059 {
1060 font-style: normal;
1061
1062 margin-right: 5px;
1063 }
1064
1065 .customify_preset.radio_buttons .customify_radio_button
1066 {
1067 position: relative;
1068
1069 display: inline-block;
1070 overflow: hidden;
1071
1072 height: auto;
1073 margin: 3px;
1074 padding: 2px;
1075
1076 border: none;
1077 }
1078 .customify_preset.radio_buttons .customify_radio_button input[type='radio']
1079 {
1080 position: absolute;
1081 z-index: 9999;
1082
1083 width: 100%;
1084 height: 100%;
1085
1086 opacity: 0;
1087 }
1088 .customify_preset.radio_buttons .customify_radio_button input[type='radio']:checked + label
1089 {
1090 background-color: #ebebeb;
1091 }
1092 .customify_preset.radio_buttons .customify_radio_button input[type='radio']:checked + label:before
1093 {
1094 content: '>';
1095
1096 color: inherit;
1097 }
1098 .customify_preset.radio_buttons .customify_radio_button input[type='radio']:checked + label:after
1099 {
1100 content: '<';
1101
1102 color: inherit;
1103 }
1104 .customify_preset.radio_buttons .customify_radio_button input[type='radio']:checked:before
1105 {
1106 opacity: 0;
1107 }
1108 .customify_preset.radio_buttons .customify_radio_button label
1109 {
1110 position: relative;
1111 z-index: 999;
1112
1113 border-left: 4px solid;
1114 }
1115
1116 .customify_preset .awesome_preset
1117 {
1118 position: relative;
1119
1120 display: inline-block;
1121
1122 width: 45%;
1123 margin-top: 5px;
1124 margin-bottom: 25px;
1125
1126 transition: all .2s;
1127 text-align: center;
1128
1129 color: white;
1130 }
1131 .customify_preset .awesome_preset:hover
1132 {
1133 opacity: .9;
1134 }
1135 .customify_preset .awesome_preset:before
1136 {
1137 position: absolute;
1138 z-index: 5;
1139 top: 1px;
1140 right: 1px;
1141 bottom: 1px;
1142 left: 1px;
1143
1144 content: '';
1145
1146 opacity: .5;
1147 border: 1px solid #fff;
1148 border-radius: 4px;
1149 background: transparent;
1150 }
1151 .customify_preset .awesome_preset .preset-wrap .preset-color
1152 {
1153 height: 128px;
1154 padding: 17px 0 27px;
1155
1156 border-radius: 4px 4px 0 0;
1157 }
1158 .customify_preset .awesome_preset .preset-wrap .preset-color .first-font
1159 {
1160 font-size: 55px;
1161 line-height: 1;
1162
1163 display: inline-block;
1164
1165 width: 100%;
1166 }
1167 .customify_preset .awesome_preset .preset-wrap .preset-color .secondary-font
1168 {
1169 font-size: 20px;
1170 line-height: 1;
1171
1172 display: inline-block;
1173
1174 width: 100%;
1175 margin-top: 8px;
1176 }
1177 .customify_preset .awesome_preset .preset-wrap .preset-name
1178 {
1179 font-size: 11px;
1180
1181 position: relative;
1182
1183 padding: 1px;
1184
1185 text-transform: UPPERCASE;
1186
1187 border-radius: 0 0 4px 4px;
1188 }
1189 .customify_preset .awesome_preset .preset-wrap .preset-name:before
1190 {
1191 position: absolute;
1192 top: -10px;
1193 left: 40%;
1194
1195 content: '';
1196
1197 border: 10px solid;
1198 border-color: inherit;
1199 border-top: transparent;
1200 border-right-color: transparent;
1201 border-bottom-color: inherit;
1202 border-left-color: transparent;
1203 }
1204 .customify_preset .awesome_preset:nth-child(odd)
1205 {
1206 margin-right: 7%;
1207 }
1208 .customify_preset .awesome_preset input[type=radio]
1209 {
1210 position: absolute;
1211 z-index: 10;
1212 top: 0;
1213 left: 0;
1214
1215 display: inline-block;
1216
1217 width: 100%;
1218 height: 100%;
1219 margin: 0;
1220
1221 color: #006505;
1222 border: 0;
1223 border-radius: 0;
1224 background-color: transparent;
1225 box-shadow: none;
1226 }
1227 .customify_preset .awesome_preset input[type=radio]:checked:before
1228 {
1229 position: absolute;
1230 z-index: 1;
1231 top: -13px;
1232 right: -14px;
1233
1234 width: 25px;
1235 height: 25px;
1236
1237 background: #fff;
1238 }
1239 .customify_preset .awesome_preset input[type=radio]:checked:after
1240 {
1241 position: absolute;
1242 z-index: 10;
1243 top: -5px;
1244 right: -5px;
1245
1246 width: 26px;
1247 height: 26px;
1248
1249 content: '';
1250
1251 border-radius: 50%;
1252 background: #73c5ee url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEzcHgiIGhlaWdodD0iOXB4IiB2aWV3Qm94PSIwIDAgMTMgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDdXN0b21pZnktQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgLTQwOC4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9IkhlYWRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgNDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCA3NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iRmllbGQtLS1DaGVja2JveC1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNy4wMDAwMDAsIDI0OS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkNoZWNrYm94IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMzAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAuMDM4NDk1LDE2IEwxNy4xMTYxMzc1LDguOTIxNDg3NiBMMTUuMTk0NjQ5OCw3IEwxMC4wMzg0OTUsMTIuMTU1MDY3NCBMNi45MjE0ODc2LDkuMDM4OTI5OTcgTDUsMTAuOTYwNDE3NiBMMTAuMDM4NDk1LDE2IFoiIGlkPSJQYWdlLTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
1253 background-position: center center;
1254
1255 -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
1256 filter: alpha(opacity=0);
1257 }
1258
1259 .customify_radio_image
1260 {
1261 display: inline-block;
1262 }
1263 .customify_radio_image label
1264 {
1265 position: relative;
1266
1267 display: block;
1268 float: left;
1269
1270 margin-right: 10px;
1271 }
1272 .customify_radio_image label input[type=radio]
1273 {
1274 position: absolute;
1275 top: 0;
1276 right: 0;
1277 bottom: 0;
1278 left: 0;
1279
1280 visibility: hidden;
1281
1282 width: 100%;
1283 height: 100%;
1284 }
1285 .customify_radio_image label input[type=radio] img
1286 {
1287 cursor: pointer;
1288
1289 border: 2px solid transparent;
1290 }
1291 .customify_radio_image label input[type=radio]:checked + img
1292 {
1293 border: 3px solid #73c5ee;
1294 }
1295
1296 .customify_ace_editor
1297 {
1298 display: block;
1299
1300 min-height: 200px;
1301
1302 border: 1px solid #ddd;
1303 }
1304
1305 .customize-control-custom_background .hide
1306 {
1307 display: none;
1308 }
1309
1310 .customize-control-custom_background .upload_button_div
1311 {
1312 margin: 10px 0;
1313 }
1314 .customize-control-custom_background .upload_button_div > *
1315 {
1316 margin-right: 10px;
1317 }
1318
1319 .customize-control-custom_background .preview_screenshot
1320 {
1321 margin: 10px 0;
1322
1323 text-align: center;
1324 }
1325 .customize-control-custom_background .preview_screenshot img
1326 {
1327 border: 2px solid #ccc;
1328 }
1329
1330 #customify_import_demo_data_button
1331 {
1332 display: inline-block;
1333
1334 width: 70%;
1335 height: auto;
1336 margin: 0 15% 10% 15%;
1337 padding: 10px;
1338
1339 text-align: center;
1340 }
1341
1342 .import_step_note
1343 {
1344 display: inline-block;
1345
1346 width: 100%;
1347 margin: 5px;
1348 }
1349 .import_step_note:before
1350 {
1351 content: '\1F449';
1352 }
1353 .import_step_note.success:before
1354 {
1355 content: '\1F44D';
1356 }
1357 .import_step_note.failed:before
1358 {
1359 content: '\274C';
1360 }
1361
1362 #customize-header-actions
1363 {
1364 border-color: #e0e8ef;
1365 background: #fff;
1366 }
1367
1368 .wp-full-overlay-sidebar,
1369 .customize-themes-panel,
1370 #customize-sidebar-outer-content
1371 {
1372 border-right: 1px solid #e0e8ef;
1373 background: #eaf9fe;
1374 }
1375
1376 .outer-section-open #customize-controls .wp-full-overlay-sidebar-content,
1377 .attachment-media-view,
1378 .media-widget-preview.media_audio,
1379 .media-widget-preview.media_image
1380 {
1381 background: #eaf9fe;
1382 }
1383
1384 #customize-theme-controls #accordion-section-menu_locations
1385 {
1386 border-bottom: 1px solid #e0e8ef;
1387 }
1388
1389 #customize-controls #accordion-section-themes > .accordion-section-title
1390 {
1391 font-weight: 600;
1392
1393 border-bottom: 1px solid #e0e8ef;
1394 }
1395 #customize-controls #accordion-section-themes > .accordion-section-title:hover
1396 {
1397 background: #fff;
1398 }
1399
1400 #customize-controls .panel-meta.customize-info
1401 {
1402 border-bottom-color: #e0e8ef;
1403 }
1404
1405 #customize-theme-controls .control-section .accordion-section-title
1406 {
1407 font-weight: 400;
1408
1409 border-top: 1px solid #e0e8ef;
1410 border-bottom: none;
1411 }
1412
1413 #customize-theme-controls .control-section:last-of-type > .accordion-section-title
1414 {
1415 border-bottom: 1px solid #e0e8ef;
1416 }
1417
1418 #customize-theme-controls .customize-section-title
1419 {
1420 border-top: 1px solid #e0e8ef;
1421 border-bottom: 1px solid #e0e8ef;
1422 }
1423
1424 #customize-controls .control-section .accordion-section-title:focus,
1425 #customize-controls .control-section .accordion-section-title:hover,
1426 #customize-controls .control-section.open .accordion-section-title,
1427 #customize-controls .control-section:hover > .accordion-section-title
1428 {
1429 color: #056184;
1430 border-left-color: #f5fcff;
1431 background: #f5fcff;
1432 }
1433
1434 .wp-customizer
1435 {
1436 /* SECTION: NAV MENUS */
1437 }
1438 .wp-customizer .menu-item-edit-active .menu-item-handle,
1439 .wp-customizer .section-open .menu-item-settings,
1440 .wp-customizer .menu-item-bar .menu-item-handle:hover
1441 {
1442 border-color: #e0e8ef;
1443 }
1444 .wp-customizer .section-open .menu-item-settings
1445 {
1446 background: #f5fcff;
1447 }
1448 .wp-customizer .control-section-nav_menu .menu-location-settings
1449 {
1450 border-top-color: #e0e8ef !important;
1451 }
1452
1453 [data-balloon]
1454 {
1455 position: relative;
1456 }
1457
1458 [data-balloon]::before
1459 {
1460 font-size: 12px;
1461
1462 position: absolute;
1463 z-index: 10;
1464
1465 padding: .5em 1em;
1466
1467 content: attr(data-balloon);
1468 transition: all .18s ease-out;
1469 white-space: nowrap;
1470 pointer-events: none;
1471
1472 opacity: 0;
1473 color: #fff;
1474 border-radius: 4px;
1475 background: rgba(17, 17, 17, .9);
1476 }
1477
1478 [data-balloon]::after
1479 {
1480 position: absolute;
1481 z-index: 10;
1482
1483 width: 18px;
1484 height: 6px;
1485
1486 content: '';
1487 transition: all .18s ease-out;
1488 pointer-events: none;
1489
1490 opacity: 0;
1491 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>');
1492 background-size: 100% auto;
1493 }
1494
1495 [data-balloon]:hover::before,
1496 [data-balloon]:hover::after
1497 {
1498 pointer-events: auto;
1499
1500 opacity: 1;
1501 }
1502
1503 [data-balloon][data-balloon-pos='up']::before
1504 {
1505 bottom: 100%;
1506 left: 50%;
1507
1508 margin-bottom: 11px;
1509
1510 -webkit-transform: translate3d(-50%, 10px, 0);
1511 transform: translate3d(-50%, 10px, 0);
1512 -webkit-transform-origin: top;
1513 transform-origin: top;
1514 }
1515
1516 [data-balloon][data-balloon-pos='up']::after
1517 {
1518 bottom: 100%;
1519 left: 50%;
1520
1521 margin-bottom: 5px;
1522
1523 -webkit-transform: translate3d(-50%, 10px, 0);
1524 transform: translate3d(-50%, 10px, 0);
1525 -webkit-transform-origin: top;
1526 transform-origin: top;
1527 }
1528
1529 [data-balloon][data-balloon-pos='up']:hover::before
1530 {
1531 -webkit-transform: translate3d(-50%, 0, 0);
1532 transform: translate3d(-50%, 0, 0);
1533 }
1534
1535 [data-balloon][data-balloon-pos='up']:hover::after
1536 {
1537 -webkit-transform: translate3d(-50%, 0, 0);
1538 transform: translate3d(-50%, 0, 0);
1539 }
1540
1541 [data-balloon][data-balloon-pos='down']::before
1542 {
1543 top: 100%;
1544 left: 50%;
1545
1546 margin-top: 11px;
1547
1548 -webkit-transform: translate3d(-50%, -10px, 0);
1549 transform: translate3d(-50%, -10px, 0);
1550 }
1551
1552 [data-balloon][data-balloon-pos='down']::after
1553 {
1554 top: 100%;
1555 left: 50%;
1556
1557 width: 18px;
1558 height: 6px;
1559 margin-top: 5px;
1560
1561 -webkit-transform: translate3d(-50%, -10px, 0);
1562 transform: translate3d(-50%, -10px, 0);
1563
1564 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>');
1565 background-size: 100% auto;
1566 }
1567
1568 [data-balloon][data-balloon-pos='down']:hover::before
1569 {
1570 -webkit-transform: translate3d(-50%, 0, 0);
1571 transform: translate3d(-50%, 0, 0);
1572 }
1573
1574 [data-balloon][data-balloon-pos='down']:hover::after
1575 {
1576 -webkit-transform: translate3d(-50%, 0, 0);
1577 transform: translate3d(-50%, 0, 0);
1578 }
1579
1580 [data-balloon][data-balloon-pos='left']::before
1581 {
1582 top: 50%;
1583 right: 100%;
1584
1585 margin-right: 11px;
1586
1587 -webkit-transform: translate3d(10px, -50%, 0);
1588 transform: translate3d(10px, -50%, 0);
1589 }
1590
1591 [data-balloon][data-balloon-pos='left']::after
1592 {
1593 top: 50%;
1594 right: 100%;
1595
1596 width: 6px;
1597 height: 18px;
1598 margin-right: 5px;
1599
1600 -webkit-transform: translate3d(10px, -50%, 0);
1601 transform: translate3d(10px, -50%, 0);
1602
1603 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>');
1604 background-size: 100% auto;
1605 }
1606
1607 [data-balloon][data-balloon-pos='left']:hover::before
1608 {
1609 -webkit-transform: translate3d(0, -50%, 0);
1610 transform: translate3d(0, -50%, 0);
1611 }
1612
1613 [data-balloon][data-balloon-pos='left']:hover::after
1614 {
1615 -webkit-transform: translate3d(0, -50%, 0);
1616 transform: translate3d(0, -50%, 0);
1617 }
1618
1619 [data-balloon][data-balloon-pos='right']::before
1620 {
1621 top: 50%;
1622 left: 100%;
1623
1624 margin-left: 11px;
1625
1626 -webkit-transform: translate3d(-10px, -50%, 0);
1627 transform: translate3d(-10px, -50%, 0);
1628 }
1629
1630 [data-balloon][data-balloon-pos='right']::after
1631 {
1632 top: 50%;
1633 left: 100%;
1634
1635 width: 6px;
1636 height: 18px;
1637 margin-left: 5px;
1638
1639 -webkit-transform: translate3d(-10px, -50%, 0);
1640 transform: translate3d(-10px, -50%, 0);
1641
1642 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>');
1643 background-size: 100% auto;
1644 }
1645
1646 [data-balloon][data-balloon-pos='right']:hover::before
1647 {
1648 -webkit-transform: translate3d(0, -50%, 0);
1649 transform: translate3d(0, -50%, 0);
1650 }
1651
1652 [data-balloon][data-balloon-pos='right']:hover::after
1653 {
1654 -webkit-transform: translate3d(0, -50%, 0);
1655 transform: translate3d(0, -50%, 0);
1656 }
1657
1658 [data-balloon][data-balloon-length='small']::before
1659 {
1660 width: 80px;
1661
1662 white-space: normal;
1663 }
1664
1665 [data-balloon][data-balloon-length='medium']::before
1666 {
1667 width: 150px;
1668
1669 white-space: normal;
1670 }
1671
1672 [data-balloon][data-balloon-length='large']::before
1673 {
1674 width: 260px;
1675
1676 white-space: normal;
1677 }
1678
1679 [data-balloon][data-balloon-length='xlarge']::before
1680 {
1681 width: 380px;
1682
1683 white-space: normal;
1684 }
1685
1686 @media screen and (max-width: 768px)
1687 {
1688 [data-balloon][data-balloon-length='xlarge']::before
1689 {
1690 width: 90vw;
1691
1692 white-space: normal;
1693 }
1694 }
1695
1696 [data-balloon][data-balloon-length='fit']::before
1697 {
1698 width: 100%;
1699
1700 white-space: normal;
1701 }
1702
1703 .font-options__wrapper .font-options__options-list
1704 {
1705 border-color: #b8daeb;
1706 box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .15);
1707 }
1708
1709 .font-options__wrapper .font-options__option
1710 {
1711 margin-bottom: 12px;
1712 }
1713 .font-options__wrapper .font-options__option label
1714 {
1715 display: block;
1716
1717 margin-bottom: 6px;
1718 }
1719
1720 .font-options__wrapper [type=checkbox]:checked ~ .font-options__options-list
1721 {
1722 display: block;
1723
1724 opacity: 1;
1725 }
1726
1727 input.customify_font_tooltip
1728 {
1729 display: none;
1730 }
1731
1732 ul.font-options__options-list .select2-container
1733 {
1734 width: 100% !important;
1735 }
1736 ul.font-options__options-list .select2-container .select2-selection--single
1737 {
1738 -webkit-appearance: initial;
1739 }
1740 ul.font-options__options-list .select2-container .select2-selection--single .select2-selection__arrow
1741 {
1742 display: none;
1743 }
1744
1745 ul.font-options__options-list .select2-container--default .select2-selection--single .select2-selection__rendered
1746 {
1747 line-height: initial;
1748
1749 color: inherit;
1750 }
1751
1752 .select2-container.select2-container--open
1753 {
1754 z-index: 99999999;
1755 }
1756
1757 #customize-theme-controls .select2-container
1758 {
1759 width: 100% !important;
1760 }
1761 #customize-theme-controls .select2-container .select2-selection--multiple
1762 {
1763 height: auto;
1764 padding: 8px 8px 4px;
1765
1766 background: none;
1767
1768 -webkit-appearance: initial;
1769 }
1770 #customize-theme-controls .select2-container .select2-selection--multiple .select2-selection__arrow
1771 {
1772 display: none;
1773 }
1774 #customize-theme-controls .select2-container .select2-selection--multiple .select2-selection__rendered
1775 {
1776 padding: 0;
1777 }
1778 #customize-theme-controls .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice
1779 {
1780 margin-top: 0;
1781 margin-right: 6px;
1782 padding: 3px 7px;
1783
1784 border-color: #e0e8ef;
1785 background-color: #f6fbff;
1786 }
1787 #customize-theme-controls .select2-container .select2-search--inline .select2-search__field
1788 {
1789 height: 24px;
1790 }
1791
1792 .select2-container .select2-dropdown
1793 {
1794 border-color: #e0e8ef;
1795 }
1796
1797 #customize-theme-controls .widget-content .accordion-container
1798 {
1799 margin-top: 20px;
1800 margin-right: -10px;
1801 margin-bottom: 10px;
1802 margin-left: -10px;
1803 }
1804 #customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-content
1805 {
1806 position: relative;
1807 left: 0;
1808
1809 overflow: hidden;
1810
1811 max-height: 0;
1812 padding-top: 0;
1813 padding-bottom: 0;
1814
1815 transition: all .4s ease;
1816
1817 color: #416b7e;
1818 }
1819 #customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-content p:first-child
1820 {
1821 margin-top: 0;
1822 }
1823 #customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-content p:last-child
1824 {
1825 margin-bottom: 0;
1826 }
1827 #customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-title
1828 {
1829 color: #39474d;
1830 }
1831 #customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-title:after
1832 {
1833 content: '\f142';
1834 -webkit-transform: rotate(180deg);
1835 transform: rotate(180deg);
1836 }
1837 #customize-theme-controls .widget-content .accordion-container .accordion-section.open
1838 {
1839 border-bottom: none;
1840 }
1841 #customize-theme-controls .widget-content .accordion-container .accordion-section.open .accordion-section-content
1842 {
1843 max-height: 100%;
1844 padding-top: 17px;
1845 padding-bottom: 17px;
1846 }
1847 #customize-theme-controls .widget-content .accordion-container .accordion-section.open .accordion-section-title
1848 {
1849 border-bottom: 1px solid;
1850 }
1851 #customize-theme-controls .widget-content .accordion-container .accordion-section.open .accordion-section-title:after
1852 {
1853 -webkit-transform: rotate(0deg);
1854 transform: rotate(0deg);
1855 }
1856 #customize-theme-controls .widget-content .accordion-container label.customize-control-title,
1857 #customize-theme-controls .widget-content .accordion-container label.separator.label
1858 {
1859 cursor: default;
1860 }
1861
1862 .widget .widget-content > p input[type=checkbox],
1863 .widget .widget-content > p input[type=radio]
1864 {
1865 margin-top: 3px;
1866 margin-bottom: 3px;
1867 }
1868
1869 .widget .widget-content small
1870 {
1871 display: block;
1872
1873 margin-top: 5px;
1874 }
1875
1876 #available-widgets [class*=pixelgrade] .widget .widget-title:before,
1877 #available-widgets [class*=featured-posts] .widget .widget-title:before,
1878 #available-widgets [class*=categories-image-grid] .widget .widget-title:before
1879 {
1880 content: '\f538';
1881
1882 color: #9660c6;
1883 }
1884
1885 #available-widgets [class*=pixelgrade-featured-posts-slideshow] .widget .widget-title:before
1886 {
1887 content: '\f233';
1888 }
1889
1890 #available-widgets [class*=pixelgrade-featured-posts-carousel] .widget .widget-title:before
1891 {
1892 content: '\f169';
1893 }
1894
1895 #available-widgets [class*=featured-posts-grid] .widget .widget-title:before
1896 {
1897 content: '\f180';
1898 }
1899
1900 #available-widgets [class*=featured-posts-list] .widget .widget-title:before
1901 {
1902 content: '\f164';
1903 }
1904
1905 #available-widgets [class*=categories-image-grid] .widget .widget-title:before
1906 {
1907 content: '\f163';
1908 }
1909
1910 #available-widgets [class*=pixelgrade-promo-box] .widget .widget-title:before
1911 {
1912 content: '\f488';
1913 }
1914
1915 .wp-customizer .widget-conditional .condition-control:after
1916 {
1917 display: table;
1918 clear: both;
1919
1920 content: ' ';
1921 }
1922
1923 .wp-customizer .widget-conditional .selection
1924 {
1925 margin-right: 0;
1926 margin-bottom: 10px;
1927 margin-left: 0;
1928 padding-right: 50px;
1929 padding-bottom: 19px;
1930 padding-left: 28px;
1931
1932 border-bottom: 1px solid #cbcfd4;
1933 }
1934
1935 .wp-customizer .widget-conditional .condition:last-child .selection
1936 {
1937 border: 0;
1938 }
1939
1940 .wp-customizer .widget-conditional select
1941 {
1942 width: 170px;
1943 max-width: 100%;
1944 }
1945
1946 .wp-customizer .widget-conditional .condition-top select
1947 {
1948 width: 130px;
1949 }
1950