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

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

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