PluginProbe
Elementor Website Builder – more than just a page builder / 3.28.0-dev2
Elementor Website Builder – more than just a page builder v3.28.0-dev2
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.28.0-dev2, at assets/css/editor-preview.css

4,568 lines 144.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*! elementor - v3.28.0 - 10-03-2025 */
2 .elementor-hidden {
3 display: none;
4 }
5
6 .elementor-visibility-hidden {
7 visibility: hidden;
8 }
9
10 .elementor-screen-only,
11 .screen-reader-text,
12 .screen-reader-text span,
13 .ui-helper-hidden-accessible {
14 position: absolute;
15 top: -10000em;
16 width: 1px;
17 height: 1px;
18 margin: -1px;
19 padding: 0;
20 overflow: hidden;
21 clip: rect(0, 0, 0, 0);
22 border: 0;
23 }
24
25 .elementor-clearfix:after {
26 content: "";
27 display: block;
28 clear: both;
29 width: 0;
30 height: 0;
31 }
32
33 .e-logo-wrapper {
34 background: var(--e-a-bg-logo);
35 display: inline-block;
36 padding: 0.75em;
37 border-radius: 50%;
38 line-height: 1;
39 }
40 .e-logo-wrapper i {
41 color: var(--e-a-color-logo);
42 font-size: 1em;
43 }
44
45 :root {
46 --e-a-color-white: #ffffff;
47 --e-a-color-black: #000000;
48 --e-a-color-logo: #ffffff;
49 --e-a-color-primary: #F3BAFD;
50 --e-a-color-primary-bold: #D004D4;
51 --e-a-color-secondary: #515962;
52 --e-a-color-success: #0A875A;
53 --e-a-color-danger: #DC2626;
54 --e-a-color-info: #2563EB;
55 --e-a-color-warning: #F59E0B;
56 --e-a-color-accent: #93003f;
57 --e-a-color-global: #1DDDBF;
58 --e-a-color-accent-promotion: #93003f;
59 --e-a-bg-default: #ffffff;
60 --e-a-bg-invert: #0C0D0E;
61 --e-a-bg-hover: #F1F2F3;
62 --e-a-bg-active: #E6E8EA;
63 --e-a-bg-active-bold: #D5D8DC;
64 --e-a-bg-loading: #F9FAFA;
65 --e-a-bg-logo: #000000;
66 --e-a-bg-primary: #FAE8FF;
67 --e-a-bg-secondary: #515962;
68 --e-a-bg-success: #F2FDF5;
69 --e-a-bg-info: #F0F7FF;
70 --e-a-bg-danger: #FEF1F4;
71 --e-a-bg-warning: #FFFBEB;
72 --e-a-color-txt: #515962;
73 --e-a-color-txt-muted: #818A96;
74 --e-a-color-txt-disabled: #BABFC5;
75 --e-a-color-txt-invert: #ffffff;
76 --e-a-color-txt-accent: #0C0D0E;
77 --e-a-color-txt-hover: #3f444b;
78 --e-a-color-txt-active: #0C0D0E;
79 --e-a-border-color: #E6E8EA;
80 --e-a-border-color-bold: #D5D8DC;
81 --e-a-border-color-focus: #BABFC5;
82 --e-a-border-color-accent: #0C0D0E;
83 --e-a-border: 1px solid var(--e-a-border-color);
84 --e-a-border-bold: 1px solid var(--e-a-border-color-bold);
85 --e-a-border-radius: 3px;
86 --e-a-btn-color: #0C0D0E;
87 --e-a-btn-color-invert: var(--e-a-color-txt-invert);
88 --e-a-btn-color-disabled: var(--e-a-color-txt-disabled);
89 --e-a-btn-bg: #515962;
90 --e-a-btn-bg-hover: rgb(57.9217877095, 63.6424581006, 70.0782122905);
91 --e-a-btn-bg-active: rgb(34.843575419, 38.2849162011, 42.156424581);
92 --e-a-btn-bg-disabled: #D5D8DC;
93 --e-a-btn-bg-primary: #F3BAFD;
94 --e-a-btn-bg-primary-hover: #F5D0FE;
95 --e-a-btn-bg-primary-active:#F0ABFC;
96 --e-a-btn-bg-accent: #93003f;
97 --e-a-btn-bg-accent-hover: #8F1A4C;
98 --e-a-btn-bg-accent-active: #A93365;
99 --e-a-btn-bg-info: #2563EB;
100 --e-a-btn-bg-info-hover: rgb(18.5714285714, 76.1428571429, 202.4285714286);
101 --e-a-btn-bg-info-active: rgb(14.2857142857, 58.5714285714, 155.7142857143);
102 --e-a-btn-bg-success: #0A875A;
103 --e-a-btn-bg-success-hover: rgb(6.4827586207, 87.5172413793, 58.3448275862);
104 --e-a-btn-bg-success-active:rgb(2.9655172414, 40.0344827586, 26.6896551724);
105 --e-a-btn-bg-warning: #F59E0B;
106 --e-a-btn-bg-warning-hover: rgb(196.9291338583, 126.7125984252, 8.0708661417);
107 --e-a-btn-bg-warning-active:rgb(147.937007874, 95.188976378, 6.062992126);
108 --e-a-btn-bg-danger: #DC2626;
109 --e-a-btn-bg-danger-hover: rgb(178.25, 28.75, 28.75);
110 --e-a-btn-bg-danger-active: rgb(134.3333333333, 21.6666666667, 21.6666666667);
111 --e-a-dark-bg: #0C0D0E;
112 --e-a-dark-color-txt: #9DA5AE;
113 --e-a-dark-color-txt-hover: #D5D8DC;
114 --e-a-font-family: Roboto, Arial, Helvetica, sans-serif;
115 --e-a-transition-hover: all .3s;
116 --e-a-popover-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
117 --e-a-dropdown-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
118 }
119
120 .elementor-control-unit-1 {
121 width: 27px;
122 }
123
124 .elementor-control-unit-2 {
125 width: 54px;
126 }
127
128 .elementor-control-unit-3 {
129 width: 81px;
130 }
131
132 .elementor-control-unit-4 {
133 width: 108px;
134 }
135
136 .elementor-control-unit-5 {
137 max-width: 400px;
138 width: 52%;
139 }
140
141 .elementor-tags-list {
142 display: none;
143 position: absolute;
144 width: 260px;
145 max-height: 300px;
146 overflow: auto;
147 padding-block-end: 5px;
148 background-color: var(--e-a-bg-default);
149 box-shadow: var(--e-a-popover-shadow);
150 border: var(--e-a-border);
151 border-radius: 3px;
152 z-index: 10000;
153 }
154 .elementor-tags-list__group-title {
155 font-weight: bold;
156 font-size: 12px;
157 padding: 10px 15px;
158 display: flex;
159 align-items: center;
160 }
161 .elementor-tags-list__group-title .eicon-info-circle {
162 padding-inline-end: 5px;
163 color: var(--e-a-color-primary-bold);
164 font-size: 14px;
165 }
166 .elementor-tags-list__item {
167 font-size: 10px;
168 padding: 6px 15px;
169 cursor: pointer;
170 }
171 .elementor-tags-list__item:before {
172 content: ">";
173 font-size: 8px;
174 padding-inline-end: 5px;
175 }
176 .elementor-tags-list__item:hover {
177 background-color: var(--e-a-bg-hover);
178 }
179 .elementor-tags-list__teaser {
180 border-block-start: 2px solid var(--e-a-border-color);
181 padding-block-start: 4px;
182 margin-block-start: 4px;
183 }
184 .elementor-tags-list__teaser-text {
185 padding: 2px 15px 8px;
186 line-height: 1.5;
187 font-size: 12px;
188 }
189 .elementor-tags-list__teaser-link {
190 color: var(--e-a-color-primary-bold);
191 text-decoration: underline;
192 font-style: italic;
193 font-weight: bold;
194 }
195
196 .elementor-dynamic-cover {
197 display: flex;
198 align-items: center;
199 width: 100%;
200 height: 27px;
201 box-sizing: border-box;
202 }
203 .elementor-dynamic-cover__title {
204 padding: 0 8px;
205 flex-grow: 1;
206 white-space: nowrap;
207 text-overflow: ellipsis;
208 overflow: hidden;
209 }
210 .elementor-dynamic-cover__settings, .elementor-dynamic-cover__remove {
211 cursor: pointer;
212 transition: var(--e-a-transition-hover);
213 }
214 .elementor-dynamic-cover__settings:hover, .elementor-dynamic-cover__remove:hover {
215 color: var(--e-a-color-txt-hover);
216 }
217 .elementor-control-type-wysiwyg .elementor-dynamic-cover {
218 margin-block-start: 10px;
219 }
220
221 .elementor-tag-settings-popup {
222 position: absolute;
223 width: 260px;
224 background-color: var(--e-a-bg-default);
225 border: var(--e-a-border);
226 box-shadow: var(--e-a-popover-shadow);
227 z-index: 1;
228 }
229 .elementor-tag-settings-popup:before {
230 content: "";
231 position: absolute;
232 top: -20px;
233 left: 5px;
234 border: 10px solid transparent;
235 border-block-end-color: var(--e-a-border-color);
236 }
237 .elementor-tag-settings-popup .elementor-control-type-section:first-child {
238 margin: 0;
239 }
240
241 .elementor-tag-controls-stack-empty {
242 background-color: var(--e-a-bg-default);
243 padding: 10px;
244 font-size: 13px;
245 text-align: center;
246 }
247
248 .elementor-control-dynamic input {
249 border-start-start-radius: var(--e-a-border-radius);
250 border-start-end-radius: 0;
251 border-end-end-radius: 0;
252 border-end-start-radius: var(--e-a-border-radius);
253 }
254 .elementor-control-dynamic-switcher {
255 display: inline-flex;
256 align-items: center;
257 justify-content: center;
258 flex-shrink: 0;
259 height: 27px;
260 cursor: pointer;
261 border: var(--e-a-border-bold);
262 background: var(--e-a-bg-default);
263 border-inline-start-width: 0;
264 border-start-start-radius: 0;
265 border-start-end-radius: var(--e-a-border-radius);
266 border-end-end-radius: var(--e-a-border-radius);
267 border-end-start-radius: 0;
268 transition: var(--e-a-transition-hover);
269 }
270 .elementor-control-dynamic-switcher:hover {
271 background-color: var(--e-a-bg-hover);
272 color: var(--e-a-color-txt-hover);
273 }
274 .elementor-control-dynamic-switcher.e-control-tool {
275 height: 20px;
276 border: 0;
277 }
278 .elementor-control-dynamic-switcher-wrapper {
279 display: flex;
280 }
281 .elementor-control-dynamic-switcher .eicon-database {
282 font-size: 12px;
283 }
284 .elementor-control-dynamic-value .elementor-control-tag-area,
285 .elementor-control-dynamic-value .elementor-control-dynamic-switcher,
286 .elementor-control-dynamic-value .e-global__popover-toggle {
287 display: none;
288 }
289
290 .elementor-panel-box-content {
291 padding: 20px 20px 10px;
292 }
293
294 .elementor-button {
295 display: inline-block;
296 }
297
298 .elementor-panel-alert {
299 background-color: var(--e-a-bg-primary);
300 padding: 15px;
301 border-inline-start: 3px solid var(--e-a-color-primary);
302 position: relative;
303 font-size: 12px;
304 font-weight: 300;
305 font-style: italic;
306 line-height: 1.5;
307 text-align: start;
308 border-start-start-radius: 0;
309 border-start-end-radius: 3px;
310 border-end-start-radius: 0;
311 border-end-end-radius: 3px;
312 }
313 .elementor-panel-alert a {
314 color: inherit;
315 }
316 .elementor-panel-alert.elementor-panel-alert-info {
317 border-color: var(--e-a-color-info);
318 background: var(--e-a-bg-info);
319 }
320 .elementor-panel-alert.elementor-panel-alert-success {
321 border-color: var(--e-a-color-success);
322 background: var(--e-a-bg-success);
323 }
324 .elementor-panel-alert.elementor-panel-alert-warning {
325 border-inline-start: 3px solid var(--e-a-color-warning);
326 background: var(--e-a-bg-warning);
327 }
328 .elementor-panel-alert.elementor-panel-alert-danger {
329 border-color: var(--e-a-color-danger);
330 background: var(--e-a-bg-danger);
331 }
332
333 .elementor-descriptor, .elementor-control-field-description {
334 font-size: 11px;
335 font-style: italic;
336 line-height: 1.4;
337 color: var(--e-a-color-txt-muted);
338 }
339
340 .elementor-controls-popover {
341 display: none;
342 position: absolute;
343 box-shadow: var(--e-a-popover-shadow);
344 border-radius: var(--e-a-border-radius);
345 left: 0;
346 right: 0;
347 margin: -4px auto 5px;
348 padding-block-start: 15px;
349 width: 90%;
350 z-index: 10000;
351 background-color: var(--e-a-bg-default);
352 }
353 .elementor-controls-popover:before {
354 content: "";
355 position: absolute;
356 top: -16px;
357 right: 22px;
358 border: 8px solid transparent;
359 border-block-end-color: var(--e-a-bg-default);
360 }
361 .elementor-controls-popover div.elementor-control {
362 background-color: transparent;
363 }
364 .elementor-controls-popover div.elementor-control:before {
365 content: none;
366 }
367
368 #elementor-panel-global .elementor-nerd-box .elementor-nerd-box-icon {
369 margin-block-start: 20px;
370 }
371
372 .elementor-control {
373 --control-title-size: 12px;
374 position: relative;
375 padding: 0 20px 15px;
376 }
377 .elementor-control a {
378 font-weight: 500;
379 text-decoration: none;
380 border-block-end: 1px dotted transparent;
381 transition: all ease-in-out 0.3s;
382 }
383 .elementor-control a:hover {
384 border-block-end-color: inherit;
385 }
386 .elementor-control .elementor-control-content {
387 display: flex;
388 flex-direction: column;
389 }
390 .elementor-control .elementor-control-title {
391 font-size: var(--control-title-size);
392 line-height: 1;
393 margin-inline-end: 5px;
394 }
395 .elementor-control .elementor-control-title:empty {
396 display: none;
397 }
398 .elementor-control .elementor-control-spinner {
399 display: flex;
400 align-items: center;
401 }
402 .elementor-control.elementor-control-type-divider {
403 padding: 0;
404 }
405 .elementor-control.elementor-control-type-divider .elementor-control-content {
406 margin-inline: 20px;
407 border-width: 0;
408 border-block-start: var(--e-a-border);
409 background-color: var(--e-a-bg-default);
410 height: 15px;
411 }
412 .elementor-control.elementor-control-separator-before {
413 padding-block-start: 15px;
414 }
415 .elementor-control.elementor-control-separator-before:before {
416 content: "";
417 position: absolute;
418 inset: 0 20px auto;
419 height: 1px;
420 background-color: var(--e-a-border-color);
421 }
422 .elementor-control.elementor-control-separator-after {
423 padding-block-end: 15px;
424 }
425 .elementor-control.elementor-control-separator-after:after {
426 content: "";
427 position: absolute;
428 inset: auto 20px 0;
429 height: 1px;
430 background-color: var(--e-a-border-color);
431 }
432 .elementor-control.elementor-control-separator-after + .elementor-control-type-tabs + .elementor-control-separator-default, .elementor-control.elementor-control-separator-after:not(.elementor-hidden-control) + .elementor-control-separator-default {
433 padding-block-start: 15px;
434 }
435 .elementor-control.elementor-control-deprecated {
436 color: var(--e-a-color-warning);
437 }
438 .elementor-control.elementor-control-deprecated .elementor-control-field-description {
439 color: var(--e-a-color-warning);
440 }
441 .elementor-control.elementor-control-hidden-label > * > .elementor-control-title, .elementor-control.elementor-control-hidden-label > * > * > .elementor-control-title {
442 display: none;
443 }
444 .elementor-control.elementor-hidden-control {
445 display: none;
446 }
447 .elementor-control.elementor-control-type-heading .elementor-control-title {
448 font-weight: bold;
449 margin: 0;
450 }
451 body:not(.elementor-device-widescreen) .elementor-control.elementor-control-responsive-widescreen {
452 display: none;
453 }
454 body:not(.elementor-device-desktop) .elementor-control.elementor-control-responsive-desktop {
455 display: none;
456 }
457 body:not(.elementor-device-laptop) .elementor-control.elementor-control-responsive-laptop {
458 display: none;
459 }
460 body:not(.elementor-device-tablet_extra) .elementor-control.elementor-control-responsive-tablet_extra {
461 display: none;
462 }
463 body:not(.elementor-device-tablet) .elementor-control.elementor-control-responsive-tablet {
464 display: none;
465 }
466 body:not(.elementor-device-mobile_extra) .elementor-control.elementor-control-responsive-mobile_extra {
467 display: none;
468 }
469 body:not(.elementor-device-mobile) .elementor-control.elementor-control-responsive-mobile {
470 display: none;
471 }
472 .elementor-control-custom_css_pro .elementor-nerd-box-message, .elementor-control-custom_attributes_pro .elementor-nerd-box-message {
473 margin-block-start: 5px;
474 }
475
476 .elementor-control.e-open .elementor-panel-heading-toggle .eicon:before, .elementor-control.elementor-active .elementor-panel-heading-toggle .eicon:before,
477 .elementor-panel-category.e-open .elementor-panel-heading-toggle .eicon:before,
478 .elementor-panel-category.elementor-active .elementor-panel-heading-toggle .eicon:before,
479 .elementor-panel-scheme-item.e-open .elementor-panel-heading-toggle .eicon:before,
480 .elementor-panel-scheme-item.elementor-active .elementor-panel-heading-toggle .eicon:before {
481 content: "\e92a";
482 }
483 .elementor-control:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle .eicon:before,
484 .elementor-panel-category:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle .eicon:before,
485 .elementor-panel-scheme-item:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle .eicon:before {
486 content: "\e90a";
487 }
488
489 .elementor-panel-heading {
490 display: flex;
491 align-items: center;
492 gap: 5px;
493 height: 48px;
494 padding-inline: 20px;
495 width: 100%;
496 border: 0;
497 border-block-start: var(--e-a-border);
498 border-block-start-width: 2px;
499 background-color: transparent;
500 color: var(--e-a-color-txt-accent);
501 cursor: pointer;
502 }
503 .elementor-panel-heading-toggle {
504 width: 10px;
505 display: flex;
506 flex-direction: column;
507 align-items: center;
508 }
509 .elementor-panel-heading-title {
510 font-weight: bold;
511 }
512 .elementor-panel-heading-promotion {
513 margin-inline-start: auto;
514 }
515 .elementor-panel-heading-promotion a {
516 color: var(--e-a-color-accent-promotion);
517 font-family: "Roboto", sans-serif;
518 font-weight: 500;
519 font-size: 13px;
520 }
521 .elementor-panel-heading-promotion a i {
522 margin-inline-end: 4px;
523 font-size: 14px;
524 }
525 .elementor-panel-heading-promotion a:hover {
526 color: var(--e-a-color-accent-promotion);
527 }
528 .elementor-panel-heading:focus-visible {
529 color: var(--e-a-color-txt-hover);
530 }
531
532 #elementor-controls .elementor-control-type-section:first-child .elementor-panel-heading,
533 #elementor-panel-page-settings-controls .elementor-control-type-section:first-child .elementor-panel-heading,
534 #elementor-panel-editorPreferences-settings-controls .elementor-control-type-section:first-child .elementor-panel-heading {
535 border-block-start: none;
536 }
537
538 .elementor-control-field {
539 display: flex;
540 align-items: center;
541 }
542
543 .elementor-label-block > .elementor-control-content > .elementor-control-field {
544 flex-wrap: wrap;
545 }
546 .elementor-label-block > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
547 width: 100%;
548 max-width: 100%;
549 margin-block-start: 10px;
550 }
551 .elementor-label-block > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper > .elementor-choices label {
552 width: auto;
553 flex: 1 1 27px;
554 display: flex;
555 align-items: center;
556 justify-content: center;
557 }
558 .elementor-label-block.elementor-control-hidden-label:not(.elementor-control-dynamic) > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
559 margin-block-start: 0;
560 }
561 .elementor-label-block.elementor-control-hidden-label.elementor-label-block > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
562 margin-block-start: 0;
563 }
564
565 .elementor-label-inline > .elementor-control-content > .elementor-control-field > .elementor-control-title {
566 flex-shrink: 0;
567 max-width: 60%;
568 }
569 .elementor-label-inline > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
570 margin-inline-start: auto;
571 }
572
573 .elementor-control-field-description {
574 margin-block-start: 10px;
575 }
576
577 .elementor-group-control-attachment_alert .elementor-control-field-description {
578 margin-block-start: 0;
579 }
580
581 .elementor-update-preview {
582 margin: 15px 15px 0;
583 display: flex;
584 align-items: center;
585 }
586
587 .elementor-update-preview-button-wrapper {
588 flex-grow: 1;
589 text-align: end;
590 }
591
592 .elementor-update-preview-button {
593 padding: 8px 15px;
594 }
595
596 .elementor-control-direction-ltr input,
597 .elementor-control-direction-ltr textarea {
598 direction: ltr;
599 }
600 .elementor-control-direction-rtl input,
601 .elementor-control-direction-rtl textarea {
602 direction: rtl;
603 }
604
605 .elementor-control-responsive-switchers {
606 --selected-option: 0;
607 --pointer-position: var(--selected-option);
608 position: relative;
609 width: 2.5em;
610 height: 2.5em;
611 margin: calc(-2.5em + 12px) 0;
612 margin-inline-end: 5px;
613 }
614 .elementor-control-responsive-switchers__holder {
615 position: absolute;
616 width: 100%;
617 top: 0;
618 background-color: var(--e-a-bg-default);
619 border-radius: var(--e-a-border-radius);
620 transition: 0.15s;
621 border: 1px solid transparent;
622 }
623 .elementor-control-responsive-switchers.elementor-responsive-switchers-open {
624 z-index: 11000;
625 }
626 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher {
627 height: 2.5em;
628 transform: scale(1);
629 opacity: 1;
630 }
631 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher:hover {
632 color: var(--e-a-color-primary-bold);
633 }
634 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-control-responsive-switchers__holder {
635 box-shadow: var(--e-a-dropdown-shadow);
636 }
637
638 .elementor-responsive-switcher {
639 all: unset;
640 display: flex;
641 align-items: center;
642 justify-content: center;
643 position: relative;
644 z-index: 2;
645 cursor: pointer;
646 height: 0;
647 width: 100%;
648 transform: scale(0);
649 opacity: 0;
650 transition: 0.15s;
651 font-size: 12px;
652 color: inherit;
653 }
654 .elementor-responsive-switcher:hover {
655 color: var(--e-a-color-primary-bold);
656 }
657
658 .elementor-device-widescreen .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
659 height: 2.5em;
660 transform: scale(1);
661 opacity: 1;
662 }
663 .elementor-device-widescreen .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
664 color: var(--e-a-color-primary-bold);
665 }
666
667 .elementor-device-desktop .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
668 height: 2.5em;
669 transform: scale(1);
670 opacity: 1;
671 }
672 .elementor-device-desktop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
673 color: var(--e-a-color-primary-bold);
674 }
675
676 .elementor-device-laptop .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
677 height: 2.5em;
678 transform: scale(1);
679 opacity: 1;
680 }
681 .elementor-device-laptop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
682 color: var(--e-a-color-primary-bold);
683 }
684
685 .elementor-device-tablet_extra .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
686 height: 2.5em;
687 transform: scale(1);
688 opacity: 1;
689 }
690 .elementor-device-tablet_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
691 color: var(--e-a-color-primary-bold);
692 }
693
694 .elementor-device-tablet .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
695 height: 2.5em;
696 transform: scale(1);
697 opacity: 1;
698 }
699 .elementor-device-tablet .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
700 color: var(--e-a-color-primary-bold);
701 }
702
703 .elementor-device-mobile_extra .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
704 height: 2.5em;
705 transform: scale(1);
706 opacity: 1;
707 }
708 .elementor-device-mobile_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
709 color: var(--e-a-color-primary-bold);
710 }
711
712 .elementor-device-mobile .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
713 height: 2.5em;
714 transform: scale(1);
715 opacity: 1;
716 }
717 .elementor-device-mobile .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
718 color: var(--e-a-color-primary-bold);
719 }
720
721 .e-units-wrapper {
722 position: relative;
723 margin-inline-start: auto;
724 }
725 .e-units-wrapper .e-units-switcher {
726 cursor: pointer;
727 font-size: 10px;
728 padding: 0.5em;
729 margin: -0.5em 0;
730 transition: all ease-in-out 0.15s;
731 }
732 .e-units-wrapper .e-units-switcher:hover {
733 color: var(--e-a-color-primary-bold);
734 background-color: var(--e-a-bg-hover);
735 border-radius: var(--e-a-border-radius);
736 }
737 .e-units-wrapper .e-units-switcher:not([data-selected=custom]) i.eicon-edit {
738 display: none;
739 }
740 .e-units-wrapper .e-units-switcher[data-selected=custom] span {
741 display: none;
742 }
743 .e-units-wrapper .e-units-switcher i.eicon-angle-right {
744 transform: rotate(90deg);
745 }
746
747 .e-units-choices input {
748 display: none;
749 }
750 .e-units-choices input:checked + label {
751 color: var(--e-a-color-primary-bold);
752 }
753 .e-units-choices label {
754 cursor: pointer;
755 display: block;
756 }
757 .e-units-choices {
758 display: none;
759 overflow: hidden;
760 max-height: 0;
761 position: absolute;
762 top: -0.8em;
763 left: -0.5em;
764 width: 2.5em;
765 text-align: center;
766 background-color: var(--e-a-bg-default);
767 border-radius: var(--e-a-border-radius);
768 box-shadow: var(--e-a-dropdown-shadow);
769 animation-timing-function: linear;
770 animation-delay: 0s;
771 animation-fill-mode: forwards;
772 z-index: 11000;
773 }
774 .e-units-choices .elementor-units-choices-label {
775 display: flex;
776 align-items: center;
777 height: 3em;
778 justify-content: center;
779 font-size: 10px;
780 transition: 0.15s;
781 }
782 .e-units-choices .elementor-units-choices-label:hover {
783 color: var(--e-a-color-primary-bold);
784 }
785 .e-units-choices.e-units-choices-open {
786 display: block;
787 animation-duration: 1s;
788 animation-name: e-units-choices-open;
789 }
790
791 .e-units-custom input {
792 font-family: monospace;
793 font-size: 0.85em;
794 }
795
796 @keyframes e-units-choices-open {
797 from {
798 max-height: 0;
799 }
800 to {
801 max-height: 100vh;
802 }
803 }
804 .elementor-control-alert {
805 display: flex;
806 flex-direction: column;
807 justify-content: flex-start;
808 align-items: flex-start;
809 gap: 8px;
810 }
811 .elementor-control-alert-heading {
812 font-weight: bold;
813 }
814
815 .elementor-control-type-button .elementor-control-input-wrapper {
816 text-align: end;
817 }
818 .elementor-control-type-button .elementor-button {
819 width: auto;
820 }
821 .elementor-control-type-button .elementor-button.elementor-button-center {
822 display: block;
823 margin: 0 auto;
824 }
825
826 .elementor-control-type-choose.elementor-label-block .elementor-choices {
827 width: 100%;
828 }
829
830 .elementor-choices {
831 display: flex;
832 height: 27px;
833 line-height: 27px;
834 text-align: center;
835 border-spacing: 1px;
836 border-radius: var(--e-a-border-radius);
837 overflow: hidden;
838 }
839 .elementor-choices .elementor-choices-label {
840 border-block-start: var(--e-a-border-bold);
841 border-block-end: var(--e-a-border-bold);
842 border-inline-start: var(--e-a-border-bold);
843 border-inline-end: none;
844 font-size: 12px;
845 transition: var(--e-a-transition-hover);
846 cursor: pointer;
847 overflow: hidden;
848 }
849 .elementor-choices .elementor-choices-label:nth-child(2) {
850 border-start-start-radius: var(--e-a-border-radius);
851 border-end-start-radius: var(--e-a-border-radius);
852 }
853 .elementor-choices .elementor-choices-label:last-child {
854 border-inline-end: var(--e-a-border-bold);
855 border-start-end-radius: var(--e-a-border-radius);
856 border-end-end-radius: var(--e-a-border-radius);
857 }
858 .elementor-choices input {
859 display: none;
860 }
861 .elementor-choices input:hover + .elementor-choices-label {
862 background-color: var(--e-a-bg-hover);
863 }
864 .elementor-choices input.e-choose-placeholder + .elementor-choices-label, .elementor-choices input:checked + .elementor-choices-label {
865 background-color: var(--e-a-bg-active-bold);
866 color: var(--e-a-color-txt-accent);
867 }
868
869 .elementor-label-inline .elementor-choices {
870 justify-content: flex-end;
871 }
872
873 .elementor-control-type-color.e-control-global .pickr {
874 border-start-start-radius: 0;
875 border-start-end-radius: var(--e-a-border-radius);
876 border-end-start-radius: 0;
877 border-end-end-radius: var(--e-a-border-radius);
878 flex-shrink: 0;
879 border-color: var(--e-a-border-color-bold);
880 transition: var(--e-a-transition-hover);
881 }
882 .elementor-control-type-color.e-control-global .pickr:hover {
883 background-color: var(--e-a-bg-hover);
884 }
885 .elementor-control-type-color.e-control-global .e-global__popover-toggle:not(.e-global__popover-toggle--active) ~ .pickr {
886 background-color: var(--e-a-bg-active-bold);
887 }
888 .elementor-control-type-color .elementor-control-title {
889 flex-grow: 1;
890 }
891 .elementor-control-type-color .elementor-control-input-wrapper {
892 display: flex;
893 justify-content: flex-end;
894 }
895
896 .elementor-group-control-css-filter .elementor-slider {
897 height: 6px;
898 box-shadow: 0 0 1px 1px inset rgba(0, 0, 0, 0.2);
899 }
900 .elementor-group-control-css-filter .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
901 margin-block-start: 0;
902 margin-block-end: 5px;
903 }
904
905 .elementor-group-control-blur .elementor-slider {
906 background: url("../images/blur.png");
907 background-size: cover;
908 background-position: center;
909 }
910
911 .elementor-group-control-contrast .elementor-slider {
912 background: url("../images/contrast.png");
913 background-size: 100% 100%;
914 }
915
916 .elementor-group-control-hue .elementor-slider {
917 background-image: linear-gradient(to right, red, orange, yellow, greenyellow, limegreen, deepskyblue, blue, darkviolet 95%);
918 }
919
920 .elementor-group-control-saturate .elementor-slider {
921 background-image: linear-gradient(to right, gray, red);
922 }
923
924 .elementor-group-control-brightness .elementor-slider {
925 background-image: linear-gradient(to right, black, white);
926 }
927
928 .elementor-control-responsive-switchers {
929 --selected-option: 0;
930 --pointer-position: var(--selected-option);
931 position: relative;
932 width: 2.5em;
933 height: 2.5em;
934 margin: calc(-2.5em + 12px) 0;
935 margin-inline-end: 5px;
936 }
937 .elementor-control-responsive-switchers__holder {
938 position: absolute;
939 width: 100%;
940 top: 0;
941 background-color: var(--e-a-bg-default);
942 border-radius: var(--e-a-border-radius);
943 transition: 0.15s;
944 border: 1px solid transparent;
945 }
946 .elementor-control-responsive-switchers.elementor-responsive-switchers-open {
947 z-index: 11000;
948 }
949 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher {
950 height: 2.5em;
951 transform: scale(1);
952 opacity: 1;
953 }
954 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher:hover {
955 color: var(--e-a-color-primary-bold);
956 }
957 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-control-responsive-switchers__holder {
958 box-shadow: var(--e-a-dropdown-shadow);
959 }
960
961 .elementor-responsive-switcher {
962 all: unset;
963 display: flex;
964 align-items: center;
965 justify-content: center;
966 position: relative;
967 z-index: 2;
968 cursor: pointer;
969 height: 0;
970 width: 100%;
971 transform: scale(0);
972 opacity: 0;
973 transition: 0.15s;
974 font-size: 12px;
975 color: inherit;
976 }
977 .elementor-responsive-switcher:hover {
978 color: var(--e-a-color-primary-bold);
979 }
980
981 .elementor-device-widescreen .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
982 height: 2.5em;
983 transform: scale(1);
984 opacity: 1;
985 }
986 .elementor-device-widescreen .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
987 color: var(--e-a-color-primary-bold);
988 }
989
990 .elementor-device-desktop .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
991 height: 2.5em;
992 transform: scale(1);
993 opacity: 1;
994 }
995 .elementor-device-desktop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
996 color: var(--e-a-color-primary-bold);
997 }
998
999 .elementor-device-laptop .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1000 height: 2.5em;
1001 transform: scale(1);
1002 opacity: 1;
1003 }
1004 .elementor-device-laptop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1005 color: var(--e-a-color-primary-bold);
1006 }
1007
1008 .elementor-device-tablet_extra .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1009 height: 2.5em;
1010 transform: scale(1);
1011 opacity: 1;
1012 }
1013 .elementor-device-tablet_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1014 color: var(--e-a-color-primary-bold);
1015 }
1016
1017 .elementor-device-tablet .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1018 height: 2.5em;
1019 transform: scale(1);
1020 opacity: 1;
1021 }
1022 .elementor-device-tablet .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1023 color: var(--e-a-color-primary-bold);
1024 }
1025
1026 .elementor-device-mobile_extra .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1027 height: 2.5em;
1028 transform: scale(1);
1029 opacity: 1;
1030 }
1031 .elementor-device-mobile_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1032 color: var(--e-a-color-primary-bold);
1033 }
1034
1035 .elementor-device-mobile .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1036 height: 2.5em;
1037 transform: scale(1);
1038 opacity: 1;
1039 }
1040 .elementor-device-mobile .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1041 color: var(--e-a-color-primary-bold);
1042 }
1043
1044 .e-units-wrapper {
1045 position: relative;
1046 margin-inline-start: auto;
1047 }
1048 .e-units-wrapper .e-units-switcher {
1049 cursor: pointer;
1050 font-size: 10px;
1051 padding: 0.5em;
1052 margin: -0.5em 0;
1053 transition: all ease-in-out 0.15s;
1054 }
1055 .e-units-wrapper .e-units-switcher:hover {
1056 color: var(--e-a-color-primary-bold);
1057 background-color: var(--e-a-bg-hover);
1058 border-radius: var(--e-a-border-radius);
1059 }
1060 .e-units-wrapper .e-units-switcher:not([data-selected=custom]) i.eicon-edit {
1061 display: none;
1062 }
1063 .e-units-wrapper .e-units-switcher[data-selected=custom] span {
1064 display: none;
1065 }
1066 .e-units-wrapper .e-units-switcher i.eicon-angle-right {
1067 transform: rotate(90deg);
1068 }
1069
1070 .e-units-choices input {
1071 display: none;
1072 }
1073 .e-units-choices input:checked + label {
1074 color: var(--e-a-color-primary-bold);
1075 }
1076 .e-units-choices label {
1077 cursor: pointer;
1078 display: block;
1079 }
1080 .e-units-choices {
1081 display: none;
1082 overflow: hidden;
1083 max-height: 0;
1084 position: absolute;
1085 top: -0.8em;
1086 left: -0.5em;
1087 width: 2.5em;
1088 text-align: center;
1089 background-color: var(--e-a-bg-default);
1090 border-radius: var(--e-a-border-radius);
1091 box-shadow: var(--e-a-dropdown-shadow);
1092 animation-timing-function: linear;
1093 animation-delay: 0s;
1094 animation-fill-mode: forwards;
1095 z-index: 11000;
1096 }
1097 .e-units-choices .elementor-units-choices-label {
1098 display: flex;
1099 align-items: center;
1100 height: 3em;
1101 justify-content: center;
1102 font-size: 10px;
1103 transition: 0.15s;
1104 }
1105 .e-units-choices .elementor-units-choices-label:hover {
1106 color: var(--e-a-color-primary-bold);
1107 }
1108 .e-units-choices.e-units-choices-open {
1109 display: block;
1110 animation-duration: 1s;
1111 animation-name: e-units-choices-open;
1112 }
1113
1114 .e-units-custom input {
1115 font-family: monospace;
1116 font-size: 0.85em;
1117 }
1118
1119 @keyframes e-units-choices-open {
1120 from {
1121 max-height: 0;
1122 }
1123 to {
1124 max-height: 100vh;
1125 }
1126 }
1127 .elementor-control-type-dimensions .elementor-control-dimensions {
1128 display: flex;
1129 }
1130 .elementor-control-type-dimensions li {
1131 flex: 1;
1132 transition: flex-grow 0.3s ease-in-out;
1133 }
1134 .elementor-control-type-dimensions li input,
1135 .elementor-control-type-dimensions li .elementor-link-dimensions {
1136 display: block;
1137 text-align: center;
1138 width: 100%;
1139 height: 27px;
1140 }
1141 .elementor-control-type-dimensions li input {
1142 border-inline-start: none;
1143 border-radius: 0;
1144 padding: var(--e-a-border-radius);
1145 }
1146 .elementor-control-type-dimensions li input:focus {
1147 border-inline-start: var(--e-a-border-bold);
1148 margin-inline-start: -1px;
1149 width: calc(100% + 1px);
1150 }
1151 .elementor-control-type-dimensions li input:focus + .elementor-control-dimension-label {
1152 color: var(--e-a-color-txt);
1153 }
1154 .elementor-control-type-dimensions li .elementor-link-dimensions {
1155 border: var(--e-a-border-bold);
1156 border-inline-start: none;
1157 background-color: var(--e-a-bg-default);
1158 padding: 0;
1159 outline: none;
1160 border-start-start-radius: 0;
1161 border-start-end-radius: var(--e-a-border-radius);
1162 border-end-start-radius: 0;
1163 border-end-end-radius: var(--e-a-border-radius);
1164 cursor: pointer;
1165 }
1166 .elementor-control-type-dimensions li:first-child input {
1167 border-inline-start: 1px solid var(--e-a-border-color-bold);
1168 border-start-start-radius: var(--e-a-border-radius);
1169 border-start-end-radius: 0;
1170 border-end-start-radius: var(--e-a-border-radius);
1171 border-end-end-radius: 0;
1172 }
1173 .elementor-control-type-dimensions li:first-child input:focus {
1174 border-color: var(--e-a-border-color-focus);
1175 margin-inline-start: 0;
1176 width: 100%;
1177 }
1178 .elementor-control-type-dimensions li:last-child {
1179 max-width: 27px;
1180 }
1181 .elementor-control-type-dimensions.e-units-custom li.elementor-control-dimension:focus-within {
1182 flex: 2.5;
1183 }
1184 .elementor-control-type-dimensions .elementor-control-dimension-label {
1185 color: var(--e-a-color-txt-muted);
1186 display: block;
1187 text-align: center;
1188 font-size: 9px;
1189 padding-block-start: 5px;
1190 }
1191 .elementor-control-type-dimensions .elementor-link-dimensions.unlinked {
1192 background-color: var(--e-a-bg-default);
1193 }
1194 .elementor-control-type-dimensions .elementor-link-dimensions.unlinked .elementor-linked {
1195 display: none;
1196 }
1197 .elementor-control-type-dimensions .elementor-link-dimensions:not(.unlinked) {
1198 background-color: var(--e-a-bg-active-bold);
1199 color: var(--e-a-color-txt-accent);
1200 border-color: var(--e-a-border-color-bold);
1201 }
1202 .elementor-control-type-dimensions .elementor-link-dimensions:not(.unlinked) .elementor-unlinked {
1203 display: none;
1204 }
1205
1206 .elementor-control-responsive-switchers {
1207 --selected-option: 0;
1208 --pointer-position: var(--selected-option);
1209 position: relative;
1210 width: 2.5em;
1211 height: 2.5em;
1212 margin: calc(-2.5em + 12px) 0;
1213 margin-inline-end: 5px;
1214 }
1215 .elementor-control-responsive-switchers__holder {
1216 position: absolute;
1217 width: 100%;
1218 top: 0;
1219 background-color: var(--e-a-bg-default);
1220 border-radius: var(--e-a-border-radius);
1221 transition: 0.15s;
1222 border: 1px solid transparent;
1223 }
1224 .elementor-control-responsive-switchers.elementor-responsive-switchers-open {
1225 z-index: 11000;
1226 }
1227 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher {
1228 height: 2.5em;
1229 transform: scale(1);
1230 opacity: 1;
1231 }
1232 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher:hover {
1233 color: var(--e-a-color-primary-bold);
1234 }
1235 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-control-responsive-switchers__holder {
1236 box-shadow: var(--e-a-dropdown-shadow);
1237 }
1238
1239 .elementor-responsive-switcher {
1240 all: unset;
1241 display: flex;
1242 align-items: center;
1243 justify-content: center;
1244 position: relative;
1245 z-index: 2;
1246 cursor: pointer;
1247 height: 0;
1248 width: 100%;
1249 transform: scale(0);
1250 opacity: 0;
1251 transition: 0.15s;
1252 font-size: 12px;
1253 color: inherit;
1254 }
1255 .elementor-responsive-switcher:hover {
1256 color: var(--e-a-color-primary-bold);
1257 }
1258
1259 .elementor-device-widescreen .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
1260 height: 2.5em;
1261 transform: scale(1);
1262 opacity: 1;
1263 }
1264 .elementor-device-widescreen .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
1265 color: var(--e-a-color-primary-bold);
1266 }
1267
1268 .elementor-device-desktop .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
1269 height: 2.5em;
1270 transform: scale(1);
1271 opacity: 1;
1272 }
1273 .elementor-device-desktop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
1274 color: var(--e-a-color-primary-bold);
1275 }
1276
1277 .elementor-device-laptop .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1278 height: 2.5em;
1279 transform: scale(1);
1280 opacity: 1;
1281 }
1282 .elementor-device-laptop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1283 color: var(--e-a-color-primary-bold);
1284 }
1285
1286 .elementor-device-tablet_extra .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1287 height: 2.5em;
1288 transform: scale(1);
1289 opacity: 1;
1290 }
1291 .elementor-device-tablet_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1292 color: var(--e-a-color-primary-bold);
1293 }
1294
1295 .elementor-device-tablet .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1296 height: 2.5em;
1297 transform: scale(1);
1298 opacity: 1;
1299 }
1300 .elementor-device-tablet .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1301 color: var(--e-a-color-primary-bold);
1302 }
1303
1304 .elementor-device-mobile_extra .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1305 height: 2.5em;
1306 transform: scale(1);
1307 opacity: 1;
1308 }
1309 .elementor-device-mobile_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1310 color: var(--e-a-color-primary-bold);
1311 }
1312
1313 .elementor-device-mobile .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1314 height: 2.5em;
1315 transform: scale(1);
1316 opacity: 1;
1317 }
1318 .elementor-device-mobile .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1319 color: var(--e-a-color-primary-bold);
1320 }
1321
1322 .e-units-wrapper {
1323 position: relative;
1324 margin-inline-start: auto;
1325 }
1326 .e-units-wrapper .e-units-switcher {
1327 cursor: pointer;
1328 font-size: 10px;
1329 padding: 0.5em;
1330 margin: -0.5em 0;
1331 transition: all ease-in-out 0.15s;
1332 }
1333 .e-units-wrapper .e-units-switcher:hover {
1334 color: var(--e-a-color-primary-bold);
1335 background-color: var(--e-a-bg-hover);
1336 border-radius: var(--e-a-border-radius);
1337 }
1338 .e-units-wrapper .e-units-switcher:not([data-selected=custom]) i.eicon-edit {
1339 display: none;
1340 }
1341 .e-units-wrapper .e-units-switcher[data-selected=custom] span {
1342 display: none;
1343 }
1344 .e-units-wrapper .e-units-switcher i.eicon-angle-right {
1345 transform: rotate(90deg);
1346 }
1347
1348 .e-units-choices input {
1349 display: none;
1350 }
1351 .e-units-choices input:checked + label {
1352 color: var(--e-a-color-primary-bold);
1353 }
1354 .e-units-choices label {
1355 cursor: pointer;
1356 display: block;
1357 }
1358 .e-units-choices {
1359 display: none;
1360 overflow: hidden;
1361 max-height: 0;
1362 position: absolute;
1363 top: -0.8em;
1364 left: -0.5em;
1365 width: 2.5em;
1366 text-align: center;
1367 background-color: var(--e-a-bg-default);
1368 border-radius: var(--e-a-border-radius);
1369 box-shadow: var(--e-a-dropdown-shadow);
1370 animation-timing-function: linear;
1371 animation-delay: 0s;
1372 animation-fill-mode: forwards;
1373 z-index: 11000;
1374 }
1375 .e-units-choices .elementor-units-choices-label {
1376 display: flex;
1377 align-items: center;
1378 height: 3em;
1379 justify-content: center;
1380 font-size: 10px;
1381 transition: 0.15s;
1382 }
1383 .e-units-choices .elementor-units-choices-label:hover {
1384 color: var(--e-a-color-primary-bold);
1385 }
1386 .e-units-choices.e-units-choices-open {
1387 display: block;
1388 animation-duration: 1s;
1389 animation-name: e-units-choices-open;
1390 }
1391
1392 .e-units-custom input {
1393 font-family: monospace;
1394 font-size: 0.85em;
1395 }
1396
1397 @keyframes e-units-choices-open {
1398 from {
1399 max-height: 0;
1400 }
1401 to {
1402 max-height: 100vh;
1403 }
1404 }
1405 .elementor-control-type-gaps .elementor-control-gaps {
1406 display: flex;
1407 }
1408 .elementor-control-type-gaps li {
1409 flex: 1;
1410 transition: flex-grow 0.3s ease-in-out;
1411 }
1412 .elementor-control-type-gaps li input,
1413 .elementor-control-type-gaps li .elementor-link-gaps {
1414 display: block;
1415 text-align: center;
1416 width: 100%;
1417 height: 27px;
1418 }
1419 .elementor-control-type-gaps li input {
1420 border-inline-start: none;
1421 border-radius: 0;
1422 padding: var(--e-a-border-radius);
1423 }
1424 .elementor-control-type-gaps li input:focus {
1425 border-inline-start: var(--e-a-border-bold);
1426 margin-inline-start: -1px;
1427 width: calc(100% + 1px);
1428 }
1429 .elementor-control-type-gaps li input:focus + .elementor-control-gap-label {
1430 color: var(--e-a-color-txt);
1431 }
1432 .elementor-control-type-gaps li .elementor-link-gaps {
1433 border: var(--e-a-border-bold);
1434 border-inline-start: none;
1435 background-color: var(--e-a-bg-default);
1436 padding: 0;
1437 outline: none;
1438 border-start-start-radius: 0;
1439 border-start-end-radius: var(--e-a-border-radius);
1440 border-end-start-radius: 0;
1441 border-end-end-radius: var(--e-a-border-radius);
1442 cursor: pointer;
1443 }
1444 .elementor-control-type-gaps li:first-child input {
1445 border-inline-start: 1px solid var(--e-a-border-color-bold);
1446 border-start-start-radius: var(--e-a-border-radius);
1447 border-start-end-radius: 0;
1448 border-end-start-radius: var(--e-a-border-radius);
1449 border-end-end-radius: 0;
1450 }
1451 .elementor-control-type-gaps li:first-child input:focus {
1452 border-color: var(--e-a-border-color-focus);
1453 margin-inline-start: 0;
1454 width: 100%;
1455 }
1456 .elementor-control-type-gaps li:last-child {
1457 max-width: 27px;
1458 }
1459 .elementor-control-type-gaps.e-units-custom li.elementor-control-gap:focus-within {
1460 flex: 2.5;
1461 }
1462 .elementor-control-type-gaps .elementor-control-gap-label {
1463 color: var(--e-a-color-txt-muted);
1464 display: block;
1465 text-align: center;
1466 font-size: 9px;
1467 padding-block-start: 5px;
1468 }
1469 .elementor-control-type-gaps .elementor-link-gaps.unlinked {
1470 background-color: var(--e-a-bg-default);
1471 }
1472 .elementor-control-type-gaps .elementor-link-gaps.unlinked .elementor-linked {
1473 display: none;
1474 }
1475 .elementor-control-type-gaps .elementor-link-gaps:not(.unlinked) {
1476 background-color: var(--e-a-bg-active-bold);
1477 color: var(--e-a-color-txt-accent);
1478 border-color: var(--e-a-border-color-bold);
1479 }
1480 .elementor-control-type-gaps .elementor-link-gaps:not(.unlinked) .elementor-unlinked {
1481 display: none;
1482 }
1483
1484 .elementor-control-type-icons .elementor-control-media__preview > * {
1485 position: absolute;
1486 top: 50%;
1487 left: 50%;
1488 transform: translate(-50%, -50%);
1489 }
1490 .elementor-control-type-icons .elementor-control-media__preview i {
1491 font-size: 70px;
1492 }
1493 .elementor-control-type-icons .elementor-control-media__preview svg {
1494 height: 75%;
1495 }
1496 .elementor-control-type-icons .elementor-control-icons--inline__svg i.eicon-upload {
1497 font-size: 15px;
1498 }
1499
1500 .elementor-control-type-gallery .elementor-control-media__content {
1501 border: var(--e-a-border-bold);
1502 border-radius: 3px;
1503 }
1504 .elementor-control-type-gallery .elementor-control-gallery-status {
1505 font-size: 12px;
1506 height: 27px;
1507 padding-inline-start: 10px;
1508 border-block-end: var(--e-a-border-bold);
1509 display: flex;
1510 }
1511 .elementor-control-type-gallery .elementor-control-gallery-status > * {
1512 display: flex;
1513 align-items: center;
1514 }
1515 .elementor-control-type-gallery .elementor-control-gallery-status-title {
1516 flex-grow: 1;
1517 }
1518 .elementor-control-type-gallery .elementor-control-gallery-content {
1519 position: relative;
1520 overflow: hidden;
1521 }
1522 .elementor-control-type-gallery .elementor-control-gallery-thumbnails {
1523 display: grid;
1524 grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
1525 grid-gap: 10px;
1526 cursor: pointer;
1527 padding: 10px;
1528 }
1529 .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 {
1530 opacity: 1;
1531 }
1532 .elementor-control-type-gallery .elementor-control-gallery-thumbnail {
1533 width: 48px;
1534 height: 48px;
1535 -o-object-fit: cover;
1536 object-fit: cover;
1537 border: var(--e-a-border);
1538 }
1539 .elementor-control-type-gallery .elementor-control-gallery-thumbnail + .unoptimized__image {
1540 outline: 2px solid var(--e-a-btn-bg-danger-active);
1541 opacity: 0.6;
1542 }
1543 .elementor-control-type-gallery .elementor-control-gallery-edit {
1544 position: absolute;
1545 inset: 0;
1546 background-color: rgba(0, 0, 0, 0.2);
1547 padding: 10px;
1548 font-size: 11px;
1549 transition: all 0.3s ease-in-out;
1550 pointer-events: none;
1551 cursor: pointer;
1552 opacity: 0;
1553 }
1554 .elementor-control-type-gallery .elementor-control-gallery-edit span {
1555 position: absolute;
1556 top: 10px;
1557 right: 10px;
1558 width: 21px;
1559 height: 21px;
1560 color: var(--e-a-color-white);
1561 background-color: rgba(0, 0, 0, 0.5);
1562 box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
1563 transition: var(--e-a-transition-hover);
1564 }
1565 .elementor-control-type-gallery .elementor-control-gallery-edit span i {
1566 font-size: 11px;
1567 padding: 5px;
1568 }
1569 .elementor-control-type-gallery .elementor-control-gallery-edit span:hover {
1570 background-color: rgba(0, 0, 0, 0.6);
1571 }
1572 .elementor-control-type-gallery .elementor-control-gallery-add {
1573 width: 48px;
1574 height: 48px;
1575 font-size: 14px;
1576 }
1577 .elementor-control-type-gallery .elementor-control-gallery-add i {
1578 margin: 0;
1579 }
1580 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-clear,
1581 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-thumbnails,
1582 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-edit {
1583 display: none;
1584 }
1585 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-content {
1586 padding: 10px;
1587 }
1588 .elementor-control-type-gallery.elementor-gallery-has-images .elementor-control-gallery-add {
1589 display: none;
1590 }
1591 .elementor-control-type-gallery.elementor-control-dynamic .elementor-control-gallery-clear {
1592 border-inline-start: var(--e-a-border);
1593 }
1594 .elementor-control-type-gallery .elementor-control-gallery-clear {
1595 color: currentColor;
1596 background-color: transparent;
1597 border: none;
1598 cursor: pointer;
1599 justify-content: center;
1600 }
1601 .elementor-control-type-gallery .elementor-control-gallery-clear:hover, .elementor-control-type-gallery .elementor-control-gallery-clear:focus {
1602 color: var(--e-a-color-danger);
1603 }
1604 .elementor-control-type-gallery .elementor-control-dynamic-switcher {
1605 border-width: 0;
1606 border-inline-start-width: 1px;
1607 border-block-end-width: 1px;
1608 border-radius: 0;
1609 }
1610
1611 .e-global__popover {
1612 width: 288px;
1613 z-index: 1;
1614 font-size: 12px;
1615 padding-inline-start: 10px;
1616 }
1617 .e-global__popover-toggle {
1618 border: var(--e-a-border-bold);
1619 border-inline-end: 0;
1620 border-start-start-radius: 3px;
1621 border-start-end-radius: 0;
1622 border-end-start-radius: 3px;
1623 border-end-end-radius: 0;
1624 display: flex;
1625 align-items: center;
1626 justify-content: center;
1627 cursor: pointer;
1628 transition: var(--e-a-transition-hover);
1629 }
1630 .e-global__popover-toggle:hover {
1631 background-color: var(--e-a-bg-hover);
1632 }
1633 .e-global__popover-toggle--active {
1634 color: var(--e-a-color-primary-bold);
1635 background-color: var(--e-a-bg-active-bold);
1636 }
1637 .e-global__popover-container {
1638 box-shadow: var(--e-a-popover-shadow);
1639 border-radius: var(--e-a-border-radius);
1640 background-color: var(--e-a-bg-default);
1641 }
1642 .e-global__popover-title {
1643 padding: 15px 20px;
1644 font-weight: 500;
1645 border-block-end: var(--e-a-border);
1646 display: flex;
1647 }
1648 .e-global__popover-title > i {
1649 margin-inline-end: 5px;
1650 }
1651 .e-global__popover-title-text {
1652 flex-grow: 1;
1653 }
1654 .e-global__popover-info {
1655 margin-inline-end: 10px;
1656 display: inline-block;
1657 }
1658 .e-global__popover-info-tooltip {
1659 width: 270px;
1660 z-index: 1;
1661 background-color: rgba(0, 0, 0, 0.9);
1662 color: var(--e-a-color-white);
1663 padding: 20px;
1664 border-radius: 3px;
1665 }
1666 .e-global__popover-info-tooltip:after {
1667 content: "";
1668 position: absolute;
1669 bottom: -17px;
1670 left: 16px;
1671 border: 10px solid transparent;
1672 border-block-start-color: rgba(0, 0, 0, 0.9);
1673 }
1674 .e-global__popover-info i {
1675 font-size: 13px;
1676 }
1677 .e-global__preview-items-container {
1678 max-height: 400px;
1679 overflow-y: auto;
1680 padding: 5px 0;
1681 }
1682 .e-global__preview-items-container::-webkit-scrollbar {
1683 width: 7px;
1684 }
1685 .e-global__preview-items-container::-webkit-scrollbar-thumb {
1686 background-color: #BABFC5;
1687 border-radius: 10px;
1688 }
1689 .e-global__manage-button {
1690 font-weight: 500;
1691 cursor: pointer;
1692 }
1693 .e-global__typography {
1694 padding-block: 10px;
1695 padding-inline: 35px 20px;
1696 white-space: nowrap;
1697 text-overflow: ellipsis;
1698 overflow: hidden;
1699 }
1700 .e-global__typography.e-global__preview-item--selected:before {
1701 font-family: "eicons";
1702 font-size: 13px;
1703 content: "\e90e";
1704 position: absolute;
1705 transform: translateY(-50%);
1706 top: 50%;
1707 inset-inline-start: 13px;
1708 }
1709 .e-global__color {
1710 padding: 10px 20px;
1711 display: flex;
1712 align-items: center;
1713 }
1714 .e-global__color-preview-container {
1715 height: 20px;
1716 width: 20px;
1717 border-radius: 3px;
1718 border: 1px solid rgba(0, 0, 0, 0.1);
1719 margin-inline-end: 10px;
1720 flex-shrink: 0;
1721 position: relative;
1722 }
1723 .e-global__color-preview-color, .e-global__color-preview-transparent-bg {
1724 border-radius: 3px;
1725 position: absolute;
1726 inset: 0;
1727 }
1728 .e-global__color-preview-transparent-bg {
1729 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));
1730 background-size: 12px 12px;
1731 background-position: 0 0, calc(12px / 2) calc(12px / 2);
1732 }
1733 .e-global__color-title {
1734 flex-grow: 1;
1735 white-space: nowrap;
1736 text-overflow: ellipsis;
1737 overflow: hidden;
1738 padding-inline-end: 10px;
1739 }
1740 .e-global__color-hex {
1741 font-size: 10px;
1742 color: var(--e-a-color-txt-muted);
1743 }
1744 .e-global__color .pcr-button {
1745 background-color: var(--e-a-bg-default);
1746 }
1747 .e-global__color.e-global__preview-item--selected .e-global__color-preview-container {
1748 display: flex;
1749 justify-content: center;
1750 align-items: center;
1751 color: var(--e-a-color-white);
1752 }
1753 .e-global__color.e-global__preview-item--selected .e-global__color-preview-container:before {
1754 font-family: "eicons";
1755 font-size: 13px;
1756 content: "\e90e";
1757 text-shadow: 0 0 1px #000;
1758 z-index: 1;
1759 }
1760 .e-global__preview-item {
1761 cursor: pointer;
1762 position: relative;
1763 }
1764 .e-global__preview-item:hover {
1765 background-color: var(--e-a-bg-hover);
1766 }
1767 .e-global__confirm-delete i, .e-global__confirm-message-text i {
1768 color: var(--e-a-color-warning);
1769 }
1770 .e-global__confirm-input-wrapper {
1771 display: flex;
1772 align-items: center;
1773 border: var(--e-a-border);
1774 border-radius: var(--e-a-border-radius);
1775 margin: 15px 0;
1776 padding: 2px;
1777 }
1778 .e-global__confirm-input-wrapper input {
1779 font-family: var(--e-a-font-family);
1780 font-size: 12px;
1781 padding: 2px;
1782 border: 0;
1783 }
1784
1785 .e-control-global .elementor-control-input-wrapper {
1786 display: flex;
1787 justify-content: flex-end;
1788 max-width: 135px;
1789 width: 100%;
1790 }
1791 .e-control-global.elementor-control .elementor-control-input-wrapper {
1792 display: flex;
1793 flex-direction: row;
1794 align-items: stretch;
1795 }
1796 .e-control-global .elementor-control-spinner {
1797 margin-inline-end: 4px;
1798 }
1799
1800 .elementor-control-type-hidden {
1801 display: none !important;
1802 }
1803
1804 .elementor-control-type-icon .select2-selection__rendered .eicon {
1805 margin-inline-end: 3px;
1806 }
1807
1808 .elementor-control-type-image_dimensions .elementor-control-field-description {
1809 margin: 0 0 15px;
1810 line-height: 1.4;
1811 }
1812 .elementor-control-type-image_dimensions .elementor-control-input-wrapper {
1813 display: flex;
1814 align-items: flex-start;
1815 }
1816 .elementor-control-type-image_dimensions .elementor-image-dimensions-field {
1817 width: 65px;
1818 }
1819 .elementor-control-type-image_dimensions .elementor-image-dimensions-field input:focus + .elementor-image-dimensions-field-description {
1820 color: var(--e-a-color-txt);
1821 }
1822 .elementor-control-type-image_dimensions .elementor-image-dimensions-separator {
1823 width: 20px;
1824 text-align: center;
1825 padding-block-start: 4px;
1826 }
1827 .elementor-control-type-image_dimensions .elementor-image-dimensions-field-description {
1828 display: block;
1829 margin-block-start: 5px;
1830 color: var(--e-a-color-txt-disabled);
1831 font-size: 10px;
1832 text-align: center;
1833 }
1834 .elementor-control-type-image_dimensions .elementor-image-dimensions-apply-button {
1835 margin-inline-start: auto;
1836 }
1837
1838 .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 {
1839 display: none;
1840 }
1841 .elementor-control-media.e-media-empty-placeholder .e-control-image-size {
1842 display: none;
1843 }
1844 .elementor-control-media:not(.e-media-empty) .elementor-control-media__content__upload-button {
1845 display: none;
1846 }
1847 .elementor-control-media .eicon-plus-circle {
1848 position: absolute;
1849 top: 50%;
1850 left: 50%;
1851 transform: translate(-50%, -50%);
1852 color: var(--e-a-color-white);
1853 font-size: 20px;
1854 }
1855 .elementor-control-media__content__upload-button {
1856 background-color: var(--e-a-bg-active-bold);
1857 }
1858 .elementor-control-media__preview {
1859 height: 100%;
1860 background-size: cover;
1861 background-position: center;
1862 }
1863 .elementor-control-media-area {
1864 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));
1865 background-size: 16px 16px;
1866 background-position: 0 0, calc(16px / 2) calc(16px / 2);
1867 background-color: var(--e-a-bg-default);
1868 border: var(--e-a-border-bold);
1869 aspect-ratio: 21/9;
1870 }
1871 .elementor-control-media-area:not(:hover) .elementor-control-media__remove {
1872 display: none;
1873 }
1874 .elementor-control-media-area .eicon-video-camera {
1875 position: absolute;
1876 top: 50%;
1877 left: 50%;
1878 transform: translate(-50%, -50%);
1879 color: rgba(255, 255, 255, 0.7);
1880 font-size: 21px;
1881 }
1882 .elementor-control-media .elementor-control-media__content {
1883 aspect-ratio: 21/9;
1884 position: relative;
1885 cursor: pointer;
1886 overflow: hidden;
1887 }
1888 .elementor-control-media .elementor-control-media__content:hover:after {
1889 content: "";
1890 position: absolute;
1891 inset: 0;
1892 background-color: rgba(0, 0, 0, 0.2);
1893 pointer-events: none;
1894 }
1895 .elementor-control-media .elementor-control-media__content:not(:hover) .elementor-control-media__tools {
1896 bottom: -30px;
1897 }
1898 .elementor-control-media__content {
1899 transition: all 0.2s ease-in-out;
1900 }
1901 .elementor-control-media__tools {
1902 position: absolute;
1903 bottom: 0;
1904 left: 0;
1905 right: 0;
1906 height: 27px;
1907 transition: all 0.2s ease-in-out;
1908 }
1909 .elementor-control-media__tools > *:not(:first-child) {
1910 margin-inline-start: 1px;
1911 }
1912 .elementor-control-media__tool {
1913 display: flex;
1914 align-items: center;
1915 justify-content: center;
1916 flex-grow: 1;
1917 color: var(--e-a-color-white);
1918 background-color: rgba(0, 0, 0, 0.9);
1919 font-size: 11px;
1920 transition: var(--e-a-transition-hover);
1921 }
1922 .elementor-control-media__tool:hover {
1923 background-color: rgba(0, 0, 0, 0.8);
1924 }
1925 .elementor-control-media__remove {
1926 display: flex;
1927 align-items: center;
1928 justify-content: center;
1929 transition: all 0.3s ease-in-out;
1930 }
1931 .elementor-control-media__content__remove {
1932 position: absolute;
1933 z-index: 1;
1934 top: 10px;
1935 right: 10px;
1936 width: 20px;
1937 height: 20px;
1938 font-size: 11px;
1939 color: var(--e-a-color-white);
1940 background-color: rgba(0, 0, 0, 0.5);
1941 border-radius: var(--e-border-radius);
1942 box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
1943 transition: var(--e-a-transition-hover);
1944 }
1945 .elementor-control-media__content__remove:hover {
1946 background-color: rgba(0, 0, 0, 0.6);
1947 }
1948 .elementor-control-media.e-media-empty .elementor-control-file-area {
1949 display: none;
1950 }
1951 .elementor-control-media__warnings:empty {
1952 display: none;
1953 }
1954 .elementor-control-media__warnings:not(:empty) {
1955 margin-block-start: 10px;
1956 }
1957 .elementor-control-media__file {
1958 display: flex;
1959 justify-content: space-between;
1960 align-items: center;
1961 width: 100%;
1962 margin-block-start: 10px;
1963 border: var(--e-a-border);
1964 }
1965 .elementor-control-media__file__content {
1966 padding-inline-start: 5px;
1967 font-size: 12px;
1968 }
1969 .elementor-control-media__file__content__label {
1970 color: #9DA5AE;
1971 }
1972 .elementor-control-media__file__content__info {
1973 display: flex;
1974 align-items: center;
1975 font-weight: 500;
1976 }
1977 .elementor-control-media__file__content__info__icon {
1978 margin-inline-end: 5px;
1979 }
1980 .elementor-control-media__file__controls {
1981 display: flex;
1982 border-inline-start: var(--e-a-border);
1983 }
1984 .elementor-control-media__file__controls__upload-button, .elementor-control-media__file__controls__remove {
1985 width: 27px;
1986 height: 27px;
1987 cursor: pointer;
1988 align-items: center;
1989 }
1990 .elementor-control-media__file__controls__upload-button {
1991 display: flex;
1992 justify-content: center;
1993 }
1994 .elementor-control-media__file__controls__remove {
1995 border-inline-end: var(--e-a-border);
1996 }
1997 .elementor-control-media:not(.e-media-empty) .elementor-control-media__file__content__label {
1998 display: none;
1999 }
2000 .elementor-control-media.e-media-empty .elementor-control-media__file__content__info {
2001 display: none;
2002 }
2003 .elementor-control-media.e-media-empty .elementor-control-media__file__controls__remove {
2004 display: none;
2005 }
2006 .elementor-control-media .elementor-control-dynamic-switcher {
2007 border: none;
2008 border-radius: 0;
2009 background-color: rgba(0, 0, 0, 0.9);
2010 color: var(--e-a-color-white);
2011 }
2012 .elementor-control-media .elementor-control-dynamic-switcher:hover {
2013 background-color: rgba(0, 0, 0, 0.8);
2014 color: var(--e-a-color-white);
2015 }
2016 .elementor-control-media .e-control-image-size {
2017 display: flex;
2018 flex-direction: column;
2019 width: 100%;
2020 padding-block-start: 20px;
2021 }
2022 .elementor-control-media .e-control-image-size .elementor-control-input-wrapper {
2023 margin-inline-start: auto;
2024 }
2025
2026 .elementor-control-type-media.elementor-control-dynamic-value .elementor-control-input-wrapper {
2027 border: none;
2028 }
2029
2030 .elementor-control:not(.elementor-control-type-icons) .elementor-control-media__preview {
2031 background-color: var(--e-a-bg-active-bold);
2032 }
2033
2034 .elementor-control-notice {
2035 display: flex;
2036 justify-content: flex-start;
2037 align-items: flex-start;
2038 gap: 8px;
2039 padding: 16px;
2040 border-radius: 3px;
2041 border: 1px solid var(--notice-control-color, var(--e-a-color-txt));
2042 color: var(--e-a-color-txt);
2043 font-size: 12px;
2044 font-weight: 400;
2045 line-height: 1.5;
2046 text-align: start;
2047 margin-block-start: 10px;
2048 }
2049 .elementor-control-notice-type-info {
2050 --notice-control-color: var(--e-a-color-info);
2051 }
2052 .elementor-control-notice-type-success {
2053 --notice-control-color: var(--e-a-color-success);
2054 }
2055 .elementor-control-notice-type-warning {
2056 --notice-control-color: var(--e-a-color-warning);
2057 }
2058 .elementor-control-notice-type-danger {
2059 --notice-control-color: var(--e-a-color-danger);
2060 }
2061 .elementor-control-notice-icon {
2062 flex-basis: 18px;
2063 color: var(--notice-control-color);
2064 }
2065 .elementor-control-notice-main {
2066 display: flex;
2067 flex-direction: column;
2068 justify-content: flex-start;
2069 align-items: flex-start;
2070 gap: 6px;
2071 flex: 1;
2072 }
2073 .elementor-control-notice-main-heading {
2074 font-weight: 700;
2075 font-style: italic;
2076 }
2077 .elementor-control-notice-main-content {
2078 font-style: italic;
2079 line-height: 1.5;
2080 }
2081 .elementor-control-notice-main-actions {
2082 display: flex;
2083 gap: 10px;
2084 padding-block-start: 8px;
2085 }
2086 .elementor-control-notice-main a {
2087 color: inherit;
2088 font-weight: 700;
2089 cursor: pointer;
2090 }
2091 .elementor-control-notice-main a:hover, .elementor-control-notice-main a:focus {
2092 color: inherit;
2093 }
2094 .elementor-control-notice-dismiss {
2095 -webkit-appearance: none;
2096 -moz-appearance: none;
2097 appearance: none;
2098 background-color: transparent;
2099 border: 0;
2100 padding: 0;
2101 margin: 0;
2102 cursor: pointer;
2103 }
2104
2105 .elementor-control-type-popover_toggle input {
2106 display: none;
2107 }
2108 .elementor-control-type-popover_toggle label {
2109 cursor: pointer;
2110 }
2111 .elementor-control-type-popover_toggle .elementor-control-input-wrapper {
2112 display: flex;
2113 flex-direction: row-reverse;
2114 align-items: center;
2115 }
2116 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle:checked + .elementor-control-popover-toggle-toggle-label {
2117 color: var(--e-a-color-txt-active);
2118 background-color: var(--e-a-bg-active-bold);
2119 }
2120 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle:not(:checked) ~ .elementor-control-popover-toggle-reset-label {
2121 display: none;
2122 }
2123 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle-label {
2124 height: 27px;
2125 display: inline-flex;
2126 align-items: center;
2127 justify-content: center;
2128 border-radius: var(--e-a-border-radius);
2129 border: var(--e-a-border-bold);
2130 transition: var(--e-a-transition-hover);
2131 }
2132 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle-label:hover {
2133 background-color: var(--e-a-bg-hover);
2134 }
2135 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-reset-label {
2136 color: var(--e-a-color-txt-muted);
2137 margin-inline-end: 5px;
2138 }
2139 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-reset-label:hover {
2140 color: var(--e-a-color-txt);
2141 }
2142
2143 .elementor-controls-popover.e-controls-popover--typography {
2144 padding-block-start: 0;
2145 }
2146
2147 .e-control-global .elementor-control-popover-toggle-toggle-label {
2148 border-start-start-radius: 0;
2149 border-start-end-radius: var(--e-a-border-radius);
2150 border-end-start-radius: 0;
2151 border-end-end-radius: var(--e-a-border-radius);
2152 flex-shrink: 0;
2153 }
2154
2155 .elementor-control-type-repeater .elementor-control:not(.elementor-control-type-tab) {
2156 padding-inline-start: 10px;
2157 padding-inline-end: 10px;
2158 padding-block-end: 10px;
2159 }
2160 .elementor-control-type-repeater.elementor-repeater-has-minimum-rows .elementor-repeater-tool-remove {
2161 display: none;
2162 }
2163 .elementor-control-type-repeater.elementor-repeater-has-maximum-rows .elementor-repeater-tool-duplicate,
2164 .elementor-control-type-repeater.elementor-repeater-has-maximum-rows .elementor-repeater-add {
2165 display: none;
2166 }
2167 .elementor-control-type-repeater .elementor-repeater-fields {
2168 margin: 10px 0;
2169 }
2170 .elementor-control-type-repeater .elementor-repeater-row-controls {
2171 border: var(--e-a-border-bold);
2172 border-block-start-width: 0;
2173 padding-block-start: 15px;
2174 }
2175 .elementor-control-type-repeater .elementor-repeater-row-controls:not(.editable) {
2176 display: none;
2177 }
2178 .elementor-control-type-repeater .elementor-repeater-row-tools {
2179 display: flex;
2180 align-items: center;
2181 width: 100%;
2182 border: 1px solid var(--e-a-border-color-bold);
2183 transition: var(--e-a-transition-hover);
2184 }
2185 .elementor-control-type-repeater .elementor-repeater-row-tools > button {
2186 display: flex;
2187 align-items: center;
2188 justify-content: center;
2189 height: 40px;
2190 border: none;
2191 background-color: transparent;
2192 color: currentColor;
2193 cursor: pointer;
2194 }
2195 .elementor-control-type-repeater .elementor-repeater-row-tools > button:hover, .elementor-control-type-repeater .elementor-repeater-row-tools > button:focus {
2196 background-color: var(--e-a-bg-hover);
2197 }
2198 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title {
2199 flex: 1;
2200 justify-content: flex-start;
2201 padding: 0 10px;
2202 font-size: var(--control-title-size);
2203 white-space: nowrap;
2204 text-overflow: ellipsis;
2205 overflow: hidden;
2206 }
2207 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title .eicon,
2208 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title i,
2209 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title svg {
2210 margin-inline-end: 5px;
2211 }
2212 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title img[src$=svg] {
2213 width: 1em;
2214 }
2215 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-tool {
2216 width: 40px;
2217 border-inline-start: 1px solid var(--e-a-border-color-bold);
2218 }
2219 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-handle-sortable {
2220 width: 10px;
2221 border-inline-end: 1px solid var(--e-a-border-color-bold);
2222 cursor: move;
2223 }
2224 .elementor-control-type-repeater .elementor-button-wrapper {
2225 text-align: center;
2226 padding-block-start: 5px;
2227 }
2228
2229 #elementor-controls,
2230 #elementor-panel-page-settings-controls,
2231 #elementor-panel-editorPreferences-settings-controls {
2232 padding-block-start: 15px;
2233 }
2234
2235 .elementor-control-type-section {
2236 padding: 0;
2237 }
2238 .elementor-control-type-section.e-open {
2239 padding-block-end: 10px;
2240 }
2241 .elementor-control-type-section + .elementor-control:not(.elementor-control-type-section):before {
2242 display: none;
2243 }
2244 .elementor-control-type-section:not(:first-child):not(.elementor-control-type-section + .elementor-control-type-section) {
2245 margin-block-start: 25px;
2246 }
2247
2248 .elementor-control-type-select .elementor-control-input-wrapper {
2249 position: relative;
2250 }
2251 .elementor-control-type-select .elementor-control-input-wrapper select {
2252 -webkit-appearance: none;
2253 -moz-appearance: none;
2254 appearance: none;
2255 font-size: var(--control-title-size);
2256 font-family: inherit;
2257 font-weight: inherit;
2258 font-style: inherit;
2259 text-transform: inherit;
2260 letter-spacing: inherit;
2261 line-height: inherit;
2262 flex-basis: 100%;
2263 padding-inline-start: 5px;
2264 padding-inline-end: 20px;
2265 cursor: pointer;
2266 }
2267 .elementor-control-type-select .elementor-control-input-wrapper select.e-select-placeholder {
2268 color: var(--e-a-color-txt-disabled);
2269 }
2270 .elementor-control-type-select .elementor-control-input-wrapper option.e-option-placeholder {
2271 display: none;
2272 }
2273 .elementor-control-type-select .elementor-control-input-wrapper:after {
2274 font-family: eicons;
2275 content: "\e8ad";
2276 font-size: 12px;
2277 position: absolute;
2278 top: 50%;
2279 transform: translateY(-50%);
2280 right: 5px;
2281 pointer-events: none;
2282 }
2283 .elementor-control-type-select .elementor-control-field.elementor-control-field-select-small .elementor-control-input-wrapper {
2284 max-width: 80px;
2285 }
2286
2287 .elementor-shadow-box .elementor-shadow-slider {
2288 margin-block-start: 10px;
2289 }
2290 .elementor-shadow-box .elementor-color-picker-wrapper .elementor-control-title {
2291 flex-grow: 1;
2292 }
2293
2294 .elementor-control-type-slider.elementor-control-dynamic input {
2295 border-start-start-radius: var(--e-a-border-radius);
2296 border-start-end-radius: 0;
2297 border-end-start-radius: var(--e-a-border-radius);
2298 border-end-end-radius: 0;
2299 }
2300 .elementor-control-type-slider .elementor-control-unit-2 {
2301 width: 21%;
2302 }
2303 .elementor-control-type-slider.elementor-control-type-slider--multiple .elementor-control-input-wrapper {
2304 display: block;
2305 }
2306 .elementor-control-type-slider--multiple {
2307 padding-block-end: 40px;
2308 }
2309 .elementor-control-type-slider--multiple .elementor-slider {
2310 margin-block-start: 12px;
2311 width: 98%;
2312 }
2313 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle {
2314 border-radius: 0;
2315 width: 10px;
2316 transform: translateY(calc(50% - 14px)) translateX(4px);
2317 }
2318 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle:after {
2319 content: "";
2320 position: absolute;
2321 top: 2px;
2322 height: 12px;
2323 width: 11px;
2324 transform: rotate(45deg);
2325 background-color: var(--e-a-color-white);
2326 border-radius: 3px;
2327 }
2328 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle-lower:after {
2329 left: 5px;
2330 box-shadow: 2px -2px 3px 0px rgba(0, 0, 0, 0.1);
2331 }
2332 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle-upper:after {
2333 right: 5px;
2334 box-shadow: -2px 2px 3px 0px rgba(0, 0, 0, 0.1);
2335 }
2336 .elementor-control-type-slider .elementor-control-dynamic-switcher {
2337 border-inline-start-width: 0;
2338 border-start-start-radius: 0;
2339 border-start-end-radius: var(--e-a-border-radius);
2340 border-end-start-radius: 0;
2341 border-end-end-radius: var(--e-a-border-radius);
2342 }
2343 .elementor-control-type-slider .elementor-control-input-wrapper {
2344 display: flex;
2345 align-items: center;
2346 }
2347 .elementor-control-type-slider .elementor-dynamic-cover {
2348 margin-block-start: 10px;
2349 }
2350 .elementor-control-type-slider.e-units-custom .elementor-slider {
2351 display: none;
2352 }
2353 .elementor-control-type-slider.e-units-custom .elementor-slider-input {
2354 width: 100%;
2355 margin: 0;
2356 transition: none;
2357 }
2358
2359 .elementor-slider {
2360 flex-grow: 1;
2361 height: 4px;
2362 background-color: var(--e-a-border-color-bold);
2363 border-radius: 5px;
2364 position: relative;
2365 cursor: pointer;
2366 }
2367 .elementor-slider-input {
2368 width: 21%;
2369 min-width: 54px;
2370 margin-inline-start: 12px;
2371 transition: width 0.3s ease-in-out;
2372 }
2373 .elementor-slider__extra {
2374 position: relative;
2375 }
2376 .elementor-slider__labels {
2377 display: flex;
2378 justify-content: space-between;
2379 }
2380 .elementor-slider__label {
2381 font-size: 9px;
2382 color: var(--e-a-color-txt-disabled);
2383 }
2384 .elementor-slider__scales {
2385 position: absolute;
2386 display: flex;
2387 justify-content: space-evenly;
2388 width: 100%;
2389 margin-block-start: 4px;
2390 }
2391 .elementor-slider__scale {
2392 width: 1px;
2393 height: 21px;
2394 background-color: var(--e-a-border-color-focus);
2395 }
2396 .elementor-slider .noUi-handle {
2397 height: 16px;
2398 width: 16px;
2399 background-color: var(--e-a-color-white);
2400 right: 0;
2401 transform: translateY(calc(50% - 14px)) translateX(8px);
2402 position: absolute;
2403 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
2404 border-radius: 50%;
2405 }
2406 .elementor-slider .noUi-connects {
2407 position: absolute;
2408 width: 100%;
2409 height: 4px;
2410 }
2411 .elementor-slider .noUi-connect {
2412 position: absolute;
2413 z-index: 0;
2414 inset: 0;
2415 will-change: transform;
2416 transform-origin: 0 0;
2417 background-color: var(--e-a-border-color-focus);
2418 }
2419 .elementor-slider .noUi-tooltip {
2420 position: absolute;
2421 top: calc(100% + 5px);
2422 left: calc(50% - 4px);
2423 transform: translateX(-50%);
2424 font-size: 10px;
2425 }
2426
2427 .elementor-control-type-structure .elementor-control-field {
2428 display: initial;
2429 }
2430 .elementor-control-type-structure .elementor-control-structure-preset {
2431 padding: 3px;
2432 border-radius: var(--e-border-radius);
2433 display: inline-block;
2434 cursor: pointer;
2435 height: 50px;
2436 }
2437 .elementor-control-type-structure .elementor-control-structure-preset svg {
2438 height: 100%;
2439 }
2440 .elementor-control-type-structure .elementor-control-structure-preset path {
2441 fill: var(--e-a-border-color-bold);
2442 }
2443 .elementor-control-type-structure .elementor-control-structure-reset {
2444 padding: 15px 20px 0;
2445 font-size: 11px;
2446 cursor: pointer;
2447 color: var(--e-a-color-txt-muted);
2448 border-block-start: var(--e-a-border);
2449 margin: 0 -20px;
2450 }
2451 .elementor-control-type-structure .elementor-control-structure-reset:hover {
2452 color: var(--e-a-color-txt);
2453 }
2454 .elementor-control-type-structure .elementor-control-structure-title {
2455 margin: 10px -20px 0;
2456 }
2457 .elementor-control-type-structure .elementor-control-structure-title:before {
2458 height: 10px;
2459 box-shadow: inset 0 2px 4px rgba(127, 127, 127, 0.1);
2460 }
2461 .elementor-control-type-structure .elementor-control-structure-presets {
2462 display: flex;
2463 flex-wrap: wrap;
2464 justify-content: space-between;
2465 }
2466 .elementor-control-type-structure .elementor-control-structure-presets input {
2467 display: none;
2468 }
2469 .elementor-control-type-structure .elementor-control-structure-presets input:checked + .elementor-control-structure-preset path {
2470 fill: var(--e-a-border-color-focus);
2471 }
2472 .elementor-control-type-structure .elementor-control-structure-preset-wrapper {
2473 margin-block-end: 15px;
2474 }
2475 .elementor-control-type-structure .elementor-control-structure-preset-title {
2476 text-align: center;
2477 padding-block-start: 5px;
2478 font-style: italic;
2479 font-size: 11px;
2480 color: #9DA5AE;
2481 }
2482
2483 .elementor-control-type-switcher .elementor-control-input-wrapper {
2484 text-align: end;
2485 }
2486 .elementor-control-type-switcher .elementor-switch {
2487 position: relative;
2488 display: inline-block;
2489 vertical-align: top;
2490 height: 20px;
2491 background-color: var(--e-a-bg-default);
2492 border-radius: 18px;
2493 cursor: pointer;
2494 }
2495 .elementor-control-type-switcher .elementor-switch-input {
2496 display: none;
2497 }
2498 .elementor-control-type-switcher .elementor-switch-label {
2499 position: relative;
2500 display: block;
2501 height: inherit;
2502 font-size: 10px;
2503 background: var(--e-a-bg-active-bold);
2504 border-radius: inherit;
2505 transition: 0.15s ease-out;
2506 transition-property: opacity, background;
2507 }
2508 .elementor-control-type-switcher .elementor-switch-label:before, .elementor-control-type-switcher .elementor-switch-label:after {
2509 position: absolute;
2510 top: 0;
2511 width: 50%;
2512 text-align: center;
2513 line-height: 20px;
2514 transition: inherit;
2515 }
2516 .elementor-control-type-switcher .elementor-switch-label:before {
2517 content: attr(data-off);
2518 right: 5px;
2519 color: var(--e-a-color-txt-muted);
2520 }
2521 .elementor-control-type-switcher .elementor-switch-label:after {
2522 content: attr(data-on);
2523 left: 5px;
2524 color: var(--e-a-btn-color);
2525 opacity: 0;
2526 }
2527 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label {
2528 background: var(--e-a-btn-bg-primary);
2529 }
2530 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label:before {
2531 opacity: 0;
2532 }
2533 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label:after {
2534 opacity: 1;
2535 }
2536 .elementor-control-type-switcher .elementor-switch-handle {
2537 position: absolute;
2538 top: 1px;
2539 left: 1px;
2540 width: 18px;
2541 height: 18px;
2542 background: white;
2543 border-radius: 10px;
2544 transition: left 0.15s ease-out;
2545 }
2546 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-handle {
2547 left: initial;
2548 right: 1px;
2549 }
2550
2551 .elementor-control-type-tabs {
2552 display: none;
2553 font-size: var(--control-title-size);
2554 }
2555 .elementor-control-type-tabs:has(> :not(.elementor-control-type-tab.elementor-hidden-control)) {
2556 display: flex;
2557 }
2558
2559 .elementor-control-type-tab {
2560 text-align: center;
2561 width: 100%;
2562 padding: 0;
2563 line-height: 25px;
2564 border-block-start: var(--e-a-border-bold);
2565 border-block-end: var(--e-a-border-bold);
2566 border-inline-end: var(--e-a-border-bold);
2567 transition: var(--e-a-transition-hover);
2568 cursor: pointer;
2569 }
2570 .elementor-control-type-tab:first-child {
2571 border-inline-start: var(--e-a-border-bold);
2572 border-start-start-radius: var(--e-a-border-radius);
2573 border-end-start-radius: var(--e-a-border-radius);
2574 }
2575 .elementor-control-type-tab:last-child {
2576 border-start-end-radius: var(--e-a-border-radius);
2577 border-end-end-radius: var(--e-a-border-radius);
2578 }
2579 .elementor-control-type-tab:hover {
2580 background-color: var(--e-a-bg-hover);
2581 }
2582 .elementor-control-type-tab.e-tab-active {
2583 background-color: var(--e-a-bg-active-bold);
2584 color: var(--e-a-color-txt-accent);
2585 }
2586
2587 .e-tab-close {
2588 display: none !important;
2589 }
2590
2591 .elementor-control-type-textarea .elementor-control-dynamic-switcher,
2592 .elementor-control-type-code .elementor-control-dynamic-switcher {
2593 border-inline-start-width: 1px;
2594 border-start-start-radius: 0;
2595 border-start-end-radius: 0;
2596 border-end-end-radius: 0;
2597 border-end-start-radius: var(--e-a-border-radius);
2598 }
2599 .elementor-control-type-textarea:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher,
2600 .elementor-control-type-code:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher {
2601 position: absolute;
2602 top: 0;
2603 right: 0;
2604 z-index: 1;
2605 }
2606 .elementor-control-type-textarea .elementor-control-input-wrapper,
2607 .elementor-control-type-code .elementor-control-input-wrapper {
2608 position: relative;
2609 }
2610 .elementor-control-type-textarea textarea,
2611 .elementor-control-type-code textarea {
2612 display: block;
2613 font-family: inherit;
2614 }
2615 .elementor-control-type-textarea textarea:focus + .elementor-control-dynamic-switcher,
2616 .elementor-control-type-code textarea:focus + .elementor-control-dynamic-switcher {
2617 display: none;
2618 }
2619 .elementor-control-type-textarea pre:focus-within + .elementor-control-dynamic-switcher,
2620 .elementor-control-type-code pre:focus-within + .elementor-control-dynamic-switcher {
2621 display: none;
2622 }
2623
2624 .elementor-control-type-url .elementor-control-field {
2625 position: relative;
2626 }
2627 .elementor-control-type-url .elementor-control-input-wrapper {
2628 display: flex;
2629 }
2630 .elementor-control-type-url.elementor-control-dynamic .elementor-control-url-more-options input {
2631 border-radius: var(--e-a-border-radius);
2632 }
2633 .elementor-control-type-url.elementor-control-dynamic-value .e-input-style {
2634 border-start-end-radius: 0;
2635 border-end-end-radius: 0;
2636 }
2637 .elementor-control-type-url.elementor-control-dynamic-value .elementor-control-url-more {
2638 border-start-end-radius: var(--e-a-border-radius);
2639 border-end-end-radius: var(--e-a-border-radius);
2640 }
2641 .elementor-control-type-url .elementor-control-url-more {
2642 display: flex;
2643 align-items: center;
2644 justify-content: center;
2645 flex-shrink: 0;
2646 border: var(--e-a-border-bold);
2647 color: currentColor;
2648 background-color: transparent;
2649 border-inline-start-width: 0;
2650 cursor: pointer;
2651 }
2652 .elementor-control-type-url .elementor-control-url-more i {
2653 font-size: 12px;
2654 }
2655 .elementor-control-type-url .elementor-control-url-more-options {
2656 display: none;
2657 padding-block-start: 10px;
2658 }
2659 .elementor-control-type-url .elementor-control-url-more-options .elementor-control-field-description {
2660 margin-block-start: 10px;
2661 }
2662 .elementor-control-type-url .elementor-control-url-more:hover {
2663 color: var(--e-a-color-txt-hover);
2664 }
2665 .elementor-control-type-url .elementor-control-url-more:focus {
2666 color: var(--e-a-color-txt-active);
2667 border-color: var(--e-a-border-color-focus);
2668 }
2669 .elementor-control-type-url .elementor-control-url-option {
2670 display: flex;
2671 align-items: center;
2672 }
2673 .elementor-control-type-url .elementor-control-url-option:not(:last-child) {
2674 padding-block-end: 10px;
2675 }
2676 .elementor-control-type-url .elementor-control-url-option input,
2677 .elementor-control-type-url .elementor-control-url-option label {
2678 cursor: pointer;
2679 }
2680 .elementor-control-type-url .elementor-control-url-autocomplete-spinner {
2681 display: none;
2682 position: absolute;
2683 top: 5px;
2684 right: 0;
2685 width: 10px;
2686 height: 10px;
2687 font-size: 10px;
2688 color: var(--e-a-color-txt-disabled);
2689 }
2690 .elementor-control-type-url .elementor-control-url__custom-attributes label {
2691 font-size: var(--control-title-size);
2692 }
2693 .elementor-control-type-url .elementor-control-url__custom-attributes input {
2694 width: 100%;
2695 margin-block-start: 10px;
2696 }
2697 .elementor-control-type-url .elementor-input:focus ~ div {
2698 border-color: var(--e-a-border-color-focus);
2699 }
2700
2701 .elementor-autocomplete-menu {
2702 position: absolute;
2703 background: var(--e-a-bg-default);
2704 border: var(--e-a-border);
2705 margin: 0;
2706 list-style: none;
2707 padding: 4px 0;
2708 height: auto;
2709 width: 100%;
2710 min-width: 260px;
2711 max-width: 300px;
2712 max-height: 200px;
2713 overflow-y: auto;
2714 border-radius: 3px;
2715 transition: var(--e-a-transition-hover);
2716 cursor: default;
2717 z-index: 1;
2718 }
2719 .elementor-autocomplete-menu .ui-menu-item {
2720 display: flex;
2721 justify-content: space-between;
2722 align-self: baseline;
2723 padding: 5px 8px;
2724 font-size: 12px;
2725 width: 100%;
2726 line-height: 1.2;
2727 cursor: pointer;
2728 }
2729 .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 {
2730 background: var(--e-a-bg-hover);
2731 }
2732 .elementor-autocomplete-menu .elementor-autocomplete-item-info {
2733 font-size: 10px;
2734 padding-block-start: 2px;
2735 }
2736
2737 .elementor-control-type-visual_choice {
2738 width: 100%;
2739 }
2740
2741 .elementor-visual-choice-choices {
2742 display: grid;
2743 -moz-column-gap: 4px;
2744 column-gap: 4px;
2745 row-gap: 4px;
2746 grid-template-columns: repeat(var(--elementor-visual-choice-columns), 1fr);
2747 height: -moz-fit-content;
2748 height: fit-content;
2749 text-align: center;
2750 border-spacing: 1px;
2751 border-radius: var(--e-a-border-radius);
2752 overflow: hidden;
2753 }
2754
2755 .elementor-visual-choice-element {
2756 align-items: center;
2757 display: flex;
2758 flex-direction: column;
2759 gap: 4px;
2760 justify-content: center;
2761 padding: 4px;
2762 width: auto;
2763 }
2764 .elementor-visual-choice-element input {
2765 display: none;
2766 }
2767 .elementor-visual-choice-element input.e-visual-choice-placeholder + .elementor-visual-choice-label, .elementor-visual-choice-element input:checked + .elementor-visual-choice-label {
2768 border: 2px solid var(--e-a-bg-active-bold);
2769 background-color: var(--e-a-bg-active-bold);
2770 border-radius: 3px;
2771 opacity: 1;
2772 }
2773 .elementor-visual-choice-element input:not(:checked) + .elementor-visual-choice-label {
2774 opacity: 0.7;
2775 }
2776 .elementor-visual-choice-element input:hover + .elementor-visual-choice-label {
2777 opacity: 1;
2778 transform: scale(1.05);
2779 background-color: var(--e-a-bg-hover);
2780 }
2781 .elementor-visual-choice-label {
2782 border-block-start: var(--e-a-border-bold);
2783 border-block-end: var(--e-a-border-bold);
2784 border-inline-start: var(--e-a-border-bold);
2785 border-inline-end: none;
2786 font-size: 12px;
2787 transition: var(--e-a-transition-hover);
2788 cursor: pointer;
2789 overflow: hidden;
2790 padding: 8px;
2791 }
2792 .elementor-visual-choice-label:nth-child(2) {
2793 border-start-start-radius: var(--e-a-border-radius);
2794 border-end-start-radius: var(--e-a-border-radius);
2795 }
2796 .elementor-visual-choice-label:last-child {
2797 border-inline-end: var(--e-a-border-bold);
2798 border-start-end-radius: var(--e-a-border-radius);
2799 border-end-end-radius: var(--e-a-border-radius);
2800 }
2801 .elementor-visual-choice-image {
2802 height: auto;
2803 width: 100%;
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:not(:hover):not(.elementor-element-editable) > .elementor-element-overlay .elementor-editor-element-settings {
3703 display: none;
3704 }
3705 .elementor-element--toggle-edit-tools > .elementor-element-overlay .elementor-editor-element-edit:not(.elementor-active) ~ * {
3706 width: 0;
3707 font-size: 0;
3708 }
3709 .elementor-element[data-side=top]:before, .elementor-element[data-side=bottom] + .elementor-element:before {
3710 content: "";
3711 background-color: var(--e-p-draggable-color);
3712 transition-timing-function: ease-out;
3713 opacity: 0.9;
3714 height: 10px;
3715 animation: placeholder-widget 500ms;
3716 display: block;
3717 }
3718 .elementor-element[data-side=bottom]:last-child:after {
3719 content: "";
3720 background-color: var(--e-p-draggable-color);
3721 transition-timing-function: ease-out;
3722 opacity: 0.9;
3723 height: 10px;
3724 animation: placeholder-widget 500ms;
3725 display: block;
3726 }
3727 .elementor-element.elementor-absolute, .elementor-element.elementor-fixed {
3728 cursor: grab;
3729 }
3730 .elementor-element.elementor-absolute:active, .elementor-element.elementor-fixed:active {
3731 cursor: grabbing;
3732 }
3733 .elementor-element.elementor-absolute .eicon-edit:before, .elementor-element.elementor-fixed .eicon-edit:before {
3734 content: "\e902";
3735 }
3736
3737 .elementor-editor-element-settings {
3738 position: absolute;
3739 display: flex;
3740 height: 26px;
3741 list-style: none;
3742 margin: 0;
3743 padding: 0;
3744 font-family: var(--e-a-font-family);
3745 font-size: 13px;
3746 font-weight: normal;
3747 font-style: normal;
3748 line-height: 1;
3749 z-index: 1;
3750 pointer-events: all;
3751 transition: var(--e-a-transition-hover);
3752 }
3753
3754 @media (min-width: 1025px) {
3755 .elementor-editor-element-edit {
3756 cursor: move;
3757 }
3758 }
3759
3760 .elementor-empty-view {
3761 position: absolute;
3762 inset: 0;
3763 z-index: 1;
3764 }
3765
3766 .elementor-first-add {
3767 text-align: center;
3768 border: 1px dashed var(--e-a-border-color-bold);
3769 display: flex;
3770 height: 100%;
3771 width: 100%;
3772 position: absolute;
3773 align-items: center;
3774 justify-content: center;
3775 }
3776 .elementor-first-add .elementor-icon {
3777 font-size: 19px;
3778 color: #9DA5AE;
3779 cursor: pointer;
3780 }
3781
3782 .elementor-sortable-helper {
3783 position: absolute;
3784 cursor: move;
3785 border: var(--e-a-border);
3786 border-radius: var(--e-a-border-radius);
3787 background-color: var(--e-a-bg-active);
3788 border-color: var(--e-a-border-color-accent);
3789 color: var(--e-a-color-active);
3790 text-align: center;
3791 }
3792 .elementor-sortable-helper .icon {
3793 font-size: 28px;
3794 padding-block-start: 15px;
3795 line-height: 1;
3796 }
3797 .elementor-sortable-helper .title-wrapper {
3798 display: flex;
3799 height: 40px;
3800 align-items: center;
3801 justify-content: center;
3802 }
3803 .elementor-sortable-helper .title {
3804 font-size: 11px;
3805 }
3806
3807 .elementor-sortable-placeholder:not(.elementor-column-placeholder) {
3808 background-color: var(--e-p-draggable-color);
3809 animation-duration: 250ms;
3810 opacity: 0.9;
3811 width: 100%;
3812 align-self: stretch;
3813 }
3814 .e-con .elementor-first-add .elementor-sortable-placeholder:not(.elementor-column-placeholder) {
3815 align-self: center;
3816 }
3817 .e-swappable--active > .elementor-sortable-placeholder:not(.elementor-column-placeholder) {
3818 display: none;
3819 }
3820
3821 .elementor-section-placeholder {
3822 height: 40px;
3823 animation-name: placeholder-section;
3824 }
3825
3826 .elementor-widget-placeholder {
3827 height: 10px;
3828 animation-name: placeholder-widget;
3829 }
3830
3831 .elementor-draggable-over:not([data-dragged-element=section]):not([data-dragged-is-inner=true]) > .elementor-empty-view > .elementor-first-add:after,
3832 .elementor-first-add.elementor-html5dnd-current-element:after {
3833 content: "";
3834 background-color: var(--e-p-draggable-color);
3835 transition-timing-function: ease-out;
3836 opacity: 0.9;
3837 height: 10px;
3838 animation: placeholder-widget 500ms;
3839 width: 100%;
3840 }
3841 .e-con .elementor-draggable-over:not([data-dragged-element=section]):not([data-dragged-is-inner=true]) > .elementor-empty-view > .elementor-first-add:after,
3842 .e-con .elementor-first-add.elementor-html5dnd-current-element:after {
3843 display: none;
3844 }
3845 .elementor-draggable-over:not([data-dragged-element=section]):not([data-dragged-is-inner=true]) > .elementor-empty-view > .elementor-first-add .elementor-icon,
3846 .elementor-first-add.elementor-html5dnd-current-element .elementor-icon {
3847 display: none;
3848 }
3849
3850 .elementor-draggable-over[data-dragged-element=section][data-dragged-is-inner=true] .elementor-inner-column .elementor-sortable-placeholder {
3851 display: none;
3852 }
3853
3854 .elementor-editor-preview .elementor-element-overlay,
3855 .elementor-editor-preview .elementor-empty,
3856 .elementor-editor-preview .elementor-add-section,
3857 .elementor-editor-preview .elementor-add-section-inline,
3858 .elementor-editor-preview .elementor-empty-view,
3859 .elementor-editor-preview .elementor-widget-empty {
3860 display: none;
3861 }
3862
3863 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen,
3864 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop,
3865 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop,
3866 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra,
3867 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet,
3868 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra,
3869 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile {
3870 display: inherit;
3871 background: repeating-linear-gradient(125deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 1px, transparent 2px, transparent 9px);
3872 border: 1px solid rgba(0, 0, 0, 0.02);
3873 }
3874 .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,
3875 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-section > .elementor-element-overlay,
3876 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.e-con > .elementor-element-overlay,
3877 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.elementor-section > .elementor-element-overlay,
3878 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.e-con > .elementor-element-overlay,
3879 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.elementor-section > .elementor-element-overlay,
3880 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.e-con > .elementor-element-overlay,
3881 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.elementor-section > .elementor-element-overlay,
3882 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.e-con > .elementor-element-overlay,
3883 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-section > .elementor-element-overlay,
3884 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.e-con > .elementor-element-overlay,
3885 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-section > .elementor-element-overlay,
3886 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.e-con > .elementor-element-overlay {
3887 background-color: var(--e-a-bg-hover);
3888 mix-blend-mode: color;
3889 }
3890 .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,
3891 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-section:before,
3892 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.e-con:before,
3893 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.elementor-section:before,
3894 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.e-con:before,
3895 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.elementor-section:before,
3896 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.e-con:before,
3897 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.elementor-section:before,
3898 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.e-con:before,
3899 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-section:before,
3900 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.e-con:before,
3901 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-section:before,
3902 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.e-con:before {
3903 content: "";
3904 display: block;
3905 position: absolute;
3906 inset: 0;
3907 background-color: rgba(255, 255, 255, 0.6);
3908 z-index: 9997;
3909 }
3910 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.e-con,
3911 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.e-con,
3912 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.e-con,
3913 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.e-con,
3914 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.e-con,
3915 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.e-con,
3916 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.e-con {
3917 display: var(--display);
3918 }
3919 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.elementor-inner-section .elementor-container,
3920 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-inner-section .elementor-container,
3921 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.elementor-inner-section .elementor-container,
3922 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.elementor-inner-section .elementor-container,
3923 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.elementor-inner-section .elementor-container,
3924 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-inner-section .elementor-container,
3925 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-inner-section .elementor-container {
3926 width: 100%;
3927 }
3928 .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)),
3929 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop > .elementor-widget-container,
3930 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop > .elementor-widget-wrap,
3931 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop:not(:has(> .elementor-widget-container)),
3932 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop > .elementor-widget-container,
3933 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop > .elementor-widget-wrap,
3934 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop:not(:has(> .elementor-widget-container)),
3935 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra > .elementor-widget-container,
3936 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra > .elementor-widget-wrap,
3937 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra:not(:has(> .elementor-widget-container)),
3938 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet > .elementor-widget-container,
3939 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet > .elementor-widget-wrap,
3940 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet:not(:has(> .elementor-widget-container)),
3941 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra > .elementor-widget-container,
3942 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra > .elementor-widget-wrap,
3943 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra:not(:has(> .elementor-widget-container)),
3944 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-container,
3945 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-wrap,
3946 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile:not(:has(> .elementor-widget-container)) {
3947 filter: opacity(0.4) saturate(0);
3948 }
3949 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.elementor-edit-hidden,
3950 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-edit-hidden,
3951 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.elementor-edit-hidden,
3952 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.elementor-edit-hidden,
3953 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.elementor-edit-hidden,
3954 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-edit-hidden,
3955 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-edit-hidden {
3956 display: none;
3957 }
3958
3959 .elementor-editor-section-settings,
3960 .elementor-editor-container-settings,
3961 .elementor-editor-div-block-settings {
3962 height: 24px;
3963 top: 1px;
3964 left: 50%;
3965 transform: translateX(-50%) translateY(-100%);
3966 background-color: var(--e-p-border-section);
3967 border-start-start-radius: 5px;
3968 border-start-end-radius: 5px;
3969 border-end-start-radius: 0;
3970 border-end-end-radius: 0;
3971 }
3972 .elementor-editor-section-settings i.eicon-handle,
3973 .elementor-editor-container-settings i.eicon-handle,
3974 .elementor-editor-div-block-settings i.eicon-handle {
3975 font-size: 16px;
3976 }
3977 .elementor-editor-section-settings .elementor-editor-element-setting:hover,
3978 .elementor-editor-container-settings .elementor-editor-element-setting:hover,
3979 .elementor-editor-div-block-settings .elementor-editor-element-setting:hover {
3980 background-color: var(--e-p-border-section-hover);
3981 }
3982 .elementor-editor-section-settings .elementor-editor-element-setting:first-child,
3983 .elementor-editor-container-settings .elementor-editor-element-setting:first-child,
3984 .elementor-editor-div-block-settings .elementor-editor-element-setting:first-child {
3985 border-start-start-radius: 5px;
3986 border-start-end-radius: 0;
3987 border-end-start-radius: 0;
3988 border-end-end-radius: 0;
3989 }
3990 .elementor-editor-section-settings .elementor-editor-element-setting:first-child:before,
3991 .elementor-editor-container-settings .elementor-editor-element-setting:first-child:before,
3992 .elementor-editor-div-block-settings .elementor-editor-element-setting:first-child:before {
3993 content: "";
3994 position: absolute;
3995 top: 2px;
3996 right: calc(100% - 1px);
3997 border-block-start: 22px solid transparent;
3998 border-block-end: 0 none transparent;
3999 border-inline-start: 0 none transparent;
4000 border-inline-end: 12px solid var(--e-p-border-section);
4001 transition: var(--e-a-transition-hover);
4002 }
4003 .elementor-editor-section-settings .elementor-editor-element-setting:first-child:hover:before,
4004 .elementor-editor-container-settings .elementor-editor-element-setting:first-child:hover:before,
4005 .elementor-editor-div-block-settings .elementor-editor-element-setting:first-child:hover:before {
4006 border-inline-end-color: var(--e-p-border-section-hover);
4007 }
4008 .elementor-editor-section-settings .elementor-editor-element-setting:last-child,
4009 .elementor-editor-container-settings .elementor-editor-element-setting:last-child,
4010 .elementor-editor-div-block-settings .elementor-editor-element-setting:last-child {
4011 border-start-start-radius: 0;
4012 border-start-end-radius: 5px;
4013 border-end-start-radius: 0;
4014 border-end-end-radius: 0;
4015 }
4016 .elementor-editor-section-settings .elementor-editor-element-setting:last-child:after,
4017 .elementor-editor-container-settings .elementor-editor-element-setting:last-child:after,
4018 .elementor-editor-div-block-settings .elementor-editor-element-setting:last-child:after {
4019 content: "";
4020 position: absolute;
4021 top: 2px;
4022 left: calc(100% - 1px);
4023 border-block-start: 22px solid transparent;
4024 border-block-end: 0 none transparent;
4025 border-inline-start: 12px solid var(--e-p-border-section);
4026 border-inline-end: 0 none transparent;
4027 transition: var(--e-a-transition-hover);
4028 }
4029 .elementor-editor-section-settings .elementor-editor-element-setting:last-child:hover:after,
4030 .elementor-editor-container-settings .elementor-editor-element-setting:last-child:hover:after,
4031 .elementor-editor-div-block-settings .elementor-editor-element-setting:last-child:hover:after {
4032 border-inline-start-color: var(--e-p-border-section-hover);
4033 }
4034
4035 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings,
4036 .elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings {
4037 transform: translateX(-50%);
4038 border-start-start-radius: 0;
4039 border-start-end-radius: 0;
4040 border-end-start-radius: 5px;
4041 border-end-end-radius: 5px;
4042 }
4043 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child,
4044 .elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child {
4045 border-start-start-radius: 0;
4046 border-start-end-radius: 0;
4047 border-end-start-radius: 5px;
4048 border-end-end-radius: 0;
4049 }
4050 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before,
4051 .elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before {
4052 top: 0;
4053 border-block-start: 0 none transparent;
4054 border-block-end: 22px solid transparent;
4055 border-inline-start: 0 none transparent;
4056 border-inline-end: 12px solid var(--e-p-border-section);
4057 transition: var(--e-a-transition-hover);
4058 }
4059 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child,
4060 .elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child {
4061 border-start-start-radius: 0;
4062 border-start-end-radius: 0;
4063 border-end-start-radius: 0;
4064 border-end-end-radius: 5px;
4065 }
4066 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after,
4067 .elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after {
4068 top: 0;
4069 border-block-start: 0 none transparent;
4070 border-block-end: 22px solid transparent;
4071 border-inline-start: 12px solid var(--e-p-border-section);
4072 border-inline-end: 0 none transparent;
4073 transition: var(--e-a-transition-hover);
4074 }
4075
4076 .elementor-column > .elementor-element-overlay {
4077 left: 0;
4078 bottom: 0;
4079 }
4080 .elementor-column > .elementor-element-overlay:after {
4081 position: absolute;
4082 inset: 0;
4083 outline: 1px dashed var(--e-p-border-column);
4084 }
4085 .elementor-column:hover > .elementor-element-overlay:after {
4086 content: "";
4087 }
4088 .elementor-column.elementor-element-editable > .elementor-element-overlay:after {
4089 content: "";
4090 outline: 2px solid var(--e-p-border-column);
4091 }
4092 .elementor-column.elementor-dragging-on-child > .elementor-element-overlay {
4093 border: 1px solid var(--e-p-draggable-color);
4094 }
4095 .elementor-column.elementor-dragging-on-child > .elementor-element-overlay:after {
4096 display: none;
4097 }
4098 .elementor-column > .ui-resizable-e, .elementor-column > .ui-resizable-w {
4099 cursor: col-resize;
4100 width: 7px;
4101 position: absolute;
4102 right: -5px;
4103 top: 0;
4104 height: 100%;
4105 }
4106 .elementor-column:last-of-type > .ui-resizable-e, .elementor-column:last-of-type > .ui-resizable-w {
4107 display: none !important;
4108 }
4109 @media (max-width: 1024px) {
4110 .elementor-column > .ui-resizable-e, .elementor-column > .ui-resizable-w {
4111 display: none !important;
4112 }
4113 }
4114
4115 .elementor-editor-column-settings {
4116 top: -1px;
4117 left: -1px;
4118 border-start-start-radius: 0;
4119 border-start-end-radius: 0;
4120 border-end-start-radius: 0;
4121 border-end-end-radius: 3px;
4122 overflow: hidden;
4123 }
4124 .elementor-editor-column-settings .elementor-editor-element-setting {
4125 background-color: var(--e-p-border-column);
4126 }
4127 .elementor-editor-column-settings .elementor-editor-element-setting:hover {
4128 background-color: var(--e-p-border-column-hover);
4129 }
4130
4131 .elementor-column-placeholder {
4132 position: relative;
4133 }
4134 .elementor-column-placeholder:before, .elementor-column-placeholder:after {
4135 content: "";
4136 position: absolute;
4137 top: 10px;
4138 bottom: 10px;
4139 right: 10px;
4140 left: 10px;
4141 }
4142 .elementor-column-placeholder:before {
4143 border: 1px solid var(--e-p-border-column);
4144 }
4145 .elementor-column-placeholder:after {
4146 border: 1px dashed var(--e-a-color-white);
4147 }
4148
4149 .elementor-column-percents-tooltip {
4150 position: absolute;
4151 display: none;
4152 pointer-events: none;
4153 top: 50%;
4154 transform: translateY(-50%);
4155 color: #fff;
4156 font-size: 10px;
4157 background-color: var(--e-p-border-column);
4158 width: 40px;
4159 padding: 3.5px 0;
4160 text-align: center;
4161 z-index: 1;
4162 line-height: 1;
4163 }
4164 .elementor-column-percents-tooltip:after {
4165 content: "";
4166 position: absolute;
4167 width: 0;
4168 height: 0;
4169 border: 8.5px solid transparent;
4170 top: 0;
4171 }
4172 .elementor-column-percents-tooltip[data-side=left] {
4173 border-radius: 3px 0 0 3px;
4174 right: 15px;
4175 }
4176 .elementor-column-percents-tooltip[data-side=left]:after {
4177 left: 100%;
4178 border-left-color: var(--e-p-border-column);
4179 border-right-width: 0;
4180 }
4181 .elementor-column-percents-tooltip[data-side=right] {
4182 border-radius: 0 3px 3px 0;
4183 left: 15px;
4184 }
4185 .elementor-column-percents-tooltip[data-side=right]:after {
4186 right: 100%;
4187 border-right-color: var(--e-p-border-column);
4188 border-left-width: 0;
4189 }
4190
4191 .elementor-editor-widget-settings {
4192 z-index: 2;
4193 top: -1px;
4194 right: -1px;
4195 flex-direction: row-reverse;
4196 border-start-start-radius: 0;
4197 border-start-end-radius: 0;
4198 border-end-start-radius: 3px;
4199 border-end-end-radius: 0;
4200 overflow: hidden;
4201 }
4202 .elementor-editor-widget-settings .elementor-editor-element-setting {
4203 background-color: var(--e-p-border-widget);
4204 }
4205 .elementor-editor-widget-settings .elementor-editor-element-setting:hover {
4206 background-color: var(--e-p-border-widget-hover);
4207 }
4208
4209 .e-widget-pro-promotion {
4210 border: 2px dashed var(--e-a-border-color-bold);
4211 background-color: var(--e-a-color-white);
4212 padding: 20px;
4213 }
4214 .e-widget-pro-promotion .e-container {
4215 max-width: 600px;
4216 margin: auto;
4217 }
4218 .e-widget-pro-promotion .e-badge {
4219 border: 1px solid var(--e-a-color-accent);
4220 color: var(--e-a-color-accent);
4221 background: var(--e-a-color-white);
4222 border-radius: 100px;
4223 padding: 4px 12px;
4224 font-size: 0.8em;
4225 }
4226 .e-widget-pro-promotion p {
4227 margin-block-start: 1em;
4228 margin-block-end: 1em;
4229 text-align: center;
4230 }
4231 .e-widget-pro-promotion p img {
4232 display: block;
4233 margin: 0 auto 20px;
4234 }
4235 .e-widget-pro-promotion .e-actions {
4236 display: flex;
4237 justify-content: center;
4238 gap: 10px;
4239 }
4240 .e-widget-pro-promotion .e-btn {
4241 font-size: 14px;
4242 font-weight: 500;
4243 line-height: 1.2;
4244 padding: 8px 16px;
4245 border-radius: var(--e-a-border-radius);
4246 background-color: var(--e-a-btn-bg-accent);
4247 color: var(--e-a-btn-color-invert);
4248 transition: var(--e-a-transition-hover);
4249 }
4250 .e-widget-pro-promotion .e-btn:hover, .e-widget-pro-promotion .e-btn:focus {
4251 background-color: var(--e-a-btn-bg-accent-hover);
4252 color: var(--e-a-btn-color-invert);
4253 }
4254 .e-widget-pro-promotion .e-btn:active {
4255 background-color: var(--e-a-btn-bg-accent-active);
4256 }
4257 .e-widget-pro-promotion .e-btn.e-btn-txt {
4258 background: transparent;
4259 color: var(--e-a-color-txt);
4260 }
4261 .e-widget-pro-promotion .e-btn.e-btn-txt:hover, .e-widget-pro-promotion .e-btn.e-btn-txt:focus {
4262 background: var(--e-a-bg-hover);
4263 color: var(--e-a-color-txt-hover);
4264 }
4265
4266 .elementor-section > .elementor-element-overlay,
4267 .e-con > .elementor-element-overlay {
4268 left: 0;
4269 bottom: 0;
4270 }
4271 .elementor-section > .elementor-element-overlay:after,
4272 .e-con > .elementor-element-overlay:after {
4273 position: absolute;
4274 left: 1px;
4275 right: 1px;
4276 top: 1px;
4277 bottom: 1px;
4278 outline: 1px solid var(--e-p-border-con);
4279 animation: section-outline 0.75s;
4280 }
4281 .elementor-section:hover > .elementor-element-overlay:after,
4282 .e-con:hover > .elementor-element-overlay:after {
4283 content: "";
4284 }
4285 .elementor-section.elementor-element-editable > .elementor-element-overlay:after,
4286 .e-con.elementor-element-editable > .elementor-element-overlay:after {
4287 content: "";
4288 outline-width: 2px;
4289 }
4290
4291 .e-con .e-con-inner .e-con > .elementor-element-overlay:after {
4292 outline: 1px dashed var(--e-p-border-con-in);
4293 }
4294 .e-con .e-con-inner .e-con.elementor-element-editable > .elementor-element-overlay:after {
4295 outline: 2px solid var(--e-p-border-con-in);
4296 }
4297 .e-con .elementor-empty-view {
4298 position: relative;
4299 width: 100%;
4300 height: 100%;
4301 min-height: 100px;
4302 }
4303 .e-con .elementor-empty-view .elementor-first-add {
4304 width: auto;
4305 height: auto;
4306 inset: 0;
4307 }
4308 .e-con:not(.e-grid) .elementor-empty-view {
4309 min-height: var(--min-height, 100px);
4310 }
4311 .e-con.e-grid .elementor-empty-view {
4312 min-width: 100px;
4313 }
4314 .e-con .elementor-widget-placeholder {
4315 --size: 10px;
4316 --margin-start: calc( -1 * var( --size ) );
4317 --margin-end: calc( -2 * var( --size ) );
4318 flex-shrink: 0;
4319 align-self: stretch;
4320 z-index: 1;
4321 pointer-events: none;
4322 }
4323 .e-con.e-con--row > .elementor-widget-placeholder, .e-con.e-con--row > .e-con-inner > .elementor-widget-placeholder {
4324 position: relative;
4325 z-index: 9999;
4326 width: var(--size);
4327 margin-inline-start: var(--margin-start);
4328 height: auto;
4329 min-height: 100%;
4330 animation-name: dnd-placeholder-widget-vertical;
4331 animation-fill-mode: both;
4332 }
4333 .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 {
4334 margin-inline-end: 0;
4335 margin-inline-start: calc(var(--margin-start) + var(--margin-end));
4336 }
4337 .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 {
4338 margin-inline-end: var(--margin-end);
4339 margin-inline-start: var(--margin-start);
4340 }
4341 .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 {
4342 position: absolute;
4343 width: var(--size);
4344 height: 100%;
4345 top: 0;
4346 animation: grow-in-width 0.15s forwards;
4347 }
4348 .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 {
4349 right: 0;
4350 left: auto;
4351 }
4352 .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 {
4353 left: 0;
4354 right: auto;
4355 }
4356 .e-con.e-con--column > .elementor-widget-placeholder, .e-con.e-con--column > .e-con-inner > .elementor-widget-placeholder {
4357 height: var(--size);
4358 margin-block-start: var(--margin-start);
4359 margin-block-end: var(--margin-end);
4360 animation-name: dnd-placeholder-widget-horizontal;
4361 }
4362 .e-con.e-con--column > .elementor-widget-placeholder:nth-last-child(2) {
4363 margin-block-start: calc(2 * var(--margin-start));
4364 --margin-end: 0;
4365 }
4366 .e-con.e-con--column > .e-con-inner > .elementor-widget-placeholder:last-child {
4367 --margin-end: 0;
4368 }
4369 .e-con .elementor-sortable-helper {
4370 height: 84px;
4371 width: 125px;
4372 z-index: -1;
4373 }
4374 .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 {
4375 position: relative;
4376 background-color: var(--e-p-border-con-in);
4377 }
4378 .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 {
4379 background-color: var(--e-p-border-con-in-hover);
4380 }
4381 .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 {
4382 display: none;
4383 }
4384 .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) {
4385 margin-inline-start: -25px;
4386 z-index: -1;
4387 transition: 0.3s all;
4388 will-change: margin-inline-start;
4389 }
4390 .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) {
4391 margin-inline-start: 0;
4392 }
4393 .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 {
4394 inset: initial;
4395 transform: none;
4396 inset-inline-start: 0;
4397 top: 0;
4398 border-radius: 0;
4399 border-end-end-radius: 3px;
4400 height: auto;
4401 }
4402 .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 {
4403 content: "\e9b4";
4404 font-size: 20px;
4405 display: block;
4406 padding: 2px;
4407 }
4408
4409 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 {
4410 left: 0;
4411 right: auto;
4412 }
4413 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 {
4414 right: 0;
4415 left: auto;
4416 }
4417
4418 @keyframes dnd-placeholder-widget-vertical {
4419 0% {
4420 transform-origin: 0 50%;
4421 transform: translateX(50%) scaleX(0);
4422 opacity: 0;
4423 }
4424 100% {
4425 transform-origin: 0 50%;
4426 transform: translateX(50%) scaleX(1);
4427 opacity: 0.9;
4428 }
4429 }
4430 @keyframes dnd-placeholder-widget-horizontal {
4431 0% {
4432 transform-origin: 50% 0;
4433 transform: scaleY(0);
4434 opacity: 0;
4435 }
4436 100% {
4437 transform-origin: 50% 0;
4438 transform: scaleY(1);
4439 opacity: 0.9;
4440 }
4441 }
4442 @keyframes grow-in-width {
4443 from {
4444 width: 0;
4445 }
4446 50% {
4447 width: calc(var(--size) / 2);
4448 }
4449 to {
4450 width: var(--size);
4451 }
4452 }
4453 .e-con-select-preset {
4454 display: flex;
4455 flex-direction: column;
4456 align-items: center;
4457 justify-content: center;
4458 gap: 25px;
4459 }
4460 .e-con-select-preset[data-view=choose-preset] > *:not(.e-con-select-preset__inner) {
4461 display: none;
4462 }
4463 .e-con-select-preset[data-view=drop-area] > *:not(.elementor-first-add) {
4464 display: none;
4465 }
4466 .e-con-select-preset-grid {
4467 flex-wrap: wrap;
4468 gap: 20px;
4469 }
4470 .e-con-select-preset-grid .e-con-select-preset__list .e-con-preset rect {
4471 fill: transparent;
4472 }
4473 .e-con-select-preset__title {
4474 font-family: var(--e-a-font-family);
4475 font-size: 15px;
4476 font-weight: 400;
4477 color: var(--e-a-color-txt);
4478 }
4479 .e-con-select-preset__list {
4480 display: flex;
4481 gap: 20px;
4482 align-items: center;
4483 justify-content: center;
4484 flex-wrap: wrap;
4485 max-width: 650px;
4486 }
4487 .e-con-select-preset__list .e-con-preset {
4488 cursor: pointer;
4489 flex-basis: 90px;
4490 padding: unset;
4491 margin: unset;
4492 border: unset;
4493 border-radius: unset;
4494 outline: unset;
4495 box-shadow: unset;
4496 text-shadow: unset;
4497 background-color: unset;
4498 }
4499 .e-con-select-preset__list .e-con-preset svg {
4500 width: 100%;
4501 height: auto;
4502 }
4503 .e-con-select-preset__list .e-con-preset path {
4504 fill: var(--e-a-color-white);
4505 }
4506 .e-con-select-preset__list .e-con-preset rect {
4507 fill: var(--e-a-bg-active-bold);
4508 transition: 0.3s all;
4509 }
4510 .e-con-select-preset__list .e-con-preset:hover, .e-con-select-preset__list .e-con-preset:focus {
4511 border: unset;
4512 border-radius: unset;
4513 box-shadow: unset;
4514 text-shadow: unset;
4515 background-color: transparent;
4516 }
4517 .e-con-select-preset__list .e-con-preset:hover path, .e-con-select-preset__list .e-con-preset:focus path {
4518 stroke: var(--e-a-color-white);
4519 }
4520 .e-con-select-preset__list .e-con-preset:hover rect, .e-con-select-preset__list .e-con-preset:focus rect {
4521 fill: var(--e-a-color-txt);
4522 }
4523 .e-con-shared-styles {
4524 font-family: var(--e-a-font-family);
4525 line-height: 1;
4526 color: var(--e-a-color-txt);
4527 min-height: 159px;
4528 overflow: hidden;
4529 display: flex;
4530 flex-direction: column;
4531 align-items: center;
4532 justify-content: center;
4533 gap: 25px;
4534 }
4535 .e-con-select-type__title {
4536 font-size: 15px;
4537 font-weight: 400;
4538 }
4539 .e-con-select-type__icons {
4540 display: flex;
4541 justify-content: center;
4542 flex-wrap: wrap;
4543 gap: 40px;
4544 }
4545 .e-con-select-type__icons__icon {
4546 cursor: pointer;
4547 }
4548 .e-con-select-type__icons__icon svg {
4549 margin-block-end: 10px;
4550 width: 85px;
4551 }
4552 .e-con-select-type__icons__icon:hover svg rect, .e-con-select-type__icons__icon:focus svg rect {
4553 fill: var(--e-a-color-txt);
4554 }
4555 .e-con-select-type__icons__icon:hover svg path, .e-con-select-type__icons__icon:focus svg path {
4556 stroke: var(--e-a-color-white);
4557 }
4558 .e-con-select-type__icons__icon__subtitle {
4559 font-size: 14px;
4560 font-weight: 500;
4561 }
4562 .e-con .ui-resizable-e {
4563 right: 0;
4564 }
4565 .e-con .ui-resizable-w {
4566 left: 0;
4567 }
4568 /*# sourceMappingURL=editor-preview.css.map */