PluginProbe
Elementor Website Builder – more than just a page builder / 3.27.4
Elementor Website Builder – more than just a page builder v3.27.4
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 +70 -107 4.2.43.27.4 View file →
@@ -1,13 +1,4 @@
1 -:root {
2 - --direction-multiplier: 1;
3 -}
4 -
5 -html[dir=rtl],
6 -body.rtl {
7 - --direction-multiplier: -1;
8 -}
9 -
10 1 .elementor-hidden {
11 2 display: none;
12 3 }
13 4
@@ -38,14 +29,17 @@
38 29 height: 0;
39 30 }
40 31
41 32 .e-logo-wrapper {
33 + background: var(--e-a-bg-logo);
42 34 display: inline-block;
35 + padding: 0.75em;
36 + border-radius: 50%;
43 37 line-height: 1;
44 38 }
45 39 .e-logo-wrapper i {
46 - color: var(--e-a-color-circle-logo);
47 - font-size: 2.5em;
40 + color: var(--e-a-color-logo);
41 + font-size: 1em;
48 42 }
49 43
50 44 .elementor *, .elementor *:before, .elementor *:after {
51 45 box-sizing: border-box;
@@ -93,20 +87,24 @@
93 87 }
94 88 .elementor .elementor-background-video-container.elementor-loading {
95 89 opacity: 0;
96 90 }
97 -.elementor .elementor-background-video,
98 91 .elementor .elementor-background-video-embed {
99 92 max-width: none;
100 93 }
101 -.elementor .elementor-background-video,
102 -.elementor .elementor-background-video-embed,
103 -.elementor .elementor-background-video-hosted {
94 +.elementor .elementor-background-video-embed, .elementor .elementor-background-video-hosted {
104 95 position: absolute;
105 - inset-block-start: 50%;
106 - inset-inline-start: 50%;
96 + top: 50%;
97 + left: 50%;
107 98 transform: translate(-50%, -50%);
108 99 }
100 +.elementor .elementor-background-video {
101 + max-width: none;
102 + position: absolute;
103 + top: 50%;
104 + left: 50%;
105 + transform: translate(-50%, -50%);
106 +}
109 107 .elementor .elementor-background-video-hosted {
110 108 object-fit: cover;
111 109 }
112 110 .elementor .elementor-background-overlay {
@@ -149,11 +147,8 @@
149 147 max-width: 100%;
150 148 }
151 149 }
152 150
153 -.elementor-element.elementor-absolute, .elementor-element.elementor-fixed {
154 - z-index: 1;
155 -}
156 151 .elementor-element {
157 152 --flex-direction: initial;
158 153 --flex-wrap: initial;
159 154 --justify-content: initial;
@@ -170,8 +165,11 @@
170 165 flex-shrink: var(--flex-shrink);
171 166 order: var(--order);
172 167 align-self: var(--align-self);
173 168 }
169 +.elementor-element.elementor-absolute, .elementor-element.elementor-fixed {
170 + z-index: 1;
171 +}
174 172 .elementor-element:where(.e-con-full, .elementor-widget) {
175 173 flex-direction: var(--flex-direction);
176 174 flex-wrap: var(--flex-wrap);
177 175 justify-content: var(--justify-content);
@@ -183,13 +181,29 @@
183 181 .elementor-invisible {
184 182 visibility: hidden;
185 183 }
186 184
185 +.elementor-align-center {
186 + text-align: center;
187 +}
188 +.elementor-align-right {
189 + text-align: right;
190 +}
191 +.elementor-align-left {
192 + text-align: left;
193 +}
194 +.elementor-align-center .elementor-button, .elementor-align-right .elementor-button, .elementor-align-left .elementor-button {
195 + width: auto;
196 +}
197 +.elementor-align-justify .elementor-button {
198 + width: 100%;
199 +}
200 +
187 201 .elementor-custom-embed-play {
188 202 position: absolute;
189 - inset-block-start: 50%;
190 - inset-inline-start: 50%;
191 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
203 + top: 50%;
204 + left: 50%;
205 + transform: translate(-50%, -50%);
192 206 }
193 207 .elementor-custom-embed-play i {
194 208 font-size: 100px;
195 209 color: #fff;
@@ -238,24 +252,8 @@
238 252 .elementor-ken-burns--active.elementor-ken-burns--in {
239 253 transform: scale(1.3);
240 254 }
241 255
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 256 @media (min-width: ELEMENTOR_SCREEN_WIDESCREEN_MIN) {
259 257 .elementor-widescreen-align-center {
260 258 text-align: center;
261 259 }
@@ -381,9 +379,10 @@
381 379 position: relative;
382 380 }
383 381 .elementor-section .elementor-container {
384 382 display: flex;
385 - margin-inline: auto;
383 + margin-right: auto;
384 + margin-left: auto;
386 385 position: relative;
387 386 }
388 387 @media (max-width: ELEMENTOR_SCREEN_TABLET_MAX) {
389 388 .elementor-section .elementor-container {
@@ -444,12 +443,12 @@
444 443 .elementor-widget {
445 444 position: relative;
446 445 }
447 446 .elementor-widget:not(:last-child) {
448 - margin-block-end: var(--kit-widget-spacing, 20px);
447 + margin-bottom: var(--kit-widget-spacing, 20px);
449 448 }
450 449 .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;
450 + margin-bottom: 0;
452 451 }
453 452
454 453 .elementor-column {
455 454 position: relative;
@@ -1044,13 +1043,13 @@
1044 1043 .elementor-grid-0 .elementor-grid {
1045 1044 display: inline-block;
1046 1045 width: 100%;
1047 1046 word-spacing: var(--grid-column-gap);
1048 - margin-block-end: calc(-1 * var(--grid-row-gap));
1047 + margin-bottom: calc(-1 * var(--grid-row-gap));
1049 1048 }
1050 1049 .elementor-grid-0 .elementor-grid .elementor-grid-item {
1051 1050 display: inline-block;
1052 - margin-block-end: var(--grid-row-gap);
1051 + margin-bottom: var(--grid-row-gap);
1053 1052 word-break: break-word;
1054 1053 }
1055 1054 .elementor-grid-1 .elementor-grid {
1056 1055 grid-template-columns: repeat(1, 1fr);
@@ -1092,13 +1091,13 @@
1092 1091 .elementor-grid-widescreen-0 .elementor-grid {
1093 1092 display: inline-block;
1094 1093 width: 100%;
1095 1094 word-spacing: var(--grid-column-gap);
1096 - margin-block-end: calc(-1 * var(--grid-row-gap));
1095 + margin-bottom: calc(-1 * var(--grid-row-gap));
1097 1096 }
1098 1097 .elementor-grid-widescreen-0 .elementor-grid .elementor-grid-item {
1099 1098 display: inline-block;
1100 - margin-block-end: var(--grid-row-gap);
1099 + margin-bottom: var(--grid-row-gap);
1101 1100 word-break: break-word;
1102 1101 }
1103 1102 .elementor-grid-widescreen-1 .elementor-grid {
1104 1103 grid-template-columns: repeat(1, 1fr);
@@ -1141,13 +1140,13 @@
1141 1140 .elementor-grid-laptop-0 .elementor-grid {
1142 1141 display: inline-block;
1143 1142 width: 100%;
1144 1143 word-spacing: var(--grid-column-gap);
1145 - margin-block-end: calc(-1 * var(--grid-row-gap));
1144 + margin-bottom: calc(-1 * var(--grid-row-gap));
1146 1145 }
1147 1146 .elementor-grid-laptop-0 .elementor-grid .elementor-grid-item {
1148 1147 display: inline-block;
1149 - margin-block-end: var(--grid-row-gap);
1148 + margin-bottom: var(--grid-row-gap);
1150 1149 word-break: break-word;
1151 1150 }
1152 1151 .elementor-grid-laptop-1 .elementor-grid {
1153 1152 grid-template-columns: repeat(1, 1fr);
@@ -1190,13 +1189,13 @@
1190 1189 .elementor-grid-tablet_extra-0 .elementor-grid {
1191 1190 display: inline-block;
1192 1191 width: 100%;
1193 1192 word-spacing: var(--grid-column-gap);
1194 - margin-block-end: calc(-1 * var(--grid-row-gap));
1193 + margin-bottom: calc(-1 * var(--grid-row-gap));
1195 1194 }
1196 1195 .elementor-grid-tablet_extra-0 .elementor-grid .elementor-grid-item {
1197 1196 display: inline-block;
1198 - margin-block-end: var(--grid-row-gap);
1197 + margin-bottom: var(--grid-row-gap);
1199 1198 word-break: break-word;
1200 1199 }
1201 1200 .elementor-grid-tablet_extra-1 .elementor-grid {
1202 1201 grid-template-columns: repeat(1, 1fr);
@@ -1239,13 +1238,13 @@
1239 1238 .elementor-grid-tablet-0 .elementor-grid {
1240 1239 display: inline-block;
1241 1240 width: 100%;
1242 1241 word-spacing: var(--grid-column-gap);
1243 - margin-block-end: calc(-1 * var(--grid-row-gap));
1242 + margin-bottom: calc(-1 * var(--grid-row-gap));
1244 1243 }
1245 1244 .elementor-grid-tablet-0 .elementor-grid .elementor-grid-item {
1246 1245 display: inline-block;
1247 - margin-block-end: var(--grid-row-gap);
1246 + margin-bottom: var(--grid-row-gap);
1248 1247 word-break: break-word;
1249 1248 }
1250 1249 .elementor-grid-tablet-1 .elementor-grid {
1251 1250 grid-template-columns: repeat(1, 1fr);
@@ -1288,13 +1287,13 @@
1288 1287 .elementor-grid-mobile_extra-0 .elementor-grid {
1289 1288 display: inline-block;
1290 1289 width: 100%;
1291 1290 word-spacing: var(--grid-column-gap);
1292 - margin-block-end: calc(-1 * var(--grid-row-gap));
1291 + margin-bottom: calc(-1 * var(--grid-row-gap));
1293 1292 }
1294 1293 .elementor-grid-mobile_extra-0 .elementor-grid .elementor-grid-item {
1295 1294 display: inline-block;
1296 - margin-block-end: var(--grid-row-gap);
1295 + margin-bottom: var(--grid-row-gap);
1297 1296 word-break: break-word;
1298 1297 }
1299 1298 .elementor-grid-mobile_extra-1 .elementor-grid {
1300 1299 grid-template-columns: repeat(1, 1fr);
@@ -1337,13 +1336,13 @@
1337 1336 .elementor-grid-mobile-0 .elementor-grid {
1338 1337 display: inline-block;
1339 1338 width: 100%;
1340 1339 word-spacing: var(--grid-column-gap);
1341 - margin-block-end: calc(-1 * var(--grid-row-gap));
1340 + margin-bottom: calc(-1 * var(--grid-row-gap));
1342 1341 }
1343 1342 .elementor-grid-mobile-0 .elementor-grid .elementor-grid-item {
1344 1343 display: inline-block;
1345 - margin-block-end: var(--grid-row-gap);
1344 + margin-bottom: var(--grid-row-gap);
1346 1345 word-break: break-word;
1347 1346 }
1348 1347 .elementor-grid-mobile-1 .elementor-grid {
1349 1348 grid-template-columns: repeat(1, 1fr);
@@ -1467,13 +1466,17 @@
1467 1466 height: var(--height);
1468 1467 border-radius: var(--border-radius);
1469 1468 z-index: var(--z-index);
1470 1469 overflow: var(--overflow);
1470 + 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);
1471 1471 --flex-wrap-mobile: wrap;
1472 + margin-block-start: var(--margin-block-start);
1473 + margin-inline-end: var(--margin-inline-end);
1474 + margin-block-end: var(--margin-block-end);
1475 + margin-inline-start: var(--margin-inline-start);
1476 + padding-inline-start: var(--padding-inline-start);
1477 + padding-inline-end: var(--padding-inline-end);
1472 1478 }
1473 -.e-con:where(:not(.e-div-block-base)) {
1474 - 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 -}
1476 1479 .e-con {
1477 1480 --margin-block-start: var(--margin-top);
1478 1481 --margin-block-end: var(--margin-bottom);
1479 1482 --margin-inline-start: var(--margin-left);
@@ -1494,16 +1497,8 @@
1494 1497 --margin-inline-end: var(--margin-left);
1495 1498 --border-inline-start-width: var(--border-right-width);
1496 1499 --border-inline-end-width: var(--border-left-width);
1497 1500 }
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 1501 .e-con.e-flex {
1507 1502 --flex-direction: column;
1508 1503 --flex-basis: auto;
1509 1504 --flex-grow: 0;
@@ -1578,12 +1573,8 @@
1578 1573 --margin-left: auto;
1579 1574 --margin-right: auto;
1580 1575 max-width: min(100%, var(--width));
1581 1576 }
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 1577 .e-con .elementor-widget.elementor-widget {
1587 1578 margin-block-end: 0;
1588 1579 }
1589 1580 .e-con::before, :is(.e-con, .e-con > .e-con-inner) > .elementor-background-video-container::before,
@@ -1741,11 +1732,11 @@
1741 1732 content: "\e92a";
1742 1733 font-family: "eicons";
1743 1734 font-size: 15px;
1744 1735 position: absolute;
1745 - inset-block-start: 50%;
1746 - inset-inline-end: 10px;
1736 + top: 50%;
1747 1737 transform: translateY(-50%);
1738 + right: 10px;
1748 1739 pointer-events: none;
1749 1740 text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
1750 1741 }
1751 1742 .elementor-field-group.elementor-field-type-select-multiple .elementor-select-wrapper:before {
@@ -1833,20 +1824,12 @@
1833 1824 .elementor-button-align-start .elementor-field-type-submit,
1834 1825 .elementor-button-align-start .e-form__buttons {
1835 1826 justify-content: flex-start;
1836 1827 }
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 1828 .elementor-button-align-end .elementor-field-type-submit,
1842 1829 .elementor-button-align-end .e-form__buttons {
1843 1830 justify-content: flex-end;
1844 1831 }
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 1832 .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 1833 flex-basis: initial;
1851 1834 }
1852 1835 .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 +1857,12 @@
1874 1857 .elementor-tablet-button-align-start .elementor-field-type-submit,
1875 1858 .elementor-tablet-button-align-start .e-form__buttons {
1876 1859 justify-content: flex-start;
1877 1860 }
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 1861 .elementor-tablet-button-align-end .elementor-field-type-submit,
1883 1862 .elementor-tablet-button-align-end .e-form__buttons {
1884 1863 justify-content: flex-end;
1885 1864 }
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 1865 .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 1866 flex-basis: initial;
1892 1867 }
1893 1868 .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 +1890,12 @@
1915 1890 .elementor-mobile-button-align-start .elementor-field-type-submit,
1916 1891 .elementor-mobile-button-align-start .e-form__buttons {
1917 1892 justify-content: flex-start;
1918 1893 }
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 1894 .elementor-mobile-button-align-end .elementor-field-type-submit,
1924 1895 .elementor-mobile-button-align-end .e-form__buttons {
1925 1896 justify-content: flex-end;
1926 1897 }
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 1898 .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 1899 flex-basis: initial;
1933 1900 }
1934 1901 .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 {
@@ -1996,9 +1963,9 @@
1996 1963 .elementor-form .elementor-button.elementor-size-xl {
1997 1964 min-height: 72px;
1998 1965 }
1999 1966
2000 -.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)) .elementor-widget-container, .elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)):not(:has(.elementor-widget-container)) {
1967 +.elementor-element .elementor-widget-container, .elementor-element:not(:has(.elementor-widget-container)) {
2001 1968 transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, transform var(--e-transform-transition-duration, 400ms);
2002 1969 }
2003 1970
2004 1971 .elementor-heading-title {
@@ -2027,12 +1994,8 @@
2027 1994 justify-content: center;
2028 1995 flex-direction: row;
2029 1996 gap: 5px;
2030 1997 }
2031 -.elementor-button-icon {
2032 - display: flex;
2033 - align-items: center;
2034 -}
2035 1998 .elementor-button-icon svg {
2036 1999 width: 1em;
2037 2000 height: auto;
2038 2001 }
@@ -2170,15 +2133,15 @@
2170 2133 }
2171 2134
2172 2135 @media (prefers-reduced-motion: reduce) {
2173 2136 .animated {
2174 - animation: none !important;
2137 + animation: none;
2175 2138 }
2176 - html * {
2177 - transition-duration: 0s !important;
2178 - transition-delay: 0s !important;
2179 - }
2180 2139 }
2140 +.elementor-post__thumbnail__link {
2141 + transition: none;
2142 +}
2143 +
2181 2144 @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) {
2182 2145 .elementor .elementor-hidden-phone,
2183 2146 .elementor .elementor-hidden-mobile {
2184 2147 display: none;