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

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

6,276 lines 170.7 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*! elementor - v3.19.0 - 05-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 right: 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: "\e89f";
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: "\e89e";
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 left: 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 right: 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 left: 8px;
889 right: 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 left: 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 right: 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 right: 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 right: 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 left: 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 left: 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: "\e90a";
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-update-preview {
1491 margin: 15px 15px 0;
1492 display: flex;
1493 align-items: center;
1494 }
1495
1496 .elementor-update-preview-button-wrapper {
1497 flex-grow: 1;
1498 text-align: end;
1499 }
1500
1501 .elementor-update-preview-button {
1502 padding: 8px 15px;
1503 }
1504
1505 .elementor-control-direction-ltr input,
1506 .elementor-control-direction-ltr textarea {
1507 direction: ltr;
1508 }
1509 .elementor-control-direction-rtl input,
1510 .elementor-control-direction-rtl textarea {
1511 direction: rtl;
1512 }
1513
1514 .elementor-control-responsive-switchers {
1515 --selected-option: 0;
1516 --pointer-position: var(--selected-option);
1517 position: relative;
1518 width: 2.5em;
1519 height: 2.5em;
1520 margin: calc(-2.5em + 12px) 0;
1521 margin-inline-end: 5px;
1522 }
1523 .elementor-control-responsive-switchers__holder {
1524 position: absolute;
1525 width: 100%;
1526 top: 0;
1527 background-color: var(--e-a-bg-default);
1528 border-radius: var(--e-a-border-radius);
1529 transition: 0.15s;
1530 border: 1px solid transparent;
1531 }
1532 .elementor-control-responsive-switchers.elementor-responsive-switchers-open {
1533 z-index: 11000;
1534 }
1535 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher {
1536 height: 2.5em;
1537 transform: scale(1);
1538 opacity: 1;
1539 }
1540 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher:hover {
1541 color: var(--e-a-color-primary-bold);
1542 }
1543 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-control-responsive-switchers__holder {
1544 box-shadow: var(--e-a-dropdown-shadow);
1545 }
1546
1547 .elementor-responsive-switcher {
1548 all: unset;
1549 display: flex;
1550 align-items: center;
1551 justify-content: center;
1552 position: relative;
1553 z-index: 2;
1554 cursor: pointer;
1555 height: 0;
1556 width: 100%;
1557 transform: scale(0);
1558 opacity: 0;
1559 transition: 0.15s;
1560 font-size: 12px;
1561 color: inherit;
1562 }
1563 .elementor-responsive-switcher:hover {
1564 color: var(--e-a-color-primary-bold);
1565 }
1566
1567 .elementor-device-widescreen .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
1568 height: 2.5em;
1569 transform: scale(1);
1570 opacity: 1;
1571 }
1572 .elementor-device-widescreen .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
1573 color: var(--e-a-color-primary-bold);
1574 }
1575
1576 .elementor-device-desktop .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
1577 height: 2.5em;
1578 transform: scale(1);
1579 opacity: 1;
1580 }
1581 .elementor-device-desktop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
1582 color: var(--e-a-color-primary-bold);
1583 }
1584
1585 .elementor-device-laptop .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1586 height: 2.5em;
1587 transform: scale(1);
1588 opacity: 1;
1589 }
1590 .elementor-device-laptop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1591 color: var(--e-a-color-primary-bold);
1592 }
1593
1594 .elementor-device-tablet_extra .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1595 height: 2.5em;
1596 transform: scale(1);
1597 opacity: 1;
1598 }
1599 .elementor-device-tablet_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1600 color: var(--e-a-color-primary-bold);
1601 }
1602
1603 .elementor-device-tablet .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1604 height: 2.5em;
1605 transform: scale(1);
1606 opacity: 1;
1607 }
1608 .elementor-device-tablet .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1609 color: var(--e-a-color-primary-bold);
1610 }
1611
1612 .elementor-device-mobile_extra .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1613 height: 2.5em;
1614 transform: scale(1);
1615 opacity: 1;
1616 }
1617 .elementor-device-mobile_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1618 color: var(--e-a-color-primary-bold);
1619 }
1620
1621 .elementor-device-mobile .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1622 height: 2.5em;
1623 transform: scale(1);
1624 opacity: 1;
1625 }
1626 .elementor-device-mobile .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1627 color: var(--e-a-color-primary-bold);
1628 }
1629
1630 .e-units-wrapper {
1631 position: relative;
1632 margin-inline-start: auto;
1633 }
1634 .e-units-wrapper .e-units-switcher {
1635 cursor: pointer;
1636 font-size: 10px;
1637 padding: 0.5em;
1638 margin: -0.5em 0;
1639 transition: all ease-in-out 0.15s;
1640 }
1641 .e-units-wrapper .e-units-switcher:hover {
1642 color: var(--e-a-color-primary-bold);
1643 background-color: var(--e-a-bg-hover);
1644 border-radius: var(--e-a-border-radius);
1645 }
1646 .e-units-wrapper .e-units-switcher:not([data-selected=custom]) i.eicon-edit {
1647 display: none;
1648 }
1649 .e-units-wrapper .e-units-switcher[data-selected=custom] span {
1650 display: none;
1651 }
1652 .e-units-wrapper .e-units-switcher i.eicon-angle-right {
1653 transform: rotate(90deg);
1654 }
1655
1656 .e-units-choices input {
1657 display: none;
1658 }
1659 .e-units-choices input:checked + label {
1660 color: var(--e-a-color-primary-bold);
1661 }
1662 .e-units-choices label {
1663 cursor: pointer;
1664 display: block;
1665 }
1666 .e-units-choices {
1667 display: none;
1668 overflow: hidden;
1669 max-height: 0;
1670 position: absolute;
1671 top: -0.8em;
1672 left: -0.5em;
1673 width: 2.5em;
1674 text-align: center;
1675 background-color: var(--e-a-bg-default);
1676 border-radius: var(--e-a-border-radius);
1677 box-shadow: var(--e-a-dropdown-shadow);
1678 animation-timing-function: linear;
1679 animation-delay: 0s;
1680 animation-fill-mode: forwards;
1681 z-index: 11000;
1682 }
1683 .e-units-choices .elementor-units-choices-label {
1684 display: flex;
1685 align-items: center;
1686 height: 3em;
1687 justify-content: center;
1688 font-size: 10px;
1689 transition: 0.15s;
1690 }
1691 .e-units-choices .elementor-units-choices-label:hover {
1692 color: var(--e-a-color-primary-bold);
1693 }
1694 .e-units-choices .elementor-units-choices-label:not([data-choose=custom]) i {
1695 display: none;
1696 }
1697 .e-units-choices .elementor-units-choices-label[data-choose=custom] span {
1698 display: none;
1699 }
1700 .e-units-choices.e-units-choices-open {
1701 display: block;
1702 animation-duration: 1s;
1703 animation-name: e-units-choices-open;
1704 }
1705
1706 .e-units-custom input {
1707 font-family: monospace;
1708 font-size: 0.85em;
1709 }
1710
1711 @keyframes e-units-choices-open {
1712 from {
1713 max-height: 0;
1714 }
1715 to {
1716 max-height: 100vh;
1717 }
1718 }
1719 .elementor-control-alert {
1720 display: flex;
1721 flex-direction: column;
1722 justify-content: start;
1723 align-items: start;
1724 gap: 8px;
1725 }
1726 .elementor-control-alert-heading {
1727 font-weight: bold;
1728 }
1729
1730 .elementor-control-type-button .elementor-control-input-wrapper {
1731 text-align: end;
1732 }
1733 .elementor-control-type-button .elementor-button {
1734 width: auto;
1735 }
1736 .elementor-control-type-button .elementor-button.elementor-button-center {
1737 display: block;
1738 margin: 0 auto;
1739 }
1740
1741 .elementor-control-type-choose.elementor-label-block .elementor-choices {
1742 width: 100%;
1743 }
1744
1745 .elementor-choices {
1746 display: flex;
1747 height: 27px;
1748 line-height: 27px;
1749 text-align: center;
1750 border-spacing: 1px;
1751 border-radius: var(--e-a-border-radius);
1752 overflow: hidden;
1753 }
1754 .elementor-choices .elementor-choices-label {
1755 border-block-start: var(--e-a-border-bold);
1756 border-block-end: var(--e-a-border-bold);
1757 border-inline-start: var(--e-a-border-bold);
1758 border-inline-end: none;
1759 font-size: 12px;
1760 transition: var(--e-a-transition-hover);
1761 cursor: pointer;
1762 overflow: hidden;
1763 }
1764 .elementor-choices .elementor-choices-label:nth-child(2) {
1765 border-start-start-radius: var(--e-a-border-radius);
1766 border-end-start-radius: var(--e-a-border-radius);
1767 }
1768 .elementor-choices .elementor-choices-label:last-child {
1769 border-inline-end: var(--e-a-border-bold);
1770 border-start-end-radius: var(--e-a-border-radius);
1771 border-end-end-radius: var(--e-a-border-radius);
1772 }
1773 .elementor-choices input {
1774 display: none;
1775 }
1776 .elementor-choices input:hover + .elementor-choices-label {
1777 background-color: var(--e-a-bg-hover);
1778 }
1779 .elementor-choices input.e-choose-placeholder + .elementor-choices-label, .elementor-choices input:checked + .elementor-choices-label {
1780 background-color: var(--e-a-bg-active-bold);
1781 color: var(--e-a-color-txt-accent);
1782 }
1783
1784 .elementor-label-inline .elementor-choices {
1785 justify-content: flex-end;
1786 }
1787
1788 .elementor-control-type-color.e-control-global .pickr {
1789 border-start-start-radius: 0;
1790 border-start-end-radius: var(--e-a-border-radius);
1791 border-end-start-radius: 0;
1792 border-end-end-radius: var(--e-a-border-radius);
1793 flex-shrink: 0;
1794 border-color: var(--e-a-border-color-bold);
1795 transition: var(--e-a-transition-hover);
1796 }
1797 .elementor-control-type-color.e-control-global .pickr:hover {
1798 background-color: var(--e-a-bg-hover);
1799 }
1800 .elementor-control-type-color.e-control-global .e-global__popover-toggle:not(.e-global__popover-toggle--active) ~ .pickr {
1801 background-color: var(--e-a-bg-active-bold);
1802 }
1803 .elementor-control-type-color .elementor-control-title {
1804 flex-grow: 1;
1805 }
1806 .elementor-control-type-color .elementor-control-input-wrapper {
1807 display: flex;
1808 justify-content: flex-end;
1809 }
1810
1811 .elementor-group-control-css-filter .elementor-slider {
1812 height: 6px;
1813 box-shadow: 0 0 1px 1px inset rgba(0, 0, 0, 0.2);
1814 }
1815 .elementor-group-control-css-filter .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
1816 margin-block-start: 0;
1817 margin-block-end: 5px;
1818 }
1819
1820 .elementor-group-control-blur .elementor-slider {
1821 background: url("../images/blur.png");
1822 background-size: cover;
1823 background-position: center;
1824 }
1825
1826 .elementor-group-control-contrast .elementor-slider {
1827 background: url("../images/contrast.png");
1828 background-size: 100% 100%;
1829 }
1830
1831 .elementor-group-control-hue .elementor-slider {
1832 background-image: linear-gradient(to right, red, orange, yellow, greenyellow, limegreen, deepskyblue, blue, darkviolet 95%);
1833 }
1834
1835 .elementor-group-control-saturate .elementor-slider {
1836 background-image: linear-gradient(to right, gray, red);
1837 }
1838
1839 .elementor-group-control-brightness .elementor-slider {
1840 background-image: linear-gradient(to right, black, white);
1841 }
1842
1843 .elementor-control-responsive-switchers {
1844 --selected-option: 0;
1845 --pointer-position: var(--selected-option);
1846 position: relative;
1847 width: 2.5em;
1848 height: 2.5em;
1849 margin: calc(-2.5em + 12px) 0;
1850 margin-inline-end: 5px;
1851 }
1852 .elementor-control-responsive-switchers__holder {
1853 position: absolute;
1854 width: 100%;
1855 top: 0;
1856 background-color: var(--e-a-bg-default);
1857 border-radius: var(--e-a-border-radius);
1858 transition: 0.15s;
1859 border: 1px solid transparent;
1860 }
1861 .elementor-control-responsive-switchers.elementor-responsive-switchers-open {
1862 z-index: 11000;
1863 }
1864 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher {
1865 height: 2.5em;
1866 transform: scale(1);
1867 opacity: 1;
1868 }
1869 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher:hover {
1870 color: var(--e-a-color-primary-bold);
1871 }
1872 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-control-responsive-switchers__holder {
1873 box-shadow: var(--e-a-dropdown-shadow);
1874 }
1875
1876 .elementor-responsive-switcher {
1877 all: unset;
1878 display: flex;
1879 align-items: center;
1880 justify-content: center;
1881 position: relative;
1882 z-index: 2;
1883 cursor: pointer;
1884 height: 0;
1885 width: 100%;
1886 transform: scale(0);
1887 opacity: 0;
1888 transition: 0.15s;
1889 font-size: 12px;
1890 color: inherit;
1891 }
1892 .elementor-responsive-switcher:hover {
1893 color: var(--e-a-color-primary-bold);
1894 }
1895
1896 .elementor-device-widescreen .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
1897 height: 2.5em;
1898 transform: scale(1);
1899 opacity: 1;
1900 }
1901 .elementor-device-widescreen .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
1902 color: var(--e-a-color-primary-bold);
1903 }
1904
1905 .elementor-device-desktop .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
1906 height: 2.5em;
1907 transform: scale(1);
1908 opacity: 1;
1909 }
1910 .elementor-device-desktop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
1911 color: var(--e-a-color-primary-bold);
1912 }
1913
1914 .elementor-device-laptop .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1915 height: 2.5em;
1916 transform: scale(1);
1917 opacity: 1;
1918 }
1919 .elementor-device-laptop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1920 color: var(--e-a-color-primary-bold);
1921 }
1922
1923 .elementor-device-tablet_extra .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1924 height: 2.5em;
1925 transform: scale(1);
1926 opacity: 1;
1927 }
1928 .elementor-device-tablet_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1929 color: var(--e-a-color-primary-bold);
1930 }
1931
1932 .elementor-device-tablet .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1933 height: 2.5em;
1934 transform: scale(1);
1935 opacity: 1;
1936 }
1937 .elementor-device-tablet .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1938 color: var(--e-a-color-primary-bold);
1939 }
1940
1941 .elementor-device-mobile_extra .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1942 height: 2.5em;
1943 transform: scale(1);
1944 opacity: 1;
1945 }
1946 .elementor-device-mobile_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1947 color: var(--e-a-color-primary-bold);
1948 }
1949
1950 .elementor-device-mobile .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1951 height: 2.5em;
1952 transform: scale(1);
1953 opacity: 1;
1954 }
1955 .elementor-device-mobile .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1956 color: var(--e-a-color-primary-bold);
1957 }
1958
1959 .e-units-wrapper {
1960 position: relative;
1961 margin-inline-start: auto;
1962 }
1963 .e-units-wrapper .e-units-switcher {
1964 cursor: pointer;
1965 font-size: 10px;
1966 padding: 0.5em;
1967 margin: -0.5em 0;
1968 transition: all ease-in-out 0.15s;
1969 }
1970 .e-units-wrapper .e-units-switcher:hover {
1971 color: var(--e-a-color-primary-bold);
1972 background-color: var(--e-a-bg-hover);
1973 border-radius: var(--e-a-border-radius);
1974 }
1975 .e-units-wrapper .e-units-switcher:not([data-selected=custom]) i.eicon-edit {
1976 display: none;
1977 }
1978 .e-units-wrapper .e-units-switcher[data-selected=custom] span {
1979 display: none;
1980 }
1981 .e-units-wrapper .e-units-switcher i.eicon-angle-right {
1982 transform: rotate(90deg);
1983 }
1984
1985 .e-units-choices input {
1986 display: none;
1987 }
1988 .e-units-choices input:checked + label {
1989 color: var(--e-a-color-primary-bold);
1990 }
1991 .e-units-choices label {
1992 cursor: pointer;
1993 display: block;
1994 }
1995 .e-units-choices {
1996 display: none;
1997 overflow: hidden;
1998 max-height: 0;
1999 position: absolute;
2000 top: -0.8em;
2001 left: -0.5em;
2002 width: 2.5em;
2003 text-align: center;
2004 background-color: var(--e-a-bg-default);
2005 border-radius: var(--e-a-border-radius);
2006 box-shadow: var(--e-a-dropdown-shadow);
2007 animation-timing-function: linear;
2008 animation-delay: 0s;
2009 animation-fill-mode: forwards;
2010 z-index: 11000;
2011 }
2012 .e-units-choices .elementor-units-choices-label {
2013 display: flex;
2014 align-items: center;
2015 height: 3em;
2016 justify-content: center;
2017 font-size: 10px;
2018 transition: 0.15s;
2019 }
2020 .e-units-choices .elementor-units-choices-label:hover {
2021 color: var(--e-a-color-primary-bold);
2022 }
2023 .e-units-choices .elementor-units-choices-label:not([data-choose=custom]) i {
2024 display: none;
2025 }
2026 .e-units-choices .elementor-units-choices-label[data-choose=custom] span {
2027 display: none;
2028 }
2029 .e-units-choices.e-units-choices-open {
2030 display: block;
2031 animation-duration: 1s;
2032 animation-name: e-units-choices-open;
2033 }
2034
2035 .e-units-custom input {
2036 font-family: monospace;
2037 font-size: 0.85em;
2038 }
2039
2040 @keyframes e-units-choices-open {
2041 from {
2042 max-height: 0;
2043 }
2044 to {
2045 max-height: 100vh;
2046 }
2047 }
2048 .elementor-control-type-dimensions .elementor-control-dimensions {
2049 display: flex;
2050 }
2051 .elementor-control-type-dimensions li {
2052 flex: 1;
2053 transition: flex-grow 0.3s ease-in-out;
2054 }
2055 .elementor-control-type-dimensions li input,
2056 .elementor-control-type-dimensions li .elementor-link-dimensions {
2057 display: block;
2058 text-align: center;
2059 width: 100%;
2060 height: 27px;
2061 }
2062 .elementor-control-type-dimensions li input {
2063 border-inline-start: none;
2064 border-radius: 0;
2065 padding: var(--e-a-border-radius);
2066 }
2067 .elementor-control-type-dimensions li input:focus {
2068 border-inline-start: var(--e-a-border-bold);
2069 margin-inline-start: -1px;
2070 width: calc(100% + 1px);
2071 }
2072 .elementor-control-type-dimensions li input:focus + .elementor-control-dimension-label {
2073 color: var(--e-a-color-txt);
2074 }
2075 .elementor-control-type-dimensions li .elementor-link-dimensions {
2076 border: var(--e-a-border-bold);
2077 border-inline-start: none;
2078 background-color: var(--e-a-bg-default);
2079 padding: 0;
2080 outline: none;
2081 border-start-start-radius: 0;
2082 border-start-end-radius: var(--e-a-border-radius);
2083 border-end-start-radius: 0;
2084 border-end-end-radius: var(--e-a-border-radius);
2085 cursor: pointer;
2086 }
2087 .elementor-control-type-dimensions li:first-child input {
2088 border-inline-start: 1px solid var(--e-a-border-color-bold);
2089 border-start-start-radius: var(--e-a-border-radius);
2090 border-start-end-radius: 0;
2091 border-end-start-radius: var(--e-a-border-radius);
2092 border-end-end-radius: 0;
2093 }
2094 .elementor-control-type-dimensions li:first-child input:focus {
2095 border-color: var(--e-a-border-color-focus);
2096 margin-inline-start: 0;
2097 width: 100%;
2098 }
2099 .elementor-control-type-dimensions li:last-child {
2100 max-width: 27px;
2101 }
2102 .elementor-control-type-dimensions.e-units-custom li.elementor-control-dimension:focus-within {
2103 flex: 2.5;
2104 }
2105 .elementor-control-type-dimensions .elementor-control-dimension-label {
2106 color: var(--e-a-color-txt-muted);
2107 display: block;
2108 text-align: center;
2109 font-size: 9px;
2110 padding-block-start: 5px;
2111 }
2112 .elementor-control-type-dimensions .elementor-link-dimensions.unlinked {
2113 background-color: var(--e-a-bg-default);
2114 }
2115 .elementor-control-type-dimensions .elementor-link-dimensions.unlinked .elementor-linked {
2116 display: none;
2117 }
2118 .elementor-control-type-dimensions .elementor-link-dimensions:not(.unlinked) {
2119 background-color: var(--e-a-bg-active-bold);
2120 color: var(--e-a-color-txt-accent);
2121 border-color: var(--e-a-border-color-bold);
2122 }
2123 .elementor-control-type-dimensions .elementor-link-dimensions:not(.unlinked) .elementor-unlinked {
2124 display: none;
2125 }
2126
2127 .elementor-control-responsive-switchers {
2128 --selected-option: 0;
2129 --pointer-position: var(--selected-option);
2130 position: relative;
2131 width: 2.5em;
2132 height: 2.5em;
2133 margin: calc(-2.5em + 12px) 0;
2134 margin-inline-end: 5px;
2135 }
2136 .elementor-control-responsive-switchers__holder {
2137 position: absolute;
2138 width: 100%;
2139 top: 0;
2140 background-color: var(--e-a-bg-default);
2141 border-radius: var(--e-a-border-radius);
2142 transition: 0.15s;
2143 border: 1px solid transparent;
2144 }
2145 .elementor-control-responsive-switchers.elementor-responsive-switchers-open {
2146 z-index: 11000;
2147 }
2148 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher {
2149 height: 2.5em;
2150 transform: scale(1);
2151 opacity: 1;
2152 }
2153 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher:hover {
2154 color: var(--e-a-color-primary-bold);
2155 }
2156 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-control-responsive-switchers__holder {
2157 box-shadow: var(--e-a-dropdown-shadow);
2158 }
2159
2160 .elementor-responsive-switcher {
2161 all: unset;
2162 display: flex;
2163 align-items: center;
2164 justify-content: center;
2165 position: relative;
2166 z-index: 2;
2167 cursor: pointer;
2168 height: 0;
2169 width: 100%;
2170 transform: scale(0);
2171 opacity: 0;
2172 transition: 0.15s;
2173 font-size: 12px;
2174 color: inherit;
2175 }
2176 .elementor-responsive-switcher:hover {
2177 color: var(--e-a-color-primary-bold);
2178 }
2179
2180 .elementor-device-widescreen .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
2181 height: 2.5em;
2182 transform: scale(1);
2183 opacity: 1;
2184 }
2185 .elementor-device-widescreen .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
2186 color: var(--e-a-color-primary-bold);
2187 }
2188
2189 .elementor-device-desktop .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
2190 height: 2.5em;
2191 transform: scale(1);
2192 opacity: 1;
2193 }
2194 .elementor-device-desktop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
2195 color: var(--e-a-color-primary-bold);
2196 }
2197
2198 .elementor-device-laptop .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
2199 height: 2.5em;
2200 transform: scale(1);
2201 opacity: 1;
2202 }
2203 .elementor-device-laptop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
2204 color: var(--e-a-color-primary-bold);
2205 }
2206
2207 .elementor-device-tablet_extra .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
2208 height: 2.5em;
2209 transform: scale(1);
2210 opacity: 1;
2211 }
2212 .elementor-device-tablet_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
2213 color: var(--e-a-color-primary-bold);
2214 }
2215
2216 .elementor-device-tablet .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
2217 height: 2.5em;
2218 transform: scale(1);
2219 opacity: 1;
2220 }
2221 .elementor-device-tablet .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
2222 color: var(--e-a-color-primary-bold);
2223 }
2224
2225 .elementor-device-mobile_extra .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
2226 height: 2.5em;
2227 transform: scale(1);
2228 opacity: 1;
2229 }
2230 .elementor-device-mobile_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
2231 color: var(--e-a-color-primary-bold);
2232 }
2233
2234 .elementor-device-mobile .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
2235 height: 2.5em;
2236 transform: scale(1);
2237 opacity: 1;
2238 }
2239 .elementor-device-mobile .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
2240 color: var(--e-a-color-primary-bold);
2241 }
2242
2243 .e-units-wrapper {
2244 position: relative;
2245 margin-inline-start: auto;
2246 }
2247 .e-units-wrapper .e-units-switcher {
2248 cursor: pointer;
2249 font-size: 10px;
2250 padding: 0.5em;
2251 margin: -0.5em 0;
2252 transition: all ease-in-out 0.15s;
2253 }
2254 .e-units-wrapper .e-units-switcher:hover {
2255 color: var(--e-a-color-primary-bold);
2256 background-color: var(--e-a-bg-hover);
2257 border-radius: var(--e-a-border-radius);
2258 }
2259 .e-units-wrapper .e-units-switcher:not([data-selected=custom]) i.eicon-edit {
2260 display: none;
2261 }
2262 .e-units-wrapper .e-units-switcher[data-selected=custom] span {
2263 display: none;
2264 }
2265 .e-units-wrapper .e-units-switcher i.eicon-angle-right {
2266 transform: rotate(90deg);
2267 }
2268
2269 .e-units-choices input {
2270 display: none;
2271 }
2272 .e-units-choices input:checked + label {
2273 color: var(--e-a-color-primary-bold);
2274 }
2275 .e-units-choices label {
2276 cursor: pointer;
2277 display: block;
2278 }
2279 .e-units-choices {
2280 display: none;
2281 overflow: hidden;
2282 max-height: 0;
2283 position: absolute;
2284 top: -0.8em;
2285 left: -0.5em;
2286 width: 2.5em;
2287 text-align: center;
2288 background-color: var(--e-a-bg-default);
2289 border-radius: var(--e-a-border-radius);
2290 box-shadow: var(--e-a-dropdown-shadow);
2291 animation-timing-function: linear;
2292 animation-delay: 0s;
2293 animation-fill-mode: forwards;
2294 z-index: 11000;
2295 }
2296 .e-units-choices .elementor-units-choices-label {
2297 display: flex;
2298 align-items: center;
2299 height: 3em;
2300 justify-content: center;
2301 font-size: 10px;
2302 transition: 0.15s;
2303 }
2304 .e-units-choices .elementor-units-choices-label:hover {
2305 color: var(--e-a-color-primary-bold);
2306 }
2307 .e-units-choices .elementor-units-choices-label:not([data-choose=custom]) i {
2308 display: none;
2309 }
2310 .e-units-choices .elementor-units-choices-label[data-choose=custom] span {
2311 display: none;
2312 }
2313 .e-units-choices.e-units-choices-open {
2314 display: block;
2315 animation-duration: 1s;
2316 animation-name: e-units-choices-open;
2317 }
2318
2319 .e-units-custom input {
2320 font-family: monospace;
2321 font-size: 0.85em;
2322 }
2323
2324 @keyframes e-units-choices-open {
2325 from {
2326 max-height: 0;
2327 }
2328 to {
2329 max-height: 100vh;
2330 }
2331 }
2332 .elementor-control-type-gaps .elementor-control-gaps {
2333 display: flex;
2334 }
2335 .elementor-control-type-gaps li {
2336 flex: 1;
2337 transition: flex-grow 0.3s ease-in-out;
2338 }
2339 .elementor-control-type-gaps li input,
2340 .elementor-control-type-gaps li .elementor-link-gaps {
2341 display: block;
2342 text-align: center;
2343 width: 100%;
2344 height: 27px;
2345 }
2346 .elementor-control-type-gaps li input {
2347 border-inline-start: none;
2348 border-radius: 0;
2349 padding: var(--e-a-border-radius);
2350 }
2351 .elementor-control-type-gaps li input:focus {
2352 border-inline-start: var(--e-a-border-bold);
2353 margin-inline-start: -1px;
2354 width: calc(100% + 1px);
2355 }
2356 .elementor-control-type-gaps li input:focus + .elementor-control-gap-label {
2357 color: var(--e-a-color-txt);
2358 }
2359 .elementor-control-type-gaps li .elementor-link-gaps {
2360 border: var(--e-a-border-bold);
2361 border-inline-start: none;
2362 background-color: var(--e-a-bg-default);
2363 padding: 0;
2364 outline: none;
2365 border-start-start-radius: 0;
2366 border-start-end-radius: var(--e-a-border-radius);
2367 border-end-start-radius: 0;
2368 border-end-end-radius: var(--e-a-border-radius);
2369 cursor: pointer;
2370 }
2371 .elementor-control-type-gaps li:first-child input {
2372 border-inline-start: 1px solid var(--e-a-border-color-bold);
2373 border-start-start-radius: var(--e-a-border-radius);
2374 border-start-end-radius: 0;
2375 border-end-start-radius: var(--e-a-border-radius);
2376 border-end-end-radius: 0;
2377 }
2378 .elementor-control-type-gaps li:first-child input:focus {
2379 border-color: var(--e-a-border-color-focus);
2380 margin-inline-start: 0;
2381 width: 100%;
2382 }
2383 .elementor-control-type-gaps li:last-child {
2384 max-width: 27px;
2385 }
2386 .elementor-control-type-gaps.e-units-custom li.elementor-control-gap:focus-within {
2387 flex: 2.5;
2388 }
2389 .elementor-control-type-gaps .elementor-control-gap-label {
2390 color: var(--e-a-color-txt-muted);
2391 display: block;
2392 text-align: center;
2393 font-size: 9px;
2394 padding-block-start: 5px;
2395 }
2396 .elementor-control-type-gaps .elementor-link-gaps.unlinked {
2397 background-color: var(--e-a-bg-default);
2398 }
2399 .elementor-control-type-gaps .elementor-link-gaps.unlinked .elementor-linked {
2400 display: none;
2401 }
2402 .elementor-control-type-gaps .elementor-link-gaps:not(.unlinked) {
2403 background-color: var(--e-a-bg-active-bold);
2404 color: var(--e-a-color-txt-accent);
2405 border-color: var(--e-a-border-color-bold);
2406 }
2407 .elementor-control-type-gaps .elementor-link-gaps:not(.unlinked) .elementor-unlinked {
2408 display: none;
2409 }
2410
2411 .elementor-control-type-icons .elementor-control-media__preview > * {
2412 position: absolute;
2413 top: 50%;
2414 left: 50%;
2415 transform: translate(-50%, -50%);
2416 }
2417 .elementor-control-type-icons .elementor-control-media__preview i {
2418 font-size: 70px;
2419 }
2420 .elementor-control-type-icons .elementor-control-media__preview svg {
2421 height: 75%;
2422 }
2423 .elementor-control-type-icons .elementor-control-icons--inline__svg i.eicon-upload {
2424 font-size: 15px;
2425 }
2426
2427 .elementor-control-type-gallery .elementor-control-media__content {
2428 border: var(--e-a-border-bold);
2429 border-radius: 3px;
2430 }
2431 .elementor-control-type-gallery .elementor-control-gallery-status {
2432 font-size: 12px;
2433 height: 27px;
2434 padding-inline-start: 10px;
2435 border-block-end: var(--e-a-border-bold);
2436 display: flex;
2437 }
2438 .elementor-control-type-gallery .elementor-control-gallery-status > * {
2439 display: flex;
2440 align-items: center;
2441 }
2442 .elementor-control-type-gallery .elementor-control-gallery-status-title {
2443 flex-grow: 1;
2444 }
2445 .elementor-control-type-gallery .elementor-control-gallery-content {
2446 position: relative;
2447 overflow: hidden;
2448 }
2449 .elementor-control-type-gallery .elementor-control-gallery-thumbnails {
2450 display: grid;
2451 grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
2452 grid-gap: 10px;
2453 cursor: pointer;
2454 padding: 10px;
2455 }
2456 .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 {
2457 opacity: 1;
2458 }
2459 .elementor-control-type-gallery .elementor-control-gallery-thumbnail {
2460 width: 48px;
2461 height: 48px;
2462 -o-object-fit: cover;
2463 object-fit: cover;
2464 border: var(--e-a-border);
2465 }
2466 .elementor-control-type-gallery .elementor-control-gallery-thumbnail + .unoptimized__image {
2467 outline: 2px solid var(--e-a-btn-bg-danger-active);
2468 opacity: 0.6;
2469 }
2470 .elementor-control-type-gallery .elementor-control-gallery-edit {
2471 position: absolute;
2472 top: 0;
2473 bottom: 0;
2474 left: 0;
2475 right: 0;
2476 background-color: rgba(0, 0, 0, 0.2);
2477 padding: 10px;
2478 font-size: 11px;
2479 transition: all 0.3s ease-in-out;
2480 pointer-events: none;
2481 cursor: pointer;
2482 opacity: 0;
2483 }
2484 .elementor-control-type-gallery .elementor-control-gallery-edit span {
2485 position: absolute;
2486 top: 10px;
2487 right: 10px;
2488 width: 21px;
2489 height: 21px;
2490 color: var(--e-a-color-white);
2491 background-color: rgba(0, 0, 0, 0.5);
2492 box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
2493 transition: var(--e-a-transition-hover);
2494 }
2495 .elementor-control-type-gallery .elementor-control-gallery-edit span i {
2496 font-size: 11px;
2497 padding: 5px;
2498 }
2499 .elementor-control-type-gallery .elementor-control-gallery-edit span:hover {
2500 background-color: rgba(0, 0, 0, 0.6);
2501 }
2502 .elementor-control-type-gallery .elementor-control-gallery-add {
2503 width: 48px;
2504 height: 48px;
2505 font-size: 14px;
2506 }
2507 .elementor-control-type-gallery .elementor-control-gallery-add i {
2508 margin: 0;
2509 }
2510 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-clear,
2511 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-thumbnails,
2512 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-edit {
2513 display: none;
2514 }
2515 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-content {
2516 padding: 10px;
2517 }
2518 .elementor-control-type-gallery.elementor-gallery-has-images .elementor-control-gallery-add {
2519 display: none;
2520 }
2521 .elementor-control-type-gallery.elementor-control-dynamic .elementor-control-gallery-clear {
2522 border-inline-start: var(--e-a-border);
2523 }
2524 .elementor-control-type-gallery .elementor-control-gallery-clear {
2525 color: currentColor;
2526 background-color: transparent;
2527 border: none;
2528 cursor: pointer;
2529 justify-content: center;
2530 }
2531 .elementor-control-type-gallery .elementor-control-gallery-clear:hover, .elementor-control-type-gallery .elementor-control-gallery-clear:focus {
2532 color: var(--e-a-color-danger);
2533 }
2534 .elementor-control-type-gallery .elementor-control-dynamic-switcher {
2535 border-width: 0;
2536 border-inline-start-width: 1px;
2537 border-block-end-width: 1px;
2538 border-radius: 0;
2539 }
2540
2541 .e-global__popover {
2542 width: 288px;
2543 z-index: 1;
2544 font-size: 12px;
2545 padding-inline-start: 10px;
2546 }
2547 .e-global__popover-toggle {
2548 border: var(--e-a-border-bold);
2549 border-inline-end: 0;
2550 border-start-start-radius: 3px;
2551 border-start-end-radius: 0;
2552 border-end-start-radius: 3px;
2553 border-end-end-radius: 0;
2554 display: flex;
2555 align-items: center;
2556 justify-content: center;
2557 cursor: pointer;
2558 transition: var(--e-a-transition-hover);
2559 }
2560 .e-global__popover-toggle:hover {
2561 background-color: var(--e-a-bg-hover);
2562 }
2563 .e-global__popover-toggle--active {
2564 color: var(--e-a-color-primary-bold);
2565 background-color: var(--e-a-bg-active-bold);
2566 }
2567 .e-global__popover-container {
2568 box-shadow: var(--e-a-popover-shadow);
2569 border-radius: var(--e-a-border-radius);
2570 background-color: var(--e-a-bg-default);
2571 }
2572 .e-global__popover-title {
2573 padding: 15px 20px;
2574 font-weight: 500;
2575 border-block-end: var(--e-a-border);
2576 display: flex;
2577 }
2578 .e-global__popover-title > i {
2579 margin-inline-end: 5px;
2580 }
2581 .e-global__popover-title-text {
2582 flex-grow: 1;
2583 }
2584 .e-global__popover-info {
2585 margin-inline-end: 10px;
2586 display: inline-block;
2587 }
2588 .e-global__popover-info-tooltip {
2589 width: 270px;
2590 z-index: 1;
2591 background-color: rgba(0, 0, 0, 0.9);
2592 color: var(--e-a-color-white);
2593 padding: 20px;
2594 border-radius: 3px;
2595 }
2596 .e-global__popover-info-tooltip:after {
2597 content: "";
2598 position: absolute;
2599 bottom: -17px;
2600 left: 16px;
2601 border: 10px solid transparent;
2602 border-block-start-color: rgba(0, 0, 0, 0.9);
2603 }
2604 .e-global__popover-info i {
2605 font-size: 13px;
2606 }
2607 .e-global__preview-items-container {
2608 max-height: 260px;
2609 overflow-y: auto;
2610 padding: 5px 0;
2611 }
2612 .e-global__preview-items-container::-webkit-scrollbar {
2613 width: 7px;
2614 }
2615 .e-global__preview-items-container::-webkit-scrollbar-thumb {
2616 background-color: #BABFC5;
2617 border-radius: 10px;
2618 }
2619 .e-global__manage-button {
2620 font-weight: 500;
2621 cursor: pointer;
2622 }
2623 .e-global__typography {
2624 padding-block: 10px;
2625 padding-inline: 35px 20px;
2626 white-space: nowrap;
2627 text-overflow: ellipsis;
2628 overflow: hidden;
2629 }
2630 .e-global__typography.e-global__preview-item--selected:before {
2631 font-family: "eicons";
2632 font-size: 13px;
2633 content: "\e90e";
2634 position: absolute;
2635 transform: translateY(-50%);
2636 top: 50%;
2637 inset-inline-start: 13px;
2638 }
2639 .e-global__color {
2640 padding: 10px 20px;
2641 display: flex;
2642 align-items: center;
2643 }
2644 .e-global__color-preview-container {
2645 height: 20px;
2646 width: 20px;
2647 border-radius: 3px;
2648 border: 1px solid rgba(0, 0, 0, 0.1);
2649 margin-inline-end: 10px;
2650 flex-shrink: 0;
2651 position: relative;
2652 }
2653 .e-global__color-preview-color, .e-global__color-preview-transparent-bg {
2654 border-radius: 3px;
2655 height: 100%;
2656 width: 100%;
2657 position: absolute;
2658 top: 0;
2659 left: 0;
2660 }
2661 .e-global__color-preview-transparent-bg {
2662 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));
2663 background-size: 12px 12px;
2664 background-position: 0 0, calc(12px / 2) calc(12px / 2);
2665 }
2666 .e-global__color-title {
2667 flex-grow: 1;
2668 white-space: nowrap;
2669 text-overflow: ellipsis;
2670 overflow: hidden;
2671 padding-inline-end: 10px;
2672 }
2673 .e-global__color-hex {
2674 font-size: 10px;
2675 color: var(--e-a-color-txt-muted);
2676 }
2677 .e-global__color .pcr-button {
2678 background-color: var(--e-a-bg-default);
2679 }
2680 .e-global__color.e-global__preview-item--selected .e-global__color-preview-container {
2681 display: flex;
2682 justify-content: center;
2683 align-items: center;
2684 color: var(--e-a-color-white);
2685 }
2686 .e-global__color.e-global__preview-item--selected .e-global__color-preview-container:before {
2687 font-family: "eicons";
2688 font-size: 13px;
2689 content: "\e90e";
2690 text-shadow: 0 0 1px #000;
2691 z-index: 1;
2692 }
2693 .e-global__preview-item {
2694 cursor: pointer;
2695 position: relative;
2696 }
2697 .e-global__preview-item:hover {
2698 background-color: var(--e-a-bg-hover);
2699 }
2700 .e-global__confirm-delete i, .e-global__confirm-message-text i {
2701 color: var(--e-a-color-warning);
2702 }
2703 .e-global__confirm-input-wrapper {
2704 display: flex;
2705 align-items: center;
2706 border: var(--e-a-border);
2707 border-radius: var(--e-a-border-radius);
2708 margin: 15px 0;
2709 padding: 2px;
2710 }
2711 .e-global__confirm-input-wrapper input {
2712 font-family: var(--e-a-font-family);
2713 font-size: 12px;
2714 padding: 2px;
2715 border: 0;
2716 }
2717
2718 .e-control-global .elementor-control-input-wrapper {
2719 display: flex;
2720 justify-content: flex-end;
2721 max-width: 135px;
2722 width: 100%;
2723 }
2724 .e-control-global.elementor-control .elementor-control-input-wrapper {
2725 display: flex;
2726 flex-direction: row;
2727 align-items: stretch;
2728 }
2729 .e-control-global .elementor-control-spinner {
2730 margin-inline-end: 4px;
2731 }
2732
2733 .elementor-control-type-hidden {
2734 display: none !important;
2735 }
2736
2737 .elementor-control-type-icon .select2-selection__rendered .eicon {
2738 margin-inline-end: 3px;
2739 }
2740
2741 .elementor-control-type-image_dimensions .elementor-control-field-description {
2742 margin: 0 0 15px;
2743 line-height: 1.4;
2744 }
2745 .elementor-control-type-image_dimensions .elementor-control-input-wrapper {
2746 display: flex;
2747 align-items: flex-start;
2748 }
2749 .elementor-control-type-image_dimensions .elementor-image-dimensions-field {
2750 width: 65px;
2751 }
2752 .elementor-control-type-image_dimensions .elementor-image-dimensions-field input:focus + .elementor-image-dimensions-field-description {
2753 color: var(--e-a-color-txt);
2754 }
2755 .elementor-control-type-image_dimensions .elementor-image-dimensions-separator {
2756 width: 20px;
2757 text-align: center;
2758 padding-block-start: 4px;
2759 }
2760 .elementor-control-type-image_dimensions .elementor-image-dimensions-field-description {
2761 display: block;
2762 margin-block-start: 5px;
2763 color: var(--e-a-color-txt-disabled);
2764 font-size: 10px;
2765 text-align: center;
2766 }
2767 .elementor-control-type-image_dimensions .elementor-image-dimensions-apply-button {
2768 margin-inline-start: auto;
2769 }
2770
2771 .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 {
2772 display: none;
2773 }
2774 .elementor-control-media.e-media-empty-placeholder .e-control-image-size {
2775 display: none;
2776 }
2777 .elementor-control-media:not(.e-media-empty) .elementor-control-media__content__upload-button {
2778 display: none;
2779 }
2780 .elementor-control-media .eicon-plus-circle {
2781 position: absolute;
2782 top: 50%;
2783 left: 50%;
2784 transform: translate(-50%, -50%);
2785 color: var(--e-a-color-white);
2786 font-size: 20px;
2787 }
2788 .elementor-control-media__content__upload-button {
2789 background-color: var(--e-a-bg-active-bold);
2790 }
2791 .elementor-control-media__preview {
2792 height: 100%;
2793 background-size: cover;
2794 background-position: center;
2795 padding-block-end: 42.8571%;
2796 }
2797 .elementor-control-media-area {
2798 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));
2799 background-size: 16px 16px;
2800 background-position: 0 0, calc(16px / 2) calc(16px / 2);
2801 background-color: var(--e-a-bg-default);
2802 border: var(--e-a-border-bold);
2803 aspect-ratio: 21/9;
2804 }
2805 .elementor-control-media-area:not(:hover) .elementor-control-media__remove {
2806 display: none;
2807 }
2808 .elementor-control-media-area .eicon-video-camera {
2809 position: absolute;
2810 top: 50%;
2811 left: 50%;
2812 transform: translate(-50%, -50%);
2813 color: rgba(255, 255, 255, 0.7);
2814 font-size: 21px;
2815 }
2816 .elementor-control-media .elementor-control-media__content {
2817 aspect-ratio: 21/9;
2818 position: relative;
2819 cursor: pointer;
2820 overflow: hidden;
2821 }
2822 .elementor-control-media .elementor-control-media__content:hover:after {
2823 content: "";
2824 position: absolute;
2825 top: 0;
2826 bottom: 0;
2827 left: 0;
2828 right: 0;
2829 background-color: rgba(0, 0, 0, 0.2);
2830 pointer-events: none;
2831 }
2832 .elementor-control-media .elementor-control-media__content:not(:hover) .elementor-control-media__tools {
2833 bottom: -30px;
2834 }
2835 .elementor-control-media__content {
2836 transition: all 0.2s ease-in-out;
2837 }
2838 .elementor-control-media__tools {
2839 position: absolute;
2840 bottom: 0;
2841 left: 0;
2842 right: 0;
2843 height: 27px;
2844 transition: all 0.2s ease-in-out;
2845 }
2846 .elementor-control-media__tools > *:not(:first-child) {
2847 margin-inline-start: 1px;
2848 }
2849 .elementor-control-media__tool {
2850 display: flex;
2851 align-items: center;
2852 justify-content: center;
2853 flex-grow: 1;
2854 color: var(--e-a-color-white);
2855 background-color: rgba(0, 0, 0, 0.9);
2856 font-size: 11px;
2857 transition: var(--e-a-transition-hover);
2858 }
2859 .elementor-control-media__tool:hover {
2860 background-color: rgba(0, 0, 0, 0.8);
2861 }
2862 .elementor-control-media__remove {
2863 display: flex;
2864 align-items: center;
2865 justify-content: center;
2866 transition: all 0.3s ease-in-out;
2867 }
2868 .elementor-control-media__content__remove {
2869 position: absolute;
2870 z-index: 1;
2871 top: 10px;
2872 right: 10px;
2873 width: 20px;
2874 height: 20px;
2875 font-size: 11px;
2876 color: var(--e-a-color-white);
2877 background-color: rgba(0, 0, 0, 0.5);
2878 border-radius: var(--e-border-radius);
2879 box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
2880 transition: var(--e-a-transition-hover);
2881 }
2882 .elementor-control-media__content__remove:hover {
2883 background-color: rgba(0, 0, 0, 0.6);
2884 }
2885 .elementor-control-media.e-media-empty .elementor-control-file-area {
2886 display: none;
2887 }
2888 .elementor-control-media__warnings:empty {
2889 display: none;
2890 }
2891 .elementor-control-media__warnings:not(:empty) {
2892 margin-block-start: 10px;
2893 }
2894 .elementor-control-media__file {
2895 display: flex;
2896 justify-content: space-between;
2897 align-items: center;
2898 width: 100%;
2899 margin-block-start: 10px;
2900 border: var(--e-a-border);
2901 }
2902 .elementor-control-media__file__content {
2903 padding-inline-start: 5px;
2904 font-size: 12px;
2905 }
2906 .elementor-control-media__file__content__label {
2907 color: #9DA5AE;
2908 }
2909 .elementor-control-media__file__content__info {
2910 display: flex;
2911 align-items: center;
2912 font-weight: 500;
2913 }
2914 .elementor-control-media__file__content__info__icon {
2915 margin-inline-end: 5px;
2916 }
2917 .elementor-control-media__file__controls {
2918 display: flex;
2919 border-inline-start: var(--e-a-border);
2920 }
2921 .elementor-control-media__file__controls__upload-button, .elementor-control-media__file__controls__remove {
2922 width: 27px;
2923 height: 27px;
2924 cursor: pointer;
2925 align-items: center;
2926 }
2927 .elementor-control-media__file__controls__upload-button {
2928 display: flex;
2929 justify-content: center;
2930 }
2931 .elementor-control-media__file__controls__remove {
2932 border-inline-end: var(--e-a-border);
2933 }
2934 .elementor-control-media:not(.e-media-empty) .elementor-control-media__file__content__label {
2935 display: none;
2936 }
2937 .elementor-control-media.e-media-empty .elementor-control-media__file__content__info {
2938 display: none;
2939 }
2940 .elementor-control-media.e-media-empty .elementor-control-media__file__controls__remove {
2941 display: none;
2942 }
2943 .elementor-control-media .elementor-control-dynamic-switcher {
2944 border: none;
2945 border-radius: 0;
2946 background-color: rgba(0, 0, 0, 0.9);
2947 color: var(--e-a-color-white);
2948 }
2949 .elementor-control-media .elementor-control-dynamic-switcher:hover {
2950 background-color: rgba(0, 0, 0, 0.8);
2951 color: var(--e-a-color-white);
2952 }
2953 .elementor-control-media .e-control-image-size {
2954 display: flex;
2955 flex-direction: column;
2956 width: 100%;
2957 padding-block-start: 20px;
2958 }
2959 .elementor-control-media .e-control-image-size .elementor-control-input-wrapper {
2960 margin-inline-start: auto;
2961 }
2962
2963 .elementor-control-type-media.elementor-control-dynamic-value .elementor-control-input-wrapper {
2964 border: none;
2965 }
2966
2967 .elementor-control:not(.elementor-control-type-icons) .elementor-control-media__preview {
2968 background-color: var(--e-a-bg-active-bold);
2969 }
2970
2971 .elementor-control-notice {
2972 display: flex;
2973 justify-content: start;
2974 align-items: start;
2975 gap: 8px;
2976 padding: 16px;
2977 border-radius: 3px;
2978 border: 1px solid var(--notice-control-color, var(--e-a-color-txt));
2979 color: var(--e-a-color-txt);
2980 font-size: 12px;
2981 font-weight: 400;
2982 line-height: 1.5;
2983 text-align: start;
2984 margin-block-start: 10px;
2985 }
2986 .elementor-control-notice-type-info {
2987 --notice-control-color: var(--e-a-color-info);
2988 }
2989 .elementor-control-notice-type-success {
2990 --notice-control-color: var(--e-a-color-success);
2991 }
2992 .elementor-control-notice-type-warning {
2993 --notice-control-color: var(--e-a-color-warning);
2994 }
2995 .elementor-control-notice-type-danger {
2996 --notice-control-color: var(--e-a-color-danger);
2997 }
2998 .elementor-control-notice-icon {
2999 flex-basis: 18px;
3000 color: var(--notice-control-color);
3001 }
3002 .elementor-control-notice-main {
3003 display: flex;
3004 flex-direction: column;
3005 justify-content: start;
3006 align-items: start;
3007 gap: 6px;
3008 flex: 1;
3009 }
3010 .elementor-control-notice-main-heading {
3011 font-weight: 700;
3012 font-style: italic;
3013 }
3014 .elementor-control-notice-main-content {
3015 font-style: italic;
3016 line-height: 1.5;
3017 }
3018 .elementor-control-notice-main-actions {
3019 display: flex;
3020 gap: 10px;
3021 padding-block-start: 8px;
3022 }
3023 .elementor-control-notice-main a {
3024 color: inherit;
3025 font-weight: 700;
3026 cursor: pointer;
3027 }
3028 .elementor-control-notice-main a:hover, .elementor-control-notice-main a:focus {
3029 color: inherit;
3030 }
3031 .elementor-control-notice-dismiss {
3032 -webkit-appearance: none;
3033 -moz-appearance: none;
3034 appearance: none;
3035 background-color: transparent;
3036 border: 0;
3037 padding: 0;
3038 margin: 0;
3039 cursor: pointer;
3040 }
3041
3042 .elementor-control-type-popover_toggle input {
3043 display: none;
3044 }
3045 .elementor-control-type-popover_toggle label {
3046 cursor: pointer;
3047 }
3048 .elementor-control-type-popover_toggle .elementor-control-input-wrapper {
3049 display: flex;
3050 flex-direction: row-reverse;
3051 align-items: center;
3052 }
3053 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle:checked + .elementor-control-popover-toggle-toggle-label {
3054 color: var(--e-a-color-txt-active);
3055 background-color: var(--e-a-bg-active-bold);
3056 }
3057 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle:not(:checked) ~ .elementor-control-popover-toggle-reset-label {
3058 display: none;
3059 }
3060 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle-label {
3061 height: 27px;
3062 display: inline-flex;
3063 align-items: center;
3064 justify-content: center;
3065 border-radius: var(--e-a-border-radius);
3066 border: var(--e-a-border-bold);
3067 transition: var(--e-a-transition-hover);
3068 }
3069 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle-label:hover {
3070 background-color: var(--e-a-bg-hover);
3071 }
3072 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-reset-label {
3073 color: var(--e-a-color-txt-muted);
3074 margin-inline-end: 5px;
3075 }
3076 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-reset-label:hover {
3077 color: var(--e-a-color-txt);
3078 }
3079
3080 .elementor-controls-popover.e-controls-popover--typography {
3081 padding-block-start: 0;
3082 }
3083
3084 .e-control-global .elementor-control-popover-toggle-toggle-label {
3085 border-start-start-radius: 0;
3086 border-start-end-radius: var(--e-a-border-radius);
3087 border-end-start-radius: 0;
3088 border-end-end-radius: var(--e-a-border-radius);
3089 flex-shrink: 0;
3090 }
3091
3092 .elementor-control-type-repeater .elementor-control:not(.elementor-control-type-tab) {
3093 padding-inline-start: 10px;
3094 padding-inline-end: 10px;
3095 padding-block-end: 10px;
3096 }
3097 .elementor-control-type-repeater.elementor-repeater-has-minimum-rows .elementor-repeater-tool-remove {
3098 display: none;
3099 }
3100 .elementor-control-type-repeater .elementor-repeater-fields {
3101 margin: 10px 0;
3102 }
3103 .elementor-control-type-repeater .elementor-repeater-row-controls {
3104 border: var(--e-a-border-bold);
3105 border-block-start-width: 0;
3106 padding-block-start: 15px;
3107 }
3108 .elementor-control-type-repeater .elementor-repeater-row-controls:not(.editable) {
3109 display: none;
3110 }
3111 .elementor-control-type-repeater .elementor-repeater-row-tools {
3112 display: flex;
3113 align-items: center;
3114 width: 100%;
3115 border: 1px solid var(--e-a-border-color-bold);
3116 transition: var(--e-a-transition-hover);
3117 }
3118 .elementor-control-type-repeater .elementor-repeater-row-tools > button {
3119 display: flex;
3120 align-items: center;
3121 justify-content: center;
3122 height: 40px;
3123 border: none;
3124 background-color: transparent;
3125 color: currentColor;
3126 cursor: pointer;
3127 }
3128 .elementor-control-type-repeater .elementor-repeater-row-tools > button:hover, .elementor-control-type-repeater .elementor-repeater-row-tools > button:focus {
3129 background-color: var(--e-a-bg-hover);
3130 }
3131 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title {
3132 flex: 1;
3133 justify-content: flex-start;
3134 padding: 0 10px;
3135 font-size: var(--control-title-size);
3136 white-space: nowrap;
3137 text-overflow: ellipsis;
3138 overflow: hidden;
3139 }
3140 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title .eicon,
3141 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title i,
3142 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title svg {
3143 margin-inline-end: 5px;
3144 }
3145 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title img[src$=svg] {
3146 width: 1em;
3147 }
3148 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-tool {
3149 width: 40px;
3150 border-inline-start: 1px solid var(--e-a-border-color-bold);
3151 }
3152 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-handle-sortable {
3153 width: 10px;
3154 border-inline-end: 1px solid var(--e-a-border-color-bold);
3155 cursor: move;
3156 }
3157 .elementor-control-type-repeater .elementor-button-wrapper {
3158 text-align: center;
3159 padding-block-start: 5px;
3160 }
3161
3162 #elementor-controls {
3163 padding-block-start: 15px;
3164 }
3165
3166 .elementor-control-type-section {
3167 padding: 0;
3168 }
3169 .elementor-control-type-section.e-open {
3170 padding-block-end: 10px;
3171 }
3172 .elementor-control-type-section + .elementor-control:not(.elementor-control-type-section):before {
3173 display: none;
3174 }
3175 .elementor-control-type-section:not(:first-child):not(.elementor-control-type-section + .elementor-control-type-section) {
3176 margin-block-start: 25px;
3177 }
3178
3179 .elementor-control-type-select .elementor-control-input-wrapper {
3180 position: relative;
3181 }
3182 .elementor-control-type-select .elementor-control-input-wrapper select {
3183 -webkit-appearance: none;
3184 -moz-appearance: none;
3185 appearance: none;
3186 font-size: var(--control-title-size);
3187 font-family: inherit;
3188 font-weight: inherit;
3189 font-style: inherit;
3190 text-transform: inherit;
3191 letter-spacing: inherit;
3192 line-height: inherit;
3193 flex-basis: 100%;
3194 padding-inline-start: 5px;
3195 padding-inline-end: 20px;
3196 cursor: pointer;
3197 }
3198 .elementor-control-type-select .elementor-control-input-wrapper select.e-select-placeholder {
3199 color: var(--e-a-color-txt-disabled);
3200 }
3201 .elementor-control-type-select .elementor-control-input-wrapper option.e-option-placeholder {
3202 display: none;
3203 }
3204 .elementor-control-type-select .elementor-control-input-wrapper:after {
3205 font-family: eicons;
3206 content: "\e8ad";
3207 font-size: 12px;
3208 position: absolute;
3209 top: 50%;
3210 transform: translateY(-50%);
3211 right: 5px;
3212 pointer-events: none;
3213 }
3214 .elementor-control-type-select .elementor-control-field.elementor-control-field-select-small .elementor-control-input-wrapper {
3215 max-width: 80px;
3216 }
3217
3218 .elementor-shadow-box .elementor-shadow-slider {
3219 margin-block-start: 10px;
3220 }
3221 .elementor-shadow-box .elementor-color-picker-wrapper .elementor-control-title {
3222 flex-grow: 1;
3223 }
3224
3225 .elementor-control-type-slider.elementor-control-dynamic input {
3226 border-start-start-radius: var(--e-a-border-radius);
3227 border-start-end-radius: 0;
3228 border-end-start-radius: var(--e-a-border-radius);
3229 border-end-end-radius: 0;
3230 }
3231 .elementor-control-type-slider .elementor-control-unit-2 {
3232 width: 21%;
3233 }
3234 .elementor-control-type-slider.elementor-control-type-slider--multiple .elementor-control-input-wrapper {
3235 display: block;
3236 }
3237 .elementor-control-type-slider--multiple {
3238 padding-block-end: 40px;
3239 }
3240 .elementor-control-type-slider--multiple .elementor-slider {
3241 margin-block-start: 12px;
3242 width: 98%;
3243 }
3244 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle {
3245 border-radius: 0;
3246 width: 10px;
3247 transform: translateY(calc(50% - 14px)) translateX(4px);
3248 }
3249 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle:after {
3250 content: "";
3251 position: absolute;
3252 top: 2px;
3253 height: 12px;
3254 width: 11px;
3255 transform: rotate(45deg);
3256 background-color: var(--e-a-color-white);
3257 border-radius: 3px;
3258 }
3259 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle-lower:after {
3260 left: 5px;
3261 box-shadow: 2px -2px 3px 0px rgba(0, 0, 0, 0.1);
3262 }
3263 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle-upper:after {
3264 right: 5px;
3265 box-shadow: -2px 2px 3px 0px rgba(0, 0, 0, 0.1);
3266 }
3267 .elementor-control-type-slider .elementor-control-dynamic-switcher {
3268 border-inline-start-width: 0;
3269 border-start-start-radius: 0;
3270 border-start-end-radius: var(--e-a-border-radius);
3271 border-end-start-radius: 0;
3272 border-end-end-radius: var(--e-a-border-radius);
3273 }
3274 .elementor-control-type-slider .elementor-control-input-wrapper {
3275 display: flex;
3276 align-items: center;
3277 }
3278 .elementor-control-type-slider .elementor-dynamic-cover {
3279 margin-block-start: 10px;
3280 }
3281 .elementor-control-type-slider.e-units-custom .elementor-slider {
3282 display: none;
3283 }
3284 .elementor-control-type-slider.e-units-custom .elementor-slider-input {
3285 width: 100%;
3286 margin: 0;
3287 transition: none;
3288 }
3289
3290 .elementor-slider {
3291 flex-grow: 1;
3292 height: 4px;
3293 background-color: var(--e-a-border-color-bold);
3294 border-radius: 5px;
3295 position: relative;
3296 cursor: pointer;
3297 }
3298 .elementor-slider-input {
3299 width: 21%;
3300 min-width: 54px;
3301 margin-inline-start: 12px;
3302 transition: width 0.3s ease-in-out;
3303 }
3304 .elementor-slider__extra {
3305 position: relative;
3306 }
3307 .elementor-slider__labels {
3308 display: flex;
3309 justify-content: space-between;
3310 }
3311 .elementor-slider__label {
3312 font-size: 9px;
3313 color: var(--e-a-color-txt-disabled);
3314 }
3315 .elementor-slider__scales {
3316 position: absolute;
3317 display: flex;
3318 justify-content: space-evenly;
3319 width: 100%;
3320 margin-block-start: 4px;
3321 }
3322 .elementor-slider__scale {
3323 width: 1px;
3324 height: 21px;
3325 background-color: var(--e-a-border-color-focus);
3326 }
3327 .elementor-slider .noUi-handle {
3328 height: 16px;
3329 width: 16px;
3330 background-color: var(--e-a-color-white);
3331 right: 0;
3332 transform: translateY(calc(50% - 14px)) translateX(8px);
3333 position: absolute;
3334 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
3335 border-radius: 50%;
3336 }
3337 .elementor-slider .noUi-connects {
3338 position: absolute;
3339 width: 100%;
3340 height: 4px;
3341 }
3342 .elementor-slider .noUi-connect {
3343 position: absolute;
3344 z-index: 0;
3345 top: 0;
3346 left: 0;
3347 height: 100%;
3348 width: 100%;
3349 will-change: transform;
3350 transform-origin: 0 0;
3351 background-color: var(--e-a-border-color-focus);
3352 }
3353 .elementor-slider .noUi-tooltip {
3354 position: absolute;
3355 top: calc(100% + 5px);
3356 left: calc(50% - 4px);
3357 transform: translateX(-50%);
3358 font-size: 10px;
3359 }
3360
3361 .elementor-control-type-structure .elementor-control-field {
3362 display: initial;
3363 }
3364 .elementor-control-type-structure .elementor-control-structure-preset {
3365 padding: 3px;
3366 border-radius: var(--e-border-radius);
3367 display: inline-block;
3368 cursor: pointer;
3369 height: 50px;
3370 }
3371 .elementor-control-type-structure .elementor-control-structure-preset svg {
3372 height: 100%;
3373 }
3374 .elementor-control-type-structure .elementor-control-structure-preset path {
3375 fill: var(--e-a-border-color-bold);
3376 }
3377 .elementor-control-type-structure .elementor-control-structure-reset {
3378 padding: 15px 20px 0;
3379 font-size: 11px;
3380 cursor: pointer;
3381 color: var(--e-a-color-txt-muted);
3382 border-block-start: var(--e-a-border);
3383 margin: 0 -20px;
3384 }
3385 .elementor-control-type-structure .elementor-control-structure-reset:hover {
3386 color: var(--e-a-color-txt);
3387 }
3388 .elementor-control-type-structure .elementor-control-structure-title {
3389 margin: 10px -20px 0;
3390 }
3391 .elementor-control-type-structure .elementor-control-structure-title:before {
3392 height: 10px;
3393 box-shadow: inset 0 2px 4px rgba(127, 127, 127, 0.1);
3394 }
3395 .elementor-control-type-structure .elementor-control-structure-presets {
3396 display: flex;
3397 flex-wrap: wrap;
3398 justify-content: space-between;
3399 }
3400 .elementor-control-type-structure .elementor-control-structure-presets input {
3401 display: none;
3402 }
3403 .elementor-control-type-structure .elementor-control-structure-presets input:checked + .elementor-control-structure-preset path {
3404 fill: var(--e-a-border-color-focus);
3405 }
3406 .elementor-control-type-structure .elementor-control-structure-preset-wrapper {
3407 margin-block-end: 15px;
3408 }
3409 .elementor-control-type-structure .elementor-control-structure-preset-title {
3410 text-align: center;
3411 padding-block-start: 5px;
3412 font-style: italic;
3413 font-size: 11px;
3414 color: #9DA5AE;
3415 }
3416
3417 .elementor-control-type-switcher .elementor-control-input-wrapper {
3418 text-align: end;
3419 }
3420 .elementor-control-type-switcher .elementor-switch {
3421 position: relative;
3422 display: inline-block;
3423 vertical-align: top;
3424 height: 20px;
3425 background-color: var(--e-a-bg-default);
3426 border-radius: 18px;
3427 cursor: pointer;
3428 }
3429 .elementor-control-type-switcher .elementor-switch-input {
3430 display: none;
3431 }
3432 .elementor-control-type-switcher .elementor-switch-label {
3433 position: relative;
3434 display: block;
3435 height: inherit;
3436 font-size: 10px;
3437 background: var(--e-a-bg-active-bold);
3438 border-radius: inherit;
3439 transition: 0.15s ease-out;
3440 transition-property: opacity, background;
3441 }
3442 .elementor-control-type-switcher .elementor-switch-label:before, .elementor-control-type-switcher .elementor-switch-label:after {
3443 position: absolute;
3444 top: 0;
3445 width: 50%;
3446 text-align: center;
3447 line-height: 20px;
3448 transition: inherit;
3449 }
3450 .elementor-control-type-switcher .elementor-switch-label:before {
3451 content: attr(data-off);
3452 right: 5px;
3453 color: var(--e-a-color-txt-muted);
3454 }
3455 .elementor-control-type-switcher .elementor-switch-label:after {
3456 content: attr(data-on);
3457 left: 5px;
3458 color: var(--e-a-btn-color);
3459 opacity: 0;
3460 }
3461 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label {
3462 background: var(--e-a-btn-bg-primary);
3463 }
3464 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label:before {
3465 opacity: 0;
3466 }
3467 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label:after {
3468 opacity: 1;
3469 }
3470 .elementor-control-type-switcher .elementor-switch-handle {
3471 position: absolute;
3472 top: 1px;
3473 left: 1px;
3474 width: 18px;
3475 height: 18px;
3476 background: white;
3477 border-radius: 10px;
3478 transition: left 0.15s ease-out;
3479 }
3480 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-handle {
3481 left: initial;
3482 right: 1px;
3483 }
3484
3485 .elementor-control-type-tabs {
3486 display: flex;
3487 font-size: var(--control-title-size);
3488 }
3489
3490 .elementor-control-type-tab {
3491 text-align: center;
3492 width: 100%;
3493 padding: 0;
3494 line-height: 25px;
3495 border-block-start: var(--e-a-border-bold);
3496 border-block-end: var(--e-a-border-bold);
3497 border-inline-end: var(--e-a-border-bold);
3498 transition: var(--e-a-transition-hover);
3499 cursor: pointer;
3500 }
3501 .elementor-control-type-tab:first-child {
3502 border-inline-start: var(--e-a-border-bold);
3503 border-start-start-radius: var(--e-a-border-radius);
3504 border-end-start-radius: var(--e-a-border-radius);
3505 }
3506 .elementor-control-type-tab:last-child {
3507 border-start-end-radius: var(--e-a-border-radius);
3508 border-end-end-radius: var(--e-a-border-radius);
3509 }
3510 .elementor-control-type-tab:hover {
3511 background-color: var(--e-a-bg-hover);
3512 }
3513 .elementor-control-type-tab.e-tab-active {
3514 background-color: var(--e-a-bg-active-bold);
3515 color: var(--e-a-color-txt-accent);
3516 }
3517
3518 .e-tab-close {
3519 display: none !important;
3520 }
3521
3522 .elementor-control-type-textarea .elementor-control-dynamic-switcher,
3523 .elementor-control-type-code .elementor-control-dynamic-switcher {
3524 border-inline-start-width: 1px;
3525 border-start-start-radius: 0;
3526 border-start-end-radius: 0;
3527 border-end-end-radius: 0;
3528 border-end-start-radius: var(--e-a-border-radius);
3529 }
3530 .elementor-control-type-textarea:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher,
3531 .elementor-control-type-code:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher {
3532 position: absolute;
3533 top: 0;
3534 right: 0;
3535 z-index: 1;
3536 }
3537 .elementor-control-type-textarea .elementor-control-input-wrapper,
3538 .elementor-control-type-code .elementor-control-input-wrapper {
3539 position: relative;
3540 }
3541 .elementor-control-type-textarea textarea,
3542 .elementor-control-type-code textarea {
3543 display: block;
3544 font-family: inherit;
3545 }
3546 .elementor-control-type-textarea textarea:focus + .elementor-control-dynamic-switcher,
3547 .elementor-control-type-code textarea:focus + .elementor-control-dynamic-switcher {
3548 display: none;
3549 }
3550 .elementor-control-type-textarea pre:focus-within + .elementor-control-dynamic-switcher,
3551 .elementor-control-type-code pre:focus-within + .elementor-control-dynamic-switcher {
3552 display: none;
3553 }
3554
3555 .elementor-control-type-url .elementor-control-field {
3556 position: relative;
3557 }
3558 .elementor-control-type-url .elementor-control-input-wrapper {
3559 display: flex;
3560 }
3561 .elementor-control-type-url.elementor-control-dynamic .elementor-control-url-more-options input {
3562 border-radius: var(--e-a-border-radius);
3563 }
3564 .elementor-control-type-url.elementor-control-dynamic-value .e-input-style {
3565 border-start-end-radius: 0;
3566 border-end-end-radius: 0;
3567 }
3568 .elementor-control-type-url.elementor-control-dynamic-value .elementor-control-url-more {
3569 border-start-end-radius: var(--e-a-border-radius);
3570 border-end-end-radius: var(--e-a-border-radius);
3571 }
3572 .elementor-control-type-url .elementor-control-url-more {
3573 display: flex;
3574 align-items: center;
3575 justify-content: center;
3576 flex-shrink: 0;
3577 border: var(--e-a-border-bold);
3578 color: currentColor;
3579 background-color: transparent;
3580 border-inline-start-width: 0;
3581 cursor: pointer;
3582 }
3583 .elementor-control-type-url .elementor-control-url-more i {
3584 font-size: 12px;
3585 }
3586 .elementor-control-type-url .elementor-control-url-more-options {
3587 display: none;
3588 padding-block-start: 10px;
3589 }
3590 .elementor-control-type-url .elementor-control-url-more-options .elementor-control-field-description {
3591 margin-block-start: 10px;
3592 }
3593 .elementor-control-type-url .elementor-control-url-more:hover {
3594 color: var(--e-a-color-txt-hover);
3595 }
3596 .elementor-control-type-url .elementor-control-url-more:focus {
3597 color: var(--e-a-color-txt-active);
3598 border-color: var(--e-a-border-color-focus);
3599 }
3600 .elementor-control-type-url .elementor-control-url-option {
3601 display: flex;
3602 align-items: center;
3603 }
3604 .elementor-control-type-url .elementor-control-url-option:not(:last-child) {
3605 padding-block-end: 10px;
3606 }
3607 .elementor-control-type-url .elementor-control-url-option input,
3608 .elementor-control-type-url .elementor-control-url-option label {
3609 cursor: pointer;
3610 }
3611 .elementor-control-type-url .elementor-control-url-autocomplete-spinner {
3612 display: none;
3613 position: absolute;
3614 top: 5px;
3615 right: 0;
3616 width: 10px;
3617 height: 10px;
3618 font-size: 10px;
3619 color: var(--e-a-color-txt-disabled);
3620 }
3621 .elementor-control-type-url .elementor-control-url__custom-attributes label {
3622 font-size: var(--control-title-size);
3623 }
3624 .elementor-control-type-url .elementor-control-url__custom-attributes input {
3625 width: 100%;
3626 margin-block-start: 10px;
3627 }
3628 .elementor-control-type-url .elementor-input:focus ~ div {
3629 border-color: var(--e-a-border-color-focus);
3630 }
3631
3632 .elementor-autocomplete-menu {
3633 position: absolute;
3634 background: var(--e-a-bg-default);
3635 border: var(--e-a-border);
3636 margin: 0;
3637 list-style: none;
3638 padding: 4px 0;
3639 height: auto;
3640 width: 100%;
3641 min-width: 260px;
3642 max-width: 300px;
3643 max-height: 200px;
3644 overflow-y: auto;
3645 border-radius: 3px;
3646 transition: var(--e-a-transition-hover);
3647 cursor: default;
3648 z-index: 1;
3649 }
3650 .elementor-autocomplete-menu .ui-menu-item {
3651 display: flex;
3652 justify-content: space-between;
3653 align-self: baseline;
3654 padding: 5px 8px;
3655 font-size: 12px;
3656 width: 100%;
3657 line-height: 1.2;
3658 cursor: pointer;
3659 }
3660 .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 {
3661 background: var(--e-a-bg-hover);
3662 }
3663 .elementor-autocomplete-menu .elementor-autocomplete-item-info {
3664 font-size: 10px;
3665 padding-block-start: 2px;
3666 }
3667
3668 .elementor-control-type-wp_widget .widget-inside {
3669 line-height: 2;
3670 background-color: inherit;
3671 display: block;
3672 }
3673 .elementor-control-type-wp_widget .quicktags-toolbar input {
3674 width: auto;
3675 }
3676
3677 .elementor-control-type-wysiwyg * {
3678 box-sizing: content-box;
3679 }
3680 .elementor-control-type-wysiwyg .wp-editor-container {
3681 border: var(--e-a-border);
3682 }
3683 .elementor-control-type-wysiwyg .wp-editor-tabs {
3684 border: var(--e-a-border-bold);
3685 border-block-end: none;
3686 border-start-start-radius: var(--e-a-border-radius);
3687 border-start-end-radius: var(--e-a-border-radius);
3688 border-end-end-radius: 0;
3689 border-end-start-radius: 0;
3690 }
3691 .elementor-control-type-wysiwyg .wp-editor-tabs button:hover {
3692 background-color: var(--e-a-bg-hover);
3693 }
3694 .elementor-control-type-wysiwyg #insert-media-button {
3695 height: initial;
3696 line-height: 24px;
3697 font-size: 10px;
3698 color: var(--e-a-color-txt);
3699 border-color: var(--e-a-border-color-bold);
3700 background-color: var(--e-a-bg-default);
3701 min-height: initial;
3702 }
3703 .elementor-control-type-wysiwyg .ed_button {
3704 height: 22px;
3705 width: initial;
3706 }
3707 .elementor-control-type-wysiwyg .wp-media-buttons-icon {
3708 height: 14px;
3709 margin: 0;
3710 }
3711 .elementor-control-type-wysiwyg .wp-media-buttons-icon:before {
3712 font-size: 14px;
3713 }
3714 .elementor-control-type-wysiwyg .wp-switch-editor {
3715 position: static;
3716 border: none;
3717 margin: 0;
3718 color: var(--e-a-color-txt);
3719 font-size: 10px;
3720 padding: 3px 9px 4px;
3721 }
3722 .elementor-control-type-wysiwyg .switch-html {
3723 border: solid var(--e-a-border-color-bold);
3724 border-width: 0 1px;
3725 }
3726 .elementor-control-type-wysiwyg .html-active .switch-tmce {
3727 background-color: transparent;
3728 }
3729 .elementor-control-type-wysiwyg .html-active .switch-html {
3730 background-color: var(--e-a-bg-active);
3731 }
3732 .elementor-control-type-wysiwyg .tmce-active .switch-tmce {
3733 background-color: var(--e-a-bg-active);
3734 }
3735 .elementor-control-type-wysiwyg .tmce-active .switch-html {
3736 background-color: transparent;
3737 }
3738 .elementor-control-type-wysiwyg .mce-toolbar-grp,
3739 .elementor-control-type-wysiwyg .quicktags-toolbar {
3740 background-color: var(--e-a-bg-default);
3741 }
3742 .elementor-control-type-wysiwyg .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
3743 background-color: var(--e-a-bg-default);
3744 }
3745 .elementor-control-type-wysiwyg .mce-toolbar .mce-btn-group .mce-btn.mce-listbox button {
3746 color: var(--e-a-color-txt);
3747 }
3748 .elementor-control-type-wysiwyg .mce-toolbar-grp > div {
3749 padding: 0 3px;
3750 }
3751 .elementor-control-type-wysiwyg .elementor-wp-editor {
3752 box-sizing: border-box;
3753 }
3754 .elementor-control-type-wysiwyg .mce-ico {
3755 color: var(--e-a-color-txt);
3756 font-size: 16px;
3757 }
3758 .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 {
3759 color: var(--e-a-color-txt-active);
3760 background: var(--e-a-bg-hover);
3761 border-color: var(--e-a-border-color);
3762 box-shadow: none;
3763 }
3764 .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 {
3765 color: var(--e-a-color-txt-active);
3766 }
3767 .elementor-control-type-wysiwyg .mce-path {
3768 padding: 5px 10px;
3769 }
3770 .elementor-control-type-wysiwyg .mce-path-item {
3771 font-size: 12px;
3772 color: var(--e-a-color-txt);
3773 }
3774 .elementor-control-type-wysiwyg .mce-top-part:before {
3775 box-shadow: none;
3776 }
3777 .elementor-control-type-wysiwyg .elementor-control-dynamic-switcher {
3778 border: none;
3779 }
3780
3781 @media screen and (prefers-color-scheme: dark) {
3782 #wp-link-wrap {
3783 color-scheme: light;
3784 --e-a-color-txt: #515962;
3785 --e-a-bg-default: #ffffff;
3786 --e-a-border-color-bold: #D5D8DC;
3787 --e-a-color-primary-bold: #D004D4;
3788 }
3789 #wp-link {
3790 color: var(--e-a-color-txt);
3791 }
3792 #wp-link input {
3793 background-color: var(--e-a-bg-default);
3794 border-color: var(--e-a-border-color-bold);
3795 }
3796 #wp-link input[type=checkbox] {
3797 border-color: var(--e-a-border-color-bold);
3798 }
3799 #wp-link input[type=checkbox]:checked {
3800 background: var(--e-a-color-primary-bold);
3801 }
3802 #wp-link input.button-primary {
3803 background: #2271b1;
3804 border-color: #2271b1;
3805 color: #fff;
3806 }
3807 }
3808 #elementor-mode-switcher {
3809 --e-a-mode-switcher-width: 15px;
3810 --e-a-mode-switcher-height: 50px;
3811 --e-a-mode-switcher-icon-size: 15px;
3812 position: absolute;
3813 left: 100%;
3814 top: 50%;
3815 transform: translateY(-50%);
3816 background-color: var(--e-a-bg-default);
3817 box-shadow: 3px 1px 3px rgba(0, 0, 0, 0.05);
3818 transition: 0.3s opacity;
3819 }
3820 #elementor-mode-switcher:hover {
3821 background-color: var(--e-a-bg-hover);
3822 }
3823 #elementor-mode-switcher:focus-within {
3824 background-color: var(--e-a-bg-active);
3825 }
3826 .e-panel-block-interactions #elementor-mode-switcher {
3827 opacity: 0;
3828 pointer-events: none;
3829 }
3830 #elementor-mode-switcher-preview i {
3831 display: flex;
3832 flex-direction: column;
3833 justify-content: center;
3834 width: var(--e-a-mode-switcher-width);
3835 height: var(--e-a-mode-switcher-height);
3836 font-size: var(--e-a-mode-switcher-icon-size);
3837 cursor: pointer;
3838 }
3839 #elementor-mode-switcher-preview-input {
3840 display: none;
3841 }
3842
3843 .elementor-revision-item__wrapper {
3844 display: flex;
3845 align-items: center;
3846 border: var(--e-a-border);
3847 border-radius: var(--e-a-border-radius);
3848 padding: 10px 15px;
3849 margin-block-end: 10px;
3850 font-size: 11px;
3851 transition: var(--e-a-transition-hover);
3852 }
3853 .elementor-revision-item__wrapper:hover {
3854 background-color: var(--e-a-bg-hover);
3855 }
3856 .elementor-revision-item-loading .elementor-revision-item__tools-current {
3857 display: none;
3858 }
3859 .elementor-revision-item:not(.elementor-revision-item-loading) .elementor-revision-item__tools-spinner {
3860 display: none;
3861 }
3862 .elementor-revision-item__gravatar {
3863 border-radius: 50%;
3864 overflow: hidden;
3865 }
3866 .elementor-revision-item__gravatar img {
3867 display: block;
3868 }
3869 .elementor-revision-item__details {
3870 padding-inline-start: 15px;
3871 flex-grow: 1;
3872 cursor: pointer;
3873 }
3874 .elementor-revision-meta {
3875 padding-block-start: 5px;
3876 font-size: 10px;
3877 font-weight: bold;
3878 }
3879 .elementor-revision-current-preview .elementor-revision-item__wrapper {
3880 border-color: var(--e-a-border-color-accent);
3881 background-color: var(--e-a-bg-active);
3882 }
3883
3884 #elementor-panel-revisions-loading {
3885 position: absolute;
3886 top: 50%;
3887 left: 50%;
3888 transform: translate(-50%, -50%);
3889 }
3890 #elementor-panel-revisions-loading .eicon-loading {
3891 font-size: 50px;
3892 }
3893
3894 .elementor-panel-revisions-buttons {
3895 display: flex;
3896 justify-content: space-between;
3897 padding: 15px 20px;
3898 border-block-end: var(--e-a-border);
3899 }
3900
3901 .elementor-history-item {
3902 display: flex;
3903 align-items: center;
3904 border: var(--e-a-border);
3905 border-radius: var(--e-a-border-radius);
3906 padding: 10px 15px;
3907 margin-block-end: 10px;
3908 font-size: 11px;
3909 line-height: 1.4;
3910 cursor: pointer;
3911 transition: var(--e-a-transition-hover);
3912 }
3913 .elementor-history-item:hover:not(.elementor-history-item-current) {
3914 background-color: var(--e-a-bg-hover);
3915 color: var(--e-a-txt-color-hover);
3916 }
3917 .elementor-history-item:hover:not(.elementor-history-item-current) .elementor-history-item__icon .eicon:before {
3918 content: "\e924";
3919 }
3920 .elementor-history-item-current {
3921 border-color: var(--e-a-border-color-accent);
3922 background-color: var(--e-a-bg-active);
3923 color: var(--e-a-txt-color-active);
3924 }
3925 .elementor-history-item-current .elementor-history-item__icon .eicon:before, .elementor-history-item-current:hover .elementor-history-item__icon .eicon:before {
3926 content: "\e90e";
3927 }
3928 .elementor-history-item__details {
3929 width: 95%;
3930 }
3931 .elementor-history-item__title {
3932 font-weight: bold;
3933 }
3934 .elementor-history-item__subtitle, .elementor-history-item__action {
3935 font-weight: lighter;
3936 }
3937 .elementor-history-item__action {
3938 font-style: italic;
3939 text-decoration: underline;
3940 }
3941 .elementor-history-revisions-message {
3942 font-size: 11px;
3943 text-align: center;
3944 padding-block-start: 5px;
3945 }
3946
3947 #elementor-panel-history {
3948 padding: 20px;
3949 padding-block-end: 15px;
3950 }
3951 #elementor-panel-history.elementor-empty .elementor-history-revisions-message {
3952 padding-block-start: 20px;
3953 }
3954 #elementor-panel-history:not(.elementor-empty) {
3955 margin-block-start: 10px;
3956 }
3957
3958 #elementor-panel-history-no-items,
3959 #elementor-panel-revisions-no-revisions {
3960 text-align: center;
3961 }
3962 #elementor-panel-history-no-items .elementor-nerd-box-icon,
3963 #elementor-panel-revisions-no-revisions .elementor-nerd-box-icon {
3964 margin-block-start: 20px;
3965 }
3966
3967 .e-control-display-conditions-promotion__wrapper {
3968 display: flex;
3969 justify-content: space-between;
3970 }
3971 .e-control-display-conditions-promotion__wrapper:hover .eicon-lock.e-control-display-conditions-promotion {
3972 color: var(--e-a-color-accent);
3973 }
3974 .e-control-display-conditions-promotion__description {
3975 display: flex;
3976 align-self: center;
3977 }
3978 .e-control-display-conditions-promotion__text {
3979 display: inline-block;
3980 }
3981 .e-control-display-conditions-promotion__lock-wrapper {
3982 width: 2.5rem;
3983 display: flex;
3984 justify-content: center;
3985 align-items: center;
3986 }
3987 .e-control-display-conditions-promotion.eicon-flow {
3988 align-self: flex-end;
3989 cursor: pointer;
3990 border: var(--e-a-border-bold);
3991 border-radius: var(--e-a-border-radius);
3992 padding: 5px;
3993 }
3994 .e-control-display-conditions-promotion.eicon-flow.filled {
3995 background-color: var(--e-a-bg-active);
3996 color: #E73CF6;
3997 }
3998
3999 .elementor-panel #elementor-panel-header #elementor-panel-header-kit-close,
4000 .elementor-panel #elementor-panel-header #elementor-panel-header-kit-back {
4001 display: none;
4002 }
4003
4004 .elementor-editor-kit .elementor-panel #elementor-panel-header #elementor-panel-header-kit-close,
4005 .elementor-editor-kit .elementor-panel #elementor-panel-header #elementor-panel-header-kit-back {
4006 display: flex;
4007 }
4008 body:not(.e-routes-has-history) #elementor-panel-header-kit-back {
4009 pointer-events: none;
4010 visibility: hidden;
4011 }
4012
4013 .elementor-editor-kit .elementor-panel #elementor-panel-page-settings .elementor-panel-navigation {
4014 display: none;
4015 }
4016 .elementor-editor-kit .elementor-panel #elementor-panel-page-menu {
4017 padding: 25px 15px 0;
4018 }
4019 .elementor-editor-kit #elementor-panel-header-add-button,
4020 .elementor-editor-kit #elementor-panel-header-menu-button,
4021 .elementor-editor-kit #elementor-panel-footer-sub-menu-item-save-template,
4022 .elementor-editor-kit #elementor-panel-footer-navigator {
4023 display: none;
4024 }
4025
4026 .elementor-control-type-global-style-repeater .elementor-repeater-fields {
4027 margin-block-end: 15px;
4028 position: relative;
4029 }
4030 .elementor-control-type-global-style-repeater .elementor-repeater-fields.ui-sortable-helper {
4031 background-color: var(--e-a-bg-default);
4032 }
4033 .elementor-control-type-global-style-repeater .elementor-repeater-row-controls {
4034 display: flex;
4035 align-items: center;
4036 }
4037 .elementor-control-type-global-style-repeater .elementor-repeater-row-tool {
4038 cursor: pointer;
4039 color: var(--e-a-color-txt);
4040 background-color: transparent;
4041 border: none;
4042 padding: 5px;
4043 }
4044 .elementor-control-type-global-style-repeater .elementor-repeater-row-tool:focus, .elementor-control-type-global-style-repeater .elementor-repeater-row-tool:hover {
4045 color: var(--e-a-color-txt-hover);
4046 }
4047 .elementor-control-type-global-style-repeater .elementor-control {
4048 padding: 0;
4049 }
4050 .elementor-control-type-global-style-repeater .elementor-control-title {
4051 flex-grow: 1;
4052 }
4053 .elementor-control-type-global-style-repeater .elementor-control-title input {
4054 max-width: 135px;
4055 }
4056 .elementor-control-type-global-style-repeater .elementor-control-title input:not(:focus) {
4057 background: none;
4058 border: none;
4059 }
4060 .elementor-control-type-global-style-repeater .elementor-control-input-wrapper {
4061 display: flex;
4062 align-items: center;
4063 min-width: 81px;
4064 }
4065 .elementor-control-type-global-style-repeater .elementor-control-input-wrapper:hover .e-global-colors__color-value {
4066 display: none;
4067 }
4068 .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 {
4069 display: none;
4070 }
4071 .elementor-control-type-global-style-repeater .elementor-repeater-row-controls > .elementor-control > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
4072 margin-block-start: 0;
4073 }
4074 .elementor-control-type-global-style-repeater .elementor-controls-popover {
4075 align-self: end;
4076 margin-block-start: 35px;
4077 top: 0;
4078 width: 100%;
4079 }
4080 .elementor-control-type-global-style-repeater .elementor-controls-popover:before {
4081 right: 5px;
4082 }
4083 .elementor-control-type-global-style-repeater .elementor-controls-popover .elementor-control {
4084 padding: 0 20px 15px;
4085 }
4086 .elementor-control-type-global-style-repeater .elementor-controls-popover .elementor-control-title {
4087 flex-grow: initial;
4088 }
4089 .elementor-control-type-global-style-repeater .elementor-button-wrapper {
4090 text-align: center;
4091 border-block-start: var(--e-a-border);
4092 padding-block-start: 15px;
4093 }
4094 .elementor-control-type-global-style-repeater .pickr,
4095 .elementor-control-type-global-style-repeater .elementor-control-popover-toggle-toggle-label {
4096 margin-inline-start: 5px;
4097 }
4098 .elementor-control-type-global-style-repeater .e-sortable-placeholder {
4099 background-color: var(--e-a-color-info);
4100 opacity: 0.9;
4101 width: 100%;
4102 margin: 8px 0;
4103 height: 2px;
4104 }
4105 .elementor-control-system_colors, .elementor-control-system_typography {
4106 padding-block-end: 0;
4107 }
4108
4109 .e-global-colors__color-value {
4110 font-size: 10px;
4111 padding: 0 5px;
4112 text-align: end;
4113 white-space: nowrap;
4114 text-overflow: ellipsis;
4115 overflow: hidden;
4116 }
4117
4118 @keyframes load {
4119 0% {
4120 opacity: 0.3;
4121 }
4122 50% {
4123 opacity: 1;
4124 }
4125 100% {
4126 opacity: 0.3;
4127 }
4128 }
4129 @keyframes fadeIn {
4130 from {
4131 opacity: 0;
4132 }
4133 to {
4134 opacity: 1;
4135 }
4136 }
4137 @keyframes mover {
4138 0% {
4139 transform: translateY(0);
4140 }
4141 100% {
4142 transform: translateY(-5px);
4143 }
4144 }
4145 @keyframes slideDown {
4146 0% {
4147 transform: translateY(-30px);
4148 }
4149 100% {
4150 transform: translateY(0);
4151 }
4152 }
4153 .elementor-button,
4154 .e-btn {
4155 font-size: 12px;
4156 font-weight: 500;
4157 line-height: 1.2;
4158 padding: 8px 16px;
4159 outline: none;
4160 border: none;
4161 border-radius: var(--e-a-border-radius);
4162 background-color: var(--e-a-btn-bg);
4163 color: var(--e-a-btn-color-invert);
4164 transition: var(--e-a-transition-hover);
4165 }
4166 .elementor-button:hover,
4167 .e-btn:hover {
4168 border: none;
4169 }
4170 .elementor-button:hover, .elementor-button:focus,
4171 .e-btn:hover,
4172 .e-btn:focus {
4173 background-color: var(--e-a-btn-bg-hover);
4174 color: var(--e-a-btn-color-invert);
4175 }
4176 .elementor-button:active,
4177 .e-btn:active {
4178 background-color: var(--e-a-btn-bg-active);
4179 }
4180 .elementor-button:not([disabled]),
4181 .e-btn:not([disabled]) {
4182 cursor: pointer;
4183 }
4184 .elementor-button:disabled,
4185 .e-btn:disabled {
4186 background-color: var(--e-a-btn-bg-disabled);
4187 color: var(--e-a-btn-color-disabled);
4188 }
4189 .elementor-button:not(.elementor-button-state) .elementor-state-icon,
4190 .e-btn:not(.elementor-button-state) .elementor-state-icon {
4191 display: none;
4192 }
4193 .elementor-button.e-btn-txt,
4194 .e-btn.e-btn-txt {
4195 background: transparent;
4196 color: var(--e-a-color-txt);
4197 }
4198 .elementor-button.e-btn-txt:hover, .elementor-button.e-btn-txt:focus,
4199 .e-btn.e-btn-txt:hover,
4200 .e-btn.e-btn-txt:focus {
4201 background: var(--e-a-bg-hover);
4202 color: var(--e-a-color-txt-hover);
4203 }
4204 .elementor-button.e-btn-txt:disabled,
4205 .e-btn.e-btn-txt:disabled {
4206 background: transparent;
4207 color: var(--e-a-color-txt-disabled);
4208 }
4209 .elementor-button.e-btn-txt-border,
4210 .e-btn.e-btn-txt-border {
4211 border: 1px solid var(--e-a-color-txt-muted);
4212 }
4213 .elementor-button.elementor-button-success, .elementor-button.e-success,
4214 .e-btn.elementor-button-success,
4215 .e-btn.e-success {
4216 background-color: var(--e-a-btn-bg-success);
4217 }
4218 .elementor-button.elementor-button-success:hover, .elementor-button.elementor-button-success:focus, .elementor-button.e-success:hover, .elementor-button.e-success:focus,
4219 .e-btn.elementor-button-success:hover,
4220 .e-btn.elementor-button-success:focus,
4221 .e-btn.e-success:hover,
4222 .e-btn.e-success:focus {
4223 background-color: var(--e-a-btn-bg-success-hover);
4224 }
4225 .elementor-button.e-primary,
4226 .e-btn.e-primary {
4227 background-color: var(--e-a-btn-bg-primary);
4228 color: var(--e-a-btn-color);
4229 }
4230 .elementor-button.e-primary:hover, .elementor-button.e-primary:focus,
4231 .e-btn.e-primary:hover,
4232 .e-btn.e-primary:focus {
4233 background-color: var(--e-a-btn-bg-primary-hover);
4234 color: var(--e-a-btn-color);
4235 }
4236 .elementor-button.e-primary.e-btn-txt,
4237 .e-btn.e-primary.e-btn-txt {
4238 background: transparent;
4239 color: var(--e-a-color-primary-bold);
4240 }
4241 .elementor-button.e-primary.e-btn-txt:hover, .elementor-button.e-primary.e-btn-txt:focus,
4242 .e-btn.e-primary.e-btn-txt:hover,
4243 .e-btn.e-primary.e-btn-txt:focus {
4244 background: var(--e-a-bg-primary);
4245 }
4246 .elementor-button.go-pro, .elementor-button.e-accent,
4247 .e-btn.go-pro,
4248 .e-btn.e-accent {
4249 background-color: var(--e-a-btn-bg-accent);
4250 }
4251 .elementor-button.go-pro:hover, .elementor-button.go-pro:focus, .elementor-button.e-accent:hover, .elementor-button.e-accent:focus,
4252 .e-btn.go-pro:hover,
4253 .e-btn.go-pro:focus,
4254 .e-btn.e-accent:hover,
4255 .e-btn.e-accent:focus {
4256 background-color: var(--e-a-btn-bg-accent-hover);
4257 }
4258 .elementor-button.go-pro:active, .elementor-button.e-accent:active,
4259 .e-btn.go-pro:active,
4260 .e-btn.e-accent:active {
4261 background-color: var(--e-a-btn-bg-accent-active);
4262 }
4263 .elementor-button.elementor-button-info, .elementor-button.e-info,
4264 .e-btn.elementor-button-info,
4265 .e-btn.e-info {
4266 background-color: var(--e-a-btn-bg-info);
4267 }
4268 .elementor-button.elementor-button-info:hover, .elementor-button.elementor-button-info:focus, .elementor-button.e-info:hover, .elementor-button.e-info:focus,
4269 .e-btn.elementor-button-info:hover,
4270 .e-btn.elementor-button-info:focus,
4271 .e-btn.e-info:hover,
4272 .e-btn.e-info:focus {
4273 background-color: var(--e-a-btn-bg-info-hover);
4274 }
4275 .elementor-button.elementor-button-warning, .elementor-button.e-warning,
4276 .e-btn.elementor-button-warning,
4277 .e-btn.e-warning {
4278 background-color: var(--e-a-btn-bg-warning);
4279 }
4280 .elementor-button.elementor-button-warning:hover, .elementor-button.elementor-button-warning:focus, .elementor-button.e-warning:hover, .elementor-button.e-warning:focus,
4281 .e-btn.elementor-button-warning:hover,
4282 .e-btn.elementor-button-warning:focus,
4283 .e-btn.e-warning:hover,
4284 .e-btn.e-warning:focus {
4285 background-color: var(--e-a-btn-bg-warning-hover);
4286 }
4287 .elementor-button.elementor-button-danger, .elementor-button.e-danger,
4288 .e-btn.elementor-button-danger,
4289 .e-btn.e-danger {
4290 background-color: var(--e-a-btn-bg-danger);
4291 }
4292 .elementor-button.elementor-button-danger:hover, .elementor-button.elementor-button-danger:focus, .elementor-button.e-danger:hover, .elementor-button.e-danger:focus,
4293 .e-btn.elementor-button-danger:hover,
4294 .e-btn.elementor-button-danger:focus,
4295 .e-btn.e-danger:hover,
4296 .e-btn.e-danger:focus {
4297 background-color: var(--e-a-btn-bg-danger-hover);
4298 }
4299 .elementor-button i,
4300 .e-btn i {
4301 margin-inline-end: 5px;
4302 }
4303
4304 body {
4305 --e-preview-width: calc(100% - var(--e-editor-panel-width, 300px));
4306 }
4307 body.elementor-navigator-docked {
4308 --e-preview-width: calc(100% - var(--e-editor-panel-width, 300px) - var(--e-editor-navigator-width, 0px));
4309 }
4310 body.elementor-device-desktop #elementor-preview {
4311 overflow-y: hidden;
4312 align-items: flex-start;
4313 }
4314 body:not(.elementor-device-desktop) body {
4315 overflow-y: auto;
4316 }
4317
4318 #elementor-preview {
4319 background-color: #333;
4320 height: 100%;
4321 border: 0;
4322 width: var(--e-preview-width);
4323 display: flex;
4324 flex-direction: column;
4325 justify-content: flex-start;
4326 align-items: center;
4327 position: relative;
4328 }
4329
4330 #elementor-preview-responsive-wrapper {
4331 transform-origin: top center;
4332 padding: 20px;
4333 transform: scale(var(--e-preview-scale, 1));
4334 }
4335 .elementor-device-desktop #elementor-preview-responsive-wrapper {
4336 min-width: 1025px;
4337 width: 100%;
4338 height: 100%;
4339 padding: 0;
4340 position: relative;
4341 }
4342 body.e-is-device-mode:not(.elementor-device-desktop) #elementor-preview-responsive-wrapper {
4343 width: var(--e-editor-preview-width);
4344 height: var(--e-editor-preview-height);
4345 margin: 0 max((100vw - var(--e-editor-panel-width) - var(--e-editor-preview-width)) / 2, 20px);
4346 box-sizing: content-box;
4347 position: relative;
4348 max-height: calc(100vh - 80px);
4349 }
4350 body.e-is-device-mode:not(.elementor-device-desktop) #elementor-preview-responsive-wrapper .ui-resizable-handle {
4351 display: flex !important;
4352 }
4353 #elementor-preview-responsive-wrapper:not(.ui-resizable-resizing) {
4354 transition: 0.3s ease-in-out;
4355 }
4356 #elementor-preview-responsive-wrapper .ui-resizable-handle {
4357 top: 0;
4358 }
4359 #elementor-preview-responsive-wrapper .ui-resizable-handle.ui-resizable-s {
4360 top: auto;
4361 bottom: 0;
4362 }
4363 #elementor-preview-responsive-wrapper .ui-resizable-n, #elementor-preview-responsive-wrapper .ui-resizable-s {
4364 align-items: center;
4365 justify-content: center;
4366 height: 20px;
4367 }
4368 #elementor-preview-responsive-wrapper .ui-resizable-n:before, #elementor-preview-responsive-wrapper .ui-resizable-s:before {
4369 content: "";
4370 display: block;
4371 background-color: rgba(255, 255, 255, 0.2);
4372 width: 50px;
4373 height: 4px;
4374 border-radius: 3px;
4375 transition: all 0.2s ease-in-out;
4376 }
4377 #elementor-preview-responsive-wrapper .ui-resizable-n:hover:before, #elementor-preview-responsive-wrapper .ui-resizable-s:hover:before {
4378 background-color: rgba(255, 255, 255, 0.6);
4379 width: 100px;
4380 }
4381 #elementor-preview-responsive-wrapper .ui-resizable-e,
4382 #elementor-preview-responsive-wrapper .ui-resizable-w {
4383 align-items: center;
4384 justify-content: center;
4385 width: 20px;
4386 }
4387 #elementor-preview-responsive-wrapper .ui-resizable-e:before,
4388 #elementor-preview-responsive-wrapper .ui-resizable-w:before {
4389 content: "";
4390 display: block;
4391 background-color: rgba(255, 255, 255, 0.2);
4392 width: 4px;
4393 height: 50px;
4394 border-radius: 3px;
4395 transition: all 0.2s ease-in-out;
4396 }
4397 #elementor-preview-responsive-wrapper .ui-resizable-e:hover:before,
4398 #elementor-preview-responsive-wrapper .ui-resizable-w:hover:before {
4399 background-color: rgba(255, 255, 255, 0.6);
4400 height: 100px;
4401 }
4402 #elementor-preview-responsive-wrapper.ui-resizable-resizing .ui-resizable-handle:before {
4403 background-color: rgba(255, 255, 255, 0.9);
4404 }
4405 #elementor-preview-responsive-wrapper .ui-resizable-s {
4406 bottom: 0;
4407 }
4408 #elementor-preview-responsive-wrapper .ui-resizable-e {
4409 right: 0;
4410 }
4411 #elementor-preview-responsive-wrapper .ui-resizable-w {
4412 left: 0;
4413 }
4414
4415 #elementor-preview-iframe {
4416 width: 100%;
4417 height: 100%;
4418 background-color: #fff;
4419 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.15);
4420 }
4421
4422 #elementor-template-library-modal a.elementor-template-library-blank-footer-link {
4423 font-style: normal;
4424 text-decoration: underline;
4425 }
4426 #elementor-template-library-modal .dialog-buttons-wrapper {
4427 display: none;
4428 }
4429 #elementor-template-library-modal .select2-container {
4430 z-index: 0;
4431 }
4432 #elementor-template-library-modal .dialog-message {
4433 overflow-y: scroll;
4434 }
4435
4436 #elementor-template-library-header-menu {
4437 text-align: center;
4438 }
4439
4440 .elementor-template-library-menu-item {
4441 display: inline-block;
4442 padding: 17px 20px;
4443 border-block-end: 3px solid transparent;
4444 cursor: pointer;
4445 }
4446 .elementor-template-library-menu-item:hover {
4447 background-color: var(--e-a-bg-hover);
4448 border-color: var(--e-a-bg-hover);
4449 }
4450 .elementor-template-library-menu-item.elementor-active {
4451 border-color: var(--e-a-border-color-accent);
4452 color: var(--e-a-color-txt-accent);
4453 }
4454
4455 #elementor-template-library-header-actions {
4456 display: flex;
4457 }
4458 #elementor-template-library-header-actions > div {
4459 padding-inline-end: 16px;
4460 }
4461
4462 #elementor-template-library-header-preview-insert-wrapper {
4463 cursor: default;
4464 padding: 0 10px;
4465 }
4466
4467 .elementor-template-library-template-insert + .elementor-template-library-template-generate-variation {
4468 margin-inline-start: 4px;
4469 }
4470
4471 #elementor-template-library-header-preview-back {
4472 padding-block: 16.5px 15px;
4473 padding-inline: 0 16.5px;
4474 border-inline-end: var(--e-a-border);
4475 cursor: pointer;
4476 transition: color 0.5s;
4477 }
4478 #elementor-template-library-header-preview-back:hover {
4479 color: var(--e-a-color-txt-hover);
4480 }
4481 #elementor-template-library-header-preview-back i {
4482 padding-inline-end: 10px;
4483 font-size: 18px;
4484 }
4485 #elementor-template-library-header-preview-back i:before {
4486 content: "\e87e";
4487 }
4488
4489 #elementor-template-library-templates[data-template-source=local] #elementor-template-library-templates-container {
4490 margin-block-start: 10px;
4491 margin-block-end: 45px;
4492 border-block-start: var(--e-a-border);
4493 }
4494 #elementor-template-library-templates[data-template-source=local] .elementor-template-library-order-input:checked + .elementor-template-library-order-label {
4495 color: var(--e-a-color-txt-active);
4496 }
4497 #elementor-template-library-templates[data-template-source=remote] #elementor-template-library-templates-container {
4498 margin: 10px -15px 0;
4499 }
4500 #elementor-template-library-templates[data-template-source=remote] .elementor-template-library-order-input:checked + .elementor-template-library-order-label {
4501 color: var(--e-a-color-txt-active);
4502 }
4503 #elementor-template-library-templates[data-template-source=empty] #elementor-template-library-order-toolbar-local,
4504 #elementor-template-library-templates[data-template-source=empty] #elementor-template-library-footer-banner {
4505 display: none;
4506 }
4507 #elementor-template-library-templates.elementor-templates-filter-active #elementor-template-library-footer-banner {
4508 display: none;
4509 }
4510 #elementor-template-library-templates .elementor-template-library-order-input {
4511 display: none;
4512 }
4513 #elementor-template-library-templates .elementor-template-library-order-input:checked + .elementor-template-library-order-label {
4514 padding-inline-end: 8px;
4515 }
4516 #elementor-template-library-templates .elementor-template-library-order-input:checked + .elementor-template-library-order-label:after {
4517 font-family: eicons;
4518 content: "\e8ae";
4519 margin-inline-start: 3px;
4520 }
4521 #elementor-template-library-templates .elementor-template-library-order-input:checked.elementor-template-library-order-reverse + .elementor-template-library-order-label:after {
4522 content: "\e8ad";
4523 }
4524
4525 #elementor-template-library-templates-container {
4526 display: flex;
4527 flex-wrap: wrap;
4528 align-items: flex-start;
4529 }
4530
4531 #elementor-template-library-toolbar {
4532 display: flex;
4533 justify-content: space-between;
4534 align-items: center;
4535 }
4536
4537 .elementor-template-library-filter-toolbar {
4538 display: flex;
4539 align-items: center;
4540 }
4541
4542 #elementor-template-library-filter-toolbar-remote {
4543 font-size: 11px;
4544 }
4545
4546 #elementor-template-library-order {
4547 display: flex;
4548 border-inline-end: var(--e-a-border);
4549 }
4550
4551 .elementor-template-library-order-label {
4552 text-transform: uppercase;
4553 padding-inline-end: 22px;
4554 -webkit-user-select: none;
4555 -moz-user-select: none;
4556 user-select: none;
4557 }
4558
4559 label.elementor-template-library-order-label {
4560 cursor: pointer;
4561 }
4562 label.elementor-template-library-order-label:hover {
4563 color: var(--e-a-color-txt-hover);
4564 }
4565
4566 #elementor-template-library-filter .select2 {
4567 text-align: start;
4568 width: calc(27px * 5) !important;
4569 }
4570 #elementor-template-library-filter .select2-selection__rendered {
4571 text-transform: capitalize;
4572 }
4573
4574 #select2-elementor-template-library-filter-subtype-results .select2-results__option {
4575 text-transform: capitalize;
4576 text-align: start;
4577 padding-inline-start: 5px;
4578 }
4579
4580 #elementor-template-library-my-favorites {
4581 flex-grow: 1;
4582 text-align: start;
4583 padding-inline-start: 20px;
4584 }
4585
4586 #elementor-template-library-filter-my-favorites {
4587 display: none;
4588 }
4589 #elementor-template-library-filter-my-favorites:checked + #elementor-template-library-filter-my-favorites-label {
4590 color: var(--e-a-color-txt-active);
4591 }
4592 #elementor-template-library-filter-my-favorites:checked + #elementor-template-library-filter-my-favorites-label i:after {
4593 color: var(--e-a-color-primary-bold);
4594 content: "\e93f";
4595 }
4596
4597 #elementor-template-library-filter-my-favorites-label {
4598 cursor: pointer;
4599 text-transform: uppercase;
4600 }
4601 #elementor-template-library-filter-my-favorites-label:hover {
4602 color: var(--e-a-color-txt-hover);
4603 }
4604 #elementor-template-library-filter-my-favorites-label:hover i:after {
4605 color: var(--e-a-color-primary-bold);
4606 }
4607 #elementor-template-library-filter-my-favorites-label i {
4608 padding-inline-end: 5px;
4609 }
4610 #elementor-template-library-filter-my-favorites-label i:after {
4611 content: "\e923";
4612 }
4613
4614 #elementor-template-library-filter-text-wrapper {
4615 width: 200px;
4616 position: relative;
4617 }
4618 #elementor-template-library-filter-text-wrapper i {
4619 position: absolute;
4620 top: 50%;
4621 right: 0;
4622 transform: translateY(-50%);
4623 }
4624
4625 #elementor-template-library-filter-text {
4626 border: none;
4627 border-block-end: var(--e-a-border-bold);
4628 border-radius: 0;
4629 font-size: 11px;
4630 padding: 8px 15px 8px 0;
4631 transition: border 0.5s;
4632 }
4633 #elementor-template-library-filter-text:focus {
4634 border-color: var(--e-a-border-color-focus);
4635 }
4636 #elementor-template-library-filter-text::-moz-placeholder {
4637 font-weight: 300;
4638 text-transform: uppercase;
4639 }
4640 #elementor-template-library-filter-text::placeholder {
4641 font-weight: 300;
4642 text-transform: uppercase;
4643 }
4644
4645 .elementor-template-library-template-remote {
4646 margin: calc(30px / 2);
4647 padding: 8px;
4648 border: var(--e-a-border);
4649 border-radius: 3px;
4650 }
4651 .elementor-template-library-template-remote:hover {
4652 background-color: var(--e-a-bg-hover);
4653 }
4654 .elementor-template-library-template-remote:hover .elementor-template-library-template-name {
4655 display: none;
4656 }
4657 .elementor-template-library-template-remote:not(:hover) .elementor-template-library-template-preview {
4658 opacity: 0;
4659 }
4660 .elementor-template-library-template-remote:not(:hover) .elementor-template-library-favorite,
4661 .elementor-template-library-template-remote:not(:hover) .elementor-template-library-template-action {
4662 display: none;
4663 }
4664 .elementor-template-library-template-remote.elementor-template-library-pro-template .elementor-template-library-template-body:before {
4665 content: var(--elementor-template-library-subscription-plan-label);
4666 background-color: var(--e-a-color-accent);
4667 color: var(--e-a-color-white);
4668 position: absolute;
4669 text-transform: uppercase;
4670 line-height: 1;
4671 top: 5px;
4672 right: 5px;
4673 padding: 3px 5px;
4674 font-size: 8px;
4675 border-radius: 2px;
4676 }
4677 .elementor-template-library-template-remote:not(.elementor-template-library-template-page):not(.elementor-template-library-template-lp) {
4678 position: relative;
4679 width: calc(33.333% - 30px);
4680 overflow: hidden;
4681 }
4682 .elementor-template-library-template-remote:not(.elementor-template-library-template-page):not(.elementor-template-library-template-lp) img {
4683 display: block;
4684 width: 100%;
4685 }
4686 .elementor-template-library-template-remote:not(.elementor-template-library-template-page):not(.elementor-template-library-template-lp) .elementor-template-library-template-footer {
4687 position: absolute;
4688 width: 100%;
4689 bottom: 0;
4690 left: 0;
4691 padding: 10px;
4692 background-color: var(--e-a-bg-default);
4693 transition: transform 0.5s;
4694 }
4695 .elementor-template-library-template-remote:not(.elementor-template-library-template-page):not(.elementor-template-library-template-lp) .elementor-template-library-template-name {
4696 display: none;
4697 }
4698 .elementor-template-library-template-remote:not(.elementor-template-library-template-page):not(.elementor-template-library-template-lp):not(:hover) .elementor-template-library-template-footer {
4699 transform: translateY(100%);
4700 }
4701 .elementor-template-library-template-remote .elementor-template-library-template-body {
4702 position: relative;
4703 }
4704 @media (max-width: 1025px) {
4705 .elementor-template-library-template-remote .elementor-template-library-template-body {
4706 height: 300px;
4707 }
4708 }
4709 .elementor-template-library-template-remote .elementor-template-library-template-screenshot {
4710 height: 100%;
4711 background-size: cover;
4712 background-position-x: 50%;
4713 box-shadow: inset 0px -2px 15px -6px rgba(0, 0, 0, 0.07);
4714 }
4715 .elementor-template-library-template-remote .elementor-template-library-template-preview {
4716 position: absolute;
4717 top: 0;
4718 left: 0;
4719 width: 100%;
4720 height: 100%;
4721 background-color: rgba(0, 0, 0, 0.5);
4722 transition: opacity 0.5s;
4723 cursor: pointer;
4724 }
4725 .elementor-template-library-template-remote .elementor-template-library-template-preview i {
4726 font-size: 20px;
4727 position: absolute;
4728 top: 50%;
4729 left: 50%;
4730 transform: translate(-50%, -50%);
4731 }
4732 .elementor-template-library-template-remote .elementor-template-library-template-footer {
4733 display: flex;
4734 justify-content: space-between;
4735 font-size: 11px;
4736 line-height: 1;
4737 height: 40px;
4738 align-items: center;
4739 }
4740 .elementor-template-library-template-remote .elementor-template-library-template-name {
4741 text-align: start;
4742 flex-grow: 1;
4743 white-space: nowrap;
4744 text-overflow: ellipsis;
4745 overflow: hidden;
4746 padding-inline-end: 5px;
4747 }
4748 .elementor-template-library-template-remote .elementor-template-library-favorite {
4749 margin-inline-start: auto;
4750 }
4751 .elementor-template-library-template-remote .elementor-template-library-template-favorite-input {
4752 display: none;
4753 }
4754 .elementor-template-library-template-remote .elementor-template-library-template-favorite-input:checked + .elementor-template-library-template-favorite-label i:before {
4755 content: "\e93f";
4756 color: var(--e-a-color-primary-bold);
4757 }
4758 .elementor-template-library-template-remote .elementor-template-library-template-favorite-label {
4759 font-size: 15px;
4760 cursor: pointer;
4761 }
4762 .elementor-template-library-template-remote .elementor-template-library-template-favorite-label:hover i {
4763 color: var(--e-a-color-primary-bold);
4764 }
4765
4766 @media (max-width: 1439px) {
4767 .elementor-template-library-template-page,
4768 .elementor-template-library-template-lp {
4769 width: calc(25% - 30px);
4770 }
4771 }
4772 @media (min-width: 1440px) {
4773 .elementor-template-library-template-page,
4774 .elementor-template-library-template-lp {
4775 width: calc(20% - 30px);
4776 }
4777 }
4778 @media (max-width: 1025px) {
4779 .elementor-template-library-template-page,
4780 .elementor-template-library-template-lp {
4781 width: calc(33.333% - 30px);
4782 }
4783 }
4784 .elementor-template-library-template-page .elementor-template-library-template-body,
4785 .elementor-template-library-template-lp .elementor-template-library-template-body {
4786 height: 200px;
4787 }
4788
4789 #elementor-template-library-order-toolbar-local,
4790 .elementor-template-library-template-local {
4791 display: flex;
4792 align-items: center;
4793 padding: 0 25px;
4794 text-align: start;
4795 }
4796
4797 #elementor-template-library-order-toolbar-local {
4798 margin-block-start: 30px;
4799 }
4800 #elementor-template-library-order-toolbar-local .elementor-template-library-order-label {
4801 line-height: 1;
4802 font-size: 10px;
4803 font-weight: 500;
4804 }
4805
4806 .elementor-template-library-template-local {
4807 height: 50px;
4808 width: 100%;
4809 margin-block-start: 1px;
4810 transition: background-color 0.3s linear;
4811 }
4812 .elementor-template-library-template-local:hover {
4813 background-color: var(--e-a-bg-hover);
4814 }
4815 .elementor-template-library-template-local:first-child {
4816 border-start-start-radius: 3px;
4817 border-start-end-radius: 3px;
4818 border-end-start-radius: 0;
4819 border-end-end-radius: 0;
4820 }
4821 .elementor-template-library-template-local:last-child {
4822 border-start-start-radius: 0;
4823 border-start-end-radius: 0;
4824 border-end-start-radius: 3px;
4825 border-end-end-radius: 3px;
4826 }
4827 .elementor-template-library-template-local .elementor-template-library-template-name {
4828 font-weight: 500;
4829 }
4830 .elementor-template-library-template-local .elementor-template-library-template-name,
4831 .elementor-template-library-template-local .elementor-template-library-template-meta {
4832 padding-inline-end: 20px;
4833 }
4834 .elementor-template-library-template-local .elementor-template-library-template-name,
4835 .elementor-template-library-template-local .elementor-template-library-template-meta,
4836 .elementor-template-library-template-local .elementor-template-library-template-preview,
4837 .elementor-template-library-template-local .elementor-template-library-template-action {
4838 white-space: nowrap;
4839 text-overflow: ellipsis;
4840 overflow: hidden;
4841 }
4842 .elementor-template-library-template-local .elementor-template-library-template-controls {
4843 position: relative;
4844 display: flex;
4845 align-items: center;
4846 }
4847 .elementor-template-library-template-local .elementor-template-library-template-controls > div {
4848 cursor: pointer;
4849 transition: color 0.5s;
4850 }
4851 .elementor-template-library-template-local .elementor-template-library-template-insert i {
4852 margin-inline-end: 3px;
4853 }
4854 .elementor-template-library-template-local .elementor-template-library-template-control-title {
4855 margin-inline-start: 6px;
4856 }
4857 .elementor-template-library-template-local .elementor-template-library-template-more .elementor-template-library-template-delete:hover {
4858 color: var(--e-a-color-danger);
4859 }
4860 .elementor-template-library-template-local .elementor-template-library-template-more {
4861 display: none;
4862 position: absolute;
4863 background-color: var(--e-a-bg-default);
4864 padding: 3px 20px;
4865 border-radius: var(--e-a-border-radius);
4866 box-shadow: 1px 3px 11px rgba(0, 0, 0, 0.3);
4867 top: 100%;
4868 right: 0;
4869 transform: translateX(65%) translateY(-7px);
4870 z-index: 1;
4871 }
4872 .elementor-template-library-template-local .elementor-template-library-template-more:before {
4873 content: "";
4874 position: absolute;
4875 border: solid transparent;
4876 border-width: 8px 4px;
4877 border-block-end-color: var(--e-a-color-white);
4878 transform: translateY(-100%);
4879 }
4880 .elementor-template-library-template-local .elementor-template-library-template-more > div {
4881 margin: 10px 0;
4882 font-size: 11px;
4883 }
4884 .elementor-template-library-template-local .elementor-template-library-template-more a {
4885 color: var(--e-a-color-txt);
4886 }
4887 .elementor-template-library-template-local .elementor-template-library-template-more-toggle {
4888 flex-grow: 1;
4889 text-align: end;
4890 }
4891 .elementor-template-library-template-local .elementor-template-library-template-more-toggle i {
4892 font-size: 16px;
4893 }
4894
4895 #elementor-template-library-preview {
4896 height: 100%;
4897 overflow: hidden;
4898 }
4899 #elementor-template-library-preview iframe {
4900 height: 150%;
4901 transform: scale(0.666) translateX(-25%) translateY(-25%);
4902 }
4903 @media (max-width: 1439px) {
4904 #elementor-template-library-preview iframe {
4905 width: 1440px;
4906 }
4907 }
4908 @media (min-width: 1440px) {
4909 #elementor-template-library-preview iframe {
4910 width: 1730px;
4911 }
4912 }
4913
4914 .elementor-template-library-blank-icon {
4915 font-size: 64px;
4916 margin-block-start: 45px;
4917 line-height: 1;
4918 }
4919 .elementor-template-library-blank-icon img {
4920 width: 70px;
4921 }
4922 .elementor-template-library-blank-icon .elementor-template-library-no-results {
4923 width: 200px;
4924 }
4925
4926 .elementor-template-library-blank-title {
4927 font-size: 30px;
4928 margin-block-start: 20px;
4929 }
4930 @media (max-width: 1439px) {
4931 .elementor-template-library-blank-title {
4932 font-size: 25px;
4933 }
4934 }
4935
4936 .elementor-template-library-blank-message {
4937 font-size: 18px;
4938 margin-block-start: 15px;
4939 font-weight: 300;
4940 }
4941 @media (max-width: 1439px) {
4942 .elementor-template-library-blank-message {
4943 font-size: 16px;
4944 margin-block-start: 10px;
4945 }
4946 }
4947
4948 #elementor-template-library-save-template-form {
4949 margin-block-start: 40px;
4950 display: flex;
4951 align-items: center;
4952 justify-content: center;
4953 }
4954 #elementor-template-library-save-template-form > * {
4955 height: 55px;
4956 font-size: 16px;
4957 }
4958
4959 #elementor-template-library-save-template-name {
4960 width: 500px;
4961 padding-inline-start: 25px;
4962 border-start-start-radius: 3px;
4963 border-start-end-radius: 0;
4964 border-end-start-radius: 3px;
4965 border-end-end-radius: 0;
4966 }
4967
4968 #elementor-template-library-save-template-submit {
4969 width: 150px;
4970 border-start-start-radius: 0;
4971 border-start-end-radius: 3px;
4972 border-end-start-radius: 0;
4973 border-end-end-radius: 3px;
4974 }
4975
4976 #elementor-template-library-import-form {
4977 width: 95%;
4978 padding: 60px;
4979 border: 2px dashed var(--e-a-border-color-bold);
4980 margin: 35px auto;
4981 transition: var(--e-a-transition-hover);
4982 }
4983 #elementor-template-library-import-form-or {
4984 margin-block-start: 15px;
4985 font-size: 18px;
4986 }
4987 #elementor-template-library-import-form-label {
4988 margin-block-start: 20px;
4989 padding: 15px 35px;
4990 display: inline-block;
4991 }
4992 #elementor-template-library-import-form-input {
4993 display: none;
4994 }
4995 #elementor-template-library-import-form.elementor-drag-over {
4996 border-color: var(--e-a-color-primary);
4997 }
4998 #elementor-template-library-import .elementor-template-library-blank-icon {
4999 margin-block-start: 0;
5000 }
5001 #elementor-template-library-import .elementor-template-library-blank-message {
5002 margin-block-start: 20px;
5003 }
5004
5005 .e-route-library-connect #elementor-template-library-modal .dialog-message {
5006 max-height: 95vh;
5007 padding: 100px 0 0;
5008 min-height: 550px;
5009 }
5010
5011 #elementor-template-library-connect-logo {
5012 font-size: 20px;
5013 }
5014 #elementor-template-library-connect__button {
5015 display: inline-block;
5016 position: relative;
5017 z-index: 1;
5018 margin-block-start: 25px;
5019 padding: 12px 24px;
5020 font-size: 14px;
5021 }
5022 #elementor-template-library-connect__background-image-left-1 {
5023 right: 22.4%;
5024 bottom: -29%;
5025 animation: 1.5s fadeIn, 1.5s slideDown, 3.5s mover 1.5s infinite alternate;
5026 }
5027 #elementor-template-library-connect__background-image-left-2 {
5028 right: 46.25%;
5029 bottom: -15.5%;
5030 animation: 3s fadeIn, 3s slideDown, 2s mover 3s infinite alternate;
5031 }
5032 #elementor-template-library-connect__background-image-right-1 {
5033 left: 37%;
5034 bottom: -41%;
5035 animation: 2.5s fadeIn, 2.5s slideDown, 2s mover 2.5s infinite alternate;
5036 }
5037 #elementor-template-library-connect__background-image-right-2 {
5038 left: 48%;
5039 bottom: -12.5%;
5040 animation: 1.5s fadeIn, 1.5s slideDown, 1.5s mover 1.5s infinite alternate;
5041 }
5042
5043 .elementor-template-library-connect__background-image {
5044 position: absolute;
5045 }
5046
5047 .elementor-template-library-blank-footer {
5048 position: absolute;
5049 bottom: 70px;
5050 left: 50%;
5051 transform: translateX(-50%);
5052 font-style: italic;
5053 color: var(--e-a-color-txt-muted);
5054 }
5055 @media (max-height: 700px) {
5056 .elementor-template-library-blank-footer {
5057 display: none;
5058 }
5059 }
5060
5061 #elementor-template-library-footer-banner {
5062 padding-block-end: 45px;
5063 }
5064 #elementor-template-library-footer-banner i {
5065 font-size: 56px;
5066 margin-block-start: 40px;
5067 }
5068 #elementor-template-library-footer-banner .elementor-nerd-box-icon {
5069 margin-block-start: 70px;
5070 }
5071
5072 #elementor-template-library-templates-empty {
5073 width: 100%;
5074 margin-block-start: 40px;
5075 }
5076
5077 #elementor-template-library-error-dialog .dialog-message {
5078 text-align: start;
5079 }
5080
5081 #elementor-template-library-error-info {
5082 margin-block-start: 10px;
5083 }
5084
5085 @media (max-width: 1439px) {
5086 .elementor-template-library-local-column-1 {
5087 width: 33%;
5088 }
5089 .elementor-template-library-local-column-2 {
5090 width: 10%;
5091 }
5092 .elementor-template-library-local-column-3 {
5093 width: 15%;
5094 }
5095 .elementor-template-library-local-column-4 {
5096 width: 15%;
5097 }
5098 .elementor-template-library-local-column-5 {
5099 width: 27%;
5100 }
5101 }
5102 @media (min-width: 1440px) {
5103 .elementor-template-library-local-column-1 {
5104 width: 25%;
5105 }
5106 .elementor-template-library-local-column-2 {
5107 width: 17%;
5108 }
5109 .elementor-template-library-local-column-3 {
5110 width: 17%;
5111 }
5112 .elementor-template-library-local-column-4 {
5113 width: 17%;
5114 }
5115 .elementor-template-library-local-column-5 {
5116 width: 24%;
5117 }
5118 }
5119 @media (max-width: 1024px) {
5120 .elementor-template-library-local-column-3 {
5121 display: none;
5122 }
5123 .elementor-template-library-local-column-5 {
5124 width: 41%;
5125 }
5126 }
5127 .elementor-tags-list {
5128 display: none;
5129 position: absolute;
5130 width: 260px;
5131 max-height: 300px;
5132 overflow: auto;
5133 padding-block-end: 5px;
5134 background-color: var(--e-a-bg-default);
5135 box-shadow: var(--e-a-popover-shadow);
5136 border: var(--e-a-border);
5137 border-radius: 3px;
5138 z-index: 10000;
5139 }
5140 .elementor-tags-list__group-title {
5141 font-weight: bold;
5142 font-size: 12px;
5143 padding: 10px 15px;
5144 display: flex;
5145 align-items: center;
5146 }
5147 .elementor-tags-list__group-title .eicon-info-circle {
5148 padding-inline-end: 5px;
5149 color: var(--e-a-color-primary-bold);
5150 font-size: 14px;
5151 }
5152 .elementor-tags-list__item {
5153 font-size: 10px;
5154 padding: 6px 15px;
5155 cursor: pointer;
5156 }
5157 .elementor-tags-list__item:before {
5158 content: ">";
5159 font-size: 8px;
5160 padding-inline-end: 5px;
5161 }
5162 .elementor-tags-list__item:hover {
5163 background-color: var(--e-a-bg-hover);
5164 }
5165 .elementor-tags-list__teaser {
5166 border-block-start: 2px solid var(--e-a-border-color);
5167 padding-block-start: 4px;
5168 margin-block-start: 4px;
5169 }
5170 .elementor-tags-list__teaser-text {
5171 padding: 2px 15px 8px;
5172 line-height: 1.5;
5173 font-size: 12px;
5174 }
5175 .elementor-tags-list__teaser-link {
5176 color: var(--e-a-color-primary-bold);
5177 text-decoration: underline;
5178 font-style: italic;
5179 font-weight: bold;
5180 }
5181
5182 .elementor-dynamic-cover {
5183 display: flex;
5184 align-items: center;
5185 width: 100%;
5186 height: 27px;
5187 box-sizing: border-box;
5188 }
5189 .elementor-dynamic-cover__title {
5190 padding: 0 8px;
5191 flex-grow: 1;
5192 white-space: nowrap;
5193 text-overflow: ellipsis;
5194 overflow: hidden;
5195 }
5196 .elementor-dynamic-cover__settings, .elementor-dynamic-cover__remove {
5197 cursor: pointer;
5198 transition: var(--e-a-transition-hover);
5199 }
5200 .elementor-dynamic-cover__settings:hover, .elementor-dynamic-cover__remove:hover {
5201 color: var(--e-a-color-txt-hover);
5202 }
5203 .elementor-control-type-wysiwyg .elementor-dynamic-cover {
5204 margin-block-start: 10px;
5205 }
5206
5207 .elementor-tag-settings-popup {
5208 position: absolute;
5209 width: 260px;
5210 background-color: var(--e-a-bg-default);
5211 border: var(--e-a-border);
5212 box-shadow: var(--e-a-popover-shadow);
5213 z-index: 1;
5214 }
5215 .elementor-tag-settings-popup:before {
5216 content: "";
5217 position: absolute;
5218 top: -20px;
5219 left: 5px;
5220 border: 10px solid transparent;
5221 border-block-end-color: var(--e-a-border-color);
5222 }
5223 .elementor-tag-settings-popup .elementor-control-type-section:first-child {
5224 margin: 0;
5225 }
5226
5227 .elementor-tag-controls-stack-empty {
5228 background-color: var(--e-a-bg-default);
5229 padding: 10px;
5230 font-size: 13px;
5231 text-align: center;
5232 }
5233
5234 .elementor-control-dynamic input {
5235 border-start-start-radius: var(--e-a-border-radius);
5236 border-start-end-radius: 0;
5237 border-end-end-radius: 0;
5238 border-end-start-radius: var(--e-a-border-radius);
5239 }
5240 .elementor-control-dynamic-switcher {
5241 display: inline-flex;
5242 align-items: center;
5243 justify-content: center;
5244 flex-shrink: 0;
5245 height: 27px;
5246 cursor: pointer;
5247 border: var(--e-a-border-bold);
5248 background: var(--e-a-bg-default);
5249 border-inline-start-width: 0;
5250 border-start-start-radius: 0;
5251 border-start-end-radius: var(--e-a-border-radius);
5252 border-end-end-radius: var(--e-a-border-radius);
5253 border-end-start-radius: 0;
5254 transition: var(--e-a-transition-hover);
5255 }
5256 .elementor-control-dynamic-switcher:hover {
5257 background-color: var(--e-a-bg-hover);
5258 color: var(--e-a-color-txt-hover);
5259 }
5260 .elementor-control-dynamic-switcher.e-control-tool {
5261 height: 20px;
5262 border: 0;
5263 }
5264 .elementor-control-dynamic-switcher-wrapper {
5265 display: flex;
5266 }
5267 .elementor-control-dynamic-switcher .eicon-database {
5268 font-size: 12px;
5269 }
5270 .elementor-control-dynamic-value .elementor-control-tag-area,
5271 .elementor-control-dynamic-value .elementor-control-dynamic-switcher,
5272 .elementor-control-dynamic-value .e-global__popover-toggle {
5273 display: none;
5274 }
5275
5276 .elementor-context-menu {
5277 position: absolute;
5278 width: 250px;
5279 padding: 5px 0px;
5280 background-color: var(--e-a-bg-default);
5281 border-radius: var(--e-a-border-radius);
5282 box-shadow: var(--e-a-popover-shadow);
5283 -webkit-user-select: none;
5284 -moz-user-select: none;
5285 user-select: none;
5286 z-index: 101;
5287 }
5288 .elementor-context-menu-list {
5289 display: flex;
5290 flex-direction: column;
5291 }
5292 .elementor-context-menu-list__group {
5293 display: flex;
5294 flex-direction: column;
5295 }
5296 .elementor-context-menu-list__group:not(:last-child) {
5297 border-block-end: var(--e-a-border);
5298 }
5299 .elementor-context-menu-list__item {
5300 padding: 12px 20px;
5301 display: flex;
5302 gap: 16px;
5303 cursor: pointer;
5304 transition: var(--e-a-transition-hover);
5305 align-items: center;
5306 }
5307 .elementor-context-menu-list__item--disabled {
5308 cursor: default;
5309 color: var(--e-a-color-disabled);
5310 }
5311 .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 {
5312 background-color: var(--e-a-bg-hover);
5313 color: var(--e-a-color-hover);
5314 }
5315 .elementor-context-menu-list__item__icon {
5316 display: none;
5317 width: 20px;
5318 }
5319 .elementor-context-menu-list__item__title {
5320 flex-grow: 1;
5321 white-space: nowrap;
5322 text-overflow: ellipsis;
5323 overflow: hidden;
5324 }
5325 .elementor-context-menu-list__item__shortcut {
5326 color: var(--e-a-color-txt-muted);
5327 }
5328 .elementor-context-menu-list__item__title, .elementor-context-menu-list__item__shortcut {
5329 font-size: 14px;
5330 font-style: normal;
5331 font-weight: 400;
5332 line-height: 1;
5333 }
5334 .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 > * {
5335 color: var(--e-global-color-danger);
5336 }
5337 .elementor-context-menu .eicon-pro-icon {
5338 color: var(--e-global-color-accent);
5339 }
5340
5341 #elementor-hotkeys {
5342 text-align: start;
5343 }
5344 #elementor-hotkeys__modal .dialog-buttons-wrapper {
5345 display: none;
5346 }
5347 #elementor-hotkeys__content {
5348 display: flex;
5349 justify-content: space-between;
5350 gap: 70px;
5351 padding: 20px 30px;
5352 width: 100%;
5353 overflow: hidden;
5354 }
5355 @media (max-width: 1024px) {
5356 #elementor-hotkeys__content {
5357 flex-direction: column;
5358 gap: 20px;
5359 padding: 20px;
5360 }
5361 }
5362
5363 .elementor-hotkeys__col {
5364 display: flex;
5365 flex-direction: column;
5366 gap: 20px;
5367 width: 100%;
5368 }
5369 .elementor-hotkeys__header {
5370 font-weight: 500;
5371 }
5372 .elementor-hotkeys__item {
5373 display: flex;
5374 align-items: center;
5375 padding: 20px 10px;
5376 }
5377 .elementor-hotkeys__item:not(:last-child) {
5378 border-block-end: var(--e-a-border);
5379 }
5380 .elementor-hotkeys__item--label {
5381 font-size: 13px;
5382 font-weight: 400;
5383 flex-grow: 1;
5384 }
5385 .elementor-hotkeys__item--shortcut {
5386 flex-grow: 0;
5387 display: flex;
5388 gap: 27px;
5389 }
5390 @media (max-width: 1024px) {
5391 .elementor-hotkeys__item--shortcut {
5392 gap: 23px;
5393 }
5394 }
5395 .elementor-hotkeys__item--shortcut kbd {
5396 position: relative;
5397 font-family: unset;
5398 background-color: var(--e-a-bg-active);
5399 padding: 5px 12px;
5400 border-radius: var(--e-a-border-radius);
5401 }
5402 @media (max-width: 1024px) {
5403 .elementor-hotkeys__item--shortcut kbd {
5404 padding: 4px 9px;
5405 }
5406 }
5407 .elementor-hotkeys__item--shortcut kbd:not(:last-of-type)::after {
5408 content: "+";
5409 position: absolute;
5410 right: 0;
5411 width: 9px;
5412 text-align: center;
5413 margin-inline-end: -18px;
5414 }
5415 @media (max-width: 1024px) {
5416 .elementor-hotkeys__item--shortcut kbd:not(:last-of-type)::after {
5417 margin-inline-end: -16px;
5418 }
5419 }
5420
5421 .ui-resizable-n {
5422 top: -5px;
5423 }
5424 .ui-resizable-e {
5425 right: -5px;
5426 }
5427 .ui-resizable-s {
5428 bottom: -5px;
5429 }
5430 .ui-resizable-w {
5431 left: -5px;
5432 }
5433 .ui-resizable-ne {
5434 top: -5px;
5435 right: -5px;
5436 }
5437 .ui-resizable-nw {
5438 top: -5px;
5439 left: -5px;
5440 }
5441 .ui-resizable-se {
5442 bottom: -5px;
5443 right: -5px;
5444 }
5445 .ui-resizable-sw {
5446 bottom: -5px;
5447 left: -5px;
5448 }
5449 .ui-resizable-n, .ui-resizable-s {
5450 left: 0;
5451 height: 10px;
5452 width: 100%;
5453 cursor: ns-resize;
5454 }
5455 .ui-resizable-e, .ui-resizable-w {
5456 top: 0;
5457 height: 100%;
5458 width: 10px;
5459 cursor: ew-resize;
5460 }
5461 .ui-resizable-ne, .ui-resizable-nw, .ui-resizable-se, .ui-resizable-sw {
5462 height: 15px;
5463 width: 15px;
5464 }
5465 .ui-resizable-nw, .ui-resizable-se {
5466 cursor: nwse-resize;
5467 }
5468 .ui-resizable-ne, .ui-resizable-sw {
5469 cursor: nesw-resize;
5470 }
5471 .ui-resizable-handle {
5472 position: absolute;
5473 }
5474 .ui-resizable-resizing {
5475 pointer-events: none;
5476 }
5477
5478 body {
5479 --e-editor-navigator-width: 240px;
5480 }
5481
5482 #elementor-navigator {
5483 position: fixed;
5484 top: 100px;
5485 width: var(--e-editor-navigator-width);
5486 height: 50vh;
5487 right: 30px;
5488 background-color: var(--e-a-bg-default);
5489 border: var(--e-a-border);
5490 box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
5491 -webkit-user-select: none;
5492 -moz-user-select: none;
5493 user-select: none;
5494 overflow: hidden;
5495 z-index: 100;
5496 display: none;
5497 }
5498 body.elementor-navigator-docked #elementor-navigator {
5499 top: 0;
5500 right: 0;
5501 height: 100%;
5502 }
5503 body:not(.elementor-navigator-docked) #elementor-navigator {
5504 border-radius: 5px;
5505 }
5506 #elementor-navigator__inner {
5507 height: 100%;
5508 }
5509 #elementor-navigator__header {
5510 display: flex;
5511 align-items: stretch;
5512 border-block-end: var(--e-a-border);
5513 color: var(--e-a-color-txt-accent);
5514 }
5515 #elementor-navigator__header__title {
5516 flex: 1;
5517 text-align: center;
5518 font-size: 13px;
5519 font-weight: 400;
5520 padding: 10px 0;
5521 cursor: move;
5522 }
5523 #elementor-navigator__close, #elementor-navigator__toggle-all {
5524 color: var(--e-a-color-txt);
5525 background-color: transparent;
5526 border: none;
5527 outline: 0;
5528 padding: 10px;
5529 cursor: pointer;
5530 transition: color 0.5s;
5531 }
5532 #elementor-navigator__close:hover, #elementor-navigator__toggle-all:hover {
5533 color: var(--e-a-color-txt-hover);
5534 }
5535 #elementor-navigator__close:focus, #elementor-navigator__toggle-all:focus {
5536 color: var(--e-a-color-txt-active);
5537 }
5538 #elementor-navigator__toggle-all {
5539 font-size: 13px;
5540 }
5541 #elementor-navigator__close {
5542 font-size: 11px;
5543 }
5544 #elementor-navigator__elements {
5545 height: calc(100% - 49px);
5546 overflow: auto;
5547 position: relative;
5548 }
5549 .elementor-navigator-docked #elementor-navigator__elements {
5550 height: calc(100% - 35px);
5551 }
5552 #elementor-navigator__elements .elementor-nerd-box {
5553 padding: 25px;
5554 }
5555 #elementor-navigator__elements > .elementor-navigator__element-section {
5556 border-block-end: var(--e-a-border);
5557 }
5558 #elementor-navigator__footer {
5559 position: absolute;
5560 width: 100%;
5561 left: 0;
5562 bottom: 0;
5563 text-align: center;
5564 border-block-start: var(--e-a-border);
5565 }
5566 .elementor-navigator-docked #elementor-navigator__footer {
5567 display: none;
5568 }
5569
5570 .elementor-navigator__item {
5571 position: relative;
5572 display: flex;
5573 height: 30px;
5574 cursor: pointer;
5575 transition: padding 0.5s linear;
5576 overflow: hidden;
5577 }
5578 .elementor-navigator__item:hover, .elementor-navigator__item:focus {
5579 background-color: var(--e-a-bg-hover);
5580 }
5581 .elementor-navigator__item:active {
5582 background-color: var(--e-a-bg-active);
5583 color: var(--e-a-color-txt-accent);
5584 }
5585 .elementor-navigator__item[data-locked=true] {
5586 cursor: not-allowed;
5587 }
5588 .elementor-navigator__item:not(.elementor-active) .elementor-navigator__element__list-toggle i {
5589 transform: rotate(-90deg);
5590 }
5591 .elementor-navigator__item > * {
5592 display: flex;
5593 align-items: center;
5594 }
5595 .elementor-navigator__item + .elementor-navigator__elements {
5596 display: none;
5597 }
5598 .elementor-navigator__elements > .elementor-navigator__element-section,
5599 .elementor-navigator__elements > .elementor-navigator__element-container:not(:last-child) {
5600 border-block-end: var(--e-a-border);
5601 }
5602 .elementor-navigator__elements .elementor-empty-view {
5603 padding: 10px;
5604 }
5605 .elementor-navigator__elements .elementor-empty-view__title {
5606 margin-inline-start: 23px;
5607 font-size: 10px;
5608 font-style: italic;
5609 }
5610 .elementor-navigator__elements .ui-sortable-helper {
5611 box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1);
5612 transform: rotate(4deg);
5613 background-color: var(--e-a-bg-active);
5614 color: var(--e-a-color-txt-accent);
5615 pointer-events: none;
5616 }
5617 .elementor-navigator__elements .ui-sortable-placeholder {
5618 background-color: var(--e-a-bg-hover);
5619 }
5620 .elementor-navigator__element.elementor-dragging-on-child > .elementor-navigator__elements > .elementor-empty-view {
5621 border-block-start: var(--e-a-border);
5622 }
5623 .elementor-navigator__element.elementor-dragging-on-child > .elementor-navigator__elements > .elementor-empty-view .elementor-empty-view__title {
5624 display: none;
5625 }
5626 .elementor-navigator__element.elementor-dragging-on-child > .elementor-navigator__elements > .elementor-empty-view + .ui-sortable-placeholder {
5627 display: none;
5628 }
5629 .elementor-navigator__element:not(.elementor-navigator__element--has-children) .elementor-navigator__element__list-toggle {
5630 visibility: hidden;
5631 }
5632 .elementor-navigator__element:not(.elementor-navigator__element--hidden) > .elementor-navigator__item .elementor-navigator__element__toggle {
5633 color: var(--e-a-color-txt-default);
5634 }
5635 .elementor-navigator__element:not(.elementor-navigator__element--hidden) > .elementor-navigator__item .elementor-navigator__element__toggle:hover {
5636 color: var(--e-a-color-txt-hover);
5637 }
5638 .elementor-navigator__element:not(.elementor-navigator__element--hidden) > .elementor-navigator__item:not(:hover) .elementor-navigator__element__toggle {
5639 display: none;
5640 }
5641 .elementor-navigator__element:not(.elementor-navigator__element--hidden) > .elementor-navigator__item.elementor-editing {
5642 background-color: var(--e-a-bg-active);
5643 }
5644 .elementor-navigator__element__list-toggle {
5645 margin-inline-end: 7px;
5646 transition: transform 0.3s;
5647 }
5648 .elementor-navigator__element__element-type {
5649 margin-inline-end: 8px;
5650 font-size: 14px;
5651 }
5652 .elementor-navigator__element__title {
5653 flex-grow: 1;
5654 overflow: hidden;
5655 }
5656 .elementor-navigator__element__title__text {
5657 white-space: nowrap;
5658 -webkit-user-select: text;
5659 -moz-user-select: text;
5660 user-select: text;
5661 }
5662 .elementor-navigator__element__title__text[contenteditable=true] {
5663 outline: none;
5664 background-color: var(--e-a-bg-hover);
5665 padding: var(--e-admin-border-radius);
5666 border: var(--e-a-border);
5667 }
5668 .elementor-navigator__element__title__text:not([contenteditable=true]) {
5669 padding: 3px 0;
5670 white-space: nowrap;
5671 text-overflow: ellipsis;
5672 overflow: hidden;
5673 }
5674 .elementor-navigator__element__toggle {
5675 position: absolute;
5676 right: 15px;
5677 height: 100%;
5678 z-index: 0;
5679 font-size: 13px;
5680 }
5681 .elementor-navigator__element__indicators {
5682 position: relative;
5683 transition: transform 0.5s;
5684 padding-inline-start: 5px;
5685 z-index: 91;
5686 }
5687 .elementor-navigator__element__indicators:not(:hover) {
5688 transform: translateX(calc(100% - 8px));
5689 }
5690 .elementor-navigator__element__indicator {
5691 height: 100%;
5692 width: 31px;
5693 display: inline-flex;
5694 align-items: center;
5695 justify-content: center;
5696 color: var(--e-a-color-txt);
5697 background-color: var(--e-a-bg-default);
5698 border-inline-start: var(--e-a-border);
5699 }
5700 .elementor-navigator__element__indicator:first-child {
5701 border-inline-start: 3px solid var(--e-a-border-color-accent);
5702 }
5703 .elementor-editing .elementor-navigator__element__indicator:first-child {
5704 border-color: #242729;
5705 }
5706 .elementor-navigator__element__indicator:hover {
5707 color: var(--e-a-color-txt-hover);
5708 }
5709 .elementor-navigator__element--hidden .elementor-navigator__element__title,
5710 .elementor-navigator__element--hidden .elementor-navigator__element__toggle {
5711 opacity: 0.5;
5712 }
5713
5714 .e-notice-bar {
5715 position: absolute;
5716 width: 100%;
5717 bottom: 0;
5718 display: flex;
5719 align-items: center;
5720 height: 40px;
5721 color: #fff;
5722 background-color: var(--e-a-color-accent);
5723 padding: 0 25px;
5724 }
5725 .e-notice-bar__message a {
5726 text-decoration: underline;
5727 color: var(--e-a-color-txt-invert);
5728 }
5729 .e-notice-bar__message a:hover {
5730 color: #D5D8DC;
5731 }
5732 .e-notice-bar__primary_action {
5733 margin-inline: 12px;
5734 }
5735 .e-notice-bar__primary_action a {
5736 background: #ffffff;
5737 border-radius: 3px;
5738 color: #93003f;
5739 padding: 4px 10px;
5740 font-size: 11px;
5741 }
5742 .e-notice-bar__primary_action a:hover {
5743 color: #47001e;
5744 background: #F1F2F3;
5745 }
5746 .e-notice-bar__secondary_message, .e-notice-bar__secondary_action {
5747 font-size: 11px;
5748 }
5749 .e-notice-bar__secondary_action {
5750 margin-inline: 4px;
5751 }
5752 .e-notice-bar__secondary_action a {
5753 color: #ffffff;
5754 text-decoration: underline;
5755 }
5756 .e-notice-bar__secondary_action a:hover {
5757 color: #F1F2F3;
5758 }
5759 .e-notice-bar__close {
5760 cursor: pointer;
5761 margin-inline-start: auto;
5762 }
5763 .e-notice-bar__icon {
5764 margin-inline-end: 8px;
5765 }
5766 .e-notice-bar i {
5767 font-size: 16px;
5768 opacity: 0.9;
5769 }
5770 .e-notice-bar i:hover {
5771 color: #D5D8DC;
5772 }
5773 .e-notice-bar a,
5774 .e-notice-bar i {
5775 transition: var(--e-a-transition-hover);
5776 }
5777
5778 body:not(.elementor-device-desktop) #e-notice-bar {
5779 display: none;
5780 }
5781
5782 #elementor-fatal-error-dialog .dialog-message a {
5783 text-decoration: underline;
5784 }
5785
5786 #elementor-preview-debug-link-text {
5787 display: inline-block;
5788 }
5789
5790 #elementor-icons-manager-modal .dialog-message {
5791 padding: 0;
5792 height: 700px;
5793 }
5794 #elementor-icons-manager-modal .dialog-content {
5795 display: flex;
5796 }
5797 #elementor-icons-manager__wrapper {
5798 display: flex;
5799 }
5800 @media (max-width: 479px) {
5801 #elementor-icons-manager__sidebar {
5802 display: none;
5803 }
5804 }
5805 #elementor-icons-manager__tab-links {
5806 margin-block-start: 30px;
5807 }
5808 #elementor-icons-manager__upload {
5809 margin: 20px 45px;
5810 padding-block-start: 35px;
5811 border-block-start: var(--e-a-border);
5812 display: flex;
5813 align-items: center;
5814 justify-content: space-between;
5815 }
5816 @media (max-width: 1439px) {
5817 #elementor-icons-manager__upload {
5818 margin: 20px 25px;
5819 }
5820 }
5821 #elementor-icons-manager__main {
5822 display: flex;
5823 flex-direction: column;
5824 padding: 30px 80px 0;
5825 }
5826 @media (max-width: 1439px) {
5827 #elementor-icons-manager__main {
5828 padding: 30px 50px 0;
5829 }
5830 }
5831 @media (max-width: 479px) {
5832 #elementor-icons-manager__main {
5833 width: 100%;
5834 }
5835 }
5836 #elementor-icons-manager__search {
5837 position: relative;
5838 }
5839 #elementor-icons-manager__search input {
5840 padding: 8px 15px;
5841 background-color: transparent;
5842 }
5843 #elementor-icons-manager__search i {
5844 position: absolute;
5845 top: 50%;
5846 transform: translateY(-50%);
5847 right: 15px;
5848 }
5849 #elementor-icons-manager__tab__wrapper {
5850 overflow: auto;
5851 margin: 25px -15px 0;
5852 padding: 0 15px 15px;
5853 }
5854 #elementor-icons-manager__tab__title {
5855 color: var(--e-a-color-txt);
5856 font-size: 16px;
5857 font-weight: 500;
5858 text-align: start;
5859 }
5860 @media (max-width: 479px) {
5861 #elementor-icons-manager__tab__title {
5862 display: none;
5863 }
5864 }
5865 #elementor-icons-manager__tab__content {
5866 display: grid;
5867 grid-template-columns: repeat(7, 1fr);
5868 grid-gap: 20px;
5869 margin: 20px 0;
5870 }
5871 @media (max-width: 1439px) {
5872 #elementor-icons-manager__tab__content {
5873 grid-template-columns: repeat(6, 1fr);
5874 }
5875 }
5876 @media (max-width: 1024px) {
5877 #elementor-icons-manager__tab__content {
5878 grid-template-columns: repeat(5, 1fr);
5879 }
5880 }
5881 @media (max-width: 767px) {
5882 #elementor-icons-manager__tab__content {
5883 grid-template-columns: repeat(4, 1fr);
5884 }
5885 }
5886 @media (max-width: 479px) {
5887 #elementor-icons-manager__tab__content {
5888 grid-template-columns: repeat(3, 1fr);
5889 }
5890 }
5891 #elementor-icons-manager__promotion {
5892 display: flex;
5893 align-items: center;
5894 flex-direction: column;
5895 padding-block-start: 70px;
5896 }
5897 #elementor-icons-manager__promotion__icon {
5898 font-size: 60px;
5899 }
5900 #elementor-icons-manager__promotion__text {
5901 width: 300px;
5902 font-size: 16px;
5903 padding-block-start: 25px;
5904 }
5905 #elementor-icons-manager__promotion__link {
5906 margin-block-start: 20px;
5907 }
5908
5909 .elementor-icons-manager__tab-link {
5910 padding-block: 15px;
5911 padding-inline: 45px 0;
5912 font-size: 12px;
5913 text-align: start;
5914 cursor: pointer;
5915 position: relative;
5916 }
5917 .elementor-icons-manager__tab-link i {
5918 font-size: 20px;
5919 padding-inline-end: 15px;
5920 }
5921 @media (max-width: 1024px) {
5922 .elementor-icons-manager__tab-link i {
5923 display: none;
5924 }
5925 }
5926 .elementor-icons-manager__tab-link:hover {
5927 background-color: var(--e-a-bg-hover);
5928 }
5929 .elementor-icons-manager__tab-link.elementor-active {
5930 background-color: var(--e-a-bg-active);
5931 color: var(--e-a-color-txt-accent);
5932 }
5933 .elementor-icons-manager__tab-link.elementor-active:after {
5934 content: "";
5935 position: absolute;
5936 height: 100%;
5937 width: 3px;
5938 top: 0;
5939 left: 0;
5940 background-color: var(--e-a-border-color-accent);
5941 }
5942 .elementor-icons-manager__tab__item {
5943 position: relative;
5944 height: 0;
5945 padding-block-end: 100%;
5946 border: var(--e-a-border);
5947 border-radius: 3px;
5948 cursor: pointer;
5949 transition: var(--e-a-transition-hover);
5950 overflow: hidden;
5951 }
5952 .elementor-icons-manager__tab__item:hover {
5953 background-color: var(--e-a-bg-hover);
5954 }
5955 .elementor-icons-manager__tab__item.elementor-selected {
5956 background-color: var(--e-a-bg-active);
5957 border-color: var(--e-a-border-color-accent);
5958 color: var(--e-a-color-txt-accent);
5959 }
5960 .elementor-icons-manager__tab__item__content {
5961 display: flex;
5962 flex-direction: column;
5963 align-items: center;
5964 width: 100%;
5965 position: absolute;
5966 top: 50%;
5967 left: 50%;
5968 transform: translate(-50%, -50%);
5969 padding: 1px;
5970 }
5971 .elementor-icons-manager__tab__item__icon {
5972 font-size: 25px;
5973 }
5974 .elementor-icons-manager__tab__item__name {
5975 font-size: 11px;
5976 padding: 13px 20px 0;
5977 max-width: 100%;
5978 white-space: nowrap;
5979 text-overflow: ellipsis;
5980 overflow: hidden;
5981 }
5982
5983 .elementor-color-picker__header {
5984 display: flex;
5985 justify-content: space-between;
5986 align-items: center;
5987 font-weight: bold;
5988 padding: 10px;
5989 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
5990 }
5991
5992 .e-color-picker__tools {
5993 display: flex;
5994 }
5995
5996 .e-control-color--no-value .pcr-button {
5997 background-image: linear-gradient(135deg, transparent 46%, #ff3030 50%, transparent 54%);
5998 background-size: cover;
5999 background-color: transparent;
6000 }
6001
6002 .pickr {
6003 border: var(--e-a-border);
6004 height: 27px;
6005 }
6006 .pickr .pcr-button {
6007 height: 100%;
6008 width: 100%;
6009 border-radius: var(--e-a-border-radius);
6010 }
6011 .pickr .pcr-button:before, .pickr .pcr-button:after {
6012 height: 12px;
6013 width: 12px;
6014 top: 50%;
6015 left: 50%;
6016 transform: translate(-50%, -50%);
6017 }
6018
6019 .pcr-app {
6020 background-color: var(--e-a-bg-default);
6021 color: var(--e-a-color-txt);
6022 box-shadow: var(--e-a-popover-shadow);
6023 font-family: var(--e-a-font-family);
6024 }
6025 .pcr-app[data-theme=monolith] {
6026 padding: 0;
6027 width: 270px;
6028 }
6029 .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity,
6030 .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser {
6031 height: 8px;
6032 }
6033 .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette {
6034 height: 150px;
6035 }
6036 .pcr-app .pcr-interaction {
6037 padding-block-end: 20px;
6038 }
6039 .pcr-app .pcr-interaction input.pcr-result {
6040 border: var(--e-a-border);
6041 color: var(--e-a-color-txt);
6042 border-radius: var(--e-a-border-radius);
6043 margin: 0;
6044 background-color: transparent;
6045 }
6046 .pcr-app .pcr-interaction input.pcr-result:focus {
6047 box-shadow: none;
6048 border-color: var(--e-a-border-color-bold);
6049 }
6050 .pcr-app .pcr-interaction input.pcr-type {
6051 all: unset;
6052 font-size: 10px;
6053 color: var(--e-a-color-txt-muted);
6054 padding-inline-start: 5px;
6055 cursor: pointer;
6056 }
6057 .pcr-app .pcr-interaction input.pcr-type.active {
6058 background-color: transparent;
6059 color: var(--e-a-color-txt-accent);
6060 }
6061 .pcr-selection, .pcr-interaction {
6062 padding: 0 20px;
6063 }
6064 .pcr-selection {
6065 padding-block-start: 20px;
6066 }
6067 .pcr .elementor-control-dynamic-switcher {
6068 height: 20px;
6069 border: 0;
6070 }
6071
6072 .select2-container {
6073 width: 100% !important;
6074 outline: none;
6075 z-index: 9999;
6076 font-size: 12px;
6077 }
6078 .select2-container .e-select2-placeholder {
6079 color: var(--e-a-color-txt-muted);
6080 }
6081 .select2-container.select2-container--default .select2-selection--single {
6082 height: 27px;
6083 background-color: transparent;
6084 }
6085 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
6086 color: var(--e-a-color-txt);
6087 line-height: 27px;
6088 }
6089 .select2-container.select2-container--default .select2-results__option--highlighted[aria-selected] {
6090 background-color: var(--e-a-bg-hover);
6091 color: var(--e-a-color-txt-hover);
6092 }
6093 .select2-container.select2-container--default .select2-selection--multiple {
6094 background-color: var(--e-a-bg-default);
6095 min-height: 27px;
6096 line-height: 0;
6097 }
6098 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__clear {
6099 display: none;
6100 }
6101 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice {
6102 background-color: var(--e-a-btn-bg);
6103 color: var(--e-a-btn-color-invert);
6104 line-height: 1.2;
6105 font-size: 10px;
6106 border: none;
6107 border-radius: 0;
6108 padding: 2px 3px;
6109 }
6110 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice.select2-selection__e-plus-button {
6111 cursor: pointer;
6112 width: 16.67px;
6113 text-indent: -9999px;
6114 position: relative;
6115 }
6116 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice.select2-selection__e-plus-button:after {
6117 content: "\e815";
6118 font-family: "eicons";
6119 color: var(--e-a-btn-color-invert);
6120 text-indent: 0;
6121 position: absolute;
6122 left: 0;
6123 top: 0;
6124 width: 100%;
6125 height: 100%;
6126 display: flex;
6127 justify-content: center;
6128 align-items: center;
6129 }
6130 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered {
6131 padding-block-end: 5px;
6132 }
6133 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
6134 color: var(--e-a-btn-color-invert);
6135 margin-inline-end: 3px;
6136 }
6137 .select2-container:not(.select2-container--open):not(.select2-container--focus) .select2-selection--single,
6138 .select2-container:not(.select2-container--open):not(.select2-container--focus) .select2-selection--multiple {
6139 background-color: var(--e-a-bg-default);
6140 color: var(--e-a-color-txt);
6141 border-color: var(--e-a-border-color);
6142 }
6143 .select2-container.select2-container--open .select2-selection--single,
6144 .select2-container.select2-container--open .select2-selection--multiple, .select2-container.select2-container--focus .select2-selection--single,
6145 .select2-container.select2-container--focus .select2-selection--multiple {
6146 border-color: var(--e-a-border-color-bold);
6147 }
6148
6149 .select2-selection {
6150 outline: none;
6151 }
6152 .select2-selection--single {
6153 height: 27px;
6154 }
6155
6156 .select2-selection__arrow {
6157 height: 27px;
6158 top: 0;
6159 }
6160
6161 .select2-results__option[aria-selected=true] {
6162 background-color: var(--e-a-bg-active);
6163 color: var(--e-a-color-txt-active);
6164 }
6165 .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
6166 background-color: var(--e-a-bg-active);
6167 }
6168
6169 .select2-dropdown {
6170 border-color: var(--e-a-border-color);
6171 background-color: var(--e-a-bg-default);
6172 color: var(--e-a-color-txt);
6173 box-shadow: var(--e-a-dropdown-shadow);
6174 }
6175 .select2-dropdown .select2-search__field {
6176 outline: none;
6177 }
6178
6179 .e-ui-state--document-scrubbing-mode__on, .e-ui-state--document-scrubbing-mode__on * {
6180 cursor: ew-resize;
6181 }
6182 .e-ui-state--document-scrubbing-mode__on input.e-scrubbing--active, .e-ui-state--document-scrubbing-mode__on input.e-scrubbing--active:focus {
6183 box-shadow: 0 0 0 1px #0e3b9c inset;
6184 }
6185 .e-ui-state--document-scrubbing-mode__on label.e-scrubbing--active {
6186 color: #0e3b9c;
6187 -webkit-user-select: none;
6188 -moz-user-select: none;
6189 user-select: none;
6190 }
6191 .e-ui-state--document-scrubbing-mode__on iframe {
6192 pointer-events: none;
6193 }
6194
6195 label.e-scrubbing-over {
6196 cursor: ew-resize;
6197 }
6198
6199 #elementor-paste-area-dialog {
6200 text-align: center;
6201 }
6202 #elementor-paste-area-dialog .dialog-header {
6203 padding-block-start: 60px;
6204 font-size: 30px;
6205 }
6206 #elementor-paste-area-dialog .dialog-message {
6207 padding: 0 15px 15px;
6208 font-size: 15px;
6209 position: relative;
6210 }
6211 #elementor-paste-area-dialog #elementor-paste-area-dialog__input {
6212 background: transparent;
6213 color: transparent;
6214 border-color: transparent;
6215 padding: 0;
6216 margin: 0;
6217 height: 100px;
6218 position: absolute;
6219 top: -60px;
6220 left: 0;
6221 right: 0;
6222 }
6223 #elementor-paste-area-dialog #elementor-paste-area-dialog__input:focus {
6224 border-color: transparent;
6225 outline: none;
6226 }
6227 #elementor-paste-area-dialog .dialog-widget-content {
6228 width: 400px;
6229 }
6230 #elementor-paste-area-dialog .dialog-widget-content .eicon-loading {
6231 display: none;
6232 }
6233 #elementor-paste-area-dialog .dialog-widget-content.e-state-loading .eicon-loading {
6234 display: block;
6235 margin-block-start: 15px;
6236 }
6237 #elementor-paste-area-dialog #elementor-paste-area-dialog__error {
6238 color: var(--e-a-color-danger);
6239 font-size: 12px;
6240 }
6241 #elementor-paste-area-dialog #elementor-paste-area-dialog__error:before {
6242 content: "";
6243 border-block-start: var(--e-a-border);
6244 display: block;
6245 margin: 10px -15px;
6246 }
6247
6248 [class^=eicon-flex], [class*=" eicon-flex"] {
6249 transition: 0.3s all;
6250 --is-ltr: 1;
6251 --is-rtl: 0;
6252 --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
6253 }
6254 [class^=eicon-flex].eicon-inline, [class*=" eicon-flex"].eicon-inline {
6255 max-height: 1em;
6256 max-width: 1em;
6257 }
6258 [class^=eicon-flex]:is(.eicon-justify-start-h, .eicon-justify-end-h), [class*=" eicon-flex"]:is(.eicon-justify-start-h, .eicon-justify-end-h) {
6259 --rotation-direction: calc(var(--is-ltr) + var(--is-rtl));
6260 }
6261 :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) {
6262 transform: rotate(calc(var(--rotation-direction) * 90deg));
6263 }
6264 :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) {
6265 transform: rotate(calc(var(--rotation-direction) * -90deg));
6266 }
6267 .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) {
6268 transform: rotate(calc(var(--rotation-direction) * -90deg));
6269 }
6270 .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) {
6271 transform: rotate(calc(var(--is-rtl) * 180deg));
6272 }
6273 .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) {
6274 transform: rotate(calc(var(--is-ltr) * 180deg));
6275 }
6276 /*# sourceMappingURL=editor.css.map */