PluginProbe
Elementor Website Builder – more than just a page builder / 3.25.3
Elementor Website Builder – more than just a page builder v3.25.3
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.25.3, at assets/css/editor-preview.css

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