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.css +220 -181 4.1.2 → 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 + left: 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 + right: 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: "\e90a";
429 488 }
430 489
431 490 .elementor-panel-heading {
432 491 display: flex;
@@ -528,15 +587,8 @@
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 -.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 591 .elementor-update-preview {
540 592 margin: 15px 15px 0;
541 593 display: flex;
542 594 align-items: center;
@@ -571,9 +623,9 @@
571 623 }
572 624 .elementor-control-responsive-switchers__holder {
573 625 position: absolute;
574 626 width: 100%;
575 - inset-block-start: 0;
627 + top: 0;
576 628 background-color: var(--e-a-bg-default);
577 629 border-radius: var(--e-a-border-radius);
578 630 transition: 0.15s;
579 631 border: 1px solid transparent;
@@ -716,10 +768,10 @@
716 768 display: none;
717 769 overflow: hidden;
718 770 max-height: 0;
719 771 position: absolute;
720 - inset-block-start: -0.8em;
721 - inset-inline-start: -0.5em;
772 + top: -0.8em;
773 + left: -0.5em;
722 774 width: 2.5em;
723 775 text-align: center;
724 776 background-color: var(--e-a-bg-default);
725 777 border-radius: var(--e-a-border-radius);
@@ -894,9 +946,9 @@
894 946 }
895 947 .elementor-control-responsive-switchers__holder {
896 948 position: absolute;
897 949 width: 100%;
898 - inset-block-start: 0;
950 + top: 0;
899 951 background-color: var(--e-a-bg-default);
900 952 border-radius: var(--e-a-border-radius);
901 953 transition: 0.15s;
902 954 border: 1px solid transparent;
@@ -1039,10 +1091,10 @@
1039 1091 display: none;
1040 1092 overflow: hidden;
1041 1093 max-height: 0;
1042 1094 position: absolute;
1043 - inset-block-start: -0.8em;
1044 - inset-inline-start: -0.5em;
1095 + top: -0.8em;
1096 + left: -0.5em;
1045 1097 width: 2.5em;
1046 1098 text-align: center;
1047 1099 background-color: var(--e-a-bg-default);
1048 1100 border-radius: var(--e-a-border-radius);
@@ -1172,9 +1224,9 @@
1172 1224 }
1173 1225 .elementor-control-responsive-switchers__holder {
1174 1226 position: absolute;
1175 1227 width: 100%;
1176 - inset-block-start: 0;
1228 + top: 0;
1177 1229 background-color: var(--e-a-bg-default);
1178 1230 border-radius: var(--e-a-border-radius);
1179 1231 transition: 0.15s;
1180 1232 border: 1px solid transparent;
@@ -1317,10 +1369,10 @@
1317 1369 display: none;
1318 1370 overflow: hidden;
1319 1371 max-height: 0;
1320 1372 position: absolute;
1321 - inset-block-start: -0.8em;
1322 - inset-inline-start: -0.5em;
1373 + top: -0.8em;
1374 + left: -0.5em;
1323 1375 width: 2.5em;
1324 1376 text-align: center;
1325 1377 background-color: var(--e-a-bg-default);
1326 1378 border-radius: var(--e-a-border-radius);
@@ -1440,11 +1492,11 @@
1440 1492 }
1441 1493
1442 1494 .elementor-control-type-icons .elementor-control-media__preview > * {
1443 1495 position: absolute;
1444 - inset-block-start: 50%;
1445 - inset-inline-start: 50%;
1446 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
1496 + top: 50%;
1497 + left: 50%;
1498 + transform: translate(-50%, -50%);
1447 1499 }
1448 1500 .elementor-control-type-icons .elementor-control-media__preview i {
1449 1501 font-size: 70px;
1450 1502 }
@@ -1510,10 +1562,10 @@
1510 1562 opacity: 0;
1511 1563 }
1512 1564 .elementor-control-type-gallery .elementor-control-gallery-edit span {
1513 1565 position: absolute;
1514 - inset-block-start: 10px;
1515 - inset-inline-end: 10px;
1566 + top: 10px;
1567 + right: 10px;
1516 1568 width: 21px;
1517 1569 height: 21px;
1518 1570 color: var(--e-a-color-white);
1519 1571 background-color: rgba(0, 0, 0, 0.5);
@@ -1623,10 +1675,10 @@
1623 1675 }
1624 1676 .e-global__popover-info-tooltip:after {
1625 1677 content: "";
1626 1678 position: absolute;
1627 - inset-block-end: -17px;
1628 - inset-inline-start: 16px;
1679 + bottom: -17px;
1680 + left: 16px;
1629 1681 border: 10px solid transparent;
1630 1682 border-block-start-color: rgba(0, 0, 0, 0.9);
1631 1683 }
1632 1684 .e-global__popover-info i {
@@ -1643,19 +1695,8 @@
1643 1695 .e-global__preview-items-container::-webkit-scrollbar-thumb {
1644 1696 background-color: #BABFC5;
1645 1697 border-radius: 10px;
1646 1698 }
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 1699 .e-global__manage-button {
1659 1700 font-weight: 500;
1660 1701 cursor: pointer;
1661 1702 }
@@ -1671,9 +1712,9 @@
1671 1712 font-size: 13px;
1672 1713 content: "\e90e";
1673 1714 position: absolute;
1674 1715 transform: translateY(-50%);
1675 - inset-block-start: 50%;
1716 + top: 50%;
1676 1717 inset-inline-start: 13px;
1677 1718 }
1678 1719 .e-global__color {
1679 1720 padding: 10px 20px;
@@ -1814,11 +1855,11 @@
1814 1855 display: none;
1815 1856 }
1816 1857 .elementor-control-media .eicon-plus-circle {
1817 1858 position: absolute;
1818 - inset-block-start: 50%;
1819 - inset-inline-start: 50%;
1820 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
1859 + top: 50%;
1860 + left: 50%;
1861 + transform: translate(-50%, -50%);
1821 1862 color: var(--e-a-color-white);
1822 1863 font-size: 20px;
1823 1864 }
1824 1865 .elementor-control-media__content__upload-button {
@@ -1841,11 +1882,11 @@
1841 1882 display: none;
1842 1883 }
1843 1884 .elementor-control-media-area .eicon-video-camera {
1844 1885 position: absolute;
1845 - inset-block-start: 50%;
1846 - inset-inline-start: 50%;
1847 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
1886 + top: 50%;
1887 + left: 50%;
1888 + transform: translate(-50%, -50%);
1848 1889 color: rgba(255, 255, 255, 0.7);
1849 1890 font-size: 21px;
1850 1891 }
1851 1892 .elementor-control-media .elementor-control-media__content {
@@ -1861,9 +1902,9 @@
1861 1902 background-color: rgba(0, 0, 0, 0.2);
1862 1903 pointer-events: none;
1863 1904 }
1864 1905 .elementor-control-media .elementor-control-media__content:not(:hover) .elementor-control-media__tools {
1865 - inset-block-end: -30px;
1906 + bottom: -30px;
1866 1907 }
1867 1908 .elementor-control-media__content {
1868 1909 transition: all 0.2s ease-in-out;
1869 1910 }
@@ -1868,10 +1909,11 @@
1868 1909 transition: all 0.2s ease-in-out;
1869 1910 }
1870 1911 .elementor-control-media__tools {
1871 1912 position: absolute;
1872 - inset-block-end: 0;
1873 - inset-inline: 0;
1913 + bottom: 0;
1914 + left: 0;
1915 + right: 0;
1874 1916 height: 27px;
1875 1917 transition: all 0.2s ease-in-out;
1876 1918 }
1877 1919 .elementor-control-media__tools > *:not(:first-child) {
@@ -1898,10 +1940,10 @@
1898 1940 }
1899 1941 .elementor-control-media__content__remove {
1900 1942 position: absolute;
1901 1943 z-index: 1;
1902 - inset-block-start: 10px;
1903 - inset-inline-end: 10px;
1944 + top: 10px;
1945 + right: 10px;
1904 1946 width: 20px;
1905 1947 height: 20px;
1906 1948 font-size: 11px;
1907 1949 color: var(--e-a-color-white);
@@ -2242,11 +2284,11 @@
2242 2284 font-family: eicons;
2243 2285 content: "\e8ad";
2244 2286 font-size: 12px;
2245 2287 position: absolute;
2246 - inset-block-start: 50%;
2247 - inset-inline-end: 5px;
2288 + top: 50%;
2248 2289 transform: translateY(-50%);
2290 + right: 5px;
2249 2291 pointer-events: none;
2250 2292 }
2251 2293 .elementor-control-type-select .elementor-control-field.elementor-control-field-select-small .elementor-control-input-wrapper {
2252 2294 max-width: 80px;
@@ -2280,14 +2322,14 @@
2280 2322 }
2281 2323 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle {
2282 2324 border-radius: 0;
2283 2325 width: 10px;
2284 - transform: translateY(calc(50% - 14px)) translateX(calc(4px * var(--direction-multiplier)));
2326 + transform: translateY(calc(50% - 14px)) translateX(4px);
2285 2327 }
2286 2328 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle:after {
2287 2329 content: "";
2288 2330 position: absolute;
2289 - inset-block-start: 2px;
2331 + top: 2px;
2290 2332 height: 12px;
2291 2333 width: 11px;
2292 2334 transform: rotate(45deg);
2293 2335 background-color: var(--e-a-color-white);
@@ -2364,11 +2406,11 @@
2364 2406 .elementor-slider .noUi-handle {
2365 2407 height: 16px;
2366 2408 width: 16px;
2367 2409 background-color: var(--e-a-color-white);
2410 + right: 0;
2411 + transform: translateY(calc(50% - 14px)) translateX(8px);
2368 2412 position: absolute;
2369 - inset-inline-end: 0;
2370 - transform: translateY(calc(50% - 14px)) translateX(calc(8px * var(--direction-multiplier)));
2371 2413 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
2372 2414 border-radius: 50%;
2373 2415 }
2374 2416 .elementor-slider .noUi-connects {
@@ -2385,9 +2427,9 @@
2385 2427 background-color: var(--e-a-border-color-focus);
2386 2428 }
2387 2429 .elementor-slider .noUi-tooltip {
2388 2430 position: absolute;
2389 - inset-block-start: calc(100% + 5px);
2431 + top: calc(100% + 5px);
2390 2432 left: calc(50% - 4px);
2391 2433 transform: translateX(-50%);
2392 2434 font-size: 10px;
2393 2435 }
@@ -2474,9 +2516,9 @@
2474 2516 transition-property: opacity, background;
2475 2517 }
2476 2518 .elementor-control-type-switcher .elementor-switch-label:before, .elementor-control-type-switcher .elementor-switch-label:after {
2477 2519 position: absolute;
2478 - inset-block-start: 0;
2520 + top: 0;
2479 2521 width: 50%;
2480 2522 text-align: center;
2481 2523 line-height: 20px;
2482 2524 transition: inherit;
@@ -2482,14 +2524,14 @@
2482 2524 transition: inherit;
2483 2525 }
2484 2526 .elementor-control-type-switcher .elementor-switch-label:before {
2485 2527 content: attr(data-off);
2486 - inset-inline-end: 5px;
2528 + right: 5px;
2487 2529 color: var(--e-a-color-txt-muted);
2488 2530 }
2489 2531 .elementor-control-type-switcher .elementor-switch-label:after {
2490 2532 content: attr(data-on);
2491 - inset-inline-start: 5px;
2533 + left: 5px;
2492 2534 color: var(--e-a-btn-color);
2493 2535 opacity: 0;
2494 2536 }
2495 2537 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label {
@@ -2502,19 +2544,19 @@
2502 2544 opacity: 1;
2503 2545 }
2504 2546 .elementor-control-type-switcher .elementor-switch-handle {
2505 2547 position: absolute;
2506 - inset-block-start: 1px;
2507 - inset-inline-start: 1px;
2548 + top: 1px;
2549 + left: 1px;
2508 2550 width: 18px;
2509 2551 height: 18px;
2510 2552 background: white;
2511 2553 border-radius: 10px;
2512 - transition: inset-inline-start 0.15s ease-out;
2554 + transition: left 0.15s ease-out;
2513 2555 }
2514 2556 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-handle {
2515 - inset-inline-start: initial;
2516 - inset-inline-end: 1px;
2557 + left: initial;
2558 + right: 1px;
2517 2559 }
2518 2560
2519 2561 .elementor-control-type-tabs {
2520 2562 display: none;
@@ -2566,10 +2608,10 @@
2566 2608 }
2567 2609 .elementor-control-type-textarea:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher,
2568 2610 .elementor-control-type-code:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher {
2569 2611 position: absolute;
2570 - inset-block-start: 0;
2571 - inset-inline-end: 0;
2612 + top: 0;
2613 + right: 0;
2572 2614 z-index: 1;
2573 2615 }
2574 2616 .elementor-control-type-textarea .elementor-control-input-wrapper,
2575 2617 .elementor-control-type-code .elementor-control-input-wrapper {
@@ -2647,10 +2689,10 @@
2647 2689 }
2648 2690 .elementor-control-type-url .elementor-control-url-autocomplete-spinner {
2649 2691 display: none;
2650 2692 position: absolute;
2651 - inset-block-start: 5px;
2652 - inset-inline-end: 0;
2693 + top: 5px;
2694 + right: 0;
2653 2695 width: 10px;
2654 2696 height: 10px;
2655 2697 font-size: 10px;
2656 2698 color: var(--e-a-color-txt-disabled);
@@ -2729,9 +2771,8 @@
2729 2771 font-size: 12px;
2730 2772 transition: var(--e-a-transition-hover);
2731 2773 cursor: pointer;
2732 2774 overflow: hidden;
2733 - width: 100%;
2734 2775 padding: 8px;
2735 2776 }
2736 2777 .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 2778 background-color: var(--e-a-bg-active-bold);
@@ -2986,16 +3027,13 @@
2986 3027 --e-p-border-widget-invert: #0C0D0E;
2987 3028 --e-p-border-global: #5EEAD4;
2988 3029 --e-p-border-global-hover: #1DDDBF;
2989 3030 --e-p-border-global-invert: #0C0D0E;
2990 - --e-p-border-global-element: #5EEAD4;
2991 3031 }
2992 3032
2993 3033 .elementor-editor-active .elementor-add-section {
2994 3034 all: initial;
2995 3035 display: flex;
2996 - flex-wrap: wrap;
2997 - justify-content: center;
2998 3036 max-width: 1160px;
2999 3037 position: relative;
3000 3038 margin-inline: auto;
3001 3039 }
@@ -3105,9 +3143,8 @@
3105 3143 inset-inline-end: 40px;
3106 3144 }
3107 3145 .elementor-editor-active .elementor-add-section-back {
3108 3146 inset-inline-start: 40px;
3109 - scale: calc(1 * var(--direction-multiplier)) 1;
3110 3147 }
3111 3148 .elementor-editor-active .elementor-add-section-close,
3112 3149 .elementor-editor-active .elementor-add-section-back {
3113 3150 position: absolute;
@@ -3178,18 +3215,17 @@
3178 3215 content: var(--text);
3179 3216 font-family: var(--e-a-font-family);
3180 3217 font-size: 13px;
3181 3218 font-weight: 500;
3219 + position: absolute;
3220 + left: 50%;
3221 + top: 50%;
3182 3222 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%);
3223 + transform: translate(-50%, -50%);
3187 3224 }
3188 3225 .elementor-editor-active .elementor-select-preset-list .elementor-preset svg {
3189 3226 height: 50px;
3190 3227 width: 100%;
3191 - scale: calc(1 * var(--direction-multiplier)) 1;
3192 3228 }
3193 3229 .elementor-editor-active .elementor-add-section[data-view=choose-action] .elementor-add-section-back {
3194 3230 display: none;
3195 3231 }
@@ -3277,18 +3313,18 @@
3277 3313 border-radius: 3px;
3278 3314 z-index: 9999;
3279 3315 }
3280 3316 .pen-menu:after {
3317 + top: 100%;
3281 3318 content: "";
3282 3319 position: absolute;
3283 3320 border: 6px solid transparent;
3284 3321 border-block-start-color: #3f444b;
3285 - inset-block-start: 100%;
3286 - inset-inline-start: 50%;
3322 + left: 50%;
3287 3323 transform: translateX(-50%);
3288 3324 }
3289 3325 .pen-menu-below:after {
3290 - inset-block-start: 0;
3326 + top: 0;
3291 3327 transform: translateX(-50%) translateY(-100%) rotate(180deg);
3292 3328 }
3293 3329 .pen-icon {
3294 3330 position: relative;
@@ -3312,9 +3348,9 @@
3312 3348 }
3313 3349 .pen-icon[data-action=close]:before {
3314 3350 content: "";
3315 3351 position: absolute;
3316 - inset-inline-start: 0;
3352 + left: 0;
3317 3353 height: 60%;
3318 3354 width: 1px;
3319 3355 background-color: #1f2124;
3320 3356 }
@@ -3484,23 +3520,19 @@
3484 3520 }
3485 3521
3486 3522 [class^=eicon-flex], [class*=" eicon-flex"] {
3487 3523 transition: 0.3s all;
3524 + --is-ltr: 1;
3525 + --is-rtl: 0;
3526 + --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
3488 3527 }
3489 3528 [class^=eicon-flex].eicon-inline, [class*=" eicon-flex"].eicon-inline {
3490 3529 max-height: 1em;
3491 3530 max-width: 1em;
3492 3531 }
3493 -[class^=eicon-flex], [class*=" eicon-flex"] {
3494 - --is-ltr: 1;
3495 - --is-rtl: 0;
3496 -}
3497 3532 [class^=eicon-flex]:is(.eicon-justify-start-h, .eicon-justify-end-h), [class*=" eicon-flex"]:is(.eicon-justify-start-h, .eicon-justify-end-h) {
3498 3533 --rotation-direction: calc(var(--is-ltr) + var(--is-rtl));
3499 3534 }
3500 -[class^=eicon-flex], [class*=" eicon-flex"] {
3501 - --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
3502 -}
3503 3535 :is(.e-ui-state--document-direction-mode__column, .e-ui-state--document-direction-mode__column-reverse) [class^=eicon-flex]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow), :is(.e-ui-state--document-direction-mode__column, .e-ui-state--document-direction-mode__column-reverse) [class*=" eicon-flex"]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow) {
3504 3536 transform: rotate(calc(var(--rotation-direction) * 90deg));
3505 3537 }
3506 3538 :is(.e-ui-state--document-direction-mode__column, .e-ui-state--document-direction-mode__column-reverse) [class^=eicon-flex]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow):is(.eicon-align-start-v, .eicon-align-end-v), :is(.e-ui-state--document-direction-mode__column, .e-ui-state--document-direction-mode__column-reverse) [class*=" eicon-flex"]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow):is(.eicon-align-start-v, .eicon-align-end-v) {
@@ -3647,10 +3679,10 @@
3647 3679 }
3648 3680
3649 3681 .elementor-element > .elementor-element-overlay {
3650 3682 position: absolute;
3651 - inset-block-start: 0;
3652 - inset-inline-end: 0;
3683 + top: 0;
3684 + right: 0;
3653 3685 letter-spacing: 0;
3654 3686 z-index: 9998;
3655 3687 pointer-events: none;
3656 3688 }
@@ -3837,20 +3869,8 @@
3837 3869 .elementor-editor-preview .elementor-empty-view,
3838 3870 .elementor-editor-preview .elementor-widget-empty {
3839 3871 display: none;
3840 3872 }
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 3873
3854 3874 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen,
3855 3875 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop,
3856 3876 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop,
@@ -3950,16 +3970,12 @@
3950 3970 .e-youtube-base iframe {
3951 3971 pointer-events: none;
3952 3972 }
3953 3973
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 {
3974 +.elementor-editor-section-settings,
3975 +.elementor-editor-container-settings,
3976 +.elementor-editor-e-flexbox-settings,
3977 +.elementor-editor-e-div-block-settings {
3962 3978 height: 24px;
3963 3979 top: 1px;
3964 3980 left: 50%;
3965 3981 transform: translateX(-50%) translateY(-100%);
@@ -3971,25 +3987,37 @@
3971 3987 stroke: transparent;
3972 3988 stroke-width: 0;
3973 3989 -webkit-text-stroke: 0 transparent;
3974 3990 }
3975 -.elementor-editor-element-overlay-settings i.eicon-handle {
3991 +.elementor-editor-section-settings i.eicon-handle,
3992 +.elementor-editor-container-settings i.eicon-handle,
3993 +.elementor-editor-e-flexbox-settings i.eicon-handle,
3994 +.elementor-editor-e-div-block-settings i.eicon-handle {
3976 3995 font-size: 16px;
3977 3996 }
3978 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:hover {
3997 +.elementor-editor-section-settings .elementor-editor-element-setting:hover,
3998 +.elementor-editor-container-settings .elementor-editor-element-setting:hover,
3999 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:hover,
4000 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:hover {
3979 4001 background-color: var(--e-p-border-section-hover);
3980 4002 }
3981 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child {
4003 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child,
4004 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child,
4005 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:first-child,
4006 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:first-child {
3982 4007 border-start-start-radius: 5px;
3983 4008 border-start-end-radius: 0;
3984 4009 border-end-start-radius: 0;
3985 4010 border-end-end-radius: 0;
3986 4011 }
3987 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child:before {
4012 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child:before,
4013 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child:before,
4014 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:first-child:before,
4015 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:first-child:before {
3988 4016 content: "";
3989 4017 position: absolute;
3990 - inset-block-start: 2px;
3991 - inset-inline-end: calc(100% - 1px);
4018 + top: 2px;
4019 + right: calc(100% - 1px);
3992 4020 border-block-start: 22px solid transparent;
3993 4021 border-block-end: 0 none transparent;
3994 4022 border-inline-start: 0 none transparent;
3995 4023 border-inline-end: 12px solid var(--e-p-border-section);
@@ -3994,22 +4022,31 @@
3994 4022 border-inline-start: 0 none transparent;
3995 4023 border-inline-end: 12px solid var(--e-p-border-section);
3996 4024 transition: var(--e-a-transition-hover);
3997 4025 }
3998 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child:hover:before {
4026 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child:hover:before,
4027 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child:hover:before,
4028 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:first-child:hover:before,
4029 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:first-child:hover:before {
3999 4030 border-inline-end-color: var(--e-p-border-section-hover);
4000 4031 }
4001 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child {
4032 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child,
4033 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child,
4034 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:last-child,
4035 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:last-child {
4002 4036 border-start-start-radius: 0;
4003 4037 border-start-end-radius: 5px;
4004 4038 border-end-start-radius: 0;
4005 4039 border-end-end-radius: 0;
4006 4040 }
4007 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child:after {
4041 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child:after,
4042 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child:after,
4043 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:last-child:after,
4044 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:last-child:after {
4008 4045 content: "";
4009 4046 position: absolute;
4010 - inset-block-start: 2px;
4011 - inset-inline-start: calc(100% - 1px);
4047 + top: 2px;
4048 + left: calc(100% - 1px);
4012 4049 border-block-start: 22px solid transparent;
4013 4050 border-block-end: 0 none transparent;
4014 4051 border-inline-start: 12px solid var(--e-p-border-section);
4015 4052 border-inline-end: 0 none transparent;
@@ -4014,9 +4051,12 @@
4014 4051 border-inline-start: 12px solid var(--e-p-border-section);
4015 4052 border-inline-end: 0 none transparent;
4016 4053 transition: var(--e-a-transition-hover);
4017 4054 }
4018 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child:hover:after {
4055 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child:hover:after,
4056 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child:hover:after,
4057 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:last-child:hover:after,
4058 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:last-child:hover:after {
4019 4059 border-inline-start-color: var(--e-p-border-section-hover);
4020 4060 }
4021 4061
4022 4062 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings {
@@ -4055,10 +4095,10 @@
4055 4095 transition: var(--e-a-transition-hover);
4056 4096 }
4057 4097
4058 4098 .elementor-column > .elementor-element-overlay {
4059 - inset-block-end: 0;
4060 - inset-inline-start: 0;
4099 + left: 0;
4100 + bottom: 0;
4061 4101 }
4062 4102 .elementor-column > .elementor-element-overlay:after {
4063 4103 position: absolute;
4064 4104 inset: 0;
@@ -4080,10 +4120,10 @@
4080 4120 .elementor-column > .ui-resizable-e, .elementor-column > .ui-resizable-w {
4081 4121 cursor: col-resize;
4082 4122 width: 7px;
4083 4123 position: absolute;
4084 - inset-block-start: 0;
4085 - inset-inline-end: -5px;
4124 + right: -5px;
4125 + top: 0;
4086 4126 height: 100%;
4087 4127 }
4088 4128 .elementor-column:last-of-type > .ui-resizable-e, .elementor-column:last-of-type > .ui-resizable-w {
4089 4129 display: none !important;
@@ -4094,15 +4134,14 @@
4094 4134 }
4095 4135 }
4096 4136
4097 4137 .elementor-editor-column-settings {
4098 - inset-block-start: -1px;
4099 - inset-inline-start: -1px;
4138 + top: -1px;
4139 + left: -1px;
4100 4140 border-start-start-radius: 0;
4101 4141 border-start-end-radius: 0;
4102 4142 border-end-start-radius: 0;
4103 4143 border-end-end-radius: 3px;
4104 - transform: none;
4105 4144 overflow: hidden;
4106 4145 }
4107 4146 .elementor-editor-column-settings .elementor-editor-element-setting {
4108 4147 background-color: var(--e-p-border-column);
@@ -4116,9 +4155,12 @@
4116 4155 }
4117 4156 .elementor-column-placeholder:before, .elementor-column-placeholder:after {
4118 4157 content: "";
4119 4158 position: absolute;
4120 - inset: 10px;
4159 + top: 10px;
4160 + bottom: 10px;
4161 + right: 10px;
4162 + left: 10px;
4121 4163 }
4122 4164 .elementor-column-placeholder:before {
4123 4165 border: 1px solid var(--e-p-border-column);
4124 4166 }
@@ -4129,9 +4171,9 @@
4129 4171 .elementor-column-percents-tooltip {
4130 4172 position: absolute;
4131 4173 display: none;
4132 4174 pointer-events: none;
4133 - inset-block-start: 50%;
4175 + top: 50%;
4134 4176 transform: translateY(-50%);
4135 4177 color: #fff;
4136 4178 font-size: 10px;
4137 4179 background-color: var(--e-p-border-column);
@@ -4169,10 +4211,10 @@
4169 4211 }
4170 4212
4171 4213 .elementor-editor-widget-settings {
4172 4214 z-index: 2;
4173 - inset-block-start: -1px;
4174 - inset-inline-end: -1px;
4215 + top: -1px;
4216 + right: -1px;
4175 4217 flex-direction: row-reverse;
4176 4218 border-start-start-radius: 0;
4177 4219 border-start-end-radius: 0;
4178 4220 border-end-start-radius: 3px;
@@ -4244,15 +4286,18 @@
4244 4286 }
4245 4287
4246 4288 .elementor-section > .elementor-element-overlay,
4247 4289 .e-con > .elementor-element-overlay {
4248 - inset-block-end: 0;
4249 - inset-inline-start: 0;
4290 + left: 0;
4291 + bottom: 0;
4250 4292 }
4251 4293 .elementor-section > .elementor-element-overlay:after,
4252 4294 .e-con > .elementor-element-overlay:after {
4253 4295 position: absolute;
4254 - inset: 1px;
4296 + left: 1px;
4297 + right: 1px;
4298 + top: 1px;
4299 + bottom: 1px;
4255 4300 outline: 1px solid var(--e-p-border-con);
4256 4301 animation: section-outline 0.75s;
4257 4302 }
4258 4303 .elementor-section:hover > .elementor-element-overlay:after,
@@ -4385,12 +4430,12 @@
4385 4430 display: block;
4386 4431 padding: 2px;
4387 4432 }
4388 4433
4389 -.e-atomic-element:has(.elementor-empty-view) {
4434 +.e-div-block-base:has(.elementor-empty-view), .e-flexbox-base:has(.elementor-empty-view) {
4390 4435 min-height: 120px;
4391 4436 }
4392 -.e-atomic-element > .elementor-empty-view.elementor-empty-view {
4437 +.e-div-block-base > .elementor-empty-view.elementor-empty-view, .e-flexbox-base > .elementor-empty-view.elementor-empty-view {
4393 4438 min-height: inherit;
4394 4439 }
4395 4440
4396 4441 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 {
@@ -4486,11 +4531,8 @@
4486 4531 .e-con-select-preset__list .e-con-preset svg {
4487 4532 width: 100%;
4488 4533 height: auto;
4489 4534 }
4490 -.e-con-select-preset__list .e-con-preset svg:not(.exclude-rtl-scale) {
4491 - scale: calc(1 * var(--direction-multiplier)) 1;
4492 -}
4493 4535 .e-con-select-preset__list .e-con-preset path {
4494 4536 fill: var(--e-a-color-white);
4495 4537 }
4496 4538 .e-con-select-preset__list .e-con-preset rect {
@@ -4508,11 +4550,8 @@
4508 4550 stroke: var(--e-a-color-white);
4509 4551 }
4510 4552 .e-con-select-preset__list .e-con-preset:hover rect, .e-con-select-preset__list .e-con-preset:focus rect {
4511 4553 fill: var(--e-a-color-txt);
4512 -}
4513 -.e-con-select-preset__list .e-con-preset[data-preset=r100] {
4514 - scale: calc(1 * var(--direction-multiplier)) 1;
4515 4554 }
4516 4555 .e-con-shared-styles {
4517 4556 font-family: var(--e-a-font-family);
4518 4557 line-height: 1;