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

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