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

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

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