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

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