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

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

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