PluginProbe
Elementor Website Builder – more than just a page builder / 3.16.0-dev2
Elementor Website Builder – more than just a page builder v3.16.0-dev2
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-rtl.css

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

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