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

763 lines 25.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*! elementor - v3.19.0 - 15-01-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-warning, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning,
219 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning,
220 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning {
221 background-color: var(--e-a-btn-bg-warning);
222 }
223 .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,
224 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:hover,
225 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:focus,
226 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:hover,
227 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:focus {
228 background-color: var(--e-a-btn-bg-warning-hover);
229 }
230 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger,
231 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger,
232 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger {
233 background-color: var(--e-a-btn-bg-danger);
234 }
235 .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,
236 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover,
237 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus,
238 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:hover,
239 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:focus {
240 background-color: var(--e-a-btn-bg-danger-hover);
241 }
242 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button i,
243 .dialog-type-alert .dialog-buttons-wrapper .dialog-button i {
244 margin-inline-end: 5px;
245 }
246 .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,
247 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,
248 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus,
249 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:visited {
250 color: initial;
251 }
252 .flatpickr-calendar {
253 width: 280px;
254 }
255 .flatpickr-calendar .flatpickr-current-month span.cur-month {
256 font-weight: 300;
257 }
258 .flatpickr-calendar .dayContainer {
259 width: 280px;
260 min-width: 280px;
261 max-width: 280px;
262 }
263 .flatpickr-calendar .flatpickr-days {
264 width: 280px;
265 }
266 .flatpickr-calendar .flatpickr-day {
267 max-width: 37px;
268 height: 37px;
269 line-height: 37px;
270 }
271
272 .elementor-hidden {
273 display: none;
274 }
275
276 .elementor-screen-only,
277 .screen-reader-text,
278 .screen-reader-text span,
279 .ui-helper-hidden-accessible {
280 position: absolute;
281 top: -10000em;
282 width: 1px;
283 height: 1px;
284 margin: -1px;
285 padding: 0;
286 overflow: hidden;
287 clip: rect(0, 0, 0, 0);
288 border: 0;
289 }
290
291 .elementor-clearfix:after {
292 content: "";
293 display: block;
294 clear: both;
295 width: 0;
296 height: 0;
297 }
298
299 .e-logo-wrapper {
300 background: var(--e-a-bg-logo);
301 display: inline-block;
302 padding: 0.75em;
303 border-radius: 50%;
304 line-height: 1;
305 }
306 .e-logo-wrapper i {
307 color: var(--e-a-color-logo);
308 font-size: 1em;
309 }
310
311 #elementor-change-exit-preference-dialog .dialog-message a {
312 cursor: pointer;
313 }
314 #elementor-change-exit-preference-dialog .dialog-message > div {
315 margin-block-end: 10px;
316 }
317
318 #e-experiments-messages-dialog .dialog-confirm-header {
319 font-weight: 600;
320 }
321
322 #e-kit-elements-defaults-create-dialog label {
323 display: flex;
324 align-items: center;
325 justify-content: center;
326 gap: 10px;
327 margin-block-start: 20px;
328 }
329
330 @media (min-width: 1024px) {
331 body.admin-bar .dialog-lightbox-widget {
332 height: calc(100vh - 32px);
333 }
334 }
335 @media (max-width: 1024px) {
336 body.admin-bar .dialog-type-lightbox {
337 position: sticky;
338 height: 100vh;
339 }
340 }
341 .elementor-templates-modal .dialog-widget-content {
342 font-family: Roboto, Arial, Helvetica, sans-serif;
343 background-color: var(--e-a-bg-default);
344 width: 100%;
345 }
346 @media (max-width: 1439px) {
347 .elementor-templates-modal .dialog-widget-content {
348 max-width: 990px;
349 }
350 }
351 @media (min-width: 1440px) {
352 .elementor-templates-modal .dialog-widget-content {
353 max-width: 1200px;
354 }
355 }
356 .elementor-templates-modal .dialog-header {
357 border-block-end: var(--e-a-border);
358 padding: 0;
359 z-index: 1;
360 }
361 .elementor-templates-modal .dialog-buttons-wrapper {
362 border-block-start: var(--e-a-border);
363 padding: 10px;
364 display: flex;
365 justify-content: flex-end;
366 gap: 15px;
367 }
368 .elementor-templates-modal .dialog-message {
369 height: 750px;
370 max-height: 85vh;
371 overflow-y: auto;
372 padding: 20px;
373 }
374 .elementor-templates-modal .dialog-content {
375 height: 100%;
376 text-align: center;
377 }
378 .elementor-templates-modal .dialog-loading {
379 display: none;
380 }
381 .elementor-templates-modal__header {
382 display: flex;
383 align-items: center;
384 justify-content: space-between;
385 height: 50px;
386 }
387 .elementor-templates-modal__header__logo {
388 line-height: 1;
389 text-transform: uppercase;
390 font-weight: bold;
391 cursor: pointer;
392 }
393 .elementor-templates-modal__header__logo-area {
394 text-align: start;
395 padding-inline-start: 15px;
396 }
397 .elementor-templates-modal__header__logo-area > * {
398 display: flex;
399 align-items: center;
400 }
401 .elementor-templates-modal__header__logo__icon-wrapper {
402 margin-inline-end: 10px;
403 font-size: 12px;
404 }
405 .elementor-templates-modal__header__logo__title {
406 color: var(--e-a-color-txt-active);
407 padding-block-start: 2px;
408 }
409 .elementor-templates-modal__header__items-area {
410 display: flex;
411 flex-direction: row-reverse;
412 }
413 .elementor-templates-modal__header__item {
414 position: relative;
415 display: flex;
416 align-items: center;
417 justify-content: center;
418 box-sizing: content-box;
419 }
420 .elementor-templates-modal__header__item > i {
421 font-size: 20px;
422 transition: var(--e-a-transition-hover);
423 cursor: pointer;
424 }
425 .elementor-templates-modal__header__item > i:hover {
426 color: var(--e-a-color-txt-hover);
427 }
428 .elementor-templates-modal__header__close--normal {
429 width: 47px;
430 border-inline-start: var(--e-a-border);
431 }
432 .elementor-templates-modal__header__close--normal i {
433 font-size: 18px;
434 }
435 .elementor-templates-modal__header__close--skip {
436 padding: 10px;
437 padding-inline-start: 20px;
438 margin-inline-end: 10px;
439 font-size: 11px;
440 font-weight: normal;
441 line-height: 1;
442 border-radius: var(--e-a-border-radius);
443 cursor: pointer;
444 }
445 .elementor-templates-modal__header__close--skip > i {
446 font-size: inherit;
447 padding-inline-start: 10px;
448 margin-inline-start: 15px;
449 border-inline-start: 1px solid;
450 }
451 .elementor-templates-modal__header__close--skip > i:not(:hover) {
452 color: var(--e-a-color-white);
453 }
454 .elementor-templates-modal__sidebar {
455 flex-shrink: 0;
456 width: 25%;
457 border-inline-end: var(--e-a-border);
458 }
459 .elementor-templates-modal__content {
460 flex-grow: 1;
461 }
462
463 #elementor-toast {
464 position: absolute;
465 width: 280px;
466 padding: 20px;
467 border-radius: 5px;
468 color: var(--e-a-dark-color-txt);
469 background-color: rgba(0, 0, 0, 0.8);
470 z-index: 10000;
471 }
472 #elementor-toast.dialog-position-window {
473 position: fixed;
474 }
475 #elementor-toast .dialog-message {
476 font-size: 13px;
477 }
478 #elementor-toast .dialog-buttons-wrapper {
479 display: flex;
480 justify-content: flex-end;
481 }
482 #elementor-toast .dialog-buttons-wrapper:not(:empty) {
483 margin-top: 15px;
484 }
485 #elementor-toast .dialog-button {
486 font-size: 12px;
487 font-weight: 500;
488 line-height: 1.2;
489 padding: 8px 16px;
490 margin-right: 10px;
491 color: var(--e-a-dark-color-txt);
492 border-radius: var(--e-a-border-radius);
493 transition: var(--e-a-transition-hover);
494 cursor: pointer;
495 }
496 #elementor-toast .dialog-button:hover {
497 background: var(--e-a-bg-hover);
498 color: var(--e-a-color-txt-hover);
499 }
500 #elementor-toast .dialog-button:last-child {
501 margin-right: 0;
502 }
503
504 /* Will select next element after last '.elementor-general-section' */
505 #wpadminbar #wp-admin-bar-elementor_edit_page .elementor-general-section + .elementor-second-section {
506 border-block-start: 1px solid #464b50;
507 margin-block-start: 6px;
508 }
509
510 .e-logo-wrapper {
511 background: var(--e-a-bg-logo);
512 display: inline-block;
513 padding: 0.75em;
514 border-radius: 50%;
515 line-height: 1;
516 }
517 .e-logo-wrapper i {
518 color: var(--e-a-color-logo);
519 font-size: 1em;
520 }
521
522 #elementor-finder__modal {
523 background: none;
524 z-index: 99999;
525 }
526 #elementor-finder__modal .dialog-widget-content {
527 width: 650px;
528 max-width: 98%;
529 top: 18vh;
530 left: calc(50% - 650px / 2);
531 }
532 #elementor-finder__modal .dialog-content {
533 text-align: start;
534 }
535 #elementor-finder__modal .dialog-message {
536 height: initial;
537 min-height: 0;
538 padding: 0;
539 text-align: left;
540 }
541 #elementor-finder__search {
542 padding: 15px;
543 display: flex;
544 }
545 #elementor-finder__search i {
546 font-size: 16px;
547 margin-inline-end: 15px;
548 }
549 #elementor-finder__search__input {
550 border: none;
551 background: none;
552 outline: none;
553 padding: 0;
554 margin: 0;
555 flex-grow: 1;
556 font-size: 14px;
557 box-shadow: none;
558 }
559 #elementor-finder__search__input::-moz-placeholder {
560 font-style: italic;
561 font-weight: 300;
562 }
563 #elementor-finder__search__input::placeholder {
564 font-style: italic;
565 font-weight: 300;
566 }
567 #elementor-finder__results {
568 max-height: 50vh;
569 overflow: auto;
570 }
571 #elementor-finder__no-results {
572 display: none;
573 padding: 20px;
574 }
575 #elementor-finder__lock-dialog {
576 z-index: 100000;
577 }
578
579 .elementor-finder__results__category {
580 position: relative;
581 }
582 .elementor-finder__results__category__title {
583 padding: 5px 25px;
584 font-size: 10px;
585 border-block-end: var(--e-a-border);
586 }
587 .elementor-finder__results__category--dynamic .elementor-finder__results__category__items {
588 min-height: 26px;
589 }
590 .elementor-finder__results__category .eicon-loading {
591 display: none;
592 position: absolute;
593 right: 10px;
594 top: 30px;
595 color: var(--e-a-color-info);
596 font-size: 14px;
597 }
598 .elementor-finder__results__item {
599 display: flex;
600 }
601 .elementor-finder__results__item a {
602 text-decoration: none;
603 color: inherit;
604 }
605 .elementor-finder__results__item.elementor-active {
606 background-color: var(--e-a-bg-hover);
607 }
608 .elementor-finder__results__item.elementor-active a {
609 color: inherit;
610 }
611 .elementor-finder__results__item:not(.elementor-active) .elementor-finder__results__item__actions {
612 display: none;
613 }
614 .elementor-finder__results__item__link {
615 display: flex;
616 align-items: center;
617 height: 35px;
618 flex-grow: 1;
619 }
620 .elementor-finder__results__item__icon {
621 width: 60px;
622 text-align: center;
623 font-size: 17px;
624 }
625 .elementor-finder__results__item__title {
626 font-size: 13px;
627 }
628 .elementor-finder__results__item__description {
629 margin-inline-start: 5px;
630 font-style: italic;
631 }
632 .elementor-finder__results__item__badge {
633 text-transform: uppercase;
634 position: absolute;
635 inset-inline-end: 16px;
636 font-size: 8px;
637 font-weight: 500;
638 display: flex;
639 align-items: center;
640 gap: 4px;
641 }
642 .elementor-finder__results__item__actions {
643 display: flex;
644 }
645 .elementor-finder__results__item__action {
646 display: flex;
647 align-items: center;
648 justify-content: center;
649 height: 100%;
650 width: 35px;
651 }
652 .elementor-finder__results__item__action:hover {
653 background-color: rgba(0, 0, 0, 0.07);
654 }
655
656 .tipsy {
657 font-size: 10px;
658 position: absolute;
659 padding: 5px;
660 z-index: 100000;
661 }
662
663 .tipsy-inner {
664 background-color: #000;
665 color: #FFF;
666 font-weight: 500;
667 max-width: 200px;
668 padding: 5px 12px;
669 text-align: center;
670 border-radius: 3px;
671 box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
672 }
673
674 .tipsy-arrow {
675 position: absolute;
676 width: 0;
677 height: 0;
678 line-height: 0;
679 border: 5px dashed #000;
680 }
681
682 .tipsy-arrow-n {
683 border-bottom-color: #000;
684 }
685
686 .tipsy-arrow-s {
687 border-top-color: #000;
688 }
689
690 .tipsy-arrow-e {
691 border-left-color: #000;
692 }
693
694 .tipsy-arrow-w {
695 border-right-color: #000;
696 }
697
698 .tipsy-n .tipsy-arrow, .tipsy-nw .tipsy-arrow {
699 border-left-color: transparent;
700 border-right-color: transparent;
701 top: 0;
702 border-bottom-style: solid;
703 border-top: none;
704 }
705
706 .tipsy-n .tipsy-arrow {
707 left: 50%;
708 margin-left: -5px;
709 }
710
711 .tipsy-nw .tipsy-arrow {
712 left: 10px;
713 }
714
715 .tipsy-ne .tipsy-arrow {
716 top: 0;
717 right: 10px;
718 border-bottom-style: solid;
719 border-top: none;
720 border-left-color: transparent;
721 border-right-color: transparent;
722 }
723
724 .tipsy-s .tipsy-arrow, .tipsy-se .tipsy-arrow, .tipsy-sw .tipsy-arrow {
725 bottom: 0;
726 border-top-style: solid;
727 border-bottom: none;
728 border-left-color: transparent;
729 border-right-color: transparent;
730 }
731
732 .tipsy-s .tipsy-arrow {
733 left: 50%;
734 margin-left: -5px;
735 }
736
737 .tipsy-sw .tipsy-arrow {
738 left: 10px;
739 }
740
741 .tipsy-se .tipsy-arrow {
742 right: 10px;
743 }
744
745 .tipsy-e .tipsy-arrow, .tipsy-w .tipsy-arrow {
746 top: 50%;
747 margin-top: -5px;
748 border-top-color: transparent;
749 border-bottom-color: transparent;
750 }
751
752 .tipsy-e .tipsy-arrow {
753 right: 0;
754 border-left-style: solid;
755 border-right: none;
756 }
757
758 .tipsy-w .tipsy-arrow {
759 left: 0;
760 border-right-style: solid;
761 border-left: none;
762 }
763 /*# sourceMappingURL=common.css.map */