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

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

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