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

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