PluginProbe
Elementor Website Builder – more than just a page builder / 3.32.5
Elementor Website Builder – more than just a page builder v3.32.5
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
elementor / assets / css / common.css

common.css in Elementor Website Builder – more than just a page builder 3.32.5, at assets/css/common.css

785 lines 27.1 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*! elementor - v3.32.0 - 21-10-2025 */
2 :root {
3 --direction-multiplier: 1;
4 }
5
6 html[dir=rtl],
7 body.rtl {
8 --direction-multiplier: -1;
9 }
10
11 .elementor-hidden {
12 display: none;
13 }
14
15 .elementor-visibility-hidden {
16 visibility: hidden;
17 }
18
19 .elementor-screen-only,
20 .screen-reader-text,
21 .screen-reader-text span,
22 .ui-helper-hidden-accessible {
23 position: absolute;
24 top: -10000em;
25 width: 1px;
26 height: 1px;
27 margin: -1px;
28 padding: 0;
29 overflow: hidden;
30 clip: rect(0, 0, 0, 0);
31 border: 0;
32 }
33
34 .elementor-clearfix:after {
35 content: "";
36 display: block;
37 clear: both;
38 width: 0;
39 height: 0;
40 }
41
42 .e-logo-wrapper {
43 background: var(--e-a-bg-logo);
44 display: inline-block;
45 padding: 0.75em;
46 border-radius: 50%;
47 line-height: 1;
48 }
49 .e-logo-wrapper i {
50 color: var(--e-a-color-logo);
51 font-size: 1em;
52 }
53
54 .dialog-widget-content {
55 background-color: var(--e-a-bg-default);
56 position: absolute;
57 border-radius: 3px;
58 box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
59 overflow: hidden;
60 }
61
62 .dialog-message {
63 line-height: 1.5;
64 box-sizing: border-box;
65 }
66
67 .dialog-close-button {
68 cursor: pointer;
69 position: absolute;
70 margin-block-start: 15px;
71 inset-inline-end: 15px;
72 color: var(--e-a-color-txt);
73 font-size: 15px;
74 line-height: 1;
75 transition: var(--e-a-transition-hover);
76 }
77 .dialog-close-button:hover {
78 color: var(--e-a-color-txt-hover);
79 }
80
81 .dialog-prevent-scroll {
82 overflow: hidden;
83 max-height: 100vh;
84 }
85
86 .dialog-type-lightbox {
87 position: fixed;
88 height: 100%;
89 width: 100%;
90 bottom: 0;
91 left: 0;
92 background-color: rgba(0, 0, 0, 0.8);
93 z-index: 9999;
94 -webkit-user-select: none;
95 -moz-user-select: none;
96 user-select: none;
97 }
98
99 .elementor-editor-active .elementor-popup-modal {
100 background-color: initial;
101 }
102
103 .dialog-type-confirm .dialog-widget-content,
104 .dialog-type-alert .dialog-widget-content {
105 margin: auto;
106 width: 400px;
107 padding: 20px;
108 }
109 .dialog-type-confirm .dialog-header,
110 .dialog-type-alert .dialog-header {
111 font-size: 15px;
112 font-weight: 500;
113 }
114 .dialog-type-confirm .dialog-header:after,
115 .dialog-type-alert .dialog-header:after {
116 content: "";
117 display: block;
118 border-block-end: var(--e-a-border);
119 padding-block-end: 10px;
120 margin-block-end: 10px;
121 margin-inline-start: -20px;
122 margin-inline-end: -20px;
123 }
124 .dialog-type-confirm .dialog-message,
125 .dialog-type-alert .dialog-message {
126 min-height: 50px;
127 }
128 .dialog-type-confirm .dialog-buttons-wrapper,
129 .dialog-type-alert .dialog-buttons-wrapper {
130 padding-block-start: 10px;
131 display: flex;
132 justify-content: flex-end;
133 gap: 15px;
134 }
135 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button,
136 .dialog-type-alert .dialog-buttons-wrapper .dialog-button {
137 font-size: 12px;
138 font-weight: 500;
139 line-height: 1.2;
140 padding: 8px 16px;
141 outline: none;
142 border: none;
143 border-radius: var(--e-a-border-radius);
144 background-color: var(--e-a-btn-bg);
145 color: var(--e-a-btn-color-invert);
146 transition: var(--e-a-transition-hover);
147 }
148 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover,
149 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover {
150 border: none;
151 }
152 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:focus,
153 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,
154 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus {
155 background-color: var(--e-a-btn-bg-hover);
156 color: var(--e-a-btn-color-invert);
157 }
158 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:active,
159 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:active {
160 background-color: var(--e-a-btn-bg-active);
161 }
162 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not([disabled]),
163 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:not([disabled]) {
164 cursor: pointer;
165 }
166 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:disabled,
167 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:disabled {
168 background-color: var(--e-a-btn-bg-disabled);
169 color: var(--e-a-btn-color-disabled);
170 }
171 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon,
172 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon {
173 display: none;
174 }
175 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel,
176 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt,
177 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel {
178 background: transparent;
179 color: var(--e-a-color-txt);
180 }
181 .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,
182 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:hover,
183 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:hover,
184 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:focus,
185 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:focus {
186 background: var(--e-a-bg-hover);
187 color: var(--e-a-color-txt-hover);
188 }
189 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled,
190 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled,
191 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled {
192 background: transparent;
193 color: var(--e-a-color-txt-disabled);
194 }
195 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt-border,
196 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt-border {
197 border: 1px solid var(--e-a-color-txt-muted);
198 }
199 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success,
200 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success,
201 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success {
202 background-color: var(--e-a-btn-bg-success);
203 }
204 .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,
205 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:hover,
206 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:focus,
207 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:hover,
208 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:focus {
209 background-color: var(--e-a-btn-bg-success-hover);
210 }
211 .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,
212 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary,
213 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over,
214 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok {
215 background-color: var(--e-a-btn-bg-primary);
216 color: var(--e-a-btn-color);
217 }
218 .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,
219 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:hover,
220 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:hover,
221 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:hover,
222 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:focus,
223 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:focus,
224 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:focus {
225 background-color: var(--e-a-btn-bg-primary-hover);
226 color: var(--e-a-btn-color);
227 }
228 .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,
229 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt,
230 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over,
231 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel,
232 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over,
233 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok,
234 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel {
235 background: transparent;
236 color: var(--e-a-color-primary-bold);
237 }
238 .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,
239 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:hover,
240 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:hover,
241 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:hover,
242 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:hover,
243 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:hover,
244 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:hover,
245 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:focus,
246 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:focus,
247 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:focus,
248 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:focus,
249 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:focus,
250 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:focus {
251 background: var(--e-a-bg-primary);
252 }
253 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent,
254 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro,
255 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent {
256 background-color: var(--e-a-btn-bg-accent);
257 }
258 .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,
259 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:hover,
260 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:focus,
261 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:hover,
262 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:focus {
263 background-color: var(--e-a-btn-bg-accent-hover);
264 }
265 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:active, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:active,
266 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:active,
267 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:active {
268 background-color: var(--e-a-btn-bg-accent-active);
269 }
270 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info,
271 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info,
272 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info {
273 background-color: var(--e-a-btn-bg-info);
274 }
275 .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,
276 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info:hover,
277 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info:focus,
278 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info:hover,
279 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info:focus {
280 background-color: var(--e-a-btn-bg-info-hover);
281 }
282 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning,
283 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning,
284 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning {
285 background-color: var(--e-a-btn-bg-warning);
286 }
287 .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,
288 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:hover,
289 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:focus,
290 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:hover,
291 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:focus {
292 background-color: var(--e-a-btn-bg-warning-hover);
293 }
294 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger,
295 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger,
296 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger {
297 background-color: var(--e-a-btn-bg-danger);
298 }
299 .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,
300 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger.color-white,
301 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger.color-white {
302 color: var(--e-a-color-white);
303 }
304 .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,
305 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover,
306 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus,
307 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:hover,
308 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:focus {
309 background-color: var(--e-a-btn-bg-danger-hover);
310 }
311 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button i,
312 .dialog-type-alert .dialog-buttons-wrapper .dialog-button i {
313 margin-inline-end: 5px;
314 }
315 .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,
316 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,
317 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus,
318 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:visited {
319 color: initial;
320 }
321 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button[disabled],
322 .dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled] {
323 background-color: var(--e-a-btn-bg-disabled);
324 cursor: not-allowed;
325 }
326 .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,
327 .dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled]:hover,
328 .dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled]:focus,
329 .dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled]:visited {
330 background-color: var(--e-a-btn-bg-disabled);
331 }
332
333 #elementor-change-exit-preference-dialog .dialog-message a {
334 cursor: pointer;
335 }
336 #elementor-change-exit-preference-dialog .dialog-message > div {
337 margin-block-end: 10px;
338 }
339
340 #e-experiments-messages-dialog .dialog-confirm-header {
341 font-weight: 600;
342 }
343
344 #e-kit-elements-defaults-create-dialog label {
345 display: flex;
346 align-items: center;
347 justify-content: center;
348 gap: 10px;
349 margin-block-start: 20px;
350 }
351
352 @media (min-width: 1024px) {
353 body.admin-bar .dialog-lightbox-widget {
354 height: calc(100vh - 32px);
355 }
356 }
357 @media (max-width: 1024px) {
358 body.admin-bar .dialog-type-lightbox {
359 position: sticky;
360 height: 100vh;
361 }
362 }
363 .elementor-templates-modal .dialog-widget-content {
364 font-family: Roboto, Arial, Helvetica, sans-serif;
365 background-color: var(--e-a-bg-default);
366 width: 100%;
367 }
368 @media (max-width: 1439px) {
369 .elementor-templates-modal .dialog-widget-content {
370 max-width: 990px;
371 }
372 }
373 @media (min-width: 1440px) {
374 .elementor-templates-modal .dialog-widget-content {
375 max-width: 1200px;
376 }
377 }
378 .elementor-templates-modal .dialog-header {
379 border-block-end: var(--e-a-border);
380 padding: 0;
381 z-index: 1;
382 }
383 .elementor-templates-modal .dialog-buttons-wrapper {
384 border-block-start: var(--e-a-border);
385 padding: 10px;
386 display: flex;
387 justify-content: flex-end;
388 gap: 15px;
389 }
390 .elementor-templates-modal .dialog-message {
391 height: 750px;
392 max-height: 85vh;
393 overflow-y: auto;
394 padding: 20px;
395 }
396 .elementor-templates-modal .dialog-content {
397 height: 100%;
398 text-align: center;
399 }
400 .elementor-templates-modal .dialog-loading {
401 display: none;
402 }
403 .elementor-templates-modal__header {
404 display: flex;
405 align-items: center;
406 justify-content: space-between;
407 height: 50px;
408 }
409 .elementor-templates-modal__header__logo {
410 line-height: 1;
411 text-transform: uppercase;
412 font-weight: bold;
413 cursor: pointer;
414 }
415 .elementor-templates-modal__header__logo-area {
416 text-align: start;
417 padding-inline-start: 15px;
418 }
419 .elementor-templates-modal__header__logo-area > * {
420 display: flex;
421 align-items: center;
422 }
423 .elementor-templates-modal__header__logo__icon-wrapper {
424 margin-inline-end: 10px;
425 font-size: 12px;
426 }
427 .elementor-templates-modal__header__logo__title {
428 color: var(--e-a-color-txt-active);
429 padding-block-start: 2px;
430 }
431 .elementor-templates-modal__header__items-area {
432 display: flex;
433 flex-direction: row-reverse;
434 }
435 .elementor-templates-modal__header__item {
436 position: relative;
437 display: flex;
438 align-items: center;
439 justify-content: center;
440 box-sizing: content-box;
441 }
442 .elementor-templates-modal__header__item > i {
443 font-size: 20px;
444 transition: var(--e-a-transition-hover);
445 cursor: pointer;
446 }
447 .elementor-templates-modal__header__item > i:hover {
448 color: var(--e-a-color-txt-hover);
449 }
450 .elementor-templates-modal__header__close--normal {
451 width: 47px;
452 border-inline-start: var(--e-a-border);
453 }
454 .elementor-templates-modal__header__close--normal i {
455 font-size: 18px;
456 }
457 .elementor-templates-modal__header__close--skip {
458 padding: 10px;
459 padding-inline-start: 20px;
460 margin-inline-end: 10px;
461 font-size: 11px;
462 font-weight: normal;
463 line-height: 1;
464 border-radius: var(--e-a-border-radius);
465 cursor: pointer;
466 }
467 .elementor-templates-modal__header__close--skip > i {
468 font-size: inherit;
469 padding-inline-start: 10px;
470 margin-inline-start: 15px;
471 border-inline-start: 1px solid;
472 }
473 .elementor-templates-modal__header__close--skip > i:not(:hover) {
474 color: var(--e-a-color-white);
475 }
476 .elementor-templates-modal__sidebar {
477 flex-shrink: 0;
478 width: 25%;
479 border-inline-end: var(--e-a-border);
480 }
481 .elementor-templates-modal__content {
482 flex-grow: 1;
483 }
484
485 #elementor-toast {
486 position: absolute;
487 width: 280px;
488 padding: 20px;
489 border-radius: 5px;
490 color: var(--e-a-dark-color-txt);
491 background-color: rgba(0, 0, 0, 0.8);
492 z-index: 10000;
493 }
494 #elementor-toast.dialog-position-window {
495 position: fixed;
496 }
497 #elementor-toast .dialog-message {
498 font-size: 13px;
499 }
500 #elementor-toast .dialog-buttons-wrapper {
501 display: flex;
502 justify-content: flex-end;
503 }
504 #elementor-toast .dialog-buttons-wrapper:not(:empty) {
505 margin-block-start: 15px;
506 }
507 #elementor-toast .dialog-button {
508 font-size: 12px;
509 font-weight: 500;
510 line-height: 1.2;
511 padding: 8px 16px;
512 margin-inline-end: 10px;
513 color: var(--e-a-dark-color-txt);
514 border-radius: var(--e-a-border-radius);
515 transition: var(--e-a-transition-hover);
516 cursor: pointer;
517 }
518 #elementor-toast .dialog-button:hover {
519 background: var(--e-a-bg-hover);
520 color: var(--e-a-color-txt-hover);
521 }
522 #elementor-toast .dialog-button:last-child {
523 margin-inline-end: 0;
524 }
525
526 /* Will select next element after last '.elementor-general-section' */
527 #wpadminbar #wp-admin-bar-elementor_edit_page .elementor-general-section + .elementor-second-section {
528 border-block-start: 1px solid #464b50;
529 margin-block-start: 6px;
530 }
531
532 .e-logo-wrapper {
533 background: var(--e-a-bg-logo);
534 display: inline-block;
535 padding: 0.75em;
536 border-radius: 50%;
537 line-height: 1;
538 }
539 .e-logo-wrapper i {
540 color: var(--e-a-color-logo);
541 font-size: 1em;
542 }
543
544 #elementor-finder__modal {
545 background: none;
546 z-index: 99999;
547 }
548 #elementor-finder__modal .dialog-widget-content {
549 width: 650px;
550 max-width: 98%;
551 top: 18vh;
552 left: calc(50% - 650px / 2);
553 }
554 #elementor-finder__modal .dialog-content {
555 text-align: start;
556 }
557 #elementor-finder__modal .dialog-message {
558 height: initial;
559 min-height: 0;
560 padding: 0;
561 text-align: start;
562 }
563 #elementor-finder__search {
564 padding: 15px;
565 display: flex;
566 }
567 #elementor-finder__search i {
568 font-size: 16px;
569 margin-inline-end: 15px;
570 }
571 #elementor-finder__search__input {
572 border: none;
573 background: none;
574 outline: none;
575 padding: 0;
576 margin: 0;
577 flex-grow: 1;
578 font-size: 14px;
579 box-shadow: none;
580 }
581 #elementor-finder__search__input::-moz-placeholder {
582 font-style: italic;
583 font-weight: 300;
584 }
585 #elementor-finder__search__input::placeholder {
586 font-style: italic;
587 font-weight: 300;
588 }
589 #elementor-finder__results {
590 max-height: 50vh;
591 overflow: auto;
592 }
593 #elementor-finder__no-results {
594 display: none;
595 padding: 20px;
596 }
597 #elementor-finder__lock-dialog {
598 z-index: 100000;
599 }
600
601 .elementor-finder__results__category {
602 position: relative;
603 }
604 .elementor-finder__results__category__title {
605 padding: 5px 25px;
606 font-size: 10px;
607 border-block-end: var(--e-a-border);
608 }
609 .elementor-finder__results__category--dynamic .elementor-finder__results__category__items {
610 min-height: 26px;
611 }
612 .elementor-finder__results__category .eicon-loading {
613 display: none;
614 position: absolute;
615 inset-block-start: 30px;
616 inset-inline-end: 10px;
617 color: var(--e-a-color-info);
618 font-size: 14px;
619 }
620 .elementor-finder__results__item {
621 display: flex;
622 }
623 .elementor-finder__results__item a {
624 text-decoration: none;
625 color: inherit;
626 }
627 .elementor-finder__results__item.elementor-active {
628 background-color: var(--e-a-bg-hover);
629 }
630 .elementor-finder__results__item.elementor-active a {
631 color: inherit;
632 }
633 .elementor-finder__results__item:not(.elementor-active) .elementor-finder__results__item__actions {
634 display: none;
635 }
636 .elementor-finder__results__item__link {
637 display: flex;
638 align-items: center;
639 height: 35px;
640 flex-grow: 1;
641 }
642 .elementor-finder__results__item__icon {
643 width: 60px;
644 text-align: center;
645 font-size: 17px;
646 }
647 .elementor-finder__results__item__title {
648 font-size: 13px;
649 }
650 .elementor-finder__results__item__description {
651 margin-inline-start: 5px;
652 font-style: italic;
653 }
654 .elementor-finder__results__item__badge {
655 text-transform: uppercase;
656 position: absolute;
657 inset-inline-end: 16px;
658 font-size: 8px;
659 font-weight: 500;
660 display: flex;
661 align-items: center;
662 gap: 4px;
663 }
664 .elementor-finder__results__item__actions {
665 display: flex;
666 }
667 .elementor-finder__results__item__action {
668 display: flex;
669 align-items: center;
670 justify-content: center;
671 height: 100%;
672 width: 35px;
673 }
674 .elementor-finder__results__item__action:hover {
675 background-color: rgba(0, 0, 0, 0.07);
676 }
677
678 .tipsy {
679 font-size: 10px;
680 position: absolute;
681 padding: 5px;
682 z-index: 100000;
683 }
684
685 .tipsy-inner {
686 background-color: #000;
687 color: #FFF;
688 font-weight: 500;
689 max-width: 200px;
690 padding: 5px 12px;
691 text-align: center;
692 border-radius: 3px;
693 box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
694 }
695
696 .tipsy-arrow {
697 position: absolute;
698 width: 0;
699 height: 0;
700 line-height: 0;
701 border: 5px dashed #000;
702 }
703
704 .tipsy-arrow-n {
705 border-bottom-color: #000;
706 }
707
708 .tipsy-arrow-s {
709 border-top-color: #000;
710 }
711
712 .tipsy-arrow-e {
713 border-left-color: #000;
714 }
715
716 .tipsy-arrow-w {
717 border-right-color: #000;
718 }
719
720 .tipsy-n .tipsy-arrow, .tipsy-nw .tipsy-arrow {
721 border-left-color: transparent;
722 border-right-color: transparent;
723 top: 0;
724 border-bottom-style: solid;
725 border-top: none;
726 }
727
728 .tipsy-n .tipsy-arrow {
729 left: 50%;
730 margin-left: -5px;
731 }
732
733 .tipsy-nw .tipsy-arrow {
734 left: 10px;
735 }
736
737 .tipsy-ne .tipsy-arrow {
738 top: 0;
739 right: 10px;
740 border-bottom-style: solid;
741 border-top: none;
742 border-left-color: transparent;
743 border-right-color: transparent;
744 }
745
746 .tipsy-s .tipsy-arrow, .tipsy-se .tipsy-arrow, .tipsy-sw .tipsy-arrow {
747 bottom: 0;
748 border-top-style: solid;
749 border-bottom: none;
750 border-left-color: transparent;
751 border-right-color: transparent;
752 }
753
754 .tipsy-s .tipsy-arrow {
755 left: 50%;
756 margin-left: -5px;
757 }
758
759 .tipsy-sw .tipsy-arrow {
760 left: 10px;
761 }
762
763 .tipsy-se .tipsy-arrow {
764 right: 10px;
765 }
766
767 .tipsy-e .tipsy-arrow, .tipsy-w .tipsy-arrow {
768 top: 50%;
769 margin-top: -5px;
770 border-top-color: transparent;
771 border-bottom-color: transparent;
772 }
773
774 .tipsy-e .tipsy-arrow {
775 right: 0;
776 border-left-style: solid;
777 border-right: none;
778 }
779
780 .tipsy-w .tipsy-arrow {
781 left: 0;
782 border-right-style: solid;
783 border-left: none;
784 }
785 /*# sourceMappingURL=common.css.map */