PluginProbe
Elementor Website Builder – more than just a page builder / 3.16.3
Elementor Website Builder – more than just a page builder v3.16.3
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.16.3, at assets/css/editor.css

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