PluginProbe
Elementor Website Builder – more than just a page builder / 3.19.0-dev3
Elementor Website Builder – more than just a page builder v3.19.0-dev3
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-rtl.css

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

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