PluginProbe
Elementor Website Builder – more than just a page builder / 3.27.4
Elementor Website Builder – more than just a page builder v3.27.4
4.3.0-beta3 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 All 452 releases
elementor / assets / css / editor-preview-rtl.css

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

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