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 +2678 -653 1.5.6 → 2.4.0 View file →
@@ -1,21 +1,321 @@
1 -.wp-full-overlay-sidebar * {
2 - box-sizing: border-box; }
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 +}
3 20
4 -.accordion-section-content {
5 - overflow: visible; }
21 +.sm-radio-group > * {
22 + -webkit-box-flex: 1;
23 + -ms-flex: 1 1 0px;
24 + flex: 1 1 0;
25 +}
6 26
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 +}
38 +
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 +
7 304 .control-section:not(.control-section-themes) .customize-control {
8 - padding: 0px;
305 + padding: 0;
9 306 width: 100%;
10 - min-height: initial; }
307 + min-height: initial;
308 +}
11 309
12 310 #customize-header-actions #customize-save-button-wrapper {
13 - margin-top: 7px; }
311 + margin-top: 7px;
312 +}
14 313
15 314 .wp-full-overlay-footer .devices button {
16 315 float: left;
17 - border-radius: 0; }
316 + border-radius: 0;
317 +}
18 318
19 319 .customize-controls-close {
20 320 width: 48px;
21 321 height: 44px;
@@ -21,76 +321,91 @@
21 321 height: 44px;
22 322 color: #7da9c3;
23 323 background: #ffffff;
24 324 border-top: none;
25 - border-right-color: #e0e8ef; }
26 - .customize-controls-close:focus, .customize-controls-close:hover {
27 - background: #f5fcff; }
28 - .customize-controls-close:before {
29 - top: 0px; }
325 + border-right-color: #e0e8ef;
326 +}
30 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 +
31 336 #customize-controls .customize-info {
32 - border-bottom-color: #e0e8ef; }
337 + border-bottom-color: #e0e8ef;
338 +}
33 339
34 340 .customize-panel-back, .customize-section-back {
35 341 height: 74px;
36 342 color: #7da9c3;
37 - border-right-color: #e0e8ef; }
38 - .customize-panel-back:hover, .customize-panel-back:focus, .customize-section-back:hover, .customize-section-back:focus {
39 - border-left-color: #f5fcff;
40 - background: #f5fcff; }
343 + border-right-color: #e0e8ef;
344 +}
41 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 +
42 351 #customize-theme-controls .theme * {
43 - box-sizing: content-box; }
352 + -webkit-box-sizing: content-box;
353 + box-sizing: content-box;
354 +}
44 355
45 356 #customize-theme-controls .accordion-section-content {
46 - padding: 17px; }
357 + padding: 17px;
358 +}
47 359
48 360 #customize-theme-controls .customize-section-title {
49 361 margin-top: -17px;
50 - margin-right: -17px; }
362 + margin-right: -17px;
363 +}
51 364
52 -#customize-theme-controls .control-panel-content .control-section:nth-child(2),
53 -#customize-theme-controls .control-panel-content .control-section:nth-child(3) {
54 - border-top: none; }
365 +#customize-theme-controls #accordion-section-add_menu {
366 + border-bottom: none;
367 +}
55 368
56 -#customize-theme-controls .control-panel-content .control-section:nth-last-child(2) {
57 - border-bottom: 1px solid #e0e8ef; }
369 +#customize-theme-controls #accordion-section-add_menu .add-menu-toggle {
370 + float: none;
371 +}
58 372
59 -#customize-theme-controls #accordion-section-add_menu {
60 - border-bottom: none; }
61 - #customize-theme-controls #accordion-section-add_menu .add-menu-toggle {
62 - float: none; }
63 -
64 373 #customize-theme-controls .customize-pane-child.open {
65 - height: 100%; }
374 + height: 100%;
375 +}
66 376
67 377 #customize-controls .description {
68 - margin-bottom: 9px;
69 378 font-size: 12px;
70 379 font-weight: 300;
71 380 font-style: normal;
72 381 line-height: 1.6;
73 382 color: #4d7b90;
74 - text-indent: 0; }
383 + text-indent: 0;
384 +}
75 385
76 386 .customize-control-description {
77 - margin-top: 6px; }
387 + margin-top: 6px;
388 +}
78 389
79 390 .customize-control {
80 - margin-bottom: 24px; }
391 + margin-bottom: 24px;
392 +}
81 393
82 394 #accordion-section-themes + .control-section {
83 - border-top: none; }
395 + border-top: none;
396 +}
84 397
85 398 #customize-controls .panel-meta.customize-info .accordion-section-title {
86 399 border-top: none;
87 - height: 74px; }
400 + height: 74px;
401 +}
88 402
89 403 .button-controls:after {
90 404 content: " ";
91 405 display: table;
92 - clear: both; }
406 + clear: both;
407 +}
93 408
94 409 .wp-core-ui .button:not(.theme-details):not(.collapse-sidebar):not(.wp-color-result),
95 410 .wp-core-ui .button-primary,
96 411 .wp-core-ui .button-secondary {
@@ -101,53 +416,73 @@
101 416 color: #F5FCFF;
102 417 text-shadow: none;
103 418 border: none;
104 419 background: #AED2E5;
105 - box-shadow: 0px 2px 0px 0px #8DBED7;
420 + -webkit-box-shadow: 0px 2px 0px 0px #8DBED7;
421 + box-shadow: 0px 2px 0px 0px #8DBED7;
106 422 border-radius: 4px;
107 - transition: all 0.1s; }
108 - .wp-core-ui .button:not(.theme-details):not(.collapse-sidebar):not(.wp-color-result):hover,
109 - .wp-core-ui .button-primary:hover,
110 - .wp-core-ui .button-secondary:hover {
111 - color: white;
112 - text-shadow: none;
113 - background: #98C6DD;
114 - box-shadow: 0px 2px 0px 0px #74A7C2; }
423 +}
115 424
425 +.wp-core-ui .button:not(.theme-details):not(.collapse-sidebar):not(.wp-color-result):hover,
426 +.wp-core-ui .button-primary:hover,
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 +}
434 +
116 435 .wp-core-ui #customize-header-actions .button-primary {
117 436 background: #73C5EE;
118 - box-shadow: 0px 2px 0px 0px #57ABD5; }
119 - .wp-core-ui #customize-header-actions .button-primary:hover {
120 - background: #58B0DD;
121 - box-shadow: 0px 2px 0px 0px #3F8AAF; }
122 - .wp-core-ui #customize-header-actions .button-primary.has-next-sibling {
123 - border-right: 1px solid #57ABD5; }
124 - .wp-core-ui #customize-header-actions .button-primary:disabled {
125 - color: white !important;
126 - background: #AED2E5 !important;
127 - opacity: 0.7;
128 - box-shadow: 0px 2px 0px 0px #8db5ca !important; }
129 - .wp-core-ui #customize-header-actions .button-primary:disabled.has-next-sibling {
130 - border-right: none; }
437 + -webkit-box-shadow: 0px 2px 0px 0px #57ABD5;
438 + box-shadow: 0px 2px 0px 0px #57ABD5;
439 +}
131 440
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 +}
446 +
447 +.wp-core-ui #customize-header-actions .button-primary.has-next-sibling {
448 + border-right: 1px solid #57ABD5;
449 +}
450 +
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 +}
458 +
459 +.wp-core-ui #customize-header-actions .button-primary:disabled.has-next-sibling {
460 + border-right: none;
461 +}
462 +
132 463 .wp-core-ui .reset_section,
133 464 .wp-core-ui .reset_panel {
134 465 width: 100%;
135 466 height: 4em;
136 467 display: block;
137 - margin: 0px 0 25px; }
468 + margin: 0px 0 25px;
469 +}
138 470
139 471 .wp-core-ui .reset_panel {
140 - margin-top: 10px; }
472 + margin-top: 10px;
473 +}
141 474
142 475 .separator.label {
143 476 display: block;
144 477 font-size: 14px;
145 478 line-height: 24px;
146 - font-weight: 600; }
479 + font-weight: 500;
480 +}
147 481
148 482 .customize-control-title, .separator.label {
149 - color: #416B7E; }
483 + color: #2A3B44;
484 +}
150 485
151 486 .separator.section:before, .separator.sub-section:before {
152 487 content: "";
153 488 position: absolute;
@@ -154,17 +489,20 @@
154 489 top: 0;
155 490 bottom: 0;
156 491 left: -18px;
157 492 right: -18px;
158 - z-index: -1; }
493 + z-index: -1;
494 +}
159 495
160 496 .separator.label {
161 - font-weight: 500; }
497 + font-weight: 500;
498 +}
162 499
163 500 .separator.large {
164 501 margin-top: 12px;
165 502 font-size: 16px;
166 - color: #39474D; }
503 + color: #39474D;
504 +}
167 505
168 506 .separator.section {
169 507 position: relative;
170 508 padding: 14px 0;
@@ -169,97 +507,133 @@
169 507 position: relative;
170 508 padding: 14px 0;
171 509 margin-bottom: 0;
172 510 background: none;
173 - border: none; }
174 - .separator.section[id*="layout"] {
175 - margin-top: 0; }
176 - .separator.section[id*="layout"]:before {
177 - border: none; }
178 - .separator.section:before {
179 - border: 1px solid #e0e8ef;
180 - background-color: #ffffff;
181 - box-shadow: 0px 1px 0px 0px #DFE8EF; }
511 + border: none;
512 +}
182 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 +
183 529 .separator.sub-section {
184 530 position: relative;
185 - padding: 12px 0; }
186 - .separator.sub-section:before {
187 - border-top: 1px solid #e0e8ef;
188 - border-bottom: 1px solid #e0e8ef;
189 - background-color: #f6fbff; }
190 - .separator.sub-section + span {
191 - margin-top: 20px;
192 - font-style: normal; }
531 + padding: 12px 0;
532 +}
193 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 +
194 545 .section-navigation-wrapper {
195 546 position: relative;
196 547 height: 43px;
197 548 margin: -15px -12px 0 -12px;
198 549 margin-right: -17px;
199 - margin-left: -17px; }
550 + margin-left: -17px;
551 +}
200 552
201 553 .section-navigation {
554 + display: -webkit-box;
202 555 display: -ms-flexbox;
203 556 display: flex;
204 557 margin-top: -1px;
205 558 clear: both;
206 - border-top: 1px solid #e0e8ef; }
207 - .section-navigation a {
208 - -ms-flex: 1 1 auto;
209 - flex: 1 1 auto;
210 - display: block;
211 - padding: 12px 0;
212 - color: #3b484e;
213 - background-color: #ffffff;
214 - border-bottom: 1px solid #e0e8ef;
215 - border-right: 1px solid #e0e8ef;
216 - text-align: center;
217 - text-decoration: none;
218 - transition: background-color .15s ease-in-out; }
219 - .section-navigation a:last-child {
220 - border-right: 0; }
559 + border-top: 1px solid #e0e8ef;
560 +}
221 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 +
222 582 #customize-controls .customize-info.is-sticky.is-sticky,
223 583 #customize-controls .customize-section-title.is-sticky.is-sticky {
224 - top: 40px; }
584 + top: 40px;
585 +}
225 586
226 587 #customize-controls .customize-info.is-in-view.is-in-view,
227 588 #customize-controls .customize-section-title.is-in-view.is-in-view {
228 - box-shadow: none; }
589 + -webkit-box-shadow: none;
590 + box-shadow: none;
591 +}
229 592
230 593 #customize-controls .has-nav .customize-info,
231 594 #customize-controls .has-nav .customize-section-title {
232 - margin-right: -12px; }
595 + margin-right: -12px;
596 +}
233 597
234 598 #customize-controls .customize-section-title.customize-section-title {
235 - border-bottom: 0; }
599 + border-bottom: 0;
600 +}
236 601
237 602 .customize-section-description-container.section-meta.has-nav {
238 - margin-bottom: 0; }
603 + margin-bottom: 0;
604 +}
239 605
240 606 .font-options__wrapper {
241 - position: relative; }
242 - .font-options__wrapper:after {
243 - content: "";
244 - position: absolute;
245 - top: 90%;
246 - left: 0;
247 - right: 0;
248 - z-index: 0;
249 - display: block;
250 - height: 100px; }
607 + position: relative;
608 +}
251 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 +
252 621 .font-options__head {
622 + display: -webkit-box;
253 623 display: -ms-flexbox;
254 624 display: flex;
255 - -ms-flex-pack: justify;
256 - justify-content: space-between; }
257 - .font-options__head.font-options__head {
258 - -webkit-appearance: none;
259 - text-overflow: ellipsis;
260 - white-space: nowrap; }
625 + -webkit-box-pack: justify;
626 + -ms-flex-pack: justify;
627 + justify-content: space-between;
628 +}
261 629
630 +.font-options__head.font-options__head {
631 + -webkit-appearance: none;
632 + text-overflow: ellipsis;
633 + white-space: nowrap;
634 +}
635 +
262 636 .font-options__font-title {
263 637 margin-right: 26px;
264 638 margin-left: 10px;
265 639 font-size: 12px;
@@ -267,9 +641,10 @@
267 641 font-weight: 300;
268 642 color: #98c6dd;
269 643 text-overflow: ellipsis;
270 644 overflow: hidden;
271 - white-space: nowrap; }
645 + white-space: nowrap;
646 +}
272 647
273 648 .font-options__options-list {
274 649 position: absolute;
275 650 top: calc(100% + 6px);
@@ -282,30 +657,40 @@
282 657 border-radius: 5px;
283 658 background-color: #ffffff;
284 659 opacity: 0;
285 660 display: none;
286 - transition: opacity .15s linear; }
287 - .font-options__options-list:last-child {
288 - margin-bottom: 0; }
289 - .font-options__options-list:before, .font-options__options-list:after {
290 - content: "";
291 - position: absolute;
292 - top: -20px;
293 - right: 25px;
294 - height: 0;
295 - width: 0;
296 - border: solid transparent;
297 - z-index: 10; }
298 - .font-options__options-list:before {
299 - border-bottom-color: white;
300 - border-width: 10px;
301 - z-index: 11; }
302 - .font-options__options-list:after {
303 - border-bottom-color: rgba(0, 0, 0, 0.075);
304 - border-width: 12px;
305 - top: -24px;
306 - right: 23px; }
661 + -webkit-transition: opacity .15s linear;
662 + transition: opacity .15s linear;
663 +}
307 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 +
308 693 .customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap:after {
309 694 content: "";
310 695 position: absolute;
311 696 bottom: 100%;
@@ -314,29 +699,30 @@
314 699 width: 0;
315 700 height: 0;
316 701 border-width: 0 9px 9px 9px;
317 702 border-style: solid;
318 - border-color: transparent transparent #fff transparent; }
703 + border-color: transparent transparent #fff transparent;
704 +}
319 705
320 -.font-options__head, .customize-control input[type=text],
321 -.customize-control input[type=checkbox],
322 -.customize-control input[type=password],
323 -.customize-control input[type=color],
324 -.customize-control input[type=date],
325 -.customize-control input[type=datetime],
326 -.customize-control input[type=datetime-local],
327 -.customize-control input[type=email],
328 -.customize-control input[type=month],
329 -.customize-control input[type=number],
330 -.customize-control input[type=radio],
331 -.customize-control input[type=tel],
332 -.customize-control input[type=time],
333 -.customize-control input[type=url],
334 -.customize-control input[type=week],
335 -.customize-control input[type=search],
336 -.customize-control select,
337 -.customize-control textarea,
338 -.customize-control input[type="number"].range-value, ul.font-options__options-list .select2-container .select2-selection--single, #customize-theme-controls .select2-container .select2-selection--multiple {
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),
707 +.wp-full-overlay-sidebar-content .customize-control input[type=checkbox],
708 +.wp-full-overlay-sidebar-content .customize-control input[type=password],
709 +.wp-full-overlay-sidebar-content .customize-control input[type=color],
710 +.wp-full-overlay-sidebar-content .customize-control input[type=date],
711 +.wp-full-overlay-sidebar-content .customize-control input[type=datetime],
712 +.wp-full-overlay-sidebar-content .customize-control input[type=datetime-local],
713 +.wp-full-overlay-sidebar-content .customize-control input[type=email],
714 +.wp-full-overlay-sidebar-content .customize-control input[type=month],
715 +.wp-full-overlay-sidebar-content .customize-control input[type=number],
716 +.wp-full-overlay-sidebar-content .customize-control input[type=radio],
717 +.wp-full-overlay-sidebar-content .customize-control input[type=tel],
718 +.wp-full-overlay-sidebar-content .customize-control input[type=time],
719 +.wp-full-overlay-sidebar-content .customize-control input[type=url],
720 +.wp-full-overlay-sidebar-content .customize-control input[type=week],
721 +.wp-full-overlay-sidebar-content .customize-control input[type=search],
722 +.wp-full-overlay-sidebar-content .customize-control select,
723 +.wp-full-overlay-sidebar-content .customize-control textarea,
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 {
339 725 width: 100%;
340 726 height: 44px;
341 727 padding: 10px 14px;
342 728 background: #FFFFFF;
@@ -344,97 +730,126 @@
344 730 border-radius: 4px;
345 731 font-size: 14px;
346 732 line-height: 1.5;
347 733 color: #416B7E;
348 - outline: 0; }
349 - .font-options__head:focus, .customize-control input[type=text]:focus,
350 - .customize-control input[type=checkbox]:focus,
351 - .customize-control input[type=password]:focus,
352 - .customize-control input[type=color]:focus,
353 - .customize-control input[type=date]:focus,
354 - .customize-control input[type=datetime]:focus,
355 - .customize-control input[type=datetime-local]:focus,
356 - .customize-control input[type=email]:focus,
357 - .customize-control input[type=month]:focus,
358 - .customize-control input[type=number]:focus,
359 - .customize-control input[type=radio]:focus,
360 - .customize-control input[type=tel]:focus,
361 - .customize-control input[type=time]:focus,
362 - .customize-control input[type=url]:focus,
363 - .customize-control input[type=week]:focus,
364 - .customize-control input[type=search]:focus,
365 - .customize-control select:focus,
366 - .customize-control textarea:focus,
367 - .customize-control input[type="number"].range-value:focus, ul.font-options__options-list .select2-container .select2-selection--single:focus, #customize-theme-controls .select2-container .select2-selection--multiple:focus {
368 - border-color: #73C5EE;
369 - box-shadow: none; }
734 + outline: 0;
735 +}
370 736
371 -.font-options__head, .customize-control select, ul.font-options__options-list .select2-container .select2-selection--single, #customize-theme-controls .select2-container .select2-selection--multiple {
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],
753 +.wp-full-overlay-sidebar-content .customize-control select:focus,
754 +.wp-full-overlay-sidebar-content .customize-control textarea:focus,
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 +}
760 +
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 {
372 763 width: 100%;
373 764 -webkit-appearance: button;
374 765 -moz-appearance: none;
375 766 font-weight: 600;
376 767 background: white url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE1cHgiIGhlaWdodD0iOXB4IiB2aWV3Qm94PSIwIDAgMTUgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDdXN0b21pZnktQ29weS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjU2LjAwMDAwMCwgLTM4Ni4wMDAwMDApIiBmaWxsPSIjOThDNkRFIj4KICAgICAgICAgICAgPGcgaWQ9IkhlYWRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgNDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCA3NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iVGl0bGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2LjAwMDAwMCwgMjE5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iRmllbGQtLS1TZWxlY3QtQ29weSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iU2VsZWN0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMjcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI1NC40ODEyLDE4IEwyNTYsMTkuNTE0IEwyNDguNSwyNyBMMjQxLDE5LjUxNCBMMjQyLjUxODgsMTggTDI0OC41LDIzLjk2NzIgTDI1NC40ODEyLDE4IFoiIGlkPSJQYWdlLTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
377 - background-position: right 16px top 16px; }
378 - [multiple].font-options__head, .customize-control select[multiple], ul.font-options__options-list .select2-container [multiple].select2-selection--single, #customize-theme-controls .select2-container [multiple].select2-selection--multiple {
379 - background: white; }
768 + background-position: right 16px top 16px;
769 +}
380 770
381 -.customize-control input[type=text],
382 -.customize-control textarea {
383 - font-size: 13px; }
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 +}
384 774
385 -.customize-control textarea {
386 - height: auto; }
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 +}
387 779
388 -.customize-control input[type=checkbox],
389 -.customize-control input[type=radio] {
780 +.wp-full-overlay-sidebar-content .customize-control textarea {
781 + height: auto;
782 +}
783 +
784 +.wp-full-overlay-sidebar-content .customize-control input[type=checkbox],
785 +.wp-full-overlay-sidebar-content .customize-control input[type=radio] {
390 786 width: 22px;
391 - height: 22px; }
392 - .customize-control input[type=checkbox]:checked,
393 - .customize-control input[type=radio]:checked {
394 - background: #73C5EE;
395 - border-color: #5AB9E8; }
396 - .customize-control input[type=checkbox]:checked:before,
397 - .customize-control input[type=radio]:checked:before {
398 - color: white;
399 - margin: -1px 0 0 -2px; }
787 + height: 22px;
788 +}
400 789
401 -.customize-control.customize-control-checkbox label:not(:only-of-type),
402 -.customize-control.customize-control-checkbox > .customize-inside-control-row:not(:only-of-type), .customize-control.customize-control-radio label:not(:only-of-type),
403 -.customize-control.customize-control-radio > .customize-inside-control-row:not(:only-of-type) {
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 +}
795 +
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) {
404 809 margin-left: 30px;
405 810 padding-top: 0;
406 811 padding-bottom: 0;
407 812 display: inline-block;
408 813 width: calc(49% - 30px);
409 - text-indent: -6px; }
814 + text-indent: -6px;
815 +}
410 816
411 -.customize-control.customize-control-checkbox label, .customize-control.customize-control-radio label {
412 - color: #416B7E; }
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 +}
413 820
414 -[id*="divider"] + .customize-control.customize-control-checkbox, [id*="divider"] + .customize-control.customize-control-radio {
415 - margin-top: 0; }
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 +}
416 824
417 -.customize-control input[type=radio] {
418 - border-radius: 50%; }
419 - .customize-control input[type=radio]:checked:before {
420 - content: none; }
825 +.wp-full-overlay-sidebar-content .customize-control input[type=radio] {
826 + border-radius: 50%;
827 +}
421 828
422 -.customize-control-html + .customize-control.customize-control-checkbox {
423 - margin-top: -24px; }
829 +.wp-full-overlay-sidebar-content .customize-control input[type=radio]:checked:before {
830 + content: none;
831 +}
424 832
425 -.customize-control.customize-control-radio label,
426 -.customize-control.customize-control-radio .customize-inside-control-row {
427 - margin-top: 12px; }
833 +.customize-control-html + .wp-full-overlay-sidebar-content .customize-control.customize-control-checkbox {
834 + margin-top: -24px;
835 +}
428 836
429 -.customize-control.customize-control-radio#customize-control-changeset_status .customize-inside-control-row {
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 {
430 843 margin-top: 0;
431 - text-indent: 0; }
844 + text-indent: 0;
845 +}
432 846
433 -.customize-control input[type="range"] {
434 - width: 65%; }
847 +.wp-full-overlay-sidebar-content .customize-control input[type="range"] {
848 + width: 65%;
849 +}
435 850
436 -.customize-control input[type="range"] {
851 +.wp-full-overlay-sidebar-content .customize-control input[type="range"] {
437 852 position: relative;
438 853 -webkit-appearance: none;
439 854 width: calc(100% - 55px);
440 855 height: 22px;
@@ -439,48 +854,58 @@
439 854 width: calc(100% - 55px);
440 855 height: 22px;
441 856 overflow: hidden;
442 857 outline: none;
443 - background: none; }
444 - .customize-control input[type="range"]:before {
445 - content: " ";
446 - position: absolute;
447 - top: 8px;
448 - left: 0;
449 - height: 6px;
450 - width: 100%;
451 - background: #DFE8EF;
452 - box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
453 - border-radius: 10px; }
454 - .customize-control input[type="range"]::-webkit-slider-thumb {
455 - -webkit-appearance: none;
456 - width: 22px;
457 - height: 22px;
458 - background: #27ae60;
459 - position: relative;
460 - z-index: 3;
461 - background: #FFFFFF;
462 - border: 2px solid #B8DAEB;
463 - border-radius: 4px; }
464 - .customize-control input[type="range"]::-webkit-slider-thumb:before {
465 - content: "..";
466 - position: absolute;
467 - left: 5px;
468 - top: -5px;
469 - color: #B8DAEB;
470 - font-size: 1em;
471 - letter-spacing: 1px; }
472 - .customize-control input[type="range"]::-webkit-slider-thumb:after {
473 - content: " ";
474 - width: calc(100% - 55px);
475 - height: 6px;
476 - position: absolute;
477 - z-index: 1;
478 - right: 20px;
479 - top: 6px;
480 - background: #73C5EE; }
858 + background: none;
859 +}
481 860
482 -.customize-control input[type="number"].range-value {
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 {
483 908 min-width: 40px;
484 909 max-width: 80px;
485 910 width: auto;
486 911 height: 30px;
@@ -489,125 +914,172 @@
489 914 padding: 4px 0px 5px 0px;
490 915 margin-left: 10px;
491 916 font-size: 13px;
492 917 line-height: 1;
493 - text-align: center; }
918 + text-align: center;
919 +}
494 920
495 -.customize-control input[type=number]::-webkit-inner-spin-button,
496 -.customize-control input[type=number]::-webkit-outer-spin-button {
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 {
497 923 -webkit-appearance: none;
498 - margin: 0; }
924 + margin: 0;
925 +}
499 926
500 927 .customize-control-color {
501 - display: block; }
502 - .customize-control-color .customize-control-title, .customize-control-color .separator.label {
503 - float: left; }
504 - .customize-control-color .wp-picker-container {
505 - position: relative;
506 - float: right;
507 - top: -3px; }
508 - .customize-control-color .wp-picker-container .wp-picker-holder {
509 - position: relative; }
510 - .customize-control-color .wp-picker-container .iris-picker {
511 - position: absolute;
512 - top: 40px;
513 - right: 0;
514 - z-index: 1000;
515 - width: 275px !important;
516 - border-top: none;
517 - border-color: #DFDFDE;
518 - border-radius: 0 0 3px 3px;
519 - border: none;
520 - background: white; }
521 - .customize-control-color .wp-picker-container .iris-picker, .customize-control-color .wp-picker-container .iris-picker * {
522 - box-sizing: content-box; }
523 - .customize-control-color .wp-picker-container .iris-picker .iris-square {
524 - width: 215px !important;
525 - height: 173px !important;
526 - margin-right: 0; }
527 - .customize-control-color .wp-picker-container .iris-picker .iris-strip {
528 - float: right;
529 - box-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px inset; }
530 - .customize-control-color .wp-picker-container .iris-picker .iris-strip .ui-slider-handle {
531 - border-color: #aaa !important;
532 - opacity: 1;
533 - box-shadow: none; }
534 - .customize-control-color .wp-picker-container .iris-picker .iris-palette {
535 - width: 24px !important;
536 - height: 24px !important;
537 - border-radius: 50px;
538 - box-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px inset; }
539 - .customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap {
540 - position: absolute;
541 - z-index: 1000;
542 - top: 35px;
543 - right: 0;
544 - width: 275px;
545 - padding: 9px 12px;
546 - background: white;
547 - border: none;
548 - border-radius: 3px 3px 0 0; }
549 - .customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap input.wp-color-picker {
550 - float: left;
551 - width: 100px;
552 - font-size: 13px;
553 - text-align: left;
554 - margin: 0;
555 - padding: 6px 12px;
556 - height: auto; }
557 - .customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap input.button {
558 - float: right;
559 - padding: 4px 12px;
560 - height: 30px; }
561 - .customize-control-color .wp-color-result,
562 - .customize-control-color .wp-color-result.button {
563 - top: 0;
564 - height: 30px;
565 - width: 40px;
566 - margin: 0;
567 - padding: 0;
568 - border-radius: 4px;
569 - background: #2ECC71;
570 - border: 2px solid #B8DAEB;
571 - box-shadow: none; }
572 - .customize-control-color .wp-color-result:after,
573 - .customize-control-color .wp-color-result .wp-color-result-text,
574 - .customize-control-color .wp-color-result.button:after,
575 - .customize-control-color .wp-color-result.button .wp-color-result-text {
576 - display: none; }
928 + display: block;
929 +}
577 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,
960 +.customize-control-color .wp-picker-container .wp-color-result .wp-color-result-text,
961 +.customize-control-color .wp-picker-container .wp-color-result.button:after,
962 +.customize-control-color .wp-picker-container .wp-color-result.button .wp-color-result-text {
963 + display: none;
964 +}
965 +
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 +}
978 +
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 +
578 1039 .customize-control-font:last-child {
579 - margin-bottom: 150px; }
1040 + margin-bottom: 150px;
1041 +}
580 1042
581 1043 #accordion-section-live_css_edit_section .customize-section-title {
582 1044 margin-top: -13px;
583 - border-bottom: 1px solid #ddd; }
1045 + border-bottom: 1px solid #ddd;
1046 +}
584 1047
585 1048 #accordion-section-live_css_edit_section #css_editor {
586 1049 top: 70px;
587 1050 border-top: 10px solid white;
588 - overflow: visible; }
589 - #accordion-section-live_css_edit_section #css_editor:before {
590 - content: "";
591 - width: 48px;
592 - height: 10px;
593 - display: block;
594 - background: #e8e8e8;
595 - top: -10px;
596 - position: absolute;
597 - z-index: 10000000;
598 - left: 0; }
1051 + overflow: visible;
1052 +}
599 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 +
600 1066 #accordion-section-live_css_edit_section .ace_scroller {
601 - padding-left: 10px; }
1067 + padding-left: 10px;
1068 +}
602 1069
603 1070 .wp-full-overlay.editor_opened {
604 - margin-left: 500px; }
605 - .wp-full-overlay.editor_opened #customize-controls {
606 - width: 500px; }
607 - .wp-full-overlay.editor_opened.collapsed #customize-controls {
608 - width: 300px; }
1071 + margin-left: 500px;
1072 +}
609 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 +
610 1082 .customize-control-media .current,
611 1083 .customize-control-site_icon .current,
612 1084 li#customize-control-site_logo .current {
613 1085 margin-bottom: 10px;
@@ -613,16 +1085,19 @@
613 1085 margin-bottom: 10px;
614 1086 min-height: 44px;
615 1087 background: #F5FCFF;
616 1088 border: 2px solid #B8DAEB;
617 - border-radius: 4px; }
618 - .customize-control-media .current .container, .customize-control-media .current span,
619 - .customize-control-site_icon .current .container,
620 - .customize-control-site_icon .current span,
621 - li#customize-control-site_logo .current .container,
622 - li#customize-control-site_logo .current span {
623 - border: none; }
1089 + border-radius: 4px;
1090 +}
624 1091
1092 +.customize-control-media .current .container, .customize-control-media .current span,
1093 +.customize-control-site_icon .current .container,
1094 +.customize-control-site_icon .current span,
1095 +li#customize-control-site_logo .current .container,
1096 +li#customize-control-site_logo .current span {
1097 + border: none;
1098 +}
1099 +
625 1100 .customize-control-media .inner, .customize-control-media .current span,
626 1101 .customize-control-site_icon .inner,
627 1102 .customize-control-site_icon .current span,
628 1103 li#customize-control-site_logo .inner,
@@ -627,39 +1102,48 @@
627 1102 .customize-control-site_icon .current span,
628 1103 li#customize-control-site_logo .inner,
629 1104 li#customize-control-site_logo .current span {
630 1105 font-size: 13px;
631 - color: #98C6DD; }
1106 + color: #98C6DD;
1107 +}
632 1108
633 1109 .customize-control-media .inner,
634 1110 .customize-control-site_icon .inner,
635 1111 li#customize-control-site_logo .inner {
636 - line-height: 1.4; }
1112 + line-height: 1.4;
1113 +}
637 1114
638 1115 .customize-control-media .thumbnail-image,
639 1116 .customize-control-site_icon .thumbnail-image,
640 1117 li#customize-control-site_logo .thumbnail-image {
641 1118 padding: 14px;
642 - text-align: center; }
643 - .customize-control-media .thumbnail-image img,
644 - .customize-control-site_icon .thumbnail-image img,
645 - li#customize-control-site_logo .thumbnail-image img {
646 - width: auto; }
1119 + text-align: center;
1120 +}
647 1121
1122 +.customize-control-media .thumbnail-image img,
1123 +.customize-control-site_icon .thumbnail-image img,
1124 +li#customize-control-site_logo .thumbnail-image img {
1125 + width: auto;
1126 +}
1127 +
648 1128 .customize-control-media .actions,
649 1129 .customize-control-site_icon .actions,
650 1130 li#customize-control-site_logo .actions {
651 - margin-bottom: 0; }
1131 + margin-bottom: 0;
1132 +}
652 1133
653 1134 .customize-control-typography select, .customize-control-typography select {
654 - margin-bottom: 10px; }
1135 + margin-bottom: 10px;
1136 +}
655 1137
656 1138 .customize-control-typography .description, .customize-control-typography .description {
657 - margin-top: -3px; }
1139 + margin-top: -3px;
1140 +}
658 1141
659 1142 .customize-control-typography ul li, .customize-control-typography ul li {
660 1143 width: 100%;
661 - margin: 0; }
1144 + margin: 0;
1145 +}
662 1146
663 1147 .default-preset-button {
664 1148 background-color: #F5F6F6;
665 1149 float: right;
@@ -667,13 +1151,15 @@
667 1151 border-radius: 3px;
668 1152 border: 1px solid #CBCBCB;
669 1153 margin-right: 4px;
670 1154 font-family: "Open Sans",sans-serif;
671 - font-size: 13px; }
1155 + font-size: 13px;
1156 +}
672 1157
673 1158 .customize-control-preset .description {
674 1159 margin-right: 5px;
675 - font-style: normal; }
1160 + font-style: normal;
1161 +}
676 1162
677 1163 .customify_preset.radio_buttons .customify_radio_button {
678 1164 border: none;
679 1165 display: inline-block;
@@ -680,30 +1166,43 @@
680 1166 padding: 2px;
681 1167 margin: 3px;
682 1168 position: relative;
683 1169 overflow: hidden;
684 - height: auto; }
685 - .customify_preset.radio_buttons .customify_radio_button input[type="radio"] {
686 - opacity: 0;
687 - width: 100%;
688 - height: 100%;
689 - position: absolute;
690 - z-index: 9999; }
691 - .customify_preset.radio_buttons .customify_radio_button input[type="radio"]:checked + label {
692 - background-color: #ebebeb; }
693 - .customify_preset.radio_buttons .customify_radio_button input[type="radio"]:checked + label:before {
694 - content: '>';
695 - color: inherit; }
696 - .customify_preset.radio_buttons .customify_radio_button input[type="radio"]:checked + label:after {
697 - content: '<';
698 - color: inherit; }
699 - .customify_preset.radio_buttons .customify_radio_button input[type="radio"]:checked:before {
700 - opacity: 0; }
701 - .customify_preset.radio_buttons .customify_radio_button label {
702 - position: relative;
703 - z-index: 999;
704 - border-left: 4px solid; }
1170 + height: auto;
1171 +}
705 1172
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 +}
1180 +
1181 +.customify_preset.radio_buttons .customify_radio_button input[type="radio"]:checked + label {
1182 + background-color: #ebebeb;
1183 +}
1184 +
1185 +.customify_preset.radio_buttons .customify_radio_button input[type="radio"]:checked + label:before {
1186 + content: '>';
1187 + color: inherit;
1188 +}
1189 +
1190 +.customify_preset.radio_buttons .customify_radio_button input[type="radio"]:checked + label:after {
1191 + content: '<';
1192 + color: inherit;
1193 +}
1194 +
1195 +.customify_preset.radio_buttons .customify_radio_button input[type="radio"]:checked:before {
1196 + opacity: 0;
1197 +}
1198 +
1199 +.customify_preset.radio_buttons .customify_radio_button label {
1200 + position: relative;
1201 + z-index: 999;
1202 + border-left: 4px solid;
1203 +}
1204 +
706 1205 .customify_preset .awesome_preset {
707 1206 width: 45%;
708 1207 position: relative;
709 1208 display: inline-block;
@@ -710,134 +1209,176 @@
710 1209 text-align: center;
711 1210 color: white;
712 1211 margin-top: 5px;
713 1212 margin-bottom: 25px;
714 - transition: all 0.2s; }
715 - .customify_preset .awesome_preset:hover {
716 - opacity: 0.9; }
717 - .customify_preset .awesome_preset:before {
718 - content: '';
719 - position: absolute;
720 - top: 1px;
721 - left: 1px;
722 - right: 1px;
723 - bottom: 1px;
724 - border: 1px solid #FFF;
725 - background: transparent;
726 - opacity: .5;
727 - border-radius: 4px;
728 - z-index: 5; }
729 - .customify_preset .awesome_preset .preset-wrap .preset-color {
730 - height: 128px;
731 - border-radius: 4px 4px 0 0;
732 - padding: 17px 0 27px; }
733 - .customify_preset .awesome_preset .preset-wrap .preset-color .first-font {
734 - display: inline-block;
735 - width: 100%;
736 - font-size: 55px;
737 - line-height: 1; }
738 - .customify_preset .awesome_preset .preset-wrap .preset-color .secondary-font {
739 - display: inline-block;
740 - width: 100%;
741 - font-size: 20px;
742 - line-height: 1;
743 - margin-top: 8px; }
744 - .customify_preset .awesome_preset .preset-wrap .preset-name {
745 - position: relative;
746 - font-size: 11px;
747 - text-transform: UPPERCASE;
748 - border-radius: 0 0 4px 4px;
749 - padding: 1px; }
750 - .customify_preset .awesome_preset .preset-wrap .preset-name:before {
751 - content: '';
752 - position: absolute;
753 - border-color: inherit;
754 - border: 10px solid;
755 - border-left-color: transparent;
756 - border-right-color: transparent;
757 - border-top: transparent;
758 - top: -10px;
759 - border-bottom-color: inherit;
760 - left: 40%; }
761 - .customify_preset .awesome_preset:nth-child(odd) {
762 - margin-right: 7%; }
763 - .customify_preset .awesome_preset input[type=radio] {
764 - height: 100%;
765 - width: 100%;
766 - position: absolute;
767 - border: 0;
768 - box-shadow: none;
769 - color: #006505;
770 - background-color: transparent;
771 - border-radius: 0;
772 - margin: 0;
773 - display: inline-block;
774 - top: 0;
775 - left: 0;
776 - z-index: 10; }
777 - .customify_preset .awesome_preset input[type=radio]:checked:before {
778 - position: absolute;
779 - height: 25px;
780 - width: 25px;
781 - top: -13px;
782 - right: -14px;
783 - background: #FFF;
784 - z-index: 1; }
785 - .customify_preset .awesome_preset input[type=radio]:checked:after {
786 - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
787 - filter: alpha(opacity=0);
788 - content: '';
789 - position: absolute;
790 - width: 26px;
791 - height: 26px;
792 - border-radius: 50%;
793 - top: -5px;
794 - right: -5px;
795 - z-index: 10;
796 - background: #73C5EE url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEzcHgiIGhlaWdodD0iOXB4IiB2aWV3Qm94PSIwIDAgMTMgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDdXN0b21pZnktQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgLTQwOC4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9IkhlYWRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgNDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCA3NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iRmllbGQtLS1DaGVja2JveC1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNy4wMDAwMDAsIDI0OS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkNoZWNrYm94IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMzAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAuMDM4NDk1LDE2IEwxNy4xMTYxMzc1LDguOTIxNDg3NiBMMTUuMTk0NjQ5OCw3IEwxMC4wMzg0OTUsMTIuMTU1MDY3NCBMNi45MjE0ODc2LDkuMDM4OTI5OTcgTDUsMTAuOTYwNDE3NiBMMTAuMDM4NDk1LDE2IFoiIGlkPSJQYWdlLTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
797 - background-position: center center; }
1213 + -webkit-transition: all 0.2s;
1214 + transition: all 0.2s;
1215 +}
798 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 +
799 1323 .customify_radio_image {
800 - display: inline-block; }
801 - .customify_radio_image label {
802 - display: block;
803 - float: left;
804 - margin-right: 10px;
805 - position: relative; }
806 - .customify_radio_image label input[type=radio] {
807 - position: absolute;
808 - top: 0;
809 - bottom: 0;
810 - left: 0;
811 - right: 0;
812 - width: 100%;
813 - height: 100%;
814 - visibility: hidden; }
815 - .customify_radio_image label input[type=radio] img {
816 - cursor: pointer;
817 - border: 2px solid transparent; }
818 - .customify_radio_image label input[type=radio]:checked + img {
819 - border: 3px solid #73C5EE; }
1324 + display: inline-block;
1325 +}
820 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 +
821 1354 .customify_ace_editor {
822 1355 display: block;
823 1356 min-height: 200px;
824 - border: 1px solid #ddd; }
1357 + border: 1px solid #ddd;
1358 +}
825 1359
826 1360 .customize-control-custom_background .hide {
827 - display: none; }
1361 + display: none;
1362 +}
828 1363
829 1364 .customize-control-custom_background .upload_button_div {
830 - margin: 10px 0; }
831 - .customize-control-custom_background .upload_button_div > * {
832 - margin-right: 10px; }
1365 + margin: 10px 0;
1366 +}
833 1367
1368 +.customize-control-custom_background .upload_button_div > * {
1369 + margin-right: 10px;
1370 +}
1371 +
834 1372 .customize-control-custom_background .preview_screenshot {
835 1373 text-align: center;
836 - margin: 10px 0; }
837 - .customize-control-custom_background .preview_screenshot img {
838 - border: 2px solid #ccc; }
1374 + margin: 10px 0;
1375 +}
839 1376
1377 +.customize-control-custom_background .preview_screenshot img {
1378 + border: 2px solid #ccc;
1379 +}
1380 +
840 1381 #customify_import_demo_data_button {
841 1382 width: 70%;
842 1383 text-align: center;
843 1384 padding: 10px;
@@ -842,79 +1383,108 @@
842 1383 text-align: center;
843 1384 padding: 10px;
844 1385 display: inline-block;
845 1386 height: auto;
846 - margin: 0 15% 10% 15%; }
1387 + margin: 0 15% 10% 15%;
1388 +}
847 1389
848 1390 .import_step_note {
849 1391 margin: 5px;
850 1392 width: 100%;
851 - display: inline-block; }
852 - .import_step_note:before {
853 - content: "\1F449"; }
854 - .import_step_note.success:before {
855 - content: "\1F44D"; }
856 - .import_step_note.failed:before {
857 - content: "\274C"; }
1393 + display: inline-block;
1394 +}
858 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 +
859 1408 #customize-header-actions {
860 1409 background: #ffffff;
861 - border-color: #e0e8ef; }
1410 + border-color: #e0e8ef;
1411 +}
862 1412
863 1413 .wp-full-overlay-sidebar,
864 1414 .customize-themes-panel,
865 1415 #customize-sidebar-outer-content {
866 - background: #eaf9fe;
867 - border-right: 1px solid #e0e8ef; }
1416 + background: #F7F9FA;
1417 + border-right: 1px solid #e0e8ef;
1418 +}
868 1419
869 1420 .outer-section-open #customize-controls .wp-full-overlay-sidebar-content,
870 1421 .attachment-media-view, .media-widget-preview.media_audio, .media-widget-preview.media_image {
871 - background: #eaf9fe; }
1422 + background: #F7F9FA;
1423 +}
872 1424
873 1425 #customize-theme-controls #accordion-section-menu_locations {
874 - border-bottom: 1px solid #e0e8ef; }
1426 + border-bottom: 1px solid #e0e8ef;
1427 +}
875 1428
876 1429 #customize-controls #accordion-section-themes > .accordion-section-title {
877 1430 font-weight: 600;
878 - border-bottom: 1px solid #e0e8ef; }
879 - #customize-controls #accordion-section-themes > .accordion-section-title:hover {
880 - background: #fff; }
1431 + border-bottom: 1px solid #e0e8ef;
1432 +}
881 1433
1434 +#customize-controls #accordion-section-themes > .accordion-section-title:hover {
1435 + background: #fff;
1436 +}
1437 +
882 1438 #customize-controls .panel-meta.customize-info {
883 - border-bottom-color: #e0e8ef; }
1439 + border-bottom-color: #e0e8ef;
1440 +}
884 1441
885 1442 #customize-theme-controls .control-section .accordion-section-title {
886 1443 font-weight: 400;
887 1444 border-top: 1px solid #e0e8ef;
888 - border-bottom: none; }
1445 + border-bottom: none;
1446 +}
889 1447
890 1448 #customize-theme-controls .control-section:last-of-type > .accordion-section-title {
891 - border-bottom: 1px solid #e0e8ef; }
1449 + border-bottom: 1px solid #e0e8ef;
1450 +}
892 1451
893 1452 #customize-theme-controls .customize-section-title {
894 1453 border-top: 1px solid #e0e8ef;
895 - border-bottom: 1px solid #e0e8ef; }
1454 + border-bottom: 1px solid #e0e8ef;
1455 +}
896 1456
897 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 {
898 1458 color: #056184;
899 1459 background: #f5fcff;
900 - border-left-color: #f5fcff; }
1460 + border-left-color: #f5fcff;
1461 +}
901 1462
902 1463 .wp-customizer {
903 - /* SECTION: NAV MENUS */ }
904 - .wp-customizer .menu-item-edit-active .menu-item-handle, .wp-customizer .section-open .menu-item-settings, .wp-customizer .menu-item-bar .menu-item-handle:hover {
905 - border-color: #e0e8ef; }
906 - .wp-customizer .section-open .menu-item-settings {
907 - background: #f5fcff; }
908 - .wp-customizer .control-section-nav_menu .menu-location-settings {
909 - border-top-color: #e0e8ef !important; }
1464 + /* SECTION: NAV MENUS */
1465 +}
910 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 +
911 1479 [data-balloon] {
912 - position: relative; }
1480 + position: relative;
1481 +}
913 1482
914 1483 [data-balloon]::before {
915 1484 opacity: 0;
916 1485 pointer-events: none;
1486 + -webkit-transition: all .18s ease-out;
917 1487 transition: all .18s ease-out;
918 1488 background: rgba(17, 17, 17, 0.9);
919 1489 border-radius: 4px;
920 1490 color: #fff;
@@ -922,9 +1492,10 @@
922 1492 font-size: 12px;
923 1493 padding: .5em 1em;
924 1494 position: absolute;
925 1495 white-space: nowrap;
926 - z-index: 10; }
1496 + z-index: 10;
1497 +}
927 1498
928 1499 [data-balloon]::after {
929 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>');
930 1501 background-size: 100% auto;
@@ -931,16 +1502,19 @@
931 1502 width: 18px;
932 1503 height: 6px;
933 1504 opacity: 0;
934 1505 pointer-events: none;
1506 + -webkit-transition: all .18s ease-out;
935 1507 transition: all .18s ease-out;
936 1508 content: '';
937 1509 position: absolute;
938 - z-index: 10; }
1510 + z-index: 10;
1511 +}
939 1512
940 1513 [data-balloon]:hover::before, [data-balloon]:hover::after {
941 1514 opacity: 1;
942 - pointer-events: auto; }
1515 + pointer-events: auto;
1516 +}
943 1517
944 1518 [data-balloon][data-balloon-pos="up"]::before {
945 1519 bottom: 100%;
946 1520 left: 50%;
@@ -947,9 +1521,10 @@
947 1521 margin-bottom: 11px;
948 1522 -webkit-transform: translate3d(-50%, 10px, 0);
949 1523 transform: translate3d(-50%, 10px, 0);
950 1524 -webkit-transform-origin: top;
951 - transform-origin: top; }
1525 + transform-origin: top;
1526 +}
952 1527
953 1528 [data-balloon][data-balloon-pos="up"]::after {
954 1529 bottom: 100%;
955 1530 left: 50%;
@@ -956,17 +1531,20 @@
956 1531 margin-bottom: 5px;
957 1532 -webkit-transform: translate3d(-50%, 10px, 0);
958 1533 transform: translate3d(-50%, 10px, 0);
959 1534 -webkit-transform-origin: top;
960 - transform-origin: top; }
1535 + transform-origin: top;
1536 +}
961 1537
962 1538 [data-balloon][data-balloon-pos="up"]:hover::before {
963 1539 -webkit-transform: translate3d(-50%, 0, 0);
964 - transform: translate3d(-50%, 0, 0); }
1540 + transform: translate3d(-50%, 0, 0);
1541 +}
965 1542
966 1543 [data-balloon][data-balloon-pos="up"]:hover::after {
967 1544 -webkit-transform: translate3d(-50%, 0, 0);
968 - transform: translate3d(-50%, 0, 0); }
1545 + transform: translate3d(-50%, 0, 0);
1546 +}
969 1547
970 1548 [data-balloon][data-balloon-pos='down']::before {
971 1549 left: 50%;
972 1550 margin-top: 11px;
@@ -971,9 +1549,10 @@
971 1549 left: 50%;
972 1550 margin-top: 11px;
973 1551 top: 100%;
974 1552 -webkit-transform: translate3d(-50%, -10px, 0);
975 - transform: translate3d(-50%, -10px, 0); }
1553 + transform: translate3d(-50%, -10px, 0);
1554 +}
976 1555
977 1556 [data-balloon][data-balloon-pos='down']::after {
978 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>');
979 1558 background-size: 100% auto;
@@ -982,17 +1561,20 @@
982 1561 left: 50%;
983 1562 margin-top: 5px;
984 1563 top: 100%;
985 1564 -webkit-transform: translate3d(-50%, -10px, 0);
986 - transform: translate3d(-50%, -10px, 0); }
1565 + transform: translate3d(-50%, -10px, 0);
1566 +}
987 1567
988 1568 [data-balloon][data-balloon-pos='down']:hover::before {
989 1569 -webkit-transform: translate3d(-50%, 0, 0);
990 - transform: translate3d(-50%, 0, 0); }
1570 + transform: translate3d(-50%, 0, 0);
1571 +}
991 1572
992 1573 [data-balloon][data-balloon-pos='down']:hover::after {
993 1574 -webkit-transform: translate3d(-50%, 0, 0);
994 - transform: translate3d(-50%, 0, 0); }
1575 + transform: translate3d(-50%, 0, 0);
1576 +}
995 1577
996 1578 [data-balloon][data-balloon-pos='left']::before {
997 1579 margin-right: 11px;
998 1580 right: 100%;
@@ -997,9 +1579,10 @@
997 1579 margin-right: 11px;
998 1580 right: 100%;
999 1581 top: 50%;
1000 1582 -webkit-transform: translate3d(10px, -50%, 0);
1001 - transform: translate3d(10px, -50%, 0); }
1583 + transform: translate3d(10px, -50%, 0);
1584 +}
1002 1585
1003 1586 [data-balloon][data-balloon-pos='left']::after {
1004 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>');
1005 1588 background-size: 100% auto;
@@ -1008,17 +1591,20 @@
1008 1591 margin-right: 5px;
1009 1592 right: 100%;
1010 1593 top: 50%;
1011 1594 -webkit-transform: translate3d(10px, -50%, 0);
1012 - transform: translate3d(10px, -50%, 0); }
1595 + transform: translate3d(10px, -50%, 0);
1596 +}
1013 1597
1014 1598 [data-balloon][data-balloon-pos='left']:hover::before {
1015 1599 -webkit-transform: translate3d(0, -50%, 0);
1016 - transform: translate3d(0, -50%, 0); }
1600 + transform: translate3d(0, -50%, 0);
1601 +}
1017 1602
1018 1603 [data-balloon][data-balloon-pos='left']:hover::after {
1019 1604 -webkit-transform: translate3d(0, -50%, 0);
1020 - transform: translate3d(0, -50%, 0); }
1605 + transform: translate3d(0, -50%, 0);
1606 +}
1021 1607
1022 1608 [data-balloon][data-balloon-pos='right']::before {
1023 1609 left: 100%;
1024 1610 margin-left: 11px;
@@ -1023,9 +1609,10 @@
1023 1609 left: 100%;
1024 1610 margin-left: 11px;
1025 1611 top: 50%;
1026 1612 -webkit-transform: translate3d(-10px, -50%, 0);
1027 - transform: translate3d(-10px, -50%, 0); }
1613 + transform: translate3d(-10px, -50%, 0);
1614 +}
1028 1615
1029 1616 [data-balloon][data-balloon-pos='right']::after {
1030 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>');
1031 1618 background-size: 100% auto;
@@ -1034,172 +1621,632 @@
1034 1621 left: 100%;
1035 1622 margin-left: 5px;
1036 1623 top: 50%;
1037 1624 -webkit-transform: translate3d(-10px, -50%, 0);
1038 - transform: translate3d(-10px, -50%, 0); }
1625 + transform: translate3d(-10px, -50%, 0);
1626 +}
1039 1627
1040 1628 [data-balloon][data-balloon-pos='right']:hover::before {
1041 1629 -webkit-transform: translate3d(0, -50%, 0);
1042 - transform: translate3d(0, -50%, 0); }
1630 + transform: translate3d(0, -50%, 0);
1631 +}
1043 1632
1044 1633 [data-balloon][data-balloon-pos='right']:hover::after {
1045 1634 -webkit-transform: translate3d(0, -50%, 0);
1046 - transform: translate3d(0, -50%, 0); }
1635 + transform: translate3d(0, -50%, 0);
1636 +}
1047 1637
1048 1638 [data-balloon][data-balloon-length='small']::before {
1049 1639 white-space: normal;
1050 - width: 80px; }
1640 + width: 80px;
1641 +}
1051 1642
1052 1643 [data-balloon][data-balloon-length='medium']::before {
1053 1644 white-space: normal;
1054 - width: 150px; }
1645 + width: 150px;
1646 +}
1055 1647
1056 1648 [data-balloon][data-balloon-length='large']::before {
1057 1649 white-space: normal;
1058 - width: 260px; }
1650 + width: 260px;
1651 +}
1059 1652
1060 1653 [data-balloon][data-balloon-length='xlarge']::before {
1061 1654 white-space: normal;
1062 - width: 380px; }
1655 + width: 380px;
1656 +}
1063 1657
1064 1658 @media screen and (max-width: 768px) {
1065 1659 [data-balloon][data-balloon-length='xlarge']::before {
1066 1660 white-space: normal;
1067 - width: 90vw; } }
1661 + width: 90vw;
1662 + }
1663 +}
1068 1664
1069 1665 [data-balloon][data-balloon-length='fit']::before {
1070 1666 white-space: normal;
1071 - width: 100%; }
1667 + width: 100%;
1668 +}
1072 1669
1670 +/* ==========================================================================
1671 + #FEEDBACK MODAL
1672 + ========================================================================== */
1673 +body.modal-open {
1674 + overflow: hidden;
1675 +}
1676 +
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 +}
1685 +
1686 +#style-manager-user-feedback-modal {
1687 + height: 100%;
1688 +}
1689 +
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 +}
1717 +
1718 +#style-manager-user-feedback-modal .modal-dialog {
1719 + position: relative;
1720 + width: auto;
1721 + margin: 10px;
1722 + text-align: left;
1723 +}
1724 +
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 +}
1742 +
1743 +#style-manager-user-feedback-modal .modal-content p {
1744 + color: #000;
1745 +}
1746 +
1747 +#style-manager-user-feedback-modal .modal-content p a {
1748 + font-weight: 500;
1749 + color: #9660C6;
1750 + border-bottom: 1px solid #9660C6;
1751 +}
1752 +
1753 +#style-manager-user-feedback-modal .modal-content > form {
1754 + margin-bottom: 20px;
1755 +}
1756 +
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 +}
1770 +
1771 +.modal-open #style-manager-user-feedback-modal .modal-backdrop {
1772 + opacity: 0.8;
1773 + visibility: visible;
1774 +}
1775 +
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 +}
1788 +
1789 +#style-manager-user-feedback-modal .modal-header .close.button {
1790 + top: -10px;
1791 +}
1792 +
1793 +#style-manager-user-feedback-modal .modal-header .close.icon {
1794 + opacity: 0.5;
1795 +}
1796 +
1797 +#style-manager-user-feedback-modal .modal-header .close:hover {
1798 + opacity: 1;
1799 +}
1800 +
1801 +#style-manager-user-feedback-modal .modal-title {
1802 + margin-bottom: 10px;
1803 + line-height: 1.5;
1804 +}
1805 +
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 +
1073 2035 .font-options__wrapper .font-options__options-list {
1074 2036 border-color: #B8DAEB;
1075 - box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15); }
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 +}
1076 2040
1077 2041 .font-options__wrapper .font-options__option {
1078 - margin-bottom: 12px; }
1079 - .font-options__wrapper .font-options__option label {
1080 - display: block;
1081 - margin-bottom: 6px; }
2042 + margin-bottom: 12px;
2043 +}
1082 2044
2045 +.font-options__wrapper .font-options__option label {
2046 + display: block;
2047 + margin-bottom: 6px;
2048 +}
2049 +
1083 2050 .font-options__wrapper [type=checkbox]:checked ~ .font-options__options-list {
1084 2051 opacity: 1;
1085 - display: block; }
2052 + display: block;
2053 +}
1086 2054
1087 2055 input.customify_font_tooltip {
1088 - display: none; }
2056 + display: none;
2057 +}
1089 2058
1090 2059 ul.font-options__options-list .select2-container {
1091 - width: 100% !important; }
1092 - ul.font-options__options-list .select2-container .select2-selection--single {
1093 - -webkit-appearance: initial; }
1094 - ul.font-options__options-list .select2-container .select2-selection--single .select2-selection__arrow {
1095 - display: none; }
2060 + width: 100% !important;
2061 +}
1096 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 +
1097 2071 ul.font-options__options-list .select2-container--default .select2-selection--single .select2-selection__rendered {
1098 2072 color: inherit;
1099 - line-height: initial; }
2073 + line-height: initial;
2074 +}
1100 2075
1101 2076 .select2-container.select2-container--open {
1102 - z-index: 99999999; }
2077 + z-index: 99999999;
2078 +}
1103 2079
1104 2080 #customize-theme-controls .select2-container {
1105 - width: 100% !important; }
1106 - #customize-theme-controls .select2-container .select2-selection--multiple {
1107 - -webkit-appearance: initial;
1108 - padding: 8px 8px 4px;
1109 - height: auto;
1110 - background: none; }
1111 - #customize-theme-controls .select2-container .select2-selection--multiple .select2-selection__arrow {
1112 - display: none; }
1113 - #customize-theme-controls .select2-container .select2-selection--multiple .select2-selection__rendered {
1114 - padding: 0; }
1115 - #customize-theme-controls .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
1116 - padding: 3px 7px;
1117 - margin-right: 6px;
1118 - margin-top: 0px;
1119 - border-color: #e0e8ef;
1120 - background-color: #f6fbff; }
1121 - #customize-theme-controls .select2-container .select2-search--inline .select2-search__field {
1122 - height: 24px; }
2081 + width: 100% !important;
2082 +}
1123 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 +
1124 2134 .select2-container .select2-dropdown {
1125 - border-color: #e0e8ef; }
2135 + border-color: #e0e8ef;
2136 +}
1126 2137
1127 2138 #customize-theme-controls .widget-content .accordion-container {
1128 2139 margin-left: -10px;
1129 2140 margin-right: -10px;
1130 2141 margin-top: 20px;
1131 - margin-bottom: 10px; }
1132 - #customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-content {
1133 - position: relative;
1134 - left: 0;
1135 - max-height: 0;
1136 - padding-top: 0;
1137 - padding-bottom: 0;
1138 - overflow: hidden;
1139 - transition: all .4s ease;
1140 - color: #416B7E; }
1141 - #customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-content p:first-child {
1142 - margin-top: 0; }
1143 - #customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-content p:last-child {
1144 - margin-bottom: 0; }
1145 - #customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-title {
1146 - color: #39474D; }
1147 - #customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-title:after {
1148 - content: "\f142";
1149 - -webkit-transform: rotate(180deg);
1150 - transform: rotate(180deg); }
1151 - #customize-theme-controls .widget-content .accordion-container .accordion-section.open {
1152 - border-bottom: none; }
1153 - #customize-theme-controls .widget-content .accordion-container .accordion-section.open .accordion-section-content {
1154 - max-height: 100%;
1155 - padding-top: 17px;
1156 - padding-bottom: 17px; }
1157 - #customize-theme-controls .widget-content .accordion-container .accordion-section.open .accordion-section-title {
1158 - border-bottom: 1px solid; }
1159 - #customize-theme-controls .widget-content .accordion-container .accordion-section.open .accordion-section-title:after {
1160 - -webkit-transform: rotate(0deg);
1161 - transform: rotate(0deg); }
1162 - #customize-theme-controls .widget-content .accordion-container label.customize-control-title, #customize-theme-controls .widget-content .accordion-container label.separator.label {
1163 - cursor: default; }
2142 + margin-bottom: 10px;
2143 +}
1164 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 +
1165 2198 .widget .widget-content > p input[type=checkbox],
1166 2199 .widget .widget-content > p input[type=radio] {
1167 2200 margin-bottom: 3px;
1168 - margin-top: 3px; }
2201 + margin-top: 3px;
2202 +}
1169 2203
1170 2204 .widget .widget-content small {
1171 2205 margin-top: 5px;
1172 - display: block; }
2206 + display: block;
2207 +}
1173 2208
1174 2209 #available-widgets [class*=pixelgrade] .widget .widget-title:before,
1175 2210 #available-widgets [class*=featured-posts] .widget .widget-title:before,
1176 2211 #available-widgets [class*=categories-image-grid] .widget .widget-title:before {
1177 2212 content: "\f538";
1178 - color: #9660c6; }
2213 + color: #9660c6;
2214 +}
1179 2215
1180 2216 #available-widgets [class*=pixelgrade-featured-posts-slideshow] .widget .widget-title:before {
1181 - content: "\f233"; }
2217 + content: "\f233";
2218 +}
1182 2219
1183 2220 #available-widgets [class*=pixelgrade-featured-posts-carousel] .widget .widget-title:before {
1184 - content: "\f169"; }
2221 + content: "\f169";
2222 +}
1185 2223
1186 2224 #available-widgets [class*=featured-posts-grid] .widget .widget-title:before {
1187 - content: "\f180"; }
2225 + content: "\f180";
2226 +}
1188 2227
1189 2228 #available-widgets [class*=featured-posts-list] .widget .widget-title:before {
1190 - content: "\f164"; }
2229 + content: "\f164";
2230 +}
1191 2231
1192 2232 #available-widgets [class*=categories-image-grid] .widget .widget-title:before {
1193 - content: "\f163"; }
2233 + content: "\f163";
2234 +}
1194 2235
1195 2236 #available-widgets [class*=pixelgrade-promo-box] .widget .widget-title:before {
1196 - content: "\f488"; }
2237 + content: "\f488";
2238 +}
1197 2239
2240 +.ui-tooltip {
2241 + z-index: 999999;
2242 +}
2243 +
1198 2244 .wp-customizer .widget-conditional .condition-control:after {
1199 2245 content: " ";
1200 2246 display: table;
1201 - clear: both; }
2247 + clear: both;
2248 +}
1202 2249
1203 2250 .wp-customizer .widget-conditional .selection {
1204 2251 padding-right: 50px;
1205 2252 padding-left: 28px;
@@ -1206,15 +2253,993 @@
1206 2253 padding-bottom: 19px;
1207 2254 margin-left: 0;
1208 2255 margin-right: 0;
1209 2256 margin-bottom: 10px;
1210 - border-bottom: 1px solid #cbcfd4; }
2257 + border-bottom: 1px solid #cbcfd4;
2258 +}
1211 2259
1212 2260 .wp-customizer .widget-conditional .condition:last-child .selection {
1213 - border: 0; }
2261 + border: 0;
2262 +}
1214 2263
1215 2264 .wp-customizer .widget-conditional select {
1216 2265 max-width: 100%;
1217 - width: 170px; }
2266 + width: 170px;
2267 +}
1218 2268
1219 2269 .wp-customizer .widget-conditional .condition-top select {
1220 - width: 130px; }
2270 + width: 130px;
2271 +}
2272 +
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 +}
2284 +
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 +}
2297 +
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 +}
2302 +
2303 +.pix_customizer_setting .customize-inside-control-row:hover .palette__item {
2304 + -webkit-transform: translateY(0%);
2305 + transform: translateY(0%);
2306 +}
2307 +
2308 +.pix_customizer_setting .customize-inside-control-row:hover label {
2309 + left: 10px;
2310 +}
2311 +
2312 +.pix_customizer_setting .customize-inside-control-row input {
2313 + opacity: 0;
2314 +}
2315 +
2316 +.pix_customizer_setting .customize-inside-control-row input:checked + label .preview__letter--checked {
2317 + display: inline-block;
2318 + vertical-align: middle;
2319 +}
2320 +
2321 +.pix_customizer_setting .customize-inside-control-row input:checked + label .preview__letter {
2322 + display: none;
2323 +}
2324 +
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 +}
2343 +
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 +}
2357 +
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 +}
2367 +
2368 +.pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(1) {
2369 + -webkit-transition-delay: 0s;
2370 + transition-delay: 0s;
2371 +}
2372 +
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 +}
2377 +
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 +}
2382 +
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 +}
2387 +
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 +}
2392 +
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 +}
2397 +
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 +}
2402 +
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 +}
2407 +
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% {
2678 + opacity: 1;
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 +}
2692 +
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% {
2712 + opacity: 1;
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;
3245 +}