PluginProbe
Elementor Website Builder – more than just a page builder / 3.23.0-beta5
Elementor Website Builder – more than just a page builder v3.23.0-beta5
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.23.0-beta5, at assets/css/common.css

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