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

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

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