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

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