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