PluginProbe
Elementor Website Builder – more than just a page builder / 3.31.2
Elementor Website Builder – more than just a page builder v3.31.2
4.3.0-beta3 4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 4.1.0-beta2 4.1.0-dev2 4.0.8 4.1.0-beta1 4.1.0-dev1 All 452 releases
← All changes | assets/css/editor-preview.css +107 -145 4.3.0-beta33.31.2 View file →
@@ -1,4 +1,5 @@
1 +/*! elementor - v3.31.0 - 11-08-2025 */
1 2 :root {
2 3 --direction-multiplier: 1;
3 4 }
4 5
@@ -38,14 +39,17 @@
38 39 height: 0;
39 40 }
40 41
41 42 .e-logo-wrapper {
43 + background: var(--e-a-bg-logo);
42 44 display: inline-block;
45 + padding: 0.75em;
46 + border-radius: 50%;
43 47 line-height: 1;
44 48 }
45 49 .e-logo-wrapper i {
46 - color: var(--e-a-color-circle-logo);
47 - font-size: 2.5em;
50 + color: var(--e-a-color-logo);
51 + font-size: 1em;
48 52 }
49 53
50 54 .elementor-control-unit-1 {
51 55 width: 27px;
@@ -271,9 +275,10 @@
271 275 display: none;
272 276 position: absolute;
273 277 box-shadow: var(--e-a-popover-shadow);
274 278 border-radius: var(--e-a-border-radius);
275 - inset-inline: 0;
279 + left: 0;
280 + right: 0;
276 281 margin: -4px auto 5px;
277 282 padding-block-start: 15px;
278 283 width: 90%;
279 284 z-index: 10000;
@@ -456,8 +461,11 @@
456 461 background-color: var(--e-a-bg-chip);
457 462 border-radius: 100px;
458 463 padding: 5px 8px;
459 464 }
465 +.elementor-panel-heading-category-chip i {
466 + margin-inline-start: 4px;
467 +}
460 468 .elementor-panel-heading-promotion {
461 469 margin-inline-start: auto;
462 470 }
463 471 .elementor-panel-heading-promotion a {
@@ -525,10 +533,8 @@
525 533 .elementor-group-control-attachment_alert .elementor-control-field-description {
526 534 margin-block-start: 0;
527 535 }
528 536
529 -.elementor-control-start-end .eicon-text-align-left,
530 -.elementor-control-start-end .eicon-text-align-right,
531 537 .elementor-control-start-end .eicon-h-align-left,
532 538 .elementor-control-start-end .eicon-h-align-right {
533 539 scale: calc(1 * var(--direction-multiplier)) 1;
534 540 }
@@ -568,9 +574,9 @@
568 574 }
569 575 .elementor-control-responsive-switchers__holder {
570 576 position: absolute;
571 577 width: 100%;
572 - inset-block-start: 0;
578 + top: 0;
573 579 background-color: var(--e-a-bg-default);
574 580 border-radius: var(--e-a-border-radius);
575 581 transition: 0.15s;
576 582 border: 1px solid transparent;
@@ -891,9 +897,9 @@
891 897 }
892 898 .elementor-control-responsive-switchers__holder {
893 899 position: absolute;
894 900 width: 100%;
895 - inset-block-start: 0;
901 + top: 0;
896 902 background-color: var(--e-a-bg-default);
897 903 border-radius: var(--e-a-border-radius);
898 904 transition: 0.15s;
899 905 border: 1px solid transparent;
@@ -1169,9 +1175,9 @@
1169 1175 }
1170 1176 .elementor-control-responsive-switchers__holder {
1171 1177 position: absolute;
1172 1178 width: 100%;
1173 - inset-block-start: 0;
1179 + top: 0;
1174 1180 background-color: var(--e-a-bg-default);
1175 1181 border-radius: var(--e-a-border-radius);
1176 1182 transition: 0.15s;
1177 1183 border: 1px solid transparent;
@@ -1437,11 +1443,11 @@
1437 1443 }
1438 1444
1439 1445 .elementor-control-type-icons .elementor-control-media__preview > * {
1440 1446 position: absolute;
1441 - inset-block-start: 50%;
1442 - inset-inline-start: 50%;
1443 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
1447 + top: 50%;
1448 + left: 50%;
1449 + transform: translate(-50%, -50%);
1444 1450 }
1445 1451 .elementor-control-type-icons .elementor-control-media__preview i {
1446 1452 font-size: 70px;
1447 1453 }
@@ -1640,19 +1646,8 @@
1640 1646 .e-global__preview-items-container::-webkit-scrollbar-thumb {
1641 1647 background-color: #BABFC5;
1642 1648 border-radius: 10px;
1643 1649 }
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 1650 .e-global__manage-button {
1656 1651 font-weight: 500;
1657 1652 cursor: pointer;
1658 1653 }
@@ -1668,9 +1663,9 @@
1668 1663 font-size: 13px;
1669 1664 content: "\e90e";
1670 1665 position: absolute;
1671 1666 transform: translateY(-50%);
1672 - inset-block-start: 50%;
1667 + top: 50%;
1673 1668 inset-inline-start: 13px;
1674 1669 }
1675 1670 .e-global__color {
1676 1671 padding: 10px 20px;
@@ -1811,11 +1806,11 @@
1811 1806 display: none;
1812 1807 }
1813 1808 .elementor-control-media .eicon-plus-circle {
1814 1809 position: absolute;
1815 - inset-block-start: 50%;
1816 - inset-inline-start: 50%;
1817 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
1810 + top: 50%;
1811 + left: 50%;
1812 + transform: translate(-50%, -50%);
1818 1813 color: var(--e-a-color-white);
1819 1814 font-size: 20px;
1820 1815 }
1821 1816 .elementor-control-media__content__upload-button {
@@ -1838,11 +1833,11 @@
1838 1833 display: none;
1839 1834 }
1840 1835 .elementor-control-media-area .eicon-video-camera {
1841 1836 position: absolute;
1842 - inset-block-start: 50%;
1843 - inset-inline-start: 50%;
1844 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
1837 + top: 50%;
1838 + left: 50%;
1839 + transform: translate(-50%, -50%);
1845 1840 color: rgba(255, 255, 255, 0.7);
1846 1841 font-size: 21px;
1847 1842 }
1848 1843 .elementor-control-media .elementor-control-media__content {
@@ -1858,9 +1853,9 @@
1858 1853 background-color: rgba(0, 0, 0, 0.2);
1859 1854 pointer-events: none;
1860 1855 }
1861 1856 .elementor-control-media .elementor-control-media__content:not(:hover) .elementor-control-media__tools {
1862 - inset-block-end: -30px;
1857 + bottom: -30px;
1863 1858 }
1864 1859 .elementor-control-media__content {
1865 1860 transition: all 0.2s ease-in-out;
1866 1861 }
@@ -1865,10 +1860,11 @@
1865 1860 transition: all 0.2s ease-in-out;
1866 1861 }
1867 1862 .elementor-control-media__tools {
1868 1863 position: absolute;
1869 - inset-block-end: 0;
1870 - inset-inline: 0;
1864 + bottom: 0;
1865 + left: 0;
1866 + right: 0;
1871 1867 height: 27px;
1872 1868 transition: all 0.2s ease-in-out;
1873 1869 }
1874 1870 .elementor-control-media__tools > *:not(:first-child) {
@@ -2282,9 +2278,9 @@
2282 2278 }
2283 2279 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle:after {
2284 2280 content: "";
2285 2281 position: absolute;
2286 - inset-block-start: 2px;
2282 + top: 2px;
2287 2283 height: 12px;
2288 2284 width: 11px;
2289 2285 transform: rotate(45deg);
2290 2286 background-color: var(--e-a-color-white);
@@ -2382,9 +2378,9 @@
2382 2378 background-color: var(--e-a-border-color-focus);
2383 2379 }
2384 2380 .elementor-slider .noUi-tooltip {
2385 2381 position: absolute;
2386 - inset-block-start: calc(100% + 5px);
2382 + top: calc(100% + 5px);
2387 2383 left: calc(50% - 4px);
2388 2384 transform: translateX(-50%);
2389 2385 font-size: 10px;
2390 2386 }
@@ -2471,9 +2467,9 @@
2471 2467 transition-property: opacity, background;
2472 2468 }
2473 2469 .elementor-control-type-switcher .elementor-switch-label:before, .elementor-control-type-switcher .elementor-switch-label:after {
2474 2470 position: absolute;
2475 - inset-block-start: 0;
2471 + top: 0;
2476 2472 width: 50%;
2477 2473 text-align: center;
2478 2474 line-height: 20px;
2479 2475 transition: inherit;
@@ -2479,14 +2475,14 @@
2479 2475 transition: inherit;
2480 2476 }
2481 2477 .elementor-control-type-switcher .elementor-switch-label:before {
2482 2478 content: attr(data-off);
2483 - inset-inline-end: 5px;
2479 + right: 5px;
2484 2480 color: var(--e-a-color-txt-muted);
2485 2481 }
2486 2482 .elementor-control-type-switcher .elementor-switch-label:after {
2487 2483 content: attr(data-on);
2488 - inset-inline-start: 5px;
2484 + left: 5px;
2489 2485 color: var(--e-a-btn-color);
2490 2486 opacity: 0;
2491 2487 }
2492 2488 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label {
@@ -2499,19 +2495,19 @@
2499 2495 opacity: 1;
2500 2496 }
2501 2497 .elementor-control-type-switcher .elementor-switch-handle {
2502 2498 position: absolute;
2503 - inset-block-start: 1px;
2504 - inset-inline-start: 1px;
2499 + top: 1px;
2500 + left: 1px;
2505 2501 width: 18px;
2506 2502 height: 18px;
2507 2503 background: white;
2508 2504 border-radius: 10px;
2509 - transition: inset-inline-start 0.15s ease-out;
2505 + transition: left 0.15s ease-out;
2510 2506 }
2511 2507 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-handle {
2512 - inset-inline-start: initial;
2513 - inset-inline-end: 1px;
2508 + left: initial;
2509 + right: 1px;
2514 2510 }
2515 2511
2516 2512 .elementor-control-type-tabs {
2517 2513 display: none;
@@ -2644,10 +2640,10 @@
2644 2640 }
2645 2641 .elementor-control-type-url .elementor-control-url-autocomplete-spinner {
2646 2642 display: none;
2647 2643 position: absolute;
2648 - inset-block-start: 5px;
2649 - inset-inline-end: 0;
2644 + top: 5px;
2645 + right: 0;
2650 2646 width: 10px;
2651 2647 height: 10px;
2652 2648 font-size: 10px;
2653 2649 color: var(--e-a-color-txt-disabled);
@@ -2983,16 +2979,13 @@
2983 2979 --e-p-border-widget-invert: #0C0D0E;
2984 2980 --e-p-border-global: #5EEAD4;
2985 2981 --e-p-border-global-hover: #1DDDBF;
2986 2982 --e-p-border-global-invert: #0C0D0E;
2987 - --e-p-border-global-element: #5EEAD4;
2988 2983 }
2989 2984
2990 2985 .elementor-editor-active .elementor-add-section {
2991 2986 all: initial;
2992 2987 display: flex;
2993 - flex-wrap: wrap;
2994 - justify-content: center;
2995 2988 max-width: 1160px;
2996 2989 position: relative;
2997 2990 margin-inline: auto;
2998 2991 }
@@ -3175,13 +3168,13 @@
3175 3168 content: var(--text);
3176 3169 font-family: var(--e-a-font-family);
3177 3170 font-size: 13px;
3178 3171 font-weight: 500;
3172 + position: absolute;
3173 + left: 50%;
3174 + top: 50%;
3179 3175 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%);
3176 + transform: translate(-50%, -50%);
3184 3177 }
3185 3178 .elementor-editor-active .elementor-select-preset-list .elementor-preset svg {
3186 3179 height: 50px;
3187 3180 width: 100%;
@@ -3274,18 +3267,18 @@
3274 3267 border-radius: 3px;
3275 3268 z-index: 9999;
3276 3269 }
3277 3270 .pen-menu:after {
3271 + top: 100%;
3278 3272 content: "";
3279 3273 position: absolute;
3280 3274 border: 6px solid transparent;
3281 3275 border-block-start-color: #3f444b;
3282 - inset-block-start: 100%;
3283 - inset-inline-start: 50%;
3276 + left: 50%;
3284 3277 transform: translateX(-50%);
3285 3278 }
3286 3279 .pen-menu-below:after {
3287 - inset-block-start: 0;
3280 + top: 0;
3288 3281 transform: translateX(-50%) translateY(-100%) rotate(180deg);
3289 3282 }
3290 3283 .pen-icon {
3291 3284 position: relative;
@@ -3481,23 +3474,19 @@
3481 3474 }
3482 3475
3483 3476 [class^=eicon-flex], [class*=" eicon-flex"] {
3484 3477 transition: 0.3s all;
3478 + --is-ltr: 1;
3479 + --is-rtl: 0;
3480 + --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
3485 3481 }
3486 3482 [class^=eicon-flex].eicon-inline, [class*=" eicon-flex"].eicon-inline {
3487 3483 max-height: 1em;
3488 3484 max-width: 1em;
3489 3485 }
3490 -[class^=eicon-flex], [class*=" eicon-flex"] {
3491 - --is-ltr: 1;
3492 - --is-rtl: 0;
3493 -}
3494 3486 [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 3487 --rotation-direction: calc(var(--is-ltr) + var(--is-rtl));
3496 3488 }
3497 -[class^=eicon-flex], [class*=" eicon-flex"] {
3498 - --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
3499 -}
3500 3489 :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 3490 transform: rotate(calc(var(--rotation-direction) * 90deg));
3502 3491 }
3503 3492 :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) {
@@ -3834,20 +3823,8 @@
3834 3823 .elementor-editor-preview .elementor-empty-view,
3835 3824 .elementor-editor-preview .elementor-widget-empty {
3836 3825 display: none;
3837 3826 }
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 3827
3851 3828 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen,
3852 3829 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop,
3853 3830 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop,
@@ -3947,16 +3924,12 @@
3947 3924 .e-youtube-base iframe {
3948 3925 pointer-events: none;
3949 3926 }
3950 3927
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 {
3928 +.elementor-editor-section-settings,
3929 +.elementor-editor-container-settings,
3930 +.elementor-editor-e-flexbox-settings,
3931 +.elementor-editor-e-div-block-settings {
3959 3932 height: 24px;
3960 3933 top: 1px;
3961 3934 left: 50%;
3962 3935 transform: translateX(-50%) translateY(-100%);
@@ -3968,21 +3941,33 @@
3968 3941 stroke: transparent;
3969 3942 stroke-width: 0;
3970 3943 -webkit-text-stroke: 0 transparent;
3971 3944 }
3972 -.elementor-editor-element-overlay-settings i.eicon-handle {
3945 +.elementor-editor-section-settings i.eicon-handle,
3946 +.elementor-editor-container-settings i.eicon-handle,
3947 +.elementor-editor-e-flexbox-settings i.eicon-handle,
3948 +.elementor-editor-e-div-block-settings i.eicon-handle {
3973 3949 font-size: 16px;
3974 3950 }
3975 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:hover {
3951 +.elementor-editor-section-settings .elementor-editor-element-setting:hover,
3952 +.elementor-editor-container-settings .elementor-editor-element-setting:hover,
3953 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:hover,
3954 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:hover {
3976 3955 background-color: var(--e-p-border-section-hover);
3977 3956 }
3978 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child {
3957 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child,
3958 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child,
3959 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:first-child,
3960 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:first-child {
3979 3961 border-start-start-radius: 5px;
3980 3962 border-start-end-radius: 0;
3981 3963 border-end-start-radius: 0;
3982 3964 border-end-end-radius: 0;
3983 3965 }
3984 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child:before {
3966 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child:before,
3967 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child:before,
3968 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:first-child:before,
3969 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:first-child:before {
3985 3970 content: "";
3986 3971 position: absolute;
3987 3972 inset-block-start: 2px;
3988 3973 inset-inline-end: calc(100% - 1px);
@@ -3991,18 +3976,27 @@
3991 3976 border-inline-start: 0 none transparent;
3992 3977 border-inline-end: 12px solid var(--e-p-border-section);
3993 3978 transition: var(--e-a-transition-hover);
3994 3979 }
3995 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child:hover:before {
3980 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child:hover:before,
3981 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child:hover:before,
3982 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:first-child:hover:before,
3983 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:first-child:hover:before {
3996 3984 border-inline-end-color: var(--e-p-border-section-hover);
3997 3985 }
3998 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child {
3986 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child,
3987 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child,
3988 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:last-child,
3989 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:last-child {
3999 3990 border-start-start-radius: 0;
4000 3991 border-start-end-radius: 5px;
4001 3992 border-end-start-radius: 0;
4002 3993 border-end-end-radius: 0;
4003 3994 }
4004 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child:after {
3995 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child:after,
3996 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child:after,
3997 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:last-child:after,
3998 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:last-child:after {
4005 3999 content: "";
4006 4000 position: absolute;
4007 4001 inset-block-start: 2px;
4008 4002 inset-inline-start: calc(100% - 1px);
@@ -4011,9 +4005,12 @@
4011 4005 border-inline-start: 12px solid var(--e-p-border-section);
4012 4006 border-inline-end: 0 none transparent;
4013 4007 transition: var(--e-a-transition-hover);
4014 4008 }
4015 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child:hover:after {
4009 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child:hover:after,
4010 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child:hover:after,
4011 +.elementor-editor-e-flexbox-settings .elementor-editor-element-setting:last-child:hover:after,
4012 +.elementor-editor-e-div-block-settings .elementor-editor-element-setting:last-child:hover:after {
4016 4013 border-inline-start-color: var(--e-p-border-section-hover);
4017 4014 }
4018 4015
4019 4016 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings {
@@ -4097,9 +4094,8 @@
4097 4094 border-start-start-radius: 0;
4098 4095 border-start-end-radius: 0;
4099 4096 border-end-start-radius: 0;
4100 4097 border-end-end-radius: 3px;
4101 - transform: none;
4102 4098 overflow: hidden;
4103 4099 }
4104 4100 .elementor-editor-column-settings .elementor-editor-element-setting {
4105 4101 background-color: var(--e-p-border-column);
@@ -4113,9 +4109,12 @@
4113 4109 }
4114 4110 .elementor-column-placeholder:before, .elementor-column-placeholder:after {
4115 4111 content: "";
4116 4112 position: absolute;
4117 - inset: 10px;
4113 + top: 10px;
4114 + bottom: 10px;
4115 + right: 10px;
4116 + left: 10px;
4118 4117 }
4119 4118 .elementor-column-placeholder:before {
4120 4119 border: 1px solid var(--e-p-border-column);
4121 4120 }
@@ -4126,9 +4125,9 @@
4126 4125 .elementor-column-percents-tooltip {
4127 4126 position: absolute;
4128 4127 display: none;
4129 4128 pointer-events: none;
4130 - inset-block-start: 50%;
4129 + top: 50%;
4131 4130 transform: translateY(-50%);
4132 4131 color: #fff;
4133 4132 font-size: 10px;
4134 4133 background-color: var(--e-p-border-column);
@@ -4247,9 +4246,12 @@
4247 4246 }
4248 4247 .elementor-section > .elementor-element-overlay:after,
4249 4248 .e-con > .elementor-element-overlay:after {
4250 4249 position: absolute;
4251 - inset: 1px;
4250 + left: 1px;
4251 + right: 1px;
4252 + top: 1px;
4253 + bottom: 1px;
4252 4254 outline: 1px solid var(--e-p-border-con);
4253 4255 animation: section-outline 0.75s;
4254 4256 }
4255 4257 .elementor-section:hover > .elementor-element-overlay:after,
@@ -4261,12 +4263,12 @@
4261 4263 content: "";
4262 4264 outline-width: 2px;
4263 4265 }
4264 4266
4265 -.e-con .e-con-inner .e-con.e-child > .elementor-element-overlay:after {
4267 +.e-con .e-con-inner .e-con > .elementor-element-overlay:after {
4266 4268 outline: 1px dashed var(--e-p-border-con-in);
4267 4269 }
4268 -.e-con .e-con-inner .e-con.e-child.elementor-element-editable > .elementor-element-overlay:after {
4270 +.e-con .e-con-inner .e-con.elementor-element-editable > .elementor-element-overlay:after {
4269 4271 outline: 2px solid var(--e-p-border-con-in);
4270 4272 }
4271 4273 .e-con .elementor-empty-view {
4272 4274 position: relative;
@@ -4296,11 +4298,9 @@
4296 4298 align-self: stretch;
4297 4299 z-index: 1;
4298 4300 pointer-events: none;
4299 4301 }
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 {
4302 +.e-con.e-con--row > .elementor-widget-placeholder, .e-con.e-con--row > .e-con-inner > .elementor-widget-placeholder {
4303 4303 position: relative;
4304 4304 z-index: 9999;
4305 4305 width: var(--size);
4306 4306 margin-inline-start: var(--margin-start);
@@ -4349,28 +4349,28 @@
4349 4349 height: 84px;
4350 4350 width: 125px;
4351 4351 z-index: -1;
4352 4352 }
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 {
4353 +.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 4354 position: relative;
4355 4355 background-color: var(--e-p-border-con-in);
4356 4356 }
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 {
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, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting:hover {
4358 4358 background-color: var(--e-p-border-con-in-hover);
4359 4359 }
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 {
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, .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 4361 display: none;
4362 4362 }
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) {
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), .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit) {
4364 4364 margin-inline-start: -25px;
4365 4365 z-index: -1;
4366 4366 transition: 0.3s all;
4367 4367 will-change: margin-inline-start;
4368 4368 }
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) {
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), .elementor-widget .e-con > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove) {
4370 4370 margin-inline-start: 0;
4371 4371 }
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 {
4372 +.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 4373 inset: initial;
4374 4374 transform: none;
4375 4375 inset-inline-start: 0;
4376 4376 top: 0;
@@ -4377,9 +4377,9 @@
4377 4377 border-radius: 0;
4378 4378 border-end-end-radius: 3px;
4379 4379 height: auto;
4380 4380 }
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 {
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, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before {
4382 4382 content: "\e9b4";
4383 4383 font-size: 20px;
4384 4384 display: block;
4385 4385 padding: 2px;
@@ -4384,51 +4384,13 @@
4384 4384 display: block;
4385 4385 padding: 2px;
4386 4386 }
4387 4387
4388 -.e-atomic-element:has(> .elementor-empty-view) {
4388 +.e-div-block-base:has(.elementor-empty-view), .e-flexbox-base:has(.elementor-empty-view) {
4389 4389 min-height: 120px;
4390 4390 }
4391 -.e-atomic-element > .elementor-empty-view.elementor-empty-view {
4391 +.e-div-block-base > .elementor-empty-view.elementor-empty-view, .e-flexbox-base > .elementor-empty-view.elementor-empty-view {
4392 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;
4405 - height: auto;
4406 - min-width: 0;
4407 - min-height: 0;
4408 -}
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 4393 }
4432 4394
4433 4395 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 4396 left: 0;