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