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

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