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