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

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

6,313 lines 171.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*! elementor - v3.19.0 - 07-02-2024 */
2 .elementor-control-unit-1 {
3 width: 27px;
4 }
5
6 .elementor-control-unit-2 {
7 width: 54px;
8 }
9
10 .elementor-control-unit-3 {
11 width: 81px;
12 }
13
14 .elementor-control-unit-4 {
15 width: 108px;
16 }
17
18 .elementor-control-unit-5 {
19 max-width: 400px;
20 width: 52%;
21 }
22
23 *, :before, :after {
24 margin: 0;
25 padding: 0;
26 box-sizing: border-box;
27 }
28
29 body,
30 html {
31 height: 100%;
32 }
33
34 html {
35 background-color: var(--e-a-bg-loading);
36 }
37
38 iframe,
39 img {
40 border: 0 none;
41 }
42
43 li {
44 list-style: none;
45 }
46
47 a {
48 text-decoration: none;
49 }
50
51 body {
52 background-color: var(--e-a-bg-default);
53 color: var(--e-a-color-txt);
54 font-family: var(--e-a-font-family);
55 font-size: 13px;
56 font-weight: normal;
57 line-height: 1;
58 text-decoration: none;
59 text-transform: none;
60 overflow: hidden;
61 }
62 body:after {
63 content: "";
64 position: absolute;
65 top: 0;
66 left: 0;
67 height: 100%;
68 width: 0;
69 background-color: var(--e-a-bg-default);
70 transition: width 0.5s;
71 }
72 body a {
73 color: var(--e-a-color-info);
74 }
75 body a:hover {
76 color: var(--e-a-color-primary-bold);
77 }
78 body.elementor-editor-active #elementor-mode-switcher-preview .eicon:before {
79 content: "\e89e";
80 }
81 body.elementor-editor-preview {
82 --e-preview-width: 100%;
83 }
84 body.elementor-editor-preview #elementor-mode-switcher-preview .eicon:before {
85 content: "\e89f";
86 }
87 body.elementor-navigator--dock-hint:after {
88 width: 30px;
89 }
90
91 #elementor-editor-wrapper {
92 display: flex;
93 width: 100%;
94 height: 100vh;
95 }
96
97 #elementor-panel:not(.ui-resizable-resizing),
98 #elementor-preview:not(.ui-resizable-resizing) {
99 transition: margin 0.5s ease-in-out, width 0.5s ease-in-out;
100 }
101
102 #elementor-loading {
103 position: fixed;
104 top: 0;
105 left: 0;
106 bottom: 0;
107 right: 0;
108 background: var(--e-a-bg-default);
109 z-index: 9999;
110 }
111
112 #elementor-preview-loading {
113 display: flex;
114 align-items: center;
115 justify-content: center;
116 position: absolute;
117 top: 0;
118 left: 0;
119 width: 100%;
120 height: 100%;
121 background-color: var(--e-a-bg-default);
122 }
123 #elementor-preview-loading i {
124 color: var(--e-a-color-txt-disabled);
125 font-size: 50px;
126 }
127
128 .elementor-nerd-box {
129 padding: 30px;
130 text-align: center;
131 }
132 .elementor-nerd-box-icon {
133 width: 100px;
134 }
135 .elementor-nerd-box-title {
136 margin-block-start: 20px;
137 font-size: 16px;
138 font-weight: bold;
139 line-height: 1.4;
140 }
141 .elementor-nerd-box-message {
142 margin-block-start: 5px;
143 line-height: 1.8;
144 font-size: 11px;
145 }
146 .elementor-nerd-box .elementor-button {
147 margin-block-start: 20px;
148 }
149 .elementor-nerd-box--upsale {
150 padding: 15px 30px 30px;
151 }
152 .elementor-nerd-box--upsale .elementor-nerd-box-title {
153 font-weight: 500;
154 line-height: 1.2;
155 }
156 .elementor-nerd-box--upsale .elementor-nerd-box-message {
157 line-height: 1.5;
158 }
159
160 .eicon-nerd:hover:before {
161 content: "\e8b7";
162 }
163 .eicon-nerd:active:before {
164 content: "\e8b6";
165 }
166
167 .e-group-control-header {
168 display: flex;
169 justify-content: space-between;
170 align-items: center;
171 font-weight: bold;
172 font-size: 12px;
173 padding: 10px;
174 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
175 margin-block-end: 15px;
176 }
177
178 .e-control-tools {
179 display: flex;
180 }
181
182 .e-control-tool {
183 width: 20px;
184 height: 20px;
185 display: inline-flex;
186 border-radius: 3px;
187 margin: 0 3px 0;
188 border: 0;
189 position: relative;
190 background-color: var(--e-a-bg-default);
191 }
192 .e-control-tool:not(.e-control-tool-disabled) {
193 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
194 cursor: pointer;
195 }
196 .e-control-tool-disabled {
197 background: var(--e-a-bg-default);
198 pointer-events: none;
199 }
200 .e-control-tool-disabled i {
201 color: var(--e-a-color-txt-disabled);
202 }
203 .e-control-tool i {
204 position: absolute;
205 top: 50%;
206 left: 50%;
207 transform: translateX(-50%) translateY(-50%);
208 color: var(--e-a-color-txt-default);
209 font-size: 13px;
210 }
211
212 i.eicon-tilted {
213 transform: rotate(90deg);
214 }
215
216 .elementor-loader-wrapper {
217 position: absolute;
218 top: 50%;
219 left: 50%;
220 transform: translate(-50%, -50%);
221 width: 300px;
222 display: flex;
223 flex-direction: column;
224 align-items: center;
225 gap: 30px;
226 }
227
228 .elementor-loader {
229 border-radius: 50%;
230 padding: 40px;
231 height: 150px;
232 width: 150px;
233 background-color: var(--e-a-bg-active);
234 box-sizing: border-box;
235 box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, 0.02);
236 }
237
238 .elementor-loader-boxes {
239 height: 100%;
240 width: 100%;
241 position: relative;
242 }
243
244 .elementor-loader-box {
245 position: absolute;
246 background-color: var(--e-a-color-txt-hover);
247 animation: load 1.8s linear infinite;
248 }
249 .elementor-loader-box:nth-of-type(1) {
250 width: 20%;
251 height: 100%;
252 left: 0;
253 top: 0;
254 }
255 .elementor-loader-box:not(:nth-of-type(1)) {
256 right: 0;
257 height: 20%;
258 width: 60%;
259 }
260 .elementor-loader-box:nth-of-type(2) {
261 top: 0;
262 animation-delay: calc(1.8s / 4 * -1);
263 }
264 .elementor-loader-box:nth-of-type(3) {
265 top: 40%;
266 animation-delay: calc(1.8s / 4 * -2);
267 }
268 .elementor-loader-box:nth-of-type(4) {
269 bottom: 0;
270 animation-delay: calc(1.8s / 4 * -3);
271 }
272
273 .elementor-loading-title {
274 color: var(--e-a-color-txt);
275 text-align: center;
276 text-transform: uppercase;
277 letter-spacing: 7px;
278 text-indent: 7px;
279 font-size: 10px;
280 width: 100%;
281 }
282
283 input,
284 select,
285 textarea,
286 .e-input-style {
287 color: var(--e-a-color-txt);
288 border-radius: var(--e-a-border-radius);
289 font-size: 12px;
290 width: 100%;
291 background: none;
292 background-color: var(--e-a-bg-default);
293 box-shadow: none;
294 border: var(--e-a-border-bold);
295 outline: none;
296 }
297 input:focus, input:focus + .elementor-control-dynamic-switcher,
298 select:focus,
299 select:focus + .elementor-control-dynamic-switcher,
300 textarea:focus,
301 textarea:focus + .elementor-control-dynamic-switcher,
302 .e-input-style:focus,
303 .e-input-style:focus + .elementor-control-dynamic-switcher {
304 border-color: var(--e-a-border-color-focus);
305 }
306
307 .elementor-error input,
308 .elementor-error select,
309 .elementor-error textarea {
310 border-color: var(--e-a-color-danger);
311 }
312
313 input {
314 min-width: 0;
315 }
316
317 input, textarea, .e-input-style {
318 padding: 5px;
319 }
320
321 textarea, .e-input-style {
322 resize: vertical;
323 }
324
325 input[type=checkbox],
326 input[type=radio] {
327 height: auto;
328 width: auto;
329 }
330
331 input[type=checkbox] {
332 margin: 0;
333 padding: 0;
334 -webkit-appearance: none;
335 -moz-appearance: none;
336 appearance: none;
337 outline: none;
338 content: none;
339 height: 15px;
340 border-radius: var(--e-a-border-radius);
341 margin-inline-end: 5px;
342 width: 15px;
343 border: var(--e-a-border-bold);
344 display: inline-flex;
345 align-items: center;
346 justify-content: center;
347 }
348 input[type=checkbox]:checked {
349 background: var(--e-a-color-primary-bold);
350 border: none;
351 }
352 input[type=checkbox]:checked:before {
353 display: block;
354 content: "";
355 width: 4px;
356 height: 7px;
357 border: solid white;
358 border-width: 0 2px 2px 0;
359 transform: rotate(45deg);
360 }
361
362 input[disabled] {
363 background-color: var(--e-a-bg-hover);
364 cursor: not-allowed;
365 opacity: 1;
366 }
367
368 select {
369 outline: none;
370 height: 27px;
371 }
372
373 /*
374 * Container style
375 */
376 .ps {
377 overflow: hidden !important;
378 overflow-anchor: none;
379 touch-action: auto;
380 }
381
382 /*
383 * Scrollbar rail styles
384 */
385 .ps__rail-y {
386 display: none;
387 opacity: 0;
388 transition: background-color 0.2s linear, opacity 0.2s linear;
389 width: 15px;
390 /* there must be 'right' or 'left' for ps__rail-y */
391 right: 0;
392 left: initial !important;
393 /* please don't change 'position' */
394 position: absolute;
395 }
396
397 .ps--active-y > .ps__rail-y {
398 display: block;
399 background-color: transparent;
400 }
401
402 .ps:hover > .ps__rail-y,
403 .ps--focus > .ps__rail-y,
404 .ps--scrolling-y > .ps__rail-y {
405 opacity: 0.6;
406 }
407
408 .ps .ps__rail-y:hover,
409 .ps .ps__rail-y:focus,
410 .ps .ps__rail-y.ps--clicking {
411 opacity: 0.9;
412 }
413
414 .ps__thumb-y {
415 background-color: #aaa;
416 border-radius: 6px;
417 transition: background-color 0.2s linear, width 0.2s ease-in-out;
418 width: 6px;
419 /* there must be 'right' for ps__thumb-y */
420 right: 2px;
421 /* please don't change 'position' */
422 position: absolute;
423 }
424
425 .ps__rail-y:hover > .ps__thumb-y,
426 .ps__rail-y:focus > .ps__thumb-y,
427 .ps__rail-y.ps--clicking .ps__thumb-y {
428 background-color: #999;
429 width: 6px;
430 }
431
432 /* Make clicks pass-through */
433 #nprogress {
434 pointer-events: none;
435 }
436
437 #nprogress .bar {
438 background: #D004D4;
439 position: fixed;
440 z-index: 1031;
441 top: 0;
442 left: 0;
443 width: 100%;
444 height: 2px;
445 }
446
447 /* Fancy blur effect */
448 #nprogress .peg {
449 display: block;
450 position: absolute;
451 right: 0;
452 width: 100px;
453 height: 100%;
454 box-shadow: 0 0 10px #D004D4, 0 0 5px #D004D4;
455 opacity: 1;
456 transform: rotate(3deg) translate(0px, -4px);
457 }
458
459 /* Remove these to get rid of the spinner */
460 #nprogress .spinner {
461 display: none;
462 position: fixed;
463 z-index: 1031;
464 top: 15px;
465 right: 15px;
466 }
467
468 #nprogress .spinner-icon {
469 width: 18px;
470 height: 18px;
471 box-sizing: border-box;
472 border: solid 2px transparent;
473 border-block-start-color: #D004D4;
474 border-inline-start-color: #D004D4;
475 border-radius: 50%;
476 animation: nprogress-spinner 400ms linear infinite;
477 }
478
479 .nprogress-custom-parent {
480 overflow: hidden;
481 position: relative;
482 }
483
484 .nprogress-custom-parent #nprogress .spinner,
485 .nprogress-custom-parent #nprogress .bar {
486 position: absolute;
487 }
488
489 @keyframes nprogress-spinner {
490 0% {
491 transform: rotate(0deg);
492 }
493 100% {
494 transform: rotate(360deg);
495 }
496 }
497 #nprogress .bar,
498 #nprogress .spinner {
499 z-index: 100000;
500 }
501
502 :root {
503 --e-is-preview-mode: 0;
504 }
505 @media (max-width: 1439px) {
506 :root {
507 --e-editor-panel-width: 280px;
508 }
509 }
510 @media (min-width: 1440px) {
511 :root {
512 --e-editor-panel-width: 300px;
513 }
514 }
515
516 .elementor-panel {
517 position: relative;
518 height: 100%;
519 margin-inline-start: calc(-1 * var(--e-editor-panel-width) * var(--e-is-preview-mode));
520 width: var(--e-editor-panel-width);
521 overflow: visible;
522 background-color: var(--e-a-bg-default);
523 z-index: 1;
524 font-family: var(--e-a-font-family);
525 font-size: 13px;
526 right: 0;
527 }
528 .elementor-panel h1,
529 .elementor-panel h2,
530 .elementor-panel h3,
531 .elementor-panel h4,
532 .elementor-panel h5,
533 .elementor-panel h6 {
534 font-size: 100%;
535 font-weight: normal;
536 }
537 .elementor-panel abbr,
538 .elementor-panel acronym {
539 border: 0;
540 font-variant: normal;
541 }
542 .elementor-panel sup {
543 vertical-align: text-top;
544 }
545 .elementor-panel sub {
546 vertical-align: text-bottom;
547 }
548 .elementor-panel img {
549 max-width: 100%;
550 height: auto;
551 border: 0;
552 }
553 .elementor-panel :focus {
554 outline: 0;
555 }
556 .elementor-panel .elementor-panel-box-content {
557 padding: 20px 20px 10px;
558 }
559 .elementor-panel .elementor-button {
560 display: inline-block;
561 }
562 .elementor-panel .elementor-panel-alert {
563 background-color: var(--e-a-bg-primary);
564 padding: 15px;
565 border-inline-start: 3px solid var(--e-a-color-primary);
566 position: relative;
567 font-size: 12px;
568 font-weight: 300;
569 font-style: italic;
570 line-height: 1.5;
571 text-align: start;
572 border-start-start-radius: 0;
573 border-start-end-radius: 3px;
574 border-end-start-radius: 0;
575 border-end-end-radius: 3px;
576 }
577 .elementor-panel .elementor-panel-alert a {
578 color: inherit;
579 }
580 .elementor-panel .elementor-panel-alert.elementor-panel-alert-info {
581 border-color: var(--e-a-color-info);
582 background: var(--e-a-bg-info);
583 }
584 .elementor-panel .elementor-panel-alert.elementor-panel-alert-success {
585 border-color: var(--e-a-color-success);
586 background: var(--e-a-bg-success);
587 }
588 .elementor-panel .elementor-panel-alert.elementor-panel-alert-warning {
589 border-inline-start: 3px solid var(--e-a-color-warning);
590 background: var(--e-a-bg-warning);
591 }
592 .elementor-panel .elementor-panel-alert.elementor-panel-alert-danger {
593 border-color: var(--e-a-color-danger);
594 background: var(--e-a-bg-danger);
595 }
596 .elementor-panel .elementor-descriptor, .elementor-panel .elementor-control-field-description {
597 font-size: 11px;
598 font-style: italic;
599 line-height: 1.4;
600 color: var(--e-a-color-txt-muted);
601 }
602 .elementor-panel .elementor-controls-popover {
603 display: none;
604 position: absolute;
605 box-shadow: var(--e-a-popover-shadow);
606 border-radius: var(--e-a-border-radius);
607 left: 0;
608 right: 0;
609 margin: -4px auto 5px;
610 padding-block-start: 15px;
611 width: 90%;
612 z-index: 10000;
613 background-color: var(--e-a-bg-default);
614 }
615 .elementor-panel .elementor-controls-popover:before {
616 content: "";
617 position: absolute;
618 top: -16px;
619 left: 22px;
620 border: 8px solid transparent;
621 border-block-end-color: var(--e-a-bg-default);
622 }
623 .elementor-panel .elementor-controls-popover div.elementor-control {
624 background-color: transparent;
625 }
626 .elementor-panel .elementor-controls-popover div.elementor-control:before {
627 content: none;
628 }
629 .elementor-panel #elementor-panel-global .elementor-nerd-box .elementor-nerd-box-icon {
630 margin-block-start: 20px;
631 }
632 .elementor-editor-preview .elementor-panel {
633 --e-is-preview-mode: 1;
634 }
635 .elementor-editor-preview .elementor-panel > .ui-resizable-e,
636 .elementor-editor-preview .elementor-panel > .ui-resizable-w {
637 display: none;
638 }
639 .elementor-panel .ps__rail-y {
640 z-index: 2;
641 }
642 .elementor-panel .elementor-responsive-panel {
643 padding: 0 15px;
644 display: grid;
645 gap: 10px;
646 grid-template-columns: repeat(auto-fill, minmax(min(135px, 50% - 5px), 1fr));
647 }
648 .elementor-panel .elementor-responsive-panel > .e-responsive-panel-stretch {
649 grid-column: 1/-1;
650 }
651 .elementor-panel #elementor-panel-header {
652 display: flex;
653 align-items: center;
654 justify-content: space-between;
655 height: 40px;
656 width: 100%;
657 background-color: var(--e-a-dark-bg);
658 color: var(--e-a-color-white);
659 }
660 .elementor-panel #elementor-panel-header > * {
661 display: flex;
662 align-items: center;
663 justify-content: center;
664 }
665 .elementor-panel .elementor-header-button {
666 width: 40px;
667 border: 0;
668 color: currentColor;
669 background-color: transparent;
670 }
671 .elementor-panel .elementor-header-button .elementor-icon {
672 cursor: pointer;
673 display: block;
674 font-size: 19px;
675 height: 40px;
676 line-height: 40px;
677 transition: var(--e-a-transition-hover);
678 }
679 .elementor-panel .elementor-header-button .elementor-icon.eicon-menu-bar {
680 font-size: 18px;
681 }
682 .elementor-panel .elementor-header-button .elementor-icon:hover, .elementor-panel .elementor-header-button .elementor-icon:focus {
683 color: var(--e-a-dark-color-txt-hover);
684 }
685 .elementor-panel #elementor-panel-header-title {
686 flex: 1;
687 font-size: 15px;
688 font-weight: 700;
689 }
690 .elementor-panel #elementor-panel-header-title img {
691 width: 90px;
692 }
693 .elementor-panel #elementor-panel-elements-categories {
694 padding-block-end: 10px;
695 }
696 .elementor-panel .elementor-panel-category {
697 position: relative;
698 border-block-end: var(--e-a-border);
699 }
700 .elementor-panel .elementor-panel-category .elementor-panel-heading {
701 padding: 0 15px;
702 border: none;
703 background-color: transparent;
704 }
705 .elementor-panel .elementor-panel-category.elementor-active .elementor-panel-heading {
706 border: none;
707 }
708 .elementor-panel .elementor-panel-category-items {
709 padding-block-end: 20px;
710 }
711 .elementor-panel .elementor-panel-category-items-empty {
712 grid-column-start: 1;
713 grid-column-end: 3;
714 }
715 .elementor-panel #elementor-panel-page-menu {
716 padding: 25px 15px;
717 }
718 .elementor-panel .elementor-panel-menu-group-title {
719 text-transform: uppercase;
720 font-size: 11px;
721 }
722 .elementor-panel .elementor-panel-menu-items {
723 border: var(--e-a-border);
724 margin: 15px 0 25px;
725 border-radius: 5px;
726 overflow: hidden;
727 }
728 .elementor-panel .elementor-panel-menu-item {
729 display: flex;
730 align-items: center;
731 width: 100%;
732 height: 40px;
733 transition: var(--e-a-transition-hover);
734 cursor: pointer;
735 }
736 .elementor-panel .elementor-panel-menu-item:not(:last-child) {
737 border-block-end: var(--e-a-border);
738 }
739 .elementor-panel .elementor-panel-menu-item:hover {
740 background-color: var(--e-a-bg-hover);
741 }
742 .elementor-panel .elementor-panel-menu-item:active {
743 background-color: var(--e-a-bg-active);
744 color: var(--e-a-color-txt-accent);
745 }
746 .elementor-panel .elementor-panel-menu-item-icon {
747 text-align: center;
748 width: 30px;
749 flex-shrink: 0;
750 padding: 10px 0;
751 margin: 0 10px;
752 font-size: 19px;
753 }
754 .elementor-panel .elementor-panel-menu-item-title {
755 display: flex;
756 flex-grow: 1;
757 font-weight: 500;
758 justify-content: space-between;
759 }
760 .elementor-panel .elementor-panel-menu-item-title-badge {
761 margin: 0 10px;
762 background: var(--e-a-color-white);
763 border-radius: var(--e-a-border-radius);
764 }
765 .elementor-panel .elementor-panel-menu-item-title > span {
766 color: var(--e-a-color-accent);
767 }
768 .elementor-panel .elementor-panel-menu-item a {
769 display: flex;
770 align-items: center;
771 color: inherit;
772 width: 100%;
773 height: 100%;
774 padding-inline-start: 10px;
775 padding: 10px 0;
776 }
777 .elementor-panel .elementor-control.elementor-control-clear_page {
778 background-color: transparent;
779 }
780 .elementor-panel .elementor-control.elementor-control-clear_page .elementor-control-raw-html {
781 display: flex;
782 align-items: center;
783 justify-content: space-between;
784 }
785 .elementor-panel .elementor-panel-navigation {
786 display: flex;
787 width: 100%;
788 border-block-end: var(--e-a-border);
789 }
790 .elementor-panel .elementor-panel-navigation .elementor-panel-navigation-tab {
791 all: unset;
792 flex: auto;
793 transition: var(--e-a-transition-hover);
794 border-block-end: 3px solid transparent;
795 cursor: pointer;
796 }
797 .elementor-panel .elementor-panel-navigation .elementor-panel-navigation-tab:hover, .elementor-panel .elementor-panel-navigation .elementor-panel-navigation-tab:focus {
798 background-color: var(--e-a-bg-hover);
799 }
800 .elementor-panel .elementor-panel-navigation .elementor-panel-navigation-tab:focus {
801 outline: 0;
802 }
803 .elementor-panel .elementor-panel-navigation .elementor-panel-navigation-tab.elementor-active {
804 border-color: var(--e-a-border-color-accent);
805 color: var(--e-a-color-txt-accent);
806 }
807 .elementor-panel .elementor-panel-navigation .elementor-panel-navigation-tab.elementor-active a,
808 .elementor-panel .elementor-panel-navigation .elementor-panel-navigation-tab.elementor-active span {
809 color: var(--e-a-color-txt-accent);
810 }
811 .elementor-panel .elementor-panel-navigation .elementor-panel-navigation-tab a,
812 .elementor-panel .elementor-panel-navigation .elementor-panel-navigation-tab span {
813 color: inherit;
814 display: block;
815 text-align: center;
816 padding: 12px 0 8px;
817 font-size: 10px;
818 }
819 .elementor-panel .elementor-panel-navigation .elementor-panel-navigation-tab a:before,
820 .elementor-panel .elementor-panel-navigation .elementor-panel-navigation-tab span:before {
821 font-family: eicons;
822 font-size: 16px;
823 display: block;
824 margin-block-end: 8px;
825 }
826 .elementor-panel .elementor-tab-control-content a:before,
827 .elementor-panel .elementor-tab-control-content span:before {
828 content: "\e92c";
829 }
830 .elementor-panel .elementor-tab-control-style a:before,
831 .elementor-panel .elementor-tab-control-style span:before {
832 content: "\e921";
833 }
834 .elementor-panel .elementor-tab-control-advanced a:before,
835 .elementor-panel .elementor-tab-control-advanced span:before,
836 .elementor-panel .elementor-tab-control-settings a:before,
837 .elementor-panel .elementor-tab-control-settings span:before,
838 .elementor-panel .elementor-tab-control-general_style a:before,
839 .elementor-panel .elementor-tab-control-general_style span:before {
840 content: "\e916";
841 }
842 .elementor-panel .elementor-tab-control-responsive a:before,
843 .elementor-panel .elementor-tab-control-responsive span:before {
844 content: "\e885";
845 }
846 .elementor-panel .elementor-tab-control-lightbox a:before,
847 .elementor-panel .elementor-tab-control-lightbox span:before {
848 content: "\e922";
849 }
850 .elementor-panel .elementor-tab-control-layout a:before,
851 .elementor-panel .elementor-tab-control-layout span:before,
852 .elementor-panel .elementor-tab-control-column a:before,
853 .elementor-panel .elementor-tab-control-column span:before {
854 content: "\e899";
855 }
856 .elementor-panel #elementor-panel__editor__help {
857 padding: 50px 25px;
858 display: flex;
859 align-items: center;
860 justify-content: center;
861 }
862 .elementor-panel #elementor-panel__editor__help__link {
863 display: inline-flex;
864 align-items: center;
865 justify-content: center;
866 font-size: 85%;
867 line-height: 2;
868 padding-inline-start: 5px;
869 color: inherit;
870 font-weight: 500;
871 transition: var(--e-a-transition-hover);
872 }
873 .elementor-panel #elementor-panel__editor__help__link:hover, .elementor-panel #elementor-panel__editor__help__link:focus {
874 color: var(--e-a-color-info);
875 }
876 .elementor-panel #elementor-panel__editor__help__link i {
877 padding: 0 5px;
878 font-size: 125%;
879 position: relative;
880 }
881 .elementor-panel #elementor-panel__editor__help__link i:after {
882 content: "";
883 position: absolute;
884 height: 13px;
885 width: 13px;
886 top: 3px;
887 bottom: 0;
888 right: 8px;
889 left: 0;
890 border-radius: 50%;
891 z-index: -1;
892 }
893 .elementor-panel #elementor-panel-footer {
894 position: relative;
895 height: 40px;
896 background-color: var(--e-a-dark-bg);
897 color: var(--e-a-dark-color-txt);
898 }
899 .elementor-panel #elementor-panel-footer-tools {
900 display: flex;
901 justify-content: space-between;
902 height: 100%;
903 }
904 .elementor-panel .elementor-panel-footer-tool {
905 display: flex;
906 align-items: center;
907 justify-content: center;
908 width: 15%;
909 cursor: pointer;
910 transition: var(--e-a-transition-hover);
911 border: 0;
912 color: currentColor;
913 background-color: transparent;
914 }
915 .elementor-panel .elementor-panel-footer-tool i {
916 font-size: 15px;
917 }
918 .elementor-panel .elementor-panel-footer-tool #elementor-panel-saver-button-save-options i.eicon-chevron-right {
919 margin: auto;
920 transform: rotate(270deg);
921 }
922 .elementor-panel .elementor-panel-footer-tool #elementor-panel-saver-button-save-options.elementor-disabled {
923 cursor: inherit;
924 }
925 .elementor-panel .elementor-panel-footer-tool:not(.e-open):hover, .elementor-panel .elementor-panel-footer-tool:not(.e-open):focus {
926 color: var(--e-a-dark-color-txt-hover);
927 }
928 .elementor-panel .elementor-panel-footer-tool:not(.e-open) .elementor-panel-footer-sub-menu-wrapper {
929 display: none;
930 }
931 .elementor-panel #elementor-panel-footer-saver-publish {
932 width: 30%;
933 margin-inline-start: auto;
934 }
935 .elementor-panel #elementor-panel-footer-saver-publish .elementor-button-state i {
936 margin-inline-end: 0;
937 }
938 .elementor-panel #elementor-panel-footer-saver-publish .elementor-button-state #elementor-panel-saver-button-publish-label {
939 display: none;
940 }
941 .elementor-panel #elementor-panel-footer-saver-options {
942 width: 10%;
943 }
944 .elementor-panel #elementor-panel-footer-saver-options .elementor-last-edited-wrapper {
945 font-size: 11px;
946 font-style: italic;
947 padding: 5px 0 15px;
948 }
949 .elementor-panel #elementor-panel-footer-saver-options .elementor-last-edited-wrapper:not(.elementor-state-active) .elementor-state-icon {
950 display: none;
951 }
952 .elementor-panel #elementor-panel-footer-saver-options .elementor-last-edited-wrapper time {
953 border-block-end: 1px dotted transparent;
954 transition: all ease-in-out 0.3s;
955 cursor: pointer;
956 }
957 .elementor-panel #elementor-panel-footer-saver-options .elementor-last-edited-wrapper time:hover {
958 border-block-end-color: inherit;
959 }
960 .elementor-panel #elementor-panel-footer-saver-options.e-open i.eicon-chevron-right {
961 transform: rotate(90deg);
962 }
963 .elementor-panel #elementor-panel-saver-button-publish, .elementor-panel #elementor-panel-saver-button-save-options {
964 padding: 0;
965 font-size: 11px;
966 height: 100%;
967 width: 100%;
968 border-radius: 0;
969 }
970 .elementor-panel #elementor-panel-saver-button-publish.elementor-disabled, .elementor-panel #elementor-panel-saver-button-save-options.elementor-disabled {
971 background-color: #1f2124;
972 color: #9DA5AE;
973 }
974 .elementor-panel #elementor-panel-saver-button-publish:not(.elementor-disabled) {
975 border-inline-end: 1px solid #F0ABFC;
976 }
977 .elementor-panel #elementor-panel-saver-button-publish.elementor-disabled {
978 border-inline-end: 1px solid #3f444b;
979 }
980 .elementor-panel .elementor-panel-footer-sub-menu-wrapper {
981 position: absolute;
982 bottom: 100%;
983 left: 0;
984 width: 100%;
985 background-color: #1f2124;
986 padding: 10px;
987 box-shadow: -2px -5px 8px rgba(0, 0, 0, 0.1);
988 cursor: default;
989 z-index: 10000;
990 }
991 .elementor-panel .elementor-panel-footer-sub-menu {
992 border-radius: var(--e-border-radius);
993 overflow: hidden;
994 border: 1px solid #3f444b;
995 }
996 .elementor-panel .elementor-panel-footer-sub-menu-item {
997 display: flex;
998 height: 40px;
999 color: #D5D8DC;
1000 align-items: center;
1001 -moz-column-gap: 10px;
1002 column-gap: 10px;
1003 padding: 0 20px;
1004 transition: var(--e-a-transition-hover);
1005 cursor: pointer;
1006 }
1007 .elementor-panel .elementor-panel-footer-sub-menu-item.elementor-disabled {
1008 cursor: default;
1009 color: #69727D;
1010 }
1011 .elementor-panel .elementor-panel-footer-sub-menu-item:not(:last-child) {
1012 border-block-end: 1px solid #3f444b;
1013 }
1014 .elementor-panel .elementor-panel-footer-sub-menu-item:hover {
1015 background-color: rgba(255, 255, 255, 0.1);
1016 }
1017 .elementor-panel .elementor-panel-footer-sub-menu-item.active {
1018 background-color: rgba(255, 255, 255, 0.2);
1019 }
1020
1021 #elementor-panel-elements-navigation .elementor-panel-navigation-tab {
1022 text-align: center;
1023 padding: 10px 0;
1024 font-size: 12px;
1025 cursor: pointer;
1026 }
1027
1028 #elementor-panel-elements {
1029 overflow: hidden;
1030 }
1031
1032 #elementor-panel-state-loading {
1033 display: none;
1034 }
1035 body.elementor-panel-loading #elementor-panel-state-loading {
1036 position: absolute;
1037 top: 0;
1038 left: 0;
1039 height: 100%;
1040 width: 100%;
1041 display: flex;
1042 align-items: center;
1043 justify-content: center;
1044 background-color: rgba(255, 255, 255, 0.5);
1045 z-index: 2;
1046 }
1047 #elementor-panel-state-loading .eicon-loading {
1048 font-size: 25px;
1049 color: var(--e-a-color-txt-accent);
1050 }
1051
1052 #elementor-panel-elements-search-area {
1053 background-color: var(--e-a-bg-default);
1054 position: sticky;
1055 top: 0;
1056 padding: 15px;
1057 z-index: 1;
1058 }
1059
1060 #elementor-panel-elements-search-wrapper {
1061 position: relative;
1062 }
1063
1064 #elementor-panel-elements-search-input {
1065 font-size: 11px;
1066 padding-block: 10px;
1067 padding-inline: 29px 10px;
1068 font-style: italic;
1069 border: var(--e-a-border-bold);
1070 border-radius: 0;
1071 transition: all 1s;
1072 -webkit-appearance: none;
1073 -moz-appearance: none;
1074 appearance: none;
1075 }
1076 #elementor-panel-elements-search-input + i {
1077 position: absolute;
1078 right: 10px;
1079 top: 50%;
1080 color: var(--e-a-color-txt-disabled);
1081 transform: translateY(-50%);
1082 }
1083 #elementor-panel-elements-search-input:focus {
1084 border-color: var(--e-a-border-color-focus);
1085 padding-inline-end: 15px;
1086 }
1087
1088 .elementor-panel .elementor-element {
1089 text-align: center;
1090 border: var(--e-a-border-bold);
1091 border-radius: 3px;
1092 cursor: move;
1093 position: relative;
1094 transition: var(--e-a-transition-hover);
1095 }
1096 .elementor-panel .elementor-element--promotion .elementor-element {
1097 cursor: pointer;
1098 -webkit-user-select: none;
1099 -moz-user-select: none;
1100 user-select: none;
1101 }
1102 .elementor-panel .elementor-element:hover {
1103 background-color: var(--e-a-bg-hover);
1104 border-color: var(--e-a-border-color-bold);
1105 }
1106 .elementor-panel .elementor-element:hover > .eicon-lock {
1107 color: var(--e-a-color-accent);
1108 }
1109 .elementor-panel .elementor-element .icon {
1110 font-size: 28px;
1111 padding-block-start: 15px;
1112 }
1113 .elementor-panel .elementor-element .title-wrapper {
1114 display: flex;
1115 height: 40px;
1116 align-items: center;
1117 justify-content: center;
1118 }
1119 .elementor-panel .elementor-element .title {
1120 font-size: 12px;
1121 }
1122 .elementor-panel .elementor-element > .eicon-lock {
1123 position: absolute;
1124 top: 5px;
1125 left: 5px;
1126 color: var(--e-a-color-txt-disabled);
1127 }
1128 .elementor-panel .elementor-element:active {
1129 background-color: var(--e-a-bg-hover);
1130 border-color: var(--e-a-border-color-accent);
1131 color: var(--e-a-color-txt-accent);
1132 }
1133
1134 #elementor-element--promotion__dialog {
1135 position: absolute;
1136 width: 300px;
1137 z-index: 1;
1138 background-color: var(--e-a-bg-default);
1139 box-shadow: var(--e-a-popover-shadow);
1140 border-radius: var(--e-a-border-radius);
1141 }
1142 #elementor-element--promotion__dialog:after {
1143 content: "";
1144 position: absolute;
1145 top: 15px;
1146 left: 100%;
1147 transform: scaleY(0.7);
1148 border: 10px solid transparent;
1149 border-inline-end-color: var(--e-a-bg-default);
1150 }
1151 #elementor-element--promotion__dialog__title {
1152 font-size: 14px;
1153 }
1154 #elementor-element--promotion__dialog .dialog-header {
1155 display: flex;
1156 padding: 20px;
1157 border-block-end: var(--e-a-border);
1158 font-weight: 500;
1159 }
1160 #elementor-element--promotion__dialog .dialog-header .eicon-pro-icon {
1161 flex-grow: 1;
1162 margin-inline-start: 10px;
1163 font-size: 14px;
1164 color: var(--e-a-color-accent);
1165 }
1166 #elementor-element--promotion__dialog .dialog-header .eicon-close {
1167 cursor: pointer;
1168 color: var(--e-a-color-txt-disabled);
1169 }
1170 #elementor-element--promotion__dialog .dialog-header .eicon-close:hover {
1171 color: var(--e-a-color-txt-muted);
1172 }
1173 #elementor-element--promotion__dialog .dialog-message {
1174 padding: 20px;
1175 }
1176 #elementor-element--promotion__dialog .dialog-buttons-wrapper {
1177 padding: 0 20px 20px;
1178 }
1179 #elementor-element--promotion__dialog .dialog-button {
1180 padding: 7px 25px;
1181 font-size: 12px;
1182 }
1183
1184 .dialog-tooltip-widget {
1185 position: absolute;
1186 width: 300px;
1187 z-index: 1;
1188 background-color: #ffffff;
1189 box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
1190 border-radius: 3px;
1191 }
1192 .dialog-tooltip-widget:after {
1193 content: "";
1194 position: absolute;
1195 top: 15px;
1196 left: 100%;
1197 transform: scaleY(0.7);
1198 border: 10px solid transparent;
1199 border-inline-end-color: #ffffff;
1200 }
1201 .dialog-tooltip-widget__title {
1202 font-size: 14px;
1203 }
1204 .dialog-tooltip-widget .dialog-tooltip-header {
1205 display: flex;
1206 padding: 20px 20px 0;
1207 color: #0C0D0E;
1208 border-block-end: 1px solid #ffffff;
1209 font-weight: 500;
1210 }
1211 .dialog-tooltip-widget .dialog-tooltip-header .eicon-pro-icon {
1212 flex-grow: 1;
1213 margin-inline-start: 10px;
1214 font-size: 14px;
1215 color: #93003f;
1216 }
1217 .dialog-tooltip-widget .dialog-tooltip-header .eicon-close {
1218 cursor: pointer;
1219 margin-inline-start: auto;
1220 color: #9DA5AE;
1221 }
1222 .dialog-tooltip-widget .dialog-tooltip-message {
1223 padding: 20px;
1224 }
1225 .dialog-tooltip-widget .dialog-tooltip-buttons-wrapper {
1226 padding: 0 20px 20px 20px;
1227 text-align: end;
1228 }
1229 .dialog-tooltip-widget .dialog-tooltip-button {
1230 padding: 7px 25px;
1231 font-size: 12px;
1232 }
1233 .dialog-tooltip-widget .dialog-tooltip-button::-moz-focus-inner {
1234 border: 0;
1235 }
1236
1237 #elementor-panel-inner {
1238 position: relative;
1239 height: 100%;
1240 display: flex;
1241 flex-direction: column;
1242 box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
1243 }
1244
1245 #elementor-panel-content-wrapper {
1246 position: relative;
1247 width: 100%;
1248 flex: 1;
1249 }
1250
1251 .elementor-panel-container {
1252 clear: both;
1253 padding-inline-start: 15px;
1254 padding-inline-end: 15px;
1255 }
1256
1257 #elementor-panel-get-pro-elements .elementor-nerd-box-message {
1258 margin-block-start: 10px;
1259 }
1260 #elementor-panel-get-pro-elements .elementor-nerd-box-icon {
1261 margin-block-start: 20px;
1262 }
1263
1264 #elementor-panel-notice-wrapper .elementor-panel-notice {
1265 width: 90%;
1266 margin: 0 auto;
1267 font-style: unset;
1268 margin-block-end: 15px;
1269 }
1270 #elementor-panel-notice-wrapper .elementor-panel-notice a {
1271 font-weight: bold;
1272 font-style: italic;
1273 border-block-end: 2px dotted var(--e-a-color-info);
1274 display: inline-block;
1275 }
1276
1277 body.e-has-notification:not(.e-route-panel-menu) #elementor-panel-header-menu-button,
1278 body.e-has-notification .elementor-panel-menu-item.elementor-panel-menu-item-notification-center .elementor-panel-menu-item-icon {
1279 position: relative;
1280 }
1281 body.e-has-notification:not(.e-route-panel-menu) #elementor-panel-header-menu-button:after,
1282 body.e-has-notification .elementor-panel-menu-item.elementor-panel-menu-item-notification-center .elementor-panel-menu-item-icon:after {
1283 position: absolute;
1284 content: "";
1285 display: block;
1286 background: var(--e-a-color-primary);
1287 border-radius: 50%;
1288 width: 8px;
1289 height: 8px;
1290 top: 5px;
1291 right: 5px;
1292 }
1293
1294 .media-modal.wp-core-ui {
1295 color-scheme: light;
1296 color: #515962;
1297 }
1298 .media-modal.wp-core-ui select {
1299 width: initial;
1300 padding-inline: 8px;
1301 }
1302 .media-modal.wp-core-ui fieldset {
1303 padding: 0;
1304 border: 0;
1305 }
1306
1307 .elementor-control {
1308 --control-title-size: 12px;
1309 position: relative;
1310 padding: 0 20px 15px;
1311 }
1312 .elementor-control a {
1313 font-weight: 500;
1314 text-decoration: none;
1315 border-block-end: 1px dotted transparent;
1316 transition: all ease-in-out 0.3s;
1317 }
1318 .elementor-control a:hover {
1319 border-block-end-color: inherit;
1320 }
1321 .elementor-control .elementor-control-content {
1322 display: flex;
1323 flex-direction: column;
1324 }
1325 .elementor-control .elementor-control-title {
1326 font-size: var(--control-title-size);
1327 line-height: 1;
1328 margin-inline-end: 5px;
1329 }
1330 .elementor-control .elementor-control-spinner {
1331 display: flex;
1332 align-items: center;
1333 }
1334 .elementor-control.elementor-control-type-divider {
1335 padding: 0;
1336 }
1337 .elementor-control.elementor-control-type-divider .elementor-control-content {
1338 border-width: 0;
1339 border-block-start: var(--e-a-border);
1340 background-color: var(--e-a-bg-default);
1341 height: 15px;
1342 }
1343 .elementor-control.elementor-control-separator-before {
1344 padding-block-start: 15px;
1345 }
1346 .elementor-control.elementor-control-separator-before:before {
1347 content: "";
1348 position: absolute;
1349 height: 1px;
1350 width: calc(100% - 40px);
1351 top: 0;
1352 right: 20px;
1353 background-color: var(--e-a-border-color);
1354 }
1355 .elementor-control.elementor-control-separator-after:after {
1356 content: "";
1357 position: absolute;
1358 height: 1px;
1359 width: calc(100% - 40px);
1360 bottom: 0;
1361 right: 20px;
1362 background-color: var(--e-a-border-color);
1363 }
1364 .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 {
1365 padding-block-start: 15px;
1366 }
1367 .elementor-control.elementor-control-deprecated {
1368 color: var(--e-a-color-warning);
1369 }
1370 .elementor-control.elementor-control-deprecated .elementor-control-field-description {
1371 color: var(--e-a-color-warning);
1372 }
1373 .elementor-control.elementor-control-hidden-label > * > .elementor-control-title, .elementor-control.elementor-control-hidden-label > * > * > .elementor-control-title {
1374 display: none;
1375 }
1376 .elementor-control.elementor-hidden-control {
1377 display: none;
1378 }
1379 .elementor-control.elementor-control-type-heading .elementor-control-title {
1380 font-weight: bold;
1381 margin: 0;
1382 }
1383 body:not(.elementor-device-widescreen) .elementor-control.elementor-control-responsive-widescreen {
1384 display: none;
1385 }
1386 body:not(.elementor-device-desktop) .elementor-control.elementor-control-responsive-desktop {
1387 display: none;
1388 }
1389 body:not(.elementor-device-laptop) .elementor-control.elementor-control-responsive-laptop {
1390 display: none;
1391 }
1392 body:not(.elementor-device-tablet_extra) .elementor-control.elementor-control-responsive-tablet_extra {
1393 display: none;
1394 }
1395 body:not(.elementor-device-tablet) .elementor-control.elementor-control-responsive-tablet {
1396 display: none;
1397 }
1398 body:not(.elementor-device-mobile_extra) .elementor-control.elementor-control-responsive-mobile_extra {
1399 display: none;
1400 }
1401 body:not(.elementor-device-mobile) .elementor-control.elementor-control-responsive-mobile {
1402 display: none;
1403 }
1404 .elementor-control-custom_css_pro .elementor-nerd-box-message, .elementor-control-custom_attributes_pro .elementor-nerd-box-message {
1405 margin-block-start: 5px;
1406 }
1407
1408 .elementor-control.e-open .elementor-panel-heading-toggle .eicon:before, .elementor-control.elementor-active .elementor-panel-heading-toggle .eicon:before,
1409 .elementor-panel-category.e-open .elementor-panel-heading-toggle .eicon:before,
1410 .elementor-panel-category.elementor-active .elementor-panel-heading-toggle .eicon:before,
1411 .elementor-panel-scheme-item.e-open .elementor-panel-heading-toggle .eicon:before,
1412 .elementor-panel-scheme-item.elementor-active .elementor-panel-heading-toggle .eicon:before {
1413 content: "\e92a";
1414 }
1415 .elementor-control:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle .eicon:before,
1416 .elementor-panel-category:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle .eicon:before,
1417 .elementor-panel-scheme-item:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle .eicon:before {
1418 content: "\e909";
1419 }
1420
1421 .elementor-panel-heading {
1422 display: flex;
1423 align-items: center;
1424 gap: 5px;
1425 height: 48px;
1426 padding-inline: 20px;
1427 width: 100%;
1428 border-block-start: var(--e-a-border);
1429 border-block-start-width: 2px;
1430 color: var(--e-a-color-txt-accent);
1431 cursor: pointer;
1432 }
1433 .elementor-panel-heading-toggle {
1434 width: 10px;
1435 display: flex;
1436 flex-direction: column;
1437 align-items: center;
1438 }
1439 .elementor-panel-heading-title {
1440 font-weight: bold;
1441 }
1442
1443 #elementor-controls .elementor-control-type-section:first-child .elementor-panel-heading {
1444 border-block-start: none;
1445 }
1446
1447 .elementor-control-field {
1448 display: flex;
1449 align-items: center;
1450 }
1451
1452 .elementor-label-block > .elementor-control-content > .elementor-control-field {
1453 flex-wrap: wrap;
1454 }
1455 .elementor-label-block > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
1456 width: 100%;
1457 max-width: 100%;
1458 margin-block-start: 10px;
1459 }
1460 .elementor-label-block > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper > .elementor-choices label {
1461 width: auto;
1462 flex: 1 1 27px;
1463 display: flex;
1464 align-items: center;
1465 justify-content: center;
1466 }
1467 .elementor-label-block.elementor-control-hidden-label:not(.elementor-control-dynamic) > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
1468 margin-block-start: 0;
1469 }
1470 .elementor-label-block.elementor-control-hidden-label.elementor-label-block > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
1471 margin-block-start: 0;
1472 }
1473
1474 .elementor-label-inline > .elementor-control-content > .elementor-control-field > .elementor-control-title {
1475 flex-shrink: 0;
1476 max-width: 60%;
1477 }
1478 .elementor-label-inline > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
1479 margin-inline-start: auto;
1480 }
1481
1482 .elementor-control-field-description {
1483 margin-block-start: 10px;
1484 }
1485
1486 .elementor-group-control-attachment_alert .elementor-control-field-description {
1487 margin-block-start: 0;
1488 }
1489
1490 .elementor-control-start-end .eicon-h-align-left,
1491 .elementor-control-start-end .eicon-h-align-right {
1492 transform: rotate(180deg);
1493 }
1494
1495 .elementor-update-preview {
1496 margin: 15px 15px 0;
1497 display: flex;
1498 align-items: center;
1499 }
1500
1501 .elementor-update-preview-button-wrapper {
1502 flex-grow: 1;
1503 text-align: end;
1504 }
1505
1506 .elementor-update-preview-button {
1507 padding: 8px 15px;
1508 }
1509
1510 .elementor-control-direction-ltr input,
1511 .elementor-control-direction-ltr textarea {
1512 direction: ltr;
1513 }
1514 .elementor-control-direction-rtl input,
1515 .elementor-control-direction-rtl textarea {
1516 direction: rtl;
1517 }
1518
1519 .elementor-control-responsive-switchers {
1520 --selected-option: 0;
1521 --pointer-position: var(--selected-option);
1522 position: relative;
1523 width: 2.5em;
1524 height: 2.5em;
1525 margin: calc(-2.5em + 12px) 0;
1526 margin-inline-end: 5px;
1527 }
1528 .elementor-control-responsive-switchers__holder {
1529 position: absolute;
1530 width: 100%;
1531 top: 0;
1532 background-color: var(--e-a-bg-default);
1533 border-radius: var(--e-a-border-radius);
1534 transition: 0.15s;
1535 border: 1px solid transparent;
1536 }
1537 .elementor-control-responsive-switchers.elementor-responsive-switchers-open {
1538 z-index: 11000;
1539 }
1540 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher {
1541 height: 2.5em;
1542 transform: scale(1);
1543 opacity: 1;
1544 }
1545 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher:hover {
1546 color: var(--e-a-color-primary-bold);
1547 }
1548 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-control-responsive-switchers__holder {
1549 box-shadow: var(--e-a-dropdown-shadow);
1550 }
1551
1552 .elementor-responsive-switcher {
1553 all: unset;
1554 display: flex;
1555 align-items: center;
1556 justify-content: center;
1557 position: relative;
1558 z-index: 2;
1559 cursor: pointer;
1560 height: 0;
1561 width: 100%;
1562 transform: scale(0);
1563 opacity: 0;
1564 transition: 0.15s;
1565 font-size: 12px;
1566 color: inherit;
1567 }
1568 .elementor-responsive-switcher:hover {
1569 color: var(--e-a-color-primary-bold);
1570 }
1571
1572 .elementor-device-widescreen .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
1573 height: 2.5em;
1574 transform: scale(1);
1575 opacity: 1;
1576 }
1577 .elementor-device-widescreen .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
1578 color: var(--e-a-color-primary-bold);
1579 }
1580
1581 .elementor-device-desktop .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
1582 height: 2.5em;
1583 transform: scale(1);
1584 opacity: 1;
1585 }
1586 .elementor-device-desktop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
1587 color: var(--e-a-color-primary-bold);
1588 }
1589
1590 .elementor-device-laptop .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1591 height: 2.5em;
1592 transform: scale(1);
1593 opacity: 1;
1594 }
1595 .elementor-device-laptop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1596 color: var(--e-a-color-primary-bold);
1597 }
1598
1599 .elementor-device-tablet_extra .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1600 height: 2.5em;
1601 transform: scale(1);
1602 opacity: 1;
1603 }
1604 .elementor-device-tablet_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1605 color: var(--e-a-color-primary-bold);
1606 }
1607
1608 .elementor-device-tablet .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1609 height: 2.5em;
1610 transform: scale(1);
1611 opacity: 1;
1612 }
1613 .elementor-device-tablet .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1614 color: var(--e-a-color-primary-bold);
1615 }
1616
1617 .elementor-device-mobile_extra .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1618 height: 2.5em;
1619 transform: scale(1);
1620 opacity: 1;
1621 }
1622 .elementor-device-mobile_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1623 color: var(--e-a-color-primary-bold);
1624 }
1625
1626 .elementor-device-mobile .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1627 height: 2.5em;
1628 transform: scale(1);
1629 opacity: 1;
1630 }
1631 .elementor-device-mobile .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1632 color: var(--e-a-color-primary-bold);
1633 }
1634
1635 .e-units-wrapper {
1636 position: relative;
1637 margin-inline-start: auto;
1638 }
1639 .e-units-wrapper .e-units-switcher {
1640 cursor: pointer;
1641 font-size: 10px;
1642 padding: 0.5em;
1643 margin: -0.5em 0;
1644 transition: all ease-in-out 0.15s;
1645 }
1646 .e-units-wrapper .e-units-switcher:hover {
1647 color: var(--e-a-color-primary-bold);
1648 background-color: var(--e-a-bg-hover);
1649 border-radius: var(--e-a-border-radius);
1650 }
1651 .e-units-wrapper .e-units-switcher:not([data-selected=custom]) i.eicon-edit {
1652 display: none;
1653 }
1654 .e-units-wrapper .e-units-switcher[data-selected=custom] span {
1655 display: none;
1656 }
1657 .e-units-wrapper .e-units-switcher i.eicon-angle-right {
1658 transform: rotate(90deg);
1659 }
1660
1661 .e-units-choices input {
1662 display: none;
1663 }
1664 .e-units-choices input:checked + label {
1665 color: var(--e-a-color-primary-bold);
1666 }
1667 .e-units-choices label {
1668 cursor: pointer;
1669 display: block;
1670 }
1671 .e-units-choices {
1672 display: none;
1673 overflow: hidden;
1674 max-height: 0;
1675 position: absolute;
1676 top: -0.8em;
1677 right: -0.5em;
1678 width: 2.5em;
1679 text-align: center;
1680 background-color: var(--e-a-bg-default);
1681 border-radius: var(--e-a-border-radius);
1682 box-shadow: var(--e-a-dropdown-shadow);
1683 animation-timing-function: linear;
1684 animation-delay: 0s;
1685 animation-fill-mode: forwards;
1686 z-index: 11000;
1687 }
1688 .e-units-choices .elementor-units-choices-label {
1689 display: flex;
1690 align-items: center;
1691 height: 3em;
1692 justify-content: center;
1693 font-size: 10px;
1694 transition: 0.15s;
1695 }
1696 .e-units-choices .elementor-units-choices-label:hover {
1697 color: var(--e-a-color-primary-bold);
1698 }
1699 .e-units-choices .elementor-units-choices-label:not([data-choose=custom]) i {
1700 display: none;
1701 }
1702 .e-units-choices .elementor-units-choices-label[data-choose=custom] span {
1703 display: none;
1704 }
1705 .e-units-choices.e-units-choices-open {
1706 display: block;
1707 animation-duration: 1s;
1708 animation-name: e-units-choices-open;
1709 }
1710
1711 .e-units-custom input {
1712 font-family: monospace;
1713 font-size: 0.85em;
1714 }
1715
1716 @keyframes e-units-choices-open {
1717 from {
1718 max-height: 0;
1719 }
1720 to {
1721 max-height: 100vh;
1722 }
1723 }
1724 .elementor-control-alert {
1725 display: flex;
1726 flex-direction: column;
1727 justify-content: start;
1728 align-items: start;
1729 gap: 8px;
1730 }
1731 .elementor-control-alert-heading {
1732 font-weight: bold;
1733 }
1734
1735 .elementor-control-type-button .elementor-control-input-wrapper {
1736 text-align: end;
1737 }
1738 .elementor-control-type-button .elementor-button {
1739 width: auto;
1740 }
1741 .elementor-control-type-button .elementor-button.elementor-button-center {
1742 display: block;
1743 margin: 0 auto;
1744 }
1745
1746 .elementor-control-type-choose.elementor-label-block .elementor-choices {
1747 width: 100%;
1748 }
1749
1750 .elementor-choices {
1751 display: flex;
1752 height: 27px;
1753 line-height: 27px;
1754 text-align: center;
1755 border-spacing: 1px;
1756 border-radius: var(--e-a-border-radius);
1757 overflow: hidden;
1758 }
1759 .elementor-choices .elementor-choices-label {
1760 border-block-start: var(--e-a-border-bold);
1761 border-block-end: var(--e-a-border-bold);
1762 border-inline-start: var(--e-a-border-bold);
1763 border-inline-end: none;
1764 font-size: 12px;
1765 transition: var(--e-a-transition-hover);
1766 cursor: pointer;
1767 overflow: hidden;
1768 }
1769 .elementor-choices .elementor-choices-label:nth-child(2) {
1770 border-start-start-radius: var(--e-a-border-radius);
1771 border-end-start-radius: var(--e-a-border-radius);
1772 }
1773 .elementor-choices .elementor-choices-label:last-child {
1774 border-inline-end: var(--e-a-border-bold);
1775 border-start-end-radius: var(--e-a-border-radius);
1776 border-end-end-radius: var(--e-a-border-radius);
1777 }
1778 .elementor-choices input {
1779 display: none;
1780 }
1781 .elementor-choices input:hover + .elementor-choices-label {
1782 background-color: var(--e-a-bg-hover);
1783 }
1784 .elementor-choices input.e-choose-placeholder + .elementor-choices-label, .elementor-choices input:checked + .elementor-choices-label {
1785 background-color: var(--e-a-bg-active-bold);
1786 color: var(--e-a-color-txt-accent);
1787 }
1788
1789 .elementor-label-inline .elementor-choices {
1790 justify-content: flex-end;
1791 }
1792
1793 .elementor-control-type-color.e-control-global .pickr {
1794 border-start-start-radius: 0;
1795 border-start-end-radius: var(--e-a-border-radius);
1796 border-end-start-radius: 0;
1797 border-end-end-radius: var(--e-a-border-radius);
1798 flex-shrink: 0;
1799 border-color: var(--e-a-border-color-bold);
1800 transition: var(--e-a-transition-hover);
1801 }
1802 .elementor-control-type-color.e-control-global .pickr:hover {
1803 background-color: var(--e-a-bg-hover);
1804 }
1805 .elementor-control-type-color.e-control-global .e-global__popover-toggle:not(.e-global__popover-toggle--active) ~ .pickr {
1806 background-color: var(--e-a-bg-active-bold);
1807 }
1808 .elementor-control-type-color .elementor-control-title {
1809 flex-grow: 1;
1810 }
1811 .elementor-control-type-color .elementor-control-input-wrapper {
1812 display: flex;
1813 justify-content: flex-end;
1814 }
1815
1816 .elementor-group-control-css-filter .elementor-slider {
1817 height: 6px;
1818 box-shadow: 0 0 1px 1px inset rgba(0, 0, 0, 0.2);
1819 }
1820 .elementor-group-control-css-filter .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
1821 margin-block-start: 0;
1822 margin-block-end: 5px;
1823 }
1824
1825 .elementor-group-control-blur .elementor-slider {
1826 background: url("../images/blur.png");
1827 background-size: cover;
1828 background-position: center;
1829 }
1830
1831 .elementor-group-control-contrast .elementor-slider {
1832 background: url("../images/contrast.png");
1833 background-size: 100% 100%;
1834 }
1835
1836 .elementor-group-control-hue .elementor-slider {
1837 background-image: linear-gradient(to right, red, orange, yellow, greenyellow, limegreen, deepskyblue, blue, darkviolet 95%);
1838 }
1839
1840 .elementor-group-control-saturate .elementor-slider {
1841 background-image: linear-gradient(to right, gray, red);
1842 }
1843
1844 .elementor-group-control-brightness .elementor-slider {
1845 background-image: linear-gradient(to right, black, white);
1846 }
1847
1848 .elementor-control-responsive-switchers {
1849 --selected-option: 0;
1850 --pointer-position: var(--selected-option);
1851 position: relative;
1852 width: 2.5em;
1853 height: 2.5em;
1854 margin: calc(-2.5em + 12px) 0;
1855 margin-inline-end: 5px;
1856 }
1857 .elementor-control-responsive-switchers__holder {
1858 position: absolute;
1859 width: 100%;
1860 top: 0;
1861 background-color: var(--e-a-bg-default);
1862 border-radius: var(--e-a-border-radius);
1863 transition: 0.15s;
1864 border: 1px solid transparent;
1865 }
1866 .elementor-control-responsive-switchers.elementor-responsive-switchers-open {
1867 z-index: 11000;
1868 }
1869 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher {
1870 height: 2.5em;
1871 transform: scale(1);
1872 opacity: 1;
1873 }
1874 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher:hover {
1875 color: var(--e-a-color-primary-bold);
1876 }
1877 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-control-responsive-switchers__holder {
1878 box-shadow: var(--e-a-dropdown-shadow);
1879 }
1880
1881 .elementor-responsive-switcher {
1882 all: unset;
1883 display: flex;
1884 align-items: center;
1885 justify-content: center;
1886 position: relative;
1887 z-index: 2;
1888 cursor: pointer;
1889 height: 0;
1890 width: 100%;
1891 transform: scale(0);
1892 opacity: 0;
1893 transition: 0.15s;
1894 font-size: 12px;
1895 color: inherit;
1896 }
1897 .elementor-responsive-switcher:hover {
1898 color: var(--e-a-color-primary-bold);
1899 }
1900
1901 .elementor-device-widescreen .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
1902 height: 2.5em;
1903 transform: scale(1);
1904 opacity: 1;
1905 }
1906 .elementor-device-widescreen .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
1907 color: var(--e-a-color-primary-bold);
1908 }
1909
1910 .elementor-device-desktop .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
1911 height: 2.5em;
1912 transform: scale(1);
1913 opacity: 1;
1914 }
1915 .elementor-device-desktop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
1916 color: var(--e-a-color-primary-bold);
1917 }
1918
1919 .elementor-device-laptop .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1920 height: 2.5em;
1921 transform: scale(1);
1922 opacity: 1;
1923 }
1924 .elementor-device-laptop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1925 color: var(--e-a-color-primary-bold);
1926 }
1927
1928 .elementor-device-tablet_extra .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1929 height: 2.5em;
1930 transform: scale(1);
1931 opacity: 1;
1932 }
1933 .elementor-device-tablet_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1934 color: var(--e-a-color-primary-bold);
1935 }
1936
1937 .elementor-device-tablet .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1938 height: 2.5em;
1939 transform: scale(1);
1940 opacity: 1;
1941 }
1942 .elementor-device-tablet .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1943 color: var(--e-a-color-primary-bold);
1944 }
1945
1946 .elementor-device-mobile_extra .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1947 height: 2.5em;
1948 transform: scale(1);
1949 opacity: 1;
1950 }
1951 .elementor-device-mobile_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1952 color: var(--e-a-color-primary-bold);
1953 }
1954
1955 .elementor-device-mobile .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1956 height: 2.5em;
1957 transform: scale(1);
1958 opacity: 1;
1959 }
1960 .elementor-device-mobile .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1961 color: var(--e-a-color-primary-bold);
1962 }
1963
1964 .e-units-wrapper {
1965 position: relative;
1966 margin-inline-start: auto;
1967 }
1968 .e-units-wrapper .e-units-switcher {
1969 cursor: pointer;
1970 font-size: 10px;
1971 padding: 0.5em;
1972 margin: -0.5em 0;
1973 transition: all ease-in-out 0.15s;
1974 }
1975 .e-units-wrapper .e-units-switcher:hover {
1976 color: var(--e-a-color-primary-bold);
1977 background-color: var(--e-a-bg-hover);
1978 border-radius: var(--e-a-border-radius);
1979 }
1980 .e-units-wrapper .e-units-switcher:not([data-selected=custom]) i.eicon-edit {
1981 display: none;
1982 }
1983 .e-units-wrapper .e-units-switcher[data-selected=custom] span {
1984 display: none;
1985 }
1986 .e-units-wrapper .e-units-switcher i.eicon-angle-right {
1987 transform: rotate(90deg);
1988 }
1989
1990 .e-units-choices input {
1991 display: none;
1992 }
1993 .e-units-choices input:checked + label {
1994 color: var(--e-a-color-primary-bold);
1995 }
1996 .e-units-choices label {
1997 cursor: pointer;
1998 display: block;
1999 }
2000 .e-units-choices {
2001 display: none;
2002 overflow: hidden;
2003 max-height: 0;
2004 position: absolute;
2005 top: -0.8em;
2006 right: -0.5em;
2007 width: 2.5em;
2008 text-align: center;
2009 background-color: var(--e-a-bg-default);
2010 border-radius: var(--e-a-border-radius);
2011 box-shadow: var(--e-a-dropdown-shadow);
2012 animation-timing-function: linear;
2013 animation-delay: 0s;
2014 animation-fill-mode: forwards;
2015 z-index: 11000;
2016 }
2017 .e-units-choices .elementor-units-choices-label {
2018 display: flex;
2019 align-items: center;
2020 height: 3em;
2021 justify-content: center;
2022 font-size: 10px;
2023 transition: 0.15s;
2024 }
2025 .e-units-choices .elementor-units-choices-label:hover {
2026 color: var(--e-a-color-primary-bold);
2027 }
2028 .e-units-choices .elementor-units-choices-label:not([data-choose=custom]) i {
2029 display: none;
2030 }
2031 .e-units-choices .elementor-units-choices-label[data-choose=custom] span {
2032 display: none;
2033 }
2034 .e-units-choices.e-units-choices-open {
2035 display: block;
2036 animation-duration: 1s;
2037 animation-name: e-units-choices-open;
2038 }
2039
2040 .e-units-custom input {
2041 font-family: monospace;
2042 font-size: 0.85em;
2043 }
2044
2045 @keyframes e-units-choices-open {
2046 from {
2047 max-height: 0;
2048 }
2049 to {
2050 max-height: 100vh;
2051 }
2052 }
2053 .elementor-control-type-dimensions .elementor-control-dimensions {
2054 display: flex;
2055 }
2056 .elementor-control-type-dimensions li {
2057 flex: 1;
2058 transition: flex-grow 0.3s ease-in-out;
2059 }
2060 .elementor-control-type-dimensions li input,
2061 .elementor-control-type-dimensions li .elementor-link-dimensions {
2062 display: block;
2063 text-align: center;
2064 width: 100%;
2065 height: 27px;
2066 }
2067 .elementor-control-type-dimensions li input {
2068 border-inline-start: none;
2069 border-radius: 0;
2070 padding: var(--e-a-border-radius);
2071 }
2072 .elementor-control-type-dimensions li input:focus {
2073 border-inline-start: var(--e-a-border-bold);
2074 margin-inline-start: -1px;
2075 width: calc(100% + 1px);
2076 }
2077 .elementor-control-type-dimensions li input:focus + .elementor-control-dimension-label {
2078 color: var(--e-a-color-txt);
2079 }
2080 .elementor-control-type-dimensions li .elementor-link-dimensions {
2081 border: var(--e-a-border-bold);
2082 border-inline-start: none;
2083 background-color: var(--e-a-bg-default);
2084 padding: 0;
2085 outline: none;
2086 border-start-start-radius: 0;
2087 border-start-end-radius: var(--e-a-border-radius);
2088 border-end-start-radius: 0;
2089 border-end-end-radius: var(--e-a-border-radius);
2090 cursor: pointer;
2091 }
2092 .elementor-control-type-dimensions li:first-child input {
2093 border-inline-start: 1px solid var(--e-a-border-color-bold);
2094 border-start-start-radius: var(--e-a-border-radius);
2095 border-start-end-radius: 0;
2096 border-end-start-radius: var(--e-a-border-radius);
2097 border-end-end-radius: 0;
2098 }
2099 .elementor-control-type-dimensions li:first-child input:focus {
2100 border-color: var(--e-a-border-color-focus);
2101 margin-inline-start: 0;
2102 width: 100%;
2103 }
2104 .elementor-control-type-dimensions li:last-child {
2105 max-width: 27px;
2106 }
2107 .elementor-control-type-dimensions.e-units-custom li.elementor-control-dimension:focus-within {
2108 flex: 2.5;
2109 }
2110 .elementor-control-type-dimensions .elementor-control-dimension-label {
2111 color: var(--e-a-color-txt-muted);
2112 display: block;
2113 text-align: center;
2114 font-size: 9px;
2115 padding-block-start: 5px;
2116 }
2117 .elementor-control-type-dimensions .elementor-link-dimensions.unlinked {
2118 background-color: var(--e-a-bg-default);
2119 }
2120 .elementor-control-type-dimensions .elementor-link-dimensions.unlinked .elementor-linked {
2121 display: none;
2122 }
2123 .elementor-control-type-dimensions .elementor-link-dimensions:not(.unlinked) {
2124 background-color: var(--e-a-bg-active-bold);
2125 color: var(--e-a-color-txt-accent);
2126 border-color: var(--e-a-border-color-bold);
2127 }
2128 .elementor-control-type-dimensions .elementor-link-dimensions:not(.unlinked) .elementor-unlinked {
2129 display: none;
2130 }
2131
2132 .elementor-control-responsive-switchers {
2133 --selected-option: 0;
2134 --pointer-position: var(--selected-option);
2135 position: relative;
2136 width: 2.5em;
2137 height: 2.5em;
2138 margin: calc(-2.5em + 12px) 0;
2139 margin-inline-end: 5px;
2140 }
2141 .elementor-control-responsive-switchers__holder {
2142 position: absolute;
2143 width: 100%;
2144 top: 0;
2145 background-color: var(--e-a-bg-default);
2146 border-radius: var(--e-a-border-radius);
2147 transition: 0.15s;
2148 border: 1px solid transparent;
2149 }
2150 .elementor-control-responsive-switchers.elementor-responsive-switchers-open {
2151 z-index: 11000;
2152 }
2153 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher {
2154 height: 2.5em;
2155 transform: scale(1);
2156 opacity: 1;
2157 }
2158 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher:hover {
2159 color: var(--e-a-color-primary-bold);
2160 }
2161 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-control-responsive-switchers__holder {
2162 box-shadow: var(--e-a-dropdown-shadow);
2163 }
2164
2165 .elementor-responsive-switcher {
2166 all: unset;
2167 display: flex;
2168 align-items: center;
2169 justify-content: center;
2170 position: relative;
2171 z-index: 2;
2172 cursor: pointer;
2173 height: 0;
2174 width: 100%;
2175 transform: scale(0);
2176 opacity: 0;
2177 transition: 0.15s;
2178 font-size: 12px;
2179 color: inherit;
2180 }
2181 .elementor-responsive-switcher:hover {
2182 color: var(--e-a-color-primary-bold);
2183 }
2184
2185 .elementor-device-widescreen .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
2186 height: 2.5em;
2187 transform: scale(1);
2188 opacity: 1;
2189 }
2190 .elementor-device-widescreen .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
2191 color: var(--e-a-color-primary-bold);
2192 }
2193
2194 .elementor-device-desktop .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
2195 height: 2.5em;
2196 transform: scale(1);
2197 opacity: 1;
2198 }
2199 .elementor-device-desktop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
2200 color: var(--e-a-color-primary-bold);
2201 }
2202
2203 .elementor-device-laptop .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
2204 height: 2.5em;
2205 transform: scale(1);
2206 opacity: 1;
2207 }
2208 .elementor-device-laptop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
2209 color: var(--e-a-color-primary-bold);
2210 }
2211
2212 .elementor-device-tablet_extra .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
2213 height: 2.5em;
2214 transform: scale(1);
2215 opacity: 1;
2216 }
2217 .elementor-device-tablet_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
2218 color: var(--e-a-color-primary-bold);
2219 }
2220
2221 .elementor-device-tablet .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
2222 height: 2.5em;
2223 transform: scale(1);
2224 opacity: 1;
2225 }
2226 .elementor-device-tablet .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
2227 color: var(--e-a-color-primary-bold);
2228 }
2229
2230 .elementor-device-mobile_extra .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
2231 height: 2.5em;
2232 transform: scale(1);
2233 opacity: 1;
2234 }
2235 .elementor-device-mobile_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
2236 color: var(--e-a-color-primary-bold);
2237 }
2238
2239 .elementor-device-mobile .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
2240 height: 2.5em;
2241 transform: scale(1);
2242 opacity: 1;
2243 }
2244 .elementor-device-mobile .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
2245 color: var(--e-a-color-primary-bold);
2246 }
2247
2248 .e-units-wrapper {
2249 position: relative;
2250 margin-inline-start: auto;
2251 }
2252 .e-units-wrapper .e-units-switcher {
2253 cursor: pointer;
2254 font-size: 10px;
2255 padding: 0.5em;
2256 margin: -0.5em 0;
2257 transition: all ease-in-out 0.15s;
2258 }
2259 .e-units-wrapper .e-units-switcher:hover {
2260 color: var(--e-a-color-primary-bold);
2261 background-color: var(--e-a-bg-hover);
2262 border-radius: var(--e-a-border-radius);
2263 }
2264 .e-units-wrapper .e-units-switcher:not([data-selected=custom]) i.eicon-edit {
2265 display: none;
2266 }
2267 .e-units-wrapper .e-units-switcher[data-selected=custom] span {
2268 display: none;
2269 }
2270 .e-units-wrapper .e-units-switcher i.eicon-angle-right {
2271 transform: rotate(90deg);
2272 }
2273
2274 .e-units-choices input {
2275 display: none;
2276 }
2277 .e-units-choices input:checked + label {
2278 color: var(--e-a-color-primary-bold);
2279 }
2280 .e-units-choices label {
2281 cursor: pointer;
2282 display: block;
2283 }
2284 .e-units-choices {
2285 display: none;
2286 overflow: hidden;
2287 max-height: 0;
2288 position: absolute;
2289 top: -0.8em;
2290 right: -0.5em;
2291 width: 2.5em;
2292 text-align: center;
2293 background-color: var(--e-a-bg-default);
2294 border-radius: var(--e-a-border-radius);
2295 box-shadow: var(--e-a-dropdown-shadow);
2296 animation-timing-function: linear;
2297 animation-delay: 0s;
2298 animation-fill-mode: forwards;
2299 z-index: 11000;
2300 }
2301 .e-units-choices .elementor-units-choices-label {
2302 display: flex;
2303 align-items: center;
2304 height: 3em;
2305 justify-content: center;
2306 font-size: 10px;
2307 transition: 0.15s;
2308 }
2309 .e-units-choices .elementor-units-choices-label:hover {
2310 color: var(--e-a-color-primary-bold);
2311 }
2312 .e-units-choices .elementor-units-choices-label:not([data-choose=custom]) i {
2313 display: none;
2314 }
2315 .e-units-choices .elementor-units-choices-label[data-choose=custom] span {
2316 display: none;
2317 }
2318 .e-units-choices.e-units-choices-open {
2319 display: block;
2320 animation-duration: 1s;
2321 animation-name: e-units-choices-open;
2322 }
2323
2324 .e-units-custom input {
2325 font-family: monospace;
2326 font-size: 0.85em;
2327 }
2328
2329 @keyframes e-units-choices-open {
2330 from {
2331 max-height: 0;
2332 }
2333 to {
2334 max-height: 100vh;
2335 }
2336 }
2337 .elementor-control-type-gaps .elementor-control-gaps {
2338 display: flex;
2339 }
2340 .elementor-control-type-gaps li {
2341 flex: 1;
2342 transition: flex-grow 0.3s ease-in-out;
2343 }
2344 .elementor-control-type-gaps li input,
2345 .elementor-control-type-gaps li .elementor-link-gaps {
2346 display: block;
2347 text-align: center;
2348 width: 100%;
2349 height: 27px;
2350 }
2351 .elementor-control-type-gaps li input {
2352 border-inline-start: none;
2353 border-radius: 0;
2354 padding: var(--e-a-border-radius);
2355 }
2356 .elementor-control-type-gaps li input:focus {
2357 border-inline-start: var(--e-a-border-bold);
2358 margin-inline-start: -1px;
2359 width: calc(100% + 1px);
2360 }
2361 .elementor-control-type-gaps li input:focus + .elementor-control-gap-label {
2362 color: var(--e-a-color-txt);
2363 }
2364 .elementor-control-type-gaps li .elementor-link-gaps {
2365 border: var(--e-a-border-bold);
2366 border-inline-start: none;
2367 background-color: var(--e-a-bg-default);
2368 padding: 0;
2369 outline: none;
2370 border-start-start-radius: 0;
2371 border-start-end-radius: var(--e-a-border-radius);
2372 border-end-start-radius: 0;
2373 border-end-end-radius: var(--e-a-border-radius);
2374 cursor: pointer;
2375 }
2376 .elementor-control-type-gaps li:first-child input {
2377 border-inline-start: 1px solid var(--e-a-border-color-bold);
2378 border-start-start-radius: var(--e-a-border-radius);
2379 border-start-end-radius: 0;
2380 border-end-start-radius: var(--e-a-border-radius);
2381 border-end-end-radius: 0;
2382 }
2383 .elementor-control-type-gaps li:first-child input:focus {
2384 border-color: var(--e-a-border-color-focus);
2385 margin-inline-start: 0;
2386 width: 100%;
2387 }
2388 .elementor-control-type-gaps li:last-child {
2389 max-width: 27px;
2390 }
2391 .elementor-control-type-gaps.e-units-custom li.elementor-control-gap:focus-within {
2392 flex: 2.5;
2393 }
2394 .elementor-control-type-gaps .elementor-control-gap-label {
2395 color: var(--e-a-color-txt-muted);
2396 display: block;
2397 text-align: center;
2398 font-size: 9px;
2399 padding-block-start: 5px;
2400 }
2401 .elementor-control-type-gaps .elementor-link-gaps.unlinked {
2402 background-color: var(--e-a-bg-default);
2403 }
2404 .elementor-control-type-gaps .elementor-link-gaps.unlinked .elementor-linked {
2405 display: none;
2406 }
2407 .elementor-control-type-gaps .elementor-link-gaps:not(.unlinked) {
2408 background-color: var(--e-a-bg-active-bold);
2409 color: var(--e-a-color-txt-accent);
2410 border-color: var(--e-a-border-color-bold);
2411 }
2412 .elementor-control-type-gaps .elementor-link-gaps:not(.unlinked) .elementor-unlinked {
2413 display: none;
2414 }
2415
2416 .elementor-control-type-icons .elementor-control-media__preview > * {
2417 position: absolute;
2418 top: 50%;
2419 left: 50%;
2420 transform: translate(-50%, -50%);
2421 }
2422 .elementor-control-type-icons .elementor-control-media__preview i {
2423 font-size: 70px;
2424 }
2425 .elementor-control-type-icons .elementor-control-media__preview svg {
2426 height: 75%;
2427 }
2428 .elementor-control-type-icons .elementor-control-icons--inline__svg i.eicon-upload {
2429 font-size: 15px;
2430 }
2431
2432 .elementor-control-type-gallery .elementor-control-media__content {
2433 border: var(--e-a-border-bold);
2434 border-radius: 3px;
2435 }
2436 .elementor-control-type-gallery .elementor-control-gallery-status {
2437 font-size: 12px;
2438 height: 27px;
2439 padding-inline-start: 10px;
2440 border-block-end: var(--e-a-border-bold);
2441 display: flex;
2442 }
2443 .elementor-control-type-gallery .elementor-control-gallery-status > * {
2444 display: flex;
2445 align-items: center;
2446 }
2447 .elementor-control-type-gallery .elementor-control-gallery-status-title {
2448 flex-grow: 1;
2449 }
2450 .elementor-control-type-gallery .elementor-control-gallery-content {
2451 position: relative;
2452 overflow: hidden;
2453 }
2454 .elementor-control-type-gallery .elementor-control-gallery-thumbnails {
2455 display: grid;
2456 grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
2457 grid-gap: 10px;
2458 cursor: pointer;
2459 padding: 10px;
2460 }
2461 .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 {
2462 opacity: 1;
2463 }
2464 .elementor-control-type-gallery .elementor-control-gallery-thumbnail {
2465 width: 48px;
2466 height: 48px;
2467 -o-object-fit: cover;
2468 object-fit: cover;
2469 border: var(--e-a-border);
2470 }
2471 .elementor-control-type-gallery .elementor-control-gallery-thumbnail + .unoptimized__image {
2472 outline: 2px solid var(--e-a-btn-bg-danger-active);
2473 opacity: 0.6;
2474 }
2475 .elementor-control-type-gallery .elementor-control-gallery-edit {
2476 position: absolute;
2477 top: 0;
2478 bottom: 0;
2479 left: 0;
2480 right: 0;
2481 background-color: rgba(0, 0, 0, 0.2);
2482 padding: 10px;
2483 font-size: 11px;
2484 transition: all 0.3s ease-in-out;
2485 pointer-events: none;
2486 cursor: pointer;
2487 opacity: 0;
2488 }
2489 .elementor-control-type-gallery .elementor-control-gallery-edit span {
2490 position: absolute;
2491 top: 10px;
2492 left: 10px;
2493 width: 21px;
2494 height: 21px;
2495 color: var(--e-a-color-white);
2496 background-color: rgba(0, 0, 0, 0.5);
2497 box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
2498 transition: var(--e-a-transition-hover);
2499 }
2500 .elementor-control-type-gallery .elementor-control-gallery-edit span i {
2501 font-size: 11px;
2502 padding: 5px;
2503 }
2504 .elementor-control-type-gallery .elementor-control-gallery-edit span:hover {
2505 background-color: rgba(0, 0, 0, 0.6);
2506 }
2507 .elementor-control-type-gallery .elementor-control-gallery-add {
2508 width: 48px;
2509 height: 48px;
2510 font-size: 14px;
2511 }
2512 .elementor-control-type-gallery .elementor-control-gallery-add i {
2513 margin: 0;
2514 }
2515 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-clear,
2516 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-thumbnails,
2517 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-edit {
2518 display: none;
2519 }
2520 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-content {
2521 padding: 10px;
2522 }
2523 .elementor-control-type-gallery.elementor-gallery-has-images .elementor-control-gallery-add {
2524 display: none;
2525 }
2526 .elementor-control-type-gallery.elementor-control-dynamic .elementor-control-gallery-clear {
2527 border-inline-start: var(--e-a-border);
2528 }
2529 .elementor-control-type-gallery .elementor-control-gallery-clear {
2530 color: currentColor;
2531 background-color: transparent;
2532 border: none;
2533 cursor: pointer;
2534 justify-content: center;
2535 }
2536 .elementor-control-type-gallery .elementor-control-gallery-clear:hover, .elementor-control-type-gallery .elementor-control-gallery-clear:focus {
2537 color: var(--e-a-color-danger);
2538 }
2539 .elementor-control-type-gallery .elementor-control-dynamic-switcher {
2540 border-width: 0;
2541 border-inline-start-width: 1px;
2542 border-block-end-width: 1px;
2543 border-radius: 0;
2544 }
2545
2546 .e-global__popover {
2547 width: 288px;
2548 z-index: 1;
2549 font-size: 12px;
2550 padding-inline-start: 10px;
2551 }
2552 .e-global__popover-toggle {
2553 border: var(--e-a-border-bold);
2554 border-inline-end: 0;
2555 border-start-start-radius: 3px;
2556 border-start-end-radius: 0;
2557 border-end-start-radius: 3px;
2558 border-end-end-radius: 0;
2559 display: flex;
2560 align-items: center;
2561 justify-content: center;
2562 cursor: pointer;
2563 transition: var(--e-a-transition-hover);
2564 }
2565 .e-global__popover-toggle:hover {
2566 background-color: var(--e-a-bg-hover);
2567 }
2568 .e-global__popover-toggle--active {
2569 color: var(--e-a-color-primary-bold);
2570 background-color: var(--e-a-bg-active-bold);
2571 }
2572 .e-global__popover-container {
2573 box-shadow: var(--e-a-popover-shadow);
2574 border-radius: var(--e-a-border-radius);
2575 background-color: var(--e-a-bg-default);
2576 }
2577 .e-global__popover-title {
2578 padding: 15px 20px;
2579 font-weight: 500;
2580 border-block-end: var(--e-a-border);
2581 display: flex;
2582 }
2583 .e-global__popover-title > i {
2584 margin-inline-end: 5px;
2585 }
2586 .e-global__popover-title-text {
2587 flex-grow: 1;
2588 }
2589 .e-global__popover-info {
2590 margin-inline-end: 10px;
2591 display: inline-block;
2592 }
2593 .e-global__popover-info-tooltip {
2594 width: 270px;
2595 z-index: 1;
2596 background-color: rgba(0, 0, 0, 0.9);
2597 color: var(--e-a-color-white);
2598 padding: 20px;
2599 border-radius: 3px;
2600 }
2601 .e-global__popover-info-tooltip:after {
2602 content: "";
2603 position: absolute;
2604 bottom: -17px;
2605 right: 16px;
2606 border: 10px solid transparent;
2607 border-block-start-color: rgba(0, 0, 0, 0.9);
2608 }
2609 .e-global__popover-info i {
2610 font-size: 13px;
2611 }
2612 .e-global__preview-items-container {
2613 max-height: 260px;
2614 overflow-y: auto;
2615 padding: 5px 0;
2616 }
2617 .e-global__preview-items-container::-webkit-scrollbar {
2618 width: 7px;
2619 }
2620 .e-global__preview-items-container::-webkit-scrollbar-thumb {
2621 background-color: #BABFC5;
2622 border-radius: 10px;
2623 }
2624 .e-global__manage-button {
2625 font-weight: 500;
2626 cursor: pointer;
2627 }
2628 .e-global__typography {
2629 padding-block: 10px;
2630 padding-inline: 35px 20px;
2631 white-space: nowrap;
2632 text-overflow: ellipsis;
2633 overflow: hidden;
2634 }
2635 .e-global__typography.e-global__preview-item--selected:before {
2636 font-family: "eicons";
2637 font-size: 13px;
2638 content: "\e90e";
2639 position: absolute;
2640 transform: translateY(-50%);
2641 top: 50%;
2642 inset-inline-start: 13px;
2643 }
2644 .e-global__color {
2645 padding: 10px 20px;
2646 display: flex;
2647 align-items: center;
2648 }
2649 .e-global__color-preview-container {
2650 height: 20px;
2651 width: 20px;
2652 border-radius: 3px;
2653 border: 1px solid rgba(0, 0, 0, 0.1);
2654 margin-inline-end: 10px;
2655 flex-shrink: 0;
2656 position: relative;
2657 }
2658 .e-global__color-preview-color, .e-global__color-preview-transparent-bg {
2659 border-radius: 3px;
2660 height: 100%;
2661 width: 100%;
2662 position: absolute;
2663 top: 0;
2664 left: 0;
2665 }
2666 .e-global__color-preview-transparent-bg {
2667 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));
2668 background-size: 12px 12px;
2669 background-position: 0 0, calc(12px / 2) calc(12px / 2);
2670 }
2671 .e-global__color-title {
2672 flex-grow: 1;
2673 white-space: nowrap;
2674 text-overflow: ellipsis;
2675 overflow: hidden;
2676 padding-inline-end: 10px;
2677 }
2678 .e-global__color-hex {
2679 font-size: 10px;
2680 color: var(--e-a-color-txt-muted);
2681 }
2682 .e-global__color .pcr-button {
2683 background-color: var(--e-a-bg-default);
2684 }
2685 .e-global__color.e-global__preview-item--selected .e-global__color-preview-container {
2686 display: flex;
2687 justify-content: center;
2688 align-items: center;
2689 color: var(--e-a-color-white);
2690 }
2691 .e-global__color.e-global__preview-item--selected .e-global__color-preview-container:before {
2692 font-family: "eicons";
2693 font-size: 13px;
2694 content: "\e90e";
2695 text-shadow: 0 0 1px #000;
2696 z-index: 1;
2697 }
2698 .e-global__preview-item {
2699 cursor: pointer;
2700 position: relative;
2701 }
2702 .e-global__preview-item:hover {
2703 background-color: var(--e-a-bg-hover);
2704 }
2705 .e-global__confirm-delete i, .e-global__confirm-message-text i {
2706 color: var(--e-a-color-warning);
2707 }
2708 .e-global__confirm-input-wrapper {
2709 display: flex;
2710 align-items: center;
2711 border: var(--e-a-border);
2712 border-radius: var(--e-a-border-radius);
2713 margin: 15px 0;
2714 padding: 2px;
2715 }
2716 .e-global__confirm-input-wrapper input {
2717 font-family: var(--e-a-font-family);
2718 font-size: 12px;
2719 padding: 2px;
2720 border: 0;
2721 }
2722
2723 .e-control-global .elementor-control-input-wrapper {
2724 display: flex;
2725 justify-content: flex-end;
2726 max-width: 135px;
2727 width: 100%;
2728 }
2729 .e-control-global.elementor-control .elementor-control-input-wrapper {
2730 display: flex;
2731 flex-direction: row;
2732 align-items: stretch;
2733 }
2734 .e-control-global .elementor-control-spinner {
2735 margin-inline-end: 4px;
2736 }
2737
2738 .elementor-control-type-hidden {
2739 display: none !important;
2740 }
2741
2742 .elementor-control-type-icon .select2-selection__rendered .eicon {
2743 margin-inline-end: 3px;
2744 }
2745
2746 .elementor-control-type-image_dimensions .elementor-control-field-description {
2747 margin: 0 0 15px;
2748 line-height: 1.4;
2749 }
2750 .elementor-control-type-image_dimensions .elementor-control-input-wrapper {
2751 display: flex;
2752 align-items: flex-start;
2753 }
2754 .elementor-control-type-image_dimensions .elementor-image-dimensions-field {
2755 width: 65px;
2756 }
2757 .elementor-control-type-image_dimensions .elementor-image-dimensions-field input:focus + .elementor-image-dimensions-field-description {
2758 color: var(--e-a-color-txt);
2759 }
2760 .elementor-control-type-image_dimensions .elementor-image-dimensions-separator {
2761 width: 20px;
2762 text-align: center;
2763 padding-block-start: 4px;
2764 }
2765 .elementor-control-type-image_dimensions .elementor-image-dimensions-field-description {
2766 display: block;
2767 margin-block-start: 5px;
2768 color: var(--e-a-color-txt-disabled);
2769 font-size: 10px;
2770 text-align: center;
2771 }
2772 .elementor-control-type-image_dimensions .elementor-image-dimensions-apply-button {
2773 margin-inline-start: auto;
2774 }
2775
2776 .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 {
2777 display: none;
2778 }
2779 .elementor-control-media.e-media-empty-placeholder .e-control-image-size {
2780 display: none;
2781 }
2782 .elementor-control-media:not(.e-media-empty) .elementor-control-media__content__upload-button {
2783 display: none;
2784 }
2785 .elementor-control-media .eicon-plus-circle {
2786 position: absolute;
2787 top: 50%;
2788 left: 50%;
2789 transform: translate(-50%, -50%);
2790 color: var(--e-a-color-white);
2791 font-size: 20px;
2792 }
2793 .elementor-control-media__content__upload-button {
2794 background-color: var(--e-a-bg-active-bold);
2795 }
2796 .elementor-control-media__preview {
2797 height: 100%;
2798 background-size: cover;
2799 background-position: center;
2800 padding-block-end: 42.8571%;
2801 }
2802 .elementor-control-media-area {
2803 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));
2804 background-size: 16px 16px;
2805 background-position: 0 0, calc(16px / 2) calc(16px / 2);
2806 background-color: var(--e-a-bg-default);
2807 border: var(--e-a-border-bold);
2808 aspect-ratio: 21/9;
2809 }
2810 .elementor-control-media-area:not(:hover) .elementor-control-media__remove {
2811 display: none;
2812 }
2813 .elementor-control-media-area .eicon-video-camera {
2814 position: absolute;
2815 top: 50%;
2816 left: 50%;
2817 transform: translate(-50%, -50%);
2818 color: rgba(255, 255, 255, 0.7);
2819 font-size: 21px;
2820 }
2821 .elementor-control-media .elementor-control-media__content {
2822 aspect-ratio: 21/9;
2823 position: relative;
2824 cursor: pointer;
2825 overflow: hidden;
2826 }
2827 .elementor-control-media .elementor-control-media__content:hover:after {
2828 content: "";
2829 position: absolute;
2830 top: 0;
2831 bottom: 0;
2832 left: 0;
2833 right: 0;
2834 background-color: rgba(0, 0, 0, 0.2);
2835 pointer-events: none;
2836 }
2837 .elementor-control-media .elementor-control-media__content:not(:hover) .elementor-control-media__tools {
2838 bottom: -30px;
2839 }
2840 .elementor-control-media__content {
2841 transition: all 0.2s ease-in-out;
2842 }
2843 .elementor-control-media__tools {
2844 position: absolute;
2845 bottom: 0;
2846 left: 0;
2847 right: 0;
2848 height: 27px;
2849 transition: all 0.2s ease-in-out;
2850 }
2851 .elementor-control-media__tools > *:not(:first-child) {
2852 margin-inline-start: 1px;
2853 }
2854 .elementor-control-media__tool {
2855 display: flex;
2856 align-items: center;
2857 justify-content: center;
2858 flex-grow: 1;
2859 color: var(--e-a-color-white);
2860 background-color: rgba(0, 0, 0, 0.9);
2861 font-size: 11px;
2862 transition: var(--e-a-transition-hover);
2863 }
2864 .elementor-control-media__tool:hover {
2865 background-color: rgba(0, 0, 0, 0.8);
2866 }
2867 .elementor-control-media__remove {
2868 display: flex;
2869 align-items: center;
2870 justify-content: center;
2871 transition: all 0.3s ease-in-out;
2872 }
2873 .elementor-control-media__content__remove {
2874 position: absolute;
2875 z-index: 1;
2876 top: 10px;
2877 left: 10px;
2878 width: 20px;
2879 height: 20px;
2880 font-size: 11px;
2881 color: var(--e-a-color-white);
2882 background-color: rgba(0, 0, 0, 0.5);
2883 border-radius: var(--e-border-radius);
2884 box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
2885 transition: var(--e-a-transition-hover);
2886 }
2887 .elementor-control-media__content__remove:hover {
2888 background-color: rgba(0, 0, 0, 0.6);
2889 }
2890 .elementor-control-media.e-media-empty .elementor-control-file-area {
2891 display: none;
2892 }
2893 .elementor-control-media__warnings:empty {
2894 display: none;
2895 }
2896 .elementor-control-media__warnings:not(:empty) {
2897 margin-block-start: 10px;
2898 }
2899 .elementor-control-media__file {
2900 display: flex;
2901 justify-content: space-between;
2902 align-items: center;
2903 width: 100%;
2904 margin-block-start: 10px;
2905 border: var(--e-a-border);
2906 }
2907 .elementor-control-media__file__content {
2908 padding-inline-start: 5px;
2909 font-size: 12px;
2910 }
2911 .elementor-control-media__file__content__label {
2912 color: #9DA5AE;
2913 }
2914 .elementor-control-media__file__content__info {
2915 display: flex;
2916 align-items: center;
2917 font-weight: 500;
2918 }
2919 .elementor-control-media__file__content__info__icon {
2920 margin-inline-end: 5px;
2921 }
2922 .elementor-control-media__file__controls {
2923 display: flex;
2924 border-inline-start: var(--e-a-border);
2925 }
2926 .elementor-control-media__file__controls__upload-button, .elementor-control-media__file__controls__remove {
2927 width: 27px;
2928 height: 27px;
2929 cursor: pointer;
2930 align-items: center;
2931 }
2932 .elementor-control-media__file__controls__upload-button {
2933 display: flex;
2934 justify-content: center;
2935 }
2936 .elementor-control-media__file__controls__remove {
2937 border-inline-end: var(--e-a-border);
2938 }
2939 .elementor-control-media:not(.e-media-empty) .elementor-control-media__file__content__label {
2940 display: none;
2941 }
2942 .elementor-control-media.e-media-empty .elementor-control-media__file__content__info {
2943 display: none;
2944 }
2945 .elementor-control-media.e-media-empty .elementor-control-media__file__controls__remove {
2946 display: none;
2947 }
2948 .elementor-control-media .elementor-control-dynamic-switcher {
2949 border: none;
2950 border-radius: 0;
2951 background-color: rgba(0, 0, 0, 0.9);
2952 color: var(--e-a-color-white);
2953 }
2954 .elementor-control-media .elementor-control-dynamic-switcher:hover {
2955 background-color: rgba(0, 0, 0, 0.8);
2956 color: var(--e-a-color-white);
2957 }
2958 .elementor-control-media .e-control-image-size {
2959 display: flex;
2960 flex-direction: column;
2961 width: 100%;
2962 padding-block-start: 20px;
2963 }
2964 .elementor-control-media .e-control-image-size .elementor-control-input-wrapper {
2965 margin-inline-start: auto;
2966 }
2967
2968 .elementor-control-type-media.elementor-control-dynamic-value .elementor-control-input-wrapper {
2969 border: none;
2970 }
2971
2972 .elementor-control:not(.elementor-control-type-icons) .elementor-control-media__preview {
2973 background-color: var(--e-a-bg-active-bold);
2974 }
2975
2976 .elementor-control-notice {
2977 display: flex;
2978 justify-content: start;
2979 align-items: start;
2980 gap: 8px;
2981 padding: 16px;
2982 border-radius: 3px;
2983 border: 1px solid var(--notice-control-color, var(--e-a-color-txt));
2984 color: var(--e-a-color-txt);
2985 font-size: 12px;
2986 font-weight: 400;
2987 line-height: 1.5;
2988 text-align: start;
2989 margin-block-start: 10px;
2990 }
2991 .elementor-control-notice-type-info {
2992 --notice-control-color: var(--e-a-color-info);
2993 }
2994 .elementor-control-notice-type-success {
2995 --notice-control-color: var(--e-a-color-success);
2996 }
2997 .elementor-control-notice-type-warning {
2998 --notice-control-color: var(--e-a-color-warning);
2999 }
3000 .elementor-control-notice-type-danger {
3001 --notice-control-color: var(--e-a-color-danger);
3002 }
3003 .elementor-control-notice-icon {
3004 flex-basis: 18px;
3005 color: var(--notice-control-color);
3006 }
3007 .elementor-control-notice-main {
3008 display: flex;
3009 flex-direction: column;
3010 justify-content: start;
3011 align-items: start;
3012 gap: 6px;
3013 flex: 1;
3014 }
3015 .elementor-control-notice-main-heading {
3016 font-weight: 700;
3017 font-style: italic;
3018 }
3019 .elementor-control-notice-main-content {
3020 font-style: italic;
3021 line-height: 1.5;
3022 }
3023 .elementor-control-notice-main-actions {
3024 display: flex;
3025 gap: 10px;
3026 padding-block-start: 8px;
3027 }
3028 .elementor-control-notice-main a {
3029 color: inherit;
3030 font-weight: 700;
3031 cursor: pointer;
3032 }
3033 .elementor-control-notice-main a:hover, .elementor-control-notice-main a:focus {
3034 color: inherit;
3035 }
3036 .elementor-control-notice-dismiss {
3037 -webkit-appearance: none;
3038 -moz-appearance: none;
3039 appearance: none;
3040 background-color: transparent;
3041 border: 0;
3042 padding: 0;
3043 margin: 0;
3044 cursor: pointer;
3045 }
3046
3047 .elementor-control-type-popover_toggle input {
3048 display: none;
3049 }
3050 .elementor-control-type-popover_toggle label {
3051 cursor: pointer;
3052 }
3053 .elementor-control-type-popover_toggle .elementor-control-input-wrapper {
3054 display: flex;
3055 flex-direction: row-reverse;
3056 align-items: center;
3057 }
3058 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle:checked + .elementor-control-popover-toggle-toggle-label {
3059 color: var(--e-a-color-txt-active);
3060 background-color: var(--e-a-bg-active-bold);
3061 }
3062 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle:not(:checked) ~ .elementor-control-popover-toggle-reset-label {
3063 display: none;
3064 }
3065 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle-label {
3066 height: 27px;
3067 display: inline-flex;
3068 align-items: center;
3069 justify-content: center;
3070 border-radius: var(--e-a-border-radius);
3071 border: var(--e-a-border-bold);
3072 transition: var(--e-a-transition-hover);
3073 }
3074 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle-label:hover {
3075 background-color: var(--e-a-bg-hover);
3076 }
3077 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-reset-label {
3078 color: var(--e-a-color-txt-muted);
3079 margin-inline-end: 5px;
3080 }
3081 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-reset-label:hover {
3082 color: var(--e-a-color-txt);
3083 }
3084
3085 .elementor-controls-popover.e-controls-popover--typography {
3086 padding-block-start: 0;
3087 }
3088
3089 .e-control-global .elementor-control-popover-toggle-toggle-label {
3090 border-start-start-radius: 0;
3091 border-start-end-radius: var(--e-a-border-radius);
3092 border-end-start-radius: 0;
3093 border-end-end-radius: var(--e-a-border-radius);
3094 flex-shrink: 0;
3095 }
3096
3097 .elementor-control-type-repeater .elementor-control:not(.elementor-control-type-tab) {
3098 padding-inline-start: 10px;
3099 padding-inline-end: 10px;
3100 padding-block-end: 10px;
3101 }
3102 .elementor-control-type-repeater.elementor-repeater-has-minimum-rows .elementor-repeater-tool-remove {
3103 display: none;
3104 }
3105 .elementor-control-type-repeater .elementor-repeater-fields {
3106 margin: 10px 0;
3107 }
3108 .elementor-control-type-repeater .elementor-repeater-row-controls {
3109 border: var(--e-a-border-bold);
3110 border-block-start-width: 0;
3111 padding-block-start: 15px;
3112 }
3113 .elementor-control-type-repeater .elementor-repeater-row-controls:not(.editable) {
3114 display: none;
3115 }
3116 .elementor-control-type-repeater .elementor-repeater-row-tools {
3117 display: flex;
3118 align-items: center;
3119 width: 100%;
3120 border: 1px solid var(--e-a-border-color-bold);
3121 transition: var(--e-a-transition-hover);
3122 }
3123 .elementor-control-type-repeater .elementor-repeater-row-tools > button {
3124 display: flex;
3125 align-items: center;
3126 justify-content: center;
3127 height: 40px;
3128 border: none;
3129 background-color: transparent;
3130 color: currentColor;
3131 cursor: pointer;
3132 }
3133 .elementor-control-type-repeater .elementor-repeater-row-tools > button:hover, .elementor-control-type-repeater .elementor-repeater-row-tools > button:focus {
3134 background-color: var(--e-a-bg-hover);
3135 }
3136 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title {
3137 flex: 1;
3138 justify-content: flex-start;
3139 padding: 0 10px;
3140 font-size: var(--control-title-size);
3141 white-space: nowrap;
3142 text-overflow: ellipsis;
3143 overflow: hidden;
3144 }
3145 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title .eicon,
3146 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title i,
3147 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title svg {
3148 margin-inline-end: 5px;
3149 }
3150 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title img[src$=svg] {
3151 width: 1em;
3152 }
3153 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-tool {
3154 width: 40px;
3155 border-inline-start: 1px solid var(--e-a-border-color-bold);
3156 }
3157 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-handle-sortable {
3158 width: 10px;
3159 border-inline-end: 1px solid var(--e-a-border-color-bold);
3160 cursor: move;
3161 }
3162 .elementor-control-type-repeater .elementor-button-wrapper {
3163 text-align: center;
3164 padding-block-start: 5px;
3165 }
3166
3167 #elementor-controls {
3168 padding-block-start: 15px;
3169 }
3170
3171 .elementor-control-type-section {
3172 padding: 0;
3173 }
3174 .elementor-control-type-section.e-open {
3175 padding-block-end: 10px;
3176 }
3177 .elementor-control-type-section + .elementor-control:not(.elementor-control-type-section):before {
3178 display: none;
3179 }
3180 .elementor-control-type-section:not(:first-child):not(.elementor-control-type-section + .elementor-control-type-section) {
3181 margin-block-start: 25px;
3182 }
3183
3184 .elementor-control-type-select .elementor-control-input-wrapper {
3185 position: relative;
3186 }
3187 .elementor-control-type-select .elementor-control-input-wrapper select {
3188 -webkit-appearance: none;
3189 -moz-appearance: none;
3190 appearance: none;
3191 font-size: var(--control-title-size);
3192 font-family: inherit;
3193 font-weight: inherit;
3194 font-style: inherit;
3195 text-transform: inherit;
3196 letter-spacing: inherit;
3197 line-height: inherit;
3198 flex-basis: 100%;
3199 padding-inline-start: 5px;
3200 padding-inline-end: 20px;
3201 cursor: pointer;
3202 }
3203 .elementor-control-type-select .elementor-control-input-wrapper select.e-select-placeholder {
3204 color: var(--e-a-color-txt-disabled);
3205 }
3206 .elementor-control-type-select .elementor-control-input-wrapper option.e-option-placeholder {
3207 display: none;
3208 }
3209 .elementor-control-type-select .elementor-control-input-wrapper:after {
3210 font-family: eicons;
3211 content: "\e8ad";
3212 font-size: 12px;
3213 position: absolute;
3214 top: 50%;
3215 transform: translateY(-50%);
3216 left: 5px;
3217 pointer-events: none;
3218 }
3219 .elementor-control-type-select .elementor-control-field.elementor-control-field-select-small .elementor-control-input-wrapper {
3220 max-width: 80px;
3221 }
3222
3223 .elementor-shadow-box .elementor-shadow-slider {
3224 margin-block-start: 10px;
3225 }
3226 .elementor-shadow-box .elementor-color-picker-wrapper .elementor-control-title {
3227 flex-grow: 1;
3228 }
3229
3230 .elementor-control-type-slider.elementor-control-dynamic input {
3231 border-start-start-radius: var(--e-a-border-radius);
3232 border-start-end-radius: 0;
3233 border-end-start-radius: var(--e-a-border-radius);
3234 border-end-end-radius: 0;
3235 }
3236 .elementor-control-type-slider .elementor-control-unit-2 {
3237 width: 21%;
3238 }
3239 .elementor-control-type-slider.elementor-control-type-slider--multiple .elementor-control-input-wrapper {
3240 display: block;
3241 }
3242 .elementor-control-type-slider--multiple {
3243 padding-block-end: 40px;
3244 }
3245 .elementor-control-type-slider--multiple .elementor-slider {
3246 margin-block-start: 12px;
3247 width: 98%;
3248 }
3249 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle {
3250 border-radius: 0;
3251 width: 10px;
3252 transform: translateY(calc(50% - 14px)) translateX(-4px);
3253 }
3254 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle:after {
3255 content: "";
3256 position: absolute;
3257 top: 2px;
3258 height: 12px;
3259 width: 11px;
3260 transform: rotate(45deg);
3261 background-color: var(--e-a-color-white);
3262 border-radius: 3px;
3263 }
3264 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle-lower:after {
3265 left: 5px;
3266 box-shadow: 2px -2px 3px 0px rgba(0, 0, 0, 0.1);
3267 }
3268 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle-upper:after {
3269 right: 5px;
3270 box-shadow: -2px 2px 3px 0px rgba(0, 0, 0, 0.1);
3271 }
3272 .elementor-control-type-slider .elementor-control-dynamic-switcher {
3273 border-inline-start-width: 0;
3274 border-start-start-radius: 0;
3275 border-start-end-radius: var(--e-a-border-radius);
3276 border-end-start-radius: 0;
3277 border-end-end-radius: var(--e-a-border-radius);
3278 }
3279 .elementor-control-type-slider .elementor-control-input-wrapper {
3280 display: flex;
3281 align-items: center;
3282 }
3283 .elementor-control-type-slider .elementor-dynamic-cover {
3284 margin-block-start: 10px;
3285 }
3286 .elementor-control-type-slider.e-units-custom .elementor-slider {
3287 display: none;
3288 }
3289 .elementor-control-type-slider.e-units-custom .elementor-slider-input {
3290 width: 100%;
3291 margin: 0;
3292 transition: none;
3293 }
3294
3295 .elementor-slider {
3296 flex-grow: 1;
3297 height: 4px;
3298 background-color: var(--e-a-border-color-bold);
3299 border-radius: 5px;
3300 position: relative;
3301 cursor: pointer;
3302 }
3303 .elementor-slider-input {
3304 width: 21%;
3305 min-width: 54px;
3306 margin-inline-start: 12px;
3307 transition: width 0.3s ease-in-out;
3308 }
3309 .elementor-slider__extra {
3310 position: relative;
3311 }
3312 .elementor-slider__labels {
3313 display: flex;
3314 justify-content: space-between;
3315 }
3316 .elementor-slider__label {
3317 font-size: 9px;
3318 color: var(--e-a-color-txt-disabled);
3319 }
3320 .elementor-slider__scales {
3321 position: absolute;
3322 display: flex;
3323 justify-content: space-evenly;
3324 width: 100%;
3325 margin-block-start: 4px;
3326 }
3327 .elementor-slider__scale {
3328 width: 1px;
3329 height: 21px;
3330 background-color: var(--e-a-border-color-focus);
3331 }
3332 .elementor-slider .noUi-handle {
3333 height: 16px;
3334 width: 16px;
3335 background-color: var(--e-a-color-white);
3336 left: 0;
3337 transform: translateY(calc(50% - 14px)) translateX(-8px);
3338 position: absolute;
3339 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
3340 border-radius: 50%;
3341 }
3342 .elementor-slider .noUi-connects {
3343 position: absolute;
3344 width: 100%;
3345 height: 4px;
3346 }
3347 .elementor-slider .noUi-connect {
3348 position: absolute;
3349 z-index: 0;
3350 top: 0;
3351 left: 0;
3352 height: 100%;
3353 width: 100%;
3354 will-change: transform;
3355 transform-origin: 0 0;
3356 background-color: var(--e-a-border-color-focus);
3357 }
3358 .elementor-slider .noUi-tooltip {
3359 position: absolute;
3360 top: calc(100% + 5px);
3361 left: calc(50% - 4px);
3362 transform: translateX(-50%);
3363 font-size: 10px;
3364 }
3365
3366 .elementor-control-type-structure .elementor-control-field {
3367 display: initial;
3368 }
3369 .elementor-control-type-structure .elementor-control-structure-preset {
3370 padding: 3px;
3371 border-radius: var(--e-border-radius);
3372 display: inline-block;
3373 cursor: pointer;
3374 height: 50px;
3375 }
3376 .elementor-control-type-structure .elementor-control-structure-preset svg {
3377 height: 100%;
3378 }
3379 .elementor-control-type-structure .elementor-control-structure-preset path {
3380 fill: var(--e-a-border-color-bold);
3381 }
3382 .elementor-control-type-structure .elementor-control-structure-reset {
3383 padding: 15px 20px 0;
3384 font-size: 11px;
3385 cursor: pointer;
3386 color: var(--e-a-color-txt-muted);
3387 border-block-start: var(--e-a-border);
3388 margin: 0 -20px;
3389 }
3390 .elementor-control-type-structure .elementor-control-structure-reset:hover {
3391 color: var(--e-a-color-txt);
3392 }
3393 .elementor-control-type-structure .elementor-control-structure-title {
3394 margin: 10px -20px 0;
3395 }
3396 .elementor-control-type-structure .elementor-control-structure-title:before {
3397 height: 10px;
3398 box-shadow: inset 0 2px 4px rgba(127, 127, 127, 0.1);
3399 }
3400 .elementor-control-type-structure .elementor-control-structure-presets {
3401 display: flex;
3402 flex-wrap: wrap;
3403 justify-content: space-between;
3404 }
3405 .elementor-control-type-structure .elementor-control-structure-presets input {
3406 display: none;
3407 }
3408 .elementor-control-type-structure .elementor-control-structure-presets input:checked + .elementor-control-structure-preset path {
3409 fill: var(--e-a-border-color-focus);
3410 }
3411 .elementor-control-type-structure .elementor-control-structure-preset-wrapper {
3412 margin-block-end: 15px;
3413 }
3414 .elementor-control-type-structure .elementor-control-structure-preset-title {
3415 text-align: center;
3416 padding-block-start: 5px;
3417 font-style: italic;
3418 font-size: 11px;
3419 color: #9DA5AE;
3420 }
3421
3422 .elementor-control-type-switcher .elementor-control-input-wrapper {
3423 text-align: end;
3424 }
3425 .elementor-control-type-switcher .elementor-switch {
3426 position: relative;
3427 display: inline-block;
3428 vertical-align: top;
3429 height: 20px;
3430 background-color: var(--e-a-bg-default);
3431 border-radius: 18px;
3432 cursor: pointer;
3433 }
3434 .elementor-control-type-switcher .elementor-switch-input {
3435 display: none;
3436 }
3437 .elementor-control-type-switcher .elementor-switch-label {
3438 position: relative;
3439 display: block;
3440 height: inherit;
3441 font-size: 10px;
3442 background: var(--e-a-bg-active-bold);
3443 border-radius: inherit;
3444 transition: 0.15s ease-out;
3445 transition-property: opacity, background;
3446 }
3447 .elementor-control-type-switcher .elementor-switch-label:before, .elementor-control-type-switcher .elementor-switch-label:after {
3448 position: absolute;
3449 top: 0;
3450 width: 50%;
3451 text-align: center;
3452 line-height: 20px;
3453 transition: inherit;
3454 }
3455 .elementor-control-type-switcher .elementor-switch-label:before {
3456 content: attr(data-off);
3457 right: 5px;
3458 color: var(--e-a-color-txt-muted);
3459 }
3460 .elementor-control-type-switcher .elementor-switch-label:after {
3461 content: attr(data-on);
3462 left: 5px;
3463 color: var(--e-a-btn-color);
3464 opacity: 0;
3465 }
3466 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label {
3467 background: var(--e-a-btn-bg-primary);
3468 }
3469 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label:before {
3470 opacity: 0;
3471 }
3472 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label:after {
3473 opacity: 1;
3474 }
3475 .elementor-control-type-switcher .elementor-switch-handle {
3476 position: absolute;
3477 top: 1px;
3478 left: 1px;
3479 width: 18px;
3480 height: 18px;
3481 background: white;
3482 border-radius: 10px;
3483 transition: left 0.15s ease-out;
3484 }
3485 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-handle {
3486 left: initial;
3487 right: 1px;
3488 }
3489
3490 .elementor-control-type-tabs {
3491 display: flex;
3492 font-size: var(--control-title-size);
3493 }
3494
3495 .elementor-control-type-tab {
3496 text-align: center;
3497 width: 100%;
3498 padding: 0;
3499 line-height: 25px;
3500 border-block-start: var(--e-a-border-bold);
3501 border-block-end: var(--e-a-border-bold);
3502 border-inline-end: var(--e-a-border-bold);
3503 transition: var(--e-a-transition-hover);
3504 cursor: pointer;
3505 }
3506 .elementor-control-type-tab:first-child {
3507 border-inline-start: var(--e-a-border-bold);
3508 border-start-start-radius: var(--e-a-border-radius);
3509 border-end-start-radius: var(--e-a-border-radius);
3510 }
3511 .elementor-control-type-tab:last-child {
3512 border-start-end-radius: var(--e-a-border-radius);
3513 border-end-end-radius: var(--e-a-border-radius);
3514 }
3515 .elementor-control-type-tab:hover {
3516 background-color: var(--e-a-bg-hover);
3517 }
3518 .elementor-control-type-tab.e-tab-active {
3519 background-color: var(--e-a-bg-active-bold);
3520 color: var(--e-a-color-txt-accent);
3521 }
3522
3523 .e-tab-close {
3524 display: none !important;
3525 }
3526
3527 .elementor-control-type-textarea .elementor-control-dynamic-switcher,
3528 .elementor-control-type-code .elementor-control-dynamic-switcher {
3529 border-inline-start-width: 1px;
3530 border-start-start-radius: 0;
3531 border-start-end-radius: 0;
3532 border-end-end-radius: 0;
3533 border-end-start-radius: var(--e-a-border-radius);
3534 }
3535 .elementor-control-type-textarea:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher,
3536 .elementor-control-type-code:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher {
3537 position: absolute;
3538 top: 0;
3539 left: 0;
3540 z-index: 1;
3541 }
3542 .elementor-control-type-textarea .elementor-control-input-wrapper,
3543 .elementor-control-type-code .elementor-control-input-wrapper {
3544 position: relative;
3545 }
3546 .elementor-control-type-textarea textarea,
3547 .elementor-control-type-code textarea {
3548 display: block;
3549 font-family: inherit;
3550 }
3551 .elementor-control-type-textarea textarea:focus + .elementor-control-dynamic-switcher,
3552 .elementor-control-type-code textarea:focus + .elementor-control-dynamic-switcher {
3553 display: none;
3554 }
3555 .elementor-control-type-textarea pre:focus-within + .elementor-control-dynamic-switcher,
3556 .elementor-control-type-code pre:focus-within + .elementor-control-dynamic-switcher {
3557 display: none;
3558 }
3559
3560 .elementor-control-type-url .elementor-control-field {
3561 position: relative;
3562 }
3563 .elementor-control-type-url .elementor-control-input-wrapper {
3564 display: flex;
3565 }
3566 .elementor-control-type-url.elementor-control-dynamic .elementor-control-url-more-options input {
3567 border-radius: var(--e-a-border-radius);
3568 }
3569 .elementor-control-type-url.elementor-control-dynamic-value .e-input-style {
3570 border-start-end-radius: 0;
3571 border-end-end-radius: 0;
3572 }
3573 .elementor-control-type-url.elementor-control-dynamic-value .elementor-control-url-more {
3574 border-start-end-radius: var(--e-a-border-radius);
3575 border-end-end-radius: var(--e-a-border-radius);
3576 }
3577 .elementor-control-type-url .elementor-control-url-more {
3578 display: flex;
3579 align-items: center;
3580 justify-content: center;
3581 flex-shrink: 0;
3582 border: var(--e-a-border-bold);
3583 color: currentColor;
3584 background-color: transparent;
3585 border-inline-start-width: 0;
3586 cursor: pointer;
3587 }
3588 .elementor-control-type-url .elementor-control-url-more i {
3589 font-size: 12px;
3590 }
3591 .elementor-control-type-url .elementor-control-url-more-options {
3592 display: none;
3593 padding-block-start: 10px;
3594 }
3595 .elementor-control-type-url .elementor-control-url-more-options .elementor-control-field-description {
3596 margin-block-start: 10px;
3597 }
3598 .elementor-control-type-url .elementor-control-url-more:hover {
3599 color: var(--e-a-color-txt-hover);
3600 }
3601 .elementor-control-type-url .elementor-control-url-more:focus {
3602 color: var(--e-a-color-txt-active);
3603 border-color: var(--e-a-border-color-focus);
3604 }
3605 .elementor-control-type-url .elementor-control-url-option {
3606 display: flex;
3607 align-items: center;
3608 }
3609 .elementor-control-type-url .elementor-control-url-option:not(:last-child) {
3610 padding-block-end: 10px;
3611 }
3612 .elementor-control-type-url .elementor-control-url-option input,
3613 .elementor-control-type-url .elementor-control-url-option label {
3614 cursor: pointer;
3615 }
3616 .elementor-control-type-url .elementor-control-url-autocomplete-spinner {
3617 display: none;
3618 position: absolute;
3619 top: 5px;
3620 right: 0;
3621 width: 10px;
3622 height: 10px;
3623 font-size: 10px;
3624 color: var(--e-a-color-txt-disabled);
3625 }
3626 .elementor-control-type-url .elementor-control-url__custom-attributes label {
3627 font-size: var(--control-title-size);
3628 }
3629 .elementor-control-type-url .elementor-control-url__custom-attributes input {
3630 width: 100%;
3631 margin-block-start: 10px;
3632 }
3633 .elementor-control-type-url .elementor-input:focus ~ div {
3634 border-color: var(--e-a-border-color-focus);
3635 }
3636
3637 .elementor-autocomplete-menu {
3638 position: absolute;
3639 background: var(--e-a-bg-default);
3640 border: var(--e-a-border);
3641 margin: 0;
3642 list-style: none;
3643 padding: 4px 0;
3644 height: auto;
3645 width: 100%;
3646 min-width: 260px;
3647 max-width: 300px;
3648 max-height: 200px;
3649 overflow-y: auto;
3650 border-radius: 3px;
3651 transition: var(--e-a-transition-hover);
3652 cursor: default;
3653 z-index: 1;
3654 }
3655 .elementor-autocomplete-menu .ui-menu-item {
3656 display: flex;
3657 justify-content: space-between;
3658 align-self: baseline;
3659 padding: 5px 8px;
3660 font-size: 12px;
3661 width: 100%;
3662 line-height: 1.2;
3663 cursor: pointer;
3664 }
3665 .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 {
3666 background: var(--e-a-bg-hover);
3667 }
3668 .elementor-autocomplete-menu .elementor-autocomplete-item-info {
3669 font-size: 10px;
3670 padding-block-start: 2px;
3671 }
3672
3673 .elementor-control-type-wp_widget .widget-inside {
3674 line-height: 2;
3675 background-color: inherit;
3676 display: block;
3677 }
3678 .elementor-control-type-wp_widget .quicktags-toolbar input {
3679 width: auto;
3680 }
3681
3682 .elementor-control-type-wysiwyg * {
3683 box-sizing: content-box;
3684 }
3685 .elementor-control-type-wysiwyg .wp-editor-container {
3686 border: var(--e-a-border);
3687 }
3688 .elementor-control-type-wysiwyg .wp-editor-tabs {
3689 border: var(--e-a-border-bold);
3690 border-block-end: none;
3691 border-start-start-radius: var(--e-a-border-radius);
3692 border-start-end-radius: var(--e-a-border-radius);
3693 border-end-end-radius: 0;
3694 border-end-start-radius: 0;
3695 }
3696 .elementor-control-type-wysiwyg .wp-editor-tabs button:hover {
3697 background-color: var(--e-a-bg-hover);
3698 }
3699 .elementor-control-type-wysiwyg #insert-media-button {
3700 height: initial;
3701 line-height: 24px;
3702 font-size: 10px;
3703 color: var(--e-a-color-txt);
3704 border-color: var(--e-a-border-color-bold);
3705 background-color: var(--e-a-bg-default);
3706 min-height: initial;
3707 }
3708 .elementor-control-type-wysiwyg .ed_button {
3709 height: 22px;
3710 width: initial;
3711 }
3712 .elementor-control-type-wysiwyg .wp-media-buttons-icon {
3713 height: 14px;
3714 margin: 0;
3715 }
3716 .elementor-control-type-wysiwyg .wp-media-buttons-icon:before {
3717 font-size: 14px;
3718 }
3719 .elementor-control-type-wysiwyg .wp-switch-editor {
3720 position: static;
3721 border: none;
3722 margin: 0;
3723 color: var(--e-a-color-txt);
3724 font-size: 10px;
3725 padding: 3px 9px 4px;
3726 }
3727 .elementor-control-type-wysiwyg .switch-html {
3728 border: solid var(--e-a-border-color-bold);
3729 border-width: 0 1px;
3730 }
3731 .elementor-control-type-wysiwyg .html-active .switch-tmce {
3732 background-color: transparent;
3733 }
3734 .elementor-control-type-wysiwyg .html-active .switch-html {
3735 background-color: var(--e-a-bg-active);
3736 }
3737 .elementor-control-type-wysiwyg .tmce-active .switch-tmce {
3738 background-color: var(--e-a-bg-active);
3739 }
3740 .elementor-control-type-wysiwyg .tmce-active .switch-html {
3741 background-color: transparent;
3742 }
3743 .elementor-control-type-wysiwyg .mce-toolbar-grp,
3744 .elementor-control-type-wysiwyg .quicktags-toolbar {
3745 background-color: var(--e-a-bg-default);
3746 }
3747 .elementor-control-type-wysiwyg .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
3748 background-color: var(--e-a-bg-default);
3749 }
3750 .elementor-control-type-wysiwyg .mce-toolbar .mce-btn-group .mce-btn.mce-listbox button {
3751 color: var(--e-a-color-txt);
3752 }
3753 .elementor-control-type-wysiwyg .mce-toolbar-grp > div {
3754 padding: 0 3px;
3755 }
3756 .elementor-control-type-wysiwyg .elementor-wp-editor {
3757 box-sizing: border-box;
3758 }
3759 .elementor-control-type-wysiwyg .mce-ico {
3760 color: var(--e-a-color-txt);
3761 font-size: 16px;
3762 }
3763 .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 {
3764 color: var(--e-a-color-txt-active);
3765 background: var(--e-a-bg-hover);
3766 border-color: var(--e-a-border-color);
3767 box-shadow: none;
3768 }
3769 .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 {
3770 color: var(--e-a-color-txt-active);
3771 }
3772 .elementor-control-type-wysiwyg .mce-path {
3773 padding: 5px 10px;
3774 }
3775 .elementor-control-type-wysiwyg .mce-path-item {
3776 font-size: 12px;
3777 color: var(--e-a-color-txt);
3778 }
3779 .elementor-control-type-wysiwyg .mce-top-part:before {
3780 box-shadow: none;
3781 }
3782 .elementor-control-type-wysiwyg .elementor-control-dynamic-switcher {
3783 border: none;
3784 }
3785
3786 @media screen and (prefers-color-scheme: dark) {
3787 #wp-link-wrap {
3788 color-scheme: light;
3789 --e-a-color-txt: #515962;
3790 --e-a-bg-default: #ffffff;
3791 --e-a-border-color-bold: #D5D8DC;
3792 --e-a-color-primary-bold: #D004D4;
3793 }
3794 #wp-link {
3795 color: var(--e-a-color-txt);
3796 }
3797 #wp-link input {
3798 background-color: var(--e-a-bg-default);
3799 border-color: var(--e-a-border-color-bold);
3800 }
3801 #wp-link input[type=checkbox] {
3802 border-color: var(--e-a-border-color-bold);
3803 }
3804 #wp-link input[type=checkbox]:checked {
3805 background: var(--e-a-color-primary-bold);
3806 }
3807 #wp-link input.button-primary {
3808 background: #2271b1;
3809 border-color: #2271b1;
3810 color: #fff;
3811 }
3812 }
3813 #elementor-mode-switcher {
3814 --e-a-mode-switcher-width: 15px;
3815 --e-a-mode-switcher-height: 50px;
3816 --e-a-mode-switcher-icon-size: 15px;
3817 position: absolute;
3818 right: 100%;
3819 top: 50%;
3820 transform: translateY(-50%);
3821 background-color: var(--e-a-bg-default);
3822 box-shadow: -3px 1px 3px rgba(0, 0, 0, 0.05);
3823 transition: 0.3s opacity;
3824 }
3825 #elementor-mode-switcher:hover {
3826 background-color: var(--e-a-bg-hover);
3827 }
3828 #elementor-mode-switcher:focus-within {
3829 background-color: var(--e-a-bg-active);
3830 }
3831 .e-panel-block-interactions #elementor-mode-switcher {
3832 opacity: 0;
3833 pointer-events: none;
3834 }
3835 #elementor-mode-switcher-preview i {
3836 display: flex;
3837 flex-direction: column;
3838 justify-content: center;
3839 width: var(--e-a-mode-switcher-width);
3840 height: var(--e-a-mode-switcher-height);
3841 font-size: var(--e-a-mode-switcher-icon-size);
3842 cursor: pointer;
3843 }
3844 #elementor-mode-switcher-preview-input {
3845 display: none;
3846 }
3847
3848 .elementor-revision-item__wrapper {
3849 display: flex;
3850 align-items: center;
3851 border: var(--e-a-border);
3852 border-radius: var(--e-a-border-radius);
3853 padding: 10px 15px;
3854 margin-block-end: 10px;
3855 font-size: 11px;
3856 transition: var(--e-a-transition-hover);
3857 }
3858 .elementor-revision-item__wrapper:hover {
3859 background-color: var(--e-a-bg-hover);
3860 }
3861 .elementor-revision-item-loading .elementor-revision-item__tools-current {
3862 display: none;
3863 }
3864 .elementor-revision-item:not(.elementor-revision-item-loading) .elementor-revision-item__tools-spinner {
3865 display: none;
3866 }
3867 .elementor-revision-item__gravatar {
3868 border-radius: 50%;
3869 overflow: hidden;
3870 }
3871 .elementor-revision-item__gravatar img {
3872 display: block;
3873 }
3874 .elementor-revision-item__details {
3875 padding-inline-start: 15px;
3876 flex-grow: 1;
3877 cursor: pointer;
3878 }
3879 .elementor-revision-meta {
3880 padding-block-start: 5px;
3881 font-size: 10px;
3882 font-weight: bold;
3883 }
3884 .elementor-revision-current-preview .elementor-revision-item__wrapper {
3885 border-color: var(--e-a-border-color-accent);
3886 background-color: var(--e-a-bg-active);
3887 }
3888
3889 #elementor-panel-revisions-loading {
3890 position: absolute;
3891 top: 50%;
3892 left: 50%;
3893 transform: translate(-50%, -50%);
3894 }
3895 #elementor-panel-revisions-loading .eicon-loading {
3896 font-size: 50px;
3897 }
3898
3899 .elementor-panel-revisions-buttons {
3900 display: flex;
3901 justify-content: space-between;
3902 padding: 15px 20px;
3903 border-block-end: var(--e-a-border);
3904 }
3905
3906 .elementor-history-item {
3907 display: flex;
3908 align-items: center;
3909 border: var(--e-a-border);
3910 border-radius: var(--e-a-border-radius);
3911 padding: 10px 15px;
3912 margin-block-end: 10px;
3913 font-size: 11px;
3914 line-height: 1.4;
3915 cursor: pointer;
3916 transition: var(--e-a-transition-hover);
3917 }
3918 .elementor-history-item:hover:not(.elementor-history-item-current) {
3919 background-color: var(--e-a-bg-hover);
3920 color: var(--e-a-txt-color-hover);
3921 }
3922 .elementor-history-item:hover:not(.elementor-history-item-current) .elementor-history-item__icon .eicon:before {
3923 content: "\e924";
3924 }
3925 .elementor-history-item-current {
3926 border-color: var(--e-a-border-color-accent);
3927 background-color: var(--e-a-bg-active);
3928 color: var(--e-a-txt-color-active);
3929 }
3930 .elementor-history-item-current .elementor-history-item__icon .eicon:before, .elementor-history-item-current:hover .elementor-history-item__icon .eicon:before {
3931 content: "\e90e";
3932 }
3933 .elementor-history-item__details {
3934 width: 95%;
3935 }
3936 .elementor-history-item__title {
3937 font-weight: bold;
3938 }
3939 .elementor-history-item__subtitle, .elementor-history-item__action {
3940 font-weight: lighter;
3941 }
3942 .elementor-history-item__action {
3943 font-style: italic;
3944 text-decoration: underline;
3945 }
3946 .elementor-history-revisions-message {
3947 font-size: 11px;
3948 text-align: center;
3949 padding-block-start: 5px;
3950 }
3951
3952 #elementor-panel-history {
3953 padding: 20px;
3954 padding-block-end: 15px;
3955 }
3956 #elementor-panel-history.elementor-empty .elementor-history-revisions-message {
3957 padding-block-start: 20px;
3958 }
3959 #elementor-panel-history:not(.elementor-empty) {
3960 margin-block-start: 10px;
3961 }
3962
3963 #elementor-panel-history-no-items,
3964 #elementor-panel-revisions-no-revisions {
3965 text-align: center;
3966 }
3967 #elementor-panel-history-no-items .elementor-nerd-box-icon,
3968 #elementor-panel-revisions-no-revisions .elementor-nerd-box-icon {
3969 margin-block-start: 20px;
3970 }
3971
3972 .e-control-display-conditions-promotion__wrapper {
3973 display: flex;
3974 justify-content: space-between;
3975 }
3976 .e-control-display-conditions-promotion__wrapper:hover .eicon-lock.e-control-display-conditions-promotion {
3977 color: var(--e-a-color-accent);
3978 }
3979 .e-control-display-conditions-promotion__description {
3980 display: flex;
3981 align-self: center;
3982 }
3983 .e-control-display-conditions-promotion__text {
3984 display: inline-block;
3985 }
3986 .e-control-display-conditions-promotion__lock-wrapper {
3987 width: 2.5rem;
3988 display: flex;
3989 justify-content: center;
3990 align-items: center;
3991 }
3992 .e-control-display-conditions-promotion.eicon-flow {
3993 align-self: flex-end;
3994 cursor: pointer;
3995 border: var(--e-a-border-bold);
3996 border-radius: var(--e-a-border-radius);
3997 padding: 5px;
3998 }
3999 .e-control-display-conditions-promotion.eicon-flow.filled {
4000 background-color: var(--e-a-bg-active);
4001 color: #E73CF6;
4002 }
4003
4004 .e-control-motion-effects-promotion__wrapper:hover .eicon-lock {
4005 color: var(--e-a-color-accent);
4006 }
4007 .e-control-motion-effects-promotion__wrapper .select-promotion {
4008 display: flex;
4009 flex-direction: column;
4010 justify-content: center;
4011 padding-inline-start: 5px;
4012 padding-inline-end: 20px;
4013 cursor: pointer;
4014 height: 27px;
4015 width: 100%;
4016 color: var(--e-a-color-txt);
4017 border-radius: var(--e-a-border-radius);
4018 background-color: var(--e-a-bg-default);
4019 box-shadow: none;
4020 border: var(--e-a-border-bold);
4021 font-size: var(--control-title-size);
4022 }
4023 .e-control-motion-effects-promotion__lock-wrapper {
4024 width: 2.5rem;
4025 display: flex;
4026 justify-content: center;
4027 align-items: center;
4028 }
4029
4030 .elementor-panel #elementor-panel-header #elementor-panel-header-kit-close,
4031 .elementor-panel #elementor-panel-header #elementor-panel-header-kit-back {
4032 display: none;
4033 }
4034
4035 .elementor-editor-kit .elementor-panel #elementor-panel-header #elementor-panel-header-kit-close,
4036 .elementor-editor-kit .elementor-panel #elementor-panel-header #elementor-panel-header-kit-back {
4037 display: flex;
4038 }
4039 body:not(.e-routes-has-history) #elementor-panel-header-kit-back {
4040 pointer-events: none;
4041 visibility: hidden;
4042 }
4043
4044 .elementor-editor-kit .elementor-panel #elementor-panel-page-settings .elementor-panel-navigation {
4045 display: none;
4046 }
4047 .elementor-editor-kit .elementor-panel #elementor-panel-page-menu {
4048 padding: 25px 15px 0;
4049 }
4050 .elementor-editor-kit #elementor-panel-header-add-button,
4051 .elementor-editor-kit #elementor-panel-header-menu-button,
4052 .elementor-editor-kit #elementor-panel-footer-sub-menu-item-save-template,
4053 .elementor-editor-kit #elementor-panel-footer-navigator {
4054 display: none;
4055 }
4056
4057 .elementor-control-type-global-style-repeater .elementor-repeater-fields {
4058 margin-block-end: 15px;
4059 position: relative;
4060 }
4061 .elementor-control-type-global-style-repeater .elementor-repeater-fields.ui-sortable-helper {
4062 background-color: var(--e-a-bg-default);
4063 }
4064 .elementor-control-type-global-style-repeater .elementor-repeater-row-controls {
4065 display: flex;
4066 align-items: center;
4067 }
4068 .elementor-control-type-global-style-repeater .elementor-repeater-row-tool {
4069 cursor: pointer;
4070 color: var(--e-a-color-txt);
4071 background-color: transparent;
4072 border: none;
4073 padding: 5px;
4074 }
4075 .elementor-control-type-global-style-repeater .elementor-repeater-row-tool:focus, .elementor-control-type-global-style-repeater .elementor-repeater-row-tool:hover {
4076 color: var(--e-a-color-txt-hover);
4077 }
4078 .elementor-control-type-global-style-repeater .elementor-control {
4079 padding: 0;
4080 }
4081 .elementor-control-type-global-style-repeater .elementor-control-title {
4082 flex-grow: 1;
4083 }
4084 .elementor-control-type-global-style-repeater .elementor-control-title input {
4085 max-width: 135px;
4086 }
4087 .elementor-control-type-global-style-repeater .elementor-control-title input:not(:focus) {
4088 background: none;
4089 border: none;
4090 }
4091 .elementor-control-type-global-style-repeater .elementor-control-input-wrapper {
4092 display: flex;
4093 align-items: center;
4094 min-width: 81px;
4095 }
4096 .elementor-control-type-global-style-repeater .elementor-control-input-wrapper:hover .e-global-colors__color-value {
4097 display: none;
4098 }
4099 .elementor-control-type-global-style-repeater .elementor-control-input-wrapper:not(:hover) .elementor-repeater-tool-remove, .elementor-control-type-global-style-repeater .elementor-control-input-wrapper:not(:hover) .elementor-repeater-tool-remove--disabled, .elementor-control-type-global-style-repeater .elementor-control-input-wrapper:not(:hover) .elementor-repeater-tool-sort {
4100 display: none;
4101 }
4102 .elementor-control-type-global-style-repeater .elementor-repeater-row-controls > .elementor-control > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
4103 margin-block-start: 0;
4104 }
4105 .elementor-control-type-global-style-repeater .elementor-controls-popover {
4106 align-self: end;
4107 margin-block-start: 35px;
4108 top: 0;
4109 width: 100%;
4110 }
4111 .elementor-control-type-global-style-repeater .elementor-controls-popover:before {
4112 left: 5px;
4113 }
4114 .elementor-control-type-global-style-repeater .elementor-controls-popover .elementor-control {
4115 padding: 0 20px 15px;
4116 }
4117 .elementor-control-type-global-style-repeater .elementor-controls-popover .elementor-control-title {
4118 flex-grow: initial;
4119 }
4120 .elementor-control-type-global-style-repeater .elementor-button-wrapper {
4121 text-align: center;
4122 border-block-start: var(--e-a-border);
4123 padding-block-start: 15px;
4124 }
4125 .elementor-control-type-global-style-repeater .pickr,
4126 .elementor-control-type-global-style-repeater .elementor-control-popover-toggle-toggle-label {
4127 margin-inline-start: 5px;
4128 }
4129 .elementor-control-type-global-style-repeater .e-sortable-placeholder {
4130 background-color: var(--e-a-color-info);
4131 opacity: 0.9;
4132 width: 100%;
4133 margin: 8px 0;
4134 height: 2px;
4135 }
4136 .elementor-control-system_colors, .elementor-control-system_typography {
4137 padding-block-end: 0;
4138 }
4139
4140 .e-global-colors__color-value {
4141 font-size: 10px;
4142 padding: 0 5px;
4143 text-align: end;
4144 white-space: nowrap;
4145 text-overflow: ellipsis;
4146 overflow: hidden;
4147 }
4148
4149 @keyframes load {
4150 0% {
4151 opacity: 0.3;
4152 }
4153 50% {
4154 opacity: 1;
4155 }
4156 100% {
4157 opacity: 0.3;
4158 }
4159 }
4160 @keyframes fadeIn {
4161 from {
4162 opacity: 0;
4163 }
4164 to {
4165 opacity: 1;
4166 }
4167 }
4168 @keyframes mover {
4169 0% {
4170 transform: translateY(0);
4171 }
4172 100% {
4173 transform: translateY(-5px);
4174 }
4175 }
4176 @keyframes slideDown {
4177 0% {
4178 transform: translateY(-30px);
4179 }
4180 100% {
4181 transform: translateY(0);
4182 }
4183 }
4184 .elementor-button,
4185 .e-btn {
4186 font-size: 12px;
4187 font-weight: 500;
4188 line-height: 1.2;
4189 padding: 8px 16px;
4190 outline: none;
4191 border: none;
4192 border-radius: var(--e-a-border-radius);
4193 background-color: var(--e-a-btn-bg);
4194 color: var(--e-a-btn-color-invert);
4195 transition: var(--e-a-transition-hover);
4196 }
4197 .elementor-button:hover,
4198 .e-btn:hover {
4199 border: none;
4200 }
4201 .elementor-button:hover, .elementor-button:focus,
4202 .e-btn:hover,
4203 .e-btn:focus {
4204 background-color: var(--e-a-btn-bg-hover);
4205 color: var(--e-a-btn-color-invert);
4206 }
4207 .elementor-button:active,
4208 .e-btn:active {
4209 background-color: var(--e-a-btn-bg-active);
4210 }
4211 .elementor-button:not([disabled]),
4212 .e-btn:not([disabled]) {
4213 cursor: pointer;
4214 }
4215 .elementor-button:disabled,
4216 .e-btn:disabled {
4217 background-color: var(--e-a-btn-bg-disabled);
4218 color: var(--e-a-btn-color-disabled);
4219 }
4220 .elementor-button:not(.elementor-button-state) .elementor-state-icon,
4221 .e-btn:not(.elementor-button-state) .elementor-state-icon {
4222 display: none;
4223 }
4224 .elementor-button.e-btn-txt,
4225 .e-btn.e-btn-txt {
4226 background: transparent;
4227 color: var(--e-a-color-txt);
4228 }
4229 .elementor-button.e-btn-txt:hover, .elementor-button.e-btn-txt:focus,
4230 .e-btn.e-btn-txt:hover,
4231 .e-btn.e-btn-txt:focus {
4232 background: var(--e-a-bg-hover);
4233 color: var(--e-a-color-txt-hover);
4234 }
4235 .elementor-button.e-btn-txt:disabled,
4236 .e-btn.e-btn-txt:disabled {
4237 background: transparent;
4238 color: var(--e-a-color-txt-disabled);
4239 }
4240 .elementor-button.e-btn-txt-border,
4241 .e-btn.e-btn-txt-border {
4242 border: 1px solid var(--e-a-color-txt-muted);
4243 }
4244 .elementor-button.elementor-button-success, .elementor-button.e-success,
4245 .e-btn.elementor-button-success,
4246 .e-btn.e-success {
4247 background-color: var(--e-a-btn-bg-success);
4248 }
4249 .elementor-button.elementor-button-success:hover, .elementor-button.elementor-button-success:focus, .elementor-button.e-success:hover, .elementor-button.e-success:focus,
4250 .e-btn.elementor-button-success:hover,
4251 .e-btn.elementor-button-success:focus,
4252 .e-btn.e-success:hover,
4253 .e-btn.e-success:focus {
4254 background-color: var(--e-a-btn-bg-success-hover);
4255 }
4256 .elementor-button.e-primary,
4257 .e-btn.e-primary {
4258 background-color: var(--e-a-btn-bg-primary);
4259 color: var(--e-a-btn-color);
4260 }
4261 .elementor-button.e-primary:hover, .elementor-button.e-primary:focus,
4262 .e-btn.e-primary:hover,
4263 .e-btn.e-primary:focus {
4264 background-color: var(--e-a-btn-bg-primary-hover);
4265 color: var(--e-a-btn-color);
4266 }
4267 .elementor-button.e-primary.e-btn-txt,
4268 .e-btn.e-primary.e-btn-txt {
4269 background: transparent;
4270 color: var(--e-a-color-primary-bold);
4271 }
4272 .elementor-button.e-primary.e-btn-txt:hover, .elementor-button.e-primary.e-btn-txt:focus,
4273 .e-btn.e-primary.e-btn-txt:hover,
4274 .e-btn.e-primary.e-btn-txt:focus {
4275 background: var(--e-a-bg-primary);
4276 }
4277 .elementor-button.go-pro, .elementor-button.e-accent,
4278 .e-btn.go-pro,
4279 .e-btn.e-accent {
4280 background-color: var(--e-a-btn-bg-accent);
4281 }
4282 .elementor-button.go-pro:hover, .elementor-button.go-pro:focus, .elementor-button.e-accent:hover, .elementor-button.e-accent:focus,
4283 .e-btn.go-pro:hover,
4284 .e-btn.go-pro:focus,
4285 .e-btn.e-accent:hover,
4286 .e-btn.e-accent:focus {
4287 background-color: var(--e-a-btn-bg-accent-hover);
4288 }
4289 .elementor-button.go-pro:active, .elementor-button.e-accent:active,
4290 .e-btn.go-pro:active,
4291 .e-btn.e-accent:active {
4292 background-color: var(--e-a-btn-bg-accent-active);
4293 }
4294 .elementor-button.elementor-button-info, .elementor-button.e-info,
4295 .e-btn.elementor-button-info,
4296 .e-btn.e-info {
4297 background-color: var(--e-a-btn-bg-info);
4298 }
4299 .elementor-button.elementor-button-info:hover, .elementor-button.elementor-button-info:focus, .elementor-button.e-info:hover, .elementor-button.e-info:focus,
4300 .e-btn.elementor-button-info:hover,
4301 .e-btn.elementor-button-info:focus,
4302 .e-btn.e-info:hover,
4303 .e-btn.e-info:focus {
4304 background-color: var(--e-a-btn-bg-info-hover);
4305 }
4306 .elementor-button.elementor-button-warning, .elementor-button.e-warning,
4307 .e-btn.elementor-button-warning,
4308 .e-btn.e-warning {
4309 background-color: var(--e-a-btn-bg-warning);
4310 }
4311 .elementor-button.elementor-button-warning:hover, .elementor-button.elementor-button-warning:focus, .elementor-button.e-warning:hover, .elementor-button.e-warning:focus,
4312 .e-btn.elementor-button-warning:hover,
4313 .e-btn.elementor-button-warning:focus,
4314 .e-btn.e-warning:hover,
4315 .e-btn.e-warning:focus {
4316 background-color: var(--e-a-btn-bg-warning-hover);
4317 }
4318 .elementor-button.elementor-button-danger, .elementor-button.e-danger,
4319 .e-btn.elementor-button-danger,
4320 .e-btn.e-danger {
4321 background-color: var(--e-a-btn-bg-danger);
4322 }
4323 .elementor-button.elementor-button-danger:hover, .elementor-button.elementor-button-danger:focus, .elementor-button.e-danger:hover, .elementor-button.e-danger:focus,
4324 .e-btn.elementor-button-danger:hover,
4325 .e-btn.elementor-button-danger:focus,
4326 .e-btn.e-danger:hover,
4327 .e-btn.e-danger:focus {
4328 background-color: var(--e-a-btn-bg-danger-hover);
4329 }
4330 .elementor-button i,
4331 .e-btn i {
4332 margin-inline-end: 5px;
4333 }
4334
4335 body {
4336 --e-preview-width: calc(100% - var(--e-editor-panel-width, 300px));
4337 }
4338 body.elementor-navigator-docked {
4339 --e-preview-width: calc(100% - var(--e-editor-panel-width, 300px) - var(--e-editor-navigator-width, 0px));
4340 }
4341 body.elementor-device-desktop #elementor-preview {
4342 overflow-y: hidden;
4343 align-items: flex-start;
4344 }
4345 body:not(.elementor-device-desktop) body {
4346 overflow-y: auto;
4347 }
4348
4349 #elementor-preview {
4350 background-color: #333;
4351 height: 100%;
4352 border: 0;
4353 width: var(--e-preview-width);
4354 display: flex;
4355 flex-direction: column;
4356 justify-content: flex-start;
4357 align-items: center;
4358 position: relative;
4359 direction: ltr;
4360 }
4361 #elementor-preview > div {
4362 direction: rtl;
4363 }
4364
4365 #elementor-preview-responsive-wrapper {
4366 transform-origin: top center;
4367 padding: 20px;
4368 transform: scale(var(--e-preview-scale, 1));
4369 }
4370 .elementor-device-desktop #elementor-preview-responsive-wrapper {
4371 min-width: 1025px;
4372 width: 100%;
4373 height: 100%;
4374 padding: 0;
4375 position: relative;
4376 }
4377 body.e-is-device-mode:not(.elementor-device-desktop) #elementor-preview-responsive-wrapper {
4378 width: var(--e-editor-preview-width);
4379 height: var(--e-editor-preview-height);
4380 margin: 0 max((100vw - var(--e-editor-panel-width) - var(--e-editor-preview-width)) / 2, 20px);
4381 box-sizing: content-box;
4382 position: relative;
4383 max-height: calc(100vh - 80px);
4384 }
4385 body.e-is-device-mode:not(.elementor-device-desktop) #elementor-preview-responsive-wrapper .ui-resizable-handle {
4386 display: flex !important;
4387 }
4388 #elementor-preview-responsive-wrapper:not(.ui-resizable-resizing) {
4389 transition: 0.3s ease-in-out;
4390 }
4391 #elementor-preview-responsive-wrapper .ui-resizable-handle {
4392 top: 0;
4393 }
4394 #elementor-preview-responsive-wrapper .ui-resizable-handle.ui-resizable-s {
4395 top: auto;
4396 bottom: 0;
4397 }
4398 #elementor-preview-responsive-wrapper .ui-resizable-n, #elementor-preview-responsive-wrapper .ui-resizable-s {
4399 align-items: center;
4400 justify-content: center;
4401 height: 20px;
4402 }
4403 #elementor-preview-responsive-wrapper .ui-resizable-n:before, #elementor-preview-responsive-wrapper .ui-resizable-s:before {
4404 content: "";
4405 display: block;
4406 background-color: rgba(255, 255, 255, 0.2);
4407 width: 50px;
4408 height: 4px;
4409 border-radius: 3px;
4410 transition: all 0.2s ease-in-out;
4411 }
4412 #elementor-preview-responsive-wrapper .ui-resizable-n:hover:before, #elementor-preview-responsive-wrapper .ui-resizable-s:hover:before {
4413 background-color: rgba(255, 255, 255, 0.6);
4414 width: 100px;
4415 }
4416 #elementor-preview-responsive-wrapper .ui-resizable-e,
4417 #elementor-preview-responsive-wrapper .ui-resizable-w {
4418 align-items: center;
4419 justify-content: center;
4420 width: 20px;
4421 }
4422 #elementor-preview-responsive-wrapper .ui-resizable-e:before,
4423 #elementor-preview-responsive-wrapper .ui-resizable-w:before {
4424 content: "";
4425 display: block;
4426 background-color: rgba(255, 255, 255, 0.2);
4427 width: 4px;
4428 height: 50px;
4429 border-radius: 3px;
4430 transition: all 0.2s ease-in-out;
4431 }
4432 #elementor-preview-responsive-wrapper .ui-resizable-e:hover:before,
4433 #elementor-preview-responsive-wrapper .ui-resizable-w:hover:before {
4434 background-color: rgba(255, 255, 255, 0.6);
4435 height: 100px;
4436 }
4437 #elementor-preview-responsive-wrapper.ui-resizable-resizing .ui-resizable-handle:before {
4438 background-color: rgba(255, 255, 255, 0.9);
4439 }
4440 #elementor-preview-responsive-wrapper .ui-resizable-s {
4441 bottom: 0;
4442 }
4443 #elementor-preview-responsive-wrapper .ui-resizable-e {
4444 right: 0;
4445 }
4446 #elementor-preview-responsive-wrapper .ui-resizable-w {
4447 left: 0;
4448 }
4449
4450 #elementor-preview-iframe {
4451 width: 100%;
4452 height: 100%;
4453 background-color: #fff;
4454 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.15);
4455 }
4456
4457 #elementor-template-library-modal a.elementor-template-library-blank-footer-link {
4458 font-style: normal;
4459 text-decoration: underline;
4460 }
4461 #elementor-template-library-modal .dialog-buttons-wrapper {
4462 display: none;
4463 }
4464 #elementor-template-library-modal .select2-container {
4465 z-index: 0;
4466 }
4467 #elementor-template-library-modal .dialog-message {
4468 overflow-y: scroll;
4469 }
4470
4471 #elementor-template-library-header-menu {
4472 text-align: center;
4473 }
4474
4475 .elementor-template-library-menu-item {
4476 display: inline-block;
4477 padding: 17px 20px;
4478 border-block-end: 3px solid transparent;
4479 cursor: pointer;
4480 }
4481 .elementor-template-library-menu-item:hover {
4482 background-color: var(--e-a-bg-hover);
4483 border-color: var(--e-a-bg-hover);
4484 }
4485 .elementor-template-library-menu-item.elementor-active {
4486 border-color: var(--e-a-border-color-accent);
4487 color: var(--e-a-color-txt-accent);
4488 }
4489
4490 #elementor-template-library-header-actions {
4491 display: flex;
4492 }
4493 #elementor-template-library-header-actions > div {
4494 padding-inline-end: 16px;
4495 }
4496
4497 #elementor-template-library-header-preview-insert-wrapper {
4498 cursor: default;
4499 padding: 0 10px;
4500 }
4501
4502 .elementor-template-library-template-insert + .elementor-template-library-template-generate-variation {
4503 margin-inline-start: 4px;
4504 }
4505
4506 #elementor-template-library-header-preview-back {
4507 padding-block: 16.5px 15px;
4508 padding-inline: 0 16.5px;
4509 border-inline-end: var(--e-a-border);
4510 cursor: pointer;
4511 transition: color 0.5s;
4512 }
4513 #elementor-template-library-header-preview-back:hover {
4514 color: var(--e-a-color-txt-hover);
4515 }
4516 #elementor-template-library-header-preview-back i {
4517 padding-inline-end: 10px;
4518 font-size: 18px;
4519 }
4520 #elementor-template-library-header-preview-back i:before {
4521 content: "\e87d";
4522 }
4523
4524 #elementor-template-library-templates[data-template-source=local] #elementor-template-library-templates-container {
4525 margin-block-start: 10px;
4526 margin-block-end: 45px;
4527 border-block-start: var(--e-a-border);
4528 }
4529 #elementor-template-library-templates[data-template-source=local] .elementor-template-library-order-input:checked + .elementor-template-library-order-label {
4530 color: var(--e-a-color-txt-active);
4531 }
4532 #elementor-template-library-templates[data-template-source=remote] #elementor-template-library-templates-container {
4533 margin: 10px -15px 0;
4534 }
4535 #elementor-template-library-templates[data-template-source=remote] .elementor-template-library-order-input:checked + .elementor-template-library-order-label {
4536 color: var(--e-a-color-txt-active);
4537 }
4538 #elementor-template-library-templates[data-template-source=empty] #elementor-template-library-order-toolbar-local,
4539 #elementor-template-library-templates[data-template-source=empty] #elementor-template-library-footer-banner {
4540 display: none;
4541 }
4542 #elementor-template-library-templates.elementor-templates-filter-active #elementor-template-library-footer-banner {
4543 display: none;
4544 }
4545 #elementor-template-library-templates .elementor-template-library-order-input {
4546 display: none;
4547 }
4548 #elementor-template-library-templates .elementor-template-library-order-input:checked + .elementor-template-library-order-label {
4549 padding-inline-end: 8px;
4550 }
4551 #elementor-template-library-templates .elementor-template-library-order-input:checked + .elementor-template-library-order-label:after {
4552 font-family: eicons;
4553 content: "\e8ae";
4554 margin-inline-start: 3px;
4555 }
4556 #elementor-template-library-templates .elementor-template-library-order-input:checked.elementor-template-library-order-reverse + .elementor-template-library-order-label:after {
4557 content: "\e8ad";
4558 }
4559
4560 #elementor-template-library-templates-container {
4561 display: flex;
4562 flex-wrap: wrap;
4563 align-items: flex-start;
4564 }
4565
4566 #elementor-template-library-toolbar {
4567 display: flex;
4568 justify-content: space-between;
4569 align-items: center;
4570 }
4571
4572 .elementor-template-library-filter-toolbar {
4573 display: flex;
4574 align-items: center;
4575 }
4576
4577 #elementor-template-library-filter-toolbar-remote {
4578 font-size: 11px;
4579 }
4580
4581 #elementor-template-library-order {
4582 display: flex;
4583 border-inline-end: var(--e-a-border);
4584 }
4585
4586 .elementor-template-library-order-label {
4587 text-transform: uppercase;
4588 padding-inline-end: 22px;
4589 -webkit-user-select: none;
4590 -moz-user-select: none;
4591 user-select: none;
4592 }
4593
4594 label.elementor-template-library-order-label {
4595 cursor: pointer;
4596 }
4597 label.elementor-template-library-order-label:hover {
4598 color: var(--e-a-color-txt-hover);
4599 }
4600
4601 #elementor-template-library-filter .select2 {
4602 text-align: start;
4603 width: calc(27px * 5) !important;
4604 }
4605 #elementor-template-library-filter .select2-selection__rendered {
4606 text-transform: capitalize;
4607 }
4608
4609 #select2-elementor-template-library-filter-subtype-results .select2-results__option {
4610 text-transform: capitalize;
4611 text-align: start;
4612 padding-inline-start: 5px;
4613 }
4614
4615 #elementor-template-library-my-favorites {
4616 flex-grow: 1;
4617 text-align: start;
4618 padding-inline-start: 20px;
4619 }
4620
4621 #elementor-template-library-filter-my-favorites {
4622 display: none;
4623 }
4624 #elementor-template-library-filter-my-favorites:checked + #elementor-template-library-filter-my-favorites-label {
4625 color: var(--e-a-color-txt-active);
4626 }
4627 #elementor-template-library-filter-my-favorites:checked + #elementor-template-library-filter-my-favorites-label i:after {
4628 color: var(--e-a-color-primary-bold);
4629 content: "\e93f";
4630 }
4631
4632 #elementor-template-library-filter-my-favorites-label {
4633 cursor: pointer;
4634 text-transform: uppercase;
4635 }
4636 #elementor-template-library-filter-my-favorites-label:hover {
4637 color: var(--e-a-color-txt-hover);
4638 }
4639 #elementor-template-library-filter-my-favorites-label:hover i:after {
4640 color: var(--e-a-color-primary-bold);
4641 }
4642 #elementor-template-library-filter-my-favorites-label i {
4643 padding-inline-end: 5px;
4644 }
4645 #elementor-template-library-filter-my-favorites-label i:after {
4646 content: "\e923";
4647 }
4648
4649 #elementor-template-library-filter-text-wrapper {
4650 width: 200px;
4651 position: relative;
4652 }
4653 #elementor-template-library-filter-text-wrapper i {
4654 position: absolute;
4655 top: 50%;
4656 left: 0;
4657 transform: translateY(-50%);
4658 }
4659
4660 #elementor-template-library-filter-text {
4661 border: none;
4662 border-block-end: var(--e-a-border-bold);
4663 border-radius: 0;
4664 font-size: 11px;
4665 padding: 8px 15px 8px 0;
4666 transition: border 0.5s;
4667 }
4668 #elementor-template-library-filter-text:focus {
4669 border-color: var(--e-a-border-color-focus);
4670 }
4671 #elementor-template-library-filter-text::-moz-placeholder {
4672 font-weight: 300;
4673 text-transform: uppercase;
4674 }
4675 #elementor-template-library-filter-text::placeholder {
4676 font-weight: 300;
4677 text-transform: uppercase;
4678 }
4679
4680 .elementor-template-library-template-remote {
4681 margin: calc(30px / 2);
4682 padding: 8px;
4683 border: var(--e-a-border);
4684 border-radius: 3px;
4685 }
4686 .elementor-template-library-template-remote:hover {
4687 background-color: var(--e-a-bg-hover);
4688 }
4689 .elementor-template-library-template-remote:hover .elementor-template-library-template-name {
4690 display: none;
4691 }
4692 .elementor-template-library-template-remote:not(:hover) .elementor-template-library-template-preview {
4693 opacity: 0;
4694 }
4695 .elementor-template-library-template-remote:not(:hover) .elementor-template-library-favorite,
4696 .elementor-template-library-template-remote:not(:hover) .elementor-template-library-template-action {
4697 display: none;
4698 }
4699 .elementor-template-library-template-remote.elementor-template-library-pro-template .elementor-template-library-template-body:before {
4700 content: var(--elementor-template-library-subscription-plan-label);
4701 background-color: var(--e-a-color-accent);
4702 color: var(--e-a-color-white);
4703 position: absolute;
4704 text-transform: uppercase;
4705 line-height: 1;
4706 top: 5px;
4707 left: 5px;
4708 padding: 3px 5px;
4709 font-size: 8px;
4710 border-radius: 2px;
4711 }
4712 .elementor-template-library-template-remote:not(.elementor-template-library-template-page):not(.elementor-template-library-template-lp) {
4713 position: relative;
4714 width: calc(33.333% - 30px);
4715 overflow: hidden;
4716 }
4717 .elementor-template-library-template-remote:not(.elementor-template-library-template-page):not(.elementor-template-library-template-lp) img {
4718 display: block;
4719 width: 100%;
4720 }
4721 .elementor-template-library-template-remote:not(.elementor-template-library-template-page):not(.elementor-template-library-template-lp) .elementor-template-library-template-footer {
4722 position: absolute;
4723 width: 100%;
4724 bottom: 0;
4725 right: 0;
4726 padding: 10px;
4727 background-color: var(--e-a-bg-default);
4728 transition: transform 0.5s;
4729 }
4730 .elementor-template-library-template-remote:not(.elementor-template-library-template-page):not(.elementor-template-library-template-lp) .elementor-template-library-template-name {
4731 display: none;
4732 }
4733 .elementor-template-library-template-remote:not(.elementor-template-library-template-page):not(.elementor-template-library-template-lp):not(:hover) .elementor-template-library-template-footer {
4734 transform: translateY(100%);
4735 }
4736 .elementor-template-library-template-remote .elementor-template-library-template-body {
4737 position: relative;
4738 }
4739 @media (max-width: 1025px) {
4740 .elementor-template-library-template-remote .elementor-template-library-template-body {
4741 height: 300px;
4742 }
4743 }
4744 .elementor-template-library-template-remote .elementor-template-library-template-screenshot {
4745 height: 100%;
4746 background-size: cover;
4747 background-position-x: 50%;
4748 box-shadow: inset 0px -2px 15px -6px rgba(0, 0, 0, 0.07);
4749 }
4750 .elementor-template-library-template-remote .elementor-template-library-template-preview {
4751 position: absolute;
4752 top: 0;
4753 left: 0;
4754 width: 100%;
4755 height: 100%;
4756 background-color: rgba(0, 0, 0, 0.5);
4757 transition: opacity 0.5s;
4758 cursor: pointer;
4759 }
4760 .elementor-template-library-template-remote .elementor-template-library-template-preview i {
4761 font-size: 20px;
4762 position: absolute;
4763 top: 50%;
4764 left: 50%;
4765 transform: translate(-50%, -50%);
4766 }
4767 .elementor-template-library-template-remote .elementor-template-library-template-footer {
4768 display: flex;
4769 justify-content: space-between;
4770 font-size: 11px;
4771 line-height: 1;
4772 height: 40px;
4773 align-items: center;
4774 }
4775 .elementor-template-library-template-remote .elementor-template-library-template-name {
4776 text-align: start;
4777 flex-grow: 1;
4778 white-space: nowrap;
4779 text-overflow: ellipsis;
4780 overflow: hidden;
4781 padding-inline-end: 5px;
4782 }
4783 .elementor-template-library-template-remote .elementor-template-library-favorite {
4784 margin-inline-start: auto;
4785 }
4786 .elementor-template-library-template-remote .elementor-template-library-template-favorite-input {
4787 display: none;
4788 }
4789 .elementor-template-library-template-remote .elementor-template-library-template-favorite-input:checked + .elementor-template-library-template-favorite-label i:before {
4790 content: "\e93f";
4791 color: var(--e-a-color-primary-bold);
4792 }
4793 .elementor-template-library-template-remote .elementor-template-library-template-favorite-label {
4794 font-size: 15px;
4795 cursor: pointer;
4796 }
4797 .elementor-template-library-template-remote .elementor-template-library-template-favorite-label:hover i {
4798 color: var(--e-a-color-primary-bold);
4799 }
4800
4801 @media (max-width: 1439px) {
4802 .elementor-template-library-template-page,
4803 .elementor-template-library-template-lp {
4804 width: calc(25% - 30px);
4805 }
4806 }
4807 @media (min-width: 1440px) {
4808 .elementor-template-library-template-page,
4809 .elementor-template-library-template-lp {
4810 width: calc(20% - 30px);
4811 }
4812 }
4813 @media (max-width: 1025px) {
4814 .elementor-template-library-template-page,
4815 .elementor-template-library-template-lp {
4816 width: calc(33.333% - 30px);
4817 }
4818 }
4819 .elementor-template-library-template-page .elementor-template-library-template-body,
4820 .elementor-template-library-template-lp .elementor-template-library-template-body {
4821 height: 200px;
4822 }
4823
4824 #elementor-template-library-order-toolbar-local,
4825 .elementor-template-library-template-local {
4826 display: flex;
4827 align-items: center;
4828 padding: 0 25px;
4829 text-align: start;
4830 }
4831
4832 #elementor-template-library-order-toolbar-local {
4833 margin-block-start: 30px;
4834 }
4835 #elementor-template-library-order-toolbar-local .elementor-template-library-order-label {
4836 line-height: 1;
4837 font-size: 10px;
4838 font-weight: 500;
4839 }
4840
4841 .elementor-template-library-template-local {
4842 height: 50px;
4843 width: 100%;
4844 margin-block-start: 1px;
4845 transition: background-color 0.3s linear;
4846 }
4847 .elementor-template-library-template-local:hover {
4848 background-color: var(--e-a-bg-hover);
4849 }
4850 .elementor-template-library-template-local:first-child {
4851 border-start-start-radius: 3px;
4852 border-start-end-radius: 3px;
4853 border-end-start-radius: 0;
4854 border-end-end-radius: 0;
4855 }
4856 .elementor-template-library-template-local:last-child {
4857 border-start-start-radius: 0;
4858 border-start-end-radius: 0;
4859 border-end-start-radius: 3px;
4860 border-end-end-radius: 3px;
4861 }
4862 .elementor-template-library-template-local .elementor-template-library-template-name {
4863 font-weight: 500;
4864 }
4865 .elementor-template-library-template-local .elementor-template-library-template-name,
4866 .elementor-template-library-template-local .elementor-template-library-template-meta {
4867 padding-inline-end: 20px;
4868 }
4869 .elementor-template-library-template-local .elementor-template-library-template-name,
4870 .elementor-template-library-template-local .elementor-template-library-template-meta,
4871 .elementor-template-library-template-local .elementor-template-library-template-preview,
4872 .elementor-template-library-template-local .elementor-template-library-template-action {
4873 white-space: nowrap;
4874 text-overflow: ellipsis;
4875 overflow: hidden;
4876 }
4877 .elementor-template-library-template-local .elementor-template-library-template-controls {
4878 position: relative;
4879 display: flex;
4880 align-items: center;
4881 }
4882 .elementor-template-library-template-local .elementor-template-library-template-controls > div {
4883 cursor: pointer;
4884 transition: color 0.5s;
4885 }
4886 .elementor-template-library-template-local .elementor-template-library-template-insert i {
4887 margin-inline-end: 3px;
4888 }
4889 .elementor-template-library-template-local .elementor-template-library-template-control-title {
4890 margin-inline-start: 6px;
4891 }
4892 .elementor-template-library-template-local .elementor-template-library-template-more .elementor-template-library-template-delete:hover {
4893 color: var(--e-a-color-danger);
4894 }
4895 .elementor-template-library-template-local .elementor-template-library-template-more {
4896 display: none;
4897 position: absolute;
4898 background-color: var(--e-a-bg-default);
4899 padding: 3px 20px;
4900 border-radius: var(--e-a-border-radius);
4901 box-shadow: 1px 3px 11px rgba(0, 0, 0, 0.3);
4902 top: 100%;
4903 left: 0;
4904 transform: translateX(-65%) translateY(-7px);
4905 z-index: 1;
4906 }
4907 .elementor-template-library-template-local .elementor-template-library-template-more:before {
4908 content: "";
4909 position: absolute;
4910 border: solid transparent;
4911 border-width: 8px 4px;
4912 border-block-end-color: var(--e-a-color-white);
4913 transform: translateY(-100%);
4914 }
4915 .elementor-template-library-template-local .elementor-template-library-template-more > div {
4916 margin: 10px 0;
4917 font-size: 11px;
4918 }
4919 .elementor-template-library-template-local .elementor-template-library-template-more a {
4920 color: var(--e-a-color-txt);
4921 }
4922 .elementor-template-library-template-local .elementor-template-library-template-more-toggle {
4923 flex-grow: 1;
4924 text-align: end;
4925 }
4926 .elementor-template-library-template-local .elementor-template-library-template-more-toggle i {
4927 font-size: 16px;
4928 }
4929
4930 #elementor-template-library-preview {
4931 height: 100%;
4932 overflow: hidden;
4933 }
4934 #elementor-template-library-preview iframe {
4935 height: 150%;
4936 transform: scale(0.666) translateX(25%) translateY(-25%);
4937 }
4938 @media (max-width: 1439px) {
4939 #elementor-template-library-preview iframe {
4940 width: 1440px;
4941 }
4942 }
4943 @media (min-width: 1440px) {
4944 #elementor-template-library-preview iframe {
4945 width: 1730px;
4946 }
4947 }
4948
4949 .elementor-template-library-blank-icon {
4950 font-size: 64px;
4951 margin-block-start: 45px;
4952 line-height: 1;
4953 }
4954 .elementor-template-library-blank-icon img {
4955 width: 70px;
4956 }
4957 .elementor-template-library-blank-icon .elementor-template-library-no-results {
4958 width: 200px;
4959 }
4960
4961 .elementor-template-library-blank-title {
4962 font-size: 30px;
4963 margin-block-start: 20px;
4964 }
4965 @media (max-width: 1439px) {
4966 .elementor-template-library-blank-title {
4967 font-size: 25px;
4968 }
4969 }
4970
4971 .elementor-template-library-blank-message {
4972 font-size: 18px;
4973 margin-block-start: 15px;
4974 font-weight: 300;
4975 }
4976 @media (max-width: 1439px) {
4977 .elementor-template-library-blank-message {
4978 font-size: 16px;
4979 margin-block-start: 10px;
4980 }
4981 }
4982
4983 #elementor-template-library-save-template-form {
4984 margin-block-start: 40px;
4985 display: flex;
4986 align-items: center;
4987 justify-content: center;
4988 }
4989 #elementor-template-library-save-template-form > * {
4990 height: 55px;
4991 font-size: 16px;
4992 }
4993
4994 #elementor-template-library-save-template-name {
4995 width: 500px;
4996 padding-inline-start: 25px;
4997 border-start-start-radius: 3px;
4998 border-start-end-radius: 0;
4999 border-end-start-radius: 3px;
5000 border-end-end-radius: 0;
5001 }
5002
5003 #elementor-template-library-save-template-submit {
5004 width: 150px;
5005 border-start-start-radius: 0;
5006 border-start-end-radius: 3px;
5007 border-end-start-radius: 0;
5008 border-end-end-radius: 3px;
5009 }
5010
5011 #elementor-template-library-import-form {
5012 width: 95%;
5013 padding: 60px;
5014 border: 2px dashed var(--e-a-border-color-bold);
5015 margin: 35px auto;
5016 transition: var(--e-a-transition-hover);
5017 }
5018 #elementor-template-library-import-form-or {
5019 margin-block-start: 15px;
5020 font-size: 18px;
5021 }
5022 #elementor-template-library-import-form-label {
5023 margin-block-start: 20px;
5024 padding: 15px 35px;
5025 display: inline-block;
5026 }
5027 #elementor-template-library-import-form-input {
5028 display: none;
5029 }
5030 #elementor-template-library-import-form.elementor-drag-over {
5031 border-color: var(--e-a-color-primary);
5032 }
5033 #elementor-template-library-import .elementor-template-library-blank-icon {
5034 margin-block-start: 0;
5035 }
5036 #elementor-template-library-import .elementor-template-library-blank-message {
5037 margin-block-start: 20px;
5038 }
5039
5040 .e-route-library-connect #elementor-template-library-modal .dialog-message {
5041 max-height: 95vh;
5042 padding: 100px 0 0;
5043 min-height: 550px;
5044 }
5045
5046 #elementor-template-library-connect-logo {
5047 font-size: 20px;
5048 }
5049 #elementor-template-library-connect__button {
5050 display: inline-block;
5051 position: relative;
5052 z-index: 1;
5053 margin-block-start: 25px;
5054 padding: 12px 24px;
5055 font-size: 14px;
5056 }
5057 #elementor-template-library-connect__background-image-left-1 {
5058 right: 22.4%;
5059 bottom: -29%;
5060 animation: 1.5s fadeIn, 1.5s slideDown, 3.5s mover 1.5s infinite alternate;
5061 }
5062 #elementor-template-library-connect__background-image-left-2 {
5063 right: 46.25%;
5064 bottom: -15.5%;
5065 animation: 3s fadeIn, 3s slideDown, 2s mover 3s infinite alternate;
5066 }
5067 #elementor-template-library-connect__background-image-right-1 {
5068 left: 37%;
5069 bottom: -41%;
5070 animation: 2.5s fadeIn, 2.5s slideDown, 2s mover 2.5s infinite alternate;
5071 }
5072 #elementor-template-library-connect__background-image-right-2 {
5073 left: 48%;
5074 bottom: -12.5%;
5075 animation: 1.5s fadeIn, 1.5s slideDown, 1.5s mover 1.5s infinite alternate;
5076 }
5077
5078 .elementor-template-library-connect__background-image {
5079 position: absolute;
5080 }
5081
5082 .elementor-template-library-blank-footer {
5083 position: absolute;
5084 bottom: 70px;
5085 left: 50%;
5086 transform: translateX(-50%);
5087 font-style: italic;
5088 color: var(--e-a-color-txt-muted);
5089 }
5090 @media (max-height: 700px) {
5091 .elementor-template-library-blank-footer {
5092 display: none;
5093 }
5094 }
5095
5096 #elementor-template-library-footer-banner {
5097 padding-block-end: 45px;
5098 }
5099 #elementor-template-library-footer-banner i {
5100 font-size: 56px;
5101 margin-block-start: 40px;
5102 }
5103 #elementor-template-library-footer-banner .elementor-nerd-box-icon {
5104 margin-block-start: 70px;
5105 }
5106
5107 #elementor-template-library-templates-empty {
5108 width: 100%;
5109 margin-block-start: 40px;
5110 }
5111
5112 #elementor-template-library-error-dialog .dialog-message {
5113 text-align: start;
5114 }
5115
5116 #elementor-template-library-error-info {
5117 margin-block-start: 10px;
5118 }
5119
5120 @media (max-width: 1439px) {
5121 .elementor-template-library-local-column-1 {
5122 width: 33%;
5123 }
5124 .elementor-template-library-local-column-2 {
5125 width: 10%;
5126 }
5127 .elementor-template-library-local-column-3 {
5128 width: 15%;
5129 }
5130 .elementor-template-library-local-column-4 {
5131 width: 15%;
5132 }
5133 .elementor-template-library-local-column-5 {
5134 width: 27%;
5135 }
5136 }
5137 @media (min-width: 1440px) {
5138 .elementor-template-library-local-column-1 {
5139 width: 25%;
5140 }
5141 .elementor-template-library-local-column-2 {
5142 width: 17%;
5143 }
5144 .elementor-template-library-local-column-3 {
5145 width: 17%;
5146 }
5147 .elementor-template-library-local-column-4 {
5148 width: 17%;
5149 }
5150 .elementor-template-library-local-column-5 {
5151 width: 24%;
5152 }
5153 }
5154 @media (max-width: 1024px) {
5155 .elementor-template-library-local-column-3 {
5156 display: none;
5157 }
5158 .elementor-template-library-local-column-5 {
5159 width: 41%;
5160 }
5161 }
5162 .elementor-tags-list {
5163 display: none;
5164 position: absolute;
5165 width: 260px;
5166 max-height: 300px;
5167 overflow: auto;
5168 padding-block-end: 5px;
5169 background-color: var(--e-a-bg-default);
5170 box-shadow: var(--e-a-popover-shadow);
5171 border: var(--e-a-border);
5172 border-radius: 3px;
5173 z-index: 10000;
5174 }
5175 .elementor-tags-list__group-title {
5176 font-weight: bold;
5177 font-size: 12px;
5178 padding: 10px 15px;
5179 display: flex;
5180 align-items: center;
5181 }
5182 .elementor-tags-list__group-title .eicon-info-circle {
5183 padding-inline-end: 5px;
5184 color: var(--e-a-color-primary-bold);
5185 font-size: 14px;
5186 }
5187 .elementor-tags-list__item {
5188 font-size: 10px;
5189 padding: 6px 15px;
5190 cursor: pointer;
5191 }
5192 .elementor-tags-list__item:before {
5193 content: ">";
5194 font-size: 8px;
5195 padding-inline-end: 5px;
5196 }
5197 .elementor-tags-list__item:hover {
5198 background-color: var(--e-a-bg-hover);
5199 }
5200 .elementor-tags-list__teaser {
5201 border-block-start: 2px solid var(--e-a-border-color);
5202 padding-block-start: 4px;
5203 margin-block-start: 4px;
5204 }
5205 .elementor-tags-list__teaser-text {
5206 padding: 2px 15px 8px;
5207 line-height: 1.5;
5208 font-size: 12px;
5209 }
5210 .elementor-tags-list__teaser-link {
5211 color: var(--e-a-color-primary-bold);
5212 text-decoration: underline;
5213 font-style: italic;
5214 font-weight: bold;
5215 }
5216
5217 .elementor-dynamic-cover {
5218 display: flex;
5219 align-items: center;
5220 width: 100%;
5221 height: 27px;
5222 box-sizing: border-box;
5223 }
5224 .elementor-dynamic-cover__title {
5225 padding: 0 8px;
5226 flex-grow: 1;
5227 white-space: nowrap;
5228 text-overflow: ellipsis;
5229 overflow: hidden;
5230 }
5231 .elementor-dynamic-cover__settings, .elementor-dynamic-cover__remove {
5232 cursor: pointer;
5233 transition: var(--e-a-transition-hover);
5234 }
5235 .elementor-dynamic-cover__settings:hover, .elementor-dynamic-cover__remove:hover {
5236 color: var(--e-a-color-txt-hover);
5237 }
5238 .elementor-control-type-wysiwyg .elementor-dynamic-cover {
5239 margin-block-start: 10px;
5240 }
5241
5242 .elementor-tag-settings-popup {
5243 position: absolute;
5244 width: 260px;
5245 background-color: var(--e-a-bg-default);
5246 border: var(--e-a-border);
5247 box-shadow: var(--e-a-popover-shadow);
5248 z-index: 1;
5249 }
5250 .elementor-tag-settings-popup:before {
5251 content: "";
5252 position: absolute;
5253 top: -20px;
5254 right: 5px;
5255 border: 10px solid transparent;
5256 border-block-end-color: var(--e-a-border-color);
5257 }
5258 .elementor-tag-settings-popup .elementor-control-type-section:first-child {
5259 margin: 0;
5260 }
5261
5262 .elementor-tag-controls-stack-empty {
5263 background-color: var(--e-a-bg-default);
5264 padding: 10px;
5265 font-size: 13px;
5266 text-align: center;
5267 }
5268
5269 .elementor-control-dynamic input {
5270 border-start-start-radius: var(--e-a-border-radius);
5271 border-start-end-radius: 0;
5272 border-end-end-radius: 0;
5273 border-end-start-radius: var(--e-a-border-radius);
5274 }
5275 .elementor-control-dynamic-switcher {
5276 display: inline-flex;
5277 align-items: center;
5278 justify-content: center;
5279 flex-shrink: 0;
5280 height: 27px;
5281 cursor: pointer;
5282 border: var(--e-a-border-bold);
5283 background: var(--e-a-bg-default);
5284 border-inline-start-width: 0;
5285 border-start-start-radius: 0;
5286 border-start-end-radius: var(--e-a-border-radius);
5287 border-end-end-radius: var(--e-a-border-radius);
5288 border-end-start-radius: 0;
5289 transition: var(--e-a-transition-hover);
5290 }
5291 .elementor-control-dynamic-switcher:hover {
5292 background-color: var(--e-a-bg-hover);
5293 color: var(--e-a-color-txt-hover);
5294 }
5295 .elementor-control-dynamic-switcher.e-control-tool {
5296 height: 20px;
5297 border: 0;
5298 }
5299 .elementor-control-dynamic-switcher-wrapper {
5300 display: flex;
5301 }
5302 .elementor-control-dynamic-switcher .eicon-database {
5303 font-size: 12px;
5304 }
5305 .elementor-control-dynamic-value .elementor-control-tag-area,
5306 .elementor-control-dynamic-value .elementor-control-dynamic-switcher,
5307 .elementor-control-dynamic-value .e-global__popover-toggle {
5308 display: none;
5309 }
5310
5311 .elementor-context-menu {
5312 position: absolute;
5313 width: 250px;
5314 padding: 5px 0px;
5315 background-color: var(--e-a-bg-default);
5316 border-radius: var(--e-a-border-radius);
5317 box-shadow: var(--e-a-popover-shadow);
5318 -webkit-user-select: none;
5319 -moz-user-select: none;
5320 user-select: none;
5321 z-index: 101;
5322 }
5323 .elementor-context-menu-list {
5324 display: flex;
5325 flex-direction: column;
5326 }
5327 .elementor-context-menu-list__group {
5328 display: flex;
5329 flex-direction: column;
5330 }
5331 .elementor-context-menu-list__group:not(:last-child) {
5332 border-block-end: var(--e-a-border);
5333 }
5334 .elementor-context-menu-list__item {
5335 padding: 12px 20px;
5336 display: flex;
5337 gap: 16px;
5338 cursor: pointer;
5339 transition: var(--e-a-transition-hover);
5340 align-items: center;
5341 }
5342 .elementor-context-menu-list__item--disabled {
5343 cursor: default;
5344 color: var(--e-a-color-disabled);
5345 }
5346 .elementor-context-menu-list__item:not(.elementor-context-menu-list__item--disabled):hover, .elementor-context-menu-list__item:not(.elementor-context-menu-list__item--disabled):focus {
5347 background-color: var(--e-a-bg-hover);
5348 color: var(--e-a-color-hover);
5349 }
5350 .elementor-context-menu-list__item__icon {
5351 display: none;
5352 width: 20px;
5353 }
5354 .elementor-context-menu-list__item__title {
5355 flex-grow: 1;
5356 white-space: nowrap;
5357 text-overflow: ellipsis;
5358 overflow: hidden;
5359 }
5360 .elementor-context-menu-list__item__shortcut {
5361 color: var(--e-a-color-txt-muted);
5362 }
5363 .elementor-context-menu-list__item__title, .elementor-context-menu-list__item__shortcut {
5364 font-size: 14px;
5365 font-style: normal;
5366 font-weight: 400;
5367 line-height: 1;
5368 }
5369 .elementor-context-menu-list__item.elementor-context-menu-list__item-delete:not(.elementor-context-menu-list__item--disabled):hover > *, .elementor-context-menu-list__item.elementor-context-menu-list__item-delete:not(.elementor-context-menu-list__item--disabled):focus > * {
5370 color: var(--e-global-color-danger);
5371 }
5372 .elementor-context-menu .eicon-pro-icon {
5373 color: var(--e-global-color-accent);
5374 }
5375
5376 #elementor-hotkeys {
5377 text-align: start;
5378 }
5379 #elementor-hotkeys__modal .dialog-buttons-wrapper {
5380 display: none;
5381 }
5382 #elementor-hotkeys__content {
5383 display: flex;
5384 justify-content: space-between;
5385 gap: 70px;
5386 padding: 20px 30px;
5387 width: 100%;
5388 overflow: hidden;
5389 }
5390 @media (max-width: 1024px) {
5391 #elementor-hotkeys__content {
5392 flex-direction: column;
5393 gap: 20px;
5394 padding: 20px;
5395 }
5396 }
5397
5398 .elementor-hotkeys__col {
5399 display: flex;
5400 flex-direction: column;
5401 gap: 20px;
5402 width: 100%;
5403 }
5404 .elementor-hotkeys__header {
5405 font-weight: 500;
5406 }
5407 .elementor-hotkeys__item {
5408 display: flex;
5409 align-items: center;
5410 padding: 20px 10px;
5411 }
5412 .elementor-hotkeys__item:not(:last-child) {
5413 border-block-end: var(--e-a-border);
5414 }
5415 .elementor-hotkeys__item--label {
5416 font-size: 13px;
5417 font-weight: 400;
5418 flex-grow: 1;
5419 }
5420 .elementor-hotkeys__item--shortcut {
5421 flex-grow: 0;
5422 display: flex;
5423 gap: 27px;
5424 }
5425 @media (max-width: 1024px) {
5426 .elementor-hotkeys__item--shortcut {
5427 gap: 23px;
5428 }
5429 }
5430 .elementor-hotkeys__item--shortcut kbd {
5431 position: relative;
5432 font-family: unset;
5433 background-color: var(--e-a-bg-active);
5434 padding: 5px 12px;
5435 border-radius: var(--e-a-border-radius);
5436 }
5437 @media (max-width: 1024px) {
5438 .elementor-hotkeys__item--shortcut kbd {
5439 padding: 4px 9px;
5440 }
5441 }
5442 .elementor-hotkeys__item--shortcut kbd:not(:last-of-type)::after {
5443 content: "+";
5444 position: absolute;
5445 left: 0;
5446 width: 9px;
5447 text-align: center;
5448 margin-inline-end: -18px;
5449 }
5450 @media (max-width: 1024px) {
5451 .elementor-hotkeys__item--shortcut kbd:not(:last-of-type)::after {
5452 margin-inline-end: -16px;
5453 }
5454 }
5455
5456 .ui-resizable-n {
5457 top: -5px;
5458 }
5459 .ui-resizable-e {
5460 right: -5px;
5461 }
5462 .ui-resizable-s {
5463 bottom: -5px;
5464 }
5465 .ui-resizable-w {
5466 left: -5px;
5467 }
5468 .ui-resizable-ne {
5469 top: -5px;
5470 right: -5px;
5471 }
5472 .ui-resizable-nw {
5473 top: -5px;
5474 left: -5px;
5475 }
5476 .ui-resizable-se {
5477 bottom: -5px;
5478 right: -5px;
5479 }
5480 .ui-resizable-sw {
5481 bottom: -5px;
5482 left: -5px;
5483 }
5484 .ui-resizable-n, .ui-resizable-s {
5485 left: 0;
5486 height: 10px;
5487 width: 100%;
5488 cursor: ns-resize;
5489 }
5490 .ui-resizable-e, .ui-resizable-w {
5491 top: 0;
5492 height: 100%;
5493 width: 10px;
5494 cursor: ew-resize;
5495 }
5496 .ui-resizable-ne, .ui-resizable-nw, .ui-resizable-se, .ui-resizable-sw {
5497 height: 15px;
5498 width: 15px;
5499 }
5500 .ui-resizable-nw, .ui-resizable-se {
5501 cursor: nwse-resize;
5502 }
5503 .ui-resizable-ne, .ui-resizable-sw {
5504 cursor: nesw-resize;
5505 }
5506 .ui-resizable-handle {
5507 position: absolute;
5508 }
5509 .ui-resizable-resizing {
5510 pointer-events: none;
5511 }
5512
5513 body {
5514 --e-editor-navigator-width: 240px;
5515 }
5516
5517 #elementor-navigator {
5518 position: fixed;
5519 top: 100px;
5520 width: var(--e-editor-navigator-width);
5521 height: 50vh;
5522 left: 30px;
5523 background-color: var(--e-a-bg-default);
5524 border: var(--e-a-border);
5525 box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
5526 -webkit-user-select: none;
5527 -moz-user-select: none;
5528 user-select: none;
5529 overflow: hidden;
5530 z-index: 100;
5531 display: none;
5532 }
5533 body.elementor-navigator-docked #elementor-navigator {
5534 top: 0;
5535 left: 0;
5536 height: 100%;
5537 }
5538 body:not(.elementor-navigator-docked) #elementor-navigator {
5539 border-radius: 5px;
5540 }
5541 #elementor-navigator__inner {
5542 height: 100%;
5543 }
5544 #elementor-navigator__header {
5545 display: flex;
5546 align-items: stretch;
5547 border-block-end: var(--e-a-border);
5548 color: var(--e-a-color-txt-accent);
5549 }
5550 #elementor-navigator__header__title {
5551 flex: 1;
5552 text-align: center;
5553 font-size: 13px;
5554 font-weight: 400;
5555 padding: 10px 0;
5556 cursor: move;
5557 }
5558 #elementor-navigator__close, #elementor-navigator__toggle-all {
5559 color: var(--e-a-color-txt);
5560 background-color: transparent;
5561 border: none;
5562 outline: 0;
5563 padding: 10px;
5564 cursor: pointer;
5565 transition: color 0.5s;
5566 }
5567 #elementor-navigator__close:hover, #elementor-navigator__toggle-all:hover {
5568 color: var(--e-a-color-txt-hover);
5569 }
5570 #elementor-navigator__close:focus, #elementor-navigator__toggle-all:focus {
5571 color: var(--e-a-color-txt-active);
5572 }
5573 #elementor-navigator__toggle-all {
5574 font-size: 13px;
5575 }
5576 #elementor-navigator__close {
5577 font-size: 11px;
5578 }
5579 #elementor-navigator__elements {
5580 height: calc(100% - 49px);
5581 overflow: auto;
5582 position: relative;
5583 }
5584 .elementor-navigator-docked #elementor-navigator__elements {
5585 height: calc(100% - 35px);
5586 }
5587 #elementor-navigator__elements .elementor-nerd-box {
5588 padding: 25px;
5589 }
5590 #elementor-navigator__elements > .elementor-navigator__element-section {
5591 border-block-end: var(--e-a-border);
5592 }
5593 #elementor-navigator__footer {
5594 position: absolute;
5595 width: 100%;
5596 left: 0;
5597 bottom: 0;
5598 text-align: center;
5599 border-block-start: var(--e-a-border);
5600 }
5601 .elementor-navigator-docked #elementor-navigator__footer {
5602 display: none;
5603 }
5604
5605 .elementor-navigator__item {
5606 position: relative;
5607 display: flex;
5608 height: 30px;
5609 cursor: pointer;
5610 transition: padding 0.5s linear;
5611 overflow: hidden;
5612 }
5613 .elementor-navigator__item:hover, .elementor-navigator__item:focus {
5614 background-color: var(--e-a-bg-hover);
5615 }
5616 .elementor-navigator__item:active {
5617 background-color: var(--e-a-bg-active);
5618 color: var(--e-a-color-txt-accent);
5619 }
5620 .elementor-navigator__item[data-locked=true] {
5621 cursor: not-allowed;
5622 }
5623 .elementor-navigator__item:not(.elementor-active) .elementor-navigator__element__list-toggle i {
5624 transform: rotate(90deg);
5625 }
5626 .elementor-navigator__item > * {
5627 display: flex;
5628 align-items: center;
5629 }
5630 .elementor-navigator__item + .elementor-navigator__elements {
5631 display: none;
5632 }
5633 .elementor-navigator__elements > .elementor-navigator__element-section,
5634 .elementor-navigator__elements > .elementor-navigator__element-container:not(:last-child) {
5635 border-block-end: var(--e-a-border);
5636 }
5637 .elementor-navigator__elements .elementor-empty-view {
5638 padding: 10px;
5639 }
5640 .elementor-navigator__elements .elementor-empty-view__title {
5641 margin-inline-start: 23px;
5642 font-size: 10px;
5643 font-style: italic;
5644 }
5645 .elementor-navigator__elements .ui-sortable-helper {
5646 box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1);
5647 transform: rotate(4deg);
5648 background-color: var(--e-a-bg-active);
5649 color: var(--e-a-color-txt-accent);
5650 pointer-events: none;
5651 }
5652 .elementor-navigator__elements .ui-sortable-placeholder {
5653 background-color: var(--e-a-bg-hover);
5654 }
5655 .elementor-navigator__element.elementor-dragging-on-child > .elementor-navigator__elements > .elementor-empty-view {
5656 border-block-start: var(--e-a-border);
5657 }
5658 .elementor-navigator__element.elementor-dragging-on-child > .elementor-navigator__elements > .elementor-empty-view .elementor-empty-view__title {
5659 display: none;
5660 }
5661 .elementor-navigator__element.elementor-dragging-on-child > .elementor-navigator__elements > .elementor-empty-view + .ui-sortable-placeholder {
5662 display: none;
5663 }
5664 .elementor-navigator__element:not(.elementor-navigator__element--has-children) .elementor-navigator__element__list-toggle {
5665 visibility: hidden;
5666 }
5667 .elementor-navigator__element:not(.elementor-navigator__element--hidden) > .elementor-navigator__item .elementor-navigator__element__toggle {
5668 color: var(--e-a-color-txt-default);
5669 }
5670 .elementor-navigator__element:not(.elementor-navigator__element--hidden) > .elementor-navigator__item .elementor-navigator__element__toggle:hover {
5671 color: var(--e-a-color-txt-hover);
5672 }
5673 .elementor-navigator__element:not(.elementor-navigator__element--hidden) > .elementor-navigator__item:not(:hover) .elementor-navigator__element__toggle {
5674 display: none;
5675 }
5676 .elementor-navigator__element:not(.elementor-navigator__element--hidden) > .elementor-navigator__item.elementor-editing {
5677 background-color: var(--e-a-bg-active);
5678 }
5679 .elementor-navigator__element__list-toggle {
5680 margin-inline-end: 7px;
5681 transition: transform 0.3s;
5682 }
5683 .elementor-navigator__element__element-type {
5684 margin-inline-end: 8px;
5685 font-size: 14px;
5686 }
5687 .elementor-navigator__element__title {
5688 flex-grow: 1;
5689 overflow: hidden;
5690 }
5691 .elementor-navigator__element__title__text {
5692 white-space: nowrap;
5693 -webkit-user-select: text;
5694 -moz-user-select: text;
5695 user-select: text;
5696 }
5697 .elementor-navigator__element__title__text[contenteditable=true] {
5698 outline: none;
5699 background-color: var(--e-a-bg-hover);
5700 padding: var(--e-admin-border-radius);
5701 border: var(--e-a-border);
5702 }
5703 .elementor-navigator__element__title__text:not([contenteditable=true]) {
5704 padding: 3px 0;
5705 white-space: nowrap;
5706 text-overflow: ellipsis;
5707 overflow: hidden;
5708 }
5709 .elementor-navigator__element__toggle {
5710 position: absolute;
5711 left: 15px;
5712 height: 100%;
5713 z-index: 0;
5714 font-size: 13px;
5715 }
5716 .elementor-navigator__element__indicators {
5717 position: relative;
5718 transition: transform 0.5s;
5719 padding-inline-start: 5px;
5720 z-index: 91;
5721 }
5722 .elementor-navigator__element__indicators:not(:hover) {
5723 transform: translateX(calc(-100% + 8px));
5724 }
5725 .elementor-navigator__element__indicator {
5726 height: 100%;
5727 width: 31px;
5728 display: inline-flex;
5729 align-items: center;
5730 justify-content: center;
5731 color: var(--e-a-color-txt);
5732 background-color: var(--e-a-bg-default);
5733 border-inline-start: var(--e-a-border);
5734 }
5735 .elementor-navigator__element__indicator:first-child {
5736 border-inline-start: 3px solid var(--e-a-border-color-accent);
5737 }
5738 .elementor-editing .elementor-navigator__element__indicator:first-child {
5739 border-color: #242729;
5740 }
5741 .elementor-navigator__element__indicator:hover {
5742 color: var(--e-a-color-txt-hover);
5743 }
5744 .elementor-navigator__element--hidden .elementor-navigator__element__title,
5745 .elementor-navigator__element--hidden .elementor-navigator__element__toggle {
5746 opacity: 0.5;
5747 }
5748
5749 .e-notice-bar {
5750 position: absolute;
5751 width: 100%;
5752 bottom: 0;
5753 display: flex;
5754 align-items: center;
5755 height: 40px;
5756 color: #fff;
5757 background-color: var(--e-a-color-accent);
5758 padding: 0 25px;
5759 }
5760 .e-notice-bar__message a {
5761 text-decoration: underline;
5762 color: var(--e-a-color-txt-invert);
5763 }
5764 .e-notice-bar__message a:hover {
5765 color: #D5D8DC;
5766 }
5767 .e-notice-bar__primary_action {
5768 margin-inline: 12px;
5769 }
5770 .e-notice-bar__primary_action a {
5771 background: #ffffff;
5772 border-radius: 3px;
5773 color: #93003f;
5774 padding: 4px 10px;
5775 font-size: 11px;
5776 }
5777 .e-notice-bar__primary_action a:hover {
5778 color: #47001e;
5779 background: #F1F2F3;
5780 }
5781 .e-notice-bar__secondary_message, .e-notice-bar__secondary_action {
5782 font-size: 11px;
5783 }
5784 .e-notice-bar__secondary_action {
5785 margin-inline: 4px;
5786 }
5787 .e-notice-bar__secondary_action a {
5788 color: #ffffff;
5789 text-decoration: underline;
5790 }
5791 .e-notice-bar__secondary_action a:hover {
5792 color: #F1F2F3;
5793 }
5794 .e-notice-bar__close {
5795 cursor: pointer;
5796 margin-inline-start: auto;
5797 }
5798 .e-notice-bar__icon {
5799 margin-inline-end: 8px;
5800 }
5801 .e-notice-bar i {
5802 font-size: 16px;
5803 opacity: 0.9;
5804 }
5805 .e-notice-bar i:hover {
5806 color: #D5D8DC;
5807 }
5808 .e-notice-bar a,
5809 .e-notice-bar i {
5810 transition: var(--e-a-transition-hover);
5811 }
5812
5813 body:not(.elementor-device-desktop) #e-notice-bar {
5814 display: none;
5815 }
5816
5817 #elementor-fatal-error-dialog .dialog-message a {
5818 text-decoration: underline;
5819 }
5820
5821 #elementor-preview-debug-link-text {
5822 display: inline-block;
5823 }
5824
5825 #elementor-icons-manager-modal .dialog-message {
5826 padding: 0;
5827 height: 700px;
5828 }
5829 #elementor-icons-manager-modal .dialog-content {
5830 display: flex;
5831 }
5832 #elementor-icons-manager__wrapper {
5833 display: flex;
5834 }
5835 @media (max-width: 479px) {
5836 #elementor-icons-manager__sidebar {
5837 display: none;
5838 }
5839 }
5840 #elementor-icons-manager__tab-links {
5841 margin-block-start: 30px;
5842 }
5843 #elementor-icons-manager__upload {
5844 margin: 20px 45px;
5845 padding-block-start: 35px;
5846 border-block-start: var(--e-a-border);
5847 display: flex;
5848 align-items: center;
5849 justify-content: space-between;
5850 }
5851 @media (max-width: 1439px) {
5852 #elementor-icons-manager__upload {
5853 margin: 20px 25px;
5854 }
5855 }
5856 #elementor-icons-manager__main {
5857 display: flex;
5858 flex-direction: column;
5859 padding: 30px 80px 0;
5860 }
5861 @media (max-width: 1439px) {
5862 #elementor-icons-manager__main {
5863 padding: 30px 50px 0;
5864 }
5865 }
5866 @media (max-width: 479px) {
5867 #elementor-icons-manager__main {
5868 width: 100%;
5869 }
5870 }
5871 #elementor-icons-manager__search {
5872 position: relative;
5873 }
5874 #elementor-icons-manager__search input {
5875 padding: 8px 15px;
5876 background-color: transparent;
5877 }
5878 #elementor-icons-manager__search i {
5879 position: absolute;
5880 top: 50%;
5881 transform: translateY(-50%);
5882 left: 15px;
5883 }
5884 #elementor-icons-manager__tab__wrapper {
5885 overflow: auto;
5886 margin: 25px -15px 0;
5887 padding: 0 15px 15px;
5888 }
5889 #elementor-icons-manager__tab__title {
5890 color: var(--e-a-color-txt);
5891 font-size: 16px;
5892 font-weight: 500;
5893 text-align: start;
5894 }
5895 @media (max-width: 479px) {
5896 #elementor-icons-manager__tab__title {
5897 display: none;
5898 }
5899 }
5900 #elementor-icons-manager__tab__content {
5901 display: grid;
5902 grid-template-columns: repeat(7, 1fr);
5903 grid-gap: 20px;
5904 margin: 20px 0;
5905 }
5906 @media (max-width: 1439px) {
5907 #elementor-icons-manager__tab__content {
5908 grid-template-columns: repeat(6, 1fr);
5909 }
5910 }
5911 @media (max-width: 1024px) {
5912 #elementor-icons-manager__tab__content {
5913 grid-template-columns: repeat(5, 1fr);
5914 }
5915 }
5916 @media (max-width: 767px) {
5917 #elementor-icons-manager__tab__content {
5918 grid-template-columns: repeat(4, 1fr);
5919 }
5920 }
5921 @media (max-width: 479px) {
5922 #elementor-icons-manager__tab__content {
5923 grid-template-columns: repeat(3, 1fr);
5924 }
5925 }
5926 #elementor-icons-manager__promotion {
5927 display: flex;
5928 align-items: center;
5929 flex-direction: column;
5930 padding-block-start: 70px;
5931 }
5932 #elementor-icons-manager__promotion__icon {
5933 font-size: 60px;
5934 }
5935 #elementor-icons-manager__promotion__text {
5936 width: 300px;
5937 font-size: 16px;
5938 padding-block-start: 25px;
5939 }
5940 #elementor-icons-manager__promotion__link {
5941 margin-block-start: 20px;
5942 }
5943
5944 .elementor-icons-manager__tab-link {
5945 padding-block: 15px;
5946 padding-inline: 45px 0;
5947 font-size: 12px;
5948 text-align: start;
5949 cursor: pointer;
5950 position: relative;
5951 }
5952 .elementor-icons-manager__tab-link i {
5953 font-size: 20px;
5954 padding-inline-end: 15px;
5955 }
5956 @media (max-width: 1024px) {
5957 .elementor-icons-manager__tab-link i {
5958 display: none;
5959 }
5960 }
5961 .elementor-icons-manager__tab-link:hover {
5962 background-color: var(--e-a-bg-hover);
5963 }
5964 .elementor-icons-manager__tab-link.elementor-active {
5965 background-color: var(--e-a-bg-active);
5966 color: var(--e-a-color-txt-accent);
5967 }
5968 .elementor-icons-manager__tab-link.elementor-active:after {
5969 content: "";
5970 position: absolute;
5971 height: 100%;
5972 width: 3px;
5973 top: 0;
5974 right: 0;
5975 background-color: var(--e-a-border-color-accent);
5976 }
5977 .elementor-icons-manager__tab__item {
5978 position: relative;
5979 height: 0;
5980 padding-block-end: 100%;
5981 border: var(--e-a-border);
5982 border-radius: 3px;
5983 cursor: pointer;
5984 transition: var(--e-a-transition-hover);
5985 overflow: hidden;
5986 }
5987 .elementor-icons-manager__tab__item:hover {
5988 background-color: var(--e-a-bg-hover);
5989 }
5990 .elementor-icons-manager__tab__item.elementor-selected {
5991 background-color: var(--e-a-bg-active);
5992 border-color: var(--e-a-border-color-accent);
5993 color: var(--e-a-color-txt-accent);
5994 }
5995 .elementor-icons-manager__tab__item__content {
5996 display: flex;
5997 flex-direction: column;
5998 align-items: center;
5999 width: 100%;
6000 position: absolute;
6001 top: 50%;
6002 left: 50%;
6003 transform: translate(-50%, -50%);
6004 padding: 1px;
6005 }
6006 .elementor-icons-manager__tab__item__icon {
6007 font-size: 25px;
6008 }
6009 .elementor-icons-manager__tab__item__name {
6010 font-size: 11px;
6011 padding: 13px 20px 0;
6012 max-width: 100%;
6013 white-space: nowrap;
6014 text-overflow: ellipsis;
6015 overflow: hidden;
6016 }
6017
6018 .elementor-color-picker__header {
6019 display: flex;
6020 justify-content: space-between;
6021 align-items: center;
6022 font-weight: bold;
6023 padding: 10px;
6024 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
6025 }
6026
6027 .e-color-picker__tools {
6028 display: flex;
6029 }
6030
6031 .e-control-color--no-value .pcr-button {
6032 background-image: linear-gradient(135deg, transparent 46%, #ff3030 50%, transparent 54%);
6033 background-size: cover;
6034 background-color: transparent;
6035 }
6036
6037 .pickr {
6038 border: var(--e-a-border);
6039 height: 27px;
6040 }
6041 .pickr .pcr-button {
6042 height: 100%;
6043 width: 100%;
6044 border-radius: var(--e-a-border-radius);
6045 }
6046 .pickr .pcr-button:before, .pickr .pcr-button:after {
6047 height: 12px;
6048 width: 12px;
6049 top: 50%;
6050 left: 50%;
6051 transform: translate(-50%, -50%);
6052 }
6053
6054 .pcr-app {
6055 background-color: var(--e-a-bg-default);
6056 color: var(--e-a-color-txt);
6057 box-shadow: var(--e-a-popover-shadow);
6058 font-family: var(--e-a-font-family);
6059 }
6060 .pcr-app[data-theme=monolith] {
6061 padding: 0;
6062 width: 270px;
6063 }
6064 .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity,
6065 .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser {
6066 height: 8px;
6067 }
6068 .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette {
6069 height: 150px;
6070 }
6071 .pcr-app .pcr-interaction {
6072 padding-block-end: 20px;
6073 }
6074 .pcr-app .pcr-interaction input.pcr-result {
6075 border: var(--e-a-border);
6076 color: var(--e-a-color-txt);
6077 border-radius: var(--e-a-border-radius);
6078 margin: 0;
6079 background-color: transparent;
6080 }
6081 .pcr-app .pcr-interaction input.pcr-result:focus {
6082 box-shadow: none;
6083 border-color: var(--e-a-border-color-bold);
6084 }
6085 .pcr-app .pcr-interaction input.pcr-type {
6086 all: unset;
6087 font-size: 10px;
6088 color: var(--e-a-color-txt-muted);
6089 padding-inline-start: 5px;
6090 cursor: pointer;
6091 }
6092 .pcr-app .pcr-interaction input.pcr-type.active {
6093 background-color: transparent;
6094 color: var(--e-a-color-txt-accent);
6095 }
6096 .pcr-selection, .pcr-interaction {
6097 padding: 0 20px;
6098 }
6099 .pcr-selection {
6100 padding-block-start: 20px;
6101 }
6102 .pcr .elementor-control-dynamic-switcher {
6103 height: 20px;
6104 border: 0;
6105 }
6106
6107 .select2-container {
6108 width: 100% !important;
6109 outline: none;
6110 z-index: 9999;
6111 font-size: 12px;
6112 }
6113 .select2-container .e-select2-placeholder {
6114 color: var(--e-a-color-txt-muted);
6115 }
6116 .select2-container.select2-container--default .select2-selection--single {
6117 height: 27px;
6118 background-color: transparent;
6119 }
6120 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
6121 color: var(--e-a-color-txt);
6122 line-height: 27px;
6123 }
6124 .select2-container.select2-container--default .select2-results__option--highlighted[aria-selected] {
6125 background-color: var(--e-a-bg-hover);
6126 color: var(--e-a-color-txt-hover);
6127 }
6128 .select2-container.select2-container--default .select2-selection--multiple {
6129 background-color: var(--e-a-bg-default);
6130 min-height: 27px;
6131 line-height: 0;
6132 }
6133 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__clear {
6134 display: none;
6135 }
6136 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice {
6137 background-color: var(--e-a-btn-bg);
6138 color: var(--e-a-btn-color-invert);
6139 line-height: 1.2;
6140 font-size: 10px;
6141 border: none;
6142 border-radius: 0;
6143 padding: 2px 3px;
6144 }
6145 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice.select2-selection__e-plus-button {
6146 cursor: pointer;
6147 width: 16.67px;
6148 text-indent: -9999px;
6149 position: relative;
6150 }
6151 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice.select2-selection__e-plus-button:after {
6152 content: "\e815";
6153 font-family: "eicons";
6154 color: var(--e-a-btn-color-invert);
6155 text-indent: 0;
6156 position: absolute;
6157 left: 0;
6158 top: 0;
6159 width: 100%;
6160 height: 100%;
6161 display: flex;
6162 justify-content: center;
6163 align-items: center;
6164 }
6165 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered {
6166 padding-block-end: 5px;
6167 }
6168 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
6169 color: var(--e-a-btn-color-invert);
6170 margin-inline-end: 3px;
6171 }
6172 .select2-container:not(.select2-container--open):not(.select2-container--focus) .select2-selection--single,
6173 .select2-container:not(.select2-container--open):not(.select2-container--focus) .select2-selection--multiple {
6174 background-color: var(--e-a-bg-default);
6175 color: var(--e-a-color-txt);
6176 border-color: var(--e-a-border-color);
6177 }
6178 .select2-container.select2-container--open .select2-selection--single,
6179 .select2-container.select2-container--open .select2-selection--multiple, .select2-container.select2-container--focus .select2-selection--single,
6180 .select2-container.select2-container--focus .select2-selection--multiple {
6181 border-color: var(--e-a-border-color-bold);
6182 }
6183
6184 .select2-selection {
6185 outline: none;
6186 }
6187 .select2-selection--single {
6188 height: 27px;
6189 }
6190
6191 .select2-selection__arrow {
6192 height: 27px;
6193 top: 0;
6194 }
6195
6196 .select2-results__option[aria-selected=true] {
6197 background-color: var(--e-a-bg-active);
6198 color: var(--e-a-color-txt-active);
6199 }
6200 .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
6201 background-color: var(--e-a-bg-active);
6202 }
6203
6204 .select2-dropdown {
6205 border-color: var(--e-a-border-color);
6206 background-color: var(--e-a-bg-default);
6207 color: var(--e-a-color-txt);
6208 box-shadow: var(--e-a-dropdown-shadow);
6209 }
6210 .select2-dropdown .select2-search__field {
6211 outline: none;
6212 }
6213
6214 .e-ui-state--document-scrubbing-mode__on, .e-ui-state--document-scrubbing-mode__on * {
6215 cursor: ew-resize;
6216 }
6217 .e-ui-state--document-scrubbing-mode__on input.e-scrubbing--active, .e-ui-state--document-scrubbing-mode__on input.e-scrubbing--active:focus {
6218 box-shadow: 0 0 0 1px #0e3b9c inset;
6219 }
6220 .e-ui-state--document-scrubbing-mode__on label.e-scrubbing--active {
6221 color: #0e3b9c;
6222 -webkit-user-select: none;
6223 -moz-user-select: none;
6224 user-select: none;
6225 }
6226 .e-ui-state--document-scrubbing-mode__on iframe {
6227 pointer-events: none;
6228 }
6229
6230 label.e-scrubbing-over {
6231 cursor: ew-resize;
6232 }
6233
6234 #elementor-paste-area-dialog {
6235 text-align: center;
6236 }
6237 #elementor-paste-area-dialog .dialog-header {
6238 padding-block-start: 60px;
6239 font-size: 30px;
6240 }
6241 #elementor-paste-area-dialog .dialog-message {
6242 padding: 0 15px 15px;
6243 font-size: 15px;
6244 position: relative;
6245 }
6246 #elementor-paste-area-dialog #elementor-paste-area-dialog__input {
6247 background: transparent;
6248 color: transparent;
6249 border-color: transparent;
6250 padding: 0;
6251 margin: 0;
6252 height: 100px;
6253 position: absolute;
6254 top: -60px;
6255 left: 0;
6256 right: 0;
6257 }
6258 #elementor-paste-area-dialog #elementor-paste-area-dialog__input:focus {
6259 border-color: transparent;
6260 outline: none;
6261 }
6262 #elementor-paste-area-dialog .dialog-widget-content {
6263 width: 400px;
6264 }
6265 #elementor-paste-area-dialog .dialog-widget-content .eicon-loading {
6266 display: none;
6267 }
6268 #elementor-paste-area-dialog .dialog-widget-content.e-state-loading .eicon-loading {
6269 display: block;
6270 margin-block-start: 15px;
6271 }
6272 #elementor-paste-area-dialog #elementor-paste-area-dialog__error {
6273 color: var(--e-a-color-danger);
6274 font-size: 12px;
6275 }
6276 #elementor-paste-area-dialog #elementor-paste-area-dialog__error:before {
6277 content: "";
6278 border-block-start: var(--e-a-border);
6279 display: block;
6280 margin: 10px -15px;
6281 }
6282
6283 [class^=eicon-flex], [class*=" eicon-flex"] {
6284 transition: 0.3s all;
6285 --is-ltr: 1;
6286 --is-rtl: 0;
6287 --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
6288 --is-ltr: 0;
6289 --is-rtl: 1;
6290 }
6291 [class^=eicon-flex].eicon-inline, [class*=" eicon-flex"].eicon-inline {
6292 max-height: 1em;
6293 max-width: 1em;
6294 }
6295 [class^=eicon-flex]:is(.eicon-justify-start-h, .eicon-justify-end-h), [class*=" eicon-flex"]:is(.eicon-justify-start-h, .eicon-justify-end-h) {
6296 --rotation-direction: calc(var(--is-ltr) + var(--is-rtl));
6297 }
6298 :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) {
6299 transform: rotate(calc(var(--rotation-direction) * 90deg));
6300 }
6301 :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) {
6302 transform: rotate(calc(var(--rotation-direction) * -90deg));
6303 }
6304 .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) {
6305 transform: rotate(calc(var(--rotation-direction) * -90deg));
6306 }
6307 .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) {
6308 transform: rotate(calc(var(--is-rtl) * 180deg));
6309 }
6310 .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) {
6311 transform: rotate(calc(var(--is-ltr) * 180deg));
6312 }
6313 /*# sourceMappingURL=editor-rtl.css.map */