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

6,092 lines 165.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*! elementor - v3.17.0 - 08-11-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 transition: 0.3s opacity;
3676 }
3677 #elementor-mode-switcher:hover {
3678 background-color: var(--e-a-bg-hover);
3679 }
3680 #elementor-mode-switcher:focus-within {
3681 background-color: var(--e-a-bg-active);
3682 }
3683 .e-panel-block-interactions #elementor-mode-switcher {
3684 opacity: 0;
3685 pointer-events: none;
3686 }
3687 #elementor-mode-switcher-preview i {
3688 display: flex;
3689 flex-direction: column;
3690 justify-content: center;
3691 width: var(--e-a-mode-switcher-width);
3692 height: var(--e-a-mode-switcher-height);
3693 font-size: var(--e-a-mode-switcher-icon-size);
3694 cursor: pointer;
3695 }
3696 #elementor-mode-switcher-preview-input {
3697 display: none;
3698 }
3699
3700 .elementor-revision-item__wrapper {
3701 display: flex;
3702 align-items: center;
3703 border: var(--e-a-border);
3704 border-radius: var(--e-a-border-radius);
3705 padding: 10px 15px;
3706 margin-block-end: 10px;
3707 font-size: 11px;
3708 transition: var(--e-a-transition-hover);
3709 }
3710 .elementor-revision-item__wrapper:hover {
3711 background-color: var(--e-a-bg-hover);
3712 }
3713 .elementor-revision-item-loading .elementor-revision-item__tools-current {
3714 display: none;
3715 }
3716 .elementor-revision-item:not(.elementor-revision-item-loading) .elementor-revision-item__tools-spinner {
3717 display: none;
3718 }
3719 .elementor-revision-item__gravatar {
3720 border-radius: 50%;
3721 overflow: hidden;
3722 }
3723 .elementor-revision-item__gravatar img {
3724 display: block;
3725 }
3726 .elementor-revision-item__details {
3727 padding-inline-start: 15px;
3728 flex-grow: 1;
3729 cursor: pointer;
3730 }
3731 .elementor-revision-meta {
3732 padding-block-start: 5px;
3733 font-size: 10px;
3734 font-weight: bold;
3735 }
3736 .elementor-revision-current-preview .elementor-revision-item__wrapper {
3737 border-color: var(--e-a-border-color-accent);
3738 background-color: var(--e-a-bg-active);
3739 }
3740
3741 #elementor-panel-revisions-loading {
3742 position: absolute;
3743 top: 50%;
3744 left: 50%;
3745 transform: translate(-50%, -50%);
3746 }
3747 #elementor-panel-revisions-loading .eicon-loading {
3748 font-size: 50px;
3749 }
3750
3751 .elementor-panel-revisions-buttons {
3752 display: flex;
3753 justify-content: space-between;
3754 padding: 15px 20px;
3755 border-block-end: var(--e-a-border);
3756 }
3757
3758 .elementor-history-item {
3759 display: flex;
3760 align-items: center;
3761 border: var(--e-a-border);
3762 border-radius: var(--e-a-border-radius);
3763 padding: 10px 15px;
3764 margin-block-end: 10px;
3765 font-size: 11px;
3766 line-height: 1.4;
3767 cursor: pointer;
3768 transition: var(--e-a-transition-hover);
3769 }
3770 .elementor-history-item:hover:not(.elementor-history-item-current) {
3771 background-color: var(--e-a-bg-hover);
3772 color: var(--e-a-txt-color-hover);
3773 }
3774 .elementor-history-item:hover:not(.elementor-history-item-current) .elementor-history-item__icon .eicon:before {
3775 content: "\e924";
3776 }
3777 .elementor-history-item-current {
3778 border-color: var(--e-a-border-color-accent);
3779 background-color: var(--e-a-bg-active);
3780 color: var(--e-a-txt-color-active);
3781 }
3782 .elementor-history-item-current .elementor-history-item__icon .eicon:before, .elementor-history-item-current:hover .elementor-history-item__icon .eicon:before {
3783 content: "\e90e";
3784 }
3785 .elementor-history-item__details {
3786 width: 95%;
3787 }
3788 .elementor-history-item__title {
3789 font-weight: bold;
3790 }
3791 .elementor-history-item__subtitle, .elementor-history-item__action {
3792 font-weight: lighter;
3793 }
3794 .elementor-history-item__action {
3795 font-style: italic;
3796 text-decoration: underline;
3797 }
3798 .elementor-history-revisions-message {
3799 font-size: 11px;
3800 text-align: center;
3801 padding-block-start: 5px;
3802 }
3803
3804 #elementor-panel-history {
3805 padding: 20px;
3806 padding-block-end: 15px;
3807 }
3808 #elementor-panel-history.elementor-empty .elementor-history-revisions-message {
3809 padding-block-start: 20px;
3810 }
3811 #elementor-panel-history:not(.elementor-empty) {
3812 margin-block-start: 10px;
3813 }
3814
3815 #elementor-panel-history-no-items,
3816 #elementor-panel-revisions-no-revisions {
3817 text-align: center;
3818 }
3819 #elementor-panel-history-no-items .elementor-nerd-box-icon,
3820 #elementor-panel-revisions-no-revisions .elementor-nerd-box-icon {
3821 margin-block-start: 20px;
3822 }
3823
3824 .elementor-panel #elementor-panel-header #elementor-panel-header-kit-close,
3825 .elementor-panel #elementor-panel-header #elementor-panel-header-kit-back {
3826 display: none;
3827 }
3828
3829 .elementor-editor-kit .elementor-panel #elementor-panel-header #elementor-panel-header-kit-close,
3830 .elementor-editor-kit .elementor-panel #elementor-panel-header #elementor-panel-header-kit-back {
3831 display: flex;
3832 }
3833 body:not(.e-routes-has-history) #elementor-panel-header-kit-back {
3834 pointer-events: none;
3835 visibility: hidden;
3836 }
3837
3838 .elementor-editor-kit .elementor-panel #elementor-panel-page-settings .elementor-panel-navigation {
3839 display: none;
3840 }
3841 .elementor-editor-kit .elementor-panel #elementor-panel-page-menu {
3842 padding: 25px 15px 0;
3843 }
3844 .elementor-editor-kit #elementor-panel-header-add-button,
3845 .elementor-editor-kit #elementor-panel-header-menu-button,
3846 .elementor-editor-kit #elementor-panel-footer-sub-menu-item-save-template,
3847 .elementor-editor-kit #elementor-panel-footer-navigator {
3848 display: none;
3849 }
3850
3851 .elementor-control-type-global-style-repeater .elementor-repeater-fields {
3852 margin-block-end: 15px;
3853 position: relative;
3854 }
3855 .elementor-control-type-global-style-repeater .elementor-repeater-fields.ui-sortable-helper {
3856 background-color: var(--e-a-bg-default);
3857 }
3858 .elementor-control-type-global-style-repeater .elementor-repeater-row-controls {
3859 display: flex;
3860 align-items: center;
3861 }
3862 .elementor-control-type-global-style-repeater .elementor-repeater-row-tool {
3863 cursor: pointer;
3864 color: var(--e-a-color-txt);
3865 background-color: transparent;
3866 border: none;
3867 padding: 5px;
3868 }
3869 .elementor-control-type-global-style-repeater .elementor-repeater-row-tool:focus, .elementor-control-type-global-style-repeater .elementor-repeater-row-tool:hover {
3870 color: var(--e-a-color-txt-hover);
3871 }
3872 .elementor-control-type-global-style-repeater .elementor-control {
3873 padding: 0;
3874 }
3875 .elementor-control-type-global-style-repeater .elementor-control-title {
3876 flex-grow: 1;
3877 }
3878 .elementor-control-type-global-style-repeater .elementor-control-title input {
3879 max-width: 135px;
3880 }
3881 .elementor-control-type-global-style-repeater .elementor-control-title input:not(:focus) {
3882 background: none;
3883 border: none;
3884 }
3885 .elementor-control-type-global-style-repeater .elementor-control-input-wrapper {
3886 display: flex;
3887 align-items: center;
3888 min-width: 81px;
3889 }
3890 .elementor-control-type-global-style-repeater .elementor-control-input-wrapper:hover .e-global-colors__color-value {
3891 display: none;
3892 }
3893 .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 {
3894 display: none;
3895 }
3896 .elementor-control-type-global-style-repeater .elementor-repeater-row-controls > .elementor-control > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
3897 margin-block-start: 0;
3898 }
3899 .elementor-control-type-global-style-repeater .elementor-controls-popover {
3900 align-self: end;
3901 margin-block-start: 35px;
3902 top: 0;
3903 width: 100%;
3904 }
3905 .elementor-control-type-global-style-repeater .elementor-controls-popover:before {
3906 left: 5px;
3907 }
3908 .elementor-control-type-global-style-repeater .elementor-controls-popover .elementor-control {
3909 padding: 0 20px 15px;
3910 }
3911 .elementor-control-type-global-style-repeater .elementor-controls-popover .elementor-control-title {
3912 flex-grow: initial;
3913 }
3914 .elementor-control-type-global-style-repeater .elementor-button-wrapper {
3915 text-align: center;
3916 border-block-start: var(--e-a-border);
3917 padding-block-start: 15px;
3918 }
3919 .elementor-control-type-global-style-repeater .pickr,
3920 .elementor-control-type-global-style-repeater .elementor-control-popover-toggle-toggle-label {
3921 margin-inline-start: 5px;
3922 }
3923 .elementor-control-type-global-style-repeater .e-sortable-placeholder {
3924 background-color: var(--e-a-color-info);
3925 opacity: 0.9;
3926 width: 100%;
3927 margin: 8px 0;
3928 height: 2px;
3929 }
3930 .elementor-control-system_colors, .elementor-control-system_typography {
3931 padding-block-end: 0;
3932 }
3933
3934 .e-global-colors__color-value {
3935 font-size: 10px;
3936 padding: 0 5px;
3937 text-align: end;
3938 white-space: nowrap;
3939 text-overflow: ellipsis;
3940 overflow: hidden;
3941 }
3942
3943 @keyframes load {
3944 0% {
3945 opacity: 0.3;
3946 }
3947 50% {
3948 opacity: 1;
3949 }
3950 100% {
3951 opacity: 0.3;
3952 }
3953 }
3954 @keyframes fadeIn {
3955 from {
3956 opacity: 0;
3957 }
3958 to {
3959 opacity: 1;
3960 }
3961 }
3962 @keyframes mover {
3963 0% {
3964 transform: translateY(0);
3965 }
3966 100% {
3967 transform: translateY(-5px);
3968 }
3969 }
3970 @keyframes slideDown {
3971 0% {
3972 transform: translateY(-30px);
3973 }
3974 100% {
3975 transform: translateY(0);
3976 }
3977 }
3978 .elementor-button,
3979 .e-btn {
3980 font-size: 12px;
3981 font-weight: 500;
3982 line-height: 1.2;
3983 padding: 8px 16px;
3984 outline: none;
3985 border: none;
3986 border-radius: var(--e-a-border-radius);
3987 background-color: var(--e-a-btn-bg);
3988 color: var(--e-a-btn-color-invert);
3989 transition: var(--e-a-transition-hover);
3990 }
3991 .elementor-button:hover,
3992 .e-btn:hover {
3993 border: none;
3994 }
3995 .elementor-button:hover, .elementor-button:focus,
3996 .e-btn:hover,
3997 .e-btn:focus {
3998 background-color: var(--e-a-btn-bg-hover);
3999 color: var(--e-a-btn-color-invert);
4000 }
4001 .elementor-button:active,
4002 .e-btn:active {
4003 background-color: var(--e-a-btn-bg-active);
4004 }
4005 .elementor-button:not([disabled]),
4006 .e-btn:not([disabled]) {
4007 cursor: pointer;
4008 }
4009 .elementor-button:disabled,
4010 .e-btn:disabled {
4011 background-color: var(--e-a-btn-bg-disabled);
4012 color: var(--e-a-btn-color-disabled);
4013 }
4014 .elementor-button:not(.elementor-button-state) .elementor-state-icon,
4015 .e-btn:not(.elementor-button-state) .elementor-state-icon {
4016 display: none;
4017 }
4018 .elementor-button.e-btn-txt,
4019 .e-btn.e-btn-txt {
4020 background: transparent;
4021 color: var(--e-a-color-txt);
4022 }
4023 .elementor-button.e-btn-txt:hover, .elementor-button.e-btn-txt:focus,
4024 .e-btn.e-btn-txt:hover,
4025 .e-btn.e-btn-txt:focus {
4026 background: var(--e-a-bg-hover);
4027 color: var(--e-a-color-txt-hover);
4028 }
4029 .elementor-button.e-btn-txt:disabled,
4030 .e-btn.e-btn-txt:disabled {
4031 background: transparent;
4032 color: var(--e-a-color-txt-disabled);
4033 }
4034 .elementor-button.elementor-button-success, .elementor-button.e-success,
4035 .e-btn.elementor-button-success,
4036 .e-btn.e-success {
4037 background-color: var(--e-a-btn-bg-success);
4038 }
4039 .elementor-button.elementor-button-success:hover, .elementor-button.elementor-button-success:focus, .elementor-button.e-success:hover, .elementor-button.e-success:focus,
4040 .e-btn.elementor-button-success:hover,
4041 .e-btn.elementor-button-success:focus,
4042 .e-btn.e-success:hover,
4043 .e-btn.e-success:focus {
4044 background-color: var(--e-a-btn-bg-success-hover);
4045 }
4046 .elementor-button.e-primary,
4047 .e-btn.e-primary {
4048 background-color: var(--e-a-btn-bg-primary);
4049 color: var(--e-a-btn-color);
4050 }
4051 .elementor-button.e-primary:hover, .elementor-button.e-primary:focus,
4052 .e-btn.e-primary:hover,
4053 .e-btn.e-primary:focus {
4054 background-color: var(--e-a-btn-bg-primary-hover);
4055 color: var(--e-a-btn-color);
4056 }
4057 .elementor-button.e-primary.e-btn-txt,
4058 .e-btn.e-primary.e-btn-txt {
4059 background: transparent;
4060 color: var(--e-a-color-primary-bold);
4061 }
4062 .elementor-button.e-primary.e-btn-txt:hover, .elementor-button.e-primary.e-btn-txt:focus,
4063 .e-btn.e-primary.e-btn-txt:hover,
4064 .e-btn.e-primary.e-btn-txt:focus {
4065 background: var(--e-a-bg-primary);
4066 }
4067 .elementor-button.go-pro, .elementor-button.e-accent,
4068 .e-btn.go-pro,
4069 .e-btn.e-accent {
4070 background-color: var(--e-a-btn-bg-accent);
4071 }
4072 .elementor-button.go-pro:hover, .elementor-button.go-pro:focus, .elementor-button.e-accent:hover, .elementor-button.e-accent:focus,
4073 .e-btn.go-pro:hover,
4074 .e-btn.go-pro:focus,
4075 .e-btn.e-accent:hover,
4076 .e-btn.e-accent:focus {
4077 background-color: var(--e-a-btn-bg-accent-hover);
4078 }
4079 .elementor-button.go-pro:active, .elementor-button.e-accent:active,
4080 .e-btn.go-pro:active,
4081 .e-btn.e-accent:active {
4082 background-color: var(--e-a-btn-bg-accent-active);
4083 }
4084 .elementor-button.elementor-button-warning, .elementor-button.e-warning,
4085 .e-btn.elementor-button-warning,
4086 .e-btn.e-warning {
4087 background-color: var(--e-a-btn-bg-warning);
4088 }
4089 .elementor-button.elementor-button-warning:hover, .elementor-button.elementor-button-warning:focus, .elementor-button.e-warning:hover, .elementor-button.e-warning:focus,
4090 .e-btn.elementor-button-warning:hover,
4091 .e-btn.elementor-button-warning:focus,
4092 .e-btn.e-warning:hover,
4093 .e-btn.e-warning:focus {
4094 background-color: var(--e-a-btn-bg-warning-hover);
4095 }
4096 .elementor-button.elementor-button-danger, .elementor-button.e-danger,
4097 .e-btn.elementor-button-danger,
4098 .e-btn.e-danger {
4099 background-color: var(--e-a-btn-bg-danger);
4100 }
4101 .elementor-button.elementor-button-danger:hover, .elementor-button.elementor-button-danger:focus, .elementor-button.e-danger:hover, .elementor-button.e-danger:focus,
4102 .e-btn.elementor-button-danger:hover,
4103 .e-btn.elementor-button-danger:focus,
4104 .e-btn.e-danger:hover,
4105 .e-btn.e-danger:focus {
4106 background-color: var(--e-a-btn-bg-danger-hover);
4107 }
4108 .elementor-button i,
4109 .e-btn i {
4110 margin-inline-end: 5px;
4111 }
4112
4113 body {
4114 --e-preview-width: calc(100% - var(--e-editor-panel-width, 300px));
4115 }
4116 body.elementor-navigator-docked {
4117 --e-preview-width: calc(100% - var(--e-editor-panel-width, 300px) - var(--e-editor-navigator-width, 0px));
4118 }
4119 body.elementor-device-desktop #elementor-preview {
4120 overflow-y: hidden;
4121 align-items: flex-start;
4122 }
4123 body:not(.elementor-device-desktop) body {
4124 overflow-y: auto;
4125 }
4126
4127 #elementor-preview {
4128 background-color: #333;
4129 height: 100%;
4130 border: 0;
4131 width: var(--e-preview-width);
4132 display: flex;
4133 flex-direction: column;
4134 justify-content: flex-start;
4135 align-items: center;
4136 position: relative;
4137 direction: ltr;
4138 }
4139 #elementor-preview > div {
4140 direction: rtl;
4141 }
4142
4143 #elementor-preview-responsive-wrapper {
4144 transform-origin: top center;
4145 padding: 20px;
4146 transform: scale(var(--e-preview-scale, 1));
4147 }
4148 .elementor-device-desktop #elementor-preview-responsive-wrapper {
4149 min-width: 1025px;
4150 width: 100%;
4151 height: 100%;
4152 padding: 0;
4153 position: relative;
4154 }
4155 body.e-is-device-mode:not(.elementor-device-desktop) #elementor-preview-responsive-wrapper {
4156 width: var(--e-editor-preview-width);
4157 height: var(--e-editor-preview-height);
4158 margin: 0 max((100vw - var(--e-editor-panel-width) - var(--e-editor-preview-width)) / 2, 20px);
4159 box-sizing: content-box;
4160 position: relative;
4161 max-height: calc(100vh - 80px);
4162 }
4163 body.e-is-device-mode:not(.elementor-device-desktop) #elementor-preview-responsive-wrapper .ui-resizable-handle {
4164 display: flex !important;
4165 }
4166 #elementor-preview-responsive-wrapper:not(.ui-resizable-resizing) {
4167 transition: 0.3s ease-in-out;
4168 }
4169 #elementor-preview-responsive-wrapper .ui-resizable-handle {
4170 top: 0;
4171 }
4172 #elementor-preview-responsive-wrapper .ui-resizable-handle.ui-resizable-s {
4173 top: auto;
4174 bottom: 0;
4175 }
4176 #elementor-preview-responsive-wrapper .ui-resizable-n, #elementor-preview-responsive-wrapper .ui-resizable-s {
4177 align-items: center;
4178 justify-content: center;
4179 height: 20px;
4180 }
4181 #elementor-preview-responsive-wrapper .ui-resizable-n:before, #elementor-preview-responsive-wrapper .ui-resizable-s:before {
4182 content: "";
4183 display: block;
4184 background-color: rgba(255, 255, 255, 0.2);
4185 width: 50px;
4186 height: 4px;
4187 border-radius: 3px;
4188 transition: all 0.2s ease-in-out;
4189 }
4190 #elementor-preview-responsive-wrapper .ui-resizable-n:hover:before, #elementor-preview-responsive-wrapper .ui-resizable-s:hover:before {
4191 background-color: rgba(255, 255, 255, 0.6);
4192 width: 100px;
4193 }
4194 #elementor-preview-responsive-wrapper .ui-resizable-e,
4195 #elementor-preview-responsive-wrapper .ui-resizable-w {
4196 align-items: center;
4197 justify-content: center;
4198 width: 20px;
4199 }
4200 #elementor-preview-responsive-wrapper .ui-resizable-e:before,
4201 #elementor-preview-responsive-wrapper .ui-resizable-w:before {
4202 content: "";
4203 display: block;
4204 background-color: rgba(255, 255, 255, 0.2);
4205 width: 4px;
4206 height: 50px;
4207 border-radius: 3px;
4208 transition: all 0.2s ease-in-out;
4209 }
4210 #elementor-preview-responsive-wrapper .ui-resizable-e:hover:before,
4211 #elementor-preview-responsive-wrapper .ui-resizable-w:hover:before {
4212 background-color: rgba(255, 255, 255, 0.6);
4213 height: 100px;
4214 }
4215 #elementor-preview-responsive-wrapper.ui-resizable-resizing .ui-resizable-handle:before {
4216 background-color: rgba(255, 255, 255, 0.9);
4217 }
4218 #elementor-preview-responsive-wrapper .ui-resizable-s {
4219 bottom: 0;
4220 }
4221 #elementor-preview-responsive-wrapper .ui-resizable-e {
4222 right: 0;
4223 }
4224 #elementor-preview-responsive-wrapper .ui-resizable-w {
4225 left: 0;
4226 }
4227
4228 #elementor-preview-iframe {
4229 width: 100%;
4230 height: 100%;
4231 background-color: #fff;
4232 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.15);
4233 }
4234
4235 #elementor-template-library-modal a.elementor-template-library-blank-footer-link {
4236 font-style: normal;
4237 text-decoration: underline;
4238 }
4239 #elementor-template-library-modal .dialog-buttons-wrapper {
4240 display: none;
4241 }
4242 #elementor-template-library-modal .select2-container {
4243 z-index: 0;
4244 }
4245 #elementor-template-library-modal .dialog-message {
4246 overflow-y: scroll;
4247 }
4248
4249 #elementor-template-library-header-menu {
4250 text-align: center;
4251 }
4252
4253 .elementor-template-library-menu-item {
4254 display: inline-block;
4255 padding: 17px 20px;
4256 border-block-end: 3px solid transparent;
4257 cursor: pointer;
4258 }
4259 .elementor-template-library-menu-item:hover {
4260 background-color: var(--e-a-bg-hover);
4261 border-color: var(--e-a-bg-hover);
4262 }
4263 .elementor-template-library-menu-item.elementor-active {
4264 border-color: var(--e-a-border-color-accent);
4265 color: var(--e-a-color-txt-accent);
4266 }
4267
4268 #elementor-template-library-header-actions {
4269 display: flex;
4270 }
4271 #elementor-template-library-header-actions > div {
4272 padding-inline-end: 16px;
4273 }
4274
4275 #elementor-template-library-header-preview-insert-wrapper {
4276 cursor: default;
4277 padding: 0 10px;
4278 }
4279
4280 #elementor-template-library-header-preview-back {
4281 padding-block: 16.5px 15px;
4282 padding-inline: 0 16.5px;
4283 border-inline-end: var(--e-a-border);
4284 cursor: pointer;
4285 transition: color 0.5s;
4286 }
4287 #elementor-template-library-header-preview-back:hover {
4288 color: var(--e-a-color-txt-hover);
4289 }
4290 #elementor-template-library-header-preview-back i {
4291 padding-inline-end: 10px;
4292 font-size: 18px;
4293 }
4294 #elementor-template-library-header-preview-back i:before {
4295 content: "\e87d";
4296 }
4297
4298 #elementor-template-library-templates[data-template-source=local] #elementor-template-library-templates-container {
4299 margin-block-start: 10px;
4300 margin-block-end: 45px;
4301 border-block-start: var(--e-a-border);
4302 }
4303 #elementor-template-library-templates[data-template-source=local] .elementor-template-library-order-input:checked + .elementor-template-library-order-label {
4304 color: var(--e-a-color-txt-active);
4305 }
4306 #elementor-template-library-templates[data-template-source=remote] #elementor-template-library-templates-container {
4307 margin: 10px -15px 0;
4308 }
4309 #elementor-template-library-templates[data-template-source=remote] .elementor-template-library-order-input:checked + .elementor-template-library-order-label {
4310 color: var(--e-a-color-txt-active);
4311 }
4312 #elementor-template-library-templates[data-template-source=empty] #elementor-template-library-order-toolbar-local,
4313 #elementor-template-library-templates[data-template-source=empty] #elementor-template-library-footer-banner {
4314 display: none;
4315 }
4316 #elementor-template-library-templates.elementor-templates-filter-active #elementor-template-library-footer-banner {
4317 display: none;
4318 }
4319 #elementor-template-library-templates .elementor-template-library-order-input {
4320 display: none;
4321 }
4322 #elementor-template-library-templates .elementor-template-library-order-input:checked + .elementor-template-library-order-label {
4323 padding-inline-end: 8px;
4324 }
4325 #elementor-template-library-templates .elementor-template-library-order-input:checked + .elementor-template-library-order-label:after {
4326 font-family: eicons;
4327 content: "\e8ae";
4328 margin-inline-start: 3px;
4329 }
4330 #elementor-template-library-templates .elementor-template-library-order-input:checked.elementor-template-library-order-reverse + .elementor-template-library-order-label:after {
4331 content: "\e8ad";
4332 }
4333
4334 #elementor-template-library-templates-container {
4335 display: flex;
4336 flex-wrap: wrap;
4337 align-items: flex-start;
4338 }
4339
4340 #elementor-template-library-toolbar {
4341 display: flex;
4342 justify-content: space-between;
4343 align-items: center;
4344 }
4345
4346 .elementor-template-library-filter-toolbar {
4347 display: flex;
4348 align-items: center;
4349 }
4350
4351 #elementor-template-library-filter-toolbar-remote {
4352 font-size: 11px;
4353 }
4354
4355 #elementor-template-library-order {
4356 display: flex;
4357 border-inline-end: var(--e-a-border);
4358 }
4359
4360 .elementor-template-library-order-label {
4361 text-transform: uppercase;
4362 padding-inline-end: 22px;
4363 -webkit-user-select: none;
4364 -moz-user-select: none;
4365 user-select: none;
4366 }
4367
4368 label.elementor-template-library-order-label {
4369 cursor: pointer;
4370 }
4371 label.elementor-template-library-order-label:hover {
4372 color: var(--e-a-color-txt-hover);
4373 }
4374
4375 #elementor-template-library-filter .select2 {
4376 text-align: start;
4377 width: calc(27px * 5) !important;
4378 }
4379 #elementor-template-library-filter .select2-selection__rendered {
4380 text-transform: capitalize;
4381 }
4382
4383 #select2-elementor-template-library-filter-subtype-results .select2-results__option {
4384 text-transform: capitalize;
4385 text-align: start;
4386 padding-inline-start: 5px;
4387 }
4388
4389 #elementor-template-library-my-favorites {
4390 flex-grow: 1;
4391 text-align: start;
4392 padding-inline-start: 20px;
4393 }
4394
4395 #elementor-template-library-filter-my-favorites {
4396 display: none;
4397 }
4398 #elementor-template-library-filter-my-favorites:checked + #elementor-template-library-filter-my-favorites-label {
4399 color: var(--e-a-color-txt-active);
4400 }
4401 #elementor-template-library-filter-my-favorites:checked + #elementor-template-library-filter-my-favorites-label i:after {
4402 color: var(--e-a-color-primary-bold);
4403 content: "\e93f";
4404 }
4405
4406 #elementor-template-library-filter-my-favorites-label {
4407 cursor: pointer;
4408 text-transform: uppercase;
4409 }
4410 #elementor-template-library-filter-my-favorites-label:hover {
4411 color: var(--e-a-color-txt-hover);
4412 }
4413 #elementor-template-library-filter-my-favorites-label:hover i:after {
4414 color: var(--e-a-color-primary-bold);
4415 }
4416 #elementor-template-library-filter-my-favorites-label i {
4417 padding-inline-end: 5px;
4418 }
4419 #elementor-template-library-filter-my-favorites-label i:after {
4420 content: "\e923";
4421 }
4422
4423 #elementor-template-library-filter-text-wrapper {
4424 width: 200px;
4425 position: relative;
4426 }
4427 #elementor-template-library-filter-text-wrapper i {
4428 position: absolute;
4429 top: 50%;
4430 left: 0;
4431 transform: translateY(-50%);
4432 }
4433
4434 #elementor-template-library-filter-text {
4435 border: none;
4436 border-block-end: var(--e-a-border-bold);
4437 border-radius: 0;
4438 font-size: 11px;
4439 padding: 8px 15px 8px 0;
4440 transition: border 0.5s;
4441 }
4442 #elementor-template-library-filter-text:focus {
4443 border-color: var(--e-a-border-color-focus);
4444 }
4445 #elementor-template-library-filter-text::-moz-placeholder {
4446 font-weight: 300;
4447 text-transform: uppercase;
4448 }
4449 #elementor-template-library-filter-text::placeholder {
4450 font-weight: 300;
4451 text-transform: uppercase;
4452 }
4453
4454 .elementor-template-library-template-remote {
4455 margin: calc( 30px / 2 );
4456 padding: 8px;
4457 border: var(--e-a-border);
4458 border-radius: 3px;
4459 }
4460 .elementor-template-library-template-remote:hover {
4461 background-color: var(--e-a-bg-hover);
4462 }
4463 .elementor-template-library-template-remote:hover .elementor-template-library-template-name {
4464 display: none;
4465 }
4466 .elementor-template-library-template-remote:not(:hover) .elementor-template-library-template-preview {
4467 opacity: 0;
4468 }
4469 .elementor-template-library-template-remote:not(:hover) .elementor-template-library-favorite,
4470 .elementor-template-library-template-remote:not(:hover) .elementor-template-library-template-action {
4471 display: none;
4472 }
4473 .elementor-template-library-template-remote.elementor-template-library-pro-template .elementor-template-library-template-body:before {
4474 content: var(--elementor-template-library-subscription-plan-label);
4475 background-color: var(--e-a-color-accent);
4476 color: var(--e-a-color-white);
4477 position: absolute;
4478 text-transform: uppercase;
4479 line-height: 1;
4480 top: 5px;
4481 left: 5px;
4482 padding: 3px 5px;
4483 font-size: 8px;
4484 border-radius: 2px;
4485 }
4486 .elementor-template-library-template-remote:not(.elementor-template-library-template-page):not(.elementor-template-library-template-lp) {
4487 position: relative;
4488 width: calc(33.333% - 30px);
4489 overflow: hidden;
4490 }
4491 .elementor-template-library-template-remote:not(.elementor-template-library-template-page):not(.elementor-template-library-template-lp) img {
4492 display: block;
4493 width: 100%;
4494 }
4495 .elementor-template-library-template-remote:not(.elementor-template-library-template-page):not(.elementor-template-library-template-lp) .elementor-template-library-template-footer {
4496 position: absolute;
4497 width: 100%;
4498 bottom: 0;
4499 right: 0;
4500 padding: 10px;
4501 background-color: var(--e-a-bg-default);
4502 transition: transform 0.5s;
4503 }
4504 .elementor-template-library-template-remote:not(.elementor-template-library-template-page):not(.elementor-template-library-template-lp) .elementor-template-library-template-name {
4505 display: none;
4506 }
4507 .elementor-template-library-template-remote:not(.elementor-template-library-template-page):not(.elementor-template-library-template-lp):not(:hover) .elementor-template-library-template-footer {
4508 transform: translateY(100%);
4509 }
4510 .elementor-template-library-template-remote .elementor-template-library-template-body {
4511 position: relative;
4512 }
4513 @media (max-width: 1025px) {
4514 .elementor-template-library-template-remote .elementor-template-library-template-body {
4515 height: 300px;
4516 }
4517 }
4518 .elementor-template-library-template-remote .elementor-template-library-template-screenshot {
4519 height: 100%;
4520 background-size: cover;
4521 background-position-x: 50%;
4522 box-shadow: inset 0px -2px 15px -6px rgba(0, 0, 0, 0.07);
4523 }
4524 .elementor-template-library-template-remote .elementor-template-library-template-preview {
4525 position: absolute;
4526 top: 0;
4527 left: 0;
4528 width: 100%;
4529 height: 100%;
4530 background-color: rgba(0, 0, 0, 0.5);
4531 transition: opacity 0.5s;
4532 cursor: pointer;
4533 }
4534 .elementor-template-library-template-remote .elementor-template-library-template-preview i {
4535 font-size: 20px;
4536 position: absolute;
4537 top: 50%;
4538 left: 50%;
4539 transform: translate(-50%, -50%);
4540 }
4541 .elementor-template-library-template-remote .elementor-template-library-template-footer {
4542 display: flex;
4543 justify-content: space-between;
4544 font-size: 11px;
4545 line-height: 1;
4546 height: 40px;
4547 align-items: center;
4548 }
4549 .elementor-template-library-template-remote .elementor-template-library-template-name {
4550 text-align: start;
4551 flex-grow: 1;
4552 white-space: nowrap;
4553 text-overflow: ellipsis;
4554 overflow: hidden;
4555 padding-inline-end: 5px;
4556 }
4557 .elementor-template-library-template-remote .elementor-template-library-template-favorite-input {
4558 display: none;
4559 }
4560 .elementor-template-library-template-remote .elementor-template-library-template-favorite-input:checked + .elementor-template-library-template-favorite-label i:before {
4561 content: "\e93f";
4562 color: var(--e-a-color-primary-bold);
4563 }
4564 .elementor-template-library-template-remote .elementor-template-library-template-favorite-label {
4565 font-size: 15px;
4566 cursor: pointer;
4567 }
4568 .elementor-template-library-template-remote .elementor-template-library-template-favorite-label:hover i {
4569 color: var(--e-a-color-primary-bold);
4570 }
4571
4572 @media (max-width: 1439px) {
4573 .elementor-template-library-template-page,
4574 .elementor-template-library-template-lp {
4575 width: calc(25% - 30px);
4576 }
4577 }
4578 @media (min-width: 1440px) {
4579 .elementor-template-library-template-page,
4580 .elementor-template-library-template-lp {
4581 width: calc(20% - 30px);
4582 }
4583 }
4584 @media (max-width: 1025px) {
4585 .elementor-template-library-template-page,
4586 .elementor-template-library-template-lp {
4587 width: calc(33.333% - 30px);
4588 }
4589 }
4590 .elementor-template-library-template-page .elementor-template-library-template-body,
4591 .elementor-template-library-template-lp .elementor-template-library-template-body {
4592 height: 200px;
4593 }
4594
4595 #elementor-template-library-order-toolbar-local,
4596 .elementor-template-library-template-local {
4597 display: flex;
4598 align-items: center;
4599 padding: 0 25px;
4600 text-align: start;
4601 }
4602
4603 #elementor-template-library-order-toolbar-local {
4604 margin-block-start: 30px;
4605 }
4606 #elementor-template-library-order-toolbar-local .elementor-template-library-order-label {
4607 line-height: 1;
4608 font-size: 10px;
4609 font-weight: 500;
4610 }
4611
4612 .elementor-template-library-template-local {
4613 height: 50px;
4614 width: 100%;
4615 margin-block-start: 1px;
4616 transition: background-color 0.3s linear;
4617 }
4618 .elementor-template-library-template-local:hover {
4619 background-color: var(--e-a-bg-hover);
4620 }
4621 .elementor-template-library-template-local:first-child {
4622 border-start-start-radius: 3px;
4623 border-start-end-radius: 3px;
4624 border-end-start-radius: 0;
4625 border-end-end-radius: 0;
4626 }
4627 .elementor-template-library-template-local:last-child {
4628 border-start-start-radius: 0;
4629 border-start-end-radius: 0;
4630 border-end-start-radius: 3px;
4631 border-end-end-radius: 3px;
4632 }
4633 .elementor-template-library-template-local .elementor-template-library-template-name {
4634 font-weight: 500;
4635 }
4636 .elementor-template-library-template-local .elementor-template-library-template-name,
4637 .elementor-template-library-template-local .elementor-template-library-template-meta {
4638 padding-inline-end: 20px;
4639 }
4640 .elementor-template-library-template-local .elementor-template-library-template-name,
4641 .elementor-template-library-template-local .elementor-template-library-template-meta,
4642 .elementor-template-library-template-local .elementor-template-library-template-preview,
4643 .elementor-template-library-template-local .elementor-template-library-template-action {
4644 white-space: nowrap;
4645 text-overflow: ellipsis;
4646 overflow: hidden;
4647 }
4648 .elementor-template-library-template-local .elementor-template-library-template-controls {
4649 position: relative;
4650 display: flex;
4651 align-items: center;
4652 }
4653 .elementor-template-library-template-local .elementor-template-library-template-controls > div {
4654 cursor: pointer;
4655 transition: color 0.5s;
4656 }
4657 .elementor-template-library-template-local .elementor-template-library-template-insert i {
4658 margin-inline-end: 3px;
4659 }
4660 .elementor-template-library-template-local .elementor-template-library-template-control-title {
4661 margin-inline-start: 6px;
4662 }
4663 .elementor-template-library-template-local .elementor-template-library-template-more .elementor-template-library-template-delete:hover {
4664 color: var(--e-a-color-danger);
4665 }
4666 .elementor-template-library-template-local .elementor-template-library-template-more {
4667 display: none;
4668 position: absolute;
4669 background-color: var(--e-a-bg-default);
4670 padding: 3px 20px;
4671 border-radius: var(--e-a-border-radius);
4672 box-shadow: 1px 3px 11px rgba(0, 0, 0, 0.3);
4673 top: 100%;
4674 left: 0;
4675 transform: translateX(-65%) translateY(-7px);
4676 z-index: 1;
4677 }
4678 .elementor-template-library-template-local .elementor-template-library-template-more:before {
4679 content: "";
4680 position: absolute;
4681 border: solid transparent;
4682 border-width: 8px 4px;
4683 border-block-end-color: var(--e-a-color-white);
4684 transform: translateY(-100%);
4685 }
4686 .elementor-template-library-template-local .elementor-template-library-template-more > div {
4687 margin: 10px 0;
4688 font-size: 11px;
4689 }
4690 .elementor-template-library-template-local .elementor-template-library-template-more a {
4691 color: var(--e-a-color-txt);
4692 }
4693 .elementor-template-library-template-local .elementor-template-library-template-more-toggle {
4694 flex-grow: 1;
4695 text-align: end;
4696 }
4697 .elementor-template-library-template-local .elementor-template-library-template-more-toggle i {
4698 font-size: 16px;
4699 }
4700
4701 #elementor-template-library-preview {
4702 height: 100%;
4703 overflow: hidden;
4704 }
4705 #elementor-template-library-preview iframe {
4706 height: 150%;
4707 transform: scale(0.666) translateX(25%) translateY(-25%);
4708 }
4709 @media (max-width: 1439px) {
4710 #elementor-template-library-preview iframe {
4711 width: 1440px;
4712 }
4713 }
4714 @media (min-width: 1440px) {
4715 #elementor-template-library-preview iframe {
4716 width: 1730px;
4717 }
4718 }
4719
4720 .elementor-template-library-blank-icon {
4721 font-size: 64px;
4722 margin-block-start: 45px;
4723 line-height: 1;
4724 }
4725 .elementor-template-library-blank-icon img {
4726 width: 70px;
4727 }
4728 .elementor-template-library-blank-icon .elementor-template-library-no-results {
4729 width: 200px;
4730 }
4731
4732 .elementor-template-library-blank-title {
4733 font-size: 30px;
4734 margin-block-start: 20px;
4735 }
4736 @media (max-width: 1439px) {
4737 .elementor-template-library-blank-title {
4738 font-size: 25px;
4739 }
4740 }
4741
4742 .elementor-template-library-blank-message {
4743 font-size: 18px;
4744 margin-block-start: 15px;
4745 font-weight: 300;
4746 }
4747 @media (max-width: 1439px) {
4748 .elementor-template-library-blank-message {
4749 font-size: 16px;
4750 margin-block-start: 10px;
4751 }
4752 }
4753
4754 #elementor-template-library-save-template-form {
4755 margin-block-start: 40px;
4756 display: flex;
4757 align-items: center;
4758 justify-content: center;
4759 }
4760 #elementor-template-library-save-template-form > * {
4761 height: 55px;
4762 font-size: 16px;
4763 }
4764
4765 #elementor-template-library-save-template-name {
4766 width: 500px;
4767 padding-inline-start: 25px;
4768 border-start-start-radius: 3px;
4769 border-start-end-radius: 0;
4770 border-end-start-radius: 3px;
4771 border-end-end-radius: 0;
4772 }
4773
4774 #elementor-template-library-save-template-submit {
4775 width: 150px;
4776 border-start-start-radius: 0;
4777 border-start-end-radius: 3px;
4778 border-end-start-radius: 0;
4779 border-end-end-radius: 3px;
4780 }
4781
4782 #elementor-template-library-import-form {
4783 width: 95%;
4784 padding: 60px;
4785 border: 2px dashed var(--e-a-border-color-bold);
4786 margin: 35px auto;
4787 transition: var(--e-a-transition-hover);
4788 }
4789 #elementor-template-library-import-form-or {
4790 margin-block-start: 15px;
4791 font-size: 18px;
4792 }
4793 #elementor-template-library-import-form-label {
4794 margin-block-start: 20px;
4795 padding: 15px 35px;
4796 display: inline-block;
4797 }
4798 #elementor-template-library-import-form-input {
4799 display: none;
4800 }
4801 #elementor-template-library-import-form.elementor-drag-over {
4802 border-color: var(--e-a-color-primary);
4803 }
4804 #elementor-template-library-import .elementor-template-library-blank-icon {
4805 margin-block-start: 0;
4806 }
4807 #elementor-template-library-import .elementor-template-library-blank-message {
4808 margin-block-start: 20px;
4809 }
4810
4811 .e-route-library-connect #elementor-template-library-modal .dialog-message {
4812 max-height: 95vh;
4813 padding: 100px 0 0;
4814 min-height: 550px;
4815 }
4816
4817 #elementor-template-library-connect-logo {
4818 font-size: 20px;
4819 }
4820 #elementor-template-library-connect__button {
4821 display: inline-block;
4822 position: relative;
4823 z-index: 1;
4824 margin-block-start: 25px;
4825 padding: 12px 24px;
4826 font-size: 14px;
4827 }
4828 #elementor-template-library-connect__background-image-left-1 {
4829 right: 22.4%;
4830 bottom: -29%;
4831 animation: 1.5s fadeIn, 1.5s slideDown, 3.5s mover 1.5s infinite alternate;
4832 }
4833 #elementor-template-library-connect__background-image-left-2 {
4834 right: 46.25%;
4835 bottom: -15.5%;
4836 animation: 3s fadeIn, 3s slideDown, 2s mover 3s infinite alternate;
4837 }
4838 #elementor-template-library-connect__background-image-right-1 {
4839 left: 37%;
4840 bottom: -41%;
4841 animation: 2.5s fadeIn, 2.5s slideDown, 2s mover 2.5s infinite alternate;
4842 }
4843 #elementor-template-library-connect__background-image-right-2 {
4844 left: 48%;
4845 bottom: -12.5%;
4846 animation: 1.5s fadeIn, 1.5s slideDown, 1.5s mover 1.5s infinite alternate;
4847 }
4848
4849 .elementor-template-library-connect__background-image {
4850 position: absolute;
4851 }
4852
4853 .elementor-template-library-blank-footer {
4854 position: absolute;
4855 bottom: 70px;
4856 left: 50%;
4857 transform: translateX(-50%);
4858 font-style: italic;
4859 color: var(--e-a-color-txt-muted);
4860 }
4861 @media (max-height: 700px) {
4862 .elementor-template-library-blank-footer {
4863 display: none;
4864 }
4865 }
4866
4867 #elementor-template-library-footer-banner {
4868 padding-block-end: 45px;
4869 }
4870 #elementor-template-library-footer-banner i {
4871 font-size: 56px;
4872 margin-block-start: 40px;
4873 }
4874 #elementor-template-library-footer-banner .elementor-nerd-box-icon {
4875 margin-block-start: 70px;
4876 }
4877
4878 #elementor-template-library-templates-empty {
4879 width: 100%;
4880 margin-block-start: 40px;
4881 }
4882
4883 #elementor-template-library-error-dialog .dialog-message {
4884 text-align: start;
4885 }
4886
4887 #elementor-template-library-error-info {
4888 margin-block-start: 10px;
4889 }
4890
4891 @media (max-width: 1439px) {
4892 .elementor-template-library-local-column-1 {
4893 width: 33%;
4894 }
4895 .elementor-template-library-local-column-2 {
4896 width: 10%;
4897 }
4898 .elementor-template-library-local-column-3 {
4899 width: 15%;
4900 }
4901 .elementor-template-library-local-column-4 {
4902 width: 15%;
4903 }
4904 .elementor-template-library-local-column-5 {
4905 width: 27%;
4906 }
4907 }
4908 @media (min-width: 1440px) {
4909 .elementor-template-library-local-column-1 {
4910 width: 25%;
4911 }
4912 .elementor-template-library-local-column-2 {
4913 width: 17%;
4914 }
4915 .elementor-template-library-local-column-3 {
4916 width: 17%;
4917 }
4918 .elementor-template-library-local-column-4 {
4919 width: 17%;
4920 }
4921 .elementor-template-library-local-column-5 {
4922 width: 24%;
4923 }
4924 }
4925 @media (max-width: 1024px) {
4926 .elementor-template-library-local-column-3 {
4927 display: none;
4928 }
4929 .elementor-template-library-local-column-5 {
4930 width: 41%;
4931 }
4932 }
4933 .elementor-tags-list {
4934 display: none;
4935 position: absolute;
4936 width: 260px;
4937 max-height: 300px;
4938 overflow: auto;
4939 padding-block-end: 5px;
4940 background-color: var(--e-a-bg-default);
4941 box-shadow: var(--e-a-popover-shadow);
4942 border: var(--e-a-border);
4943 border-radius: 3px;
4944 z-index: 10000;
4945 }
4946 .elementor-tags-list__group-title {
4947 font-weight: bold;
4948 font-size: 12px;
4949 padding: 10px 15px;
4950 display: flex;
4951 align-items: center;
4952 }
4953 .elementor-tags-list__group-title .eicon-info-circle {
4954 padding-inline-end: 5px;
4955 color: var(--e-a-color-primary-bold);
4956 font-size: 14px;
4957 }
4958 .elementor-tags-list__item {
4959 font-size: 10px;
4960 padding: 6px 15px;
4961 cursor: pointer;
4962 }
4963 .elementor-tags-list__item:before {
4964 content: ">";
4965 font-size: 8px;
4966 padding-inline-end: 5px;
4967 }
4968 .elementor-tags-list__item:hover {
4969 background-color: var(--e-a-bg-hover);
4970 }
4971 .elementor-tags-list__teaser {
4972 border-block-start: 2px solid var(--e-a-border-color);
4973 padding-block-start: 4px;
4974 margin-block-start: 4px;
4975 }
4976 .elementor-tags-list__teaser-text {
4977 padding: 2px 15px 8px;
4978 line-height: 1.5;
4979 font-size: 12px;
4980 }
4981 .elementor-tags-list__teaser-link {
4982 color: var(--e-a-color-primary-bold);
4983 text-decoration: underline;
4984 font-style: italic;
4985 font-weight: bold;
4986 }
4987
4988 .elementor-dynamic-cover {
4989 display: flex;
4990 align-items: center;
4991 width: 100%;
4992 height: 27px;
4993 box-sizing: border-box;
4994 }
4995 .elementor-dynamic-cover__title {
4996 padding: 0 8px;
4997 flex-grow: 1;
4998 white-space: nowrap;
4999 text-overflow: ellipsis;
5000 overflow: hidden;
5001 }
5002 .elementor-dynamic-cover__settings, .elementor-dynamic-cover__remove {
5003 cursor: pointer;
5004 transition: var(--e-a-transition-hover);
5005 }
5006 .elementor-dynamic-cover__settings:hover, .elementor-dynamic-cover__remove:hover {
5007 color: var(--e-a-color-txt-hover);
5008 }
5009 .elementor-control-type-wysiwyg .elementor-dynamic-cover {
5010 margin-block-start: 10px;
5011 }
5012
5013 .elementor-tag-settings-popup {
5014 position: absolute;
5015 width: 260px;
5016 background-color: var(--e-a-bg-default);
5017 border: var(--e-a-border);
5018 box-shadow: var(--e-a-popover-shadow);
5019 z-index: 1;
5020 }
5021 .elementor-tag-settings-popup:before {
5022 content: "";
5023 position: absolute;
5024 top: -20px;
5025 right: 5px;
5026 border: 10px solid transparent;
5027 border-block-end-color: var(--e-a-border-color);
5028 }
5029 .elementor-tag-settings-popup .elementor-control-type-section:first-child {
5030 margin: 0;
5031 }
5032
5033 .elementor-tag-controls-stack-empty {
5034 background-color: var(--e-a-bg-default);
5035 padding: 10px;
5036 font-size: 13px;
5037 text-align: center;
5038 }
5039
5040 .elementor-control-dynamic input {
5041 border-start-start-radius: var(--e-a-border-radius);
5042 border-start-end-radius: 0;
5043 border-end-end-radius: 0;
5044 border-end-start-radius: var(--e-a-border-radius);
5045 }
5046 .elementor-control-dynamic-switcher {
5047 display: inline-flex;
5048 align-items: center;
5049 justify-content: center;
5050 flex-shrink: 0;
5051 height: 27px;
5052 cursor: pointer;
5053 border: var(--e-a-border-bold);
5054 background: var(--e-a-bg-default);
5055 border-inline-start-width: 0;
5056 border-start-start-radius: 0;
5057 border-start-end-radius: var(--e-a-border-radius);
5058 border-end-end-radius: var(--e-a-border-radius);
5059 border-end-start-radius: 0;
5060 transition: var(--e-a-transition-hover);
5061 }
5062 .elementor-control-dynamic-switcher:hover {
5063 background-color: var(--e-a-bg-hover);
5064 color: var(--e-a-color-txt-hover);
5065 }
5066 .elementor-control-dynamic-switcher.e-control-tool {
5067 height: 20px;
5068 border: 0;
5069 }
5070 .elementor-control-dynamic-switcher-wrapper {
5071 display: flex;
5072 }
5073 .elementor-control-dynamic-switcher .eicon-database {
5074 font-size: 12px;
5075 }
5076 .elementor-control-dynamic-value .elementor-control-tag-area,
5077 .elementor-control-dynamic-value .elementor-control-dynamic-switcher,
5078 .elementor-control-dynamic-value .e-global__popover-toggle {
5079 display: none;
5080 }
5081
5082 .elementor-context-menu {
5083 position: absolute;
5084 width: 200px;
5085 background-color: var(--e-a-bg-default);
5086 border: var(--e-a-border);
5087 border-radius: 3px;
5088 box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
5089 -webkit-user-select: none;
5090 -moz-user-select: none;
5091 user-select: none;
5092 z-index: 101;
5093 }
5094 .elementor-context-menu-list__group {
5095 padding: 5px 0;
5096 }
5097 .elementor-context-menu-list__group:not(:last-child) {
5098 border-block-end: var(--e-a-border);
5099 }
5100 .elementor-context-menu-list__item {
5101 padding: 5px 10px;
5102 padding-inline-end: 20px;
5103 display: flex;
5104 cursor: pointer;
5105 transition: var(--e-a-transition-hover);
5106 }
5107 .elementor-context-menu-list__item--disabled {
5108 cursor: default;
5109 color: var(--e-a-color-disabled);
5110 }
5111 .elementor-context-menu-list__item:not(.elementor-context-menu-list__item--disabled):hover {
5112 background-color: var(--e-a-bg-hover);
5113 color: var(--e-a-color-hover);
5114 }
5115 .elementor-context-menu-list__item__icon {
5116 width: 20px;
5117 }
5118 .elementor-context-menu-list__item__title {
5119 flex-grow: 1;
5120 white-space: nowrap;
5121 text-overflow: ellipsis;
5122 overflow: hidden;
5123 }
5124 .elementor-context-menu-list__item__shortcut {
5125 color: var(--e-a-color-txt-muted);
5126 }
5127 .elementor-context-menu-list__item.elementor-context-menu-list__item-delete:not(.elementor-context-menu-list__item--disabled):hover > * {
5128 color: var(--e-global-color-danger);
5129 }
5130 .elementor-context-menu .eicon-pro-icon {
5131 color: var(--e-global-color-accent);
5132 }
5133
5134 #elementor-hotkeys {
5135 text-align: start;
5136 }
5137 #elementor-hotkeys__modal .dialog-buttons-wrapper {
5138 display: none;
5139 }
5140 #elementor-hotkeys__content {
5141 display: flex;
5142 gap: 70px;
5143 padding: 10px 30px;
5144 width: 100%;
5145 overflow: hidden;
5146 }
5147 @media (max-width: 1024px) {
5148 #elementor-hotkeys__content {
5149 flex-direction: column;
5150 gap: 20px;
5151 padding: 20px;
5152 }
5153 }
5154
5155 .elementor-hotkeys__col {
5156 width: 50%;
5157 }
5158 @media (max-width: 1024px) {
5159 .elementor-hotkeys__col {
5160 width: 100%;
5161 }
5162 }
5163 .elementor-hotkeys__header, .elementor-hotkeys__list {
5164 width: 100%;
5165 }
5166 .elementor-hotkeys__header {
5167 padding: 10px 0;
5168 font-weight: 500;
5169 }
5170 .elementor-hotkeys__list {
5171 background-color: var(--e-a-bg-default);
5172 height: calc(100% - 42px);
5173 padding: 10px 0;
5174 }
5175 @media (max-width: 479px) {
5176 .elementor-hotkeys__list {
5177 padding: 0;
5178 }
5179 }
5180 @media (max-width: 1024px) {
5181 .elementor-hotkeys__list {
5182 height: auto;
5183 }
5184 }
5185 .elementor-hotkeys__item {
5186 display: flex;
5187 align-items: center;
5188 padding: 20px 10px;
5189 }
5190 .elementor-hotkeys__item:not(:last-child) {
5191 border-block-end: var(--e-a-border);
5192 }
5193 .elementor-hotkeys__item--label {
5194 font-size: 13px;
5195 font-weight: 400;
5196 flex-grow: 1;
5197 }
5198 .elementor-hotkeys__item--shortcut {
5199 flex-grow: 0;
5200 display: flex;
5201 flex-direction: row-reverse;
5202 }
5203 .elementor-hotkeys__item--shortcut span {
5204 position: relative;
5205 background-color: var(--e-a-bg-active);
5206 padding: 5px 12px;
5207 margin-inline-end: 27px;
5208 border-radius: 3px;
5209 }
5210 @media (max-width: 479px) {
5211 .elementor-hotkeys__item--shortcut span {
5212 padding: 4px 9px;
5213 margin-inline-end: 23px;
5214 }
5215 }
5216 .elementor-hotkeys__item--shortcut span:after {
5217 content: " + ";
5218 position: absolute;
5219 right: -18px;
5220 width: 9px;
5221 text-align: center;
5222 }
5223 @media (max-width: 479px) {
5224 .elementor-hotkeys__item--shortcut span:after {
5225 right: -16px;
5226 }
5227 }
5228 .elementor-hotkeys__item--shortcut span:last-child {
5229 margin-inline-end: 0;
5230 }
5231 .elementor-hotkeys__item--shortcut span:last-child:after {
5232 display: none;
5233 }
5234
5235 .ui-resizable-n {
5236 top: -5px;
5237 }
5238 .ui-resizable-e {
5239 right: -5px;
5240 }
5241 .ui-resizable-s {
5242 bottom: -5px;
5243 }
5244 .ui-resizable-w {
5245 left: -5px;
5246 }
5247 .ui-resizable-ne {
5248 top: -5px;
5249 right: -5px;
5250 }
5251 .ui-resizable-nw {
5252 top: -5px;
5253 left: -5px;
5254 }
5255 .ui-resizable-se {
5256 bottom: -5px;
5257 right: -5px;
5258 }
5259 .ui-resizable-sw {
5260 bottom: -5px;
5261 left: -5px;
5262 }
5263 .ui-resizable-n, .ui-resizable-s {
5264 left: 0;
5265 height: 10px;
5266 width: 100%;
5267 cursor: ns-resize;
5268 }
5269 .ui-resizable-e, .ui-resizable-w {
5270 top: 0;
5271 height: 100%;
5272 width: 10px;
5273 cursor: ew-resize;
5274 }
5275 .ui-resizable-ne, .ui-resizable-nw, .ui-resizable-se, .ui-resizable-sw {
5276 height: 15px;
5277 width: 15px;
5278 }
5279 .ui-resizable-nw, .ui-resizable-se {
5280 cursor: nwse-resize;
5281 }
5282 .ui-resizable-ne, .ui-resizable-sw {
5283 cursor: nesw-resize;
5284 }
5285 .ui-resizable-handle {
5286 position: absolute;
5287 }
5288 .ui-resizable-resizing {
5289 pointer-events: none;
5290 }
5291
5292 body {
5293 --e-editor-navigator-width: 240px;
5294 }
5295
5296 #elementor-navigator {
5297 position: fixed;
5298 top: 100px;
5299 width: var(--e-editor-navigator-width);
5300 height: 50vh;
5301 left: 30px;
5302 background-color: var(--e-a-bg-default);
5303 border: var(--e-a-border);
5304 box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
5305 -webkit-user-select: none;
5306 -moz-user-select: none;
5307 user-select: none;
5308 overflow: hidden;
5309 z-index: 100;
5310 display: none;
5311 }
5312 body.elementor-navigator-docked #elementor-navigator {
5313 top: 0;
5314 left: 0;
5315 height: 100%;
5316 }
5317 body:not(.elementor-navigator-docked) #elementor-navigator {
5318 border-radius: 5px;
5319 }
5320 #elementor-navigator__inner {
5321 height: 100%;
5322 }
5323 #elementor-navigator__header {
5324 display: flex;
5325 align-items: stretch;
5326 border-block-end: var(--e-a-border);
5327 color: var(--e-a-color-txt-accent);
5328 }
5329 #elementor-navigator__header__title {
5330 flex: 1;
5331 text-align: center;
5332 font-size: 13px;
5333 font-weight: 400;
5334 padding: 10px 0;
5335 cursor: move;
5336 }
5337 #elementor-navigator__close, #elementor-navigator__toggle-all {
5338 color: var(--e-a-color-txt);
5339 background-color: transparent;
5340 border: none;
5341 outline: 0;
5342 padding: 10px;
5343 cursor: pointer;
5344 transition: color 0.5s;
5345 }
5346 #elementor-navigator__close:hover, #elementor-navigator__toggle-all:hover {
5347 color: var(--e-a-color-txt-hover);
5348 }
5349 #elementor-navigator__close:focus, #elementor-navigator__toggle-all:focus {
5350 color: var(--e-a-color-txt-active);
5351 }
5352 #elementor-navigator__toggle-all {
5353 font-size: 13px;
5354 }
5355 #elementor-navigator__close {
5356 font-size: 11px;
5357 }
5358 #elementor-navigator__elements {
5359 height: calc(100% - 49px);
5360 overflow: auto;
5361 position: relative;
5362 }
5363 .elementor-navigator-docked #elementor-navigator__elements {
5364 height: calc(100% - 35px);
5365 }
5366 #elementor-navigator__elements .elementor-nerd-box {
5367 padding: 25px;
5368 }
5369 > #elementor-navigator__elements-section {
5370 border-block-end: var(--e-a-border);
5371 }
5372 #elementor-navigator__footer {
5373 position: absolute;
5374 width: 100%;
5375 left: 0;
5376 bottom: 0;
5377 text-align: center;
5378 border-block-start: var(--e-a-border);
5379 }
5380 .elementor-navigator-docked #elementor-navigator__footer {
5381 display: none;
5382 }
5383
5384 .elementor-navigator__item {
5385 position: relative;
5386 display: flex;
5387 height: 30px;
5388 cursor: pointer;
5389 transition: padding 0.5s linear;
5390 overflow: hidden;
5391 }
5392 .elementor-navigator__item:hover, .elementor-navigator__item:focus {
5393 background-color: var(--e-a-bg-hover);
5394 }
5395 .elementor-navigator__item:active {
5396 background-color: var(--e-a-bg-active);
5397 color: var(--e-a-color-txt-accent);
5398 }
5399 .elementor-navigator__item[data-locked=true] {
5400 cursor: not-allowed;
5401 }
5402 .elementor-navigator__item:not(.elementor-active) .elementor-navigator__element__list-toggle i {
5403 transform: rotate(90deg);
5404 }
5405 .elementor-navigator__item > * {
5406 display: flex;
5407 align-items: center;
5408 }
5409 .elementor-navigator__item + .elementor-navigator__elements {
5410 display: none;
5411 }
5412 .elementor-navigator__elements > .elementor-navigator__element-section,
5413 .elementor-navigator__elements > .elementor-navigator__element-container:not(:last-child) {
5414 border-block-end: var(--e-a-border);
5415 }
5416 .elementor-navigator__elements .elementor-empty-view {
5417 padding: 10px;
5418 }
5419 .elementor-navigator__elements .elementor-empty-view__title {
5420 margin-inline-start: 23px;
5421 font-size: 10px;
5422 font-style: italic;
5423 }
5424 .elementor-navigator__elements .ui-sortable-helper {
5425 box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1);
5426 transform: rotate(4deg);
5427 background-color: var(--e-a-bg-active);
5428 color: var(--e-a-color-txt-accent);
5429 pointer-events: none;
5430 }
5431 .elementor-navigator__elements .ui-sortable-placeholder {
5432 background-color: var(--e-a-bg-hover);
5433 }
5434 .elementor-navigator__element.elementor-dragging-on-child > .elementor-navigator__elements > .elementor-empty-view {
5435 border-block-start: var(--e-a-border);
5436 }
5437 .elementor-navigator__element.elementor-dragging-on-child > .elementor-navigator__elements > .elementor-empty-view .elementor-empty-view__title {
5438 display: none;
5439 }
5440 .elementor-navigator__element.elementor-dragging-on-child > .elementor-navigator__elements > .elementor-empty-view + .ui-sortable-placeholder {
5441 display: none;
5442 }
5443 .elementor-navigator__element:not(.elementor-navigator__element--has-children) .elementor-navigator__element__list-toggle {
5444 visibility: hidden;
5445 }
5446 .elementor-navigator__element:not(.elementor-navigator__element--hidden) > .elementor-navigator__item .elementor-navigator__element__toggle {
5447 color: var(--e-a-color-txt-default);
5448 }
5449 .elementor-navigator__element:not(.elementor-navigator__element--hidden) > .elementor-navigator__item .elementor-navigator__element__toggle:hover {
5450 color: var(--e-a-color-txt-hover);
5451 }
5452 .elementor-navigator__element:not(.elementor-navigator__element--hidden) > .elementor-navigator__item:not(:hover) .elementor-navigator__element__toggle {
5453 display: none;
5454 }
5455 .elementor-navigator__element:not(.elementor-navigator__element--hidden) > .elementor-navigator__item.elementor-editing {
5456 background-color: var(--e-a-bg-active);
5457 }
5458 .elementor-navigator__element__list-toggle {
5459 margin-inline-end: 7px;
5460 transition: transform 0.3s;
5461 }
5462 .elementor-navigator__element__element-type {
5463 margin-inline-end: 8px;
5464 font-size: 14px;
5465 }
5466 .elementor-navigator__element__title {
5467 flex-grow: 1;
5468 overflow: hidden;
5469 }
5470 .elementor-navigator__element__title__text {
5471 white-space: nowrap;
5472 -webkit-user-select: text;
5473 -moz-user-select: text;
5474 user-select: text;
5475 }
5476 .elementor-navigator__element__title__text[contenteditable=true] {
5477 outline: none;
5478 background-color: var(--e-a-bg-hover);
5479 padding: var(--e-admin-border-radius);
5480 border: var(--e-a-border);
5481 }
5482 .elementor-navigator__element__title__text:not([contenteditable=true]) {
5483 padding: 3px 0;
5484 white-space: nowrap;
5485 text-overflow: ellipsis;
5486 overflow: hidden;
5487 }
5488 .elementor-navigator__element__toggle {
5489 position: absolute;
5490 left: 15px;
5491 height: 100%;
5492 z-index: 0;
5493 font-size: 13px;
5494 }
5495 .elementor-navigator__element__indicators {
5496 position: relative;
5497 transition: transform 0.5s;
5498 padding-inline-start: 5px;
5499 z-index: 91;
5500 }
5501 .elementor-navigator__element__indicators:not(:hover) {
5502 transform: translateX(calc(-100% + 8px));
5503 }
5504 .elementor-navigator__element__indicator {
5505 height: 100%;
5506 width: 31px;
5507 display: inline-flex;
5508 align-items: center;
5509 justify-content: center;
5510 color: var(--e-a-color-txt-invert);
5511 background-color: var(--e-a-color-white);
5512 border-inline-start: var(--e-a-border);
5513 }
5514 .elementor-navigator__element__indicator:first-child {
5515 border-inline-start: 3px solid var(--e-a-border-color-accent);
5516 }
5517 .elementor-editing .elementor-navigator__element__indicator:first-child {
5518 border-color: #242729;
5519 }
5520 .elementor-navigator__element__indicator:hover {
5521 color: var(--e-a-color-txt-hover);
5522 }
5523 .elementor-navigator__element--hidden .elementor-navigator__element__title,
5524 .elementor-navigator__element--hidden .elementor-navigator__element__toggle {
5525 opacity: 0.5;
5526 }
5527
5528 .e-notice-bar {
5529 position: absolute;
5530 width: 100%;
5531 bottom: 0;
5532 display: flex;
5533 align-items: center;
5534 height: 40px;
5535 color: #fff;
5536 background-color: var(--e-a-color-accent);
5537 padding: 0 25px;
5538 }
5539 .e-notice-bar__message a {
5540 text-decoration: underline;
5541 color: var(--e-a-color-txt-invert);
5542 }
5543 .e-notice-bar__message a:hover {
5544 color: #D5D8DC;
5545 }
5546 .e-notice-bar__primary_action {
5547 margin-inline: 12px;
5548 }
5549 .e-notice-bar__primary_action a {
5550 background: #ffffff;
5551 border-radius: 3px;
5552 color: #93003f;
5553 padding: 4px 10px;
5554 font-size: 11px;
5555 }
5556 .e-notice-bar__primary_action a:hover {
5557 color: #47001e;
5558 background: #F1F2F3;
5559 }
5560 .e-notice-bar__secondary_message, .e-notice-bar__secondary_action {
5561 font-size: 11px;
5562 }
5563 .e-notice-bar__secondary_action {
5564 margin-inline: 4px;
5565 }
5566 .e-notice-bar__secondary_action a {
5567 color: #ffffff;
5568 text-decoration: underline;
5569 }
5570 .e-notice-bar__secondary_action a:hover {
5571 color: #F1F2F3;
5572 }
5573 .e-notice-bar__close {
5574 cursor: pointer;
5575 margin-inline-start: auto;
5576 }
5577 .e-notice-bar__icon {
5578 margin-inline-end: 8px;
5579 }
5580 .e-notice-bar i {
5581 font-size: 16px;
5582 opacity: 0.9;
5583 }
5584 .e-notice-bar i:hover {
5585 color: #D5D8DC;
5586 }
5587 .e-notice-bar a,
5588 .e-notice-bar i {
5589 transition: var(--e-a-transition-hover);
5590 }
5591
5592 body:not(.elementor-device-desktop) #e-notice-bar {
5593 display: none;
5594 }
5595
5596 #elementor-fatal-error-dialog .dialog-message a {
5597 text-decoration: underline;
5598 }
5599
5600 #elementor-preview-debug-link-text {
5601 display: inline-block;
5602 }
5603
5604 #elementor-icons-manager-modal .dialog-message {
5605 padding: 0;
5606 height: 700px;
5607 }
5608 #elementor-icons-manager-modal .dialog-content {
5609 display: flex;
5610 }
5611 #elementor-icons-manager__wrapper {
5612 display: flex;
5613 }
5614 @media (max-width: 479px) {
5615 #elementor-icons-manager__sidebar {
5616 display: none;
5617 }
5618 }
5619 #elementor-icons-manager__tab-links {
5620 margin-block-start: 30px;
5621 }
5622 #elementor-icons-manager__upload {
5623 margin: 20px 45px;
5624 padding-block-start: 35px;
5625 border-block-start: var(--e-a-border);
5626 display: flex;
5627 align-items: center;
5628 justify-content: space-between;
5629 }
5630 @media (max-width: 1439px) {
5631 #elementor-icons-manager__upload {
5632 margin: 20px 25px;
5633 }
5634 }
5635 #elementor-icons-manager__main {
5636 display: flex;
5637 flex-direction: column;
5638 padding: 30px 80px 0;
5639 }
5640 @media (max-width: 1439px) {
5641 #elementor-icons-manager__main {
5642 padding: 30px 50px 0;
5643 }
5644 }
5645 @media (max-width: 479px) {
5646 #elementor-icons-manager__main {
5647 width: 100%;
5648 }
5649 }
5650 #elementor-icons-manager__search {
5651 position: relative;
5652 }
5653 #elementor-icons-manager__search input {
5654 padding: 8px 15px;
5655 background-color: transparent;
5656 }
5657 #elementor-icons-manager__search i {
5658 position: absolute;
5659 top: 50%;
5660 transform: translateY(-50%);
5661 left: 15px;
5662 }
5663 #elementor-icons-manager__tab__wrapper {
5664 overflow: auto;
5665 margin: 25px -15px 0;
5666 padding: 0 15px 15px;
5667 }
5668 #elementor-icons-manager__tab__title {
5669 color: var(--e-a-color-txt);
5670 font-size: 16px;
5671 font-weight: 500;
5672 text-align: start;
5673 }
5674 @media (max-width: 479px) {
5675 #elementor-icons-manager__tab__title {
5676 display: none;
5677 }
5678 }
5679 #elementor-icons-manager__tab__content {
5680 display: grid;
5681 grid-template-columns: repeat(7, 1fr);
5682 grid-gap: 20px;
5683 margin: 20px 0;
5684 }
5685 @media (max-width: 1439px) {
5686 #elementor-icons-manager__tab__content {
5687 grid-template-columns: repeat(6, 1fr);
5688 }
5689 }
5690 @media (max-width: 1024px) {
5691 #elementor-icons-manager__tab__content {
5692 grid-template-columns: repeat(5, 1fr);
5693 }
5694 }
5695 @media (max-width: 767px) {
5696 #elementor-icons-manager__tab__content {
5697 grid-template-columns: repeat(4, 1fr);
5698 }
5699 }
5700 @media (max-width: 479px) {
5701 #elementor-icons-manager__tab__content {
5702 grid-template-columns: repeat(3, 1fr);
5703 }
5704 }
5705 #elementor-icons-manager__promotion {
5706 display: flex;
5707 align-items: center;
5708 flex-direction: column;
5709 padding-block-start: 70px;
5710 }
5711 #elementor-icons-manager__promotion__icon {
5712 font-size: 60px;
5713 }
5714 #elementor-icons-manager__promotion__text {
5715 width: 300px;
5716 font-size: 16px;
5717 padding-block-start: 25px;
5718 }
5719 #elementor-icons-manager__promotion__link {
5720 margin-block-start: 20px;
5721 }
5722
5723 .elementor-icons-manager__tab-link {
5724 padding-block: 15px;
5725 padding-inline: 45px 0;
5726 font-size: 12px;
5727 text-align: start;
5728 cursor: pointer;
5729 position: relative;
5730 }
5731 .elementor-icons-manager__tab-link i {
5732 font-size: 20px;
5733 padding-inline-end: 15px;
5734 }
5735 @media (max-width: 1024px) {
5736 .elementor-icons-manager__tab-link i {
5737 display: none;
5738 }
5739 }
5740 .elementor-icons-manager__tab-link:hover {
5741 background-color: var(--e-a-bg-hover);
5742 }
5743 .elementor-icons-manager__tab-link.elementor-active {
5744 background-color: var(--e-a-bg-active);
5745 color: var(--e-a-color-txt-accent);
5746 }
5747 .elementor-icons-manager__tab-link.elementor-active:after {
5748 content: "";
5749 position: absolute;
5750 height: 100%;
5751 width: 3px;
5752 top: 0;
5753 right: 0;
5754 background-color: var(--e-a-border-color-accent);
5755 }
5756 .elementor-icons-manager__tab__item {
5757 position: relative;
5758 height: 0;
5759 padding-block-end: 100%;
5760 border: var(--e-a-border);
5761 border-radius: 3px;
5762 cursor: pointer;
5763 transition: var(--e-a-transition-hover);
5764 overflow: hidden;
5765 }
5766 .elementor-icons-manager__tab__item:hover {
5767 background-color: var(--e-a-bg-hover);
5768 }
5769 .elementor-icons-manager__tab__item.elementor-selected {
5770 background-color: var(--e-a-bg-active);
5771 border-color: var(--e-a-border-color-accent);
5772 color: var(--e-a-color-txt-accent);
5773 }
5774 .elementor-icons-manager__tab__item__content {
5775 display: flex;
5776 flex-direction: column;
5777 align-items: center;
5778 width: 100%;
5779 position: absolute;
5780 top: 50%;
5781 left: 50%;
5782 transform: translate(-50%, -50%);
5783 padding: 1px;
5784 }
5785 .elementor-icons-manager__tab__item__icon {
5786 font-size: 25px;
5787 }
5788 .elementor-icons-manager__tab__item__name {
5789 font-size: 11px;
5790 padding: 13px 20px 0;
5791 max-width: 100%;
5792 white-space: nowrap;
5793 text-overflow: ellipsis;
5794 overflow: hidden;
5795 }
5796
5797 .elementor-color-picker__header {
5798 display: flex;
5799 justify-content: space-between;
5800 align-items: center;
5801 font-weight: bold;
5802 padding: 10px;
5803 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
5804 }
5805
5806 .e-color-picker__tools {
5807 display: flex;
5808 }
5809
5810 .e-control-color--no-value .pcr-button {
5811 background-image: linear-gradient(135deg, transparent 46%, #ff3030 50%, transparent 54%);
5812 background-size: cover;
5813 background-color: transparent;
5814 }
5815
5816 .pickr {
5817 border: var(--e-a-border);
5818 height: 27px;
5819 }
5820 .pickr .pcr-button {
5821 height: 100%;
5822 width: 100%;
5823 border-radius: var(--e-a-border-radius);
5824 }
5825 .pickr .pcr-button:before, .pickr .pcr-button:after {
5826 height: 12px;
5827 width: 12px;
5828 top: 50%;
5829 left: 50%;
5830 transform: translate(-50%, -50%);
5831 }
5832
5833 .pcr-app {
5834 background-color: var(--e-a-bg-default);
5835 color: var(--e-a-color-txt);
5836 box-shadow: var(--e-a-popover-shadow);
5837 font-family: var(--e-a-font-family);
5838 }
5839 .pcr-app[data-theme=monolith] {
5840 padding: 0;
5841 width: 270px;
5842 }
5843 .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity,
5844 .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser {
5845 height: 8px;
5846 }
5847 .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette {
5848 height: 150px;
5849 }
5850 .pcr-app .pcr-interaction {
5851 padding-block-end: 20px;
5852 }
5853 .pcr-app .pcr-interaction input.pcr-result {
5854 border: var(--e-a-border);
5855 color: var(--e-a-color-txt);
5856 border-radius: var(--e-a-border-radius);
5857 margin: 0;
5858 background-color: transparent;
5859 }
5860 .pcr-app .pcr-interaction input.pcr-result:focus {
5861 box-shadow: none;
5862 border-color: var(--e-a-border-color-bold);
5863 }
5864 .pcr-app .pcr-interaction input.pcr-type {
5865 all: unset;
5866 font-size: 10px;
5867 color: var(--e-a-color-txt-muted);
5868 padding-inline-start: 5px;
5869 cursor: pointer;
5870 }
5871 .pcr-app .pcr-interaction input.pcr-type.active {
5872 background-color: transparent;
5873 color: var(--e-a-color-txt-accent);
5874 }
5875 .pcr-selection, .pcr-interaction {
5876 padding: 0 20px;
5877 }
5878 .pcr-selection {
5879 padding-block-start: 20px;
5880 }
5881 .pcr .elementor-control-dynamic-switcher {
5882 height: 20px;
5883 border: 0;
5884 }
5885
5886 .select2-container {
5887 width: 100% !important;
5888 outline: none;
5889 z-index: 9999;
5890 font-size: 12px;
5891 }
5892 .select2-container .e-select2-placeholder {
5893 color: var(--e-a-color-txt-muted);
5894 }
5895 .select2-container.select2-container--default .select2-selection--single {
5896 height: 27px;
5897 background-color: transparent;
5898 }
5899 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
5900 color: var(--e-a-color-txt);
5901 line-height: 27px;
5902 }
5903 .select2-container.select2-container--default .select2-results__option--highlighted[aria-selected] {
5904 background-color: var(--e-a-bg-hover);
5905 color: var(--e-a-color-txt-hover);
5906 }
5907 .select2-container.select2-container--default .select2-selection--multiple {
5908 background-color: var(--e-a-bg-default);
5909 min-height: 27px;
5910 line-height: 0;
5911 }
5912 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__clear {
5913 display: none;
5914 }
5915 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice {
5916 background-color: var(--e-a-btn-bg);
5917 color: var(--e-a-btn-color-invert);
5918 line-height: 1.2;
5919 font-size: 10px;
5920 border: none;
5921 border-radius: 0;
5922 padding: 2px 3px;
5923 }
5924 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice.select2-selection__e-plus-button {
5925 cursor: pointer;
5926 width: 16.67px;
5927 text-indent: -9999px;
5928 position: relative;
5929 }
5930 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice.select2-selection__e-plus-button:after {
5931 content: "\e815";
5932 font-family: "eicons";
5933 color: var(--e-a-btn-color-invert);
5934 text-indent: 0;
5935 position: absolute;
5936 left: 0;
5937 top: 0;
5938 width: 100%;
5939 height: 100%;
5940 display: flex;
5941 justify-content: center;
5942 align-items: center;
5943 }
5944 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered {
5945 padding-block-end: 5px;
5946 }
5947 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
5948 color: var(--e-a-btn-color-invert);
5949 margin-inline-end: 3px;
5950 }
5951 .select2-container:not(.select2-container--open):not(.select2-container--focus) .select2-selection--single,
5952 .select2-container:not(.select2-container--open):not(.select2-container--focus) .select2-selection--multiple {
5953 background-color: var(--e-a-bg-default);
5954 color: var(--e-a-color-txt);
5955 border-color: var(--e-a-border-color);
5956 }
5957 .select2-container.select2-container--open .select2-selection--single,
5958 .select2-container.select2-container--open .select2-selection--multiple, .select2-container.select2-container--focus .select2-selection--single,
5959 .select2-container.select2-container--focus .select2-selection--multiple {
5960 border-color: var(--e-a-border-color-bold);
5961 }
5962
5963 .select2-selection {
5964 outline: none;
5965 }
5966 .select2-selection--single {
5967 height: 27px;
5968 }
5969
5970 .select2-selection__arrow {
5971 height: 27px;
5972 top: 0;
5973 }
5974
5975 .select2-results__option[aria-selected=true] {
5976 background-color: var(--e-a-bg-active);
5977 color: var(--e-a-color-txt-active);
5978 }
5979 .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
5980 background-color: var(--e-a-bg-active);
5981 }
5982
5983 .select2-dropdown {
5984 border-color: var(--e-a-border-color);
5985 background-color: var(--e-a-bg-default);
5986 color: var(--e-a-color-txt);
5987 box-shadow: var(--e-a-dropdown-shadow);
5988 }
5989 .select2-dropdown .select2-search__field {
5990 outline: none;
5991 }
5992
5993 .e-ui-state--document-scrubbing-mode__on, .e-ui-state--document-scrubbing-mode__on * {
5994 cursor: ew-resize;
5995 }
5996 .e-ui-state--document-scrubbing-mode__on input.e-scrubbing--active, .e-ui-state--document-scrubbing-mode__on input.e-scrubbing--active:focus {
5997 box-shadow: 0 0 0 1px #0e3b9c inset;
5998 }
5999 .e-ui-state--document-scrubbing-mode__on label.e-scrubbing--active {
6000 color: #0e3b9c;
6001 -webkit-user-select: none;
6002 -moz-user-select: none;
6003 user-select: none;
6004 }
6005 .e-ui-state--document-scrubbing-mode__on iframe {
6006 pointer-events: none;
6007 }
6008
6009 label.e-scrubbing-over {
6010 cursor: ew-resize;
6011 }
6012
6013 #elementor-paste-area-dialog {
6014 text-align: center;
6015 }
6016 #elementor-paste-area-dialog .dialog-header {
6017 padding-block-start: 60px;
6018 font-size: 30px;
6019 }
6020 #elementor-paste-area-dialog .dialog-message {
6021 padding: 0 15px 15px;
6022 font-size: 15px;
6023 position: relative;
6024 }
6025 #elementor-paste-area-dialog #elementor-paste-area-dialog__input {
6026 background: transparent;
6027 color: transparent;
6028 border-color: transparent;
6029 padding: 0;
6030 margin: 0;
6031 height: 100px;
6032 position: absolute;
6033 top: -60px;
6034 left: 0;
6035 right: 0;
6036 }
6037 #elementor-paste-area-dialog #elementor-paste-area-dialog__input:focus {
6038 border-color: transparent;
6039 outline: none;
6040 }
6041 #elementor-paste-area-dialog .dialog-widget-content {
6042 width: 400px;
6043 }
6044 #elementor-paste-area-dialog .dialog-widget-content .eicon-loading {
6045 display: none;
6046 }
6047 #elementor-paste-area-dialog .dialog-widget-content.e-state-loading .eicon-loading {
6048 display: block;
6049 margin-block-start: 15px;
6050 }
6051 #elementor-paste-area-dialog #elementor-paste-area-dialog__error {
6052 color: var(--e-a-color-danger);
6053 font-size: 12px;
6054 }
6055 #elementor-paste-area-dialog #elementor-paste-area-dialog__error:before {
6056 content: "";
6057 border-block-start: var(--e-a-border);
6058 display: block;
6059 margin: 10px -15px;
6060 }
6061
6062 [class^=eicon-flex], [class*=" eicon-flex"] {
6063 transition: 0.3s all;
6064 --is-ltr: 1;
6065 --is-rtl: 0;
6066 --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
6067 --is-ltr: 0;
6068 --is-rtl: 1;
6069 }
6070 [class^=eicon-flex].eicon-inline, [class*=" eicon-flex"].eicon-inline {
6071 max-height: 1em;
6072 max-width: 1em;
6073 }
6074 [class^=eicon-flex]:is(.eicon-justify-start-h, .eicon-justify-end-h), [class*=" eicon-flex"]:is(.eicon-justify-start-h, .eicon-justify-end-h) {
6075 --rotation-direction: calc(var(--is-ltr) + var(--is-rtl));
6076 }
6077 :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) {
6078 transform: rotate(calc(var(--rotation-direction) * 90deg));
6079 }
6080 :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) {
6081 transform: rotate(calc(var(--rotation-direction) * -90deg));
6082 }
6083 .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) {
6084 transform: rotate(calc(var(--rotation-direction) * -90deg));
6085 }
6086 .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) {
6087 transform: rotate(calc(var(--is-rtl) * 180deg));
6088 }
6089 .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) {
6090 transform: rotate(calc(var(--is-ltr) * 180deg));
6091 }
6092 /*# sourceMappingURL=editor-rtl.css.map */