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

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

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