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

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

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