PluginProbe
Elementor Website Builder – more than just a page builder / 3.34.1
Elementor Website Builder – more than just a page builder v3.34.1
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-rtl.css

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

4,531 lines 142.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 :root {
2 --direction-multiplier: 1;
3 }
4
5 html[dir=rtl],
6 body.rtl {
7 --direction-multiplier: -1;
8 }
9
10 .elementor-hidden {
11 display: none;
12 }
13
14 .elementor-visibility-hidden {
15 visibility: hidden;
16 }
17
18 .elementor-screen-only,
19 .screen-reader-text,
20 .screen-reader-text span,
21 .ui-helper-hidden-accessible {
22 position: absolute;
23 top: -10000em;
24 width: 1px;
25 height: 1px;
26 margin: -1px;
27 padding: 0;
28 overflow: hidden;
29 clip: rect(0, 0, 0, 0);
30 border: 0;
31 }
32
33 .elementor-clearfix:after {
34 content: "";
35 display: block;
36 clear: both;
37 width: 0;
38 height: 0;
39 }
40
41 .e-logo-wrapper {
42 background: var(--e-a-bg-logo);
43 display: inline-block;
44 padding: 0.75em;
45 border-radius: 50%;
46 line-height: 1;
47 }
48 .e-logo-wrapper i {
49 color: var(--e-a-color-logo);
50 font-size: 1em;
51 }
52
53 .elementor-control-unit-1 {
54 width: 27px;
55 }
56
57 .elementor-control-unit-2 {
58 width: 54px;
59 }
60
61 .elementor-control-unit-3 {
62 width: 81px;
63 }
64
65 .elementor-control-unit-4 {
66 width: 108px;
67 }
68
69 .elementor-control-unit-5 {
70 max-width: 400px;
71 width: 52%;
72 }
73
74 .elementor-tags-list {
75 display: none;
76 position: absolute;
77 width: 260px;
78 max-height: 300px;
79 overflow: auto;
80 padding-block-end: 5px;
81 background-color: var(--e-a-bg-default);
82 box-shadow: var(--e-a-popover-shadow);
83 border: var(--e-a-border);
84 border-radius: 3px;
85 z-index: 10000;
86 }
87 .elementor-tags-list__group-title {
88 font-weight: bold;
89 font-size: 12px;
90 padding: 10px 15px;
91 display: flex;
92 align-items: center;
93 }
94 .elementor-tags-list__group-title .eicon-info-circle {
95 padding-inline-end: 5px;
96 color: var(--e-a-color-primary-bold);
97 font-size: 14px;
98 }
99 .elementor-tags-list__item {
100 font-size: 10px;
101 padding: 6px 15px;
102 cursor: pointer;
103 }
104 .elementor-tags-list__item:before {
105 content: ">";
106 font-size: 8px;
107 padding-inline-end: 5px;
108 }
109 .elementor-tags-list__item:hover {
110 background-color: var(--e-a-bg-hover);
111 }
112 .elementor-tags-list__teaser {
113 border-block-start: 2px solid var(--e-a-border-color);
114 padding-block-start: 4px;
115 margin-block-start: 4px;
116 }
117 .elementor-tags-list__teaser-text {
118 padding: 2px 15px 8px;
119 line-height: 1.5;
120 font-size: 12px;
121 }
122 .elementor-tags-list__teaser-link {
123 color: var(--e-a-color-primary-bold);
124 text-decoration: underline;
125 font-style: italic;
126 font-weight: bold;
127 }
128
129 .elementor-dynamic-cover {
130 display: flex;
131 align-items: center;
132 width: 100%;
133 height: 27px;
134 box-sizing: border-box;
135 }
136 .elementor-dynamic-cover__title {
137 padding: 0 8px;
138 flex-grow: 1;
139 white-space: nowrap;
140 text-overflow: ellipsis;
141 overflow: hidden;
142 }
143 .elementor-dynamic-cover__settings, .elementor-dynamic-cover__remove {
144 cursor: pointer;
145 transition: var(--e-a-transition-hover);
146 }
147 .elementor-dynamic-cover__settings:hover, .elementor-dynamic-cover__remove:hover {
148 color: var(--e-a-color-txt-hover);
149 }
150 .elementor-control-type-wysiwyg .elementor-dynamic-cover {
151 margin-block-start: 10px;
152 }
153
154 .elementor-tag-settings-popup {
155 position: absolute;
156 width: 260px;
157 background-color: var(--e-a-bg-default);
158 border: var(--e-a-border);
159 box-shadow: var(--e-a-popover-shadow);
160 z-index: 1;
161 }
162 .elementor-tag-settings-popup:before {
163 content: "";
164 position: absolute;
165 inset-block-start: -20px;
166 inset-inline-start: 5px;
167 border: 10px solid transparent;
168 border-block-end-color: var(--e-a-border-color);
169 }
170 .elementor-tag-settings-popup .elementor-control-type-section:first-child {
171 margin: 0;
172 }
173
174 .elementor-tag-controls-stack-empty {
175 background-color: var(--e-a-bg-default);
176 padding: 10px;
177 font-size: 13px;
178 text-align: center;
179 }
180
181 .elementor-control-dynamic input {
182 border-start-start-radius: var(--e-a-border-radius);
183 border-start-end-radius: 0;
184 border-end-end-radius: 0;
185 border-end-start-radius: var(--e-a-border-radius);
186 }
187 .elementor-control-dynamic-switcher {
188 display: inline-flex;
189 align-items: center;
190 justify-content: center;
191 flex-shrink: 0;
192 height: 27px;
193 cursor: pointer;
194 border: var(--e-a-border-bold);
195 background: var(--e-a-bg-default);
196 border-inline-start-width: 0;
197 border-start-start-radius: 0;
198 border-start-end-radius: var(--e-a-border-radius);
199 border-end-end-radius: var(--e-a-border-radius);
200 border-end-start-radius: 0;
201 transition: var(--e-a-transition-hover);
202 }
203 .elementor-control-dynamic-switcher:hover {
204 background-color: var(--e-a-bg-hover);
205 color: var(--e-a-color-txt-hover);
206 }
207 .elementor-control-dynamic-switcher.e-control-tool {
208 height: 20px;
209 border: 0;
210 }
211 .elementor-control-dynamic-switcher-wrapper {
212 display: flex;
213 }
214 .elementor-control-dynamic-switcher .eicon-database {
215 font-size: 12px;
216 }
217 .elementor-control-dynamic-value .elementor-control-tag-area,
218 .elementor-control-dynamic-value .elementor-control-dynamic-switcher,
219 .elementor-control-dynamic-value .e-global__popover-toggle {
220 display: none;
221 }
222
223 .elementor-panel-box-content {
224 padding: 20px 20px 10px;
225 }
226
227 .elementor-button {
228 display: inline-block;
229 }
230
231 .elementor-panel-alert {
232 background-color: var(--e-a-bg-primary);
233 padding: 15px;
234 border-inline-start: 3px solid var(--e-a-color-primary);
235 position: relative;
236 font-size: 12px;
237 font-weight: 300;
238 font-style: italic;
239 line-height: 1.5;
240 text-align: start;
241 border-start-start-radius: 0;
242 border-start-end-radius: 3px;
243 border-end-start-radius: 0;
244 border-end-end-radius: 3px;
245 }
246 .elementor-panel-alert a {
247 color: inherit;
248 }
249 .elementor-panel-alert.elementor-panel-alert-info {
250 border-color: var(--e-a-color-info);
251 background: var(--e-a-bg-info);
252 }
253 .elementor-panel-alert.elementor-panel-alert-success {
254 border-color: var(--e-a-color-success);
255 background: var(--e-a-bg-success);
256 }
257 .elementor-panel-alert.elementor-panel-alert-warning {
258 border-inline-start: 3px solid var(--e-a-color-warning);
259 background: var(--e-a-bg-warning);
260 }
261 .elementor-panel-alert.elementor-panel-alert-danger {
262 border-color: var(--e-a-color-danger);
263 background: var(--e-a-bg-danger);
264 }
265
266 .elementor-descriptor, .elementor-control-field-description {
267 font-size: 11px;
268 font-style: italic;
269 line-height: 1.4;
270 color: var(--e-a-color-txt-muted);
271 }
272
273 .elementor-controls-popover {
274 display: none;
275 position: absolute;
276 box-shadow: var(--e-a-popover-shadow);
277 border-radius: var(--e-a-border-radius);
278 inset-inline: 0;
279 margin: -4px auto 5px;
280 padding-block-start: 15px;
281 width: 90%;
282 z-index: 10000;
283 background-color: var(--e-a-bg-default);
284 }
285 .elementor-controls-popover:before {
286 content: "";
287 position: absolute;
288 inset-block-start: -16px;
289 inset-inline-end: 22px;
290 border: 8px solid transparent;
291 border-block-end-color: var(--e-a-bg-default);
292 }
293 .elementor-controls-popover div.elementor-control {
294 background-color: transparent;
295 }
296 .elementor-controls-popover div.elementor-control:before {
297 content: none;
298 }
299
300 #elementor-panel-global .elementor-nerd-box .elementor-nerd-box-icon {
301 margin-block-start: 20px;
302 }
303
304 .elementor-control {
305 --control-title-size: 12px;
306 position: relative;
307 padding: 0 20px 15px;
308 }
309 .elementor-control a {
310 font-weight: 500;
311 text-decoration: none;
312 border-block-end: 1px dotted transparent;
313 transition: all ease-in-out 0.3s;
314 }
315 .elementor-control a:hover {
316 border-block-end-color: inherit;
317 }
318 .elementor-control .elementor-control-content {
319 display: flex;
320 flex-direction: column;
321 }
322 .elementor-control .elementor-control-title {
323 font-size: var(--control-title-size);
324 line-height: 1;
325 margin-inline-end: 5px;
326 }
327 .elementor-control .elementor-control-title:empty {
328 display: none;
329 }
330 .elementor-control .elementor-control-spinner {
331 display: flex;
332 align-items: center;
333 }
334 .elementor-control.elementor-control-type-divider {
335 padding: 0;
336 }
337 .elementor-control.elementor-control-type-divider .elementor-control-content {
338 margin-inline: 20px;
339 border-width: 0;
340 border-block-start: var(--e-a-border);
341 background-color: var(--e-a-bg-default);
342 height: 15px;
343 }
344 .elementor-control.elementor-control-separator-before {
345 padding-block-start: 15px;
346 }
347 .elementor-control.elementor-control-separator-before:before {
348 content: "";
349 position: absolute;
350 inset: 0 20px auto;
351 height: 1px;
352 background-color: var(--e-a-border-color);
353 }
354 .elementor-control.elementor-control-separator-after {
355 padding-block-end: 15px;
356 }
357 .elementor-control.elementor-control-separator-after:after {
358 content: "";
359 position: absolute;
360 inset: auto 20px 0;
361 height: 1px;
362 background-color: var(--e-a-border-color);
363 }
364 .elementor-control.elementor-control-separator-after + .elementor-control-type-tabs + .elementor-control-separator-default, .elementor-control.elementor-control-separator-after:not(.elementor-hidden-control) + .elementor-control-separator-default {
365 padding-block-start: 15px;
366 }
367 .elementor-control.elementor-control-deprecated {
368 color: var(--e-a-color-warning);
369 }
370 .elementor-control.elementor-control-deprecated .elementor-control-field-description {
371 color: var(--e-a-color-warning);
372 }
373 .elementor-control.elementor-control-hidden-label > * > .elementor-control-title, .elementor-control.elementor-control-hidden-label > * > * > .elementor-control-title {
374 display: none;
375 }
376 .elementor-control.elementor-hidden-control {
377 display: none;
378 }
379 .elementor-control.elementor-control-type-heading .elementor-control-title {
380 font-weight: bold;
381 margin: 0;
382 }
383 body:not(.elementor-device-widescreen) .elementor-control.elementor-control-responsive-widescreen {
384 display: none;
385 }
386 body:not(.elementor-device-desktop) .elementor-control.elementor-control-responsive-desktop {
387 display: none;
388 }
389 body:not(.elementor-device-laptop) .elementor-control.elementor-control-responsive-laptop {
390 display: none;
391 }
392 body:not(.elementor-device-tablet_extra) .elementor-control.elementor-control-responsive-tablet_extra {
393 display: none;
394 }
395 body:not(.elementor-device-tablet) .elementor-control.elementor-control-responsive-tablet {
396 display: none;
397 }
398 body:not(.elementor-device-mobile_extra) .elementor-control.elementor-control-responsive-mobile_extra {
399 display: none;
400 }
401 body:not(.elementor-device-mobile) .elementor-control.elementor-control-responsive-mobile {
402 display: none;
403 }
404 .elementor-control-shape_divider_top .elementor-visual-choice-element-image label, .elementor-control-shape_divider_bottom .elementor-visual-choice-element-image label {
405 padding: 4px;
406 }
407 .elementor-control-shape_divider_top img, .elementor-control-shape_divider_bottom img {
408 aspect-ratio: 4/1;
409 -o-object-fit: cover;
410 object-fit: cover;
411 -o-object-position: center;
412 object-position: center;
413 }
414 .elementor-control-shape_divider_bottom img {
415 rotate: X 180deg;
416 }
417 .elementor-control-custom_css_pro .elementor-nerd-box-message, .elementor-control-custom_attributes_pro .elementor-nerd-box-message {
418 margin-block-start: 5px;
419 }
420
421 .elementor-control.e-open .elementor-panel-heading-toggle i, .elementor-control.elementor-active .elementor-panel-heading-toggle i,
422 .elementor-panel-category.e-open .elementor-panel-heading-toggle i,
423 .elementor-panel-category.elementor-active .elementor-panel-heading-toggle i,
424 .elementor-panel-scheme-item.e-open .elementor-panel-heading-toggle i,
425 .elementor-panel-scheme-item.elementor-active .elementor-panel-heading-toggle i {
426 transform: rotate(90deg);
427 }
428 .elementor-control:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle i,
429 .elementor-panel-category:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle i,
430 .elementor-panel-scheme-item:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle i {
431 scale: calc(1 * var(--direction-multiplier)) 1;
432 }
433
434 .elementor-panel-heading {
435 display: flex;
436 align-items: center;
437 gap: 5px;
438 height: 48px;
439 padding-inline: 20px;
440 width: 100%;
441 border: 0;
442 border-block-start: var(--e-a-border);
443 border-block-start-width: 2px;
444 background-color: transparent;
445 color: var(--e-a-color-txt-accent);
446 cursor: pointer;
447 }
448 .elementor-panel-heading-toggle {
449 width: 10px;
450 display: flex;
451 flex-direction: column;
452 align-items: center;
453 }
454 .elementor-panel-heading-title {
455 font-weight: bold;
456 }
457 .elementor-panel-heading-category-chip {
458 margin-inline-start: auto;
459 background-color: var(--e-a-bg-chip);
460 border-radius: 100px;
461 padding: 5px 8px;
462 }
463 .elementor-panel-heading-category-chip i {
464 margin-inline-start: 4px;
465 }
466 .elementor-panel-heading-promotion {
467 margin-inline-start: auto;
468 }
469 .elementor-panel-heading-promotion a {
470 color: var(--e-a-color-accent-promotion);
471 font-family: "Roboto", sans-serif;
472 font-weight: 500;
473 font-size: 13px;
474 }
475 .elementor-panel-heading-promotion a i {
476 margin-inline-end: 4px;
477 font-size: 14px;
478 }
479 .elementor-panel-heading-promotion a:hover {
480 color: var(--e-a-color-accent-promotion);
481 }
482 .elementor-panel-heading:focus-visible {
483 color: var(--e-a-color-txt-hover);
484 }
485
486 #elementor-controls .elementor-control-type-section:first-child .elementor-panel-heading,
487 #elementor-panel-page-settings-controls .elementor-control-type-section:first-child .elementor-panel-heading,
488 #elementor-panel-editorPreferences-settings-controls .elementor-control-type-section:first-child .elementor-panel-heading {
489 border-block-start: none;
490 }
491
492 .elementor-control-field {
493 display: flex;
494 align-items: center;
495 }
496
497 .elementor-label-block > .elementor-control-content > .elementor-control-field {
498 flex-wrap: wrap;
499 }
500 .elementor-label-block > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
501 width: 100%;
502 max-width: 100%;
503 margin-block-start: 10px;
504 }
505 .elementor-label-block > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper > .elementor-choices label {
506 width: auto;
507 flex: 1 1 27px;
508 display: flex;
509 align-items: center;
510 justify-content: center;
511 }
512 .elementor-label-block.elementor-control-hidden-label:not(.elementor-control-dynamic) > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
513 margin-block-start: 0;
514 }
515 .elementor-label-block.elementor-control-hidden-label.elementor-label-block > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
516 margin-block-start: 0;
517 }
518
519 .elementor-label-inline > .elementor-control-content > .elementor-control-field > .elementor-control-title {
520 flex-shrink: 0;
521 max-width: 60%;
522 }
523 .elementor-label-inline > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
524 margin-inline-start: auto;
525 }
526
527 .elementor-control-field-description {
528 margin-block-start: 10px;
529 }
530
531 .elementor-group-control-attachment_alert .elementor-control-field-description {
532 margin-block-start: 0;
533 }
534
535 .elementor-control-start-end .eicon-text-align-left,
536 .elementor-control-start-end .eicon-text-align-right,
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 inset-block-start: 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 inset-block-start: 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 inset-block-start: 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 inset-block-start: 50%;
1448 inset-inline-start: 50%;
1449 transform: translate(calc(-50% * var(--direction-multiplier)), -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 inset-block-start: 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 inset-block-start: 50%;
1811 inset-inline-start: 50%;
1812 transform: translate(calc(-50% * var(--direction-multiplier)), -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 inset-block-start: 50%;
1838 inset-inline-start: 50%;
1839 transform: translate(calc(-50% * var(--direction-multiplier)), -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 inset-block-end: -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 inset-block-end: 0;
1865 inset-inline: 0;
1866 height: 27px;
1867 transition: all 0.2s ease-in-out;
1868 }
1869 .elementor-control-media__tools > *:not(:first-child) {
1870 margin-inline-start: 1px;
1871 }
1872 .elementor-control-media__tool {
1873 display: flex;
1874 align-items: center;
1875 justify-content: center;
1876 flex-grow: 1;
1877 color: var(--e-a-color-white);
1878 background-color: rgba(0, 0, 0, 0.9);
1879 font-size: 11px;
1880 transition: var(--e-a-transition-hover);
1881 }
1882 .elementor-control-media__tool:hover {
1883 background-color: rgba(0, 0, 0, 0.8);
1884 }
1885 .elementor-control-media__remove {
1886 display: flex;
1887 align-items: center;
1888 justify-content: center;
1889 transition: all 0.3s ease-in-out;
1890 }
1891 .elementor-control-media__content__remove {
1892 position: absolute;
1893 z-index: 1;
1894 inset-block-start: 10px;
1895 inset-inline-end: 10px;
1896 width: 20px;
1897 height: 20px;
1898 font-size: 11px;
1899 color: var(--e-a-color-white);
1900 background-color: rgba(0, 0, 0, 0.5);
1901 border-radius: var(--e-border-radius);
1902 box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
1903 transition: var(--e-a-transition-hover);
1904 }
1905 .elementor-control-media__content__remove:hover {
1906 background-color: rgba(0, 0, 0, 0.6);
1907 }
1908 .elementor-control-media.e-media-empty .elementor-control-file-area {
1909 display: none;
1910 }
1911 .elementor-control-media__warnings:empty {
1912 display: none;
1913 }
1914 .elementor-control-media__warnings:not(:empty) {
1915 margin-block-start: 10px;
1916 }
1917 .elementor-control-media__file {
1918 display: flex;
1919 justify-content: space-between;
1920 align-items: center;
1921 width: 100%;
1922 margin-block-start: 10px;
1923 border: var(--e-a-border);
1924 }
1925 .elementor-control-media__file__content {
1926 padding-inline-start: 5px;
1927 font-size: 12px;
1928 }
1929 .elementor-control-media__file__content__label {
1930 color: #9DA5AE;
1931 }
1932 .elementor-control-media__file__content__info {
1933 display: flex;
1934 align-items: center;
1935 font-weight: 500;
1936 }
1937 .elementor-control-media__file__content__info__icon {
1938 margin-inline-end: 5px;
1939 }
1940 .elementor-control-media__file__controls {
1941 display: flex;
1942 border-inline-start: var(--e-a-border);
1943 }
1944 .elementor-control-media__file__controls__upload-button, .elementor-control-media__file__controls__remove {
1945 width: 27px;
1946 height: 27px;
1947 cursor: pointer;
1948 align-items: center;
1949 }
1950 .elementor-control-media__file__controls__upload-button {
1951 display: flex;
1952 justify-content: center;
1953 }
1954 .elementor-control-media__file__controls__remove {
1955 border-inline-end: var(--e-a-border);
1956 }
1957 .elementor-control-media:not(.e-media-empty) .elementor-control-media__file__content__label {
1958 display: none;
1959 }
1960 .elementor-control-media.e-media-empty .elementor-control-media__file__content__info {
1961 display: none;
1962 }
1963 .elementor-control-media.e-media-empty .elementor-control-media__file__controls__remove {
1964 display: none;
1965 }
1966 .elementor-control-media .elementor-control-dynamic-switcher {
1967 border: none;
1968 border-radius: 0;
1969 background-color: rgba(0, 0, 0, 0.9);
1970 color: var(--e-a-color-white);
1971 }
1972 .elementor-control-media .elementor-control-dynamic-switcher:hover {
1973 background-color: rgba(0, 0, 0, 0.8);
1974 color: var(--e-a-color-white);
1975 }
1976 .elementor-control-media .e-control-image-size {
1977 display: flex;
1978 flex-direction: column;
1979 width: 100%;
1980 padding-block-start: 20px;
1981 }
1982 .elementor-control-media .e-control-image-size .elementor-control-input-wrapper {
1983 margin-inline-start: auto;
1984 }
1985
1986 .elementor-control-type-media.elementor-control-dynamic-value .elementor-control-input-wrapper {
1987 border: none;
1988 }
1989
1990 .elementor-control:not(.elementor-control-type-icons) .elementor-control-media__preview {
1991 background-color: var(--e-a-bg-active-bold);
1992 }
1993
1994 .elementor-control-notice {
1995 display: flex;
1996 justify-content: flex-start;
1997 align-items: flex-start;
1998 gap: 8px;
1999 padding: 16px;
2000 border-radius: 3px;
2001 border: 1px solid var(--notice-control-color, var(--e-a-color-txt));
2002 color: var(--e-a-color-txt);
2003 font-size: 12px;
2004 font-weight: 400;
2005 line-height: 1.5;
2006 text-align: start;
2007 margin-block-start: 10px;
2008 }
2009 .elementor-control-notice-type-info {
2010 --notice-control-color: var(--e-a-color-info);
2011 }
2012 .elementor-control-notice-type-success {
2013 --notice-control-color: var(--e-a-color-success);
2014 }
2015 .elementor-control-notice-type-warning {
2016 --notice-control-color: var(--e-a-color-warning);
2017 }
2018 .elementor-control-notice-type-danger {
2019 --notice-control-color: var(--e-a-color-danger);
2020 }
2021 .elementor-control-notice-icon {
2022 flex-basis: 18px;
2023 color: var(--notice-control-color);
2024 }
2025 .elementor-control-notice-main {
2026 display: flex;
2027 flex-direction: column;
2028 justify-content: flex-start;
2029 align-items: flex-start;
2030 gap: 6px;
2031 flex: 1;
2032 }
2033 .elementor-control-notice-main-heading {
2034 font-weight: 700;
2035 font-style: italic;
2036 }
2037 .elementor-control-notice-main-content {
2038 font-style: italic;
2039 line-height: 1.5;
2040 }
2041 .elementor-control-notice-main-actions {
2042 display: flex;
2043 gap: 10px;
2044 padding-block-start: 8px;
2045 }
2046 .elementor-control-notice-main a {
2047 color: inherit;
2048 font-weight: 700;
2049 cursor: pointer;
2050 }
2051 .elementor-control-notice-main a:hover, .elementor-control-notice-main a:focus {
2052 color: inherit;
2053 }
2054 .elementor-control-notice-dismiss {
2055 -webkit-appearance: none;
2056 -moz-appearance: none;
2057 appearance: none;
2058 background-color: transparent;
2059 border: 0;
2060 padding: 0;
2061 margin: 0;
2062 cursor: pointer;
2063 }
2064
2065 .elementor-control-type-popover_toggle input {
2066 display: none;
2067 }
2068 .elementor-control-type-popover_toggle label {
2069 cursor: pointer;
2070 }
2071 .elementor-control-type-popover_toggle .elementor-control-input-wrapper {
2072 display: flex;
2073 flex-direction: row-reverse;
2074 align-items: center;
2075 }
2076 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle:checked + .elementor-control-popover-toggle-toggle-label {
2077 color: var(--e-a-color-txt-active);
2078 background-color: var(--e-a-bg-active-bold);
2079 }
2080 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle:not(:checked) ~ .elementor-control-popover-toggle-reset-label {
2081 display: none;
2082 }
2083 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle-label {
2084 height: 27px;
2085 display: inline-flex;
2086 align-items: center;
2087 justify-content: center;
2088 border-radius: var(--e-a-border-radius);
2089 border: var(--e-a-border-bold);
2090 transition: var(--e-a-transition-hover);
2091 }
2092 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle-label:hover {
2093 background-color: var(--e-a-bg-hover);
2094 }
2095 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-reset-label {
2096 color: var(--e-a-color-txt-muted);
2097 margin-inline-end: 5px;
2098 }
2099 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-reset-label:hover {
2100 color: var(--e-a-color-txt);
2101 }
2102
2103 .elementor-controls-popover.e-controls-popover--typography {
2104 padding-block-start: 0;
2105 }
2106
2107 .e-control-global .elementor-control-popover-toggle-toggle-label {
2108 border-start-start-radius: 0;
2109 border-start-end-radius: var(--e-a-border-radius);
2110 border-end-start-radius: 0;
2111 border-end-end-radius: var(--e-a-border-radius);
2112 flex-shrink: 0;
2113 }
2114
2115 .elementor-control-type-repeater .elementor-control:not(.elementor-control-type-tab) {
2116 padding-inline-start: 10px;
2117 padding-inline-end: 10px;
2118 padding-block-end: 10px;
2119 }
2120 .elementor-control-type-repeater.elementor-repeater-has-minimum-rows .elementor-repeater-tool-remove {
2121 display: none;
2122 }
2123 .elementor-control-type-repeater.elementor-repeater-has-maximum-rows .elementor-repeater-tool-duplicate,
2124 .elementor-control-type-repeater.elementor-repeater-has-maximum-rows .elementor-repeater-add {
2125 display: none;
2126 }
2127 .elementor-control-type-repeater .elementor-repeater-fields {
2128 margin: 10px 0;
2129 }
2130 .elementor-control-type-repeater .elementor-repeater-row-controls {
2131 border: var(--e-a-border-bold);
2132 border-block-start-width: 0;
2133 padding-block-start: 15px;
2134 }
2135 .elementor-control-type-repeater .elementor-repeater-row-controls:not(.editable) {
2136 display: none;
2137 }
2138 .elementor-control-type-repeater .elementor-repeater-row-tools {
2139 display: flex;
2140 align-items: center;
2141 width: 100%;
2142 border: 1px solid var(--e-a-border-color-bold);
2143 transition: var(--e-a-transition-hover);
2144 }
2145 .elementor-control-type-repeater .elementor-repeater-row-tools > button {
2146 display: flex;
2147 align-items: center;
2148 justify-content: center;
2149 height: 40px;
2150 border: none;
2151 background-color: transparent;
2152 color: currentColor;
2153 cursor: pointer;
2154 }
2155 .elementor-control-type-repeater .elementor-repeater-row-tools > button:hover, .elementor-control-type-repeater .elementor-repeater-row-tools > button:focus {
2156 background-color: var(--e-a-bg-hover);
2157 }
2158 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title {
2159 flex: 1;
2160 justify-content: flex-start;
2161 padding: 0 10px;
2162 font-size: var(--control-title-size);
2163 white-space: nowrap;
2164 text-overflow: ellipsis;
2165 overflow: hidden;
2166 }
2167 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title .eicon,
2168 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title i,
2169 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title svg {
2170 margin-inline-end: 5px;
2171 }
2172 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title img[src$=svg] {
2173 width: 1em;
2174 }
2175 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-tool {
2176 width: 40px;
2177 border-inline-start: 1px solid var(--e-a-border-color-bold);
2178 }
2179 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-handle-sortable {
2180 width: 10px;
2181 border-inline-end: 1px solid var(--e-a-border-color-bold);
2182 cursor: move;
2183 }
2184 .elementor-control-type-repeater .elementor-button-wrapper {
2185 text-align: center;
2186 padding-block-start: 5px;
2187 }
2188
2189 #elementor-controls,
2190 #elementor-panel-page-settings-controls,
2191 #elementor-panel-editorPreferences-settings-controls {
2192 padding-block-start: 15px;
2193 }
2194
2195 .elementor-control-type-section {
2196 padding: 0;
2197 }
2198 .elementor-control-type-section.e-open {
2199 padding-block-end: 10px;
2200 }
2201 .elementor-control-type-section + .elementor-control:not(.elementor-control-type-section):before {
2202 display: none;
2203 }
2204 .elementor-control-type-section:not(:first-child):not(.elementor-control-type-section + .elementor-control-type-section) {
2205 margin-block-start: 25px;
2206 }
2207
2208 .elementor-control-type-select .elementor-control-input-wrapper {
2209 position: relative;
2210 }
2211 .elementor-control-type-select .elementor-control-input-wrapper select {
2212 -webkit-appearance: none;
2213 -moz-appearance: none;
2214 appearance: none;
2215 font-size: var(--control-title-size);
2216 font-family: inherit;
2217 font-weight: inherit;
2218 font-style: inherit;
2219 text-transform: inherit;
2220 letter-spacing: inherit;
2221 line-height: inherit;
2222 flex-basis: 100%;
2223 padding-inline-start: 5px;
2224 padding-inline-end: 20px;
2225 cursor: pointer;
2226 }
2227 .elementor-control-type-select .elementor-control-input-wrapper select.e-select-placeholder {
2228 color: var(--e-a-color-txt-disabled);
2229 }
2230 .elementor-control-type-select .elementor-control-input-wrapper option.e-option-placeholder {
2231 display: none;
2232 }
2233 .elementor-control-type-select .elementor-control-input-wrapper:after {
2234 font-family: eicons;
2235 content: "\e8ad";
2236 font-size: 12px;
2237 position: absolute;
2238 inset-block-start: 50%;
2239 inset-inline-end: 5px;
2240 transform: translateY(-50%);
2241 pointer-events: none;
2242 }
2243 .elementor-control-type-select .elementor-control-field.elementor-control-field-select-small .elementor-control-input-wrapper {
2244 max-width: 80px;
2245 }
2246
2247 .elementor-shadow-box .elementor-shadow-slider {
2248 margin-block-start: 10px;
2249 }
2250 .elementor-shadow-box .elementor-color-picker-wrapper .elementor-control-title {
2251 flex-grow: 1;
2252 }
2253
2254 .elementor-control-type-slider.elementor-control-dynamic input {
2255 border-start-start-radius: var(--e-a-border-radius);
2256 border-start-end-radius: 0;
2257 border-end-start-radius: var(--e-a-border-radius);
2258 border-end-end-radius: 0;
2259 }
2260 .elementor-control-type-slider .elementor-control-unit-2 {
2261 width: 21%;
2262 }
2263 .elementor-control-type-slider.elementor-control-type-slider--multiple .elementor-control-input-wrapper {
2264 display: block;
2265 }
2266 .elementor-control-type-slider--multiple {
2267 padding-block-end: 40px;
2268 }
2269 .elementor-control-type-slider--multiple .elementor-slider {
2270 margin-block-start: 12px;
2271 width: 98%;
2272 }
2273 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle {
2274 border-radius: 0;
2275 width: 10px;
2276 transform: translateY(calc(50% - 14px)) translateX(calc(4px * var(--direction-multiplier)));
2277 }
2278 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle:after {
2279 content: "";
2280 position: absolute;
2281 inset-block-start: 2px;
2282 height: 12px;
2283 width: 11px;
2284 transform: rotate(45deg);
2285 background-color: var(--e-a-color-white);
2286 border-radius: 3px;
2287 }
2288 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle-lower:after {
2289 left: 5px;
2290 box-shadow: 2px -2px 3px 0px rgba(0, 0, 0, 0.1);
2291 }
2292 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle-upper:after {
2293 right: 5px;
2294 box-shadow: -2px 2px 3px 0px rgba(0, 0, 0, 0.1);
2295 }
2296 .elementor-control-type-slider .elementor-control-dynamic-switcher {
2297 border-inline-start-width: 0;
2298 border-start-start-radius: 0;
2299 border-start-end-radius: var(--e-a-border-radius);
2300 border-end-start-radius: 0;
2301 border-end-end-radius: var(--e-a-border-radius);
2302 }
2303 .elementor-control-type-slider .elementor-control-input-wrapper {
2304 display: flex;
2305 align-items: center;
2306 }
2307 .elementor-control-type-slider .elementor-dynamic-cover {
2308 margin-block-start: 10px;
2309 }
2310 .elementor-control-type-slider.e-units-custom .elementor-slider {
2311 display: none;
2312 }
2313 .elementor-control-type-slider.e-units-custom .elementor-slider-input {
2314 width: 100%;
2315 margin: 0;
2316 transition: none;
2317 }
2318
2319 .elementor-slider {
2320 flex-grow: 1;
2321 height: 4px;
2322 background-color: var(--e-a-border-color-bold);
2323 border-radius: 5px;
2324 position: relative;
2325 cursor: pointer;
2326 }
2327 .elementor-slider-input {
2328 width: 21%;
2329 min-width: 54px;
2330 margin-inline-start: 12px;
2331 transition: width 0.3s ease-in-out;
2332 }
2333 .elementor-slider__extra {
2334 position: relative;
2335 }
2336 .elementor-slider__labels {
2337 display: flex;
2338 justify-content: space-between;
2339 }
2340 .elementor-slider__label {
2341 font-size: 9px;
2342 color: var(--e-a-color-txt-disabled);
2343 }
2344 .elementor-slider__scales {
2345 position: absolute;
2346 display: flex;
2347 justify-content: space-evenly;
2348 width: 100%;
2349 margin-block-start: 4px;
2350 }
2351 .elementor-slider__scale {
2352 width: 1px;
2353 height: 21px;
2354 background-color: var(--e-a-border-color-focus);
2355 }
2356 .elementor-slider .noUi-handle {
2357 height: 16px;
2358 width: 16px;
2359 background-color: var(--e-a-color-white);
2360 position: absolute;
2361 inset-inline-end: 0;
2362 transform: translateY(calc(50% - 14px)) translateX(calc(8px * var(--direction-multiplier)));
2363 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
2364 border-radius: 50%;
2365 }
2366 .elementor-slider .noUi-connects {
2367 position: absolute;
2368 width: 100%;
2369 height: 4px;
2370 }
2371 .elementor-slider .noUi-connect {
2372 position: absolute;
2373 z-index: 0;
2374 inset: 0;
2375 will-change: transform;
2376 transform-origin: 0 0;
2377 background-color: var(--e-a-border-color-focus);
2378 }
2379 .elementor-slider .noUi-tooltip {
2380 position: absolute;
2381 inset-block-start: calc(100% + 5px);
2382 left: calc(50% - 4px);
2383 transform: translateX(-50%);
2384 font-size: 10px;
2385 }
2386
2387 .elementor-control-type-structure .elementor-control-field {
2388 display: initial;
2389 }
2390 .elementor-control-type-structure .elementor-control-structure-preset {
2391 padding: 3px;
2392 border-radius: var(--e-border-radius);
2393 display: inline-block;
2394 cursor: pointer;
2395 height: 50px;
2396 }
2397 .elementor-control-type-structure .elementor-control-structure-preset svg {
2398 height: 100%;
2399 }
2400 .elementor-control-type-structure .elementor-control-structure-preset path {
2401 fill: var(--e-a-border-color-bold);
2402 }
2403 .elementor-control-type-structure .elementor-control-structure-reset {
2404 padding: 15px 20px 0;
2405 font-size: 11px;
2406 cursor: pointer;
2407 color: var(--e-a-color-txt-muted);
2408 border-block-start: var(--e-a-border);
2409 margin: 0 -20px;
2410 }
2411 .elementor-control-type-structure .elementor-control-structure-reset:hover {
2412 color: var(--e-a-color-txt);
2413 }
2414 .elementor-control-type-structure .elementor-control-structure-title {
2415 margin: 10px -20px 0;
2416 }
2417 .elementor-control-type-structure .elementor-control-structure-title:before {
2418 height: 10px;
2419 box-shadow: inset 0 2px 4px rgba(127, 127, 127, 0.1);
2420 }
2421 .elementor-control-type-structure .elementor-control-structure-presets {
2422 display: flex;
2423 flex-wrap: wrap;
2424 justify-content: space-between;
2425 }
2426 .elementor-control-type-structure .elementor-control-structure-presets input {
2427 display: none;
2428 }
2429 .elementor-control-type-structure .elementor-control-structure-presets input:checked + .elementor-control-structure-preset path {
2430 fill: var(--e-a-border-color-focus);
2431 }
2432 .elementor-control-type-structure .elementor-control-structure-preset-wrapper {
2433 margin-block-end: 15px;
2434 }
2435 .elementor-control-type-structure .elementor-control-structure-preset-title {
2436 text-align: center;
2437 padding-block-start: 5px;
2438 font-style: italic;
2439 font-size: 11px;
2440 color: #9DA5AE;
2441 }
2442
2443 .elementor-control-type-switcher .elementor-control-input-wrapper {
2444 text-align: end;
2445 }
2446 .elementor-control-type-switcher .elementor-switch {
2447 position: relative;
2448 display: inline-block;
2449 vertical-align: top;
2450 height: 20px;
2451 background-color: var(--e-a-bg-default);
2452 border-radius: 18px;
2453 cursor: pointer;
2454 }
2455 .elementor-control-type-switcher .elementor-switch-input {
2456 display: none;
2457 }
2458 .elementor-control-type-switcher .elementor-switch-label {
2459 position: relative;
2460 display: block;
2461 height: inherit;
2462 font-size: 10px;
2463 background: var(--e-a-bg-active-bold);
2464 border-radius: inherit;
2465 transition: 0.15s ease-out;
2466 transition-property: opacity, background;
2467 }
2468 .elementor-control-type-switcher .elementor-switch-label:before, .elementor-control-type-switcher .elementor-switch-label:after {
2469 position: absolute;
2470 inset-block-start: 0;
2471 width: 50%;
2472 text-align: center;
2473 line-height: 20px;
2474 transition: inherit;
2475 }
2476 .elementor-control-type-switcher .elementor-switch-label:before {
2477 content: attr(data-off);
2478 inset-inline-end: 5px;
2479 color: var(--e-a-color-txt-muted);
2480 }
2481 .elementor-control-type-switcher .elementor-switch-label:after {
2482 content: attr(data-on);
2483 inset-inline-start: 5px;
2484 color: var(--e-a-btn-color);
2485 opacity: 0;
2486 }
2487 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label {
2488 background: var(--e-a-btn-bg-primary);
2489 }
2490 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label:before {
2491 opacity: 0;
2492 }
2493 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label:after {
2494 opacity: 1;
2495 }
2496 .elementor-control-type-switcher .elementor-switch-handle {
2497 position: absolute;
2498 inset-block-start: 1px;
2499 inset-inline-start: 1px;
2500 width: 18px;
2501 height: 18px;
2502 background: white;
2503 border-radius: 10px;
2504 transition: inset-inline-start 0.15s ease-out;
2505 }
2506 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-handle {
2507 inset-inline-start: initial;
2508 inset-inline-end: 1px;
2509 }
2510
2511 .elementor-control-type-tabs {
2512 display: none;
2513 font-size: var(--control-title-size);
2514 }
2515 .elementor-control-type-tabs:has(> :not(.elementor-control-type-tab.elementor-hidden-control)) {
2516 display: flex;
2517 }
2518
2519 .elementor-control-type-tab {
2520 text-align: center;
2521 width: 100%;
2522 padding: 0;
2523 line-height: 25px;
2524 border-block-start: var(--e-a-border-bold);
2525 border-block-end: var(--e-a-border-bold);
2526 border-inline-end: var(--e-a-border-bold);
2527 transition: var(--e-a-transition-hover);
2528 cursor: pointer;
2529 }
2530 .elementor-control-type-tab:first-child {
2531 border-inline-start: var(--e-a-border-bold);
2532 border-start-start-radius: var(--e-a-border-radius);
2533 border-end-start-radius: var(--e-a-border-radius);
2534 }
2535 .elementor-control-type-tab:last-child {
2536 border-start-end-radius: var(--e-a-border-radius);
2537 border-end-end-radius: var(--e-a-border-radius);
2538 }
2539 .elementor-control-type-tab:hover {
2540 background-color: var(--e-a-bg-hover);
2541 }
2542 .elementor-control-type-tab.e-tab-active {
2543 background-color: var(--e-a-bg-active-bold);
2544 color: var(--e-a-color-txt-accent);
2545 }
2546
2547 .e-tab-close {
2548 display: none !important;
2549 }
2550
2551 .elementor-control-type-textarea .elementor-control-dynamic-switcher,
2552 .elementor-control-type-code .elementor-control-dynamic-switcher {
2553 border-inline-start-width: 1px;
2554 border-start-start-radius: 0;
2555 border-start-end-radius: 0;
2556 border-end-end-radius: 0;
2557 border-end-start-radius: var(--e-a-border-radius);
2558 }
2559 .elementor-control-type-textarea:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher,
2560 .elementor-control-type-code:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher {
2561 position: absolute;
2562 inset-block-start: 0;
2563 inset-inline-end: 0;
2564 z-index: 1;
2565 }
2566 .elementor-control-type-textarea .elementor-control-input-wrapper,
2567 .elementor-control-type-code .elementor-control-input-wrapper {
2568 position: relative;
2569 }
2570 .elementor-control-type-textarea textarea,
2571 .elementor-control-type-code textarea {
2572 display: block;
2573 font-family: inherit;
2574 }
2575 .elementor-control-type-textarea textarea:focus + .elementor-control-dynamic-switcher,
2576 .elementor-control-type-code textarea:focus + .elementor-control-dynamic-switcher {
2577 display: none;
2578 }
2579 .elementor-control-type-textarea pre:focus-within + .elementor-control-dynamic-switcher,
2580 .elementor-control-type-code pre:focus-within + .elementor-control-dynamic-switcher {
2581 display: none;
2582 }
2583
2584 .elementor-control-type-url .elementor-control-field {
2585 position: relative;
2586 }
2587 .elementor-control-type-url .elementor-control-input-wrapper {
2588 display: flex;
2589 }
2590 .elementor-control-type-url.elementor-control-dynamic .elementor-control-url-more-options input {
2591 border-radius: var(--e-a-border-radius);
2592 }
2593 .elementor-control-type-url.elementor-control-dynamic-value .e-input-style {
2594 border-start-end-radius: 0;
2595 border-end-end-radius: 0;
2596 }
2597 .elementor-control-type-url.elementor-control-dynamic-value .elementor-control-url-more {
2598 border-start-end-radius: var(--e-a-border-radius);
2599 border-end-end-radius: var(--e-a-border-radius);
2600 }
2601 .elementor-control-type-url .elementor-control-url-more {
2602 display: flex;
2603 align-items: center;
2604 justify-content: center;
2605 flex-shrink: 0;
2606 border: var(--e-a-border-bold);
2607 color: currentColor;
2608 background-color: transparent;
2609 border-inline-start-width: 0;
2610 cursor: pointer;
2611 }
2612 .elementor-control-type-url .elementor-control-url-more i {
2613 font-size: 12px;
2614 }
2615 .elementor-control-type-url .elementor-control-url-more-options {
2616 display: none;
2617 padding-block-start: 10px;
2618 }
2619 .elementor-control-type-url .elementor-control-url-more-options .elementor-control-field-description {
2620 margin-block-start: 10px;
2621 }
2622 .elementor-control-type-url .elementor-control-url-more:hover {
2623 color: var(--e-a-color-txt-hover);
2624 }
2625 .elementor-control-type-url .elementor-control-url-more:focus {
2626 color: var(--e-a-color-txt-active);
2627 border-color: var(--e-a-border-color-focus);
2628 }
2629 .elementor-control-type-url .elementor-control-url-option {
2630 display: flex;
2631 align-items: center;
2632 }
2633 .elementor-control-type-url .elementor-control-url-option:not(:last-child) {
2634 padding-block-end: 10px;
2635 }
2636 .elementor-control-type-url .elementor-control-url-option input,
2637 .elementor-control-type-url .elementor-control-url-option label {
2638 cursor: pointer;
2639 }
2640 .elementor-control-type-url .elementor-control-url-autocomplete-spinner {
2641 display: none;
2642 position: absolute;
2643 inset-block-start: 5px;
2644 inset-inline-end: 0;
2645 width: 10px;
2646 height: 10px;
2647 font-size: 10px;
2648 color: var(--e-a-color-txt-disabled);
2649 }
2650 .elementor-control-type-url .elementor-control-url__custom-attributes label {
2651 font-size: var(--control-title-size);
2652 }
2653 .elementor-control-type-url .elementor-control-url__custom-attributes input {
2654 width: 100%;
2655 margin-block-start: 10px;
2656 }
2657 .elementor-control-type-url .elementor-input:focus ~ div {
2658 border-color: var(--e-a-border-color-focus);
2659 }
2660
2661 .elementor-autocomplete-menu {
2662 position: absolute;
2663 background: var(--e-a-bg-default);
2664 border: var(--e-a-border);
2665 margin: 0;
2666 list-style: none;
2667 padding: 4px 0;
2668 height: auto;
2669 width: 100%;
2670 min-width: 260px;
2671 max-width: 300px;
2672 max-height: 200px;
2673 overflow-y: auto;
2674 border-radius: 3px;
2675 transition: var(--e-a-transition-hover);
2676 cursor: default;
2677 z-index: 1;
2678 }
2679 .elementor-autocomplete-menu .ui-menu-item {
2680 display: flex;
2681 justify-content: space-between;
2682 align-self: baseline;
2683 padding: 5px 8px;
2684 font-size: 12px;
2685 width: 100%;
2686 line-height: 1.2;
2687 cursor: pointer;
2688 }
2689 .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 {
2690 background: var(--e-a-bg-hover);
2691 }
2692 .elementor-autocomplete-menu .elementor-autocomplete-item-info {
2693 font-size: 10px;
2694 padding-block-start: 2px;
2695 }
2696
2697 .elementor-control-type-visual_choice {
2698 width: 100%;
2699 }
2700
2701 .elementor-visual-choice-choices {
2702 display: grid;
2703 gap: 8px;
2704 grid-template-columns: repeat(var(--elementor-visual-choice-columns), 1fr);
2705 text-align: center;
2706 border-radius: var(--e-a-border-radius);
2707 overflow: hidden;
2708 }
2709
2710 .elementor-visual-choice-element {
2711 display: flex;
2712 flex-direction: column;
2713 align-items: center;
2714 justify-content: center;
2715 gap: 8px;
2716 width: auto;
2717 }
2718 .elementor-visual-choice-element-image label {
2719 border: var(--e-a-border-bold);
2720 border-radius: var(--e-a-border-radius);
2721 font-size: 12px;
2722 transition: var(--e-a-transition-hover);
2723 cursor: pointer;
2724 overflow: hidden;
2725 width: 100%;
2726 padding: 8px;
2727 }
2728 .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 {
2729 background-color: var(--e-a-bg-active-bold);
2730 opacity: 1;
2731 }
2732 .elementor-visual-choice-element-image input:checked + label {
2733 border-color: var(--e-a-color-primary-bold);
2734 }
2735 .elementor-visual-choice-element-image input:not(:checked) + label {
2736 background-color: var(--e-a-color-white);
2737 opacity: 0.5;
2738 }
2739 .elementor-visual-choice-element-image img {
2740 width: 100%;
2741 height: auto;
2742 }
2743 .elementor-visual-choice-element-button {
2744 grid-column: span var(--elementor-visual-choice-columns);
2745 }
2746 .elementor-visual-choice-element-button label {
2747 width: -moz-fit-content;
2748 width: fit-content;
2749 }
2750 .elementor-visual-choice-element-button input:checked + .elementor-button, .elementor-visual-choice-element-button input:hover + .elementor-button {
2751 background-color: var(--e-a-bg-active-bold);
2752 }
2753 .elementor-visual-choice-element-button input:checked + .elementor-button {
2754 border-color: var(--e-a-color-primary-bold);
2755 }
2756
2757 .elementor-label-inline .elementor-visual-choice-choices {
2758 justify-content: flex-end;
2759 }
2760
2761 .tipsy-inner {
2762 white-space: pre-line;
2763 }
2764
2765 .elementor-control-type-wp_widget .widget-inside {
2766 line-height: 2;
2767 background-color: inherit;
2768 display: block;
2769 }
2770 .elementor-control-type-wp_widget .quicktags-toolbar input {
2771 width: auto;
2772 }
2773
2774 .elementor-control-type-wysiwyg * {
2775 box-sizing: content-box;
2776 }
2777 .elementor-control-type-wysiwyg .wp-editor-container {
2778 border: var(--e-a-border);
2779 }
2780 .elementor-control-type-wysiwyg .wp-editor-tabs {
2781 border: var(--e-a-border-bold);
2782 border-block-end: none;
2783 border-start-start-radius: var(--e-a-border-radius);
2784 border-start-end-radius: var(--e-a-border-radius);
2785 border-end-end-radius: 0;
2786 border-end-start-radius: 0;
2787 }
2788 .elementor-control-type-wysiwyg .wp-editor-tabs button:hover {
2789 background-color: var(--e-a-bg-hover);
2790 }
2791 .elementor-control-type-wysiwyg #insert-media-button {
2792 height: initial;
2793 line-height: 24px;
2794 font-size: 10px;
2795 color: var(--e-a-color-txt);
2796 border-color: var(--e-a-border-color-bold);
2797 background-color: var(--e-a-bg-default);
2798 min-height: initial;
2799 }
2800 .elementor-control-type-wysiwyg .ed_button {
2801 height: 22px;
2802 width: initial;
2803 }
2804 .elementor-control-type-wysiwyg .wp-media-buttons-icon {
2805 height: 14px;
2806 margin: 0;
2807 }
2808 .elementor-control-type-wysiwyg .wp-media-buttons-icon:before {
2809 font-size: 14px;
2810 }
2811 .elementor-control-type-wysiwyg .wp-switch-editor {
2812 position: static;
2813 border: none;
2814 margin: 0;
2815 color: var(--e-a-color-txt);
2816 font-size: 10px;
2817 padding: 3px 9px 4px;
2818 }
2819 .elementor-control-type-wysiwyg .switch-html {
2820 border: solid var(--e-a-border-color-bold);
2821 border-width: 0 1px;
2822 }
2823 .elementor-control-type-wysiwyg .html-active .switch-tmce {
2824 background-color: transparent;
2825 }
2826 .elementor-control-type-wysiwyg .html-active .switch-html {
2827 background-color: var(--e-a-bg-active);
2828 }
2829 .elementor-control-type-wysiwyg .tmce-active .switch-tmce {
2830 background-color: var(--e-a-bg-active);
2831 }
2832 .elementor-control-type-wysiwyg .tmce-active .switch-html {
2833 background-color: transparent;
2834 }
2835 .elementor-control-type-wysiwyg .mce-toolbar-grp,
2836 .elementor-control-type-wysiwyg .quicktags-toolbar {
2837 background-color: var(--e-a-bg-default);
2838 }
2839 .elementor-control-type-wysiwyg .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
2840 background-color: var(--e-a-bg-default);
2841 }
2842 .elementor-control-type-wysiwyg .mce-toolbar .mce-btn-group .mce-btn.mce-listbox button {
2843 color: var(--e-a-color-txt);
2844 }
2845 .elementor-control-type-wysiwyg .mce-toolbar-grp > div {
2846 padding: 0 3px;
2847 }
2848 .elementor-control-type-wysiwyg .elementor-wp-editor {
2849 box-sizing: border-box;
2850 }
2851 .elementor-control-type-wysiwyg .mce-ico {
2852 color: var(--e-a-color-txt);
2853 font-size: 16px;
2854 }
2855 .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 {
2856 color: var(--e-a-color-txt-active);
2857 background: var(--e-a-bg-hover);
2858 border-color: var(--e-a-border-color);
2859 box-shadow: none;
2860 }
2861 .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 {
2862 color: var(--e-a-color-txt-active);
2863 }
2864 .elementor-control-type-wysiwyg .mce-path {
2865 padding: 5px 10px;
2866 }
2867 .elementor-control-type-wysiwyg .mce-path-item {
2868 font-size: 12px;
2869 color: var(--e-a-color-txt);
2870 }
2871 .elementor-control-type-wysiwyg .mce-top-part:before {
2872 box-shadow: none;
2873 }
2874 .elementor-control-type-wysiwyg .elementor-control-dynamic-switcher {
2875 border: none;
2876 }
2877
2878 @media screen and (prefers-color-scheme: dark) {
2879 #wp-link-wrap {
2880 color-scheme: light;
2881 --e-a-color-txt: #515962;
2882 --e-a-bg-default: #ffffff;
2883 --e-a-border-color-bold: #D5D8DC;
2884 --e-a-color-primary-bold: #D004D4;
2885 }
2886 #wp-link {
2887 color: var(--e-a-color-txt);
2888 }
2889 #wp-link input {
2890 background-color: var(--e-a-bg-default);
2891 border-color: var(--e-a-border-color-bold);
2892 }
2893 #wp-link input[type=checkbox] {
2894 border-color: var(--e-a-border-color-bold);
2895 }
2896 #wp-link input[type=checkbox]:checked {
2897 background: var(--e-a-color-primary-bold);
2898 }
2899 #wp-link input.button-primary {
2900 background: #2271b1;
2901 border-color: #2271b1;
2902 color: #fff;
2903 }
2904 }
2905 .ui-resizable-n {
2906 top: -5px;
2907 }
2908 .ui-resizable-e {
2909 right: -5px;
2910 }
2911 .ui-resizable-s {
2912 bottom: -5px;
2913 }
2914 .ui-resizable-w {
2915 left: -5px;
2916 }
2917 .ui-resizable-ne {
2918 top: -5px;
2919 right: -5px;
2920 }
2921 .ui-resizable-nw {
2922 top: -5px;
2923 left: -5px;
2924 }
2925 .ui-resizable-se {
2926 bottom: -5px;
2927 right: -5px;
2928 }
2929 .ui-resizable-sw {
2930 bottom: -5px;
2931 left: -5px;
2932 }
2933 .ui-resizable-n, .ui-resizable-s {
2934 left: 0;
2935 height: 10px;
2936 width: 100%;
2937 cursor: ns-resize;
2938 }
2939 .ui-resizable-e, .ui-resizable-w {
2940 top: 0;
2941 height: 100%;
2942 width: 10px;
2943 cursor: ew-resize;
2944 }
2945 .ui-resizable-ne, .ui-resizable-nw, .ui-resizable-se, .ui-resizable-sw {
2946 height: 15px;
2947 width: 15px;
2948 }
2949 .ui-resizable-nw, .ui-resizable-se {
2950 cursor: nwse-resize;
2951 }
2952 .ui-resizable-ne, .ui-resizable-sw {
2953 cursor: nesw-resize;
2954 }
2955 .ui-resizable-handle {
2956 position: absolute;
2957 }
2958 .ui-resizable-resizing {
2959 pointer-events: none;
2960 }
2961
2962 :root {
2963 --e-p-draggable-color: #F0ABFC;
2964 --e-p-border-section: #F3BAFD;
2965 --e-p-border-section-hover: #F0ABFC;
2966 --e-p-border-section-invert: #0C0D0E;
2967 --e-p-border-con: #F3BAFD;
2968 --e-p-border-con-hover: #F0ABFC;
2969 --e-p-border-con-invert: #0C0D0E;
2970 --e-p-border-column: #9DA5AE;
2971 --e-p-border-column-hover: #818A96;
2972 --e-p-border-column-invert: #0C0D0E;
2973 --e-p-border-con-in: #9DA5AE;
2974 --e-p-border-con-in-hover: #818A96;
2975 --e-p-border-con-in-invert: #0C0D0E;
2976 --e-p-border-widget: #F3BAFD;
2977 --e-p-border-widget-hover: #F0ABFC;
2978 --e-p-border-widget-invert: #0C0D0E;
2979 --e-p-border-global: #5EEAD4;
2980 --e-p-border-global-hover: #1DDDBF;
2981 --e-p-border-global-invert: #0C0D0E;
2982 }
2983
2984 .elementor-editor-active .elementor-add-section {
2985 all: initial;
2986 display: flex;
2987 max-width: 1160px;
2988 position: relative;
2989 margin-inline: auto;
2990 }
2991 .elementor-editor-active .elementor-add-section:not(.elementor-dragging-on-child) .elementor-add-section-inner {
2992 border: 2px dashed var(--e-a-border-color-bold);
2993 background-color: rgba(255, 255, 255, 0.5);
2994 }
2995 .elementor-editor-active .elementor-add-section.elementor-dragging-on-child .elementor-add-section-inner {
2996 border: 2px dashed var(--e-a-color-primary);
2997 }
2998 .elementor-editor-active .elementor-add-section[data-view=choose-action] .e-view:not(.elementor-add-new-section) {
2999 display: none;
3000 }
3001 .elementor-editor-active .elementor-add-section[data-view=select-preset] .e-view:not(.elementor-select-preset) {
3002 display: none;
3003 }
3004 .elementor-editor-active .elementor-add-section[data-view=select-container-preset] .e-view:not(.e-con-select-preset) {
3005 display: none;
3006 }
3007 .elementor-editor-active .elementor-add-section[data-view=select-type] .e-view:not(.e-con-select-type) {
3008 display: none;
3009 }
3010 .elementor-editor-active .elementor-add-section[data-view=select-container-preset-grid] .e-view:not(.e-con-select-preset-grid) {
3011 display: none;
3012 }
3013 .elementor-editor-active .elementor-add-section-inner {
3014 text-align: center;
3015 margin: 20px;
3016 padding: 40px 0;
3017 display: flex;
3018 justify-content: center;
3019 flex-grow: 1;
3020 }
3021 .elementor-editor-active .elementor-add-new-section {
3022 display: flex;
3023 justify-content: center;
3024 flex-wrap: wrap;
3025 gap: 5px;
3026 }
3027 .elementor-editor-active .elementor-add-section-area-button {
3028 padding: 12px;
3029 height: 40px;
3030 width: 40px;
3031 font-size: 16px;
3032 display: flex;
3033 outline: unset;
3034 border: unset;
3035 border-radius: 50%;
3036 box-shadow: unset;
3037 text-shadow: unset;
3038 background-color: var(--e-a-bg-active);
3039 color: var(--e-a-color-black);
3040 transition: var(--e-a-transition-hover);
3041 cursor: pointer;
3042 }
3043 .elementor-editor-active .elementor-add-section-area-button:hover, .elementor-editor-active .elementor-add-section-area-button:focus {
3044 border: unset;
3045 border-radius: 50%;
3046 box-shadow: unset;
3047 text-shadow: unset;
3048 color: var(--e-a-color-black);
3049 background-color: var(--e-a-bg-active-bold);
3050 }
3051 .elementor-editor-active .elementor-add-section-area-button i {
3052 margin: 0;
3053 }
3054 .elementor-editor-active .elementor-add-section-area-button.e-button-primary {
3055 background-color: var(--e-a-btn-bg-primary);
3056 color: var(--e-a-btn-color);
3057 }
3058 .elementor-editor-active .elementor-add-section-area-button.e-button-primary:hover, .elementor-editor-active .elementor-add-section-area-button.e-button-primary:focus {
3059 background-color: var(--e-a-btn-bg-primary-hover);
3060 color: var(--e-a-btn-color);
3061 }
3062 .elementor-editor-active .elementor-add-section-drag-title,
3063 .elementor-editor-active .elementor-select-preset-title {
3064 font-family: var(--e-a-font-family);
3065 font-size: 13px;
3066 line-height: 1;
3067 color: var(--e-a-color-txt);
3068 }
3069 .elementor-editor-active .elementor-add-section-drag-title {
3070 font-style: italic;
3071 font-weight: normal;
3072 margin-block-start: 10px;
3073 width: 100%;
3074 }
3075 .elementor-editor-active .elementor-select-preset-title {
3076 font-weight: 500;
3077 text-transform: uppercase;
3078 }
3079 .elementor-editor-active .elementor-add-section-close,
3080 .elementor-editor-active .elementor-add-section-back,
3081 .elementor-editor-active .flex-preset-button,
3082 .elementor-editor-active .grid-preset-button {
3083 padding: unset;
3084 margin: unset;
3085 border: unset;
3086 border-radius: unset;
3087 outline: unset;
3088 box-shadow: unset;
3089 text-shadow: unset;
3090 color: var(--e-a-color-txt);
3091 background-color: transparent;
3092 }
3093 .elementor-editor-active .elementor-add-section-close {
3094 inset-inline-end: 40px;
3095 }
3096 .elementor-editor-active .elementor-add-section-back {
3097 inset-inline-start: 40px;
3098 scale: calc(1 * var(--direction-multiplier)) 1;
3099 }
3100 .elementor-editor-active .elementor-add-section-close,
3101 .elementor-editor-active .elementor-add-section-back {
3102 position: absolute;
3103 inset-block-start: 40px;
3104 font-size: 20px;
3105 cursor: pointer;
3106 line-height: 1;
3107 color: var(--e-a-color-txt);
3108 border-radius: 50%;
3109 box-shadow: unset;
3110 text-shadow: unset;
3111 }
3112 .elementor-editor-active .elementor-add-section-close:hover, .elementor-editor-active .elementor-add-section-close:focus,
3113 .elementor-editor-active .elementor-add-section-back:hover,
3114 .elementor-editor-active .elementor-add-section-back:focus {
3115 border: unset;
3116 border-radius: 50%;
3117 box-shadow: unset;
3118 text-shadow: unset;
3119 color: var(--e-a-color-txt-hover);
3120 background-color: var(--e-a-bg-hover);
3121 }
3122 .elementor-editor-active .flex-preset-button:hover, .elementor-editor-active .flex-preset-button:focus,
3123 .elementor-editor-active .grid-preset-button:hover,
3124 .elementor-editor-active .grid-preset-button:focus {
3125 background-color: transparent;
3126 color: var(--e-a-color-txt-hover);
3127 }
3128 .elementor-editor-active .elementor-select-preset-list {
3129 display: flex;
3130 gap: 20px;
3131 align-items: center;
3132 justify-content: center;
3133 flex-wrap: wrap;
3134 margin: 20px auto 0;
3135 max-width: 700px;
3136 }
3137 .elementor-editor-active .elementor-select-preset-list .elementor-preset {
3138 cursor: pointer;
3139 flex-basis: 90px;
3140 padding: unset;
3141 margin: unset;
3142 border: unset;
3143 border-radius: unset;
3144 outline: unset;
3145 box-shadow: unset;
3146 text-shadow: unset;
3147 background-color: unset;
3148 }
3149 .elementor-editor-active .elementor-select-preset-list .elementor-preset path,
3150 .elementor-editor-active .elementor-select-preset-list .elementor-preset rect {
3151 fill: var(--e-a-bg-active-bold);
3152 transition: 0.3s all;
3153 }
3154 .elementor-editor-active .elementor-select-preset-list .elementor-preset:hover, .elementor-editor-active .elementor-select-preset-list .elementor-preset:focus {
3155 background-color: transparent;
3156 }
3157 .elementor-editor-active .elementor-select-preset-list .elementor-preset:hover path,
3158 .elementor-editor-active .elementor-select-preset-list .elementor-preset:hover rect, .elementor-editor-active .elementor-select-preset-list .elementor-preset:focus path,
3159 .elementor-editor-active .elementor-select-preset-list .elementor-preset:focus rect {
3160 fill: var(--e-a-color-txt);
3161 }
3162 .elementor-editor-active .elementor-select-preset-list .elementor-preset .e-preset--container {
3163 position: relative;
3164 display: flex;
3165 }
3166 .elementor-editor-active .elementor-select-preset-list .elementor-preset .e-preset--container::before {
3167 content: var(--text);
3168 font-family: var(--e-a-font-family);
3169 font-size: 13px;
3170 font-weight: 500;
3171 color: var(--e-a-color-white);
3172 position: absolute;
3173 inset-block-start: 50%;
3174 inset-inline-start: 50%;
3175 transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
3176 }
3177 .elementor-editor-active .elementor-select-preset-list .elementor-preset svg {
3178 height: 50px;
3179 width: 100%;
3180 scale: calc(1 * var(--direction-multiplier)) 1;
3181 }
3182 .elementor-editor-active .elementor-add-section[data-view=choose-action] .elementor-add-section-back {
3183 display: none;
3184 }
3185 .elementor-editor-active .elementor-add-section[data-view=select-preset] .elementor-add-section-back {
3186 display: none;
3187 }
3188 .elementor-editor-active .elementor-add-section[data-view=select-type] .elementor-add-section-back {
3189 display: none;
3190 }
3191 .elementor-editor-active #elementor-add-new-section {
3192 margin: 60px auto;
3193 }
3194 .elementor-editor-active #elementor-add-new-section[data-view=choose-action] .elementor-add-section-close {
3195 display: none;
3196 }
3197 .elementor-editor-active .elementor-add-section-inline {
3198 margin: 10px auto;
3199 width: 100%;
3200 }
3201
3202 @keyframes placeholder-section {
3203 0% {
3204 height: 0;
3205 opacity: 0;
3206 }
3207 100% {
3208 height: 40px;
3209 opacity: 0.9;
3210 }
3211 }
3212 @keyframes placeholder-widget {
3213 0% {
3214 height: 0;
3215 opacity: 0;
3216 }
3217 100% {
3218 height: 10px;
3219 opacity: 0.9;
3220 }
3221 }
3222 @keyframes section-outline {
3223 0% {
3224 opacity: 0;
3225 }
3226 100% {
3227 opacity: 1;
3228 }
3229 }
3230 body.elementor-editor-active .elementor.elementor-edit-mode.layout-section .entry-content {
3231 overflow: visible;
3232 }
3233 body.elementor-editor-active .elementor.elementor-edit-mode .article {
3234 overflow: visible;
3235 }
3236 body.elementor-editor-active .elementor.elementor-edit-mode .elementor-element-overlay .elementor-editor-element-settings {
3237 clear: unset;
3238 }
3239 body.elementor-editor-active .elementor.elementor-edit-mode .elementor-element.elementor-section {
3240 overflow: visible;
3241 }
3242
3243 .elementor-edit-area .animated {
3244 animation-fill-mode: none !important;
3245 }
3246 .elementor-edit-area ul.elementor-editor-element-settings {
3247 word-break: normal;
3248 padding: 0;
3249 }
3250 .elementor-edit-area .gallery {
3251 opacity: 1;
3252 }
3253
3254 .pen {
3255 position: relative;
3256 outline: none;
3257 }
3258 .pen:not([data-elementor-inline-editing-toolbar=advanced]) {
3259 white-space: pre-wrap;
3260 }
3261 .pen-menu {
3262 box-shadow: 1px 2px 3px -2px #222;
3263 background-color: #3f444b;
3264 position: fixed;
3265 overflow: hidden;
3266 border-radius: 3px;
3267 z-index: 9999;
3268 }
3269 .pen-menu:after {
3270 content: "";
3271 position: absolute;
3272 border: 6px solid transparent;
3273 border-block-start-color: #3f444b;
3274 inset-block-start: 100%;
3275 inset-inline-start: 50%;
3276 transform: translateX(-50%);
3277 }
3278 .pen-menu-below:after {
3279 inset-block-start: 0;
3280 transform: translateX(-50%) translateY(-100%) rotate(180deg);
3281 }
3282 .pen-icon {
3283 position: relative;
3284 display: flex;
3285 align-items: center;
3286 justify-content: center;
3287 height: 35px;
3288 padding: 0 10px;
3289 font-size: 21px;
3290 color: #D5D8DC;
3291 cursor: pointer;
3292 -webkit-user-select: none;
3293 -moz-user-select: none;
3294 user-select: none;
3295 }
3296 .pen-icon:hover {
3297 background: #1f2124;
3298 }
3299 .pen-icon[data-group], .pen-icon[data-action=closeGroup] {
3300 display: none;
3301 }
3302 .pen-icon[data-action=close]:before {
3303 content: "";
3304 position: absolute;
3305 inset-inline-start: 0;
3306 height: 60%;
3307 width: 1px;
3308 background-color: #1f2124;
3309 }
3310 .pen-icon.active {
3311 background-color: #1f2124;
3312 box-shadow: inset 2px 2px 4px #1f2124;
3313 }
3314 .pen-group-icon:after {
3315 font-family: eicons;
3316 font-size: 12px;
3317 content: "\e92a";
3318 padding-inline-start: 4px;
3319 color: #2563EB;
3320 }
3321 .pen-input-wrapper {
3322 align-items: center;
3323 }
3324 .pen-input-wrapper .pen-url-input {
3325 font-size: 12px;
3326 line-height: 1.5;
3327 padding: 0;
3328 padding-inline-start: 10px;
3329 padding-inline-end: 10px;
3330 width: 250px;
3331 direction: ltr;
3332 }
3333 .pen-input-wrapper .pen-url-input, .pen-input-wrapper .pen-url-input:focus {
3334 background-color: transparent;
3335 border: none;
3336 outline: none;
3337 box-shadow: none;
3338 color: #fff;
3339 }
3340 .pen-input-wrapper .pen-url-input::-moz-placeholder {
3341 color: #D5D8DC;
3342 }
3343 .pen-input-wrapper .pen-url-input::placeholder {
3344 color: #D5D8DC;
3345 }
3346 .pen-input-label {
3347 margin: 0;
3348 margin-inline-end: -1px;
3349 }
3350 .pen-placeholder:before {
3351 content: attr(data-pen-placeholder);
3352 position: absolute;
3353 font-weight: normal;
3354 color: #757575;
3355 opacity: 0.6;
3356 }
3357 .pen-external-url-checkbox {
3358 display: none;
3359 }
3360 .pen-external-url-checkbox:checked + i {
3361 color: #fff;
3362 }
3363
3364 .elementor-inline-editing i:not([class]) {
3365 font-style: italic;
3366 }
3367 .elementor-inline-editing b {
3368 font-weight: bold;
3369 }
3370 .elementor-inline-editing u {
3371 text-decoration: underline;
3372 }
3373
3374 .e-element-color-picker {
3375 --primary-color: #2563EB;
3376 --swatch-size: 25px;
3377 cursor: default;
3378 display: flex;
3379 position: absolute;
3380 width: calc((var(--count) + 1) * var(--swatch-size));
3381 height: var(--swatch-size);
3382 top: var(--top);
3383 left: var(--left);
3384 right: var(--right, unset);
3385 border-radius: 3px;
3386 opacity: 0;
3387 pointer-events: none;
3388 z-index: 9998;
3389 background-color: var(--primary-color);
3390 padding: 1px;
3391 box-sizing: content-box;
3392 transition: opacity 0.3s, width 0.3s;
3393 }
3394 .e-element-color-picker.e-picker-hidden {
3395 opacity: 0;
3396 pointer-events: none;
3397 }
3398 .e-element-color-picker::before {
3399 content: "";
3400 flex: 0 1 var(--swatch-size);
3401 max-width: 100%;
3402 height: 100%;
3403 box-sizing: border-box;
3404 text-align: center;
3405 }
3406 .e-element-color-picker::after {
3407 content: "\e91e";
3408 font-family: "eicons";
3409 color: #FFF;
3410 font-size: 1rem;
3411 line-height: var(--swatch-size);
3412 position: absolute;
3413 left: 0.3rem;
3414 z-index: -1;
3415 }
3416 .e-element-color-picker__swatch {
3417 flex: 1 0 var(--swatch-size);
3418 max-width: 100%;
3419 height: 100%;
3420 cursor: pointer;
3421 transition: var(--e-a-transition-hover);
3422 position: relative;
3423 overflow: hidden;
3424 border-radius: inherit;
3425 /* Hack to fix transparent `--color` on hover */
3426 background: linear-gradient(var(--color), var(--color)), linear-gradient(var(--primary-color), var(--primary-color));
3427 }
3428 .e-element-color-picker__swatch:not(:first-child) {
3429 border-left: 1px solid var(--primary-color);
3430 }
3431 .e-element-color-picker__swatch::before {
3432 content: attr(data-text);
3433 position: absolute;
3434 left: 50%;
3435 top: 50%;
3436 opacity: 0;
3437 color: var(--color);
3438 font-size: 10px;
3439 font-weight: 300;
3440 font-family: Roboto, Arial, Helvetica, sans-serif;
3441 transform: translate(-50%, -50%);
3442 filter: hue-rotate(180deg) grayscale(1) contrast(999) invert(1);
3443 transition: inherit;
3444 }
3445 .e-element-color-picker__swatch:hover {
3446 flex-basis: calc(2 * var(--swatch-size));
3447 flex-shrink: 0;
3448 }
3449 .e-element-color-picker__swatch:hover::before {
3450 opacity: 1;
3451 }
3452
3453 .e-ui-state--elements-color-picker-color-picking__on *:not(.e-element-color-picker__swatch) {
3454 cursor: url("../images/eyedropper.svg") 0 20, pointer;
3455 }
3456 .e-ui-state--elements-color-picker-color-picking__on .e-element-color-picker:not(.e-picker-hidden):hover,
3457 .e-ui-state--elements-color-picker-color-picking__on .elementor-element:hover > .e-element-color-picker:not(.e-picker-hidden),
3458 .e-ui-state--elements-color-picker-color-picking__on .elementor-widget-container:hover + .e-element-color-picker:not(.e-picker-hidden) {
3459 opacity: 1;
3460 pointer-events: all;
3461 }
3462 .e-ui-state--elements-color-picker-color-picking__on .elementor-section:hover {
3463 outline: 1px solid #2563EB;
3464 }
3465
3466 /**
3467 * Contact Buttons has position: fixed, therefore the container results as `empty`
3468 * and it's not visible in the preview when the aside is hidden.
3469 */
3470 .elementor-editor-preview .elementor-element:has(.e-contact-buttons) .elementor-widget-empty,
3471 .elementor-editor-preview .elementor-element:has(.e-floating-bars) .elementor-widget-empty {
3472 display: block;
3473 }
3474
3475 [class^=eicon-flex], [class*=" eicon-flex"] {
3476 transition: 0.3s all;
3477 }
3478 [class^=eicon-flex].eicon-inline, [class*=" eicon-flex"].eicon-inline {
3479 max-height: 1em;
3480 max-width: 1em;
3481 }
3482 [class^=eicon-flex], [class*=" eicon-flex"] {
3483 --is-ltr: 0;
3484 --is-rtl: 1;
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 [class^=eicon-flex], [class*=" eicon-flex"] {
3490 --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
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(.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) {
3493 transform: rotate(calc(var(--rotation-direction) * 90deg));
3494 }
3495 :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) {
3496 transform: rotate(calc(var(--rotation-direction) * -90deg));
3497 }
3498 .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) {
3499 transform: rotate(calc(var(--rotation-direction) * -90deg));
3500 }
3501 .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) {
3502 transform: rotate(calc(var(--is-rtl) * 180deg));
3503 }
3504 .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) {
3505 transform: rotate(calc(var(--is-ltr) * 180deg));
3506 }
3507
3508 html.elementor-html {
3509 margin-block-start: 0 !important;
3510 }
3511
3512 .elementor-edit-area {
3513 position: relative;
3514 }
3515
3516 .elementor.loading {
3517 opacity: 0.5;
3518 }
3519
3520 .elementor-edit-area-active {
3521 --primary-color: var(--e-p-border-con);
3522 --secondary-color: var(--e-p-border-con-hover);
3523 --outline-color: var(--e-p-border-con-active);
3524 }
3525 .elementor-edit-area-active .e-con {
3526 --primary-color: var(--e-p-border-con);
3527 --secondary-color: var(--e-p-border-con-hover);
3528 --outline-color: var( --outline-color );
3529 }
3530 .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 {
3531 outline: 1px solid var(--outline-color);
3532 }
3533 .elementor-edit-area-active .e-grid-outline {
3534 display: none;
3535 }
3536 .elementor-edit-area-active .elementor-element-editable.e-grid.e-con-full > .e-grid-outline {
3537 padding-block-start: var(--bc-padding-block-start, var(--padding-block-start));
3538 padding-block-end: var(--bc-padding-block-end, var(--padding-block-end));
3539 display: grid;
3540 position: absolute;
3541 top: 0;
3542 bottom: 0;
3543 pointer-events: none;
3544 grid-gap: var(--gap);
3545 justify-items: var(--justify-items);
3546 align-items: var(--align-items);
3547 grid-auto-flow: var(--grid-auto-flow);
3548 justify-content: var(--grid-justify-content);
3549 align-content: var(--grid-align-content);
3550 min-height: var(--min-height);
3551 padding-inline-end: var(--bc-padding-inline-end, var(--padding-inline-end));
3552 padding-inline-start: var(--bc-padding-inline-start, var(--padding-inline-start));
3553 width: 100%;
3554 left: 0;
3555 }
3556 .elementor-edit-area-active .elementor-element-editable.e-grid.e-con-boxed > .e-con-inner {
3557 position: relative;
3558 }
3559 .elementor-edit-area-active .elementor-element-editable.e-grid.e-con-boxed > .e-con-inner > .e-grid-outline {
3560 padding-block-start: var(--bc-padding-block-start, var(--padding-block-start));
3561 padding-block-end: var(--bc-padding-block-end, var(--padding-block-end));
3562 display: grid;
3563 position: absolute;
3564 top: 0;
3565 bottom: 0;
3566 pointer-events: none;
3567 grid-gap: var(--gap);
3568 justify-items: var(--justify-items);
3569 align-items: var(--align-items);
3570 grid-auto-flow: var(--grid-auto-flow);
3571 justify-content: var(--grid-justify-content);
3572 align-content: var(--grid-align-content);
3573 min-height: var(--min-height);
3574 width: var(--width);
3575 margin: 0 auto;
3576 }
3577 .elementor-edit-area-active .elementor-element-editable.e-grid .e-grid-outline-item {
3578 border: 1px dashed #9DA5AE;
3579 pointer-events: none;
3580 width: 100%;
3581 height: 100%;
3582 }
3583 .elementor-edit-area-active .elementor-inner-section:first-child {
3584 margin-block-start: 15px;
3585 }
3586 .elementor-edit-area-active .elementor-widget-wrap.elementor-element-empty {
3587 min-height: 30px;
3588 }
3589 @media (min-width: 768px) {
3590 .elementor-edit-area-active .elementor-widget-wrap.elementor-element-empty {
3591 margin: 10px;
3592 }
3593 }
3594 .elementor-edit-area-active .elementor-column {
3595 min-width: 25px;
3596 }
3597 .elementor-edit-area-active .elementor-widget.elementor-loading {
3598 opacity: 0.3;
3599 }
3600 .elementor-edit-area-active .elementor-widget.elementor-element-edit-mode:hover {
3601 box-shadow: 0 0 0 1px var(--e-p-border-widget);
3602 }
3603 .elementor-edit-area-active .elementor-widget.elementor-element-editable, .elementor-edit-area-active .elementor-widget.elementor-element-editable:hover {
3604 box-shadow: 0 0 0 2px var(--e-p-border-widget);
3605 }
3606 .elementor-edit-area-active .elementor-widget:not(:hover) .elementor-editor-element-settings {
3607 display: none;
3608 }
3609 .elementor-edit-area-active .elementor-widget.ui-draggable-dragging {
3610 pointer-events: none;
3611 }
3612 .elementor-edit-area-active .elementor-editor-element-setting {
3613 cursor: pointer;
3614 display: flex;
3615 align-items: center;
3616 justify-content: center;
3617 padding: 0;
3618 margin: 0;
3619 font-size: 11px;
3620 color: var(--e-p-border-widget-invert);
3621 width: 25px;
3622 transition: var(--e-a-transition-hover);
3623 }
3624 .elementor-edit-area-active .elementor-inline-editing {
3625 min-height: 15px;
3626 }
3627 .elementor-edit-area-active .elementor-edit-hidden {
3628 display: none;
3629 }
3630
3631 .elementor-section-wrap:empty {
3632 min-height: 25px;
3633 }
3634 .elementor-section-wrap > :first-child > .elementor-element-overlay {
3635 z-index: 9999;
3636 }
3637
3638 .elementor-element > .elementor-element-overlay {
3639 position: absolute;
3640 inset-block-start: 0;
3641 inset-inline-end: 0;
3642 letter-spacing: 0;
3643 z-index: 9998;
3644 pointer-events: none;
3645 }
3646 .elementor-element-empty .elementor-sortable-placeholder {
3647 display: none;
3648 }
3649 .elementor-element.elementor-widget-empty {
3650 background-color: rgba(213, 216, 220, 0.8);
3651 }
3652 .elementor-element.elementor-widget-empty .elementor-widget-empty-icon {
3653 color: #BABFC5;
3654 font-size: 22px;
3655 display: block;
3656 text-align: center;
3657 padding: 10px 0;
3658 }
3659 .elementor-element.elementor-widget-empty[data-atomic] .elementor-widget-empty-icon {
3660 background-color: rgb(243, 243, 244);
3661 width: 100%;
3662 }
3663 .elementor-element:not(:hover):not(.elementor-element-editable) > .elementor-element-overlay .elementor-editor-element-settings {
3664 display: none;
3665 }
3666 .elementor-element--toggle-edit-tools > .elementor-element-overlay .elementor-editor-element-edit:not(.elementor-active) ~ * {
3667 width: 0;
3668 font-size: 0;
3669 }
3670 .elementor-element[data-side=top]:before, .elementor-element[data-side=bottom] + .elementor-element:before {
3671 content: "";
3672 background-color: var(--e-p-draggable-color);
3673 transition-timing-function: ease-out;
3674 opacity: 0.9;
3675 height: 10px;
3676 animation: placeholder-widget 500ms;
3677 display: block;
3678 }
3679 .elementor-element[data-side=bottom]:last-child:after {
3680 content: "";
3681 background-color: var(--e-p-draggable-color);
3682 transition-timing-function: ease-out;
3683 opacity: 0.9;
3684 height: 10px;
3685 animation: placeholder-widget 500ms;
3686 display: block;
3687 }
3688 .elementor-element.elementor-absolute, .elementor-element.elementor-fixed {
3689 cursor: grab;
3690 }
3691 .elementor-element.elementor-absolute:active, .elementor-element.elementor-fixed:active {
3692 cursor: grabbing;
3693 }
3694 .elementor-element.elementor-absolute .eicon-edit:before, .elementor-element.elementor-fixed .eicon-edit:before {
3695 content: "\e902";
3696 }
3697
3698 .elementor-editor-element-settings {
3699 position: absolute;
3700 display: flex;
3701 height: 26px;
3702 list-style: none;
3703 margin: 0;
3704 padding: 0;
3705 font-family: var(--e-a-font-family);
3706 font-size: 13px;
3707 font-weight: normal;
3708 font-style: normal;
3709 line-height: 1;
3710 z-index: 1;
3711 pointer-events: all;
3712 transition: var(--e-a-transition-hover);
3713 }
3714
3715 @media (min-width: 1025px) {
3716 .elementor-editor-element-edit {
3717 cursor: move;
3718 }
3719 }
3720
3721 .elementor-empty-view {
3722 position: absolute;
3723 inset: 0;
3724 z-index: 1;
3725 }
3726
3727 .elementor-first-add {
3728 text-align: center;
3729 border: 1px dashed var(--e-a-border-color-bold);
3730 display: flex;
3731 height: 100%;
3732 width: 100%;
3733 position: absolute;
3734 align-items: center;
3735 justify-content: center;
3736 }
3737 .elementor-first-add .elementor-icon {
3738 font-size: 19px;
3739 color: #9DA5AE;
3740 cursor: pointer;
3741 }
3742
3743 .elementor-sortable-helper {
3744 position: absolute;
3745 cursor: move;
3746 border: var(--e-a-border);
3747 border-radius: var(--e-a-border-radius);
3748 background-color: var(--e-a-bg-active);
3749 border-color: var(--e-a-border-color-accent);
3750 color: var(--e-a-color-active);
3751 text-align: center;
3752 }
3753 .elementor-sortable-helper .icon {
3754 font-size: 28px;
3755 padding-block-start: 15px;
3756 line-height: 1;
3757 }
3758 .elementor-sortable-helper .title-wrapper {
3759 display: flex;
3760 height: 40px;
3761 align-items: center;
3762 justify-content: center;
3763 }
3764 .elementor-sortable-helper .title {
3765 font-size: 11px;
3766 }
3767
3768 .elementor-sortable-placeholder:not(.elementor-column-placeholder) {
3769 background-color: var(--e-p-draggable-color);
3770 animation-duration: 250ms;
3771 opacity: 0.9;
3772 width: 100%;
3773 align-self: stretch;
3774 }
3775 .e-con .elementor-first-add .elementor-sortable-placeholder:not(.elementor-column-placeholder) {
3776 align-self: center;
3777 }
3778 .e-swappable--active > .elementor-sortable-placeholder:not(.elementor-column-placeholder) {
3779 display: none;
3780 }
3781
3782 .elementor-section-placeholder {
3783 height: 40px;
3784 animation-name: placeholder-section;
3785 }
3786
3787 .elementor-widget-placeholder {
3788 height: 10px;
3789 animation-name: placeholder-widget;
3790 }
3791 .elementor-widget-placeholder.is-logical {
3792 margin-top: var(--e-placeholder-margin-top);
3793 margin-bottom: var(--e-placeholder-margin-bottom);
3794 margin-inline-start: var(--e-placeholder-margin-inline-start);
3795 width: var(--e-placeholder-width);
3796 min-width: 200px;
3797 }
3798
3799 .elementor-draggable-over:not([data-dragged-element=section]):not([data-dragged-is-inner=true]) > .elementor-empty-view > .elementor-first-add:after,
3800 .elementor-first-add.elementor-html5dnd-current-element:after {
3801 content: "";
3802 background-color: var(--e-p-draggable-color);
3803 transition-timing-function: ease-out;
3804 opacity: 0.9;
3805 height: 10px;
3806 animation: placeholder-widget 500ms;
3807 width: 100%;
3808 }
3809 .e-con .elementor-draggable-over:not([data-dragged-element=section]):not([data-dragged-is-inner=true]) > .elementor-empty-view > .elementor-first-add:after,
3810 .e-con .elementor-first-add.elementor-html5dnd-current-element:after {
3811 display: none;
3812 }
3813 .elementor-draggable-over:not([data-dragged-element=section]):not([data-dragged-is-inner=true]) > .elementor-empty-view > .elementor-first-add .elementor-icon,
3814 .elementor-first-add.elementor-html5dnd-current-element .elementor-icon {
3815 display: none;
3816 }
3817
3818 .elementor-draggable-over[data-dragged-element=section][data-dragged-is-inner=true] .elementor-inner-column .elementor-sortable-placeholder {
3819 display: none;
3820 }
3821
3822 .elementor-editor-preview .elementor-element-overlay,
3823 .elementor-editor-preview .elementor-empty,
3824 .elementor-editor-preview .elementor-add-section,
3825 .elementor-editor-preview .elementor-add-section-inline,
3826 .elementor-editor-preview .elementor-empty-view,
3827 .elementor-editor-preview .elementor-widget-empty {
3828 display: none;
3829 }
3830
3831 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen,
3832 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop,
3833 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop,
3834 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra,
3835 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet,
3836 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra,
3837 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile {
3838 display: inherit;
3839 background: repeating-linear-gradient(125deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 1px, transparent 2px, transparent 9px);
3840 border: 1px solid rgba(0, 0, 0, 0.02);
3841 }
3842 .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,
3843 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-section > .elementor-element-overlay,
3844 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.e-con > .elementor-element-overlay,
3845 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.elementor-section > .elementor-element-overlay,
3846 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.e-con > .elementor-element-overlay,
3847 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.elementor-section > .elementor-element-overlay,
3848 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.e-con > .elementor-element-overlay,
3849 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.elementor-section > .elementor-element-overlay,
3850 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.e-con > .elementor-element-overlay,
3851 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-section > .elementor-element-overlay,
3852 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.e-con > .elementor-element-overlay,
3853 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-section > .elementor-element-overlay,
3854 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.e-con > .elementor-element-overlay {
3855 background-color: var(--e-a-bg-hover);
3856 mix-blend-mode: color;
3857 }
3858 .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,
3859 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-section:before,
3860 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.e-con:before,
3861 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.elementor-section:before,
3862 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.e-con:before,
3863 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.elementor-section:before,
3864 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.e-con:before,
3865 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.elementor-section:before,
3866 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.e-con:before,
3867 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-section:before,
3868 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.e-con:before,
3869 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-section:before,
3870 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.e-con:before {
3871 content: "";
3872 display: block;
3873 position: absolute;
3874 inset: 0;
3875 background-color: rgba(255, 255, 255, 0.6);
3876 z-index: 9997;
3877 }
3878 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.e-con,
3879 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.e-con,
3880 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.e-con,
3881 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.e-con,
3882 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.e-con,
3883 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.e-con,
3884 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.e-con {
3885 display: var(--display);
3886 }
3887 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.elementor-inner-section .elementor-container,
3888 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-inner-section .elementor-container,
3889 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.elementor-inner-section .elementor-container,
3890 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.elementor-inner-section .elementor-container,
3891 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.elementor-inner-section .elementor-container,
3892 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-inner-section .elementor-container,
3893 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-inner-section .elementor-container {
3894 width: 100%;
3895 }
3896 .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)),
3897 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop > .elementor-widget-container,
3898 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop > .elementor-widget-wrap,
3899 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop:not(:has(> .elementor-widget-container)),
3900 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop > .elementor-widget-container,
3901 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop > .elementor-widget-wrap,
3902 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop:not(:has(> .elementor-widget-container)),
3903 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra > .elementor-widget-container,
3904 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra > .elementor-widget-wrap,
3905 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra:not(:has(> .elementor-widget-container)),
3906 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet > .elementor-widget-container,
3907 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet > .elementor-widget-wrap,
3908 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet:not(:has(> .elementor-widget-container)),
3909 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra > .elementor-widget-container,
3910 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra > .elementor-widget-wrap,
3911 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra:not(:has(> .elementor-widget-container)),
3912 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-container,
3913 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-wrap,
3914 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile:not(:has(> .elementor-widget-container)) {
3915 filter: opacity(0.4) saturate(0);
3916 }
3917 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.elementor-edit-hidden,
3918 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-edit-hidden,
3919 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.elementor-edit-hidden,
3920 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.elementor-edit-hidden,
3921 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.elementor-edit-hidden,
3922 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-edit-hidden,
3923 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-edit-hidden {
3924 display: none;
3925 }
3926
3927 .e-youtube-base iframe {
3928 pointer-events: none;
3929 }
3930
3931 .elementor-editor-element-overlay-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-element-overlay-settings i.eicon-handle {
3946 font-size: 16px;
3947 }
3948 .elementor-editor-element-overlay-settings .elementor-editor-element-setting:hover {
3949 background-color: var(--e-p-border-section-hover);
3950 }
3951 .elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child {
3952 border-start-start-radius: 5px;
3953 border-start-end-radius: 0;
3954 border-end-start-radius: 0;
3955 border-end-end-radius: 0;
3956 }
3957 .elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child:before {
3958 content: "";
3959 position: absolute;
3960 inset-block-start: 2px;
3961 inset-inline-end: calc(100% - 1px);
3962 border-block-start: 22px solid transparent;
3963 border-block-end: 0 none transparent;
3964 border-inline-start: 0 none transparent;
3965 border-inline-end: 12px solid var(--e-p-border-section);
3966 transition: var(--e-a-transition-hover);
3967 }
3968 .elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child:hover:before {
3969 border-inline-end-color: var(--e-p-border-section-hover);
3970 }
3971 .elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child {
3972 border-start-start-radius: 0;
3973 border-start-end-radius: 5px;
3974 border-end-start-radius: 0;
3975 border-end-end-radius: 0;
3976 }
3977 .elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child:after {
3978 content: "";
3979 position: absolute;
3980 inset-block-start: 2px;
3981 inset-inline-start: calc(100% - 1px);
3982 border-block-start: 22px solid transparent;
3983 border-block-end: 0 none transparent;
3984 border-inline-start: 12px solid var(--e-p-border-section);
3985 border-inline-end: 0 none transparent;
3986 transition: var(--e-a-transition-hover);
3987 }
3988 .elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child:hover:after {
3989 border-inline-start-color: var(--e-p-border-section-hover);
3990 }
3991
3992 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings {
3993 transform: translateX(-50%);
3994 border-start-start-radius: 0;
3995 border-start-end-radius: 0;
3996 border-end-start-radius: 5px;
3997 border-end-end-radius: 5px;
3998 }
3999 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child {
4000 border-start-start-radius: 0;
4001 border-start-end-radius: 0;
4002 border-end-start-radius: 5px;
4003 border-end-end-radius: 0;
4004 }
4005 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before {
4006 top: 0;
4007 border-block-start: 0 none transparent;
4008 border-block-end: 22px solid transparent;
4009 border-inline-start: 0 none transparent;
4010 border-inline-end: 12px solid var(--e-p-border-section);
4011 transition: var(--e-a-transition-hover);
4012 }
4013 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child {
4014 border-start-start-radius: 0;
4015 border-start-end-radius: 0;
4016 border-end-start-radius: 0;
4017 border-end-end-radius: 5px;
4018 }
4019 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after {
4020 top: 0;
4021 border-block-start: 0 none transparent;
4022 border-block-end: 22px solid transparent;
4023 border-inline-start: 12px solid var(--e-p-border-section);
4024 border-inline-end: 0 none transparent;
4025 transition: var(--e-a-transition-hover);
4026 }
4027
4028 .elementor-column > .elementor-element-overlay {
4029 inset-block-end: 0;
4030 inset-inline-start: 0;
4031 }
4032 .elementor-column > .elementor-element-overlay:after {
4033 position: absolute;
4034 inset: 0;
4035 outline: 1px dashed var(--e-p-border-column);
4036 }
4037 .elementor-column:hover > .elementor-element-overlay:after {
4038 content: "";
4039 }
4040 .elementor-column.elementor-element-editable > .elementor-element-overlay:after {
4041 content: "";
4042 outline: 2px solid var(--e-p-border-column);
4043 }
4044 .elementor-column.elementor-dragging-on-child > .elementor-element-overlay {
4045 border: 1px solid var(--e-p-draggable-color);
4046 }
4047 .elementor-column.elementor-dragging-on-child > .elementor-element-overlay:after {
4048 display: none;
4049 }
4050 .elementor-column > .ui-resizable-e, .elementor-column > .ui-resizable-w {
4051 cursor: col-resize;
4052 width: 7px;
4053 position: absolute;
4054 inset-block-start: 0;
4055 inset-inline-end: -5px;
4056 height: 100%;
4057 }
4058 .elementor-column:last-of-type > .ui-resizable-e, .elementor-column:last-of-type > .ui-resizable-w {
4059 display: none !important;
4060 }
4061 @media (max-width: 1024px) {
4062 .elementor-column > .ui-resizable-e, .elementor-column > .ui-resizable-w {
4063 display: none !important;
4064 }
4065 }
4066
4067 .elementor-editor-column-settings {
4068 inset-block-start: -1px;
4069 inset-inline-start: -1px;
4070 border-start-start-radius: 0;
4071 border-start-end-radius: 0;
4072 border-end-start-radius: 0;
4073 border-end-end-radius: 3px;
4074 transform: none;
4075 overflow: hidden;
4076 }
4077 .elementor-editor-column-settings .elementor-editor-element-setting {
4078 background-color: var(--e-p-border-column);
4079 }
4080 .elementor-editor-column-settings .elementor-editor-element-setting:hover {
4081 background-color: var(--e-p-border-column-hover);
4082 }
4083
4084 .elementor-column-placeholder {
4085 position: relative;
4086 }
4087 .elementor-column-placeholder:before, .elementor-column-placeholder:after {
4088 content: "";
4089 position: absolute;
4090 inset: 10px;
4091 }
4092 .elementor-column-placeholder:before {
4093 border: 1px solid var(--e-p-border-column);
4094 }
4095 .elementor-column-placeholder:after {
4096 border: 1px dashed var(--e-a-color-white);
4097 }
4098
4099 .elementor-column-percents-tooltip {
4100 position: absolute;
4101 display: none;
4102 pointer-events: none;
4103 inset-block-start: 50%;
4104 transform: translateY(-50%);
4105 color: #fff;
4106 font-size: 10px;
4107 background-color: var(--e-p-border-column);
4108 width: 40px;
4109 padding: 3.5px 0;
4110 text-align: center;
4111 z-index: 1;
4112 line-height: 1;
4113 }
4114 .elementor-column-percents-tooltip:after {
4115 content: "";
4116 position: absolute;
4117 width: 0;
4118 height: 0;
4119 border: 8.5px solid transparent;
4120 top: 0;
4121 }
4122 .elementor-column-percents-tooltip[data-side=left] {
4123 border-radius: 3px 0 0 3px;
4124 right: 15px;
4125 }
4126 .elementor-column-percents-tooltip[data-side=left]:after {
4127 left: 100%;
4128 border-left-color: var(--e-p-border-column);
4129 border-right-width: 0;
4130 }
4131 .elementor-column-percents-tooltip[data-side=right] {
4132 border-radius: 0 3px 3px 0;
4133 left: 15px;
4134 }
4135 .elementor-column-percents-tooltip[data-side=right]:after {
4136 right: 100%;
4137 border-right-color: var(--e-p-border-column);
4138 border-left-width: 0;
4139 }
4140
4141 .elementor-editor-widget-settings {
4142 z-index: 2;
4143 inset-block-start: -1px;
4144 inset-inline-end: -1px;
4145 flex-direction: row-reverse;
4146 border-start-start-radius: 0;
4147 border-start-end-radius: 0;
4148 border-end-start-radius: 3px;
4149 border-end-end-radius: 0;
4150 overflow: hidden;
4151 }
4152 .elementor-editor-widget-settings .elementor-editor-element-setting {
4153 background-color: var(--e-p-border-widget);
4154 }
4155 .elementor-editor-widget-settings .elementor-editor-element-setting:hover {
4156 background-color: var(--e-p-border-widget-hover);
4157 }
4158
4159 .e-widget-pro-promotion {
4160 border: 2px dashed var(--e-a-border-color-bold);
4161 background-color: var(--e-a-color-white);
4162 padding: 20px;
4163 }
4164 .e-widget-pro-promotion .e-container {
4165 max-width: 600px;
4166 margin: auto;
4167 }
4168 .e-widget-pro-promotion .e-badge {
4169 border: 1px solid var(--e-a-color-accent);
4170 color: var(--e-a-color-accent);
4171 background: var(--e-a-color-white);
4172 border-radius: 100px;
4173 padding: 4px 12px;
4174 font-size: 0.8em;
4175 }
4176 .e-widget-pro-promotion p {
4177 margin-block-start: 1em;
4178 margin-block-end: 1em;
4179 text-align: center;
4180 }
4181 .e-widget-pro-promotion p img {
4182 display: block;
4183 margin: 0 auto 20px;
4184 }
4185 .e-widget-pro-promotion .e-actions {
4186 display: flex;
4187 justify-content: center;
4188 gap: 10px;
4189 }
4190 .e-widget-pro-promotion .e-btn {
4191 font-size: 14px;
4192 font-weight: 500;
4193 line-height: 1.2;
4194 padding: 8px 16px;
4195 border-radius: var(--e-a-border-radius);
4196 background-color: var(--e-a-btn-bg-accent);
4197 color: var(--e-a-btn-color-invert);
4198 transition: var(--e-a-transition-hover);
4199 }
4200 .e-widget-pro-promotion .e-btn:hover, .e-widget-pro-promotion .e-btn:focus {
4201 background-color: var(--e-a-btn-bg-accent-hover);
4202 color: var(--e-a-btn-color-invert);
4203 }
4204 .e-widget-pro-promotion .e-btn:active {
4205 background-color: var(--e-a-btn-bg-accent-active);
4206 }
4207 .e-widget-pro-promotion .e-btn.e-btn-txt {
4208 background: transparent;
4209 color: var(--e-a-color-txt);
4210 }
4211 .e-widget-pro-promotion .e-btn.e-btn-txt:hover, .e-widget-pro-promotion .e-btn.e-btn-txt:focus {
4212 background: var(--e-a-bg-hover);
4213 color: var(--e-a-color-txt-hover);
4214 }
4215
4216 .elementor-section > .elementor-element-overlay,
4217 .e-con > .elementor-element-overlay {
4218 inset-block-end: 0;
4219 inset-inline-start: 0;
4220 }
4221 .elementor-section > .elementor-element-overlay:after,
4222 .e-con > .elementor-element-overlay:after {
4223 position: absolute;
4224 inset: 1px;
4225 outline: 1px solid var(--e-p-border-con);
4226 animation: section-outline 0.75s;
4227 }
4228 .elementor-section:hover > .elementor-element-overlay:after,
4229 .e-con:hover > .elementor-element-overlay:after {
4230 content: "";
4231 }
4232 .elementor-section.elementor-element-editable > .elementor-element-overlay:after,
4233 .e-con.elementor-element-editable > .elementor-element-overlay:after {
4234 content: "";
4235 outline-width: 2px;
4236 }
4237
4238 .e-con .e-con-inner .e-con > .elementor-element-overlay:after {
4239 outline: 1px dashed var(--e-p-border-con-in);
4240 }
4241 .e-con .e-con-inner .e-con.elementor-element-editable > .elementor-element-overlay:after {
4242 outline: 2px solid var(--e-p-border-con-in);
4243 }
4244 .e-con .elementor-empty-view {
4245 position: relative;
4246 width: 100%;
4247 height: 100%;
4248 min-height: 100px;
4249 stroke: transparent;
4250 stroke-width: 0;
4251 -webkit-text-stroke: 0 transparent;
4252 }
4253 .e-con .elementor-empty-view .elementor-first-add {
4254 width: auto;
4255 height: auto;
4256 inset: 0;
4257 }
4258 .e-con:not(.e-grid) .elementor-empty-view {
4259 min-height: var(--min-height, 100px);
4260 }
4261 .e-con.e-grid .elementor-empty-view {
4262 min-width: 100px;
4263 }
4264 .e-con .elementor-widget-placeholder {
4265 --size: 10px;
4266 --margin-start: calc( -1 * var( --size ) );
4267 --margin-end: calc( -2 * var( --size ) );
4268 flex-shrink: 0;
4269 align-self: stretch;
4270 z-index: 1;
4271 pointer-events: none;
4272 }
4273 .e-con.e-con--row > .elementor-widget-placeholder, .e-con.e-con--row > .e-con-inner > .elementor-widget-placeholder {
4274 position: relative;
4275 z-index: 9999;
4276 width: var(--size);
4277 margin-inline-start: var(--margin-start);
4278 height: auto;
4279 min-height: 100%;
4280 animation-name: dnd-placeholder-widget-vertical;
4281 animation-fill-mode: both;
4282 }
4283 .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 {
4284 margin-inline-end: 0;
4285 margin-inline-start: calc(var(--margin-start) + var(--margin-end));
4286 }
4287 .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 {
4288 margin-inline-end: var(--margin-end);
4289 margin-inline-start: var(--margin-start);
4290 }
4291 .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 {
4292 position: absolute;
4293 width: var(--size);
4294 height: 100%;
4295 top: 0;
4296 animation: grow-in-width 0.15s forwards;
4297 }
4298 .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 {
4299 right: 0;
4300 left: auto;
4301 }
4302 .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 {
4303 left: 0;
4304 right: auto;
4305 }
4306 .e-con.e-con--column > .elementor-widget-placeholder, .e-con.e-con--column > .e-con-inner > .elementor-widget-placeholder {
4307 height: var(--size);
4308 margin-block-start: var(--margin-start);
4309 margin-block-end: var(--margin-end);
4310 animation-name: dnd-placeholder-widget-horizontal;
4311 }
4312 .e-con.e-con--column > .elementor-widget-placeholder:nth-last-child(2) {
4313 margin-block-start: calc(2 * var(--margin-start));
4314 --margin-end: 0;
4315 }
4316 .e-con.e-con--column > .e-con-inner > .elementor-widget-placeholder:last-child {
4317 --margin-end: 0;
4318 }
4319 .e-con .elementor-sortable-helper {
4320 height: 84px;
4321 width: 125px;
4322 z-index: -1;
4323 }
4324 .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 {
4325 position: relative;
4326 background-color: var(--e-p-border-con-in);
4327 }
4328 .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 {
4329 background-color: var(--e-p-border-con-in-hover);
4330 }
4331 .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 {
4332 display: none;
4333 }
4334 .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) {
4335 margin-inline-start: -25px;
4336 z-index: -1;
4337 transition: 0.3s all;
4338 will-change: margin-inline-start;
4339 }
4340 .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) {
4341 margin-inline-start: 0;
4342 }
4343 .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 {
4344 inset: initial;
4345 transform: none;
4346 inset-inline-start: 0;
4347 top: 0;
4348 border-radius: 0;
4349 border-end-end-radius: 3px;
4350 height: auto;
4351 }
4352 .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 {
4353 content: "\e9b4";
4354 font-size: 20px;
4355 display: block;
4356 padding: 2px;
4357 }
4358
4359 .e-atomic-element:has(.elementor-empty-view) {
4360 min-height: 120px;
4361 }
4362 .e-atomic-element > .elementor-empty-view.elementor-empty-view {
4363 min-height: inherit;
4364 }
4365
4366 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 {
4367 left: 0;
4368 right: auto;
4369 }
4370 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 {
4371 right: 0;
4372 left: auto;
4373 }
4374
4375 @keyframes dnd-placeholder-widget-vertical {
4376 0% {
4377 transform-origin: 0 50%;
4378 transform: translateX(50%) scaleX(0);
4379 opacity: 0;
4380 }
4381 100% {
4382 transform-origin: 0 50%;
4383 transform: translateX(50%) scaleX(1);
4384 opacity: 0.9;
4385 }
4386 }
4387 @keyframes dnd-placeholder-widget-horizontal {
4388 0% {
4389 transform-origin: 50% 0;
4390 transform: scaleY(0);
4391 opacity: 0;
4392 }
4393 100% {
4394 transform-origin: 50% 0;
4395 transform: scaleY(1);
4396 opacity: 0.9;
4397 }
4398 }
4399 @keyframes grow-in-width {
4400 from {
4401 width: 0;
4402 }
4403 50% {
4404 width: calc(var(--size) / 2);
4405 }
4406 to {
4407 width: var(--size);
4408 }
4409 }
4410 .e-con-select-preset {
4411 display: flex;
4412 flex-direction: column;
4413 align-items: center;
4414 justify-content: center;
4415 gap: 25px;
4416 }
4417 .e-con-select-preset[data-view=choose-preset] > *:not(.e-con-select-preset__inner) {
4418 display: none;
4419 }
4420 .e-con-select-preset[data-view=drop-area] > *:not(.elementor-first-add) {
4421 display: none;
4422 }
4423 .e-con-select-preset-grid {
4424 flex-wrap: wrap;
4425 gap: 20px;
4426 }
4427 .e-con-select-preset-grid .e-con-select-preset__list .e-con-preset rect {
4428 fill: transparent;
4429 }
4430 .e-con-select-preset__title {
4431 font-family: var(--e-a-font-family);
4432 font-size: 15px;
4433 font-weight: 400;
4434 color: var(--e-a-color-txt);
4435 }
4436 .e-con-select-preset__list {
4437 display: flex;
4438 gap: 20px;
4439 align-items: center;
4440 justify-content: center;
4441 flex-wrap: wrap;
4442 max-width: 650px;
4443 }
4444 .e-con-select-preset__list .e-con-preset {
4445 cursor: pointer;
4446 flex-basis: 90px;
4447 padding: unset;
4448 margin: unset;
4449 border: unset;
4450 border-radius: unset;
4451 outline: unset;
4452 box-shadow: unset;
4453 text-shadow: unset;
4454 background-color: unset;
4455 }
4456 .e-con-select-preset__list .e-con-preset svg {
4457 width: 100%;
4458 height: auto;
4459 }
4460 .e-con-select-preset__list .e-con-preset svg:not(.exclude-rtl-scale) {
4461 scale: calc(1 * var(--direction-multiplier)) 1;
4462 }
4463 .e-con-select-preset__list .e-con-preset path {
4464 fill: var(--e-a-color-white);
4465 }
4466 .e-con-select-preset__list .e-con-preset rect {
4467 fill: var(--e-a-bg-active-bold);
4468 transition: 0.3s all;
4469 }
4470 .e-con-select-preset__list .e-con-preset:hover, .e-con-select-preset__list .e-con-preset:focus {
4471 border: unset;
4472 border-radius: unset;
4473 box-shadow: unset;
4474 text-shadow: unset;
4475 background-color: transparent;
4476 }
4477 .e-con-select-preset__list .e-con-preset:hover path, .e-con-select-preset__list .e-con-preset:focus path {
4478 stroke: var(--e-a-color-white);
4479 }
4480 .e-con-select-preset__list .e-con-preset:hover rect, .e-con-select-preset__list .e-con-preset:focus rect {
4481 fill: var(--e-a-color-txt);
4482 }
4483 .e-con-select-preset__list .e-con-preset[data-preset=r100] {
4484 scale: calc(1 * var(--direction-multiplier)) 1;
4485 }
4486 .e-con-shared-styles {
4487 font-family: var(--e-a-font-family);
4488 line-height: 1;
4489 color: var(--e-a-color-txt);
4490 min-height: 159px;
4491 overflow: hidden;
4492 display: flex;
4493 flex-direction: column;
4494 align-items: center;
4495 justify-content: center;
4496 gap: 25px;
4497 }
4498 .e-con-select-type__title {
4499 font-size: 15px;
4500 font-weight: 400;
4501 }
4502 .e-con-select-type__icons {
4503 display: flex;
4504 justify-content: center;
4505 flex-wrap: wrap;
4506 gap: 40px;
4507 }
4508 .e-con-select-type__icons__icon {
4509 cursor: pointer;
4510 }
4511 .e-con-select-type__icons__icon svg {
4512 margin-block-end: 10px;
4513 width: 85px;
4514 }
4515 .e-con-select-type__icons__icon:hover svg rect, .e-con-select-type__icons__icon:focus svg rect {
4516 fill: var(--e-a-color-txt);
4517 }
4518 .e-con-select-type__icons__icon:hover svg path, .e-con-select-type__icons__icon:focus svg path {
4519 stroke: var(--e-a-color-white);
4520 }
4521 .e-con-select-type__icons__icon__subtitle {
4522 font-size: 14px;
4523 font-weight: 500;
4524 }
4525 .e-con .ui-resizable-e {
4526 right: 0;
4527 }
4528 .e-con .ui-resizable-w {
4529 left: 0;
4530 }
4531 /*# sourceMappingURL=editor-preview-rtl.css.map */