PluginProbe
Elementor Website Builder – more than just a page builder / 3.14.0-beta5
Elementor Website Builder – more than just a page builder v3.14.0-beta5
4.3.4 4.3.3 4.3.2 4.3.1 4.3.0 4.3.0-beta3 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 All 457 releases
elementor / assets / css / common-rtl.css

common-rtl.css in Elementor Website Builder – more than just a page builder 3.14.0-beta5, at assets/css/common-rtl.css

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