PluginProbe
King Addons for Elementor – 80+ Elementor Widgets, 4 000+ Elementor Templates, WooCommerce, Mega Menu, Popup Builder / 51.1.36
King Addons for Elementor – 80+ Elementor Widgets, 4 000+ Elementor Templates, WooCommerce, Mega Menu, Popup Builder v51.1.36
51.1.83 51.1.82 51.1.81 51.1.79 51.1.78 51.1.77 51.1.76 51.1.74 51.1.75 51.1.65 51.1.64 51.1.63 trunk 51.1.14 51.1.2 51.1.35 51.1.36 51.1.37 51.1.38 51.1.39 51.1.44 51.1.45 51.1.46 51.1.47 51.1.49 All 37 releases
king-addons / includes / admin / css / elementor-editor.css

elementor-editor.css in King Addons for Elementor – 80+ Elementor Widgets, 4 000+ Elementor Templates, WooCommerce, Mega Menu, Popup Builder 51.1.36, at includes/admin/css/elementor-editor.css

673 lines 25.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .king-addons-icon {
2 display: inline-block;
3 width: 32px;
4 height: 32px;
5 background-size: 32px;
6 }
7
8 #elementor-panel-elements .king-addons-icon {
9 margin-bottom: -8px;
10 }
11
12 .elementor-panel #elementor-panel-category-king-addons .king-addons-icon {
13 display: inline-block;
14 width: 48px;
15 height: 48px;
16 background-size: 48px;
17 }
18
19 #elementor-navigator .king-addons-icon {
20 display: inline-block;
21 width: 19px;
22 height: 19px;
23 background-size: 19px;
24 }
25
26 .elementor-panel #elementor-panel-category-king-addons .icon {
27 max-height: 60px;
28 }
29
30 /*noinspection CssNonIntegerLengthInPixels*/
31 .elementor-panel #elementor-panel-category-king-addons .icon:after,
32 #elementor-panel-elements .king-addons-icon:after {
33 font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
34 font-size: 9px;
35 font-weight: bold;
36 font-style: normal;
37 line-height: 19px;
38 position: absolute;
39 top: 1px;
40 right: 1px;
41 display: block;
42 width: 28px;
43 height: 19px;
44 content: 'FREE';
45 letter-spacing: 0.5px;
46 color: #574ff7;
47 }
48
49 .king-addons-repeater-list-img-icon {
50 max-height: 30px;
51 vertical-align: middle;
52 }
53
54 .king-addons-editor-preview-update {
55 display: flex;
56 justify-content: space-between;
57 margin: 0;
58 }
59
60 .elementor-panel .elementor-element:hover:has(.king-addons-icon) .title,
61 .elementor-panel #elementor-panel-category-king-addons .elementor-element:hover .title {
62 transition: all .3s;
63 color: rgb(87, 79, 247);
64 }
65
66 .elementor-panel .elementor-element:has(.king-addons-icon) {
67 border: 1px solid rgb(87 79 247 / 60%);
68 }
69
70 .elementor-panel #elementor-panel-category-king-addons .elementor-element {
71 border: 1px solid rgb(87 79 247 / 20%);
72 }
73
74 .elementor-panel .elementor-element:hover:has(.king-addons-icon),
75 .elementor-panel #elementor-panel-category-king-addons .elementor-element:hover {
76 background-color: rgb(87 79 247 / 5%);
77 }
78
79 .elementor-control-type-repeater .king-addons-submenu-item .king-mega-menu-item-type-control {
80 display: none;
81 }
82
83 /* -------------- */
84 /* Pro Features Disclaimer */
85
86 .elementor-control.king-addons-pro-control label i {
87 font-size: 15px;
88 margin-left: 3px;
89 /*color: #772fff;*/
90 color: #5B03FF;
91 }
92
93 .elementor-control.king-addons-pro-control .elementor-control-content:before {
94 position: absolute;
95 z-index: 9;
96 width: 100%;
97 height: 100%;
98 content: '';
99 background: transparent;
100 }
101
102 /* Make .king-addons-pro-control position: relative
103 so the tooltip can be positioned absolutely inside it */
104 .king-addons-pro-control {
105 position: relative;
106 }
107
108 /* The tooltip is hidden by default */
109 .king-addons-pro-tooltip {
110 position: absolute;
111 top: 40px;
112
113 /* Styling */
114 padding: 15px;
115 font-size: 12px;
116 font-weight: 500;
117 color: #93003c;
118 border: 1px solid #e6e9ec;
119 border-radius: 5px;
120 background-color: #ffffff;
121 box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
122
123 /* Initially hidden */
124 visibility: hidden;
125 opacity: 0;
126 transition: opacity 0.2s ease-in-out;
127 z-index: 999;
128 }
129
130 .king-addons-pro-tooltip a {
131 color: #5B03FF;
132 transition: none;
133 }
134
135 /* Show the tooltip on hover */
136 .king-addons-pro-control:hover .king-addons-pro-tooltip {
137 visibility: visible;
138 opacity: 1;
139 }
140
141 .elementor-control-type-raw_html:has(.king-addons-pro-notice) {
142 padding-left: 0;
143 padding-right: 0;
144 }
145
146 /* END: Pro Features Disclaimer */
147 /* -------------- */
148
149 /* -------------- */
150 /* NOTICES */
151
152 .king-addons-pro-features-heading {
153 font-size: 15px;
154 color: #5B03FF;
155 }
156
157 .elementor-control[class*="pro_notice"] {
158 padding: 5px 0 15px 0 !important;
159 }
160
161 .king-addons-pro-notice {
162 font-size: 15px;
163 font-weight: 400;
164 line-height: 1.6;
165 padding: 20px 20px;
166 text-align: center;
167 border-top: 1px solid rgb(87 79 247 / 35%);
168 border-bottom: 1px solid rgb(87 79 247 / 35%);
169 background-color: rgb(87 79 247 / 5%);
170 }
171
172 .king-addons-pro-notice a {
173 color: #5B03FF;
174 }
175
176 .king-addons-pro-features-list {
177 text-align: center;
178 }
179
180 .king-addons-pro-features-list ul {
181 text-align: left;
182 }
183
184 .king-addons-pro-features-list ul li::marker {
185 color: #772fff;
186 }
187
188 .king-addons-pro-features-list ul li {
189 font-size: 14px;
190 line-height: 1.1;
191 position: relative;
192 margin-top: 9px;
193 padding-bottom: 9px;
194 list-style: disc inside;
195 border-bottom: 1px solid #e6e8ea;
196 }
197
198 /*noinspection CssNonIntegerLengthInPixels*/
199 .king-addons-pro-features-list ul + a.king-addons-pro-features-cta-btn {
200 font-size: 15px;
201 font-weight: 400;
202 line-height: 2;
203 display: inline-block;
204 margin: 20px 15px 10px auto;
205 padding: 10px 25px;
206 cursor: pointer;
207 transition: all 300ms ease;
208 letter-spacing: 0.5px;
209 /* text-transform: uppercase; */
210 color: #ffffff;
211 border: none;
212 border-radius: 12px;
213 /* background: linear-gradient(45deg, #5B03FF, #9B62FF); */
214 background-image: linear-gradient(120deg, #A20BD8 0%, #FF4040 100%);
215 }
216
217 .king-addons-pro-features-list ul + a.king-addons-pro-features-cta-btn:hover {
218 color: #ffffff;
219 }
220
221 #king-addons-editor-settings-notification {
222 position: fixed;
223 z-index: 9999;
224 bottom: 5px;
225 left: 40px;
226 padding: 13px 25px;
227 color: #222;
228 border-radius: 3px;
229 background: #2a2a2b;
230 -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
231 box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
232 }
233
234 #king-addons-editor-settings-notification:before {
235 position: absolute;
236 bottom: 10px;
237 left: -6px;
238 width: 0;
239 height: 0;
240 content: '';
241 border-top: 6px solid transparent;
242 border-right-width: 6px;
243 border-right-style: solid;
244 border-right-color: #2a2a2b;
245 border-bottom: 6px solid transparent;
246 }
247
248 .MuiBox-root button[value="document-settings"] {
249 position: relative;
250 }
251
252 #king-addons-editor-settings-notification.king-addons-new-editor-bar {
253 position: absolute;
254 top: calc(100% + 13px);
255 bottom: auto;
256 left: 0;
257 display: flex;
258 align-items: center;
259 flex-direction: column;
260 justify-content: center;
261 min-width: 300px;
262 }
263
264 #king-addons-editor-settings-notification.king-addons-new-editor-bar:before {
265 position: absolute;
266 top: -12px;
267 left: 10px;
268 border-right: 6px solid transparent;
269 border-bottom-width: 6px;
270 border-bottom-style: solid;
271 border-bottom-color: #2a2a2b;
272 border-left: 6px solid transparent;
273 }
274
275 #king-addons-editor-settings-notification h4 {
276 margin-bottom: 10px;
277 }
278
279 #king-addons-editor-settings-notification h4 span {
280 font-size: 14px;
281 vertical-align: super;
282 color: #5f5f5f;
283 }
284
285 #king-addons-editor-settings-notification h4 i {
286 font-size: 24px;
287 margin-right: 10px;
288 color: #3db050;
289 }
290
291 #king-addons-editor-settings-notification p {
292 font-size: 12px;
293 line-height: 1.5;
294 color: #666;
295 }
296
297 #king-addons-editor-settings-notification > i {
298 position: absolute;
299 top: 7px;
300 right: 7px;
301 cursor: pointer;
302 color: #666666;
303 }
304 /* END: NOTICES */
305 /* -------------- */
306
307 /* DARK MODE */
308
309 @media (prefers-color-scheme: dark) {
310 .king-addons-pro-notice a {
311 color: #A08CFF;
312 }
313 .elementor-control.king-addons-pro-control label i {
314 color: #f0abfc;
315 }
316 .king-addons-pro-features-heading {
317 color: #DED6FA;
318 }
319 }
320
321 /* END: DARK MODE */
322
323 /* GRID PREVIEW */
324 .elementor-control-king_addons_grid_layout_select.elementor-control .elementor-control-field {
325 align-items: flex-start;
326 flex-direction: column !important;
327 }
328
329 .elementor-control-king_addons_grid_layout_select.elementor-control .elementor-control-input-wrapper {
330 display: flex;
331 width: 100% !important;
332 margin-top: 10px;
333 }
334
335 .elementor-control-king_addons_grid_layout_select.elementor-control .elementor-choices {
336 align-items: stretch;
337 flex-wrap: wrap;
338 width: 100% !important;
339 height: auto;
340 border: 1px solid #dfd5d5;
341 }
342
343 .elementor-control-king_addons_grid_layout_select.elementor-control .elementor-choices label {
344 width: 33.3%;
345 height: 50px;
346 background-repeat: no-repeat;
347 background-position: center center;
348 background-size: 75%;
349 }
350
351 .elementor-control-king_addons_grid_layout_select input[type="radio"]:checked + label {
352 border: 2px solid #D30C5C;
353 border-radius: 0 !important;
354 background-color: #ffffff;
355 }
356
357 .elementor-control-king_addons_grid_layout_select label:nth-child(2) {
358 background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 32' style='enable-background:new 0 0 50 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:%23FFFFFF;} .st1{fill:%23C2C1C0;} %3C/style%3E%3Cg id='Background'%3E%3Crect class='st0' width='50' height='32'/%3E%3C/g%3E%3Cg id='Layer_1'%3E%3Crect x='2.2' y='4.9' class='st1' width='22.2' height='22.2'/%3E%3Crect x='25.6' y='15.2' class='st1' width='22.2' height='11.9'/%3E%3Crect x='25.6' y='4.9' class='st1' width='22.2' height='9.2'/%3E%3C/g%3E%3C/svg%3E");
359 }
360
361 .elementor-control-king_addons_grid_layout_select label:nth-child(4) {
362 background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 32' style='enable-background:new 0 0 50 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:%23FFFFFF;} .st1{fill:%23C2C1C0;} %3C/style%3E%3Cg id='Background'%3E%3Crect class='st0' width='50' height='32'/%3E%3C/g%3E%3Cg id='Layer_1'%3E%3Crect x='2.2' y='4.9' class='st1' width='22.2' height='22.2'/%3E%3Crect x='25.6' y='16.6' class='st1' width='10.5' height='10.5'/%3E%3Crect x='37.2' y='16.6' class='st1' width='10.5' height='10.5'/%3E%3Crect x='25.6' y='4.9' class='st1' width='22.2' height='10.5'/%3E%3C/g%3E%3C/svg%3E");
363 }
364
365 .elementor-control-king_addons_grid_layout_select label:nth-child(6) {
366 background: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 32' style='enable-background:new 0 0 50 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:%23FFFFFF;} .st1{fill:%23C2C1C0;} %3C/style%3E%3Cg id='Background'%3E%3Crect class='st0' width='50' height='32'/%3E%3C/g%3E%3Cg id='Layer_1'%3E%3Cg%3E%3Crect x='2.2' y='4.9' class='st1' width='22.2' height='22.2'/%3E%3Crect x='25.6' y='16.6' class='st1' width='10.5' height='10.5'/%3E%3Crect x='37.2' y='16.6' class='st1' width='10.5' height='10.5'/%3E%3Crect x='25.6' y='4.9' class='st1' width='10.5' height='10.5'/%3E%3Crect x='37.2' y='4.9' class='st1' width='10.5' height='10.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
367 }
368
369 .elementor-control-king_addons_grid_layout_select label:nth-child(8) {
370 background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 32' style='enable-background:new 0 0 50 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:%23FFFFFF;} .st1{fill:%23C2C1C0;} %3C/style%3E%3Cg id='Background'%3E%3Crect class='st0' width='50' height='32'/%3E%3C/g%3E%3Cg id='Layer_1'%3E%3Crect x='2.2' y='4.9' class='st1' width='22.2' height='22.2'/%3E%3Crect x='25.6' y='4.9' class='st1' width='10.5' height='22.2'/%3E%3Crect x='37.2' y='16.6' class='st1' width='10.5' height='10.5'/%3E%3Crect x='37.2' y='4.9' class='st1' width='10.5' height='10.5'/%3E%3C/g%3E%3C/svg%3E");
371 }
372
373 .elementor-control-king_addons_grid_layout_select label:nth-child(10) {
374 background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 32' style='enable-background:new 0 0 50 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:%23FFFFFF;} .st1{fill:%23C2C1C0;} %3C/style%3E%3Cg id='Background'%3E%3Crect class='st0' width='50' height='32'/%3E%3C/g%3E%3Cg id='Layer_1'%3E%3Crect x='13.9' y='4.9' class='st1' width='22.2' height='22.2'/%3E%3Crect x='37.2' y='16.6' class='st1' width='10.5' height='10.5'/%3E%3Crect x='37.2' y='4.9' class='st1' width='10.5' height='10.5'/%3E%3Crect x='2.3' y='16.6' class='st1' width='10.5' height='10.5'/%3E%3Crect x='2.3' y='4.9' class='st1' width='10.5' height='10.5'/%3E%3C/g%3E%3C/svg%3E");
375 }
376
377 .elementor-control-king_addons_grid_layout_select label:nth-child(12) {
378 background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 32' style='enable-background:new 0 0 50 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:%23FFFFFF;} .st1{fill:%23C2C1C0;} %3C/style%3E%3Cg id='Background'%3E%3Crect class='st0' width='50' height='32'/%3E%3C/g%3E%3Cg id='Layer_1'%3E%3Crect x='2.2' y='4.9' class='st1' width='28.5' height='22.2'/%3E%3Crect x='31.8' y='12.9' class='st1' width='15.9' height='6.3'/%3E%3Crect x='31.8' y='4.9' class='st1' width='15.9' height='6.8'/%3E%3Crect x='31.8' y='20.3' class='st1' width='15.9' height='6.8'/%3E%3C/g%3E%3C/svg%3E");
379 }
380
381 .elementor-control-king_addons_grid_layout_select label:nth-child(14) {
382 background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 32' style='enable-background:new 0 0 50 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:%23FFFFFF;} .st1{fill:%23C2C1C0;} %3C/style%3E%3Cg id='Background'%3E%3Crect class='st0' width='50' height='32'/%3E%3C/g%3E%3Cg id='Layer_1'%3E%3Crect x='13.9' y='4.9' class='st1' width='22.2' height='22.2'/%3E%3Crect x='2.2' y='4.9' class='st1' width='10.5' height='22.2'/%3E%3Crect x='37.2' y='4.9' class='st1' width='10.5' height='22.2'/%3E%3C/g%3E%3C/svg%3E");
383 }
384
385 .elementor-control-king_addons_grid_layout_select label:nth-child(16) {
386 background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 32' style='enable-background:new 0 0 50 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:%23FFFFFF;} .st1{fill:%23C2C1C0;} %3C/style%3E%3Cg id='Background'%3E%3Crect class='st0' width='50' height='32'/%3E%3C/g%3E%3Cg id='Layer_1'%3E%3Crect x='2.2' y='4.9' class='st1' width='33.9' height='13.2'/%3E%3Crect x='2.2' y='19.3' class='st1' width='16.4' height='7.8'/%3E%3Crect x='19.7' y='19.3' class='st1' width='16.4' height='7.8'/%3E%3Crect x='37.2' y='4.9' class='st1' width='10.5' height='13.2'/%3E%3Crect x='37.2' y='19.3' class='st1' width='10.5' height='7.8'/%3E%3C/g%3E%3C/svg%3E");
387 }
388
389 .elementor-control-king_addons_grid_layout_select label:nth-child(18) {
390 background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 32' style='enable-background:new 0 0 50 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:%23FFFFFF;} .st1{fill:%23C2C1C0;} %3C/style%3E%3Cg id='Background'%3E%3Crect class='st0' width='50' height='32'/%3E%3C/g%3E%3Cg id='Layer_1'%3E%3Crect x='2.2' y='4.9' class='st1' width='22.2' height='12.1'/%3E%3Crect x='25.6' y='4.9' class='st1' width='22.2' height='12.1'/%3E%3Crect x='2.2' y='18.2' class='st1' width='14.4' height='8.9'/%3E%3Crect x='17.8' y='18.2' class='st1' width='14.4' height='8.9'/%3E%3Crect x='33.3' y='18.2' class='st1' width='14.4' height='8.9'/%3E%3C/g%3E%3C/svg%3E");
391 }
392
393 .elementor-control-king_addons_grid_layout_select label:nth-child(20) {
394 background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 32' style='enable-background:new 0 0 50 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:%23FFFFFF;} .st1{fill:%23C2C1C0;} %3C/style%3E%3Cg id='Background'%3E%3Crect class='st0' width='50' height='32'/%3E%3C/g%3E%3Cg id='Layer_1'%3E%3Crect x='2.2' y='4.9' class='st1' width='22.2' height='22.2'/%3E%3Crect x='25.6' y='4.9' class='st1' width='22.2' height='22.2'/%3E%3C/g%3E%3C/svg%3E");
395 }
396
397 .elementor-control-king_addons_grid_layout_select label:nth-child(22) {
398 background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 32' style='enable-background:new 0 0 50 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:%23FFFFFF;} .st1{fill:%23C2C1C0;} %3C/style%3E%3Cg id='Background'%3E%3Crect class='st0' width='50' height='32'/%3E%3C/g%3E%3Cg id='Layer_1'%3E%3Crect x='2.2' y='4.9' class='st1' width='14.5' height='22.2'/%3E%3Crect x='33.4' y='4.9' class='st1' width='14.4' height='22.2'/%3E%3Crect x='17.9' y='4.9' class='st1' width='14.4' height='22.2'/%3E%3C/g%3E%3C/svg%3E");
399 }
400
401 .elementor-control-king_addons_grid_layout_select label:nth-child(24) {
402 background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 32' style='enable-background:new 0 0 50 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:%23FFFFFF;} .st1{fill:%23C2C1C0;} %3C/style%3E%3Cg id='Background'%3E%3Crect class='st0' width='50' height='32'/%3E%3C/g%3E%3Cg id='Layer_1'%3E%3Crect x='2.2' y='4.9' class='st1' width='10.6' height='22.2'/%3E%3Crect x='37.2' y='4.9' class='st1' width='10.5' height='22.2'/%3E%3Crect x='25.6' y='4.9' class='st1' width='10.5' height='22.2'/%3E%3Crect x='14' y='4.9' class='st1' width='10.5' height='22.2'/%3E%3C/g%3E%3C/svg%3E");
403 }
404
405 /* END: GRID PREVIEW */
406 /* -------------- */
407
408 /* FORM BUILDER */
409 .king-addons-fb-step-editor-bg {
410 background: rgb(227 227 255) !important;
411 border-color: rgb(87 79 247 / 35%) !important;
412 color: #d6107c;
413 }
414
415 .king-addons-fb-step-editor-bg button {
416 border-color: rgb(87 79 247 / 35%) !important;
417 }
418 /* END: FORM BUILDER PREVIEW */
419 /* -------------- */
420
421 .elementor-label-block .e-ai-button {
422 display: none !important;
423 }
424
425 .king-addons-icon.king-addons-image-hotspots {
426 background-image: url(../img/image-hotspots.svg);
427 }
428
429 .king-addons-icon.king-addons-vertical-scrollable-image {
430 background-image: url(../img/vertical-scrollable-image.svg);
431 }
432
433 .king-addons-icon.king-addons-one-page-navigation {
434 background-image: url(../img/one-page-navigation.svg);
435 }
436
437 .king-addons-icon.king-addons-off-canvas-content {
438 background-image: url(../img/off-canvas-content.svg);
439 }
440
441 .king-addons-icon.king-addons-image-comparison {
442 background-image: url(../img/image-comparison.svg);
443 }
444
445 .king-addons-icon.king-addons-styled-text-builder {
446 background-image: url(../img/styled-text-builder.svg);
447 }
448
449 .king-addons-icon.king-addons-global-section-container {
450 background-image: url(../img/global-section-container.svg);
451 }
452
453 .king-addons-icon.king-addons-card-carousel {
454 background-image: url(../img/card-carousel.svg);
455 }
456
457 .king-addons-icon.king-addons-auto-scrolling-text {
458 background-image: url(../img/auto-scrolling-text.svg);
459 }
460
461 .king-addons-icon.king-addons-popup {
462 background-image: url(../img/popup.svg);
463 }
464
465 .king-addons-icon.king-addons-video-popup {
466 background-image: url(../img/video-popup.svg);
467 }
468
469 .king-addons-icon.king-addons-blog-posts {
470 background-image: url(../img/blog-posts.svg);
471 }
472
473 .king-addons-icon.king-addons-image-grid {
474 background-image: url(../img/image-grid.svg);
475 }
476
477 .king-addons-icon.king-addons-business-hours {
478 background-image: url(../img/business-hours.svg);
479 }
480
481 .king-addons-icon.king-addons-price-list {
482 background-image: url(../img/price-list.svg);
483 }
484
485 .king-addons-icon.king-addons-image-hover-box {
486 background-image: url(../img/image-hover-box.svg);
487 }
488
489 .king-addons-icon.king-addons-reading-progress-bar {
490 background-image: url(../img/reading-progress-bar.svg);
491 }
492
493 .king-addons-icon.king-addons-pulsing-button {
494 background-image: url(../img/pulsing-button.svg);
495 }
496
497 .king-addons-icon.king-addons-creative-button {
498 background-image: url(../img/creative-button.svg);
499 }
500
501 .king-addons-icon.king-addons-hovering-image-stack {
502 background-image: url(../img/hovering-image-stack.svg);
503 }
504
505 .king-addons-icon.king-addons-advanced-border-radius {
506 background-image: url(../img/advanced-border-radius.svg);
507 }
508
509 .king-addons-icon.king-addons-content-flip-box {
510 background-image: url(../img/content-flip-box.svg);
511 }
512
513 .king-addons-icon.king-addons-flip-countdown {
514 background-image: url(../img/flip-countdown.svg);
515 }
516
517 .king-addons-icon.king-addons-smooth-counter {
518 background-image: url(../img/smooth-counter.svg);
519 }
520
521 .king-addons-icon.king-addons-testimonial {
522 background-image: url(../img/testimonial.svg);
523 }
524
525 .king-addons-icon.king-addons-testimonial-carousel {
526 background-image: url(../img/testimonial-carousel.svg);
527 }
528
529 .king-addons-icon.king-addons-feature-list {
530 background-image: url(../img/feature-list.svg);
531 }
532
533 .king-addons-icon.king-addons-taxonomy-list {
534 background-image: url(../img/taxonomy-list.svg);
535 }
536
537 .king-addons-icon.king-addons-page-list {
538 background-image: url(../img/page-list.svg);
539 }
540
541 .king-addons-icon.king-addons-search {
542 background-image: url(../img/search.svg);
543 }
544
545 .king-addons-icon.king-addons-progress-bar {
546 background-image: url(../img/progress-bar.svg);
547 }
548
549 .king-addons-icon.king-addons-team-member {
550 background-image: url(../img/team-member.svg);
551 }
552
553 .king-addons-icon.king-addons-team-member-slider {
554 background-image: url(../img/team-member-slider.svg);
555 }
556
557 .king-addons-icon.king-addons-share-buttons {
558 background-image: url(../img/share-buttons.svg);
559 }
560
561 .king-addons-icon.king-addons-pricing-table {
562 background-image: url(../img/pricing-table.svg);
563 }
564
565 .king-addons-icon.king-addons-charts {
566 background-image: url(../img/charts.svg);
567 }
568
569 .king-addons-icon.king-addons-posts-grid {
570 background-image: url(../img/posts-grid.svg);
571 }
572
573 .king-addons-icon.king-addons-woocommerce-grid {
574 background-image: url(../img/woocommerce-grid.svg);
575 }
576
577 .king-addons-icon.king-addons-media-grid {
578 background-image: url(../img/media-grid.svg);
579 }
580
581 .king-addons-icon.king-addons-magazine-grid {
582 background-image: url(../img/magazine-grid.svg);
583 }
584
585 .king-addons-icon.king-addons-timeline {
586 background-image: url(../img/timeline.svg);
587 }
588
589 .king-addons-icon.king-addons-slider {
590 background-image: url(../img/slider.svg);
591 }
592
593 .king-addons-icon.king-addons-form-builder {
594 background-image: url(../img/form-builder.svg);
595 }
596
597 .king-addons-icon.king-addons-data-table {
598 background-image: url(../img/data-table.svg);
599 }
600
601 .king-addons-icon.king-addons-content-ticker {
602 background-image: url(../img/content-ticker.svg);
603 }
604
605 .king-addons-icon.king-addons-mailchimp {
606 background-image: url(../img/mailchimp.svg);
607 }
608
609 .king-addons-icon.king-addons-tabs {
610 background-image: url(../img/tabs.svg);
611 }
612
613 .king-addons-icon.king-addons-accordion {
614 background-image: url(../img/accordion.svg);
615 }
616
617 .king-addons-icon.king-addons-image-accordion {
618 background-image: url(../img/image-accordion.svg);
619 }
620
621 .king-addons-icon.king-addons-countdown {
622 background-image: url(../img/countdown.svg);
623 }
624
625 .king-addons-icon.king-addons-copy-paste {
626 background-image: url(../img/copy-paste.svg);
627 }
628
629 .king-addons-icon.king-addons-protected-content {
630 background-image: url(../img/protected-content.svg);
631 }
632
633 .king-addons-icon.king-addons-conditional-display {
634 background-image: url(../img/conditional-display.svg);
635 }
636
637 .king-addons-icon.king-addons-pricing-calculator {
638 background-image: url(../img/pricing-calculator.svg);
639 }
640
641 .king-addons-icon.king-addons-pricing-slider {
642 background-image: url(../img/pricing-slider.svg);
643 }
644
645 .king-addons-icon.king-addons-google-maps {
646 background-image: url(../img/google-maps.svg);
647 }
648
649 .king-addons-icon.king-addons-form-styler {
650 background-image: url(../img/form-styler.svg);
651 }
652
653 .king-addons-icon.king-addons-lottie-animations {
654 background-image: url(../img/lottie-animations.svg);
655 }
656
657 .king-addons-icon.king-addons-mega-menu {
658 background-image: url(../img/mega-menu.svg);
659 }
660
661 .king-addons-icon.king-addons-filterable-image-gallery {
662 background-image: url(../img/filterable-image-gallery.svg);
663 }
664
665 .king-addons-icon.king-addons-login-register-form {
666 background-image: url(../img/login-register-form.svg);
667 }
668
669 .king-addons-icon.king-addons-dynamic-posts-grid {
670 background-image: url(../img/dynamic-posts-grid.svg);
671 }
672
673 /* for elementor icons */