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