PluginProbe
Elementor Website Builder – more than just a page builder / 4.0.9
Elementor Website Builder – more than just a page builder v4.0.9
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 4.0.9, at assets/css/common.css

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