PluginProbe
Elementor Website Builder – more than just a page builder / 3.24.8
Elementor Website Builder – more than just a page builder v3.24.8
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
← All changes | assets/css/editor-preview.css +338 -489 4.2.0-dev23.24.8 View file →
@@ -1,13 +1,5 @@
1 -:root {
2 - --direction-multiplier: 1;
3 -}
4 -
5 -html[dir=rtl],
6 -body.rtl {
7 - --direction-multiplier: -1;
8 -}
9 -
1 +/*! elementor - v3.24.0 - 28-10-2024 */
10 2 .elementor-hidden {
11 3 display: none;
12 4 }
13 5
@@ -38,16 +30,94 @@
38 30 height: 0;
39 31 }
40 32
41 33 .e-logo-wrapper {
34 + background: var(--e-a-bg-logo);
42 35 display: inline-block;
36 + padding: 0.75em;
37 + border-radius: 50%;
43 38 line-height: 1;
44 39 }
45 40 .e-logo-wrapper i {
46 - color: var(--e-a-color-circle-logo);
47 - font-size: 2.5em;
41 + color: var(--e-a-color-logo);
42 + font-size: 1em;
48 43 }
49 44
45 +:root {
46 + --e-a-color-white: #ffffff;
47 + --e-a-color-black: #000000;
48 + --e-a-color-logo: #ffffff;
49 + --e-a-color-primary: #F3BAFD;
50 + --e-a-color-primary-bold: #D004D4;
51 + --e-a-color-secondary: #515962;
52 + --e-a-color-success: #0A875A;
53 + --e-a-color-danger: #DC2626;
54 + --e-a-color-info: #2563EB;
55 + --e-a-color-warning: #F59E0B;
56 + --e-a-color-accent: #93003f;
57 + --e-a-color-global: #1DDDBF;
58 + --e-a-color-accent-promotion: #93003f;
59 + --e-a-bg-default: #ffffff;
60 + --e-a-bg-invert: #0C0D0E;
61 + --e-a-bg-hover: #F1F2F3;
62 + --e-a-bg-active: #E6E8EA;
63 + --e-a-bg-active-bold: #D5D8DC;
64 + --e-a-bg-loading: #F9FAFA;
65 + --e-a-bg-logo: #000000;
66 + --e-a-bg-primary: #FAE8FF;
67 + --e-a-bg-secondary: #515962;
68 + --e-a-bg-success: #F2FDF5;
69 + --e-a-bg-info: #F0F7FF;
70 + --e-a-bg-danger: #FEF1F4;
71 + --e-a-bg-warning: #FFFBEB;
72 + --e-a-color-txt: #515962;
73 + --e-a-color-txt-muted: #818A96;
74 + --e-a-color-txt-disabled: #BABFC5;
75 + --e-a-color-txt-invert: #ffffff;
76 + --e-a-color-txt-accent: #0C0D0E;
77 + --e-a-color-txt-hover: #3f444b;
78 + --e-a-color-txt-active: #0C0D0E;
79 + --e-a-border-color: #E6E8EA;
80 + --e-a-border-color-bold: #D5D8DC;
81 + --e-a-border-color-focus: #BABFC5;
82 + --e-a-border-color-accent: #0C0D0E;
83 + --e-a-border: 1px solid var(--e-a-border-color);
84 + --e-a-border-bold: 1px solid var(--e-a-border-color-bold);
85 + --e-a-border-radius: 3px;
86 + --e-a-btn-color: #0C0D0E;
87 + --e-a-btn-color-invert: var(--e-a-color-txt-invert);
88 + --e-a-btn-color-disabled: var(--e-a-color-txt-disabled);
89 + --e-a-btn-bg: #515962;
90 + --e-a-btn-bg-hover: #3a4046;
91 + --e-a-btn-bg-active: #23262a;
92 + --e-a-btn-bg-disabled: #D5D8DC;
93 + --e-a-btn-bg-primary: #F3BAFD;
94 + --e-a-btn-bg-primary-hover: #F5D0FE;
95 + --e-a-btn-bg-primary-active:#F0ABFC;
96 + --e-a-btn-bg-accent: #93003f;
97 + --e-a-btn-bg-accent-hover: #8F1A4C;
98 + --e-a-btn-bg-accent-active: #A93365;
99 + --e-a-btn-bg-info: #2563EB;
100 + --e-a-btn-bg-info-hover: #134cca;
101 + --e-a-btn-bg-info-active: #0e3b9c;
102 + --e-a-btn-bg-success: #0A875A;
103 + --e-a-btn-bg-success-hover: #06583a;
104 + --e-a-btn-bg-success-active:#03281b;
105 + --e-a-btn-bg-warning: #F59E0B;
106 + --e-a-btn-bg-warning-hover: #c57f08;
107 + --e-a-btn-bg-warning-active:#945f06;
108 + --e-a-btn-bg-danger: #DC2626;
109 + --e-a-btn-bg-danger-hover: #b21d1d;
110 + --e-a-btn-bg-danger-active: #861616;
111 + --e-a-dark-bg: #0C0D0E;
112 + --e-a-dark-color-txt: #9DA5AE;
113 + --e-a-dark-color-txt-hover: #D5D8DC;
114 + --e-a-font-family: Roboto, Arial, Helvetica, sans-serif;
115 + --e-a-transition-hover: all .3s;
116 + --e-a-popover-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
117 + --e-a-dropdown-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
118 +}
119 +
50 120 .elementor-control-unit-1 {
51 121 width: 27px;
52 122 }
53 123
@@ -158,10 +228,10 @@
158 228 }
159 229 .elementor-tag-settings-popup:before {
160 230 content: "";
161 231 position: absolute;
162 - inset-block-start: -20px;
163 - inset-inline-start: 5px;
232 + top: -20px;
233 + left: 5px;
164 234 border: 10px solid transparent;
165 235 border-block-end-color: var(--e-a-border-color);
166 236 }
167 237 .elementor-tag-settings-popup .elementor-control-type-section:first-child {
@@ -271,9 +341,10 @@
271 341 display: none;
272 342 position: absolute;
273 343 box-shadow: var(--e-a-popover-shadow);
274 344 border-radius: var(--e-a-border-radius);
275 - inset-inline: 0;
345 + left: 0;
346 + right: 0;
276 347 margin: -4px auto 5px;
277 348 padding-block-start: 15px;
278 349 width: 90%;
279 350 z-index: 10000;
@@ -281,10 +352,10 @@
281 352 }
282 353 .elementor-controls-popover:before {
283 354 content: "";
284 355 position: absolute;
285 - inset-block-start: -16px;
286 - inset-inline-end: 22px;
356 + top: -16px;
357 + right: 22px;
287 358 border: 8px solid transparent;
288 359 border-block-end-color: var(--e-a-bg-default);
289 360 }
290 361 .elementor-controls-popover div.elementor-control {
@@ -331,9 +402,8 @@
331 402 .elementor-control.elementor-control-type-divider {
332 403 padding: 0;
333 404 }
334 405 .elementor-control.elementor-control-type-divider .elementor-control-content {
335 - margin-inline: 20px;
336 406 border-width: 0;
337 407 border-block-start: var(--e-a-border);
338 408 background-color: var(--e-a-bg-default);
339 409 height: 15px;
@@ -343,20 +413,21 @@
343 413 }
344 414 .elementor-control.elementor-control-separator-before:before {
345 415 content: "";
346 416 position: absolute;
347 - inset: 0 20px auto;
348 417 height: 1px;
418 + width: calc(100% - 40px);
419 + top: 0;
420 + left: 20px;
349 421 background-color: var(--e-a-border-color);
350 422 }
351 -.elementor-control.elementor-control-separator-after {
352 - padding-block-end: 15px;
353 -}
354 423 .elementor-control.elementor-control-separator-after:after {
355 424 content: "";
356 425 position: absolute;
357 - inset: auto 20px 0;
358 426 height: 1px;
427 + width: calc(100% - 40px);
428 + bottom: 0;
429 + left: 20px;
359 430 background-color: var(--e-a-border-color);
360 431 }
361 432 .elementor-control.elementor-control-separator-after + .elementor-control-type-tabs + .elementor-control-separator-default, .elementor-control.elementor-control-separator-after:not(.elementor-hidden-control) + .elementor-control-separator-default {
362 433 padding-block-start: 15px;
@@ -397,36 +468,23 @@
397 468 }
398 469 body:not(.elementor-device-mobile) .elementor-control.elementor-control-responsive-mobile {
399 470 display: none;
400 471 }
401 -.elementor-control-shape_divider_top .elementor-visual-choice-element-image label, .elementor-control-shape_divider_bottom .elementor-visual-choice-element-image label {
402 - padding: 4px;
403 -}
404 -.elementor-control-shape_divider_top img, .elementor-control-shape_divider_bottom img {
405 - aspect-ratio: 4/1;
406 - -o-object-fit: cover;
407 - object-fit: cover;
408 - -o-object-position: center;
409 - object-position: center;
410 -}
411 -.elementor-control-shape_divider_bottom img {
412 - rotate: X 180deg;
413 -}
414 472 .elementor-control-custom_css_pro .elementor-nerd-box-message, .elementor-control-custom_attributes_pro .elementor-nerd-box-message {
415 473 margin-block-start: 5px;
416 474 }
417 475
418 -.elementor-control.e-open .elementor-panel-heading-toggle i, .elementor-control.elementor-active .elementor-panel-heading-toggle i,
419 -.elementor-panel-category.e-open .elementor-panel-heading-toggle i,
420 -.elementor-panel-category.elementor-active .elementor-panel-heading-toggle i,
421 -.elementor-panel-scheme-item.e-open .elementor-panel-heading-toggle i,
422 -.elementor-panel-scheme-item.elementor-active .elementor-panel-heading-toggle i {
423 - transform: rotate(90deg);
476 +.elementor-control.e-open .elementor-panel-heading-toggle .eicon:before, .elementor-control.elementor-active .elementor-panel-heading-toggle .eicon:before,
477 +.elementor-panel-category.e-open .elementor-panel-heading-toggle .eicon:before,
478 +.elementor-panel-category.elementor-active .elementor-panel-heading-toggle .eicon:before,
479 +.elementor-panel-scheme-item.e-open .elementor-panel-heading-toggle .eicon:before,
480 +.elementor-panel-scheme-item.elementor-active .elementor-panel-heading-toggle .eicon:before {
481 + content: "\e92a";
424 482 }
425 -.elementor-control:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle i,
426 -.elementor-panel-category:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle i,
427 -.elementor-panel-scheme-item:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle i {
428 - scale: calc(1 * var(--direction-multiplier)) 1;
483 +.elementor-control:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle .eicon:before,
484 +.elementor-panel-category:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle .eicon:before,
485 +.elementor-panel-scheme-item:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle .eicon:before {
486 + content: "\e90a";
429 487 }
430 488
431 489 .elementor-panel-heading {
432 490 display: flex;
@@ -450,17 +508,8 @@
450 508 }
451 509 .elementor-panel-heading-title {
452 510 font-weight: bold;
453 511 }
454 -.elementor-panel-heading-category-chip {
455 - margin-inline-start: auto;
456 - background-color: var(--e-a-bg-chip);
457 - border-radius: 100px;
458 - padding: 5px 8px;
459 -}
460 -.elementor-panel-heading-category-chip i {
461 - margin-inline-start: 4px;
462 -}
463 512 .elementor-panel-heading-promotion {
464 513 margin-inline-start: auto;
465 514 }
466 515 .elementor-panel-heading-promotion a {
@@ -479,11 +528,9 @@
479 528 .elementor-panel-heading:focus-visible {
480 529 color: var(--e-a-color-txt-hover);
481 530 }
482 531
483 -#elementor-controls .elementor-control-type-section:first-child .elementor-panel-heading,
484 -#elementor-panel-page-settings-controls .elementor-control-type-section:first-child .elementor-panel-heading,
485 -#elementor-panel-editorPreferences-settings-controls .elementor-control-type-section:first-child .elementor-panel-heading {
532 +#elementor-controls .elementor-control-type-section:first-child .elementor-panel-heading {
486 533 border-block-start: none;
487 534 }
488 535
489 536 .elementor-control-field {
@@ -528,15 +575,8 @@
528 575 .elementor-group-control-attachment_alert .elementor-control-field-description {
529 576 margin-block-start: 0;
530 577 }
531 578
532 -.elementor-control-start-end .eicon-text-align-left,
533 -.elementor-control-start-end .eicon-text-align-right,
534 -.elementor-control-start-end .eicon-h-align-left,
535 -.elementor-control-start-end .eicon-h-align-right {
536 - scale: calc(1 * var(--direction-multiplier)) 1;
537 -}
538 -
539 579 .elementor-update-preview {
540 580 margin: 15px 15px 0;
541 581 display: flex;
542 582 align-items: center;
@@ -571,9 +611,9 @@
571 611 }
572 612 .elementor-control-responsive-switchers__holder {
573 613 position: absolute;
574 614 width: 100%;
575 - inset-block-start: 0;
615 + top: 0;
576 616 background-color: var(--e-a-bg-default);
577 617 border-radius: var(--e-a-border-radius);
578 618 transition: 0.15s;
579 619 border: 1px solid transparent;
@@ -716,10 +756,10 @@
716 756 display: none;
717 757 overflow: hidden;
718 758 max-height: 0;
719 759 position: absolute;
720 - inset-block-start: -0.8em;
721 - inset-inline-start: -0.5em;
760 + top: -0.8em;
761 + left: -0.5em;
722 762 width: 2.5em;
723 763 text-align: center;
724 764 background-color: var(--e-a-bg-default);
725 765 border-radius: var(--e-a-border-radius);
@@ -894,9 +934,9 @@
894 934 }
895 935 .elementor-control-responsive-switchers__holder {
896 936 position: absolute;
897 937 width: 100%;
898 - inset-block-start: 0;
938 + top: 0;
899 939 background-color: var(--e-a-bg-default);
900 940 border-radius: var(--e-a-border-radius);
901 941 transition: 0.15s;
902 942 border: 1px solid transparent;
@@ -1039,10 +1079,10 @@
1039 1079 display: none;
1040 1080 overflow: hidden;
1041 1081 max-height: 0;
1042 1082 position: absolute;
1043 - inset-block-start: -0.8em;
1044 - inset-inline-start: -0.5em;
1083 + top: -0.8em;
1084 + left: -0.5em;
1045 1085 width: 2.5em;
1046 1086 text-align: center;
1047 1087 background-color: var(--e-a-bg-default);
1048 1088 border-radius: var(--e-a-border-radius);
@@ -1172,9 +1212,9 @@
1172 1212 }
1173 1213 .elementor-control-responsive-switchers__holder {
1174 1214 position: absolute;
1175 1215 width: 100%;
1176 - inset-block-start: 0;
1216 + top: 0;
1177 1217 background-color: var(--e-a-bg-default);
1178 1218 border-radius: var(--e-a-border-radius);
1179 1219 transition: 0.15s;
1180 1220 border: 1px solid transparent;
@@ -1317,10 +1357,10 @@
1317 1357 display: none;
1318 1358 overflow: hidden;
1319 1359 max-height: 0;
1320 1360 position: absolute;
1321 - inset-block-start: -0.8em;
1322 - inset-inline-start: -0.5em;
1361 + top: -0.8em;
1362 + left: -0.5em;
1323 1363 width: 2.5em;
1324 1364 text-align: center;
1325 1365 background-color: var(--e-a-bg-default);
1326 1366 border-radius: var(--e-a-border-radius);
@@ -1440,11 +1480,11 @@
1440 1480 }
1441 1481
1442 1482 .elementor-control-type-icons .elementor-control-media__preview > * {
1443 1483 position: absolute;
1444 - inset-block-start: 50%;
1445 - inset-inline-start: 50%;
1446 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
1484 + top: 50%;
1485 + left: 50%;
1486 + transform: translate(-50%, -50%);
1447 1487 }
1448 1488 .elementor-control-type-icons .elementor-control-media__preview i {
1449 1489 font-size: 70px;
1450 1490 }
@@ -1499,9 +1539,12 @@
1499 1539 opacity: 0.6;
1500 1540 }
1501 1541 .elementor-control-type-gallery .elementor-control-gallery-edit {
1502 1542 position: absolute;
1503 - inset: 0;
1543 + top: 0;
1544 + bottom: 0;
1545 + left: 0;
1546 + right: 0;
1504 1547 background-color: rgba(0, 0, 0, 0.2);
1505 1548 padding: 10px;
1506 1549 font-size: 11px;
1507 1550 transition: all 0.3s ease-in-out;
@@ -1510,10 +1553,10 @@
1510 1553 opacity: 0;
1511 1554 }
1512 1555 .elementor-control-type-gallery .elementor-control-gallery-edit span {
1513 1556 position: absolute;
1514 - inset-block-start: 10px;
1515 - inset-inline-end: 10px;
1557 + top: 10px;
1558 + right: 10px;
1516 1559 width: 21px;
1517 1560 height: 21px;
1518 1561 color: var(--e-a-color-white);
1519 1562 background-color: rgba(0, 0, 0, 0.5);
@@ -1623,10 +1666,10 @@
1623 1666 }
1624 1667 .e-global__popover-info-tooltip:after {
1625 1668 content: "";
1626 1669 position: absolute;
1627 - inset-block-end: -17px;
1628 - inset-inline-start: 16px;
1670 + bottom: -17px;
1671 + left: 16px;
1629 1672 border: 10px solid transparent;
1630 1673 border-block-start-color: rgba(0, 0, 0, 0.9);
1631 1674 }
1632 1675 .e-global__popover-info i {
@@ -1643,19 +1686,8 @@
1643 1686 .e-global__preview-items-container::-webkit-scrollbar-thumb {
1644 1687 background-color: #BABFC5;
1645 1688 border-radius: 10px;
1646 1689 }
1647 -.e-global__group-header {
1648 - padding: 12px 20px 5px;
1649 - font-weight: 500;
1650 - font-size: 11px;
1651 - color: var(--e-a-color-txt-muted);
1652 -}
1653 -.e-global__group-divider {
1654 - height: 1px;
1655 - background-color: var(--e-a-border-color);
1656 - margin: 10px 20px;
1657 -}
1658 1690 .e-global__manage-button {
1659 1691 font-weight: 500;
1660 1692 cursor: pointer;
1661 1693 }
@@ -1671,9 +1703,9 @@
1671 1703 font-size: 13px;
1672 1704 content: "\e90e";
1673 1705 position: absolute;
1674 1706 transform: translateY(-50%);
1675 - inset-block-start: 50%;
1707 + top: 50%;
1676 1708 inset-inline-start: 13px;
1677 1709 }
1678 1710 .e-global__color {
1679 1711 padding: 10px 20px;
@@ -1690,10 +1722,13 @@
1690 1722 position: relative;
1691 1723 }
1692 1724 .e-global__color-preview-color, .e-global__color-preview-transparent-bg {
1693 1725 border-radius: 3px;
1726 + height: 100%;
1727 + width: 100%;
1694 1728 position: absolute;
1695 - inset: 0;
1729 + top: 0;
1730 + left: 0;
1696 1731 }
1697 1732 .e-global__color-preview-transparent-bg {
1698 1733 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));
1699 1734 background-size: 12px 12px;
@@ -1814,11 +1849,11 @@
1814 1849 display: none;
1815 1850 }
1816 1851 .elementor-control-media .eicon-plus-circle {
1817 1852 position: absolute;
1818 - inset-block-start: 50%;
1819 - inset-inline-start: 50%;
1820 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
1853 + top: 50%;
1854 + left: 50%;
1855 + transform: translate(-50%, -50%);
1821 1856 color: var(--e-a-color-white);
1822 1857 font-size: 20px;
1823 1858 }
1824 1859 .elementor-control-media__content__upload-button {
@@ -1827,8 +1862,9 @@
1827 1862 .elementor-control-media__preview {
1828 1863 height: 100%;
1829 1864 background-size: cover;
1830 1865 background-position: center;
1866 + padding-block-end: 42.8571%;
1831 1867 }
1832 1868 .elementor-control-media-area {
1833 1869 background-image: linear-gradient(45deg, var(--e-a-border-color-bold) 25%, transparent 0, transparent 75%, var(--e-a-border-color-bold) 0, var(--e-a-border-color-bold)), linear-gradient(45deg, var(--e-a-border-color-bold) 25%, transparent 0, transparent 75%, var(--e-a-border-color-bold) 0, var(--e-a-border-color-bold));
1834 1870 background-size: 16px 16px;
@@ -1841,11 +1877,11 @@
1841 1877 display: none;
1842 1878 }
1843 1879 .elementor-control-media-area .eicon-video-camera {
1844 1880 position: absolute;
1845 - inset-block-start: 50%;
1846 - inset-inline-start: 50%;
1847 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
1881 + top: 50%;
1882 + left: 50%;
1883 + transform: translate(-50%, -50%);
1848 1884 color: rgba(255, 255, 255, 0.7);
1849 1885 font-size: 21px;
1850 1886 }
1851 1887 .elementor-control-media .elementor-control-media__content {
@@ -1856,14 +1892,17 @@
1856 1892 }
1857 1893 .elementor-control-media .elementor-control-media__content:hover:after {
1858 1894 content: "";
1859 1895 position: absolute;
1860 - inset: 0;
1896 + top: 0;
1897 + bottom: 0;
1898 + left: 0;
1899 + right: 0;
1861 1900 background-color: rgba(0, 0, 0, 0.2);
1862 1901 pointer-events: none;
1863 1902 }
1864 1903 .elementor-control-media .elementor-control-media__content:not(:hover) .elementor-control-media__tools {
1865 - inset-block-end: -30px;
1904 + bottom: -30px;
1866 1905 }
1867 1906 .elementor-control-media__content {
1868 1907 transition: all 0.2s ease-in-out;
1869 1908 }
@@ -1868,10 +1907,11 @@
1868 1907 transition: all 0.2s ease-in-out;
1869 1908 }
1870 1909 .elementor-control-media__tools {
1871 1910 position: absolute;
1872 - inset-block-end: 0;
1873 - inset-inline: 0;
1911 + bottom: 0;
1912 + left: 0;
1913 + right: 0;
1874 1914 height: 27px;
1875 1915 transition: all 0.2s ease-in-out;
1876 1916 }
1877 1917 .elementor-control-media__tools > *:not(:first-child) {
@@ -1898,10 +1938,10 @@
1898 1938 }
1899 1939 .elementor-control-media__content__remove {
1900 1940 position: absolute;
1901 1941 z-index: 1;
1902 - inset-block-start: 10px;
1903 - inset-inline-end: 10px;
1942 + top: 10px;
1943 + right: 10px;
1904 1944 width: 20px;
1905 1945 height: 20px;
1906 1946 font-size: 11px;
1907 1947 color: var(--e-a-color-white);
@@ -2193,11 +2233,9 @@
2193 2233 text-align: center;
2194 2234 padding-block-start: 5px;
2195 2235 }
2196 2236
2197 -#elementor-controls,
2198 -#elementor-panel-page-settings-controls,
2199 -#elementor-panel-editorPreferences-settings-controls {
2237 +#elementor-controls {
2200 2238 padding-block-start: 15px;
2201 2239 }
2202 2240
2203 2241 .elementor-control-type-section {
@@ -2242,11 +2280,11 @@
2242 2280 font-family: eicons;
2243 2281 content: "\e8ad";
2244 2282 font-size: 12px;
2245 2283 position: absolute;
2246 - inset-block-start: 50%;
2247 - inset-inline-end: 5px;
2284 + top: 50%;
2248 2285 transform: translateY(-50%);
2286 + right: 5px;
2249 2287 pointer-events: none;
2250 2288 }
2251 2289 .elementor-control-type-select .elementor-control-field.elementor-control-field-select-small .elementor-control-input-wrapper {
2252 2290 max-width: 80px;
@@ -2280,14 +2318,14 @@
2280 2318 }
2281 2319 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle {
2282 2320 border-radius: 0;
2283 2321 width: 10px;
2284 - transform: translateY(calc(50% - 14px)) translateX(calc(4px * var(--direction-multiplier)));
2322 + transform: translateY(calc(50% - 14px)) translateX(4px);
2285 2323 }
2286 2324 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle:after {
2287 2325 content: "";
2288 2326 position: absolute;
2289 - inset-block-start: 2px;
2327 + top: 2px;
2290 2328 height: 12px;
2291 2329 width: 11px;
2292 2330 transform: rotate(45deg);
2293 2331 background-color: var(--e-a-color-white);
@@ -2364,11 +2402,11 @@
2364 2402 .elementor-slider .noUi-handle {
2365 2403 height: 16px;
2366 2404 width: 16px;
2367 2405 background-color: var(--e-a-color-white);
2406 + right: 0;
2407 + transform: translateY(calc(50% - 14px)) translateX(8px);
2368 2408 position: absolute;
2369 - inset-inline-end: 0;
2370 - transform: translateY(calc(50% - 14px)) translateX(calc(8px * var(--direction-multiplier)));
2371 2409 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
2372 2410 border-radius: 50%;
2373 2411 }
2374 2412 .elementor-slider .noUi-connects {
@@ -2378,9 +2416,12 @@
2378 2416 }
2379 2417 .elementor-slider .noUi-connect {
2380 2418 position: absolute;
2381 2419 z-index: 0;
2382 - inset: 0;
2420 + top: 0;
2421 + left: 0;
2422 + height: 100%;
2423 + width: 100%;
2383 2424 will-change: transform;
2384 2425 transform-origin: 0 0;
2385 2426 background-color: var(--e-a-border-color-focus);
2386 2427 }
@@ -2385,9 +2426,9 @@
2385 2426 background-color: var(--e-a-border-color-focus);
2386 2427 }
2387 2428 .elementor-slider .noUi-tooltip {
2388 2429 position: absolute;
2389 - inset-block-start: calc(100% + 5px);
2430 + top: calc(100% + 5px);
2390 2431 left: calc(50% - 4px);
2391 2432 transform: translateX(-50%);
2392 2433 font-size: 10px;
2393 2434 }
@@ -2474,9 +2515,9 @@
2474 2515 transition-property: opacity, background;
2475 2516 }
2476 2517 .elementor-control-type-switcher .elementor-switch-label:before, .elementor-control-type-switcher .elementor-switch-label:after {
2477 2518 position: absolute;
2478 - inset-block-start: 0;
2519 + top: 0;
2479 2520 width: 50%;
2480 2521 text-align: center;
2481 2522 line-height: 20px;
2482 2523 transition: inherit;
@@ -2482,14 +2523,14 @@
2482 2523 transition: inherit;
2483 2524 }
2484 2525 .elementor-control-type-switcher .elementor-switch-label:before {
2485 2526 content: attr(data-off);
2486 - inset-inline-end: 5px;
2527 + right: 5px;
2487 2528 color: var(--e-a-color-txt-muted);
2488 2529 }
2489 2530 .elementor-control-type-switcher .elementor-switch-label:after {
2490 2531 content: attr(data-on);
2491 - inset-inline-start: 5px;
2532 + left: 5px;
2492 2533 color: var(--e-a-btn-color);
2493 2534 opacity: 0;
2494 2535 }
2495 2536 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label {
@@ -2502,28 +2543,25 @@
2502 2543 opacity: 1;
2503 2544 }
2504 2545 .elementor-control-type-switcher .elementor-switch-handle {
2505 2546 position: absolute;
2506 - inset-block-start: 1px;
2507 - inset-inline-start: 1px;
2547 + top: 1px;
2548 + left: 1px;
2508 2549 width: 18px;
2509 2550 height: 18px;
2510 2551 background: white;
2511 2552 border-radius: 10px;
2512 - transition: inset-inline-start 0.15s ease-out;
2553 + transition: left 0.15s ease-out;
2513 2554 }
2514 2555 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-handle {
2515 - inset-inline-start: initial;
2516 - inset-inline-end: 1px;
2556 + left: initial;
2557 + right: 1px;
2517 2558 }
2518 2559
2519 2560 .elementor-control-type-tabs {
2520 - display: none;
2561 + display: flex;
2521 2562 font-size: var(--control-title-size);
2522 2563 }
2523 -.elementor-control-type-tabs:has(> :not(.elementor-control-type-tab.elementor-hidden-control)) {
2524 - display: flex;
2525 -}
2526 2564
2527 2565 .elementor-control-type-tab {
2528 2566 text-align: center;
2529 2567 width: 100%;
@@ -2566,10 +2604,10 @@
2566 2604 }
2567 2605 .elementor-control-type-textarea:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher,
2568 2606 .elementor-control-type-code:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher {
2569 2607 position: absolute;
2570 - inset-block-start: 0;
2571 - inset-inline-end: 0;
2608 + top: 0;
2609 + right: 0;
2572 2610 z-index: 1;
2573 2611 }
2574 2612 .elementor-control-type-textarea .elementor-control-input-wrapper,
2575 2613 .elementor-control-type-code .elementor-control-input-wrapper {
@@ -2647,10 +2685,10 @@
2647 2685 }
2648 2686 .elementor-control-type-url .elementor-control-url-autocomplete-spinner {
2649 2687 display: none;
2650 2688 position: absolute;
2651 - inset-block-start: 5px;
2652 - inset-inline-end: 0;
2689 + top: 5px;
2690 + right: 0;
2653 2691 width: 10px;
2654 2692 height: 10px;
2655 2693 font-size: 10px;
2656 2694 color: var(--e-a-color-txt-disabled);
@@ -2701,76 +2739,8 @@
2701 2739 font-size: 10px;
2702 2740 padding-block-start: 2px;
2703 2741 }
2704 2742
2705 -.elementor-control-type-visual_choice {
2706 - width: 100%;
2707 -}
2708 -
2709 -.elementor-visual-choice-choices {
2710 - display: grid;
2711 - gap: 8px;
2712 - grid-template-columns: repeat(var(--elementor-visual-choice-columns), 1fr);
2713 - text-align: center;
2714 - border-radius: var(--e-a-border-radius);
2715 - overflow: hidden;
2716 -}
2717 -
2718 -.elementor-visual-choice-element {
2719 - display: flex;
2720 - flex-direction: column;
2721 - align-items: center;
2722 - justify-content: center;
2723 - gap: 8px;
2724 - width: auto;
2725 -}
2726 -.elementor-visual-choice-element-image label {
2727 - border: var(--e-a-border-bold);
2728 - border-radius: var(--e-a-border-radius);
2729 - font-size: 12px;
2730 - transition: var(--e-a-transition-hover);
2731 - cursor: pointer;
2732 - overflow: hidden;
2733 - width: 100%;
2734 - padding: 8px;
2735 -}
2736 -.elementor-visual-choice-element-image input.e-visual-choice-placeholder + label, .elementor-visual-choice-element-image input:checked + label, .elementor-visual-choice-element-image input:hover + label {
2737 - background-color: var(--e-a-bg-active-bold);
2738 - opacity: 1;
2739 -}
2740 -.elementor-visual-choice-element-image input:checked + label {
2741 - border-color: var(--e-a-color-primary-bold);
2742 -}
2743 -.elementor-visual-choice-element-image input:not(:checked) + label {
2744 - background-color: var(--e-a-color-white);
2745 - opacity: 0.5;
2746 -}
2747 -.elementor-visual-choice-element-image img {
2748 - width: 100%;
2749 - height: auto;
2750 -}
2751 -.elementor-visual-choice-element-button {
2752 - grid-column: span var(--elementor-visual-choice-columns);
2753 -}
2754 -.elementor-visual-choice-element-button label {
2755 - width: -moz-fit-content;
2756 - width: fit-content;
2757 -}
2758 -.elementor-visual-choice-element-button input:checked + .elementor-button, .elementor-visual-choice-element-button input:hover + .elementor-button {
2759 - background-color: var(--e-a-bg-active-bold);
2760 -}
2761 -.elementor-visual-choice-element-button input:checked + .elementor-button {
2762 - border-color: var(--e-a-color-primary-bold);
2763 -}
2764 -
2765 -.elementor-label-inline .elementor-visual-choice-choices {
2766 - justify-content: flex-end;
2767 -}
2768 -
2769 -.tipsy-inner {
2770 - white-space: pre-line;
2771 -}
2772 -
2773 2743 .elementor-control-type-wp_widget .widget-inside {
2774 2744 line-height: 2;
2775 2745 background-color: inherit;
2776 2746 display: block;
@@ -2986,43 +2956,41 @@
2986 2956 --e-p-border-widget-invert: #0C0D0E;
2987 2957 --e-p-border-global: #5EEAD4;
2988 2958 --e-p-border-global-hover: #1DDDBF;
2989 2959 --e-p-border-global-invert: #0C0D0E;
2990 - --e-p-border-global-element: #5EEAD4;
2991 2960 }
2992 2961
2993 -.elementor-editor-active .elementor-add-section {
2962 +.elementor-add-section {
2994 2963 all: initial;
2995 2964 display: flex;
2996 - flex-wrap: wrap;
2997 - justify-content: center;
2998 2965 max-width: 1160px;
2999 2966 position: relative;
3000 2967 margin-inline: auto;
3001 2968 }
3002 -.elementor-editor-active .elementor-add-section:not(.elementor-dragging-on-child) .elementor-add-section-inner {
2969 +.elementor-add-section:not(.elementor-dragging-on-child) .elementor-add-section-inner {
3003 2970 border: 2px dashed var(--e-a-border-color-bold);
3004 2971 background-color: rgba(255, 255, 255, 0.5);
3005 2972 }
3006 -.elementor-editor-active .elementor-add-section.elementor-dragging-on-child .elementor-add-section-inner {
2973 +.elementor-add-section.elementor-dragging-on-child .elementor-add-section-inner {
3007 2974 border: 2px dashed var(--e-a-color-primary);
3008 2975 }
3009 -.elementor-editor-active .elementor-add-section[data-view=choose-action] .e-view:not(.elementor-add-new-section) {
2976 +.elementor-add-section[data-view=choose-action] .e-view:not(.elementor-add-new-section) {
3010 2977 display: none;
3011 2978 }
3012 -.elementor-editor-active .elementor-add-section[data-view=select-preset] .e-view:not(.elementor-select-preset) {
2979 +.elementor-add-section[data-view=select-preset] .e-view:not(.elementor-select-preset) {
3013 2980 display: none;
3014 2981 }
3015 -.elementor-editor-active .elementor-add-section[data-view=select-container-preset] .e-view:not(.e-con-select-preset) {
2982 +.elementor-add-section[data-view=select-container-preset] .e-view:not(.e-con-select-preset) {
3016 2983 display: none;
3017 2984 }
3018 -.elementor-editor-active .elementor-add-section[data-view=select-type] .e-view:not(.e-con-select-type) {
2985 +.elementor-add-section[data-view=select-type] .e-view:not(.e-con-select-type) {
3019 2986 display: none;
3020 2987 }
3021 -.elementor-editor-active .elementor-add-section[data-view=select-container-preset-grid] .e-view:not(.e-con-select-preset-grid) {
2988 +.elementor-add-section[data-view=select-container-preset-grid] .e-view:not(.e-con-select-preset-grid) {
3022 2989 display: none;
3023 2990 }
3024 -.elementor-editor-active .elementor-add-section-inner {
2991 +
2992 +.elementor-add-section-inner {
3025 2993 text-align: center;
3026 2994 margin: 20px;
3027 2995 padding: 40px 0;
3028 2996 display: flex;
@@ -3028,185 +2996,147 @@
3028 2996 display: flex;
3029 2997 justify-content: center;
3030 2998 flex-grow: 1;
3031 2999 }
3032 -.elementor-editor-active .elementor-add-new-section {
3000 +
3001 +.elementor-add-new-section {
3033 3002 display: flex;
3034 3003 justify-content: center;
3035 3004 flex-wrap: wrap;
3036 3005 gap: 5px;
3037 3006 }
3038 -.elementor-editor-active .elementor-add-section-area-button {
3007 +
3008 +.elementor-add-section-area-button {
3039 3009 padding: 12px;
3040 3010 height: 40px;
3041 3011 width: 40px;
3012 + border-radius: 50%;
3042 3013 font-size: 16px;
3043 3014 display: flex;
3044 - outline: unset;
3045 - border: unset;
3046 - border-radius: 50%;
3047 - box-shadow: unset;
3048 - text-shadow: unset;
3015 + outline: none;
3016 + border: none;
3049 3017 background-color: var(--e-a-bg-active);
3050 3018 color: var(--e-a-color-black);
3051 3019 transition: var(--e-a-transition-hover);
3052 3020 cursor: pointer;
3053 3021 }
3054 -.elementor-editor-active .elementor-add-section-area-button:hover, .elementor-editor-active .elementor-add-section-area-button:focus {
3055 - border: unset;
3056 - border-radius: 50%;
3057 - box-shadow: unset;
3058 - text-shadow: unset;
3022 +.elementor-add-section-area-button:hover {
3023 + background-color: var(--e-a-bg-active-bold);
3059 3024 color: var(--e-a-color-black);
3060 - background-color: var(--e-a-bg-active-bold);
3061 3025 }
3062 -.elementor-editor-active .elementor-add-section-area-button i {
3026 +.elementor-add-section-area-button i {
3063 3027 margin: 0;
3064 3028 }
3065 -.elementor-editor-active .elementor-add-section-area-button.e-button-primary {
3029 +.elementor-add-section-area-button.e-button-primary {
3066 3030 background-color: var(--e-a-btn-bg-primary);
3067 3031 color: var(--e-a-btn-color);
3068 3032 }
3069 -.elementor-editor-active .elementor-add-section-area-button.e-button-primary:hover, .elementor-editor-active .elementor-add-section-area-button.e-button-primary:focus {
3033 +.elementor-add-section-area-button.e-button-primary:hover {
3070 3034 background-color: var(--e-a-btn-bg-primary-hover);
3071 3035 color: var(--e-a-btn-color);
3072 3036 }
3073 -.elementor-editor-active .elementor-add-section-drag-title,
3074 -.elementor-editor-active .elementor-select-preset-title {
3037 +
3038 +.elementor-add-section-drag-title,
3039 +.elementor-select-preset-title {
3075 3040 font-family: var(--e-a-font-family);
3076 3041 font-size: 13px;
3077 3042 line-height: 1;
3078 3043 color: var(--e-a-color-txt);
3079 3044 }
3080 -.elementor-editor-active .elementor-add-section-drag-title {
3045 +
3046 +.elementor-add-section-drag-title {
3081 3047 font-style: italic;
3082 3048 font-weight: normal;
3083 3049 margin-block-start: 10px;
3084 3050 width: 100%;
3085 3051 }
3086 -.elementor-editor-active .elementor-select-preset-title {
3052 +
3053 +.elementor-select-preset-title {
3087 3054 font-weight: 500;
3088 3055 text-transform: uppercase;
3089 3056 }
3090 -.elementor-editor-active .elementor-add-section-close,
3091 -.elementor-editor-active .elementor-add-section-back,
3092 -.elementor-editor-active .flex-preset-button,
3093 -.elementor-editor-active .grid-preset-button {
3094 - padding: unset;
3095 - margin: unset;
3096 - border: unset;
3097 - border-radius: unset;
3098 - outline: unset;
3099 - box-shadow: unset;
3100 - text-shadow: unset;
3101 - color: var(--e-a-color-txt);
3102 - background-color: transparent;
3057 +
3058 +.elementor-add-section-close {
3059 + right: 40px;
3103 3060 }
3104 -.elementor-editor-active .elementor-add-section-close {
3105 - inset-inline-end: 40px;
3061 +
3062 +.elementor-add-section-back {
3063 + left: 40px;
3106 3064 }
3107 -.elementor-editor-active .elementor-add-section-back {
3108 - inset-inline-start: 40px;
3109 - scale: calc(1 * var(--direction-multiplier)) 1;
3110 -}
3111 -.elementor-editor-active .elementor-add-section-close,
3112 -.elementor-editor-active .elementor-add-section-back {
3065 +
3066 +.elementor-wizard-icon {
3113 3067 position: absolute;
3114 - inset-block-start: 40px;
3068 + top: 40px;
3115 3069 font-size: 20px;
3116 3070 cursor: pointer;
3117 3071 line-height: 1;
3118 3072 color: var(--e-a-color-txt);
3119 - border-radius: 50%;
3120 - box-shadow: unset;
3121 - text-shadow: unset;
3122 3073 }
3123 -.elementor-editor-active .elementor-add-section-close:hover, .elementor-editor-active .elementor-add-section-close:focus,
3124 -.elementor-editor-active .elementor-add-section-back:hover,
3125 -.elementor-editor-active .elementor-add-section-back:focus {
3126 - border: unset;
3127 - border-radius: 50%;
3128 - box-shadow: unset;
3129 - text-shadow: unset;
3074 +.elementor-wizard-icon:hover {
3130 3075 color: var(--e-a-color-txt-hover);
3131 - background-color: var(--e-a-bg-hover);
3132 3076 }
3133 -.elementor-editor-active .flex-preset-button:hover, .elementor-editor-active .flex-preset-button:focus,
3134 -.elementor-editor-active .grid-preset-button:hover,
3135 -.elementor-editor-active .grid-preset-button:focus {
3136 - background-color: transparent;
3137 - color: var(--e-a-color-txt-hover);
3138 -}
3139 -.elementor-editor-active .elementor-select-preset-list {
3140 - display: flex;
3141 - gap: 20px;
3142 - align-items: center;
3143 - justify-content: center;
3144 - flex-wrap: wrap;
3077 +
3078 +.elementor-select-preset-list {
3079 + list-style: none;
3080 + padding: 0 25px;
3145 3081 margin: 20px auto 0;
3082 + overflow: hidden;
3146 3083 max-width: 700px;
3147 3084 }
3148 -.elementor-editor-active .elementor-select-preset-list .elementor-preset {
3085 +.elementor-select-preset-list .elementor-preset {
3149 3086 cursor: pointer;
3150 - flex-basis: 90px;
3151 - padding: unset;
3152 - margin: unset;
3153 - border: unset;
3154 - border-radius: unset;
3155 - outline: unset;
3156 - box-shadow: unset;
3157 - text-shadow: unset;
3158 - background-color: unset;
3087 + margin: 0;
3088 + padding: 10px;
3089 + float: left;
3090 + max-width: 33.333%;
3159 3091 }
3160 -.elementor-editor-active .elementor-select-preset-list .elementor-preset path,
3161 -.elementor-editor-active .elementor-select-preset-list .elementor-preset rect {
3092 +.elementor-select-preset-list .elementor-preset:not(:hover) path,
3093 +.elementor-select-preset-list .elementor-preset:not(:hover) rect {
3162 3094 fill: var(--e-a-bg-active-bold);
3163 3095 transition: 0.3s all;
3164 3096 }
3165 -.elementor-editor-active .elementor-select-preset-list .elementor-preset:hover, .elementor-editor-active .elementor-select-preset-list .elementor-preset:focus {
3166 - background-color: transparent;
3167 -}
3168 -.elementor-editor-active .elementor-select-preset-list .elementor-preset:hover path,
3169 -.elementor-editor-active .elementor-select-preset-list .elementor-preset:hover rect, .elementor-editor-active .elementor-select-preset-list .elementor-preset:focus path,
3170 -.elementor-editor-active .elementor-select-preset-list .elementor-preset:focus rect {
3097 +.elementor-select-preset-list .elementor-preset:hover path,
3098 +.elementor-select-preset-list .elementor-preset:hover rect {
3171 3099 fill: var(--e-a-color-txt);
3172 3100 }
3173 -.elementor-editor-active .elementor-select-preset-list .elementor-preset .e-preset--container {
3101 +.elementor-select-preset-list .elementor-preset .e-preset--container {
3174 3102 position: relative;
3175 3103 display: flex;
3176 3104 }
3177 -.elementor-editor-active .elementor-select-preset-list .elementor-preset .e-preset--container::before {
3105 +.elementor-select-preset-list .elementor-preset .e-preset--container::before {
3178 3106 content: var(--text);
3179 3107 font-family: var(--e-a-font-family);
3180 3108 font-size: 13px;
3181 3109 font-weight: 500;
3110 + position: absolute;
3111 + left: 50%;
3112 + top: 50%;
3182 3113 color: var(--e-a-color-white);
3183 - position: absolute;
3184 - inset-block-start: 50%;
3185 - inset-inline-start: 50%;
3186 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
3114 + transform: translate(-50%, -50%);
3187 3115 }
3188 -.elementor-editor-active .elementor-select-preset-list .elementor-preset svg {
3116 +.elementor-select-preset-list .elementor-preset svg {
3189 3117 height: 50px;
3190 3118 width: 100%;
3191 - scale: calc(1 * var(--direction-multiplier)) 1;
3192 3119 }
3193 -.elementor-editor-active .elementor-add-section[data-view=choose-action] .elementor-add-section-back {
3120 +
3121 +.elementor-add-section[data-view=choose-action] .elementor-add-section-back {
3194 3122 display: none;
3195 3123 }
3196 -.elementor-editor-active .elementor-add-section[data-view=select-preset] .elementor-add-section-back {
3124 +.elementor-add-section[data-view=select-preset] .elementor-add-section-back {
3197 3125 display: none;
3198 3126 }
3199 -.elementor-editor-active .elementor-add-section[data-view=select-type] .elementor-add-section-back {
3127 +.elementor-add-section[data-view=select-type] .elementor-add-section-back {
3200 3128 display: none;
3201 3129 }
3202 -.elementor-editor-active #elementor-add-new-section {
3130 +
3131 +#elementor-add-new-section {
3203 3132 margin: 60px auto;
3204 3133 }
3205 -.elementor-editor-active #elementor-add-new-section[data-view=choose-action] .elementor-add-section-close {
3134 +#elementor-add-new-section[data-view=choose-action] .elementor-add-section-close {
3206 3135 display: none;
3207 3136 }
3208 -.elementor-editor-active .elementor-add-section-inline {
3137 +
3138 +.elementor-add-section-inline {
3209 3139 margin: 10px auto;
3210 3140 width: 100%;
3211 3141 }
3212 3142
@@ -3277,18 +3207,18 @@
3277 3207 border-radius: 3px;
3278 3208 z-index: 9999;
3279 3209 }
3280 3210 .pen-menu:after {
3211 + top: 100%;
3281 3212 content: "";
3282 3213 position: absolute;
3283 3214 border: 6px solid transparent;
3284 3215 border-block-start-color: #3f444b;
3285 - inset-block-start: 100%;
3286 - inset-inline-start: 50%;
3216 + left: 50%;
3287 3217 transform: translateX(-50%);
3288 3218 }
3289 3219 .pen-menu-below:after {
3290 - inset-block-start: 0;
3220 + top: 0;
3291 3221 transform: translateX(-50%) translateY(-100%) rotate(180deg);
3292 3222 }
3293 3223 .pen-icon {
3294 3224 position: relative;
@@ -3312,9 +3242,9 @@
3312 3242 }
3313 3243 .pen-icon[data-action=close]:before {
3314 3244 content: "";
3315 3245 position: absolute;
3316 - inset-inline-start: 0;
3246 + left: 0;
3317 3247 height: 60%;
3318 3248 width: 1px;
3319 3249 background-color: #1f2124;
3320 3250 }
@@ -3484,23 +3414,19 @@
3484 3414 }
3485 3415
3486 3416 [class^=eicon-flex], [class*=" eicon-flex"] {
3487 3417 transition: 0.3s all;
3418 + --is-ltr: 1;
3419 + --is-rtl: 0;
3420 + --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
3488 3421 }
3489 3422 [class^=eicon-flex].eicon-inline, [class*=" eicon-flex"].eicon-inline {
3490 3423 max-height: 1em;
3491 3424 max-width: 1em;
3492 3425 }
3493 -[class^=eicon-flex], [class*=" eicon-flex"] {
3494 - --is-ltr: 1;
3495 - --is-rtl: 0;
3496 -}
3497 3426 [class^=eicon-flex]:is(.eicon-justify-start-h, .eicon-justify-end-h), [class*=" eicon-flex"]:is(.eicon-justify-start-h, .eicon-justify-end-h) {
3498 3427 --rotation-direction: calc(var(--is-ltr) + var(--is-rtl));
3499 3428 }
3500 -[class^=eicon-flex], [class*=" eicon-flex"] {
3501 - --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
3502 -}
3503 3429 :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) {
3504 3430 transform: rotate(calc(var(--rotation-direction) * 90deg));
3505 3431 }
3506 3432 :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) {
@@ -3647,10 +3573,10 @@
3647 3573 }
3648 3574
3649 3575 .elementor-element > .elementor-element-overlay {
3650 3576 position: absolute;
3651 - inset-block-start: 0;
3652 - inset-inline-end: 0;
3577 + top: 0;
3578 + right: 0;
3653 3579 letter-spacing: 0;
3654 3580 z-index: 9998;
3655 3581 pointer-events: none;
3656 3582 }
@@ -3666,12 +3592,8 @@
3666 3592 display: block;
3667 3593 text-align: center;
3668 3594 padding: 10px 0;
3669 3595 }
3670 -.elementor-element.elementor-widget-empty[data-atomic] .elementor-widget-empty-icon {
3671 - background-color: rgb(243, 243, 244);
3672 - width: 100%;
3673 -}
3674 3596 .elementor-element:not(:hover):not(.elementor-element-editable) > .elementor-element-overlay .elementor-editor-element-settings {
3675 3597 display: none;
3676 3598 }
3677 3599 .elementor-element--toggle-edit-tools > .elementor-element-overlay .elementor-editor-element-edit:not(.elementor-active) ~ * {
@@ -3730,9 +3652,12 @@
3730 3652 }
3731 3653
3732 3654 .elementor-empty-view {
3733 3655 position: absolute;
3734 - inset: 0;
3656 + top: 0;
3657 + bottom: 0;
3658 + left: 0;
3659 + right: 0;
3735 3660 z-index: 1;
3736 3661 }
3737 3662
3738 3663 .elementor-first-add {
@@ -3798,15 +3723,8 @@
3798 3723 .elementor-widget-placeholder {
3799 3724 height: 10px;
3800 3725 animation-name: placeholder-widget;
3801 3726 }
3802 -.elementor-widget-placeholder.is-logical {
3803 - margin-top: var(--e-placeholder-margin-top);
3804 - margin-bottom: var(--e-placeholder-margin-bottom);
3805 - margin-inline-start: var(--e-placeholder-margin-inline-start);
3806 - width: var(--e-placeholder-width);
3807 - min-width: 200px;
3808 -}
3809 3727
3810 3728 .elementor-draggable-over:not([data-dragged-element=section]):not([data-dragged-is-inner=true]) > .elementor-empty-view > .elementor-first-add:after,
3811 3729 .elementor-first-add.elementor-html5dnd-current-element:after {
3812 3730 content: "";
@@ -3837,20 +3755,8 @@
3837 3755 .elementor-editor-preview .elementor-empty-view,
3838 3756 .elementor-editor-preview .elementor-widget-empty {
3839 3757 display: none;
3840 3758 }
3841 -.elementor-editor-preview :where(.elementor-edit-area-active) .elementor-element-overlay,
3842 -.elementor-editor-preview :where(.elementor-edit-area-active) .elementor-empty,
3843 -.elementor-editor-preview :where(.elementor-edit-area-active) .elementor-empty-view,
3844 -.elementor-editor-preview :where(.elementor-edit-area-active) .elementor-widget-empty {
3845 - display: revert;
3846 -}
3847 -.elementor-editor-preview :where(.elementor-edit-area-active.elementor-widget-e-component) > .elementor-section-wrap > :first-child > .elementor-element-overlay::after {
3848 - outline-color: var(--e-p-border-global-element);
3849 -}
3850 -.elementor-editor-preview :where(.elementor-edit-area-active.elementor-widget-e-component) > .elementor-section-wrap > :first-child.elementor-element-editable > .elementor-element-overlay::after {
3851 - outline-offset: -1px;
3852 -}
3853 3759
3854 3760 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen,
3855 3761 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop,
3856 3762 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop,
@@ -3893,9 +3799,12 @@
3893 3799 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.e-con:before {
3894 3800 content: "";
3895 3801 display: block;
3896 3802 position: absolute;
3897 - inset: 0;
3803 + top: 0;
3804 + left: 0;
3805 + width: 100%;
3806 + height: 100%;
3898 3807 background-color: rgba(255, 255, 255, 0.6);
3899 3808 z-index: 9997;
3900 3809 }
3901 3810 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.e-con,
@@ -3915,27 +3824,21 @@
3915 3824 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-inner-section .elementor-container,
3916 3825 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-inner-section .elementor-container {
3917 3826 width: 100%;
3918 3827 }
3919 -.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)),
3828 +.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,
3920 3829 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop > .elementor-widget-container,
3921 3830 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop > .elementor-widget-wrap,
3922 -.e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop:not(:has(> .elementor-widget-container)),
3923 3831 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop > .elementor-widget-container,
3924 3832 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop > .elementor-widget-wrap,
3925 -.e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop:not(:has(> .elementor-widget-container)),
3926 3833 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra > .elementor-widget-container,
3927 3834 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra > .elementor-widget-wrap,
3928 -.e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra:not(:has(> .elementor-widget-container)),
3929 3835 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet > .elementor-widget-container,
3930 3836 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet > .elementor-widget-wrap,
3931 -.e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet:not(:has(> .elementor-widget-container)),
3932 3837 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra > .elementor-widget-container,
3933 3838 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra > .elementor-widget-wrap,
3934 -.e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra:not(:has(> .elementor-widget-container)),
3935 3839 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-container,
3936 -.e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-wrap,
3937 -.e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile:not(:has(> .elementor-widget-container)) {
3840 +.e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-wrap {
3938 3841 filter: opacity(0.4) saturate(0);
3939 3842 }
3940 3843 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.elementor-edit-hidden,
3941 3844 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-edit-hidden,
@@ -3946,20 +3849,10 @@
3946 3849 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-edit-hidden {
3947 3850 display: none;
3948 3851 }
3949 3852
3950 -.e-youtube-base iframe {
3951 - pointer-events: none;
3952 -}
3953 -
3954 -.elementor-widget-e-component[data-atomic].elementor-edit-area-active > * > * {
3955 - pointer-events: initial;
3956 -}
3957 -.elementor-widget-e-component[data-atomic]:not(.elementor-edit-area-active) > * > * {
3958 - pointer-events: none;
3959 -}
3960 -
3961 -.elementor-editor-element-overlay-settings {
3853 +.elementor-editor-section-settings,
3854 +.elementor-editor-container-settings {
3962 3855 height: 24px;
3963 3856 top: 1px;
3964 3857 left: 50%;
3965 3858 transform: translateX(-50%) translateY(-100%);
@@ -3967,29 +3860,30 @@
3967 3860 border-start-start-radius: 5px;
3968 3861 border-start-end-radius: 5px;
3969 3862 border-end-start-radius: 0;
3970 3863 border-end-end-radius: 0;
3971 - stroke: transparent;
3972 - stroke-width: 0;
3973 - -webkit-text-stroke: 0 transparent;
3974 3864 }
3975 -.elementor-editor-element-overlay-settings i.eicon-handle {
3865 +.elementor-editor-section-settings i.eicon-handle,
3866 +.elementor-editor-container-settings i.eicon-handle {
3976 3867 font-size: 16px;
3977 3868 }
3978 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:hover {
3869 +.elementor-editor-section-settings .elementor-editor-element-setting:hover,
3870 +.elementor-editor-container-settings .elementor-editor-element-setting:hover {
3979 3871 background-color: var(--e-p-border-section-hover);
3980 3872 }
3981 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child {
3873 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child,
3874 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child {
3982 3875 border-start-start-radius: 5px;
3983 3876 border-start-end-radius: 0;
3984 3877 border-end-start-radius: 0;
3985 3878 border-end-end-radius: 0;
3986 3879 }
3987 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child:before {
3880 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child:before,
3881 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child:before {
3988 3882 content: "";
3989 3883 position: absolute;
3990 - inset-block-start: 2px;
3991 - inset-inline-end: calc(100% - 1px);
3884 + top: 2px;
3885 + right: calc(100% - 1px);
3992 3886 border-block-start: 22px solid transparent;
3993 3887 border-block-end: 0 none transparent;
3994 3888 border-inline-start: 0 none transparent;
3995 3889 border-inline-end: 12px solid var(--e-p-border-section);
@@ -3994,22 +3888,25 @@
3994 3888 border-inline-start: 0 none transparent;
3995 3889 border-inline-end: 12px solid var(--e-p-border-section);
3996 3890 transition: var(--e-a-transition-hover);
3997 3891 }
3998 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child:hover:before {
3892 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child:hover:before,
3893 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child:hover:before {
3999 3894 border-inline-end-color: var(--e-p-border-section-hover);
4000 3895 }
4001 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child {
3896 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child,
3897 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child {
4002 3898 border-start-start-radius: 0;
4003 3899 border-start-end-radius: 5px;
4004 3900 border-end-start-radius: 0;
4005 3901 border-end-end-radius: 0;
4006 3902 }
4007 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child:after {
3903 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child:after,
3904 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child:after {
4008 3905 content: "";
4009 3906 position: absolute;
4010 - inset-block-start: 2px;
4011 - inset-inline-start: calc(100% - 1px);
3907 + top: 2px;
3908 + left: calc(100% - 1px);
4012 3909 border-block-start: 22px solid transparent;
4013 3910 border-block-end: 0 none transparent;
4014 3911 border-inline-start: 12px solid var(--e-p-border-section);
4015 3912 border-inline-end: 0 none transparent;
@@ -4014,13 +3911,15 @@
4014 3911 border-inline-start: 12px solid var(--e-p-border-section);
4015 3912 border-inline-end: 0 none transparent;
4016 3913 transition: var(--e-a-transition-hover);
4017 3914 }
4018 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child:hover:after {
3915 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child:hover:after,
3916 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child:hover:after {
4019 3917 border-inline-start-color: var(--e-p-border-section-hover);
4020 3918 }
4021 3919
4022 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings {
3920 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings,
3921 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings {
4023 3922 transform: translateX(-50%);
4024 3923 border-start-start-radius: 0;
4025 3924 border-start-end-radius: 0;
4026 3925 border-end-start-radius: 5px;
@@ -4025,15 +3924,17 @@
4025 3924 border-start-end-radius: 0;
4026 3925 border-end-start-radius: 5px;
4027 3926 border-end-end-radius: 5px;
4028 3927 }
4029 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child {
3928 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child,
3929 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child {
4030 3930 border-start-start-radius: 0;
4031 3931 border-start-end-radius: 0;
4032 3932 border-end-start-radius: 5px;
4033 3933 border-end-end-radius: 0;
4034 3934 }
4035 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before {
3935 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before,
3936 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before {
4036 3937 top: 0;
4037 3938 border-block-start: 0 none transparent;
4038 3939 border-block-end: 22px solid transparent;
4039 3940 border-inline-start: 0 none transparent;
@@ -4039,15 +3940,17 @@
4039 3940 border-inline-start: 0 none transparent;
4040 3941 border-inline-end: 12px solid var(--e-p-border-section);
4041 3942 transition: var(--e-a-transition-hover);
4042 3943 }
4043 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child {
3944 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child,
3945 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child {
4044 3946 border-start-start-radius: 0;
4045 3947 border-start-end-radius: 0;
4046 3948 border-end-start-radius: 0;
4047 3949 border-end-end-radius: 5px;
4048 3950 }
4049 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after {
3951 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after,
3952 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after {
4050 3953 top: 0;
4051 3954 border-block-start: 0 none transparent;
4052 3955 border-block-end: 22px solid transparent;
4053 3956 border-inline-start: 12px solid var(--e-p-border-section);
@@ -4055,14 +3958,17 @@
4055 3958 transition: var(--e-a-transition-hover);
4056 3959 }
4057 3960
4058 3961 .elementor-column > .elementor-element-overlay {
4059 - inset-block-end: 0;
4060 - inset-inline-start: 0;
3962 + left: 0;
3963 + bottom: 0;
4061 3964 }
4062 3965 .elementor-column > .elementor-element-overlay:after {
4063 3966 position: absolute;
4064 - inset: 0;
3967 + left: 0;
3968 + right: 0;
3969 + top: 0;
3970 + bottom: 0;
4065 3971 outline: 1px dashed var(--e-p-border-column);
4066 3972 }
4067 3973 .elementor-column:hover > .elementor-element-overlay:after {
4068 3974 content: "";
@@ -4080,10 +3986,10 @@
4080 3986 .elementor-column > .ui-resizable-e, .elementor-column > .ui-resizable-w {
4081 3987 cursor: col-resize;
4082 3988 width: 7px;
4083 3989 position: absolute;
4084 - inset-block-start: 0;
4085 - inset-inline-end: -5px;
3990 + right: -5px;
3991 + top: 0;
4086 3992 height: 100%;
4087 3993 }
4088 3994 .elementor-column:last-of-type > .ui-resizable-e, .elementor-column:last-of-type > .ui-resizable-w {
4089 3995 display: none !important;
@@ -4094,15 +4000,14 @@
4094 4000 }
4095 4001 }
4096 4002
4097 4003 .elementor-editor-column-settings {
4098 - inset-block-start: -1px;
4099 - inset-inline-start: -1px;
4004 + top: -1px;
4005 + left: -1px;
4100 4006 border-start-start-radius: 0;
4101 4007 border-start-end-radius: 0;
4102 4008 border-end-start-radius: 0;
4103 4009 border-end-end-radius: 3px;
4104 - transform: none;
4105 4010 overflow: hidden;
4106 4011 }
4107 4012 .elementor-editor-column-settings .elementor-editor-element-setting {
4108 4013 background-color: var(--e-p-border-column);
@@ -4116,9 +4021,12 @@
4116 4021 }
4117 4022 .elementor-column-placeholder:before, .elementor-column-placeholder:after {
4118 4023 content: "";
4119 4024 position: absolute;
4120 - inset: 10px;
4025 + top: 10px;
4026 + bottom: 10px;
4027 + right: 10px;
4028 + left: 10px;
4121 4029 }
4122 4030 .elementor-column-placeholder:before {
4123 4031 border: 1px solid var(--e-p-border-column);
4124 4032 }
@@ -4129,9 +4037,9 @@
4129 4037 .elementor-column-percents-tooltip {
4130 4038 position: absolute;
4131 4039 display: none;
4132 4040 pointer-events: none;
4133 - inset-block-start: 50%;
4041 + top: 50%;
4134 4042 transform: translateY(-50%);
4135 4043 color: #fff;
4136 4044 font-size: 10px;
4137 4045 background-color: var(--e-p-border-column);
@@ -4169,10 +4077,10 @@
4169 4077 }
4170 4078
4171 4079 .elementor-editor-widget-settings {
4172 4080 z-index: 2;
4173 - inset-block-start: -1px;
4174 - inset-inline-end: -1px;
4081 + top: -1px;
4082 + right: -1px;
4175 4083 flex-direction: row-reverse;
4176 4084 border-start-start-radius: 0;
4177 4085 border-start-end-radius: 0;
4178 4086 border-end-start-radius: 3px;
@@ -4185,9 +4093,9 @@
4185 4093 .elementor-editor-widget-settings .elementor-editor-element-setting:hover {
4186 4094 background-color: var(--e-p-border-widget-hover);
4187 4095 }
4188 4096
4189 -.e-widget-pro-promotion {
4097 +.e-widget-pro-promotion .elementor-widget-container {
4190 4098 border: 2px dashed var(--e-a-border-color-bold);
4191 4099 background-color: var(--e-a-color-white);
4192 4100 padding: 20px;
4193 4101 }
@@ -4244,15 +4152,18 @@
4244 4152 }
4245 4153
4246 4154 .elementor-section > .elementor-element-overlay,
4247 4155 .e-con > .elementor-element-overlay {
4248 - inset-block-end: 0;
4249 - inset-inline-start: 0;
4156 + left: 0;
4157 + bottom: 0;
4250 4158 }
4251 4159 .elementor-section > .elementor-element-overlay:after,
4252 4160 .e-con > .elementor-element-overlay:after {
4253 4161 position: absolute;
4254 - inset: 1px;
4162 + left: 1px;
4163 + right: 1px;
4164 + top: 1px;
4165 + bottom: 1px;
4255 4166 outline: 1px solid var(--e-p-border-con);
4256 4167 animation: section-outline 0.75s;
4257 4168 }
4258 4169 .elementor-section:hover > .elementor-element-overlay:after,
@@ -4275,11 +4186,8 @@
4275 4186 position: relative;
4276 4187 width: 100%;
4277 4188 height: 100%;
4278 4189 min-height: 100px;
4279 - stroke: transparent;
4280 - stroke-width: 0;
4281 - -webkit-text-stroke: 0 transparent;
4282 4190 }
4283 4191 .e-con .elementor-empty-view .elementor-first-add {
4284 4192 width: auto;
4285 4193 height: auto;
@@ -4299,11 +4207,9 @@
4299 4207 align-self: stretch;
4300 4208 z-index: 1;
4301 4209 pointer-events: none;
4302 4210 }
4303 -.e-con.e-con--row > .elementor-widget-placeholder,
4304 -.e-con.e-con--row > .elementor-element[data-atomic] > .elementor-widget-placeholder, .e-con.e-con--row > .e-con-inner > .elementor-widget-placeholder,
4305 -.e-con.e-con--row > .e-con-inner > .elementor-element[data-atomic] > .elementor-widget-placeholder {
4211 +.e-con.e-con--row > .elementor-widget-placeholder, .e-con.e-con--row > .e-con-inner > .elementor-widget-placeholder {
4306 4212 position: relative;
4307 4213 z-index: 9999;
4308 4214 width: var(--size);
4309 4215 margin-inline-start: var(--margin-start);
@@ -4387,53 +4293,8 @@
4387 4293 display: block;
4388 4294 padding: 2px;
4389 4295 }
4390 4296
4391 -.e-atomic-element:has(.elementor-empty-view) {
4392 - min-height: 120px;
4393 -}
4394 -.e-atomic-element > .elementor-empty-view.elementor-empty-view {
4395 - min-height: inherit;
4396 -}
4397 -
4398 -.e-grid-base > .elementor-empty-view.elementor-empty-view > .elementor-first-add {
4399 - opacity: 0;
4400 -}
4401 -.e-grid-base:has(> .elementor-element) > .elementor-empty-view.elementor-empty-view {
4402 - position: absolute;
4403 - grid-row: var(--e-grid-empty-cell-row, 1)/span 1;
4404 - grid-column: var(--e-grid-empty-cell-col, 1)/span 1;
4405 - visibility: var(--e-grid-empty-cell-visibility, visible);
4406 - inset: 0;
4407 - width: auto;
4408 - height: auto;
4409 - min-width: 0;
4410 - min-height: 0;
4411 -}
4412 -.e-grid-base .elementor-element:has(> .elementor-widget-placeholder.e-dragging-top),
4413 -.e-grid-base .elementor-element:has(> .elementor-widget-placeholder.e-dragging-bottom),
4414 -.e-grid-base .elementor-element > :has(> .elementor-widget-placeholder.e-dragging-top),
4415 -.e-grid-base .elementor-element > :has(> .elementor-widget-placeholder.e-dragging-bottom) {
4416 - position: relative;
4417 -}
4418 -.e-grid-base .elementor-element .elementor-widget-placeholder {
4419 - --size: 10px;
4420 -}
4421 -.e-grid-base .elementor-element .elementor-widget-placeholder.e-dragging-top, .e-grid-base .elementor-element .elementor-widget-placeholder.e-dragging-bottom {
4422 - position: absolute;
4423 - width: 100%;
4424 - height: var(--size);
4425 - inset-inline: 0;
4426 - z-index: 9999;
4427 - animation: placeholder-widget 500ms;
4428 -}
4429 -.e-grid-base .elementor-element .elementor-widget-placeholder.e-dragging-top {
4430 - inset-block-start: 0;
4431 -}
4432 -.e-grid-base .elementor-element .elementor-widget-placeholder.e-dragging-bottom {
4433 - inset-block-end: 0;
4434 -}
4435 -
4436 4297 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 {
4437 4298 left: 0;
4438 4299 right: auto;
4439 4300 }
@@ -4489,15 +4350,8 @@
4489 4350 }
4490 4351 .e-con-select-preset[data-view=drop-area] > *:not(.elementor-first-add) {
4491 4352 display: none;
4492 4353 }
4493 -.e-con-select-preset-grid {
4494 - flex-wrap: wrap;
4495 - gap: 20px;
4496 -}
4497 -.e-con-select-preset-grid .e-con-select-preset__list .e-con-preset rect {
4498 - fill: transparent;
4499 -}
4500 4354 .e-con-select-preset__title {
4501 4355 font-family: var(--e-a-font-family);
4502 4356 font-size: 15px;
4503 4357 font-weight: 400;
@@ -4513,24 +4367,13 @@
4513 4367 }
4514 4368 .e-con-select-preset__list .e-con-preset {
4515 4369 cursor: pointer;
4516 4370 flex-basis: 90px;
4517 - padding: unset;
4518 - margin: unset;
4519 - border: unset;
4520 - border-radius: unset;
4521 - outline: unset;
4522 - box-shadow: unset;
4523 - text-shadow: unset;
4524 - background-color: unset;
4525 4371 }
4526 4372 .e-con-select-preset__list .e-con-preset svg {
4527 4373 width: 100%;
4528 4374 height: auto;
4529 4375 }
4530 -.e-con-select-preset__list .e-con-preset svg:not(.exclude-rtl-scale) {
4531 - scale: calc(1 * var(--direction-multiplier)) 1;
4532 -}
4533 4376 .e-con-select-preset__list .e-con-preset path {
4534 4377 fill: var(--e-a-color-white);
4535 4378 }
4536 4379 .e-con-select-preset__list .e-con-preset rect {
@@ -4536,24 +4379,11 @@
4536 4379 .e-con-select-preset__list .e-con-preset rect {
4537 4380 fill: var(--e-a-bg-active-bold);
4538 4381 transition: 0.3s all;
4539 4382 }
4540 -.e-con-select-preset__list .e-con-preset:hover, .e-con-select-preset__list .e-con-preset:focus {
4541 - border: unset;
4542 - border-radius: unset;
4543 - box-shadow: unset;
4544 - text-shadow: unset;
4545 - background-color: transparent;
4546 -}
4547 -.e-con-select-preset__list .e-con-preset:hover path, .e-con-select-preset__list .e-con-preset:focus path {
4548 - stroke: var(--e-a-color-white);
4549 -}
4550 -.e-con-select-preset__list .e-con-preset:hover rect, .e-con-select-preset__list .e-con-preset:focus rect {
4383 +.e-con-select-preset__list .e-con-preset:hover rect {
4551 4384 fill: var(--e-a-color-txt);
4552 4385 }
4553 -.e-con-select-preset__list .e-con-preset[data-preset=r100] {
4554 - scale: calc(1 * var(--direction-multiplier)) 1;
4555 -}
4556 4386 .e-con-shared-styles {
4557 4387 font-family: var(--e-a-font-family);
4558 4388 line-height: 1;
4559 4389 color: var(--e-a-color-txt);
@@ -4581,17 +4411,36 @@
4581 4411 .e-con-select-type__icons__icon svg {
4582 4412 margin-block-end: 10px;
4583 4413 width: 85px;
4584 4414 }
4585 -.e-con-select-type__icons__icon:hover svg rect, .e-con-select-type__icons__icon:focus svg rect {
4415 +.e-con-select-type__icons__icon svg:hover rect {
4586 4416 fill: var(--e-a-color-txt);
4587 4417 }
4588 -.e-con-select-type__icons__icon:hover svg path, .e-con-select-type__icons__icon:focus svg path {
4418 +.e-con-select-type__icons__icon svg:hover path {
4589 4419 stroke: var(--e-a-color-white);
4590 4420 }
4591 4421 .e-con-select-type__icons__icon__subtitle {
4592 4422 font-size: 14px;
4593 4423 font-weight: 500;
4424 +}
4425 +.e-con-select-preset-grid__title {
4426 + font-size: 15px;
4427 + font-weight: 400;
4428 +}
4429 +.e-con-select-preset-grid__list {
4430 + display: flex;
4431 + justify-content: center;
4432 + flex-wrap: wrap;
4433 + gap: 20px;
4434 +}
4435 +.e-con-select-preset-grid__list svg {
4436 + cursor: pointer;
4437 +}
4438 +.e-con-select-preset-grid__list svg:hover rect {
4439 + fill: var(--e-a-color-txt);
4440 +}
4441 +.e-con-select-preset-grid__list svg:hover path {
4442 + stroke: var(--e-a-color-white);
4594 4443 }
4595 4444 .e-con .ui-resizable-e {
4596 4445 right: 0;
4597 4446 }