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

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