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

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

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