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

759 lines 25.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*! elementor - v3.26.0 - 10-12-2024 */
2 .elementor-hidden {
3 display: none;
4 }
5
6 .elementor-visibility-hidden {
7 visibility: hidden;
8 }
9
10 .elementor-screen-only,
11 .screen-reader-text,
12 .screen-reader-text span,
13 .ui-helper-hidden-accessible {
14 position: absolute;
15 top: -10000em;
16 width: 1px;
17 height: 1px;
18 margin: -1px;
19 padding: 0;
20 overflow: hidden;
21 clip: rect(0, 0, 0, 0);
22 border: 0;
23 }
24
25 .elementor-clearfix:after {
26 content: "";
27 display: block;
28 clear: both;
29 width: 0;
30 height: 0;
31 }
32
33 .e-logo-wrapper {
34 background: var(--e-a-bg-logo);
35 display: inline-block;
36 padding: 0.75em;
37 border-radius: 50%;
38 line-height: 1;
39 }
40 .e-logo-wrapper i {
41 color: var(--e-a-color-logo);
42 font-size: 1em;
43 }
44
45 .dialog-widget-content {
46 background-color: var(--e-a-bg-default);
47 position: absolute;
48 border-radius: 3px;
49 box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
50 overflow: hidden;
51 }
52
53 .dialog-message {
54 line-height: 1.5;
55 box-sizing: border-box;
56 }
57
58 .dialog-close-button {
59 cursor: pointer;
60 position: absolute;
61 margin-block-start: 15px;
62 inset-inline-end: 15px;
63 color: var(--e-a-color-txt);
64 font-size: 15px;
65 line-height: 1;
66 transition: var(--e-a-transition-hover);
67 }
68 .dialog-close-button:hover {
69 color: var(--e-a-color-txt-hover);
70 }
71
72 .dialog-prevent-scroll {
73 overflow: hidden;
74 max-height: 100vh;
75 }
76
77 .dialog-type-lightbox {
78 position: fixed;
79 height: 100%;
80 width: 100%;
81 bottom: 0;
82 left: 0;
83 background-color: rgba(0, 0, 0, 0.8);
84 z-index: 9999;
85 -webkit-user-select: none;
86 -moz-user-select: none;
87 user-select: none;
88 }
89
90 .elementor-editor-active .elementor-popup-modal {
91 background-color: initial;
92 }
93
94 .dialog-type-confirm .dialog-widget-content,
95 .dialog-type-alert .dialog-widget-content {
96 margin: auto;
97 width: 400px;
98 padding: 20px;
99 }
100 .dialog-type-confirm .dialog-header,
101 .dialog-type-alert .dialog-header {
102 font-size: 15px;
103 font-weight: 500;
104 }
105 .dialog-type-confirm .dialog-header:after,
106 .dialog-type-alert .dialog-header:after {
107 content: "";
108 display: block;
109 border-block-end: var(--e-a-border);
110 padding-block-end: 10px;
111 margin-block-end: 10px;
112 margin-inline-start: -20px;
113 margin-inline-end: -20px;
114 }
115 .dialog-type-confirm .dialog-message,
116 .dialog-type-alert .dialog-message {
117 min-height: 50px;
118 }
119 .dialog-type-confirm .dialog-buttons-wrapper,
120 .dialog-type-alert .dialog-buttons-wrapper {
121 padding-block-start: 10px;
122 display: flex;
123 justify-content: flex-end;
124 gap: 15px;
125 }
126 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button,
127 .dialog-type-alert .dialog-buttons-wrapper .dialog-button {
128 font-size: 12px;
129 font-weight: 500;
130 line-height: 1.2;
131 padding: 8px 16px;
132 outline: none;
133 border: none;
134 border-radius: var(--e-a-border-radius);
135 background-color: var(--e-a-btn-bg);
136 color: var(--e-a-btn-color-invert);
137 transition: var(--e-a-transition-hover);
138 }
139 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover,
140 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover {
141 border: none;
142 }
143 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:focus,
144 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,
145 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus {
146 background-color: var(--e-a-btn-bg-hover);
147 color: var(--e-a-btn-color-invert);
148 }
149 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:active,
150 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:active {
151 background-color: var(--e-a-btn-bg-active);
152 }
153 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not([disabled]),
154 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:not([disabled]) {
155 cursor: pointer;
156 }
157 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:disabled,
158 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:disabled {
159 background-color: var(--e-a-btn-bg-disabled);
160 color: var(--e-a-btn-color-disabled);
161 }
162 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon,
163 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon {
164 display: none;
165 }
166 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel,
167 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt,
168 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel {
169 background: transparent;
170 color: var(--e-a-color-txt);
171 }
172 .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,
173 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:hover,
174 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:hover,
175 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:focus,
176 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:focus {
177 background: var(--e-a-bg-hover);
178 color: var(--e-a-color-txt-hover);
179 }
180 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled,
181 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled,
182 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled {
183 background: transparent;
184 color: var(--e-a-color-txt-disabled);
185 }
186 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt-border,
187 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt-border {
188 border: 1px solid var(--e-a-color-txt-muted);
189 }
190 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success,
191 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success,
192 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success {
193 background-color: var(--e-a-btn-bg-success);
194 }
195 .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,
196 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:hover,
197 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:focus,
198 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:hover,
199 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:focus {
200 background-color: var(--e-a-btn-bg-success-hover);
201 }
202 .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,
203 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary,
204 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over,
205 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok {
206 background-color: var(--e-a-btn-bg-primary);
207 color: var(--e-a-btn-color);
208 }
209 .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,
210 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:hover,
211 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:hover,
212 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:hover,
213 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:focus,
214 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:focus,
215 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:focus {
216 background-color: var(--e-a-btn-bg-primary-hover);
217 color: var(--e-a-btn-color);
218 }
219 .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,
220 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt,
221 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over,
222 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel,
223 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over,
224 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok,
225 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel {
226 background: transparent;
227 color: var(--e-a-color-primary-bold);
228 }
229 .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,
230 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:hover,
231 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:hover,
232 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:hover,
233 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:hover,
234 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:hover,
235 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:hover,
236 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:focus,
237 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:focus,
238 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:focus,
239 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:focus,
240 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:focus,
241 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:focus {
242 background: var(--e-a-bg-primary);
243 }
244 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent,
245 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro,
246 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent {
247 background-color: var(--e-a-btn-bg-accent);
248 }
249 .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,
250 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:hover,
251 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:focus,
252 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:hover,
253 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:focus {
254 background-color: var(--e-a-btn-bg-accent-hover);
255 }
256 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:active, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:active,
257 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:active,
258 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:active {
259 background-color: var(--e-a-btn-bg-accent-active);
260 }
261 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info,
262 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info,
263 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info {
264 background-color: var(--e-a-btn-bg-info);
265 }
266 .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,
267 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info:hover,
268 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info:focus,
269 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info:hover,
270 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info:focus {
271 background-color: var(--e-a-btn-bg-info-hover);
272 }
273 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning,
274 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning,
275 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning {
276 background-color: var(--e-a-btn-bg-warning);
277 }
278 .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,
279 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:hover,
280 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:focus,
281 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:hover,
282 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:focus {
283 background-color: var(--e-a-btn-bg-warning-hover);
284 }
285 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger,
286 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger,
287 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger {
288 background-color: var(--e-a-btn-bg-danger);
289 }
290 .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,
291 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover,
292 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus,
293 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:hover,
294 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:focus {
295 background-color: var(--e-a-btn-bg-danger-hover);
296 }
297 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button i,
298 .dialog-type-alert .dialog-buttons-wrapper .dialog-button i {
299 margin-inline-end: 5px;
300 }
301 .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,
302 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,
303 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus,
304 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:visited {
305 color: initial;
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-inline-end: 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-inline-end: 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: start;
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-block-end: 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 */