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

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