PluginProbe
Elementor Website Builder – more than just a page builder / 3.14.0-beta5
Elementor Website Builder – more than just a page builder v3.14.0-beta5
4.3.2 4.3.1 4.3.0 4.3.0-beta3 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 All 455 releases
elementor / assets / css / editor-rtl.css

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

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