PluginProbe
Elementor Website Builder – more than just a page builder / 3.14.0-beta5
Elementor Website Builder – more than just a page builder v3.14.0-beta5
4.3.1 4.3.0 4.3.0-beta3 4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 4.1.0-beta2 4.1.0-dev2 4.0.8 All 454 releases
elementor / assets / css / editor-preview.css

editor-preview.css in Elementor Website Builder – more than just a page builder 3.14.0-beta5, at assets/css/editor-preview.css

4,459 lines 143.7 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*! elementor - v3.14.0 - 14-06-2023 */
2 .dialog-widget-content {
3 background-color: var(--e-a-bg-default);
4 position: absolute;
5 border-radius: 3px;
6 box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
7 overflow: hidden;
8 }
9
10 .dialog-message {
11 line-height: 1.5;
12 box-sizing: border-box;
13 }
14
15 .dialog-close-button {
16 cursor: pointer;
17 position: absolute;
18 margin-top: 15px;
19 right: 15px;
20 color: var(--e-a-color-txt);
21 font-size: 15px;
22 line-height: 1;
23 transition: var(--e-a-transition-hover);
24 }
25 .dialog-close-button:hover {
26 color: var(--e-a-color-txt-hover);
27 }
28
29 .dialog-prevent-scroll {
30 overflow: hidden;
31 max-height: 100vh;
32 }
33
34 .dialog-type-lightbox {
35 position: fixed;
36 height: 100%;
37 width: 100%;
38 bottom: 0;
39 left: 0;
40 background-color: rgba(0, 0, 0, 0.8);
41 z-index: 9999;
42 -webkit-user-select: none;
43 -moz-user-select: none;
44 user-select: none;
45 }
46
47 .dialog-type-confirm .dialog-widget-content,
48 .dialog-type-alert .dialog-widget-content {
49 margin: auto;
50 width: 400px;
51 padding: 20px;
52 }
53 .dialog-type-confirm .dialog-header,
54 .dialog-type-alert .dialog-header {
55 font-size: 15px;
56 font-weight: 500;
57 }
58 .dialog-type-confirm .dialog-header:after,
59 .dialog-type-alert .dialog-header:after {
60 content: "";
61 display: block;
62 border-bottom: var(--e-a-border);
63 padding-bottom: 10px;
64 margin-bottom: 10px;
65 margin-right: -20px;
66 margin-left: -20px;
67 }
68 .dialog-type-confirm .dialog-message,
69 .dialog-type-alert .dialog-message {
70 min-height: 50px;
71 }
72 .dialog-type-confirm .dialog-buttons-wrapper,
73 .dialog-type-alert .dialog-buttons-wrapper {
74 padding-top: 10px;
75 display: flex;
76 justify-content: flex-end;
77 gap: 15px;
78 }
79 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button,
80 .dialog-type-alert .dialog-buttons-wrapper .dialog-button {
81 font-size: 12px;
82 font-weight: 500;
83 line-height: 1.2;
84 text-transform: uppercase;
85 padding: 8px 16px;
86 outline: none;
87 border: none;
88 border-radius: var(--e-a-border-radius);
89 background-color: var(--e-a-btn-bg);
90 color: var(--e-a-btn-color-invert);
91 transition: var(--e-a-transition-hover);
92 }
93 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover,
94 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover {
95 border: none;
96 }
97 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:focus,
98 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,
99 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus {
100 background-color: var(--e-a-btn-bg-hover);
101 color: var(--e-a-btn-color-invert);
102 }
103 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:active,
104 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:active {
105 background-color: var(--e-a-btn-bg-active);
106 }
107 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not([disabled]),
108 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:not([disabled]) {
109 cursor: pointer;
110 }
111 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:disabled,
112 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:disabled {
113 background-color: var(--e-a-btn-bg-disabled);
114 color: var(--e-a-btn-color-disabled);
115 }
116 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon,
117 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon {
118 display: none;
119 }
120 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel,
121 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt,
122 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel {
123 background: transparent;
124 color: var(--e-a-color-txt);
125 }
126 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:focus,
127 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:hover,
128 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:hover,
129 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:focus,
130 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:focus {
131 background: var(--e-a-bg-hover);
132 color: var(--e-a-color-txt-hover);
133 }
134 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled,
135 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled,
136 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled {
137 background: transparent;
138 color: var(--e-a-color-txt-disabled);
139 }
140 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success,
141 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success,
142 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success {
143 background-color: var(--e-a-btn-bg-success);
144 }
145 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success:focus,
146 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:hover,
147 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:focus,
148 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:hover,
149 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:focus {
150 background-color: var(--e-a-btn-bg-success-hover);
151 }
152 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok,
153 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary,
154 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over,
155 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok {
156 background-color: var(--e-a-btn-bg-primary);
157 color: var(--e-a-btn-color);
158 }
159 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok:focus,
160 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:hover,
161 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:hover,
162 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:hover,
163 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:focus,
164 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:focus,
165 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:focus {
166 background-color: var(--e-a-btn-bg-primary-hover);
167 color: var(--e-a-btn-color);
168 }
169 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel,
170 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt,
171 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over,
172 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel,
173 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over,
174 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok,
175 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel {
176 background: transparent;
177 color: var(--e-a-color-primary-bold);
178 }
179 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:focus,
180 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:hover,
181 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:hover,
182 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:hover,
183 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:hover,
184 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:hover,
185 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:hover,
186 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:focus,
187 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:focus,
188 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:focus,
189 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:focus,
190 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:focus,
191 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:focus {
192 background: var(--e-a-bg-primary);
193 }
194 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent,
195 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro,
196 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent {
197 background-color: var(--e-a-btn-bg-accent);
198 }
199 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:focus,
200 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:hover,
201 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:focus,
202 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:hover,
203 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:focus {
204 background-color: var(--e-a-btn-bg-accent-hover);
205 }
206 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:active, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:active,
207 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:active,
208 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:active {
209 background-color: var(--e-a-btn-bg-accent-active);
210 }
211 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning,
212 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning,
213 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning {
214 background-color: var(--e-a-btn-bg-warning);
215 }
216 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning:focus,
217 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:hover,
218 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:focus,
219 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:hover,
220 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:focus {
221 background-color: var(--e-a-btn-bg-warning-hover);
222 }
223 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger,
224 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger,
225 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger {
226 background-color: var(--e-a-btn-bg-danger);
227 }
228 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger:focus,
229 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover,
230 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus,
231 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:hover,
232 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:focus {
233 background-color: var(--e-a-btn-bg-danger-hover);
234 }
235 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button i,
236 .dialog-type-alert .dialog-buttons-wrapper .dialog-button i {
237 -webkit-margin-end: 5px;
238 margin-inline-end: 5px;
239 }
240 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:visited,
241 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,
242 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus,
243 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:visited {
244 color: initial;
245 }
246 .flatpickr-calendar {
247 width: 280px;
248 }
249 .flatpickr-calendar .flatpickr-current-month span.cur-month {
250 font-weight: 300;
251 }
252 .flatpickr-calendar .dayContainer {
253 width: 280px;
254 min-width: 280px;
255 max-width: 280px;
256 }
257 .flatpickr-calendar .flatpickr-days {
258 width: 280px;
259 }
260 .flatpickr-calendar .flatpickr-day {
261 max-width: 37px;
262 height: 37px;
263 line-height: 37px;
264 }
265
266 .elementor-hidden {
267 display: none;
268 }
269
270 .elementor-screen-only,
271 .screen-reader-text,
272 .screen-reader-text span,
273 .ui-helper-hidden-accessible {
274 position: absolute;
275 top: -10000em;
276 width: 1px;
277 height: 1px;
278 margin: -1px;
279 padding: 0;
280 overflow: hidden;
281 clip: rect(0, 0, 0, 0);
282 border: 0;
283 }
284
285 .elementor-clearfix:after {
286 content: "";
287 display: block;
288 clear: both;
289 width: 0;
290 height: 0;
291 }
292
293 .e-logo-wrapper {
294 background: var(--e-a-bg-logo);
295 display: inline-block;
296 padding: 0.75em;
297 border-radius: 50%;
298 line-height: 1;
299 }
300 .e-logo-wrapper i {
301 color: var(--e-a-color-logo);
302 font-size: 1em;
303 }
304
305 :root {
306 --e-a-color-white: #ffffff;
307 --e-a-color-black: #000000;
308 --e-a-color-logo: #ffffff;
309 --e-a-color-primary: #F3BAFD;
310 --e-a-color-primary-bold: #D004D4;
311 --e-a-color-secondary: #515962;
312 --e-a-color-success: #0A875A;
313 --e-a-color-danger: #DC2626;
314 --e-a-color-info: #2563EB;
315 --e-a-color-warning: #F59E0B;
316 --e-a-color-accent: #524CFF;
317 --e-a-color-global: #1DDDBF;
318 --e-a-bg-default: #ffffff;
319 --e-a-bg-invert: #0C0D0E;
320 --e-a-bg-hover: #F1F2F3;
321 --e-a-bg-active: #E6E8EA;
322 --e-a-bg-active-bold: #D5D8DC;
323 --e-a-bg-loading: #F9FAFA;
324 --e-a-bg-logo: #000000;
325 --e-a-bg-primary: #FAE8FF;
326 --e-a-bg-secondary: #515962;
327 --e-a-bg-success: #F2FDF5;
328 --e-a-bg-info: #F0F7FF;
329 --e-a-bg-danger: #FEF1F4;
330 --e-a-bg-warning: #FFFBEB;
331 --e-a-color-txt: #515962;
332 --e-a-color-txt-muted: #818A96;
333 --e-a-color-txt-disabled: #BABFC5;
334 --e-a-color-txt-invert: #ffffff;
335 --e-a-color-txt-accent: #0C0D0E;
336 --e-a-color-txt-hover: #3f444b;
337 --e-a-color-txt-active: #0C0D0E;
338 --e-a-border-color: #E6E8EA;
339 --e-a-border-color-bold: #D5D8DC;
340 --e-a-border-color-focus: #BABFC5;
341 --e-a-border-color-accent: #0C0D0E;
342 --e-a-border: 1px solid var(--e-a-border-color);
343 --e-a-border-bold: 1px solid var(--e-a-border-color-bold);
344 --e-a-border-radius: 3px;
345 --e-a-btn-color: #0C0D0E;
346 --e-a-btn-color-invert: var(--e-a-color-txt-invert);
347 --e-a-btn-color-disabled: var(--e-a-color-txt-disabled);
348 --e-a-btn-bg: #515962;
349 --e-a-btn-bg-hover: #3a4046;
350 --e-a-btn-bg-active: #23262a;
351 --e-a-btn-bg-disabled: #D5D8DC;
352 --e-a-btn-bg-primary: #F3BAFD;
353 --e-a-btn-bg-primary-hover: #F5D0FE;
354 --e-a-btn-bg-primary-active:#F0ABFC;
355 --e-a-btn-bg-accent: #524CFF;
356 --e-a-btn-bg-accent-hover: #4C43E5;
357 --e-a-btn-bg-accent-active: #4338CA;
358 --e-a-btn-bg-success: #0A875A;
359 --e-a-btn-bg-success-hover: #06583a;
360 --e-a-btn-bg-success-active:#03281b;
361 --e-a-btn-bg-danger: #DC2626;
362 --e-a-btn-bg-danger-hover: #b21d1d;
363 --e-a-btn-bg-danger-active: #861616;
364 --e-a-dark-bg: #0C0D0E;
365 --e-a-dark-color-txt: #9DA5AE;
366 --e-a-dark-color-txt-hover: #D5D8DC;
367 --e-a-font-family: Roboto, Arial, Helvetica, sans-serif;
368 --e-a-transition-hover: all .3s;
369 --e-a-popover-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
370 --e-a-dropdown-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
371 }
372
373 .elementor-control-unit-1 {
374 width: 27px;
375 }
376
377 .elementor-control-unit-2 {
378 width: 54px;
379 }
380
381 .elementor-control-unit-3 {
382 width: 81px;
383 }
384
385 .elementor-control-unit-4 {
386 width: 108px;
387 }
388
389 .elementor-control-unit-5 {
390 max-width: 400px;
391 width: 52%;
392 }
393
394 .elementor-tags-list {
395 display: none;
396 position: absolute;
397 width: 260px;
398 max-height: 300px;
399 overflow: auto;
400 padding-bottom: 5px;
401 background-color: var(--e-a-bg-default);
402 box-shadow: var(--e-a-popover-shadow);
403 border: var(--e-a-border);
404 border-radius: 3px;
405 z-index: 10000;
406 }
407 .elementor-tags-list__group-title {
408 font-weight: bold;
409 font-size: 12px;
410 padding: 10px 15px;
411 display: flex;
412 align-items: center;
413 }
414 .elementor-tags-list__group-title .eicon-info-circle {
415 padding-right: 5px;
416 color: var(--e-a-color-primary-bold);
417 font-size: 14px;
418 }
419 .elementor-tags-list__item {
420 font-size: 10px;
421 padding: 6px 15px;
422 cursor: pointer;
423 }
424 .elementor-tags-list__item:before {
425 content: ">";
426 font-size: 8px;
427 padding-right: 5px;
428 }
429 .elementor-tags-list__item:hover {
430 background-color: var(--e-a-bg-hover);
431 }
432 .elementor-tags-list__teaser {
433 border-top: 2px solid var(--e-a-border-color);
434 padding-top: 4px;
435 margin-top: 4px;
436 }
437 .elementor-tags-list__teaser-text {
438 padding: 2px 15px 8px;
439 line-height: 1.5;
440 font-size: 12px;
441 }
442 .elementor-tags-list__teaser-link {
443 color: var(--e-a-color-primary-bold);
444 text-decoration: underline;
445 font-style: italic;
446 font-weight: bold;
447 }
448
449 .elementor-dynamic-cover {
450 display: flex;
451 align-items: center;
452 width: 100%;
453 height: 27px;
454 box-sizing: border-box;
455 }
456 .elementor-dynamic-cover__title {
457 padding: 0 8px;
458 flex-grow: 1;
459 white-space: nowrap;
460 text-overflow: ellipsis;
461 overflow: hidden;
462 }
463 .elementor-dynamic-cover__settings, .elementor-dynamic-cover__remove {
464 cursor: pointer;
465 transition: var(--e-a-transition-hover);
466 }
467 .elementor-dynamic-cover__settings:hover, .elementor-dynamic-cover__remove:hover {
468 color: var(--e-a-color-txt-hover);
469 }
470 .elementor-control-type-wysiwyg .elementor-dynamic-cover {
471 margin-top: 10px;
472 }
473
474 .elementor-tag-settings-popup {
475 position: absolute;
476 width: 260px;
477 background-color: var(--e-a-bg-default);
478 border: var(--e-a-border);
479 box-shadow: var(--e-a-popover-shadow);
480 z-index: 1;
481 }
482 .elementor-tag-settings-popup:before {
483 content: "";
484 position: absolute;
485 top: -20px;
486 left: 5px;
487 border: 10px solid transparent;
488 border-bottom-color: var(--e-a-border-color);
489 }
490 .elementor-tag-settings-popup .elementor-control-type-section:first-child {
491 margin: 0;
492 }
493
494 .elementor-tag-controls-stack-empty {
495 background-color: var(--e-a-bg-default);
496 padding: 10px;
497 font-size: 13px;
498 text-align: center;
499 }
500
501 .elementor-control-dynamic input {
502 border-start-start-radius: var(--e-a-border-radius);
503 border-start-end-radius: 0;
504 border-end-end-radius: 0;
505 border-end-start-radius: var(--e-a-border-radius);
506 }
507 .elementor-control-dynamic-switcher {
508 display: inline-flex;
509 align-items: center;
510 justify-content: center;
511 flex-shrink: 0;
512 height: 27px;
513 cursor: pointer;
514 border: var(--e-a-border-bold);
515 background: var(--e-a-bg-default);
516 border-inline-start-width: 0;
517 border-start-start-radius: 0;
518 border-start-end-radius: var(--e-a-border-radius);
519 border-end-end-radius: var(--e-a-border-radius);
520 border-end-start-radius: 0;
521 transition: var(--e-a-transition-hover);
522 }
523 .elementor-control-dynamic-switcher:hover {
524 background-color: var(--e-a-bg-hover);
525 color: var(--e-a-color-txt-hover);
526 }
527 .elementor-control-dynamic-switcher.e-control-tool {
528 height: 20px;
529 border: 0;
530 }
531 .elementor-control-dynamic-switcher-wrapper {
532 display: flex;
533 }
534 .elementor-control-dynamic-switcher .eicon-database {
535 font-size: 12px;
536 }
537 .elementor-control-dynamic-value .elementor-control-tag-area,
538 .elementor-control-dynamic-value .elementor-control-dynamic-switcher,
539 .elementor-control-dynamic-value .e-global__popover-toggle {
540 display: none;
541 }
542
543 .elementor-panel-box-content {
544 padding: 20px 20px 10px;
545 }
546
547 .elementor-button {
548 display: inline-block;
549 }
550
551 .elementor-panel-alert {
552 background-color: var(--e-a-bg-primary);
553 padding: 15px;
554 border-left: 3px solid var(--e-a-color-primary);
555 position: relative;
556 font-size: 12px;
557 font-weight: 300;
558 font-style: italic;
559 line-height: 1.5;
560 text-align: left;
561 border-radius: 0 3px 3px 0;
562 }
563 .elementor-panel-alert a {
564 color: inherit;
565 }
566 .elementor-panel-alert.elementor-panel-alert-info {
567 border-color: var(--e-a-color-info);
568 background: var(--e-a-bg-info);
569 }
570 .elementor-panel-alert.elementor-panel-alert-success {
571 border-color: var(--e-a-color-success);
572 background: var(--e-a-bg-success);
573 }
574 .elementor-panel-alert.elementor-panel-alert-warning {
575 border-left: 3px solid var(--e-a-color-warning);
576 background: var(--e-a-bg-warning);
577 }
578 .elementor-panel-alert.elementor-panel-alert-danger {
579 border-color: var(--e-a-color-danger);
580 background: var(--e-a-bg-danger);
581 }
582
583 .elementor-descriptor, .elementor-control-field-description {
584 font-size: 11px;
585 font-style: italic;
586 line-height: 1.4;
587 color: var(--e-a-color-txt-muted);
588 }
589
590 .elementor-controls-popover {
591 display: none;
592 position: absolute;
593 box-shadow: var(--e-a-popover-shadow);
594 border-radius: var(--e-a-border-radius);
595 left: 0;
596 right: 0;
597 margin: -4px auto 5px;
598 padding-top: 15px;
599 width: 90%;
600 z-index: 10000;
601 background-color: var(--e-a-bg-default);
602 }
603 .elementor-controls-popover:before {
604 content: "";
605 position: absolute;
606 top: -16px;
607 right: 22px;
608 border: 8px solid transparent;
609 border-bottom-color: var(--e-a-bg-default);
610 }
611 .elementor-controls-popover div.elementor-control {
612 background-color: transparent;
613 }
614 .elementor-controls-popover div.elementor-control:before {
615 content: none;
616 }
617
618 #elementor-panel-global .elementor-nerd-box .elementor-nerd-box-icon {
619 margin-top: 20px;
620 }
621
622 .elementor-control {
623 --control-title-size: 12px;
624 position: relative;
625 padding: 0 20px 15px;
626 }
627 .elementor-control a {
628 font-weight: 500;
629 text-decoration: none;
630 border-bottom: 1px dotted transparent;
631 transition: all ease-in-out 0.3s;
632 }
633 .elementor-control a:hover {
634 border-bottom-color: inherit;
635 }
636 .elementor-control .elementor-control-content {
637 display: flex;
638 flex-direction: column;
639 }
640 .elementor-control .elementor-control-title {
641 font-size: var(--control-title-size);
642 line-height: 1;
643 margin-right: 5px;
644 }
645 .elementor-control .elementor-control-spinner {
646 display: flex;
647 align-items: center;
648 }
649 .elementor-control.elementor-control-type-divider {
650 padding: 0;
651 }
652 .elementor-control.elementor-control-type-divider .elementor-control-content {
653 border-width: 0;
654 border-top: var(--e-a-border);
655 background-color: var(--e-a-bg-default);
656 height: 15px;
657 }
658 .elementor-control.elementor-control-separator-before {
659 padding-top: 15px;
660 }
661 .elementor-control.elementor-control-separator-before:before {
662 content: "";
663 position: absolute;
664 height: 1px;
665 width: calc(100% - 40px);
666 top: 0;
667 left: 20px;
668 background-color: var(--e-a-border-color);
669 }
670 .elementor-control.elementor-control-separator-after:after {
671 content: "";
672 position: absolute;
673 height: 1px;
674 width: calc(100% - 40px);
675 bottom: 0;
676 left: 20px;
677 background-color: var(--e-a-border-color);
678 }
679 .elementor-control.elementor-control-separator-after + .elementor-control-type-tabs + .elementor-control-separator-default, .elementor-control.elementor-control-separator-after:not(.elementor-hidden-control) + .elementor-control-separator-default {
680 padding-top: 15px;
681 }
682 .elementor-control.elementor-control-deprecated {
683 color: #F59E0B;
684 }
685 .elementor-control.elementor-control-deprecated .elementor-control-field-description {
686 color: #F59E0B;
687 }
688 .elementor-control.elementor-control-hidden-label > * > .elementor-control-title, .elementor-control.elementor-control-hidden-label > * > * > .elementor-control-title {
689 display: none;
690 }
691 .elementor-control.elementor-hidden-control {
692 display: none;
693 }
694 .elementor-control.elementor-control-type-heading .elementor-control-title {
695 font-weight: bold;
696 margin: 0;
697 }
698 body:not(.elementor-device-widescreen) .elementor-control.elementor-control-responsive-widescreen {
699 display: none;
700 }
701 body:not(.elementor-device-desktop) .elementor-control.elementor-control-responsive-desktop {
702 display: none;
703 }
704 body:not(.elementor-device-laptop) .elementor-control.elementor-control-responsive-laptop {
705 display: none;
706 }
707 body:not(.elementor-device-tablet_extra) .elementor-control.elementor-control-responsive-tablet_extra {
708 display: none;
709 }
710 body:not(.elementor-device-tablet) .elementor-control.elementor-control-responsive-tablet {
711 display: none;
712 }
713 body:not(.elementor-device-mobile_extra) .elementor-control.elementor-control-responsive-mobile_extra {
714 display: none;
715 }
716 body:not(.elementor-device-mobile) .elementor-control.elementor-control-responsive-mobile {
717 display: none;
718 }
719 .elementor-control-custom_css_pro .elementor-nerd-box-message, .elementor-control-custom_attributes_pro .elementor-nerd-box-message {
720 margin-top: 5px;
721 }
722 .elementor-control.elementor-control-custom_css_title {
723 font-size: 12px;
724 }
725
726 .elementor-control.e-open .elementor-panel-heading-toggle .eicon:before, .elementor-control.elementor-active .elementor-panel-heading-toggle .eicon:before,
727 .elementor-panel-category.e-open .elementor-panel-heading-toggle .eicon:before,
728 .elementor-panel-category.elementor-active .elementor-panel-heading-toggle .eicon:before,
729 .elementor-panel-scheme-item.e-open .elementor-panel-heading-toggle .eicon:before,
730 .elementor-panel-scheme-item.elementor-active .elementor-panel-heading-toggle .eicon:before {
731 content: "\e92a";
732 }
733 .elementor-control:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle .eicon:before,
734 .elementor-panel-category:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle .eicon:before,
735 .elementor-panel-scheme-item:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle .eicon:before {
736 content: "\e90a";
737 }
738
739 .elementor-panel-heading {
740 display: flex;
741 align-items: center;
742 gap: 5px;
743 height: 48px;
744 padding-inline: 20px;
745 width: 100%;
746 border-top: var(--e-a-border);
747 border-top-width: 2px;
748 color: var(--e-a-color-txt-accent);
749 cursor: pointer;
750 }
751 .elementor-panel-heading-toggle {
752 width: 10px;
753 display: flex;
754 flex-direction: column;
755 align-items: center;
756 }
757 .elementor-panel-heading-title {
758 font-weight: bold;
759 }
760
761 #elementor-controls .elementor-control-type-section:first-child .elementor-panel-heading {
762 border-top: none;
763 }
764
765 .elementor-control-field {
766 display: flex;
767 align-items: center;
768 }
769
770 .elementor-label-block > .elementor-control-content > .elementor-control-field {
771 flex-wrap: wrap;
772 }
773 .elementor-label-block > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
774 width: 100%;
775 max-width: 100%;
776 margin-top: 10px;
777 }
778 .elementor-label-block > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper > .elementor-choices label {
779 width: auto;
780 flex: 1 1 27px;
781 display: flex;
782 align-items: center;
783 justify-content: center;
784 }
785 .elementor-label-block.elementor-control-hidden-label:not(.elementor-control-dynamic) > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
786 margin-top: 0;
787 }
788 .elementor-label-block.elementor-control-hidden-label.elementor-label-block > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
789 margin-top: 0;
790 }
791
792 .elementor-label-inline > .elementor-control-content > .elementor-control-field > .elementor-control-title {
793 flex-shrink: 0;
794 max-width: 60%;
795 }
796 .elementor-label-inline > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
797 margin-left: auto;
798 }
799
800 .elementor-control-field-description {
801 margin-top: 10px;
802 }
803
804 .elementor-group-control-attachment_alert .elementor-control-field-description {
805 margin-top: 0;
806 }
807
808 .elementor-update-preview {
809 margin: 15px 15px 0;
810 display: flex;
811 align-items: center;
812 }
813
814 .elementor-update-preview-button-wrapper {
815 flex-grow: 1;
816 text-align: right;
817 }
818
819 .elementor-update-preview-button {
820 padding: 8px 15px;
821 text-transform: uppercase;
822 }
823
824 .elementor-control-direction-ltr input,
825 .elementor-control-direction-ltr textarea {
826 direction: ltr;
827 }
828 .elementor-control-direction-rtl input,
829 .elementor-control-direction-rtl textarea {
830 direction: rtl;
831 }
832
833 .elementor-control-responsive-switchers {
834 --selected-option: 0;
835 --pointer-position: var(--selected-option);
836 position: relative;
837 width: 2.5em;
838 height: 2.5em;
839 margin: calc( -2.5em + 12px) 0;
840 margin-right: 5px;
841 }
842 .elementor-control-responsive-switchers__holder {
843 position: absolute;
844 width: 100%;
845 top: 0;
846 background-color: var(--e-a-bg-default);
847 border-radius: var(--e-a-border-radius);
848 transition: 0.15s;
849 border: 1px solid transparent;
850 }
851 .elementor-control-responsive-switchers.elementor-responsive-switchers-open {
852 z-index: 11000;
853 }
854 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher {
855 height: 2.5em;
856 transform: scale(1);
857 opacity: 1;
858 }
859 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher:hover {
860 color: var(--e-a-color-primary-bold);
861 }
862 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-control-responsive-switchers__holder {
863 box-shadow: var(--e-a-dropdown-shadow);
864 }
865
866 .elementor-responsive-switcher {
867 all: unset;
868 display: flex;
869 align-items: center;
870 justify-content: center;
871 position: relative;
872 z-index: 2;
873 cursor: pointer;
874 height: 0;
875 width: 100%;
876 transform: scale(0);
877 opacity: 0;
878 transition: 0.15s;
879 font-size: 12px;
880 color: inherit;
881 }
882 .elementor-responsive-switcher:hover {
883 color: var(--e-a-color-primary-bold);
884 }
885
886 .elementor-device-widescreen .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
887 height: 2.5em;
888 transform: scale(1);
889 opacity: 1;
890 }
891 .elementor-device-widescreen .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
892 color: var(--e-a-color-primary-bold);
893 }
894
895 .elementor-device-desktop .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
896 height: 2.5em;
897 transform: scale(1);
898 opacity: 1;
899 }
900 .elementor-device-desktop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
901 color: var(--e-a-color-primary-bold);
902 }
903
904 .elementor-device-laptop .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
905 height: 2.5em;
906 transform: scale(1);
907 opacity: 1;
908 }
909 .elementor-device-laptop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
910 color: var(--e-a-color-primary-bold);
911 }
912
913 .elementor-device-tablet_extra .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
914 height: 2.5em;
915 transform: scale(1);
916 opacity: 1;
917 }
918 .elementor-device-tablet_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
919 color: var(--e-a-color-primary-bold);
920 }
921
922 .elementor-device-tablet .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
923 height: 2.5em;
924 transform: scale(1);
925 opacity: 1;
926 }
927 .elementor-device-tablet .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
928 color: var(--e-a-color-primary-bold);
929 }
930
931 .elementor-device-mobile_extra .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
932 height: 2.5em;
933 transform: scale(1);
934 opacity: 1;
935 }
936 .elementor-device-mobile_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
937 color: var(--e-a-color-primary-bold);
938 }
939
940 .elementor-device-mobile .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
941 height: 2.5em;
942 transform: scale(1);
943 opacity: 1;
944 }
945 .elementor-device-mobile .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
946 color: var(--e-a-color-primary-bold);
947 }
948
949 .e-units-wrapper {
950 position: relative;
951 margin-left: auto;
952 }
953 .e-units-wrapper .e-units-switcher {
954 cursor: pointer;
955 font-size: 10px;
956 padding: 0.5em;
957 margin: -0.5em 0;
958 transition: all ease-in-out 0.15s;
959 }
960 .e-units-wrapper .e-units-switcher:hover {
961 color: var(--e-a-color-primary-bold);
962 background-color: var(--e-a-bg-hover);
963 border-radius: var(--e-a-border-radius);
964 }
965 .e-units-wrapper .e-units-switcher:not([data-selected=custom]) i.eicon-edit {
966 display: none;
967 }
968 .e-units-wrapper .e-units-switcher[data-selected=custom] span {
969 display: none;
970 }
971 .e-units-wrapper .e-units-switcher i.eicon-angle-right {
972 transform: rotate(90deg);
973 }
974
975 .e-units-choices input {
976 display: none;
977 }
978 .e-units-choices input:checked + label {
979 color: var(--e-a-color-primary-bold);
980 }
981 .e-units-choices label {
982 cursor: pointer;
983 display: block;
984 }
985 .e-units-choices {
986 display: none;
987 overflow: hidden;
988 max-height: 0;
989 position: absolute;
990 top: -0.8em;
991 left: -0.5em;
992 width: 2.5em;
993 text-align: center;
994 background-color: var(--e-a-bg-default);
995 border-radius: var(--e-a-border-radius);
996 box-shadow: var(--e-a-dropdown-shadow);
997 animation-timing-function: linear;
998 animation-delay: 0s;
999 animation-fill-mode: forwards;
1000 z-index: 11000;
1001 }
1002 .e-units-choices .elementor-units-choices-label {
1003 display: flex;
1004 align-items: center;
1005 height: 3em;
1006 justify-content: center;
1007 font-size: 10px;
1008 transition: 0.15s;
1009 }
1010 .e-units-choices .elementor-units-choices-label:hover {
1011 color: var(--e-a-color-primary-bold);
1012 }
1013 .e-units-choices .elementor-units-choices-label:not([data-choose=custom]) i {
1014 display: none;
1015 }
1016 .e-units-choices .elementor-units-choices-label[data-choose=custom] span {
1017 display: none;
1018 }
1019 .e-units-choices.e-units-choices-open {
1020 display: block;
1021 animation-duration: 1s;
1022 animation-name: e-units-choices-open;
1023 }
1024
1025 .e-units-custom input {
1026 font-family: monospace;
1027 font-size: 0.85em;
1028 }
1029
1030 @keyframes e-units-choices-open {
1031 from {
1032 max-height: 0;
1033 }
1034 to {
1035 max-height: 100vh;
1036 }
1037 }
1038 .elementor-control-type-button .elementor-control-input-wrapper {
1039 text-align: right;
1040 }
1041 .elementor-control-type-button .elementor-button {
1042 width: auto;
1043 }
1044 .elementor-control-type-button .elementor-button.elementor-button-center {
1045 display: block;
1046 margin: 0 auto;
1047 }
1048
1049 .elementor-control-type-choose.elementor-label-block .elementor-choices {
1050 width: 100%;
1051 }
1052
1053 .elementor-choices {
1054 display: flex;
1055 height: 27px;
1056 line-height: 27px;
1057 text-align: center;
1058 border-spacing: 1px;
1059 border-radius: var(--e-a-border-radius);
1060 overflow: hidden;
1061 }
1062 .elementor-choices .elementor-choices-label {
1063 border-top: var(--e-a-border-bold);
1064 border-bottom: var(--e-a-border-bold);
1065 border-left: var(--e-a-border-bold);
1066 border-right: none;
1067 font-size: 12px;
1068 transition: var(--e-a-transition-hover);
1069 cursor: pointer;
1070 overflow: hidden;
1071 }
1072 .elementor-choices .elementor-choices-label:nth-child(2) {
1073 border-top-left-radius: var(--e-a-border-radius);
1074 border-bottom-left-radius: var(--e-a-border-radius);
1075 }
1076 .elementor-choices .elementor-choices-label:last-child {
1077 border-right: var(--e-a-border-bold);
1078 border-top-right-radius: var(--e-a-border-radius);
1079 border-bottom-right-radius: var(--e-a-border-radius);
1080 }
1081 .elementor-choices input {
1082 display: none;
1083 }
1084 .elementor-choices input:hover + .elementor-choices-label {
1085 background-color: var(--e-a-bg-hover);
1086 }
1087 .elementor-choices input.e-choose-placeholder + .elementor-choices-label, .elementor-choices input:checked + .elementor-choices-label {
1088 background-color: var(--e-a-bg-active-bold);
1089 color: var(--e-a-color-txt-accent);
1090 }
1091
1092 .elementor-label-inline .elementor-choices {
1093 justify-content: flex-end;
1094 }
1095
1096 .elementor-control-type-color.e-control-global .pickr {
1097 border-radius: 0 var(--e-a-border-radius) var(--e-a-border-radius) 0;
1098 flex-shrink: 0;
1099 border-color: var(--e-a-border-color-bold);
1100 transition: var(--e-a-transition-hover);
1101 }
1102 .elementor-control-type-color.e-control-global .pickr:hover {
1103 background-color: var(--e-a-bg-hover);
1104 }
1105 .elementor-control-type-color.e-control-global .e-global__popover-toggle:not(.e-global__popover-toggle--active) ~ .pickr {
1106 background-color: var(--e-a-bg-active-bold);
1107 }
1108 .elementor-control-type-color .elementor-control-title {
1109 flex-grow: 1;
1110 }
1111 .elementor-control-type-color .elementor-control-input-wrapper {
1112 display: flex;
1113 justify-content: flex-end;
1114 }
1115
1116 .elementor-group-control-css-filter .elementor-slider {
1117 height: 6px;
1118 box-shadow: 0 0 1px 1px inset rgba(0, 0, 0, 0.2);
1119 }
1120 .elementor-group-control-css-filter .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
1121 margin-top: 0;
1122 margin-bottom: 5px;
1123 }
1124
1125 .elementor-group-control-blur .elementor-slider {
1126 background: url("../images/blur.png");
1127 background-size: cover;
1128 background-position: center;
1129 }
1130
1131 .elementor-group-control-contrast .elementor-slider {
1132 background: url("../images/contrast.png");
1133 background-size: 100% 100%;
1134 }
1135
1136 .elementor-group-control-hue .elementor-slider {
1137 background-image: linear-gradient(to right, red, orange, yellow, greenyellow, limegreen, deepskyblue, blue, darkviolet 95%);
1138 }
1139
1140 .elementor-group-control-saturate .elementor-slider {
1141 background-image: linear-gradient(to right, gray, red);
1142 }
1143
1144 .elementor-group-control-brightness .elementor-slider {
1145 background-image: linear-gradient(to right, black, white);
1146 }
1147
1148 .elementor-control-responsive-switchers {
1149 --selected-option: 0;
1150 --pointer-position: var(--selected-option);
1151 position: relative;
1152 width: 2.5em;
1153 height: 2.5em;
1154 margin: calc( -2.5em + 12px) 0;
1155 margin-right: 5px;
1156 }
1157 .elementor-control-responsive-switchers__holder {
1158 position: absolute;
1159 width: 100%;
1160 top: 0;
1161 background-color: var(--e-a-bg-default);
1162 border-radius: var(--e-a-border-radius);
1163 transition: 0.15s;
1164 border: 1px solid transparent;
1165 }
1166 .elementor-control-responsive-switchers.elementor-responsive-switchers-open {
1167 z-index: 11000;
1168 }
1169 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher {
1170 height: 2.5em;
1171 transform: scale(1);
1172 opacity: 1;
1173 }
1174 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher:hover {
1175 color: var(--e-a-color-primary-bold);
1176 }
1177 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-control-responsive-switchers__holder {
1178 box-shadow: var(--e-a-dropdown-shadow);
1179 }
1180
1181 .elementor-responsive-switcher {
1182 all: unset;
1183 display: flex;
1184 align-items: center;
1185 justify-content: center;
1186 position: relative;
1187 z-index: 2;
1188 cursor: pointer;
1189 height: 0;
1190 width: 100%;
1191 transform: scale(0);
1192 opacity: 0;
1193 transition: 0.15s;
1194 font-size: 12px;
1195 color: inherit;
1196 }
1197 .elementor-responsive-switcher:hover {
1198 color: var(--e-a-color-primary-bold);
1199 }
1200
1201 .elementor-device-widescreen .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
1202 height: 2.5em;
1203 transform: scale(1);
1204 opacity: 1;
1205 }
1206 .elementor-device-widescreen .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
1207 color: var(--e-a-color-primary-bold);
1208 }
1209
1210 .elementor-device-desktop .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
1211 height: 2.5em;
1212 transform: scale(1);
1213 opacity: 1;
1214 }
1215 .elementor-device-desktop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
1216 color: var(--e-a-color-primary-bold);
1217 }
1218
1219 .elementor-device-laptop .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1220 height: 2.5em;
1221 transform: scale(1);
1222 opacity: 1;
1223 }
1224 .elementor-device-laptop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1225 color: var(--e-a-color-primary-bold);
1226 }
1227
1228 .elementor-device-tablet_extra .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1229 height: 2.5em;
1230 transform: scale(1);
1231 opacity: 1;
1232 }
1233 .elementor-device-tablet_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1234 color: var(--e-a-color-primary-bold);
1235 }
1236
1237 .elementor-device-tablet .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1238 height: 2.5em;
1239 transform: scale(1);
1240 opacity: 1;
1241 }
1242 .elementor-device-tablet .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1243 color: var(--e-a-color-primary-bold);
1244 }
1245
1246 .elementor-device-mobile_extra .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1247 height: 2.5em;
1248 transform: scale(1);
1249 opacity: 1;
1250 }
1251 .elementor-device-mobile_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1252 color: var(--e-a-color-primary-bold);
1253 }
1254
1255 .elementor-device-mobile .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1256 height: 2.5em;
1257 transform: scale(1);
1258 opacity: 1;
1259 }
1260 .elementor-device-mobile .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1261 color: var(--e-a-color-primary-bold);
1262 }
1263
1264 .e-units-wrapper {
1265 position: relative;
1266 margin-left: auto;
1267 }
1268 .e-units-wrapper .e-units-switcher {
1269 cursor: pointer;
1270 font-size: 10px;
1271 padding: 0.5em;
1272 margin: -0.5em 0;
1273 transition: all ease-in-out 0.15s;
1274 }
1275 .e-units-wrapper .e-units-switcher:hover {
1276 color: var(--e-a-color-primary-bold);
1277 background-color: var(--e-a-bg-hover);
1278 border-radius: var(--e-a-border-radius);
1279 }
1280 .e-units-wrapper .e-units-switcher:not([data-selected=custom]) i.eicon-edit {
1281 display: none;
1282 }
1283 .e-units-wrapper .e-units-switcher[data-selected=custom] span {
1284 display: none;
1285 }
1286 .e-units-wrapper .e-units-switcher i.eicon-angle-right {
1287 transform: rotate(90deg);
1288 }
1289
1290 .e-units-choices input {
1291 display: none;
1292 }
1293 .e-units-choices input:checked + label {
1294 color: var(--e-a-color-primary-bold);
1295 }
1296 .e-units-choices label {
1297 cursor: pointer;
1298 display: block;
1299 }
1300 .e-units-choices {
1301 display: none;
1302 overflow: hidden;
1303 max-height: 0;
1304 position: absolute;
1305 top: -0.8em;
1306 left: -0.5em;
1307 width: 2.5em;
1308 text-align: center;
1309 background-color: var(--e-a-bg-default);
1310 border-radius: var(--e-a-border-radius);
1311 box-shadow: var(--e-a-dropdown-shadow);
1312 animation-timing-function: linear;
1313 animation-delay: 0s;
1314 animation-fill-mode: forwards;
1315 z-index: 11000;
1316 }
1317 .e-units-choices .elementor-units-choices-label {
1318 display: flex;
1319 align-items: center;
1320 height: 3em;
1321 justify-content: center;
1322 font-size: 10px;
1323 transition: 0.15s;
1324 }
1325 .e-units-choices .elementor-units-choices-label:hover {
1326 color: var(--e-a-color-primary-bold);
1327 }
1328 .e-units-choices .elementor-units-choices-label:not([data-choose=custom]) i {
1329 display: none;
1330 }
1331 .e-units-choices .elementor-units-choices-label[data-choose=custom] span {
1332 display: none;
1333 }
1334 .e-units-choices.e-units-choices-open {
1335 display: block;
1336 animation-duration: 1s;
1337 animation-name: e-units-choices-open;
1338 }
1339
1340 .e-units-custom input {
1341 font-family: monospace;
1342 font-size: 0.85em;
1343 }
1344
1345 @keyframes e-units-choices-open {
1346 from {
1347 max-height: 0;
1348 }
1349 to {
1350 max-height: 100vh;
1351 }
1352 }
1353 .elementor-control-type-dimensions .elementor-control-dimensions {
1354 display: flex;
1355 }
1356 .elementor-control-type-dimensions li {
1357 flex: 1;
1358 transition: flex-grow 0.3s ease-in-out;
1359 }
1360 .elementor-control-type-dimensions li input,
1361 .elementor-control-type-dimensions li .elementor-link-dimensions {
1362 display: block;
1363 text-align: center;
1364 width: 100%;
1365 height: 27px;
1366 }
1367 .elementor-control-type-dimensions li input {
1368 border-left: none;
1369 border-radius: 0;
1370 padding: var(--e-a-border-radius);
1371 }
1372 .elementor-control-type-dimensions li input:focus {
1373 border-left: var(--e-a-border-bold);
1374 margin-left: -1px;
1375 width: calc(100% + 1px);
1376 }
1377 .elementor-control-type-dimensions li input:focus + .elementor-control-dimension-label {
1378 color: var(--e-a-color-txt);
1379 }
1380 .elementor-control-type-dimensions li .elementor-link-dimensions {
1381 border: var(--e-a-border-bold);
1382 border-left: none;
1383 background-color: var(--e-a-bg-default);
1384 padding: 0;
1385 outline: none;
1386 border-radius: 0 var(--e-a-border-radius) var(--e-a-border-radius) 0;
1387 cursor: pointer;
1388 }
1389 .elementor-control-type-dimensions li:first-child input {
1390 border-left: 1px solid var(--e-a-border-color-bold);
1391 border-radius: var(--e-a-border-radius) 0 0 var(--e-a-border-radius);
1392 }
1393 .elementor-control-type-dimensions li:first-child input:focus {
1394 border-color: var(--e-a-border-color-focus);
1395 margin-left: 0;
1396 width: 100%;
1397 }
1398 .elementor-control-type-dimensions li:last-child {
1399 max-width: 27px;
1400 }
1401 .elementor-control-type-dimensions.e-units-custom li.elementor-control-dimension:focus-within {
1402 flex: 2.5;
1403 }
1404 .elementor-control-type-dimensions .elementor-control-dimension-label {
1405 color: var(--e-a-color-txt-muted);
1406 display: block;
1407 text-align: center;
1408 font-size: 9px;
1409 padding-top: 5px;
1410 }
1411 .elementor-control-type-dimensions .elementor-link-dimensions.unlinked {
1412 background-color: var(--e-a-bg-default);
1413 }
1414 .elementor-control-type-dimensions .elementor-link-dimensions.unlinked .elementor-linked {
1415 display: none;
1416 }
1417 .elementor-control-type-dimensions .elementor-link-dimensions:not(.unlinked) {
1418 background-color: var(--e-a-bg-active-bold);
1419 color: var(--e-a-color-txt-accent);
1420 border-color: var(--e-a-border-color-bold);
1421 }
1422 .elementor-control-type-dimensions .elementor-link-dimensions:not(.unlinked) .elementor-unlinked {
1423 display: none;
1424 }
1425
1426 .elementor-control-responsive-switchers {
1427 --selected-option: 0;
1428 --pointer-position: var(--selected-option);
1429 position: relative;
1430 width: 2.5em;
1431 height: 2.5em;
1432 margin: calc( -2.5em + 12px) 0;
1433 margin-right: 5px;
1434 }
1435 .elementor-control-responsive-switchers__holder {
1436 position: absolute;
1437 width: 100%;
1438 top: 0;
1439 background-color: var(--e-a-bg-default);
1440 border-radius: var(--e-a-border-radius);
1441 transition: 0.15s;
1442 border: 1px solid transparent;
1443 }
1444 .elementor-control-responsive-switchers.elementor-responsive-switchers-open {
1445 z-index: 11000;
1446 }
1447 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher {
1448 height: 2.5em;
1449 transform: scale(1);
1450 opacity: 1;
1451 }
1452 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher:hover {
1453 color: var(--e-a-color-primary-bold);
1454 }
1455 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-control-responsive-switchers__holder {
1456 box-shadow: var(--e-a-dropdown-shadow);
1457 }
1458
1459 .elementor-responsive-switcher {
1460 all: unset;
1461 display: flex;
1462 align-items: center;
1463 justify-content: center;
1464 position: relative;
1465 z-index: 2;
1466 cursor: pointer;
1467 height: 0;
1468 width: 100%;
1469 transform: scale(0);
1470 opacity: 0;
1471 transition: 0.15s;
1472 font-size: 12px;
1473 color: inherit;
1474 }
1475 .elementor-responsive-switcher:hover {
1476 color: var(--e-a-color-primary-bold);
1477 }
1478
1479 .elementor-device-widescreen .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
1480 height: 2.5em;
1481 transform: scale(1);
1482 opacity: 1;
1483 }
1484 .elementor-device-widescreen .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
1485 color: var(--e-a-color-primary-bold);
1486 }
1487
1488 .elementor-device-desktop .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
1489 height: 2.5em;
1490 transform: scale(1);
1491 opacity: 1;
1492 }
1493 .elementor-device-desktop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
1494 color: var(--e-a-color-primary-bold);
1495 }
1496
1497 .elementor-device-laptop .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1498 height: 2.5em;
1499 transform: scale(1);
1500 opacity: 1;
1501 }
1502 .elementor-device-laptop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1503 color: var(--e-a-color-primary-bold);
1504 }
1505
1506 .elementor-device-tablet_extra .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1507 height: 2.5em;
1508 transform: scale(1);
1509 opacity: 1;
1510 }
1511 .elementor-device-tablet_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1512 color: var(--e-a-color-primary-bold);
1513 }
1514
1515 .elementor-device-tablet .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1516 height: 2.5em;
1517 transform: scale(1);
1518 opacity: 1;
1519 }
1520 .elementor-device-tablet .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1521 color: var(--e-a-color-primary-bold);
1522 }
1523
1524 .elementor-device-mobile_extra .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1525 height: 2.5em;
1526 transform: scale(1);
1527 opacity: 1;
1528 }
1529 .elementor-device-mobile_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1530 color: var(--e-a-color-primary-bold);
1531 }
1532
1533 .elementor-device-mobile .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1534 height: 2.5em;
1535 transform: scale(1);
1536 opacity: 1;
1537 }
1538 .elementor-device-mobile .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1539 color: var(--e-a-color-primary-bold);
1540 }
1541
1542 .e-units-wrapper {
1543 position: relative;
1544 margin-left: auto;
1545 }
1546 .e-units-wrapper .e-units-switcher {
1547 cursor: pointer;
1548 font-size: 10px;
1549 padding: 0.5em;
1550 margin: -0.5em 0;
1551 transition: all ease-in-out 0.15s;
1552 }
1553 .e-units-wrapper .e-units-switcher:hover {
1554 color: var(--e-a-color-primary-bold);
1555 background-color: var(--e-a-bg-hover);
1556 border-radius: var(--e-a-border-radius);
1557 }
1558 .e-units-wrapper .e-units-switcher:not([data-selected=custom]) i.eicon-edit {
1559 display: none;
1560 }
1561 .e-units-wrapper .e-units-switcher[data-selected=custom] span {
1562 display: none;
1563 }
1564 .e-units-wrapper .e-units-switcher i.eicon-angle-right {
1565 transform: rotate(90deg);
1566 }
1567
1568 .e-units-choices input {
1569 display: none;
1570 }
1571 .e-units-choices input:checked + label {
1572 color: var(--e-a-color-primary-bold);
1573 }
1574 .e-units-choices label {
1575 cursor: pointer;
1576 display: block;
1577 }
1578 .e-units-choices {
1579 display: none;
1580 overflow: hidden;
1581 max-height: 0;
1582 position: absolute;
1583 top: -0.8em;
1584 left: -0.5em;
1585 width: 2.5em;
1586 text-align: center;
1587 background-color: var(--e-a-bg-default);
1588 border-radius: var(--e-a-border-radius);
1589 box-shadow: var(--e-a-dropdown-shadow);
1590 animation-timing-function: linear;
1591 animation-delay: 0s;
1592 animation-fill-mode: forwards;
1593 z-index: 11000;
1594 }
1595 .e-units-choices .elementor-units-choices-label {
1596 display: flex;
1597 align-items: center;
1598 height: 3em;
1599 justify-content: center;
1600 font-size: 10px;
1601 transition: 0.15s;
1602 }
1603 .e-units-choices .elementor-units-choices-label:hover {
1604 color: var(--e-a-color-primary-bold);
1605 }
1606 .e-units-choices .elementor-units-choices-label:not([data-choose=custom]) i {
1607 display: none;
1608 }
1609 .e-units-choices .elementor-units-choices-label[data-choose=custom] span {
1610 display: none;
1611 }
1612 .e-units-choices.e-units-choices-open {
1613 display: block;
1614 animation-duration: 1s;
1615 animation-name: e-units-choices-open;
1616 }
1617
1618 .e-units-custom input {
1619 font-family: monospace;
1620 font-size: 0.85em;
1621 }
1622
1623 @keyframes e-units-choices-open {
1624 from {
1625 max-height: 0;
1626 }
1627 to {
1628 max-height: 100vh;
1629 }
1630 }
1631 .elementor-control-type-gaps .elementor-control-gaps {
1632 display: flex;
1633 }
1634 .elementor-control-type-gaps li {
1635 flex: 1;
1636 transition: flex-grow 0.3s ease-in-out;
1637 }
1638 .elementor-control-type-gaps li input,
1639 .elementor-control-type-gaps li .elementor-link-gaps {
1640 display: block;
1641 text-align: center;
1642 width: 100%;
1643 height: 27px;
1644 }
1645 .elementor-control-type-gaps li input {
1646 border-left: none;
1647 border-radius: 0;
1648 padding: var(--e-a-border-radius);
1649 }
1650 .elementor-control-type-gaps li input:focus {
1651 border-left: var(--e-a-border-bold);
1652 margin-left: -1px;
1653 width: calc(100% + 1px);
1654 }
1655 .elementor-control-type-gaps li input:focus + .elementor-control-gap-label {
1656 color: var(--e-a-color-txt);
1657 }
1658 .elementor-control-type-gaps li .elementor-link-gaps {
1659 border: var(--e-a-border-bold);
1660 border-left: none;
1661 background-color: var(--e-a-bg-default);
1662 padding: 0;
1663 outline: none;
1664 border-radius: 0 var(--e-a-border-radius) var(--e-a-border-radius) 0;
1665 cursor: pointer;
1666 }
1667 .elementor-control-type-gaps li:first-child input {
1668 border-left: 1px solid var(--e-a-border-color-bold);
1669 border-radius: var(--e-a-border-radius) 0 0 var(--e-a-border-radius);
1670 }
1671 .elementor-control-type-gaps li:first-child input:focus {
1672 border-color: var(--e-a-border-color-focus);
1673 margin-left: 0;
1674 width: 100%;
1675 }
1676 .elementor-control-type-gaps li:last-child {
1677 max-width: 27px;
1678 }
1679 .elementor-control-type-gaps.e-units-custom li.elementor-control-gap:focus-within {
1680 flex: 2.5;
1681 }
1682 .elementor-control-type-gaps .elementor-control-gap-label {
1683 color: var(--e-a-color-txt-muted);
1684 display: block;
1685 text-align: center;
1686 font-size: 9px;
1687 padding-top: 5px;
1688 }
1689 .elementor-control-type-gaps .elementor-link-gaps.unlinked {
1690 background-color: var(--e-a-bg-default);
1691 }
1692 .elementor-control-type-gaps .elementor-link-gaps.unlinked .elementor-linked {
1693 display: none;
1694 }
1695 .elementor-control-type-gaps .elementor-link-gaps:not(.unlinked) {
1696 background-color: var(--e-a-bg-active-bold);
1697 color: var(--e-a-color-txt-accent);
1698 border-color: var(--e-a-border-color-bold);
1699 }
1700 .elementor-control-type-gaps .elementor-link-gaps:not(.unlinked) .elementor-unlinked {
1701 display: none;
1702 }
1703
1704 .elementor-control-type-icons .elementor-control-media__preview > * {
1705 position: absolute;
1706 top: 50%;
1707 left: 50%;
1708 transform: translate(-50%, -50%);
1709 }
1710 .elementor-control-type-icons .elementor-control-media__preview i {
1711 font-size: 70px;
1712 }
1713 .elementor-control-type-icons .elementor-control-media__preview svg {
1714 height: 75%;
1715 }
1716 .elementor-control-type-icons .elementor-control-icons--inline__svg i.eicon-upload {
1717 font-size: 15px;
1718 }
1719
1720 .elementor-control-type-gallery .elementor-control-media__content {
1721 border: var(--e-a-border-bold);
1722 border-radius: 3px;
1723 }
1724 .elementor-control-type-gallery .elementor-control-gallery-status {
1725 font-size: 12px;
1726 height: 27px;
1727 padding-left: 10px;
1728 border-bottom: var(--e-a-border-bold);
1729 display: flex;
1730 }
1731 .elementor-control-type-gallery .elementor-control-gallery-status > * {
1732 display: flex;
1733 align-items: center;
1734 }
1735 .elementor-control-type-gallery .elementor-control-gallery-status-title {
1736 flex-grow: 1;
1737 }
1738 .elementor-control-type-gallery .elementor-control-gallery-content {
1739 position: relative;
1740 overflow: hidden;
1741 }
1742 .elementor-control-type-gallery .elementor-control-gallery-thumbnails {
1743 display: grid;
1744 grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
1745 grid-gap: 10px;
1746 cursor: pointer;
1747 padding: 10px;
1748 }
1749 .elementor-control-type-gallery .elementor-control-gallery-thumbnails:hover + .elementor-control-gallery-edit, .elementor-control-type-gallery .elementor-control-gallery-thumbnails:focus + .elementor-control-gallery-edit {
1750 opacity: 1;
1751 }
1752 .elementor-control-type-gallery .elementor-control-gallery-thumbnail {
1753 width: 48px;
1754 height: 48px;
1755 background-size: cover;
1756 background-position: 50% 50%;
1757 border: var(--e-a-border);
1758 }
1759 .elementor-control-type-gallery .elementor-control-gallery-edit {
1760 position: absolute;
1761 top: 0;
1762 bottom: 0;
1763 left: 0;
1764 right: 0;
1765 background-color: rgba(0, 0, 0, 0.2);
1766 padding: 10px;
1767 font-size: 11px;
1768 transition: all 0.3s ease-in-out;
1769 pointer-events: none;
1770 cursor: pointer;
1771 opacity: 0;
1772 }
1773 .elementor-control-type-gallery .elementor-control-gallery-edit span {
1774 position: absolute;
1775 top: 10px;
1776 right: 10px;
1777 width: 21px;
1778 height: 21px;
1779 color: var(--e-a-color-white);
1780 background-color: rgba(0, 0, 0, 0.5);
1781 box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
1782 transition: var(--e-a-transition-hover);
1783 }
1784 .elementor-control-type-gallery .elementor-control-gallery-edit span i {
1785 font-size: 11px;
1786 padding: 5px;
1787 }
1788 .elementor-control-type-gallery .elementor-control-gallery-edit span:hover {
1789 background-color: rgba(0, 0, 0, 0.6);
1790 }
1791 .elementor-control-type-gallery .elementor-control-gallery-add {
1792 width: 48px;
1793 height: 48px;
1794 font-size: 14px;
1795 }
1796 .elementor-control-type-gallery .elementor-control-gallery-add i {
1797 margin: 0;
1798 }
1799 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-clear,
1800 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-thumbnails,
1801 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-edit {
1802 display: none;
1803 }
1804 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-content {
1805 padding: 10px;
1806 }
1807 .elementor-control-type-gallery.elementor-gallery-has-images .elementor-control-gallery-add {
1808 display: none;
1809 }
1810 .elementor-control-type-gallery.elementor-control-dynamic .elementor-control-gallery-clear {
1811 border-left: var(--e-a-border);
1812 }
1813 .elementor-control-type-gallery .elementor-control-gallery-clear {
1814 color: currentColor;
1815 background-color: transparent;
1816 border: none;
1817 cursor: pointer;
1818 justify-content: center;
1819 }
1820 .elementor-control-type-gallery .elementor-control-gallery-clear:hover, .elementor-control-type-gallery .elementor-control-gallery-clear:focus {
1821 color: var(--e-a-color-danger);
1822 }
1823 .elementor-control-type-gallery .elementor-control-dynamic-switcher {
1824 border-width: 0;
1825 border-inline-start-width: 1px;
1826 border-bottom-width: 1px;
1827 border-radius: 0;
1828 }
1829
1830 .e-global__popover {
1831 width: 288px;
1832 z-index: 1;
1833 font-size: 12px;
1834 padding-left: 10px;
1835 }
1836 .e-global__popover-toggle {
1837 border: var(--e-a-border-bold);
1838 border-right: 0;
1839 border-radius: 3px 0 0 3px;
1840 display: flex;
1841 align-items: center;
1842 justify-content: center;
1843 cursor: pointer;
1844 transition: var(--e-a-transition-hover);
1845 }
1846 .e-global__popover-toggle:hover {
1847 background-color: var(--e-a-bg-hover);
1848 }
1849 .e-global__popover-toggle--active {
1850 color: var(--e-a-color-primary-bold);
1851 background-color: var(--e-a-bg-active-bold);
1852 }
1853 .e-global__popover-container {
1854 box-shadow: var(--e-a-popover-shadow);
1855 border-radius: var(--e-a-border-radius);
1856 background-color: var(--e-a-bg-default);
1857 padding-bottom: 5px;
1858 }
1859 .e-global__popover-title {
1860 padding: 15px 20px;
1861 font-weight: 500;
1862 border-bottom: var(--e-a-border);
1863 display: flex;
1864 }
1865 .e-global__popover-title > i {
1866 margin-right: 5px;
1867 }
1868 .e-global__popover-title-text {
1869 flex-grow: 1;
1870 }
1871 .e-global__popover-info {
1872 margin-right: 5px;
1873 display: inline-block;
1874 }
1875 .e-global__popover-info-tooltip {
1876 width: 270px;
1877 z-index: 1;
1878 background-color: rgba(0, 0, 0, 0.9);
1879 color: var(--e-a-color-white);
1880 padding: 20px;
1881 border-radius: 3px;
1882 }
1883 .e-global__popover-info-tooltip:after {
1884 content: "";
1885 position: absolute;
1886 bottom: -17px;
1887 left: 16px;
1888 border: 10px solid transparent;
1889 border-top-color: rgba(0, 0, 0, 0.9);
1890 }
1891 .e-global__popover-info i {
1892 font-size: 13px;
1893 }
1894 .e-global__preview-items-container {
1895 max-height: 260px;
1896 overflow-y: auto;
1897 margin-top: 5px;
1898 }
1899 .e-global__preview-items-container::-webkit-scrollbar {
1900 width: 7px;
1901 }
1902 .e-global__preview-items-container::-webkit-scrollbar-thumb {
1903 background-color: #BABFC5;
1904 border-radius: 10px;
1905 }
1906 .e-global__manage-button {
1907 font-weight: 500;
1908 cursor: pointer;
1909 }
1910 .e-global__typography {
1911 padding: 5px 10px 5px 35px;
1912 white-space: nowrap;
1913 text-overflow: ellipsis;
1914 overflow: hidden;
1915 }
1916 .e-global__typography.e-global__preview-item--selected:before {
1917 font-family: "eicons";
1918 font-size: 13px;
1919 content: "\e90e";
1920 position: absolute;
1921 transform: translateY(-50%);
1922 top: 50%;
1923 left: 12px;
1924 }
1925 .e-global__color {
1926 margin: 5px auto;
1927 padding: 5px 20px;
1928 display: flex;
1929 align-items: center;
1930 }
1931 .e-global__color:first-child {
1932 margin-top: 5px;
1933 }
1934 .e-global__color:last-child {
1935 margin-bottom: 10px;
1936 }
1937 .e-global__color-preview-container {
1938 height: 20px;
1939 width: 20px;
1940 border-radius: 3px;
1941 border: 1px solid rgba(0, 0, 0, 0.1);
1942 margin-right: 10px;
1943 flex-shrink: 0;
1944 position: relative;
1945 }
1946 .e-global__color-preview-color, .e-global__color-preview-transparent-bg {
1947 border-radius: 3px;
1948 height: 100%;
1949 width: 100%;
1950 position: absolute;
1951 top: 0;
1952 left: 0;
1953 }
1954 .e-global__color-preview-transparent-bg {
1955 background-image: linear-gradient(45deg, var(--e-a-border-color-bold) 25%, transparent 0, transparent 75%, var(--e-a-border-color-bold) 0, var(--e-a-border-color-bold)), linear-gradient(45deg, var(--e-a-border-color-bold) 25%, transparent 0, transparent 75%, var(--e-a-border-color-bold) 0, var(--e-a-border-color-bold));
1956 background-size: 12px 12px;
1957 background-position: 0 0, calc( 12px / 2 ) calc( 12px / 2 );
1958 }
1959 .e-global__color-title {
1960 flex-grow: 1;
1961 white-space: nowrap;
1962 text-overflow: ellipsis;
1963 overflow: hidden;
1964 padding-right: 10px;
1965 }
1966 .e-global__color-hex {
1967 font-size: 10px;
1968 color: var(--e-a-color-txt-muted);
1969 }
1970 .e-global__color .pcr-button {
1971 background-color: var(--e-a-bg-default);
1972 }
1973 .e-global__color.e-global__preview-item--selected .e-global__color-preview-container {
1974 display: flex;
1975 justify-content: center;
1976 align-items: center;
1977 color: var(--e-a-color-white);
1978 }
1979 .e-global__color.e-global__preview-item--selected .e-global__color-preview-container:before {
1980 font-family: "eicons";
1981 font-size: 13px;
1982 content: "\e90e";
1983 text-shadow: 0 0 1px #000;
1984 z-index: 1;
1985 }
1986 .e-global__preview-item {
1987 cursor: pointer;
1988 position: relative;
1989 }
1990 .e-global__preview-item:hover {
1991 background-color: var(--e-a-bg-hover);
1992 }
1993 .e-global__confirm-delete i, .e-global__confirm-message-text i {
1994 color: var(--e-a-color-warning);
1995 }
1996 .e-global__confirm-input-wrapper {
1997 display: flex;
1998 align-items: center;
1999 border: var(--e-a-border);
2000 border-radius: var(--e-a-border-radius);
2001 margin: 15px 0;
2002 padding: 2px;
2003 }
2004 .e-global__confirm-input-wrapper input {
2005 font-family: var(--e-a-font-family);
2006 font-size: 12px;
2007 padding: 2px;
2008 border: 0;
2009 }
2010
2011 .e-control-global .elementor-control-input-wrapper {
2012 display: flex;
2013 justify-content: flex-end;
2014 max-width: 135px;
2015 width: 100%;
2016 }
2017 .e-control-global.elementor-control .elementor-control-input-wrapper {
2018 direction: ltr;
2019 }
2020 .e-control-global .elementor-control-spinner {
2021 margin-right: 4px;
2022 }
2023
2024 .elementor-control-type-hidden {
2025 display: none !important;
2026 }
2027
2028 .elementor-control-type-icon .select2-selection__rendered .eicon {
2029 margin-right: 3px;
2030 }
2031
2032 .elementor-control-type-image_dimensions .elementor-control-field-description {
2033 margin: 0 0 15px;
2034 line-height: 1.4;
2035 }
2036 .elementor-control-type-image_dimensions .elementor-control-input-wrapper {
2037 display: flex;
2038 align-items: flex-start;
2039 }
2040 .elementor-control-type-image_dimensions .elementor-image-dimensions-field {
2041 width: 65px;
2042 }
2043 .elementor-control-type-image_dimensions .elementor-image-dimensions-field input:focus + .elementor-image-dimensions-field-description {
2044 color: var(--e-a-color-txt);
2045 }
2046 .elementor-control-type-image_dimensions .elementor-image-dimensions-separator {
2047 width: 20px;
2048 text-align: center;
2049 padding-top: 4px;
2050 }
2051 .elementor-control-type-image_dimensions .elementor-image-dimensions-field-description {
2052 display: block;
2053 margin-top: 5px;
2054 color: var(--e-a-color-txt-disabled);
2055 font-size: 10px;
2056 text-align: center;
2057 }
2058 .elementor-control-type-image_dimensions .elementor-image-dimensions-apply-button {
2059 margin-left: auto;
2060 }
2061
2062 .elementor-control-media.e-media-empty .elementor-control-media-area .elementor-control-media__remove, .elementor-control-media.e-media-empty .elementor-control-media-area .elementor-control-media__content__remove {
2063 display: none;
2064 }
2065 .elementor-control-media.e-media-empty-placeholder .e-control-image-size {
2066 display: none;
2067 }
2068 .elementor-control-media:not(.e-media-empty) .elementor-control-media__content__upload-button {
2069 display: none;
2070 }
2071 .elementor-control-media .eicon-plus-circle {
2072 position: absolute;
2073 top: 50%;
2074 left: 50%;
2075 transform: translate(-50%, -50%);
2076 color: var(--e-a-color-white);
2077 font-size: 20px;
2078 }
2079 .elementor-control-media__content__upload-button {
2080 background-color: var(--e-a-bg-active-bold);
2081 }
2082 .elementor-control-media__preview {
2083 height: 100%;
2084 background-size: cover;
2085 background-position: center;
2086 padding-bottom: 42.8571%;
2087 }
2088 .elementor-control-media-area {
2089 background-image: linear-gradient(45deg, var(--e-a-border-color-bold) 25%, transparent 0, transparent 75%, var(--e-a-border-color-bold) 0, var(--e-a-border-color-bold)), linear-gradient(45deg, var(--e-a-border-color-bold) 25%, transparent 0, transparent 75%, var(--e-a-border-color-bold) 0, var(--e-a-border-color-bold));
2090 background-size: 16px 16px;
2091 background-position: 0 0, calc( 16px / 2 ) calc( 16px / 2 );
2092 background-color: var(--e-a-bg-default);
2093 border: var(--e-a-border-bold);
2094 aspect-ratio: 21/9;
2095 }
2096 .elementor-control-media-area:not(:hover) .elementor-control-media__remove {
2097 display: none;
2098 }
2099 .elementor-control-media-area .eicon-video-camera {
2100 position: absolute;
2101 top: 50%;
2102 left: 50%;
2103 transform: translate(-50%, -50%);
2104 color: rgba(255, 255, 255, 0.7);
2105 font-size: 21px;
2106 }
2107 .elementor-control-media .elementor-control-media__content {
2108 aspect-ratio: 21/9;
2109 position: relative;
2110 cursor: pointer;
2111 overflow: hidden;
2112 }
2113 .elementor-control-media .elementor-control-media__content:hover:after {
2114 content: "";
2115 position: absolute;
2116 top: 0;
2117 bottom: 0;
2118 left: 0;
2119 right: 0;
2120 background-color: rgba(0, 0, 0, 0.2);
2121 pointer-events: none;
2122 }
2123 .elementor-control-media .elementor-control-media__content:not(:hover) .elementor-control-media__tools {
2124 bottom: -30px;
2125 }
2126 .elementor-control-media__content {
2127 transition: all 0.2s ease-in-out;
2128 }
2129 .elementor-control-media__tools {
2130 position: absolute;
2131 bottom: 0;
2132 left: 0;
2133 right: 0;
2134 height: 27px;
2135 transition: all 0.2s ease-in-out;
2136 }
2137 .elementor-control-media__tools > *:not(:first-child) {
2138 margin-left: 1px;
2139 }
2140 .elementor-control-media__tool {
2141 display: flex;
2142 align-items: center;
2143 justify-content: center;
2144 flex-grow: 1;
2145 color: var(--e-a-color-white);
2146 background-color: rgba(0, 0, 0, 0.9);
2147 font-size: 11px;
2148 transition: var(--e-a-transition-hover);
2149 }
2150 .elementor-control-media__tool:hover {
2151 background-color: rgba(0, 0, 0, 0.8);
2152 }
2153 .elementor-control-media__remove {
2154 display: flex;
2155 align-items: center;
2156 justify-content: center;
2157 transition: all 0.3s ease-in-out;
2158 }
2159 .elementor-control-media__content__remove {
2160 position: absolute;
2161 z-index: 1;
2162 top: 10px;
2163 right: 10px;
2164 width: 20px;
2165 height: 20px;
2166 font-size: 11px;
2167 color: var(--e-a-color-white);
2168 background-color: rgba(0, 0, 0, 0.5);
2169 border-radius: var(--e-border-radius);
2170 box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
2171 transition: var(--e-a-transition-hover);
2172 }
2173 .elementor-control-media__content__remove:hover {
2174 background-color: rgba(0, 0, 0, 0.6);
2175 }
2176 .elementor-control-media.e-media-empty .elementor-control-file-area {
2177 display: none;
2178 }
2179 .elementor-control-media__file {
2180 display: flex;
2181 justify-content: space-between;
2182 align-items: center;
2183 width: 100%;
2184 margin-top: 10px;
2185 border: var(--e-a-border);
2186 }
2187 .elementor-control-media__file__content {
2188 padding-left: 5px;
2189 font-size: 12px;
2190 }
2191 .elementor-control-media__file__content__label {
2192 color: #9DA5AE;
2193 }
2194 .elementor-control-media__file__content__info {
2195 display: flex;
2196 align-items: center;
2197 font-weight: 500;
2198 }
2199 .elementor-control-media__file__content__info__icon {
2200 margin-right: 5px;
2201 }
2202 .elementor-control-media__file__controls {
2203 display: flex;
2204 border-left: var(--e-a-border);
2205 }
2206 .elementor-control-media__file__controls__upload-button, .elementor-control-media__file__controls__remove {
2207 width: 27px;
2208 height: 27px;
2209 cursor: pointer;
2210 align-items: center;
2211 }
2212 .elementor-control-media__file__controls__upload-button {
2213 display: flex;
2214 justify-content: center;
2215 }
2216 .elementor-control-media__file__controls__remove {
2217 border-right: var(--e-a-border);
2218 }
2219 .elementor-control-media:not(.e-media-empty) .elementor-control-media__file__content__label {
2220 display: none;
2221 }
2222 .elementor-control-media.e-media-empty .elementor-control-media__file__content__info {
2223 display: none;
2224 }
2225 .elementor-control-media.e-media-empty .elementor-control-media__file__controls__remove {
2226 display: none;
2227 }
2228 .elementor-control-media .elementor-control-dynamic-switcher {
2229 border: none;
2230 border-radius: 0;
2231 background-color: rgba(0, 0, 0, 0.9);
2232 color: var(--e-a-color-white);
2233 }
2234 .elementor-control-media .elementor-control-dynamic-switcher:hover {
2235 background-color: rgba(0, 0, 0, 0.8);
2236 color: var(--e-a-color-white);
2237 }
2238 .elementor-control-media .e-control-image-size {
2239 display: flex;
2240 flex-direction: column;
2241 width: 100%;
2242 padding-top: 20px;
2243 }
2244 .elementor-control-media .e-control-image-size .elementor-control-input-wrapper {
2245 margin-left: auto;
2246 }
2247
2248 .elementor-control-type-media.elementor-control-dynamic-value .elementor-control-input-wrapper {
2249 border: none;
2250 }
2251
2252 .elementor-control:not(.elementor-control-type-icons) .elementor-control-media__preview {
2253 background-color: var(--e-a-bg-active-bold);
2254 }
2255
2256 .elementor-control-type-popover_toggle input {
2257 display: none;
2258 }
2259 .elementor-control-type-popover_toggle label {
2260 cursor: pointer;
2261 }
2262 .elementor-control-type-popover_toggle .elementor-control-input-wrapper {
2263 direction: rtl;
2264 }
2265 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle:checked + .elementor-control-popover-toggle-toggle-label {
2266 color: var(--e-a-color-txt-active);
2267 background-color: var(--e-a-bg-active-bold);
2268 }
2269 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle:not(:checked) ~ .elementor-control-popover-toggle-reset-label {
2270 display: none;
2271 }
2272 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle-label {
2273 height: 27px;
2274 display: inline-flex;
2275 align-items: center;
2276 justify-content: center;
2277 border-radius: var(--e-a-border-radius);
2278 border: var(--e-a-border-bold);
2279 transition: var(--e-a-transition-hover);
2280 }
2281 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle-label:hover {
2282 background-color: var(--e-a-bg-hover);
2283 }
2284 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-reset-label {
2285 color: var(--e-a-color-txt-muted);
2286 -webkit-margin-start: 5px;
2287 margin-inline-start: 5px;
2288 }
2289 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-reset-label:hover {
2290 color: var(--e-a-color-txt);
2291 }
2292
2293 .elementor-controls-popover.e-controls-popover--typography {
2294 padding-top: 0;
2295 }
2296
2297 .e-control-global .elementor-control-popover-toggle-toggle-label {
2298 border-radius: 0 var(--e-a-border-radius) var(--e-a-border-radius) 0;
2299 flex-shrink: 0;
2300 }
2301
2302 .elementor-control-type-repeater .elementor-control:not(.elementor-control-type-tab) {
2303 padding-right: 10px;
2304 padding-left: 10px;
2305 padding-bottom: 10px;
2306 }
2307 .elementor-control-type-repeater.elementor-repeater-has-minimum-rows .elementor-repeater-tool-remove {
2308 display: none;
2309 }
2310 .elementor-control-type-repeater .elementor-repeater-fields {
2311 margin: 10px 0;
2312 }
2313 .elementor-control-type-repeater .elementor-repeater-row-controls {
2314 border: var(--e-a-border-bold);
2315 border-top-width: 0;
2316 padding-top: 15px;
2317 }
2318 .elementor-control-type-repeater .elementor-repeater-row-controls:not(.editable) {
2319 display: none;
2320 }
2321 .elementor-control-type-repeater .elementor-repeater-row-tools {
2322 display: table;
2323 table-layout: fixed;
2324 width: 100%;
2325 background-color: var(--e-a-border-color-bold);
2326 height: 40px;
2327 border-spacing: 1px;
2328 transition: all 0.5s;
2329 }
2330 .elementor-control-type-repeater .elementor-repeater-row-tools:hover {
2331 background-color: var(--e-a-border-color-focus);
2332 }
2333 .elementor-control-type-repeater .elementor-repeater-row-tools > div {
2334 display: table-cell;
2335 text-align: center;
2336 vertical-align: middle;
2337 cursor: pointer;
2338 }
2339 .elementor-control-type-repeater .elementor-repeater-row-tools > div:not(.elementor-repeater-row-handle-sortable) {
2340 background-color: var(--e-a-bg-default);
2341 }
2342 .elementor-control-type-repeater .elementor-repeater-row-tools > div:hover {
2343 background-color: var(--e-a-bg-hover);
2344 }
2345 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title {
2346 text-align: left;
2347 padding: 0 10px;
2348 font-size: var(--control-title-size);
2349 white-space: nowrap;
2350 text-overflow: ellipsis;
2351 overflow: hidden;
2352 }
2353 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title .eicon,
2354 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title i,
2355 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title svg {
2356 margin-right: 5px;
2357 }
2358 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title img[src$=svg] {
2359 width: 1em;
2360 }
2361 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-tool {
2362 width: 40px;
2363 }
2364 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-handle-sortable {
2365 cursor: move;
2366 width: 10px;
2367 color: #fff;
2368 }
2369 .elementor-control-type-repeater .elementor-button-wrapper {
2370 text-align: center;
2371 padding-top: 5px;
2372 }
2373
2374 #elementor-controls {
2375 padding-top: 15px;
2376 }
2377
2378 .elementor-control-type-section {
2379 padding: 0;
2380 }
2381 .elementor-control-type-section.e-open {
2382 padding-bottom: 10px;
2383 }
2384 .elementor-control-type-section + .elementor-control:not(.elementor-control-type-section):before {
2385 display: none;
2386 }
2387 .elementor-control-type-section:not(:first-child):not(.elementor-control-type-section + .elementor-control-type-section) {
2388 margin-top: 25px;
2389 }
2390
2391 .elementor-control-type-select .elementor-control-input-wrapper {
2392 position: relative;
2393 }
2394 .elementor-control-type-select .elementor-control-input-wrapper select {
2395 -webkit-appearance: none;
2396 -moz-appearance: none;
2397 appearance: none;
2398 font-size: var(--control-title-size);
2399 font-family: inherit;
2400 font-weight: inherit;
2401 font-style: inherit;
2402 text-transform: inherit;
2403 letter-spacing: inherit;
2404 line-height: inherit;
2405 flex-basis: 100%;
2406 padding-left: 5px;
2407 padding-right: 20px;
2408 cursor: pointer;
2409 }
2410 .elementor-control-type-select .elementor-control-input-wrapper select.e-select-placeholder {
2411 color: var(--e-a-color-txt-disabled);
2412 }
2413 .elementor-control-type-select .elementor-control-input-wrapper option.e-option-placeholder {
2414 display: none;
2415 }
2416 .elementor-control-type-select .elementor-control-input-wrapper:after {
2417 font-family: eicons;
2418 content: "\e8ad";
2419 font-size: 12px;
2420 position: absolute;
2421 top: 50%;
2422 transform: translateY(-50%);
2423 right: 5px;
2424 pointer-events: none;
2425 }
2426 .elementor-control-type-select .elementor-control-field.elementor-control-field-select-small .elementor-control-input-wrapper {
2427 max-width: 80px;
2428 }
2429
2430 .elementor-shadow-box .elementor-shadow-slider {
2431 margin-top: 10px;
2432 }
2433 .elementor-shadow-box .elementor-color-picker-wrapper .elementor-control-title {
2434 flex-grow: 1;
2435 }
2436
2437 .elementor-control-type-slider.elementor-control-dynamic input {
2438 border-radius: var(--e-a-border-radius) 0 0 var(--e-a-border-radius);
2439 }
2440 .elementor-control-type-slider .elementor-control-unit-2 {
2441 width: 21%;
2442 }
2443 .elementor-control-type-slider.elementor-control-type-slider--multiple .elementor-control-input-wrapper {
2444 display: block;
2445 }
2446 .elementor-control-type-slider--multiple {
2447 padding-bottom: 40px;
2448 }
2449 .elementor-control-type-slider--multiple .elementor-slider {
2450 margin-top: 12px;
2451 width: 98%;
2452 }
2453 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle {
2454 border-radius: 0;
2455 width: 10px;
2456 transform: translateY(calc(50% - 14px)) translateX(4px);
2457 }
2458 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle:after {
2459 content: "";
2460 position: absolute;
2461 top: 2px;
2462 height: 12px;
2463 width: 11px;
2464 transform: rotate(45deg);
2465 background-color: var(--e-a-color-white);
2466 border-radius: 3px;
2467 }
2468 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle-lower:after {
2469 left: 5px;
2470 box-shadow: 2px -2px 3px 0px rgba(0, 0, 0, 0.1);
2471 }
2472 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle-upper:after {
2473 right: 5px;
2474 box-shadow: -2px 2px 3px 0px rgba(0, 0, 0, 0.1);
2475 }
2476 .elementor-control-type-slider .elementor-control-dynamic-switcher {
2477 border-left-width: 0;
2478 border-radius: 0 var(--e-a-border-radius) var(--e-a-border-radius) 0;
2479 }
2480 .elementor-control-type-slider .elementor-control-input-wrapper {
2481 display: flex;
2482 align-items: center;
2483 }
2484 .elementor-control-type-slider .elementor-dynamic-cover {
2485 margin-top: 10px;
2486 }
2487 .elementor-control-type-slider.e-units-custom .elementor-slider {
2488 display: none;
2489 }
2490 .elementor-control-type-slider.e-units-custom .elementor-slider-input {
2491 width: 100%;
2492 margin: 0;
2493 transition: none;
2494 }
2495
2496 .elementor-slider {
2497 flex-grow: 1;
2498 height: 4px;
2499 background-color: var(--e-a-border-color-bold);
2500 border-radius: 5px;
2501 position: relative;
2502 cursor: pointer;
2503 }
2504 .elementor-slider-input {
2505 width: 21%;
2506 min-width: 54px;
2507 margin-left: 12px;
2508 transition: width 0.3s ease-in-out;
2509 }
2510 .elementor-slider__extra {
2511 position: relative;
2512 }
2513 .elementor-slider__labels {
2514 display: flex;
2515 justify-content: space-between;
2516 }
2517 .elementor-slider__label {
2518 font-size: 9px;
2519 color: var(--e-a-color-txt-disabled);
2520 }
2521 .elementor-slider__scales {
2522 position: absolute;
2523 display: flex;
2524 justify-content: space-evenly;
2525 width: 100%;
2526 margin-top: 4px;
2527 }
2528 .elementor-slider__scale {
2529 width: 1px;
2530 height: 21px;
2531 background-color: var(--e-a-border-color-focus);
2532 }
2533 .elementor-slider .noUi-handle {
2534 height: 16px;
2535 width: 16px;
2536 background-color: var(--e-a-color-white);
2537 right: 0;
2538 transform: translateY(calc(50% - 14px)) translateX(8px);
2539 position: absolute;
2540 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
2541 border-radius: 50%;
2542 }
2543 .elementor-slider .noUi-connects {
2544 position: absolute;
2545 width: 100%;
2546 height: 4px;
2547 }
2548 .elementor-slider .noUi-connect {
2549 position: absolute;
2550 z-index: 0;
2551 top: 0;
2552 left: 0;
2553 height: 100%;
2554 width: 100%;
2555 will-change: transform;
2556 transform-origin: 0 0;
2557 background-color: var(--e-a-border-color-focus);
2558 }
2559 .elementor-slider .noUi-tooltip {
2560 position: absolute;
2561 top: calc(100% + 5px);
2562 left: calc(50% - 4px);
2563 transform: translateX(-50%);
2564 font-size: 10px;
2565 }
2566
2567 .elementor-control-type-structure .elementor-control-field {
2568 display: initial;
2569 }
2570 .elementor-control-type-structure .elementor-control-structure-preset {
2571 padding: 3px;
2572 border-radius: var(--e-border-radius);
2573 display: inline-block;
2574 cursor: pointer;
2575 height: 50px;
2576 }
2577 .elementor-control-type-structure .elementor-control-structure-preset svg {
2578 height: 100%;
2579 }
2580 .elementor-control-type-structure .elementor-control-structure-preset path {
2581 fill: var(--e-a-border-color-bold);
2582 }
2583 .elementor-control-type-structure .elementor-control-structure-reset {
2584 padding: 15px 20px 0;
2585 font-size: 11px;
2586 cursor: pointer;
2587 color: var(--e-a-color-txt-muted);
2588 border-top: var(--e-a-border);
2589 margin: 0 -20px;
2590 }
2591 .elementor-control-type-structure .elementor-control-structure-reset:hover {
2592 color: var(--e-a-color-txt);
2593 }
2594 .elementor-control-type-structure .elementor-control-structure-title {
2595 margin: 10px -20px 0;
2596 }
2597 .elementor-control-type-structure .elementor-control-structure-title:before {
2598 height: 10px;
2599 box-shadow: inset 0 2px 4px rgba(127, 127, 127, 0.1);
2600 }
2601 .elementor-control-type-structure .elementor-control-structure-presets {
2602 display: flex;
2603 flex-wrap: wrap;
2604 justify-content: space-between;
2605 }
2606 .elementor-control-type-structure .elementor-control-structure-presets input {
2607 display: none;
2608 }
2609 .elementor-control-type-structure .elementor-control-structure-presets input:checked + .elementor-control-structure-preset path {
2610 fill: var(--e-a-border-color-focus);
2611 }
2612 .elementor-control-type-structure .elementor-control-structure-preset-wrapper {
2613 margin-bottom: 15px;
2614 }
2615 .elementor-control-type-structure .elementor-control-structure-preset-title {
2616 text-align: center;
2617 padding-top: 5px;
2618 font-style: italic;
2619 font-size: 11px;
2620 color: #9DA5AE;
2621 }
2622
2623 .elementor-control-type-switcher .elementor-control-input-wrapper {
2624 text-align: right;
2625 }
2626 .elementor-control-type-switcher .elementor-switch {
2627 position: relative;
2628 display: inline-block;
2629 vertical-align: top;
2630 height: 20px;
2631 background-color: var(--e-a-bg-default);
2632 border-radius: 18px;
2633 cursor: pointer;
2634 }
2635 .elementor-control-type-switcher .elementor-switch-input {
2636 display: none;
2637 }
2638 .elementor-control-type-switcher .elementor-switch-label {
2639 position: relative;
2640 display: block;
2641 height: inherit;
2642 font-size: 10px;
2643 background: var(--e-a-bg-active-bold);
2644 border-radius: inherit;
2645 transition: 0.15s ease-out;
2646 transition-property: opacity, background;
2647 }
2648 .elementor-control-type-switcher .elementor-switch-label:before, .elementor-control-type-switcher .elementor-switch-label:after {
2649 position: absolute;
2650 top: 0;
2651 width: 50%;
2652 text-align: center;
2653 line-height: 20px;
2654 transition: inherit;
2655 }
2656 .elementor-control-type-switcher .elementor-switch-label:before {
2657 content: attr(data-off);
2658 right: 5px;
2659 color: var(--e-a-color-txt-muted);
2660 }
2661 .elementor-control-type-switcher .elementor-switch-label:after {
2662 content: attr(data-on);
2663 left: 5px;
2664 color: var(--e-a-btn-color);
2665 opacity: 0;
2666 }
2667 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label {
2668 background: var(--e-a-btn-bg-primary);
2669 }
2670 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label:before {
2671 opacity: 0;
2672 }
2673 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label:after {
2674 opacity: 1;
2675 }
2676 .elementor-control-type-switcher .elementor-switch-handle {
2677 position: absolute;
2678 top: 1px;
2679 left: 1px;
2680 width: 18px;
2681 height: 18px;
2682 background: white;
2683 border-radius: 10px;
2684 transition: left 0.15s ease-out;
2685 }
2686 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-handle {
2687 left: initial;
2688 right: 1px;
2689 }
2690
2691 .elementor-control-type-tabs {
2692 display: flex;
2693 font-size: var(--control-title-size);
2694 }
2695
2696 .elementor-control-type-tab {
2697 text-align: center;
2698 width: 100%;
2699 padding: 0;
2700 line-height: 25px;
2701 border-top: var(--e-a-border-bold);
2702 border-bottom: var(--e-a-border-bold);
2703 border-right: var(--e-a-border-bold);
2704 transition: var(--e-a-transition-hover);
2705 cursor: pointer;
2706 }
2707 .elementor-control-type-tab:first-child {
2708 border-left: var(--e-a-border-bold);
2709 border-top-left-radius: var(--e-a-border-radius);
2710 border-bottom-left-radius: var(--e-a-border-radius);
2711 }
2712 .elementor-control-type-tab:last-child {
2713 border-top-right-radius: var(--e-a-border-radius);
2714 border-bottom-right-radius: var(--e-a-border-radius);
2715 }
2716 .elementor-control-type-tab:hover {
2717 background-color: var(--e-a-bg-hover);
2718 }
2719 .elementor-control-type-tab.e-tab-active {
2720 background-color: var(--e-a-bg-active-bold);
2721 color: var(--e-a-color-txt-accent);
2722 }
2723
2724 .e-tab-close {
2725 display: none !important;
2726 }
2727
2728 .elementor-control-type-textarea .elementor-control-dynamic-switcher,
2729 .elementor-control-type-code .elementor-control-dynamic-switcher {
2730 border-inline-start-width: 1px;
2731 border-start-start-radius: 0;
2732 border-start-end-radius: 0;
2733 border-end-end-radius: 0;
2734 border-end-start-radius: var(--e-a-border-radius);
2735 }
2736 .elementor-control-type-textarea:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher,
2737 .elementor-control-type-code:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher {
2738 position: absolute;
2739 top: 0;
2740 z-index: 1;
2741 right: 0;
2742 }
2743 .elementor-control-type-textarea .elementor-control-input-wrapper,
2744 .elementor-control-type-code .elementor-control-input-wrapper {
2745 position: relative;
2746 }
2747 .elementor-control-type-textarea textarea,
2748 .elementor-control-type-code textarea {
2749 display: block;
2750 font-family: inherit;
2751 }
2752 .elementor-control-type-textarea textarea:focus + .elementor-control-dynamic-switcher,
2753 .elementor-control-type-code textarea:focus + .elementor-control-dynamic-switcher {
2754 display: none;
2755 }
2756 .elementor-control-type-textarea pre:focus-within + .elementor-control-dynamic-switcher,
2757 .elementor-control-type-code pre:focus-within + .elementor-control-dynamic-switcher {
2758 display: none;
2759 }
2760
2761 .elementor-control-type-url .elementor-control-field {
2762 position: relative;
2763 }
2764 .elementor-control-type-url .elementor-control-input-wrapper {
2765 display: flex;
2766 }
2767 .elementor-control-type-url.elementor-control-dynamic .elementor-control-url-more-options input {
2768 border-radius: var(--e-a-border-radius);
2769 }
2770 .elementor-control-type-url.elementor-control-dynamic-value .e-input-style {
2771 border-start-end-radius: 0;
2772 border-end-end-radius: 0;
2773 }
2774 .elementor-control-type-url.elementor-control-dynamic-value .elementor-control-url-more {
2775 border-start-end-radius: var(--e-a-border-radius);
2776 border-end-end-radius: var(--e-a-border-radius);
2777 }
2778 .elementor-control-type-url .elementor-control-url-more {
2779 display: flex;
2780 align-items: center;
2781 justify-content: center;
2782 flex-shrink: 0;
2783 border: var(--e-a-border-bold);
2784 color: currentColor;
2785 background-color: transparent;
2786 border-inline-start-width: 0;
2787 cursor: pointer;
2788 }
2789 .elementor-control-type-url .elementor-control-url-more i {
2790 font-size: 12px;
2791 }
2792 .elementor-control-type-url .elementor-control-url-more-options {
2793 display: none;
2794 padding-top: 10px;
2795 }
2796 .elementor-control-type-url .elementor-control-url-more-options .elementor-control-field-description {
2797 margin-top: 10px;
2798 }
2799 .elementor-control-type-url .elementor-control-url-more:hover {
2800 color: var(--e-a-color-txt-hover);
2801 }
2802 .elementor-control-type-url .elementor-control-url-more:focus {
2803 color: var(--e-a-color-txt-active);
2804 border-color: var(--e-a-border-color-focus);
2805 }
2806 .elementor-control-type-url .elementor-control-url-option {
2807 display: flex;
2808 align-items: center;
2809 }
2810 .elementor-control-type-url .elementor-control-url-option:not(:last-child) {
2811 padding-bottom: 10px;
2812 }
2813 .elementor-control-type-url .elementor-control-url-option input,
2814 .elementor-control-type-url .elementor-control-url-option label {
2815 cursor: pointer;
2816 }
2817 .elementor-control-type-url .elementor-control-url-autocomplete-spinner {
2818 display: none;
2819 position: absolute;
2820 top: 5px;
2821 right: 0;
2822 width: 10px;
2823 height: 10px;
2824 font-size: 10px;
2825 color: var(--e-a-color-txt-disabled);
2826 }
2827 .elementor-control-type-url .elementor-control-url__custom-attributes label {
2828 font-size: var(--control-title-size);
2829 }
2830 .elementor-control-type-url .elementor-control-url__custom-attributes input {
2831 width: 100%;
2832 margin-top: 10px;
2833 }
2834 .elementor-control-type-url .elementor-input:focus ~ div {
2835 border-color: var(--e-a-border-color-focus);
2836 }
2837
2838 .elementor-autocomplete-menu {
2839 position: absolute;
2840 background: var(--e-a-bg-default);
2841 border: var(--e-a-border);
2842 margin: 0;
2843 list-style: none;
2844 padding: 4px 0;
2845 height: auto;
2846 width: 100%;
2847 min-width: 260px;
2848 max-width: 300px;
2849 max-height: 200px;
2850 overflow-y: auto;
2851 border-radius: 3px;
2852 transition: var(--e-a-transition-hover);
2853 cursor: default;
2854 z-index: 1;
2855 }
2856 .elementor-autocomplete-menu .ui-menu-item {
2857 display: flex;
2858 justify-content: space-between;
2859 align-self: baseline;
2860 padding: 5px 8px;
2861 font-size: 12px;
2862 width: 100%;
2863 line-height: 1.2;
2864 cursor: pointer;
2865 }
2866 .elementor-autocomplete-menu .ui-menu-item.ui-state-hover, .elementor-autocomplete-menu .ui-menu-item.ui-state-active, .elementor-autocomplete-menu .ui-menu-item.ui-state-focus {
2867 background: var(--e-a-bg-hover);
2868 }
2869 .elementor-autocomplete-menu .elementor-autocomplete-item-info {
2870 font-size: 10px;
2871 padding-top: 2px;
2872 }
2873
2874 .elementor-control-type-wp_widget .widget-inside {
2875 line-height: 2;
2876 background-color: inherit;
2877 display: block;
2878 }
2879 .elementor-control-type-wp_widget .quicktags-toolbar input {
2880 width: auto;
2881 }
2882
2883 .elementor-control-type-wysiwyg * {
2884 box-sizing: content-box;
2885 }
2886 .elementor-control-type-wysiwyg .wp-editor-container {
2887 border: var(--e-a-border);
2888 }
2889 .elementor-control-type-wysiwyg .wp-editor-tabs {
2890 border: var(--e-a-border-bold);
2891 border-bottom: none;
2892 border-start-start-radius: var(--e-a-border-radius);
2893 border-start-end-radius: var(--e-a-border-radius);
2894 border-end-end-radius: 0;
2895 border-end-start-radius: 0;
2896 }
2897 .elementor-control-type-wysiwyg .wp-editor-tabs button:hover {
2898 background-color: var(--e-a-bg-hover);
2899 }
2900 .elementor-control-type-wysiwyg #insert-media-button {
2901 height: initial;
2902 line-height: 24px;
2903 font-size: 10px;
2904 color: var(--e-a-color-txt);
2905 border-color: var(--e-a-border-color-bold);
2906 background-color: var(--e-a-bg-default);
2907 min-height: initial;
2908 }
2909 .elementor-control-type-wysiwyg .ed_button {
2910 height: 22px;
2911 width: initial;
2912 }
2913 .elementor-control-type-wysiwyg .wp-media-buttons-icon {
2914 height: 14px;
2915 margin: 0;
2916 }
2917 .elementor-control-type-wysiwyg .wp-media-buttons-icon:before {
2918 font-size: 14px;
2919 }
2920 .elementor-control-type-wysiwyg .wp-switch-editor {
2921 position: static;
2922 border: none;
2923 margin: 0;
2924 color: var(--e-a-color-txt);
2925 font-size: 10px;
2926 padding: 3px 9px 4px;
2927 }
2928 .elementor-control-type-wysiwyg .switch-html {
2929 border: solid var(--e-a-border-color-bold);
2930 border-width: 0 1px;
2931 }
2932 .elementor-control-type-wysiwyg .html-active .switch-tmce {
2933 background-color: transparent;
2934 }
2935 .elementor-control-type-wysiwyg .html-active .switch-html {
2936 background-color: var(--e-a-bg-active);
2937 }
2938 .elementor-control-type-wysiwyg .tmce-active .switch-tmce {
2939 background-color: var(--e-a-bg-active);
2940 }
2941 .elementor-control-type-wysiwyg .tmce-active .switch-html {
2942 background-color: transparent;
2943 }
2944 .elementor-control-type-wysiwyg .mce-toolbar-grp,
2945 .elementor-control-type-wysiwyg .quicktags-toolbar {
2946 background-color: var(--e-a-bg-default);
2947 }
2948 .elementor-control-type-wysiwyg .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
2949 background-color: var(--e-a-bg-default);
2950 }
2951 .elementor-control-type-wysiwyg .mce-toolbar .mce-btn-group .mce-btn.mce-listbox button {
2952 color: var(--e-a-color-txt);
2953 }
2954 .elementor-control-type-wysiwyg .mce-toolbar-grp > div {
2955 padding: 0 3px;
2956 }
2957 .elementor-control-type-wysiwyg .elementor-wp-editor {
2958 box-sizing: border-box;
2959 }
2960 .elementor-control-type-wysiwyg .mce-ico {
2961 color: var(--e-a-color-txt);
2962 font-size: 16px;
2963 }
2964 .elementor-control-type-wysiwyg .mce-btn-group .mce-btn:hover, .elementor-control-type-wysiwyg .mce-btn-group .mce-btn:active, .elementor-control-type-wysiwyg .mce-btn-group .mce-btn.mce-active {
2965 color: var(--e-a-color-txt-active);
2966 }
2967 .elementor-control-type-wysiwyg .mce-btn-group .mce-btn:hover i, .elementor-control-type-wysiwyg .mce-btn-group .mce-btn:active i, .elementor-control-type-wysiwyg .mce-btn-group .mce-btn.mce-active i {
2968 color: var(--e-a-color-txt-active);
2969 }
2970 .elementor-control-type-wysiwyg .mce-path {
2971 padding: 5px 10px;
2972 }
2973 .elementor-control-type-wysiwyg .mce-path-item {
2974 font-size: 12px;
2975 color: var(--e-a-color-txt);
2976 }
2977 .elementor-control-type-wysiwyg .mce-top-part:before {
2978 box-shadow: none;
2979 }
2980 .elementor-control-type-wysiwyg .elementor-control-dynamic-switcher {
2981 border: none;
2982 }
2983
2984 .ui-resizable-n {
2985 top: -5px;
2986 }
2987 .ui-resizable-e {
2988 right: -5px;
2989 }
2990 .ui-resizable-s {
2991 bottom: -5px;
2992 }
2993 .ui-resizable-w {
2994 left: -5px;
2995 }
2996 .ui-resizable-ne {
2997 top: -5px;
2998 right: -5px;
2999 }
3000 .ui-resizable-nw {
3001 top: -5px;
3002 left: -5px;
3003 }
3004 .ui-resizable-se {
3005 bottom: -5px;
3006 right: -5px;
3007 }
3008 .ui-resizable-sw {
3009 bottom: -5px;
3010 left: -5px;
3011 }
3012 .ui-resizable-n, .ui-resizable-s {
3013 left: 0;
3014 height: 10px;
3015 width: 100%;
3016 cursor: ns-resize;
3017 }
3018 .ui-resizable-e, .ui-resizable-w {
3019 top: 0;
3020 height: 100%;
3021 width: 10px;
3022 cursor: ew-resize;
3023 }
3024 .ui-resizable-ne, .ui-resizable-nw, .ui-resizable-se, .ui-resizable-sw {
3025 height: 15px;
3026 width: 15px;
3027 }
3028 .ui-resizable-nw, .ui-resizable-se {
3029 cursor: nwse-resize;
3030 }
3031 .ui-resizable-ne, .ui-resizable-sw {
3032 cursor: nesw-resize;
3033 }
3034 .ui-resizable-handle {
3035 position: absolute;
3036 }
3037 .ui-resizable-resizing {
3038 pointer-events: none;
3039 }
3040
3041 :root {
3042 --e-p-draggable-color: #F0ABFC;
3043 --e-p-border-section: #F3BAFD;
3044 --e-p-border-section-hover: #F0ABFC;
3045 --e-p-border-section-invert: #0C0D0E;
3046 --e-p-border-con: #F3BAFD;
3047 --e-p-border-con-hover: #F0ABFC;
3048 --e-p-border-con-invert: #0C0D0E;
3049 --e-p-border-column: #9DA5AE;
3050 --e-p-border-column-hover: #818A96;
3051 --e-p-border-column-invert: #0C0D0E;
3052 --e-p-border-con-in: #9DA5AE;
3053 --e-p-border-con-in-hover: #818A96;
3054 --e-p-border-con-in-invert: #0C0D0E;
3055 --e-p-border-widget: #F3BAFD;
3056 --e-p-border-widget-hover: #F0ABFC;
3057 --e-p-border-widget-invert: #0C0D0E;
3058 --e-p-border-global: #5EEAD4;
3059 --e-p-border-global-hover: #1DDDBF;
3060 --e-p-border-global-invert: #0C0D0E;
3061 }
3062
3063 .elementor-add-section {
3064 all: initial;
3065 display: flex;
3066 max-width: 1160px;
3067 position: relative;
3068 margin-inline: auto;
3069 }
3070 .elementor-add-section:not(.elementor-dragging-on-child) .elementor-add-section-inner {
3071 border: 2px dashed var(--e-a-border-color-bold);
3072 background-color: rgba(255, 255, 255, 0.5);
3073 }
3074 .elementor-add-section.elementor-dragging-on-child .elementor-add-section-inner {
3075 border: 2px dashed var(--e-a-color-primary);
3076 }
3077 .elementor-add-section[data-view=choose-action] .e-view:not(.elementor-add-new-section) {
3078 display: none;
3079 }
3080 .elementor-add-section[data-view=select-preset] .e-view:not(.elementor-select-preset) {
3081 display: none;
3082 }
3083 .elementor-add-section[data-view=select-container-preset] .e-view:not(.e-con-select-preset) {
3084 display: none;
3085 }
3086 .elementor-add-section[data-view=select-type] .e-view:not(.e-con-select-type) {
3087 display: none;
3088 }
3089 .elementor-add-section[data-view=select-container-preset-grid] .e-view:not(.e-con-select-preset-grid) {
3090 display: none;
3091 }
3092
3093 .elementor-add-section-inner {
3094 text-align: center;
3095 margin: 20px;
3096 padding: 40px 0;
3097 display: flex;
3098 justify-content: center;
3099 flex-grow: 1;
3100 }
3101
3102 .elementor-add-new-section {
3103 display: flex;
3104 justify-content: center;
3105 flex-wrap: wrap;
3106 gap: 5px;
3107 }
3108
3109 .elementor-add-section-area-button {
3110 padding: 12px;
3111 height: 40px;
3112 width: 40px;
3113 border-radius: 50%;
3114 font-size: 16px;
3115 display: flex;
3116 outline: none;
3117 border: none;
3118 background-color: var(--e-a-btn-bg);
3119 color: var(--e-a-btn-color-invert);
3120 transition: var(--e-a-transition-hover);
3121 cursor: pointer;
3122 }
3123 .elementor-add-section-area-button:hover {
3124 background-color: var(--e-a-btn-bg-hover);
3125 color: var(--e-a-btn-color-invert);
3126 }
3127 .elementor-add-section-area-button i {
3128 margin: 0;
3129 }
3130 .elementor-add-section-area-button.elementor-add-section-button {
3131 background-color: var(--e-a-btn-bg-primary);
3132 color: var(--e-a-btn-color);
3133 }
3134 .elementor-add-section-area-button.elementor-add-section-button:hover {
3135 background-color: var(--e-a-btn-bg-primary-hover);
3136 color: var(--e-a-btn-color);
3137 }
3138
3139 .elementor-add-section-drag-title,
3140 .elementor-select-preset-title {
3141 font-family: var(--e-a-font-family);
3142 font-size: 13px;
3143 line-height: 1;
3144 color: var(--e-a-color-txt);
3145 }
3146
3147 .elementor-add-section-drag-title {
3148 font-style: italic;
3149 font-weight: normal;
3150 margin-top: 10px;
3151 width: 100%;
3152 }
3153
3154 .elementor-select-preset-title {
3155 font-weight: 500;
3156 text-transform: uppercase;
3157 }
3158
3159 .elementor-add-section-close {
3160 right: 40px;
3161 }
3162
3163 .elementor-add-section-back {
3164 left: 40px;
3165 }
3166
3167 .elementor-wizard-icon {
3168 position: absolute;
3169 top: 40px;
3170 font-size: 20px;
3171 cursor: pointer;
3172 line-height: 1;
3173 color: var(--e-a-color-txt);
3174 }
3175 .elementor-wizard-icon:hover {
3176 color: var(--e-a-color-txt-hover);
3177 }
3178
3179 .elementor-select-preset-list {
3180 list-style: none;
3181 padding: 0 25px;
3182 margin: 20px auto 0;
3183 overflow: hidden;
3184 max-width: 700px;
3185 }
3186 .elementor-select-preset-list .elementor-preset {
3187 cursor: pointer;
3188 margin: 0;
3189 padding: 10px;
3190 float: left;
3191 max-width: 33.333%;
3192 }
3193 .elementor-select-preset-list .elementor-preset:not(:hover) path,
3194 .elementor-select-preset-list .elementor-preset:not(:hover) rect {
3195 fill: var(--e-a-bg-active-bold);
3196 transition: 0.3s all;
3197 }
3198 .elementor-select-preset-list .elementor-preset:hover path,
3199 .elementor-select-preset-list .elementor-preset:hover rect {
3200 fill: var(--e-a-color-txt);
3201 }
3202 .elementor-select-preset-list .elementor-preset .e-preset--container {
3203 position: relative;
3204 display: flex;
3205 }
3206 .elementor-select-preset-list .elementor-preset .e-preset--container::before {
3207 content: var(--text);
3208 font-family: var(--e-a-font-family);
3209 font-size: 13px;
3210 font-weight: 500;
3211 position: absolute;
3212 left: 50%;
3213 top: 50%;
3214 color: var(--e-a-color-white);
3215 transform: translate(-50%, -50%);
3216 }
3217 .elementor-select-preset-list .elementor-preset svg {
3218 height: 50px;
3219 width: 100%;
3220 }
3221
3222 .elementor-add-section[data-view=choose-action] .elementor-add-section-back {
3223 display: none;
3224 }
3225 .elementor-add-section[data-view=select-preset] .elementor-add-section-back {
3226 display: none;
3227 }
3228 .elementor-add-section[data-view=select-type] .elementor-add-section-back {
3229 display: none;
3230 }
3231
3232 #elementor-add-new-section {
3233 margin: 60px auto;
3234 }
3235 #elementor-add-new-section[data-view=choose-action] .elementor-add-section-close {
3236 display: none;
3237 }
3238
3239 .elementor-add-section-inline {
3240 margin: 10px auto;
3241 width: 100%;
3242 }
3243
3244 @keyframes placeholder-section {
3245 0% {
3246 height: 0;
3247 opacity: 0;
3248 }
3249 100% {
3250 height: 40px;
3251 opacity: 0.9;
3252 }
3253 }
3254 @keyframes placeholder-widget {
3255 0% {
3256 height: 0;
3257 opacity: 0;
3258 }
3259 100% {
3260 height: 10px;
3261 opacity: 0.9;
3262 }
3263 }
3264 @keyframes section-outline {
3265 0% {
3266 opacity: 0;
3267 }
3268 100% {
3269 opacity: 1;
3270 }
3271 }
3272 body.elementor-editor-active .elementor.elementor-edit-mode.layout-section .entry-content {
3273 overflow: visible;
3274 }
3275 body.elementor-editor-active .elementor.elementor-edit-mode .article {
3276 overflow: visible;
3277 }
3278 body.elementor-editor-active .elementor.elementor-edit-mode .elementor-element-overlay .elementor-editor-element-settings {
3279 clear: unset;
3280 }
3281 body.elementor-editor-active .elementor.elementor-edit-mode .elementor-element.elementor-section {
3282 overflow: visible;
3283 }
3284
3285 .elementor-edit-area .animated {
3286 animation-fill-mode: none !important;
3287 }
3288 .elementor-edit-area ul.elementor-editor-element-settings {
3289 word-break: normal;
3290 padding: 0;
3291 }
3292 .elementor-edit-area .gallery {
3293 opacity: 1;
3294 }
3295
3296 .pen {
3297 position: relative;
3298 outline: none;
3299 }
3300 .pen:not([data-elementor-inline-editing-toolbar=advanced]) {
3301 white-space: pre-wrap;
3302 }
3303 .pen-menu {
3304 box-shadow: 1px 2px 3px -2px #222;
3305 background-color: #3f444b;
3306 position: fixed;
3307 overflow: hidden;
3308 border-radius: 3px;
3309 z-index: 9999;
3310 }
3311 .pen-menu:after {
3312 top: 100%;
3313 content: "";
3314 position: absolute;
3315 border: 6px solid transparent;
3316 border-top-color: #3f444b;
3317 left: 50%;
3318 transform: translateX(-50%);
3319 }
3320 .pen-menu-below:after {
3321 top: 0;
3322 transform: translateX(-50%) translateY(-100%) rotate(180deg);
3323 }
3324 .pen-icon {
3325 position: relative;
3326 display: flex;
3327 align-items: center;
3328 justify-content: center;
3329 height: 35px;
3330 padding: 0 10px;
3331 font-size: 21px;
3332 color: #D5D8DC;
3333 cursor: pointer;
3334 -webkit-user-select: none;
3335 -moz-user-select: none;
3336 user-select: none;
3337 }
3338 .pen-icon:hover {
3339 background: #1f2124;
3340 }
3341 .pen-icon[data-group], .pen-icon[data-action=closeGroup] {
3342 display: none;
3343 }
3344 .pen-icon[data-action=close]:before {
3345 content: "";
3346 position: absolute;
3347 left: 0;
3348 height: 60%;
3349 width: 1px;
3350 background-color: #1f2124;
3351 }
3352 .pen-icon.active {
3353 background-color: #1f2124;
3354 box-shadow: inset 2px 2px 4px #1f2124;
3355 }
3356 .pen-group-icon:after {
3357 font-family: eicons;
3358 font-size: 12px;
3359 content: "\e92a";
3360 padding-left: 4px;
3361 color: #2563EB;
3362 }
3363 .pen-input-wrapper {
3364 align-items: center;
3365 }
3366 .pen-input-wrapper .pen-url-input {
3367 font-size: 12px;
3368 line-height: 1.5;
3369 padding: 0;
3370 padding-left: 10px;
3371 padding-right: 10px;
3372 width: 250px;
3373 direction: ltr;
3374 }
3375 .pen-input-wrapper .pen-url-input, .pen-input-wrapper .pen-url-input:focus {
3376 background-color: transparent;
3377 border: none;
3378 outline: none;
3379 box-shadow: none;
3380 color: #fff;
3381 }
3382 .pen-input-wrapper .pen-url-input::-moz-placeholder {
3383 color: #D5D8DC;
3384 }
3385 .pen-input-wrapper .pen-url-input::placeholder {
3386 color: #D5D8DC;
3387 }
3388 .pen-input-label {
3389 margin: 0;
3390 margin-right: -1px;
3391 }
3392 .pen-placeholder:before {
3393 content: attr(data-pen-placeholder);
3394 position: absolute;
3395 font-weight: normal;
3396 color: #757575;
3397 opacity: 0.6;
3398 }
3399 .pen-external-url-checkbox {
3400 display: none;
3401 }
3402 .pen-external-url-checkbox:checked + i {
3403 color: #fff;
3404 }
3405
3406 .elementor-inline-editing i:not([class]) {
3407 font-style: italic;
3408 }
3409 .elementor-inline-editing b {
3410 font-weight: bold;
3411 }
3412 .elementor-inline-editing u {
3413 text-decoration: underline;
3414 }
3415
3416 .e-element-color-picker {
3417 --primary-color: #2563EB;
3418 --swatch-size: 25px;
3419 cursor: default;
3420 display: flex;
3421 position: absolute;
3422 width: calc((var(--count) + 1) * var(--swatch-size));
3423 height: var(--swatch-size);
3424 top: var(--top);
3425 left: var(--left);
3426 right: var(--right, unset);
3427 border-radius: 3px;
3428 opacity: 0;
3429 pointer-events: none;
3430 z-index: 9998;
3431 background-color: var(--primary-color);
3432 padding: 1px;
3433 box-sizing: content-box;
3434 transition: opacity 0.3s, width 0.3s;
3435 }
3436 .e-element-color-picker.e-picker-hidden {
3437 opacity: 0;
3438 pointer-events: none;
3439 }
3440 .e-element-color-picker::before {
3441 content: "";
3442 flex: 0 1 var(--swatch-size);
3443 max-width: 100%;
3444 height: 100%;
3445 box-sizing: border-box;
3446 text-align: center;
3447 }
3448 .e-element-color-picker::after {
3449 content: "\e91e";
3450 font-family: "eicons";
3451 color: #FFF;
3452 font-size: 1rem;
3453 line-height: var(--swatch-size);
3454 position: absolute;
3455 left: 0.3rem;
3456 z-index: -1;
3457 }
3458 .e-element-color-picker__swatch {
3459 flex: 1 0 var(--swatch-size);
3460 max-width: 100%;
3461 height: 100%;
3462 cursor: pointer;
3463 transition: var(--e-a-transition-hover);
3464 position: relative;
3465 overflow: hidden;
3466 border-radius: inherit;
3467 /* Hack to fix transparent `--color` on hover */
3468 background: linear-gradient(var(--color), var(--color)), linear-gradient(var(--primary-color), var(--primary-color));
3469 }
3470 .e-element-color-picker__swatch:not(:first-child) {
3471 border-left: 1px solid var(--primary-color);
3472 }
3473 .e-element-color-picker__swatch::before {
3474 content: attr(data-text);
3475 position: absolute;
3476 left: 50%;
3477 top: 50%;
3478 opacity: 0;
3479 color: var(--color);
3480 font-size: 10px;
3481 font-weight: 300;
3482 font-family: Roboto, Arial, Helvetica, sans-serif;
3483 transform: translate(-50%, -50%);
3484 filter: hue-rotate(180deg) grayscale(1) contrast(999) invert(1);
3485 transition: inherit;
3486 }
3487 .e-element-color-picker__swatch:hover {
3488 flex-basis: calc(2 * var(--swatch-size));
3489 flex-shrink: 0;
3490 }
3491 .e-element-color-picker__swatch:hover::before {
3492 opacity: 1;
3493 }
3494
3495 .e-ui-state--elements-color-picker-color-picking__on *:not(.e-element-color-picker__swatch) {
3496 cursor: url("../images/eyedropper.svg") 0 20, pointer;
3497 }
3498 .e-ui-state--elements-color-picker-color-picking__on .e-element-color-picker:not(.e-picker-hidden):hover,
3499 .e-ui-state--elements-color-picker-color-picking__on .elementor-element:hover > .e-element-color-picker:not(.e-picker-hidden),
3500 .e-ui-state--elements-color-picker-color-picking__on .elementor-widget-container:hover + .e-element-color-picker:not(.e-picker-hidden) {
3501 opacity: 1;
3502 pointer-events: all;
3503 }
3504 .e-ui-state--elements-color-picker-color-picking__on .elementor-section:hover {
3505 outline: 1px solid #2563EB;
3506 }
3507
3508 [class^=eicon-flex], [class*=" eicon-flex"] {
3509 transition: 0.3s all;
3510 --is-ltr: 1;
3511 --is-rtl: 0;
3512 --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
3513 }
3514 [class^=eicon-flex].eicon-inline, [class*=" eicon-flex"].eicon-inline {
3515 max-height: 1em;
3516 max-width: 1em;
3517 }
3518 [class^=eicon-flex]:is(.eicon-justify-start-h, .eicon-justify-end-h), [class*=" eicon-flex"]:is(.eicon-justify-start-h, .eicon-justify-end-h) {
3519 --rotation-direction: calc(var(--is-ltr) + var(--is-rtl));
3520 }
3521 :is(.e-ui-state--document-direction-mode__column, .e-ui-state--document-direction-mode__column-reverse) [class^=eicon-flex]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow), :is(.e-ui-state--document-direction-mode__column, .e-ui-state--document-direction-mode__column-reverse) [class*=" eicon-flex"]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow) {
3522 transform: rotate(calc(var(--rotation-direction) * 90deg));
3523 }
3524 :is(.e-ui-state--document-direction-mode__column, .e-ui-state--document-direction-mode__column-reverse) [class^=eicon-flex]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow):is(.eicon-align-start-v, .eicon-align-end-v), :is(.e-ui-state--document-direction-mode__column, .e-ui-state--document-direction-mode__column-reverse) [class*=" eicon-flex"]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow):is(.eicon-align-start-v, .eicon-align-end-v) {
3525 transform: rotate(calc(var(--rotation-direction) * -90deg));
3526 }
3527 .e-ui-state--document-direction-mode__column-reverse [class^=eicon-flex]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow):is(.eicon-justify-start-h, .eicon-justify-end-h, .eicon-order-start, .eicon-order-end), .e-ui-state--document-direction-mode__column-reverse [class*=" eicon-flex"]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow):is(.eicon-justify-start-h, .eicon-justify-end-h, .eicon-order-start, .eicon-order-end) {
3528 transform: rotate(calc(var(--rotation-direction) * -90deg));
3529 }
3530 .e-ui-state--document-direction-mode__row [class^=eicon-flex]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow):is(.eicon-justify-start-h, .eicon-justify-end-h, .eicon-order-start, .eicon-order-end), .e-ui-state--document-direction-mode__row [class*=" eicon-flex"]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow):is(.eicon-justify-start-h, .eicon-justify-end-h, .eicon-order-start, .eicon-order-end) {
3531 transform: rotate(calc(var(--is-rtl) * 180deg));
3532 }
3533 .e-ui-state--document-direction-mode__row-reverse [class^=eicon-flex]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow):is(.eicon-justify-start-h, .eicon-justify-end-h, .eicon-order-start, .eicon-order-end), .e-ui-state--document-direction-mode__row-reverse [class*=" eicon-flex"]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow):is(.eicon-justify-start-h, .eicon-justify-end-h, .eicon-order-start, .eicon-order-end) {
3534 transform: rotate(calc(var(--is-ltr) * 180deg));
3535 }
3536
3537 html.elementor-html {
3538 margin-top: 0 !important;
3539 }
3540
3541 .elementor-edit-area {
3542 position: relative;
3543 }
3544
3545 .elementor.loading {
3546 opacity: 0.5;
3547 }
3548
3549 .elementor-edit-area-active {
3550 --primary-color: var(--e-p-border-con);
3551 --secondary-color: var(--e-p-border-con-hover);
3552 --outline-color: var(--e-p-border-con-active);
3553 }
3554 .elementor-edit-area-active .e-con {
3555 --primary-color: var(--e-p-border-con);
3556 --secondary-color: var(--e-p-border-con-hover);
3557 --outline-color: var( --outline-color );
3558 }
3559 .elementor-edit-area-active .e-con.e-dragging-over, .elementor-edit-area-active .e-con.elementor-dragging-on-child, .elementor-edit-area-active .e-con.e-con-boxed.elementor-html5dnd-current-element {
3560 outline: 1px solid var(--outline-color);
3561 }
3562 .elementor-edit-area-active .e-grid-outline {
3563 display: none;
3564 }
3565 .elementor-edit-area-active .elementor-element-editable.e-grid.e-con-full > .e-grid-outline {
3566 padding-top: var(--padding-top);
3567 padding-bottom: var(--padding-bottom);
3568 display: grid;
3569 position: absolute;
3570 top: 0;
3571 bottom: 0;
3572 pointer-events: none;
3573 grid-gap: var(--gap);
3574 justify-items: var(--justify-items);
3575 align-items: var(--align-items);
3576 grid-auto-flow: var(--grid-auto-flow);
3577 justify-content: var(--grid-justify-content);
3578 align-content: var(--grid-align-content);
3579 min-height: var(--min-height);
3580 padding-right: var(--padding-right);
3581 padding-left: var(--padding-left);
3582 width: 100%;
3583 left: 0;
3584 }
3585 .elementor-edit-area-active .elementor-element-editable.e-grid.e-con-boxed > .e-con-inner {
3586 position: relative;
3587 }
3588 .elementor-edit-area-active .elementor-element-editable.e-grid.e-con-boxed > .e-con-inner > .e-grid-outline {
3589 padding-top: var(--padding-top);
3590 padding-bottom: var(--padding-bottom);
3591 display: grid;
3592 position: absolute;
3593 top: 0;
3594 bottom: 0;
3595 pointer-events: none;
3596 grid-gap: var(--gap);
3597 justify-items: var(--justify-items);
3598 align-items: var(--align-items);
3599 grid-auto-flow: var(--grid-auto-flow);
3600 justify-content: var(--grid-justify-content);
3601 align-content: var(--grid-align-content);
3602 min-height: var(--min-height);
3603 width: var(--width);
3604 margin: 0 auto;
3605 }
3606 .elementor-edit-area-active .elementor-element-editable.e-grid .e-grid-outline-item {
3607 border: 1px dashed #9DA5AE;
3608 pointer-events: none;
3609 width: 100%;
3610 height: 100%;
3611 }
3612 .elementor-edit-area-active .elementor-inner-section:first-child {
3613 margin-top: 15px;
3614 }
3615 .elementor-edit-area-active .elementor-widget-wrap.elementor-element-empty {
3616 min-height: 30px;
3617 }
3618 @media (min-width: 768px) {
3619 .elementor-edit-area-active .elementor-widget-wrap.elementor-element-empty {
3620 margin: 10px;
3621 }
3622 }
3623 .elementor-edit-area-active .elementor-column {
3624 min-width: 25px;
3625 }
3626 .elementor-edit-area-active .elementor-widget.elementor-loading {
3627 opacity: 0.3;
3628 }
3629 .elementor-edit-area-active .elementor-widget.elementor-element-edit-mode:hover {
3630 box-shadow: 0 0 0 1px var(--e-p-border-widget);
3631 }
3632 .elementor-edit-area-active .elementor-widget.elementor-element-editable, .elementor-edit-area-active .elementor-widget.elementor-element-editable:hover {
3633 box-shadow: 0 0 0 2px var(--e-p-border-widget);
3634 }
3635 .elementor-edit-area-active .elementor-widget:not(:hover) .elementor-editor-element-settings {
3636 display: none;
3637 }
3638 .elementor-edit-area-active .elementor-widget.ui-draggable-dragging {
3639 pointer-events: none;
3640 }
3641 .elementor-edit-area-active .elementor-editor-element-setting {
3642 cursor: pointer;
3643 display: flex;
3644 align-items: center;
3645 justify-content: center;
3646 padding: 0;
3647 margin: 0;
3648 font-size: 11px;
3649 color: var(--e-p-border-widget-invert);
3650 width: 25px;
3651 transition: var(--e-a-transition-hover);
3652 }
3653 .elementor-edit-area-active .elementor-inline-editing {
3654 min-height: 15px;
3655 }
3656 .elementor-edit-area-active .elementor-edit-hidden {
3657 display: none;
3658 }
3659
3660 .elementor-section-wrap:empty {
3661 min-height: 25px;
3662 }
3663 .elementor-section-wrap > :first-child > .elementor-element-overlay {
3664 z-index: 9999;
3665 }
3666
3667 .elementor-element > .elementor-element-overlay {
3668 position: absolute;
3669 top: 0;
3670 right: 0;
3671 letter-spacing: 0;
3672 z-index: 9998;
3673 pointer-events: none;
3674 }
3675 .elementor-element-empty .elementor-sortable-placeholder {
3676 display: none;
3677 }
3678 .elementor-element.elementor-widget-empty {
3679 background-color: rgba(213, 216, 220, 0.8);
3680 }
3681 .elementor-element.elementor-widget-empty .elementor-widget-empty-icon {
3682 color: #BABFC5;
3683 font-size: 22px;
3684 display: block;
3685 text-align: center;
3686 padding: 10px 0;
3687 }
3688 .elementor-element:not(:hover):not(.elementor-element-editable) > .elementor-element-overlay .elementor-editor-element-settings {
3689 display: none;
3690 }
3691 .elementor-element--toggle-edit-tools > .elementor-element-overlay .elementor-editor-element-edit:not(.elementor-active) ~ * {
3692 width: 0;
3693 font-size: 0;
3694 }
3695 .elementor-element[data-side=top]:before, .elementor-element[data-side=bottom] + .elementor-element:before {
3696 content: "";
3697 background-color: var(--e-p-draggable-color);
3698 transition-timing-function: ease-out;
3699 opacity: 0.9;
3700 height: 10px;
3701 animation: placeholder-widget 500ms;
3702 display: block;
3703 }
3704 .elementor-element[data-side=bottom]:last-child:after {
3705 content: "";
3706 background-color: var(--e-p-draggable-color);
3707 transition-timing-function: ease-out;
3708 opacity: 0.9;
3709 height: 10px;
3710 animation: placeholder-widget 500ms;
3711 display: block;
3712 }
3713 .elementor-element.elementor-absolute, .elementor-element.elementor-fixed {
3714 cursor: grab;
3715 }
3716 .elementor-element.elementor-absolute:active, .elementor-element.elementor-fixed:active {
3717 cursor: grabbing;
3718 }
3719 .elementor-element.elementor-absolute .eicon-edit:before, .elementor-element.elementor-fixed .eicon-edit:before {
3720 content: "\e902";
3721 }
3722
3723 .elementor-editor-element-settings {
3724 position: absolute;
3725 display: flex;
3726 height: 26px;
3727 list-style: none;
3728 margin: 0;
3729 padding: 0;
3730 font-family: var(--e-a-font-family);
3731 font-size: 13px;
3732 font-weight: normal;
3733 font-style: normal;
3734 line-height: 1;
3735 z-index: 1;
3736 pointer-events: all;
3737 transition: var(--e-a-transition-hover);
3738 }
3739
3740 @media (min-width: 1025px) {
3741 .elementor-editor-element-edit {
3742 cursor: move;
3743 }
3744 }
3745
3746 .elementor-empty-view {
3747 position: absolute;
3748 top: 0;
3749 bottom: 0;
3750 left: 0;
3751 right: 0;
3752 z-index: 1;
3753 }
3754
3755 .elementor-first-add {
3756 text-align: center;
3757 border: 1px dashed var(--e-a-border-color-bold);
3758 display: flex;
3759 height: 100%;
3760 width: 100%;
3761 position: absolute;
3762 align-items: center;
3763 justify-content: center;
3764 }
3765 .elementor-first-add .elementor-icon {
3766 font-size: 19px;
3767 color: #9DA5AE;
3768 cursor: pointer;
3769 }
3770
3771 .elementor-sortable-helper {
3772 position: absolute;
3773 cursor: move;
3774 border: var(--e-a-border);
3775 border-radius: var(--e-a-border-radius);
3776 background-color: var(--e-a-bg-active);
3777 border-color: var(--e-a-border-color-accent);
3778 color: var(--e-a-color-active);
3779 text-align: center;
3780 }
3781 .elementor-sortable-helper .icon {
3782 font-size: 28px;
3783 padding-top: 15px;
3784 line-height: 1;
3785 }
3786 .elementor-sortable-helper .title-wrapper {
3787 display: flex;
3788 height: 40px;
3789 align-items: center;
3790 justify-content: center;
3791 }
3792 .elementor-sortable-helper .title {
3793 font-size: 11px;
3794 }
3795
3796 .elementor-sortable-placeholder:not(.elementor-column-placeholder) {
3797 background-color: var(--e-p-draggable-color);
3798 animation-duration: 250ms;
3799 opacity: 0.9;
3800 width: 100%;
3801 align-self: stretch;
3802 }
3803 .e-con .elementor-first-add .elementor-sortable-placeholder:not(.elementor-column-placeholder) {
3804 align-self: center;
3805 }
3806 .e-swappable--active > .elementor-sortable-placeholder:not(.elementor-column-placeholder) {
3807 display: none;
3808 }
3809
3810 .elementor-section-placeholder {
3811 height: 40px;
3812 animation-name: placeholder-section;
3813 }
3814
3815 .elementor-widget-placeholder {
3816 height: 10px;
3817 animation-name: placeholder-widget;
3818 }
3819
3820 .elementor-draggable-over:not([data-dragged-element=section]):not([data-dragged-is-inner=true]) > .elementor-empty-view > .elementor-first-add:after,
3821 .elementor-first-add.elementor-html5dnd-current-element:after {
3822 content: "";
3823 background-color: var(--e-p-draggable-color);
3824 transition-timing-function: ease-out;
3825 opacity: 0.9;
3826 height: 10px;
3827 animation: placeholder-widget 500ms;
3828 width: 100%;
3829 }
3830 .e-con .elementor-draggable-over:not([data-dragged-element=section]):not([data-dragged-is-inner=true]) > .elementor-empty-view > .elementor-first-add:after,
3831 .e-con .elementor-first-add.elementor-html5dnd-current-element:after {
3832 display: none;
3833 }
3834 .elementor-draggable-over:not([data-dragged-element=section]):not([data-dragged-is-inner=true]) > .elementor-empty-view > .elementor-first-add .elementor-icon,
3835 .elementor-first-add.elementor-html5dnd-current-element .elementor-icon {
3836 display: none;
3837 }
3838
3839 .elementor-draggable-over[data-dragged-element=section][data-dragged-is-inner=true] .elementor-inner-column .elementor-sortable-placeholder {
3840 display: none;
3841 }
3842
3843 .elementor-editor-preview .elementor-element-overlay,
3844 .elementor-editor-preview .elementor-empty,
3845 .elementor-editor-preview .elementor-add-section,
3846 .elementor-editor-preview .elementor-add-section-inline,
3847 .elementor-editor-preview .elementor-empty-view,
3848 .elementor-editor-preview .elementor-widget-empty {
3849 display: none;
3850 }
3851
3852 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen,
3853 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop,
3854 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop,
3855 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra,
3856 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet,
3857 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra,
3858 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile {
3859 display: inherit;
3860 background: repeating-linear-gradient(125deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 1px, transparent 2px, transparent 9px);
3861 border: 1px solid rgba(0, 0, 0, 0.02);
3862 }
3863 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.elementor-section > .elementor-element-overlay, .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.e-con > .elementor-element-overlay,
3864 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-section > .elementor-element-overlay,
3865 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.e-con > .elementor-element-overlay,
3866 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.elementor-section > .elementor-element-overlay,
3867 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.e-con > .elementor-element-overlay,
3868 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.elementor-section > .elementor-element-overlay,
3869 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.e-con > .elementor-element-overlay,
3870 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.elementor-section > .elementor-element-overlay,
3871 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.e-con > .elementor-element-overlay,
3872 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-section > .elementor-element-overlay,
3873 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.e-con > .elementor-element-overlay,
3874 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-section > .elementor-element-overlay,
3875 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.e-con > .elementor-element-overlay {
3876 background-color: var(--e-a-bg-hover);
3877 mix-blend-mode: color;
3878 }
3879 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.elementor-section:before, .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.e-con:before,
3880 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-section:before,
3881 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.e-con:before,
3882 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.elementor-section:before,
3883 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.e-con:before,
3884 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.elementor-section:before,
3885 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.e-con:before,
3886 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.elementor-section:before,
3887 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.e-con:before,
3888 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-section:before,
3889 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.e-con:before,
3890 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-section:before,
3891 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.e-con:before {
3892 content: "";
3893 display: block;
3894 position: absolute;
3895 top: 0;
3896 left: 0;
3897 width: 100%;
3898 height: 100%;
3899 background-color: rgba(255, 255, 255, 0.6);
3900 z-index: 9997;
3901 }
3902 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.e-con,
3903 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.e-con,
3904 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.e-con,
3905 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.e-con,
3906 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.e-con,
3907 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.e-con,
3908 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.e-con {
3909 display: var(--display);
3910 }
3911 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.elementor-inner-section .elementor-container,
3912 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-inner-section .elementor-container,
3913 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.elementor-inner-section .elementor-container,
3914 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.elementor-inner-section .elementor-container,
3915 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.elementor-inner-section .elementor-container,
3916 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-inner-section .elementor-container,
3917 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-inner-section .elementor-container {
3918 width: 100%;
3919 }
3920 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen > .elementor-widget-container, .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen > .elementor-widget-wrap,
3921 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop > .elementor-widget-container,
3922 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop > .elementor-widget-wrap,
3923 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop > .elementor-widget-container,
3924 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop > .elementor-widget-wrap,
3925 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra > .elementor-widget-container,
3926 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra > .elementor-widget-wrap,
3927 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet > .elementor-widget-container,
3928 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet > .elementor-widget-wrap,
3929 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra > .elementor-widget-container,
3930 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra > .elementor-widget-wrap,
3931 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-container,
3932 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-wrap {
3933 filter: opacity(0.4) saturate(0);
3934 }
3935 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.elementor-edit-hidden,
3936 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-edit-hidden,
3937 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.elementor-edit-hidden,
3938 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.elementor-edit-hidden,
3939 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.elementor-edit-hidden,
3940 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-edit-hidden,
3941 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-edit-hidden {
3942 display: none;
3943 }
3944
3945 .elementor-editor-section-settings,
3946 .elementor-editor-container-settings {
3947 height: 24px;
3948 top: 1px;
3949 left: 50%;
3950 transform: translateX(-50%) translateY(-100%);
3951 background-color: var(--e-p-border-section);
3952 border-radius: 5px 5px 0 0;
3953 }
3954 .elementor-editor-section-settings i.eicon-handle,
3955 .elementor-editor-container-settings i.eicon-handle {
3956 font-size: 16px;
3957 }
3958 .elementor-editor-section-settings .elementor-editor-element-setting:hover,
3959 .elementor-editor-container-settings .elementor-editor-element-setting:hover {
3960 background-color: var(--e-p-border-section-hover);
3961 }
3962 .elementor-editor-section-settings .elementor-editor-element-setting:first-child,
3963 .elementor-editor-container-settings .elementor-editor-element-setting:first-child {
3964 border-radius: 5px 0 0 0;
3965 }
3966 .elementor-editor-section-settings .elementor-editor-element-setting:first-child:before,
3967 .elementor-editor-container-settings .elementor-editor-element-setting:first-child:before {
3968 content: "";
3969 position: absolute;
3970 border: solid transparent;
3971 top: 2px;
3972 border-right-color: var(--e-p-border-section);
3973 border-width: 22px 12px 0 0;
3974 right: calc(100% - 1px);
3975 }
3976 .elementor-editor-section-settings .elementor-editor-element-setting:first-child:hover:before,
3977 .elementor-editor-container-settings .elementor-editor-element-setting:first-child:hover:before {
3978 border-right-color: var(--e-p-border-section-hover);
3979 }
3980 .elementor-editor-section-settings .elementor-editor-element-setting:last-child,
3981 .elementor-editor-container-settings .elementor-editor-element-setting:last-child {
3982 border-radius: 0 5px 0 0;
3983 }
3984 .elementor-editor-section-settings .elementor-editor-element-setting:last-child:after,
3985 .elementor-editor-container-settings .elementor-editor-element-setting:last-child:after {
3986 content: "";
3987 position: absolute;
3988 border: solid transparent;
3989 top: 2px;
3990 border-left-color: var(--e-p-border-section);
3991 border-width: 22px 0 0 12px;
3992 left: calc(100% - 1px);
3993 }
3994 .elementor-editor-section-settings .elementor-editor-element-setting:last-child:hover:after,
3995 .elementor-editor-container-settings .elementor-editor-element-setting:last-child:hover:after {
3996 border-left-color: var(--e-p-border-section-hover);
3997 }
3998
3999 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings,
4000 .elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings {
4001 transform: translateX(-50%);
4002 border-radius: 0 0 5px 5px;
4003 }
4004 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child,
4005 .elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child {
4006 border-radius: 0 0 0 5px;
4007 }
4008 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before,
4009 .elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before {
4010 top: 0;
4011 border-width: 0 12px 22px 0;
4012 }
4013 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child,
4014 .elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child {
4015 border-radius: 0 0 5px 0;
4016 }
4017 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after,
4018 .elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after {
4019 top: 0;
4020 border-width: 0 0 22px 12px;
4021 }
4022
4023 .elementor-column > .elementor-element-overlay {
4024 left: 0;
4025 bottom: 0;
4026 }
4027 .elementor-column > .elementor-element-overlay:after {
4028 position: absolute;
4029 left: 0;
4030 right: 0;
4031 top: 0;
4032 bottom: 0;
4033 outline: 1px dashed var(--e-p-border-column);
4034 }
4035 .elementor-column:hover > .elementor-element-overlay:after {
4036 content: "";
4037 }
4038 .elementor-column.elementor-element-editable > .elementor-element-overlay:after {
4039 content: "";
4040 outline: 2px solid var(--e-p-border-column);
4041 }
4042 .elementor-column.elementor-dragging-on-child > .elementor-element-overlay {
4043 border: 1px solid var(--e-p-draggable-color);
4044 }
4045 .elementor-column.elementor-dragging-on-child > .elementor-element-overlay:after {
4046 display: none;
4047 }
4048 .elementor-column > .ui-resizable-e, .elementor-column > .ui-resizable-w {
4049 cursor: col-resize;
4050 width: 7px;
4051 position: absolute;
4052 right: -5px;
4053 top: 0;
4054 height: 100%;
4055 }
4056 .elementor-column:last-of-type > .ui-resizable-e, .elementor-column:last-of-type > .ui-resizable-w {
4057 display: none !important;
4058 }
4059 @media (max-width: 1024px) {
4060 .elementor-column > .ui-resizable-e, .elementor-column > .ui-resizable-w {
4061 display: none !important;
4062 }
4063 }
4064
4065 .elementor-editor-column-settings {
4066 top: -1px;
4067 left: -1px;
4068 border-radius: 0 0 3px 0;
4069 overflow: hidden;
4070 }
4071 .elementor-editor-column-settings .elementor-editor-element-setting {
4072 background-color: var(--e-p-border-column);
4073 }
4074 .elementor-editor-column-settings .elementor-editor-element-setting:hover {
4075 background-color: var(--e-p-border-column-hover);
4076 }
4077
4078 .elementor-column-placeholder {
4079 position: relative;
4080 }
4081 .elementor-column-placeholder:before, .elementor-column-placeholder:after {
4082 content: "";
4083 position: absolute;
4084 top: 10px;
4085 bottom: 10px;
4086 right: 10px;
4087 left: 10px;
4088 }
4089 .elementor-column-placeholder:before {
4090 border: 1px solid var(--e-p-border-column);
4091 }
4092 .elementor-column-placeholder:after {
4093 border: 1px dashed var(--e-a-color-white);
4094 }
4095
4096 .elementor-column-percents-tooltip {
4097 position: absolute;
4098 display: none;
4099 pointer-events: none;
4100 top: 50%;
4101 transform: translateY(-50%);
4102 color: #fff;
4103 font-size: 10px;
4104 background-color: var(--e-p-border-column);
4105 width: 40px;
4106 padding: 3.5px 0;
4107 text-align: center;
4108 z-index: 1;
4109 line-height: 1;
4110 }
4111 .elementor-column-percents-tooltip:after {
4112 content: "";
4113 position: absolute;
4114 width: 0;
4115 height: 0;
4116 border: 8.5px solid transparent;
4117 top: 0;
4118 }
4119 .elementor-column-percents-tooltip[data-side=left] {
4120 border-radius: 3px 0 0 3px;
4121 right: 15px;
4122 }
4123 .elementor-column-percents-tooltip[data-side=left]:after {
4124 left: 100%;
4125 border-left-color: var(--e-p-border-column);
4126 border-right-width: 0;
4127 }
4128 .elementor-column-percents-tooltip[data-side=right] {
4129 border-radius: 0 3px 3px 0;
4130 left: 15px;
4131 }
4132 .elementor-column-percents-tooltip[data-side=right]:after {
4133 right: 100%;
4134 border-right-color: var(--e-p-border-column);
4135 border-left-width: 0;
4136 }
4137
4138 .elementor-editor-widget-settings {
4139 z-index: 2;
4140 top: -1px;
4141 right: -1px;
4142 flex-direction: row-reverse;
4143 border-radius: 0 0 0 3px;
4144 overflow: hidden;
4145 }
4146 .elementor-editor-widget-settings .elementor-editor-element-setting {
4147 background-color: var(--e-p-border-widget);
4148 }
4149 .elementor-editor-widget-settings .elementor-editor-element-setting:hover {
4150 background-color: var(--e-p-border-widget-hover);
4151 }
4152
4153 .elementor-section > .elementor-element-overlay,
4154 .e-con > .elementor-element-overlay {
4155 left: 0;
4156 bottom: 0;
4157 }
4158 .elementor-section > .elementor-element-overlay:after,
4159 .e-con > .elementor-element-overlay:after {
4160 position: absolute;
4161 left: 1px;
4162 right: 1px;
4163 top: 1px;
4164 bottom: 1px;
4165 outline: 1px solid var(--e-p-border-con);
4166 animation: section-outline 0.75s;
4167 }
4168 .elementor-section:hover > .elementor-element-overlay:after,
4169 .e-con:hover > .elementor-element-overlay:after {
4170 content: "";
4171 }
4172 .elementor-section.elementor-element-editable > .elementor-element-overlay:after,
4173 .e-con.elementor-element-editable > .elementor-element-overlay:after {
4174 content: "";
4175 outline-width: 2px;
4176 }
4177
4178 .e-con .e-con-inner .e-con > .elementor-element-overlay:after {
4179 outline: 1px dashed var(--e-p-border-con-in);
4180 }
4181 .e-con .e-con-inner .e-con.elementor-element-editable > .elementor-element-overlay:after {
4182 outline: 2px solid var(--e-p-border-con-in);
4183 }
4184 .e-con .elementor-empty-view {
4185 position: relative;
4186 width: 100%;
4187 height: 100%;
4188 min-height: 100px;
4189 }
4190 .e-con .elementor-empty-view .elementor-first-add {
4191 width: auto;
4192 height: auto;
4193 inset: 0;
4194 }
4195 .e-con:not(.e-grid) .elementor-empty-view {
4196 min-height: var(--min-height, 100px);
4197 }
4198 .e-con.e-grid .elementor-empty-view {
4199 min-width: 100px;
4200 }
4201 .e-con .elementor-widget-placeholder {
4202 --size: 10px;
4203 --margin-start: calc( -1 * var( --size ) );
4204 --margin-end: calc( -2 * var( --size ) );
4205 flex-shrink: 0;
4206 align-self: stretch;
4207 z-index: 1;
4208 pointer-events: none;
4209 }
4210 .e-con.e-con--row > .elementor-widget-placeholder, .e-con.e-con--row > .e-con-inner > .elementor-widget-placeholder {
4211 position: relative;
4212 z-index: 9999;
4213 width: var(--size);
4214 -webkit-margin-start: var(--margin-start);
4215 margin-inline-start: var(--margin-start);
4216 height: auto;
4217 min-height: 100%;
4218 animation-name: dnd-placeholder-widget-vertical;
4219 animation-fill-mode: both;
4220 }
4221 .e-con.e-con--row[data-nesting-level]:not([data-nesting-level="0"]) > .elementor-widget-placeholder, .e-con.e-con--row[data-nesting-level]:not([data-nesting-level="0"]) > .e-con-inner > .elementor-widget-placeholder {
4222 -webkit-margin-end: 0;
4223 margin-inline-end: 0;
4224 -webkit-margin-start: calc(var(--margin-start) + var(--margin-end));
4225 margin-inline-start: calc(var(--margin-start) + var(--margin-end));
4226 }
4227 .e-con.e-con--row[data-nesting-level]:not([data-nesting-level="0"]) > :not(.elementor-element) + .elementor-widget-placeholder, .e-con.e-con--row[data-nesting-level]:not([data-nesting-level="0"]) > .e-con-inner > :not(.elementor-element) + .elementor-widget-placeholder {
4228 -webkit-margin-end: var(--margin-end);
4229 margin-inline-end: var(--margin-end);
4230 -webkit-margin-start: var(--margin-start);
4231 margin-inline-start: var(--margin-start);
4232 }
4233 .e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-right, .e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-left, .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-right, .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-left {
4234 position: absolute;
4235 width: var(--size);
4236 height: 100%;
4237 top: 0;
4238 animation: grow-in-width 0.15s forwards;
4239 }
4240 .e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-right, .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-right {
4241 right: 0;
4242 left: auto;
4243 }
4244 .e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-left, .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-left {
4245 left: 0;
4246 right: auto;
4247 }
4248 .e-con.e-con--column > .elementor-widget-placeholder, .e-con.e-con--column > .e-con-inner > .elementor-widget-placeholder {
4249 height: var(--size);
4250 -webkit-margin-before: var(--margin-start);
4251 margin-block-start: var(--margin-start);
4252 -webkit-margin-after: var(--margin-end);
4253 margin-block-end: var(--margin-end);
4254 animation-name: dnd-placeholder-widget-horizontal;
4255 }
4256 .e-con.e-con--column > .elementor-widget-placeholder:nth-last-child(2) {
4257 -webkit-margin-before: calc(2 * var(--margin-start));
4258 margin-block-start: calc(2 * var(--margin-start));
4259 --margin-end: 0;
4260 }
4261 .e-con.e-con--column > .e-con-inner > .elementor-widget-placeholder:last-child {
4262 --margin-end: 0;
4263 }
4264 .e-con .elementor-sortable-helper {
4265 height: 84px;
4266 width: 125px;
4267 z-index: -1;
4268 }
4269 .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting {
4270 position: relative;
4271 background-color: var(--e-p-border-con-in);
4272 }
4273 .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:hover, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:hover, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting:hover {
4274 background-color: var(--e-p-border-con-in-hover);
4275 }
4276 .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-add, .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-edit + .elementor-editor-element-remove, .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:first-child::before, .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:last-child::after, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-add, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-edit + .elementor-editor-element-remove, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:first-child::before, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:last-child::after, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-add, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-edit + .elementor-editor-element-remove, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting:first-child::before, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting:last-child::after {
4277 display: none;
4278 }
4279 .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit), .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit), .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit) {
4280 -webkit-margin-start: -25px;
4281 margin-inline-start: -25px;
4282 z-index: -1;
4283 transition: 0.3s all;
4284 will-change: margin-inline-start;
4285 }
4286 .e-con > .e-con > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove), .e-con-inner > .e-con > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove), .elementor-widget .e-con > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove) {
4287 -webkit-margin-start: 0;
4288 margin-inline-start: 0;
4289 }
4290 .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-settings, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-settings, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-settings {
4291 inset: initial;
4292 transform: none;
4293 inset-inline-start: 0;
4294 top: 0;
4295 border-radius: 0;
4296 border-end-end-radius: 3px;
4297 height: auto;
4298 }
4299 .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before {
4300 content: "\e9b4";
4301 font-size: 20px;
4302 display: block;
4303 padding: 2px;
4304 }
4305
4306 body.rtl .e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-right, body.rtl .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-right {
4307 left: 0;
4308 right: auto;
4309 }
4310 body.rtl .e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-left, body.rtl .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-left {
4311 right: 0;
4312 left: auto;
4313 }
4314
4315 @keyframes dnd-placeholder-widget-vertical {
4316 0% {
4317 transform-origin: 0 50%;
4318 transform: translateX(50%) scaleX(0);
4319 opacity: 0;
4320 }
4321 100% {
4322 transform-origin: 0 50%;
4323 transform: translateX(50%) scaleX(1);
4324 opacity: 0.9;
4325 }
4326 }
4327 @keyframes dnd-placeholder-widget-horizontal {
4328 0% {
4329 transform-origin: 50% 0;
4330 transform: scaleY(0);
4331 opacity: 0;
4332 }
4333 100% {
4334 transform-origin: 50% 0;
4335 transform: scaleY(1);
4336 opacity: 0.9;
4337 }
4338 }
4339 @keyframes grow-in-width {
4340 from {
4341 width: 0;
4342 }
4343 50% {
4344 width: calc(var(--size) / 2);
4345 }
4346 to {
4347 width: var(--size);
4348 }
4349 }
4350 .e-con-select-preset {
4351 display: flex;
4352 flex-direction: column;
4353 align-items: center;
4354 justify-content: center;
4355 gap: 25px;
4356 }
4357 .e-con-select-preset[data-view=choose-preset] > *:not(.e-con-select-preset__inner) {
4358 display: none;
4359 }
4360 .e-con-select-preset[data-view=drop-area] > *:not(.elementor-first-add) {
4361 display: none;
4362 }
4363 .e-con-select-preset__title {
4364 font-family: var(--e-a-font-family);
4365 font-size: 15px;
4366 font-weight: 400;
4367 color: var(--e-a-color-txt);
4368 }
4369 .e-con-select-preset__list {
4370 display: flex;
4371 gap: 20px;
4372 align-items: center;
4373 justify-content: center;
4374 flex-wrap: wrap;
4375 max-width: 650px;
4376 }
4377 .e-con-select-preset__list .e-con-preset {
4378 cursor: pointer;
4379 flex-basis: 90px;
4380 }
4381 .e-con-select-preset__list .e-con-preset svg {
4382 width: 100%;
4383 height: auto;
4384 }
4385 .e-con-select-preset__list .e-con-preset path {
4386 fill: var(--e-a-color-white);
4387 }
4388 .e-con-select-preset__list .e-con-preset rect {
4389 fill: var(--e-a-bg-active-bold);
4390 transition: 0.3s all;
4391 }
4392 .e-con-select-preset__list .e-con-preset:hover rect {
4393 fill: var(--e-a-color-txt);
4394 }
4395 .e-con-shared-styles {
4396 font-family: var(--e-a-font-family);
4397 line-height: 1;
4398 color: var(--e-a-color-txt);
4399 min-height: 159px;
4400 overflow: hidden;
4401 display: flex;
4402 flex-direction: column;
4403 align-items: center;
4404 justify-content: center;
4405 gap: 25px;
4406 }
4407 .e-con-select-type__title {
4408 font-size: 15px;
4409 font-weight: 400;
4410 }
4411 .e-con-select-type__icons {
4412 display: flex;
4413 justify-content: center;
4414 flex-wrap: wrap;
4415 gap: 40px;
4416 }
4417 .e-con-select-type__icons__icon {
4418 cursor: pointer;
4419 }
4420 .e-con-select-type__icons__icon svg {
4421 margin-bottom: 10px;
4422 width: 85px;
4423 }
4424 .e-con-select-type__icons__icon svg:hover rect {
4425 fill: var(--e-a-color-txt);
4426 }
4427 .e-con-select-type__icons__icon svg:hover path {
4428 stroke: var(--e-a-color-white);
4429 }
4430 .e-con-select-type__icons__icon__subtitle {
4431 font-size: 14px;
4432 font-weight: 500;
4433 }
4434 .e-con-select-preset-grid__title {
4435 font-size: 15px;
4436 font-weight: 400;
4437 }
4438 .e-con-select-preset-grid__list {
4439 display: flex;
4440 justify-content: center;
4441 flex-wrap: wrap;
4442 gap: 20px;
4443 }
4444 .e-con-select-preset-grid__list svg {
4445 cursor: pointer;
4446 }
4447 .e-con-select-preset-grid__list svg:hover rect {
4448 fill: var(--e-a-color-txt);
4449 }
4450 .e-con-select-preset-grid__list svg:hover path {
4451 stroke: var(--e-a-color-white);
4452 }
4453 .e-con .ui-resizable-e {
4454 right: 0;
4455 }
4456 .e-con .ui-resizable-w {
4457 left: 0;
4458 }
4459 /*# sourceMappingURL=editor-preview.css.map */