PluginProbe
Elementor Website Builder – more than just a page builder / 3.9.0
Elementor Website Builder – more than just a page builder v3.9.0
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 4.0.7 All 451 releases
← All changes | assets/css/common.css +238 -389 4.2.23.9.0 View file →
@@ -1,55 +1,7 @@
1 -:root {
2 - --direction-multiplier: 1;
3 -}
4 -
5 -html[dir=rtl],
6 -body.rtl {
7 - --direction-multiplier: -1;
8 -}
9 -
10 -.elementor-hidden {
11 - display: none;
12 -}
13 -
14 -.elementor-visibility-hidden {
15 - visibility: hidden;
16 -}
17 -
18 -.elementor-screen-only,
19 -.screen-reader-text,
20 -.screen-reader-text span,
21 -.ui-helper-hidden-accessible {
22 - position: absolute;
23 - top: -10000em;
24 - width: 1px;
25 - height: 1px;
26 - margin: -1px;
27 - padding: 0;
28 - overflow: hidden;
29 - clip: rect(0, 0, 0, 0);
30 - border: 0;
31 -}
32 -
33 -.elementor-clearfix:after {
34 - content: "";
35 - display: block;
36 - clear: both;
37 - width: 0;
38 - height: 0;
39 -}
40 -
41 -.e-logo-wrapper {
42 - display: inline-block;
43 - line-height: 1;
44 -}
45 -.e-logo-wrapper i {
46 - color: var(--e-a-color-circle-logo);
47 - font-size: 2.5em;
48 -}
49 -
1 +/*! elementor - v3.9.0 - 06-12-2022 */
50 2 .dialog-widget-content {
51 - background-color: var(--e-a-bg-default);
3 + background-color: #fff;
52 4 position: absolute;
53 5 border-radius: 3px;
54 6 box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
55 7 overflow: hidden;
@@ -55,31 +7,13 @@
55 7 overflow: hidden;
56 8 }
57 9
58 10 .dialog-message {
11 + font-size: 12px;
59 12 line-height: 1.5;
60 13 box-sizing: border-box;
61 14 }
62 15
63 -.dialog-close-button {
64 - cursor: pointer;
65 - position: absolute;
66 - margin-block-start: 15px;
67 - inset-inline-end: 15px;
68 - color: var(--e-a-color-txt);
69 - font-size: 15px;
70 - line-height: 1;
71 - transition: var(--e-a-transition-hover);
72 -}
73 -.dialog-close-button:hover {
74 - color: var(--e-a-color-txt-hover);
75 -}
76 -
77 -.dialog-prevent-scroll {
78 - overflow: hidden;
79 - max-height: 100vh;
80 -}
81 -
82 16 .dialog-type-lightbox {
83 17 position: fixed;
84 18 height: 100%;
85 19 width: 100%;
@@ -90,262 +24,110 @@
90 24 -webkit-user-select: none;
91 25 -moz-user-select: none;
92 26 user-select: none;
93 27 }
94 -
95 -.elementor-editor-active .elementor-popup-modal {
96 - background-color: initial;
97 -}
98 -
99 -.dialog-type-confirm .dialog-widget-content,
100 -.dialog-type-alert .dialog-widget-content {
28 +.dialog-type-lightbox .dialog-widget-content {
101 29 margin: auto;
102 - width: 400px;
103 - padding: 20px;
30 + width: 375px;
104 31 }
105 -.dialog-type-confirm .dialog-header,
106 -.dialog-type-alert .dialog-header {
32 +.dialog-type-lightbox .dialog-header {
107 33 font-size: 15px;
34 + color: #495157;
35 + padding: 30px 0 10px;
108 36 font-weight: 500;
109 37 }
110 -.dialog-type-confirm .dialog-header:after,
111 -.dialog-type-alert .dialog-header:after {
112 - content: "";
113 - display: block;
114 - border-block-end: var(--e-a-border);
115 - padding-block-end: 10px;
116 - margin-block-end: 10px;
117 - margin-inline-start: -20px;
118 - margin-inline-end: -20px;
119 -}
120 -.dialog-type-confirm .dialog-message,
121 -.dialog-type-alert .dialog-message {
38 +.dialog-type-lightbox .dialog-message {
39 + padding: 0 30px 30px;
122 40 min-height: 50px;
123 41 }
124 -.dialog-type-confirm .dialog-buttons-wrapper,
125 -.dialog-type-alert .dialog-buttons-wrapper {
126 - padding-block-start: 10px;
127 - display: flex;
128 - justify-content: flex-end;
129 - gap: 15px;
42 +.dialog-type-lightbox:not(.elementor-popup-modal) .dialog-header,
43 +.dialog-type-lightbox:not(.elementor-popup-modal) .dialog-message {
44 + text-align: center;
130 45 }
131 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button,
132 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button {
133 - font-size: 12px;
134 - font-weight: 500;
135 - line-height: 1.2;
136 - padding: 8px 16px;
137 - outline: none;
138 - border: none;
139 - border-radius: var(--e-a-border-radius);
140 - background-color: var(--e-a-btn-bg);
141 - color: var(--e-a-btn-color-invert);
142 - transition: var(--e-a-transition-hover);
46 +.dialog-type-lightbox .dialog-buttons-wrapper {
47 + border-top: 1px solid #e6e9ec;
48 + text-align: center;
143 49 }
144 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover,
145 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover {
50 +.dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button {
51 + font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
52 + width: 50%;
146 53 border: none;
147 -}
148 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:focus,
149 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,
150 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus {
151 - background-color: var(--e-a-btn-bg-hover);
152 - color: var(--e-a-btn-color-invert);
153 -}
154 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:active,
155 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button:active {
156 - background-color: var(--e-a-btn-bg-active);
157 -}
158 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not([disabled]),
159 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button:not([disabled]) {
54 + background: none;
55 + color: #6d7882;
56 + font-size: 15px;
160 57 cursor: pointer;
58 + padding: 13px 0;
59 + outline: 0;
161 60 }
162 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:disabled,
163 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button:disabled {
164 - background-color: var(--e-a-btn-bg-disabled);
165 - color: var(--e-a-btn-color-disabled);
61 +.dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button:hover {
62 + background-color: #f4f6f7;
166 63 }
167 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon,
168 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon {
169 - display: none;
64 +.dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button.dialog-ok {
65 + color: #b01b1b;
170 66 }
171 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel,
172 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt,
173 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel {
174 - background: transparent;
175 - color: var(--e-a-color-txt);
67 +.dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button.dialog-take_over {
68 + color: #39b54a;
176 69 }
177 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:focus,
178 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:hover,
179 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:hover,
180 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:focus,
181 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:focus {
182 - background: var(--e-a-bg-hover);
183 - color: var(--e-a-color-txt-hover);
70 +.dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button:active {
71 + background-color: rgba(230, 233, 236, 0.5);
184 72 }
185 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled,
186 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled,
187 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled {
188 - background: transparent;
189 - color: var(--e-a-color-txt-disabled);
73 +.dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button::-moz-focus-inner {
74 + border: 0;
190 75 }
191 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt-border,
192 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt-border {
193 - border: 1px solid var(--e-a-color-txt-muted);
76 +
77 +.dialog-close-button {
78 + cursor: pointer;
79 + position: absolute;
80 + margin-top: 15px;
81 + right: 15px;
82 + font-size: 15px;
83 + line-height: 1;
194 84 }
195 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success,
196 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success,
197 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success {
198 - background-color: var(--e-a-btn-bg-success);
85 +.dialog-close-button:not(:hover) {
86 + opacity: 0.4;
199 87 }
200 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success:focus,
201 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:hover,
202 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:focus,
203 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:hover,
204 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:focus {
205 - background-color: var(--e-a-btn-bg-success-hover);
88 +
89 +.dialog-alert-widget .dialog-buttons-wrapper > button {
90 + width: 100%;
206 91 }
207 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok,
208 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary,
209 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over,
210 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok {
211 - background-color: var(--e-a-btn-bg-primary);
212 - color: var(--e-a-btn-color);
92 +
93 +.dialog-confirm-widget .dialog-button:first-child {
94 + border-right: 1px solid #e6e9ec;
213 95 }
214 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok:focus,
215 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:hover,
216 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:hover,
217 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:hover,
218 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:focus,
219 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:focus,
220 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:focus {
221 - background-color: var(--e-a-btn-bg-primary-hover);
222 - color: var(--e-a-btn-color);
223 -}
224 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel,
225 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt,
226 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over,
227 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel,
228 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over,
229 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok,
230 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel {
231 - background: transparent;
232 - color: var(--e-a-color-primary-bold);
233 -}
234 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:focus,
235 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:hover,
236 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:hover,
237 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:hover,
238 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:hover,
239 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:hover,
240 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:hover,
241 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:focus,
242 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:focus,
243 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:focus,
244 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:focus,
245 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:focus,
246 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:focus {
247 - background: var(--e-a-bg-primary);
248 -}
249 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent,
250 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro,
251 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent {
252 - background-color: var(--e-a-btn-bg-accent);
253 -}
254 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:focus,
255 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:hover,
256 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:focus,
257 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:hover,
258 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:focus {
259 - background-color: var(--e-a-btn-bg-accent-hover);
260 -}
261 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:active, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:active,
262 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:active,
263 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:active {
264 - background-color: var(--e-a-btn-bg-accent-active);
265 -}
266 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info,
267 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info,
268 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info {
269 - background-color: var(--e-a-btn-bg-info);
270 -}
271 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info:focus,
272 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info:hover,
273 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info:focus,
274 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info:hover,
275 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info:focus {
276 - background-color: var(--e-a-btn-bg-info-hover);
277 -}
278 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning,
279 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning,
280 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning {
281 - background-color: var(--e-a-btn-bg-warning);
282 -}
283 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning:focus,
284 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:hover,
285 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:focus,
286 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:hover,
287 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:focus {
288 - background-color: var(--e-a-btn-bg-warning-hover);
289 -}
290 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger,
291 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger,
292 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger {
293 - background-color: var(--e-a-btn-bg-danger);
294 -}
295 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger.color-white, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger.color-white,
296 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger.color-white,
297 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger.color-white {
298 - color: var(--e-a-color-white);
299 -}
300 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger:focus,
301 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover,
302 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus,
303 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:hover,
304 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:focus {
305 - background-color: var(--e-a-btn-bg-danger-hover);
306 -}
307 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button i,
308 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button i {
309 - margin-inline-end: 5px;
310 -}
311 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:visited,
312 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,
313 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus,
314 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button:visited {
315 - color: initial;
316 -}
317 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button[disabled]:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button[disabled]:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button[disabled]:visited,
318 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled]:hover,
319 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled]:focus,
320 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled]:visited {
321 - background-color: var(--e-a-btn-bg-disabled);
322 -}
323 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button[disabled],
324 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled] {
325 - background-color: var(--e-a-btn-bg-disabled);
326 - cursor: not-allowed;
327 -}
328 96
329 97 #elementor-change-exit-preference-dialog .dialog-message a {
330 98 cursor: pointer;
331 99 }
332 100 #elementor-change-exit-preference-dialog .dialog-message > div {
333 - margin-block-end: 10px;
101 + margin-bottom: 10px;
334 102 }
103 +#elementor-change-exit-preference-dialog .dialog-ok {
104 + color: #39b54a;
105 +}
335 106
336 -#e-experiments-messages-dialog .dialog-confirm-header {
107 +#e-experiments-dependency-dialog .dialog-confirm-header {
337 108 font-weight: 600;
338 109 }
110 +#e-experiments-dependency-dialog .dialog-ok {
111 + color: #39b54a;
112 +}
339 113
114 +#e-kit-elements-defaults-create-dialog .dialog-ok {
115 + color: #39b54a;
116 +}
340 117 #e-kit-elements-defaults-create-dialog label {
341 118 display: flex;
342 119 align-items: center;
343 120 justify-content: center;
344 121 gap: 10px;
345 - margin-block-start: 20px;
122 + margin-top: 20px;
346 123 }
347 124
125 +.dialog-prevent-scroll {
126 + overflow: hidden;
127 + max-height: 100vh;
128 +}
129 +
348 130 @media (min-width: 1024px) {
349 131 body.admin-bar .dialog-lightbox-widget {
350 132 height: calc(100vh - 32px);
351 133 }
@@ -355,11 +137,67 @@
355 137 position: sticky;
356 138 height: 100vh;
357 139 }
358 140 }
141 +.elementor-aspect-ratio-219 .elementor-fit-aspect-ratio {
142 + padding-bottom: 42.8571%;
143 +}
144 +.elementor-aspect-ratio-169 .elementor-fit-aspect-ratio {
145 + padding-bottom: 56.25%;
146 +}
147 +.elementor-aspect-ratio-43 .elementor-fit-aspect-ratio {
148 + padding-bottom: 75%;
149 +}
150 +.elementor-aspect-ratio-32 .elementor-fit-aspect-ratio {
151 + padding-bottom: 66.6666%;
152 +}
153 +.elementor-aspect-ratio-11 .elementor-fit-aspect-ratio {
154 + padding-bottom: 100%;
155 +}
156 +.elementor-aspect-ratio-916 .elementor-fit-aspect-ratio {
157 + padding-bottom: 177.8%;
158 +}
159 +
160 +.elementor-fit-aspect-ratio {
161 + position: relative;
162 + height: 0;
163 +}
164 +.elementor-fit-aspect-ratio iframe {
165 + position: absolute;
166 + top: 0;
167 + left: 0;
168 + height: 100%;
169 + width: 100%;
170 + border: 0;
171 + background-color: #000;
172 +}
173 +.elementor-fit-aspect-ratio video {
174 + width: 100%;
175 +}
176 +
177 +.flatpickr-calendar {
178 + width: 280px;
179 +}
180 +.flatpickr-calendar .flatpickr-current-month span.cur-month {
181 + font-weight: 300;
182 +}
183 +.flatpickr-calendar .dayContainer {
184 + width: 280px;
185 + min-width: 280px;
186 + max-width: 280px;
187 +}
188 +.flatpickr-calendar .flatpickr-days {
189 + width: 280px;
190 +}
191 +.flatpickr-calendar .flatpickr-day {
192 + max-width: 37px;
193 + height: 37px;
194 + line-height: 37px;
195 +}
196 +
359 197 .elementor-templates-modal .dialog-widget-content {
360 - font-family: Roboto, Arial, Helvetica, sans-serif;
361 - background-color: var(--e-a-bg-default);
198 + font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
199 + background-color: #f1f3f5;
362 200 width: 100%;
363 201 }
364 202 @media (max-width: 1439px) {
365 203 .elementor-templates-modal .dialog-widget-content {
@@ -371,28 +209,44 @@
371 209 max-width: 1200px;
372 210 }
373 211 }
374 212 .elementor-templates-modal .dialog-header {
375 - border-block-end: var(--e-a-border);
376 213 padding: 0;
214 + background-color: #fff;
215 + box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
216 + position: relative;
377 217 z-index: 1;
378 218 }
379 219 .elementor-templates-modal .dialog-buttons-wrapper {
380 - border-block-start: var(--e-a-border);
381 - padding: 10px;
382 - display: flex;
220 + background-color: #fff;
221 + border: none;
222 + display: none;
383 223 justify-content: flex-end;
384 - gap: 15px;
224 + padding: 5px;
225 + box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
226 + position: relative;
385 227 }
228 +.elementor-templates-modal .dialog-buttons-wrapper .elementor-button {
229 + height: 40px;
230 + margin-left: 5px;
231 +}
232 +.elementor-templates-modal .dialog-buttons-wrapper .elementor-button-success {
233 + padding: 12px 36px;
234 + color: #fff;
235 + width: initial;
236 + font-size: 15px;
237 +}
238 +.elementor-templates-modal .dialog-buttons-wrapper .elementor-button-success:hover {
239 + background-color: #39b54a;
240 +}
386 241 .elementor-templates-modal .dialog-message {
387 242 height: 750px;
388 243 max-height: 85vh;
389 - overflow-y: auto;
390 - padding: 20px;
244 + overflow-y: scroll;
245 + padding-top: 25px;
391 246 }
392 247 .elementor-templates-modal .dialog-content {
393 248 height: 100%;
394 - text-align: center;
395 249 }
396 250 .elementor-templates-modal .dialog-loading {
397 251 display: none;
398 252 }
@@ -408,10 +262,10 @@
408 262 font-weight: bold;
409 263 cursor: pointer;
410 264 }
411 265 .elementor-templates-modal__header__logo-area {
412 - text-align: start;
413 - padding-inline-start: 15px;
266 + text-align: left;
267 + padding-left: 15px;
414 268 }
415 269 .elementor-templates-modal__header__logo-area > * {
416 270 display: flex;
417 271 align-items: center;
@@ -416,19 +270,17 @@
416 270 display: flex;
417 271 align-items: center;
418 272 }
419 273 .elementor-templates-modal__header__logo__icon-wrapper {
420 - margin-inline-end: 10px;
274 + margin-right: 10px;
421 275 font-size: 12px;
422 276 }
423 277 .elementor-templates-modal__header__logo__title {
424 - color: var(--e-a-color-txt-active);
425 - padding-block-start: 2px;
278 + padding-top: 2px;
426 279 }
427 280 .elementor-templates-modal__header__items-area {
428 281 display: flex;
429 282 flex-direction: row-reverse;
430 - align-items: center;
431 283 }
432 284 .elementor-templates-modal__header__item {
433 285 position: relative;
434 286 display: flex;
@@ -437,26 +289,17 @@
437 289 box-sizing: content-box;
438 290 }
439 291 .elementor-templates-modal__header__item > i {
440 292 font-size: 20px;
441 - transition: var(--e-a-transition-hover);
293 + transition: all 0.3s;
442 294 cursor: pointer;
443 295 }
444 -.elementor-templates-modal__header__item > i:hover {
445 - color: var(--e-a-color-txt-hover);
296 +.elementor-templates-modal__header__item > i:not(:hover) {
297 + color: #a4afb7;
446 298 }
447 -.elementor-templates-modal__header__close:is(button) {
448 - background: transparent;
449 - margin: 0;
450 - font-size: inherit;
451 - font-family: inherit;
452 - color: inherit;
453 - border: none;
454 - cursor: pointer;
455 -}
456 299 .elementor-templates-modal__header__close--normal {
457 300 width: 47px;
458 - border-inline-start: var(--e-a-border);
301 + border-left: 1px solid #e6e9ec;
459 302 }
460 303 .elementor-templates-modal__header__close--normal i {
461 304 font-size: 18px;
462 305 }
@@ -461,97 +304,90 @@
461 304 font-size: 18px;
462 305 }
463 306 .elementor-templates-modal__header__close--skip {
464 307 padding: 10px;
465 - padding-inline-start: 20px;
466 - margin-inline-end: 10px;
308 + padding-left: 20px;
309 + margin-right: 10px;
310 + color: #fff;
311 + background-color: #a4afb7;
467 312 font-size: 11px;
468 313 font-weight: normal;
469 314 line-height: 1;
470 - border-radius: var(--e-a-border-radius);
315 + text-transform: uppercase;
316 + border-radius: 2px;
471 317 cursor: pointer;
472 318 }
473 319 .elementor-templates-modal__header__close--skip > i {
474 320 font-size: inherit;
475 - padding-inline-start: 10px;
476 - margin-inline-start: 15px;
477 - border-inline-start: 1px solid;
321 + padding-left: 10px;
322 + margin-left: 15px;
323 + border-left: 1px solid;
478 324 }
479 325 .elementor-templates-modal__header__close--skip > i:not(:hover) {
480 - color: var(--e-a-color-white);
326 + color: #fff;
481 327 }
482 328 .elementor-templates-modal__sidebar {
483 329 flex-shrink: 0;
484 330 width: 25%;
485 - border-inline-end: var(--e-a-border);
331 + background-color: rgba(255, 255, 255, 0.3);
486 332 }
487 333 .elementor-templates-modal__content {
488 334 flex-grow: 1;
335 + box-shadow: 0 0 13px inset rgba(0, 0, 0, 0.05);
489 336 }
490 337
491 -#elementor-toast {
492 - position: absolute;
493 - width: 280px;
494 - padding: 20px;
495 - border-radius: 5px;
496 - color: var(--e-a-dark-color-txt);
497 - background-color: rgba(0, 0, 0, 0.8);
498 - z-index: 10000;
338 +/* Will select next element after last '.elementor-general-section' */
339 +#wpadminbar #wp-admin-bar-elementor_edit_page .elementor-general-section + .elementor-second-section {
340 + border-top: 1px solid #464b50;
341 + margin-top: 6px;
499 342 }
500 -#elementor-toast.dialog-position-window {
501 - position: fixed;
343 +
344 +.elementor-hidden {
345 + display: none;
502 346 }
503 -#elementor-toast .dialog-message {
504 - font-size: 13px;
347 +
348 +.elementor-screen-only,
349 +.screen-reader-text,
350 +.screen-reader-text span,
351 +.ui-helper-hidden-accessible {
352 + position: absolute;
353 + top: -10000em;
354 + width: 1px;
355 + height: 1px;
356 + margin: -1px;
357 + padding: 0;
358 + overflow: hidden;
359 + clip: rect(0, 0, 0, 0);
360 + border: 0;
505 361 }
506 -#elementor-toast .dialog-buttons-wrapper {
507 - display: flex;
508 - justify-content: flex-end;
509 -}
510 -#elementor-toast .dialog-buttons-wrapper:not(:empty) {
511 - margin-block-start: 15px;
512 -}
513 -#elementor-toast .dialog-button {
514 - font-size: 12px;
515 - font-weight: 500;
516 - line-height: 1.2;
517 - padding: 8px 16px;
518 - margin-inline-end: 10px;
519 - color: var(--e-a-dark-color-txt);
520 - border-radius: var(--e-a-border-radius);
521 - transition: var(--e-a-transition-hover);
522 - cursor: pointer;
523 - background: none;
524 - border: none;
525 - font-family: inherit;
526 -}
527 -#elementor-toast .dialog-button:hover {
528 - background: var(--e-a-bg-hover);
529 - color: var(--e-a-color-txt-hover);
530 -}
531 -#elementor-toast .dialog-button:focus-visible {
532 - outline: 2px solid var(--e-a-border-color-focus, #4F46E5);
533 - outline-offset: 2px;
534 -}
535 -#elementor-toast .dialog-button:last-child {
536 - margin-inline-end: 0;
537 -}
538 362
539 -/* Will select next element after last '.elementor-general-section' */
540 -#wpadminbar #wp-admin-bar-elementor_edit_page .elementor-general-section + .elementor-second-section {
541 - border-block-start: 1px solid #464b50;
542 - margin-block-start: 6px;
363 +.elementor-clearfix:after {
364 + content: "";
365 + display: block;
366 + clear: both;
367 + width: 0;
368 + height: 0;
543 369 }
544 370
545 371 .e-logo-wrapper {
372 + background: #93003c;
546 373 display: inline-block;
374 + padding: 0.75em;
375 + border-radius: 50%;
547 376 line-height: 1;
548 377 }
549 378 .e-logo-wrapper i {
550 - color: var(--e-a-color-circle-logo);
551 - font-size: 2.5em;
379 + color: #fff;
380 + font-size: 1em;
552 381 }
553 382
383 +#e-enable-unfiltered-files-dialog-import-template .dialog-confirm-ok {
384 + color: #39b54a;
385 +}
386 +#e-enable-unfiltered-files-dialog-import-template .dialog-confirm-cancel {
387 + color: #b01b1b;
388 +}
389 +
554 390 #elementor-finder__modal {
555 391 background: none;
556 392 z-index: 99999;
557 393 }
@@ -558,26 +394,26 @@
558 394 #elementor-finder__modal .dialog-widget-content {
559 395 width: 650px;
560 396 max-width: 98%;
561 397 top: 18vh;
562 - left: calc(50% - 650px / 2);
398 + left: calc( 50% - 650px / 2 );
563 399 }
564 -#elementor-finder__modal .dialog-content {
565 - text-align: start;
566 -}
567 400 #elementor-finder__modal .dialog-message {
568 401 height: initial;
569 402 min-height: 0;
570 403 padding: 0;
571 - text-align: start;
404 + text-align: left;
572 405 }
573 406 #elementor-finder__search {
574 - padding: 15px;
407 + padding: 14px 15px 14px 21px;
575 408 display: flex;
409 + box-shadow: 0 -3px 15px 6px rgba(0, 0, 0, 0.03);
576 410 }
577 411 #elementor-finder__search i {
578 412 font-size: 16px;
579 - margin-inline-end: 15px;
413 + color: #a4afb7;
414 + font-weight: bold;
415 + margin-right: 15px;
580 416 }
581 417 #elementor-finder__search__input {
582 418 border: none;
583 419 background: none;
@@ -585,15 +421,18 @@
585 421 padding: 0;
586 422 margin: 0;
587 423 flex-grow: 1;
588 424 font-size: 14px;
425 + color: #495157;
589 426 box-shadow: none;
590 427 }
591 428 #elementor-finder__search__input::-moz-placeholder {
429 + color: #a4afb7;
592 430 font-style: italic;
593 431 font-weight: 300;
594 432 }
595 433 #elementor-finder__search__input::placeholder {
434 + color: #a4afb7;
596 435 font-style: italic;
597 436 font-weight: 300;
598 437 }
599 438 #elementor-finder__results {
@@ -602,8 +441,9 @@
602 441 }
603 442 #elementor-finder__no-results {
604 443 display: none;
605 444 padding: 20px;
445 + color: #a4afb7;
606 446 }
607 447 #elementor-finder__lock-dialog {
608 448 z-index: 100000;
609 449 }
@@ -612,10 +452,12 @@
612 452 position: relative;
613 453 }
614 454 .elementor-finder__results__category__title {
615 455 padding: 5px 25px;
616 - font-size: 10px;
617 - border-block-end: var(--e-a-border);
456 + color: #6d7882;
457 + background-color: #e6e9ec;
458 + font-size: 9px;
459 + text-transform: uppercase;
618 460 }
619 461 .elementor-finder__results__category--dynamic .elementor-finder__results__category__items {
620 462 min-height: 26px;
621 463 }
@@ -621,11 +463,11 @@
621 463 }
622 464 .elementor-finder__results__category .eicon-loading {
623 465 display: none;
624 466 position: absolute;
625 - inset-block-start: 30px;
626 - inset-inline-end: 10px;
627 - color: var(--e-a-color-info);
467 + right: 10px;
468 + top: 30px;
469 + color: #71d7f7;
628 470 font-size: 14px;
629 471 }
630 472 .elementor-finder__results__item {
631 473 display: flex;
@@ -631,15 +473,18 @@
631 473 display: flex;
632 474 }
633 475 .elementor-finder__results__item a {
634 476 text-decoration: none;
635 - color: inherit;
477 + box-shadow: none;
478 + outline: none;
636 479 }
637 480 .elementor-finder__results__item.elementor-active {
638 - background-color: var(--e-a-bg-hover);
481 + background-color: #71d7f7;
482 + box-shadow: none;
483 + outline: none;
639 484 }
640 -.elementor-finder__results__item.elementor-active a {
641 - color: inherit;
485 +.elementor-finder__results__item.elementor-active * {
486 + color: #fff;
642 487 }
643 488 .elementor-finder__results__item:not(.elementor-active) .elementor-finder__results__item__actions {
644 489 display: none;
645 490 }
@@ -651,15 +496,18 @@
651 496 }
652 497 .elementor-finder__results__item__icon {
653 498 width: 60px;
654 499 text-align: center;
500 + color: #6d7882;
655 501 font-size: 17px;
656 502 }
657 503 .elementor-finder__results__item__title {
504 + color: #6d7882;
658 505 font-size: 13px;
659 506 }
660 507 .elementor-finder__results__item__description {
661 - margin-inline-start: 5px;
508 + margin-left: 5px;
509 + color: #a4afb7;
662 510 font-style: italic;
663 511 }
664 512 .elementor-finder__results__item__badge {
665 513 text-transform: uppercase;
@@ -664,8 +512,9 @@
664 512 .elementor-finder__results__item__badge {
665 513 text-transform: uppercase;
666 514 position: absolute;
667 515 inset-inline-end: 16px;
516 + color: #556068;
668 517 font-size: 8px;
669 518 font-weight: 500;
670 519 display: flex;
671 520 align-items: center;