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

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

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