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

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

4,600 lines 145.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*! elementor - v3.30.0 - 07-07-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 gap: 8px;
2754 grid-template-columns: repeat(var(--elementor-visual-choice-columns), 1fr);
2755 text-align: center;
2756 border-radius: var(--e-a-border-radius);
2757 overflow: hidden;
2758 }
2759
2760 .elementor-visual-choice-element {
2761 display: flex;
2762 flex-direction: column;
2763 align-items: center;
2764 justify-content: center;
2765 gap: 8px;
2766 width: auto;
2767 }
2768 .elementor-visual-choice-element-image label {
2769 border: var(--e-a-border-bold);
2770 border-radius: var(--e-a-border-radius);
2771 font-size: 12px;
2772 transition: var(--e-a-transition-hover);
2773 cursor: pointer;
2774 overflow: hidden;
2775 padding: 8px;
2776 }
2777 .elementor-visual-choice-element-image input.e-visual-choice-placeholder + label, .elementor-visual-choice-element-image input:checked + label, .elementor-visual-choice-element-image input:hover + label {
2778 background-color: var(--e-a-bg-active-bold);
2779 opacity: 1;
2780 }
2781 .elementor-visual-choice-element-image input:checked + label {
2782 border-color: var(--e-a-color-primary-bold);
2783 }
2784 .elementor-visual-choice-element-image input:not(:checked) + label {
2785 background-color: var(--e-a-color-white);
2786 opacity: 0.5;
2787 }
2788 .elementor-visual-choice-element-image img {
2789 width: 100%;
2790 height: auto;
2791 }
2792 .elementor-visual-choice-element-button {
2793 grid-column: span var(--elementor-visual-choice-columns);
2794 }
2795 .elementor-visual-choice-element-button label {
2796 width: -moz-fit-content;
2797 width: fit-content;
2798 }
2799 .elementor-visual-choice-element-button input:checked + .elementor-button, .elementor-visual-choice-element-button input:hover + .elementor-button {
2800 background-color: var(--e-a-bg-active-bold);
2801 }
2802 .elementor-visual-choice-element-button input:checked + .elementor-button {
2803 border-color: var(--e-a-color-primary-bold);
2804 }
2805
2806 .elementor-label-inline .elementor-visual-choice-choices {
2807 justify-content: flex-end;
2808 }
2809
2810 .tipsy-inner {
2811 white-space: pre-line;
2812 }
2813
2814 .elementor-control-type-wp_widget .widget-inside {
2815 line-height: 2;
2816 background-color: inherit;
2817 display: block;
2818 }
2819 .elementor-control-type-wp_widget .quicktags-toolbar input {
2820 width: auto;
2821 }
2822
2823 .elementor-control-type-wysiwyg * {
2824 box-sizing: content-box;
2825 }
2826 .elementor-control-type-wysiwyg .wp-editor-container {
2827 border: var(--e-a-border);
2828 }
2829 .elementor-control-type-wysiwyg .wp-editor-tabs {
2830 border: var(--e-a-border-bold);
2831 border-block-end: none;
2832 border-start-start-radius: var(--e-a-border-radius);
2833 border-start-end-radius: var(--e-a-border-radius);
2834 border-end-end-radius: 0;
2835 border-end-start-radius: 0;
2836 }
2837 .elementor-control-type-wysiwyg .wp-editor-tabs button:hover {
2838 background-color: var(--e-a-bg-hover);
2839 }
2840 .elementor-control-type-wysiwyg #insert-media-button {
2841 height: initial;
2842 line-height: 24px;
2843 font-size: 10px;
2844 color: var(--e-a-color-txt);
2845 border-color: var(--e-a-border-color-bold);
2846 background-color: var(--e-a-bg-default);
2847 min-height: initial;
2848 }
2849 .elementor-control-type-wysiwyg .ed_button {
2850 height: 22px;
2851 width: initial;
2852 }
2853 .elementor-control-type-wysiwyg .wp-media-buttons-icon {
2854 height: 14px;
2855 margin: 0;
2856 }
2857 .elementor-control-type-wysiwyg .wp-media-buttons-icon:before {
2858 font-size: 14px;
2859 }
2860 .elementor-control-type-wysiwyg .wp-switch-editor {
2861 position: static;
2862 border: none;
2863 margin: 0;
2864 color: var(--e-a-color-txt);
2865 font-size: 10px;
2866 padding: 3px 9px 4px;
2867 }
2868 .elementor-control-type-wysiwyg .switch-html {
2869 border: solid var(--e-a-border-color-bold);
2870 border-width: 0 1px;
2871 }
2872 .elementor-control-type-wysiwyg .html-active .switch-tmce {
2873 background-color: transparent;
2874 }
2875 .elementor-control-type-wysiwyg .html-active .switch-html {
2876 background-color: var(--e-a-bg-active);
2877 }
2878 .elementor-control-type-wysiwyg .tmce-active .switch-tmce {
2879 background-color: var(--e-a-bg-active);
2880 }
2881 .elementor-control-type-wysiwyg .tmce-active .switch-html {
2882 background-color: transparent;
2883 }
2884 .elementor-control-type-wysiwyg .mce-toolbar-grp,
2885 .elementor-control-type-wysiwyg .quicktags-toolbar {
2886 background-color: var(--e-a-bg-default);
2887 }
2888 .elementor-control-type-wysiwyg .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
2889 background-color: var(--e-a-bg-default);
2890 }
2891 .elementor-control-type-wysiwyg .mce-toolbar .mce-btn-group .mce-btn.mce-listbox button {
2892 color: var(--e-a-color-txt);
2893 }
2894 .elementor-control-type-wysiwyg .mce-toolbar-grp > div {
2895 padding: 0 3px;
2896 }
2897 .elementor-control-type-wysiwyg .elementor-wp-editor {
2898 box-sizing: border-box;
2899 }
2900 .elementor-control-type-wysiwyg .mce-ico {
2901 color: var(--e-a-color-txt);
2902 font-size: 16px;
2903 }
2904 .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 {
2905 color: var(--e-a-color-txt-active);
2906 background: var(--e-a-bg-hover);
2907 border-color: var(--e-a-border-color);
2908 box-shadow: none;
2909 }
2910 .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 {
2911 color: var(--e-a-color-txt-active);
2912 }
2913 .elementor-control-type-wysiwyg .mce-path {
2914 padding: 5px 10px;
2915 }
2916 .elementor-control-type-wysiwyg .mce-path-item {
2917 font-size: 12px;
2918 color: var(--e-a-color-txt);
2919 }
2920 .elementor-control-type-wysiwyg .mce-top-part:before {
2921 box-shadow: none;
2922 }
2923 .elementor-control-type-wysiwyg .elementor-control-dynamic-switcher {
2924 border: none;
2925 }
2926
2927 @media screen and (prefers-color-scheme: dark) {
2928 #wp-link-wrap {
2929 color-scheme: light;
2930 --e-a-color-txt: #515962;
2931 --e-a-bg-default: #ffffff;
2932 --e-a-border-color-bold: #D5D8DC;
2933 --e-a-color-primary-bold: #D004D4;
2934 }
2935 #wp-link {
2936 color: var(--e-a-color-txt);
2937 }
2938 #wp-link input {
2939 background-color: var(--e-a-bg-default);
2940 border-color: var(--e-a-border-color-bold);
2941 }
2942 #wp-link input[type=checkbox] {
2943 border-color: var(--e-a-border-color-bold);
2944 }
2945 #wp-link input[type=checkbox]:checked {
2946 background: var(--e-a-color-primary-bold);
2947 }
2948 #wp-link input.button-primary {
2949 background: #2271b1;
2950 border-color: #2271b1;
2951 color: #fff;
2952 }
2953 }
2954 .ui-resizable-n {
2955 top: -5px;
2956 }
2957 .ui-resizable-e {
2958 right: -5px;
2959 }
2960 .ui-resizable-s {
2961 bottom: -5px;
2962 }
2963 .ui-resizable-w {
2964 left: -5px;
2965 }
2966 .ui-resizable-ne {
2967 top: -5px;
2968 right: -5px;
2969 }
2970 .ui-resizable-nw {
2971 top: -5px;
2972 left: -5px;
2973 }
2974 .ui-resizable-se {
2975 bottom: -5px;
2976 right: -5px;
2977 }
2978 .ui-resizable-sw {
2979 bottom: -5px;
2980 left: -5px;
2981 }
2982 .ui-resizable-n, .ui-resizable-s {
2983 left: 0;
2984 height: 10px;
2985 width: 100%;
2986 cursor: ns-resize;
2987 }
2988 .ui-resizable-e, .ui-resizable-w {
2989 top: 0;
2990 height: 100%;
2991 width: 10px;
2992 cursor: ew-resize;
2993 }
2994 .ui-resizable-ne, .ui-resizable-nw, .ui-resizable-se, .ui-resizable-sw {
2995 height: 15px;
2996 width: 15px;
2997 }
2998 .ui-resizable-nw, .ui-resizable-se {
2999 cursor: nwse-resize;
3000 }
3001 .ui-resizable-ne, .ui-resizable-sw {
3002 cursor: nesw-resize;
3003 }
3004 .ui-resizable-handle {
3005 position: absolute;
3006 }
3007 .ui-resizable-resizing {
3008 pointer-events: none;
3009 }
3010
3011 :root {
3012 --e-p-draggable-color: #F0ABFC;
3013 --e-p-border-section: #F3BAFD;
3014 --e-p-border-section-hover: #F0ABFC;
3015 --e-p-border-section-invert: #0C0D0E;
3016 --e-p-border-con: #F3BAFD;
3017 --e-p-border-con-hover: #F0ABFC;
3018 --e-p-border-con-invert: #0C0D0E;
3019 --e-p-border-column: #9DA5AE;
3020 --e-p-border-column-hover: #818A96;
3021 --e-p-border-column-invert: #0C0D0E;
3022 --e-p-border-con-in: #9DA5AE;
3023 --e-p-border-con-in-hover: #818A96;
3024 --e-p-border-con-in-invert: #0C0D0E;
3025 --e-p-border-widget: #F3BAFD;
3026 --e-p-border-widget-hover: #F0ABFC;
3027 --e-p-border-widget-invert: #0C0D0E;
3028 --e-p-border-global: #5EEAD4;
3029 --e-p-border-global-hover: #1DDDBF;
3030 --e-p-border-global-invert: #0C0D0E;
3031 }
3032
3033 .elementor-editor-active .elementor-add-section {
3034 all: initial;
3035 display: flex;
3036 max-width: 1160px;
3037 position: relative;
3038 margin-inline: auto;
3039 }
3040 .elementor-editor-active .elementor-add-section:not(.elementor-dragging-on-child) .elementor-add-section-inner {
3041 border: 2px dashed var(--e-a-border-color-bold);
3042 background-color: rgba(255, 255, 255, 0.5);
3043 }
3044 .elementor-editor-active .elementor-add-section.elementor-dragging-on-child .elementor-add-section-inner {
3045 border: 2px dashed var(--e-a-color-primary);
3046 }
3047 .elementor-editor-active .elementor-add-section[data-view=choose-action] .e-view:not(.elementor-add-new-section) {
3048 display: none;
3049 }
3050 .elementor-editor-active .elementor-add-section[data-view=select-preset] .e-view:not(.elementor-select-preset) {
3051 display: none;
3052 }
3053 .elementor-editor-active .elementor-add-section[data-view=select-container-preset] .e-view:not(.e-con-select-preset) {
3054 display: none;
3055 }
3056 .elementor-editor-active .elementor-add-section[data-view=select-type] .e-view:not(.e-con-select-type) {
3057 display: none;
3058 }
3059 .elementor-editor-active .elementor-add-section[data-view=select-container-preset-grid] .e-view:not(.e-con-select-preset-grid) {
3060 display: none;
3061 }
3062 .elementor-editor-active .elementor-add-section-inner {
3063 text-align: center;
3064 margin: 20px;
3065 padding: 40px 0;
3066 display: flex;
3067 justify-content: center;
3068 flex-grow: 1;
3069 }
3070 .elementor-editor-active .elementor-add-new-section {
3071 display: flex;
3072 justify-content: center;
3073 flex-wrap: wrap;
3074 gap: 5px;
3075 }
3076 .elementor-editor-active .elementor-add-section-area-button {
3077 padding: 12px;
3078 height: 40px;
3079 width: 40px;
3080 font-size: 16px;
3081 display: flex;
3082 outline: unset;
3083 border: unset;
3084 border-radius: 50%;
3085 box-shadow: unset;
3086 text-shadow: unset;
3087 background-color: var(--e-a-bg-active);
3088 color: var(--e-a-color-black);
3089 transition: var(--e-a-transition-hover);
3090 cursor: pointer;
3091 }
3092 .elementor-editor-active .elementor-add-section-area-button:hover, .elementor-editor-active .elementor-add-section-area-button:focus {
3093 border: unset;
3094 border-radius: 50%;
3095 box-shadow: unset;
3096 text-shadow: unset;
3097 color: var(--e-a-color-black);
3098 background-color: var(--e-a-bg-active-bold);
3099 }
3100 .elementor-editor-active .elementor-add-section-area-button i {
3101 margin: 0;
3102 }
3103 .elementor-editor-active .elementor-add-section-area-button.e-button-primary {
3104 background-color: var(--e-a-btn-bg-primary);
3105 color: var(--e-a-btn-color);
3106 }
3107 .elementor-editor-active .elementor-add-section-area-button.e-button-primary:hover, .elementor-editor-active .elementor-add-section-area-button.e-button-primary:focus {
3108 background-color: var(--e-a-btn-bg-primary-hover);
3109 color: var(--e-a-btn-color);
3110 }
3111 .elementor-editor-active .elementor-add-section-drag-title,
3112 .elementor-editor-active .elementor-select-preset-title {
3113 font-family: var(--e-a-font-family);
3114 font-size: 13px;
3115 line-height: 1;
3116 color: var(--e-a-color-txt);
3117 }
3118 .elementor-editor-active .elementor-add-section-drag-title {
3119 font-style: italic;
3120 font-weight: normal;
3121 margin-block-start: 10px;
3122 width: 100%;
3123 }
3124 .elementor-editor-active .elementor-select-preset-title {
3125 font-weight: 500;
3126 text-transform: uppercase;
3127 }
3128 .elementor-editor-active .elementor-add-section-close,
3129 .elementor-editor-active .elementor-add-section-back,
3130 .elementor-editor-active .flex-preset-button,
3131 .elementor-editor-active .grid-preset-button {
3132 padding: unset;
3133 margin: unset;
3134 border: unset;
3135 border-radius: unset;
3136 outline: unset;
3137 box-shadow: unset;
3138 text-shadow: unset;
3139 color: var(--e-a-color-txt);
3140 background-color: transparent;
3141 }
3142 .elementor-editor-active .elementor-add-section-close {
3143 inset-inline-end: 40px;
3144 }
3145 .elementor-editor-active .elementor-add-section-back {
3146 inset-inline-start: 40px;
3147 }
3148 .elementor-editor-active .elementor-add-section-close,
3149 .elementor-editor-active .elementor-add-section-back {
3150 position: absolute;
3151 inset-block-start: 40px;
3152 font-size: 20px;
3153 cursor: pointer;
3154 line-height: 1;
3155 color: var(--e-a-color-txt);
3156 border-radius: 50%;
3157 box-shadow: unset;
3158 text-shadow: unset;
3159 }
3160 .elementor-editor-active .elementor-add-section-close:hover, .elementor-editor-active .elementor-add-section-close:focus,
3161 .elementor-editor-active .elementor-add-section-back:hover,
3162 .elementor-editor-active .elementor-add-section-back:focus {
3163 border: unset;
3164 border-radius: 50%;
3165 box-shadow: unset;
3166 text-shadow: unset;
3167 color: var(--e-a-color-txt-hover);
3168 background-color: var(--e-a-bg-hover);
3169 }
3170 .elementor-editor-active .flex-preset-button:hover, .elementor-editor-active .flex-preset-button:focus,
3171 .elementor-editor-active .grid-preset-button:hover,
3172 .elementor-editor-active .grid-preset-button:focus {
3173 background-color: transparent;
3174 color: var(--e-a-color-txt-hover);
3175 }
3176 .elementor-editor-active .elementor-select-preset-list {
3177 display: flex;
3178 gap: 20px;
3179 align-items: center;
3180 justify-content: center;
3181 flex-wrap: wrap;
3182 margin: 20px auto 0;
3183 max-width: 700px;
3184 }
3185 .elementor-editor-active .elementor-select-preset-list .elementor-preset {
3186 cursor: pointer;
3187 flex-basis: 90px;
3188 padding: unset;
3189 margin: unset;
3190 border: unset;
3191 border-radius: unset;
3192 outline: unset;
3193 box-shadow: unset;
3194 text-shadow: unset;
3195 background-color: unset;
3196 }
3197 .elementor-editor-active .elementor-select-preset-list .elementor-preset path,
3198 .elementor-editor-active .elementor-select-preset-list .elementor-preset rect {
3199 fill: var(--e-a-bg-active-bold);
3200 transition: 0.3s all;
3201 }
3202 .elementor-editor-active .elementor-select-preset-list .elementor-preset:hover, .elementor-editor-active .elementor-select-preset-list .elementor-preset:focus {
3203 background-color: transparent;
3204 }
3205 .elementor-editor-active .elementor-select-preset-list .elementor-preset:hover path,
3206 .elementor-editor-active .elementor-select-preset-list .elementor-preset:hover rect, .elementor-editor-active .elementor-select-preset-list .elementor-preset:focus path,
3207 .elementor-editor-active .elementor-select-preset-list .elementor-preset:focus rect {
3208 fill: var(--e-a-color-txt);
3209 }
3210 .elementor-editor-active .elementor-select-preset-list .elementor-preset .e-preset--container {
3211 position: relative;
3212 display: flex;
3213 }
3214 .elementor-editor-active .elementor-select-preset-list .elementor-preset .e-preset--container::before {
3215 content: var(--text);
3216 font-family: var(--e-a-font-family);
3217 font-size: 13px;
3218 font-weight: 500;
3219 position: absolute;
3220 left: 50%;
3221 top: 50%;
3222 color: var(--e-a-color-white);
3223 transform: translate(-50%, -50%);
3224 }
3225 .elementor-editor-active .elementor-select-preset-list .elementor-preset svg {
3226 height: 50px;
3227 width: 100%;
3228 }
3229 .elementor-editor-active .elementor-add-section[data-view=choose-action] .elementor-add-section-back {
3230 display: none;
3231 }
3232 .elementor-editor-active .elementor-add-section[data-view=select-preset] .elementor-add-section-back {
3233 display: none;
3234 }
3235 .elementor-editor-active .elementor-add-section[data-view=select-type] .elementor-add-section-back {
3236 display: none;
3237 }
3238 .elementor-editor-active #elementor-add-new-section {
3239 margin: 60px auto;
3240 }
3241 .elementor-editor-active #elementor-add-new-section[data-view=choose-action] .elementor-add-section-close {
3242 display: none;
3243 }
3244 .elementor-editor-active .elementor-add-section-inline {
3245 margin: 10px auto;
3246 width: 100%;
3247 }
3248
3249 @keyframes placeholder-section {
3250 0% {
3251 height: 0;
3252 opacity: 0;
3253 }
3254 100% {
3255 height: 40px;
3256 opacity: 0.9;
3257 }
3258 }
3259 @keyframes placeholder-widget {
3260 0% {
3261 height: 0;
3262 opacity: 0;
3263 }
3264 100% {
3265 height: 10px;
3266 opacity: 0.9;
3267 }
3268 }
3269 @keyframes section-outline {
3270 0% {
3271 opacity: 0;
3272 }
3273 100% {
3274 opacity: 1;
3275 }
3276 }
3277 body.elementor-editor-active .elementor.elementor-edit-mode.layout-section .entry-content {
3278 overflow: visible;
3279 }
3280 body.elementor-editor-active .elementor.elementor-edit-mode .article {
3281 overflow: visible;
3282 }
3283 body.elementor-editor-active .elementor.elementor-edit-mode .elementor-element-overlay .elementor-editor-element-settings {
3284 clear: unset;
3285 }
3286 body.elementor-editor-active .elementor.elementor-edit-mode .elementor-element.elementor-section {
3287 overflow: visible;
3288 }
3289
3290 .elementor-edit-area .animated {
3291 animation-fill-mode: none !important;
3292 }
3293 .elementor-edit-area ul.elementor-editor-element-settings {
3294 word-break: normal;
3295 padding: 0;
3296 }
3297 .elementor-edit-area .gallery {
3298 opacity: 1;
3299 }
3300
3301 .pen {
3302 position: relative;
3303 outline: none;
3304 }
3305 .pen:not([data-elementor-inline-editing-toolbar=advanced]) {
3306 white-space: pre-wrap;
3307 }
3308 .pen-menu {
3309 box-shadow: 1px 2px 3px -2px #222;
3310 background-color: #3f444b;
3311 position: fixed;
3312 overflow: hidden;
3313 border-radius: 3px;
3314 z-index: 9999;
3315 }
3316 .pen-menu:after {
3317 top: 100%;
3318 content: "";
3319 position: absolute;
3320 border: 6px solid transparent;
3321 border-block-start-color: #3f444b;
3322 left: 50%;
3323 transform: translateX(-50%);
3324 }
3325 .pen-menu-below:after {
3326 top: 0;
3327 transform: translateX(-50%) translateY(-100%) rotate(180deg);
3328 }
3329 .pen-icon {
3330 position: relative;
3331 display: flex;
3332 align-items: center;
3333 justify-content: center;
3334 height: 35px;
3335 padding: 0 10px;
3336 font-size: 21px;
3337 color: #D5D8DC;
3338 cursor: pointer;
3339 -webkit-user-select: none;
3340 -moz-user-select: none;
3341 user-select: none;
3342 }
3343 .pen-icon:hover {
3344 background: #1f2124;
3345 }
3346 .pen-icon[data-group], .pen-icon[data-action=closeGroup] {
3347 display: none;
3348 }
3349 .pen-icon[data-action=close]:before {
3350 content: "";
3351 position: absolute;
3352 left: 0;
3353 height: 60%;
3354 width: 1px;
3355 background-color: #1f2124;
3356 }
3357 .pen-icon.active {
3358 background-color: #1f2124;
3359 box-shadow: inset 2px 2px 4px #1f2124;
3360 }
3361 .pen-group-icon:after {
3362 font-family: eicons;
3363 font-size: 12px;
3364 content: "\e92a";
3365 padding-inline-start: 4px;
3366 color: #2563EB;
3367 }
3368 .pen-input-wrapper {
3369 align-items: center;
3370 }
3371 .pen-input-wrapper .pen-url-input {
3372 font-size: 12px;
3373 line-height: 1.5;
3374 padding: 0;
3375 padding-inline-start: 10px;
3376 padding-inline-end: 10px;
3377 width: 250px;
3378 direction: ltr;
3379 }
3380 .pen-input-wrapper .pen-url-input, .pen-input-wrapper .pen-url-input:focus {
3381 background-color: transparent;
3382 border: none;
3383 outline: none;
3384 box-shadow: none;
3385 color: #fff;
3386 }
3387 .pen-input-wrapper .pen-url-input::-moz-placeholder {
3388 color: #D5D8DC;
3389 }
3390 .pen-input-wrapper .pen-url-input::placeholder {
3391 color: #D5D8DC;
3392 }
3393 .pen-input-label {
3394 margin: 0;
3395 margin-inline-end: -1px;
3396 }
3397 .pen-placeholder:before {
3398 content: attr(data-pen-placeholder);
3399 position: absolute;
3400 font-weight: normal;
3401 color: #757575;
3402 opacity: 0.6;
3403 }
3404 .pen-external-url-checkbox {
3405 display: none;
3406 }
3407 .pen-external-url-checkbox:checked + i {
3408 color: #fff;
3409 }
3410
3411 .elementor-inline-editing i:not([class]) {
3412 font-style: italic;
3413 }
3414 .elementor-inline-editing b {
3415 font-weight: bold;
3416 }
3417 .elementor-inline-editing u {
3418 text-decoration: underline;
3419 }
3420
3421 .e-element-color-picker {
3422 --primary-color: #2563EB;
3423 --swatch-size: 25px;
3424 cursor: default;
3425 display: flex;
3426 position: absolute;
3427 width: calc((var(--count) + 1) * var(--swatch-size));
3428 height: var(--swatch-size);
3429 top: var(--top);
3430 left: var(--left);
3431 right: var(--right, unset);
3432 border-radius: 3px;
3433 opacity: 0;
3434 pointer-events: none;
3435 z-index: 9998;
3436 background-color: var(--primary-color);
3437 padding: 1px;
3438 box-sizing: content-box;
3439 transition: opacity 0.3s, width 0.3s;
3440 }
3441 .e-element-color-picker.e-picker-hidden {
3442 opacity: 0;
3443 pointer-events: none;
3444 }
3445 .e-element-color-picker::before {
3446 content: "";
3447 flex: 0 1 var(--swatch-size);
3448 max-width: 100%;
3449 height: 100%;
3450 box-sizing: border-box;
3451 text-align: center;
3452 }
3453 .e-element-color-picker::after {
3454 content: "\e91e";
3455 font-family: "eicons";
3456 color: #FFF;
3457 font-size: 1rem;
3458 line-height: var(--swatch-size);
3459 position: absolute;
3460 left: 0.3rem;
3461 z-index: -1;
3462 }
3463 .e-element-color-picker__swatch {
3464 flex: 1 0 var(--swatch-size);
3465 max-width: 100%;
3466 height: 100%;
3467 cursor: pointer;
3468 transition: var(--e-a-transition-hover);
3469 position: relative;
3470 overflow: hidden;
3471 border-radius: inherit;
3472 /* Hack to fix transparent `--color` on hover */
3473 background: linear-gradient(var(--color), var(--color)), linear-gradient(var(--primary-color), var(--primary-color));
3474 }
3475 .e-element-color-picker__swatch:not(:first-child) {
3476 border-left: 1px solid var(--primary-color);
3477 }
3478 .e-element-color-picker__swatch::before {
3479 content: attr(data-text);
3480 position: absolute;
3481 left: 50%;
3482 top: 50%;
3483 opacity: 0;
3484 color: var(--color);
3485 font-size: 10px;
3486 font-weight: 300;
3487 font-family: Roboto, Arial, Helvetica, sans-serif;
3488 transform: translate(-50%, -50%);
3489 filter: hue-rotate(180deg) grayscale(1) contrast(999) invert(1);
3490 transition: inherit;
3491 }
3492 .e-element-color-picker__swatch:hover {
3493 flex-basis: calc(2 * var(--swatch-size));
3494 flex-shrink: 0;
3495 }
3496 .e-element-color-picker__swatch:hover::before {
3497 opacity: 1;
3498 }
3499
3500 .e-ui-state--elements-color-picker-color-picking__on *:not(.e-element-color-picker__swatch) {
3501 cursor: url("../images/eyedropper.svg") 0 20, pointer;
3502 }
3503 .e-ui-state--elements-color-picker-color-picking__on .e-element-color-picker:not(.e-picker-hidden):hover,
3504 .e-ui-state--elements-color-picker-color-picking__on .elementor-element:hover > .e-element-color-picker:not(.e-picker-hidden),
3505 .e-ui-state--elements-color-picker-color-picking__on .elementor-widget-container:hover + .e-element-color-picker:not(.e-picker-hidden) {
3506 opacity: 1;
3507 pointer-events: all;
3508 }
3509 .e-ui-state--elements-color-picker-color-picking__on .elementor-section:hover {
3510 outline: 1px solid #2563EB;
3511 }
3512
3513 /**
3514 * Contact Buttons has position: fixed, therefore the container results as `empty`
3515 * and it's not visible in the preview when the aside is hidden.
3516 */
3517 .elementor-editor-preview .elementor-element:has(.e-contact-buttons) .elementor-widget-empty,
3518 .elementor-editor-preview .elementor-element:has(.e-floating-bars) .elementor-widget-empty {
3519 display: block;
3520 }
3521
3522 [class^=eicon-flex], [class*=" eicon-flex"] {
3523 transition: 0.3s all;
3524 --is-ltr: 1;
3525 --is-rtl: 0;
3526 --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
3527 }
3528 [class^=eicon-flex].eicon-inline, [class*=" eicon-flex"].eicon-inline {
3529 max-height: 1em;
3530 max-width: 1em;
3531 }
3532 [class^=eicon-flex]:is(.eicon-justify-start-h, .eicon-justify-end-h), [class*=" eicon-flex"]:is(.eicon-justify-start-h, .eicon-justify-end-h) {
3533 --rotation-direction: calc(var(--is-ltr) + var(--is-rtl));
3534 }
3535 :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) {
3536 transform: rotate(calc(var(--rotation-direction) * 90deg));
3537 }
3538 :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) {
3539 transform: rotate(calc(var(--rotation-direction) * -90deg));
3540 }
3541 .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) {
3542 transform: rotate(calc(var(--rotation-direction) * -90deg));
3543 }
3544 .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) {
3545 transform: rotate(calc(var(--is-rtl) * 180deg));
3546 }
3547 .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) {
3548 transform: rotate(calc(var(--is-ltr) * 180deg));
3549 }
3550
3551 html.elementor-html {
3552 margin-block-start: 0 !important;
3553 }
3554
3555 .elementor-edit-area {
3556 position: relative;
3557 }
3558
3559 .elementor.loading {
3560 opacity: 0.5;
3561 }
3562
3563 .elementor-edit-area-active {
3564 --primary-color: var(--e-p-border-con);
3565 --secondary-color: var(--e-p-border-con-hover);
3566 --outline-color: var(--e-p-border-con-active);
3567 }
3568 .elementor-edit-area-active .e-con {
3569 --primary-color: var(--e-p-border-con);
3570 --secondary-color: var(--e-p-border-con-hover);
3571 --outline-color: var( --outline-color );
3572 }
3573 .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 {
3574 outline: 1px solid var(--outline-color);
3575 }
3576 .elementor-edit-area-active .e-grid-outline {
3577 display: none;
3578 }
3579 .elementor-edit-area-active .elementor-element-editable.e-grid.e-con-full > .e-grid-outline {
3580 padding-block-start: var(--bc-padding-block-start, var(--padding-block-start));
3581 padding-block-end: var(--bc-padding-block-end, var(--padding-block-end));
3582 display: grid;
3583 position: absolute;
3584 top: 0;
3585 bottom: 0;
3586 pointer-events: none;
3587 grid-gap: var(--gap);
3588 justify-items: var(--justify-items);
3589 align-items: var(--align-items);
3590 grid-auto-flow: var(--grid-auto-flow);
3591 justify-content: var(--grid-justify-content);
3592 align-content: var(--grid-align-content);
3593 min-height: var(--min-height);
3594 padding-inline-end: var(--bc-padding-inline-end, var(--padding-inline-end));
3595 padding-inline-start: var(--bc-padding-inline-start, var(--padding-inline-start));
3596 width: 100%;
3597 left: 0;
3598 }
3599 .elementor-edit-area-active .elementor-element-editable.e-grid.e-con-boxed > .e-con-inner {
3600 position: relative;
3601 }
3602 .elementor-edit-area-active .elementor-element-editable.e-grid.e-con-boxed > .e-con-inner > .e-grid-outline {
3603 padding-block-start: var(--bc-padding-block-start, var(--padding-block-start));
3604 padding-block-end: var(--bc-padding-block-end, var(--padding-block-end));
3605 display: grid;
3606 position: absolute;
3607 top: 0;
3608 bottom: 0;
3609 pointer-events: none;
3610 grid-gap: var(--gap);
3611 justify-items: var(--justify-items);
3612 align-items: var(--align-items);
3613 grid-auto-flow: var(--grid-auto-flow);
3614 justify-content: var(--grid-justify-content);
3615 align-content: var(--grid-align-content);
3616 min-height: var(--min-height);
3617 width: var(--width);
3618 margin: 0 auto;
3619 }
3620 .elementor-edit-area-active .elementor-element-editable.e-grid .e-grid-outline-item {
3621 border: 1px dashed #9DA5AE;
3622 pointer-events: none;
3623 width: 100%;
3624 height: 100%;
3625 }
3626 .elementor-edit-area-active .elementor-inner-section:first-child {
3627 margin-block-start: 15px;
3628 }
3629 .elementor-edit-area-active .elementor-widget-wrap.elementor-element-empty {
3630 min-height: 30px;
3631 }
3632 @media (min-width: 768px) {
3633 .elementor-edit-area-active .elementor-widget-wrap.elementor-element-empty {
3634 margin: 10px;
3635 }
3636 }
3637 .elementor-edit-area-active .elementor-column {
3638 min-width: 25px;
3639 }
3640 .elementor-edit-area-active .elementor-widget.elementor-loading {
3641 opacity: 0.3;
3642 }
3643 .elementor-edit-area-active .elementor-widget.elementor-element-edit-mode:hover {
3644 box-shadow: 0 0 0 1px var(--e-p-border-widget);
3645 }
3646 .elementor-edit-area-active .elementor-widget.elementor-element-editable, .elementor-edit-area-active .elementor-widget.elementor-element-editable:hover {
3647 box-shadow: 0 0 0 2px var(--e-p-border-widget);
3648 }
3649 .elementor-edit-area-active .elementor-widget:not(:hover) .elementor-editor-element-settings {
3650 display: none;
3651 }
3652 .elementor-edit-area-active .elementor-widget.ui-draggable-dragging {
3653 pointer-events: none;
3654 }
3655 .elementor-edit-area-active .elementor-editor-element-setting {
3656 cursor: pointer;
3657 display: flex;
3658 align-items: center;
3659 justify-content: center;
3660 padding: 0;
3661 margin: 0;
3662 font-size: 11px;
3663 color: var(--e-p-border-widget-invert);
3664 width: 25px;
3665 transition: var(--e-a-transition-hover);
3666 }
3667 .elementor-edit-area-active .elementor-inline-editing {
3668 min-height: 15px;
3669 }
3670 .elementor-edit-area-active .elementor-edit-hidden {
3671 display: none;
3672 }
3673
3674 .elementor-section-wrap:empty {
3675 min-height: 25px;
3676 }
3677 .elementor-section-wrap > :first-child > .elementor-element-overlay {
3678 z-index: 9999;
3679 }
3680
3681 .elementor-element > .elementor-element-overlay {
3682 position: absolute;
3683 top: 0;
3684 right: 0;
3685 letter-spacing: 0;
3686 z-index: 9998;
3687 pointer-events: none;
3688 }
3689 .elementor-element-empty .elementor-sortable-placeholder {
3690 display: none;
3691 }
3692 .elementor-element.elementor-widget-empty {
3693 background-color: rgba(213, 216, 220, 0.8);
3694 }
3695 .elementor-element.elementor-widget-empty .elementor-widget-empty-icon {
3696 color: #BABFC5;
3697 font-size: 22px;
3698 display: block;
3699 text-align: center;
3700 padding: 10px 0;
3701 }
3702 .elementor-element.elementor-widget-empty[data-atomic] .elementor-widget-empty-icon {
3703 background-color: rgb(243, 243, 244);
3704 width: 100%;
3705 }
3706 .elementor-element:not(:hover):not(.elementor-element-editable) > .elementor-element-overlay .elementor-editor-element-settings {
3707 display: none;
3708 }
3709 .elementor-element--toggle-edit-tools > .elementor-element-overlay .elementor-editor-element-edit:not(.elementor-active) ~ * {
3710 width: 0;
3711 font-size: 0;
3712 }
3713 .elementor-element[data-side=top]:before, .elementor-element[data-side=bottom] + .elementor-element:before {
3714 content: "";
3715 background-color: var(--e-p-draggable-color);
3716 transition-timing-function: ease-out;
3717 opacity: 0.9;
3718 height: 10px;
3719 animation: placeholder-widget 500ms;
3720 display: block;
3721 }
3722 .elementor-element[data-side=bottom]:last-child:after {
3723 content: "";
3724 background-color: var(--e-p-draggable-color);
3725 transition-timing-function: ease-out;
3726 opacity: 0.9;
3727 height: 10px;
3728 animation: placeholder-widget 500ms;
3729 display: block;
3730 }
3731 .elementor-element.elementor-absolute, .elementor-element.elementor-fixed {
3732 cursor: grab;
3733 }
3734 .elementor-element.elementor-absolute:active, .elementor-element.elementor-fixed:active {
3735 cursor: grabbing;
3736 }
3737 .elementor-element.elementor-absolute .eicon-edit:before, .elementor-element.elementor-fixed .eicon-edit:before {
3738 content: "\e902";
3739 }
3740
3741 .elementor-editor-element-settings {
3742 position: absolute;
3743 display: flex;
3744 height: 26px;
3745 list-style: none;
3746 margin: 0;
3747 padding: 0;
3748 font-family: var(--e-a-font-family);
3749 font-size: 13px;
3750 font-weight: normal;
3751 font-style: normal;
3752 line-height: 1;
3753 z-index: 1;
3754 pointer-events: all;
3755 transition: var(--e-a-transition-hover);
3756 }
3757
3758 @media (min-width: 1025px) {
3759 .elementor-editor-element-edit {
3760 cursor: move;
3761 }
3762 }
3763
3764 .elementor-empty-view {
3765 position: absolute;
3766 inset: 0;
3767 z-index: 1;
3768 }
3769
3770 .elementor-first-add {
3771 text-align: center;
3772 border: 1px dashed var(--e-a-border-color-bold);
3773 display: flex;
3774 height: 100%;
3775 width: 100%;
3776 position: absolute;
3777 align-items: center;
3778 justify-content: center;
3779 }
3780 .elementor-first-add .elementor-icon {
3781 font-size: 19px;
3782 color: #9DA5AE;
3783 cursor: pointer;
3784 }
3785
3786 .elementor-sortable-helper {
3787 position: absolute;
3788 cursor: move;
3789 border: var(--e-a-border);
3790 border-radius: var(--e-a-border-radius);
3791 background-color: var(--e-a-bg-active);
3792 border-color: var(--e-a-border-color-accent);
3793 color: var(--e-a-color-active);
3794 text-align: center;
3795 }
3796 .elementor-sortable-helper .icon {
3797 font-size: 28px;
3798 padding-block-start: 15px;
3799 line-height: 1;
3800 }
3801 .elementor-sortable-helper .title-wrapper {
3802 display: flex;
3803 height: 40px;
3804 align-items: center;
3805 justify-content: center;
3806 }
3807 .elementor-sortable-helper .title {
3808 font-size: 11px;
3809 }
3810
3811 .elementor-sortable-placeholder:not(.elementor-column-placeholder) {
3812 background-color: var(--e-p-draggable-color);
3813 animation-duration: 250ms;
3814 opacity: 0.9;
3815 width: 100%;
3816 align-self: stretch;
3817 }
3818 .e-con .elementor-first-add .elementor-sortable-placeholder:not(.elementor-column-placeholder) {
3819 align-self: center;
3820 }
3821 .e-swappable--active > .elementor-sortable-placeholder:not(.elementor-column-placeholder) {
3822 display: none;
3823 }
3824
3825 .elementor-section-placeholder {
3826 height: 40px;
3827 animation-name: placeholder-section;
3828 }
3829
3830 .elementor-widget-placeholder {
3831 height: 10px;
3832 animation-name: placeholder-widget;
3833 }
3834 .elementor-widget-placeholder.is-logical {
3835 margin-top: var(--e-placeholder-margin-top);
3836 margin-bottom: var(--e-placeholder-margin-bottom);
3837 margin-inline-start: var(--e-placeholder-margin-inline-start);
3838 width: var(--e-placeholder-width);
3839 min-width: 200px;
3840 }
3841
3842 .elementor-draggable-over:not([data-dragged-element=section]):not([data-dragged-is-inner=true]) > .elementor-empty-view > .elementor-first-add:after,
3843 .elementor-first-add.elementor-html5dnd-current-element:after {
3844 content: "";
3845 background-color: var(--e-p-draggable-color);
3846 transition-timing-function: ease-out;
3847 opacity: 0.9;
3848 height: 10px;
3849 animation: placeholder-widget 500ms;
3850 width: 100%;
3851 }
3852 .e-con .elementor-draggable-over:not([data-dragged-element=section]):not([data-dragged-is-inner=true]) > .elementor-empty-view > .elementor-first-add:after,
3853 .e-con .elementor-first-add.elementor-html5dnd-current-element:after {
3854 display: none;
3855 }
3856 .elementor-draggable-over:not([data-dragged-element=section]):not([data-dragged-is-inner=true]) > .elementor-empty-view > .elementor-first-add .elementor-icon,
3857 .elementor-first-add.elementor-html5dnd-current-element .elementor-icon {
3858 display: none;
3859 }
3860
3861 .elementor-draggable-over[data-dragged-element=section][data-dragged-is-inner=true] .elementor-inner-column .elementor-sortable-placeholder {
3862 display: none;
3863 }
3864
3865 .elementor-editor-preview .elementor-element-overlay,
3866 .elementor-editor-preview .elementor-empty,
3867 .elementor-editor-preview .elementor-add-section,
3868 .elementor-editor-preview .elementor-add-section-inline,
3869 .elementor-editor-preview .elementor-empty-view,
3870 .elementor-editor-preview .elementor-widget-empty {
3871 display: none;
3872 }
3873
3874 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen,
3875 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop,
3876 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop,
3877 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra,
3878 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet,
3879 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra,
3880 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile {
3881 display: inherit;
3882 background: repeating-linear-gradient(125deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 1px, transparent 2px, transparent 9px);
3883 border: 1px solid rgba(0, 0, 0, 0.02);
3884 }
3885 .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,
3886 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-section > .elementor-element-overlay,
3887 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.e-con > .elementor-element-overlay,
3888 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.elementor-section > .elementor-element-overlay,
3889 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.e-con > .elementor-element-overlay,
3890 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.elementor-section > .elementor-element-overlay,
3891 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.e-con > .elementor-element-overlay,
3892 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.elementor-section > .elementor-element-overlay,
3893 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.e-con > .elementor-element-overlay,
3894 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-section > .elementor-element-overlay,
3895 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.e-con > .elementor-element-overlay,
3896 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-section > .elementor-element-overlay,
3897 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.e-con > .elementor-element-overlay {
3898 background-color: var(--e-a-bg-hover);
3899 mix-blend-mode: color;
3900 }
3901 .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,
3902 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-section:before,
3903 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.e-con:before,
3904 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.elementor-section:before,
3905 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.e-con:before,
3906 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.elementor-section:before,
3907 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.e-con:before,
3908 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.elementor-section:before,
3909 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.e-con:before,
3910 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-section:before,
3911 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.e-con:before,
3912 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-section:before,
3913 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.e-con:before {
3914 content: "";
3915 display: block;
3916 position: absolute;
3917 inset: 0;
3918 background-color: rgba(255, 255, 255, 0.6);
3919 z-index: 9997;
3920 }
3921 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.e-con,
3922 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.e-con,
3923 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.e-con,
3924 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.e-con,
3925 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.e-con,
3926 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.e-con,
3927 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.e-con {
3928 display: var(--display);
3929 }
3930 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.elementor-inner-section .elementor-container,
3931 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-inner-section .elementor-container,
3932 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.elementor-inner-section .elementor-container,
3933 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.elementor-inner-section .elementor-container,
3934 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.elementor-inner-section .elementor-container,
3935 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-inner-section .elementor-container,
3936 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-inner-section .elementor-container {
3937 width: 100%;
3938 }
3939 .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)),
3940 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop > .elementor-widget-container,
3941 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop > .elementor-widget-wrap,
3942 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop:not(:has(> .elementor-widget-container)),
3943 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop > .elementor-widget-container,
3944 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop > .elementor-widget-wrap,
3945 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop:not(:has(> .elementor-widget-container)),
3946 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra > .elementor-widget-container,
3947 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra > .elementor-widget-wrap,
3948 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra:not(:has(> .elementor-widget-container)),
3949 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet > .elementor-widget-container,
3950 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet > .elementor-widget-wrap,
3951 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet:not(:has(> .elementor-widget-container)),
3952 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra > .elementor-widget-container,
3953 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra > .elementor-widget-wrap,
3954 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra:not(:has(> .elementor-widget-container)),
3955 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-container,
3956 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-wrap,
3957 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile:not(:has(> .elementor-widget-container)) {
3958 filter: opacity(0.4) saturate(0);
3959 }
3960 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.elementor-edit-hidden,
3961 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-edit-hidden,
3962 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.elementor-edit-hidden,
3963 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.elementor-edit-hidden,
3964 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.elementor-edit-hidden,
3965 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-edit-hidden,
3966 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-edit-hidden {
3967 display: none;
3968 }
3969
3970 .e-youtube-base iframe {
3971 pointer-events: none;
3972 }
3973
3974 .elementor-editor-section-settings,
3975 .elementor-editor-container-settings,
3976 .elementor-editor-e-flexbox-settings,
3977 .elementor-editor-e-div-block-settings {
3978 height: 24px;
3979 top: 1px;
3980 left: 50%;
3981 transform: translateX(-50%) translateY(-100%);
3982 background-color: var(--e-p-border-section);
3983 border-start-start-radius: 5px;
3984 border-start-end-radius: 5px;
3985 border-end-start-radius: 0;
3986 border-end-end-radius: 0;
3987 stroke: transparent;
3988 stroke-width: 0;
3989 -webkit-text-stroke: 0 transparent;
3990 }
3991 .elementor-editor-section-settings i.eicon-handle,
3992 .elementor-editor-container-settings i.eicon-handle,
3993 .elementor-editor-e-flexbox-settings i.eicon-handle,
3994 .elementor-editor-e-div-block-settings i.eicon-handle {
3995 font-size: 16px;
3996 }
3997 .elementor-editor-section-settings .elementor-editor-element-setting:hover,
3998 .elementor-editor-container-settings .elementor-editor-element-setting:hover,
3999 .elementor-editor-e-flexbox-settings .elementor-editor-element-setting:hover,
4000 .elementor-editor-e-div-block-settings .elementor-editor-element-setting:hover {
4001 background-color: var(--e-p-border-section-hover);
4002 }
4003 .elementor-editor-section-settings .elementor-editor-element-setting:first-child,
4004 .elementor-editor-container-settings .elementor-editor-element-setting:first-child,
4005 .elementor-editor-e-flexbox-settings .elementor-editor-element-setting:first-child,
4006 .elementor-editor-e-div-block-settings .elementor-editor-element-setting:first-child {
4007 border-start-start-radius: 5px;
4008 border-start-end-radius: 0;
4009 border-end-start-radius: 0;
4010 border-end-end-radius: 0;
4011 }
4012 .elementor-editor-section-settings .elementor-editor-element-setting:first-child:before,
4013 .elementor-editor-container-settings .elementor-editor-element-setting:first-child:before,
4014 .elementor-editor-e-flexbox-settings .elementor-editor-element-setting:first-child:before,
4015 .elementor-editor-e-div-block-settings .elementor-editor-element-setting:first-child:before {
4016 content: "";
4017 position: absolute;
4018 top: 2px;
4019 right: calc(100% - 1px);
4020 border-block-start: 22px solid transparent;
4021 border-block-end: 0 none transparent;
4022 border-inline-start: 0 none transparent;
4023 border-inline-end: 12px solid var(--e-p-border-section);
4024 transition: var(--e-a-transition-hover);
4025 }
4026 .elementor-editor-section-settings .elementor-editor-element-setting:first-child:hover:before,
4027 .elementor-editor-container-settings .elementor-editor-element-setting:first-child:hover:before,
4028 .elementor-editor-e-flexbox-settings .elementor-editor-element-setting:first-child:hover:before,
4029 .elementor-editor-e-div-block-settings .elementor-editor-element-setting:first-child:hover:before {
4030 border-inline-end-color: var(--e-p-border-section-hover);
4031 }
4032 .elementor-editor-section-settings .elementor-editor-element-setting:last-child,
4033 .elementor-editor-container-settings .elementor-editor-element-setting:last-child,
4034 .elementor-editor-e-flexbox-settings .elementor-editor-element-setting:last-child,
4035 .elementor-editor-e-div-block-settings .elementor-editor-element-setting:last-child {
4036 border-start-start-radius: 0;
4037 border-start-end-radius: 5px;
4038 border-end-start-radius: 0;
4039 border-end-end-radius: 0;
4040 }
4041 .elementor-editor-section-settings .elementor-editor-element-setting:last-child:after,
4042 .elementor-editor-container-settings .elementor-editor-element-setting:last-child:after,
4043 .elementor-editor-e-flexbox-settings .elementor-editor-element-setting:last-child:after,
4044 .elementor-editor-e-div-block-settings .elementor-editor-element-setting:last-child:after {
4045 content: "";
4046 position: absolute;
4047 top: 2px;
4048 left: calc(100% - 1px);
4049 border-block-start: 22px solid transparent;
4050 border-block-end: 0 none transparent;
4051 border-inline-start: 12px solid var(--e-p-border-section);
4052 border-inline-end: 0 none transparent;
4053 transition: var(--e-a-transition-hover);
4054 }
4055 .elementor-editor-section-settings .elementor-editor-element-setting:last-child:hover:after,
4056 .elementor-editor-container-settings .elementor-editor-element-setting:last-child:hover:after,
4057 .elementor-editor-e-flexbox-settings .elementor-editor-element-setting:last-child:hover:after,
4058 .elementor-editor-e-div-block-settings .elementor-editor-element-setting:last-child:hover:after {
4059 border-inline-start-color: var(--e-p-border-section-hover);
4060 }
4061
4062 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings {
4063 transform: translateX(-50%);
4064 border-start-start-radius: 0;
4065 border-start-end-radius: 0;
4066 border-end-start-radius: 5px;
4067 border-end-end-radius: 5px;
4068 }
4069 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child {
4070 border-start-start-radius: 0;
4071 border-start-end-radius: 0;
4072 border-end-start-radius: 5px;
4073 border-end-end-radius: 0;
4074 }
4075 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before {
4076 top: 0;
4077 border-block-start: 0 none transparent;
4078 border-block-end: 22px solid transparent;
4079 border-inline-start: 0 none transparent;
4080 border-inline-end: 12px solid var(--e-p-border-section);
4081 transition: var(--e-a-transition-hover);
4082 }
4083 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child {
4084 border-start-start-radius: 0;
4085 border-start-end-radius: 0;
4086 border-end-start-radius: 0;
4087 border-end-end-radius: 5px;
4088 }
4089 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after {
4090 top: 0;
4091 border-block-start: 0 none transparent;
4092 border-block-end: 22px solid transparent;
4093 border-inline-start: 12px solid var(--e-p-border-section);
4094 border-inline-end: 0 none transparent;
4095 transition: var(--e-a-transition-hover);
4096 }
4097
4098 .elementor-column > .elementor-element-overlay {
4099 left: 0;
4100 bottom: 0;
4101 }
4102 .elementor-column > .elementor-element-overlay:after {
4103 position: absolute;
4104 inset: 0;
4105 outline: 1px dashed var(--e-p-border-column);
4106 }
4107 .elementor-column:hover > .elementor-element-overlay:after {
4108 content: "";
4109 }
4110 .elementor-column.elementor-element-editable > .elementor-element-overlay:after {
4111 content: "";
4112 outline: 2px solid var(--e-p-border-column);
4113 }
4114 .elementor-column.elementor-dragging-on-child > .elementor-element-overlay {
4115 border: 1px solid var(--e-p-draggable-color);
4116 }
4117 .elementor-column.elementor-dragging-on-child > .elementor-element-overlay:after {
4118 display: none;
4119 }
4120 .elementor-column > .ui-resizable-e, .elementor-column > .ui-resizable-w {
4121 cursor: col-resize;
4122 width: 7px;
4123 position: absolute;
4124 right: -5px;
4125 top: 0;
4126 height: 100%;
4127 }
4128 .elementor-column:last-of-type > .ui-resizable-e, .elementor-column:last-of-type > .ui-resizable-w {
4129 display: none !important;
4130 }
4131 @media (max-width: 1024px) {
4132 .elementor-column > .ui-resizable-e, .elementor-column > .ui-resizable-w {
4133 display: none !important;
4134 }
4135 }
4136
4137 .elementor-editor-column-settings {
4138 top: -1px;
4139 left: -1px;
4140 border-start-start-radius: 0;
4141 border-start-end-radius: 0;
4142 border-end-start-radius: 0;
4143 border-end-end-radius: 3px;
4144 overflow: hidden;
4145 }
4146 .elementor-editor-column-settings .elementor-editor-element-setting {
4147 background-color: var(--e-p-border-column);
4148 }
4149 .elementor-editor-column-settings .elementor-editor-element-setting:hover {
4150 background-color: var(--e-p-border-column-hover);
4151 }
4152
4153 .elementor-column-placeholder {
4154 position: relative;
4155 }
4156 .elementor-column-placeholder:before, .elementor-column-placeholder:after {
4157 content: "";
4158 position: absolute;
4159 top: 10px;
4160 bottom: 10px;
4161 right: 10px;
4162 left: 10px;
4163 }
4164 .elementor-column-placeholder:before {
4165 border: 1px solid var(--e-p-border-column);
4166 }
4167 .elementor-column-placeholder:after {
4168 border: 1px dashed var(--e-a-color-white);
4169 }
4170
4171 .elementor-column-percents-tooltip {
4172 position: absolute;
4173 display: none;
4174 pointer-events: none;
4175 top: 50%;
4176 transform: translateY(-50%);
4177 color: #fff;
4178 font-size: 10px;
4179 background-color: var(--e-p-border-column);
4180 width: 40px;
4181 padding: 3.5px 0;
4182 text-align: center;
4183 z-index: 1;
4184 line-height: 1;
4185 }
4186 .elementor-column-percents-tooltip:after {
4187 content: "";
4188 position: absolute;
4189 width: 0;
4190 height: 0;
4191 border: 8.5px solid transparent;
4192 top: 0;
4193 }
4194 .elementor-column-percents-tooltip[data-side=left] {
4195 border-radius: 3px 0 0 3px;
4196 right: 15px;
4197 }
4198 .elementor-column-percents-tooltip[data-side=left]:after {
4199 left: 100%;
4200 border-left-color: var(--e-p-border-column);
4201 border-right-width: 0;
4202 }
4203 .elementor-column-percents-tooltip[data-side=right] {
4204 border-radius: 0 3px 3px 0;
4205 left: 15px;
4206 }
4207 .elementor-column-percents-tooltip[data-side=right]:after {
4208 right: 100%;
4209 border-right-color: var(--e-p-border-column);
4210 border-left-width: 0;
4211 }
4212
4213 .elementor-editor-widget-settings {
4214 z-index: 2;
4215 top: -1px;
4216 right: -1px;
4217 flex-direction: row-reverse;
4218 border-start-start-radius: 0;
4219 border-start-end-radius: 0;
4220 border-end-start-radius: 3px;
4221 border-end-end-radius: 0;
4222 overflow: hidden;
4223 }
4224 .elementor-editor-widget-settings .elementor-editor-element-setting {
4225 background-color: var(--e-p-border-widget);
4226 }
4227 .elementor-editor-widget-settings .elementor-editor-element-setting:hover {
4228 background-color: var(--e-p-border-widget-hover);
4229 }
4230
4231 .e-widget-pro-promotion {
4232 border: 2px dashed var(--e-a-border-color-bold);
4233 background-color: var(--e-a-color-white);
4234 padding: 20px;
4235 }
4236 .e-widget-pro-promotion .e-container {
4237 max-width: 600px;
4238 margin: auto;
4239 }
4240 .e-widget-pro-promotion .e-badge {
4241 border: 1px solid var(--e-a-color-accent);
4242 color: var(--e-a-color-accent);
4243 background: var(--e-a-color-white);
4244 border-radius: 100px;
4245 padding: 4px 12px;
4246 font-size: 0.8em;
4247 }
4248 .e-widget-pro-promotion p {
4249 margin-block-start: 1em;
4250 margin-block-end: 1em;
4251 text-align: center;
4252 }
4253 .e-widget-pro-promotion p img {
4254 display: block;
4255 margin: 0 auto 20px;
4256 }
4257 .e-widget-pro-promotion .e-actions {
4258 display: flex;
4259 justify-content: center;
4260 gap: 10px;
4261 }
4262 .e-widget-pro-promotion .e-btn {
4263 font-size: 14px;
4264 font-weight: 500;
4265 line-height: 1.2;
4266 padding: 8px 16px;
4267 border-radius: var(--e-a-border-radius);
4268 background-color: var(--e-a-btn-bg-accent);
4269 color: var(--e-a-btn-color-invert);
4270 transition: var(--e-a-transition-hover);
4271 }
4272 .e-widget-pro-promotion .e-btn:hover, .e-widget-pro-promotion .e-btn:focus {
4273 background-color: var(--e-a-btn-bg-accent-hover);
4274 color: var(--e-a-btn-color-invert);
4275 }
4276 .e-widget-pro-promotion .e-btn:active {
4277 background-color: var(--e-a-btn-bg-accent-active);
4278 }
4279 .e-widget-pro-promotion .e-btn.e-btn-txt {
4280 background: transparent;
4281 color: var(--e-a-color-txt);
4282 }
4283 .e-widget-pro-promotion .e-btn.e-btn-txt:hover, .e-widget-pro-promotion .e-btn.e-btn-txt:focus {
4284 background: var(--e-a-bg-hover);
4285 color: var(--e-a-color-txt-hover);
4286 }
4287
4288 .elementor-section > .elementor-element-overlay,
4289 .e-con > .elementor-element-overlay {
4290 left: 0;
4291 bottom: 0;
4292 }
4293 .elementor-section > .elementor-element-overlay:after,
4294 .e-con > .elementor-element-overlay:after {
4295 position: absolute;
4296 left: 1px;
4297 right: 1px;
4298 top: 1px;
4299 bottom: 1px;
4300 outline: 1px solid var(--e-p-border-con);
4301 animation: section-outline 0.75s;
4302 }
4303 .elementor-section:hover > .elementor-element-overlay:after,
4304 .e-con:hover > .elementor-element-overlay:after {
4305 content: "";
4306 }
4307 .elementor-section.elementor-element-editable > .elementor-element-overlay:after,
4308 .e-con.elementor-element-editable > .elementor-element-overlay:after {
4309 content: "";
4310 outline-width: 2px;
4311 }
4312
4313 .e-con .e-con-inner .e-con > .elementor-element-overlay:after {
4314 outline: 1px dashed var(--e-p-border-con-in);
4315 }
4316 .e-con .e-con-inner .e-con.elementor-element-editable > .elementor-element-overlay:after {
4317 outline: 2px solid var(--e-p-border-con-in);
4318 }
4319 .e-con .elementor-empty-view {
4320 position: relative;
4321 width: 100%;
4322 height: 100%;
4323 min-height: 100px;
4324 stroke: transparent;
4325 stroke-width: 0;
4326 -webkit-text-stroke: 0 transparent;
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), .e-flexbox-base:has(.elementor-empty-view) {
4435 min-height: 120px;
4436 }
4437 .e-div-block-base > .elementor-empty-view.elementor-empty-view, .e-flexbox-base > .elementor-empty-view.elementor-empty-view {
4438 min-height: inherit;
4439 }
4440
4441 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 {
4442 left: 0;
4443 right: auto;
4444 }
4445 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 {
4446 right: 0;
4447 left: auto;
4448 }
4449
4450 @keyframes dnd-placeholder-widget-vertical {
4451 0% {
4452 transform-origin: 0 50%;
4453 transform: translateX(50%) scaleX(0);
4454 opacity: 0;
4455 }
4456 100% {
4457 transform-origin: 0 50%;
4458 transform: translateX(50%) scaleX(1);
4459 opacity: 0.9;
4460 }
4461 }
4462 @keyframes dnd-placeholder-widget-horizontal {
4463 0% {
4464 transform-origin: 50% 0;
4465 transform: scaleY(0);
4466 opacity: 0;
4467 }
4468 100% {
4469 transform-origin: 50% 0;
4470 transform: scaleY(1);
4471 opacity: 0.9;
4472 }
4473 }
4474 @keyframes grow-in-width {
4475 from {
4476 width: 0;
4477 }
4478 50% {
4479 width: calc(var(--size) / 2);
4480 }
4481 to {
4482 width: var(--size);
4483 }
4484 }
4485 .e-con-select-preset {
4486 display: flex;
4487 flex-direction: column;
4488 align-items: center;
4489 justify-content: center;
4490 gap: 25px;
4491 }
4492 .e-con-select-preset[data-view=choose-preset] > *:not(.e-con-select-preset__inner) {
4493 display: none;
4494 }
4495 .e-con-select-preset[data-view=drop-area] > *:not(.elementor-first-add) {
4496 display: none;
4497 }
4498 .e-con-select-preset-grid {
4499 flex-wrap: wrap;
4500 gap: 20px;
4501 }
4502 .e-con-select-preset-grid .e-con-select-preset__list .e-con-preset rect {
4503 fill: transparent;
4504 }
4505 .e-con-select-preset__title {
4506 font-family: var(--e-a-font-family);
4507 font-size: 15px;
4508 font-weight: 400;
4509 color: var(--e-a-color-txt);
4510 }
4511 .e-con-select-preset__list {
4512 display: flex;
4513 gap: 20px;
4514 align-items: center;
4515 justify-content: center;
4516 flex-wrap: wrap;
4517 max-width: 650px;
4518 }
4519 .e-con-select-preset__list .e-con-preset {
4520 cursor: pointer;
4521 flex-basis: 90px;
4522 padding: unset;
4523 margin: unset;
4524 border: unset;
4525 border-radius: unset;
4526 outline: unset;
4527 box-shadow: unset;
4528 text-shadow: unset;
4529 background-color: unset;
4530 }
4531 .e-con-select-preset__list .e-con-preset svg {
4532 width: 100%;
4533 height: auto;
4534 }
4535 .e-con-select-preset__list .e-con-preset path {
4536 fill: var(--e-a-color-white);
4537 }
4538 .e-con-select-preset__list .e-con-preset rect {
4539 fill: var(--e-a-bg-active-bold);
4540 transition: 0.3s all;
4541 }
4542 .e-con-select-preset__list .e-con-preset:hover, .e-con-select-preset__list .e-con-preset:focus {
4543 border: unset;
4544 border-radius: unset;
4545 box-shadow: unset;
4546 text-shadow: unset;
4547 background-color: transparent;
4548 }
4549 .e-con-select-preset__list .e-con-preset:hover path, .e-con-select-preset__list .e-con-preset:focus path {
4550 stroke: var(--e-a-color-white);
4551 }
4552 .e-con-select-preset__list .e-con-preset:hover rect, .e-con-select-preset__list .e-con-preset:focus rect {
4553 fill: var(--e-a-color-txt);
4554 }
4555 .e-con-shared-styles {
4556 font-family: var(--e-a-font-family);
4557 line-height: 1;
4558 color: var(--e-a-color-txt);
4559 min-height: 159px;
4560 overflow: hidden;
4561 display: flex;
4562 flex-direction: column;
4563 align-items: center;
4564 justify-content: center;
4565 gap: 25px;
4566 }
4567 .e-con-select-type__title {
4568 font-size: 15px;
4569 font-weight: 400;
4570 }
4571 .e-con-select-type__icons {
4572 display: flex;
4573 justify-content: center;
4574 flex-wrap: wrap;
4575 gap: 40px;
4576 }
4577 .e-con-select-type__icons__icon {
4578 cursor: pointer;
4579 }
4580 .e-con-select-type__icons__icon svg {
4581 margin-block-end: 10px;
4582 width: 85px;
4583 }
4584 .e-con-select-type__icons__icon:hover svg rect, .e-con-select-type__icons__icon:focus svg rect {
4585 fill: var(--e-a-color-txt);
4586 }
4587 .e-con-select-type__icons__icon:hover svg path, .e-con-select-type__icons__icon:focus svg path {
4588 stroke: var(--e-a-color-white);
4589 }
4590 .e-con-select-type__icons__icon__subtitle {
4591 font-size: 14px;
4592 font-weight: 500;
4593 }
4594 .e-con .ui-resizable-e {
4595 right: 0;
4596 }
4597 .e-con .ui-resizable-w {
4598 left: 0;
4599 }
4600 /*# sourceMappingURL=editor-preview.css.map */