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

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

6,087 lines 165.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*! elementor - v3.16.0 - 13-09-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 left: 0;
67 height: 100%;
68 width: 0;
69 background-color: var(--e-a-bg-default);
70 transition: width 0.5s;
71 }
72 body a {
73 color: var(--e-a-color-info);
74 }
75 body a:hover {
76 color: var(--e-a-color-primary-bold);
77 }
78 body.elementor-editor-active #elementor-mode-switcher-preview .eicon:before {
79 content: "\e89e";
80 }
81 body.elementor-editor-preview {
82 --e-preview-width: 100%;
83 }
84 body.elementor-editor-preview #elementor-mode-switcher-preview .eicon:before {
85 content: "\e89f";
86 }
87 body.elementor-navigator--dock-hint:after {
88 width: 30px;
89 }
90
91 #elementor-editor-wrapper {
92 display: flex;
93 width: 100%;
94 height: 100vh;
95 }
96
97 #elementor-panel:not(.ui-resizable-resizing),
98 #elementor-preview:not(.ui-resizable-resizing) {
99 transition: margin 0.5s ease-in-out, width 0.5s ease-in-out;
100 }
101
102 #elementor-loading {
103 position: fixed;
104 top: 0;
105 left: 0;
106 bottom: 0;
107 right: 0;
108 background: var(--e-a-bg-default);
109 z-index: 9999;
110 }
111
112 #elementor-preview-loading {
113 display: flex;
114 align-items: center;
115 justify-content: center;
116 position: absolute;
117 top: 0;
118 left: 0;
119 width: 100%;
120 height: 100%;
121 background-color: var(--e-a-bg-default);
122 }
123 #elementor-preview-loading i {
124 color: var(--e-a-color-txt-disabled);
125 font-size: 50px;
126 }
127
128 .elementor-nerd-box {
129 padding: 30px;
130 text-align: center;
131 }
132 .elementor-nerd-box-icon {
133 width: 100px;
134 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 right: 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 left: 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 right: 8px;
880 left: 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 right: 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 left: 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 left: 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 left: 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 right: 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 right: 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: "\e909";
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-control-start-end .eicon-h-align-left,
1465 .elementor-control-start-end .eicon-h-align-right {
1466 transform: rotate(180deg);
1467 }
1468
1469 .elementor-update-preview {
1470 margin: 15px 15px 0;
1471 display: flex;
1472 align-items: center;
1473 }
1474
1475 .elementor-update-preview-button-wrapper {
1476 flex-grow: 1;
1477 text-align: end;
1478 }
1479
1480 .elementor-update-preview-button {
1481 padding: 8px 15px;
1482 }
1483
1484 .elementor-control-direction-ltr input,
1485 .elementor-control-direction-ltr textarea {
1486 direction: ltr;
1487 }
1488 .elementor-control-direction-rtl input,
1489 .elementor-control-direction-rtl textarea {
1490 direction: rtl;
1491 }
1492
1493 .elementor-control-responsive-switchers {
1494 --selected-option: 0;
1495 --pointer-position: var(--selected-option);
1496 position: relative;
1497 width: 2.5em;
1498 height: 2.5em;
1499 margin: calc( -2.5em + 12px) 0;
1500 margin-inline-end: 5px;
1501 }
1502 .elementor-control-responsive-switchers__holder {
1503 position: absolute;
1504 width: 100%;
1505 top: 0;
1506 background-color: var(--e-a-bg-default);
1507 border-radius: var(--e-a-border-radius);
1508 transition: 0.15s;
1509 border: 1px solid transparent;
1510 }
1511 .elementor-control-responsive-switchers.elementor-responsive-switchers-open {
1512 z-index: 11000;
1513 }
1514 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher {
1515 height: 2.5em;
1516 transform: scale(1);
1517 opacity: 1;
1518 }
1519 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher:hover {
1520 color: var(--e-a-color-primary-bold);
1521 }
1522 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-control-responsive-switchers__holder {
1523 box-shadow: var(--e-a-dropdown-shadow);
1524 }
1525
1526 .elementor-responsive-switcher {
1527 all: unset;
1528 display: flex;
1529 align-items: center;
1530 justify-content: center;
1531 position: relative;
1532 z-index: 2;
1533 cursor: pointer;
1534 height: 0;
1535 width: 100%;
1536 transform: scale(0);
1537 opacity: 0;
1538 transition: 0.15s;
1539 font-size: 12px;
1540 color: inherit;
1541 }
1542 .elementor-responsive-switcher:hover {
1543 color: var(--e-a-color-primary-bold);
1544 }
1545
1546 .elementor-device-widescreen .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
1547 height: 2.5em;
1548 transform: scale(1);
1549 opacity: 1;
1550 }
1551 .elementor-device-widescreen .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
1552 color: var(--e-a-color-primary-bold);
1553 }
1554
1555 .elementor-device-desktop .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
1556 height: 2.5em;
1557 transform: scale(1);
1558 opacity: 1;
1559 }
1560 .elementor-device-desktop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
1561 color: var(--e-a-color-primary-bold);
1562 }
1563
1564 .elementor-device-laptop .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1565 height: 2.5em;
1566 transform: scale(1);
1567 opacity: 1;
1568 }
1569 .elementor-device-laptop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1570 color: var(--e-a-color-primary-bold);
1571 }
1572
1573 .elementor-device-tablet_extra .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1574 height: 2.5em;
1575 transform: scale(1);
1576 opacity: 1;
1577 }
1578 .elementor-device-tablet_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1579 color: var(--e-a-color-primary-bold);
1580 }
1581
1582 .elementor-device-tablet .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1583 height: 2.5em;
1584 transform: scale(1);
1585 opacity: 1;
1586 }
1587 .elementor-device-tablet .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1588 color: var(--e-a-color-primary-bold);
1589 }
1590
1591 .elementor-device-mobile_extra .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1592 height: 2.5em;
1593 transform: scale(1);
1594 opacity: 1;
1595 }
1596 .elementor-device-mobile_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1597 color: var(--e-a-color-primary-bold);
1598 }
1599
1600 .elementor-device-mobile .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1601 height: 2.5em;
1602 transform: scale(1);
1603 opacity: 1;
1604 }
1605 .elementor-device-mobile .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1606 color: var(--e-a-color-primary-bold);
1607 }
1608
1609 .e-units-wrapper {
1610 position: relative;
1611 margin-inline-start: auto;
1612 }
1613 .e-units-wrapper .e-units-switcher {
1614 cursor: pointer;
1615 font-size: 10px;
1616 padding: 0.5em;
1617 margin: -0.5em 0;
1618 transition: all ease-in-out 0.15s;
1619 }
1620 .e-units-wrapper .e-units-switcher:hover {
1621 color: var(--e-a-color-primary-bold);
1622 background-color: var(--e-a-bg-hover);
1623 border-radius: var(--e-a-border-radius);
1624 }
1625 .e-units-wrapper .e-units-switcher:not([data-selected=custom]) i.eicon-edit {
1626 display: none;
1627 }
1628 .e-units-wrapper .e-units-switcher[data-selected=custom] span {
1629 display: none;
1630 }
1631 .e-units-wrapper .e-units-switcher i.eicon-angle-right {
1632 transform: rotate(90deg);
1633 }
1634
1635 .e-units-choices input {
1636 display: none;
1637 }
1638 .e-units-choices input:checked + label {
1639 color: var(--e-a-color-primary-bold);
1640 }
1641 .e-units-choices label {
1642 cursor: pointer;
1643 display: block;
1644 }
1645 .e-units-choices {
1646 display: none;
1647 overflow: hidden;
1648 max-height: 0;
1649 position: absolute;
1650 top: -0.8em;
1651 right: -0.5em;
1652 width: 2.5em;
1653 text-align: center;
1654 background-color: var(--e-a-bg-default);
1655 border-radius: var(--e-a-border-radius);
1656 box-shadow: var(--e-a-dropdown-shadow);
1657 animation-timing-function: linear;
1658 animation-delay: 0s;
1659 animation-fill-mode: forwards;
1660 z-index: 11000;
1661 }
1662 .e-units-choices .elementor-units-choices-label {
1663 display: flex;
1664 align-items: center;
1665 height: 3em;
1666 justify-content: center;
1667 font-size: 10px;
1668 transition: 0.15s;
1669 }
1670 .e-units-choices .elementor-units-choices-label:hover {
1671 color: var(--e-a-color-primary-bold);
1672 }
1673 .e-units-choices .elementor-units-choices-label:not([data-choose=custom]) i {
1674 display: none;
1675 }
1676 .e-units-choices .elementor-units-choices-label[data-choose=custom] span {
1677 display: none;
1678 }
1679 .e-units-choices.e-units-choices-open {
1680 display: block;
1681 animation-duration: 1s;
1682 animation-name: e-units-choices-open;
1683 }
1684
1685 .e-units-custom input {
1686 font-family: monospace;
1687 font-size: 0.85em;
1688 }
1689
1690 @keyframes e-units-choices-open {
1691 from {
1692 max-height: 0;
1693 }
1694 to {
1695 max-height: 100vh;
1696 }
1697 }
1698 .elementor-control-type-button .elementor-control-input-wrapper {
1699 text-align: end;
1700 }
1701 .elementor-control-type-button .elementor-button {
1702 width: auto;
1703 }
1704 .elementor-control-type-button .elementor-button.elementor-button-center {
1705 display: block;
1706 margin: 0 auto;
1707 }
1708
1709 .elementor-control-type-choose.elementor-label-block .elementor-choices {
1710 width: 100%;
1711 }
1712
1713 .elementor-choices {
1714 display: flex;
1715 height: 27px;
1716 line-height: 27px;
1717 text-align: center;
1718 border-spacing: 1px;
1719 border-radius: var(--e-a-border-radius);
1720 overflow: hidden;
1721 }
1722 .elementor-choices .elementor-choices-label {
1723 border-block-start: var(--e-a-border-bold);
1724 border-block-end: var(--e-a-border-bold);
1725 border-inline-start: var(--e-a-border-bold);
1726 border-inline-end: none;
1727 font-size: 12px;
1728 transition: var(--e-a-transition-hover);
1729 cursor: pointer;
1730 overflow: hidden;
1731 }
1732 .elementor-choices .elementor-choices-label:nth-child(2) {
1733 border-start-start-radius: var(--e-a-border-radius);
1734 border-end-start-radius: var(--e-a-border-radius);
1735 }
1736 .elementor-choices .elementor-choices-label:last-child {
1737 border-inline-end: var(--e-a-border-bold);
1738 border-start-end-radius: var(--e-a-border-radius);
1739 border-end-end-radius: var(--e-a-border-radius);
1740 }
1741 .elementor-choices input {
1742 display: none;
1743 }
1744 .elementor-choices input:hover + .elementor-choices-label {
1745 background-color: var(--e-a-bg-hover);
1746 }
1747 .elementor-choices input.e-choose-placeholder + .elementor-choices-label, .elementor-choices input:checked + .elementor-choices-label {
1748 background-color: var(--e-a-bg-active-bold);
1749 color: var(--e-a-color-txt-accent);
1750 }
1751
1752 .elementor-label-inline .elementor-choices {
1753 justify-content: flex-end;
1754 }
1755
1756 .elementor-control-type-color.e-control-global .pickr {
1757 border-start-start-radius: 0;
1758 border-start-end-radius: var(--e-a-border-radius);
1759 border-end-start-radius: 0;
1760 border-end-end-radius: var(--e-a-border-radius);
1761 flex-shrink: 0;
1762 border-color: var(--e-a-border-color-bold);
1763 transition: var(--e-a-transition-hover);
1764 }
1765 .elementor-control-type-color.e-control-global .pickr:hover {
1766 background-color: var(--e-a-bg-hover);
1767 }
1768 .elementor-control-type-color.e-control-global .e-global__popover-toggle:not(.e-global__popover-toggle--active) ~ .pickr {
1769 background-color: var(--e-a-bg-active-bold);
1770 }
1771 .elementor-control-type-color .elementor-control-title {
1772 flex-grow: 1;
1773 }
1774 .elementor-control-type-color .elementor-control-input-wrapper {
1775 display: flex;
1776 justify-content: flex-end;
1777 }
1778
1779 .elementor-group-control-css-filter .elementor-slider {
1780 height: 6px;
1781 box-shadow: 0 0 1px 1px inset rgba(0, 0, 0, 0.2);
1782 }
1783 .elementor-group-control-css-filter .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
1784 margin-block-start: 0;
1785 margin-block-end: 5px;
1786 }
1787
1788 .elementor-group-control-blur .elementor-slider {
1789 background: url("../images/blur.png");
1790 background-size: cover;
1791 background-position: center;
1792 }
1793
1794 .elementor-group-control-contrast .elementor-slider {
1795 background: url("../images/contrast.png");
1796 background-size: 100% 100%;
1797 }
1798
1799 .elementor-group-control-hue .elementor-slider {
1800 background-image: linear-gradient(to right, red, orange, yellow, greenyellow, limegreen, deepskyblue, blue, darkviolet 95%);
1801 }
1802
1803 .elementor-group-control-saturate .elementor-slider {
1804 background-image: linear-gradient(to right, gray, red);
1805 }
1806
1807 .elementor-group-control-brightness .elementor-slider {
1808 background-image: linear-gradient(to right, black, white);
1809 }
1810
1811 .elementor-control-responsive-switchers {
1812 --selected-option: 0;
1813 --pointer-position: var(--selected-option);
1814 position: relative;
1815 width: 2.5em;
1816 height: 2.5em;
1817 margin: calc( -2.5em + 12px) 0;
1818 margin-inline-end: 5px;
1819 }
1820 .elementor-control-responsive-switchers__holder {
1821 position: absolute;
1822 width: 100%;
1823 top: 0;
1824 background-color: var(--e-a-bg-default);
1825 border-radius: var(--e-a-border-radius);
1826 transition: 0.15s;
1827 border: 1px solid transparent;
1828 }
1829 .elementor-control-responsive-switchers.elementor-responsive-switchers-open {
1830 z-index: 11000;
1831 }
1832 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher {
1833 height: 2.5em;
1834 transform: scale(1);
1835 opacity: 1;
1836 }
1837 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher:hover {
1838 color: var(--e-a-color-primary-bold);
1839 }
1840 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-control-responsive-switchers__holder {
1841 box-shadow: var(--e-a-dropdown-shadow);
1842 }
1843
1844 .elementor-responsive-switcher {
1845 all: unset;
1846 display: flex;
1847 align-items: center;
1848 justify-content: center;
1849 position: relative;
1850 z-index: 2;
1851 cursor: pointer;
1852 height: 0;
1853 width: 100%;
1854 transform: scale(0);
1855 opacity: 0;
1856 transition: 0.15s;
1857 font-size: 12px;
1858 color: inherit;
1859 }
1860 .elementor-responsive-switcher:hover {
1861 color: var(--e-a-color-primary-bold);
1862 }
1863
1864 .elementor-device-widescreen .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
1865 height: 2.5em;
1866 transform: scale(1);
1867 opacity: 1;
1868 }
1869 .elementor-device-widescreen .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
1870 color: var(--e-a-color-primary-bold);
1871 }
1872
1873 .elementor-device-desktop .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
1874 height: 2.5em;
1875 transform: scale(1);
1876 opacity: 1;
1877 }
1878 .elementor-device-desktop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
1879 color: var(--e-a-color-primary-bold);
1880 }
1881
1882 .elementor-device-laptop .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1883 height: 2.5em;
1884 transform: scale(1);
1885 opacity: 1;
1886 }
1887 .elementor-device-laptop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1888 color: var(--e-a-color-primary-bold);
1889 }
1890
1891 .elementor-device-tablet_extra .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1892 height: 2.5em;
1893 transform: scale(1);
1894 opacity: 1;
1895 }
1896 .elementor-device-tablet_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1897 color: var(--e-a-color-primary-bold);
1898 }
1899
1900 .elementor-device-tablet .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1901 height: 2.5em;
1902 transform: scale(1);
1903 opacity: 1;
1904 }
1905 .elementor-device-tablet .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1906 color: var(--e-a-color-primary-bold);
1907 }
1908
1909 .elementor-device-mobile_extra .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1910 height: 2.5em;
1911 transform: scale(1);
1912 opacity: 1;
1913 }
1914 .elementor-device-mobile_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1915 color: var(--e-a-color-primary-bold);
1916 }
1917
1918 .elementor-device-mobile .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1919 height: 2.5em;
1920 transform: scale(1);
1921 opacity: 1;
1922 }
1923 .elementor-device-mobile .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1924 color: var(--e-a-color-primary-bold);
1925 }
1926
1927 .e-units-wrapper {
1928 position: relative;
1929 margin-inline-start: auto;
1930 }
1931 .e-units-wrapper .e-units-switcher {
1932 cursor: pointer;
1933 font-size: 10px;
1934 padding: 0.5em;
1935 margin: -0.5em 0;
1936 transition: all ease-in-out 0.15s;
1937 }
1938 .e-units-wrapper .e-units-switcher:hover {
1939 color: var(--e-a-color-primary-bold);
1940 background-color: var(--e-a-bg-hover);
1941 border-radius: var(--e-a-border-radius);
1942 }
1943 .e-units-wrapper .e-units-switcher:not([data-selected=custom]) i.eicon-edit {
1944 display: none;
1945 }
1946 .e-units-wrapper .e-units-switcher[data-selected=custom] span {
1947 display: none;
1948 }
1949 .e-units-wrapper .e-units-switcher i.eicon-angle-right {
1950 transform: rotate(90deg);
1951 }
1952
1953 .e-units-choices input {
1954 display: none;
1955 }
1956 .e-units-choices input:checked + label {
1957 color: var(--e-a-color-primary-bold);
1958 }
1959 .e-units-choices label {
1960 cursor: pointer;
1961 display: block;
1962 }
1963 .e-units-choices {
1964 display: none;
1965 overflow: hidden;
1966 max-height: 0;
1967 position: absolute;
1968 top: -0.8em;
1969 right: -0.5em;
1970 width: 2.5em;
1971 text-align: center;
1972 background-color: var(--e-a-bg-default);
1973 border-radius: var(--e-a-border-radius);
1974 box-shadow: var(--e-a-dropdown-shadow);
1975 animation-timing-function: linear;
1976 animation-delay: 0s;
1977 animation-fill-mode: forwards;
1978 z-index: 11000;
1979 }
1980 .e-units-choices .elementor-units-choices-label {
1981 display: flex;
1982 align-items: center;
1983 height: 3em;
1984 justify-content: center;
1985 font-size: 10px;
1986 transition: 0.15s;
1987 }
1988 .e-units-choices .elementor-units-choices-label:hover {
1989 color: var(--e-a-color-primary-bold);
1990 }
1991 .e-units-choices .elementor-units-choices-label:not([data-choose=custom]) i {
1992 display: none;
1993 }
1994 .e-units-choices .elementor-units-choices-label[data-choose=custom] span {
1995 display: none;
1996 }
1997 .e-units-choices.e-units-choices-open {
1998 display: block;
1999 animation-duration: 1s;
2000 animation-name: e-units-choices-open;
2001 }
2002
2003 .e-units-custom input {
2004 font-family: monospace;
2005 font-size: 0.85em;
2006 }
2007
2008 @keyframes e-units-choices-open {
2009 from {
2010 max-height: 0;
2011 }
2012 to {
2013 max-height: 100vh;
2014 }
2015 }
2016 .elementor-control-type-dimensions .elementor-control-dimensions {
2017 display: flex;
2018 }
2019 .elementor-control-type-dimensions li {
2020 flex: 1;
2021 transition: flex-grow 0.3s ease-in-out;
2022 }
2023 .elementor-control-type-dimensions li input,
2024 .elementor-control-type-dimensions li .elementor-link-dimensions {
2025 display: block;
2026 text-align: center;
2027 width: 100%;
2028 height: 27px;
2029 }
2030 .elementor-control-type-dimensions li input {
2031 border-inline-start: none;
2032 border-radius: 0;
2033 padding: var(--e-a-border-radius);
2034 }
2035 .elementor-control-type-dimensions li input:focus {
2036 border-inline-start: var(--e-a-border-bold);
2037 margin-inline-start: -1px;
2038 width: calc(100% + 1px);
2039 }
2040 .elementor-control-type-dimensions li input:focus + .elementor-control-dimension-label {
2041 color: var(--e-a-color-txt);
2042 }
2043 .elementor-control-type-dimensions li .elementor-link-dimensions {
2044 border: var(--e-a-border-bold);
2045 border-inline-start: none;
2046 background-color: var(--e-a-bg-default);
2047 padding: 0;
2048 outline: none;
2049 border-start-start-radius: 0;
2050 border-start-end-radius: var(--e-a-border-radius);
2051 border-end-start-radius: 0;
2052 border-end-end-radius: var(--e-a-border-radius);
2053 cursor: pointer;
2054 }
2055 .elementor-control-type-dimensions li:first-child input {
2056 border-inline-start: 1px solid var(--e-a-border-color-bold);
2057 border-start-start-radius: var(--e-a-border-radius);
2058 border-start-end-radius: 0;
2059 border-end-start-radius: var(--e-a-border-radius);
2060 border-end-end-radius: 0;
2061 }
2062 .elementor-control-type-dimensions li:first-child input:focus {
2063 border-color: var(--e-a-border-color-focus);
2064 margin-inline-start: 0;
2065 width: 100%;
2066 }
2067 .elementor-control-type-dimensions li:last-child {
2068 max-width: 27px;
2069 }
2070 .elementor-control-type-dimensions.e-units-custom li.elementor-control-dimension:focus-within {
2071 flex: 2.5;
2072 }
2073 .elementor-control-type-dimensions .elementor-control-dimension-label {
2074 color: var(--e-a-color-txt-muted);
2075 display: block;
2076 text-align: center;
2077 font-size: 9px;
2078 padding-block-start: 5px;
2079 }
2080 .elementor-control-type-dimensions .elementor-link-dimensions.unlinked {
2081 background-color: var(--e-a-bg-default);
2082 }
2083 .elementor-control-type-dimensions .elementor-link-dimensions.unlinked .elementor-linked {
2084 display: none;
2085 }
2086 .elementor-control-type-dimensions .elementor-link-dimensions:not(.unlinked) {
2087 background-color: var(--e-a-bg-active-bold);
2088 color: var(--e-a-color-txt-accent);
2089 border-color: var(--e-a-border-color-bold);
2090 }
2091 .elementor-control-type-dimensions .elementor-link-dimensions:not(.unlinked) .elementor-unlinked {
2092 display: none;
2093 }
2094
2095 .elementor-control-responsive-switchers {
2096 --selected-option: 0;
2097 --pointer-position: var(--selected-option);
2098 position: relative;
2099 width: 2.5em;
2100 height: 2.5em;
2101 margin: calc( -2.5em + 12px) 0;
2102 margin-inline-end: 5px;
2103 }
2104 .elementor-control-responsive-switchers__holder {
2105 position: absolute;
2106 width: 100%;
2107 top: 0;
2108 background-color: var(--e-a-bg-default);
2109 border-radius: var(--e-a-border-radius);
2110 transition: 0.15s;
2111 border: 1px solid transparent;
2112 }
2113 .elementor-control-responsive-switchers.elementor-responsive-switchers-open {
2114 z-index: 11000;
2115 }
2116 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher {
2117 height: 2.5em;
2118 transform: scale(1);
2119 opacity: 1;
2120 }
2121 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher:hover {
2122 color: var(--e-a-color-primary-bold);
2123 }
2124 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-control-responsive-switchers__holder {
2125 box-shadow: var(--e-a-dropdown-shadow);
2126 }
2127
2128 .elementor-responsive-switcher {
2129 all: unset;
2130 display: flex;
2131 align-items: center;
2132 justify-content: center;
2133 position: relative;
2134 z-index: 2;
2135 cursor: pointer;
2136 height: 0;
2137 width: 100%;
2138 transform: scale(0);
2139 opacity: 0;
2140 transition: 0.15s;
2141 font-size: 12px;
2142 color: inherit;
2143 }
2144 .elementor-responsive-switcher:hover {
2145 color: var(--e-a-color-primary-bold);
2146 }
2147
2148 .elementor-device-widescreen .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
2149 height: 2.5em;
2150 transform: scale(1);
2151 opacity: 1;
2152 }
2153 .elementor-device-widescreen .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
2154 color: var(--e-a-color-primary-bold);
2155 }
2156
2157 .elementor-device-desktop .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
2158 height: 2.5em;
2159 transform: scale(1);
2160 opacity: 1;
2161 }
2162 .elementor-device-desktop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
2163 color: var(--e-a-color-primary-bold);
2164 }
2165
2166 .elementor-device-laptop .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
2167 height: 2.5em;
2168 transform: scale(1);
2169 opacity: 1;
2170 }
2171 .elementor-device-laptop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
2172 color: var(--e-a-color-primary-bold);
2173 }
2174
2175 .elementor-device-tablet_extra .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
2176 height: 2.5em;
2177 transform: scale(1);
2178 opacity: 1;
2179 }
2180 .elementor-device-tablet_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
2181 color: var(--e-a-color-primary-bold);
2182 }
2183
2184 .elementor-device-tablet .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
2185 height: 2.5em;
2186 transform: scale(1);
2187 opacity: 1;
2188 }
2189 .elementor-device-tablet .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
2190 color: var(--e-a-color-primary-bold);
2191 }
2192
2193 .elementor-device-mobile_extra .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
2194 height: 2.5em;
2195 transform: scale(1);
2196 opacity: 1;
2197 }
2198 .elementor-device-mobile_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
2199 color: var(--e-a-color-primary-bold);
2200 }
2201
2202 .elementor-device-mobile .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
2203 height: 2.5em;
2204 transform: scale(1);
2205 opacity: 1;
2206 }
2207 .elementor-device-mobile .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
2208 color: var(--e-a-color-primary-bold);
2209 }
2210
2211 .e-units-wrapper {
2212 position: relative;
2213 margin-inline-start: auto;
2214 }
2215 .e-units-wrapper .e-units-switcher {
2216 cursor: pointer;
2217 font-size: 10px;
2218 padding: 0.5em;
2219 margin: -0.5em 0;
2220 transition: all ease-in-out 0.15s;
2221 }
2222 .e-units-wrapper .e-units-switcher:hover {
2223 color: var(--e-a-color-primary-bold);
2224 background-color: var(--e-a-bg-hover);
2225 border-radius: var(--e-a-border-radius);
2226 }
2227 .e-units-wrapper .e-units-switcher:not([data-selected=custom]) i.eicon-edit {
2228 display: none;
2229 }
2230 .e-units-wrapper .e-units-switcher[data-selected=custom] span {
2231 display: none;
2232 }
2233 .e-units-wrapper .e-units-switcher i.eicon-angle-right {
2234 transform: rotate(90deg);
2235 }
2236
2237 .e-units-choices input {
2238 display: none;
2239 }
2240 .e-units-choices input:checked + label {
2241 color: var(--e-a-color-primary-bold);
2242 }
2243 .e-units-choices label {
2244 cursor: pointer;
2245 display: block;
2246 }
2247 .e-units-choices {
2248 display: none;
2249 overflow: hidden;
2250 max-height: 0;
2251 position: absolute;
2252 top: -0.8em;
2253 right: -0.5em;
2254 width: 2.5em;
2255 text-align: center;
2256 background-color: var(--e-a-bg-default);
2257 border-radius: var(--e-a-border-radius);
2258 box-shadow: var(--e-a-dropdown-shadow);
2259 animation-timing-function: linear;
2260 animation-delay: 0s;
2261 animation-fill-mode: forwards;
2262 z-index: 11000;
2263 }
2264 .e-units-choices .elementor-units-choices-label {
2265 display: flex;
2266 align-items: center;
2267 height: 3em;
2268 justify-content: center;
2269 font-size: 10px;
2270 transition: 0.15s;
2271 }
2272 .e-units-choices .elementor-units-choices-label:hover {
2273 color: var(--e-a-color-primary-bold);
2274 }
2275 .e-units-choices .elementor-units-choices-label:not([data-choose=custom]) i {
2276 display: none;
2277 }
2278 .e-units-choices .elementor-units-choices-label[data-choose=custom] span {
2279 display: none;
2280 }
2281 .e-units-choices.e-units-choices-open {
2282 display: block;
2283 animation-duration: 1s;
2284 animation-name: e-units-choices-open;
2285 }
2286
2287 .e-units-custom input {
2288 font-family: monospace;
2289 font-size: 0.85em;
2290 }
2291
2292 @keyframes e-units-choices-open {
2293 from {
2294 max-height: 0;
2295 }
2296 to {
2297 max-height: 100vh;
2298 }
2299 }
2300 .elementor-control-type-gaps .elementor-control-gaps {
2301 display: flex;
2302 }
2303 .elementor-control-type-gaps li {
2304 flex: 1;
2305 transition: flex-grow 0.3s ease-in-out;
2306 }
2307 .elementor-control-type-gaps li input,
2308 .elementor-control-type-gaps li .elementor-link-gaps {
2309 display: block;
2310 text-align: center;
2311 width: 100%;
2312 height: 27px;
2313 }
2314 .elementor-control-type-gaps li input {
2315 border-inline-start: none;
2316 border-radius: 0;
2317 padding: var(--e-a-border-radius);
2318 }
2319 .elementor-control-type-gaps li input:focus {
2320 border-inline-start: var(--e-a-border-bold);
2321 margin-inline-start: -1px;
2322 width: calc(100% + 1px);
2323 }
2324 .elementor-control-type-gaps li input:focus + .elementor-control-gap-label {
2325 color: var(--e-a-color-txt);
2326 }
2327 .elementor-control-type-gaps li .elementor-link-gaps {
2328 border: var(--e-a-border-bold);
2329 border-inline-start: none;
2330 background-color: var(--e-a-bg-default);
2331 padding: 0;
2332 outline: none;
2333 border-start-start-radius: 0;
2334 border-start-end-radius: var(--e-a-border-radius);
2335 border-end-start-radius: 0;
2336 border-end-end-radius: var(--e-a-border-radius);
2337 cursor: pointer;
2338 }
2339 .elementor-control-type-gaps li:first-child input {
2340 border-inline-start: 1px solid var(--e-a-border-color-bold);
2341 border-start-start-radius: var(--e-a-border-radius);
2342 border-start-end-radius: 0;
2343 border-end-start-radius: var(--e-a-border-radius);
2344 border-end-end-radius: 0;
2345 }
2346 .elementor-control-type-gaps li:first-child input:focus {
2347 border-color: var(--e-a-border-color-focus);
2348 margin-inline-start: 0;
2349 width: 100%;
2350 }
2351 .elementor-control-type-gaps li:last-child {
2352 max-width: 27px;
2353 }
2354 .elementor-control-type-gaps.e-units-custom li.elementor-control-gap:focus-within {
2355 flex: 2.5;
2356 }
2357 .elementor-control-type-gaps .elementor-control-gap-label {
2358 color: var(--e-a-color-txt-muted);
2359 display: block;
2360 text-align: center;
2361 font-size: 9px;
2362 padding-block-start: 5px;
2363 }
2364 .elementor-control-type-gaps .elementor-link-gaps.unlinked {
2365 background-color: var(--e-a-bg-default);
2366 }
2367 .elementor-control-type-gaps .elementor-link-gaps.unlinked .elementor-linked {
2368 display: none;
2369 }
2370 .elementor-control-type-gaps .elementor-link-gaps:not(.unlinked) {
2371 background-color: var(--e-a-bg-active-bold);
2372 color: var(--e-a-color-txt-accent);
2373 border-color: var(--e-a-border-color-bold);
2374 }
2375 .elementor-control-type-gaps .elementor-link-gaps:not(.unlinked) .elementor-unlinked {
2376 display: none;
2377 }
2378
2379 .elementor-control-type-icons .elementor-control-media__preview > * {
2380 position: absolute;
2381 top: 50%;
2382 left: 50%;
2383 transform: translate(-50%, -50%);
2384 }
2385 .elementor-control-type-icons .elementor-control-media__preview i {
2386 font-size: 70px;
2387 }
2388 .elementor-control-type-icons .elementor-control-media__preview svg {
2389 height: 75%;
2390 }
2391 .elementor-control-type-icons .elementor-control-icons--inline__svg i.eicon-upload {
2392 font-size: 15px;
2393 }
2394
2395 .elementor-control-type-gallery .elementor-control-media__content {
2396 border: var(--e-a-border-bold);
2397 border-radius: 3px;
2398 }
2399 .elementor-control-type-gallery .elementor-control-gallery-status {
2400 font-size: 12px;
2401 height: 27px;
2402 padding-inline-start: 10px;
2403 border-block-end: var(--e-a-border-bold);
2404 display: flex;
2405 }
2406 .elementor-control-type-gallery .elementor-control-gallery-status > * {
2407 display: flex;
2408 align-items: center;
2409 }
2410 .elementor-control-type-gallery .elementor-control-gallery-status-title {
2411 flex-grow: 1;
2412 }
2413 .elementor-control-type-gallery .elementor-control-gallery-content {
2414 position: relative;
2415 overflow: hidden;
2416 }
2417 .elementor-control-type-gallery .elementor-control-gallery-thumbnails {
2418 display: grid;
2419 grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
2420 grid-gap: 10px;
2421 cursor: pointer;
2422 padding: 10px;
2423 }
2424 .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 {
2425 opacity: 1;
2426 }
2427 .elementor-control-type-gallery .elementor-control-gallery-thumbnail {
2428 width: 48px;
2429 height: 48px;
2430 background-size: cover;
2431 background-position: 50% 50%;
2432 border: var(--e-a-border);
2433 }
2434 .elementor-control-type-gallery .elementor-control-gallery-edit {
2435 position: absolute;
2436 top: 0;
2437 bottom: 0;
2438 left: 0;
2439 right: 0;
2440 background-color: rgba(0, 0, 0, 0.2);
2441 padding: 10px;
2442 font-size: 11px;
2443 transition: all 0.3s ease-in-out;
2444 pointer-events: none;
2445 cursor: pointer;
2446 opacity: 0;
2447 }
2448 .elementor-control-type-gallery .elementor-control-gallery-edit span {
2449 position: absolute;
2450 top: 10px;
2451 left: 10px;
2452 width: 21px;
2453 height: 21px;
2454 color: var(--e-a-color-white);
2455 background-color: rgba(0, 0, 0, 0.5);
2456 box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
2457 transition: var(--e-a-transition-hover);
2458 }
2459 .elementor-control-type-gallery .elementor-control-gallery-edit span i {
2460 font-size: 11px;
2461 padding: 5px;
2462 }
2463 .elementor-control-type-gallery .elementor-control-gallery-edit span:hover {
2464 background-color: rgba(0, 0, 0, 0.6);
2465 }
2466 .elementor-control-type-gallery .elementor-control-gallery-add {
2467 width: 48px;
2468 height: 48px;
2469 font-size: 14px;
2470 }
2471 .elementor-control-type-gallery .elementor-control-gallery-add i {
2472 margin: 0;
2473 }
2474 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-clear,
2475 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-thumbnails,
2476 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-edit {
2477 display: none;
2478 }
2479 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-content {
2480 padding: 10px;
2481 }
2482 .elementor-control-type-gallery.elementor-gallery-has-images .elementor-control-gallery-add {
2483 display: none;
2484 }
2485 .elementor-control-type-gallery.elementor-control-dynamic .elementor-control-gallery-clear {
2486 border-inline-start: var(--e-a-border);
2487 }
2488 .elementor-control-type-gallery .elementor-control-gallery-clear {
2489 color: currentColor;
2490 background-color: transparent;
2491 border: none;
2492 cursor: pointer;
2493 justify-content: center;
2494 }
2495 .elementor-control-type-gallery .elementor-control-gallery-clear:hover, .elementor-control-type-gallery .elementor-control-gallery-clear:focus {
2496 color: var(--e-a-color-danger);
2497 }
2498 .elementor-control-type-gallery .elementor-control-dynamic-switcher {
2499 border-width: 0;
2500 border-inline-start-width: 1px;
2501 border-block-end-width: 1px;
2502 border-radius: 0;
2503 }
2504
2505 .e-global__popover {
2506 width: 288px;
2507 z-index: 1;
2508 font-size: 12px;
2509 padding-inline-start: 10px;
2510 }
2511 .e-global__popover-toggle {
2512 border: var(--e-a-border-bold);
2513 border-inline-end: 0;
2514 border-start-start-radius: 3px;
2515 border-start-end-radius: 0;
2516 border-end-start-radius: 3px;
2517 border-end-end-radius: 0;
2518 display: flex;
2519 align-items: center;
2520 justify-content: center;
2521 cursor: pointer;
2522 transition: var(--e-a-transition-hover);
2523 }
2524 .e-global__popover-toggle:hover {
2525 background-color: var(--e-a-bg-hover);
2526 }
2527 .e-global__popover-toggle--active {
2528 color: var(--e-a-color-primary-bold);
2529 background-color: var(--e-a-bg-active-bold);
2530 }
2531 .e-global__popover-container {
2532 box-shadow: var(--e-a-popover-shadow);
2533 border-radius: var(--e-a-border-radius);
2534 background-color: var(--e-a-bg-default);
2535 }
2536 .e-global__popover-title {
2537 padding: 15px 20px;
2538 font-weight: 500;
2539 border-block-end: var(--e-a-border);
2540 display: flex;
2541 }
2542 .e-global__popover-title > i {
2543 margin-inline-end: 5px;
2544 }
2545 .e-global__popover-title-text {
2546 flex-grow: 1;
2547 }
2548 .e-global__popover-info {
2549 margin-inline-end: 10px;
2550 display: inline-block;
2551 }
2552 .e-global__popover-info-tooltip {
2553 width: 270px;
2554 z-index: 1;
2555 background-color: rgba(0, 0, 0, 0.9);
2556 color: var(--e-a-color-white);
2557 padding: 20px;
2558 border-radius: 3px;
2559 }
2560 .e-global__popover-info-tooltip:after {
2561 content: "";
2562 position: absolute;
2563 bottom: -17px;
2564 right: 16px;
2565 border: 10px solid transparent;
2566 border-block-start-color: rgba(0, 0, 0, 0.9);
2567 }
2568 .e-global__popover-info i {
2569 font-size: 13px;
2570 }
2571 .e-global__preview-items-container {
2572 max-height: 260px;
2573 overflow-y: auto;
2574 padding: 5px 0;
2575 }
2576 .e-global__preview-items-container::-webkit-scrollbar {
2577 width: 7px;
2578 }
2579 .e-global__preview-items-container::-webkit-scrollbar-thumb {
2580 background-color: #BABFC5;
2581 border-radius: 10px;
2582 }
2583 .e-global__manage-button {
2584 font-weight: 500;
2585 cursor: pointer;
2586 }
2587 .e-global__typography {
2588 padding-block: 10px;
2589 padding-inline: 35px 20px;
2590 white-space: nowrap;
2591 text-overflow: ellipsis;
2592 overflow: hidden;
2593 }
2594 .e-global__typography.e-global__preview-item--selected:before {
2595 font-family: "eicons";
2596 font-size: 13px;
2597 content: "\e90e";
2598 position: absolute;
2599 transform: translateY(-50%);
2600 top: 50%;
2601 inset-inline-start: 13px;
2602 }
2603 .e-global__color {
2604 padding: 10px 20px;
2605 display: flex;
2606 align-items: center;
2607 }
2608 .e-global__color-preview-container {
2609 height: 20px;
2610 width: 20px;
2611 border-radius: 3px;
2612 border: 1px solid rgba(0, 0, 0, 0.1);
2613 margin-inline-end: 10px;
2614 flex-shrink: 0;
2615 position: relative;
2616 }
2617 .e-global__color-preview-color, .e-global__color-preview-transparent-bg {
2618 border-radius: 3px;
2619 height: 100%;
2620 width: 100%;
2621 position: absolute;
2622 top: 0;
2623 left: 0;
2624 }
2625 .e-global__color-preview-transparent-bg {
2626 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));
2627 background-size: 12px 12px;
2628 background-position: 0 0, calc( 12px / 2 ) calc( 12px / 2 );
2629 }
2630 .e-global__color-title {
2631 flex-grow: 1;
2632 white-space: nowrap;
2633 text-overflow: ellipsis;
2634 overflow: hidden;
2635 padding-inline-end: 10px;
2636 }
2637 .e-global__color-hex {
2638 font-size: 10px;
2639 color: var(--e-a-color-txt-muted);
2640 }
2641 .e-global__color .pcr-button {
2642 background-color: var(--e-a-bg-default);
2643 }
2644 .e-global__color.e-global__preview-item--selected .e-global__color-preview-container {
2645 display: flex;
2646 justify-content: center;
2647 align-items: center;
2648 color: var(--e-a-color-white);
2649 }
2650 .e-global__color.e-global__preview-item--selected .e-global__color-preview-container:before {
2651 font-family: "eicons";
2652 font-size: 13px;
2653 content: "\e90e";
2654 text-shadow: 0 0 1px #000;
2655 z-index: 1;
2656 }
2657 .e-global__preview-item {
2658 cursor: pointer;
2659 position: relative;
2660 }
2661 .e-global__preview-item:hover {
2662 background-color: var(--e-a-bg-hover);
2663 }
2664 .e-global__confirm-delete i, .e-global__confirm-message-text i {
2665 color: var(--e-a-color-warning);
2666 }
2667 .e-global__confirm-input-wrapper {
2668 display: flex;
2669 align-items: center;
2670 border: var(--e-a-border);
2671 border-radius: var(--e-a-border-radius);
2672 margin: 15px 0;
2673 padding: 2px;
2674 }
2675 .e-global__confirm-input-wrapper input {
2676 font-family: var(--e-a-font-family);
2677 font-size: 12px;
2678 padding: 2px;
2679 border: 0;
2680 }
2681
2682 .e-control-global .elementor-control-input-wrapper {
2683 display: flex;
2684 justify-content: flex-end;
2685 max-width: 135px;
2686 width: 100%;
2687 }
2688 .e-control-global.elementor-control .elementor-control-input-wrapper {
2689 display: flex;
2690 flex-direction: row;
2691 align-items: stretch;
2692 }
2693 .e-control-global .elementor-control-spinner {
2694 margin-inline-end: 4px;
2695 }
2696
2697 .elementor-control-type-hidden {
2698 display: none !important;
2699 }
2700
2701 .elementor-control-type-icon .select2-selection__rendered .eicon {
2702 margin-inline-end: 3px;
2703 }
2704
2705 .elementor-control-type-image_dimensions .elementor-control-field-description {
2706 margin: 0 0 15px;
2707 line-height: 1.4;
2708 }
2709 .elementor-control-type-image_dimensions .elementor-control-input-wrapper {
2710 display: flex;
2711 align-items: flex-start;
2712 }
2713 .elementor-control-type-image_dimensions .elementor-image-dimensions-field {
2714 width: 65px;
2715 }
2716 .elementor-control-type-image_dimensions .elementor-image-dimensions-field input:focus + .elementor-image-dimensions-field-description {
2717 color: var(--e-a-color-txt);
2718 }
2719 .elementor-control-type-image_dimensions .elementor-image-dimensions-separator {
2720 width: 20px;
2721 text-align: center;
2722 padding-block-start: 4px;
2723 }
2724 .elementor-control-type-image_dimensions .elementor-image-dimensions-field-description {
2725 display: block;
2726 margin-block-start: 5px;
2727 color: var(--e-a-color-txt-disabled);
2728 font-size: 10px;
2729 text-align: center;
2730 }
2731 .elementor-control-type-image_dimensions .elementor-image-dimensions-apply-button {
2732 margin-inline-start: auto;
2733 }
2734
2735 .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 {
2736 display: none;
2737 }
2738 .elementor-control-media.e-media-empty-placeholder .e-control-image-size {
2739 display: none;
2740 }
2741 .elementor-control-media:not(.e-media-empty) .elementor-control-media__content__upload-button {
2742 display: none;
2743 }
2744 .elementor-control-media .eicon-plus-circle {
2745 position: absolute;
2746 top: 50%;
2747 left: 50%;
2748 transform: translate(-50%, -50%);
2749 color: var(--e-a-color-white);
2750 font-size: 20px;
2751 }
2752 .elementor-control-media__content__upload-button {
2753 background-color: var(--e-a-bg-active-bold);
2754 }
2755 .elementor-control-media__preview {
2756 height: 100%;
2757 background-size: cover;
2758 background-position: center;
2759 padding-block-end: 42.8571%;
2760 }
2761 .elementor-control-media-area {
2762 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));
2763 background-size: 16px 16px;
2764 background-position: 0 0, calc( 16px / 2 ) calc( 16px / 2 );
2765 background-color: var(--e-a-bg-default);
2766 border: var(--e-a-border-bold);
2767 aspect-ratio: 21/9;
2768 }
2769 .elementor-control-media-area:not(:hover) .elementor-control-media__remove {
2770 display: none;
2771 }
2772 .elementor-control-media-area .eicon-video-camera {
2773 position: absolute;
2774 top: 50%;
2775 left: 50%;
2776 transform: translate(-50%, -50%);
2777 color: rgba(255, 255, 255, 0.7);
2778 font-size: 21px;
2779 }
2780 .elementor-control-media .elementor-control-media__content {
2781 aspect-ratio: 21/9;
2782 position: relative;
2783 cursor: pointer;
2784 overflow: hidden;
2785 }
2786 .elementor-control-media .elementor-control-media__content:hover:after {
2787 content: "";
2788 position: absolute;
2789 top: 0;
2790 bottom: 0;
2791 left: 0;
2792 right: 0;
2793 background-color: rgba(0, 0, 0, 0.2);
2794 pointer-events: none;
2795 }
2796 .elementor-control-media .elementor-control-media__content:not(:hover) .elementor-control-media__tools {
2797 bottom: -30px;
2798 }
2799 .elementor-control-media__content {
2800 transition: all 0.2s ease-in-out;
2801 }
2802 .elementor-control-media__tools {
2803 position: absolute;
2804 bottom: 0;
2805 left: 0;
2806 right: 0;
2807 height: 27px;
2808 transition: all 0.2s ease-in-out;
2809 }
2810 .elementor-control-media__tools > *:not(:first-child) {
2811 margin-inline-start: 1px;
2812 }
2813 .elementor-control-media__tool {
2814 display: flex;
2815 align-items: center;
2816 justify-content: center;
2817 flex-grow: 1;
2818 color: var(--e-a-color-white);
2819 background-color: rgba(0, 0, 0, 0.9);
2820 font-size: 11px;
2821 transition: var(--e-a-transition-hover);
2822 }
2823 .elementor-control-media__tool:hover {
2824 background-color: rgba(0, 0, 0, 0.8);
2825 }
2826 .elementor-control-media__remove {
2827 display: flex;
2828 align-items: center;
2829 justify-content: center;
2830 transition: all 0.3s ease-in-out;
2831 }
2832 .elementor-control-media__content__remove {
2833 position: absolute;
2834 z-index: 1;
2835 top: 10px;
2836 left: 10px;
2837 width: 20px;
2838 height: 20px;
2839 font-size: 11px;
2840 color: var(--e-a-color-white);
2841 background-color: rgba(0, 0, 0, 0.5);
2842 border-radius: var(--e-border-radius);
2843 box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
2844 transition: var(--e-a-transition-hover);
2845 }
2846 .elementor-control-media__content__remove:hover {
2847 background-color: rgba(0, 0, 0, 0.6);
2848 }
2849 .elementor-control-media.e-media-empty .elementor-control-file-area {
2850 display: none;
2851 }
2852 .elementor-control-media__file {
2853 display: flex;
2854 justify-content: space-between;
2855 align-items: center;
2856 width: 100%;
2857 margin-block-start: 10px;
2858 border: var(--e-a-border);
2859 }
2860 .elementor-control-media__file__content {
2861 padding-inline-start: 5px;
2862 font-size: 12px;
2863 }
2864 .elementor-control-media__file__content__label {
2865 color: #9DA5AE;
2866 }
2867 .elementor-control-media__file__content__info {
2868 display: flex;
2869 align-items: center;
2870 font-weight: 500;
2871 }
2872 .elementor-control-media__file__content__info__icon {
2873 margin-inline-end: 5px;
2874 }
2875 .elementor-control-media__file__controls {
2876 display: flex;
2877 border-inline-start: var(--e-a-border);
2878 }
2879 .elementor-control-media__file__controls__upload-button, .elementor-control-media__file__controls__remove {
2880 width: 27px;
2881 height: 27px;
2882 cursor: pointer;
2883 align-items: center;
2884 }
2885 .elementor-control-media__file__controls__upload-button {
2886 display: flex;
2887 justify-content: center;
2888 }
2889 .elementor-control-media__file__controls__remove {
2890 border-inline-end: var(--e-a-border);
2891 }
2892 .elementor-control-media:not(.e-media-empty) .elementor-control-media__file__content__label {
2893 display: none;
2894 }
2895 .elementor-control-media.e-media-empty .elementor-control-media__file__content__info {
2896 display: none;
2897 }
2898 .elementor-control-media.e-media-empty .elementor-control-media__file__controls__remove {
2899 display: none;
2900 }
2901 .elementor-control-media .elementor-control-dynamic-switcher {
2902 border: none;
2903 border-radius: 0;
2904 background-color: rgba(0, 0, 0, 0.9);
2905 color: var(--e-a-color-white);
2906 }
2907 .elementor-control-media .elementor-control-dynamic-switcher:hover {
2908 background-color: rgba(0, 0, 0, 0.8);
2909 color: var(--e-a-color-white);
2910 }
2911 .elementor-control-media .e-control-image-size {
2912 display: flex;
2913 flex-direction: column;
2914 width: 100%;
2915 padding-block-start: 20px;
2916 }
2917 .elementor-control-media .e-control-image-size .elementor-control-input-wrapper {
2918 margin-inline-start: auto;
2919 }
2920
2921 .elementor-control-type-media.elementor-control-dynamic-value .elementor-control-input-wrapper {
2922 border: none;
2923 }
2924
2925 .elementor-control:not(.elementor-control-type-icons) .elementor-control-media__preview {
2926 background-color: var(--e-a-bg-active-bold);
2927 }
2928
2929 .elementor-control-type-popover_toggle input {
2930 display: none;
2931 }
2932 .elementor-control-type-popover_toggle label {
2933 cursor: pointer;
2934 }
2935 .elementor-control-type-popover_toggle .elementor-control-input-wrapper {
2936 display: flex;
2937 flex-direction: row-reverse;
2938 align-items: center;
2939 }
2940 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle:checked + .elementor-control-popover-toggle-toggle-label {
2941 color: var(--e-a-color-txt-active);
2942 background-color: var(--e-a-bg-active-bold);
2943 }
2944 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle:not(:checked) ~ .elementor-control-popover-toggle-reset-label {
2945 display: none;
2946 }
2947 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle-label {
2948 height: 27px;
2949 display: inline-flex;
2950 align-items: center;
2951 justify-content: center;
2952 border-radius: var(--e-a-border-radius);
2953 border: var(--e-a-border-bold);
2954 transition: var(--e-a-transition-hover);
2955 }
2956 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle-label:hover {
2957 background-color: var(--e-a-bg-hover);
2958 }
2959 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-reset-label {
2960 color: var(--e-a-color-txt-muted);
2961 margin-inline-end: 5px;
2962 }
2963 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-reset-label:hover {
2964 color: var(--e-a-color-txt);
2965 }
2966
2967 .elementor-controls-popover.e-controls-popover--typography {
2968 padding-block-start: 0;
2969 }
2970
2971 .e-control-global .elementor-control-popover-toggle-toggle-label {
2972 border-start-start-radius: 0;
2973 border-start-end-radius: var(--e-a-border-radius);
2974 border-end-start-radius: 0;
2975 border-end-end-radius: var(--e-a-border-radius);
2976 flex-shrink: 0;
2977 }
2978
2979 .elementor-control-type-repeater .elementor-control:not(.elementor-control-type-tab) {
2980 padding-inline-start: 10px;
2981 padding-inline-end: 10px;
2982 padding-block-end: 10px;
2983 }
2984 .elementor-control-type-repeater.elementor-repeater-has-minimum-rows .elementor-repeater-tool-remove {
2985 display: none;
2986 }
2987 .elementor-control-type-repeater .elementor-repeater-fields {
2988 margin: 10px 0;
2989 }
2990 .elementor-control-type-repeater .elementor-repeater-row-controls {
2991 border: var(--e-a-border-bold);
2992 border-block-start-width: 0;
2993 padding-block-start: 15px;
2994 }
2995 .elementor-control-type-repeater .elementor-repeater-row-controls:not(.editable) {
2996 display: none;
2997 }
2998 .elementor-control-type-repeater .elementor-repeater-row-tools {
2999 display: flex;
3000 align-items: center;
3001 width: 100%;
3002 border: 1px solid var(--e-a-border-color-bold);
3003 transition: var(--e-a-transition-hover);
3004 }
3005 .elementor-control-type-repeater .elementor-repeater-row-tools > button {
3006 display: flex;
3007 align-items: center;
3008 justify-content: center;
3009 height: 40px;
3010 border: none;
3011 background-color: transparent;
3012 color: currentColor;
3013 cursor: pointer;
3014 }
3015 .elementor-control-type-repeater .elementor-repeater-row-tools > button:hover, .elementor-control-type-repeater .elementor-repeater-row-tools > button:focus {
3016 background-color: var(--e-a-bg-hover);
3017 }
3018 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title {
3019 flex: 1;
3020 justify-content: flex-start;
3021 padding: 0 10px;
3022 font-size: var(--control-title-size);
3023 white-space: nowrap;
3024 text-overflow: ellipsis;
3025 overflow: hidden;
3026 }
3027 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title .eicon,
3028 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title i,
3029 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title svg {
3030 margin-inline-end: 5px;
3031 }
3032 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title img[src$=svg] {
3033 width: 1em;
3034 }
3035 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-tool {
3036 width: 40px;
3037 border-inline-start: 1px solid var(--e-a-border-color-bold);
3038 }
3039 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-handle-sortable {
3040 width: 10px;
3041 border-inline-end: 1px solid var(--e-a-border-color-bold);
3042 cursor: move;
3043 }
3044 .elementor-control-type-repeater .elementor-button-wrapper {
3045 text-align: center;
3046 padding-block-start: 5px;
3047 }
3048
3049 #elementor-controls {
3050 padding-block-start: 15px;
3051 }
3052
3053 .elementor-control-type-section {
3054 padding: 0;
3055 }
3056 .elementor-control-type-section.e-open {
3057 padding-block-end: 10px;
3058 }
3059 .elementor-control-type-section + .elementor-control:not(.elementor-control-type-section):before {
3060 display: none;
3061 }
3062 .elementor-control-type-section:not(:first-child):not(.elementor-control-type-section + .elementor-control-type-section) {
3063 margin-top: 25px;
3064 }
3065
3066 .elementor-control-type-select .elementor-control-input-wrapper {
3067 position: relative;
3068 }
3069 .elementor-control-type-select .elementor-control-input-wrapper select {
3070 -webkit-appearance: none;
3071 -moz-appearance: none;
3072 appearance: none;
3073 font-size: var(--control-title-size);
3074 font-family: inherit;
3075 font-weight: inherit;
3076 font-style: inherit;
3077 text-transform: inherit;
3078 letter-spacing: inherit;
3079 line-height: inherit;
3080 flex-basis: 100%;
3081 padding-inline-start: 5px;
3082 padding-inline-end: 20px;
3083 cursor: pointer;
3084 }
3085 .elementor-control-type-select .elementor-control-input-wrapper select.e-select-placeholder {
3086 color: var(--e-a-color-txt-disabled);
3087 }
3088 .elementor-control-type-select .elementor-control-input-wrapper option.e-option-placeholder {
3089 display: none;
3090 }
3091 .elementor-control-type-select .elementor-control-input-wrapper:after {
3092 font-family: eicons;
3093 content: "\e8ad";
3094 font-size: 12px;
3095 position: absolute;
3096 top: 50%;
3097 transform: translateY(-50%);
3098 left: 5px;
3099 pointer-events: none;
3100 }
3101 .elementor-control-type-select .elementor-control-field.elementor-control-field-select-small .elementor-control-input-wrapper {
3102 max-width: 80px;
3103 }
3104
3105 .elementor-shadow-box .elementor-shadow-slider {
3106 margin-block-start: 10px;
3107 }
3108 .elementor-shadow-box .elementor-color-picker-wrapper .elementor-control-title {
3109 flex-grow: 1;
3110 }
3111
3112 .elementor-control-type-slider.elementor-control-dynamic input {
3113 border-start-start-radius: var(--e-a-border-radius);
3114 border-start-end-radius: 0;
3115 border-end-start-radius: var(--e-a-border-radius);
3116 border-end-end-radius: 0;
3117 }
3118 .elementor-control-type-slider .elementor-control-unit-2 {
3119 width: 21%;
3120 }
3121 .elementor-control-type-slider.elementor-control-type-slider--multiple .elementor-control-input-wrapper {
3122 display: block;
3123 }
3124 .elementor-control-type-slider--multiple {
3125 padding-block-end: 40px;
3126 }
3127 .elementor-control-type-slider--multiple .elementor-slider {
3128 margin-block-start: 12px;
3129 width: 98%;
3130 }
3131 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle {
3132 border-radius: 0;
3133 width: 10px;
3134 transform: translateY(calc(50% - 14px)) translateX(-4px);
3135 }
3136 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle:after {
3137 content: "";
3138 position: absolute;
3139 top: 2px;
3140 height: 12px;
3141 width: 11px;
3142 transform: rotate(45deg);
3143 background-color: var(--e-a-color-white);
3144 border-radius: 3px;
3145 }
3146 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle-lower:after {
3147 left: 5px;
3148 box-shadow: 2px -2px 3px 0px rgba(0, 0, 0, 0.1);
3149 }
3150 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle-upper:after {
3151 right: 5px;
3152 box-shadow: -2px 2px 3px 0px rgba(0, 0, 0, 0.1);
3153 }
3154 .elementor-control-type-slider .elementor-control-dynamic-switcher {
3155 border-inline-start-width: 0;
3156 border-start-start-radius: 0;
3157 border-start-end-radius: var(--e-a-border-radius);
3158 border-end-start-radius: 0;
3159 border-end-end-radius: var(--e-a-border-radius);
3160 }
3161 .elementor-control-type-slider .elementor-control-input-wrapper {
3162 display: flex;
3163 align-items: center;
3164 }
3165 .elementor-control-type-slider .elementor-dynamic-cover {
3166 margin-block-start: 10px;
3167 }
3168 .elementor-control-type-slider.e-units-custom .elementor-slider {
3169 display: none;
3170 }
3171 .elementor-control-type-slider.e-units-custom .elementor-slider-input {
3172 width: 100%;
3173 margin: 0;
3174 transition: none;
3175 }
3176
3177 .elementor-slider {
3178 flex-grow: 1;
3179 height: 4px;
3180 background-color: var(--e-a-border-color-bold);
3181 border-radius: 5px;
3182 position: relative;
3183 cursor: pointer;
3184 }
3185 .elementor-slider-input {
3186 width: 21%;
3187 min-width: 54px;
3188 margin-inline-start: 12px;
3189 transition: width 0.3s ease-in-out;
3190 }
3191 .elementor-slider__extra {
3192 position: relative;
3193 }
3194 .elementor-slider__labels {
3195 display: flex;
3196 justify-content: space-between;
3197 }
3198 .elementor-slider__label {
3199 font-size: 9px;
3200 color: var(--e-a-color-txt-disabled);
3201 }
3202 .elementor-slider__scales {
3203 position: absolute;
3204 display: flex;
3205 justify-content: space-evenly;
3206 width: 100%;
3207 margin-block-start: 4px;
3208 }
3209 .elementor-slider__scale {
3210 width: 1px;
3211 height: 21px;
3212 background-color: var(--e-a-border-color-focus);
3213 }
3214 .elementor-slider .noUi-handle {
3215 height: 16px;
3216 width: 16px;
3217 background-color: var(--e-a-color-white);
3218 left: 0;
3219 transform: translateY(calc(50% - 14px)) translateX(-8px);
3220 position: absolute;
3221 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
3222 border-radius: 50%;
3223 }
3224 .elementor-slider .noUi-connects {
3225 position: absolute;
3226 width: 100%;
3227 height: 4px;
3228 }
3229 .elementor-slider .noUi-connect {
3230 position: absolute;
3231 z-index: 0;
3232 top: 0;
3233 left: 0;
3234 height: 100%;
3235 width: 100%;
3236 will-change: transform;
3237 transform-origin: 0 0;
3238 background-color: var(--e-a-border-color-focus);
3239 }
3240 .elementor-slider .noUi-tooltip {
3241 position: absolute;
3242 top: calc(100% + 5px);
3243 left: calc(50% - 4px);
3244 transform: translateX(-50%);
3245 font-size: 10px;
3246 }
3247
3248 .elementor-control-type-structure .elementor-control-field {
3249 display: initial;
3250 }
3251 .elementor-control-type-structure .elementor-control-structure-preset {
3252 padding: 3px;
3253 border-radius: var(--e-border-radius);
3254 display: inline-block;
3255 cursor: pointer;
3256 height: 50px;
3257 }
3258 .elementor-control-type-structure .elementor-control-structure-preset svg {
3259 height: 100%;
3260 }
3261 .elementor-control-type-structure .elementor-control-structure-preset path {
3262 fill: var(--e-a-border-color-bold);
3263 }
3264 .elementor-control-type-structure .elementor-control-structure-reset {
3265 padding: 15px 20px 0;
3266 font-size: 11px;
3267 cursor: pointer;
3268 color: var(--e-a-color-txt-muted);
3269 border-block-start: var(--e-a-border);
3270 margin: 0 -20px;
3271 }
3272 .elementor-control-type-structure .elementor-control-structure-reset:hover {
3273 color: var(--e-a-color-txt);
3274 }
3275 .elementor-control-type-structure .elementor-control-structure-title {
3276 margin: 10px -20px 0;
3277 }
3278 .elementor-control-type-structure .elementor-control-structure-title:before {
3279 height: 10px;
3280 box-shadow: inset 0 2px 4px rgba(127, 127, 127, 0.1);
3281 }
3282 .elementor-control-type-structure .elementor-control-structure-presets {
3283 display: flex;
3284 flex-wrap: wrap;
3285 justify-content: space-between;
3286 }
3287 .elementor-control-type-structure .elementor-control-structure-presets input {
3288 display: none;
3289 }
3290 .elementor-control-type-structure .elementor-control-structure-presets input:checked + .elementor-control-structure-preset path {
3291 fill: var(--e-a-border-color-focus);
3292 }
3293 .elementor-control-type-structure .elementor-control-structure-preset-wrapper {
3294 margin-block-end: 15px;
3295 }
3296 .elementor-control-type-structure .elementor-control-structure-preset-title {
3297 text-align: center;
3298 padding-block-start: 5px;
3299 font-style: italic;
3300 font-size: 11px;
3301 color: #9DA5AE;
3302 }
3303
3304 .elementor-control-type-switcher .elementor-control-input-wrapper {
3305 text-align: end;
3306 }
3307 .elementor-control-type-switcher .elementor-switch {
3308 position: relative;
3309 display: inline-block;
3310 vertical-align: top;
3311 height: 20px;
3312 background-color: var(--e-a-bg-default);
3313 border-radius: 18px;
3314 cursor: pointer;
3315 }
3316 .elementor-control-type-switcher .elementor-switch-input {
3317 display: none;
3318 }
3319 .elementor-control-type-switcher .elementor-switch-label {
3320 position: relative;
3321 display: block;
3322 height: inherit;
3323 font-size: 10px;
3324 background: var(--e-a-bg-active-bold);
3325 border-radius: inherit;
3326 transition: 0.15s ease-out;
3327 transition-property: opacity, background;
3328 }
3329 .elementor-control-type-switcher .elementor-switch-label:before, .elementor-control-type-switcher .elementor-switch-label:after {
3330 position: absolute;
3331 top: 0;
3332 width: 50%;
3333 text-align: center;
3334 line-height: 20px;
3335 transition: inherit;
3336 }
3337 .elementor-control-type-switcher .elementor-switch-label:before {
3338 content: attr(data-off);
3339 right: 5px;
3340 color: var(--e-a-color-txt-muted);
3341 }
3342 .elementor-control-type-switcher .elementor-switch-label:after {
3343 content: attr(data-on);
3344 left: 5px;
3345 color: var(--e-a-btn-color);
3346 opacity: 0;
3347 }
3348 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label {
3349 background: var(--e-a-btn-bg-primary);
3350 }
3351 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label:before {
3352 opacity: 0;
3353 }
3354 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label:after {
3355 opacity: 1;
3356 }
3357 .elementor-control-type-switcher .elementor-switch-handle {
3358 position: absolute;
3359 top: 1px;
3360 left: 1px;
3361 width: 18px;
3362 height: 18px;
3363 background: white;
3364 border-radius: 10px;
3365 transition: left 0.15s ease-out;
3366 }
3367 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-handle {
3368 left: initial;
3369 right: 1px;
3370 }
3371
3372 .elementor-control-type-tabs {
3373 display: flex;
3374 font-size: var(--control-title-size);
3375 }
3376
3377 .elementor-control-type-tab {
3378 text-align: center;
3379 width: 100%;
3380 padding: 0;
3381 line-height: 25px;
3382 border-top: var(--e-a-border-bold);
3383 border-bottom: var(--e-a-border-bold);
3384 border-inline-end: var(--e-a-border-bold);
3385 transition: var(--e-a-transition-hover);
3386 cursor: pointer;
3387 }
3388 .elementor-control-type-tab:first-child {
3389 border-inline-start: var(--e-a-border-bold);
3390 border-start-start-radius: var(--e-a-border-radius);
3391 border-end-start-radius: var(--e-a-border-radius);
3392 }
3393 .elementor-control-type-tab:last-child {
3394 border-start-end-radius: var(--e-a-border-radius);
3395 border-end-end-radius: var(--e-a-border-radius);
3396 }
3397 .elementor-control-type-tab:hover {
3398 background-color: var(--e-a-bg-hover);
3399 }
3400 .elementor-control-type-tab.e-tab-active {
3401 background-color: var(--e-a-bg-active-bold);
3402 color: var(--e-a-color-txt-accent);
3403 }
3404
3405 .e-tab-close {
3406 display: none !important;
3407 }
3408
3409 .elementor-control-type-textarea .elementor-control-dynamic-switcher,
3410 .elementor-control-type-code .elementor-control-dynamic-switcher {
3411 border-inline-start-width: 1px;
3412 border-start-start-radius: 0;
3413 border-start-end-radius: 0;
3414 border-end-end-radius: 0;
3415 border-end-start-radius: var(--e-a-border-radius);
3416 }
3417 .elementor-control-type-textarea:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher,
3418 .elementor-control-type-code:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher {
3419 position: absolute;
3420 top: 0;
3421 z-index: 1;
3422 left: 0;
3423 }
3424 .elementor-control-type-textarea .elementor-control-input-wrapper,
3425 .elementor-control-type-code .elementor-control-input-wrapper {
3426 position: relative;
3427 }
3428 .elementor-control-type-textarea textarea,
3429 .elementor-control-type-code textarea {
3430 display: block;
3431 font-family: inherit;
3432 }
3433 .elementor-control-type-textarea textarea:focus + .elementor-control-dynamic-switcher,
3434 .elementor-control-type-code textarea:focus + .elementor-control-dynamic-switcher {
3435 display: none;
3436 }
3437 .elementor-control-type-textarea pre:focus-within + .elementor-control-dynamic-switcher,
3438 .elementor-control-type-code pre:focus-within + .elementor-control-dynamic-switcher {
3439 display: none;
3440 }
3441
3442 .elementor-control-type-url .elementor-control-field {
3443 position: relative;
3444 }
3445 .elementor-control-type-url .elementor-control-input-wrapper {
3446 display: flex;
3447 }
3448 .elementor-control-type-url.elementor-control-dynamic .elementor-control-url-more-options input {
3449 border-radius: var(--e-a-border-radius);
3450 }
3451 .elementor-control-type-url.elementor-control-dynamic-value .e-input-style {
3452 border-start-end-radius: 0;
3453 border-end-end-radius: 0;
3454 }
3455 .elementor-control-type-url.elementor-control-dynamic-value .elementor-control-url-more {
3456 border-start-end-radius: var(--e-a-border-radius);
3457 border-end-end-radius: var(--e-a-border-radius);
3458 }
3459 .elementor-control-type-url .elementor-control-url-more {
3460 display: flex;
3461 align-items: center;
3462 justify-content: center;
3463 flex-shrink: 0;
3464 border: var(--e-a-border-bold);
3465 color: currentColor;
3466 background-color: transparent;
3467 border-inline-start-width: 0;
3468 cursor: pointer;
3469 }
3470 .elementor-control-type-url .elementor-control-url-more i {
3471 font-size: 12px;
3472 }
3473 .elementor-control-type-url .elementor-control-url-more-options {
3474 display: none;
3475 padding-block-start: 10px;
3476 }
3477 .elementor-control-type-url .elementor-control-url-more-options .elementor-control-field-description {
3478 margin-block-start: 10px;
3479 }
3480 .elementor-control-type-url .elementor-control-url-more:hover {
3481 color: var(--e-a-color-txt-hover);
3482 }
3483 .elementor-control-type-url .elementor-control-url-more:focus {
3484 color: var(--e-a-color-txt-active);
3485 border-color: var(--e-a-border-color-focus);
3486 }
3487 .elementor-control-type-url .elementor-control-url-option {
3488 display: flex;
3489 align-items: center;
3490 }
3491 .elementor-control-type-url .elementor-control-url-option:not(:last-child) {
3492 padding-block-end: 10px;
3493 }
3494 .elementor-control-type-url .elementor-control-url-option input,
3495 .elementor-control-type-url .elementor-control-url-option label {
3496 cursor: pointer;
3497 }
3498 .elementor-control-type-url .elementor-control-url-autocomplete-spinner {
3499 display: none;
3500 position: absolute;
3501 top: 5px;
3502 right: 0;
3503 width: 10px;
3504 height: 10px;
3505 font-size: 10px;
3506 color: var(--e-a-color-txt-disabled);
3507 }
3508 .elementor-control-type-url .elementor-control-url__custom-attributes label {
3509 font-size: var(--control-title-size);
3510 }
3511 .elementor-control-type-url .elementor-control-url__custom-attributes input {
3512 width: 100%;
3513 margin-block-start: 10px;
3514 }
3515 .elementor-control-type-url .elementor-input:focus ~ div {
3516 border-color: var(--e-a-border-color-focus);
3517 }
3518
3519 .elementor-autocomplete-menu {
3520 position: absolute;
3521 background: var(--e-a-bg-default);
3522 border: var(--e-a-border);
3523 margin: 0;
3524 list-style: none;
3525 padding: 4px 0;
3526 height: auto;
3527 width: 100%;
3528 min-width: 260px;
3529 max-width: 300px;
3530 max-height: 200px;
3531 overflow-y: auto;
3532 border-radius: 3px;
3533 transition: var(--e-a-transition-hover);
3534 cursor: default;
3535 z-index: 1;
3536 }
3537 .elementor-autocomplete-menu .ui-menu-item {
3538 display: flex;
3539 justify-content: space-between;
3540 align-self: baseline;
3541 padding: 5px 8px;
3542 font-size: 12px;
3543 width: 100%;
3544 line-height: 1.2;
3545 cursor: pointer;
3546 }
3547 .elementor-autocomplete-menu .ui-menu-item.ui-state-hover, .elementor-autocomplete-menu .ui-menu-item.ui-state-active, .elementor-autocomplete-menu .ui-menu-item.ui-state-focus {
3548 background: var(--e-a-bg-hover);
3549 }
3550 .elementor-autocomplete-menu .elementor-autocomplete-item-info {
3551 font-size: 10px;
3552 padding-block-start: 2px;
3553 }
3554
3555 .elementor-control-type-wp_widget .widget-inside {
3556 line-height: 2;
3557 background-color: inherit;
3558 display: block;
3559 }
3560 .elementor-control-type-wp_widget .quicktags-toolbar input {
3561 width: auto;
3562 }
3563
3564 .elementor-control-type-wysiwyg * {
3565 box-sizing: content-box;
3566 }
3567 .elementor-control-type-wysiwyg .wp-editor-container {
3568 border: var(--e-a-border);
3569 }
3570 .elementor-control-type-wysiwyg .wp-editor-tabs {
3571 border: var(--e-a-border-bold);
3572 border-block-end: none;
3573 border-start-start-radius: var(--e-a-border-radius);
3574 border-start-end-radius: var(--e-a-border-radius);
3575 border-end-end-radius: 0;
3576 border-end-start-radius: 0;
3577 }
3578 .elementor-control-type-wysiwyg .wp-editor-tabs button:hover {
3579 background-color: var(--e-a-bg-hover);
3580 }
3581 .elementor-control-type-wysiwyg #insert-media-button {
3582 height: initial;
3583 line-height: 24px;
3584 font-size: 10px;
3585 color: var(--e-a-color-txt);
3586 border-color: var(--e-a-border-color-bold);
3587 background-color: var(--e-a-bg-default);
3588 min-height: initial;
3589 }
3590 .elementor-control-type-wysiwyg .ed_button {
3591 height: 22px;
3592 width: initial;
3593 }
3594 .elementor-control-type-wysiwyg .wp-media-buttons-icon {
3595 height: 14px;
3596 margin: 0;
3597 }
3598 .elementor-control-type-wysiwyg .wp-media-buttons-icon:before {
3599 font-size: 14px;
3600 }
3601 .elementor-control-type-wysiwyg .wp-switch-editor {
3602 position: static;
3603 border: none;
3604 margin: 0;
3605 color: var(--e-a-color-txt);
3606 font-size: 10px;
3607 padding: 3px 9px 4px;
3608 }
3609 .elementor-control-type-wysiwyg .switch-html {
3610 border: solid var(--e-a-border-color-bold);
3611 border-width: 0 1px;
3612 }
3613 .elementor-control-type-wysiwyg .html-active .switch-tmce {
3614 background-color: transparent;
3615 }
3616 .elementor-control-type-wysiwyg .html-active .switch-html {
3617 background-color: var(--e-a-bg-active);
3618 }
3619 .elementor-control-type-wysiwyg .tmce-active .switch-tmce {
3620 background-color: var(--e-a-bg-active);
3621 }
3622 .elementor-control-type-wysiwyg .tmce-active .switch-html {
3623 background-color: transparent;
3624 }
3625 .elementor-control-type-wysiwyg .mce-toolbar-grp,
3626 .elementor-control-type-wysiwyg .quicktags-toolbar {
3627 background-color: var(--e-a-bg-default);
3628 }
3629 .elementor-control-type-wysiwyg .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
3630 background-color: var(--e-a-bg-default);
3631 }
3632 .elementor-control-type-wysiwyg .mce-toolbar .mce-btn-group .mce-btn.mce-listbox button {
3633 color: var(--e-a-color-txt);
3634 }
3635 .elementor-control-type-wysiwyg .mce-toolbar-grp > div {
3636 padding: 0 3px;
3637 }
3638 .elementor-control-type-wysiwyg .elementor-wp-editor {
3639 box-sizing: border-box;
3640 }
3641 .elementor-control-type-wysiwyg .mce-ico {
3642 color: var(--e-a-color-txt);
3643 font-size: 16px;
3644 }
3645 .elementor-control-type-wysiwyg .mce-btn-group .mce-btn:hover, .elementor-control-type-wysiwyg .mce-btn-group .mce-btn:active, .elementor-control-type-wysiwyg .mce-btn-group .mce-btn.mce-active {
3646 color: var(--e-a-color-txt-active);
3647 }
3648 .elementor-control-type-wysiwyg .mce-btn-group .mce-btn:hover i, .elementor-control-type-wysiwyg .mce-btn-group .mce-btn:active i, .elementor-control-type-wysiwyg .mce-btn-group .mce-btn.mce-active i {
3649 color: var(--e-a-color-txt-active);
3650 }
3651 .elementor-control-type-wysiwyg .mce-path {
3652 padding: 5px 10px;
3653 }
3654 .elementor-control-type-wysiwyg .mce-path-item {
3655 font-size: 12px;
3656 color: var(--e-a-color-txt);
3657 }
3658 .elementor-control-type-wysiwyg .mce-top-part:before {
3659 box-shadow: none;
3660 }
3661 .elementor-control-type-wysiwyg .elementor-control-dynamic-switcher {
3662 border: none;
3663 }
3664
3665 #elementor-mode-switcher {
3666 --e-a-mode-switcher-width: 15px;
3667 --e-a-mode-switcher-height: 50px;
3668 --e-a-mode-switcher-icon-size: 15px;
3669 position: absolute;
3670 right: 100%;
3671 top: 50%;
3672 transform: translateY(-50%);
3673 background-color: var(--e-a-bg-default);
3674 box-shadow: -3px 1px 3px rgba(0, 0, 0, 0.05);
3675 }
3676 #elementor-mode-switcher:hover {
3677 background-color: var(--e-a-bg-hover);
3678 }
3679 #elementor-mode-switcher:focus-within {
3680 background-color: var(--e-a-bg-active);
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 left: 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 direction: ltr;
4133 }
4134 #elementor-preview > div {
4135 direction: rtl;
4136 }
4137
4138 #elementor-preview-responsive-wrapper {
4139 transform-origin: top center;
4140 padding: 20px;
4141 transform: scale(var(--e-preview-scale, 1));
4142 }
4143 .elementor-device-desktop #elementor-preview-responsive-wrapper {
4144 min-width: 1025px;
4145 width: 100%;
4146 height: 100%;
4147 padding: 0;
4148 position: relative;
4149 }
4150 body.e-is-device-mode:not(.elementor-device-desktop) #elementor-preview-responsive-wrapper {
4151 width: var(--e-editor-preview-width);
4152 height: var(--e-editor-preview-height);
4153 margin: 0 max((100vw - var(--e-editor-panel-width) - var(--e-editor-preview-width)) / 2, 20px);
4154 box-sizing: content-box;
4155 position: relative;
4156 max-height: calc(100vh - 80px);
4157 }
4158 body.e-is-device-mode:not(.elementor-device-desktop) #elementor-preview-responsive-wrapper .ui-resizable-handle {
4159 display: flex !important;
4160 }
4161 #elementor-preview-responsive-wrapper:not(.ui-resizable-resizing) {
4162 transition: 0.3s ease-in-out;
4163 }
4164 #elementor-preview-responsive-wrapper .ui-resizable-handle {
4165 top: 0;
4166 }
4167 #elementor-preview-responsive-wrapper .ui-resizable-handle.ui-resizable-s {
4168 top: auto;
4169 bottom: 0;
4170 }
4171 #elementor-preview-responsive-wrapper .ui-resizable-n, #elementor-preview-responsive-wrapper .ui-resizable-s {
4172 align-items: center;
4173 justify-content: center;
4174 height: 20px;
4175 }
4176 #elementor-preview-responsive-wrapper .ui-resizable-n:before, #elementor-preview-responsive-wrapper .ui-resizable-s:before {
4177 content: "";
4178 display: block;
4179 background-color: rgba(255, 255, 255, 0.2);
4180 width: 50px;
4181 height: 4px;
4182 border-radius: 3px;
4183 transition: all 0.2s ease-in-out;
4184 }
4185 #elementor-preview-responsive-wrapper .ui-resizable-n:hover:before, #elementor-preview-responsive-wrapper .ui-resizable-s:hover:before {
4186 background-color: rgba(255, 255, 255, 0.6);
4187 width: 100px;
4188 }
4189 #elementor-preview-responsive-wrapper .ui-resizable-e,
4190 #elementor-preview-responsive-wrapper .ui-resizable-w {
4191 align-items: center;
4192 justify-content: center;
4193 width: 20px;
4194 }
4195 #elementor-preview-responsive-wrapper .ui-resizable-e:before,
4196 #elementor-preview-responsive-wrapper .ui-resizable-w:before {
4197 content: "";
4198 display: block;
4199 background-color: rgba(255, 255, 255, 0.2);
4200 width: 4px;
4201 height: 50px;
4202 border-radius: 3px;
4203 transition: all 0.2s ease-in-out;
4204 }
4205 #elementor-preview-responsive-wrapper .ui-resizable-e:hover:before,
4206 #elementor-preview-responsive-wrapper .ui-resizable-w:hover:before {
4207 background-color: rgba(255, 255, 255, 0.6);
4208 height: 100px;
4209 }
4210 #elementor-preview-responsive-wrapper.ui-resizable-resizing .ui-resizable-handle:before {
4211 background-color: rgba(255, 255, 255, 0.9);
4212 }
4213 #elementor-preview-responsive-wrapper .ui-resizable-s {
4214 bottom: 0;
4215 }
4216 #elementor-preview-responsive-wrapper .ui-resizable-e {
4217 right: 0;
4218 }
4219 #elementor-preview-responsive-wrapper .ui-resizable-w {
4220 left: 0;
4221 }
4222
4223 #elementor-preview-iframe {
4224 width: 100%;
4225 height: 100%;
4226 background-color: #fff;
4227 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.15);
4228 }
4229
4230 #elementor-template-library-modal a.elementor-template-library-blank-footer-link {
4231 font-style: normal;
4232 text-decoration: underline;
4233 }
4234 #elementor-template-library-modal .dialog-buttons-wrapper {
4235 display: none;
4236 }
4237 #elementor-template-library-modal .select2-container {
4238 z-index: 0;
4239 }
4240 #elementor-template-library-modal .dialog-message {
4241 overflow-y: scroll;
4242 }
4243
4244 #elementor-template-library-header-menu {
4245 text-align: center;
4246 }
4247
4248 .elementor-template-library-menu-item {
4249 display: inline-block;
4250 padding: 17px 20px;
4251 border-block-end: 3px solid transparent;
4252 cursor: pointer;
4253 }
4254 .elementor-template-library-menu-item:hover {
4255 background-color: var(--e-a-bg-hover);
4256 border-color: var(--e-a-bg-hover);
4257 }
4258 .elementor-template-library-menu-item.elementor-active {
4259 border-color: var(--e-a-border-color-accent);
4260 color: var(--e-a-color-txt-accent);
4261 }
4262
4263 #elementor-template-library-header-actions {
4264 display: flex;
4265 }
4266 #elementor-template-library-header-actions > div {
4267 padding-inline-end: 16px;
4268 }
4269
4270 #elementor-template-library-header-preview-insert-wrapper {
4271 cursor: default;
4272 padding: 0 10px;
4273 }
4274
4275 #elementor-template-library-header-preview-back {
4276 padding-block: 16.5px 15px;
4277 padding-inline: 0 16.5px;
4278 border-inline-end: var(--e-a-border);
4279 cursor: pointer;
4280 transition: color 0.5s;
4281 }
4282 #elementor-template-library-header-preview-back:hover {
4283 color: var(--e-a-color-txt-hover);
4284 }
4285 #elementor-template-library-header-preview-back i {
4286 padding-inline-end: 10px;
4287 font-size: 18px;
4288 }
4289 #elementor-template-library-header-preview-back i:before {
4290 content: "\e87d";
4291 }
4292
4293 #elementor-template-library-templates[data-template-source=local] #elementor-template-library-templates-container {
4294 margin-block-start: 10px;
4295 margin-block-end: 45px;
4296 border-block-start: var(--e-a-border);
4297 }
4298 #elementor-template-library-templates[data-template-source=local] .elementor-template-library-order-input:checked + .elementor-template-library-order-label {
4299 color: var(--e-a-color-txt-active);
4300 }
4301 #elementor-template-library-templates[data-template-source=remote] #elementor-template-library-templates-container {
4302 margin: 10px -15px 0;
4303 }
4304 #elementor-template-library-templates[data-template-source=remote] .elementor-template-library-order-input:checked + .elementor-template-library-order-label {
4305 color: var(--e-a-color-txt-active);
4306 }
4307 #elementor-template-library-templates[data-template-source=empty] #elementor-template-library-order-toolbar-local,
4308 #elementor-template-library-templates[data-template-source=empty] #elementor-template-library-footer-banner {
4309 display: none;
4310 }
4311 #elementor-template-library-templates.elementor-templates-filter-active #elementor-template-library-footer-banner {
4312 display: none;
4313 }
4314 #elementor-template-library-templates .elementor-template-library-order-input {
4315 display: none;
4316 }
4317 #elementor-template-library-templates .elementor-template-library-order-input:checked + .elementor-template-library-order-label {
4318 padding-inline-end: 8px;
4319 }
4320 #elementor-template-library-templates .elementor-template-library-order-input:checked + .elementor-template-library-order-label:after {
4321 font-family: eicons;
4322 content: "\e8ae";
4323 margin-inline-start: 3px;
4324 }
4325 #elementor-template-library-templates .elementor-template-library-order-input:checked.elementor-template-library-order-reverse + .elementor-template-library-order-label:after {
4326 content: "\e8ad";
4327 }
4328
4329 #elementor-template-library-templates-container {
4330 display: flex;
4331 flex-wrap: wrap;
4332 align-items: flex-start;
4333 }
4334
4335 #elementor-template-library-toolbar {
4336 display: flex;
4337 justify-content: space-between;
4338 align-items: center;
4339 }
4340
4341 .elementor-template-library-filter-toolbar {
4342 display: flex;
4343 align-items: center;
4344 }
4345
4346 #elementor-template-library-filter-toolbar-remote {
4347 font-size: 11px;
4348 }
4349
4350 #elementor-template-library-order {
4351 display: flex;
4352 border-inline-end: var(--e-a-border);
4353 }
4354
4355 .elementor-template-library-order-label {
4356 text-transform: uppercase;
4357 padding-inline-end: 22px;
4358 -webkit-user-select: none;
4359 -moz-user-select: none;
4360 user-select: none;
4361 }
4362
4363 label.elementor-template-library-order-label {
4364 cursor: pointer;
4365 }
4366 label.elementor-template-library-order-label:hover {
4367 color: var(--e-a-color-txt-hover);
4368 }
4369
4370 #elementor-template-library-filter .select2 {
4371 text-align: start;
4372 width: calc(27px * 5) !important;
4373 }
4374 #elementor-template-library-filter .select2-selection__rendered {
4375 text-transform: capitalize;
4376 }
4377
4378 #select2-elementor-template-library-filter-subtype-results .select2-results__option {
4379 text-transform: capitalize;
4380 text-align: start;
4381 padding-inline-start: 5px;
4382 }
4383
4384 #elementor-template-library-my-favorites {
4385 flex-grow: 1;
4386 text-align: start;
4387 padding-inline-start: 20px;
4388 }
4389
4390 #elementor-template-library-filter-my-favorites {
4391 display: none;
4392 }
4393 #elementor-template-library-filter-my-favorites:checked + #elementor-template-library-filter-my-favorites-label {
4394 color: var(--e-a-color-txt-active);
4395 }
4396 #elementor-template-library-filter-my-favorites:checked + #elementor-template-library-filter-my-favorites-label i:after {
4397 color: var(--e-a-color-primary-bold);
4398 content: "\e93f";
4399 }
4400
4401 #elementor-template-library-filter-my-favorites-label {
4402 cursor: pointer;
4403 text-transform: uppercase;
4404 }
4405 #elementor-template-library-filter-my-favorites-label:hover {
4406 color: var(--e-a-color-txt-hover);
4407 }
4408 #elementor-template-library-filter-my-favorites-label:hover i:after {
4409 color: var(--e-a-color-primary-bold);
4410 }
4411 #elementor-template-library-filter-my-favorites-label i {
4412 padding-inline-end: 5px;
4413 }
4414 #elementor-template-library-filter-my-favorites-label i:after {
4415 content: "\e923";
4416 }
4417
4418 #elementor-template-library-filter-text-wrapper {
4419 width: 200px;
4420 position: relative;
4421 }
4422 #elementor-template-library-filter-text-wrapper i {
4423 position: absolute;
4424 top: 50%;
4425 left: 0;
4426 transform: translateY(-50%);
4427 }
4428
4429 #elementor-template-library-filter-text {
4430 border: none;
4431 border-block-end: var(--e-a-border-bold);
4432 border-radius: 0;
4433 font-size: 11px;
4434 padding: 8px 15px 8px 0;
4435 transition: border 0.5s;
4436 }
4437 #elementor-template-library-filter-text:focus {
4438 border-color: var(--e-a-border-color-focus);
4439 }
4440 #elementor-template-library-filter-text::-moz-placeholder {
4441 font-weight: 300;
4442 text-transform: uppercase;
4443 }
4444 #elementor-template-library-filter-text::placeholder {
4445 font-weight: 300;
4446 text-transform: uppercase;
4447 }
4448
4449 .elementor-template-library-template-remote {
4450 margin: calc( 30px / 2 );
4451 padding: 8px;
4452 border: var(--e-a-border);
4453 border-radius: 3px;
4454 }
4455 .elementor-template-library-template-remote:hover {
4456 background-color: var(--e-a-bg-hover);
4457 }
4458 .elementor-template-library-template-remote:hover .elementor-template-library-template-name {
4459 display: none;
4460 }
4461 .elementor-template-library-template-remote:not(:hover) .elementor-template-library-template-preview {
4462 opacity: 0;
4463 }
4464 .elementor-template-library-template-remote:not(:hover) .elementor-template-library-favorite,
4465 .elementor-template-library-template-remote:not(:hover) .elementor-template-library-template-action {
4466 display: none;
4467 }
4468 .elementor-template-library-template-remote.elementor-template-library-pro-template .elementor-template-library-template-body:before {
4469 content: var(--elementor-template-library-subscription-plan-label);
4470 background-color: var(--e-a-color-accent);
4471 color: var(--e-a-color-white);
4472 position: absolute;
4473 text-transform: uppercase;
4474 line-height: 1;
4475 top: 5px;
4476 left: 5px;
4477 padding: 3px 5px;
4478 font-size: 8px;
4479 border-radius: 2px;
4480 }
4481 .elementor-template-library-template-remote:not(.elementor-template-library-template-page):not(.elementor-template-library-template-lp) {
4482 position: relative;
4483 width: calc(33.333% - 30px);
4484 overflow: hidden;
4485 }
4486 .elementor-template-library-template-remote:not(.elementor-template-library-template-page):not(.elementor-template-library-template-lp) img {
4487 display: block;
4488 width: 100%;
4489 }
4490 .elementor-template-library-template-remote:not(.elementor-template-library-template-page):not(.elementor-template-library-template-lp) .elementor-template-library-template-footer {
4491 position: absolute;
4492 width: 100%;
4493 bottom: 0;
4494 right: 0;
4495 padding: 10px;
4496 background-color: var(--e-a-bg-default);
4497 transition: transform 0.5s;
4498 }
4499 .elementor-template-library-template-remote:not(.elementor-template-library-template-page):not(.elementor-template-library-template-lp) .elementor-template-library-template-name {
4500 display: none;
4501 }
4502 .elementor-template-library-template-remote:not(.elementor-template-library-template-page):not(.elementor-template-library-template-lp):not(:hover) .elementor-template-library-template-footer {
4503 transform: translateY(100%);
4504 }
4505 .elementor-template-library-template-remote .elementor-template-library-template-body {
4506 position: relative;
4507 }
4508 @media (max-width: 1025px) {
4509 .elementor-template-library-template-remote .elementor-template-library-template-body {
4510 height: 300px;
4511 }
4512 }
4513 .elementor-template-library-template-remote .elementor-template-library-template-screenshot {
4514 height: 100%;
4515 background-size: cover;
4516 background-position-x: 50%;
4517 box-shadow: inset 0px -2px 15px -6px rgba(0, 0, 0, 0.07);
4518 }
4519 .elementor-template-library-template-remote .elementor-template-library-template-preview {
4520 position: absolute;
4521 top: 0;
4522 left: 0;
4523 width: 100%;
4524 height: 100%;
4525 background-color: rgba(0, 0, 0, 0.5);
4526 transition: opacity 0.5s;
4527 cursor: pointer;
4528 }
4529 .elementor-template-library-template-remote .elementor-template-library-template-preview i {
4530 font-size: 20px;
4531 position: absolute;
4532 top: 50%;
4533 left: 50%;
4534 transform: translate(-50%, -50%);
4535 }
4536 .elementor-template-library-template-remote .elementor-template-library-template-footer {
4537 display: flex;
4538 justify-content: space-between;
4539 font-size: 11px;
4540 line-height: 1;
4541 height: 40px;
4542 align-items: center;
4543 }
4544 .elementor-template-library-template-remote .elementor-template-library-template-name {
4545 text-align: start;
4546 flex-grow: 1;
4547 white-space: nowrap;
4548 text-overflow: ellipsis;
4549 overflow: hidden;
4550 padding-inline-end: 5px;
4551 }
4552 .elementor-template-library-template-remote .elementor-template-library-template-favorite-input {
4553 display: none;
4554 }
4555 .elementor-template-library-template-remote .elementor-template-library-template-favorite-input:checked + .elementor-template-library-template-favorite-label i:before {
4556 content: "\e93f";
4557 color: var(--e-a-color-primary-bold);
4558 }
4559 .elementor-template-library-template-remote .elementor-template-library-template-favorite-label {
4560 font-size: 15px;
4561 cursor: pointer;
4562 }
4563 .elementor-template-library-template-remote .elementor-template-library-template-favorite-label:hover i {
4564 color: var(--e-a-color-primary-bold);
4565 }
4566
4567 @media (max-width: 1439px) {
4568 .elementor-template-library-template-page,
4569 .elementor-template-library-template-lp {
4570 width: calc(25% - 30px);
4571 }
4572 }
4573 @media (min-width: 1440px) {
4574 .elementor-template-library-template-page,
4575 .elementor-template-library-template-lp {
4576 width: calc(20% - 30px);
4577 }
4578 }
4579 @media (max-width: 1025px) {
4580 .elementor-template-library-template-page,
4581 .elementor-template-library-template-lp {
4582 width: calc(33.333% - 30px);
4583 }
4584 }
4585 .elementor-template-library-template-page .elementor-template-library-template-body,
4586 .elementor-template-library-template-lp .elementor-template-library-template-body {
4587 height: 200px;
4588 }
4589
4590 #elementor-template-library-order-toolbar-local,
4591 .elementor-template-library-template-local {
4592 display: flex;
4593 align-items: center;
4594 padding: 0 25px;
4595 text-align: start;
4596 }
4597
4598 #elementor-template-library-order-toolbar-local {
4599 margin-block-start: 30px;
4600 }
4601 #elementor-template-library-order-toolbar-local .elementor-template-library-order-label {
4602 line-height: 1;
4603 font-size: 10px;
4604 font-weight: 500;
4605 }
4606
4607 .elementor-template-library-template-local {
4608 height: 50px;
4609 width: 100%;
4610 margin-block-start: 1px;
4611 transition: background-color 0.3s linear;
4612 }
4613 .elementor-template-library-template-local:hover {
4614 background-color: var(--e-a-bg-hover);
4615 }
4616 .elementor-template-library-template-local:first-child {
4617 border-start-start-radius: 3px;
4618 border-start-end-radius: 3px;
4619 border-end-start-radius: 0;
4620 border-end-end-radius: 0;
4621 }
4622 .elementor-template-library-template-local:last-child {
4623 border-start-start-radius: 0;
4624 border-start-end-radius: 0;
4625 border-end-start-radius: 3px;
4626 border-end-end-radius: 3px;
4627 }
4628 .elementor-template-library-template-local .elementor-template-library-template-name {
4629 font-weight: 500;
4630 }
4631 .elementor-template-library-template-local .elementor-template-library-template-name,
4632 .elementor-template-library-template-local .elementor-template-library-template-meta {
4633 padding-inline-end: 20px;
4634 }
4635 .elementor-template-library-template-local .elementor-template-library-template-name,
4636 .elementor-template-library-template-local .elementor-template-library-template-meta,
4637 .elementor-template-library-template-local .elementor-template-library-template-preview,
4638 .elementor-template-library-template-local .elementor-template-library-template-action {
4639 white-space: nowrap;
4640 text-overflow: ellipsis;
4641 overflow: hidden;
4642 }
4643 .elementor-template-library-template-local .elementor-template-library-template-controls {
4644 position: relative;
4645 display: flex;
4646 align-items: center;
4647 }
4648 .elementor-template-library-template-local .elementor-template-library-template-controls > div {
4649 cursor: pointer;
4650 transition: color 0.5s;
4651 }
4652 .elementor-template-library-template-local .elementor-template-library-template-insert i {
4653 margin-inline-end: 3px;
4654 }
4655 .elementor-template-library-template-local .elementor-template-library-template-control-title {
4656 margin-inline-start: 6px;
4657 }
4658 .elementor-template-library-template-local .elementor-template-library-template-more .elementor-template-library-template-delete:hover {
4659 color: var(--e-a-color-danger);
4660 }
4661 .elementor-template-library-template-local .elementor-template-library-template-more {
4662 display: none;
4663 position: absolute;
4664 background-color: var(--e-a-bg-default);
4665 padding: 3px 20px;
4666 border-radius: var(--e-a-border-radius);
4667 box-shadow: 1px 3px 11px rgba(0, 0, 0, 0.3);
4668 top: 100%;
4669 left: 0;
4670 transform: translateX(-65%) translateY(-7px);
4671 z-index: 1;
4672 }
4673 .elementor-template-library-template-local .elementor-template-library-template-more:before {
4674 content: "";
4675 position: absolute;
4676 border: solid transparent;
4677 border-width: 8px 4px;
4678 border-block-end-color: var(--e-a-color-white);
4679 transform: translateY(-100%);
4680 }
4681 .elementor-template-library-template-local .elementor-template-library-template-more > div {
4682 margin: 10px 0;
4683 font-size: 11px;
4684 }
4685 .elementor-template-library-template-local .elementor-template-library-template-more a {
4686 color: var(--e-a-color-txt);
4687 }
4688 .elementor-template-library-template-local .elementor-template-library-template-more-toggle {
4689 flex-grow: 1;
4690 text-align: end;
4691 }
4692 .elementor-template-library-template-local .elementor-template-library-template-more-toggle i {
4693 font-size: 16px;
4694 }
4695
4696 #elementor-template-library-preview {
4697 height: 100%;
4698 overflow: hidden;
4699 }
4700 #elementor-template-library-preview iframe {
4701 height: 150%;
4702 transform: scale(0.666) translateX(25%) translateY(-25%);
4703 }
4704 @media (max-width: 1439px) {
4705 #elementor-template-library-preview iframe {
4706 width: 1440px;
4707 }
4708 }
4709 @media (min-width: 1440px) {
4710 #elementor-template-library-preview iframe {
4711 width: 1730px;
4712 }
4713 }
4714
4715 .elementor-template-library-blank-icon {
4716 font-size: 64px;
4717 margin-block-start: 45px;
4718 line-height: 1;
4719 }
4720 .elementor-template-library-blank-icon img {
4721 width: 70px;
4722 }
4723 .elementor-template-library-blank-icon .elementor-template-library-no-results {
4724 width: 200px;
4725 }
4726
4727 .elementor-template-library-blank-title {
4728 font-size: 30px;
4729 margin-block-start: 20px;
4730 }
4731 @media (max-width: 1439px) {
4732 .elementor-template-library-blank-title {
4733 font-size: 25px;
4734 }
4735 }
4736
4737 .elementor-template-library-blank-message {
4738 font-size: 18px;
4739 margin-block-start: 15px;
4740 font-weight: 300;
4741 }
4742 @media (max-width: 1439px) {
4743 .elementor-template-library-blank-message {
4744 font-size: 16px;
4745 margin-block-start: 10px;
4746 }
4747 }
4748
4749 #elementor-template-library-save-template-form {
4750 margin-block-start: 40px;
4751 display: flex;
4752 align-items: center;
4753 justify-content: center;
4754 }
4755 #elementor-template-library-save-template-form > * {
4756 height: 55px;
4757 font-size: 16px;
4758 }
4759
4760 #elementor-template-library-save-template-name {
4761 width: 500px;
4762 padding-inline-start: 25px;
4763 border-start-start-radius: 3px;
4764 border-start-end-radius: 0;
4765 border-end-start-radius: 3px;
4766 border-end-end-radius: 0;
4767 }
4768
4769 #elementor-template-library-save-template-submit {
4770 width: 150px;
4771 border-start-start-radius: 0;
4772 border-start-end-radius: 3px;
4773 border-end-start-radius: 0;
4774 border-end-end-radius: 3px;
4775 }
4776
4777 #elementor-template-library-import-form {
4778 width: 95%;
4779 padding: 60px;
4780 border: 2px dashed var(--e-a-border-color-bold);
4781 margin: 35px auto;
4782 transition: var(--e-a-transition-hover);
4783 }
4784 #elementor-template-library-import-form-or {
4785 margin-block-start: 15px;
4786 font-size: 18px;
4787 }
4788 #elementor-template-library-import-form-label {
4789 margin-block-start: 20px;
4790 padding: 15px 35px;
4791 display: inline-block;
4792 }
4793 #elementor-template-library-import-form-input {
4794 display: none;
4795 }
4796 #elementor-template-library-import-form.elementor-drag-over {
4797 border-color: var(--e-a-color-primary);
4798 }
4799 #elementor-template-library-import .elementor-template-library-blank-icon {
4800 margin-block-start: 0;
4801 }
4802 #elementor-template-library-import .elementor-template-library-blank-message {
4803 margin-block-start: 20px;
4804 }
4805
4806 .e-route-library-connect #elementor-template-library-modal .dialog-message {
4807 max-height: 95vh;
4808 padding: 100px 0 0;
4809 min-height: 550px;
4810 }
4811
4812 #elementor-template-library-connect-logo {
4813 font-size: 20px;
4814 }
4815 #elementor-template-library-connect__button {
4816 display: inline-block;
4817 position: relative;
4818 z-index: 1;
4819 margin-block-start: 25px;
4820 padding: 12px 24px;
4821 font-size: 14px;
4822 }
4823 #elementor-template-library-connect__background-image-left-1 {
4824 right: 22.4%;
4825 bottom: -29%;
4826 animation: 1.5s fadeIn, 1.5s slideDown, 3.5s mover 1.5s infinite alternate;
4827 }
4828 #elementor-template-library-connect__background-image-left-2 {
4829 right: 46.25%;
4830 bottom: -15.5%;
4831 animation: 3s fadeIn, 3s slideDown, 2s mover 3s infinite alternate;
4832 }
4833 #elementor-template-library-connect__background-image-right-1 {
4834 left: 37%;
4835 bottom: -41%;
4836 animation: 2.5s fadeIn, 2.5s slideDown, 2s mover 2.5s infinite alternate;
4837 }
4838 #elementor-template-library-connect__background-image-right-2 {
4839 left: 48%;
4840 bottom: -12.5%;
4841 animation: 1.5s fadeIn, 1.5s slideDown, 1.5s mover 1.5s infinite alternate;
4842 }
4843
4844 .elementor-template-library-connect__background-image {
4845 position: absolute;
4846 }
4847
4848 .elementor-template-library-blank-footer {
4849 position: absolute;
4850 bottom: 70px;
4851 left: 50%;
4852 transform: translateX(-50%);
4853 font-style: italic;
4854 color: var(--e-a-color-txt-muted);
4855 }
4856 @media (max-height: 700px) {
4857 .elementor-template-library-blank-footer {
4858 display: none;
4859 }
4860 }
4861
4862 #elementor-template-library-footer-banner {
4863 padding-block-end: 45px;
4864 }
4865 #elementor-template-library-footer-banner i {
4866 font-size: 56px;
4867 margin-block-start: 40px;
4868 }
4869 #elementor-template-library-footer-banner .elementor-nerd-box-icon {
4870 margin-block-start: 70px;
4871 }
4872
4873 #elementor-template-library-templates-empty {
4874 width: 100%;
4875 margin-block-start: 40px;
4876 }
4877
4878 #elementor-template-library-error-dialog .dialog-message {
4879 text-align: start;
4880 }
4881
4882 #elementor-template-library-error-info {
4883 margin-block-start: 10px;
4884 }
4885
4886 @media (max-width: 1439px) {
4887 .elementor-template-library-local-column-1 {
4888 width: 33%;
4889 }
4890 .elementor-template-library-local-column-2 {
4891 width: 10%;
4892 }
4893 .elementor-template-library-local-column-3 {
4894 width: 15%;
4895 }
4896 .elementor-template-library-local-column-4 {
4897 width: 15%;
4898 }
4899 .elementor-template-library-local-column-5 {
4900 width: 27%;
4901 }
4902 }
4903 @media (min-width: 1440px) {
4904 .elementor-template-library-local-column-1 {
4905 width: 25%;
4906 }
4907 .elementor-template-library-local-column-2 {
4908 width: 17%;
4909 }
4910 .elementor-template-library-local-column-3 {
4911 width: 17%;
4912 }
4913 .elementor-template-library-local-column-4 {
4914 width: 17%;
4915 }
4916 .elementor-template-library-local-column-5 {
4917 width: 24%;
4918 }
4919 }
4920 @media (max-width: 1024px) {
4921 .elementor-template-library-local-column-3 {
4922 display: none;
4923 }
4924 .elementor-template-library-local-column-5 {
4925 width: 41%;
4926 }
4927 }
4928 .elementor-tags-list {
4929 display: none;
4930 position: absolute;
4931 width: 260px;
4932 max-height: 300px;
4933 overflow: auto;
4934 padding-block-end: 5px;
4935 background-color: var(--e-a-bg-default);
4936 box-shadow: var(--e-a-popover-shadow);
4937 border: var(--e-a-border);
4938 border-radius: 3px;
4939 z-index: 10000;
4940 }
4941 .elementor-tags-list__group-title {
4942 font-weight: bold;
4943 font-size: 12px;
4944 padding: 10px 15px;
4945 display: flex;
4946 align-items: center;
4947 }
4948 .elementor-tags-list__group-title .eicon-info-circle {
4949 padding-inline-end: 5px;
4950 color: var(--e-a-color-primary-bold);
4951 font-size: 14px;
4952 }
4953 .elementor-tags-list__item {
4954 font-size: 10px;
4955 padding: 6px 15px;
4956 cursor: pointer;
4957 }
4958 .elementor-tags-list__item:before {
4959 content: ">";
4960 font-size: 8px;
4961 padding-inline-end: 5px;
4962 }
4963 .elementor-tags-list__item:hover {
4964 background-color: var(--e-a-bg-hover);
4965 }
4966 .elementor-tags-list__teaser {
4967 border-block-start: 2px solid var(--e-a-border-color);
4968 padding-block-start: 4px;
4969 margin-block-start: 4px;
4970 }
4971 .elementor-tags-list__teaser-text {
4972 padding: 2px 15px 8px;
4973 line-height: 1.5;
4974 font-size: 12px;
4975 }
4976 .elementor-tags-list__teaser-link {
4977 color: var(--e-a-color-primary-bold);
4978 text-decoration: underline;
4979 font-style: italic;
4980 font-weight: bold;
4981 }
4982
4983 .elementor-dynamic-cover {
4984 display: flex;
4985 align-items: center;
4986 width: 100%;
4987 height: 27px;
4988 box-sizing: border-box;
4989 }
4990 .elementor-dynamic-cover__title {
4991 padding: 0 8px;
4992 flex-grow: 1;
4993 white-space: nowrap;
4994 text-overflow: ellipsis;
4995 overflow: hidden;
4996 }
4997 .elementor-dynamic-cover__settings, .elementor-dynamic-cover__remove {
4998 cursor: pointer;
4999 transition: var(--e-a-transition-hover);
5000 }
5001 .elementor-dynamic-cover__settings:hover, .elementor-dynamic-cover__remove:hover {
5002 color: var(--e-a-color-txt-hover);
5003 }
5004 .elementor-control-type-wysiwyg .elementor-dynamic-cover {
5005 margin-block-start: 10px;
5006 }
5007
5008 .elementor-tag-settings-popup {
5009 position: absolute;
5010 width: 260px;
5011 background-color: var(--e-a-bg-default);
5012 border: var(--e-a-border);
5013 box-shadow: var(--e-a-popover-shadow);
5014 z-index: 1;
5015 }
5016 .elementor-tag-settings-popup:before {
5017 content: "";
5018 position: absolute;
5019 top: -20px;
5020 right: 5px;
5021 border: 10px solid transparent;
5022 border-block-end-color: var(--e-a-border-color);
5023 }
5024 .elementor-tag-settings-popup .elementor-control-type-section:first-child {
5025 margin: 0;
5026 }
5027
5028 .elementor-tag-controls-stack-empty {
5029 background-color: var(--e-a-bg-default);
5030 padding: 10px;
5031 font-size: 13px;
5032 text-align: center;
5033 }
5034
5035 .elementor-control-dynamic input {
5036 border-start-start-radius: var(--e-a-border-radius);
5037 border-start-end-radius: 0;
5038 border-end-end-radius: 0;
5039 border-end-start-radius: var(--e-a-border-radius);
5040 }
5041 .elementor-control-dynamic-switcher {
5042 display: inline-flex;
5043 align-items: center;
5044 justify-content: center;
5045 flex-shrink: 0;
5046 height: 27px;
5047 cursor: pointer;
5048 border: var(--e-a-border-bold);
5049 background: var(--e-a-bg-default);
5050 border-inline-start-width: 0;
5051 border-start-start-radius: 0;
5052 border-start-end-radius: var(--e-a-border-radius);
5053 border-end-end-radius: var(--e-a-border-radius);
5054 border-end-start-radius: 0;
5055 transition: var(--e-a-transition-hover);
5056 }
5057 .elementor-control-dynamic-switcher:hover {
5058 background-color: var(--e-a-bg-hover);
5059 color: var(--e-a-color-txt-hover);
5060 }
5061 .elementor-control-dynamic-switcher.e-control-tool {
5062 height: 20px;
5063 border: 0;
5064 }
5065 .elementor-control-dynamic-switcher-wrapper {
5066 display: flex;
5067 }
5068 .elementor-control-dynamic-switcher .eicon-database {
5069 font-size: 12px;
5070 }
5071 .elementor-control-dynamic-value .elementor-control-tag-area,
5072 .elementor-control-dynamic-value .elementor-control-dynamic-switcher,
5073 .elementor-control-dynamic-value .e-global__popover-toggle {
5074 display: none;
5075 }
5076
5077 .elementor-context-menu {
5078 position: absolute;
5079 width: 200px;
5080 background-color: var(--e-a-bg-default);
5081 border: var(--e-a-border);
5082 border-radius: 3px;
5083 box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
5084 -webkit-user-select: none;
5085 -moz-user-select: none;
5086 user-select: none;
5087 z-index: 101;
5088 }
5089 .elementor-context-menu-list__group {
5090 padding: 5px 0;
5091 }
5092 .elementor-context-menu-list__group:not(:last-child) {
5093 border-block-end: var(--e-a-border);
5094 }
5095 .elementor-context-menu-list__item {
5096 padding: 5px 10px;
5097 padding-inline-end: 20px;
5098 display: flex;
5099 cursor: pointer;
5100 transition: var(--e-a-transition-hover);
5101 }
5102 .elementor-context-menu-list__item--disabled {
5103 cursor: default;
5104 color: var(--e-a-color-disabled);
5105 }
5106 .elementor-context-menu-list__item:not(.elementor-context-menu-list__item--disabled):hover {
5107 background-color: var(--e-a-bg-hover);
5108 color: var(--e-a-color-hover);
5109 }
5110 .elementor-context-menu-list__item__icon {
5111 width: 20px;
5112 }
5113 .elementor-context-menu-list__item__title {
5114 flex-grow: 1;
5115 white-space: nowrap;
5116 text-overflow: ellipsis;
5117 overflow: hidden;
5118 }
5119 .elementor-context-menu-list__item__shortcut {
5120 color: var(--e-a-color-txt-muted);
5121 }
5122 .elementor-context-menu-list__item.elementor-context-menu-list__item-delete:not(.elementor-context-menu-list__item--disabled):hover > * {
5123 color: var(--e-global-color-danger);
5124 }
5125 .elementor-context-menu .eicon-pro-icon {
5126 color: var(--e-global-color-accent);
5127 }
5128
5129 #elementor-hotkeys {
5130 text-align: start;
5131 }
5132 #elementor-hotkeys__modal .dialog-buttons-wrapper {
5133 display: none;
5134 }
5135 #elementor-hotkeys__content {
5136 display: flex;
5137 gap: 70px;
5138 padding: 10px 30px;
5139 width: 100%;
5140 overflow: hidden;
5141 }
5142 @media (max-width: 1024px) {
5143 #elementor-hotkeys__content {
5144 flex-direction: column;
5145 gap: 20px;
5146 padding: 20px;
5147 }
5148 }
5149
5150 .elementor-hotkeys__col {
5151 width: 50%;
5152 }
5153 @media (max-width: 1024px) {
5154 .elementor-hotkeys__col {
5155 width: 100%;
5156 }
5157 }
5158 .elementor-hotkeys__header, .elementor-hotkeys__list {
5159 width: 100%;
5160 }
5161 .elementor-hotkeys__header {
5162 padding: 10px 0;
5163 font-weight: 500;
5164 }
5165 .elementor-hotkeys__list {
5166 background-color: var(--e-a-bg-default);
5167 height: calc(100% - 42px);
5168 padding: 10px 0;
5169 }
5170 @media (max-width: 479px) {
5171 .elementor-hotkeys__list {
5172 padding: 0;
5173 }
5174 }
5175 @media (max-width: 1024px) {
5176 .elementor-hotkeys__list {
5177 height: auto;
5178 }
5179 }
5180 .elementor-hotkeys__item {
5181 display: flex;
5182 align-items: center;
5183 padding: 20px 10px;
5184 }
5185 .elementor-hotkeys__item:not(:last-child) {
5186 border-block-end: var(--e-a-border);
5187 }
5188 .elementor-hotkeys__item--label {
5189 font-size: 13px;
5190 font-weight: 400;
5191 flex-grow: 1;
5192 }
5193 .elementor-hotkeys__item--shortcut {
5194 flex-grow: 0;
5195 display: flex;
5196 flex-direction: row-reverse;
5197 }
5198 .elementor-hotkeys__item--shortcut span {
5199 position: relative;
5200 background-color: var(--e-a-bg-active);
5201 padding: 5px 12px;
5202 margin-inline-end: 27px;
5203 border-radius: 3px;
5204 }
5205 @media (max-width: 479px) {
5206 .elementor-hotkeys__item--shortcut span {
5207 padding: 4px 9px;
5208 margin-inline-end: 23px;
5209 }
5210 }
5211 .elementor-hotkeys__item--shortcut span:after {
5212 content: " + ";
5213 position: absolute;
5214 right: -18px;
5215 width: 9px;
5216 text-align: center;
5217 }
5218 @media (max-width: 479px) {
5219 .elementor-hotkeys__item--shortcut span:after {
5220 right: -16px;
5221 }
5222 }
5223 .elementor-hotkeys__item--shortcut span:last-child {
5224 margin-inline-end: 0;
5225 }
5226 .elementor-hotkeys__item--shortcut span:last-child:after {
5227 display: none;
5228 }
5229
5230 .ui-resizable-n {
5231 top: -5px;
5232 }
5233 .ui-resizable-e {
5234 right: -5px;
5235 }
5236 .ui-resizable-s {
5237 bottom: -5px;
5238 }
5239 .ui-resizable-w {
5240 left: -5px;
5241 }
5242 .ui-resizable-ne {
5243 top: -5px;
5244 right: -5px;
5245 }
5246 .ui-resizable-nw {
5247 top: -5px;
5248 left: -5px;
5249 }
5250 .ui-resizable-se {
5251 bottom: -5px;
5252 right: -5px;
5253 }
5254 .ui-resizable-sw {
5255 bottom: -5px;
5256 left: -5px;
5257 }
5258 .ui-resizable-n, .ui-resizable-s {
5259 left: 0;
5260 height: 10px;
5261 width: 100%;
5262 cursor: ns-resize;
5263 }
5264 .ui-resizable-e, .ui-resizable-w {
5265 top: 0;
5266 height: 100%;
5267 width: 10px;
5268 cursor: ew-resize;
5269 }
5270 .ui-resizable-ne, .ui-resizable-nw, .ui-resizable-se, .ui-resizable-sw {
5271 height: 15px;
5272 width: 15px;
5273 }
5274 .ui-resizable-nw, .ui-resizable-se {
5275 cursor: nwse-resize;
5276 }
5277 .ui-resizable-ne, .ui-resizable-sw {
5278 cursor: nesw-resize;
5279 }
5280 .ui-resizable-handle {
5281 position: absolute;
5282 }
5283 .ui-resizable-resizing {
5284 pointer-events: none;
5285 }
5286
5287 body {
5288 --e-editor-navigator-width: 240px;
5289 }
5290
5291 #elementor-navigator {
5292 position: fixed;
5293 top: 100px;
5294 width: var(--e-editor-navigator-width);
5295 height: 50vh;
5296 left: 30px;
5297 background-color: var(--e-a-bg-default);
5298 border: var(--e-a-border);
5299 box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
5300 -webkit-user-select: none;
5301 -moz-user-select: none;
5302 user-select: none;
5303 overflow: hidden;
5304 z-index: 100;
5305 display: none;
5306 }
5307 body.elementor-navigator-docked #elementor-navigator {
5308 top: 0;
5309 left: 0;
5310 height: 100%;
5311 }
5312 body:not(.elementor-navigator-docked) #elementor-navigator {
5313 border-radius: 5px;
5314 }
5315 #elementor-navigator__inner {
5316 height: 100%;
5317 }
5318 #elementor-navigator__header {
5319 display: flex;
5320 align-items: stretch;
5321 border-block-end: var(--e-a-border);
5322 color: var(--e-a-color-txt-accent);
5323 }
5324 #elementor-navigator__header__title {
5325 flex: 1;
5326 text-align: center;
5327 font-size: 13px;
5328 font-weight: 400;
5329 padding: 10px 0;
5330 cursor: move;
5331 }
5332 #elementor-navigator__close, #elementor-navigator__toggle-all {
5333 color: var(--e-a-color-txt);
5334 background-color: transparent;
5335 border: none;
5336 outline: 0;
5337 padding: 10px;
5338 cursor: pointer;
5339 transition: color 0.5s;
5340 }
5341 #elementor-navigator__close:hover, #elementor-navigator__toggle-all:hover {
5342 color: var(--e-a-color-txt-hover);
5343 }
5344 #elementor-navigator__close:focus, #elementor-navigator__toggle-all:focus {
5345 color: var(--e-a-color-txt-active);
5346 }
5347 #elementor-navigator__toggle-all {
5348 font-size: 13px;
5349 }
5350 #elementor-navigator__close {
5351 font-size: 11px;
5352 }
5353 #elementor-navigator__elements {
5354 height: calc(100% - 49px);
5355 overflow: auto;
5356 position: relative;
5357 }
5358 .elementor-navigator-docked #elementor-navigator__elements {
5359 height: calc(100% - 35px);
5360 }
5361 #elementor-navigator__elements .elementor-nerd-box {
5362 padding: 25px;
5363 }
5364 > #elementor-navigator__elements-section {
5365 border-block-end: var(--e-a-border);
5366 }
5367 #elementor-navigator__footer {
5368 position: absolute;
5369 width: 100%;
5370 left: 0;
5371 bottom: 0;
5372 text-align: center;
5373 border-block-start: var(--e-a-border);
5374 }
5375 .elementor-navigator-docked #elementor-navigator__footer {
5376 display: none;
5377 }
5378
5379 .elementor-navigator__item {
5380 position: relative;
5381 display: flex;
5382 height: 30px;
5383 cursor: pointer;
5384 transition: padding 0.5s linear;
5385 overflow: hidden;
5386 }
5387 .elementor-navigator__item:hover, .elementor-navigator__item:focus {
5388 background-color: var(--e-a-bg-hover);
5389 }
5390 .elementor-navigator__item:active {
5391 background-color: var(--e-a-bg-active);
5392 color: var(--e-a-color-txt-accent);
5393 }
5394 .elementor-navigator__item[data-locked=true] {
5395 cursor: not-allowed;
5396 }
5397 .elementor-navigator__item:not(.elementor-active) .elementor-navigator__element__list-toggle i {
5398 transform: rotate(90deg);
5399 }
5400 .elementor-navigator__item > * {
5401 display: flex;
5402 align-items: center;
5403 }
5404 .elementor-navigator__item + .elementor-navigator__elements {
5405 display: none;
5406 }
5407 .elementor-navigator__elements > .elementor-navigator__element-section,
5408 .elementor-navigator__elements > .elementor-navigator__element-container:not(:last-child) {
5409 border-block-end: var(--e-a-border);
5410 }
5411 .elementor-navigator__elements .elementor-empty-view {
5412 padding: 10px;
5413 }
5414 .elementor-navigator__elements .elementor-empty-view__title {
5415 margin-inline-start: 23px;
5416 font-size: 10px;
5417 font-style: italic;
5418 }
5419 .elementor-navigator__elements .ui-sortable-helper {
5420 box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1);
5421 transform: rotate(4deg);
5422 background-color: var(--e-a-bg-active);
5423 color: var(--e-a-color-txt-accent);
5424 pointer-events: none;
5425 }
5426 .elementor-navigator__elements .ui-sortable-placeholder {
5427 background-color: var(--e-a-bg-hover);
5428 }
5429 .elementor-navigator__element.elementor-dragging-on-child > .elementor-navigator__elements > .elementor-empty-view {
5430 border-block-start: var(--e-a-border);
5431 }
5432 .elementor-navigator__element.elementor-dragging-on-child > .elementor-navigator__elements > .elementor-empty-view .elementor-empty-view__title {
5433 display: none;
5434 }
5435 .elementor-navigator__element.elementor-dragging-on-child > .elementor-navigator__elements > .elementor-empty-view + .ui-sortable-placeholder {
5436 display: none;
5437 }
5438 .elementor-navigator__element:not(.elementor-navigator__element--has-children) .elementor-navigator__element__list-toggle {
5439 visibility: hidden;
5440 }
5441 .elementor-navigator__element:not(.elementor-navigator__element--hidden) > .elementor-navigator__item .elementor-navigator__element__toggle {
5442 color: var(--e-a-color-txt-default);
5443 }
5444 .elementor-navigator__element:not(.elementor-navigator__element--hidden) > .elementor-navigator__item .elementor-navigator__element__toggle:hover {
5445 color: var(--e-a-color-txt-hover);
5446 }
5447 .elementor-navigator__element:not(.elementor-navigator__element--hidden) > .elementor-navigator__item:not(:hover) .elementor-navigator__element__toggle {
5448 display: none;
5449 }
5450 .elementor-navigator__element:not(.elementor-navigator__element--hidden) > .elementor-navigator__item.elementor-editing {
5451 background-color: var(--e-a-bg-active);
5452 }
5453 .elementor-navigator__element__list-toggle {
5454 margin-inline-end: 7px;
5455 transition: transform 0.3s;
5456 }
5457 .elementor-navigator__element__element-type {
5458 margin-inline-end: 8px;
5459 font-size: 14px;
5460 }
5461 .elementor-navigator__element__title {
5462 flex-grow: 1;
5463 overflow: hidden;
5464 }
5465 .elementor-navigator__element__title__text {
5466 white-space: nowrap;
5467 -webkit-user-select: text;
5468 -moz-user-select: text;
5469 user-select: text;
5470 }
5471 .elementor-navigator__element__title__text[contenteditable=true] {
5472 outline: none;
5473 background-color: var(--e-a-bg-hover);
5474 padding: var(--e-admin-border-radius);
5475 border: var(--e-a-border);
5476 }
5477 .elementor-navigator__element__title__text:not([contenteditable=true]) {
5478 padding: 3px 0;
5479 white-space: nowrap;
5480 text-overflow: ellipsis;
5481 overflow: hidden;
5482 }
5483 .elementor-navigator__element__toggle {
5484 position: absolute;
5485 left: 15px;
5486 height: 100%;
5487 z-index: 0;
5488 font-size: 13px;
5489 }
5490 .elementor-navigator__element__indicators {
5491 position: relative;
5492 transition: transform 0.5s;
5493 padding-inline-start: 5px;
5494 z-index: 91;
5495 }
5496 .elementor-navigator__element__indicators:not(:hover) {
5497 transform: translateX(calc(-100% + 8px));
5498 }
5499 .elementor-navigator__element__indicator {
5500 height: 100%;
5501 width: 31px;
5502 display: inline-flex;
5503 align-items: center;
5504 justify-content: center;
5505 color: var(--e-a-color-txt-invert);
5506 background-color: var(--e-a-color-white);
5507 border-inline-start: var(--e-a-border);
5508 }
5509 .elementor-navigator__element__indicator:first-child {
5510 border-inline-start: 3px solid var(--e-a-border-color-accent);
5511 }
5512 .elementor-editing .elementor-navigator__element__indicator:first-child {
5513 border-color: #242729;
5514 }
5515 .elementor-navigator__element__indicator:hover {
5516 color: var(--e-a-color-txt-hover);
5517 }
5518 .elementor-navigator__element--hidden .elementor-navigator__element__title,
5519 .elementor-navigator__element--hidden .elementor-navigator__element__toggle {
5520 opacity: 0.5;
5521 }
5522
5523 .e-notice-bar {
5524 position: absolute;
5525 width: 100%;
5526 bottom: 0;
5527 display: flex;
5528 align-items: center;
5529 height: 40px;
5530 color: #fff;
5531 background-color: var(--e-a-color-accent);
5532 padding: 0 25px;
5533 }
5534 .e-notice-bar__message a {
5535 text-decoration: underline;
5536 color: var(--e-a-color-txt-invert);
5537 }
5538 .e-notice-bar__message a:hover {
5539 color: #D5D8DC;
5540 }
5541 .e-notice-bar__primary_action {
5542 margin-inline: 12px;
5543 }
5544 .e-notice-bar__primary_action a {
5545 background: #ffffff;
5546 border-radius: 3px;
5547 color: #93003f;
5548 padding: 4px 10px;
5549 font-size: 11px;
5550 }
5551 .e-notice-bar__primary_action a:hover {
5552 color: #47001e;
5553 background: #F1F2F3;
5554 }
5555 .e-notice-bar__secondary_message, .e-notice-bar__secondary_action {
5556 font-size: 11px;
5557 }
5558 .e-notice-bar__secondary_action {
5559 margin-inline: 4px;
5560 }
5561 .e-notice-bar__secondary_action a {
5562 color: #ffffff;
5563 text-decoration: underline;
5564 }
5565 .e-notice-bar__secondary_action a:hover {
5566 color: #F1F2F3;
5567 }
5568 .e-notice-bar__close {
5569 cursor: pointer;
5570 margin-inline-start: auto;
5571 }
5572 .e-notice-bar__icon {
5573 margin-inline-end: 8px;
5574 }
5575 .e-notice-bar i {
5576 font-size: 16px;
5577 opacity: 0.9;
5578 }
5579 .e-notice-bar i:hover {
5580 color: #D5D8DC;
5581 }
5582 .e-notice-bar a,
5583 .e-notice-bar i {
5584 transition: var(--e-a-transition-hover);
5585 }
5586
5587 body:not(.elementor-device-desktop) #e-notice-bar {
5588 display: none;
5589 }
5590
5591 #elementor-fatal-error-dialog .dialog-message a {
5592 text-decoration: underline;
5593 }
5594
5595 #elementor-preview-debug-link-text {
5596 display: inline-block;
5597 }
5598
5599 #elementor-icons-manager-modal .dialog-message {
5600 padding: 0;
5601 height: 700px;
5602 }
5603 #elementor-icons-manager-modal .dialog-content {
5604 display: flex;
5605 }
5606 #elementor-icons-manager__wrapper {
5607 display: flex;
5608 }
5609 @media (max-width: 479px) {
5610 #elementor-icons-manager__sidebar {
5611 display: none;
5612 }
5613 }
5614 #elementor-icons-manager__tab-links {
5615 margin-block-start: 30px;
5616 }
5617 #elementor-icons-manager__upload {
5618 margin: 20px 45px;
5619 padding-block-start: 35px;
5620 border-block-start: var(--e-a-border);
5621 display: flex;
5622 align-items: center;
5623 justify-content: space-between;
5624 }
5625 @media (max-width: 1439px) {
5626 #elementor-icons-manager__upload {
5627 margin: 20px 25px;
5628 }
5629 }
5630 #elementor-icons-manager__main {
5631 display: flex;
5632 flex-direction: column;
5633 padding: 30px 80px 0;
5634 }
5635 @media (max-width: 1439px) {
5636 #elementor-icons-manager__main {
5637 padding: 30px 50px 0;
5638 }
5639 }
5640 @media (max-width: 479px) {
5641 #elementor-icons-manager__main {
5642 width: 100%;
5643 }
5644 }
5645 #elementor-icons-manager__search {
5646 position: relative;
5647 }
5648 #elementor-icons-manager__search input {
5649 padding: 8px 15px;
5650 background-color: transparent;
5651 }
5652 #elementor-icons-manager__search i {
5653 position: absolute;
5654 top: 50%;
5655 transform: translateY(-50%);
5656 left: 15px;
5657 }
5658 #elementor-icons-manager__tab__wrapper {
5659 overflow: auto;
5660 margin: 25px -15px 0;
5661 padding: 0 15px 15px;
5662 }
5663 #elementor-icons-manager__tab__title {
5664 color: var(--e-a-color-txt);
5665 font-size: 16px;
5666 font-weight: 500;
5667 text-align: start;
5668 }
5669 @media (max-width: 479px) {
5670 #elementor-icons-manager__tab__title {
5671 display: none;
5672 }
5673 }
5674 #elementor-icons-manager__tab__content {
5675 display: grid;
5676 grid-template-columns: repeat(7, 1fr);
5677 grid-gap: 20px;
5678 margin: 20px 0;
5679 }
5680 @media (max-width: 1439px) {
5681 #elementor-icons-manager__tab__content {
5682 grid-template-columns: repeat(6, 1fr);
5683 }
5684 }
5685 @media (max-width: 1024px) {
5686 #elementor-icons-manager__tab__content {
5687 grid-template-columns: repeat(5, 1fr);
5688 }
5689 }
5690 @media (max-width: 767px) {
5691 #elementor-icons-manager__tab__content {
5692 grid-template-columns: repeat(4, 1fr);
5693 }
5694 }
5695 @media (max-width: 479px) {
5696 #elementor-icons-manager__tab__content {
5697 grid-template-columns: repeat(3, 1fr);
5698 }
5699 }
5700 #elementor-icons-manager__promotion {
5701 display: flex;
5702 align-items: center;
5703 flex-direction: column;
5704 padding-block-start: 70px;
5705 }
5706 #elementor-icons-manager__promotion__icon {
5707 font-size: 60px;
5708 }
5709 #elementor-icons-manager__promotion__text {
5710 width: 300px;
5711 font-size: 16px;
5712 padding-block-start: 25px;
5713 }
5714 #elementor-icons-manager__promotion__link {
5715 margin-block-start: 20px;
5716 }
5717
5718 .elementor-icons-manager__tab-link {
5719 padding-block: 15px;
5720 padding-inline: 45px 0;
5721 font-size: 12px;
5722 text-align: start;
5723 cursor: pointer;
5724 position: relative;
5725 }
5726 .elementor-icons-manager__tab-link i {
5727 font-size: 20px;
5728 padding-inline-end: 15px;
5729 }
5730 @media (max-width: 1024px) {
5731 .elementor-icons-manager__tab-link i {
5732 display: none;
5733 }
5734 }
5735 .elementor-icons-manager__tab-link:hover {
5736 background-color: var(--e-a-bg-hover);
5737 }
5738 .elementor-icons-manager__tab-link.elementor-active {
5739 background-color: var(--e-a-bg-active);
5740 color: var(--e-a-color-txt-accent);
5741 }
5742 .elementor-icons-manager__tab-link.elementor-active:after {
5743 content: "";
5744 position: absolute;
5745 height: 100%;
5746 width: 3px;
5747 top: 0;
5748 right: 0;
5749 background-color: var(--e-a-border-color-accent);
5750 }
5751 .elementor-icons-manager__tab__item {
5752 position: relative;
5753 height: 0;
5754 padding-block-end: 100%;
5755 border: var(--e-a-border);
5756 border-radius: 3px;
5757 cursor: pointer;
5758 transition: var(--e-a-transition-hover);
5759 overflow: hidden;
5760 }
5761 .elementor-icons-manager__tab__item:hover {
5762 background-color: var(--e-a-bg-hover);
5763 }
5764 .elementor-icons-manager__tab__item.elementor-selected {
5765 background-color: var(--e-a-bg-active);
5766 border-color: var(--e-a-border-color-accent);
5767 color: var(--e-a-color-txt-accent);
5768 }
5769 .elementor-icons-manager__tab__item__content {
5770 display: flex;
5771 flex-direction: column;
5772 align-items: center;
5773 width: 100%;
5774 position: absolute;
5775 top: 50%;
5776 left: 50%;
5777 transform: translate(-50%, -50%);
5778 padding: 1px;
5779 }
5780 .elementor-icons-manager__tab__item__icon {
5781 font-size: 25px;
5782 }
5783 .elementor-icons-manager__tab__item__name {
5784 font-size: 11px;
5785 padding: 13px 20px 0;
5786 max-width: 100%;
5787 white-space: nowrap;
5788 text-overflow: ellipsis;
5789 overflow: hidden;
5790 }
5791
5792 .elementor-color-picker__header {
5793 display: flex;
5794 justify-content: space-between;
5795 align-items: center;
5796 font-weight: bold;
5797 padding: 10px;
5798 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
5799 }
5800
5801 .e-color-picker__tools {
5802 display: flex;
5803 }
5804
5805 .e-control-color--no-value .pcr-button {
5806 background-image: linear-gradient(135deg, transparent 46%, #ff3030 50%, transparent 54%);
5807 background-size: cover;
5808 background-color: transparent;
5809 }
5810
5811 .pickr {
5812 border: var(--e-a-border);
5813 height: 27px;
5814 }
5815 .pickr .pcr-button {
5816 height: 100%;
5817 width: 100%;
5818 border-radius: var(--e-a-border-radius);
5819 }
5820 .pickr .pcr-button:before, .pickr .pcr-button:after {
5821 height: 12px;
5822 width: 12px;
5823 top: 50%;
5824 left: 50%;
5825 transform: translate(-50%, -50%);
5826 }
5827
5828 .pcr-app {
5829 background-color: var(--e-a-bg-default);
5830 color: var(--e-a-color-txt);
5831 box-shadow: var(--e-a-popover-shadow);
5832 font-family: var(--e-a-font-family);
5833 }
5834 .pcr-app[data-theme=monolith] {
5835 padding: 0;
5836 width: 270px;
5837 }
5838 .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity,
5839 .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser {
5840 height: 8px;
5841 }
5842 .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette {
5843 height: 150px;
5844 }
5845 .pcr-app .pcr-interaction {
5846 padding-block-end: 20px;
5847 }
5848 .pcr-app .pcr-interaction input.pcr-result {
5849 border: var(--e-a-border);
5850 color: var(--e-a-color-txt);
5851 border-radius: var(--e-a-border-radius);
5852 margin: 0;
5853 background-color: transparent;
5854 }
5855 .pcr-app .pcr-interaction input.pcr-result:focus {
5856 box-shadow: none;
5857 border-color: var(--e-a-border-color-bold);
5858 }
5859 .pcr-app .pcr-interaction input.pcr-type {
5860 all: unset;
5861 font-size: 10px;
5862 color: var(--e-a-color-txt-muted);
5863 padding-inline-start: 5px;
5864 cursor: pointer;
5865 }
5866 .pcr-app .pcr-interaction input.pcr-type.active {
5867 background-color: transparent;
5868 color: var(--e-a-color-txt-accent);
5869 }
5870 .pcr-selection, .pcr-interaction {
5871 padding: 0 20px;
5872 }
5873 .pcr-selection {
5874 padding-block-start: 20px;
5875 }
5876 .pcr .elementor-control-dynamic-switcher {
5877 height: 20px;
5878 border: 0;
5879 }
5880
5881 .select2-container {
5882 width: 100% !important;
5883 outline: none;
5884 z-index: 9999;
5885 font-size: 12px;
5886 }
5887 .select2-container .e-select2-placeholder {
5888 color: var(--e-a-color-txt-muted);
5889 }
5890 .select2-container.select2-container--default .select2-selection--single {
5891 height: 27px;
5892 background-color: transparent;
5893 }
5894 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
5895 color: var(--e-a-color-txt);
5896 line-height: 27px;
5897 }
5898 .select2-container.select2-container--default .select2-results__option--highlighted[aria-selected] {
5899 background-color: var(--e-a-bg-hover);
5900 color: var(--e-a-color-txt-hover);
5901 }
5902 .select2-container.select2-container--default .select2-selection--multiple {
5903 background-color: var(--e-a-bg-default);
5904 min-height: 27px;
5905 line-height: 0;
5906 }
5907 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__clear {
5908 display: none;
5909 }
5910 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice {
5911 background-color: var(--e-a-btn-bg);
5912 color: var(--e-a-btn-color-invert);
5913 line-height: 1.2;
5914 font-size: 10px;
5915 border: none;
5916 border-radius: 0;
5917 padding: 2px 3px;
5918 }
5919 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice.select2-selection__e-plus-button {
5920 cursor: pointer;
5921 width: 16.67px;
5922 text-indent: -9999px;
5923 position: relative;
5924 }
5925 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice.select2-selection__e-plus-button:after {
5926 content: "\e815";
5927 font-family: "eicons";
5928 color: var(--e-a-btn-color-invert);
5929 text-indent: 0;
5930 position: absolute;
5931 left: 0;
5932 top: 0;
5933 width: 100%;
5934 height: 100%;
5935 display: flex;
5936 justify-content: center;
5937 align-items: center;
5938 }
5939 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered {
5940 padding-block-end: 5px;
5941 }
5942 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
5943 color: var(--e-a-btn-color-invert);
5944 margin-inline-end: 3px;
5945 }
5946 .select2-container:not(.select2-container--open):not(.select2-container--focus) .select2-selection--single,
5947 .select2-container:not(.select2-container--open):not(.select2-container--focus) .select2-selection--multiple {
5948 background-color: var(--e-a-bg-default);
5949 color: var(--e-a-color-txt);
5950 border-color: var(--e-a-border-color);
5951 }
5952 .select2-container.select2-container--open .select2-selection--single,
5953 .select2-container.select2-container--open .select2-selection--multiple, .select2-container.select2-container--focus .select2-selection--single,
5954 .select2-container.select2-container--focus .select2-selection--multiple {
5955 border-color: var(--e-a-border-color-bold);
5956 }
5957
5958 .select2-selection {
5959 outline: none;
5960 }
5961 .select2-selection--single {
5962 height: 27px;
5963 }
5964
5965 .select2-selection__arrow {
5966 height: 27px;
5967 top: 0;
5968 }
5969
5970 .select2-results__option[aria-selected=true] {
5971 background-color: var(--e-a-bg-active);
5972 color: var(--e-a-color-txt-active);
5973 }
5974 .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
5975 background-color: var(--e-a-bg-active);
5976 }
5977
5978 .select2-dropdown {
5979 border-color: var(--e-a-border-color);
5980 background-color: var(--e-a-bg-default);
5981 color: var(--e-a-color-txt);
5982 box-shadow: var(--e-a-dropdown-shadow);
5983 }
5984 .select2-dropdown .select2-search__field {
5985 outline: none;
5986 }
5987
5988 .e-ui-state--document-scrubbing-mode__on, .e-ui-state--document-scrubbing-mode__on * {
5989 cursor: ew-resize;
5990 }
5991 .e-ui-state--document-scrubbing-mode__on input.e-scrubbing--active, .e-ui-state--document-scrubbing-mode__on input.e-scrubbing--active:focus {
5992 box-shadow: 0 0 0 1px #0e3b9c inset;
5993 }
5994 .e-ui-state--document-scrubbing-mode__on label.e-scrubbing--active {
5995 color: #0e3b9c;
5996 -webkit-user-select: none;
5997 -moz-user-select: none;
5998 user-select: none;
5999 }
6000 .e-ui-state--document-scrubbing-mode__on iframe {
6001 pointer-events: none;
6002 }
6003
6004 label.e-scrubbing-over {
6005 cursor: ew-resize;
6006 }
6007
6008 #elementor-paste-area-dialog {
6009 text-align: center;
6010 }
6011 #elementor-paste-area-dialog .dialog-header {
6012 padding-block-start: 60px;
6013 font-size: 30px;
6014 }
6015 #elementor-paste-area-dialog .dialog-message {
6016 padding: 0 15px 15px;
6017 font-size: 15px;
6018 position: relative;
6019 }
6020 #elementor-paste-area-dialog #elementor-paste-area-dialog__input {
6021 background: transparent;
6022 color: transparent;
6023 border-color: transparent;
6024 padding: 0;
6025 margin: 0;
6026 height: 100px;
6027 position: absolute;
6028 top: -60px;
6029 left: 0;
6030 right: 0;
6031 }
6032 #elementor-paste-area-dialog #elementor-paste-area-dialog__input:focus {
6033 border-color: transparent;
6034 outline: none;
6035 }
6036 #elementor-paste-area-dialog .dialog-widget-content {
6037 width: 400px;
6038 }
6039 #elementor-paste-area-dialog .dialog-widget-content .eicon-loading {
6040 display: none;
6041 }
6042 #elementor-paste-area-dialog .dialog-widget-content.e-state-loading .eicon-loading {
6043 display: block;
6044 margin-block-start: 15px;
6045 }
6046 #elementor-paste-area-dialog #elementor-paste-area-dialog__error {
6047 color: var(--e-a-color-danger);
6048 font-size: 12px;
6049 }
6050 #elementor-paste-area-dialog #elementor-paste-area-dialog__error:before {
6051 content: "";
6052 border-block-start: var(--e-a-border);
6053 display: block;
6054 margin: 10px -15px;
6055 }
6056
6057 [class^=eicon-flex], [class*=" eicon-flex"] {
6058 transition: 0.3s all;
6059 --is-ltr: 1;
6060 --is-rtl: 0;
6061 --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
6062 --is-ltr: 0;
6063 --is-rtl: 1;
6064 }
6065 [class^=eicon-flex].eicon-inline, [class*=" eicon-flex"].eicon-inline {
6066 max-height: 1em;
6067 max-width: 1em;
6068 }
6069 [class^=eicon-flex]:is(.eicon-justify-start-h, .eicon-justify-end-h), [class*=" eicon-flex"]:is(.eicon-justify-start-h, .eicon-justify-end-h) {
6070 --rotation-direction: calc(var(--is-ltr) + var(--is-rtl));
6071 }
6072 :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) {
6073 transform: rotate(calc(var(--rotation-direction) * 90deg));
6074 }
6075 :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) {
6076 transform: rotate(calc(var(--rotation-direction) * -90deg));
6077 }
6078 .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) {
6079 transform: rotate(calc(var(--rotation-direction) * -90deg));
6080 }
6081 .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) {
6082 transform: rotate(calc(var(--is-rtl) * 180deg));
6083 }
6084 .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) {
6085 transform: rotate(calc(var(--is-ltr) * 180deg));
6086 }
6087 /*# sourceMappingURL=editor-rtl.css.map */