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.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 4.1.0-beta2 4.1.0-dev2 4.0.8 4.1.0-beta1 4.1.0-dev1 4.0.7 All 451 releases
elementor / assets / css / editor.css

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

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