PluginProbe
Elementor Website Builder – more than just a page builder / 3.30.1
Elementor Website Builder – more than just a page builder v3.30.1
4.3.2 4.3.1 4.3.0 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 All 455 releases
← All changes | assets/css/editor-preview-rtl.css +227 -173 4.1.0-dev2 → 3.30.1 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.30.0 - 07-07-2025 */
10 2 .elementor-hidden {
11 3 display: none;
12 4 }
13 5
@@ -38,16 +30,95 @@
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-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 +
50 121 .elementor-control-unit-1 {
51 122 width: 27px;
52 123 }
53 124
@@ -158,10 +229,10 @@
158 229 }
159 230 .elementor-tag-settings-popup:before {
160 231 content: "";
161 232 position: absolute;
162 - inset-block-start: -20px;
163 - inset-inline-start: 5px;
233 + top: -20px;
234 + right: 5px;
164 235 border: 10px solid transparent;
165 236 border-block-end-color: var(--e-a-border-color);
166 237 }
167 238 .elementor-tag-settings-popup .elementor-control-type-section:first-child {
@@ -271,9 +342,10 @@
271 342 display: none;
272 343 position: absolute;
273 344 box-shadow: var(--e-a-popover-shadow);
274 345 border-radius: var(--e-a-border-radius);
275 - inset-inline: 0;
346 + left: 0;
347 + right: 0;
276 348 margin: -4px auto 5px;
277 349 padding-block-start: 15px;
278 350 width: 90%;
279 351 z-index: 10000;
@@ -281,10 +353,10 @@
281 353 }
282 354 .elementor-controls-popover:before {
283 355 content: "";
284 356 position: absolute;
285 - inset-block-start: -16px;
286 - inset-inline-end: 22px;
357 + top: -16px;
358 + left: 22px;
287 359 border: 8px solid transparent;
288 360 border-block-end-color: var(--e-a-bg-default);
289 361 }
290 362 .elementor-controls-popover div.elementor-control {
@@ -397,36 +469,23 @@
397 469 }
398 470 body:not(.elementor-device-mobile) .elementor-control.elementor-control-responsive-mobile {
399 471 display: none;
400 472 }
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 473 .elementor-control-custom_css_pro .elementor-nerd-box-message, .elementor-control-custom_attributes_pro .elementor-nerd-box-message {
415 474 margin-block-start: 5px;
416 475 }
417 476
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);
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";
424 483 }
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;
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";
429 488 }
430 489
431 490 .elementor-panel-heading {
432 491 display: flex;
@@ -528,13 +587,11 @@
528 587 .elementor-group-control-attachment_alert .elementor-control-field-description {
529 588 margin-block-start: 0;
530 589 }
531 590
532 -.elementor-control-start-end .eicon-text-align-left,
533 -.elementor-control-start-end .eicon-text-align-right,
534 591 .elementor-control-start-end .eicon-h-align-left,
535 592 .elementor-control-start-end .eicon-h-align-right {
536 - scale: calc(1 * var(--direction-multiplier)) 1;
593 + transform: rotate(180deg);
537 594 }
538 595
539 596 .elementor-update-preview {
540 597 margin: 15px 15px 0;
@@ -571,9 +628,9 @@
571 628 }
572 629 .elementor-control-responsive-switchers__holder {
573 630 position: absolute;
574 631 width: 100%;
575 - inset-block-start: 0;
632 + top: 0;
576 633 background-color: var(--e-a-bg-default);
577 634 border-radius: var(--e-a-border-radius);
578 635 transition: 0.15s;
579 636 border: 1px solid transparent;
@@ -716,10 +773,10 @@
716 773 display: none;
717 774 overflow: hidden;
718 775 max-height: 0;
719 776 position: absolute;
720 - inset-block-start: -0.8em;
721 - inset-inline-start: -0.5em;
777 + top: -0.8em;
778 + right: -0.5em;
722 779 width: 2.5em;
723 780 text-align: center;
724 781 background-color: var(--e-a-bg-default);
725 782 border-radius: var(--e-a-border-radius);
@@ -894,9 +951,9 @@
894 951 }
895 952 .elementor-control-responsive-switchers__holder {
896 953 position: absolute;
897 954 width: 100%;
898 - inset-block-start: 0;
955 + top: 0;
899 956 background-color: var(--e-a-bg-default);
900 957 border-radius: var(--e-a-border-radius);
901 958 transition: 0.15s;
902 959 border: 1px solid transparent;
@@ -1039,10 +1096,10 @@
1039 1096 display: none;
1040 1097 overflow: hidden;
1041 1098 max-height: 0;
1042 1099 position: absolute;
1043 - inset-block-start: -0.8em;
1044 - inset-inline-start: -0.5em;
1100 + top: -0.8em;
1101 + right: -0.5em;
1045 1102 width: 2.5em;
1046 1103 text-align: center;
1047 1104 background-color: var(--e-a-bg-default);
1048 1105 border-radius: var(--e-a-border-radius);
@@ -1172,9 +1229,9 @@
1172 1229 }
1173 1230 .elementor-control-responsive-switchers__holder {
1174 1231 position: absolute;
1175 1232 width: 100%;
1176 - inset-block-start: 0;
1233 + top: 0;
1177 1234 background-color: var(--e-a-bg-default);
1178 1235 border-radius: var(--e-a-border-radius);
1179 1236 transition: 0.15s;
1180 1237 border: 1px solid transparent;
@@ -1317,10 +1374,10 @@
1317 1374 display: none;
1318 1375 overflow: hidden;
1319 1376 max-height: 0;
1320 1377 position: absolute;
1321 - inset-block-start: -0.8em;
1322 - inset-inline-start: -0.5em;
1378 + top: -0.8em;
1379 + right: -0.5em;
1323 1380 width: 2.5em;
1324 1381 text-align: center;
1325 1382 background-color: var(--e-a-bg-default);
1326 1383 border-radius: var(--e-a-border-radius);
@@ -1440,11 +1497,11 @@
1440 1497 }
1441 1498
1442 1499 .elementor-control-type-icons .elementor-control-media__preview > * {
1443 1500 position: absolute;
1444 - inset-block-start: 50%;
1445 - inset-inline-start: 50%;
1446 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
1501 + top: 50%;
1502 + left: 50%;
1503 + transform: translate(-50%, -50%);
1447 1504 }
1448 1505 .elementor-control-type-icons .elementor-control-media__preview i {
1449 1506 font-size: 70px;
1450 1507 }
@@ -1510,10 +1567,10 @@
1510 1567 opacity: 0;
1511 1568 }
1512 1569 .elementor-control-type-gallery .elementor-control-gallery-edit span {
1513 1570 position: absolute;
1514 - inset-block-start: 10px;
1515 - inset-inline-end: 10px;
1571 + top: 10px;
1572 + left: 10px;
1516 1573 width: 21px;
1517 1574 height: 21px;
1518 1575 color: var(--e-a-color-white);
1519 1576 background-color: rgba(0, 0, 0, 0.5);
@@ -1623,10 +1680,10 @@
1623 1680 }
1624 1681 .e-global__popover-info-tooltip:after {
1625 1682 content: "";
1626 1683 position: absolute;
1627 - inset-block-end: -17px;
1628 - inset-inline-start: 16px;
1684 + bottom: -17px;
1685 + right: 16px;
1629 1686 border: 10px solid transparent;
1630 1687 border-block-start-color: rgba(0, 0, 0, 0.9);
1631 1688 }
1632 1689 .e-global__popover-info i {
@@ -1643,19 +1700,8 @@
1643 1700 .e-global__preview-items-container::-webkit-scrollbar-thumb {
1644 1701 background-color: #BABFC5;
1645 1702 border-radius: 10px;
1646 1703 }
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 1704 .e-global__manage-button {
1659 1705 font-weight: 500;
1660 1706 cursor: pointer;
1661 1707 }
@@ -1671,9 +1717,9 @@
1671 1717 font-size: 13px;
1672 1718 content: "\e90e";
1673 1719 position: absolute;
1674 1720 transform: translateY(-50%);
1675 - inset-block-start: 50%;
1721 + top: 50%;
1676 1722 inset-inline-start: 13px;
1677 1723 }
1678 1724 .e-global__color {
1679 1725 padding: 10px 20px;
@@ -1814,11 +1860,11 @@
1814 1860 display: none;
1815 1861 }
1816 1862 .elementor-control-media .eicon-plus-circle {
1817 1863 position: absolute;
1818 - inset-block-start: 50%;
1819 - inset-inline-start: 50%;
1820 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
1864 + top: 50%;
1865 + left: 50%;
1866 + transform: translate(-50%, -50%);
1821 1867 color: var(--e-a-color-white);
1822 1868 font-size: 20px;
1823 1869 }
1824 1870 .elementor-control-media__content__upload-button {
@@ -1841,11 +1887,11 @@
1841 1887 display: none;
1842 1888 }
1843 1889 .elementor-control-media-area .eicon-video-camera {
1844 1890 position: absolute;
1845 - inset-block-start: 50%;
1846 - inset-inline-start: 50%;
1847 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
1891 + top: 50%;
1892 + left: 50%;
1893 + transform: translate(-50%, -50%);
1848 1894 color: rgba(255, 255, 255, 0.7);
1849 1895 font-size: 21px;
1850 1896 }
1851 1897 .elementor-control-media .elementor-control-media__content {
@@ -1861,9 +1907,9 @@
1861 1907 background-color: rgba(0, 0, 0, 0.2);
1862 1908 pointer-events: none;
1863 1909 }
1864 1910 .elementor-control-media .elementor-control-media__content:not(:hover) .elementor-control-media__tools {
1865 - inset-block-end: -30px;
1911 + bottom: -30px;
1866 1912 }
1867 1913 .elementor-control-media__content {
1868 1914 transition: all 0.2s ease-in-out;
1869 1915 }
@@ -1868,10 +1914,11 @@
1868 1914 transition: all 0.2s ease-in-out;
1869 1915 }
1870 1916 .elementor-control-media__tools {
1871 1917 position: absolute;
1872 - inset-block-end: 0;
1873 - inset-inline: 0;
1918 + bottom: 0;
1919 + left: 0;
1920 + right: 0;
1874 1921 height: 27px;
1875 1922 transition: all 0.2s ease-in-out;
1876 1923 }
1877 1924 .elementor-control-media__tools > *:not(:first-child) {
@@ -1898,10 +1945,10 @@
1898 1945 }
1899 1946 .elementor-control-media__content__remove {
1900 1947 position: absolute;
1901 1948 z-index: 1;
1902 - inset-block-start: 10px;
1903 - inset-inline-end: 10px;
1949 + top: 10px;
1950 + left: 10px;
1904 1951 width: 20px;
1905 1952 height: 20px;
1906 1953 font-size: 11px;
1907 1954 color: var(--e-a-color-white);
@@ -2242,11 +2289,11 @@
2242 2289 font-family: eicons;
2243 2290 content: "\e8ad";
2244 2291 font-size: 12px;
2245 2292 position: absolute;
2246 - inset-block-start: 50%;
2247 - inset-inline-end: 5px;
2293 + top: 50%;
2248 2294 transform: translateY(-50%);
2295 + left: 5px;
2249 2296 pointer-events: none;
2250 2297 }
2251 2298 .elementor-control-type-select .elementor-control-field.elementor-control-field-select-small .elementor-control-input-wrapper {
2252 2299 max-width: 80px;
@@ -2280,14 +2327,14 @@
2280 2327 }
2281 2328 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle {
2282 2329 border-radius: 0;
2283 2330 width: 10px;
2284 - transform: translateY(calc(50% - 14px)) translateX(calc(4px * var(--direction-multiplier)));
2331 + transform: translateY(calc(50% - 14px)) translateX(-4px);
2285 2332 }
2286 2333 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle:after {
2287 2334 content: "";
2288 2335 position: absolute;
2289 - inset-block-start: 2px;
2336 + top: 2px;
2290 2337 height: 12px;
2291 2338 width: 11px;
2292 2339 transform: rotate(45deg);
2293 2340 background-color: var(--e-a-color-white);
@@ -2364,11 +2411,11 @@
2364 2411 .elementor-slider .noUi-handle {
2365 2412 height: 16px;
2366 2413 width: 16px;
2367 2414 background-color: var(--e-a-color-white);
2415 + left: 0;
2416 + transform: translateY(calc(50% - 14px)) translateX(-8px);
2368 2417 position: absolute;
2369 - inset-inline-end: 0;
2370 - transform: translateY(calc(50% - 14px)) translateX(calc(8px * var(--direction-multiplier)));
2371 2418 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
2372 2419 border-radius: 50%;
2373 2420 }
2374 2421 .elementor-slider .noUi-connects {
@@ -2385,9 +2432,9 @@
2385 2432 background-color: var(--e-a-border-color-focus);
2386 2433 }
2387 2434 .elementor-slider .noUi-tooltip {
2388 2435 position: absolute;
2389 - inset-block-start: calc(100% + 5px);
2436 + top: calc(100% + 5px);
2390 2437 left: calc(50% - 4px);
2391 2438 transform: translateX(-50%);
2392 2439 font-size: 10px;
2393 2440 }
@@ -2474,9 +2521,9 @@
2474 2521 transition-property: opacity, background;
2475 2522 }
2476 2523 .elementor-control-type-switcher .elementor-switch-label:before, .elementor-control-type-switcher .elementor-switch-label:after {
2477 2524 position: absolute;
2478 - inset-block-start: 0;
2525 + top: 0;
2479 2526 width: 50%;
2480 2527 text-align: center;
2481 2528 line-height: 20px;
2482 2529 transition: inherit;
@@ -2482,14 +2529,14 @@
2482 2529 transition: inherit;
2483 2530 }
2484 2531 .elementor-control-type-switcher .elementor-switch-label:before {
2485 2532 content: attr(data-off);
2486 - inset-inline-end: 5px;
2533 + right: 5px;
2487 2534 color: var(--e-a-color-txt-muted);
2488 2535 }
2489 2536 .elementor-control-type-switcher .elementor-switch-label:after {
2490 2537 content: attr(data-on);
2491 - inset-inline-start: 5px;
2538 + left: 5px;
2492 2539 color: var(--e-a-btn-color);
2493 2540 opacity: 0;
2494 2541 }
2495 2542 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label {
@@ -2502,19 +2549,19 @@
2502 2549 opacity: 1;
2503 2550 }
2504 2551 .elementor-control-type-switcher .elementor-switch-handle {
2505 2552 position: absolute;
2506 - inset-block-start: 1px;
2507 - inset-inline-start: 1px;
2553 + top: 1px;
2554 + left: 1px;
2508 2555 width: 18px;
2509 2556 height: 18px;
2510 2557 background: white;
2511 2558 border-radius: 10px;
2512 - transition: inset-inline-start 0.15s ease-out;
2559 + transition: left 0.15s ease-out;
2513 2560 }
2514 2561 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-handle {
2515 - inset-inline-start: initial;
2516 - inset-inline-end: 1px;
2562 + left: initial;
2563 + right: 1px;
2517 2564 }
2518 2565
2519 2566 .elementor-control-type-tabs {
2520 2567 display: none;
@@ -2566,10 +2613,10 @@
2566 2613 }
2567 2614 .elementor-control-type-textarea:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher,
2568 2615 .elementor-control-type-code:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher {
2569 2616 position: absolute;
2570 - inset-block-start: 0;
2571 - inset-inline-end: 0;
2617 + top: 0;
2618 + left: 0;
2572 2619 z-index: 1;
2573 2620 }
2574 2621 .elementor-control-type-textarea .elementor-control-input-wrapper,
2575 2622 .elementor-control-type-code .elementor-control-input-wrapper {
@@ -2647,10 +2694,10 @@
2647 2694 }
2648 2695 .elementor-control-type-url .elementor-control-url-autocomplete-spinner {
2649 2696 display: none;
2650 2697 position: absolute;
2651 - inset-block-start: 5px;
2652 - inset-inline-end: 0;
2698 + top: 5px;
2699 + right: 0;
2653 2700 width: 10px;
2654 2701 height: 10px;
2655 2702 font-size: 10px;
2656 2703 color: var(--e-a-color-txt-disabled);
@@ -2729,9 +2776,8 @@
2729 2776 font-size: 12px;
2730 2777 transition: var(--e-a-transition-hover);
2731 2778 cursor: pointer;
2732 2779 overflow: hidden;
2733 - width: 100%;
2734 2780 padding: 8px;
2735 2781 }
2736 2782 .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 2783 background-color: var(--e-a-bg-active-bold);
@@ -2986,16 +3032,13 @@
2986 3032 --e-p-border-widget-invert: #0C0D0E;
2987 3033 --e-p-border-global: #5EEAD4;
2988 3034 --e-p-border-global-hover: #1DDDBF;
2989 3035 --e-p-border-global-invert: #0C0D0E;
2990 - --e-p-border-global-element: #5EEAD4;
2991 3036 }
2992 3037
2993 3038 .elementor-editor-active .elementor-add-section {
2994 3039 all: initial;
2995 3040 display: flex;
2996 - flex-wrap: wrap;
2997 - justify-content: center;
2998 3041 max-width: 1160px;
2999 3042 position: relative;
3000 3043 margin-inline: auto;
3001 3044 }
@@ -3105,9 +3148,9 @@
3105 3148 inset-inline-end: 40px;
3106 3149 }
3107 3150 .elementor-editor-active .elementor-add-section-back {
3108 3151 inset-inline-start: 40px;
3109 - scale: calc(1 * var(--direction-multiplier)) 1;
3152 + transform: scaleX(-1);
3110 3153 }
3111 3154 .elementor-editor-active .elementor-add-section-close,
3112 3155 .elementor-editor-active .elementor-add-section-back {
3113 3156 position: absolute;
@@ -3178,18 +3221,18 @@
3178 3221 content: var(--text);
3179 3222 font-family: var(--e-a-font-family);
3180 3223 font-size: 13px;
3181 3224 font-weight: 500;
3225 + position: absolute;
3226 + left: 50%;
3227 + top: 50%;
3182 3228 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%);
3229 + transform: translate(-50%, -50%);
3187 3230 }
3188 3231 .elementor-editor-active .elementor-select-preset-list .elementor-preset svg {
3189 3232 height: 50px;
3190 3233 width: 100%;
3191 - scale: calc(1 * var(--direction-multiplier)) 1;
3234 + transform: rotate(180deg);
3192 3235 }
3193 3236 .elementor-editor-active .elementor-add-section[data-view=choose-action] .elementor-add-section-back {
3194 3237 display: none;
3195 3238 }
@@ -3277,18 +3320,18 @@
3277 3320 border-radius: 3px;
3278 3321 z-index: 9999;
3279 3322 }
3280 3323 .pen-menu:after {
3324 + top: 100%;
3281 3325 content: "";
3282 3326 position: absolute;
3283 3327 border: 6px solid transparent;
3284 3328 border-block-start-color: #3f444b;
3285 - inset-block-start: 100%;
3286 - inset-inline-start: 50%;
3329 + left: 50%;
3287 3330 transform: translateX(-50%);
3288 3331 }
3289 3332 .pen-menu-below:after {
3290 - inset-block-start: 0;
3333 + top: 0;
3291 3334 transform: translateX(-50%) translateY(-100%) rotate(180deg);
3292 3335 }
3293 3336 .pen-icon {
3294 3337 position: relative;
@@ -3312,9 +3355,9 @@
3312 3355 }
3313 3356 .pen-icon[data-action=close]:before {
3314 3357 content: "";
3315 3358 position: absolute;
3316 - inset-inline-start: 0;
3359 + right: 0;
3317 3360 height: 60%;
3318 3361 width: 1px;
3319 3362 background-color: #1f2124;
3320 3363 }
@@ -3484,23 +3527,21 @@
3484 3527 }
3485 3528
3486 3529 [class^=eicon-flex], [class*=" eicon-flex"] {
3487 3530 transition: 0.3s all;
3531 + --is-ltr: 1;
3532 + --is-rtl: 0;
3533 + --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
3534 + --is-ltr: 0;
3535 + --is-rtl: 1;
3488 3536 }
3489 3537 [class^=eicon-flex].eicon-inline, [class*=" eicon-flex"].eicon-inline {
3490 3538 max-height: 1em;
3491 3539 max-width: 1em;
3492 3540 }
3493 -[class^=eicon-flex], [class*=" eicon-flex"] {
3494 - --is-ltr: 0;
3495 - --is-rtl: 1;
3496 -}
3497 3541 [class^=eicon-flex]:is(.eicon-justify-start-h, .eicon-justify-end-h), [class*=" eicon-flex"]:is(.eicon-justify-start-h, .eicon-justify-end-h) {
3498 3542 --rotation-direction: calc(var(--is-ltr) + var(--is-rtl));
3499 3543 }
3500 -[class^=eicon-flex], [class*=" eicon-flex"] {
3501 - --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
3502 -}
3503 3544 :is(.e-ui-state--document-direction-mode__column, .e-ui-state--document-direction-mode__column-reverse) [class^=eicon-flex]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow), :is(.e-ui-state--document-direction-mode__column, .e-ui-state--document-direction-mode__column-reverse) [class*=" eicon-flex"]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow) {
3504 3545 transform: rotate(calc(var(--rotation-direction) * 90deg));
3505 3546 }
3506 3547 :is(.e-ui-state--document-direction-mode__column, .e-ui-state--document-direction-mode__column-reverse) [class^=eicon-flex]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow):is(.eicon-align-start-v, .eicon-align-end-v), :is(.e-ui-state--document-direction-mode__column, .e-ui-state--document-direction-mode__column-reverse) [class*=" eicon-flex"]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow):is(.eicon-align-start-v, .eicon-align-end-v) {
@@ -3647,10 +3688,10 @@
3647 3688 }
3648 3689
3649 3690 .elementor-element > .elementor-element-overlay {
3650 3691 position: absolute;
3651 - inset-block-start: 0;
3652 - inset-inline-end: 0;
3692 + top: 0;
3693 + left: 0;
3653 3694 letter-spacing: 0;
3654 3695 z-index: 9998;
3655 3696 pointer-events: none;
3656 3697 }
@@ -3837,20 +3878,8 @@
3837 3878 .elementor-editor-preview .elementor-empty-view,
3838 3879 .elementor-editor-preview .elementor-widget-empty {
3839 3880 display: none;
3840 3881 }
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 3882
3854 3883 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen,
3855 3884 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop,
3856 3885 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop,
@@ -3950,16 +3979,12 @@
3950 3979 .e-youtube-base iframe {
3951 3980 pointer-events: none;
3952 3981 }
3953 3982
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 {
3983 +.elementor-editor-section-settings,
3984 +.elementor-editor-container-settings,
3985 +.elementor-editor-e-flexbox-settings,
3986 +.elementor-editor-e-div-block-settings {
3962 3987 height: 24px;
3963 3988 top: 1px;
3964 3989 left: 50%;
3965 3990 transform: translateX(-50%) translateY(-100%);
@@ -3971,25 +3996,37 @@
3971 3996 stroke: transparent;
3972 3997 stroke-width: 0;
3973 3998 -webkit-text-stroke: 0 transparent;
3974 3999 }
3975 -.elementor-editor-element-overlay-settings i.eicon-handle {
4000 +.elementor-editor-section-settings i.eicon-handle,
4001 +.elementor-editor-container-settings i.eicon-handle,
4002 +.elementor-editor-e-flexbox-settings i.eicon-handle,
4003 +.elementor-editor-e-div-block-settings i.eicon-handle {
3976 4004 font-size: 16px;
3977 4005 }
3978 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:hover {
4006 +.elementor-editor-section-settings .elementor-editor-element-setting:hover,
4007 +.elementor-editor-container-settings .elementor-editor-element-setting:hover,
4008 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:hover,
4009 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:hover {
3979 4010 background-color: var(--e-p-border-section-hover);
3980 4011 }
3981 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child {
4012 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child,
4013 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child,
4014 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:first-child,
4015 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:first-child {
3982 4016 border-start-start-radius: 5px;
3983 4017 border-start-end-radius: 0;
3984 4018 border-end-start-radius: 0;
3985 4019 border-end-end-radius: 0;
3986 4020 }
3987 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child:before {
4021 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child:before,
4022 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child:before,
4023 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:first-child:before,
4024 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:first-child:before {
3988 4025 content: "";
3989 4026 position: absolute;
3990 - inset-block-start: 2px;
3991 - inset-inline-end: calc(100% - 1px);
4027 + top: 2px;
4028 + left: calc(100% - 1px);
3992 4029 border-block-start: 22px solid transparent;
3993 4030 border-block-end: 0 none transparent;
3994 4031 border-inline-start: 0 none transparent;
3995 4032 border-inline-end: 12px solid var(--e-p-border-section);
@@ -3994,22 +4031,31 @@
3994 4031 border-inline-start: 0 none transparent;
3995 4032 border-inline-end: 12px solid var(--e-p-border-section);
3996 4033 transition: var(--e-a-transition-hover);
3997 4034 }
3998 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child:hover:before {
4035 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child:hover:before,
4036 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child:hover:before,
4037 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:first-child:hover:before,
4038 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:first-child:hover:before {
3999 4039 border-inline-end-color: var(--e-p-border-section-hover);
4000 4040 }
4001 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child {
4041 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child,
4042 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child,
4043 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:last-child,
4044 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:last-child {
4002 4045 border-start-start-radius: 0;
4003 4046 border-start-end-radius: 5px;
4004 4047 border-end-start-radius: 0;
4005 4048 border-end-end-radius: 0;
4006 4049 }
4007 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child:after {
4050 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child:after,
4051 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child:after,
4052 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:last-child:after,
4053 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:last-child:after {
4008 4054 content: "";
4009 4055 position: absolute;
4010 - inset-block-start: 2px;
4011 - inset-inline-start: calc(100% - 1px);
4056 + top: 2px;
4057 + right: calc(100% - 1px);
4012 4058 border-block-start: 22px solid transparent;
4013 4059 border-block-end: 0 none transparent;
4014 4060 border-inline-start: 12px solid var(--e-p-border-section);
4015 4061 border-inline-end: 0 none transparent;
@@ -4014,9 +4060,12 @@
4014 4060 border-inline-start: 12px solid var(--e-p-border-section);
4015 4061 border-inline-end: 0 none transparent;
4016 4062 transition: var(--e-a-transition-hover);
4017 4063 }
4018 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child:hover:after {
4064 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child:hover:after,
4065 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child:hover:after,
4066 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:last-child:hover:after,
4067 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:last-child:hover:after {
4019 4068 border-inline-start-color: var(--e-p-border-section-hover);
4020 4069 }
4021 4070
4022 4071 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings {
@@ -4055,10 +4104,10 @@
4055 4104 transition: var(--e-a-transition-hover);
4056 4105 }
4057 4106
4058 4107 .elementor-column > .elementor-element-overlay {
4059 - inset-block-end: 0;
4060 - inset-inline-start: 0;
4108 + right: 0;
4109 + bottom: 0;
4061 4110 }
4062 4111 .elementor-column > .elementor-element-overlay:after {
4063 4112 position: absolute;
4064 4113 inset: 0;
@@ -4080,10 +4129,10 @@
4080 4129 .elementor-column > .ui-resizable-e, .elementor-column > .ui-resizable-w {
4081 4130 cursor: col-resize;
4082 4131 width: 7px;
4083 4132 position: absolute;
4084 - inset-block-start: 0;
4085 - inset-inline-end: -5px;
4133 + left: -5px;
4134 + top: 0;
4086 4135 height: 100%;
4087 4136 }
4088 4137 .elementor-column:last-of-type > .ui-resizable-e, .elementor-column:last-of-type > .ui-resizable-w {
4089 4138 display: none !important;
@@ -4094,15 +4143,14 @@
4094 4143 }
4095 4144 }
4096 4145
4097 4146 .elementor-editor-column-settings {
4098 - inset-block-start: -1px;
4099 - inset-inline-start: -1px;
4147 + top: -1px;
4148 + right: -1px;
4100 4149 border-start-start-radius: 0;
4101 4150 border-start-end-radius: 0;
4102 4151 border-end-start-radius: 0;
4103 4152 border-end-end-radius: 3px;
4104 - transform: none;
4105 4153 overflow: hidden;
4106 4154 }
4107 4155 .elementor-editor-column-settings .elementor-editor-element-setting {
4108 4156 background-color: var(--e-p-border-column);
@@ -4116,9 +4164,12 @@
4116 4164 }
4117 4165 .elementor-column-placeholder:before, .elementor-column-placeholder:after {
4118 4166 content: "";
4119 4167 position: absolute;
4120 - inset: 10px;
4168 + top: 10px;
4169 + bottom: 10px;
4170 + right: 10px;
4171 + left: 10px;
4121 4172 }
4122 4173 .elementor-column-placeholder:before {
4123 4174 border: 1px solid var(--e-p-border-column);
4124 4175 }
@@ -4129,9 +4180,9 @@
4129 4180 .elementor-column-percents-tooltip {
4130 4181 position: absolute;
4131 4182 display: none;
4132 4183 pointer-events: none;
4133 - inset-block-start: 50%;
4184 + top: 50%;
4134 4185 transform: translateY(-50%);
4135 4186 color: #fff;
4136 4187 font-size: 10px;
4137 4188 background-color: var(--e-p-border-column);
@@ -4169,10 +4220,10 @@
4169 4220 }
4170 4221
4171 4222 .elementor-editor-widget-settings {
4172 4223 z-index: 2;
4173 - inset-block-start: -1px;
4174 - inset-inline-end: -1px;
4224 + top: -1px;
4225 + left: -1px;
4175 4226 flex-direction: row-reverse;
4176 4227 border-start-start-radius: 0;
4177 4228 border-start-end-radius: 0;
4178 4229 border-end-start-radius: 3px;
@@ -4244,15 +4295,18 @@
4244 4295 }
4245 4296
4246 4297 .elementor-section > .elementor-element-overlay,
4247 4298 .e-con > .elementor-element-overlay {
4248 - inset-block-end: 0;
4249 - inset-inline-start: 0;
4299 + right: 0;
4300 + bottom: 0;
4250 4301 }
4251 4302 .elementor-section > .elementor-element-overlay:after,
4252 4303 .e-con > .elementor-element-overlay:after {
4253 4304 position: absolute;
4254 - inset: 1px;
4305 + left: 1px;
4306 + right: 1px;
4307 + top: 1px;
4308 + bottom: 1px;
4255 4309 outline: 1px solid var(--e-p-border-con);
4256 4310 animation: section-outline 0.75s;
4257 4311 }
4258 4312 .elementor-section:hover > .elementor-element-overlay:after,
@@ -4385,12 +4439,12 @@
4385 4439 display: block;
4386 4440 padding: 2px;
4387 4441 }
4388 4442
4389 -.e-atomic-element:has(.elementor-empty-view) {
4443 +.e-div-block-base:has(.elementor-empty-view), .e-flexbox-base:has(.elementor-empty-view) {
4390 4444 min-height: 120px;
4391 4445 }
4392 -.e-atomic-element > .elementor-empty-view.elementor-empty-view {
4446 +.e-div-block-base > .elementor-empty-view.elementor-empty-view, .e-flexbox-base > .elementor-empty-view.elementor-empty-view {
4393 4447 min-height: inherit;
4394 4448 }
4395 4449
4396 4450 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 {
@@ -4487,9 +4541,9 @@
4487 4541 width: 100%;
4488 4542 height: auto;
4489 4543 }
4490 4544 .e-con-select-preset__list .e-con-preset svg:not(.exclude-rtl-scale) {
4491 - scale: calc(1 * var(--direction-multiplier)) 1;
4545 + transform: scaleX(-1);
4492 4546 }
4493 4547 .e-con-select-preset__list .e-con-preset path {
4494 4548 fill: var(--e-a-color-white);
4495 4549 }
@@ -4510,9 +4564,9 @@
4510 4564 .e-con-select-preset__list .e-con-preset:hover rect, .e-con-select-preset__list .e-con-preset:focus rect {
4511 4565 fill: var(--e-a-color-txt);
4512 4566 }
4513 4567 .e-con-select-preset__list .e-con-preset[data-preset=r100] {
4514 - scale: calc(1 * var(--direction-multiplier)) 1;
4568 + transform: scaleX(-1);
4515 4569 }
4516 4570 .e-con-shared-styles {
4517 4571 font-family: var(--e-a-font-family);
4518 4572 line-height: 1;