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

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

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