PluginProbe
Elementor Website Builder – more than just a page builder / 3.32.0-dev3
Elementor Website Builder – more than just a page builder v3.32.0-dev3
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/templates/frontend.css +34 -64 4.1.33.32.0-dev3 View file →
@@ -38,14 +38,17 @@
38 38 height: 0;
39 39 }
40 40
41 41 .e-logo-wrapper {
42 + background: var(--e-a-bg-logo);
42 43 display: inline-block;
44 + padding: 0.75em;
45 + border-radius: 50%;
43 46 line-height: 1;
44 47 }
45 48 .e-logo-wrapper i {
46 - color: var(--e-a-color-circle-logo);
47 - font-size: 2.5em;
49 + color: var(--e-a-color-logo);
50 + font-size: 1em;
48 51 }
49 52
50 53 .elementor *, .elementor *:before, .elementor *:after {
51 54 box-sizing: border-box;
@@ -103,9 +106,9 @@
103 106 .elementor .elementor-background-video-hosted {
104 107 position: absolute;
105 108 inset-block-start: 50%;
106 109 inset-inline-start: 50%;
107 - transform: translate(-50%, -50%);
110 + transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
108 111 }
109 112 .elementor .elementor-background-video-hosted {
110 113 object-fit: cover;
111 114 }
@@ -149,11 +152,8 @@
149 152 max-width: 100%;
150 153 }
151 154 }
152 155
153 -.elementor-element.elementor-absolute, .elementor-element.elementor-fixed {
154 - z-index: 1;
155 -}
156 156 .elementor-element {
157 157 --flex-direction: initial;
158 158 --flex-wrap: initial;
159 159 --justify-content: initial;
@@ -170,8 +170,11 @@
170 170 flex-shrink: var(--flex-shrink);
171 171 order: var(--order);
172 172 align-self: var(--align-self);
173 173 }
174 +.elementor-element.elementor-absolute, .elementor-element.elementor-fixed {
175 + z-index: 1;
176 +}
174 177 .elementor-element:where(.e-con-full, .elementor-widget) {
175 178 flex-direction: var(--flex-direction);
176 179 flex-wrap: var(--flex-wrap);
177 180 justify-content: var(--justify-content);
@@ -381,9 +384,10 @@
381 384 position: relative;
382 385 }
383 386 .elementor-section .elementor-container {
384 387 display: flex;
385 - margin-inline: auto;
388 + margin-right: auto;
389 + margin-left: auto;
386 390 position: relative;
387 391 }
388 392 @media (max-width: ELEMENTOR_SCREEN_TABLET_MAX) {
389 393 .elementor-section .elementor-container {
@@ -444,12 +448,12 @@
444 448 .elementor-widget {
445 449 position: relative;
446 450 }
447 451 .elementor-widget:not(:last-child) {
448 - margin-block-end: var(--kit-widget-spacing, 20px);
452 + margin-bottom: var(--kit-widget-spacing, 20px);
449 453 }
450 454 .elementor-widget:not(:last-child).elementor-widget__width-auto, .elementor-widget:not(:last-child).elementor-widget__width-initial, .elementor-widget:not(:last-child).elementor-absolute {
451 - margin-block-end: 0;
455 + margin-bottom: 0;
452 456 }
453 457
454 458 .elementor-column {
455 459 position: relative;
@@ -1044,13 +1048,13 @@
1044 1048 .elementor-grid-0 .elementor-grid {
1045 1049 display: inline-block;
1046 1050 width: 100%;
1047 1051 word-spacing: var(--grid-column-gap);
1048 - margin-block-end: calc(-1 * var(--grid-row-gap));
1052 + margin-bottom: calc(-1 * var(--grid-row-gap));
1049 1053 }
1050 1054 .elementor-grid-0 .elementor-grid .elementor-grid-item {
1051 1055 display: inline-block;
1052 - margin-block-end: var(--grid-row-gap);
1056 + margin-bottom: var(--grid-row-gap);
1053 1057 word-break: break-word;
1054 1058 }
1055 1059 .elementor-grid-1 .elementor-grid {
1056 1060 grid-template-columns: repeat(1, 1fr);
@@ -1092,13 +1096,13 @@
1092 1096 .elementor-grid-widescreen-0 .elementor-grid {
1093 1097 display: inline-block;
1094 1098 width: 100%;
1095 1099 word-spacing: var(--grid-column-gap);
1096 - margin-block-end: calc(-1 * var(--grid-row-gap));
1100 + margin-bottom: calc(-1 * var(--grid-row-gap));
1097 1101 }
1098 1102 .elementor-grid-widescreen-0 .elementor-grid .elementor-grid-item {
1099 1103 display: inline-block;
1100 - margin-block-end: var(--grid-row-gap);
1104 + margin-bottom: var(--grid-row-gap);
1101 1105 word-break: break-word;
1102 1106 }
1103 1107 .elementor-grid-widescreen-1 .elementor-grid {
1104 1108 grid-template-columns: repeat(1, 1fr);
@@ -1141,13 +1145,13 @@
1141 1145 .elementor-grid-laptop-0 .elementor-grid {
1142 1146 display: inline-block;
1143 1147 width: 100%;
1144 1148 word-spacing: var(--grid-column-gap);
1145 - margin-block-end: calc(-1 * var(--grid-row-gap));
1149 + margin-bottom: calc(-1 * var(--grid-row-gap));
1146 1150 }
1147 1151 .elementor-grid-laptop-0 .elementor-grid .elementor-grid-item {
1148 1152 display: inline-block;
1149 - margin-block-end: var(--grid-row-gap);
1153 + margin-bottom: var(--grid-row-gap);
1150 1154 word-break: break-word;
1151 1155 }
1152 1156 .elementor-grid-laptop-1 .elementor-grid {
1153 1157 grid-template-columns: repeat(1, 1fr);
@@ -1190,13 +1194,13 @@
1190 1194 .elementor-grid-tablet_extra-0 .elementor-grid {
1191 1195 display: inline-block;
1192 1196 width: 100%;
1193 1197 word-spacing: var(--grid-column-gap);
1194 - margin-block-end: calc(-1 * var(--grid-row-gap));
1198 + margin-bottom: calc(-1 * var(--grid-row-gap));
1195 1199 }
1196 1200 .elementor-grid-tablet_extra-0 .elementor-grid .elementor-grid-item {
1197 1201 display: inline-block;
1198 - margin-block-end: var(--grid-row-gap);
1202 + margin-bottom: var(--grid-row-gap);
1199 1203 word-break: break-word;
1200 1204 }
1201 1205 .elementor-grid-tablet_extra-1 .elementor-grid {
1202 1206 grid-template-columns: repeat(1, 1fr);
@@ -1239,13 +1243,13 @@
1239 1243 .elementor-grid-tablet-0 .elementor-grid {
1240 1244 display: inline-block;
1241 1245 width: 100%;
1242 1246 word-spacing: var(--grid-column-gap);
1243 - margin-block-end: calc(-1 * var(--grid-row-gap));
1247 + margin-bottom: calc(-1 * var(--grid-row-gap));
1244 1248 }
1245 1249 .elementor-grid-tablet-0 .elementor-grid .elementor-grid-item {
1246 1250 display: inline-block;
1247 - margin-block-end: var(--grid-row-gap);
1251 + margin-bottom: var(--grid-row-gap);
1248 1252 word-break: break-word;
1249 1253 }
1250 1254 .elementor-grid-tablet-1 .elementor-grid {
1251 1255 grid-template-columns: repeat(1, 1fr);
@@ -1288,13 +1292,13 @@
1288 1292 .elementor-grid-mobile_extra-0 .elementor-grid {
1289 1293 display: inline-block;
1290 1294 width: 100%;
1291 1295 word-spacing: var(--grid-column-gap);
1292 - margin-block-end: calc(-1 * var(--grid-row-gap));
1296 + margin-bottom: calc(-1 * var(--grid-row-gap));
1293 1297 }
1294 1298 .elementor-grid-mobile_extra-0 .elementor-grid .elementor-grid-item {
1295 1299 display: inline-block;
1296 - margin-block-end: var(--grid-row-gap);
1300 + margin-bottom: var(--grid-row-gap);
1297 1301 word-break: break-word;
1298 1302 }
1299 1303 .elementor-grid-mobile_extra-1 .elementor-grid {
1300 1304 grid-template-columns: repeat(1, 1fr);
@@ -1337,13 +1341,13 @@
1337 1341 .elementor-grid-mobile-0 .elementor-grid {
1338 1342 display: inline-block;
1339 1343 width: 100%;
1340 1344 word-spacing: var(--grid-column-gap);
1341 - margin-block-end: calc(-1 * var(--grid-row-gap));
1345 + margin-bottom: calc(-1 * var(--grid-row-gap));
1342 1346 }
1343 1347 .elementor-grid-mobile-0 .elementor-grid .elementor-grid-item {
1344 1348 display: inline-block;
1345 - margin-block-end: var(--grid-row-gap);
1349 + margin-bottom: var(--grid-row-gap);
1346 1350 word-break: break-word;
1347 1351 }
1348 1352 .elementor-grid-mobile-1 .elementor-grid {
1349 1353 grid-template-columns: repeat(1, 1fr);
@@ -1468,8 +1472,14 @@
1468 1472 border-radius: var(--border-radius);
1469 1473 z-index: var(--z-index);
1470 1474 overflow: var(--overflow);
1471 1475 --flex-wrap-mobile: wrap;
1476 + margin-block-start: var(--margin-block-start);
1477 + margin-inline-end: var(--margin-inline-end);
1478 + margin-block-end: var(--margin-block-end);
1479 + margin-inline-start: var(--margin-inline-start);
1480 + padding-inline-start: var(--padding-inline-start);
1481 + padding-inline-end: var(--padding-inline-end);
1472 1482 }
1473 1483 .e-con:where(:not(.e-div-block-base)) {
1474 1484 transition: background var(--background-transition, 0.3s), border var(--border-transition, 0.3s), box-shadow var(--border-transition, 0.3s), transform var(--e-con-transform-transition-duration, 0.4s);
1475 1485 }
@@ -1494,16 +1504,8 @@
1494 1504 --margin-inline-end: var(--margin-left);
1495 1505 --border-inline-start-width: var(--border-right-width);
1496 1506 --border-inline-end-width: var(--border-left-width);
1497 1507 }
1498 -.e-con {
1499 - margin-block-start: var(--margin-block-start);
1500 - margin-inline-end: var(--margin-inline-end);
1501 - margin-block-end: var(--margin-block-end);
1502 - margin-inline-start: var(--margin-inline-start);
1503 - padding-inline-start: var(--padding-inline-start);
1504 - padding-inline-end: var(--padding-inline-end);
1505 -}
1506 1508 .e-con.e-flex {
1507 1509 --flex-direction: column;
1508 1510 --flex-basis: auto;
1509 1511 --flex-grow: 0;
@@ -1573,17 +1575,13 @@
1573 1575 padding-inline-start: 0;
1574 1576 padding-inline-end: 0;
1575 1577 height: 100%;
1576 1578 }
1577 -:is(.elementor-section-wrap, [data-elementor-id]) > .e-con {
1579 +:is(.elementor-section-wrap, [data-elementor-id]):where:not([data-elementor-type=elementor_component]) > .e-con {
1578 1580 --margin-left: auto;
1579 1581 --margin-right: auto;
1580 1582 max-width: min(100%, var(--width));
1581 1583 }
1582 -:is([data-widget_type="e-component.default"], [data-widget_type="e-component.default"] > .elementor-section-wrap) > .e-con {
1583 - --margin-right: 0px;
1584 - --margin-left: 0px;
1585 -}
1586 1584 .e-con .elementor-widget.elementor-widget {
1587 1585 margin-block-end: 0;
1588 1586 }
1589 1587 .e-con::before, :is(.e-con, .e-con > .e-con-inner) > .elementor-background-video-container::before,
@@ -1833,20 +1831,12 @@
1833 1831 .elementor-button-align-start .elementor-field-type-submit,
1834 1832 .elementor-button-align-start .e-form__buttons {
1835 1833 justify-content: flex-start;
1836 1834 }
1837 -[dir=rtl] .elementor-button-align-start .elementor-field-type-submit,
1838 -[dir=rtl] .elementor-button-align-start .e-form__buttons {
1839 - justify-content: flex-end;
1840 -}
1841 1835 .elementor-button-align-end .elementor-field-type-submit,
1842 1836 .elementor-button-align-end .e-form__buttons {
1843 1837 justify-content: flex-end;
1844 1838 }
1845 -[dir=rtl] .elementor-button-align-end .elementor-field-type-submit,
1846 -[dir=rtl] .elementor-button-align-end .e-form__buttons {
1847 - justify-content: flex-start;
1848 -}
1849 1839 .elementor-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button, .elementor-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button, .elementor-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button {
1850 1840 flex-basis: initial;
1851 1841 }
1852 1842 .elementor-button-align-center .e-form__buttons__wrapper, .elementor-button-align-start .e-form__buttons__wrapper, .elementor-button-align-end .e-form__buttons__wrapper {
@@ -1874,20 +1864,12 @@
1874 1864 .elementor-tablet-button-align-start .elementor-field-type-submit,
1875 1865 .elementor-tablet-button-align-start .e-form__buttons {
1876 1866 justify-content: flex-start;
1877 1867 }
1878 - [dir=rtl] .elementor-tablet-button-align-start .elementor-field-type-submit,
1879 - [dir=rtl] .elementor-tablet-button-align-start .e-form__buttons {
1880 - justify-content: flex-end;
1881 - }
1882 1868 .elementor-tablet-button-align-end .elementor-field-type-submit,
1883 1869 .elementor-tablet-button-align-end .e-form__buttons {
1884 1870 justify-content: flex-end;
1885 1871 }
1886 - [dir=rtl] .elementor-tablet-button-align-end .elementor-field-type-submit,
1887 - [dir=rtl] .elementor-tablet-button-align-end .e-form__buttons {
1888 - justify-content: flex-start;
1889 - }
1890 1872 .elementor-tablet-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button, .elementor-tablet-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button, .elementor-tablet-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button {
1891 1873 flex-basis: initial;
1892 1874 }
1893 1875 .elementor-tablet-button-align-center .e-form__buttons__wrapper, .elementor-tablet-button-align-start .e-form__buttons__wrapper, .elementor-tablet-button-align-end .e-form__buttons__wrapper {
@@ -1915,20 +1897,12 @@
1915 1897 .elementor-mobile-button-align-start .elementor-field-type-submit,
1916 1898 .elementor-mobile-button-align-start .e-form__buttons {
1917 1899 justify-content: flex-start;
1918 1900 }
1919 - [dir=rtl] .elementor-mobile-button-align-start .elementor-field-type-submit,
1920 - [dir=rtl] .elementor-mobile-button-align-start .e-form__buttons {
1921 - justify-content: flex-end;
1922 - }
1923 1901 .elementor-mobile-button-align-end .elementor-field-type-submit,
1924 1902 .elementor-mobile-button-align-end .e-form__buttons {
1925 1903 justify-content: flex-end;
1926 1904 }
1927 - [dir=rtl] .elementor-mobile-button-align-end .elementor-field-type-submit,
1928 - [dir=rtl] .elementor-mobile-button-align-end .e-form__buttons {
1929 - justify-content: flex-start;
1930 - }
1931 1905 .elementor-mobile-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button, .elementor-mobile-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button, .elementor-mobile-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button {
1932 1906 flex-basis: initial;
1933 1907 }
1934 1908 .elementor-mobile-button-align-center .e-form__buttons__wrapper, .elementor-mobile-button-align-start .e-form__buttons__wrapper, .elementor-mobile-button-align-end .e-form__buttons__wrapper {
@@ -2171,12 +2145,8 @@
2171 2145
2172 2146 @media (prefers-reduced-motion: reduce) {
2173 2147 .animated {
2174 2148 animation: none !important;
2175 - }
2176 - html * {
2177 - transition-duration: 0s !important;
2178 - transition-delay: 0s !important;
2179 2149 }
2180 2150 }
2181 2151 @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) {
2182 2152 .elementor .elementor-hidden-phone,