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

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