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

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

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