PluginProbe
Customify / 1.7.4
Customify v1.7.4
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.4, at css/customizer.css

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