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

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