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