PluginProbe
Elementor Website Builder – more than just a page builder / 3.24.4
Elementor Website Builder – more than just a page builder v3.24.4
4.3.2 4.3.1 4.3.0 4.3.0-beta3 4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 4.1.0-beta2 4.1.0-dev2 All 455 releases
← All changes | assets/css/editor-preview-rtl.css +353 -487 4.3.1 → 3.24.4 View file →
@@ -1,13 +1,5 @@
1 -:root {
2 - --direction-multiplier: 1;
3 -}
4 -
5 -html[dir=rtl],
6 -body.rtl {
7 - --direction-multiplier: -1;
8 -}
9 -
1 +/*! elementor - v3.24.0 - 23-09-2024 */
10 2 .elementor-hidden {
11 3 display: none;
12 4 }
13 5
@@ -38,16 +30,94 @@
38 30 height: 0;
39 31 }
40 32
41 33 .e-logo-wrapper {
34 + background: var(--e-a-bg-logo);
42 35 display: inline-block;
36 + padding: 0.75em;
37 + border-radius: 50%;
43 38 line-height: 1;
44 39 }
45 40 .e-logo-wrapper i {
46 - color: var(--e-a-color-circle-logo);
47 - font-size: 2.5em;
41 + color: var(--e-a-color-logo);
42 + font-size: 1em;
48 43 }
49 44
45 +:root {
46 + --e-a-color-white: #ffffff;
47 + --e-a-color-black: #000000;
48 + --e-a-color-logo: #ffffff;
49 + --e-a-color-primary: #F3BAFD;
50 + --e-a-color-primary-bold: #D004D4;
51 + --e-a-color-secondary: #515962;
52 + --e-a-color-success: #0A875A;
53 + --e-a-color-danger: #DC2626;
54 + --e-a-color-info: #2563EB;
55 + --e-a-color-warning: #F59E0B;
56 + --e-a-color-accent: #93003f;
57 + --e-a-color-global: #1DDDBF;
58 + --e-a-color-accent-promotion: #93003f;
59 + --e-a-bg-default: #ffffff;
60 + --e-a-bg-invert: #0C0D0E;
61 + --e-a-bg-hover: #F1F2F3;
62 + --e-a-bg-active: #E6E8EA;
63 + --e-a-bg-active-bold: #D5D8DC;
64 + --e-a-bg-loading: #F9FAFA;
65 + --e-a-bg-logo: #000000;
66 + --e-a-bg-primary: #FAE8FF;
67 + --e-a-bg-secondary: #515962;
68 + --e-a-bg-success: #F2FDF5;
69 + --e-a-bg-info: #F0F7FF;
70 + --e-a-bg-danger: #FEF1F4;
71 + --e-a-bg-warning: #FFFBEB;
72 + --e-a-color-txt: #515962;
73 + --e-a-color-txt-muted: #818A96;
74 + --e-a-color-txt-disabled: #BABFC5;
75 + --e-a-color-txt-invert: #ffffff;
76 + --e-a-color-txt-accent: #0C0D0E;
77 + --e-a-color-txt-hover: #3f444b;
78 + --e-a-color-txt-active: #0C0D0E;
79 + --e-a-border-color: #E6E8EA;
80 + --e-a-border-color-bold: #D5D8DC;
81 + --e-a-border-color-focus: #BABFC5;
82 + --e-a-border-color-accent: #0C0D0E;
83 + --e-a-border: 1px solid var(--e-a-border-color);
84 + --e-a-border-bold: 1px solid var(--e-a-border-color-bold);
85 + --e-a-border-radius: 3px;
86 + --e-a-btn-color: #0C0D0E;
87 + --e-a-btn-color-invert: var(--e-a-color-txt-invert);
88 + --e-a-btn-color-disabled: var(--e-a-color-txt-disabled);
89 + --e-a-btn-bg: #515962;
90 + --e-a-btn-bg-hover: #3a4046;
91 + --e-a-btn-bg-active: #23262a;
92 + --e-a-btn-bg-disabled: #D5D8DC;
93 + --e-a-btn-bg-primary: #F3BAFD;
94 + --e-a-btn-bg-primary-hover: #F5D0FE;
95 + --e-a-btn-bg-primary-active:#F0ABFC;
96 + --e-a-btn-bg-accent: #93003f;
97 + --e-a-btn-bg-accent-hover: #8F1A4C;
98 + --e-a-btn-bg-accent-active: #A93365;
99 + --e-a-btn-bg-info: #2563EB;
100 + --e-a-btn-bg-info-hover: #134cca;
101 + --e-a-btn-bg-info-active: #0e3b9c;
102 + --e-a-btn-bg-success: #0A875A;
103 + --e-a-btn-bg-success-hover: #06583a;
104 + --e-a-btn-bg-success-active:#03281b;
105 + --e-a-btn-bg-warning: #F59E0B;
106 + --e-a-btn-bg-warning-hover: #c57f08;
107 + --e-a-btn-bg-warning-active:#945f06;
108 + --e-a-btn-bg-danger: #DC2626;
109 + --e-a-btn-bg-danger-hover: #b21d1d;
110 + --e-a-btn-bg-danger-active: #861616;
111 + --e-a-dark-bg: #0C0D0E;
112 + --e-a-dark-color-txt: #9DA5AE;
113 + --e-a-dark-color-txt-hover: #D5D8DC;
114 + --e-a-font-family: Roboto, Arial, Helvetica, sans-serif;
115 + --e-a-transition-hover: all .3s;
116 + --e-a-popover-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
117 + --e-a-dropdown-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
118 +}
119 +
50 120 .elementor-control-unit-1 {
51 121 width: 27px;
52 122 }
53 123
@@ -158,10 +228,10 @@
158 228 }
159 229 .elementor-tag-settings-popup:before {
160 230 content: "";
161 231 position: absolute;
162 - inset-block-start: -20px;
163 - inset-inline-start: 5px;
232 + top: -20px;
233 + right: 5px;
164 234 border: 10px solid transparent;
165 235 border-block-end-color: var(--e-a-border-color);
166 236 }
167 237 .elementor-tag-settings-popup .elementor-control-type-section:first-child {
@@ -271,9 +341,10 @@
271 341 display: none;
272 342 position: absolute;
273 343 box-shadow: var(--e-a-popover-shadow);
274 344 border-radius: var(--e-a-border-radius);
275 - inset-inline: 0;
345 + left: 0;
346 + right: 0;
276 347 margin: -4px auto 5px;
277 348 padding-block-start: 15px;
278 349 width: 90%;
279 350 z-index: 10000;
@@ -281,10 +352,10 @@
281 352 }
282 353 .elementor-controls-popover:before {
283 354 content: "";
284 355 position: absolute;
285 - inset-block-start: -16px;
286 - inset-inline-end: 22px;
356 + top: -16px;
357 + left: 22px;
287 358 border: 8px solid transparent;
288 359 border-block-end-color: var(--e-a-bg-default);
289 360 }
290 361 .elementor-controls-popover div.elementor-control {
@@ -331,9 +402,8 @@
331 402 .elementor-control.elementor-control-type-divider {
332 403 padding: 0;
333 404 }
334 405 .elementor-control.elementor-control-type-divider .elementor-control-content {
335 - margin-inline: 20px;
336 406 border-width: 0;
337 407 border-block-start: var(--e-a-border);
338 408 background-color: var(--e-a-bg-default);
339 409 height: 15px;
@@ -343,20 +413,21 @@
343 413 }
344 414 .elementor-control.elementor-control-separator-before:before {
345 415 content: "";
346 416 position: absolute;
347 - inset: 0 20px auto;
348 417 height: 1px;
418 + width: calc(100% - 40px);
419 + top: 0;
420 + right: 20px;
349 421 background-color: var(--e-a-border-color);
350 422 }
351 -.elementor-control.elementor-control-separator-after {
352 - padding-block-end: 15px;
353 -}
354 423 .elementor-control.elementor-control-separator-after:after {
355 424 content: "";
356 425 position: absolute;
357 - inset: auto 20px 0;
358 426 height: 1px;
427 + width: calc(100% - 40px);
428 + bottom: 0;
429 + right: 20px;
359 430 background-color: var(--e-a-border-color);
360 431 }
361 432 .elementor-control.elementor-control-separator-after + .elementor-control-type-tabs + .elementor-control-separator-default, .elementor-control.elementor-control-separator-after:not(.elementor-hidden-control) + .elementor-control-separator-default {
362 433 padding-block-start: 15px;
@@ -397,36 +468,23 @@
397 468 }
398 469 body:not(.elementor-device-mobile) .elementor-control.elementor-control-responsive-mobile {
399 470 display: none;
400 471 }
401 -.elementor-control-shape_divider_top .elementor-visual-choice-element-image label, .elementor-control-shape_divider_bottom .elementor-visual-choice-element-image label {
402 - padding: 4px;
403 -}
404 -.elementor-control-shape_divider_top img, .elementor-control-shape_divider_bottom img {
405 - aspect-ratio: 4/1;
406 - -o-object-fit: cover;
407 - object-fit: cover;
408 - -o-object-position: center;
409 - object-position: center;
410 -}
411 -.elementor-control-shape_divider_bottom img {
412 - rotate: X 180deg;
413 -}
414 472 .elementor-control-custom_css_pro .elementor-nerd-box-message, .elementor-control-custom_attributes_pro .elementor-nerd-box-message {
415 473 margin-block-start: 5px;
416 474 }
417 475
418 -.elementor-control.e-open .elementor-panel-heading-toggle i, .elementor-control.elementor-active .elementor-panel-heading-toggle i,
419 -.elementor-panel-category.e-open .elementor-panel-heading-toggle i,
420 -.elementor-panel-category.elementor-active .elementor-panel-heading-toggle i,
421 -.elementor-panel-scheme-item.e-open .elementor-panel-heading-toggle i,
422 -.elementor-panel-scheme-item.elementor-active .elementor-panel-heading-toggle i {
423 - transform: rotate(90deg);
476 +.elementor-control.e-open .elementor-panel-heading-toggle .eicon:before, .elementor-control.elementor-active .elementor-panel-heading-toggle .eicon:before,
477 +.elementor-panel-category.e-open .elementor-panel-heading-toggle .eicon:before,
478 +.elementor-panel-category.elementor-active .elementor-panel-heading-toggle .eicon:before,
479 +.elementor-panel-scheme-item.e-open .elementor-panel-heading-toggle .eicon:before,
480 +.elementor-panel-scheme-item.elementor-active .elementor-panel-heading-toggle .eicon:before {
481 + content: "\e92a";
424 482 }
425 -.elementor-control:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle i,
426 -.elementor-panel-category:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle i,
427 -.elementor-panel-scheme-item:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle i {
428 - scale: calc(1 * var(--direction-multiplier)) 1;
483 +.elementor-control:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle .eicon:before,
484 +.elementor-panel-category:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle .eicon:before,
485 +.elementor-panel-scheme-item:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle .eicon:before {
486 + content: "\e909";
429 487 }
430 488
431 489 .elementor-panel-heading {
432 490 display: flex;
@@ -450,14 +508,8 @@
450 508 }
451 509 .elementor-panel-heading-title {
452 510 font-weight: bold;
453 511 }
454 -.elementor-panel-heading-category-chip {
455 - margin-inline-start: auto;
456 - background-color: var(--e-a-bg-chip);
457 - border-radius: 100px;
458 - padding: 5px 8px;
459 -}
460 512 .elementor-panel-heading-promotion {
461 513 margin-inline-start: auto;
462 514 }
463 515 .elementor-panel-heading-promotion a {
@@ -476,11 +528,9 @@
476 528 .elementor-panel-heading:focus-visible {
477 529 color: var(--e-a-color-txt-hover);
478 530 }
479 531
480 -#elementor-controls .elementor-control-type-section:first-child .elementor-panel-heading,
481 -#elementor-panel-page-settings-controls .elementor-control-type-section:first-child .elementor-panel-heading,
482 -#elementor-panel-editorPreferences-settings-controls .elementor-control-type-section:first-child .elementor-panel-heading {
532 +#elementor-controls .elementor-control-type-section:first-child .elementor-panel-heading {
483 533 border-block-start: none;
484 534 }
485 535
486 536 .elementor-control-field {
@@ -525,13 +575,11 @@
525 575 .elementor-group-control-attachment_alert .elementor-control-field-description {
526 576 margin-block-start: 0;
527 577 }
528 578
529 -.elementor-control-start-end .eicon-text-align-left,
530 -.elementor-control-start-end .eicon-text-align-right,
531 579 .elementor-control-start-end .eicon-h-align-left,
532 580 .elementor-control-start-end .eicon-h-align-right {
533 - scale: calc(1 * var(--direction-multiplier)) 1;
581 + transform: rotate(180deg);
534 582 }
535 583
536 584 .elementor-update-preview {
537 585 margin: 15px 15px 0;
@@ -568,9 +616,9 @@
568 616 }
569 617 .elementor-control-responsive-switchers__holder {
570 618 position: absolute;
571 619 width: 100%;
572 - inset-block-start: 0;
620 + top: 0;
573 621 background-color: var(--e-a-bg-default);
574 622 border-radius: var(--e-a-border-radius);
575 623 transition: 0.15s;
576 624 border: 1px solid transparent;
@@ -713,10 +761,10 @@
713 761 display: none;
714 762 overflow: hidden;
715 763 max-height: 0;
716 764 position: absolute;
717 - inset-block-start: -0.8em;
718 - inset-inline-start: -0.5em;
765 + top: -0.8em;
766 + right: -0.5em;
719 767 width: 2.5em;
720 768 text-align: center;
721 769 background-color: var(--e-a-bg-default);
722 770 border-radius: var(--e-a-border-radius);
@@ -891,9 +939,9 @@
891 939 }
892 940 .elementor-control-responsive-switchers__holder {
893 941 position: absolute;
894 942 width: 100%;
895 - inset-block-start: 0;
943 + top: 0;
896 944 background-color: var(--e-a-bg-default);
897 945 border-radius: var(--e-a-border-radius);
898 946 transition: 0.15s;
899 947 border: 1px solid transparent;
@@ -1036,10 +1084,10 @@
1036 1084 display: none;
1037 1085 overflow: hidden;
1038 1086 max-height: 0;
1039 1087 position: absolute;
1040 - inset-block-start: -0.8em;
1041 - inset-inline-start: -0.5em;
1088 + top: -0.8em;
1089 + right: -0.5em;
1042 1090 width: 2.5em;
1043 1091 text-align: center;
1044 1092 background-color: var(--e-a-bg-default);
1045 1093 border-radius: var(--e-a-border-radius);
@@ -1169,9 +1217,9 @@
1169 1217 }
1170 1218 .elementor-control-responsive-switchers__holder {
1171 1219 position: absolute;
1172 1220 width: 100%;
1173 - inset-block-start: 0;
1221 + top: 0;
1174 1222 background-color: var(--e-a-bg-default);
1175 1223 border-radius: var(--e-a-border-radius);
1176 1224 transition: 0.15s;
1177 1225 border: 1px solid transparent;
@@ -1314,10 +1362,10 @@
1314 1362 display: none;
1315 1363 overflow: hidden;
1316 1364 max-height: 0;
1317 1365 position: absolute;
1318 - inset-block-start: -0.8em;
1319 - inset-inline-start: -0.5em;
1366 + top: -0.8em;
1367 + right: -0.5em;
1320 1368 width: 2.5em;
1321 1369 text-align: center;
1322 1370 background-color: var(--e-a-bg-default);
1323 1371 border-radius: var(--e-a-border-radius);
@@ -1437,11 +1485,11 @@
1437 1485 }
1438 1486
1439 1487 .elementor-control-type-icons .elementor-control-media__preview > * {
1440 1488 position: absolute;
1441 - inset-block-start: 50%;
1442 - inset-inline-start: 50%;
1443 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
1489 + top: 50%;
1490 + left: 50%;
1491 + transform: translate(-50%, -50%);
1444 1492 }
1445 1493 .elementor-control-type-icons .elementor-control-media__preview i {
1446 1494 font-size: 70px;
1447 1495 }
@@ -1496,9 +1544,12 @@
1496 1544 opacity: 0.6;
1497 1545 }
1498 1546 .elementor-control-type-gallery .elementor-control-gallery-edit {
1499 1547 position: absolute;
1500 - inset: 0;
1548 + top: 0;
1549 + bottom: 0;
1550 + left: 0;
1551 + right: 0;
1501 1552 background-color: rgba(0, 0, 0, 0.2);
1502 1553 padding: 10px;
1503 1554 font-size: 11px;
1504 1555 transition: all 0.3s ease-in-out;
@@ -1507,10 +1558,10 @@
1507 1558 opacity: 0;
1508 1559 }
1509 1560 .elementor-control-type-gallery .elementor-control-gallery-edit span {
1510 1561 position: absolute;
1511 - inset-block-start: 10px;
1512 - inset-inline-end: 10px;
1562 + top: 10px;
1563 + left: 10px;
1513 1564 width: 21px;
1514 1565 height: 21px;
1515 1566 color: var(--e-a-color-white);
1516 1567 background-color: rgba(0, 0, 0, 0.5);
@@ -1620,10 +1671,10 @@
1620 1671 }
1621 1672 .e-global__popover-info-tooltip:after {
1622 1673 content: "";
1623 1674 position: absolute;
1624 - inset-block-end: -17px;
1625 - inset-inline-start: 16px;
1675 + bottom: -17px;
1676 + right: 16px;
1626 1677 border: 10px solid transparent;
1627 1678 border-block-start-color: rgba(0, 0, 0, 0.9);
1628 1679 }
1629 1680 .e-global__popover-info i {
@@ -1640,19 +1691,8 @@
1640 1691 .e-global__preview-items-container::-webkit-scrollbar-thumb {
1641 1692 background-color: #BABFC5;
1642 1693 border-radius: 10px;
1643 1694 }
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 1695 .e-global__manage-button {
1656 1696 font-weight: 500;
1657 1697 cursor: pointer;
1658 1698 }
@@ -1668,9 +1708,9 @@
1668 1708 font-size: 13px;
1669 1709 content: "\e90e";
1670 1710 position: absolute;
1671 1711 transform: translateY(-50%);
1672 - inset-block-start: 50%;
1712 + top: 50%;
1673 1713 inset-inline-start: 13px;
1674 1714 }
1675 1715 .e-global__color {
1676 1716 padding: 10px 20px;
@@ -1687,10 +1727,13 @@
1687 1727 position: relative;
1688 1728 }
1689 1729 .e-global__color-preview-color, .e-global__color-preview-transparent-bg {
1690 1730 border-radius: 3px;
1731 + height: 100%;
1732 + width: 100%;
1691 1733 position: absolute;
1692 - inset: 0;
1734 + top: 0;
1735 + left: 0;
1693 1736 }
1694 1737 .e-global__color-preview-transparent-bg {
1695 1738 background-image: linear-gradient(45deg, var(--e-a-border-color-bold) 25%, transparent 0, transparent 75%, var(--e-a-border-color-bold) 0, var(--e-a-border-color-bold)), linear-gradient(45deg, var(--e-a-border-color-bold) 25%, transparent 0, transparent 75%, var(--e-a-border-color-bold) 0, var(--e-a-border-color-bold));
1696 1739 background-size: 12px 12px;
@@ -1811,11 +1854,11 @@
1811 1854 display: none;
1812 1855 }
1813 1856 .elementor-control-media .eicon-plus-circle {
1814 1857 position: absolute;
1815 - inset-block-start: 50%;
1816 - inset-inline-start: 50%;
1817 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
1858 + top: 50%;
1859 + left: 50%;
1860 + transform: translate(-50%, -50%);
1818 1861 color: var(--e-a-color-white);
1819 1862 font-size: 20px;
1820 1863 }
1821 1864 .elementor-control-media__content__upload-button {
@@ -1824,8 +1867,9 @@
1824 1867 .elementor-control-media__preview {
1825 1868 height: 100%;
1826 1869 background-size: cover;
1827 1870 background-position: center;
1871 + padding-block-end: 42.8571%;
1828 1872 }
1829 1873 .elementor-control-media-area {
1830 1874 background-image: linear-gradient(45deg, var(--e-a-border-color-bold) 25%, transparent 0, transparent 75%, var(--e-a-border-color-bold) 0, var(--e-a-border-color-bold)), linear-gradient(45deg, var(--e-a-border-color-bold) 25%, transparent 0, transparent 75%, var(--e-a-border-color-bold) 0, var(--e-a-border-color-bold));
1831 1875 background-size: 16px 16px;
@@ -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 {
@@ -1853,14 +1897,17 @@
1853 1897 }
1854 1898 .elementor-control-media .elementor-control-media__content:hover:after {
1855 1899 content: "";
1856 1900 position: absolute;
1857 - inset: 0;
1901 + top: 0;
1902 + bottom: 0;
1903 + left: 0;
1904 + right: 0;
1858 1905 background-color: rgba(0, 0, 0, 0.2);
1859 1906 pointer-events: none;
1860 1907 }
1861 1908 .elementor-control-media .elementor-control-media__content:not(:hover) .elementor-control-media__tools {
1862 - inset-block-end: -30px;
1909 + bottom: -30px;
1863 1910 }
1864 1911 .elementor-control-media__content {
1865 1912 transition: all 0.2s ease-in-out;
1866 1913 }
@@ -1865,10 +1912,11 @@
1865 1912 transition: all 0.2s ease-in-out;
1866 1913 }
1867 1914 .elementor-control-media__tools {
1868 1915 position: absolute;
1869 - inset-block-end: 0;
1870 - inset-inline: 0;
1916 + bottom: 0;
1917 + left: 0;
1918 + right: 0;
1871 1919 height: 27px;
1872 1920 transition: all 0.2s ease-in-out;
1873 1921 }
1874 1922 .elementor-control-media__tools > *:not(:first-child) {
@@ -1895,10 +1943,10 @@
1895 1943 }
1896 1944 .elementor-control-media__content__remove {
1897 1945 position: absolute;
1898 1946 z-index: 1;
1899 - inset-block-start: 10px;
1900 - inset-inline-end: 10px;
1947 + top: 10px;
1948 + left: 10px;
1901 1949 width: 20px;
1902 1950 height: 20px;
1903 1951 font-size: 11px;
1904 1952 color: var(--e-a-color-white);
@@ -2190,11 +2238,9 @@
2190 2238 text-align: center;
2191 2239 padding-block-start: 5px;
2192 2240 }
2193 2241
2194 -#elementor-controls,
2195 -#elementor-panel-page-settings-controls,
2196 -#elementor-panel-editorPreferences-settings-controls {
2242 +#elementor-controls {
2197 2243 padding-block-start: 15px;
2198 2244 }
2199 2245
2200 2246 .elementor-control-type-section {
@@ -2239,11 +2285,11 @@
2239 2285 font-family: eicons;
2240 2286 content: "\e8ad";
2241 2287 font-size: 12px;
2242 2288 position: absolute;
2243 - inset-block-start: 50%;
2244 - inset-inline-end: 5px;
2289 + top: 50%;
2245 2290 transform: translateY(-50%);
2291 + left: 5px;
2246 2292 pointer-events: none;
2247 2293 }
2248 2294 .elementor-control-type-select .elementor-control-field.elementor-control-field-select-small .elementor-control-input-wrapper {
2249 2295 max-width: 80px;
@@ -2277,14 +2323,14 @@
2277 2323 }
2278 2324 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle {
2279 2325 border-radius: 0;
2280 2326 width: 10px;
2281 - transform: translateY(calc(50% - 14px)) translateX(calc(4px * var(--direction-multiplier)));
2327 + transform: translateY(calc(50% - 14px)) translateX(-4px);
2282 2328 }
2283 2329 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle:after {
2284 2330 content: "";
2285 2331 position: absolute;
2286 - inset-block-start: 2px;
2332 + top: 2px;
2287 2333 height: 12px;
2288 2334 width: 11px;
2289 2335 transform: rotate(45deg);
2290 2336 background-color: var(--e-a-color-white);
@@ -2361,11 +2407,11 @@
2361 2407 .elementor-slider .noUi-handle {
2362 2408 height: 16px;
2363 2409 width: 16px;
2364 2410 background-color: var(--e-a-color-white);
2411 + left: 0;
2412 + transform: translateY(calc(50% - 14px)) translateX(-8px);
2365 2413 position: absolute;
2366 - inset-inline-end: 0;
2367 - transform: translateY(calc(50% - 14px)) translateX(calc(8px * var(--direction-multiplier)));
2368 2414 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
2369 2415 border-radius: 50%;
2370 2416 }
2371 2417 .elementor-slider .noUi-connects {
@@ -2375,9 +2421,12 @@
2375 2421 }
2376 2422 .elementor-slider .noUi-connect {
2377 2423 position: absolute;
2378 2424 z-index: 0;
2379 - inset: 0;
2425 + top: 0;
2426 + left: 0;
2427 + height: 100%;
2428 + width: 100%;
2380 2429 will-change: transform;
2381 2430 transform-origin: 0 0;
2382 2431 background-color: var(--e-a-border-color-focus);
2383 2432 }
@@ -2382,9 +2431,9 @@
2382 2431 background-color: var(--e-a-border-color-focus);
2383 2432 }
2384 2433 .elementor-slider .noUi-tooltip {
2385 2434 position: absolute;
2386 - inset-block-start: calc(100% + 5px);
2435 + top: calc(100% + 5px);
2387 2436 left: calc(50% - 4px);
2388 2437 transform: translateX(-50%);
2389 2438 font-size: 10px;
2390 2439 }
@@ -2471,9 +2520,9 @@
2471 2520 transition-property: opacity, background;
2472 2521 }
2473 2522 .elementor-control-type-switcher .elementor-switch-label:before, .elementor-control-type-switcher .elementor-switch-label:after {
2474 2523 position: absolute;
2475 - inset-block-start: 0;
2524 + top: 0;
2476 2525 width: 50%;
2477 2526 text-align: center;
2478 2527 line-height: 20px;
2479 2528 transition: inherit;
@@ -2479,14 +2528,14 @@
2479 2528 transition: inherit;
2480 2529 }
2481 2530 .elementor-control-type-switcher .elementor-switch-label:before {
2482 2531 content: attr(data-off);
2483 - inset-inline-end: 5px;
2532 + right: 5px;
2484 2533 color: var(--e-a-color-txt-muted);
2485 2534 }
2486 2535 .elementor-control-type-switcher .elementor-switch-label:after {
2487 2536 content: attr(data-on);
2488 - inset-inline-start: 5px;
2537 + left: 5px;
2489 2538 color: var(--e-a-btn-color);
2490 2539 opacity: 0;
2491 2540 }
2492 2541 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label {
@@ -2499,28 +2548,25 @@
2499 2548 opacity: 1;
2500 2549 }
2501 2550 .elementor-control-type-switcher .elementor-switch-handle {
2502 2551 position: absolute;
2503 - inset-block-start: 1px;
2504 - inset-inline-start: 1px;
2552 + top: 1px;
2553 + left: 1px;
2505 2554 width: 18px;
2506 2555 height: 18px;
2507 2556 background: white;
2508 2557 border-radius: 10px;
2509 - transition: inset-inline-start 0.15s ease-out;
2558 + transition: left 0.15s ease-out;
2510 2559 }
2511 2560 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-handle {
2512 - inset-inline-start: initial;
2513 - inset-inline-end: 1px;
2561 + left: initial;
2562 + right: 1px;
2514 2563 }
2515 2564
2516 2565 .elementor-control-type-tabs {
2517 - display: none;
2566 + display: flex;
2518 2567 font-size: var(--control-title-size);
2519 2568 }
2520 -.elementor-control-type-tabs:has(> :not(.elementor-control-type-tab.elementor-hidden-control)) {
2521 - display: flex;
2522 -}
2523 2569
2524 2570 .elementor-control-type-tab {
2525 2571 text-align: center;
2526 2572 width: 100%;
@@ -2563,10 +2609,10 @@
2563 2609 }
2564 2610 .elementor-control-type-textarea:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher,
2565 2611 .elementor-control-type-code:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher {
2566 2612 position: absolute;
2567 - inset-block-start: 0;
2568 - inset-inline-end: 0;
2613 + top: 0;
2614 + left: 0;
2569 2615 z-index: 1;
2570 2616 }
2571 2617 .elementor-control-type-textarea .elementor-control-input-wrapper,
2572 2618 .elementor-control-type-code .elementor-control-input-wrapper {
@@ -2644,10 +2690,10 @@
2644 2690 }
2645 2691 .elementor-control-type-url .elementor-control-url-autocomplete-spinner {
2646 2692 display: none;
2647 2693 position: absolute;
2648 - inset-block-start: 5px;
2649 - inset-inline-end: 0;
2694 + top: 5px;
2695 + right: 0;
2650 2696 width: 10px;
2651 2697 height: 10px;
2652 2698 font-size: 10px;
2653 2699 color: var(--e-a-color-txt-disabled);
@@ -2698,76 +2744,8 @@
2698 2744 font-size: 10px;
2699 2745 padding-block-start: 2px;
2700 2746 }
2701 2747
2702 -.elementor-control-type-visual_choice {
2703 - width: 100%;
2704 -}
2705 -
2706 -.elementor-visual-choice-choices {
2707 - display: grid;
2708 - gap: 8px;
2709 - grid-template-columns: repeat(var(--elementor-visual-choice-columns), 1fr);
2710 - text-align: center;
2711 - border-radius: var(--e-a-border-radius);
2712 - overflow: hidden;
2713 -}
2714 -
2715 -.elementor-visual-choice-element {
2716 - display: flex;
2717 - flex-direction: column;
2718 - align-items: center;
2719 - justify-content: center;
2720 - gap: 8px;
2721 - width: auto;
2722 -}
2723 -.elementor-visual-choice-element-image label {
2724 - border: var(--e-a-border-bold);
2725 - border-radius: var(--e-a-border-radius);
2726 - font-size: 12px;
2727 - transition: var(--e-a-transition-hover);
2728 - cursor: pointer;
2729 - overflow: hidden;
2730 - width: 100%;
2731 - padding: 8px;
2732 -}
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;
2736 -}
2737 -.elementor-visual-choice-element-image input:checked + label {
2738 - border-color: var(--e-a-color-primary-bold);
2739 -}
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 {
2745 - width: 100%;
2746 - height: auto;
2747 -}
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 -
2762 -.elementor-label-inline .elementor-visual-choice-choices {
2763 - justify-content: flex-end;
2764 -}
2765 -
2766 -.tipsy-inner {
2767 - white-space: pre-line;
2768 -}
2769 -
2770 2748 .elementor-control-type-wp_widget .widget-inside {
2771 2749 line-height: 2;
2772 2750 background-color: inherit;
2773 2751 display: block;
@@ -2983,43 +2961,41 @@
2983 2961 --e-p-border-widget-invert: #0C0D0E;
2984 2962 --e-p-border-global: #5EEAD4;
2985 2963 --e-p-border-global-hover: #1DDDBF;
2986 2964 --e-p-border-global-invert: #0C0D0E;
2987 - --e-p-border-global-element: #5EEAD4;
2988 2965 }
2989 2966
2990 -.elementor-editor-active .elementor-add-section {
2967 +.elementor-add-section {
2991 2968 all: initial;
2992 2969 display: flex;
2993 - flex-wrap: wrap;
2994 - justify-content: center;
2995 2970 max-width: 1160px;
2996 2971 position: relative;
2997 2972 margin-inline: auto;
2998 2973 }
2999 -.elementor-editor-active .elementor-add-section:not(.elementor-dragging-on-child) .elementor-add-section-inner {
2974 +.elementor-add-section:not(.elementor-dragging-on-child) .elementor-add-section-inner {
3000 2975 border: 2px dashed var(--e-a-border-color-bold);
3001 2976 background-color: rgba(255, 255, 255, 0.5);
3002 2977 }
3003 -.elementor-editor-active .elementor-add-section.elementor-dragging-on-child .elementor-add-section-inner {
2978 +.elementor-add-section.elementor-dragging-on-child .elementor-add-section-inner {
3004 2979 border: 2px dashed var(--e-a-color-primary);
3005 2980 }
3006 -.elementor-editor-active .elementor-add-section[data-view=choose-action] .e-view:not(.elementor-add-new-section) {
2981 +.elementor-add-section[data-view=choose-action] .e-view:not(.elementor-add-new-section) {
3007 2982 display: none;
3008 2983 }
3009 -.elementor-editor-active .elementor-add-section[data-view=select-preset] .e-view:not(.elementor-select-preset) {
2984 +.elementor-add-section[data-view=select-preset] .e-view:not(.elementor-select-preset) {
3010 2985 display: none;
3011 2986 }
3012 -.elementor-editor-active .elementor-add-section[data-view=select-container-preset] .e-view:not(.e-con-select-preset) {
2987 +.elementor-add-section[data-view=select-container-preset] .e-view:not(.e-con-select-preset) {
3013 2988 display: none;
3014 2989 }
3015 -.elementor-editor-active .elementor-add-section[data-view=select-type] .e-view:not(.e-con-select-type) {
2990 +.elementor-add-section[data-view=select-type] .e-view:not(.e-con-select-type) {
3016 2991 display: none;
3017 2992 }
3018 -.elementor-editor-active .elementor-add-section[data-view=select-container-preset-grid] .e-view:not(.e-con-select-preset-grid) {
2993 +.elementor-add-section[data-view=select-container-preset-grid] .e-view:not(.e-con-select-preset-grid) {
3019 2994 display: none;
3020 2995 }
3021 -.elementor-editor-active .elementor-add-section-inner {
2996 +
2997 +.elementor-add-section-inner {
3022 2998 text-align: center;
3023 2999 margin: 20px;
3024 3000 padding: 40px 0;
3025 3001 display: flex;
@@ -3025,185 +3001,148 @@
3025 3001 display: flex;
3026 3002 justify-content: center;
3027 3003 flex-grow: 1;
3028 3004 }
3029 -.elementor-editor-active .elementor-add-new-section {
3005 +
3006 +.elementor-add-new-section {
3030 3007 display: flex;
3031 3008 justify-content: center;
3032 3009 flex-wrap: wrap;
3033 3010 gap: 5px;
3034 3011 }
3035 -.elementor-editor-active .elementor-add-section-area-button {
3012 +
3013 +.elementor-add-section-area-button {
3036 3014 padding: 12px;
3037 3015 height: 40px;
3038 3016 width: 40px;
3017 + border-radius: 50%;
3039 3018 font-size: 16px;
3040 3019 display: flex;
3041 - outline: unset;
3042 - border: unset;
3043 - border-radius: 50%;
3044 - box-shadow: unset;
3045 - text-shadow: unset;
3020 + outline: none;
3021 + border: none;
3046 3022 background-color: var(--e-a-bg-active);
3047 3023 color: var(--e-a-color-black);
3048 3024 transition: var(--e-a-transition-hover);
3049 3025 cursor: pointer;
3050 3026 }
3051 -.elementor-editor-active .elementor-add-section-area-button:hover, .elementor-editor-active .elementor-add-section-area-button:focus {
3052 - border: unset;
3053 - border-radius: 50%;
3054 - box-shadow: unset;
3055 - text-shadow: unset;
3027 +.elementor-add-section-area-button:hover {
3028 + background-color: var(--e-a-bg-active-bold);
3056 3029 color: var(--e-a-color-black);
3057 - background-color: var(--e-a-bg-active-bold);
3058 3030 }
3059 -.elementor-editor-active .elementor-add-section-area-button i {
3031 +.elementor-add-section-area-button i {
3060 3032 margin: 0;
3061 3033 }
3062 -.elementor-editor-active .elementor-add-section-area-button.e-button-primary {
3034 +.elementor-add-section-area-button.e-button-primary {
3063 3035 background-color: var(--e-a-btn-bg-primary);
3064 3036 color: var(--e-a-btn-color);
3065 3037 }
3066 -.elementor-editor-active .elementor-add-section-area-button.e-button-primary:hover, .elementor-editor-active .elementor-add-section-area-button.e-button-primary:focus {
3038 +.elementor-add-section-area-button.e-button-primary:hover {
3067 3039 background-color: var(--e-a-btn-bg-primary-hover);
3068 3040 color: var(--e-a-btn-color);
3069 3041 }
3070 -.elementor-editor-active .elementor-add-section-drag-title,
3071 -.elementor-editor-active .elementor-select-preset-title {
3042 +
3043 +.elementor-add-section-drag-title,
3044 +.elementor-select-preset-title {
3072 3045 font-family: var(--e-a-font-family);
3073 3046 font-size: 13px;
3074 3047 line-height: 1;
3075 3048 color: var(--e-a-color-txt);
3076 3049 }
3077 -.elementor-editor-active .elementor-add-section-drag-title {
3050 +
3051 +.elementor-add-section-drag-title {
3078 3052 font-style: italic;
3079 3053 font-weight: normal;
3080 3054 margin-block-start: 10px;
3081 3055 width: 100%;
3082 3056 }
3083 -.elementor-editor-active .elementor-select-preset-title {
3057 +
3058 +.elementor-select-preset-title {
3084 3059 font-weight: 500;
3085 3060 text-transform: uppercase;
3086 3061 }
3087 -.elementor-editor-active .elementor-add-section-close,
3088 -.elementor-editor-active .elementor-add-section-back,
3089 -.elementor-editor-active .flex-preset-button,
3090 -.elementor-editor-active .grid-preset-button {
3091 - padding: unset;
3092 - margin: unset;
3093 - border: unset;
3094 - border-radius: unset;
3095 - outline: unset;
3096 - box-shadow: unset;
3097 - text-shadow: unset;
3098 - color: var(--e-a-color-txt);
3099 - background-color: transparent;
3062 +
3063 +.elementor-add-section-close {
3064 + right: 40px;
3100 3065 }
3101 -.elementor-editor-active .elementor-add-section-close {
3102 - inset-inline-end: 40px;
3066 +
3067 +.elementor-add-section-back {
3068 + left: 40px;
3103 3069 }
3104 -.elementor-editor-active .elementor-add-section-back {
3105 - inset-inline-start: 40px;
3106 - scale: calc(1 * var(--direction-multiplier)) 1;
3107 -}
3108 -.elementor-editor-active .elementor-add-section-close,
3109 -.elementor-editor-active .elementor-add-section-back {
3070 +
3071 +.elementor-wizard-icon {
3110 3072 position: absolute;
3111 - inset-block-start: 40px;
3073 + top: 40px;
3112 3074 font-size: 20px;
3113 3075 cursor: pointer;
3114 3076 line-height: 1;
3115 3077 color: var(--e-a-color-txt);
3116 - border-radius: 50%;
3117 - box-shadow: unset;
3118 - text-shadow: unset;
3119 3078 }
3120 -.elementor-editor-active .elementor-add-section-close:hover, .elementor-editor-active .elementor-add-section-close:focus,
3121 -.elementor-editor-active .elementor-add-section-back:hover,
3122 -.elementor-editor-active .elementor-add-section-back:focus {
3123 - border: unset;
3124 - border-radius: 50%;
3125 - box-shadow: unset;
3126 - text-shadow: unset;
3079 +.elementor-wizard-icon:hover {
3127 3080 color: var(--e-a-color-txt-hover);
3128 - background-color: var(--e-a-bg-hover);
3129 3081 }
3130 -.elementor-editor-active .flex-preset-button:hover, .elementor-editor-active .flex-preset-button:focus,
3131 -.elementor-editor-active .grid-preset-button:hover,
3132 -.elementor-editor-active .grid-preset-button:focus {
3133 - background-color: transparent;
3134 - color: var(--e-a-color-txt-hover);
3135 -}
3136 -.elementor-editor-active .elementor-select-preset-list {
3137 - display: flex;
3138 - gap: 20px;
3139 - align-items: center;
3140 - justify-content: center;
3141 - flex-wrap: wrap;
3082 +
3083 +.elementor-select-preset-list {
3084 + list-style: none;
3085 + padding: 0 25px;
3142 3086 margin: 20px auto 0;
3087 + overflow: hidden;
3143 3088 max-width: 700px;
3144 3089 }
3145 -.elementor-editor-active .elementor-select-preset-list .elementor-preset {
3090 +.elementor-select-preset-list .elementor-preset {
3146 3091 cursor: pointer;
3147 - flex-basis: 90px;
3148 - padding: unset;
3149 - margin: unset;
3150 - border: unset;
3151 - border-radius: unset;
3152 - outline: unset;
3153 - box-shadow: unset;
3154 - text-shadow: unset;
3155 - background-color: unset;
3092 + margin: 0;
3093 + padding: 10px;
3094 + float: right;
3095 + max-width: 33.333%;
3156 3096 }
3157 -.elementor-editor-active .elementor-select-preset-list .elementor-preset path,
3158 -.elementor-editor-active .elementor-select-preset-list .elementor-preset rect {
3097 +.elementor-select-preset-list .elementor-preset:not(:hover) path,
3098 +.elementor-select-preset-list .elementor-preset:not(:hover) rect {
3159 3099 fill: var(--e-a-bg-active-bold);
3160 3100 transition: 0.3s all;
3161 3101 }
3162 -.elementor-editor-active .elementor-select-preset-list .elementor-preset:hover, .elementor-editor-active .elementor-select-preset-list .elementor-preset:focus {
3163 - background-color: transparent;
3164 -}
3165 -.elementor-editor-active .elementor-select-preset-list .elementor-preset:hover path,
3166 -.elementor-editor-active .elementor-select-preset-list .elementor-preset:hover rect, .elementor-editor-active .elementor-select-preset-list .elementor-preset:focus path,
3167 -.elementor-editor-active .elementor-select-preset-list .elementor-preset:focus rect {
3102 +.elementor-select-preset-list .elementor-preset:hover path,
3103 +.elementor-select-preset-list .elementor-preset:hover rect {
3168 3104 fill: var(--e-a-color-txt);
3169 3105 }
3170 -.elementor-editor-active .elementor-select-preset-list .elementor-preset .e-preset--container {
3106 +.elementor-select-preset-list .elementor-preset .e-preset--container {
3171 3107 position: relative;
3172 3108 display: flex;
3173 3109 }
3174 -.elementor-editor-active .elementor-select-preset-list .elementor-preset .e-preset--container::before {
3110 +.elementor-select-preset-list .elementor-preset .e-preset--container::before {
3175 3111 content: var(--text);
3176 3112 font-family: var(--e-a-font-family);
3177 3113 font-size: 13px;
3178 3114 font-weight: 500;
3115 + position: absolute;
3116 + left: 50%;
3117 + top: 50%;
3179 3118 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%);
3119 + transform: translate(-50%, -50%);
3184 3120 }
3185 -.elementor-editor-active .elementor-select-preset-list .elementor-preset svg {
3121 +.elementor-select-preset-list .elementor-preset svg {
3186 3122 height: 50px;
3187 3123 width: 100%;
3188 - scale: calc(1 * var(--direction-multiplier)) 1;
3124 + transform: rotate(180deg);
3189 3125 }
3190 -.elementor-editor-active .elementor-add-section[data-view=choose-action] .elementor-add-section-back {
3126 +
3127 +.elementor-add-section[data-view=choose-action] .elementor-add-section-back {
3191 3128 display: none;
3192 3129 }
3193 -.elementor-editor-active .elementor-add-section[data-view=select-preset] .elementor-add-section-back {
3130 +.elementor-add-section[data-view=select-preset] .elementor-add-section-back {
3194 3131 display: none;
3195 3132 }
3196 -.elementor-editor-active .elementor-add-section[data-view=select-type] .elementor-add-section-back {
3133 +.elementor-add-section[data-view=select-type] .elementor-add-section-back {
3197 3134 display: none;
3198 3135 }
3199 -.elementor-editor-active #elementor-add-new-section {
3136 +
3137 +#elementor-add-new-section {
3200 3138 margin: 60px auto;
3201 3139 }
3202 -.elementor-editor-active #elementor-add-new-section[data-view=choose-action] .elementor-add-section-close {
3140 +#elementor-add-new-section[data-view=choose-action] .elementor-add-section-close {
3203 3141 display: none;
3204 3142 }
3205 -.elementor-editor-active .elementor-add-section-inline {
3143 +
3144 +.elementor-add-section-inline {
3206 3145 margin: 10px auto;
3207 3146 width: 100%;
3208 3147 }
3209 3148
@@ -3274,18 +3213,18 @@
3274 3213 border-radius: 3px;
3275 3214 z-index: 9999;
3276 3215 }
3277 3216 .pen-menu:after {
3217 + top: 100%;
3278 3218 content: "";
3279 3219 position: absolute;
3280 3220 border: 6px solid transparent;
3281 3221 border-block-start-color: #3f444b;
3282 - inset-block-start: 100%;
3283 - inset-inline-start: 50%;
3222 + left: 50%;
3284 3223 transform: translateX(-50%);
3285 3224 }
3286 3225 .pen-menu-below:after {
3287 - inset-block-start: 0;
3226 + top: 0;
3288 3227 transform: translateX(-50%) translateY(-100%) rotate(180deg);
3289 3228 }
3290 3229 .pen-icon {
3291 3230 position: relative;
@@ -3309,9 +3248,9 @@
3309 3248 }
3310 3249 .pen-icon[data-action=close]:before {
3311 3250 content: "";
3312 3251 position: absolute;
3313 - inset-inline-start: 0;
3252 + right: 0;
3314 3253 height: 60%;
3315 3254 width: 1px;
3316 3255 background-color: #1f2124;
3317 3256 }
@@ -3481,23 +3420,21 @@
3481 3420 }
3482 3421
3483 3422 [class^=eicon-flex], [class*=" eicon-flex"] {
3484 3423 transition: 0.3s all;
3424 + --is-ltr: 1;
3425 + --is-rtl: 0;
3426 + --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
3427 + --is-ltr: 0;
3428 + --is-rtl: 1;
3485 3429 }
3486 3430 [class^=eicon-flex].eicon-inline, [class*=" eicon-flex"].eicon-inline {
3487 3431 max-height: 1em;
3488 3432 max-width: 1em;
3489 3433 }
3490 -[class^=eicon-flex], [class*=" eicon-flex"] {
3491 - --is-ltr: 0;
3492 - --is-rtl: 1;
3493 -}
3494 3434 [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 3435 --rotation-direction: calc(var(--is-ltr) + var(--is-rtl));
3496 3436 }
3497 -[class^=eicon-flex], [class*=" eicon-flex"] {
3498 - --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
3499 -}
3500 3437 :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 3438 transform: rotate(calc(var(--rotation-direction) * 90deg));
3502 3439 }
3503 3440 :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 +3581,10 @@
3644 3581 }
3645 3582
3646 3583 .elementor-element > .elementor-element-overlay {
3647 3584 position: absolute;
3648 - inset-block-start: 0;
3649 - inset-inline-end: 0;
3585 + top: 0;
3586 + left: 0;
3650 3587 letter-spacing: 0;
3651 3588 z-index: 9998;
3652 3589 pointer-events: none;
3653 3590 }
@@ -3663,12 +3600,8 @@
3663 3600 display: block;
3664 3601 text-align: center;
3665 3602 padding: 10px 0;
3666 3603 }
3667 -.elementor-element.elementor-widget-empty[data-atomic] .elementor-widget-empty-icon {
3668 - background-color: rgb(243, 243, 244);
3669 - width: 100%;
3670 -}
3671 3604 .elementor-element:not(:hover):not(.elementor-element-editable) > .elementor-element-overlay .elementor-editor-element-settings {
3672 3605 display: none;
3673 3606 }
3674 3607 .elementor-element--toggle-edit-tools > .elementor-element-overlay .elementor-editor-element-edit:not(.elementor-active) ~ * {
@@ -3727,9 +3660,12 @@
3727 3660 }
3728 3661
3729 3662 .elementor-empty-view {
3730 3663 position: absolute;
3731 - inset: 0;
3664 + top: 0;
3665 + bottom: 0;
3666 + left: 0;
3667 + right: 0;
3732 3668 z-index: 1;
3733 3669 }
3734 3670
3735 3671 .elementor-first-add {
@@ -3795,15 +3731,8 @@
3795 3731 .elementor-widget-placeholder {
3796 3732 height: 10px;
3797 3733 animation-name: placeholder-widget;
3798 3734 }
3799 -.elementor-widget-placeholder.is-logical {
3800 - margin-top: var(--e-placeholder-margin-top);
3801 - margin-bottom: var(--e-placeholder-margin-bottom);
3802 - margin-inline-start: var(--e-placeholder-margin-inline-start);
3803 - width: var(--e-placeholder-width);
3804 - min-width: 200px;
3805 -}
3806 3735
3807 3736 .elementor-draggable-over:not([data-dragged-element=section]):not([data-dragged-is-inner=true]) > .elementor-empty-view > .elementor-first-add:after,
3808 3737 .elementor-first-add.elementor-html5dnd-current-element:after {
3809 3738 content: "";
@@ -3834,20 +3763,8 @@
3834 3763 .elementor-editor-preview .elementor-empty-view,
3835 3764 .elementor-editor-preview .elementor-widget-empty {
3836 3765 display: none;
3837 3766 }
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 3767
3851 3768 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen,
3852 3769 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop,
3853 3770 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop,
@@ -3890,9 +3807,12 @@
3890 3807 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.e-con:before {
3891 3808 content: "";
3892 3809 display: block;
3893 3810 position: absolute;
3894 - inset: 0;
3811 + top: 0;
3812 + left: 0;
3813 + width: 100%;
3814 + height: 100%;
3895 3815 background-color: rgba(255, 255, 255, 0.6);
3896 3816 z-index: 9997;
3897 3817 }
3898 3818 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.e-con,
@@ -3912,27 +3832,21 @@
3912 3832 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-inner-section .elementor-container,
3913 3833 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-inner-section .elementor-container {
3914 3834 width: 100%;
3915 3835 }
3916 -.e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen > .elementor-widget-container, .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen > .elementor-widget-wrap, .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen:not(:has(> .elementor-widget-container)),
3836 +.e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen > .elementor-widget-container, .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen > .elementor-widget-wrap,
3917 3837 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop > .elementor-widget-container,
3918 3838 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop > .elementor-widget-wrap,
3919 -.e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop:not(:has(> .elementor-widget-container)),
3920 3839 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop > .elementor-widget-container,
3921 3840 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop > .elementor-widget-wrap,
3922 -.e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop:not(:has(> .elementor-widget-container)),
3923 3841 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra > .elementor-widget-container,
3924 3842 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra > .elementor-widget-wrap,
3925 -.e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra:not(:has(> .elementor-widget-container)),
3926 3843 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet > .elementor-widget-container,
3927 3844 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet > .elementor-widget-wrap,
3928 -.e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet:not(:has(> .elementor-widget-container)),
3929 3845 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra > .elementor-widget-container,
3930 3846 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra > .elementor-widget-wrap,
3931 -.e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra:not(:has(> .elementor-widget-container)),
3932 3847 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-container,
3933 -.e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-wrap,
3934 -.e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile:not(:has(> .elementor-widget-container)) {
3848 +.e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-wrap {
3935 3849 filter: opacity(0.4) saturate(0);
3936 3850 }
3937 3851 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.elementor-edit-hidden,
3938 3852 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-edit-hidden,
@@ -3943,20 +3857,10 @@
3943 3857 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-edit-hidden {
3944 3858 display: none;
3945 3859 }
3946 3860
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 {
3861 +.elementor-editor-section-settings,
3862 +.elementor-editor-container-settings {
3959 3863 height: 24px;
3960 3864 top: 1px;
3961 3865 left: 50%;
3962 3866 transform: translateX(-50%) translateY(-100%);
@@ -3964,29 +3868,30 @@
3964 3868 border-start-start-radius: 5px;
3965 3869 border-start-end-radius: 5px;
3966 3870 border-end-start-radius: 0;
3967 3871 border-end-end-radius: 0;
3968 - stroke: transparent;
3969 - stroke-width: 0;
3970 - -webkit-text-stroke: 0 transparent;
3971 3872 }
3972 -.elementor-editor-element-overlay-settings i.eicon-handle {
3873 +.elementor-editor-section-settings i.eicon-handle,
3874 +.elementor-editor-container-settings i.eicon-handle {
3973 3875 font-size: 16px;
3974 3876 }
3975 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:hover {
3877 +.elementor-editor-section-settings .elementor-editor-element-setting:hover,
3878 +.elementor-editor-container-settings .elementor-editor-element-setting:hover {
3976 3879 background-color: var(--e-p-border-section-hover);
3977 3880 }
3978 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child {
3881 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child,
3882 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child {
3979 3883 border-start-start-radius: 5px;
3980 3884 border-start-end-radius: 0;
3981 3885 border-end-start-radius: 0;
3982 3886 border-end-end-radius: 0;
3983 3887 }
3984 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child:before {
3888 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child:before,
3889 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child:before {
3985 3890 content: "";
3986 3891 position: absolute;
3987 - inset-block-start: 2px;
3988 - inset-inline-end: calc(100% - 1px);
3892 + top: 2px;
3893 + left: calc(100% - 1px);
3989 3894 border-block-start: 22px solid transparent;
3990 3895 border-block-end: 0 none transparent;
3991 3896 border-inline-start: 0 none transparent;
3992 3897 border-inline-end: 12px solid var(--e-p-border-section);
@@ -3991,22 +3896,25 @@
3991 3896 border-inline-start: 0 none transparent;
3992 3897 border-inline-end: 12px solid var(--e-p-border-section);
3993 3898 transition: var(--e-a-transition-hover);
3994 3899 }
3995 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child:hover:before {
3900 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child:hover:before,
3901 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child:hover:before {
3996 3902 border-inline-end-color: var(--e-p-border-section-hover);
3997 3903 }
3998 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child {
3904 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child,
3905 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child {
3999 3906 border-start-start-radius: 0;
4000 3907 border-start-end-radius: 5px;
4001 3908 border-end-start-radius: 0;
4002 3909 border-end-end-radius: 0;
4003 3910 }
4004 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child:after {
3911 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child:after,
3912 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child:after {
4005 3913 content: "";
4006 3914 position: absolute;
4007 - inset-block-start: 2px;
4008 - inset-inline-start: calc(100% - 1px);
3915 + top: 2px;
3916 + right: calc(100% - 1px);
4009 3917 border-block-start: 22px solid transparent;
4010 3918 border-block-end: 0 none transparent;
4011 3919 border-inline-start: 12px solid var(--e-p-border-section);
4012 3920 border-inline-end: 0 none transparent;
@@ -4011,13 +3919,15 @@
4011 3919 border-inline-start: 12px solid var(--e-p-border-section);
4012 3920 border-inline-end: 0 none transparent;
4013 3921 transition: var(--e-a-transition-hover);
4014 3922 }
4015 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child:hover:after {
3923 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child:hover:after,
3924 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child:hover:after {
4016 3925 border-inline-start-color: var(--e-p-border-section-hover);
4017 3926 }
4018 3927
4019 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings {
3928 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings,
3929 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings {
4020 3930 transform: translateX(-50%);
4021 3931 border-start-start-radius: 0;
4022 3932 border-start-end-radius: 0;
4023 3933 border-end-start-radius: 5px;
@@ -4022,15 +3932,17 @@
4022 3932 border-start-end-radius: 0;
4023 3933 border-end-start-radius: 5px;
4024 3934 border-end-end-radius: 5px;
4025 3935 }
4026 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child {
3936 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child,
3937 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child {
4027 3938 border-start-start-radius: 0;
4028 3939 border-start-end-radius: 0;
4029 3940 border-end-start-radius: 5px;
4030 3941 border-end-end-radius: 0;
4031 3942 }
4032 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before {
3943 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before,
3944 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before {
4033 3945 top: 0;
4034 3946 border-block-start: 0 none transparent;
4035 3947 border-block-end: 22px solid transparent;
4036 3948 border-inline-start: 0 none transparent;
@@ -4036,15 +3948,17 @@
4036 3948 border-inline-start: 0 none transparent;
4037 3949 border-inline-end: 12px solid var(--e-p-border-section);
4038 3950 transition: var(--e-a-transition-hover);
4039 3951 }
4040 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child {
3952 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child,
3953 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child {
4041 3954 border-start-start-radius: 0;
4042 3955 border-start-end-radius: 0;
4043 3956 border-end-start-radius: 0;
4044 3957 border-end-end-radius: 5px;
4045 3958 }
4046 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after {
3959 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after,
3960 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after {
4047 3961 top: 0;
4048 3962 border-block-start: 0 none transparent;
4049 3963 border-block-end: 22px solid transparent;
4050 3964 border-inline-start: 12px solid var(--e-p-border-section);
@@ -4052,14 +3966,17 @@
4052 3966 transition: var(--e-a-transition-hover);
4053 3967 }
4054 3968
4055 3969 .elementor-column > .elementor-element-overlay {
4056 - inset-block-end: 0;
4057 - inset-inline-start: 0;
3970 + right: 0;
3971 + bottom: 0;
4058 3972 }
4059 3973 .elementor-column > .elementor-element-overlay:after {
4060 3974 position: absolute;
4061 - inset: 0;
3975 + left: 0;
3976 + right: 0;
3977 + top: 0;
3978 + bottom: 0;
4062 3979 outline: 1px dashed var(--e-p-border-column);
4063 3980 }
4064 3981 .elementor-column:hover > .elementor-element-overlay:after {
4065 3982 content: "";
@@ -4077,10 +3994,10 @@
4077 3994 .elementor-column > .ui-resizable-e, .elementor-column > .ui-resizable-w {
4078 3995 cursor: col-resize;
4079 3996 width: 7px;
4080 3997 position: absolute;
4081 - inset-block-start: 0;
4082 - inset-inline-end: -5px;
3998 + left: -5px;
3999 + top: 0;
4083 4000 height: 100%;
4084 4001 }
4085 4002 .elementor-column:last-of-type > .ui-resizable-e, .elementor-column:last-of-type > .ui-resizable-w {
4086 4003 display: none !important;
@@ -4091,15 +4008,14 @@
4091 4008 }
4092 4009 }
4093 4010
4094 4011 .elementor-editor-column-settings {
4095 - inset-block-start: -1px;
4096 - inset-inline-start: -1px;
4012 + top: -1px;
4013 + right: -1px;
4097 4014 border-start-start-radius: 0;
4098 4015 border-start-end-radius: 0;
4099 4016 border-end-start-radius: 0;
4100 4017 border-end-end-radius: 3px;
4101 - transform: none;
4102 4018 overflow: hidden;
4103 4019 }
4104 4020 .elementor-editor-column-settings .elementor-editor-element-setting {
4105 4021 background-color: var(--e-p-border-column);
@@ -4113,9 +4029,12 @@
4113 4029 }
4114 4030 .elementor-column-placeholder:before, .elementor-column-placeholder:after {
4115 4031 content: "";
4116 4032 position: absolute;
4117 - inset: 10px;
4033 + top: 10px;
4034 + bottom: 10px;
4035 + right: 10px;
4036 + left: 10px;
4118 4037 }
4119 4038 .elementor-column-placeholder:before {
4120 4039 border: 1px solid var(--e-p-border-column);
4121 4040 }
@@ -4126,9 +4045,9 @@
4126 4045 .elementor-column-percents-tooltip {
4127 4046 position: absolute;
4128 4047 display: none;
4129 4048 pointer-events: none;
4130 - inset-block-start: 50%;
4049 + top: 50%;
4131 4050 transform: translateY(-50%);
4132 4051 color: #fff;
4133 4052 font-size: 10px;
4134 4053 background-color: var(--e-p-border-column);
@@ -4166,10 +4085,10 @@
4166 4085 }
4167 4086
4168 4087 .elementor-editor-widget-settings {
4169 4088 z-index: 2;
4170 - inset-block-start: -1px;
4171 - inset-inline-end: -1px;
4089 + top: -1px;
4090 + left: -1px;
4172 4091 flex-direction: row-reverse;
4173 4092 border-start-start-radius: 0;
4174 4093 border-start-end-radius: 0;
4175 4094 border-end-start-radius: 3px;
@@ -4182,9 +4101,9 @@
4182 4101 .elementor-editor-widget-settings .elementor-editor-element-setting:hover {
4183 4102 background-color: var(--e-p-border-widget-hover);
4184 4103 }
4185 4104
4186 -.e-widget-pro-promotion {
4105 +.e-widget-pro-promotion .elementor-widget-container {
4187 4106 border: 2px dashed var(--e-a-border-color-bold);
4188 4107 background-color: var(--e-a-color-white);
4189 4108 padding: 20px;
4190 4109 }
@@ -4241,15 +4160,18 @@
4241 4160 }
4242 4161
4243 4162 .elementor-section > .elementor-element-overlay,
4244 4163 .e-con > .elementor-element-overlay {
4245 - inset-block-end: 0;
4246 - inset-inline-start: 0;
4164 + right: 0;
4165 + bottom: 0;
4247 4166 }
4248 4167 .elementor-section > .elementor-element-overlay:after,
4249 4168 .e-con > .elementor-element-overlay:after {
4250 4169 position: absolute;
4251 - inset: 1px;
4170 + left: 1px;
4171 + right: 1px;
4172 + top: 1px;
4173 + bottom: 1px;
4252 4174 outline: 1px solid var(--e-p-border-con);
4253 4175 animation: section-outline 0.75s;
4254 4176 }
4255 4177 .elementor-section:hover > .elementor-element-overlay:after,
@@ -4261,12 +4183,12 @@
4261 4183 content: "";
4262 4184 outline-width: 2px;
4263 4185 }
4264 4186
4265 -.e-con .e-con-inner .e-con.e-child > .elementor-element-overlay:after {
4187 +.e-con .e-con-inner .e-con > .elementor-element-overlay:after {
4266 4188 outline: 1px dashed var(--e-p-border-con-in);
4267 4189 }
4268 -.e-con .e-con-inner .e-con.e-child.elementor-element-editable > .elementor-element-overlay:after {
4190 +.e-con .e-con-inner .e-con.elementor-element-editable > .elementor-element-overlay:after {
4269 4191 outline: 2px solid var(--e-p-border-con-in);
4270 4192 }
4271 4193 .e-con .elementor-empty-view {
4272 4194 position: relative;
@@ -4272,11 +4194,8 @@
4272 4194 position: relative;
4273 4195 width: 100%;
4274 4196 height: 100%;
4275 4197 min-height: 100px;
4276 - stroke: transparent;
4277 - stroke-width: 0;
4278 - -webkit-text-stroke: 0 transparent;
4279 4198 }
4280 4199 .e-con .elementor-empty-view .elementor-first-add {
4281 4200 width: auto;
4282 4201 height: auto;
@@ -4296,11 +4215,9 @@
4296 4215 align-self: stretch;
4297 4216 z-index: 1;
4298 4217 pointer-events: none;
4299 4218 }
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 {
4219 +.e-con.e-con--row > .elementor-widget-placeholder, .e-con.e-con--row > .e-con-inner > .elementor-widget-placeholder {
4303 4220 position: relative;
4304 4221 z-index: 9999;
4305 4222 width: var(--size);
4306 4223 margin-inline-start: var(--margin-start);
@@ -4349,28 +4266,28 @@
4349 4266 height: 84px;
4350 4267 width: 125px;
4351 4268 z-index: -1;
4352 4269 }
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 {
4270 +.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 4271 position: relative;
4355 4272 background-color: var(--e-p-border-con-in);
4356 4273 }
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 {
4274 +.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 4275 background-color: var(--e-p-border-con-in-hover);
4359 4276 }
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 {
4277 +.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 4278 display: none;
4362 4279 }
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) {
4280 +.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 4281 margin-inline-start: -25px;
4365 4282 z-index: -1;
4366 4283 transition: 0.3s all;
4367 4284 will-change: margin-inline-start;
4368 4285 }
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) {
4286 +.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 4287 margin-inline-start: 0;
4371 4288 }
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 {
4289 +.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 4290 inset: initial;
4374 4291 transform: none;
4375 4292 inset-inline-start: 0;
4376 4293 top: 0;
@@ -4377,9 +4294,9 @@
4377 4294 border-radius: 0;
4378 4295 border-end-end-radius: 3px;
4379 4296 height: auto;
4380 4297 }
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 {
4298 +.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 4299 content: "\e9b4";
4383 4300 font-size: 20px;
4384 4301 display: block;
4385 4302 padding: 2px;
@@ -4384,53 +4301,8 @@
4384 4301 display: block;
4385 4302 padding: 2px;
4386 4303 }
4387 4304
4388 -.e-atomic-element:has(> .elementor-empty-view) {
4389 - min-height: 120px;
4390 -}
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;
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 -}
4432 -
4433 4305 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 4306 left: 0;
4435 4307 right: auto;
4436 4308 }
@@ -4486,15 +4358,8 @@
4486 4358 }
4487 4359 .e-con-select-preset[data-view=drop-area] > *:not(.elementor-first-add) {
4488 4360 display: none;
4489 4361 }
4490 -.e-con-select-preset-grid {
4491 - flex-wrap: wrap;
4492 - gap: 20px;
4493 -}
4494 -.e-con-select-preset-grid .e-con-select-preset__list .e-con-preset rect {
4495 - fill: transparent;
4496 -}
4497 4362 .e-con-select-preset__title {
4498 4363 font-family: var(--e-a-font-family);
4499 4364 font-size: 15px;
4500 4365 font-weight: 400;
@@ -4510,16 +4375,8 @@
4510 4375 }
4511 4376 .e-con-select-preset__list .e-con-preset {
4512 4377 cursor: pointer;
4513 4378 flex-basis: 90px;
4514 - padding: unset;
4515 - margin: unset;
4516 - border: unset;
4517 - border-radius: unset;
4518 - outline: unset;
4519 - box-shadow: unset;
4520 - text-shadow: unset;
4521 - background-color: unset;
4522 4379 }
4523 4380 .e-con-select-preset__list .e-con-preset svg {
4524 4381 width: 100%;
4525 4382 height: auto;
@@ -4524,9 +4381,9 @@
4524 4381 width: 100%;
4525 4382 height: auto;
4526 4383 }
4527 4384 .e-con-select-preset__list .e-con-preset svg:not(.exclude-rtl-scale) {
4528 - scale: calc(1 * var(--direction-multiplier)) 1;
4385 + transform: scaleX(-1);
4529 4386 }
4530 4387 .e-con-select-preset__list .e-con-preset path {
4531 4388 fill: var(--e-a-color-white);
4532 4389 }
@@ -4533,23 +4390,13 @@
4533 4390 .e-con-select-preset__list .e-con-preset rect {
4534 4391 fill: var(--e-a-bg-active-bold);
4535 4392 transition: 0.3s all;
4536 4393 }
4537 -.e-con-select-preset__list .e-con-preset:hover, .e-con-select-preset__list .e-con-preset:focus {
4538 - border: unset;
4539 - border-radius: unset;
4540 - box-shadow: unset;
4541 - text-shadow: unset;
4542 - background-color: transparent;
4543 -}
4544 -.e-con-select-preset__list .e-con-preset:hover path, .e-con-select-preset__list .e-con-preset:focus path {
4545 - stroke: var(--e-a-color-white);
4546 -}
4547 -.e-con-select-preset__list .e-con-preset:hover rect, .e-con-select-preset__list .e-con-preset:focus rect {
4394 +.e-con-select-preset__list .e-con-preset:hover rect {
4548 4395 fill: var(--e-a-color-txt);
4549 4396 }
4550 4397 .e-con-select-preset__list .e-con-preset[data-preset=r100] {
4551 - scale: calc(1 * var(--direction-multiplier)) 1;
4398 + transform: scaleX(-1);
4552 4399 }
4553 4400 .e-con-shared-styles {
4554 4401 font-family: var(--e-a-font-family);
4555 4402 line-height: 1;
@@ -4578,17 +4425,36 @@
4578 4425 .e-con-select-type__icons__icon svg {
4579 4426 margin-block-end: 10px;
4580 4427 width: 85px;
4581 4428 }
4582 -.e-con-select-type__icons__icon:hover svg rect, .e-con-select-type__icons__icon:focus svg rect {
4429 +.e-con-select-type__icons__icon svg:hover rect {
4583 4430 fill: var(--e-a-color-txt);
4584 4431 }
4585 -.e-con-select-type__icons__icon:hover svg path, .e-con-select-type__icons__icon:focus svg path {
4432 +.e-con-select-type__icons__icon svg:hover path {
4586 4433 stroke: var(--e-a-color-white);
4587 4434 }
4588 4435 .e-con-select-type__icons__icon__subtitle {
4589 4436 font-size: 14px;
4590 4437 font-weight: 500;
4438 +}
4439 +.e-con-select-preset-grid__title {
4440 + font-size: 15px;
4441 + font-weight: 400;
4442 +}
4443 +.e-con-select-preset-grid__list {
4444 + display: flex;
4445 + justify-content: center;
4446 + flex-wrap: wrap;
4447 + gap: 20px;
4448 +}
4449 +.e-con-select-preset-grid__list svg {
4450 + cursor: pointer;
4451 +}
4452 +.e-con-select-preset-grid__list svg:hover rect {
4453 + fill: var(--e-a-color-txt);
4454 +}
4455 +.e-con-select-preset-grid__list svg:hover path {
4456 + stroke: var(--e-a-color-white);
4591 4457 }
4592 4458 .e-con .ui-resizable-e {
4593 4459 right: 0;
4594 4460 }