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

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