PluginProbe
Elementor Website Builder – more than just a page builder / 3.13.1
Elementor Website Builder – more than just a page builder v3.13.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-preview.css

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

4,254 lines 129.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*! elementor - v3.13.1 - 09-05-2023 */
2 .dialog-widget-content {
3 background-color: var(--e-a-bg-default);
4 position: absolute;
5 border-radius: 3px;
6 box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
7 overflow: hidden;
8 }
9
10 .dialog-message {
11 line-height: 1.5;
12 box-sizing: border-box;
13 }
14
15 .dialog-close-button {
16 cursor: pointer;
17 position: absolute;
18 margin-top: 15px;
19 right: 15px;
20 color: var(--e-a-color-txt);
21 font-size: 15px;
22 line-height: 1;
23 transition: var(--e-a-transition-hover);
24 }
25 .dialog-close-button:hover {
26 color: var(--e-a-color-txt-hover);
27 }
28
29 .dialog-prevent-scroll {
30 overflow: hidden;
31 max-height: 100vh;
32 }
33
34 .dialog-type-lightbox {
35 position: fixed;
36 height: 100%;
37 width: 100%;
38 bottom: 0;
39 left: 0;
40 background-color: rgba(0, 0, 0, 0.8);
41 z-index: 9999;
42 -webkit-user-select: none;
43 -moz-user-select: none;
44 user-select: none;
45 }
46
47 .flatpickr-calendar {
48 width: 280px;
49 }
50 .flatpickr-calendar .flatpickr-current-month span.cur-month {
51 font-weight: 300;
52 }
53 .flatpickr-calendar .dayContainer {
54 width: 280px;
55 min-width: 280px;
56 max-width: 280px;
57 }
58 .flatpickr-calendar .flatpickr-days {
59 width: 280px;
60 }
61 .flatpickr-calendar .flatpickr-day {
62 max-width: 37px;
63 height: 37px;
64 line-height: 37px;
65 }
66
67 .elementor-hidden {
68 display: none;
69 }
70
71 .elementor-screen-only,
72 .screen-reader-text,
73 .screen-reader-text span,
74 .ui-helper-hidden-accessible {
75 position: absolute;
76 top: -10000em;
77 width: 1px;
78 height: 1px;
79 margin: -1px;
80 padding: 0;
81 overflow: hidden;
82 clip: rect(0, 0, 0, 0);
83 border: 0;
84 }
85
86 .elementor-clearfix:after {
87 content: "";
88 display: block;
89 clear: both;
90 width: 0;
91 height: 0;
92 }
93
94 .e-logo-wrapper {
95 background: var(--e-a-bg-logo);
96 display: inline-block;
97 padding: 0.75em;
98 border-radius: 50%;
99 line-height: 1;
100 }
101 .e-logo-wrapper i {
102 color: var(--e-a-color-logo);
103 font-size: 1em;
104 }
105
106 :root {
107 --e-a-color-white: #ffffff;
108 --e-a-color-black: #000000;
109 --e-a-color-logo: #ffffff;
110 --e-a-color-primary: #F3BAFD;
111 --e-a-color-primary-bold: #D004D4;
112 --e-a-color-secondary: #515962;
113 --e-a-color-success: #0A875A;
114 --e-a-color-danger: #DC2626;
115 --e-a-color-info: #2563EB;
116 --e-a-color-warning: #F59E0B;
117 --e-a-color-accent: #524CFF;
118 --e-a-color-global: #1DDDBF;
119 --e-a-bg-default: #ffffff;
120 --e-a-bg-invert: #0C0D0E;
121 --e-a-bg-hover: #F1F2F3;
122 --e-a-bg-active: #E6E8EA;
123 --e-a-bg-active-bold: #D5D8DC;
124 --e-a-bg-loading: #F9FAFA;
125 --e-a-bg-logo: #000000;
126 --e-a-bg-primary: #FAE8FF;
127 --e-a-bg-secondary: #515962;
128 --e-a-bg-success: #F2FDF5;
129 --e-a-bg-info: #F0F7FF;
130 --e-a-bg-danger: #FEF1F4;
131 --e-a-bg-warning: #FFFBEB;
132 --e-a-color-txt: #515962;
133 --e-a-color-txt-muted: #818A96;
134 --e-a-color-txt-disabled: #BABFC5;
135 --e-a-color-txt-invert: #ffffff;
136 --e-a-color-txt-accent: #0C0D0E;
137 --e-a-color-txt-hover: #3f444b;
138 --e-a-color-txt-active: #0C0D0E;
139 --e-a-border-color: #E6E8EA;
140 --e-a-border-color-bold: #D5D8DC;
141 --e-a-border-color-focus: #BABFC5;
142 --e-a-border-color-accent: #0C0D0E;
143 --e-a-border: 1px solid var(--e-a-border-color);
144 --e-a-border-bold: 1px solid var(--e-a-border-color-bold);
145 --e-a-border-radius: 3px;
146 --e-a-btn-color: #0C0D0E;
147 --e-a-btn-color-invert: var(--e-a-color-txt-invert);
148 --e-a-btn-color-disabled: var(--e-a-color-txt-disabled);
149 --e-a-btn-bg: #515962;
150 --e-a-btn-bg-hover: #3a4046;
151 --e-a-btn-bg-active: #23262a;
152 --e-a-btn-bg-disabled: #D5D8DC;
153 --e-a-btn-bg-primary: #F3BAFD;
154 --e-a-btn-bg-primary-hover: #F5D0FE;
155 --e-a-btn-bg-primary-active:#F0ABFC;
156 --e-a-btn-bg-accent: #524CFF;
157 --e-a-btn-bg-accent-hover: #4C43E5;
158 --e-a-btn-bg-accent-active: #4338CA;
159 --e-a-btn-bg-success: #0A875A;
160 --e-a-btn-bg-success-hover: #06583a;
161 --e-a-btn-bg-success-active:#03281b;
162 --e-a-btn-bg-danger: #DC2626;
163 --e-a-btn-bg-danger-hover: #b21d1d;
164 --e-a-btn-bg-danger-active: #861616;
165 --e-a-dark-bg: #0C0D0E;
166 --e-a-dark-color-txt: #9DA5AE;
167 --e-a-dark-color-txt-hover: #D5D8DC;
168 --e-a-font-family: Roboto, Arial, Helvetica, sans-serif;
169 --e-a-transition-hover: all .3s;
170 --e-a-popover-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
171 --e-a-dropdown-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
172 }
173
174 .elementor-control-unit-1 {
175 width: 27px;
176 }
177
178 .elementor-control-unit-2 {
179 width: 54px;
180 }
181
182 .elementor-control-unit-3 {
183 width: 81px;
184 }
185
186 .elementor-control-unit-4 {
187 width: 108px;
188 }
189
190 .elementor-control-unit-5 {
191 max-width: 400px;
192 width: 52%;
193 }
194
195 .elementor-tags-list {
196 display: none;
197 position: absolute;
198 width: 260px;
199 max-height: 300px;
200 overflow: auto;
201 padding-bottom: 5px;
202 background-color: var(--e-a-bg-default);
203 box-shadow: var(--e-a-popover-shadow);
204 border: var(--e-a-border);
205 border-radius: 3px;
206 z-index: 10000;
207 }
208 .elementor-tags-list__group-title {
209 font-weight: bold;
210 font-size: 12px;
211 padding: 10px 15px;
212 display: flex;
213 align-items: center;
214 }
215 .elementor-tags-list__group-title .eicon-info-circle {
216 padding-right: 5px;
217 color: var(--e-a-color-primary-bold);
218 font-size: 14px;
219 }
220 .elementor-tags-list__item {
221 font-size: 10px;
222 padding: 6px 15px;
223 cursor: pointer;
224 }
225 .elementor-tags-list__item:before {
226 content: ">";
227 font-size: 8px;
228 padding-right: 5px;
229 }
230 .elementor-tags-list__item:hover {
231 background-color: var(--e-a-bg-hover);
232 }
233 .elementor-tags-list__teaser {
234 border-top: 2px solid var(--e-a-border-color);
235 padding-top: 4px;
236 margin-top: 4px;
237 }
238 .elementor-tags-list__teaser-text {
239 padding: 2px 15px 8px;
240 line-height: 1.5;
241 font-size: 12px;
242 }
243 .elementor-tags-list__teaser-link {
244 color: var(--e-a-color-primary-bold);
245 text-decoration: underline;
246 font-style: italic;
247 font-weight: bold;
248 }
249
250 .elementor-dynamic-cover {
251 display: flex;
252 align-items: center;
253 width: 100%;
254 height: 27px;
255 box-sizing: border-box;
256 }
257 .elementor-dynamic-cover__title {
258 padding: 0 8px;
259 flex-grow: 1;
260 white-space: nowrap;
261 text-overflow: ellipsis;
262 overflow: hidden;
263 }
264 .elementor-dynamic-cover__settings, .elementor-dynamic-cover__remove {
265 cursor: pointer;
266 transition: var(--e-a-transition-hover);
267 }
268 .elementor-dynamic-cover__settings:hover, .elementor-dynamic-cover__remove:hover {
269 color: var(--e-a-color-txt-hover);
270 }
271 .elementor-control-type-wysiwyg .elementor-dynamic-cover {
272 margin-top: 10px;
273 }
274
275 .elementor-tag-settings-popup {
276 position: absolute;
277 width: 260px;
278 background-color: var(--e-a-bg-default);
279 border: var(--e-a-border);
280 box-shadow: var(--e-a-popover-shadow);
281 z-index: 1;
282 }
283 .elementor-tag-settings-popup:before {
284 content: "";
285 position: absolute;
286 top: -20px;
287 left: 5px;
288 border: 10px solid transparent;
289 border-bottom-color: var(--e-a-border-color);
290 }
291 .elementor-tag-settings-popup .elementor-control-type-section:first-child {
292 margin: 0;
293 }
294
295 .elementor-tag-controls-stack-empty {
296 background-color: var(--e-a-bg-default);
297 padding: 10px;
298 font-size: 13px;
299 text-align: center;
300 }
301
302 .elementor-control-dynamic input {
303 border-start-start-radius: var(--e-a-border-radius);
304 border-start-end-radius: 0;
305 border-end-end-radius: 0;
306 border-end-start-radius: var(--e-a-border-radius);
307 }
308 .elementor-control-dynamic-switcher {
309 display: inline-flex;
310 align-items: center;
311 justify-content: center;
312 flex-shrink: 0;
313 height: 27px;
314 cursor: pointer;
315 border: var(--e-a-border-bold);
316 background: var(--e-a-bg-default);
317 border-inline-start-width: 0;
318 border-start-start-radius: 0;
319 border-start-end-radius: var(--e-a-border-radius);
320 border-end-end-radius: var(--e-a-border-radius);
321 border-end-start-radius: 0;
322 transition: var(--e-a-transition-hover);
323 }
324 .elementor-control-dynamic-switcher:hover {
325 background-color: var(--e-a-bg-hover);
326 color: var(--e-a-color-txt-hover);
327 }
328 .elementor-control-dynamic-switcher.e-control-tool {
329 height: 20px;
330 border: 0;
331 }
332 .elementor-control-dynamic-switcher-wrapper {
333 display: flex;
334 }
335 .elementor-control-dynamic-switcher .eicon-database {
336 font-size: 12px;
337 }
338 .elementor-control-dynamic-value .elementor-control-tag-area,
339 .elementor-control-dynamic-value .elementor-control-dynamic-switcher,
340 .elementor-control-dynamic-value .e-global__popover-toggle {
341 display: none;
342 }
343
344 .elementor-panel-box-content {
345 padding: 20px 20px 10px;
346 }
347
348 .elementor-button {
349 display: inline-block;
350 }
351
352 .elementor-panel-alert {
353 background-color: var(--e-a-bg-primary);
354 padding: 15px;
355 border-left: 3px solid var(--e-a-color-primary);
356 position: relative;
357 font-size: 12px;
358 font-weight: 300;
359 font-style: italic;
360 line-height: 1.5;
361 text-align: left;
362 border-radius: 0 3px 3px 0;
363 }
364 .elementor-panel-alert a {
365 color: inherit;
366 }
367 .elementor-panel-alert.elementor-panel-alert-info {
368 border-color: var(--e-a-color-info);
369 background: var(--e-a-bg-info);
370 }
371 .elementor-panel-alert.elementor-panel-alert-success {
372 border-color: var(--e-a-color-success);
373 background: var(--e-a-bg-success);
374 }
375 .elementor-panel-alert.elementor-panel-alert-warning {
376 border-left: 3px solid var(--e-a-color-warning);
377 background: var(--e-a-bg-warning);
378 }
379 .elementor-panel-alert.elementor-panel-alert-danger {
380 border-color: var(--e-a-color-danger);
381 background: var(--e-a-bg-danger);
382 }
383
384 .elementor-descriptor, .elementor-control-field-description {
385 font-size: 11px;
386 font-style: italic;
387 line-height: 1.4;
388 color: var(--e-a-color-txt-muted);
389 }
390
391 .elementor-controls-popover {
392 display: none;
393 position: absolute;
394 box-shadow: var(--e-a-popover-shadow);
395 border-radius: var(--e-a-border-radius);
396 left: 0;
397 right: 0;
398 margin: -4px auto 5px;
399 padding-top: 15px;
400 width: 90%;
401 z-index: 10000;
402 background-color: var(--e-a-bg-default);
403 }
404 .elementor-controls-popover:before {
405 content: "";
406 position: absolute;
407 top: -16px;
408 right: 22px;
409 border: 8px solid transparent;
410 border-bottom-color: var(--e-a-bg-default);
411 }
412 .elementor-controls-popover div.elementor-control {
413 background-color: transparent;
414 }
415 .elementor-controls-popover div.elementor-control:before {
416 content: none;
417 }
418
419 #elementor-panel-global .elementor-nerd-box .elementor-nerd-box-icon {
420 margin-top: 20px;
421 }
422
423 .elementor-control {
424 --control-title-size: 12px;
425 position: relative;
426 padding: 0 20px 15px;
427 }
428 .elementor-control a {
429 font-weight: 500;
430 text-decoration: none;
431 border-bottom: 1px dotted transparent;
432 transition: all ease-in-out 0.3s;
433 }
434 .elementor-control a:hover {
435 border-bottom-color: inherit;
436 }
437 .elementor-control .elementor-control-content {
438 display: flex;
439 flex-direction: column;
440 }
441 .elementor-control .elementor-control-title {
442 font-size: var(--control-title-size);
443 line-height: 1;
444 margin-right: 5px;
445 }
446 .elementor-control .elementor-control-spinner {
447 display: flex;
448 align-items: center;
449 }
450 .elementor-control.elementor-control-type-divider {
451 padding: 0;
452 }
453 .elementor-control.elementor-control-type-divider .elementor-control-content {
454 border-width: 0;
455 border-top: var(--e-a-border);
456 background-color: var(--e-a-bg-default);
457 height: 15px;
458 }
459 .elementor-control.elementor-control-separator-before {
460 padding-top: 15px;
461 }
462 .elementor-control.elementor-control-separator-before:before {
463 content: "";
464 position: absolute;
465 height: 1px;
466 width: calc(100% - 40px);
467 top: 0;
468 left: 20px;
469 background-color: var(--e-a-border-color);
470 }
471 .elementor-control.elementor-control-separator-after:after {
472 content: "";
473 position: absolute;
474 height: 1px;
475 width: calc(100% - 40px);
476 bottom: 0;
477 left: 20px;
478 background-color: var(--e-a-border-color);
479 }
480 .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 {
481 padding-top: 15px;
482 }
483 .elementor-control.elementor-control-deprecated {
484 color: #F59E0B;
485 }
486 .elementor-control.elementor-control-deprecated .elementor-control-field-description {
487 color: #F59E0B;
488 }
489 .elementor-control.elementor-control-hidden-label > * > .elementor-control-title, .elementor-control.elementor-control-hidden-label > * > * > .elementor-control-title {
490 display: none;
491 }
492 .elementor-control.elementor-hidden-control {
493 display: none;
494 }
495 .elementor-control.elementor-control-type-heading .elementor-control-title {
496 font-weight: bold;
497 margin: 0;
498 }
499 body:not(.elementor-device-widescreen) .elementor-control.elementor-control-responsive-widescreen {
500 display: none;
501 }
502 body:not(.elementor-device-desktop) .elementor-control.elementor-control-responsive-desktop {
503 display: none;
504 }
505 body:not(.elementor-device-laptop) .elementor-control.elementor-control-responsive-laptop {
506 display: none;
507 }
508 body:not(.elementor-device-tablet_extra) .elementor-control.elementor-control-responsive-tablet_extra {
509 display: none;
510 }
511 body:not(.elementor-device-tablet) .elementor-control.elementor-control-responsive-tablet {
512 display: none;
513 }
514 body:not(.elementor-device-mobile_extra) .elementor-control.elementor-control-responsive-mobile_extra {
515 display: none;
516 }
517 body:not(.elementor-device-mobile) .elementor-control.elementor-control-responsive-mobile {
518 display: none;
519 }
520 .elementor-control-custom_css_pro .elementor-nerd-box-message, .elementor-control-custom_attributes_pro .elementor-nerd-box-message {
521 margin-top: 5px;
522 }
523 .elementor-control.elementor-control-custom_css_title {
524 font-size: 12px;
525 }
526
527 .elementor-control.e-open .elementor-panel-heading-toggle .eicon:before, .elementor-control.elementor-active .elementor-panel-heading-toggle .eicon:before,
528 .elementor-panel-category.e-open .elementor-panel-heading-toggle .eicon:before,
529 .elementor-panel-category.elementor-active .elementor-panel-heading-toggle .eicon:before,
530 .elementor-panel-scheme-item.e-open .elementor-panel-heading-toggle .eicon:before,
531 .elementor-panel-scheme-item.elementor-active .elementor-panel-heading-toggle .eicon:before {
532 content: "\e92a";
533 }
534 .elementor-control:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle .eicon:before,
535 .elementor-panel-category:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle .eicon:before,
536 .elementor-panel-scheme-item:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle .eicon:before {
537 content: "\e90a";
538 }
539
540 .elementor-panel-heading {
541 display: flex;
542 align-items: center;
543 gap: 5px;
544 height: 48px;
545 padding-inline: 20px;
546 width: 100%;
547 border-top: var(--e-a-border);
548 border-top-width: 2px;
549 color: var(--e-a-color-txt-accent);
550 cursor: pointer;
551 }
552 .elementor-panel-heading-toggle {
553 width: 10px;
554 display: flex;
555 flex-direction: column;
556 align-items: center;
557 }
558 .elementor-panel-heading-title {
559 font-weight: bold;
560 }
561
562 #elementor-controls .elementor-control-type-section:first-child .elementor-panel-heading {
563 border-top: none;
564 }
565
566 .elementor-control-field {
567 display: flex;
568 align-items: center;
569 }
570
571 .elementor-label-block > .elementor-control-content > .elementor-control-field {
572 flex-wrap: wrap;
573 }
574 .elementor-label-block > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
575 width: 100%;
576 max-width: 100%;
577 margin-top: 10px;
578 }
579 .elementor-label-block > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper > .elementor-choices label {
580 width: auto;
581 flex: 1 1 27px;
582 display: flex;
583 align-items: center;
584 justify-content: center;
585 }
586 .elementor-label-block.elementor-control-hidden-label:not(.elementor-control-dynamic) > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
587 margin-top: 0;
588 }
589 .elementor-label-block.elementor-control-hidden-label.elementor-label-block > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
590 margin-top: 0;
591 }
592
593 .elementor-label-inline > .elementor-control-content > .elementor-control-field > .elementor-control-title {
594 flex-shrink: 0;
595 max-width: 60%;
596 }
597 .elementor-label-inline > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
598 margin-left: auto;
599 }
600
601 .elementor-control-field-description {
602 margin-top: 10px;
603 }
604
605 .elementor-group-control-attachment_alert .elementor-control-field-description {
606 margin-top: 0;
607 }
608
609 .elementor-update-preview {
610 margin: 15px 15px 0;
611 display: flex;
612 align-items: center;
613 }
614
615 .elementor-update-preview-button-wrapper {
616 flex-grow: 1;
617 text-align: right;
618 }
619
620 .elementor-update-preview-button {
621 padding: 8px 15px;
622 text-transform: uppercase;
623 }
624
625 .elementor-control-direction-ltr input,
626 .elementor-control-direction-ltr textarea {
627 direction: ltr;
628 }
629 .elementor-control-direction-rtl input,
630 .elementor-control-direction-rtl textarea {
631 direction: rtl;
632 }
633
634 .elementor-control-responsive-switchers {
635 --selected-option: 0;
636 --pointer-position: var(--selected-option);
637 position: relative;
638 width: 2.5em;
639 height: 2.5em;
640 margin: calc( -2.5em + 12px) 0;
641 margin-right: 5px;
642 }
643 .elementor-control-responsive-switchers__holder {
644 position: absolute;
645 width: 100%;
646 top: 0;
647 background-color: var(--e-a-bg-default);
648 border-radius: var(--e-a-border-radius);
649 transition: 0.15s;
650 border: 1px solid transparent;
651 }
652 .elementor-control-responsive-switchers.elementor-responsive-switchers-open {
653 z-index: 11000;
654 }
655 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher {
656 height: 2.5em;
657 transform: scale(1);
658 opacity: 1;
659 }
660 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher:hover {
661 color: var(--e-a-color-primary-bold);
662 }
663 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-control-responsive-switchers__holder {
664 box-shadow: var(--e-a-dropdown-shadow);
665 }
666
667 .elementor-responsive-switcher {
668 all: unset;
669 display: flex;
670 align-items: center;
671 justify-content: center;
672 position: relative;
673 z-index: 2;
674 cursor: pointer;
675 height: 0;
676 width: 100%;
677 transform: scale(0);
678 opacity: 0;
679 transition: 0.15s;
680 font-size: 12px;
681 color: inherit;
682 }
683 .elementor-responsive-switcher:hover {
684 color: var(--e-a-color-primary-bold);
685 }
686
687 .elementor-device-widescreen .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
688 height: 2.5em;
689 transform: scale(1);
690 opacity: 1;
691 }
692 .elementor-device-widescreen .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
693 color: var(--e-a-color-primary-bold);
694 }
695
696 .elementor-device-desktop .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
697 height: 2.5em;
698 transform: scale(1);
699 opacity: 1;
700 }
701 .elementor-device-desktop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
702 color: var(--e-a-color-primary-bold);
703 }
704
705 .elementor-device-laptop .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
706 height: 2.5em;
707 transform: scale(1);
708 opacity: 1;
709 }
710 .elementor-device-laptop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
711 color: var(--e-a-color-primary-bold);
712 }
713
714 .elementor-device-tablet_extra .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
715 height: 2.5em;
716 transform: scale(1);
717 opacity: 1;
718 }
719 .elementor-device-tablet_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
720 color: var(--e-a-color-primary-bold);
721 }
722
723 .elementor-device-tablet .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
724 height: 2.5em;
725 transform: scale(1);
726 opacity: 1;
727 }
728 .elementor-device-tablet .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
729 color: var(--e-a-color-primary-bold);
730 }
731
732 .elementor-device-mobile_extra .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
733 height: 2.5em;
734 transform: scale(1);
735 opacity: 1;
736 }
737 .elementor-device-mobile_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
738 color: var(--e-a-color-primary-bold);
739 }
740
741 .elementor-device-mobile .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
742 height: 2.5em;
743 transform: scale(1);
744 opacity: 1;
745 }
746 .elementor-device-mobile .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
747 color: var(--e-a-color-primary-bold);
748 }
749
750 .e-units-wrapper {
751 position: relative;
752 margin-left: auto;
753 }
754 .e-units-wrapper .e-units-switcher {
755 cursor: pointer;
756 font-size: 10px;
757 padding: 0.5em;
758 margin: -0.5em 0;
759 transition: all ease-in-out 0.15s;
760 }
761 .e-units-wrapper .e-units-switcher:hover {
762 color: var(--e-a-color-primary-bold);
763 background-color: var(--e-a-bg-hover);
764 border-radius: var(--e-a-border-radius);
765 }
766 .e-units-wrapper .e-units-switcher:not([data-selected=custom]) i.eicon-edit {
767 display: none;
768 }
769 .e-units-wrapper .e-units-switcher[data-selected=custom] span {
770 display: none;
771 }
772 .e-units-wrapper .e-units-switcher i.eicon-angle-right {
773 transform: rotate(90deg);
774 }
775
776 .e-units-choices input {
777 display: none;
778 }
779 .e-units-choices input:checked + label {
780 color: var(--e-a-color-primary-bold);
781 }
782 .e-units-choices label {
783 cursor: pointer;
784 display: block;
785 }
786 .e-units-choices {
787 display: none;
788 overflow: hidden;
789 max-height: 0;
790 position: absolute;
791 top: -0.8em;
792 left: -0.5em;
793 width: 2.5em;
794 text-align: center;
795 background-color: var(--e-a-bg-default);
796 border-radius: var(--e-a-border-radius);
797 box-shadow: var(--e-a-dropdown-shadow);
798 animation-timing-function: linear;
799 animation-delay: 0s;
800 animation-fill-mode: forwards;
801 z-index: 11000;
802 }
803 .e-units-choices .elementor-units-choices-label {
804 display: flex;
805 align-items: center;
806 height: 3em;
807 justify-content: center;
808 font-size: 10px;
809 transition: 0.15s;
810 }
811 .e-units-choices .elementor-units-choices-label:hover {
812 color: var(--e-a-color-primary-bold);
813 }
814 .e-units-choices .elementor-units-choices-label:not([data-choose=custom]) i {
815 display: none;
816 }
817 .e-units-choices .elementor-units-choices-label[data-choose=custom] span {
818 display: none;
819 }
820 .e-units-choices.e-units-choices-open {
821 display: block;
822 animation-duration: 1s;
823 animation-name: e-units-choices-open;
824 }
825
826 .e-units-custom input {
827 font-family: monospace;
828 font-size: 0.85em;
829 }
830
831 @keyframes e-units-choices-open {
832 from {
833 max-height: 0;
834 }
835 to {
836 max-height: 100vh;
837 }
838 }
839 .elementor-control-type-button .elementor-control-input-wrapper {
840 text-align: right;
841 }
842 .elementor-control-type-button .elementor-button {
843 width: auto;
844 }
845 .elementor-control-type-button .elementor-button.elementor-button-center {
846 display: block;
847 margin: 0 auto;
848 }
849
850 .elementor-control-type-choose.elementor-label-block .elementor-choices {
851 width: 100%;
852 }
853
854 .elementor-choices {
855 display: flex;
856 height: 27px;
857 line-height: 27px;
858 text-align: center;
859 border-spacing: 1px;
860 border-radius: var(--e-a-border-radius);
861 overflow: hidden;
862 }
863 .elementor-choices .elementor-choices-label {
864 border-top: var(--e-a-border-bold);
865 border-bottom: var(--e-a-border-bold);
866 border-left: var(--e-a-border-bold);
867 border-right: none;
868 font-size: 12px;
869 transition: var(--e-a-transition-hover);
870 cursor: pointer;
871 overflow: hidden;
872 }
873 .elementor-choices .elementor-choices-label:nth-child(2) {
874 border-top-left-radius: var(--e-a-border-radius);
875 border-bottom-left-radius: var(--e-a-border-radius);
876 }
877 .elementor-choices .elementor-choices-label:last-child {
878 border-right: var(--e-a-border-bold);
879 border-top-right-radius: var(--e-a-border-radius);
880 border-bottom-right-radius: var(--e-a-border-radius);
881 }
882 .elementor-choices input {
883 display: none;
884 }
885 .elementor-choices input:hover + .elementor-choices-label {
886 background-color: var(--e-a-bg-hover);
887 }
888 .elementor-choices input.e-choose-placeholder + .elementor-choices-label, .elementor-choices input:checked + .elementor-choices-label {
889 background-color: var(--e-a-bg-active-bold);
890 color: var(--e-a-color-txt-accent);
891 }
892
893 .elementor-label-inline .elementor-choices {
894 justify-content: flex-end;
895 }
896
897 .elementor-control-type-color.e-control-global .pickr {
898 border-radius: 0 var(--e-a-border-radius) var(--e-a-border-radius) 0;
899 flex-shrink: 0;
900 border-color: var(--e-a-border-color-bold);
901 transition: var(--e-a-transition-hover);
902 }
903 .elementor-control-type-color.e-control-global .pickr:hover {
904 background-color: var(--e-a-bg-hover);
905 }
906 .elementor-control-type-color.e-control-global .e-global__popover-toggle:not(.e-global__popover-toggle--active) ~ .pickr {
907 background-color: var(--e-a-bg-active-bold);
908 }
909 .elementor-control-type-color .elementor-control-title {
910 flex-grow: 1;
911 }
912 .elementor-control-type-color .elementor-control-input-wrapper {
913 display: flex;
914 justify-content: flex-end;
915 }
916
917 .elementor-group-control-css-filter .elementor-slider {
918 height: 6px;
919 box-shadow: 0 0 1px 1px inset rgba(0, 0, 0, 0.2);
920 }
921 .elementor-group-control-css-filter .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
922 margin-top: 0;
923 margin-bottom: 5px;
924 }
925
926 .elementor-group-control-blur .elementor-slider {
927 background: url("../images/blur.png");
928 background-size: cover;
929 background-position: center;
930 }
931
932 .elementor-group-control-contrast .elementor-slider {
933 background: url("../images/contrast.png");
934 background-size: 100% 100%;
935 }
936
937 .elementor-group-control-hue .elementor-slider {
938 background-image: linear-gradient(to right, red, orange, yellow, greenyellow, limegreen, deepskyblue, blue, darkviolet 95%);
939 }
940
941 .elementor-group-control-saturate .elementor-slider {
942 background-image: linear-gradient(to right, gray, red);
943 }
944
945 .elementor-group-control-brightness .elementor-slider {
946 background-image: linear-gradient(to right, black, white);
947 }
948
949 .elementor-control-responsive-switchers {
950 --selected-option: 0;
951 --pointer-position: var(--selected-option);
952 position: relative;
953 width: 2.5em;
954 height: 2.5em;
955 margin: calc( -2.5em + 12px) 0;
956 margin-right: 5px;
957 }
958 .elementor-control-responsive-switchers__holder {
959 position: absolute;
960 width: 100%;
961 top: 0;
962 background-color: var(--e-a-bg-default);
963 border-radius: var(--e-a-border-radius);
964 transition: 0.15s;
965 border: 1px solid transparent;
966 }
967 .elementor-control-responsive-switchers.elementor-responsive-switchers-open {
968 z-index: 11000;
969 }
970 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher {
971 height: 2.5em;
972 transform: scale(1);
973 opacity: 1;
974 }
975 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher:hover {
976 color: var(--e-a-color-primary-bold);
977 }
978 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-control-responsive-switchers__holder {
979 box-shadow: var(--e-a-dropdown-shadow);
980 }
981
982 .elementor-responsive-switcher {
983 all: unset;
984 display: flex;
985 align-items: center;
986 justify-content: center;
987 position: relative;
988 z-index: 2;
989 cursor: pointer;
990 height: 0;
991 width: 100%;
992 transform: scale(0);
993 opacity: 0;
994 transition: 0.15s;
995 font-size: 12px;
996 color: inherit;
997 }
998 .elementor-responsive-switcher:hover {
999 color: var(--e-a-color-primary-bold);
1000 }
1001
1002 .elementor-device-widescreen .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
1003 height: 2.5em;
1004 transform: scale(1);
1005 opacity: 1;
1006 }
1007 .elementor-device-widescreen .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
1008 color: var(--e-a-color-primary-bold);
1009 }
1010
1011 .elementor-device-desktop .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
1012 height: 2.5em;
1013 transform: scale(1);
1014 opacity: 1;
1015 }
1016 .elementor-device-desktop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
1017 color: var(--e-a-color-primary-bold);
1018 }
1019
1020 .elementor-device-laptop .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1021 height: 2.5em;
1022 transform: scale(1);
1023 opacity: 1;
1024 }
1025 .elementor-device-laptop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1026 color: var(--e-a-color-primary-bold);
1027 }
1028
1029 .elementor-device-tablet_extra .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1030 height: 2.5em;
1031 transform: scale(1);
1032 opacity: 1;
1033 }
1034 .elementor-device-tablet_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1035 color: var(--e-a-color-primary-bold);
1036 }
1037
1038 .elementor-device-tablet .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1039 height: 2.5em;
1040 transform: scale(1);
1041 opacity: 1;
1042 }
1043 .elementor-device-tablet .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1044 color: var(--e-a-color-primary-bold);
1045 }
1046
1047 .elementor-device-mobile_extra .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1048 height: 2.5em;
1049 transform: scale(1);
1050 opacity: 1;
1051 }
1052 .elementor-device-mobile_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1053 color: var(--e-a-color-primary-bold);
1054 }
1055
1056 .elementor-device-mobile .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1057 height: 2.5em;
1058 transform: scale(1);
1059 opacity: 1;
1060 }
1061 .elementor-device-mobile .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1062 color: var(--e-a-color-primary-bold);
1063 }
1064
1065 .e-units-wrapper {
1066 position: relative;
1067 margin-left: auto;
1068 }
1069 .e-units-wrapper .e-units-switcher {
1070 cursor: pointer;
1071 font-size: 10px;
1072 padding: 0.5em;
1073 margin: -0.5em 0;
1074 transition: all ease-in-out 0.15s;
1075 }
1076 .e-units-wrapper .e-units-switcher:hover {
1077 color: var(--e-a-color-primary-bold);
1078 background-color: var(--e-a-bg-hover);
1079 border-radius: var(--e-a-border-radius);
1080 }
1081 .e-units-wrapper .e-units-switcher:not([data-selected=custom]) i.eicon-edit {
1082 display: none;
1083 }
1084 .e-units-wrapper .e-units-switcher[data-selected=custom] span {
1085 display: none;
1086 }
1087 .e-units-wrapper .e-units-switcher i.eicon-angle-right {
1088 transform: rotate(90deg);
1089 }
1090
1091 .e-units-choices input {
1092 display: none;
1093 }
1094 .e-units-choices input:checked + label {
1095 color: var(--e-a-color-primary-bold);
1096 }
1097 .e-units-choices label {
1098 cursor: pointer;
1099 display: block;
1100 }
1101 .e-units-choices {
1102 display: none;
1103 overflow: hidden;
1104 max-height: 0;
1105 position: absolute;
1106 top: -0.8em;
1107 left: -0.5em;
1108 width: 2.5em;
1109 text-align: center;
1110 background-color: var(--e-a-bg-default);
1111 border-radius: var(--e-a-border-radius);
1112 box-shadow: var(--e-a-dropdown-shadow);
1113 animation-timing-function: linear;
1114 animation-delay: 0s;
1115 animation-fill-mode: forwards;
1116 z-index: 11000;
1117 }
1118 .e-units-choices .elementor-units-choices-label {
1119 display: flex;
1120 align-items: center;
1121 height: 3em;
1122 justify-content: center;
1123 font-size: 10px;
1124 transition: 0.15s;
1125 }
1126 .e-units-choices .elementor-units-choices-label:hover {
1127 color: var(--e-a-color-primary-bold);
1128 }
1129 .e-units-choices .elementor-units-choices-label:not([data-choose=custom]) i {
1130 display: none;
1131 }
1132 .e-units-choices .elementor-units-choices-label[data-choose=custom] span {
1133 display: none;
1134 }
1135 .e-units-choices.e-units-choices-open {
1136 display: block;
1137 animation-duration: 1s;
1138 animation-name: e-units-choices-open;
1139 }
1140
1141 .e-units-custom input {
1142 font-family: monospace;
1143 font-size: 0.85em;
1144 }
1145
1146 @keyframes e-units-choices-open {
1147 from {
1148 max-height: 0;
1149 }
1150 to {
1151 max-height: 100vh;
1152 }
1153 }
1154 .elementor-control-type-dimensions .elementor-control-dimensions {
1155 display: flex;
1156 }
1157 .elementor-control-type-dimensions li {
1158 flex: 1;
1159 transition: flex-grow 0.3s ease-in-out;
1160 }
1161 .elementor-control-type-dimensions li input,
1162 .elementor-control-type-dimensions li .elementor-link-dimensions {
1163 display: block;
1164 text-align: center;
1165 width: 100%;
1166 height: 27px;
1167 }
1168 .elementor-control-type-dimensions li input {
1169 border-left: none;
1170 border-radius: 0;
1171 padding: var(--e-a-border-radius);
1172 }
1173 .elementor-control-type-dimensions li input:focus {
1174 border-left: var(--e-a-border-bold);
1175 margin-left: -1px;
1176 width: calc(100% + 1px);
1177 }
1178 .elementor-control-type-dimensions li input:focus + .elementor-control-dimension-label {
1179 color: var(--e-a-color-txt);
1180 }
1181 .elementor-control-type-dimensions li .elementor-link-dimensions {
1182 border: var(--e-a-border-bold);
1183 border-left: none;
1184 background-color: var(--e-a-bg-default);
1185 padding: 0;
1186 outline: none;
1187 border-radius: 0 var(--e-a-border-radius) var(--e-a-border-radius) 0;
1188 cursor: pointer;
1189 }
1190 .elementor-control-type-dimensions li:first-child input {
1191 border-left: 1px solid var(--e-a-border-color-bold);
1192 border-radius: var(--e-a-border-radius) 0 0 var(--e-a-border-radius);
1193 }
1194 .elementor-control-type-dimensions li:first-child input:focus {
1195 border-color: var(--e-a-border-color-focus);
1196 margin-left: 0;
1197 width: 100%;
1198 }
1199 .elementor-control-type-dimensions li:last-child {
1200 max-width: 27px;
1201 }
1202 .elementor-control-type-dimensions.e-units-custom li.elementor-control-dimension:focus-within {
1203 flex: 2.5;
1204 }
1205 .elementor-control-type-dimensions .elementor-control-dimension-label {
1206 color: var(--e-a-color-txt-muted);
1207 display: block;
1208 text-align: center;
1209 font-size: 9px;
1210 padding-top: 5px;
1211 }
1212 .elementor-control-type-dimensions .elementor-link-dimensions.unlinked {
1213 background-color: var(--e-a-bg-default);
1214 }
1215 .elementor-control-type-dimensions .elementor-link-dimensions.unlinked .elementor-linked {
1216 display: none;
1217 }
1218 .elementor-control-type-dimensions .elementor-link-dimensions:not(.unlinked) {
1219 background-color: var(--e-a-bg-active-bold);
1220 color: var(--e-a-color-txt-accent);
1221 border-color: var(--e-a-border-color-bold);
1222 }
1223 .elementor-control-type-dimensions .elementor-link-dimensions:not(.unlinked) .elementor-unlinked {
1224 display: none;
1225 }
1226
1227 .elementor-control-responsive-switchers {
1228 --selected-option: 0;
1229 --pointer-position: var(--selected-option);
1230 position: relative;
1231 width: 2.5em;
1232 height: 2.5em;
1233 margin: calc( -2.5em + 12px) 0;
1234 margin-right: 5px;
1235 }
1236 .elementor-control-responsive-switchers__holder {
1237 position: absolute;
1238 width: 100%;
1239 top: 0;
1240 background-color: var(--e-a-bg-default);
1241 border-radius: var(--e-a-border-radius);
1242 transition: 0.15s;
1243 border: 1px solid transparent;
1244 }
1245 .elementor-control-responsive-switchers.elementor-responsive-switchers-open {
1246 z-index: 11000;
1247 }
1248 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher {
1249 height: 2.5em;
1250 transform: scale(1);
1251 opacity: 1;
1252 }
1253 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher:hover {
1254 color: var(--e-a-color-primary-bold);
1255 }
1256 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-control-responsive-switchers__holder {
1257 box-shadow: var(--e-a-dropdown-shadow);
1258 }
1259
1260 .elementor-responsive-switcher {
1261 all: unset;
1262 display: flex;
1263 align-items: center;
1264 justify-content: center;
1265 position: relative;
1266 z-index: 2;
1267 cursor: pointer;
1268 height: 0;
1269 width: 100%;
1270 transform: scale(0);
1271 opacity: 0;
1272 transition: 0.15s;
1273 font-size: 12px;
1274 color: inherit;
1275 }
1276 .elementor-responsive-switcher:hover {
1277 color: var(--e-a-color-primary-bold);
1278 }
1279
1280 .elementor-device-widescreen .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
1281 height: 2.5em;
1282 transform: scale(1);
1283 opacity: 1;
1284 }
1285 .elementor-device-widescreen .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
1286 color: var(--e-a-color-primary-bold);
1287 }
1288
1289 .elementor-device-desktop .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
1290 height: 2.5em;
1291 transform: scale(1);
1292 opacity: 1;
1293 }
1294 .elementor-device-desktop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
1295 color: var(--e-a-color-primary-bold);
1296 }
1297
1298 .elementor-device-laptop .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1299 height: 2.5em;
1300 transform: scale(1);
1301 opacity: 1;
1302 }
1303 .elementor-device-laptop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1304 color: var(--e-a-color-primary-bold);
1305 }
1306
1307 .elementor-device-tablet_extra .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1308 height: 2.5em;
1309 transform: scale(1);
1310 opacity: 1;
1311 }
1312 .elementor-device-tablet_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1313 color: var(--e-a-color-primary-bold);
1314 }
1315
1316 .elementor-device-tablet .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1317 height: 2.5em;
1318 transform: scale(1);
1319 opacity: 1;
1320 }
1321 .elementor-device-tablet .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1322 color: var(--e-a-color-primary-bold);
1323 }
1324
1325 .elementor-device-mobile_extra .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1326 height: 2.5em;
1327 transform: scale(1);
1328 opacity: 1;
1329 }
1330 .elementor-device-mobile_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1331 color: var(--e-a-color-primary-bold);
1332 }
1333
1334 .elementor-device-mobile .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1335 height: 2.5em;
1336 transform: scale(1);
1337 opacity: 1;
1338 }
1339 .elementor-device-mobile .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1340 color: var(--e-a-color-primary-bold);
1341 }
1342
1343 .e-units-wrapper {
1344 position: relative;
1345 margin-left: auto;
1346 }
1347 .e-units-wrapper .e-units-switcher {
1348 cursor: pointer;
1349 font-size: 10px;
1350 padding: 0.5em;
1351 margin: -0.5em 0;
1352 transition: all ease-in-out 0.15s;
1353 }
1354 .e-units-wrapper .e-units-switcher:hover {
1355 color: var(--e-a-color-primary-bold);
1356 background-color: var(--e-a-bg-hover);
1357 border-radius: var(--e-a-border-radius);
1358 }
1359 .e-units-wrapper .e-units-switcher:not([data-selected=custom]) i.eicon-edit {
1360 display: none;
1361 }
1362 .e-units-wrapper .e-units-switcher[data-selected=custom] span {
1363 display: none;
1364 }
1365 .e-units-wrapper .e-units-switcher i.eicon-angle-right {
1366 transform: rotate(90deg);
1367 }
1368
1369 .e-units-choices input {
1370 display: none;
1371 }
1372 .e-units-choices input:checked + label {
1373 color: var(--e-a-color-primary-bold);
1374 }
1375 .e-units-choices label {
1376 cursor: pointer;
1377 display: block;
1378 }
1379 .e-units-choices {
1380 display: none;
1381 overflow: hidden;
1382 max-height: 0;
1383 position: absolute;
1384 top: -0.8em;
1385 left: -0.5em;
1386 width: 2.5em;
1387 text-align: center;
1388 background-color: var(--e-a-bg-default);
1389 border-radius: var(--e-a-border-radius);
1390 box-shadow: var(--e-a-dropdown-shadow);
1391 animation-timing-function: linear;
1392 animation-delay: 0s;
1393 animation-fill-mode: forwards;
1394 z-index: 11000;
1395 }
1396 .e-units-choices .elementor-units-choices-label {
1397 display: flex;
1398 align-items: center;
1399 height: 3em;
1400 justify-content: center;
1401 font-size: 10px;
1402 transition: 0.15s;
1403 }
1404 .e-units-choices .elementor-units-choices-label:hover {
1405 color: var(--e-a-color-primary-bold);
1406 }
1407 .e-units-choices .elementor-units-choices-label:not([data-choose=custom]) i {
1408 display: none;
1409 }
1410 .e-units-choices .elementor-units-choices-label[data-choose=custom] span {
1411 display: none;
1412 }
1413 .e-units-choices.e-units-choices-open {
1414 display: block;
1415 animation-duration: 1s;
1416 animation-name: e-units-choices-open;
1417 }
1418
1419 .e-units-custom input {
1420 font-family: monospace;
1421 font-size: 0.85em;
1422 }
1423
1424 @keyframes e-units-choices-open {
1425 from {
1426 max-height: 0;
1427 }
1428 to {
1429 max-height: 100vh;
1430 }
1431 }
1432 .elementor-control-type-gaps .elementor-control-gaps {
1433 display: flex;
1434 }
1435 .elementor-control-type-gaps li {
1436 flex: 1;
1437 transition: flex-grow 0.3s ease-in-out;
1438 }
1439 .elementor-control-type-gaps li input,
1440 .elementor-control-type-gaps li .elementor-link-gaps {
1441 display: block;
1442 text-align: center;
1443 width: 100%;
1444 height: 27px;
1445 }
1446 .elementor-control-type-gaps li input {
1447 border-left: none;
1448 border-radius: 0;
1449 padding: var(--e-a-border-radius);
1450 }
1451 .elementor-control-type-gaps li input:focus {
1452 border-left: var(--e-a-border-bold);
1453 margin-left: -1px;
1454 width: calc(100% + 1px);
1455 }
1456 .elementor-control-type-gaps li input:focus + .elementor-control-gap-label {
1457 color: var(--e-a-color-txt);
1458 }
1459 .elementor-control-type-gaps li .elementor-link-gaps {
1460 border: var(--e-a-border-bold);
1461 border-left: none;
1462 background-color: var(--e-a-bg-default);
1463 padding: 0;
1464 outline: none;
1465 border-radius: 0 var(--e-a-border-radius) var(--e-a-border-radius) 0;
1466 cursor: pointer;
1467 }
1468 .elementor-control-type-gaps li:first-child input {
1469 border-left: 1px solid var(--e-a-border-color-bold);
1470 border-radius: var(--e-a-border-radius) 0 0 var(--e-a-border-radius);
1471 }
1472 .elementor-control-type-gaps li:first-child input:focus {
1473 border-color: var(--e-a-border-color-focus);
1474 margin-left: 0;
1475 width: 100%;
1476 }
1477 .elementor-control-type-gaps li:last-child {
1478 max-width: 27px;
1479 }
1480 .elementor-control-type-gaps.e-units-custom li.elementor-control-gap:focus-within {
1481 flex: 2.5;
1482 }
1483 .elementor-control-type-gaps .elementor-control-gap-label {
1484 color: var(--e-a-color-txt-muted);
1485 display: block;
1486 text-align: center;
1487 font-size: 9px;
1488 padding-top: 5px;
1489 }
1490 .elementor-control-type-gaps .elementor-link-gaps.unlinked {
1491 background-color: var(--e-a-bg-default);
1492 }
1493 .elementor-control-type-gaps .elementor-link-gaps.unlinked .elementor-linked {
1494 display: none;
1495 }
1496 .elementor-control-type-gaps .elementor-link-gaps:not(.unlinked) {
1497 background-color: var(--e-a-bg-active-bold);
1498 color: var(--e-a-color-txt-accent);
1499 border-color: var(--e-a-border-color-bold);
1500 }
1501 .elementor-control-type-gaps .elementor-link-gaps:not(.unlinked) .elementor-unlinked {
1502 display: none;
1503 }
1504
1505 .elementor-control-type-icons .elementor-control-media__preview > * {
1506 position: absolute;
1507 top: 50%;
1508 left: 50%;
1509 transform: translate(-50%, -50%);
1510 }
1511 .elementor-control-type-icons .elementor-control-media__preview i {
1512 font-size: 70px;
1513 }
1514 .elementor-control-type-icons .elementor-control-media__preview svg {
1515 height: 75%;
1516 }
1517 .elementor-control-type-icons .elementor-control-icons--inline__svg i.eicon-upload {
1518 font-size: 15px;
1519 }
1520
1521 .elementor-control-type-gallery .elementor-control-media__content {
1522 border: var(--e-a-border-bold);
1523 border-radius: 3px;
1524 }
1525 .elementor-control-type-gallery .elementor-control-gallery-status {
1526 font-size: 12px;
1527 height: 27px;
1528 padding-left: 10px;
1529 border-bottom: var(--e-a-border-bold);
1530 display: flex;
1531 }
1532 .elementor-control-type-gallery .elementor-control-gallery-status > * {
1533 display: flex;
1534 align-items: center;
1535 }
1536 .elementor-control-type-gallery .elementor-control-gallery-status-title {
1537 flex-grow: 1;
1538 }
1539 .elementor-control-type-gallery .elementor-control-gallery-content {
1540 position: relative;
1541 overflow: hidden;
1542 }
1543 .elementor-control-type-gallery .elementor-control-gallery-content:not(:hover) .elementor-control-gallery-edit {
1544 opacity: 0;
1545 }
1546 .elementor-control-type-gallery .elementor-control-gallery-thumbnails {
1547 display: grid;
1548 grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
1549 grid-gap: 10px;
1550 cursor: pointer;
1551 padding: 10px;
1552 }
1553 .elementor-control-type-gallery .elementor-control-gallery-thumbnail {
1554 width: 48px;
1555 height: 48px;
1556 background-size: cover;
1557 background-position: 50% 50%;
1558 border: var(--e-a-border);
1559 }
1560 .elementor-control-type-gallery .elementor-control-gallery-edit {
1561 position: absolute;
1562 top: 0;
1563 bottom: 0;
1564 left: 0;
1565 right: 0;
1566 background-color: rgba(0, 0, 0, 0.2);
1567 padding: 10px;
1568 font-size: 11px;
1569 transition: all 0.3s ease-in-out;
1570 pointer-events: none;
1571 cursor: pointer;
1572 opacity: 1;
1573 }
1574 .elementor-control-type-gallery .elementor-control-gallery-edit span {
1575 position: absolute;
1576 top: 10px;
1577 right: 10px;
1578 width: 21px;
1579 height: 21px;
1580 color: var(--e-a-color-white);
1581 background-color: rgba(0, 0, 0, 0.5);
1582 box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
1583 transition: var(--e-a-transition-hover);
1584 }
1585 .elementor-control-type-gallery .elementor-control-gallery-edit span i {
1586 font-size: 11px;
1587 padding: 5px;
1588 }
1589 .elementor-control-type-gallery .elementor-control-gallery-edit span:hover {
1590 background-color: rgba(0, 0, 0, 0.6);
1591 }
1592 .elementor-control-type-gallery .elementor-control-gallery-add {
1593 width: 48px;
1594 height: 48px;
1595 font-size: 14px;
1596 }
1597 .elementor-control-type-gallery .elementor-control-gallery-add i {
1598 margin: 0;
1599 }
1600 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-clear,
1601 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-thumbnails,
1602 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-edit {
1603 display: none;
1604 }
1605 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-content {
1606 padding: 10px;
1607 }
1608 .elementor-control-type-gallery.elementor-gallery-has-images .elementor-control-gallery-add {
1609 display: none;
1610 }
1611 .elementor-control-type-gallery.elementor-control-dynamic .elementor-control-gallery-clear {
1612 border-left: var(--e-a-border);
1613 }
1614 .elementor-control-type-gallery .elementor-control-gallery-clear {
1615 cursor: pointer;
1616 justify-content: center;
1617 }
1618 .elementor-control-type-gallery .elementor-control-gallery-clear:hover {
1619 color: var(--e-a-color-danger);
1620 }
1621 .elementor-control-type-gallery .elementor-control-dynamic-switcher {
1622 border-width: 0;
1623 border-inline-start-width: 1px;
1624 border-bottom-width: 1px;
1625 border-radius: 0;
1626 }
1627
1628 .e-global__popover {
1629 width: 288px;
1630 z-index: 1;
1631 font-size: 12px;
1632 padding-left: 10px;
1633 }
1634 .e-global__popover-toggle {
1635 border: var(--e-a-border-bold);
1636 border-right: 0;
1637 border-radius: 3px 0 0 3px;
1638 display: flex;
1639 align-items: center;
1640 justify-content: center;
1641 cursor: pointer;
1642 transition: var(--e-a-transition-hover);
1643 }
1644 .e-global__popover-toggle:hover {
1645 background-color: var(--e-a-bg-hover);
1646 }
1647 .e-global__popover-toggle--active {
1648 color: var(--e-a-color-primary-bold);
1649 background-color: var(--e-a-bg-active-bold);
1650 }
1651 .e-global__popover-container {
1652 box-shadow: var(--e-a-popover-shadow);
1653 border-radius: var(--e-a-border-radius);
1654 background-color: var(--e-a-bg-default);
1655 padding-bottom: 5px;
1656 }
1657 .e-global__popover-title {
1658 padding: 15px 20px;
1659 font-weight: 500;
1660 border-bottom: var(--e-a-border);
1661 display: flex;
1662 }
1663 .e-global__popover-title > i {
1664 margin-right: 5px;
1665 }
1666 .e-global__popover-title-text {
1667 flex-grow: 1;
1668 }
1669 .e-global__popover-info {
1670 margin-right: 5px;
1671 display: inline-block;
1672 }
1673 .e-global__popover-info-tooltip {
1674 width: 270px;
1675 z-index: 1;
1676 background-color: rgba(0, 0, 0, 0.9);
1677 color: var(--e-a-color-white);
1678 padding: 20px;
1679 border-radius: 3px;
1680 }
1681 .e-global__popover-info-tooltip:after {
1682 content: "";
1683 position: absolute;
1684 bottom: -17px;
1685 left: 16px;
1686 border: 10px solid transparent;
1687 border-top-color: rgba(0, 0, 0, 0.9);
1688 }
1689 .e-global__popover-info i {
1690 font-size: 13px;
1691 }
1692 .e-global__preview-items-container {
1693 max-height: 260px;
1694 overflow-y: auto;
1695 margin-top: 5px;
1696 }
1697 .e-global__preview-items-container::-webkit-scrollbar {
1698 width: 7px;
1699 }
1700 .e-global__preview-items-container::-webkit-scrollbar-thumb {
1701 background-color: #BABFC5;
1702 border-radius: 10px;
1703 }
1704 .e-global__manage-button {
1705 font-weight: 500;
1706 cursor: pointer;
1707 }
1708 .e-global__typography {
1709 padding: 5px 10px 5px 35px;
1710 white-space: nowrap;
1711 text-overflow: ellipsis;
1712 overflow: hidden;
1713 }
1714 .e-global__typography.e-global__preview-item--selected:before {
1715 font-family: "eicons";
1716 font-size: 13px;
1717 content: "\e90e";
1718 position: absolute;
1719 transform: translateY(-50%);
1720 top: 50%;
1721 left: 12px;
1722 }
1723 .e-global__color {
1724 margin: 5px auto;
1725 padding: 5px 20px;
1726 display: flex;
1727 align-items: center;
1728 }
1729 .e-global__color:first-child {
1730 margin-top: 5px;
1731 }
1732 .e-global__color:last-child {
1733 margin-bottom: 10px;
1734 }
1735 .e-global__color-preview-container {
1736 height: 20px;
1737 width: 20px;
1738 border-radius: 3px;
1739 border: 1px solid rgba(0, 0, 0, 0.1);
1740 margin-right: 10px;
1741 flex-shrink: 0;
1742 position: relative;
1743 }
1744 .e-global__color-preview-color, .e-global__color-preview-transparent-bg {
1745 border-radius: 3px;
1746 height: 100%;
1747 width: 100%;
1748 position: absolute;
1749 top: 0;
1750 left: 0;
1751 }
1752 .e-global__color-preview-transparent-bg {
1753 background-image: linear-gradient(45deg, var(--e-a-border-color-bold) 25%, transparent 0, transparent 75%, var(--e-a-border-color-bold) 0, var(--e-a-border-color-bold)), linear-gradient(45deg, var(--e-a-border-color-bold) 25%, transparent 0, transparent 75%, var(--e-a-border-color-bold) 0, var(--e-a-border-color-bold));
1754 background-size: 12px 12px;
1755 background-position: 0 0, calc( 12px / 2 ) calc( 12px / 2 );
1756 }
1757 .e-global__color-title {
1758 flex-grow: 1;
1759 white-space: nowrap;
1760 text-overflow: ellipsis;
1761 overflow: hidden;
1762 padding-right: 10px;
1763 }
1764 .e-global__color-hex {
1765 font-size: 10px;
1766 color: var(--e-a-color-txt-muted);
1767 }
1768 .e-global__color .pcr-button {
1769 background-color: var(--e-a-bg-default);
1770 }
1771 .e-global__color.e-global__preview-item--selected .e-global__color-preview-container {
1772 display: flex;
1773 justify-content: center;
1774 align-items: center;
1775 color: var(--e-a-color-white);
1776 }
1777 .e-global__color.e-global__preview-item--selected .e-global__color-preview-container:before {
1778 font-family: "eicons";
1779 font-size: 13px;
1780 content: "\e90e";
1781 text-shadow: 0 0 1px #000;
1782 z-index: 1;
1783 }
1784 .e-global__preview-item {
1785 cursor: pointer;
1786 position: relative;
1787 }
1788 .e-global__preview-item:hover {
1789 background-color: var(--e-a-bg-hover);
1790 }
1791 .e-global__confirm-delete i, .e-global__confirm-message-text i {
1792 color: var(--e-a-color-warning);
1793 }
1794 .e-global__confirm-input-wrapper {
1795 display: flex;
1796 align-items: center;
1797 border: var(--e-a-border);
1798 border-radius: var(--e-a-border-radius);
1799 margin: 15px 0;
1800 padding: 2px;
1801 }
1802 .e-global__confirm-input-wrapper input {
1803 font-family: var(--e-a-font-family);
1804 font-size: 12px;
1805 padding: 2px;
1806 border: 0;
1807 }
1808
1809 .e-control-global .elementor-control-input-wrapper {
1810 display: flex;
1811 justify-content: flex-end;
1812 max-width: 135px;
1813 width: 100%;
1814 }
1815 .e-control-global.elementor-control .elementor-control-input-wrapper {
1816 direction: ltr;
1817 }
1818 .e-control-global .elementor-control-spinner {
1819 margin-right: 4px;
1820 }
1821
1822 .elementor-control-type-hidden {
1823 display: none !important;
1824 }
1825
1826 .elementor-control-type-icon .select2-selection__rendered .eicon {
1827 margin-right: 3px;
1828 }
1829
1830 .elementor-control-type-image_dimensions .elementor-control-field-description {
1831 margin: 0 0 15px;
1832 line-height: 1.4;
1833 }
1834 .elementor-control-type-image_dimensions .elementor-control-input-wrapper {
1835 display: flex;
1836 align-items: flex-start;
1837 }
1838 .elementor-control-type-image_dimensions .elementor-image-dimensions-field {
1839 width: 65px;
1840 }
1841 .elementor-control-type-image_dimensions .elementor-image-dimensions-field input:focus + .elementor-image-dimensions-field-description {
1842 color: var(--e-a-color-txt);
1843 }
1844 .elementor-control-type-image_dimensions .elementor-image-dimensions-separator {
1845 width: 20px;
1846 text-align: center;
1847 padding-top: 4px;
1848 }
1849 .elementor-control-type-image_dimensions .elementor-image-dimensions-field-description {
1850 display: block;
1851 margin-top: 5px;
1852 color: var(--e-a-color-txt-disabled);
1853 font-size: 10px;
1854 text-align: center;
1855 }
1856 .elementor-control-type-image_dimensions .elementor-image-dimensions-apply-button {
1857 margin-left: auto;
1858 }
1859
1860 .elementor-control-media.e-media-empty .elementor-control-media-area .elementor-control-media__remove, .elementor-control-media.e-media-empty .elementor-control-media-area .elementor-control-media__content__remove {
1861 display: none;
1862 }
1863 .elementor-control-media.e-media-empty-placeholder .e-control-image-size {
1864 display: none;
1865 }
1866 .elementor-control-media:not(.e-media-empty) .elementor-control-media__content__upload-button {
1867 display: none;
1868 }
1869 .elementor-control-media .eicon-plus-circle {
1870 position: absolute;
1871 top: 50%;
1872 left: 50%;
1873 transform: translate(-50%, -50%);
1874 color: var(--e-a-color-white);
1875 font-size: 20px;
1876 }
1877 .elementor-control-media__content__upload-button {
1878 background-color: var(--e-a-bg-active-bold);
1879 }
1880 .elementor-control-media__preview {
1881 height: 100%;
1882 background-size: cover;
1883 background-position: center;
1884 padding-bottom: 42.8571%;
1885 }
1886 .elementor-control-media-area {
1887 background-image: linear-gradient(45deg, var(--e-a-border-color-bold) 25%, transparent 0, transparent 75%, var(--e-a-border-color-bold) 0, var(--e-a-border-color-bold)), linear-gradient(45deg, var(--e-a-border-color-bold) 25%, transparent 0, transparent 75%, var(--e-a-border-color-bold) 0, var(--e-a-border-color-bold));
1888 background-size: 16px 16px;
1889 background-position: 0 0, calc( 16px / 2 ) calc( 16px / 2 );
1890 background-color: var(--e-a-bg-default);
1891 border: var(--e-a-border-bold);
1892 aspect-ratio: 21/9;
1893 }
1894 .elementor-control-media-area:not(:hover) .elementor-control-media__remove {
1895 display: none;
1896 }
1897 .elementor-control-media-area .eicon-video-camera {
1898 position: absolute;
1899 top: 50%;
1900 left: 50%;
1901 transform: translate(-50%, -50%);
1902 color: rgba(255, 255, 255, 0.7);
1903 font-size: 21px;
1904 }
1905 .elementor-control-media .elementor-control-media__content {
1906 aspect-ratio: 21/9;
1907 position: relative;
1908 cursor: pointer;
1909 overflow: hidden;
1910 }
1911 .elementor-control-media .elementor-control-media__content:hover:after {
1912 content: "";
1913 position: absolute;
1914 top: 0;
1915 bottom: 0;
1916 left: 0;
1917 right: 0;
1918 background-color: rgba(0, 0, 0, 0.2);
1919 pointer-events: none;
1920 }
1921 .elementor-control-media .elementor-control-media__content:not(:hover) .elementor-control-media__tools {
1922 bottom: -30px;
1923 }
1924 .elementor-control-media__content {
1925 transition: all 0.2s ease-in-out;
1926 }
1927 .elementor-control-media__tools {
1928 position: absolute;
1929 bottom: 0;
1930 left: 0;
1931 right: 0;
1932 height: 27px;
1933 transition: all 0.2s ease-in-out;
1934 }
1935 .elementor-control-media__tools > *:not(:first-child) {
1936 margin-left: 1px;
1937 }
1938 .elementor-control-media__tool {
1939 display: flex;
1940 align-items: center;
1941 justify-content: center;
1942 flex-grow: 1;
1943 color: var(--e-a-color-white);
1944 background-color: rgba(0, 0, 0, 0.9);
1945 font-size: 11px;
1946 transition: var(--e-a-transition-hover);
1947 }
1948 .elementor-control-media__tool:hover {
1949 background-color: rgba(0, 0, 0, 0.8);
1950 }
1951 .elementor-control-media__remove {
1952 display: flex;
1953 align-items: center;
1954 justify-content: center;
1955 transition: all 0.3s ease-in-out;
1956 }
1957 .elementor-control-media__content__remove {
1958 position: absolute;
1959 z-index: 1;
1960 top: 10px;
1961 right: 10px;
1962 width: 20px;
1963 height: 20px;
1964 font-size: 11px;
1965 color: var(--e-a-color-white);
1966 background-color: rgba(0, 0, 0, 0.5);
1967 border-radius: var(--e-border-radius);
1968 box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
1969 transition: var(--e-a-transition-hover);
1970 }
1971 .elementor-control-media__content__remove:hover {
1972 background-color: rgba(0, 0, 0, 0.6);
1973 }
1974 .elementor-control-media.e-media-empty .elementor-control-file-area {
1975 display: none;
1976 }
1977 .elementor-control-media__file {
1978 display: flex;
1979 justify-content: space-between;
1980 align-items: center;
1981 width: 100%;
1982 margin-top: 10px;
1983 border: var(--e-a-border);
1984 }
1985 .elementor-control-media__file__content {
1986 padding-left: 5px;
1987 font-size: 12px;
1988 }
1989 .elementor-control-media__file__content__label {
1990 color: #9DA5AE;
1991 }
1992 .elementor-control-media__file__content__info {
1993 display: flex;
1994 align-items: center;
1995 font-weight: 500;
1996 }
1997 .elementor-control-media__file__content__info__icon {
1998 margin-right: 5px;
1999 }
2000 .elementor-control-media__file__controls {
2001 display: flex;
2002 border-left: var(--e-a-border);
2003 }
2004 .elementor-control-media__file__controls__upload-button, .elementor-control-media__file__controls__remove {
2005 width: 27px;
2006 height: 27px;
2007 cursor: pointer;
2008 align-items: center;
2009 }
2010 .elementor-control-media__file__controls__upload-button {
2011 display: flex;
2012 justify-content: center;
2013 }
2014 .elementor-control-media__file__controls__remove {
2015 border-right: var(--e-a-border);
2016 }
2017 .elementor-control-media:not(.e-media-empty) .elementor-control-media__file__content__label {
2018 display: none;
2019 }
2020 .elementor-control-media.e-media-empty .elementor-control-media__file__content__info {
2021 display: none;
2022 }
2023 .elementor-control-media.e-media-empty .elementor-control-media__file__controls__remove {
2024 display: none;
2025 }
2026 .elementor-control-media .elementor-control-dynamic-switcher {
2027 border: none;
2028 border-radius: 0;
2029 background-color: rgba(0, 0, 0, 0.9);
2030 color: var(--e-a-color-white);
2031 }
2032 .elementor-control-media .elementor-control-dynamic-switcher:hover {
2033 background-color: rgba(0, 0, 0, 0.8);
2034 color: var(--e-a-color-white);
2035 }
2036 .elementor-control-media .e-control-image-size {
2037 display: flex;
2038 flex-direction: column;
2039 width: 100%;
2040 padding-top: 20px;
2041 }
2042 .elementor-control-media .e-control-image-size .elementor-control-input-wrapper {
2043 margin-left: auto;
2044 }
2045
2046 .elementor-control-type-media.elementor-control-dynamic-value .elementor-control-input-wrapper {
2047 border: none;
2048 }
2049
2050 .elementor-control:not(.elementor-control-type-icons) .elementor-control-media__preview {
2051 background-color: var(--e-a-bg-active-bold);
2052 }
2053
2054 .elementor-control-type-popover_toggle input {
2055 display: none;
2056 }
2057 .elementor-control-type-popover_toggle label {
2058 cursor: pointer;
2059 }
2060 .elementor-control-type-popover_toggle .elementor-control-input-wrapper {
2061 direction: rtl;
2062 }
2063 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle:checked + .elementor-control-popover-toggle-toggle-label {
2064 color: var(--e-a-color-txt-active);
2065 background-color: var(--e-a-bg-active-bold);
2066 }
2067 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle:not(:checked) ~ .elementor-control-popover-toggle-reset-label {
2068 display: none;
2069 }
2070 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle-label {
2071 height: 27px;
2072 display: inline-flex;
2073 align-items: center;
2074 justify-content: center;
2075 border-radius: var(--e-a-border-radius);
2076 border: var(--e-a-border-bold);
2077 transition: var(--e-a-transition-hover);
2078 }
2079 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle-label:hover {
2080 background-color: var(--e-a-bg-hover);
2081 }
2082 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-reset-label {
2083 color: var(--e-a-color-txt-muted);
2084 -webkit-margin-start: 5px;
2085 margin-inline-start: 5px;
2086 }
2087 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-reset-label:hover {
2088 color: var(--e-a-color-txt);
2089 }
2090
2091 .elementor-controls-popover.e-controls-popover--typography {
2092 padding-top: 0;
2093 }
2094
2095 .e-control-global .elementor-control-popover-toggle-toggle-label {
2096 border-radius: 0 var(--e-a-border-radius) var(--e-a-border-radius) 0;
2097 flex-shrink: 0;
2098 }
2099
2100 .elementor-control-type-repeater .elementor-control:not(.elementor-control-type-tab) {
2101 padding-right: 10px;
2102 padding-left: 10px;
2103 padding-bottom: 10px;
2104 }
2105 .elementor-control-type-repeater.elementor-repeater-has-minimum-rows .elementor-repeater-tool-remove {
2106 display: none;
2107 }
2108 .elementor-control-type-repeater .elementor-repeater-fields {
2109 margin: 10px 0;
2110 }
2111 .elementor-control-type-repeater .elementor-repeater-row-controls {
2112 border: var(--e-a-border-bold);
2113 border-top-width: 0;
2114 padding-top: 15px;
2115 }
2116 .elementor-control-type-repeater .elementor-repeater-row-controls:not(.editable) {
2117 display: none;
2118 }
2119 .elementor-control-type-repeater .elementor-repeater-row-tools {
2120 display: table;
2121 table-layout: fixed;
2122 width: 100%;
2123 background-color: var(--e-a-border-color-bold);
2124 height: 40px;
2125 border-spacing: 1px;
2126 transition: all 0.5s;
2127 }
2128 .elementor-control-type-repeater .elementor-repeater-row-tools:hover {
2129 background-color: var(--e-a-border-color-focus);
2130 }
2131 .elementor-control-type-repeater .elementor-repeater-row-tools > div {
2132 display: table-cell;
2133 text-align: center;
2134 vertical-align: middle;
2135 cursor: pointer;
2136 }
2137 .elementor-control-type-repeater .elementor-repeater-row-tools > div:not(.elementor-repeater-row-handle-sortable) {
2138 background-color: var(--e-a-bg-default);
2139 }
2140 .elementor-control-type-repeater .elementor-repeater-row-tools > div:hover {
2141 background-color: var(--e-a-bg-hover);
2142 }
2143 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title {
2144 text-align: left;
2145 padding: 0 10px;
2146 font-size: var(--control-title-size);
2147 white-space: nowrap;
2148 text-overflow: ellipsis;
2149 overflow: hidden;
2150 }
2151 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title .eicon,
2152 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title i,
2153 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title svg {
2154 margin-right: 5px;
2155 }
2156 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title img[src$=svg] {
2157 width: 1em;
2158 }
2159 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-tool {
2160 width: 40px;
2161 }
2162 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-handle-sortable {
2163 cursor: move;
2164 width: 10px;
2165 color: #fff;
2166 }
2167 .elementor-control-type-repeater .elementor-button-wrapper {
2168 text-align: center;
2169 padding-top: 5px;
2170 }
2171
2172 #elementor-controls {
2173 padding-top: 15px;
2174 }
2175
2176 .elementor-control-type-section {
2177 padding: 0;
2178 }
2179 .elementor-control-type-section.e-open {
2180 padding-bottom: 10px;
2181 }
2182 .elementor-control-type-section + .elementor-control:not(.elementor-control-type-section):before {
2183 display: none;
2184 }
2185 .elementor-control-type-section:not(:first-child):not(.elementor-control-type-section + .elementor-control-type-section) {
2186 margin-top: 25px;
2187 }
2188
2189 .elementor-control-type-select .elementor-control-input-wrapper {
2190 position: relative;
2191 }
2192 .elementor-control-type-select .elementor-control-input-wrapper select {
2193 -webkit-appearance: none;
2194 -moz-appearance: none;
2195 appearance: none;
2196 font-size: var(--control-title-size);
2197 font-family: inherit;
2198 font-weight: inherit;
2199 font-style: inherit;
2200 text-transform: inherit;
2201 letter-spacing: inherit;
2202 line-height: inherit;
2203 flex-basis: 100%;
2204 padding-left: 5px;
2205 padding-right: 20px;
2206 cursor: pointer;
2207 }
2208 .elementor-control-type-select .elementor-control-input-wrapper select.e-select-placeholder {
2209 color: var(--e-a-color-txt-disabled);
2210 }
2211 .elementor-control-type-select .elementor-control-input-wrapper option.e-option-placeholder {
2212 display: none;
2213 }
2214 .elementor-control-type-select .elementor-control-input-wrapper:after {
2215 font-family: eicons;
2216 content: "\e8ad";
2217 font-size: 12px;
2218 position: absolute;
2219 top: 50%;
2220 transform: translateY(-50%);
2221 right: 5px;
2222 pointer-events: none;
2223 }
2224
2225 .elementor-shadow-box .elementor-shadow-slider {
2226 margin-top: 10px;
2227 }
2228 .elementor-shadow-box .elementor-color-picker-wrapper .elementor-control-title {
2229 flex-grow: 1;
2230 }
2231
2232 .elementor-control-type-slider.elementor-control-dynamic input {
2233 border-radius: var(--e-a-border-radius) 0 0 var(--e-a-border-radius);
2234 }
2235 .elementor-control-type-slider .elementor-control-unit-2 {
2236 width: 21%;
2237 }
2238 .elementor-control-type-slider.elementor-control-type-slider--multiple .elementor-control-input-wrapper {
2239 display: block;
2240 }
2241 .elementor-control-type-slider--multiple {
2242 padding-bottom: 40px;
2243 }
2244 .elementor-control-type-slider--multiple .elementor-slider {
2245 margin-top: 12px;
2246 width: 98%;
2247 }
2248 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle {
2249 border-radius: 0;
2250 width: 10px;
2251 transform: translateY(calc(50% - 14px)) translateX(4px);
2252 }
2253 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle:after {
2254 content: "";
2255 position: absolute;
2256 top: 2px;
2257 height: 12px;
2258 width: 11px;
2259 transform: rotate(45deg);
2260 background-color: var(--e-a-color-white);
2261 border-radius: 3px;
2262 }
2263 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle-lower:after {
2264 left: 5px;
2265 box-shadow: 2px -2px 3px 0px rgba(0, 0, 0, 0.1);
2266 }
2267 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle-upper:after {
2268 right: 5px;
2269 box-shadow: -2px 2px 3px 0px rgba(0, 0, 0, 0.1);
2270 }
2271 .elementor-control-type-slider .elementor-control-dynamic-switcher {
2272 border-left-width: 0;
2273 border-radius: 0 var(--e-a-border-radius) var(--e-a-border-radius) 0;
2274 }
2275 .elementor-control-type-slider .elementor-control-input-wrapper {
2276 display: flex;
2277 align-items: center;
2278 }
2279 .elementor-control-type-slider .elementor-dynamic-cover {
2280 margin-top: 10px;
2281 }
2282 .elementor-control-type-slider.e-units-custom .elementor-slider {
2283 display: none;
2284 }
2285 .elementor-control-type-slider.e-units-custom .elementor-slider-input {
2286 width: 100%;
2287 margin: 0;
2288 transition: none;
2289 }
2290
2291 .elementor-slider {
2292 flex-grow: 1;
2293 height: 4px;
2294 background-color: var(--e-a-border-color-bold);
2295 border-radius: 5px;
2296 position: relative;
2297 cursor: pointer;
2298 }
2299 .elementor-slider-input {
2300 width: 21%;
2301 min-width: 54px;
2302 margin-left: 12px;
2303 transition: width 0.3s ease-in-out;
2304 }
2305 .elementor-slider__extra {
2306 position: relative;
2307 }
2308 .elementor-slider__labels {
2309 display: flex;
2310 justify-content: space-between;
2311 }
2312 .elementor-slider__label {
2313 font-size: 9px;
2314 color: var(--e-a-color-txt-disabled);
2315 }
2316 .elementor-slider__scales {
2317 position: absolute;
2318 display: flex;
2319 justify-content: space-evenly;
2320 width: 100%;
2321 margin-top: 4px;
2322 }
2323 .elementor-slider__scale {
2324 width: 1px;
2325 height: 21px;
2326 background-color: var(--e-a-border-color-focus);
2327 }
2328 .elementor-slider .noUi-handle {
2329 height: 16px;
2330 width: 16px;
2331 background-color: var(--e-a-color-white);
2332 right: 0;
2333 transform: translateY(calc(50% - 14px)) translateX(8px);
2334 position: absolute;
2335 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
2336 border-radius: 50%;
2337 }
2338 .elementor-slider .noUi-connects {
2339 position: absolute;
2340 width: 100%;
2341 height: 4px;
2342 }
2343 .elementor-slider .noUi-connect {
2344 position: absolute;
2345 z-index: 0;
2346 top: 0;
2347 left: 0;
2348 height: 100%;
2349 width: 100%;
2350 will-change: transform;
2351 transform-origin: 0 0;
2352 background-color: var(--e-a-border-color-focus);
2353 }
2354 .elementor-slider .noUi-tooltip {
2355 position: absolute;
2356 top: calc(100% + 5px);
2357 left: calc(50% - 4px);
2358 transform: translateX(-50%);
2359 font-size: 10px;
2360 }
2361
2362 .elementor-control-type-structure .elementor-control-field {
2363 display: initial;
2364 }
2365 .elementor-control-type-structure .elementor-control-structure-preset {
2366 padding: 3px;
2367 border-radius: var(--e-border-radius);
2368 display: inline-block;
2369 cursor: pointer;
2370 height: 50px;
2371 }
2372 .elementor-control-type-structure .elementor-control-structure-preset svg {
2373 height: 100%;
2374 }
2375 .elementor-control-type-structure .elementor-control-structure-preset path {
2376 fill: var(--e-a-border-color-bold);
2377 }
2378 .elementor-control-type-structure .elementor-control-structure-reset {
2379 padding: 15px 20px 0;
2380 font-size: 11px;
2381 cursor: pointer;
2382 color: var(--e-a-color-txt-muted);
2383 border-top: var(--e-a-border);
2384 margin: 0 -20px;
2385 }
2386 .elementor-control-type-structure .elementor-control-structure-reset:hover {
2387 color: var(--e-a-color-txt);
2388 }
2389 .elementor-control-type-structure .elementor-control-structure-title {
2390 margin: 10px -20px 0;
2391 }
2392 .elementor-control-type-structure .elementor-control-structure-title:before {
2393 height: 10px;
2394 box-shadow: inset 0 2px 4px rgba(127, 127, 127, 0.1);
2395 }
2396 .elementor-control-type-structure .elementor-control-structure-presets {
2397 display: flex;
2398 flex-wrap: wrap;
2399 justify-content: space-between;
2400 }
2401 .elementor-control-type-structure .elementor-control-structure-presets input {
2402 display: none;
2403 }
2404 .elementor-control-type-structure .elementor-control-structure-presets input:checked + .elementor-control-structure-preset path {
2405 fill: var(--e-a-border-color-focus);
2406 }
2407 .elementor-control-type-structure .elementor-control-structure-preset-wrapper {
2408 margin-bottom: 15px;
2409 }
2410 .elementor-control-type-structure .elementor-control-structure-preset-title {
2411 text-align: center;
2412 padding-top: 5px;
2413 font-style: italic;
2414 font-size: 11px;
2415 color: #9DA5AE;
2416 }
2417
2418 .elementor-control-type-switcher .elementor-control-input-wrapper {
2419 text-align: right;
2420 }
2421 .elementor-control-type-switcher .elementor-switch {
2422 position: relative;
2423 display: inline-block;
2424 vertical-align: top;
2425 height: 20px;
2426 background-color: var(--e-a-bg-default);
2427 border-radius: 18px;
2428 cursor: pointer;
2429 }
2430 .elementor-control-type-switcher .elementor-switch-input {
2431 display: none;
2432 }
2433 .elementor-control-type-switcher .elementor-switch-label {
2434 position: relative;
2435 display: block;
2436 height: inherit;
2437 font-size: 10px;
2438 background: var(--e-a-bg-active-bold);
2439 border-radius: inherit;
2440 transition: 0.15s ease-out;
2441 transition-property: opacity, background;
2442 }
2443 .elementor-control-type-switcher .elementor-switch-label:before, .elementor-control-type-switcher .elementor-switch-label:after {
2444 position: absolute;
2445 top: 0;
2446 width: 50%;
2447 text-align: center;
2448 line-height: 20px;
2449 transition: inherit;
2450 }
2451 .elementor-control-type-switcher .elementor-switch-label:before {
2452 content: attr(data-off);
2453 right: 5px;
2454 color: var(--e-a-color-txt-muted);
2455 }
2456 .elementor-control-type-switcher .elementor-switch-label:after {
2457 content: attr(data-on);
2458 left: 5px;
2459 color: var(--e-a-btn-color);
2460 opacity: 0;
2461 }
2462 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label {
2463 background: var(--e-a-btn-bg-primary);
2464 }
2465 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label:before {
2466 opacity: 0;
2467 }
2468 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label:after {
2469 opacity: 1;
2470 }
2471 .elementor-control-type-switcher .elementor-switch-handle {
2472 position: absolute;
2473 top: 1px;
2474 left: 1px;
2475 width: 18px;
2476 height: 18px;
2477 background: white;
2478 border-radius: 10px;
2479 transition: left 0.15s ease-out;
2480 }
2481 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-handle {
2482 left: initial;
2483 right: 1px;
2484 }
2485
2486 .elementor-control-type-tabs {
2487 display: flex;
2488 font-size: var(--control-title-size);
2489 }
2490
2491 .elementor-control-type-tab {
2492 text-align: center;
2493 width: 100%;
2494 padding: 0;
2495 line-height: 25px;
2496 border-top: var(--e-a-border-bold);
2497 border-bottom: var(--e-a-border-bold);
2498 border-right: var(--e-a-border-bold);
2499 transition: var(--e-a-transition-hover);
2500 cursor: pointer;
2501 }
2502 .elementor-control-type-tab:first-child {
2503 border-left: var(--e-a-border-bold);
2504 border-top-left-radius: var(--e-a-border-radius);
2505 border-bottom-left-radius: var(--e-a-border-radius);
2506 }
2507 .elementor-control-type-tab:last-child {
2508 border-top-right-radius: var(--e-a-border-radius);
2509 border-bottom-right-radius: var(--e-a-border-radius);
2510 }
2511 .elementor-control-type-tab:hover {
2512 background-color: var(--e-a-bg-hover);
2513 }
2514 .elementor-control-type-tab.e-tab-active {
2515 background-color: var(--e-a-bg-active-bold);
2516 color: var(--e-a-color-txt-accent);
2517 }
2518
2519 .e-tab-close {
2520 display: none !important;
2521 }
2522
2523 .elementor-control-type-textarea .elementor-control-dynamic-switcher,
2524 .elementor-control-type-code .elementor-control-dynamic-switcher {
2525 border-inline-start-width: 1px;
2526 border-start-start-radius: 0;
2527 border-start-end-radius: 0;
2528 border-end-end-radius: 0;
2529 border-end-start-radius: var(--e-a-border-radius);
2530 }
2531 .elementor-control-type-textarea:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher,
2532 .elementor-control-type-code:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher {
2533 position: absolute;
2534 top: 0;
2535 z-index: 1;
2536 right: 0;
2537 }
2538 .elementor-control-type-textarea .elementor-control-input-wrapper,
2539 .elementor-control-type-code .elementor-control-input-wrapper {
2540 position: relative;
2541 }
2542 .elementor-control-type-textarea textarea,
2543 .elementor-control-type-code textarea {
2544 display: block;
2545 font-family: inherit;
2546 }
2547 .elementor-control-type-textarea textarea:focus + .elementor-control-dynamic-switcher,
2548 .elementor-control-type-code textarea:focus + .elementor-control-dynamic-switcher {
2549 display: none;
2550 }
2551 .elementor-control-type-textarea pre:focus-within + .elementor-control-dynamic-switcher,
2552 .elementor-control-type-code pre:focus-within + .elementor-control-dynamic-switcher {
2553 display: none;
2554 }
2555
2556 .elementor-control-type-url .elementor-control-field {
2557 position: relative;
2558 }
2559 .elementor-control-type-url .elementor-control-input-wrapper {
2560 display: flex;
2561 }
2562 .elementor-control-type-url.elementor-control-dynamic .elementor-control-url-more-options input {
2563 border-radius: var(--e-a-border-radius);
2564 }
2565 .elementor-control-type-url.elementor-control-dynamic-value .e-input-style {
2566 border-start-end-radius: 0;
2567 border-end-end-radius: 0;
2568 }
2569 .elementor-control-type-url.elementor-control-dynamic-value .elementor-control-url-more {
2570 border-start-end-radius: var(--e-a-border-radius);
2571 border-end-end-radius: var(--e-a-border-radius);
2572 }
2573 .elementor-control-type-url .elementor-control-url-more {
2574 display: flex;
2575 align-items: center;
2576 justify-content: center;
2577 flex-shrink: 0;
2578 border: var(--e-a-border-bold);
2579 color: currentColor;
2580 background-color: transparent;
2581 border-inline-start-width: 0;
2582 cursor: pointer;
2583 }
2584 .elementor-control-type-url .elementor-control-url-more i {
2585 font-size: 12px;
2586 }
2587 .elementor-control-type-url .elementor-control-url-more-options {
2588 display: none;
2589 padding-top: 10px;
2590 }
2591 .elementor-control-type-url .elementor-control-url-more-options .elementor-control-field-description {
2592 margin-top: 10px;
2593 }
2594 .elementor-control-type-url .elementor-control-url-more:hover {
2595 color: var(--e-a-color-txt-hover);
2596 }
2597 .elementor-control-type-url .elementor-control-url-more:focus {
2598 color: var(--e-a-color-txt-active);
2599 border-color: var(--e-a-border-color-focus);
2600 }
2601 .elementor-control-type-url .elementor-control-url-option {
2602 display: flex;
2603 align-items: center;
2604 }
2605 .elementor-control-type-url .elementor-control-url-option:not(:last-child) {
2606 padding-bottom: 10px;
2607 }
2608 .elementor-control-type-url .elementor-control-url-option input,
2609 .elementor-control-type-url .elementor-control-url-option label {
2610 cursor: pointer;
2611 }
2612 .elementor-control-type-url .elementor-control-url-autocomplete-spinner {
2613 display: none;
2614 position: absolute;
2615 top: 5px;
2616 right: 0;
2617 width: 10px;
2618 height: 10px;
2619 font-size: 10px;
2620 color: var(--e-a-color-txt-disabled);
2621 }
2622 .elementor-control-type-url .elementor-control-url__custom-attributes label {
2623 font-size: var(--control-title-size);
2624 }
2625 .elementor-control-type-url .elementor-control-url__custom-attributes input {
2626 width: 100%;
2627 margin-top: 10px;
2628 }
2629 .elementor-control-type-url .elementor-input:focus ~ div {
2630 border-color: var(--e-a-border-color-focus);
2631 }
2632
2633 .elementor-autocomplete-menu {
2634 position: absolute;
2635 background: var(--e-a-bg-default);
2636 border: var(--e-a-border);
2637 margin: 0;
2638 list-style: none;
2639 padding: 4px 0;
2640 height: auto;
2641 width: 100%;
2642 min-width: 260px;
2643 max-width: 300px;
2644 max-height: 200px;
2645 overflow-y: auto;
2646 border-radius: 3px;
2647 transition: var(--e-a-transition-hover);
2648 cursor: default;
2649 z-index: 1;
2650 }
2651 .elementor-autocomplete-menu .ui-menu-item {
2652 display: flex;
2653 justify-content: space-between;
2654 align-self: baseline;
2655 padding: 5px 8px;
2656 font-size: 12px;
2657 width: 100%;
2658 line-height: 1.2;
2659 cursor: pointer;
2660 }
2661 .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 {
2662 background: var(--e-a-bg-hover);
2663 }
2664 .elementor-autocomplete-menu .elementor-autocomplete-item-info {
2665 font-size: 10px;
2666 padding-top: 2px;
2667 }
2668
2669 .elementor-control-type-wp_widget .widget-inside {
2670 line-height: 2;
2671 background-color: inherit;
2672 display: block;
2673 }
2674 .elementor-control-type-wp_widget .quicktags-toolbar input {
2675 width: auto;
2676 }
2677
2678 .elementor-control-type-wysiwyg * {
2679 box-sizing: content-box;
2680 }
2681 .elementor-control-type-wysiwyg .wp-editor-container {
2682 border: var(--e-a-border);
2683 }
2684 .elementor-control-type-wysiwyg .wp-editor-tabs {
2685 border: var(--e-a-border-bold);
2686 border-bottom: none;
2687 border-start-start-radius: var(--e-a-border-radius);
2688 border-start-end-radius: var(--e-a-border-radius);
2689 border-end-end-radius: 0;
2690 border-end-start-radius: 0;
2691 }
2692 .elementor-control-type-wysiwyg .wp-editor-tabs button:hover {
2693 background-color: var(--e-a-bg-hover);
2694 }
2695 .elementor-control-type-wysiwyg #insert-media-button {
2696 height: initial;
2697 line-height: 24px;
2698 font-size: 10px;
2699 color: var(--e-a-color-txt);
2700 border-color: var(--e-a-border-color-bold);
2701 background-color: var(--e-a-bg-default);
2702 min-height: initial;
2703 }
2704 .elementor-control-type-wysiwyg .ed_button {
2705 height: 22px;
2706 width: initial;
2707 }
2708 .elementor-control-type-wysiwyg .wp-media-buttons-icon {
2709 height: 14px;
2710 margin: 0;
2711 }
2712 .elementor-control-type-wysiwyg .wp-media-buttons-icon:before {
2713 font-size: 14px;
2714 }
2715 .elementor-control-type-wysiwyg .wp-switch-editor {
2716 position: static;
2717 border: none;
2718 margin: 0;
2719 color: var(--e-a-color-txt);
2720 font-size: 10px;
2721 padding: 3px 9px 4px;
2722 }
2723 .elementor-control-type-wysiwyg .switch-html {
2724 border: solid var(--e-a-border-color-bold);
2725 border-width: 0 1px;
2726 }
2727 .elementor-control-type-wysiwyg .html-active .switch-tmce {
2728 background-color: transparent;
2729 }
2730 .elementor-control-type-wysiwyg .html-active .switch-html {
2731 background-color: var(--e-a-bg-active);
2732 }
2733 .elementor-control-type-wysiwyg .tmce-active .switch-tmce {
2734 background-color: var(--e-a-bg-active);
2735 }
2736 .elementor-control-type-wysiwyg .tmce-active .switch-html {
2737 background-color: transparent;
2738 }
2739 .elementor-control-type-wysiwyg .mce-toolbar-grp,
2740 .elementor-control-type-wysiwyg .quicktags-toolbar {
2741 background-color: var(--e-a-bg-default);
2742 }
2743 .elementor-control-type-wysiwyg .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
2744 background-color: var(--e-a-bg-default);
2745 }
2746 .elementor-control-type-wysiwyg .mce-toolbar .mce-btn-group .mce-btn.mce-listbox button {
2747 color: var(--e-a-color-txt);
2748 }
2749 .elementor-control-type-wysiwyg .mce-toolbar-grp > div {
2750 padding: 0 3px;
2751 }
2752 .elementor-control-type-wysiwyg .elementor-wp-editor {
2753 box-sizing: border-box;
2754 }
2755 .elementor-control-type-wysiwyg .mce-ico {
2756 color: var(--e-a-color-txt);
2757 font-size: 16px;
2758 }
2759 .elementor-control-type-wysiwyg .mce-btn-group .mce-btn:hover, .elementor-control-type-wysiwyg .mce-btn-group .mce-btn:active, .elementor-control-type-wysiwyg .mce-btn-group .mce-btn.mce-active {
2760 color: var(--e-a-color-txt-active);
2761 }
2762 .elementor-control-type-wysiwyg .mce-btn-group .mce-btn:hover i, .elementor-control-type-wysiwyg .mce-btn-group .mce-btn:active i, .elementor-control-type-wysiwyg .mce-btn-group .mce-btn.mce-active i {
2763 color: var(--e-a-color-txt-active);
2764 }
2765 .elementor-control-type-wysiwyg .mce-path {
2766 padding: 5px 10px;
2767 }
2768 .elementor-control-type-wysiwyg .mce-path-item {
2769 font-size: 12px;
2770 color: var(--e-a-color-txt);
2771 }
2772 .elementor-control-type-wysiwyg .mce-top-part:before {
2773 box-shadow: none;
2774 }
2775 .elementor-control-type-wysiwyg .elementor-control-dynamic-switcher {
2776 border: none;
2777 }
2778
2779 .ui-resizable-n {
2780 top: -5px;
2781 }
2782 .ui-resizable-e {
2783 right: -5px;
2784 }
2785 .ui-resizable-s {
2786 bottom: -5px;
2787 }
2788 .ui-resizable-w {
2789 left: -5px;
2790 }
2791 .ui-resizable-ne {
2792 top: -5px;
2793 right: -5px;
2794 }
2795 .ui-resizable-nw {
2796 top: -5px;
2797 left: -5px;
2798 }
2799 .ui-resizable-se {
2800 bottom: -5px;
2801 right: -5px;
2802 }
2803 .ui-resizable-sw {
2804 bottom: -5px;
2805 left: -5px;
2806 }
2807 .ui-resizable-n, .ui-resizable-s {
2808 left: 0;
2809 height: 10px;
2810 width: 100%;
2811 cursor: ns-resize;
2812 }
2813 .ui-resizable-e, .ui-resizable-w {
2814 top: 0;
2815 height: 100%;
2816 width: 10px;
2817 cursor: ew-resize;
2818 }
2819 .ui-resizable-ne, .ui-resizable-nw, .ui-resizable-se, .ui-resizable-sw {
2820 height: 15px;
2821 width: 15px;
2822 }
2823 .ui-resizable-nw, .ui-resizable-se {
2824 cursor: nwse-resize;
2825 }
2826 .ui-resizable-ne, .ui-resizable-sw {
2827 cursor: nesw-resize;
2828 }
2829 .ui-resizable-handle {
2830 position: absolute;
2831 }
2832 .ui-resizable-resizing {
2833 pointer-events: none;
2834 }
2835
2836 :root {
2837 --e-p-draggable-color: #F0ABFC;
2838 --e-p-border-section: #F3BAFD;
2839 --e-p-border-section-hover: #F0ABFC;
2840 --e-p-border-section-invert: #0C0D0E;
2841 --e-p-border-con: #F3BAFD;
2842 --e-p-border-con-hover: #F0ABFC;
2843 --e-p-border-con-invert: #0C0D0E;
2844 --e-p-border-column: #9DA5AE;
2845 --e-p-border-column-hover: #818A96;
2846 --e-p-border-column-invert: #0C0D0E;
2847 --e-p-border-con-in: #9DA5AE;
2848 --e-p-border-con-in-hover: #818A96;
2849 --e-p-border-con-in-invert: #0C0D0E;
2850 --e-p-border-widget: #F3BAFD;
2851 --e-p-border-widget-hover: #F0ABFC;
2852 --e-p-border-widget-invert: #0C0D0E;
2853 --e-p-border-global: #5EEAD4;
2854 --e-p-border-global-hover: #1DDDBF;
2855 --e-p-border-global-invert: #0C0D0E;
2856 }
2857
2858 .elementor-add-section {
2859 all: initial;
2860 display: flex;
2861 max-width: 1160px;
2862 position: relative;
2863 margin-inline: auto;
2864 }
2865 .elementor-add-section:not(.elementor-dragging-on-child) .elementor-add-section-inner {
2866 border: 2px dashed var(--e-a-border-color-bold);
2867 background-color: rgba(255, 255, 255, 0.5);
2868 }
2869 .elementor-add-section.elementor-dragging-on-child .elementor-add-section-inner {
2870 border: 2px dashed var(--e-a-color-primary);
2871 }
2872 .elementor-add-section[data-view=choose-action] .e-view:not(.elementor-add-new-section) {
2873 display: none;
2874 }
2875 .elementor-add-section[data-view=select-preset] .e-view:not(.elementor-select-preset) {
2876 display: none;
2877 }
2878 .elementor-add-section[data-view=select-container-preset] .e-view:not(.e-con-select-preset) {
2879 display: none;
2880 }
2881 .elementor-add-section[data-view=select-type] .e-view:not(.e-con-select-type) {
2882 display: none;
2883 }
2884 .elementor-add-section[data-view=select-container-preset-grid] .e-view:not(.e-con-select-preset-grid) {
2885 display: none;
2886 }
2887
2888 .elementor-add-section-inner {
2889 text-align: center;
2890 margin: 20px;
2891 padding: 40px 0;
2892 display: flex;
2893 justify-content: center;
2894 flex-grow: 1;
2895 }
2896
2897 .elementor-add-new-section {
2898 display: flex;
2899 justify-content: center;
2900 flex-wrap: wrap;
2901 gap: 5px;
2902 }
2903
2904 .elementor-add-section-area-button {
2905 padding: 12px;
2906 height: 40px;
2907 width: 40px;
2908 border-radius: 50%;
2909 font-size: 16px;
2910 display: flex;
2911 outline: none;
2912 border: none;
2913 background-color: var(--e-a-btn-bg);
2914 color: var(--e-a-btn-color-invert);
2915 transition: var(--e-a-transition-hover);
2916 cursor: pointer;
2917 }
2918 .elementor-add-section-area-button:hover {
2919 background-color: var(--e-a-btn-bg-hover);
2920 color: var(--e-a-btn-color-invert);
2921 }
2922 .elementor-add-section-area-button i {
2923 margin: 0;
2924 }
2925 .elementor-add-section-area-button.elementor-add-section-button {
2926 background-color: var(--e-a-btn-bg-primary);
2927 color: var(--e-a-btn-color);
2928 }
2929 .elementor-add-section-area-button.elementor-add-section-button:hover {
2930 background-color: var(--e-a-btn-bg-primary-hover);
2931 color: var(--e-a-btn-color);
2932 }
2933
2934 .elementor-add-section-drag-title,
2935 .elementor-select-preset-title {
2936 font-family: var(--e-a-font-family);
2937 font-size: 13px;
2938 line-height: 1;
2939 color: var(--e-a-color-txt);
2940 }
2941
2942 .elementor-add-section-drag-title {
2943 font-style: italic;
2944 font-weight: normal;
2945 margin-top: 10px;
2946 width: 100%;
2947 }
2948
2949 .elementor-select-preset-title {
2950 font-weight: 500;
2951 text-transform: uppercase;
2952 }
2953
2954 .elementor-add-section-close {
2955 right: 40px;
2956 }
2957
2958 .elementor-add-section-back {
2959 left: 40px;
2960 }
2961
2962 .elementor-wizard-icon {
2963 position: absolute;
2964 top: 40px;
2965 font-size: 20px;
2966 cursor: pointer;
2967 line-height: 1;
2968 color: var(--e-a-color-txt);
2969 }
2970 .elementor-wizard-icon:hover {
2971 color: var(--e-a-color-txt-hover);
2972 }
2973
2974 .elementor-select-preset-list {
2975 list-style: none;
2976 padding: 0 25px;
2977 margin: 20px auto 0;
2978 overflow: hidden;
2979 max-width: 700px;
2980 }
2981 .elementor-select-preset-list .elementor-preset {
2982 cursor: pointer;
2983 margin: 0;
2984 padding: 10px;
2985 float: left;
2986 max-width: 33.333%;
2987 }
2988 .elementor-select-preset-list .elementor-preset:not(:hover) path,
2989 .elementor-select-preset-list .elementor-preset:not(:hover) rect {
2990 fill: var(--e-a-bg-active-bold);
2991 transition: 0.3s all;
2992 }
2993 .elementor-select-preset-list .elementor-preset:hover path,
2994 .elementor-select-preset-list .elementor-preset:hover rect {
2995 fill: var(--e-a-color-txt);
2996 }
2997 .elementor-select-preset-list .elementor-preset .e-preset--container {
2998 position: relative;
2999 display: flex;
3000 }
3001 .elementor-select-preset-list .elementor-preset .e-preset--container::before {
3002 content: var(--text);
3003 font-family: var(--e-a-font-family);
3004 font-size: 13px;
3005 font-weight: 500;
3006 position: absolute;
3007 left: 50%;
3008 top: 50%;
3009 color: var(--e-a-color-white);
3010 transform: translate(-50%, -50%);
3011 }
3012 .elementor-select-preset-list .elementor-preset svg {
3013 height: 50px;
3014 width: 100%;
3015 }
3016
3017 .elementor-add-section[data-view=choose-action] .elementor-add-section-back {
3018 display: none;
3019 }
3020 .elementor-add-section[data-view=select-preset] .elementor-add-section-back {
3021 display: none;
3022 }
3023 .elementor-add-section[data-view=select-type] .elementor-add-section-back {
3024 display: none;
3025 }
3026
3027 #elementor-add-new-section {
3028 margin: 60px auto;
3029 }
3030 #elementor-add-new-section[data-view=choose-action] .elementor-add-section-close {
3031 display: none;
3032 }
3033
3034 .elementor-add-section-inline {
3035 margin: 10px auto;
3036 width: 100%;
3037 }
3038
3039 @keyframes placeholder-section {
3040 0% {
3041 height: 0;
3042 opacity: 0;
3043 }
3044 100% {
3045 height: 40px;
3046 opacity: 0.9;
3047 }
3048 }
3049 @keyframes placeholder-widget {
3050 0% {
3051 height: 0;
3052 opacity: 0;
3053 }
3054 100% {
3055 height: 10px;
3056 opacity: 0.9;
3057 }
3058 }
3059 @keyframes section-outline {
3060 0% {
3061 opacity: 0;
3062 }
3063 100% {
3064 opacity: 1;
3065 }
3066 }
3067 body.elementor-editor-active .elementor.elementor-edit-mode.layout-section .entry-content {
3068 overflow: visible;
3069 }
3070 body.elementor-editor-active .elementor.elementor-edit-mode .article {
3071 overflow: visible;
3072 }
3073 body.elementor-editor-active .elementor.elementor-edit-mode .elementor-element-overlay .elementor-editor-element-settings {
3074 clear: unset;
3075 }
3076 body.elementor-editor-active .elementor.elementor-edit-mode .elementor-element.elementor-section {
3077 overflow: visible;
3078 }
3079
3080 .elementor-edit-area .animated {
3081 animation-fill-mode: none !important;
3082 }
3083 .elementor-edit-area ul.elementor-editor-element-settings {
3084 word-break: normal;
3085 padding: 0;
3086 }
3087 .elementor-edit-area .gallery {
3088 opacity: 1;
3089 }
3090
3091 .pen {
3092 position: relative;
3093 outline: none;
3094 }
3095 .pen:not([data-elementor-inline-editing-toolbar=advanced]) {
3096 white-space: pre-wrap;
3097 }
3098 .pen-menu {
3099 box-shadow: 1px 2px 3px -2px #222;
3100 background-color: #3f444b;
3101 position: fixed;
3102 overflow: hidden;
3103 border-radius: 3px;
3104 z-index: 9999;
3105 }
3106 .pen-menu:after {
3107 top: 100%;
3108 content: "";
3109 position: absolute;
3110 border: 6px solid transparent;
3111 border-top-color: #3f444b;
3112 left: 50%;
3113 transform: translateX(-50%);
3114 }
3115 .pen-menu-below:after {
3116 top: 0;
3117 transform: translateX(-50%) translateY(-100%) rotate(180deg);
3118 }
3119 .pen-icon {
3120 position: relative;
3121 display: flex;
3122 align-items: center;
3123 justify-content: center;
3124 height: 35px;
3125 padding: 0 10px;
3126 font-size: 21px;
3127 color: #D5D8DC;
3128 cursor: pointer;
3129 -webkit-user-select: none;
3130 -moz-user-select: none;
3131 user-select: none;
3132 }
3133 .pen-icon:hover {
3134 background: #1f2124;
3135 }
3136 .pen-icon[data-group], .pen-icon[data-action=closeGroup] {
3137 display: none;
3138 }
3139 .pen-icon[data-action=close]:before {
3140 content: "";
3141 position: absolute;
3142 left: 0;
3143 height: 60%;
3144 width: 1px;
3145 background-color: #1f2124;
3146 }
3147 .pen-icon.active {
3148 background-color: #1f2124;
3149 box-shadow: inset 2px 2px 4px #1f2124;
3150 }
3151 .pen-group-icon:after {
3152 font-family: eicons;
3153 font-size: 12px;
3154 content: "\e92a";
3155 padding-left: 4px;
3156 color: #2563EB;
3157 }
3158 .pen-input-wrapper {
3159 align-items: center;
3160 }
3161 .pen-input-wrapper .pen-url-input {
3162 font-size: 12px;
3163 line-height: 1.5;
3164 padding: 0;
3165 padding-left: 10px;
3166 padding-right: 10px;
3167 width: 250px;
3168 direction: ltr;
3169 }
3170 .pen-input-wrapper .pen-url-input, .pen-input-wrapper .pen-url-input:focus {
3171 background-color: transparent;
3172 border: none;
3173 outline: none;
3174 box-shadow: none;
3175 color: #fff;
3176 }
3177 .pen-input-wrapper .pen-url-input::-moz-placeholder {
3178 color: #D5D8DC;
3179 }
3180 .pen-input-wrapper .pen-url-input::placeholder {
3181 color: #D5D8DC;
3182 }
3183 .pen-input-label {
3184 margin: 0;
3185 margin-right: -1px;
3186 }
3187 .pen-placeholder:before {
3188 content: attr(data-pen-placeholder);
3189 position: absolute;
3190 font-weight: normal;
3191 color: #757575;
3192 opacity: 0.6;
3193 }
3194 .pen-external-url-checkbox {
3195 display: none;
3196 }
3197 .pen-external-url-checkbox:checked + i {
3198 color: #fff;
3199 }
3200
3201 .elementor-inline-editing i:not([class]) {
3202 font-style: italic;
3203 }
3204 .elementor-inline-editing b {
3205 font-weight: bold;
3206 }
3207 .elementor-inline-editing u {
3208 text-decoration: underline;
3209 }
3210
3211 .e-element-color-picker {
3212 --primary-color: #2563EB;
3213 --swatch-size: 25px;
3214 cursor: default;
3215 display: flex;
3216 position: absolute;
3217 width: calc((var(--count) + 1) * var(--swatch-size));
3218 height: var(--swatch-size);
3219 top: var(--top);
3220 left: var(--left);
3221 right: var(--right, unset);
3222 border-radius: 3px;
3223 opacity: 0;
3224 pointer-events: none;
3225 z-index: 9998;
3226 background-color: var(--primary-color);
3227 padding: 1px;
3228 box-sizing: content-box;
3229 transition: opacity 0.3s, width 0.3s;
3230 }
3231 .e-element-color-picker.e-picker-hidden {
3232 opacity: 0;
3233 pointer-events: none;
3234 }
3235 .e-element-color-picker::before {
3236 content: "";
3237 flex: 0 1 var(--swatch-size);
3238 max-width: 100%;
3239 height: 100%;
3240 box-sizing: border-box;
3241 text-align: center;
3242 }
3243 .e-element-color-picker::after {
3244 content: "\e91e";
3245 font-family: "eicons";
3246 color: #FFF;
3247 font-size: 1rem;
3248 line-height: var(--swatch-size);
3249 position: absolute;
3250 left: 0.3rem;
3251 z-index: -1;
3252 }
3253 .e-element-color-picker__swatch {
3254 flex: 1 0 var(--swatch-size);
3255 max-width: 100%;
3256 height: 100%;
3257 cursor: pointer;
3258 transition: var(--e-a-transition-hover);
3259 position: relative;
3260 overflow: hidden;
3261 border-radius: inherit;
3262 /* Hack to fix transparent `--color` on hover */
3263 background: linear-gradient(var(--color), var(--color)), linear-gradient(var(--primary-color), var(--primary-color));
3264 }
3265 .e-element-color-picker__swatch:not(:first-child) {
3266 border-left: 1px solid var(--primary-color);
3267 }
3268 .e-element-color-picker__swatch::before {
3269 content: attr(data-text);
3270 position: absolute;
3271 left: 50%;
3272 top: 50%;
3273 opacity: 0;
3274 color: var(--color);
3275 font-size: 10px;
3276 font-weight: 300;
3277 font-family: Roboto, Arial, Helvetica, sans-serif;
3278 transform: translate(-50%, -50%);
3279 filter: hue-rotate(180deg) grayscale(1) contrast(999) invert(1);
3280 transition: inherit;
3281 }
3282 .e-element-color-picker__swatch:hover {
3283 flex-basis: calc(2 * var(--swatch-size));
3284 flex-shrink: 0;
3285 }
3286 .e-element-color-picker__swatch:hover::before {
3287 opacity: 1;
3288 }
3289
3290 .e-ui-state--elements-color-picker-color-picking__on *:not(.e-element-color-picker__swatch) {
3291 cursor: url("../images/eyedropper.svg") 0 20, pointer;
3292 }
3293 .e-ui-state--elements-color-picker-color-picking__on .e-element-color-picker:not(.e-picker-hidden):hover,
3294 .e-ui-state--elements-color-picker-color-picking__on .elementor-element:hover > .e-element-color-picker:not(.e-picker-hidden),
3295 .e-ui-state--elements-color-picker-color-picking__on .elementor-widget-container:hover + .e-element-color-picker:not(.e-picker-hidden) {
3296 opacity: 1;
3297 pointer-events: all;
3298 }
3299 .e-ui-state--elements-color-picker-color-picking__on .elementor-section:hover {
3300 outline: 1px solid #2563EB;
3301 }
3302
3303 [class^=eicon-flex], [class*=" eicon-flex"] {
3304 transition: 0.3s all;
3305 --is-ltr: 1;
3306 --is-rtl: 0;
3307 --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
3308 }
3309 [class^=eicon-flex].eicon-inline, [class*=" eicon-flex"].eicon-inline {
3310 max-height: 1em;
3311 max-width: 1em;
3312 }
3313 [class^=eicon-flex]:is(.eicon-justify-start-h, .eicon-justify-end-h), [class*=" eicon-flex"]:is(.eicon-justify-start-h, .eicon-justify-end-h) {
3314 --rotation-direction: calc(var(--is-ltr) + var(--is-rtl));
3315 }
3316 :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) {
3317 transform: rotate(calc(var(--rotation-direction) * 90deg));
3318 }
3319 :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) {
3320 transform: rotate(calc(var(--rotation-direction) * -90deg));
3321 }
3322 .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) {
3323 transform: rotate(calc(var(--rotation-direction) * -90deg));
3324 }
3325 .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) {
3326 transform: rotate(calc(var(--is-rtl) * 180deg));
3327 }
3328 .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) {
3329 transform: rotate(calc(var(--is-ltr) * 180deg));
3330 }
3331
3332 html.elementor-html {
3333 margin-top: 0 !important;
3334 }
3335
3336 .elementor-edit-area {
3337 position: relative;
3338 }
3339
3340 .elementor.loading {
3341 opacity: 0.5;
3342 }
3343
3344 .elementor-edit-area-active {
3345 --primary-color: var(--e-p-border-con);
3346 --secondary-color: var(--e-p-border-con-hover);
3347 --outline-color: var(--e-p-border-con-active);
3348 }
3349 .elementor-edit-area-active .e-con {
3350 --primary-color: var(--e-p-border-con);
3351 --secondary-color: var(--e-p-border-con-hover);
3352 --outline-color: var( --outline-color );
3353 }
3354 .elementor-edit-area-active .e-con.e-dragging-over, .elementor-edit-area-active .e-con.elementor-dragging-on-child, .elementor-edit-area-active .e-con.e-con-boxed.elementor-html5dnd-current-element {
3355 outline: 1px solid var(--outline-color);
3356 }
3357 .elementor-edit-area-active .e-grid-outline {
3358 display: none;
3359 }
3360 .elementor-edit-area-active .elementor-element-editable.e-grid.e-con-full > .e-grid-outline {
3361 padding-top: var(--padding-top);
3362 padding-bottom: var(--padding-bottom);
3363 display: grid;
3364 position: absolute;
3365 top: 0;
3366 bottom: 0;
3367 pointer-events: none;
3368 grid-gap: var(--gap);
3369 justify-items: var(--justify-items);
3370 align-items: var(--align-items);
3371 grid-auto-flow: var(--grid-auto-flow);
3372 justify-content: var(--grid-justify-content);
3373 align-content: var(--grid-align-content);
3374 min-height: var(--min-height);
3375 padding-right: var(--padding-right);
3376 padding-left: var(--padding-left);
3377 width: 100%;
3378 left: 0;
3379 }
3380 .elementor-edit-area-active .elementor-element-editable.e-grid.e-con-boxed > .e-con-inner {
3381 position: relative;
3382 }
3383 .elementor-edit-area-active .elementor-element-editable.e-grid.e-con-boxed > .e-con-inner > .e-grid-outline {
3384 padding-top: var(--padding-top);
3385 padding-bottom: var(--padding-bottom);
3386 display: grid;
3387 position: absolute;
3388 top: 0;
3389 bottom: 0;
3390 pointer-events: none;
3391 grid-gap: var(--gap);
3392 justify-items: var(--justify-items);
3393 align-items: var(--align-items);
3394 grid-auto-flow: var(--grid-auto-flow);
3395 justify-content: var(--grid-justify-content);
3396 align-content: var(--grid-align-content);
3397 min-height: var(--min-height);
3398 width: var(--width);
3399 margin: 0 auto;
3400 }
3401 .elementor-edit-area-active .elementor-element-editable.e-grid .e-grid-outline-item {
3402 border: 1px dashed #9DA5AE;
3403 pointer-events: none;
3404 width: 100%;
3405 height: 100%;
3406 }
3407 .elementor-edit-area-active .elementor-inner-section:first-child {
3408 margin-top: 15px;
3409 }
3410 .elementor-edit-area-active .elementor-widget-wrap.elementor-element-empty {
3411 min-height: 30px;
3412 }
3413 @media (min-width: 768px) {
3414 .elementor-edit-area-active .elementor-widget-wrap.elementor-element-empty {
3415 margin: 10px;
3416 }
3417 }
3418 .elementor-edit-area-active .elementor-column {
3419 min-width: 25px;
3420 }
3421 .elementor-edit-area-active .elementor-widget.elementor-loading {
3422 opacity: 0.3;
3423 }
3424 .elementor-edit-area-active .elementor-widget.elementor-element-edit-mode:hover {
3425 box-shadow: 0 0 0 1px var(--e-p-border-widget);
3426 }
3427 .elementor-edit-area-active .elementor-widget.elementor-element-editable, .elementor-edit-area-active .elementor-widget.elementor-element-editable:hover {
3428 box-shadow: 0 0 0 2px var(--e-p-border-widget);
3429 }
3430 .elementor-edit-area-active .elementor-widget:not(:hover) .elementor-editor-element-settings {
3431 display: none;
3432 }
3433 .elementor-edit-area-active .elementor-widget.ui-draggable-dragging {
3434 pointer-events: none;
3435 }
3436 .elementor-edit-area-active .elementor-editor-element-setting {
3437 cursor: pointer;
3438 display: flex;
3439 align-items: center;
3440 justify-content: center;
3441 padding: 0;
3442 margin: 0;
3443 font-size: 11px;
3444 color: var(--e-p-border-widget-invert);
3445 width: 25px;
3446 transition: var(--e-a-transition-hover);
3447 }
3448 .elementor-edit-area-active .elementor-inline-editing {
3449 min-height: 15px;
3450 }
3451 .elementor-edit-area-active .elementor-edit-hidden {
3452 display: none;
3453 }
3454
3455 .elementor-section-wrap:empty {
3456 min-height: 25px;
3457 }
3458 .elementor-section-wrap > :first-child > .elementor-element-overlay {
3459 z-index: 9999;
3460 }
3461
3462 .elementor-element > .elementor-element-overlay {
3463 position: absolute;
3464 top: 0;
3465 right: 0;
3466 letter-spacing: 0;
3467 z-index: 9998;
3468 pointer-events: none;
3469 }
3470 .elementor-element-empty .elementor-sortable-placeholder {
3471 display: none;
3472 }
3473 .elementor-element.elementor-widget-empty {
3474 background-color: rgba(213, 216, 220, 0.8);
3475 }
3476 .elementor-element.elementor-widget-empty .elementor-widget-empty-icon {
3477 color: #BABFC5;
3478 font-size: 22px;
3479 display: block;
3480 text-align: center;
3481 padding: 10px 0;
3482 }
3483 .elementor-element:not(:hover):not(.elementor-element-editable) > .elementor-element-overlay .elementor-editor-element-settings {
3484 display: none;
3485 }
3486 .elementor-element--toggle-edit-tools > .elementor-element-overlay .elementor-editor-element-edit:not(.elementor-active) ~ * {
3487 width: 0;
3488 font-size: 0;
3489 }
3490 .elementor-element[data-side=top]:before, .elementor-element[data-side=bottom] + .elementor-element:before {
3491 content: "";
3492 background-color: var(--e-p-draggable-color);
3493 transition-timing-function: ease-out;
3494 opacity: 0.9;
3495 height: 10px;
3496 animation: placeholder-widget 500ms;
3497 display: block;
3498 }
3499 .elementor-element[data-side=bottom]:last-child:after {
3500 content: "";
3501 background-color: var(--e-p-draggable-color);
3502 transition-timing-function: ease-out;
3503 opacity: 0.9;
3504 height: 10px;
3505 animation: placeholder-widget 500ms;
3506 display: block;
3507 }
3508 .elementor-element.elementor-absolute, .elementor-element.elementor-fixed {
3509 cursor: grab;
3510 }
3511 .elementor-element.elementor-absolute:active, .elementor-element.elementor-fixed:active {
3512 cursor: grabbing;
3513 }
3514 .elementor-element.elementor-absolute .eicon-edit:before, .elementor-element.elementor-fixed .eicon-edit:before {
3515 content: "\e902";
3516 }
3517
3518 .elementor-editor-element-settings {
3519 position: absolute;
3520 display: flex;
3521 height: 26px;
3522 list-style: none;
3523 margin: 0;
3524 padding: 0;
3525 font-family: var(--e-a-font-family);
3526 font-size: 13px;
3527 font-weight: normal;
3528 font-style: normal;
3529 line-height: 1;
3530 z-index: 1;
3531 pointer-events: all;
3532 transition: var(--e-a-transition-hover);
3533 }
3534
3535 @media (min-width: 1025px) {
3536 .elementor-editor-element-edit {
3537 cursor: move;
3538 }
3539 }
3540
3541 .elementor-empty-view {
3542 position: absolute;
3543 top: 0;
3544 bottom: 0;
3545 left: 0;
3546 right: 0;
3547 z-index: 1;
3548 }
3549
3550 .elementor-first-add {
3551 text-align: center;
3552 border: 1px dashed var(--e-a-border-color-bold);
3553 display: flex;
3554 height: 100%;
3555 width: 100%;
3556 position: absolute;
3557 align-items: center;
3558 justify-content: center;
3559 }
3560 .elementor-first-add .elementor-icon {
3561 font-size: 19px;
3562 color: #9DA5AE;
3563 cursor: pointer;
3564 }
3565
3566 .elementor-sortable-helper {
3567 position: absolute;
3568 cursor: move;
3569 border: var(--e-a-border);
3570 border-radius: var(--e-a-border-radius);
3571 background-color: var(--e-a-bg-active);
3572 border-color: var(--e-a-border-color-accent);
3573 color: var(--e-a-color-active);
3574 text-align: center;
3575 }
3576 .elementor-sortable-helper .icon {
3577 font-size: 28px;
3578 padding-top: 15px;
3579 line-height: 1;
3580 }
3581 .elementor-sortable-helper .title-wrapper {
3582 display: flex;
3583 height: 40px;
3584 align-items: center;
3585 justify-content: center;
3586 }
3587 .elementor-sortable-helper .title {
3588 font-size: 11px;
3589 }
3590
3591 .elementor-sortable-placeholder:not(.elementor-column-placeholder) {
3592 background-color: var(--e-p-draggable-color);
3593 animation-duration: 250ms;
3594 opacity: 0.9;
3595 width: 100%;
3596 align-self: stretch;
3597 }
3598 .e-con .elementor-first-add .elementor-sortable-placeholder:not(.elementor-column-placeholder) {
3599 align-self: center;
3600 }
3601 .e-swappable--active > .elementor-sortable-placeholder:not(.elementor-column-placeholder) {
3602 display: none;
3603 }
3604
3605 .elementor-section-placeholder {
3606 height: 40px;
3607 animation-name: placeholder-section;
3608 }
3609
3610 .elementor-widget-placeholder {
3611 height: 10px;
3612 animation-name: placeholder-widget;
3613 }
3614
3615 .elementor-draggable-over:not([data-dragged-element=section]):not([data-dragged-is-inner=true]) > .elementor-empty-view > .elementor-first-add:after,
3616 .elementor-first-add.elementor-html5dnd-current-element:after {
3617 content: "";
3618 background-color: var(--e-p-draggable-color);
3619 transition-timing-function: ease-out;
3620 opacity: 0.9;
3621 height: 10px;
3622 animation: placeholder-widget 500ms;
3623 width: 100%;
3624 }
3625 .e-con .elementor-draggable-over:not([data-dragged-element=section]):not([data-dragged-is-inner=true]) > .elementor-empty-view > .elementor-first-add:after,
3626 .e-con .elementor-first-add.elementor-html5dnd-current-element:after {
3627 display: none;
3628 }
3629 .elementor-draggable-over:not([data-dragged-element=section]):not([data-dragged-is-inner=true]) > .elementor-empty-view > .elementor-first-add .elementor-icon,
3630 .elementor-first-add.elementor-html5dnd-current-element .elementor-icon {
3631 display: none;
3632 }
3633
3634 .elementor-draggable-over[data-dragged-element=section][data-dragged-is-inner=true] .elementor-inner-column .elementor-sortable-placeholder {
3635 display: none;
3636 }
3637
3638 .elementor-editor-preview .elementor-element-overlay,
3639 .elementor-editor-preview .elementor-empty,
3640 .elementor-editor-preview .elementor-add-section,
3641 .elementor-editor-preview .elementor-add-section-inline,
3642 .elementor-editor-preview .elementor-empty-view,
3643 .elementor-editor-preview .elementor-widget-empty {
3644 display: none;
3645 }
3646
3647 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen,
3648 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop,
3649 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop,
3650 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra,
3651 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet,
3652 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra,
3653 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile {
3654 display: inherit;
3655 background: repeating-linear-gradient(125deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 1px, transparent 2px, transparent 9px);
3656 border: 1px solid rgba(0, 0, 0, 0.02);
3657 }
3658 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.elementor-section > .elementor-element-overlay, .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.e-con > .elementor-element-overlay,
3659 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-section > .elementor-element-overlay,
3660 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.e-con > .elementor-element-overlay,
3661 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.elementor-section > .elementor-element-overlay,
3662 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.e-con > .elementor-element-overlay,
3663 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.elementor-section > .elementor-element-overlay,
3664 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.e-con > .elementor-element-overlay,
3665 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.elementor-section > .elementor-element-overlay,
3666 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.e-con > .elementor-element-overlay,
3667 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-section > .elementor-element-overlay,
3668 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.e-con > .elementor-element-overlay,
3669 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-section > .elementor-element-overlay,
3670 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.e-con > .elementor-element-overlay {
3671 background-color: var(--e-a-bg-hover);
3672 mix-blend-mode: color;
3673 }
3674 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.elementor-section:before, .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.e-con:before,
3675 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-section:before,
3676 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.e-con:before,
3677 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.elementor-section:before,
3678 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.e-con:before,
3679 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.elementor-section:before,
3680 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.e-con:before,
3681 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.elementor-section:before,
3682 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.e-con:before,
3683 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-section:before,
3684 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.e-con:before,
3685 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-section:before,
3686 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.e-con:before {
3687 content: "";
3688 display: block;
3689 position: absolute;
3690 top: 0;
3691 left: 0;
3692 width: 100%;
3693 height: 100%;
3694 background-color: rgba(255, 255, 255, 0.6);
3695 z-index: 9997;
3696 }
3697 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.e-con,
3698 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.e-con,
3699 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.e-con,
3700 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.e-con,
3701 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.e-con,
3702 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.e-con,
3703 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.e-con {
3704 display: var(--display);
3705 }
3706 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.elementor-inner-section .elementor-container,
3707 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-inner-section .elementor-container,
3708 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.elementor-inner-section .elementor-container,
3709 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.elementor-inner-section .elementor-container,
3710 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.elementor-inner-section .elementor-container,
3711 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-inner-section .elementor-container,
3712 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-inner-section .elementor-container {
3713 width: 100%;
3714 }
3715 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen > .elementor-widget-container, .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen > .elementor-widget-wrap,
3716 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop > .elementor-widget-container,
3717 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop > .elementor-widget-wrap,
3718 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop > .elementor-widget-container,
3719 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop > .elementor-widget-wrap,
3720 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra > .elementor-widget-container,
3721 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra > .elementor-widget-wrap,
3722 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet > .elementor-widget-container,
3723 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet > .elementor-widget-wrap,
3724 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra > .elementor-widget-container,
3725 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra > .elementor-widget-wrap,
3726 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-container,
3727 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-wrap {
3728 filter: opacity(0.4) saturate(0);
3729 }
3730 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.elementor-edit-hidden,
3731 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-edit-hidden,
3732 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.elementor-edit-hidden,
3733 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.elementor-edit-hidden,
3734 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.elementor-edit-hidden,
3735 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-edit-hidden,
3736 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-edit-hidden {
3737 display: none;
3738 }
3739
3740 .elementor-editor-section-settings,
3741 .elementor-editor-container-settings {
3742 height: 24px;
3743 top: 1px;
3744 left: 50%;
3745 transform: translateX(-50%) translateY(-100%);
3746 background-color: var(--e-p-border-section);
3747 border-radius: 5px 5px 0 0;
3748 }
3749 .elementor-editor-section-settings i.eicon-handle,
3750 .elementor-editor-container-settings i.eicon-handle {
3751 font-size: 16px;
3752 }
3753 .elementor-editor-section-settings .elementor-editor-element-setting:hover,
3754 .elementor-editor-container-settings .elementor-editor-element-setting:hover {
3755 background-color: var(--e-p-border-section-hover);
3756 }
3757 .elementor-editor-section-settings .elementor-editor-element-setting:first-child,
3758 .elementor-editor-container-settings .elementor-editor-element-setting:first-child {
3759 border-radius: 5px 0 0 0;
3760 }
3761 .elementor-editor-section-settings .elementor-editor-element-setting:first-child:before,
3762 .elementor-editor-container-settings .elementor-editor-element-setting:first-child:before {
3763 content: "";
3764 position: absolute;
3765 border: solid transparent;
3766 top: 2px;
3767 border-right-color: var(--e-p-border-section);
3768 border-width: 22px 12px 0 0;
3769 right: calc(100% - 1px);
3770 }
3771 .elementor-editor-section-settings .elementor-editor-element-setting:first-child:hover:before,
3772 .elementor-editor-container-settings .elementor-editor-element-setting:first-child:hover:before {
3773 border-right-color: var(--e-p-border-section-hover);
3774 }
3775 .elementor-editor-section-settings .elementor-editor-element-setting:last-child,
3776 .elementor-editor-container-settings .elementor-editor-element-setting:last-child {
3777 border-radius: 0 5px 0 0;
3778 }
3779 .elementor-editor-section-settings .elementor-editor-element-setting:last-child:after,
3780 .elementor-editor-container-settings .elementor-editor-element-setting:last-child:after {
3781 content: "";
3782 position: absolute;
3783 border: solid transparent;
3784 top: 2px;
3785 border-left-color: var(--e-p-border-section);
3786 border-width: 22px 0 0 12px;
3787 left: calc(100% - 1px);
3788 }
3789 .elementor-editor-section-settings .elementor-editor-element-setting:last-child:hover:after,
3790 .elementor-editor-container-settings .elementor-editor-element-setting:last-child:hover:after {
3791 border-left-color: var(--e-p-border-section-hover);
3792 }
3793
3794 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings,
3795 .elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings {
3796 transform: translateX(-50%);
3797 border-radius: 0 0 5px 5px;
3798 }
3799 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child,
3800 .elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child {
3801 border-radius: 0 0 0 5px;
3802 }
3803 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before,
3804 .elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before {
3805 top: 0;
3806 border-width: 0 12px 22px 0;
3807 }
3808 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child,
3809 .elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child {
3810 border-radius: 0 0 5px 0;
3811 }
3812 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after,
3813 .elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after {
3814 top: 0;
3815 border-width: 0 0 22px 12px;
3816 }
3817
3818 .elementor-column > .elementor-element-overlay {
3819 left: 0;
3820 bottom: 0;
3821 }
3822 .elementor-column > .elementor-element-overlay:after {
3823 position: absolute;
3824 left: 0;
3825 right: 0;
3826 top: 0;
3827 bottom: 0;
3828 outline: 1px dashed var(--e-p-border-column);
3829 }
3830 .elementor-column:hover > .elementor-element-overlay:after {
3831 content: "";
3832 }
3833 .elementor-column.elementor-element-editable > .elementor-element-overlay:after {
3834 content: "";
3835 outline: 2px solid var(--e-p-border-column);
3836 }
3837 .elementor-column.elementor-dragging-on-child > .elementor-element-overlay {
3838 border: 1px solid var(--e-p-draggable-color);
3839 }
3840 .elementor-column.elementor-dragging-on-child > .elementor-element-overlay:after {
3841 display: none;
3842 }
3843 .elementor-column > .ui-resizable-e, .elementor-column > .ui-resizable-w {
3844 cursor: col-resize;
3845 width: 7px;
3846 position: absolute;
3847 right: -5px;
3848 top: 0;
3849 height: 100%;
3850 }
3851 .elementor-column:last-of-type > .ui-resizable-e, .elementor-column:last-of-type > .ui-resizable-w {
3852 display: none !important;
3853 }
3854 @media (max-width: 1024px) {
3855 .elementor-column > .ui-resizable-e, .elementor-column > .ui-resizable-w {
3856 display: none !important;
3857 }
3858 }
3859
3860 .elementor-editor-column-settings {
3861 top: -1px;
3862 left: -1px;
3863 border-radius: 0 0 3px 0;
3864 overflow: hidden;
3865 }
3866 .elementor-editor-column-settings .elementor-editor-element-setting {
3867 background-color: var(--e-p-border-column);
3868 }
3869 .elementor-editor-column-settings .elementor-editor-element-setting:hover {
3870 background-color: var(--e-p-border-column-hover);
3871 }
3872
3873 .elementor-column-placeholder {
3874 position: relative;
3875 }
3876 .elementor-column-placeholder:before, .elementor-column-placeholder:after {
3877 content: "";
3878 position: absolute;
3879 top: 10px;
3880 bottom: 10px;
3881 right: 10px;
3882 left: 10px;
3883 }
3884 .elementor-column-placeholder:before {
3885 border: 1px solid var(--e-p-border-column);
3886 }
3887 .elementor-column-placeholder:after {
3888 border: 1px dashed var(--e-a-color-white);
3889 }
3890
3891 .elementor-column-percents-tooltip {
3892 position: absolute;
3893 display: none;
3894 pointer-events: none;
3895 top: 50%;
3896 transform: translateY(-50%);
3897 color: #fff;
3898 font-size: 10px;
3899 background-color: var(--e-p-border-column);
3900 width: 40px;
3901 padding: 3.5px 0;
3902 text-align: center;
3903 z-index: 1;
3904 line-height: 1;
3905 }
3906 .elementor-column-percents-tooltip:after {
3907 content: "";
3908 position: absolute;
3909 width: 0;
3910 height: 0;
3911 border: 8.5px solid transparent;
3912 top: 0;
3913 }
3914 .elementor-column-percents-tooltip[data-side=left] {
3915 border-radius: 3px 0 0 3px;
3916 right: 15px;
3917 }
3918 .elementor-column-percents-tooltip[data-side=left]:after {
3919 left: 100%;
3920 border-left-color: var(--e-p-border-column);
3921 border-right-width: 0;
3922 }
3923 .elementor-column-percents-tooltip[data-side=right] {
3924 border-radius: 0 3px 3px 0;
3925 left: 15px;
3926 }
3927 .elementor-column-percents-tooltip[data-side=right]:after {
3928 right: 100%;
3929 border-right-color: var(--e-p-border-column);
3930 border-left-width: 0;
3931 }
3932
3933 .elementor-editor-widget-settings {
3934 z-index: 2;
3935 top: -1px;
3936 right: -1px;
3937 flex-direction: row-reverse;
3938 border-radius: 0 0 0 3px;
3939 overflow: hidden;
3940 }
3941 .elementor-editor-widget-settings .elementor-editor-element-setting {
3942 background-color: var(--e-p-border-widget);
3943 }
3944 .elementor-editor-widget-settings .elementor-editor-element-setting:hover {
3945 background-color: var(--e-p-border-widget-hover);
3946 }
3947
3948 .elementor-section > .elementor-element-overlay,
3949 .e-con > .elementor-element-overlay {
3950 left: 0;
3951 bottom: 0;
3952 }
3953 .elementor-section > .elementor-element-overlay:after,
3954 .e-con > .elementor-element-overlay:after {
3955 position: absolute;
3956 left: 1px;
3957 right: 1px;
3958 top: 1px;
3959 bottom: 1px;
3960 outline: 1px solid var(--e-p-border-con);
3961 animation: section-outline 0.75s;
3962 }
3963 .elementor-section:hover > .elementor-element-overlay:after,
3964 .e-con:hover > .elementor-element-overlay:after {
3965 content: "";
3966 }
3967 .elementor-section.elementor-element-editable > .elementor-element-overlay:after,
3968 .e-con.elementor-element-editable > .elementor-element-overlay:after {
3969 content: "";
3970 outline-width: 2px;
3971 }
3972
3973 .e-con .e-con-inner .e-con > .elementor-element-overlay:after {
3974 outline: 1px dashed var(--e-p-border-con-in);
3975 }
3976 .e-con .e-con-inner .e-con.elementor-element-editable > .elementor-element-overlay:after {
3977 outline: 2px solid var(--e-p-border-con-in);
3978 }
3979 .e-con .elementor-empty-view {
3980 position: relative;
3981 width: 100%;
3982 height: 100%;
3983 min-height: 100px;
3984 }
3985 .e-con .elementor-empty-view .elementor-first-add {
3986 width: auto;
3987 height: auto;
3988 inset: 0;
3989 }
3990 .e-con:not(.e-grid) .elementor-empty-view {
3991 min-height: var(--min-height, 100px);
3992 }
3993 .e-con.e-grid .elementor-empty-view {
3994 min-width: 100px;
3995 }
3996 .e-con .elementor-widget-placeholder {
3997 --size: 10px;
3998 --margin-start: calc( -1 * var( --size ) );
3999 --margin-end: calc( -2 * var( --size ) );
4000 flex-shrink: 0;
4001 align-self: stretch;
4002 z-index: 1;
4003 pointer-events: none;
4004 }
4005 .e-con.e-con--row > .elementor-widget-placeholder, .e-con.e-con--row > .e-con-inner > .elementor-widget-placeholder {
4006 position: relative;
4007 z-index: 9999;
4008 width: var(--size);
4009 -webkit-margin-start: var(--margin-start);
4010 margin-inline-start: var(--margin-start);
4011 height: auto;
4012 min-height: 100%;
4013 animation-name: dnd-placeholder-widget-vertical;
4014 animation-fill-mode: both;
4015 }
4016 .e-con.e-con--row[data-nesting-level]:not([data-nesting-level="0"]) > .elementor-widget-placeholder, .e-con.e-con--row[data-nesting-level]:not([data-nesting-level="0"]) > .e-con-inner > .elementor-widget-placeholder {
4017 -webkit-margin-end: 0;
4018 margin-inline-end: 0;
4019 -webkit-margin-start: calc(var(--margin-start) + var(--margin-end));
4020 margin-inline-start: calc(var(--margin-start) + var(--margin-end));
4021 }
4022 .e-con.e-con--row[data-nesting-level]:not([data-nesting-level="0"]) > :not(.elementor-element) + .elementor-widget-placeholder, .e-con.e-con--row[data-nesting-level]:not([data-nesting-level="0"]) > .e-con-inner > :not(.elementor-element) + .elementor-widget-placeholder {
4023 -webkit-margin-end: var(--margin-end);
4024 margin-inline-end: var(--margin-end);
4025 -webkit-margin-start: var(--margin-start);
4026 margin-inline-start: var(--margin-start);
4027 }
4028 .e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-right, .e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-left, .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-right, .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-left {
4029 position: absolute;
4030 width: var(--size);
4031 height: 100%;
4032 top: 0;
4033 animation: grow-in-width 0.15s forwards;
4034 }
4035 .e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-right, .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-right {
4036 right: 0;
4037 left: auto;
4038 }
4039 .e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-left, .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-left {
4040 left: 0;
4041 right: auto;
4042 }
4043 .e-con.e-con--column > .elementor-widget-placeholder, .e-con.e-con--column > .e-con-inner > .elementor-widget-placeholder {
4044 height: var(--size);
4045 -webkit-margin-before: var(--margin-start);
4046 margin-block-start: var(--margin-start);
4047 -webkit-margin-after: var(--margin-end);
4048 margin-block-end: var(--margin-end);
4049 animation-name: dnd-placeholder-widget-horizontal;
4050 }
4051 .e-con.e-con--column > .elementor-widget-placeholder:nth-last-child(2) {
4052 -webkit-margin-before: calc(2 * var(--margin-start));
4053 margin-block-start: calc(2 * var(--margin-start));
4054 --margin-end: 0;
4055 }
4056 .e-con.e-con--column > .e-con-inner > .elementor-widget-placeholder:last-child {
4057 --margin-end: 0;
4058 }
4059 .e-con .elementor-sortable-helper {
4060 height: 84px;
4061 width: 125px;
4062 z-index: -1;
4063 }
4064 .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting {
4065 position: relative;
4066 background-color: var(--e-p-border-con-in);
4067 }
4068 .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:hover, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:hover, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting:hover {
4069 background-color: var(--e-p-border-con-in-hover);
4070 }
4071 .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-add, .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-edit + .elementor-editor-element-remove, .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:first-child::before, .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:last-child::after, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-add, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-edit + .elementor-editor-element-remove, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:first-child::before, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:last-child::after, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-add, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-edit + .elementor-editor-element-remove, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting:first-child::before, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting:last-child::after {
4072 display: none;
4073 }
4074 .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit), .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit), .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit) {
4075 -webkit-margin-start: -25px;
4076 margin-inline-start: -25px;
4077 z-index: -1;
4078 transition: 0.3s all;
4079 will-change: margin-inline-start;
4080 }
4081 .e-con > .e-con > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove), .e-con-inner > .e-con > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove), .elementor-widget .e-con > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove) {
4082 -webkit-margin-start: 0;
4083 margin-inline-start: 0;
4084 }
4085 .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-settings, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-settings, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-settings {
4086 inset: initial;
4087 transform: none;
4088 inset-inline-start: 0;
4089 top: 0;
4090 border-radius: 0;
4091 border-end-end-radius: 3px;
4092 height: auto;
4093 }
4094 .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before {
4095 content: "\e9b4";
4096 font-size: 20px;
4097 display: block;
4098 padding: 2px;
4099 }
4100
4101 body.rtl .e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-right, body.rtl .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-right {
4102 left: 0;
4103 right: auto;
4104 }
4105 body.rtl .e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-left, body.rtl .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-left {
4106 right: 0;
4107 left: auto;
4108 }
4109
4110 @keyframes dnd-placeholder-widget-vertical {
4111 0% {
4112 transform-origin: 0 50%;
4113 transform: translateX(50%) scaleX(0);
4114 opacity: 0;
4115 }
4116 100% {
4117 transform-origin: 0 50%;
4118 transform: translateX(50%) scaleX(1);
4119 opacity: 0.9;
4120 }
4121 }
4122 @keyframes dnd-placeholder-widget-horizontal {
4123 0% {
4124 transform-origin: 50% 0;
4125 transform: scaleY(0);
4126 opacity: 0;
4127 }
4128 100% {
4129 transform-origin: 50% 0;
4130 transform: scaleY(1);
4131 opacity: 0.9;
4132 }
4133 }
4134 @keyframes grow-in-width {
4135 from {
4136 width: 0;
4137 }
4138 50% {
4139 width: calc(var(--size) / 2);
4140 }
4141 to {
4142 width: var(--size);
4143 }
4144 }
4145 .e-con-select-preset {
4146 display: flex;
4147 flex-direction: column;
4148 align-items: center;
4149 justify-content: center;
4150 gap: 25px;
4151 }
4152 .e-con-select-preset[data-view=choose-preset] > *:not(.e-con-select-preset__inner) {
4153 display: none;
4154 }
4155 .e-con-select-preset[data-view=drop-area] > *:not(.elementor-first-add) {
4156 display: none;
4157 }
4158 .e-con-select-preset__title {
4159 font-family: var(--e-a-font-family);
4160 font-size: 15px;
4161 font-weight: 400;
4162 color: var(--e-a-color-txt);
4163 }
4164 .e-con-select-preset__list {
4165 display: flex;
4166 gap: 20px;
4167 align-items: center;
4168 justify-content: center;
4169 flex-wrap: wrap;
4170 max-width: 650px;
4171 }
4172 .e-con-select-preset__list .e-con-preset {
4173 cursor: pointer;
4174 flex-basis: 90px;
4175 }
4176 .e-con-select-preset__list .e-con-preset svg {
4177 width: 100%;
4178 height: auto;
4179 }
4180 .e-con-select-preset__list .e-con-preset path {
4181 fill: var(--e-a-color-white);
4182 }
4183 .e-con-select-preset__list .e-con-preset rect {
4184 fill: var(--e-a-bg-active-bold);
4185 transition: 0.3s all;
4186 }
4187 .e-con-select-preset__list .e-con-preset:hover rect {
4188 fill: var(--e-a-color-txt);
4189 }
4190 .e-con-shared-styles {
4191 font-family: var(--e-a-font-family);
4192 line-height: 1;
4193 color: var(--e-a-color-txt);
4194 min-height: 159px;
4195 overflow: hidden;
4196 display: flex;
4197 flex-direction: column;
4198 align-items: center;
4199 justify-content: center;
4200 gap: 25px;
4201 }
4202 .e-con-select-type__title {
4203 font-size: 15px;
4204 font-weight: 400;
4205 }
4206 .e-con-select-type__icons {
4207 display: flex;
4208 justify-content: center;
4209 flex-wrap: wrap;
4210 gap: 40px;
4211 }
4212 .e-con-select-type__icons__icon {
4213 cursor: pointer;
4214 }
4215 .e-con-select-type__icons__icon svg {
4216 margin-bottom: 10px;
4217 width: 85px;
4218 }
4219 .e-con-select-type__icons__icon svg:hover rect {
4220 fill: var(--e-a-color-txt);
4221 }
4222 .e-con-select-type__icons__icon svg:hover path {
4223 stroke: var(--e-a-color-white);
4224 }
4225 .e-con-select-type__icons__icon__subtitle {
4226 font-size: 14px;
4227 font-weight: 500;
4228 }
4229 .e-con-select-preset-grid__title {
4230 font-size: 15px;
4231 font-weight: 400;
4232 }
4233 .e-con-select-preset-grid__list {
4234 display: flex;
4235 justify-content: center;
4236 flex-wrap: wrap;
4237 gap: 20px;
4238 }
4239 .e-con-select-preset-grid__list svg {
4240 cursor: pointer;
4241 }
4242 .e-con-select-preset-grid__list svg:hover rect {
4243 fill: var(--e-a-color-txt);
4244 }
4245 .e-con-select-preset-grid__list svg:hover path {
4246 stroke: var(--e-a-color-white);
4247 }
4248 .e-con .ui-resizable-e {
4249 right: 0;
4250 }
4251 .e-con .ui-resizable-w {
4252 left: 0;
4253 }
4254 /*# sourceMappingURL=editor-preview.css.map */