PluginProbe
Elementor Website Builder – more than just a page builder / 3.18.0-dev1
Elementor Website Builder – more than just a page builder v3.18.0-dev1
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 4.1.0-beta1 4.1.0-dev1 4.0.7 All 451 releases
elementor / assets / css / editor-preview.css

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

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