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

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

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