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

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

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