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

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

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