PluginProbe
Elementor Website Builder – more than just a page builder / 3.31.4
Elementor Website Builder – more than just a page builder v3.31.4
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 4.0.8 All 454 releases
← All changes | assets/css/templates/frontend.css +62 -88 4.2.0-beta2 → 3.31.4 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;
@@ -93,20 +96,24 @@
93 96 }
94 97 .elementor .elementor-background-video-container.elementor-loading {
95 98 opacity: 0;
96 99 }
97 -.elementor .elementor-background-video,
98 100 .elementor .elementor-background-video-embed {
99 101 max-width: none;
100 102 }
101 -.elementor .elementor-background-video,
102 -.elementor .elementor-background-video-embed,
103 -.elementor .elementor-background-video-hosted {
103 +.elementor .elementor-background-video-embed, .elementor .elementor-background-video-hosted {
104 104 position: absolute;
105 - inset-block-start: 50%;
106 - inset-inline-start: 50%;
105 + top: 50%;
106 + left: 50%;
107 107 transform: translate(-50%, -50%);
108 108 }
109 +.elementor .elementor-background-video {
110 + max-width: none;
111 + position: absolute;
112 + top: 50%;
113 + left: 50%;
114 + transform: translate(-50%, -50%);
115 +}
109 116 .elementor .elementor-background-video-hosted {
110 117 object-fit: cover;
111 118 }
112 119 .elementor .elementor-background-overlay {
@@ -149,11 +156,8 @@
149 156 max-width: 100%;
150 157 }
151 158 }
152 159
153 -.elementor-element.elementor-absolute, .elementor-element.elementor-fixed {
154 - z-index: 1;
155 -}
156 160 .elementor-element {
157 161 --flex-direction: initial;
158 162 --flex-wrap: initial;
159 163 --justify-content: initial;
@@ -170,8 +174,11 @@
170 174 flex-shrink: var(--flex-shrink);
171 175 order: var(--order);
172 176 align-self: var(--align-self);
173 177 }
178 +.elementor-element.elementor-absolute, .elementor-element.elementor-fixed {
179 + z-index: 1;
180 +}
174 181 .elementor-element:where(.e-con-full, .elementor-widget) {
175 182 flex-direction: var(--flex-direction);
176 183 flex-wrap: var(--flex-wrap);
177 184 justify-content: var(--justify-content);
@@ -183,13 +190,29 @@
183 190 .elementor-invisible {
184 191 visibility: hidden;
185 192 }
186 193
194 +.elementor-align-center {
195 + text-align: center;
196 +}
197 +.elementor-align-right {
198 + text-align: right;
199 +}
200 +.elementor-align-left {
201 + text-align: left;
202 +}
203 +.elementor-align-center .elementor-button, .elementor-align-right .elementor-button, .elementor-align-left .elementor-button {
204 + width: auto;
205 +}
206 +.elementor-align-justify .elementor-button {
207 + width: 100%;
208 +}
209 +
187 210 .elementor-custom-embed-play {
188 211 position: absolute;
189 - inset-block-start: 50%;
190 - inset-inline-start: 50%;
191 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
212 + top: 50%;
213 + left: 50%;
214 + transform: translate(-50%, -50%);
192 215 }
193 216 .elementor-custom-embed-play i {
194 217 font-size: 100px;
195 218 color: #fff;
@@ -238,24 +261,8 @@
238 261 .elementor-ken-burns--active.elementor-ken-burns--in {
239 262 transform: scale(1.3);
240 263 }
241 264
242 -.elementor-align-center {
243 - text-align: center;
244 -}
245 -.elementor-align-right {
246 - text-align: right;
247 -}
248 -.elementor-align-left {
249 - text-align: left;
250 -}
251 -.elementor-align-center .elementor-button, .elementor-align-right .elementor-button, .elementor-align-left .elementor-button {
252 - width: auto;
253 -}
254 -.elementor-align-justify .elementor-button {
255 - width: 100%;
256 -}
257 -
258 265 @media (min-width: ELEMENTOR_SCREEN_WIDESCREEN_MIN) {
259 266 .elementor-widescreen-align-center {
260 267 text-align: center;
261 268 }
@@ -381,9 +388,10 @@
381 388 position: relative;
382 389 }
383 390 .elementor-section .elementor-container {
384 391 display: flex;
385 - margin-inline: auto;
392 + margin-right: auto;
393 + margin-left: auto;
386 394 position: relative;
387 395 }
388 396 @media (max-width: ELEMENTOR_SCREEN_TABLET_MAX) {
389 397 .elementor-section .elementor-container {
@@ -444,12 +452,12 @@
444 452 .elementor-widget {
445 453 position: relative;
446 454 }
447 455 .elementor-widget:not(:last-child) {
448 - margin-block-end: var(--kit-widget-spacing, 20px);
456 + margin-bottom: var(--kit-widget-spacing, 20px);
449 457 }
450 458 .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;
459 + margin-bottom: 0;
452 460 }
453 461
454 462 .elementor-column {
455 463 position: relative;
@@ -1044,13 +1052,13 @@
1044 1052 .elementor-grid-0 .elementor-grid {
1045 1053 display: inline-block;
1046 1054 width: 100%;
1047 1055 word-spacing: var(--grid-column-gap);
1048 - margin-block-end: calc(-1 * var(--grid-row-gap));
1056 + margin-bottom: calc(-1 * var(--grid-row-gap));
1049 1057 }
1050 1058 .elementor-grid-0 .elementor-grid .elementor-grid-item {
1051 1059 display: inline-block;
1052 - margin-block-end: var(--grid-row-gap);
1060 + margin-bottom: var(--grid-row-gap);
1053 1061 word-break: break-word;
1054 1062 }
1055 1063 .elementor-grid-1 .elementor-grid {
1056 1064 grid-template-columns: repeat(1, 1fr);
@@ -1092,13 +1100,13 @@
1092 1100 .elementor-grid-widescreen-0 .elementor-grid {
1093 1101 display: inline-block;
1094 1102 width: 100%;
1095 1103 word-spacing: var(--grid-column-gap);
1096 - margin-block-end: calc(-1 * var(--grid-row-gap));
1104 + margin-bottom: calc(-1 * var(--grid-row-gap));
1097 1105 }
1098 1106 .elementor-grid-widescreen-0 .elementor-grid .elementor-grid-item {
1099 1107 display: inline-block;
1100 - margin-block-end: var(--grid-row-gap);
1108 + margin-bottom: var(--grid-row-gap);
1101 1109 word-break: break-word;
1102 1110 }
1103 1111 .elementor-grid-widescreen-1 .elementor-grid {
1104 1112 grid-template-columns: repeat(1, 1fr);
@@ -1141,13 +1149,13 @@
1141 1149 .elementor-grid-laptop-0 .elementor-grid {
1142 1150 display: inline-block;
1143 1151 width: 100%;
1144 1152 word-spacing: var(--grid-column-gap);
1145 - margin-block-end: calc(-1 * var(--grid-row-gap));
1153 + margin-bottom: calc(-1 * var(--grid-row-gap));
1146 1154 }
1147 1155 .elementor-grid-laptop-0 .elementor-grid .elementor-grid-item {
1148 1156 display: inline-block;
1149 - margin-block-end: var(--grid-row-gap);
1157 + margin-bottom: var(--grid-row-gap);
1150 1158 word-break: break-word;
1151 1159 }
1152 1160 .elementor-grid-laptop-1 .elementor-grid {
1153 1161 grid-template-columns: repeat(1, 1fr);
@@ -1190,13 +1198,13 @@
1190 1198 .elementor-grid-tablet_extra-0 .elementor-grid {
1191 1199 display: inline-block;
1192 1200 width: 100%;
1193 1201 word-spacing: var(--grid-column-gap);
1194 - margin-block-end: calc(-1 * var(--grid-row-gap));
1202 + margin-bottom: calc(-1 * var(--grid-row-gap));
1195 1203 }
1196 1204 .elementor-grid-tablet_extra-0 .elementor-grid .elementor-grid-item {
1197 1205 display: inline-block;
1198 - margin-block-end: var(--grid-row-gap);
1206 + margin-bottom: var(--grid-row-gap);
1199 1207 word-break: break-word;
1200 1208 }
1201 1209 .elementor-grid-tablet_extra-1 .elementor-grid {
1202 1210 grid-template-columns: repeat(1, 1fr);
@@ -1239,13 +1247,13 @@
1239 1247 .elementor-grid-tablet-0 .elementor-grid {
1240 1248 display: inline-block;
1241 1249 width: 100%;
1242 1250 word-spacing: var(--grid-column-gap);
1243 - margin-block-end: calc(-1 * var(--grid-row-gap));
1251 + margin-bottom: calc(-1 * var(--grid-row-gap));
1244 1252 }
1245 1253 .elementor-grid-tablet-0 .elementor-grid .elementor-grid-item {
1246 1254 display: inline-block;
1247 - margin-block-end: var(--grid-row-gap);
1255 + margin-bottom: var(--grid-row-gap);
1248 1256 word-break: break-word;
1249 1257 }
1250 1258 .elementor-grid-tablet-1 .elementor-grid {
1251 1259 grid-template-columns: repeat(1, 1fr);
@@ -1288,13 +1296,13 @@
1288 1296 .elementor-grid-mobile_extra-0 .elementor-grid {
1289 1297 display: inline-block;
1290 1298 width: 100%;
1291 1299 word-spacing: var(--grid-column-gap);
1292 - margin-block-end: calc(-1 * var(--grid-row-gap));
1300 + margin-bottom: calc(-1 * var(--grid-row-gap));
1293 1301 }
1294 1302 .elementor-grid-mobile_extra-0 .elementor-grid .elementor-grid-item {
1295 1303 display: inline-block;
1296 - margin-block-end: var(--grid-row-gap);
1304 + margin-bottom: var(--grid-row-gap);
1297 1305 word-break: break-word;
1298 1306 }
1299 1307 .elementor-grid-mobile_extra-1 .elementor-grid {
1300 1308 grid-template-columns: repeat(1, 1fr);
@@ -1337,13 +1345,13 @@
1337 1345 .elementor-grid-mobile-0 .elementor-grid {
1338 1346 display: inline-block;
1339 1347 width: 100%;
1340 1348 word-spacing: var(--grid-column-gap);
1341 - margin-block-end: calc(-1 * var(--grid-row-gap));
1349 + margin-bottom: calc(-1 * var(--grid-row-gap));
1342 1350 }
1343 1351 .elementor-grid-mobile-0 .elementor-grid .elementor-grid-item {
1344 1352 display: inline-block;
1345 - margin-block-end: var(--grid-row-gap);
1353 + margin-bottom: var(--grid-row-gap);
1346 1354 word-break: break-word;
1347 1355 }
1348 1356 .elementor-grid-mobile-1 .elementor-grid {
1349 1357 grid-template-columns: repeat(1, 1fr);
@@ -1468,8 +1476,14 @@
1468 1476 border-radius: var(--border-radius);
1469 1477 z-index: var(--z-index);
1470 1478 overflow: var(--overflow);
1471 1479 --flex-wrap-mobile: wrap;
1480 + margin-block-start: var(--margin-block-start);
1481 + margin-inline-end: var(--margin-inline-end);
1482 + margin-block-end: var(--margin-block-end);
1483 + margin-inline-start: var(--margin-inline-start);
1484 + padding-inline-start: var(--padding-inline-start);
1485 + padding-inline-end: var(--padding-inline-end);
1472 1486 }
1473 1487 .e-con:where(:not(.e-div-block-base)) {
1474 1488 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 1489 }
@@ -1494,16 +1508,8 @@
1494 1508 --margin-inline-end: var(--margin-left);
1495 1509 --border-inline-start-width: var(--border-right-width);
1496 1510 --border-inline-end-width: var(--border-left-width);
1497 1511 }
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 1512 .e-con.e-flex {
1507 1513 --flex-direction: column;
1508 1514 --flex-basis: auto;
1509 1515 --flex-grow: 0;
@@ -1578,12 +1584,8 @@
1578 1584 --margin-left: auto;
1579 1585 --margin-right: auto;
1580 1586 max-width: min(100%, var(--width));
1581 1587 }
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 1588 .e-con .elementor-widget.elementor-widget {
1587 1589 margin-block-end: 0;
1588 1590 }
1589 1591 .e-con::before, :is(.e-con, .e-con > .e-con-inner) > .elementor-background-video-container::before,
@@ -1833,20 +1835,12 @@
1833 1835 .elementor-button-align-start .elementor-field-type-submit,
1834 1836 .elementor-button-align-start .e-form__buttons {
1835 1837 justify-content: flex-start;
1836 1838 }
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 1839 .elementor-button-align-end .elementor-field-type-submit,
1842 1840 .elementor-button-align-end .e-form__buttons {
1843 1841 justify-content: flex-end;
1844 1842 }
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 1843 .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 1844 flex-basis: initial;
1851 1845 }
1852 1846 .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 +1868,12 @@
1874 1868 .elementor-tablet-button-align-start .elementor-field-type-submit,
1875 1869 .elementor-tablet-button-align-start .e-form__buttons {
1876 1870 justify-content: flex-start;
1877 1871 }
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 1872 .elementor-tablet-button-align-end .elementor-field-type-submit,
1883 1873 .elementor-tablet-button-align-end .e-form__buttons {
1884 1874 justify-content: flex-end;
1885 1875 }
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 1876 .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 1877 flex-basis: initial;
1892 1878 }
1893 1879 .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 +1901,12 @@
1915 1901 .elementor-mobile-button-align-start .elementor-field-type-submit,
1916 1902 .elementor-mobile-button-align-start .e-form__buttons {
1917 1903 justify-content: flex-start;
1918 1904 }
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 1905 .elementor-mobile-button-align-end .elementor-field-type-submit,
1924 1906 .elementor-mobile-button-align-end .e-form__buttons {
1925 1907 justify-content: flex-end;
1926 1908 }
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 1909 .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 1910 flex-basis: initial;
1933 1911 }
1934 1912 .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 {
@@ -2170,13 +2148,9 @@
2170 2148 }
2171 2149
2172 2150 @media (prefers-reduced-motion: reduce) {
2173 2151 .animated {
2174 - animation: none !important;
2175 - }
2176 - html * {
2177 - transition-duration: 0s !important;
2178 - transition-delay: 0s !important;
2152 + animation: none;
2179 2153 }
2180 2154 }
2181 2155 @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) {
2182 2156 .elementor .elementor-hidden-phone,