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

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

6,302 lines 171.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*! elementor - v3.19.0 - 07-02-2024 */
2 .elementor-control-unit-1 {
3 width: 27px;
4 }
5
6 .elementor-control-unit-2 {
7 width: 54px;
8 }
9
10 .elementor-control-unit-3 {
11 width: 81px;
12 }
13
14 .elementor-control-unit-4 {
15 width: 108px;
16 }
17
18 .elementor-control-unit-5 {
19 max-width: 400px;
20 width: 52%;
21 }
22
23 *, :before, :after {
24 margin: 0;
25 padding: 0;
26 box-sizing: border-box;
27 }
28
29 body,
30 html {
31 height: 100%;
32 }
33
34 html {
35 background-color: var(--e-a-bg-loading);
36 }
37
38 iframe,
39 img {
40 border: 0 none;
41 }
42
43 li {
44 list-style: none;
45 }
46
47 a {
48 text-decoration: none;
49 }
50
51 body {
52 background-color: var(--e-a-bg-default);
53 color: var(--e-a-color-txt);
54 font-family: var(--e-a-font-family);
55 font-size: 13px;
56 font-weight: normal;
57 line-height: 1;
58 text-decoration: none;
59 text-transform: none;
60 overflow: hidden;
61 }
62 body:after {
63 content: "";
64 position: absolute;
65 top: 0;
66 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 .e-control-motion-effects-promotion__wrapper:hover .eicon-lock {
4000 color: var(--e-a-color-accent);
4001 }
4002 .e-control-motion-effects-promotion__wrapper .select-promotion {
4003 display: flex;
4004 flex-direction: column;
4005 justify-content: center;
4006 padding-inline-start: 5px;
4007 padding-inline-end: 20px;
4008 cursor: pointer;
4009 height: 27px;
4010 width: 100%;
4011 color: var(--e-a-color-txt);
4012 border-radius: var(--e-a-border-radius);
4013 background-color: var(--e-a-bg-default);
4014 box-shadow: none;
4015 border: var(--e-a-border-bold);
4016 font-size: var(--control-title-size);
4017 }
4018 .e-control-motion-effects-promotion__lock-wrapper {
4019 width: 2.5rem;
4020 display: flex;
4021 justify-content: center;
4022 align-items: center;
4023 }
4024
4025 .elementor-panel #elementor-panel-header #elementor-panel-header-kit-close,
4026 .elementor-panel #elementor-panel-header #elementor-panel-header-kit-back {
4027 display: none;
4028 }
4029
4030 .elementor-editor-kit .elementor-panel #elementor-panel-header #elementor-panel-header-kit-close,
4031 .elementor-editor-kit .elementor-panel #elementor-panel-header #elementor-panel-header-kit-back {
4032 display: flex;
4033 }
4034 body:not(.e-routes-has-history) #elementor-panel-header-kit-back {
4035 pointer-events: none;
4036 visibility: hidden;
4037 }
4038
4039 .elementor-editor-kit .elementor-panel #elementor-panel-page-settings .elementor-panel-navigation {
4040 display: none;
4041 }
4042 .elementor-editor-kit .elementor-panel #elementor-panel-page-menu {
4043 padding: 25px 15px 0;
4044 }
4045 .elementor-editor-kit #elementor-panel-header-add-button,
4046 .elementor-editor-kit #elementor-panel-header-menu-button,
4047 .elementor-editor-kit #elementor-panel-footer-sub-menu-item-save-template,
4048 .elementor-editor-kit #elementor-panel-footer-navigator {
4049 display: none;
4050 }
4051
4052 .elementor-control-type-global-style-repeater .elementor-repeater-fields {
4053 margin-block-end: 15px;
4054 position: relative;
4055 }
4056 .elementor-control-type-global-style-repeater .elementor-repeater-fields.ui-sortable-helper {
4057 background-color: var(--e-a-bg-default);
4058 }
4059 .elementor-control-type-global-style-repeater .elementor-repeater-row-controls {
4060 display: flex;
4061 align-items: center;
4062 }
4063 .elementor-control-type-global-style-repeater .elementor-repeater-row-tool {
4064 cursor: pointer;
4065 color: var(--e-a-color-txt);
4066 background-color: transparent;
4067 border: none;
4068 padding: 5px;
4069 }
4070 .elementor-control-type-global-style-repeater .elementor-repeater-row-tool:focus, .elementor-control-type-global-style-repeater .elementor-repeater-row-tool:hover {
4071 color: var(--e-a-color-txt-hover);
4072 }
4073 .elementor-control-type-global-style-repeater .elementor-control {
4074 padding: 0;
4075 }
4076 .elementor-control-type-global-style-repeater .elementor-control-title {
4077 flex-grow: 1;
4078 }
4079 .elementor-control-type-global-style-repeater .elementor-control-title input {
4080 max-width: 135px;
4081 }
4082 .elementor-control-type-global-style-repeater .elementor-control-title input:not(:focus) {
4083 background: none;
4084 border: none;
4085 }
4086 .elementor-control-type-global-style-repeater .elementor-control-input-wrapper {
4087 display: flex;
4088 align-items: center;
4089 min-width: 81px;
4090 }
4091 .elementor-control-type-global-style-repeater .elementor-control-input-wrapper:hover .e-global-colors__color-value {
4092 display: none;
4093 }
4094 .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 {
4095 display: none;
4096 }
4097 .elementor-control-type-global-style-repeater .elementor-repeater-row-controls > .elementor-control > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
4098 margin-block-start: 0;
4099 }
4100 .elementor-control-type-global-style-repeater .elementor-controls-popover {
4101 align-self: end;
4102 margin-block-start: 35px;
4103 top: 0;
4104 width: 100%;
4105 }
4106 .elementor-control-type-global-style-repeater .elementor-controls-popover:before {
4107 right: 5px;
4108 }
4109 .elementor-control-type-global-style-repeater .elementor-controls-popover .elementor-control {
4110 padding: 0 20px 15px;
4111 }
4112 .elementor-control-type-global-style-repeater .elementor-controls-popover .elementor-control-title {
4113 flex-grow: initial;
4114 }
4115 .elementor-control-type-global-style-repeater .elementor-button-wrapper {
4116 text-align: center;
4117 border-block-start: var(--e-a-border);
4118 padding-block-start: 15px;
4119 }
4120 .elementor-control-type-global-style-repeater .pickr,
4121 .elementor-control-type-global-style-repeater .elementor-control-popover-toggle-toggle-label {
4122 margin-inline-start: 5px;
4123 }
4124 .elementor-control-type-global-style-repeater .e-sortable-placeholder {
4125 background-color: var(--e-a-color-info);
4126 opacity: 0.9;
4127 width: 100%;
4128 margin: 8px 0;
4129 height: 2px;
4130 }
4131 .elementor-control-system_colors, .elementor-control-system_typography {
4132 padding-block-end: 0;
4133 }
4134
4135 .e-global-colors__color-value {
4136 font-size: 10px;
4137 padding: 0 5px;
4138 text-align: end;
4139 white-space: nowrap;
4140 text-overflow: ellipsis;
4141 overflow: hidden;
4142 }
4143
4144 @keyframes load {
4145 0% {
4146 opacity: 0.3;
4147 }
4148 50% {
4149 opacity: 1;
4150 }
4151 100% {
4152 opacity: 0.3;
4153 }
4154 }
4155 @keyframes fadeIn {
4156 from {
4157 opacity: 0;
4158 }
4159 to {
4160 opacity: 1;
4161 }
4162 }
4163 @keyframes mover {
4164 0% {
4165 transform: translateY(0);
4166 }
4167 100% {
4168 transform: translateY(-5px);
4169 }
4170 }
4171 @keyframes slideDown {
4172 0% {
4173 transform: translateY(-30px);
4174 }
4175 100% {
4176 transform: translateY(0);
4177 }
4178 }
4179 .elementor-button,
4180 .e-btn {
4181 font-size: 12px;
4182 font-weight: 500;
4183 line-height: 1.2;
4184 padding: 8px 16px;
4185 outline: none;
4186 border: none;
4187 border-radius: var(--e-a-border-radius);
4188 background-color: var(--e-a-btn-bg);
4189 color: var(--e-a-btn-color-invert);
4190 transition: var(--e-a-transition-hover);
4191 }
4192 .elementor-button:hover,
4193 .e-btn:hover {
4194 border: none;
4195 }
4196 .elementor-button:hover, .elementor-button:focus,
4197 .e-btn:hover,
4198 .e-btn:focus {
4199 background-color: var(--e-a-btn-bg-hover);
4200 color: var(--e-a-btn-color-invert);
4201 }
4202 .elementor-button:active,
4203 .e-btn:active {
4204 background-color: var(--e-a-btn-bg-active);
4205 }
4206 .elementor-button:not([disabled]),
4207 .e-btn:not([disabled]) {
4208 cursor: pointer;
4209 }
4210 .elementor-button:disabled,
4211 .e-btn:disabled {
4212 background-color: var(--e-a-btn-bg-disabled);
4213 color: var(--e-a-btn-color-disabled);
4214 }
4215 .elementor-button:not(.elementor-button-state) .elementor-state-icon,
4216 .e-btn:not(.elementor-button-state) .elementor-state-icon {
4217 display: none;
4218 }
4219 .elementor-button.e-btn-txt,
4220 .e-btn.e-btn-txt {
4221 background: transparent;
4222 color: var(--e-a-color-txt);
4223 }
4224 .elementor-button.e-btn-txt:hover, .elementor-button.e-btn-txt:focus,
4225 .e-btn.e-btn-txt:hover,
4226 .e-btn.e-btn-txt:focus {
4227 background: var(--e-a-bg-hover);
4228 color: var(--e-a-color-txt-hover);
4229 }
4230 .elementor-button.e-btn-txt:disabled,
4231 .e-btn.e-btn-txt:disabled {
4232 background: transparent;
4233 color: var(--e-a-color-txt-disabled);
4234 }
4235 .elementor-button.e-btn-txt-border,
4236 .e-btn.e-btn-txt-border {
4237 border: 1px solid var(--e-a-color-txt-muted);
4238 }
4239 .elementor-button.elementor-button-success, .elementor-button.e-success,
4240 .e-btn.elementor-button-success,
4241 .e-btn.e-success {
4242 background-color: var(--e-a-btn-bg-success);
4243 }
4244 .elementor-button.elementor-button-success:hover, .elementor-button.elementor-button-success:focus, .elementor-button.e-success:hover, .elementor-button.e-success:focus,
4245 .e-btn.elementor-button-success:hover,
4246 .e-btn.elementor-button-success:focus,
4247 .e-btn.e-success:hover,
4248 .e-btn.e-success:focus {
4249 background-color: var(--e-a-btn-bg-success-hover);
4250 }
4251 .elementor-button.e-primary,
4252 .e-btn.e-primary {
4253 background-color: var(--e-a-btn-bg-primary);
4254 color: var(--e-a-btn-color);
4255 }
4256 .elementor-button.e-primary:hover, .elementor-button.e-primary:focus,
4257 .e-btn.e-primary:hover,
4258 .e-btn.e-primary:focus {
4259 background-color: var(--e-a-btn-bg-primary-hover);
4260 color: var(--e-a-btn-color);
4261 }
4262 .elementor-button.e-primary.e-btn-txt,
4263 .e-btn.e-primary.e-btn-txt {
4264 background: transparent;
4265 color: var(--e-a-color-primary-bold);
4266 }
4267 .elementor-button.e-primary.e-btn-txt:hover, .elementor-button.e-primary.e-btn-txt:focus,
4268 .e-btn.e-primary.e-btn-txt:hover,
4269 .e-btn.e-primary.e-btn-txt:focus {
4270 background: var(--e-a-bg-primary);
4271 }
4272 .elementor-button.go-pro, .elementor-button.e-accent,
4273 .e-btn.go-pro,
4274 .e-btn.e-accent {
4275 background-color: var(--e-a-btn-bg-accent);
4276 }
4277 .elementor-button.go-pro:hover, .elementor-button.go-pro:focus, .elementor-button.e-accent:hover, .elementor-button.e-accent:focus,
4278 .e-btn.go-pro:hover,
4279 .e-btn.go-pro:focus,
4280 .e-btn.e-accent:hover,
4281 .e-btn.e-accent:focus {
4282 background-color: var(--e-a-btn-bg-accent-hover);
4283 }
4284 .elementor-button.go-pro:active, .elementor-button.e-accent:active,
4285 .e-btn.go-pro:active,
4286 .e-btn.e-accent:active {
4287 background-color: var(--e-a-btn-bg-accent-active);
4288 }
4289 .elementor-button.elementor-button-info, .elementor-button.e-info,
4290 .e-btn.elementor-button-info,
4291 .e-btn.e-info {
4292 background-color: var(--e-a-btn-bg-info);
4293 }
4294 .elementor-button.elementor-button-info:hover, .elementor-button.elementor-button-info:focus, .elementor-button.e-info:hover, .elementor-button.e-info:focus,
4295 .e-btn.elementor-button-info:hover,
4296 .e-btn.elementor-button-info:focus,
4297 .e-btn.e-info:hover,
4298 .e-btn.e-info:focus {
4299 background-color: var(--e-a-btn-bg-info-hover);
4300 }
4301 .elementor-button.elementor-button-warning, .elementor-button.e-warning,
4302 .e-btn.elementor-button-warning,
4303 .e-btn.e-warning {
4304 background-color: var(--e-a-btn-bg-warning);
4305 }
4306 .elementor-button.elementor-button-warning:hover, .elementor-button.elementor-button-warning:focus, .elementor-button.e-warning:hover, .elementor-button.e-warning:focus,
4307 .e-btn.elementor-button-warning:hover,
4308 .e-btn.elementor-button-warning:focus,
4309 .e-btn.e-warning:hover,
4310 .e-btn.e-warning:focus {
4311 background-color: var(--e-a-btn-bg-warning-hover);
4312 }
4313 .elementor-button.elementor-button-danger, .elementor-button.e-danger,
4314 .e-btn.elementor-button-danger,
4315 .e-btn.e-danger {
4316 background-color: var(--e-a-btn-bg-danger);
4317 }
4318 .elementor-button.elementor-button-danger:hover, .elementor-button.elementor-button-danger:focus, .elementor-button.e-danger:hover, .elementor-button.e-danger:focus,
4319 .e-btn.elementor-button-danger:hover,
4320 .e-btn.elementor-button-danger:focus,
4321 .e-btn.e-danger:hover,
4322 .e-btn.e-danger:focus {
4323 background-color: var(--e-a-btn-bg-danger-hover);
4324 }
4325 .elementor-button i,
4326 .e-btn i {
4327 margin-inline-end: 5px;
4328 }
4329
4330 body {
4331 --e-preview-width: calc(100% - var(--e-editor-panel-width, 300px));
4332 }
4333 body.elementor-navigator-docked {
4334 --e-preview-width: calc(100% - var(--e-editor-panel-width, 300px) - var(--e-editor-navigator-width, 0px));
4335 }
4336 body.elementor-device-desktop #elementor-preview {
4337 overflow-y: hidden;
4338 align-items: flex-start;
4339 }
4340 body:not(.elementor-device-desktop) body {
4341 overflow-y: auto;
4342 }
4343
4344 #elementor-preview {
4345 background-color: #333;
4346 height: 100%;
4347 border: 0;
4348 width: var(--e-preview-width);
4349 display: flex;
4350 flex-direction: column;
4351 justify-content: flex-start;
4352 align-items: center;
4353 position: relative;
4354 }
4355
4356 #elementor-preview-responsive-wrapper {
4357 transform-origin: top center;
4358 padding: 20px;
4359 transform: scale(var(--e-preview-scale, 1));
4360 }
4361 .elementor-device-desktop #elementor-preview-responsive-wrapper {
4362 min-width: 1025px;
4363 width: 100%;
4364 height: 100%;
4365 padding: 0;
4366 position: relative;
4367 }
4368 body.e-is-device-mode:not(.elementor-device-desktop) #elementor-preview-responsive-wrapper {
4369 width: var(--e-editor-preview-width);
4370 height: var(--e-editor-preview-height);
4371 margin: 0 max((100vw - var(--e-editor-panel-width) - var(--e-editor-preview-width)) / 2, 20px);
4372 box-sizing: content-box;
4373 position: relative;
4374 max-height: calc(100vh - 80px);
4375 }
4376 body.e-is-device-mode:not(.elementor-device-desktop) #elementor-preview-responsive-wrapper .ui-resizable-handle {
4377 display: flex !important;
4378 }
4379 #elementor-preview-responsive-wrapper:not(.ui-resizable-resizing) {
4380 transition: 0.3s ease-in-out;
4381 }
4382 #elementor-preview-responsive-wrapper .ui-resizable-handle {
4383 top: 0;
4384 }
4385 #elementor-preview-responsive-wrapper .ui-resizable-handle.ui-resizable-s {
4386 top: auto;
4387 bottom: 0;
4388 }
4389 #elementor-preview-responsive-wrapper .ui-resizable-n, #elementor-preview-responsive-wrapper .ui-resizable-s {
4390 align-items: center;
4391 justify-content: center;
4392 height: 20px;
4393 }
4394 #elementor-preview-responsive-wrapper .ui-resizable-n:before, #elementor-preview-responsive-wrapper .ui-resizable-s:before {
4395 content: "";
4396 display: block;
4397 background-color: rgba(255, 255, 255, 0.2);
4398 width: 50px;
4399 height: 4px;
4400 border-radius: 3px;
4401 transition: all 0.2s ease-in-out;
4402 }
4403 #elementor-preview-responsive-wrapper .ui-resizable-n:hover:before, #elementor-preview-responsive-wrapper .ui-resizable-s:hover:before {
4404 background-color: rgba(255, 255, 255, 0.6);
4405 width: 100px;
4406 }
4407 #elementor-preview-responsive-wrapper .ui-resizable-e,
4408 #elementor-preview-responsive-wrapper .ui-resizable-w {
4409 align-items: center;
4410 justify-content: center;
4411 width: 20px;
4412 }
4413 #elementor-preview-responsive-wrapper .ui-resizable-e:before,
4414 #elementor-preview-responsive-wrapper .ui-resizable-w:before {
4415 content: "";
4416 display: block;
4417 background-color: rgba(255, 255, 255, 0.2);
4418 width: 4px;
4419 height: 50px;
4420 border-radius: 3px;
4421 transition: all 0.2s ease-in-out;
4422 }
4423 #elementor-preview-responsive-wrapper .ui-resizable-e:hover:before,
4424 #elementor-preview-responsive-wrapper .ui-resizable-w:hover:before {
4425 background-color: rgba(255, 255, 255, 0.6);
4426 height: 100px;
4427 }
4428 #elementor-preview-responsive-wrapper.ui-resizable-resizing .ui-resizable-handle:before {
4429 background-color: rgba(255, 255, 255, 0.9);
4430 }
4431 #elementor-preview-responsive-wrapper .ui-resizable-s {
4432 bottom: 0;
4433 }
4434 #elementor-preview-responsive-wrapper .ui-resizable-e {
4435 right: 0;
4436 }
4437 #elementor-preview-responsive-wrapper .ui-resizable-w {
4438 left: 0;
4439 }
4440
4441 #elementor-preview-iframe {
4442 width: 100%;
4443 height: 100%;
4444 background-color: #fff;
4445 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.15);
4446 }
4447
4448 #elementor-template-library-modal a.elementor-template-library-blank-footer-link {
4449 font-style: normal;
4450 text-decoration: underline;
4451 }
4452 #elementor-template-library-modal .dialog-buttons-wrapper {
4453 display: none;
4454 }
4455 #elementor-template-library-modal .select2-container {
4456 z-index: 0;
4457 }
4458 #elementor-template-library-modal .dialog-message {
4459 overflow-y: scroll;
4460 }
4461
4462 #elementor-template-library-header-menu {
4463 text-align: center;
4464 }
4465
4466 .elementor-template-library-menu-item {
4467 display: inline-block;
4468 padding: 17px 20px;
4469 border-block-end: 3px solid transparent;
4470 cursor: pointer;
4471 }
4472 .elementor-template-library-menu-item:hover {
4473 background-color: var(--e-a-bg-hover);
4474 border-color: var(--e-a-bg-hover);
4475 }
4476 .elementor-template-library-menu-item.elementor-active {
4477 border-color: var(--e-a-border-color-accent);
4478 color: var(--e-a-color-txt-accent);
4479 }
4480
4481 #elementor-template-library-header-actions {
4482 display: flex;
4483 }
4484 #elementor-template-library-header-actions > div {
4485 padding-inline-end: 16px;
4486 }
4487
4488 #elementor-template-library-header-preview-insert-wrapper {
4489 cursor: default;
4490 padding: 0 10px;
4491 }
4492
4493 .elementor-template-library-template-insert + .elementor-template-library-template-generate-variation {
4494 margin-inline-start: 4px;
4495 }
4496
4497 #elementor-template-library-header-preview-back {
4498 padding-block: 16.5px 15px;
4499 padding-inline: 0 16.5px;
4500 border-inline-end: var(--e-a-border);
4501 cursor: pointer;
4502 transition: color 0.5s;
4503 }
4504 #elementor-template-library-header-preview-back:hover {
4505 color: var(--e-a-color-txt-hover);
4506 }
4507 #elementor-template-library-header-preview-back i {
4508 padding-inline-end: 10px;
4509 font-size: 18px;
4510 }
4511 #elementor-template-library-header-preview-back i:before {
4512 content: "\e87e";
4513 }
4514
4515 #elementor-template-library-templates[data-template-source=local] #elementor-template-library-templates-container {
4516 margin-block-start: 10px;
4517 margin-block-end: 45px;
4518 border-block-start: var(--e-a-border);
4519 }
4520 #elementor-template-library-templates[data-template-source=local] .elementor-template-library-order-input:checked + .elementor-template-library-order-label {
4521 color: var(--e-a-color-txt-active);
4522 }
4523 #elementor-template-library-templates[data-template-source=remote] #elementor-template-library-templates-container {
4524 margin: 10px -15px 0;
4525 }
4526 #elementor-template-library-templates[data-template-source=remote] .elementor-template-library-order-input:checked + .elementor-template-library-order-label {
4527 color: var(--e-a-color-txt-active);
4528 }
4529 #elementor-template-library-templates[data-template-source=empty] #elementor-template-library-order-toolbar-local,
4530 #elementor-template-library-templates[data-template-source=empty] #elementor-template-library-footer-banner {
4531 display: none;
4532 }
4533 #elementor-template-library-templates.elementor-templates-filter-active #elementor-template-library-footer-banner {
4534 display: none;
4535 }
4536 #elementor-template-library-templates .elementor-template-library-order-input {
4537 display: none;
4538 }
4539 #elementor-template-library-templates .elementor-template-library-order-input:checked + .elementor-template-library-order-label {
4540 padding-inline-end: 8px;
4541 }
4542 #elementor-template-library-templates .elementor-template-library-order-input:checked + .elementor-template-library-order-label:after {
4543 font-family: eicons;
4544 content: "\e8ae";
4545 margin-inline-start: 3px;
4546 }
4547 #elementor-template-library-templates .elementor-template-library-order-input:checked.elementor-template-library-order-reverse + .elementor-template-library-order-label:after {
4548 content: "\e8ad";
4549 }
4550
4551 #elementor-template-library-templates-container {
4552 display: flex;
4553 flex-wrap: wrap;
4554 align-items: flex-start;
4555 }
4556
4557 #elementor-template-library-toolbar {
4558 display: flex;
4559 justify-content: space-between;
4560 align-items: center;
4561 }
4562
4563 .elementor-template-library-filter-toolbar {
4564 display: flex;
4565 align-items: center;
4566 }
4567
4568 #elementor-template-library-filter-toolbar-remote {
4569 font-size: 11px;
4570 }
4571
4572 #elementor-template-library-order {
4573 display: flex;
4574 border-inline-end: var(--e-a-border);
4575 }
4576
4577 .elementor-template-library-order-label {
4578 text-transform: uppercase;
4579 padding-inline-end: 22px;
4580 -webkit-user-select: none;
4581 -moz-user-select: none;
4582 user-select: none;
4583 }
4584
4585 label.elementor-template-library-order-label {
4586 cursor: pointer;
4587 }
4588 label.elementor-template-library-order-label:hover {
4589 color: var(--e-a-color-txt-hover);
4590 }
4591
4592 #elementor-template-library-filter .select2 {
4593 text-align: start;
4594 width: calc(27px * 5) !important;
4595 }
4596 #elementor-template-library-filter .select2-selection__rendered {
4597 text-transform: capitalize;
4598 }
4599
4600 #select2-elementor-template-library-filter-subtype-results .select2-results__option {
4601 text-transform: capitalize;
4602 text-align: start;
4603 padding-inline-start: 5px;
4604 }
4605
4606 #elementor-template-library-my-favorites {
4607 flex-grow: 1;
4608 text-align: start;
4609 padding-inline-start: 20px;
4610 }
4611
4612 #elementor-template-library-filter-my-favorites {
4613 display: none;
4614 }
4615 #elementor-template-library-filter-my-favorites:checked + #elementor-template-library-filter-my-favorites-label {
4616 color: var(--e-a-color-txt-active);
4617 }
4618 #elementor-template-library-filter-my-favorites:checked + #elementor-template-library-filter-my-favorites-label i:after {
4619 color: var(--e-a-color-primary-bold);
4620 content: "\e93f";
4621 }
4622
4623 #elementor-template-library-filter-my-favorites-label {
4624 cursor: pointer;
4625 text-transform: uppercase;
4626 }
4627 #elementor-template-library-filter-my-favorites-label:hover {
4628 color: var(--e-a-color-txt-hover);
4629 }
4630 #elementor-template-library-filter-my-favorites-label:hover i:after {
4631 color: var(--e-a-color-primary-bold);
4632 }
4633 #elementor-template-library-filter-my-favorites-label i {
4634 padding-inline-end: 5px;
4635 }
4636 #elementor-template-library-filter-my-favorites-label i:after {
4637 content: "\e923";
4638 }
4639
4640 #elementor-template-library-filter-text-wrapper {
4641 width: 200px;
4642 position: relative;
4643 }
4644 #elementor-template-library-filter-text-wrapper i {
4645 position: absolute;
4646 top: 50%;
4647 right: 0;
4648 transform: translateY(-50%);
4649 }
4650
4651 #elementor-template-library-filter-text {
4652 border: none;
4653 border-block-end: var(--e-a-border-bold);
4654 border-radius: 0;
4655 font-size: 11px;
4656 padding: 8px 15px 8px 0;
4657 transition: border 0.5s;
4658 }
4659 #elementor-template-library-filter-text:focus {
4660 border-color: var(--e-a-border-color-focus);
4661 }
4662 #elementor-template-library-filter-text::-moz-placeholder {
4663 font-weight: 300;
4664 text-transform: uppercase;
4665 }
4666 #elementor-template-library-filter-text::placeholder {
4667 font-weight: 300;
4668 text-transform: uppercase;
4669 }
4670
4671 .elementor-template-library-template-remote {
4672 margin: calc(30px / 2);
4673 padding: 8px;
4674 border: var(--e-a-border);
4675 border-radius: 3px;
4676 }
4677 .elementor-template-library-template-remote:hover {
4678 background-color: var(--e-a-bg-hover);
4679 }
4680 .elementor-template-library-template-remote:hover .elementor-template-library-template-name {
4681 display: none;
4682 }
4683 .elementor-template-library-template-remote:not(:hover) .elementor-template-library-template-preview {
4684 opacity: 0;
4685 }
4686 .elementor-template-library-template-remote:not(:hover) .elementor-template-library-favorite,
4687 .elementor-template-library-template-remote:not(:hover) .elementor-template-library-template-action {
4688 display: none;
4689 }
4690 .elementor-template-library-template-remote.elementor-template-library-pro-template .elementor-template-library-template-body:before {
4691 content: var(--elementor-template-library-subscription-plan-label);
4692 background-color: var(--e-a-color-accent);
4693 color: var(--e-a-color-white);
4694 position: absolute;
4695 text-transform: uppercase;
4696 line-height: 1;
4697 top: 5px;
4698 right: 5px;
4699 padding: 3px 5px;
4700 font-size: 8px;
4701 border-radius: 2px;
4702 }
4703 .elementor-template-library-template-remote:not(.elementor-template-library-template-page):not(.elementor-template-library-template-lp) {
4704 position: relative;
4705 width: calc(33.333% - 30px);
4706 overflow: hidden;
4707 }
4708 .elementor-template-library-template-remote:not(.elementor-template-library-template-page):not(.elementor-template-library-template-lp) img {
4709 display: block;
4710 width: 100%;
4711 }
4712 .elementor-template-library-template-remote:not(.elementor-template-library-template-page):not(.elementor-template-library-template-lp) .elementor-template-library-template-footer {
4713 position: absolute;
4714 width: 100%;
4715 bottom: 0;
4716 left: 0;
4717 padding: 10px;
4718 background-color: var(--e-a-bg-default);
4719 transition: transform 0.5s;
4720 }
4721 .elementor-template-library-template-remote:not(.elementor-template-library-template-page):not(.elementor-template-library-template-lp) .elementor-template-library-template-name {
4722 display: none;
4723 }
4724 .elementor-template-library-template-remote:not(.elementor-template-library-template-page):not(.elementor-template-library-template-lp):not(:hover) .elementor-template-library-template-footer {
4725 transform: translateY(100%);
4726 }
4727 .elementor-template-library-template-remote .elementor-template-library-template-body {
4728 position: relative;
4729 }
4730 @media (max-width: 1025px) {
4731 .elementor-template-library-template-remote .elementor-template-library-template-body {
4732 height: 300px;
4733 }
4734 }
4735 .elementor-template-library-template-remote .elementor-template-library-template-screenshot {
4736 height: 100%;
4737 background-size: cover;
4738 background-position-x: 50%;
4739 box-shadow: inset 0px -2px 15px -6px rgba(0, 0, 0, 0.07);
4740 }
4741 .elementor-template-library-template-remote .elementor-template-library-template-preview {
4742 position: absolute;
4743 top: 0;
4744 left: 0;
4745 width: 100%;
4746 height: 100%;
4747 background-color: rgba(0, 0, 0, 0.5);
4748 transition: opacity 0.5s;
4749 cursor: pointer;
4750 }
4751 .elementor-template-library-template-remote .elementor-template-library-template-preview i {
4752 font-size: 20px;
4753 position: absolute;
4754 top: 50%;
4755 left: 50%;
4756 transform: translate(-50%, -50%);
4757 }
4758 .elementor-template-library-template-remote .elementor-template-library-template-footer {
4759 display: flex;
4760 justify-content: space-between;
4761 font-size: 11px;
4762 line-height: 1;
4763 height: 40px;
4764 align-items: center;
4765 }
4766 .elementor-template-library-template-remote .elementor-template-library-template-name {
4767 text-align: start;
4768 flex-grow: 1;
4769 white-space: nowrap;
4770 text-overflow: ellipsis;
4771 overflow: hidden;
4772 padding-inline-end: 5px;
4773 }
4774 .elementor-template-library-template-remote .elementor-template-library-favorite {
4775 margin-inline-start: auto;
4776 }
4777 .elementor-template-library-template-remote .elementor-template-library-template-favorite-input {
4778 display: none;
4779 }
4780 .elementor-template-library-template-remote .elementor-template-library-template-favorite-input:checked + .elementor-template-library-template-favorite-label i:before {
4781 content: "\e93f";
4782 color: var(--e-a-color-primary-bold);
4783 }
4784 .elementor-template-library-template-remote .elementor-template-library-template-favorite-label {
4785 font-size: 15px;
4786 cursor: pointer;
4787 }
4788 .elementor-template-library-template-remote .elementor-template-library-template-favorite-label:hover i {
4789 color: var(--e-a-color-primary-bold);
4790 }
4791
4792 @media (max-width: 1439px) {
4793 .elementor-template-library-template-page,
4794 .elementor-template-library-template-lp {
4795 width: calc(25% - 30px);
4796 }
4797 }
4798 @media (min-width: 1440px) {
4799 .elementor-template-library-template-page,
4800 .elementor-template-library-template-lp {
4801 width: calc(20% - 30px);
4802 }
4803 }
4804 @media (max-width: 1025px) {
4805 .elementor-template-library-template-page,
4806 .elementor-template-library-template-lp {
4807 width: calc(33.333% - 30px);
4808 }
4809 }
4810 .elementor-template-library-template-page .elementor-template-library-template-body,
4811 .elementor-template-library-template-lp .elementor-template-library-template-body {
4812 height: 200px;
4813 }
4814
4815 #elementor-template-library-order-toolbar-local,
4816 .elementor-template-library-template-local {
4817 display: flex;
4818 align-items: center;
4819 padding: 0 25px;
4820 text-align: start;
4821 }
4822
4823 #elementor-template-library-order-toolbar-local {
4824 margin-block-start: 30px;
4825 }
4826 #elementor-template-library-order-toolbar-local .elementor-template-library-order-label {
4827 line-height: 1;
4828 font-size: 10px;
4829 font-weight: 500;
4830 }
4831
4832 .elementor-template-library-template-local {
4833 height: 50px;
4834 width: 100%;
4835 margin-block-start: 1px;
4836 transition: background-color 0.3s linear;
4837 }
4838 .elementor-template-library-template-local:hover {
4839 background-color: var(--e-a-bg-hover);
4840 }
4841 .elementor-template-library-template-local:first-child {
4842 border-start-start-radius: 3px;
4843 border-start-end-radius: 3px;
4844 border-end-start-radius: 0;
4845 border-end-end-radius: 0;
4846 }
4847 .elementor-template-library-template-local:last-child {
4848 border-start-start-radius: 0;
4849 border-start-end-radius: 0;
4850 border-end-start-radius: 3px;
4851 border-end-end-radius: 3px;
4852 }
4853 .elementor-template-library-template-local .elementor-template-library-template-name {
4854 font-weight: 500;
4855 }
4856 .elementor-template-library-template-local .elementor-template-library-template-name,
4857 .elementor-template-library-template-local .elementor-template-library-template-meta {
4858 padding-inline-end: 20px;
4859 }
4860 .elementor-template-library-template-local .elementor-template-library-template-name,
4861 .elementor-template-library-template-local .elementor-template-library-template-meta,
4862 .elementor-template-library-template-local .elementor-template-library-template-preview,
4863 .elementor-template-library-template-local .elementor-template-library-template-action {
4864 white-space: nowrap;
4865 text-overflow: ellipsis;
4866 overflow: hidden;
4867 }
4868 .elementor-template-library-template-local .elementor-template-library-template-controls {
4869 position: relative;
4870 display: flex;
4871 align-items: center;
4872 }
4873 .elementor-template-library-template-local .elementor-template-library-template-controls > div {
4874 cursor: pointer;
4875 transition: color 0.5s;
4876 }
4877 .elementor-template-library-template-local .elementor-template-library-template-insert i {
4878 margin-inline-end: 3px;
4879 }
4880 .elementor-template-library-template-local .elementor-template-library-template-control-title {
4881 margin-inline-start: 6px;
4882 }
4883 .elementor-template-library-template-local .elementor-template-library-template-more .elementor-template-library-template-delete:hover {
4884 color: var(--e-a-color-danger);
4885 }
4886 .elementor-template-library-template-local .elementor-template-library-template-more {
4887 display: none;
4888 position: absolute;
4889 background-color: var(--e-a-bg-default);
4890 padding: 3px 20px;
4891 border-radius: var(--e-a-border-radius);
4892 box-shadow: 1px 3px 11px rgba(0, 0, 0, 0.3);
4893 top: 100%;
4894 right: 0;
4895 transform: translateX(65%) translateY(-7px);
4896 z-index: 1;
4897 }
4898 .elementor-template-library-template-local .elementor-template-library-template-more:before {
4899 content: "";
4900 position: absolute;
4901 border: solid transparent;
4902 border-width: 8px 4px;
4903 border-block-end-color: var(--e-a-color-white);
4904 transform: translateY(-100%);
4905 }
4906 .elementor-template-library-template-local .elementor-template-library-template-more > div {
4907 margin: 10px 0;
4908 font-size: 11px;
4909 }
4910 .elementor-template-library-template-local .elementor-template-library-template-more a {
4911 color: var(--e-a-color-txt);
4912 }
4913 .elementor-template-library-template-local .elementor-template-library-template-more-toggle {
4914 flex-grow: 1;
4915 text-align: end;
4916 }
4917 .elementor-template-library-template-local .elementor-template-library-template-more-toggle i {
4918 font-size: 16px;
4919 }
4920
4921 #elementor-template-library-preview {
4922 height: 100%;
4923 overflow: hidden;
4924 }
4925 #elementor-template-library-preview iframe {
4926 height: 150%;
4927 transform: scale(0.666) translateX(-25%) translateY(-25%);
4928 }
4929 @media (max-width: 1439px) {
4930 #elementor-template-library-preview iframe {
4931 width: 1440px;
4932 }
4933 }
4934 @media (min-width: 1440px) {
4935 #elementor-template-library-preview iframe {
4936 width: 1730px;
4937 }
4938 }
4939
4940 .elementor-template-library-blank-icon {
4941 font-size: 64px;
4942 margin-block-start: 45px;
4943 line-height: 1;
4944 }
4945 .elementor-template-library-blank-icon img {
4946 width: 70px;
4947 }
4948 .elementor-template-library-blank-icon .elementor-template-library-no-results {
4949 width: 200px;
4950 }
4951
4952 .elementor-template-library-blank-title {
4953 font-size: 30px;
4954 margin-block-start: 20px;
4955 }
4956 @media (max-width: 1439px) {
4957 .elementor-template-library-blank-title {
4958 font-size: 25px;
4959 }
4960 }
4961
4962 .elementor-template-library-blank-message {
4963 font-size: 18px;
4964 margin-block-start: 15px;
4965 font-weight: 300;
4966 }
4967 @media (max-width: 1439px) {
4968 .elementor-template-library-blank-message {
4969 font-size: 16px;
4970 margin-block-start: 10px;
4971 }
4972 }
4973
4974 #elementor-template-library-save-template-form {
4975 margin-block-start: 40px;
4976 display: flex;
4977 align-items: center;
4978 justify-content: center;
4979 }
4980 #elementor-template-library-save-template-form > * {
4981 height: 55px;
4982 font-size: 16px;
4983 }
4984
4985 #elementor-template-library-save-template-name {
4986 width: 500px;
4987 padding-inline-start: 25px;
4988 border-start-start-radius: 3px;
4989 border-start-end-radius: 0;
4990 border-end-start-radius: 3px;
4991 border-end-end-radius: 0;
4992 }
4993
4994 #elementor-template-library-save-template-submit {
4995 width: 150px;
4996 border-start-start-radius: 0;
4997 border-start-end-radius: 3px;
4998 border-end-start-radius: 0;
4999 border-end-end-radius: 3px;
5000 }
5001
5002 #elementor-template-library-import-form {
5003 width: 95%;
5004 padding: 60px;
5005 border: 2px dashed var(--e-a-border-color-bold);
5006 margin: 35px auto;
5007 transition: var(--e-a-transition-hover);
5008 }
5009 #elementor-template-library-import-form-or {
5010 margin-block-start: 15px;
5011 font-size: 18px;
5012 }
5013 #elementor-template-library-import-form-label {
5014 margin-block-start: 20px;
5015 padding: 15px 35px;
5016 display: inline-block;
5017 }
5018 #elementor-template-library-import-form-input {
5019 display: none;
5020 }
5021 #elementor-template-library-import-form.elementor-drag-over {
5022 border-color: var(--e-a-color-primary);
5023 }
5024 #elementor-template-library-import .elementor-template-library-blank-icon {
5025 margin-block-start: 0;
5026 }
5027 #elementor-template-library-import .elementor-template-library-blank-message {
5028 margin-block-start: 20px;
5029 }
5030
5031 .e-route-library-connect #elementor-template-library-modal .dialog-message {
5032 max-height: 95vh;
5033 padding: 100px 0 0;
5034 min-height: 550px;
5035 }
5036
5037 #elementor-template-library-connect-logo {
5038 font-size: 20px;
5039 }
5040 #elementor-template-library-connect__button {
5041 display: inline-block;
5042 position: relative;
5043 z-index: 1;
5044 margin-block-start: 25px;
5045 padding: 12px 24px;
5046 font-size: 14px;
5047 }
5048 #elementor-template-library-connect__background-image-left-1 {
5049 right: 22.4%;
5050 bottom: -29%;
5051 animation: 1.5s fadeIn, 1.5s slideDown, 3.5s mover 1.5s infinite alternate;
5052 }
5053 #elementor-template-library-connect__background-image-left-2 {
5054 right: 46.25%;
5055 bottom: -15.5%;
5056 animation: 3s fadeIn, 3s slideDown, 2s mover 3s infinite alternate;
5057 }
5058 #elementor-template-library-connect__background-image-right-1 {
5059 left: 37%;
5060 bottom: -41%;
5061 animation: 2.5s fadeIn, 2.5s slideDown, 2s mover 2.5s infinite alternate;
5062 }
5063 #elementor-template-library-connect__background-image-right-2 {
5064 left: 48%;
5065 bottom: -12.5%;
5066 animation: 1.5s fadeIn, 1.5s slideDown, 1.5s mover 1.5s infinite alternate;
5067 }
5068
5069 .elementor-template-library-connect__background-image {
5070 position: absolute;
5071 }
5072
5073 .elementor-template-library-blank-footer {
5074 position: absolute;
5075 bottom: 70px;
5076 left: 50%;
5077 transform: translateX(-50%);
5078 font-style: italic;
5079 color: var(--e-a-color-txt-muted);
5080 }
5081 @media (max-height: 700px) {
5082 .elementor-template-library-blank-footer {
5083 display: none;
5084 }
5085 }
5086
5087 #elementor-template-library-footer-banner {
5088 padding-block-end: 45px;
5089 }
5090 #elementor-template-library-footer-banner i {
5091 font-size: 56px;
5092 margin-block-start: 40px;
5093 }
5094 #elementor-template-library-footer-banner .elementor-nerd-box-icon {
5095 margin-block-start: 70px;
5096 }
5097
5098 #elementor-template-library-templates-empty {
5099 width: 100%;
5100 margin-block-start: 40px;
5101 }
5102
5103 #elementor-template-library-error-dialog .dialog-message {
5104 text-align: start;
5105 }
5106
5107 #elementor-template-library-error-info {
5108 margin-block-start: 10px;
5109 }
5110
5111 @media (max-width: 1439px) {
5112 .elementor-template-library-local-column-1 {
5113 width: 33%;
5114 }
5115 .elementor-template-library-local-column-2 {
5116 width: 10%;
5117 }
5118 .elementor-template-library-local-column-3 {
5119 width: 15%;
5120 }
5121 .elementor-template-library-local-column-4 {
5122 width: 15%;
5123 }
5124 .elementor-template-library-local-column-5 {
5125 width: 27%;
5126 }
5127 }
5128 @media (min-width: 1440px) {
5129 .elementor-template-library-local-column-1 {
5130 width: 25%;
5131 }
5132 .elementor-template-library-local-column-2 {
5133 width: 17%;
5134 }
5135 .elementor-template-library-local-column-3 {
5136 width: 17%;
5137 }
5138 .elementor-template-library-local-column-4 {
5139 width: 17%;
5140 }
5141 .elementor-template-library-local-column-5 {
5142 width: 24%;
5143 }
5144 }
5145 @media (max-width: 1024px) {
5146 .elementor-template-library-local-column-3 {
5147 display: none;
5148 }
5149 .elementor-template-library-local-column-5 {
5150 width: 41%;
5151 }
5152 }
5153 .elementor-tags-list {
5154 display: none;
5155 position: absolute;
5156 width: 260px;
5157 max-height: 300px;
5158 overflow: auto;
5159 padding-block-end: 5px;
5160 background-color: var(--e-a-bg-default);
5161 box-shadow: var(--e-a-popover-shadow);
5162 border: var(--e-a-border);
5163 border-radius: 3px;
5164 z-index: 10000;
5165 }
5166 .elementor-tags-list__group-title {
5167 font-weight: bold;
5168 font-size: 12px;
5169 padding: 10px 15px;
5170 display: flex;
5171 align-items: center;
5172 }
5173 .elementor-tags-list__group-title .eicon-info-circle {
5174 padding-inline-end: 5px;
5175 color: var(--e-a-color-primary-bold);
5176 font-size: 14px;
5177 }
5178 .elementor-tags-list__item {
5179 font-size: 10px;
5180 padding: 6px 15px;
5181 cursor: pointer;
5182 }
5183 .elementor-tags-list__item:before {
5184 content: ">";
5185 font-size: 8px;
5186 padding-inline-end: 5px;
5187 }
5188 .elementor-tags-list__item:hover {
5189 background-color: var(--e-a-bg-hover);
5190 }
5191 .elementor-tags-list__teaser {
5192 border-block-start: 2px solid var(--e-a-border-color);
5193 padding-block-start: 4px;
5194 margin-block-start: 4px;
5195 }
5196 .elementor-tags-list__teaser-text {
5197 padding: 2px 15px 8px;
5198 line-height: 1.5;
5199 font-size: 12px;
5200 }
5201 .elementor-tags-list__teaser-link {
5202 color: var(--e-a-color-primary-bold);
5203 text-decoration: underline;
5204 font-style: italic;
5205 font-weight: bold;
5206 }
5207
5208 .elementor-dynamic-cover {
5209 display: flex;
5210 align-items: center;
5211 width: 100%;
5212 height: 27px;
5213 box-sizing: border-box;
5214 }
5215 .elementor-dynamic-cover__title {
5216 padding: 0 8px;
5217 flex-grow: 1;
5218 white-space: nowrap;
5219 text-overflow: ellipsis;
5220 overflow: hidden;
5221 }
5222 .elementor-dynamic-cover__settings, .elementor-dynamic-cover__remove {
5223 cursor: pointer;
5224 transition: var(--e-a-transition-hover);
5225 }
5226 .elementor-dynamic-cover__settings:hover, .elementor-dynamic-cover__remove:hover {
5227 color: var(--e-a-color-txt-hover);
5228 }
5229 .elementor-control-type-wysiwyg .elementor-dynamic-cover {
5230 margin-block-start: 10px;
5231 }
5232
5233 .elementor-tag-settings-popup {
5234 position: absolute;
5235 width: 260px;
5236 background-color: var(--e-a-bg-default);
5237 border: var(--e-a-border);
5238 box-shadow: var(--e-a-popover-shadow);
5239 z-index: 1;
5240 }
5241 .elementor-tag-settings-popup:before {
5242 content: "";
5243 position: absolute;
5244 top: -20px;
5245 left: 5px;
5246 border: 10px solid transparent;
5247 border-block-end-color: var(--e-a-border-color);
5248 }
5249 .elementor-tag-settings-popup .elementor-control-type-section:first-child {
5250 margin: 0;
5251 }
5252
5253 .elementor-tag-controls-stack-empty {
5254 background-color: var(--e-a-bg-default);
5255 padding: 10px;
5256 font-size: 13px;
5257 text-align: center;
5258 }
5259
5260 .elementor-control-dynamic input {
5261 border-start-start-radius: var(--e-a-border-radius);
5262 border-start-end-radius: 0;
5263 border-end-end-radius: 0;
5264 border-end-start-radius: var(--e-a-border-radius);
5265 }
5266 .elementor-control-dynamic-switcher {
5267 display: inline-flex;
5268 align-items: center;
5269 justify-content: center;
5270 flex-shrink: 0;
5271 height: 27px;
5272 cursor: pointer;
5273 border: var(--e-a-border-bold);
5274 background: var(--e-a-bg-default);
5275 border-inline-start-width: 0;
5276 border-start-start-radius: 0;
5277 border-start-end-radius: var(--e-a-border-radius);
5278 border-end-end-radius: var(--e-a-border-radius);
5279 border-end-start-radius: 0;
5280 transition: var(--e-a-transition-hover);
5281 }
5282 .elementor-control-dynamic-switcher:hover {
5283 background-color: var(--e-a-bg-hover);
5284 color: var(--e-a-color-txt-hover);
5285 }
5286 .elementor-control-dynamic-switcher.e-control-tool {
5287 height: 20px;
5288 border: 0;
5289 }
5290 .elementor-control-dynamic-switcher-wrapper {
5291 display: flex;
5292 }
5293 .elementor-control-dynamic-switcher .eicon-database {
5294 font-size: 12px;
5295 }
5296 .elementor-control-dynamic-value .elementor-control-tag-area,
5297 .elementor-control-dynamic-value .elementor-control-dynamic-switcher,
5298 .elementor-control-dynamic-value .e-global__popover-toggle {
5299 display: none;
5300 }
5301
5302 .elementor-context-menu {
5303 position: absolute;
5304 width: 250px;
5305 padding: 5px 0px;
5306 background-color: var(--e-a-bg-default);
5307 border-radius: var(--e-a-border-radius);
5308 box-shadow: var(--e-a-popover-shadow);
5309 -webkit-user-select: none;
5310 -moz-user-select: none;
5311 user-select: none;
5312 z-index: 101;
5313 }
5314 .elementor-context-menu-list {
5315 display: flex;
5316 flex-direction: column;
5317 }
5318 .elementor-context-menu-list__group {
5319 display: flex;
5320 flex-direction: column;
5321 }
5322 .elementor-context-menu-list__group:not(:last-child) {
5323 border-block-end: var(--e-a-border);
5324 }
5325 .elementor-context-menu-list__item {
5326 padding: 12px 20px;
5327 display: flex;
5328 gap: 16px;
5329 cursor: pointer;
5330 transition: var(--e-a-transition-hover);
5331 align-items: center;
5332 }
5333 .elementor-context-menu-list__item--disabled {
5334 cursor: default;
5335 color: var(--e-a-color-disabled);
5336 }
5337 .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 {
5338 background-color: var(--e-a-bg-hover);
5339 color: var(--e-a-color-hover);
5340 }
5341 .elementor-context-menu-list__item__icon {
5342 display: none;
5343 width: 20px;
5344 }
5345 .elementor-context-menu-list__item__title {
5346 flex-grow: 1;
5347 white-space: nowrap;
5348 text-overflow: ellipsis;
5349 overflow: hidden;
5350 }
5351 .elementor-context-menu-list__item__shortcut {
5352 color: var(--e-a-color-txt-muted);
5353 }
5354 .elementor-context-menu-list__item__title, .elementor-context-menu-list__item__shortcut {
5355 font-size: 14px;
5356 font-style: normal;
5357 font-weight: 400;
5358 line-height: 1;
5359 }
5360 .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 > * {
5361 color: var(--e-global-color-danger);
5362 }
5363 .elementor-context-menu .eicon-pro-icon {
5364 color: var(--e-global-color-accent);
5365 }
5366
5367 #elementor-hotkeys {
5368 text-align: start;
5369 }
5370 #elementor-hotkeys__modal .dialog-buttons-wrapper {
5371 display: none;
5372 }
5373 #elementor-hotkeys__content {
5374 display: flex;
5375 justify-content: space-between;
5376 gap: 70px;
5377 padding: 20px 30px;
5378 width: 100%;
5379 overflow: hidden;
5380 }
5381 @media (max-width: 1024px) {
5382 #elementor-hotkeys__content {
5383 flex-direction: column;
5384 gap: 20px;
5385 padding: 20px;
5386 }
5387 }
5388
5389 .elementor-hotkeys__col {
5390 display: flex;
5391 flex-direction: column;
5392 gap: 20px;
5393 width: 100%;
5394 }
5395 .elementor-hotkeys__header {
5396 font-weight: 500;
5397 }
5398 .elementor-hotkeys__item {
5399 display: flex;
5400 align-items: center;
5401 padding: 20px 10px;
5402 }
5403 .elementor-hotkeys__item:not(:last-child) {
5404 border-block-end: var(--e-a-border);
5405 }
5406 .elementor-hotkeys__item--label {
5407 font-size: 13px;
5408 font-weight: 400;
5409 flex-grow: 1;
5410 }
5411 .elementor-hotkeys__item--shortcut {
5412 flex-grow: 0;
5413 display: flex;
5414 gap: 27px;
5415 }
5416 @media (max-width: 1024px) {
5417 .elementor-hotkeys__item--shortcut {
5418 gap: 23px;
5419 }
5420 }
5421 .elementor-hotkeys__item--shortcut kbd {
5422 position: relative;
5423 font-family: unset;
5424 background-color: var(--e-a-bg-active);
5425 padding: 5px 12px;
5426 border-radius: var(--e-a-border-radius);
5427 }
5428 @media (max-width: 1024px) {
5429 .elementor-hotkeys__item--shortcut kbd {
5430 padding: 4px 9px;
5431 }
5432 }
5433 .elementor-hotkeys__item--shortcut kbd:not(:last-of-type)::after {
5434 content: "+";
5435 position: absolute;
5436 right: 0;
5437 width: 9px;
5438 text-align: center;
5439 margin-inline-end: -18px;
5440 }
5441 @media (max-width: 1024px) {
5442 .elementor-hotkeys__item--shortcut kbd:not(:last-of-type)::after {
5443 margin-inline-end: -16px;
5444 }
5445 }
5446
5447 .ui-resizable-n {
5448 top: -5px;
5449 }
5450 .ui-resizable-e {
5451 right: -5px;
5452 }
5453 .ui-resizable-s {
5454 bottom: -5px;
5455 }
5456 .ui-resizable-w {
5457 left: -5px;
5458 }
5459 .ui-resizable-ne {
5460 top: -5px;
5461 right: -5px;
5462 }
5463 .ui-resizable-nw {
5464 top: -5px;
5465 left: -5px;
5466 }
5467 .ui-resizable-se {
5468 bottom: -5px;
5469 right: -5px;
5470 }
5471 .ui-resizable-sw {
5472 bottom: -5px;
5473 left: -5px;
5474 }
5475 .ui-resizable-n, .ui-resizable-s {
5476 left: 0;
5477 height: 10px;
5478 width: 100%;
5479 cursor: ns-resize;
5480 }
5481 .ui-resizable-e, .ui-resizable-w {
5482 top: 0;
5483 height: 100%;
5484 width: 10px;
5485 cursor: ew-resize;
5486 }
5487 .ui-resizable-ne, .ui-resizable-nw, .ui-resizable-se, .ui-resizable-sw {
5488 height: 15px;
5489 width: 15px;
5490 }
5491 .ui-resizable-nw, .ui-resizable-se {
5492 cursor: nwse-resize;
5493 }
5494 .ui-resizable-ne, .ui-resizable-sw {
5495 cursor: nesw-resize;
5496 }
5497 .ui-resizable-handle {
5498 position: absolute;
5499 }
5500 .ui-resizable-resizing {
5501 pointer-events: none;
5502 }
5503
5504 body {
5505 --e-editor-navigator-width: 240px;
5506 }
5507
5508 #elementor-navigator {
5509 position: fixed;
5510 top: 100px;
5511 width: var(--e-editor-navigator-width);
5512 height: 50vh;
5513 right: 30px;
5514 background-color: var(--e-a-bg-default);
5515 border: var(--e-a-border);
5516 box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
5517 -webkit-user-select: none;
5518 -moz-user-select: none;
5519 user-select: none;
5520 overflow: hidden;
5521 z-index: 100;
5522 display: none;
5523 }
5524 body.elementor-navigator-docked #elementor-navigator {
5525 top: 0;
5526 right: 0;
5527 height: 100%;
5528 }
5529 body:not(.elementor-navigator-docked) #elementor-navigator {
5530 border-radius: 5px;
5531 }
5532 #elementor-navigator__inner {
5533 height: 100%;
5534 }
5535 #elementor-navigator__header {
5536 display: flex;
5537 align-items: stretch;
5538 border-block-end: var(--e-a-border);
5539 color: var(--e-a-color-txt-accent);
5540 }
5541 #elementor-navigator__header__title {
5542 flex: 1;
5543 text-align: center;
5544 font-size: 13px;
5545 font-weight: 400;
5546 padding: 10px 0;
5547 cursor: move;
5548 }
5549 #elementor-navigator__close, #elementor-navigator__toggle-all {
5550 color: var(--e-a-color-txt);
5551 background-color: transparent;
5552 border: none;
5553 outline: 0;
5554 padding: 10px;
5555 cursor: pointer;
5556 transition: color 0.5s;
5557 }
5558 #elementor-navigator__close:hover, #elementor-navigator__toggle-all:hover {
5559 color: var(--e-a-color-txt-hover);
5560 }
5561 #elementor-navigator__close:focus, #elementor-navigator__toggle-all:focus {
5562 color: var(--e-a-color-txt-active);
5563 }
5564 #elementor-navigator__toggle-all {
5565 font-size: 13px;
5566 }
5567 #elementor-navigator__close {
5568 font-size: 11px;
5569 }
5570 #elementor-navigator__elements {
5571 height: calc(100% - 49px);
5572 overflow: auto;
5573 position: relative;
5574 }
5575 .elementor-navigator-docked #elementor-navigator__elements {
5576 height: calc(100% - 35px);
5577 }
5578 #elementor-navigator__elements .elementor-nerd-box {
5579 padding: 25px;
5580 }
5581 #elementor-navigator__elements > .elementor-navigator__element-section {
5582 border-block-end: var(--e-a-border);
5583 }
5584 #elementor-navigator__footer {
5585 position: absolute;
5586 width: 100%;
5587 left: 0;
5588 bottom: 0;
5589 text-align: center;
5590 border-block-start: var(--e-a-border);
5591 }
5592 .elementor-navigator-docked #elementor-navigator__footer {
5593 display: none;
5594 }
5595
5596 .elementor-navigator__item {
5597 position: relative;
5598 display: flex;
5599 height: 30px;
5600 cursor: pointer;
5601 transition: padding 0.5s linear;
5602 overflow: hidden;
5603 }
5604 .elementor-navigator__item:hover, .elementor-navigator__item:focus {
5605 background-color: var(--e-a-bg-hover);
5606 }
5607 .elementor-navigator__item:active {
5608 background-color: var(--e-a-bg-active);
5609 color: var(--e-a-color-txt-accent);
5610 }
5611 .elementor-navigator__item[data-locked=true] {
5612 cursor: not-allowed;
5613 }
5614 .elementor-navigator__item:not(.elementor-active) .elementor-navigator__element__list-toggle i {
5615 transform: rotate(-90deg);
5616 }
5617 .elementor-navigator__item > * {
5618 display: flex;
5619 align-items: center;
5620 }
5621 .elementor-navigator__item + .elementor-navigator__elements {
5622 display: none;
5623 }
5624 .elementor-navigator__elements > .elementor-navigator__element-section,
5625 .elementor-navigator__elements > .elementor-navigator__element-container:not(:last-child) {
5626 border-block-end: var(--e-a-border);
5627 }
5628 .elementor-navigator__elements .elementor-empty-view {
5629 padding: 10px;
5630 }
5631 .elementor-navigator__elements .elementor-empty-view__title {
5632 margin-inline-start: 23px;
5633 font-size: 10px;
5634 font-style: italic;
5635 }
5636 .elementor-navigator__elements .ui-sortable-helper {
5637 box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1);
5638 transform: rotate(4deg);
5639 background-color: var(--e-a-bg-active);
5640 color: var(--e-a-color-txt-accent);
5641 pointer-events: none;
5642 }
5643 .elementor-navigator__elements .ui-sortable-placeholder {
5644 background-color: var(--e-a-bg-hover);
5645 }
5646 .elementor-navigator__element.elementor-dragging-on-child > .elementor-navigator__elements > .elementor-empty-view {
5647 border-block-start: var(--e-a-border);
5648 }
5649 .elementor-navigator__element.elementor-dragging-on-child > .elementor-navigator__elements > .elementor-empty-view .elementor-empty-view__title {
5650 display: none;
5651 }
5652 .elementor-navigator__element.elementor-dragging-on-child > .elementor-navigator__elements > .elementor-empty-view + .ui-sortable-placeholder {
5653 display: none;
5654 }
5655 .elementor-navigator__element:not(.elementor-navigator__element--has-children) .elementor-navigator__element__list-toggle {
5656 visibility: hidden;
5657 }
5658 .elementor-navigator__element:not(.elementor-navigator__element--hidden) > .elementor-navigator__item .elementor-navigator__element__toggle {
5659 color: var(--e-a-color-txt-default);
5660 }
5661 .elementor-navigator__element:not(.elementor-navigator__element--hidden) > .elementor-navigator__item .elementor-navigator__element__toggle:hover {
5662 color: var(--e-a-color-txt-hover);
5663 }
5664 .elementor-navigator__element:not(.elementor-navigator__element--hidden) > .elementor-navigator__item:not(:hover) .elementor-navigator__element__toggle {
5665 display: none;
5666 }
5667 .elementor-navigator__element:not(.elementor-navigator__element--hidden) > .elementor-navigator__item.elementor-editing {
5668 background-color: var(--e-a-bg-active);
5669 }
5670 .elementor-navigator__element__list-toggle {
5671 margin-inline-end: 7px;
5672 transition: transform 0.3s;
5673 }
5674 .elementor-navigator__element__element-type {
5675 margin-inline-end: 8px;
5676 font-size: 14px;
5677 }
5678 .elementor-navigator__element__title {
5679 flex-grow: 1;
5680 overflow: hidden;
5681 }
5682 .elementor-navigator__element__title__text {
5683 white-space: nowrap;
5684 -webkit-user-select: text;
5685 -moz-user-select: text;
5686 user-select: text;
5687 }
5688 .elementor-navigator__element__title__text[contenteditable=true] {
5689 outline: none;
5690 background-color: var(--e-a-bg-hover);
5691 padding: var(--e-admin-border-radius);
5692 border: var(--e-a-border);
5693 }
5694 .elementor-navigator__element__title__text:not([contenteditable=true]) {
5695 padding: 3px 0;
5696 white-space: nowrap;
5697 text-overflow: ellipsis;
5698 overflow: hidden;
5699 }
5700 .elementor-navigator__element__toggle {
5701 position: absolute;
5702 right: 15px;
5703 height: 100%;
5704 z-index: 0;
5705 font-size: 13px;
5706 }
5707 .elementor-navigator__element__indicators {
5708 position: relative;
5709 transition: transform 0.5s;
5710 padding-inline-start: 5px;
5711 z-index: 91;
5712 }
5713 .elementor-navigator__element__indicators:not(:hover) {
5714 transform: translateX(calc(100% - 8px));
5715 }
5716 .elementor-navigator__element__indicator {
5717 height: 100%;
5718 width: 31px;
5719 display: inline-flex;
5720 align-items: center;
5721 justify-content: center;
5722 color: var(--e-a-color-txt);
5723 background-color: var(--e-a-bg-default);
5724 border-inline-start: var(--e-a-border);
5725 }
5726 .elementor-navigator__element__indicator:first-child {
5727 border-inline-start: 3px solid var(--e-a-border-color-accent);
5728 }
5729 .elementor-editing .elementor-navigator__element__indicator:first-child {
5730 border-color: #242729;
5731 }
5732 .elementor-navigator__element__indicator:hover {
5733 color: var(--e-a-color-txt-hover);
5734 }
5735 .elementor-navigator__element--hidden .elementor-navigator__element__title,
5736 .elementor-navigator__element--hidden .elementor-navigator__element__toggle {
5737 opacity: 0.5;
5738 }
5739
5740 .e-notice-bar {
5741 position: absolute;
5742 width: 100%;
5743 bottom: 0;
5744 display: flex;
5745 align-items: center;
5746 height: 40px;
5747 color: #fff;
5748 background-color: var(--e-a-color-accent);
5749 padding: 0 25px;
5750 }
5751 .e-notice-bar__message a {
5752 text-decoration: underline;
5753 color: var(--e-a-color-txt-invert);
5754 }
5755 .e-notice-bar__message a:hover {
5756 color: #D5D8DC;
5757 }
5758 .e-notice-bar__primary_action {
5759 margin-inline: 12px;
5760 }
5761 .e-notice-bar__primary_action a {
5762 background: #ffffff;
5763 border-radius: 3px;
5764 color: #93003f;
5765 padding: 4px 10px;
5766 font-size: 11px;
5767 }
5768 .e-notice-bar__primary_action a:hover {
5769 color: #47001e;
5770 background: #F1F2F3;
5771 }
5772 .e-notice-bar__secondary_message, .e-notice-bar__secondary_action {
5773 font-size: 11px;
5774 }
5775 .e-notice-bar__secondary_action {
5776 margin-inline: 4px;
5777 }
5778 .e-notice-bar__secondary_action a {
5779 color: #ffffff;
5780 text-decoration: underline;
5781 }
5782 .e-notice-bar__secondary_action a:hover {
5783 color: #F1F2F3;
5784 }
5785 .e-notice-bar__close {
5786 cursor: pointer;
5787 margin-inline-start: auto;
5788 }
5789 .e-notice-bar__icon {
5790 margin-inline-end: 8px;
5791 }
5792 .e-notice-bar i {
5793 font-size: 16px;
5794 opacity: 0.9;
5795 }
5796 .e-notice-bar i:hover {
5797 color: #D5D8DC;
5798 }
5799 .e-notice-bar a,
5800 .e-notice-bar i {
5801 transition: var(--e-a-transition-hover);
5802 }
5803
5804 body:not(.elementor-device-desktop) #e-notice-bar {
5805 display: none;
5806 }
5807
5808 #elementor-fatal-error-dialog .dialog-message a {
5809 text-decoration: underline;
5810 }
5811
5812 #elementor-preview-debug-link-text {
5813 display: inline-block;
5814 }
5815
5816 #elementor-icons-manager-modal .dialog-message {
5817 padding: 0;
5818 height: 700px;
5819 }
5820 #elementor-icons-manager-modal .dialog-content {
5821 display: flex;
5822 }
5823 #elementor-icons-manager__wrapper {
5824 display: flex;
5825 }
5826 @media (max-width: 479px) {
5827 #elementor-icons-manager__sidebar {
5828 display: none;
5829 }
5830 }
5831 #elementor-icons-manager__tab-links {
5832 margin-block-start: 30px;
5833 }
5834 #elementor-icons-manager__upload {
5835 margin: 20px 45px;
5836 padding-block-start: 35px;
5837 border-block-start: var(--e-a-border);
5838 display: flex;
5839 align-items: center;
5840 justify-content: space-between;
5841 }
5842 @media (max-width: 1439px) {
5843 #elementor-icons-manager__upload {
5844 margin: 20px 25px;
5845 }
5846 }
5847 #elementor-icons-manager__main {
5848 display: flex;
5849 flex-direction: column;
5850 padding: 30px 80px 0;
5851 }
5852 @media (max-width: 1439px) {
5853 #elementor-icons-manager__main {
5854 padding: 30px 50px 0;
5855 }
5856 }
5857 @media (max-width: 479px) {
5858 #elementor-icons-manager__main {
5859 width: 100%;
5860 }
5861 }
5862 #elementor-icons-manager__search {
5863 position: relative;
5864 }
5865 #elementor-icons-manager__search input {
5866 padding: 8px 15px;
5867 background-color: transparent;
5868 }
5869 #elementor-icons-manager__search i {
5870 position: absolute;
5871 top: 50%;
5872 transform: translateY(-50%);
5873 right: 15px;
5874 }
5875 #elementor-icons-manager__tab__wrapper {
5876 overflow: auto;
5877 margin: 25px -15px 0;
5878 padding: 0 15px 15px;
5879 }
5880 #elementor-icons-manager__tab__title {
5881 color: var(--e-a-color-txt);
5882 font-size: 16px;
5883 font-weight: 500;
5884 text-align: start;
5885 }
5886 @media (max-width: 479px) {
5887 #elementor-icons-manager__tab__title {
5888 display: none;
5889 }
5890 }
5891 #elementor-icons-manager__tab__content {
5892 display: grid;
5893 grid-template-columns: repeat(7, 1fr);
5894 grid-gap: 20px;
5895 margin: 20px 0;
5896 }
5897 @media (max-width: 1439px) {
5898 #elementor-icons-manager__tab__content {
5899 grid-template-columns: repeat(6, 1fr);
5900 }
5901 }
5902 @media (max-width: 1024px) {
5903 #elementor-icons-manager__tab__content {
5904 grid-template-columns: repeat(5, 1fr);
5905 }
5906 }
5907 @media (max-width: 767px) {
5908 #elementor-icons-manager__tab__content {
5909 grid-template-columns: repeat(4, 1fr);
5910 }
5911 }
5912 @media (max-width: 479px) {
5913 #elementor-icons-manager__tab__content {
5914 grid-template-columns: repeat(3, 1fr);
5915 }
5916 }
5917 #elementor-icons-manager__promotion {
5918 display: flex;
5919 align-items: center;
5920 flex-direction: column;
5921 padding-block-start: 70px;
5922 }
5923 #elementor-icons-manager__promotion__icon {
5924 font-size: 60px;
5925 }
5926 #elementor-icons-manager__promotion__text {
5927 width: 300px;
5928 font-size: 16px;
5929 padding-block-start: 25px;
5930 }
5931 #elementor-icons-manager__promotion__link {
5932 margin-block-start: 20px;
5933 }
5934
5935 .elementor-icons-manager__tab-link {
5936 padding-block: 15px;
5937 padding-inline: 45px 0;
5938 font-size: 12px;
5939 text-align: start;
5940 cursor: pointer;
5941 position: relative;
5942 }
5943 .elementor-icons-manager__tab-link i {
5944 font-size: 20px;
5945 padding-inline-end: 15px;
5946 }
5947 @media (max-width: 1024px) {
5948 .elementor-icons-manager__tab-link i {
5949 display: none;
5950 }
5951 }
5952 .elementor-icons-manager__tab-link:hover {
5953 background-color: var(--e-a-bg-hover);
5954 }
5955 .elementor-icons-manager__tab-link.elementor-active {
5956 background-color: var(--e-a-bg-active);
5957 color: var(--e-a-color-txt-accent);
5958 }
5959 .elementor-icons-manager__tab-link.elementor-active:after {
5960 content: "";
5961 position: absolute;
5962 height: 100%;
5963 width: 3px;
5964 top: 0;
5965 left: 0;
5966 background-color: var(--e-a-border-color-accent);
5967 }
5968 .elementor-icons-manager__tab__item {
5969 position: relative;
5970 height: 0;
5971 padding-block-end: 100%;
5972 border: var(--e-a-border);
5973 border-radius: 3px;
5974 cursor: pointer;
5975 transition: var(--e-a-transition-hover);
5976 overflow: hidden;
5977 }
5978 .elementor-icons-manager__tab__item:hover {
5979 background-color: var(--e-a-bg-hover);
5980 }
5981 .elementor-icons-manager__tab__item.elementor-selected {
5982 background-color: var(--e-a-bg-active);
5983 border-color: var(--e-a-border-color-accent);
5984 color: var(--e-a-color-txt-accent);
5985 }
5986 .elementor-icons-manager__tab__item__content {
5987 display: flex;
5988 flex-direction: column;
5989 align-items: center;
5990 width: 100%;
5991 position: absolute;
5992 top: 50%;
5993 left: 50%;
5994 transform: translate(-50%, -50%);
5995 padding: 1px;
5996 }
5997 .elementor-icons-manager__tab__item__icon {
5998 font-size: 25px;
5999 }
6000 .elementor-icons-manager__tab__item__name {
6001 font-size: 11px;
6002 padding: 13px 20px 0;
6003 max-width: 100%;
6004 white-space: nowrap;
6005 text-overflow: ellipsis;
6006 overflow: hidden;
6007 }
6008
6009 .elementor-color-picker__header {
6010 display: flex;
6011 justify-content: space-between;
6012 align-items: center;
6013 font-weight: bold;
6014 padding: 10px;
6015 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
6016 }
6017
6018 .e-color-picker__tools {
6019 display: flex;
6020 }
6021
6022 .e-control-color--no-value .pcr-button {
6023 background-image: linear-gradient(135deg, transparent 46%, #ff3030 50%, transparent 54%);
6024 background-size: cover;
6025 background-color: transparent;
6026 }
6027
6028 .pickr {
6029 border: var(--e-a-border);
6030 height: 27px;
6031 }
6032 .pickr .pcr-button {
6033 height: 100%;
6034 width: 100%;
6035 border-radius: var(--e-a-border-radius);
6036 }
6037 .pickr .pcr-button:before, .pickr .pcr-button:after {
6038 height: 12px;
6039 width: 12px;
6040 top: 50%;
6041 left: 50%;
6042 transform: translate(-50%, -50%);
6043 }
6044
6045 .pcr-app {
6046 background-color: var(--e-a-bg-default);
6047 color: var(--e-a-color-txt);
6048 box-shadow: var(--e-a-popover-shadow);
6049 font-family: var(--e-a-font-family);
6050 }
6051 .pcr-app[data-theme=monolith] {
6052 padding: 0;
6053 width: 270px;
6054 }
6055 .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity,
6056 .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser {
6057 height: 8px;
6058 }
6059 .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette {
6060 height: 150px;
6061 }
6062 .pcr-app .pcr-interaction {
6063 padding-block-end: 20px;
6064 }
6065 .pcr-app .pcr-interaction input.pcr-result {
6066 border: var(--e-a-border);
6067 color: var(--e-a-color-txt);
6068 border-radius: var(--e-a-border-radius);
6069 margin: 0;
6070 background-color: transparent;
6071 }
6072 .pcr-app .pcr-interaction input.pcr-result:focus {
6073 box-shadow: none;
6074 border-color: var(--e-a-border-color-bold);
6075 }
6076 .pcr-app .pcr-interaction input.pcr-type {
6077 all: unset;
6078 font-size: 10px;
6079 color: var(--e-a-color-txt-muted);
6080 padding-inline-start: 5px;
6081 cursor: pointer;
6082 }
6083 .pcr-app .pcr-interaction input.pcr-type.active {
6084 background-color: transparent;
6085 color: var(--e-a-color-txt-accent);
6086 }
6087 .pcr-selection, .pcr-interaction {
6088 padding: 0 20px;
6089 }
6090 .pcr-selection {
6091 padding-block-start: 20px;
6092 }
6093 .pcr .elementor-control-dynamic-switcher {
6094 height: 20px;
6095 border: 0;
6096 }
6097
6098 .select2-container {
6099 width: 100% !important;
6100 outline: none;
6101 z-index: 9999;
6102 font-size: 12px;
6103 }
6104 .select2-container .e-select2-placeholder {
6105 color: var(--e-a-color-txt-muted);
6106 }
6107 .select2-container.select2-container--default .select2-selection--single {
6108 height: 27px;
6109 background-color: transparent;
6110 }
6111 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
6112 color: var(--e-a-color-txt);
6113 line-height: 27px;
6114 }
6115 .select2-container.select2-container--default .select2-results__option--highlighted[aria-selected] {
6116 background-color: var(--e-a-bg-hover);
6117 color: var(--e-a-color-txt-hover);
6118 }
6119 .select2-container.select2-container--default .select2-selection--multiple {
6120 background-color: var(--e-a-bg-default);
6121 min-height: 27px;
6122 line-height: 0;
6123 }
6124 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__clear {
6125 display: none;
6126 }
6127 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice {
6128 background-color: var(--e-a-btn-bg);
6129 color: var(--e-a-btn-color-invert);
6130 line-height: 1.2;
6131 font-size: 10px;
6132 border: none;
6133 border-radius: 0;
6134 padding: 2px 3px;
6135 }
6136 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice.select2-selection__e-plus-button {
6137 cursor: pointer;
6138 width: 16.67px;
6139 text-indent: -9999px;
6140 position: relative;
6141 }
6142 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice.select2-selection__e-plus-button:after {
6143 content: "\e815";
6144 font-family: "eicons";
6145 color: var(--e-a-btn-color-invert);
6146 text-indent: 0;
6147 position: absolute;
6148 left: 0;
6149 top: 0;
6150 width: 100%;
6151 height: 100%;
6152 display: flex;
6153 justify-content: center;
6154 align-items: center;
6155 }
6156 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered {
6157 padding-block-end: 5px;
6158 }
6159 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
6160 color: var(--e-a-btn-color-invert);
6161 margin-inline-end: 3px;
6162 }
6163 .select2-container:not(.select2-container--open):not(.select2-container--focus) .select2-selection--single,
6164 .select2-container:not(.select2-container--open):not(.select2-container--focus) .select2-selection--multiple {
6165 background-color: var(--e-a-bg-default);
6166 color: var(--e-a-color-txt);
6167 border-color: var(--e-a-border-color);
6168 }
6169 .select2-container.select2-container--open .select2-selection--single,
6170 .select2-container.select2-container--open .select2-selection--multiple, .select2-container.select2-container--focus .select2-selection--single,
6171 .select2-container.select2-container--focus .select2-selection--multiple {
6172 border-color: var(--e-a-border-color-bold);
6173 }
6174
6175 .select2-selection {
6176 outline: none;
6177 }
6178 .select2-selection--single {
6179 height: 27px;
6180 }
6181
6182 .select2-selection__arrow {
6183 height: 27px;
6184 top: 0;
6185 }
6186
6187 .select2-results__option[aria-selected=true] {
6188 background-color: var(--e-a-bg-active);
6189 color: var(--e-a-color-txt-active);
6190 }
6191 .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
6192 background-color: var(--e-a-bg-active);
6193 }
6194
6195 .select2-dropdown {
6196 border-color: var(--e-a-border-color);
6197 background-color: var(--e-a-bg-default);
6198 color: var(--e-a-color-txt);
6199 box-shadow: var(--e-a-dropdown-shadow);
6200 }
6201 .select2-dropdown .select2-search__field {
6202 outline: none;
6203 }
6204
6205 .e-ui-state--document-scrubbing-mode__on, .e-ui-state--document-scrubbing-mode__on * {
6206 cursor: ew-resize;
6207 }
6208 .e-ui-state--document-scrubbing-mode__on input.e-scrubbing--active, .e-ui-state--document-scrubbing-mode__on input.e-scrubbing--active:focus {
6209 box-shadow: 0 0 0 1px #0e3b9c inset;
6210 }
6211 .e-ui-state--document-scrubbing-mode__on label.e-scrubbing--active {
6212 color: #0e3b9c;
6213 -webkit-user-select: none;
6214 -moz-user-select: none;
6215 user-select: none;
6216 }
6217 .e-ui-state--document-scrubbing-mode__on iframe {
6218 pointer-events: none;
6219 }
6220
6221 label.e-scrubbing-over {
6222 cursor: ew-resize;
6223 }
6224
6225 #elementor-paste-area-dialog {
6226 text-align: center;
6227 }
6228 #elementor-paste-area-dialog .dialog-header {
6229 padding-block-start: 60px;
6230 font-size: 30px;
6231 }
6232 #elementor-paste-area-dialog .dialog-message {
6233 padding: 0 15px 15px;
6234 font-size: 15px;
6235 position: relative;
6236 }
6237 #elementor-paste-area-dialog #elementor-paste-area-dialog__input {
6238 background: transparent;
6239 color: transparent;
6240 border-color: transparent;
6241 padding: 0;
6242 margin: 0;
6243 height: 100px;
6244 position: absolute;
6245 top: -60px;
6246 left: 0;
6247 right: 0;
6248 }
6249 #elementor-paste-area-dialog #elementor-paste-area-dialog__input:focus {
6250 border-color: transparent;
6251 outline: none;
6252 }
6253 #elementor-paste-area-dialog .dialog-widget-content {
6254 width: 400px;
6255 }
6256 #elementor-paste-area-dialog .dialog-widget-content .eicon-loading {
6257 display: none;
6258 }
6259 #elementor-paste-area-dialog .dialog-widget-content.e-state-loading .eicon-loading {
6260 display: block;
6261 margin-block-start: 15px;
6262 }
6263 #elementor-paste-area-dialog #elementor-paste-area-dialog__error {
6264 color: var(--e-a-color-danger);
6265 font-size: 12px;
6266 }
6267 #elementor-paste-area-dialog #elementor-paste-area-dialog__error:before {
6268 content: "";
6269 border-block-start: var(--e-a-border);
6270 display: block;
6271 margin: 10px -15px;
6272 }
6273
6274 [class^=eicon-flex], [class*=" eicon-flex"] {
6275 transition: 0.3s all;
6276 --is-ltr: 1;
6277 --is-rtl: 0;
6278 --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
6279 }
6280 [class^=eicon-flex].eicon-inline, [class*=" eicon-flex"].eicon-inline {
6281 max-height: 1em;
6282 max-width: 1em;
6283 }
6284 [class^=eicon-flex]:is(.eicon-justify-start-h, .eicon-justify-end-h), [class*=" eicon-flex"]:is(.eicon-justify-start-h, .eicon-justify-end-h) {
6285 --rotation-direction: calc(var(--is-ltr) + var(--is-rtl));
6286 }
6287 :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) {
6288 transform: rotate(calc(var(--rotation-direction) * 90deg));
6289 }
6290 :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) {
6291 transform: rotate(calc(var(--rotation-direction) * -90deg));
6292 }
6293 .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) {
6294 transform: rotate(calc(var(--rotation-direction) * -90deg));
6295 }
6296 .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) {
6297 transform: rotate(calc(var(--is-rtl) * 180deg));
6298 }
6299 .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) {
6300 transform: rotate(calc(var(--is-ltr) * 180deg));
6301 }
6302 /*# sourceMappingURL=editor.css.map */