PluginProbe
Elementor Website Builder – more than just a page builder / 3.29.0-beta4
Elementor Website Builder – more than just a page builder v3.29.0-beta4
4.3.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 +278 -272 4.3.0 → 3.29.0-beta4 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.29.0 - 15-05-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;
@@ -456,8 +515,11 @@
456 515 background-color: var(--e-a-bg-chip);
457 516 border-radius: 100px;
458 517 padding: 5px 8px;
459 518 }
519 +.elementor-panel-heading-category-chip i {
520 + margin-inline-start: 4px;
521 +}
460 522 .elementor-panel-heading-promotion {
461 523 margin-inline-start: auto;
462 524 }
463 525 .elementor-panel-heading-promotion a {
@@ -525,15 +587,8 @@
525 587 .elementor-group-control-attachment_alert .elementor-control-field-description {
526 588 margin-block-start: 0;
527 589 }
528 590
529 -.elementor-control-start-end .eicon-text-align-left,
530 -.elementor-control-start-end .eicon-text-align-right,
531 -.elementor-control-start-end .eicon-h-align-left,
532 -.elementor-control-start-end .eicon-h-align-right {
533 - scale: calc(1 * var(--direction-multiplier)) 1;
534 -}
535 -
536 591 .elementor-update-preview {
537 592 margin: 15px 15px 0;
538 593 display: flex;
539 594 align-items: center;
@@ -568,9 +623,9 @@
568 623 }
569 624 .elementor-control-responsive-switchers__holder {
570 625 position: absolute;
571 626 width: 100%;
572 - inset-block-start: 0;
627 + top: 0;
573 628 background-color: var(--e-a-bg-default);
574 629 border-radius: var(--e-a-border-radius);
575 630 transition: 0.15s;
576 631 border: 1px solid transparent;
@@ -713,10 +768,10 @@
713 768 display: none;
714 769 overflow: hidden;
715 770 max-height: 0;
716 771 position: absolute;
717 - inset-block-start: -0.8em;
718 - inset-inline-start: -0.5em;
772 + top: -0.8em;
773 + left: -0.5em;
719 774 width: 2.5em;
720 775 text-align: center;
721 776 background-color: var(--e-a-bg-default);
722 777 border-radius: var(--e-a-border-radius);
@@ -891,9 +946,9 @@
891 946 }
892 947 .elementor-control-responsive-switchers__holder {
893 948 position: absolute;
894 949 width: 100%;
895 - inset-block-start: 0;
950 + top: 0;
896 951 background-color: var(--e-a-bg-default);
897 952 border-radius: var(--e-a-border-radius);
898 953 transition: 0.15s;
899 954 border: 1px solid transparent;
@@ -1036,10 +1091,10 @@
1036 1091 display: none;
1037 1092 overflow: hidden;
1038 1093 max-height: 0;
1039 1094 position: absolute;
1040 - inset-block-start: -0.8em;
1041 - inset-inline-start: -0.5em;
1095 + top: -0.8em;
1096 + left: -0.5em;
1042 1097 width: 2.5em;
1043 1098 text-align: center;
1044 1099 background-color: var(--e-a-bg-default);
1045 1100 border-radius: var(--e-a-border-radius);
@@ -1169,9 +1224,9 @@
1169 1224 }
1170 1225 .elementor-control-responsive-switchers__holder {
1171 1226 position: absolute;
1172 1227 width: 100%;
1173 - inset-block-start: 0;
1228 + top: 0;
1174 1229 background-color: var(--e-a-bg-default);
1175 1230 border-radius: var(--e-a-border-radius);
1176 1231 transition: 0.15s;
1177 1232 border: 1px solid transparent;
@@ -1314,10 +1369,10 @@
1314 1369 display: none;
1315 1370 overflow: hidden;
1316 1371 max-height: 0;
1317 1372 position: absolute;
1318 - inset-block-start: -0.8em;
1319 - inset-inline-start: -0.5em;
1373 + top: -0.8em;
1374 + left: -0.5em;
1320 1375 width: 2.5em;
1321 1376 text-align: center;
1322 1377 background-color: var(--e-a-bg-default);
1323 1378 border-radius: var(--e-a-border-radius);
@@ -1437,11 +1492,11 @@
1437 1492 }
1438 1493
1439 1494 .elementor-control-type-icons .elementor-control-media__preview > * {
1440 1495 position: absolute;
1441 - inset-block-start: 50%;
1442 - inset-inline-start: 50%;
1443 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
1496 + top: 50%;
1497 + left: 50%;
1498 + transform: translate(-50%, -50%);
1444 1499 }
1445 1500 .elementor-control-type-icons .elementor-control-media__preview i {
1446 1501 font-size: 70px;
1447 1502 }
@@ -1507,10 +1562,10 @@
1507 1562 opacity: 0;
1508 1563 }
1509 1564 .elementor-control-type-gallery .elementor-control-gallery-edit span {
1510 1565 position: absolute;
1511 - inset-block-start: 10px;
1512 - inset-inline-end: 10px;
1566 + top: 10px;
1567 + right: 10px;
1513 1568 width: 21px;
1514 1569 height: 21px;
1515 1570 color: var(--e-a-color-white);
1516 1571 background-color: rgba(0, 0, 0, 0.5);
@@ -1620,10 +1675,10 @@
1620 1675 }
1621 1676 .e-global__popover-info-tooltip:after {
1622 1677 content: "";
1623 1678 position: absolute;
1624 - inset-block-end: -17px;
1625 - inset-inline-start: 16px;
1679 + bottom: -17px;
1680 + left: 16px;
1626 1681 border: 10px solid transparent;
1627 1682 border-block-start-color: rgba(0, 0, 0, 0.9);
1628 1683 }
1629 1684 .e-global__popover-info i {
@@ -1640,19 +1695,8 @@
1640 1695 .e-global__preview-items-container::-webkit-scrollbar-thumb {
1641 1696 background-color: #BABFC5;
1642 1697 border-radius: 10px;
1643 1698 }
1644 -.e-global__group-header {
1645 - padding: 12px 20px 5px;
1646 - font-weight: 500;
1647 - font-size: 11px;
1648 - color: var(--e-a-color-txt-muted);
1649 -}
1650 -.e-global__group-divider {
1651 - height: 1px;
1652 - background-color: var(--e-a-border-color);
1653 - margin: 10px 20px;
1654 -}
1655 1699 .e-global__manage-button {
1656 1700 font-weight: 500;
1657 1701 cursor: pointer;
1658 1702 }
@@ -1668,9 +1712,9 @@
1668 1712 font-size: 13px;
1669 1713 content: "\e90e";
1670 1714 position: absolute;
1671 1715 transform: translateY(-50%);
1672 - inset-block-start: 50%;
1716 + top: 50%;
1673 1717 inset-inline-start: 13px;
1674 1718 }
1675 1719 .e-global__color {
1676 1720 padding: 10px 20px;
@@ -1811,11 +1855,11 @@
1811 1855 display: none;
1812 1856 }
1813 1857 .elementor-control-media .eicon-plus-circle {
1814 1858 position: absolute;
1815 - inset-block-start: 50%;
1816 - inset-inline-start: 50%;
1817 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
1859 + top: 50%;
1860 + left: 50%;
1861 + transform: translate(-50%, -50%);
1818 1862 color: var(--e-a-color-white);
1819 1863 font-size: 20px;
1820 1864 }
1821 1865 .elementor-control-media__content__upload-button {
@@ -1838,11 +1882,11 @@
1838 1882 display: none;
1839 1883 }
1840 1884 .elementor-control-media-area .eicon-video-camera {
1841 1885 position: absolute;
1842 - inset-block-start: 50%;
1843 - inset-inline-start: 50%;
1844 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
1886 + top: 50%;
1887 + left: 50%;
1888 + transform: translate(-50%, -50%);
1845 1889 color: rgba(255, 255, 255, 0.7);
1846 1890 font-size: 21px;
1847 1891 }
1848 1892 .elementor-control-media .elementor-control-media__content {
@@ -1858,9 +1902,9 @@
1858 1902 background-color: rgba(0, 0, 0, 0.2);
1859 1903 pointer-events: none;
1860 1904 }
1861 1905 .elementor-control-media .elementor-control-media__content:not(:hover) .elementor-control-media__tools {
1862 - inset-block-end: -30px;
1906 + bottom: -30px;
1863 1907 }
1864 1908 .elementor-control-media__content {
1865 1909 transition: all 0.2s ease-in-out;
1866 1910 }
@@ -1865,10 +1909,11 @@
1865 1909 transition: all 0.2s ease-in-out;
1866 1910 }
1867 1911 .elementor-control-media__tools {
1868 1912 position: absolute;
1869 - inset-block-end: 0;
1870 - inset-inline: 0;
1913 + bottom: 0;
1914 + left: 0;
1915 + right: 0;
1871 1916 height: 27px;
1872 1917 transition: all 0.2s ease-in-out;
1873 1918 }
1874 1919 .elementor-control-media__tools > *:not(:first-child) {
@@ -1895,10 +1940,10 @@
1895 1940 }
1896 1941 .elementor-control-media__content__remove {
1897 1942 position: absolute;
1898 1943 z-index: 1;
1899 - inset-block-start: 10px;
1900 - inset-inline-end: 10px;
1944 + top: 10px;
1945 + right: 10px;
1901 1946 width: 20px;
1902 1947 height: 20px;
1903 1948 font-size: 11px;
1904 1949 color: var(--e-a-color-white);
@@ -2239,11 +2284,11 @@
2239 2284 font-family: eicons;
2240 2285 content: "\e8ad";
2241 2286 font-size: 12px;
2242 2287 position: absolute;
2243 - inset-block-start: 50%;
2244 - inset-inline-end: 5px;
2288 + top: 50%;
2245 2289 transform: translateY(-50%);
2290 + right: 5px;
2246 2291 pointer-events: none;
2247 2292 }
2248 2293 .elementor-control-type-select .elementor-control-field.elementor-control-field-select-small .elementor-control-input-wrapper {
2249 2294 max-width: 80px;
@@ -2277,14 +2322,14 @@
2277 2322 }
2278 2323 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle {
2279 2324 border-radius: 0;
2280 2325 width: 10px;
2281 - transform: translateY(calc(50% - 14px)) translateX(calc(4px * var(--direction-multiplier)));
2326 + transform: translateY(calc(50% - 14px)) translateX(4px);
2282 2327 }
2283 2328 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle:after {
2284 2329 content: "";
2285 2330 position: absolute;
2286 - inset-block-start: 2px;
2331 + top: 2px;
2287 2332 height: 12px;
2288 2333 width: 11px;
2289 2334 transform: rotate(45deg);
2290 2335 background-color: var(--e-a-color-white);
@@ -2361,11 +2406,11 @@
2361 2406 .elementor-slider .noUi-handle {
2362 2407 height: 16px;
2363 2408 width: 16px;
2364 2409 background-color: var(--e-a-color-white);
2410 + right: 0;
2411 + transform: translateY(calc(50% - 14px)) translateX(8px);
2365 2412 position: absolute;
2366 - inset-inline-end: 0;
2367 - transform: translateY(calc(50% - 14px)) translateX(calc(8px * var(--direction-multiplier)));
2368 2413 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
2369 2414 border-radius: 50%;
2370 2415 }
2371 2416 .elementor-slider .noUi-connects {
@@ -2382,9 +2427,9 @@
2382 2427 background-color: var(--e-a-border-color-focus);
2383 2428 }
2384 2429 .elementor-slider .noUi-tooltip {
2385 2430 position: absolute;
2386 - inset-block-start: calc(100% + 5px);
2431 + top: calc(100% + 5px);
2387 2432 left: calc(50% - 4px);
2388 2433 transform: translateX(-50%);
2389 2434 font-size: 10px;
2390 2435 }
@@ -2471,9 +2516,9 @@
2471 2516 transition-property: opacity, background;
2472 2517 }
2473 2518 .elementor-control-type-switcher .elementor-switch-label:before, .elementor-control-type-switcher .elementor-switch-label:after {
2474 2519 position: absolute;
2475 - inset-block-start: 0;
2520 + top: 0;
2476 2521 width: 50%;
2477 2522 text-align: center;
2478 2523 line-height: 20px;
2479 2524 transition: inherit;
@@ -2479,14 +2524,14 @@
2479 2524 transition: inherit;
2480 2525 }
2481 2526 .elementor-control-type-switcher .elementor-switch-label:before {
2482 2527 content: attr(data-off);
2483 - inset-inline-end: 5px;
2528 + right: 5px;
2484 2529 color: var(--e-a-color-txt-muted);
2485 2530 }
2486 2531 .elementor-control-type-switcher .elementor-switch-label:after {
2487 2532 content: attr(data-on);
2488 - inset-inline-start: 5px;
2533 + left: 5px;
2489 2534 color: var(--e-a-btn-color);
2490 2535 opacity: 0;
2491 2536 }
2492 2537 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label {
@@ -2499,19 +2544,19 @@
2499 2544 opacity: 1;
2500 2545 }
2501 2546 .elementor-control-type-switcher .elementor-switch-handle {
2502 2547 position: absolute;
2503 - inset-block-start: 1px;
2504 - inset-inline-start: 1px;
2548 + top: 1px;
2549 + left: 1px;
2505 2550 width: 18px;
2506 2551 height: 18px;
2507 2552 background: white;
2508 2553 border-radius: 10px;
2509 - transition: inset-inline-start 0.15s ease-out;
2554 + transition: left 0.15s ease-out;
2510 2555 }
2511 2556 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-handle {
2512 - inset-inline-start: initial;
2513 - inset-inline-end: 1px;
2557 + left: initial;
2558 + right: 1px;
2514 2559 }
2515 2560
2516 2561 .elementor-control-type-tabs {
2517 2562 display: none;
@@ -2563,10 +2608,10 @@
2563 2608 }
2564 2609 .elementor-control-type-textarea:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher,
2565 2610 .elementor-control-type-code:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher {
2566 2611 position: absolute;
2567 - inset-block-start: 0;
2568 - inset-inline-end: 0;
2612 + top: 0;
2613 + right: 0;
2569 2614 z-index: 1;
2570 2615 }
2571 2616 .elementor-control-type-textarea .elementor-control-input-wrapper,
2572 2617 .elementor-control-type-code .elementor-control-input-wrapper {
@@ -2644,10 +2689,10 @@
2644 2689 }
2645 2690 .elementor-control-type-url .elementor-control-url-autocomplete-spinner {
2646 2691 display: none;
2647 2692 position: absolute;
2648 - inset-block-start: 5px;
2649 - inset-inline-end: 0;
2693 + top: 5px;
2694 + right: 0;
2650 2695 width: 10px;
2651 2696 height: 10px;
2652 2697 font-size: 10px;
2653 2698 color: var(--e-a-color-txt-disabled);
@@ -2704,61 +2749,70 @@
2704 2749 }
2705 2750
2706 2751 .elementor-visual-choice-choices {
2707 2752 display: grid;
2708 - gap: 8px;
2753 + -moz-column-gap: 4px;
2754 + column-gap: 4px;
2755 + row-gap: 4px;
2709 2756 grid-template-columns: repeat(var(--elementor-visual-choice-columns), 1fr);
2757 + height: -moz-fit-content;
2758 + height: fit-content;
2710 2759 text-align: center;
2760 + border-spacing: 1px;
2711 2761 border-radius: var(--e-a-border-radius);
2712 2762 overflow: hidden;
2713 2763 }
2714 2764
2715 2765 .elementor-visual-choice-element {
2766 + align-items: center;
2716 2767 display: flex;
2717 2768 flex-direction: column;
2718 - align-items: center;
2769 + gap: 4px;
2719 2770 justify-content: center;
2720 - gap: 8px;
2771 + padding: 4px;
2721 2772 width: auto;
2722 2773 }
2723 -.elementor-visual-choice-element-image label {
2724 - border: var(--e-a-border-bold);
2725 - border-radius: var(--e-a-border-radius);
2774 +.elementor-visual-choice-element input {
2775 + display: none;
2776 +}
2777 +.elementor-visual-choice-element input.e-visual-choice-placeholder + .elementor-visual-choice-label, .elementor-visual-choice-element input:checked + .elementor-visual-choice-label {
2778 + border: 2px solid var(--e-a-bg-active-bold);
2779 + background-color: var(--e-a-bg-active-bold);
2780 + border-radius: 3px;
2781 + opacity: 1;
2782 +}
2783 +.elementor-visual-choice-element input:not(:checked) + .elementor-visual-choice-label {
2784 + opacity: 0.7;
2785 +}
2786 +.elementor-visual-choice-element input:hover + .elementor-visual-choice-label {
2787 + opacity: 1;
2788 + transform: scale(1.05);
2789 + background-color: var(--e-a-bg-hover);
2790 +}
2791 +.elementor-visual-choice-label {
2792 + border-block-start: var(--e-a-border-bold);
2793 + border-block-end: var(--e-a-border-bold);
2794 + border-inline-start: var(--e-a-border-bold);
2795 + border-inline-end: none;
2726 2796 font-size: 12px;
2727 2797 transition: var(--e-a-transition-hover);
2728 2798 cursor: pointer;
2729 2799 overflow: hidden;
2730 - width: 100%;
2731 2800 padding: 8px;
2732 2801 }
2733 -.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 {
2734 - background-color: var(--e-a-bg-active-bold);
2735 - opacity: 1;
2802 +.elementor-visual-choice-label:nth-child(2) {
2803 + border-start-start-radius: var(--e-a-border-radius);
2804 + border-end-start-radius: var(--e-a-border-radius);
2736 2805 }
2737 -.elementor-visual-choice-element-image input:checked + label {
2738 - border-color: var(--e-a-color-primary-bold);
2806 +.elementor-visual-choice-label:last-child {
2807 + border-inline-end: var(--e-a-border-bold);
2808 + border-start-end-radius: var(--e-a-border-radius);
2809 + border-end-end-radius: var(--e-a-border-radius);
2739 2810 }
2740 -.elementor-visual-choice-element-image input:not(:checked) + label {
2741 - background-color: var(--e-a-color-white);
2742 - opacity: 0.5;
2743 -}
2744 -.elementor-visual-choice-element-image img {
2811 +.elementor-visual-choice-image {
2812 + height: auto;
2745 2813 width: 100%;
2746 - height: auto;
2747 2814 }
2748 -.elementor-visual-choice-element-button {
2749 - grid-column: span var(--elementor-visual-choice-columns);
2750 -}
2751 -.elementor-visual-choice-element-button label {
2752 - width: -moz-fit-content;
2753 - width: fit-content;
2754 -}
2755 -.elementor-visual-choice-element-button input:checked + .elementor-button, .elementor-visual-choice-element-button input:hover + .elementor-button {
2756 - background-color: var(--e-a-bg-active-bold);
2757 -}
2758 -.elementor-visual-choice-element-button input:checked + .elementor-button {
2759 - border-color: var(--e-a-color-primary-bold);
2760 -}
2761 2815
2762 2816 .elementor-label-inline .elementor-visual-choice-choices {
2763 2817 justify-content: flex-end;
2764 2818 }
@@ -2983,16 +3037,13 @@
2983 3037 --e-p-border-widget-invert: #0C0D0E;
2984 3038 --e-p-border-global: #5EEAD4;
2985 3039 --e-p-border-global-hover: #1DDDBF;
2986 3040 --e-p-border-global-invert: #0C0D0E;
2987 - --e-p-border-global-element: #5EEAD4;
2988 3041 }
2989 3042
2990 3043 .elementor-editor-active .elementor-add-section {
2991 3044 all: initial;
2992 3045 display: flex;
2993 - flex-wrap: wrap;
2994 - justify-content: center;
2995 3046 max-width: 1160px;
2996 3047 position: relative;
2997 3048 margin-inline: auto;
2998 3049 }
@@ -3102,9 +3153,8 @@
3102 3153 inset-inline-end: 40px;
3103 3154 }
3104 3155 .elementor-editor-active .elementor-add-section-back {
3105 3156 inset-inline-start: 40px;
3106 - scale: calc(1 * var(--direction-multiplier)) 1;
3107 3157 }
3108 3158 .elementor-editor-active .elementor-add-section-close,
3109 3159 .elementor-editor-active .elementor-add-section-back {
3110 3160 position: absolute;
@@ -3175,18 +3225,17 @@
3175 3225 content: var(--text);
3176 3226 font-family: var(--e-a-font-family);
3177 3227 font-size: 13px;
3178 3228 font-weight: 500;
3229 + position: absolute;
3230 + left: 50%;
3231 + top: 50%;
3179 3232 color: var(--e-a-color-white);
3180 - position: absolute;
3181 - inset-block-start: 50%;
3182 - inset-inline-start: 50%;
3183 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
3233 + transform: translate(-50%, -50%);
3184 3234 }
3185 3235 .elementor-editor-active .elementor-select-preset-list .elementor-preset svg {
3186 3236 height: 50px;
3187 3237 width: 100%;
3188 - scale: calc(1 * var(--direction-multiplier)) 1;
3189 3238 }
3190 3239 .elementor-editor-active .elementor-add-section[data-view=choose-action] .elementor-add-section-back {
3191 3240 display: none;
3192 3241 }
@@ -3274,18 +3323,18 @@
3274 3323 border-radius: 3px;
3275 3324 z-index: 9999;
3276 3325 }
3277 3326 .pen-menu:after {
3327 + top: 100%;
3278 3328 content: "";
3279 3329 position: absolute;
3280 3330 border: 6px solid transparent;
3281 3331 border-block-start-color: #3f444b;
3282 - inset-block-start: 100%;
3283 - inset-inline-start: 50%;
3332 + left: 50%;
3284 3333 transform: translateX(-50%);
3285 3334 }
3286 3335 .pen-menu-below:after {
3287 - inset-block-start: 0;
3336 + top: 0;
3288 3337 transform: translateX(-50%) translateY(-100%) rotate(180deg);
3289 3338 }
3290 3339 .pen-icon {
3291 3340 position: relative;
@@ -3309,9 +3358,9 @@
3309 3358 }
3310 3359 .pen-icon[data-action=close]:before {
3311 3360 content: "";
3312 3361 position: absolute;
3313 - inset-inline-start: 0;
3362 + left: 0;
3314 3363 height: 60%;
3315 3364 width: 1px;
3316 3365 background-color: #1f2124;
3317 3366 }
@@ -3481,23 +3530,19 @@
3481 3530 }
3482 3531
3483 3532 [class^=eicon-flex], [class*=" eicon-flex"] {
3484 3533 transition: 0.3s all;
3534 + --is-ltr: 1;
3535 + --is-rtl: 0;
3536 + --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
3485 3537 }
3486 3538 [class^=eicon-flex].eicon-inline, [class*=" eicon-flex"].eicon-inline {
3487 3539 max-height: 1em;
3488 3540 max-width: 1em;
3489 3541 }
3490 -[class^=eicon-flex], [class*=" eicon-flex"] {
3491 - --is-ltr: 1;
3492 - --is-rtl: 0;
3493 -}
3494 3542 [class^=eicon-flex]:is(.eicon-justify-start-h, .eicon-justify-end-h), [class*=" eicon-flex"]:is(.eicon-justify-start-h, .eicon-justify-end-h) {
3495 3543 --rotation-direction: calc(var(--is-ltr) + var(--is-rtl));
3496 3544 }
3497 -[class^=eicon-flex], [class*=" eicon-flex"] {
3498 - --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
3499 -}
3500 3545 :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) {
3501 3546 transform: rotate(calc(var(--rotation-direction) * 90deg));
3502 3547 }
3503 3548 :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) {
@@ -3644,10 +3689,10 @@
3644 3689 }
3645 3690
3646 3691 .elementor-element > .elementor-element-overlay {
3647 3692 position: absolute;
3648 - inset-block-start: 0;
3649 - inset-inline-end: 0;
3693 + top: 0;
3694 + right: 0;
3650 3695 letter-spacing: 0;
3651 3696 z-index: 9998;
3652 3697 pointer-events: none;
3653 3698 }
@@ -3834,20 +3879,8 @@
3834 3879 .elementor-editor-preview .elementor-empty-view,
3835 3880 .elementor-editor-preview .elementor-widget-empty {
3836 3881 display: none;
3837 3882 }
3838 -.elementor-editor-preview :where(.elementor-edit-area-active) .elementor-element-overlay,
3839 -.elementor-editor-preview :where(.elementor-edit-area-active) .elementor-empty,
3840 -.elementor-editor-preview :where(.elementor-edit-area-active) .elementor-empty-view,
3841 -.elementor-editor-preview :where(.elementor-edit-area-active) .elementor-widget-empty {
3842 - display: revert;
3843 -}
3844 -.elementor-editor-preview :where(.elementor-edit-area-active.elementor-widget-e-component) > .elementor-section-wrap > :first-child > .elementor-element-overlay::after {
3845 - outline-color: var(--e-p-border-global-element);
3846 -}
3847 -.elementor-editor-preview :where(.elementor-edit-area-active.elementor-widget-e-component) > .elementor-section-wrap > :first-child.elementor-element-editable > .elementor-element-overlay::after {
3848 - outline-offset: -1px;
3849 -}
3850 3883
3851 3884 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen,
3852 3885 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop,
3853 3886 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop,
@@ -3943,20 +3976,12 @@
3943 3976 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-edit-hidden {
3944 3977 display: none;
3945 3978 }
3946 3979
3947 -.e-youtube-base iframe {
3948 - pointer-events: none;
3949 -}
3950 -
3951 -.elementor-widget-e-component[data-atomic].elementor-edit-area-active > * > * {
3952 - pointer-events: initial;
3953 -}
3954 -.elementor-widget-e-component[data-atomic]:not(.elementor-edit-area-active) > * > * {
3955 - pointer-events: none;
3956 -}
3957 -
3958 -.elementor-editor-element-overlay-settings {
3980 +.elementor-editor-section-settings,
3981 +.elementor-editor-container-settings,
3982 +.elementor-editor-e-flexbox-settings,
3983 +.elementor-editor-e-div-block-settings {
3959 3984 height: 24px;
3960 3985 top: 1px;
3961 3986 left: 50%;
3962 3987 transform: translateX(-50%) translateY(-100%);
@@ -3964,29 +3989,38 @@
3964 3989 border-start-start-radius: 5px;
3965 3990 border-start-end-radius: 5px;
3966 3991 border-end-start-radius: 0;
3967 3992 border-end-end-radius: 0;
3968 - stroke: transparent;
3969 - stroke-width: 0;
3970 - -webkit-text-stroke: 0 transparent;
3971 3993 }
3972 -.elementor-editor-element-overlay-settings i.eicon-handle {
3994 +.elementor-editor-section-settings i.eicon-handle,
3995 +.elementor-editor-container-settings i.eicon-handle,
3996 +.elementor-editor-e-flexbox-settings i.eicon-handle,
3997 +.elementor-editor-e-div-block-settings i.eicon-handle {
3973 3998 font-size: 16px;
3974 3999 }
3975 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:hover {
4000 +.elementor-editor-section-settings .elementor-editor-element-setting:hover,
4001 +.elementor-editor-container-settings .elementor-editor-element-setting:hover,
4002 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:hover,
4003 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:hover {
3976 4004 background-color: var(--e-p-border-section-hover);
3977 4005 }
3978 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child {
4006 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child,
4007 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child,
4008 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:first-child,
4009 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:first-child {
3979 4010 border-start-start-radius: 5px;
3980 4011 border-start-end-radius: 0;
3981 4012 border-end-start-radius: 0;
3982 4013 border-end-end-radius: 0;
3983 4014 }
3984 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child:before {
4015 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child:before,
4016 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child:before,
4017 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:first-child:before,
4018 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:first-child:before {
3985 4019 content: "";
3986 4020 position: absolute;
3987 - inset-block-start: 2px;
3988 - inset-inline-end: calc(100% - 1px);
4021 + top: 2px;
4022 + right: calc(100% - 1px);
3989 4023 border-block-start: 22px solid transparent;
3990 4024 border-block-end: 0 none transparent;
3991 4025 border-inline-start: 0 none transparent;
3992 4026 border-inline-end: 12px solid var(--e-p-border-section);
@@ -3991,22 +4025,31 @@
3991 4025 border-inline-start: 0 none transparent;
3992 4026 border-inline-end: 12px solid var(--e-p-border-section);
3993 4027 transition: var(--e-a-transition-hover);
3994 4028 }
3995 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child:hover:before {
4029 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child:hover:before,
4030 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child:hover:before,
4031 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:first-child:hover:before,
4032 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:first-child:hover:before {
3996 4033 border-inline-end-color: var(--e-p-border-section-hover);
3997 4034 }
3998 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child {
4035 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child,
4036 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child,
4037 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:last-child,
4038 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:last-child {
3999 4039 border-start-start-radius: 0;
4000 4040 border-start-end-radius: 5px;
4001 4041 border-end-start-radius: 0;
4002 4042 border-end-end-radius: 0;
4003 4043 }
4004 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child:after {
4044 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child:after,
4045 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child:after,
4046 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:last-child:after,
4047 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:last-child:after {
4005 4048 content: "";
4006 4049 position: absolute;
4007 - inset-block-start: 2px;
4008 - inset-inline-start: calc(100% - 1px);
4050 + top: 2px;
4051 + left: calc(100% - 1px);
4009 4052 border-block-start: 22px solid transparent;
4010 4053 border-block-end: 0 none transparent;
4011 4054 border-inline-start: 12px solid var(--e-p-border-section);
4012 4055 border-inline-end: 0 none transparent;
@@ -4011,9 +4054,12 @@
4011 4054 border-inline-start: 12px solid var(--e-p-border-section);
4012 4055 border-inline-end: 0 none transparent;
4013 4056 transition: var(--e-a-transition-hover);
4014 4057 }
4015 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child:hover:after {
4058 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child:hover:after,
4059 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child:hover:after,
4060 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:last-child:hover:after,
4061 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:last-child:hover:after {
4016 4062 border-inline-start-color: var(--e-p-border-section-hover);
4017 4063 }
4018 4064
4019 4065 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings {
@@ -4052,10 +4098,10 @@
4052 4098 transition: var(--e-a-transition-hover);
4053 4099 }
4054 4100
4055 4101 .elementor-column > .elementor-element-overlay {
4056 - inset-block-end: 0;
4057 - inset-inline-start: 0;
4102 + left: 0;
4103 + bottom: 0;
4058 4104 }
4059 4105 .elementor-column > .elementor-element-overlay:after {
4060 4106 position: absolute;
4061 4107 inset: 0;
@@ -4077,10 +4123,10 @@
4077 4123 .elementor-column > .ui-resizable-e, .elementor-column > .ui-resizable-w {
4078 4124 cursor: col-resize;
4079 4125 width: 7px;
4080 4126 position: absolute;
4081 - inset-block-start: 0;
4082 - inset-inline-end: -5px;
4127 + right: -5px;
4128 + top: 0;
4083 4129 height: 100%;
4084 4130 }
4085 4131 .elementor-column:last-of-type > .ui-resizable-e, .elementor-column:last-of-type > .ui-resizable-w {
4086 4132 display: none !important;
@@ -4091,15 +4137,14 @@
4091 4137 }
4092 4138 }
4093 4139
4094 4140 .elementor-editor-column-settings {
4095 - inset-block-start: -1px;
4096 - inset-inline-start: -1px;
4141 + top: -1px;
4142 + left: -1px;
4097 4143 border-start-start-radius: 0;
4098 4144 border-start-end-radius: 0;
4099 4145 border-end-start-radius: 0;
4100 4146 border-end-end-radius: 3px;
4101 - transform: none;
4102 4147 overflow: hidden;
4103 4148 }
4104 4149 .elementor-editor-column-settings .elementor-editor-element-setting {
4105 4150 background-color: var(--e-p-border-column);
@@ -4113,9 +4158,12 @@
4113 4158 }
4114 4159 .elementor-column-placeholder:before, .elementor-column-placeholder:after {
4115 4160 content: "";
4116 4161 position: absolute;
4117 - inset: 10px;
4162 + top: 10px;
4163 + bottom: 10px;
4164 + right: 10px;
4165 + left: 10px;
4118 4166 }
4119 4167 .elementor-column-placeholder:before {
4120 4168 border: 1px solid var(--e-p-border-column);
4121 4169 }
@@ -4126,9 +4174,9 @@
4126 4174 .elementor-column-percents-tooltip {
4127 4175 position: absolute;
4128 4176 display: none;
4129 4177 pointer-events: none;
4130 - inset-block-start: 50%;
4178 + top: 50%;
4131 4179 transform: translateY(-50%);
4132 4180 color: #fff;
4133 4181 font-size: 10px;
4134 4182 background-color: var(--e-p-border-column);
@@ -4166,10 +4214,10 @@
4166 4214 }
4167 4215
4168 4216 .elementor-editor-widget-settings {
4169 4217 z-index: 2;
4170 - inset-block-start: -1px;
4171 - inset-inline-end: -1px;
4218 + top: -1px;
4219 + right: -1px;
4172 4220 flex-direction: row-reverse;
4173 4221 border-start-start-radius: 0;
4174 4222 border-start-end-radius: 0;
4175 4223 border-end-start-radius: 3px;
@@ -4241,15 +4289,18 @@
4241 4289 }
4242 4290
4243 4291 .elementor-section > .elementor-element-overlay,
4244 4292 .e-con > .elementor-element-overlay {
4245 - inset-block-end: 0;
4246 - inset-inline-start: 0;
4293 + left: 0;
4294 + bottom: 0;
4247 4295 }
4248 4296 .elementor-section > .elementor-element-overlay:after,
4249 4297 .e-con > .elementor-element-overlay:after {
4250 4298 position: absolute;
4251 - inset: 1px;
4299 + left: 1px;
4300 + right: 1px;
4301 + top: 1px;
4302 + bottom: 1px;
4252 4303 outline: 1px solid var(--e-p-border-con);
4253 4304 animation: section-outline 0.75s;
4254 4305 }
4255 4306 .elementor-section:hover > .elementor-element-overlay:after,
@@ -4261,12 +4312,12 @@
4261 4312 content: "";
4262 4313 outline-width: 2px;
4263 4314 }
4264 4315
4265 -.e-con .e-con-inner .e-con.e-child > .elementor-element-overlay:after {
4316 +.e-con .e-con-inner .e-con > .elementor-element-overlay:after {
4266 4317 outline: 1px dashed var(--e-p-border-con-in);
4267 4318 }
4268 -.e-con .e-con-inner .e-con.e-child.elementor-element-editable > .elementor-element-overlay:after {
4319 +.e-con .e-con-inner .e-con.elementor-element-editable > .elementor-element-overlay:after {
4269 4320 outline: 2px solid var(--e-p-border-con-in);
4270 4321 }
4271 4322 .e-con .elementor-empty-view {
4272 4323 position: relative;
@@ -4272,11 +4323,8 @@
4272 4323 position: relative;
4273 4324 width: 100%;
4274 4325 height: 100%;
4275 4326 min-height: 100px;
4276 - stroke: transparent;
4277 - stroke-width: 0;
4278 - -webkit-text-stroke: 0 transparent;
4279 4327 }
4280 4328 .e-con .elementor-empty-view .elementor-first-add {
4281 4329 width: auto;
4282 4330 height: auto;
@@ -4296,11 +4344,9 @@
4296 4344 align-self: stretch;
4297 4345 z-index: 1;
4298 4346 pointer-events: none;
4299 4347 }
4300 -.e-con.e-con--row > .elementor-widget-placeholder,
4301 -.e-con.e-con--row > .elementor-element[data-atomic] > .elementor-widget-placeholder, .e-con.e-con--row > .e-con-inner > .elementor-widget-placeholder,
4302 -.e-con.e-con--row > .e-con-inner > .elementor-element[data-atomic] > .elementor-widget-placeholder {
4348 +.e-con.e-con--row > .elementor-widget-placeholder, .e-con.e-con--row > .e-con-inner > .elementor-widget-placeholder {
4303 4349 position: relative;
4304 4350 z-index: 9999;
4305 4351 width: var(--size);
4306 4352 margin-inline-start: var(--margin-start);
@@ -4349,28 +4395,28 @@
4349 4395 height: 84px;
4350 4396 width: 125px;
4351 4397 z-index: -1;
4352 4398 }
4353 -.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting, .e-con.e-child > .elementor-element-overlay .elementor-editor-element-setting {
4399 +.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting {
4354 4400 position: relative;
4355 4401 background-color: var(--e-p-border-con-in);
4356 4402 }
4357 -.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:hover, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:hover, .e-con.e-child > .elementor-element-overlay .elementor-editor-element-setting:hover {
4403 +.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:hover, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:hover, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting:hover {
4358 4404 background-color: var(--e-p-border-con-in-hover);
4359 4405 }
4360 -.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-add, .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-edit + .elementor-editor-element-remove, .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:first-child::before, .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:last-child::after, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-add, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-edit + .elementor-editor-element-remove, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:first-child::before, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:last-child::after, .e-con.e-child > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-add, .e-con.e-child > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-edit + .elementor-editor-element-remove, .e-con.e-child > .elementor-element-overlay .elementor-editor-element-setting:first-child::before, .e-con.e-child > .elementor-element-overlay .elementor-editor-element-setting:last-child::after {
4406 +.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-add, .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-edit + .elementor-editor-element-remove, .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:first-child::before, .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:last-child::after, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-add, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-edit + .elementor-editor-element-remove, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:first-child::before, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:last-child::after, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-add, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-edit + .elementor-editor-element-remove, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting:first-child::before, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting:last-child::after {
4361 4407 display: none;
4362 4408 }
4363 -.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit), .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit), .e-con.e-child > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit) {
4409 +.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit), .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit), .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit) {
4364 4410 margin-inline-start: -25px;
4365 4411 z-index: -1;
4366 4412 transition: 0.3s all;
4367 4413 will-change: margin-inline-start;
4368 4414 }
4369 -.e-con > .e-con > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove), .e-con-inner > .e-con > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove), .e-con.e-child > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove) {
4415 +.e-con > .e-con > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove), .e-con-inner > .e-con > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove), .elementor-widget .e-con > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove) {
4370 4416 margin-inline-start: 0;
4371 4417 }
4372 -.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-settings, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-settings, .e-con.e-child > .elementor-element-overlay .elementor-editor-element-settings {
4418 +.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-settings, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-settings, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-settings {
4373 4419 inset: initial;
4374 4420 transform: none;
4375 4421 inset-inline-start: 0;
4376 4422 top: 0;
@@ -4377,9 +4423,9 @@
4377 4423 border-radius: 0;
4378 4424 border-end-end-radius: 3px;
4379 4425 height: auto;
4380 4426 }
4381 -.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before, .e-con.e-child > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before {
4427 +.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before {
4382 4428 content: "\e9b4";
4383 4429 font-size: 20px;
4384 4430 display: block;
4385 4431 padding: 2px;
@@ -4384,52 +4430,18 @@
4384 4430 display: block;
4385 4431 padding: 2px;
4386 4432 }
4387 4433
4388 -.e-atomic-element:has(> .elementor-empty-view) {
4389 - min-height: 120px;
4434 +.e-div-block-base:has(> .elementor-empty-view),
4435 +.e-flexbox-base:has(> .elementor-empty-view) {
4436 + display: grid !important;
4437 + grid-template-rows: minmax(100%, 100px);
4390 4438 }
4391 -.e-atomic-element > .elementor-empty-view.elementor-empty-view {
4392 - min-height: inherit;
4393 -}
4394 -
4395 -.e-grid-base > .elementor-empty-view.elementor-empty-view > .elementor-first-add {
4396 - opacity: 0;
4397 -}
4398 -.e-grid-base:has(> .elementor-element) > .elementor-empty-view.elementor-empty-view {
4399 - position: absolute;
4400 - grid-row: var(--e-grid-empty-cell-row, 1)/span 1;
4401 - grid-column: var(--e-grid-empty-cell-col, 1)/span 1;
4402 - visibility: var(--e-grid-empty-cell-visibility, visible);
4403 - inset: 0;
4404 - width: auto;
4439 +.e-div-block-base:has(> .elementor-empty-view) > .elementor-empty-view,
4440 +.e-flexbox-base:has(> .elementor-empty-view) > .elementor-empty-view {
4405 4441 height: auto;
4406 - min-width: 0;
4407 - min-height: 0;
4442 + grid-row: 1/-1;
4408 4443 }
4409 -.e-grid-base .elementor-element:has(> .elementor-widget-placeholder.e-dragging-top),
4410 -.e-grid-base .elementor-element:has(> .elementor-widget-placeholder.e-dragging-bottom),
4411 -.e-grid-base .elementor-element > :has(> .elementor-widget-placeholder.e-dragging-top),
4412 -.e-grid-base .elementor-element > :has(> .elementor-widget-placeholder.e-dragging-bottom) {
4413 - position: relative;
4414 -}
4415 -.e-grid-base .elementor-element .elementor-widget-placeholder {
4416 - --size: 10px;
4417 -}
4418 -.e-grid-base .elementor-element .elementor-widget-placeholder.e-dragging-top, .e-grid-base .elementor-element .elementor-widget-placeholder.e-dragging-bottom {
4419 - position: absolute;
4420 - width: 100%;
4421 - height: var(--size);
4422 - inset-inline: 0;
4423 - z-index: 9999;
4424 - animation: placeholder-widget 500ms;
4425 -}
4426 -.e-grid-base .elementor-element .elementor-widget-placeholder.e-dragging-top {
4427 - inset-block-start: 0;
4428 -}
4429 -.e-grid-base .elementor-element .elementor-widget-placeholder.e-dragging-bottom {
4430 - inset-block-end: 0;
4431 -}
4432 4444
4433 4445 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 {
4434 4446 left: 0;
4435 4447 right: auto;
@@ -4523,11 +4535,8 @@
4523 4535 .e-con-select-preset__list .e-con-preset svg {
4524 4536 width: 100%;
4525 4537 height: auto;
4526 4538 }
4527 -.e-con-select-preset__list .e-con-preset svg:not(.exclude-rtl-scale) {
4528 - scale: calc(1 * var(--direction-multiplier)) 1;
4529 -}
4530 4539 .e-con-select-preset__list .e-con-preset path {
4531 4540 fill: var(--e-a-color-white);
4532 4541 }
4533 4542 .e-con-select-preset__list .e-con-preset rect {
@@ -4545,11 +4554,8 @@
4545 4554 stroke: var(--e-a-color-white);
4546 4555 }
4547 4556 .e-con-select-preset__list .e-con-preset:hover rect, .e-con-select-preset__list .e-con-preset:focus rect {
4548 4557 fill: var(--e-a-color-txt);
4549 -}
4550 -.e-con-select-preset__list .e-con-preset[data-preset=r100] {
4551 - scale: calc(1 * var(--direction-multiplier)) 1;
4552 4558 }
4553 4559 .e-con-shared-styles {
4554 4560 font-family: var(--e-a-font-family);
4555 4561 line-height: 1;