PluginProbe
Customify / 1.2.3
Customify v1.2.3
2.10.9 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.7.1 1.3.0 1.3.1 1.4.0 1.4.1 1.4.2 1.5.0 1.5.1 1.5.2 1.5.3 1.5.4 1.5.5 1.5.6 1.5.7 1.6.0 1.6.0.1 1.6.5 1.7.0 1.7.1 All 77 releases
← All changes | css/customizer.css +864 -1581 1.7.1 → 1.2.3 View file →
@@ -1,1654 +1,937 @@
1 -.wp-full-overlay-sidebar *,
2 -.wp-full-overlay-sidebar *:before,
3 -.wp-full-overlay-sidebar *:after
4 -{
5 - box-sizing: border-box;
6 -}.iris-picker,
7 -.iris-picker *
8 -{
9 - box-sizing: content-box;
10 -}.wp-full-overlay-sidebar-content .accordion-section-content
11 -{
12 - overflow: visible;
13 -}.control-section:not(.control-section-themes) .customize-control
14 -{width: 100%;min-height: initial;
15 - padding: 0;
16 -}#customize-header-actions #customize-save-button-wrapper
17 -{
18 - margin-top: 7px;
19 -}.wp-full-overlay-footer .devices button
20 -{
21 - float: left;border-radius: 0;
22 -}.customize-controls-close
23 -{
24 - width: 48px;height: 44px;color: #7da9c3;border-top: none;border-right-color: #e0e8ef;background: #fff;
25 -}.customize-controls-close:focus,
26 -.customize-controls-close:hover
27 -{
28 - background: #f5fcff;
29 -}.customize-controls-close:before
30 -{
31 - top: 0;
32 -}#customize-controls .customize-info
33 -{
34 - border-bottom-color: #e0e8ef;
35 -}.customize-panel-back,
36 -.customize-section-back
37 -{
38 - height: 74px;color: #7da9c3;border-right-color: #e0e8ef;
39 -}.customize-panel-back:hover,
40 -.customize-panel-back:focus,
41 -.customize-section-back:hover,
42 -.customize-section-back:focus
43 -{
44 - border-left-color: #f5fcff;background: #f5fcff;
45 -}#customize-theme-controls .theme *
46 -{
47 - box-sizing: content-box;
48 -}#customize-theme-controls .accordion-section-content
49 -{
50 - padding: 17px;
51 -}#customize-theme-controls .customize-section-title
52 -{
53 - margin-top: -17px;margin-right: -17px;
54 -}#customize-theme-controls .control-panel-content .control-section:nth-child(2),
55 -#customize-theme-controls .control-panel-content .control-section:nth-child(3)
56 -{
57 - border-top: none;
58 -}#customize-theme-controls .control-panel-content .control-section:nth-last-child(2)
59 -{
60 - border-bottom: 1px solid #e0e8ef;
61 -}#customize-theme-controls #accordion-section-add_menu
62 -{
63 - border-bottom: none;
64 -}#customize-theme-controls #accordion-section-add_menu .add-menu-toggle
65 -{
66 - float: none;
67 -}#customize-theme-controls .customize-pane-child.open
68 -{
69 - height: 100%;
70 -}#customize-controls .description
71 -{font-size: 12px;font-weight: 300;font-style: normal;line-height: 1.6;
1 +.wp-full-overlay-sidebar * {
2 + box-sizing: border-box;
3 +}
72 4
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;
5 +.accordion-section-content {
6 + overflow: visible;
7 +}
85 8
86 - border-top: none;
87 -}.button-controls:after
88 -{display: table;clear: both;
9 +.control-section:not(.control-section-themes) .customize-control {
10 + padding: 0px;
11 + width: 100%;
12 + min-height: auto;
13 +}
89 14
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;
15 +#customize-header-actions {
16 + border-bottom: 0;
17 +}
95 18
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;
19 +.customize-controls-close {
20 + width: 48px;
21 +}
120 22
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;
23 +#customize-controls .customize-info {
24 + margin-bottom: 0;
25 +}
127 26
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;
27 +.customize-panel-back, .customize-section-back {
28 + height: 74px;
29 +}
136 30
137 - content: '';
138 -}.separator.label
139 -{
140 - font-weight: 500;
141 -}.separator.large
142 -{font-size: 16px;
31 +#customize-theme-controls .theme * {
32 + box-sizing: content-box;
33 +}
143 34
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;
35 +#customize-controls .description {
36 + font-size: 13px;
37 + color: #88B6CE;
38 + text-indent: 0;
39 +}
165 40
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;
41 +.customize-control-description {
42 + margin-top: 6px;
43 +}
175 44
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;
45 +.customize-control {
46 + margin-bottom: 24px;
47 +}
203 48
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;
49 +/**
50 + * GENERAL Buttons
51 + */
52 +.wp-core-ui .button, .wp-core-ui .button-primary, .wp-core-ui .button-secondary {
53 + width: auto;
54 + padding: 6px 20px;
55 + font-size: 13px;
56 + font-weight: 400;
57 + color: #F5FCFF;
58 + line-height: 1.4;
59 + text-shadow: none;
60 + border: none;
61 + background: #AED2E5;
62 + box-shadow: 0px 2px 0px 0px #8DBED7;
63 + border-radius: 4px;
64 + transition: all 0.1s;
65 +}
66 +.wp-core-ui .button:hover, .wp-core-ui .button-primary:hover, .wp-core-ui .button-secondary:hover {
67 + color: white;
68 + text-shadow: none;
69 + background: #98C6DD;
70 + box-shadow: 0px 2px 0px 0px #74A7C2;
71 +}
72 +.wp-core-ui .button-primary {
73 + background: #73C5EE;
74 + box-shadow: 0px 2px 0px 0px #57ABD5;
75 +}
76 +.wp-core-ui .button-primary:hover {
77 + background: #58B0DD;
78 + box-shadow: 0px 2px 0px 0px #3F8AAF;
79 +}
80 +.wp-core-ui .reset_section,
81 +.wp-core-ui .reset_panel {
82 + width: 100%;
83 + height: 4em;
84 + display: block;
85 + margin: 0px 0 25px;
86 +}
87 +.wp-core-ui .reset_panel {
88 + margin-top: 10px;
89 +}
210 90
211 - -webkit-appearance: none;
212 -}.font-options__font-title
213 -{font-size: 12px;font-weight: 300;line-height: 20px;overflow: hidden;
91 +/**
92 + * Separators Titles
93 + */
94 +.separator.label {
95 + display: block;
96 + font-size: 14px;
97 + line-height: 24px;
98 + font-weight: 600;
99 +}
214 100
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;
101 +.customize-control-title, .separator.label {
102 + color: #416B7E;
103 +}
225 104
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;
105 +.separator.label {
106 + margin-bottom: -3px;
107 + margin-bottom: -15px;
108 +}
109 +.separator.large {
110 + margin-top: 12px;
111 + font-size: 16px;
112 + color: #39474D;
113 +}
235 114
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;
115 +.customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap:after {
116 + content: "";
117 + position: absolute;
118 + bottom: 100%;
119 + right: 12px;
120 + border-collapse: separate;
121 + width: 0;
122 + height: 0;
123 + border-width: 0 9px 9px 9px;
124 + border-style: solid;
125 + border-color: transparent transparent #fff transparent;
126 +}
260 127
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;
128 +.customize-control input[type=text],
129 +.customize-control input[type=checkbox],
130 +.customize-control input[type=password],
131 +.customize-control input[type=color],
132 +.customize-control input[type=date],
133 +.customize-control input[type=datetime],
134 +.customize-control input[type=datetime-local],
135 +.customize-control input[type=email],
136 +.customize-control input[type=month],
137 +.customize-control input[type=number],
138 +.customize-control input[type=radio],
139 +.customize-control input[type=tel],
140 +.customize-control input[type=time],
141 +.customize-control input[type=url],
142 +.customize-control input[type=week],
143 +.customize-control input[type=search],
144 +.customize-control select,
145 +.customize-control textarea,
146 +.customize-control input[type="number"].range-value {
147 + width: 100%;
148 + height: 44px;
149 + padding: 10px 14px;
150 + background: #FFFFFF;
151 + border: 2px solid #B8DAEB;
152 + border-radius: 4px;
153 + font-size: 14px;
154 + line-height: 1.5;
155 + color: #416B7E;
156 + outline: 0;
157 +}
158 +.customize-control input[type=text]:focus,
159 +.customize-control input[type=checkbox]:focus,
160 +.customize-control input[type=password]:focus,
161 +.customize-control input[type=color]:focus,
162 +.customize-control input[type=date]:focus,
163 +.customize-control input[type=datetime]:focus,
164 +.customize-control input[type=datetime-local]:focus,
165 +.customize-control input[type=email]:focus,
166 +.customize-control input[type=month]:focus,
167 +.customize-control input[type=number]:focus,
168 +.customize-control input[type=radio]:focus,
169 +.customize-control input[type=tel]:focus,
170 +.customize-control input[type=time]:focus,
171 +.customize-control input[type=url]:focus,
172 +.customize-control input[type=week]:focus,
173 +.customize-control input[type=search]:focus,
174 +.customize-control select:focus,
175 +.customize-control textarea:focus,
176 +.customize-control input[type="number"].range-value:focus {
177 + border-color: #73C5EE;
178 + box-shadow: none;
179 +}
180 +.customize-control input[type=text],
181 +.customize-control textarea {
182 + font-size: 13px;
183 +}
184 +.customize-control textarea {
185 + height: auto;
186 +}
187 +.customize-control input[type=checkbox],
188 +.customize-control input[type=radio] {
189 + width: 22px;
190 + height: 22px;
191 +}
192 +.customize-control input[type=checkbox]:checked,
193 +.customize-control input[type=radio]:checked {
194 + background: #73C5EE;
195 + border-color: #5AB9E8;
196 +}
197 +.customize-control input[type=checkbox]:checked:before,
198 +.customize-control input[type=radio]:checked:before {
199 + color: white;
200 + margin: -1px 0 0 -2px;
201 +}
202 +.customize-control.customize-control-checkbox label, .customize-control.customize-control-radio label {
203 + margin-left: 30px;
204 + padding-top: 0;
205 + padding-bottom: 0;
206 + text-indent: -6px;
207 + color: #416B7E;
208 +}
209 +.customize-control input[type=radio] {
210 + border-radius: 50%;
211 +}
212 +.customize-control input[type=radio]:checked:before {
213 + content: none;
214 +}
215 +.customize-control.customize-control-radio label {
216 + margin-top: 12px;
217 +}
218 +.customize-control select {
219 + width: 100%;
220 + -webkit-appearance: button;
221 + -moz-appearance: none;
222 + font-weight: 600;
223 + background: white url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE1cHgiIGhlaWdodD0iOXB4IiB2aWV3Qm94PSIwIDAgMTUgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDdXN0b21pZnktQ29weS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjU2LjAwMDAwMCwgLTM4Ni4wMDAwMDApIiBmaWxsPSIjOThDNkRFIj4KICAgICAgICAgICAgPGcgaWQ9IkhlYWRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgNDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCA3NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iVGl0bGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2LjAwMDAwMCwgMjE5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iRmllbGQtLS1TZWxlY3QtQ29weSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iU2VsZWN0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMjcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI1NC40ODEyLDE4IEwyNTYsMTkuNTE0IEwyNDguNSwyNyBMMjQxLDE5LjUxNCBMMjQyLjUxODgsMTggTDI0OC41LDIzLjk2NzIgTDI1NC40ODEyLDE4IFoiIGlkPSJQYWdlLTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
224 + background-position: right 16px top 16px;
225 +}
226 +.customize-control select[multiple] {
227 + background: white;
228 +}
229 +.customize-control input[type="range"] {
230 + width: 65%;
231 +}
232 +.customize-control input[type="range"] {
233 + position: relative;
234 + -webkit-appearance: none;
235 + width: 210px;
236 + height: 22px;
237 + overflow: hidden;
238 + outline: none;
239 + background: none;
240 +}
241 +.customize-control input[type="range"]:before {
242 + content: " ";
243 + position: absolute;
244 + top: 8px;
245 + left: 0;
246 + height: 6px;
247 + width: 100%;
248 + background: #DFE8EF;
249 + box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
250 + border-radius: 10px;
251 +}
252 +.customize-control input[type="range"]::-webkit-slider-thumb {
253 + -webkit-appearance: none;
254 + width: 22px;
255 + height: 22px;
256 + background: #27ae60;
257 + position: relative;
258 + z-index: 3;
259 + background: #FFFFFF;
260 + border: 2px solid #B8DAEB;
261 + border-radius: 4px;
262 +}
263 +.customize-control input[type="range"]::-webkit-slider-thumb:before {
264 + content: "..";
265 + position: absolute;
266 + left: 5px;
267 + top: -5px;
268 + color: #B8DAEB;
269 + font-size: 1em;
270 + letter-spacing: 1px;
271 +}
272 +.customize-control input[type="range"]::-webkit-slider-thumb:after {
273 + content: " ";
274 + width: 210px;
275 + height: 6px;
276 + position: absolute;
277 + z-index: 1;
278 + right: 20px;
279 + top: 6px;
280 + background: #73C5EE;
281 +}
282 +.customize-control input[type="number"].range-value {
283 + min-width: 40px;
284 + max-width: 80px;
285 + width: auto;
286 + height: 30px;
287 + top: -5px;
288 + float: right;
289 + padding: 4px 0px 5px 0px;
290 + margin-left: 10px;
291 + font-size: 13px;
292 + line-height: 1;
293 + text-align: center;
294 +}
295 +.customize-control input[type=number]::-webkit-inner-spin-button,
296 +.customize-control input[type=number]::-webkit-outer-spin-button {
297 + -webkit-appearance: none;
298 + margin: 0;
299 +}
291 300
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;
301 +.customize-control-color {
302 + display: block;
303 +}
304 +.customize-control-color .customize-control-title, .customize-control-color .separator.label {
305 + float: left;
306 +}
307 +.customize-control-color .wp-picker-container {
308 + position: relative;
309 + float: right;
310 + top: -3px;
311 +}
312 +.customize-control-color .wp-picker-container .wp-picker-holder {
313 + position: relative;
314 +}
315 +.customize-control-color .wp-picker-container .iris-picker {
316 + position: absolute;
317 + top: 40px;
318 + right: 0;
319 + z-index: 1000;
320 + width: 275px !important;
321 + border-top: none;
322 + border-color: #DFDFDE;
323 + border-radius: 0 0 3px 3px;
324 + border: none;
325 + background: white;
326 +}
327 +.customize-control-color .wp-picker-container .iris-picker .iris-square {
328 + width: 215px !important;
329 + height: 173px !important;
330 + margin-right: 0;
331 +}
332 +.customize-control-color .wp-picker-container .iris-picker .iris-strip {
333 + float: right;
334 + box-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px inset;
335 +}
336 +.customize-control-color .wp-picker-container .iris-picker .iris-strip .ui-slider-handle {
337 + border-color: #aaa !important;
338 + opacity: 1;
339 + box-shadow: none;
340 +}
341 +.customize-control-color .wp-picker-container .iris-picker .iris-palette {
342 + width: 24px !important;
343 + height: 24px !important;
344 + border-radius: 50px;
345 + box-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px inset;
346 +}
347 +.customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap {
348 + position: absolute;
349 + z-index: 1000;
350 + top: 35px;
351 + right: 0;
352 + width: 275px;
353 + padding: 9px 12px;
354 + background: white;
355 + border: none;
356 + border-radius: 3px 3px 0 0;
357 +}
358 +.customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap input.wp-color-picker {
359 + float: left;
360 + width: 100px;
361 + font-size: 13px;
362 + text-align: left;
363 + margin: 0;
364 + padding: 6px 12px;
365 + height: auto;
366 +}
367 +.customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap input.button {
368 + float: right;
369 + padding: 4px 12px;
370 + height: 30px;
371 +}
372 +.customize-control-color .wp-color-result {
373 + top: 0;
374 + height: 30px;
375 + width: 40px;
376 + margin: 0;
377 + padding: 0;
378 + border-radius: 4px;
379 + background: #2ECC71;
380 + border: 2px solid #B8DAEB;
381 + box-shadow: none;
382 +}
383 +.customize-control-color .wp-color-result:after {
384 + display: none;
385 +}
317 386
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;
387 +#accordion-section-live_css_edit_section .customize-section-title {
388 + margin-top: -13px;
389 + border-bottom: 1px solid #ddd;
390 +}
391 +#accordion-section-live_css_edit_section #css_editor {
392 + top: 70px;
393 + border-top: 10px solid white;
394 + overflow: visible;
395 +}
396 +#accordion-section-live_css_edit_section #css_editor:before {
397 + content: "";
398 + width: 48px;
399 + height: 10px;
400 + display: block;
401 + background: #e8e8e8;
402 + top: -10px;
403 + position: absolute;
404 + z-index: 10000000;
405 + left: 0;
406 +}
407 +#accordion-section-live_css_edit_section .ace_scroller {
408 + padding-left: 10px;
409 +}
360 410
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;
411 +.wp-full-overlay.editor_opened {
412 + margin-left: 500px;
413 +}
414 +.wp-full-overlay.editor_opened #customize-controls {
415 + width: 500px;
416 +}
417 +.wp-full-overlay.editor_opened.collapsed #customize-controls {
418 + width: 300px;
419 +}
364 420
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,
421 +.customize-control-media .current,
460 422 .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,
423 +li#customize-control-site_logo .current {
424 + margin-bottom: 10px;
425 + min-height: 44px;
426 + background: #F5FCFF;
427 + border: 2px solid #B8DAEB;
428 + border-radius: 4px;
429 +}
430 +.customize-control-media .current .container, .customize-control-media .current span,
466 431 .customize-control-site_icon .current .container,
467 432 .customize-control-site_icon .current span,
468 433 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,
434 +li#customize-control-site_logo .current span {
435 + border: none;
436 +}
437 +.customize-control-media .inner, .customize-control-media .current span,
474 438 .customize-control-site_icon .inner,
475 439 .customize-control-site_icon .current span,
476 440 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,
441 +li#customize-control-site_logo .current span {
442 + font-size: 13px;
443 + color: #98C6DD;
444 +}
445 +.customize-control-media .inner,
481 446 .customize-control-site_icon .inner,
482 -li#customize-control-site_logo .inner
483 -{
484 - line-height: 1.4;
485 -}.customize-control-media .thumbnail-image,
447 +li#customize-control-site_logo .inner {
448 + line-height: 1.4;
449 +}
450 +.customize-control-media .thumbnail-image,
486 451 .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,
452 +li#customize-control-site_logo .thumbnail-image {
453 + padding: 14px;
454 + text-align: center;
455 +}
456 +.customize-control-media .thumbnail-image img,
491 457 .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,
458 +li#customize-control-site_logo .thumbnail-image img {
459 + width: auto;
460 +}
461 +.customize-control-media .actions,
496 462 .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;
463 +li#customize-control-site_logo .actions {
464 + margin-bottom: 0;
465 +}
517 466
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;
467 +/**
468 + * Typography
469 + */
470 +.customize-control-typography select {
471 + margin-bottom: 10px;
472 +}
473 +.customize-control-typography .description {
474 + margin-top: -3px;
475 +}
476 +.customize-control-typography ul li {
477 + width: 100%;
478 + margin: 0;
479 +}
521 480
522 - border: none;
523 -}.customify_preset.radio_buttons .customify_radio_button input[type='radio']
524 -{position: absolute;z-index: 9999;width: 100%;height: 100%;
481 +/**
482 + ** Awesome presets
483 + */
484 +.default-preset-button {
485 + background-color: #F5F6F6;
486 + float: right;
487 + padding: 1px 8px;
488 + border-radius: 3px;
489 + border: 1px solid #CBCBCB;
490 + margin-right: 4px;
491 + font-family: "Open Sans",sans-serif;
492 + font-size: 13px;
493 +}
525 494
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;
495 +.customize-control-preset .description {
496 + margin-right: 5px;
497 + font-style: normal;
498 +}
544 499
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;
500 +.customify_preset.radio_buttons .customify_radio_button {
501 + border: none;
502 + display: inline-block;
503 + padding: 2px;
504 + margin: 3px;
505 + position: relative;
506 + overflow: hidden;
507 + height: auto;
508 +}
509 +.customify_preset.radio_buttons .customify_radio_button input[type="radio"] {
510 + opacity: 0;
511 + width: 100%;
512 + height: 100%;
513 + position: absolute;
514 + z-index: 9999;
515 +}
516 +.customify_preset.radio_buttons .customify_radio_button input[type="radio"]:checked + label {
517 + background-color: #ebebeb;
518 +}
519 +.customify_preset.radio_buttons .customify_radio_button input[type="radio"]:checked + label:before {
520 + content: '>';
521 + color: inherit;
522 +}
523 +.customify_preset.radio_buttons .customify_radio_button input[type="radio"]:checked + label:after {
524 + content: '<';
525 + color: inherit;
526 +}
527 +.customify_preset.radio_buttons .customify_radio_button input[type="radio"]:checked:before {
528 + opacity: 0;
529 +}
530 +.customify_preset.radio_buttons .customify_radio_button label {
531 + position: relative;
532 + z-index: 999;
533 + border-left: 4px solid;
534 +}
535 +.customify_preset .awesome_preset {
536 + width: 45%;
537 + position: relative;
538 + display: inline-block;
539 + text-align: center;
540 + color: white;
541 + margin-top: 5px;
542 + margin-bottom: 25px;
543 + transition: all 0.2s;
544 +}
545 +.customify_preset .awesome_preset:hover {
546 + opacity: 0.9;
547 +}
548 +.customify_preset .awesome_preset:before {
549 + content: '';
550 + position: absolute;
551 + top: 1px;
552 + left: 1px;
553 + right: 1px;
554 + bottom: 1px;
555 + border: 1px solid #FFF;
556 + background: transparent;
557 + opacity: .5;
558 + border-radius: 4px;
559 + z-index: 5;
560 +}
561 +.customify_preset .awesome_preset .preset-wrap .preset-color {
562 + height: 128px;
563 + border-radius: 4px 4px 0 0;
564 + padding: 17px 0 27px;
565 +}
566 +.customify_preset .awesome_preset .preset-wrap .preset-color .first-font {
567 + display: inline-block;
568 + width: 100%;
569 + font-size: 55px;
570 + line-height: 1;
571 +}
572 +.customify_preset .awesome_preset .preset-wrap .preset-color .secondary-font {
573 + display: inline-block;
574 + width: 100%;
575 + font-size: 20px;
576 + line-height: 1;
577 + margin-top: 8px;
578 +}
579 +.customify_preset .awesome_preset .preset-wrap .preset-name {
580 + position: relative;
581 + font-size: 11px;
582 + text-transform: UPPERCASE;
583 + border-radius: 0 0 4px 4px;
584 + padding: 1px;
585 +}
586 +.customify_preset .awesome_preset .preset-wrap .preset-name:before {
587 + content: '';
588 + position: absolute;
589 + border-color: inherit;
590 + border: 10px solid;
591 + border-left-color: transparent;
592 + border-right-color: transparent;
593 + border-top: transparent;
594 + top: -10px;
595 + border-bottom-color: inherit;
596 + left: 40%;
597 +}
598 +.customify_preset .awesome_preset:nth-child(odd) {
599 + margin-right: 7%;
600 +}
601 +.customify_preset .awesome_preset input[type=radio] {
602 + height: 100%;
603 + width: 100%;
604 + position: absolute;
605 + border: 0;
606 + box-shadow: none;
607 + color: #006505;
608 + background-color: transparent;
609 + border-radius: 0;
610 + margin: 0;
611 + display: inline-block;
612 + top: 0;
613 + left: 0;
614 + z-index: 10;
615 +}
616 +.customify_preset .awesome_preset input[type=radio]:checked:before {
617 + position: absolute;
618 + height: 25px;
619 + width: 25px;
620 + top: -13px;
621 + right: -14px;
622 + background: #FFF;
623 + z-index: 1;
624 +}
625 +.customify_preset .awesome_preset input[type=radio]:checked:after {
626 + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
627 + filter: alpha(opacity=0);
628 + content: '';
629 + position: absolute;
630 + width: 26px;
631 + height: 26px;
632 + border-radius: 50%;
633 + top: -5px;
634 + right: -5px;
635 + z-index: 10;
636 + background: #73C5EE url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEzcHgiIGhlaWdodD0iOXB4IiB2aWV3Qm94PSIwIDAgMTMgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDdXN0b21pZnktQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgLTQwOC4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9IkhlYWRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgNDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCA3NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iRmllbGQtLS1DaGVja2JveC1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNy4wMDAwMDAsIDI0OS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkNoZWNrYm94IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMzAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAuMDM4NDk1LDE2IEwxNy4xMTYxMzc1LDguOTIxNDg3NiBMMTUuMTk0NjQ5OCw3IEwxMC4wMzg0OTUsMTIuMTU1MDY3NCBMNi45MjE0ODc2LDkuMDM4OTI5OTcgTDUsMTAuOTYwNDE3NiBMMTAuMDM4NDk1LDE2IFoiIGlkPSJQYWdlLTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
637 + background-position: center center;
638 +}
551 639
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;
640 +.customify_radio_image {
641 + display: inline-block;
642 +}
643 +.customify_radio_image label {
644 + display: block;
645 + float: left;
646 + margin-right: 10px;
647 + position: relative;
648 +}
649 +.customify_radio_image label input[type=radio] {
650 + position: absolute;
651 + top: 0;
652 + bottom: 0;
653 + left: 0;
654 + right: 0;
655 + width: 100%;
656 + height: 100%;
657 + visibility: hidden;
658 +}
659 +.customify_radio_image label input[type=radio] img {
660 + cursor: pointer;
661 + border: 2px solid transparent;
662 +}
663 +.customify_radio_image label input[type=radio]:checked + img {
664 + border: 3px solid #73C5EE;
665 +}
558 666
559 - display: inline-block;width: 100%;
560 -}.customify_preset .awesome_preset .preset-wrap .preset-color .secondary-font
561 -{font-size: 20px;line-height: 1;
667 +.customify_ace_editor {
668 + display: block;
669 + min-height: 200px;
670 + border: 1px solid #ddd;
671 +}
562 672
563 - display: inline-block;width: 100%;margin-top: 8px;
564 -}.customify_preset .awesome_preset .preset-wrap .preset-name
565 -{font-size: 11px;
673 +.customize-control-custom_background .hide {
674 + display: none;
675 +}
676 +.customize-control-custom_background .upload_button_div {
677 + margin: 10px 0;
678 +}
679 +.customize-control-custom_background .upload_button_div > * {
680 + margin-right: 10px;
681 +}
682 +.customize-control-custom_background .preview_screenshot {
683 + text-align: center;
684 + margin: 10px 0;
685 +}
686 +.customize-control-custom_background .preview_screenshot img {
687 + border: 2px solid #ccc;
688 +}
566 689
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%;
690 +#customify_import_demo_data_button {
691 + width: 70%;
692 + text-align: center;
693 + padding: 10px;
694 + display: inline-block;
695 + height: auto;
696 + margin: 0 15% 10% 15%;
697 +}
570 698
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;
699 +.import_step_note {
700 + margin: 5px;
701 + width: 100%;
702 + display: inline-block;
703 +}
704 +.import_step_note:before {
705 + content: "\1F449";
706 +}
707 +.import_step_note.success:before {
708 + content: "\1F44D";
709 +}
710 +.import_step_note.failed:before {
711 + content: "\274C";
712 +}
583 713
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;
714 +#customize-header-actions {
715 + background: #ffffff;
716 + border-color: #dfe8ef;
717 +}
590 718
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;
719 +.customize-controls-close {
720 + color: #7da9c3;
721 + background: #ffffff;
722 + border-color: #dfe8ef;
723 +}
724 +.customize-controls-close:focus, .customize-controls-close:hover {
725 + background: #f5fcff;
726 +}
615 727
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;
728 +.wp-full-overlay-sidebar,
729 +.customize-themes-panel {
730 + background: #eaf9fe;
731 + border-right: 1px solid #dfe8ef;
732 +}
622 733
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;
734 +#customize-theme-controls #accordion-section-menu_locations {
735 + border-bottom: 1px solid #dfe8ef;
736 +}
693 737
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;
738 +#customize-controls #accordion-section-themes > .accordion-section-title {
739 + font-weight: 600;
740 + border-bottom: 1px solid #dfe8ef;
741 +}
742 +#customize-controls #accordion-section-themes > .accordion-section-title:hover {
743 + background: #fff;
744 +}
745 +#customize-controls .panel-meta.customize-info {
746 + border-bottom: none;
747 +}
701 748
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);
749 +#customize-theme-controls .control-section .accordion-section-title {
750 + font-weight: 400;
751 + border-top: 1px solid #dfe8ef;
752 + border-bottom: none;
753 +}
754 +#customize-theme-controls .control-section:last-of-type > .accordion-section-title {
755 + border-bottom: 1px solid #dfe8ef;
756 +}
757 +#customize-theme-controls .customize-section-title {
758 + border-top: 1px solid #dfe8ef;
759 + border-bottom: 1px solid #dfe8ef;
760 +}
720 761
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%;
762 +#customize-controls .control-section .accordion-section-title:focus, #customize-controls .control-section .accordion-section-title:hover, #customize-controls .control-section.open .accordion-section-title, #customize-controls .control-section:hover > .accordion-section-title {
763 + color: #056184;
764 + background: #f5fcff;
765 +}
730 766
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);
767 +[data-balloon] {
768 + position: relative;
769 +}
734 770
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);
771 +[data-balloon]::before {
772 + opacity: 0;
773 + pointer-events: none;
774 + transition: all .18s ease-out;
775 + background: rgba(17, 17, 17, 0.9);
776 + border-radius: 4px;
777 + color: #fff;
778 + content: attr(data-balloon);
779 + font-size: 12px;
780 + padding: .5em 1em;
781 + position: absolute;
782 + white-space: nowrap;
783 + z-index: 10;
784 +}
747 785
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;
786 +[data-balloon]::after {
787 + 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>');
788 + background-size: 100% auto;
789 + width: 18px;
790 + height: 6px;
791 + opacity: 0;
792 + pointer-events: none;
793 + transition: all .18s ease-out;
794 + content: '';
795 + position: absolute;
796 + z-index: 10;
797 +}
757 798
758 - white-space: normal;
759 -}[data-balloon][data-balloon-length='medium']::before
760 -{width: 150px;
799 +[data-balloon]:hover::before, [data-balloon]:hover::after {
800 + opacity: 1;
801 + pointer-events: auto;
802 +}
761 803
762 - white-space: normal;
763 -}[data-balloon][data-balloon-length='large']::before
764 -{width: 260px;
804 +[data-balloon][data-balloon-pos="up"]::before {
805 + bottom: 100%;
806 + left: 50%;
807 + margin-bottom: 11px;
808 + transform: translate3d(-50%, 10px, 0);
809 + transform-origin: top;
810 +}
765 811
766 - white-space: normal;
767 -}[data-balloon][data-balloon-length='xlarge']::before
768 -{width: 380px;
812 +[data-balloon][data-balloon-pos="up"]::after {
813 + bottom: 100%;
814 + left: 50%;
815 + margin-bottom: 5px;
816 + transform: translate3d(-50%, 10px, 0);
817 + transform-origin: top;
818 +}
769 819
770 - white-space: normal;
771 -}@media screen and (max-width: 768px)
772 -{
773 - [data-balloon][data-balloon-length='xlarge']::before
774 - {width: 90vw;
820 +[data-balloon][data-balloon-pos="up"]:hover::before {
821 + transform: translate3d(-50%, 0, 0);
822 +}
775 823
776 - white-space: normal;
777 - }
778 -}[data-balloon][data-balloon-length='fit']::before
779 -{width: 100%;
824 +[data-balloon][data-balloon-pos="up"]:hover::after {
825 + transform: translate3d(-50%, 0, 0);
826 +}
780 827
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;
828 +[data-balloon][data-balloon-pos='down']::before {
829 + left: 50%;
830 + margin-top: 11px;
831 + top: 100%;
832 + transform: translate3d(-50%, -10px, 0);
833 +}
793 834
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;
835 +[data-balloon][data-balloon-pos='down']::after {
836 + 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>');
837 + background-size: 100% auto;
838 + width: 18px;
839 + height: 6px;
840 + left: 50%;
841 + margin-top: 5px;
842 + top: 100%;
843 + transform: translate3d(-50%, -10px, 0);
844 +}
815 845
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;
846 +[data-balloon][data-balloon-pos='down']:hover::before {
847 + transform: translate3d(-50%, 0, 0);
848 +}
831 849
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;
850 +[data-balloon][data-balloon-pos='down']:hover::after {
851 + transform: translate3d(-50%, 0, 0);
852 +}
865 853
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;
854 +[data-balloon][data-balloon-pos='left']::before {
855 + margin-right: 11px;
856 + right: 100%;
857 + top: 50%;
858 + transform: translate3d(10px, -50%, 0);
859 +}
896 860
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;
861 +[data-balloon][data-balloon-pos='left']::after {
862 + 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>');
863 + background-size: 100% auto;
864 + width: 6px;
865 + height: 18px;
866 + margin-right: 5px;
867 + right: 100%;
868 + top: 50%;
869 + transform: translate3d(10px, -50%, 0);
870 +}
900 871
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;
872 +[data-balloon][data-balloon-pos='left']:hover::before {
873 + transform: translate3d(0, -50%, 0);
874 +}
925 875
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;
876 +[data-balloon][data-balloon-pos='left']:hover::after {
877 + transform: translate3d(0, -50%, 0);
878 +}
932 879
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;
880 +[data-balloon][data-balloon-pos='right']::before {
881 + left: 100%;
882 + margin-left: 11px;
883 + top: 50%;
884 + transform: translate3d(-10px, -50%, 0);
885 +}
952 886
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;
887 +[data-balloon][data-balloon-pos='right']::after {
888 + 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>');
889 + background-size: 100% auto;
890 + width: 6px;
891 + height: 18px;
892 + left: 100%;
893 + margin-left: 5px;
894 + top: 50%;
895 + transform: translate3d(-10px, -50%, 0);
896 +}
968 897
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;
898 +[data-balloon][data-balloon-pos='right']:hover::before {
899 + transform: translate3d(0, -50%, 0);
900 +}
978 901
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;
902 +[data-balloon][data-balloon-pos='right']:hover::after {
903 + transform: translate3d(0, -50%, 0);
904 +}
985 905
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;
906 +[data-balloon][data-balloon-length='small']::before {
907 + white-space: normal;
908 + width: 80px;
909 +}
1045 910
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;
911 +[data-balloon][data-balloon-length='medium']::before {
912 + white-space: normal;
913 + width: 150px;
914 +}
1075 915
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;
916 +[data-balloon][data-balloon-length='large']::before {
917 + white-space: normal;
918 + width: 260px;
919 +}
1094 920
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%);
921 +[data-balloon][data-balloon-length='xlarge']::before {
922 + white-space: normal;
923 + width: 380px;
924 +}
1122 925
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;
926 +@media screen and (max-width: 768px) {
927 + [data-balloon][data-balloon-length='xlarge']::before {
928 + white-space: normal;
929 + width: 90vw;
930 + }
931 +}
932 +[data-balloon][data-balloon-length='fit']::before {
933 + white-space: normal;
934 + width: 100%;
935 +}
1157 936
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 -}
937 +/*# sourceMappingURL=customizer.css.map */