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

850 lines 28.7 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*! elementor - v3.20.0 - 20-03-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-accent-promotion: #93003f;
15 --e-a-color-global: #1DDDBF;
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-screen-only,
364 .screen-reader-text,
365 .screen-reader-text span,
366 .ui-helper-hidden-accessible {
367 position: absolute;
368 top: -10000em;
369 width: 1px;
370 height: 1px;
371 margin: -1px;
372 padding: 0;
373 overflow: hidden;
374 clip: rect(0, 0, 0, 0);
375 border: 0;
376 }
377
378 .elementor-clearfix:after {
379 content: "";
380 display: block;
381 clear: both;
382 width: 0;
383 height: 0;
384 }
385
386 .e-logo-wrapper {
387 background: var(--e-a-bg-logo);
388 display: inline-block;
389 padding: 0.75em;
390 border-radius: 50%;
391 line-height: 1;
392 }
393 .e-logo-wrapper i {
394 color: var(--e-a-color-logo);
395 font-size: 1em;
396 }
397
398 #elementor-change-exit-preference-dialog .dialog-message a {
399 cursor: pointer;
400 }
401 #elementor-change-exit-preference-dialog .dialog-message > div {
402 margin-block-end: 10px;
403 }
404
405 #e-experiments-messages-dialog .dialog-confirm-header {
406 font-weight: 600;
407 }
408
409 #e-kit-elements-defaults-create-dialog label {
410 display: flex;
411 align-items: center;
412 justify-content: center;
413 gap: 10px;
414 margin-block-start: 20px;
415 }
416
417 @media (min-width: 1024px) {
418 body.admin-bar .dialog-lightbox-widget {
419 height: calc(100vh - 32px);
420 }
421 }
422 @media (max-width: 1024px) {
423 body.admin-bar .dialog-type-lightbox {
424 position: sticky;
425 height: 100vh;
426 }
427 }
428 .elementor-templates-modal .dialog-widget-content {
429 font-family: Roboto, Arial, Helvetica, sans-serif;
430 background-color: var(--e-a-bg-default);
431 width: 100%;
432 }
433 @media (max-width: 1439px) {
434 .elementor-templates-modal .dialog-widget-content {
435 max-width: 990px;
436 }
437 }
438 @media (min-width: 1440px) {
439 .elementor-templates-modal .dialog-widget-content {
440 max-width: 1200px;
441 }
442 }
443 .elementor-templates-modal .dialog-header {
444 border-block-end: var(--e-a-border);
445 padding: 0;
446 z-index: 1;
447 }
448 .elementor-templates-modal .dialog-buttons-wrapper {
449 border-block-start: var(--e-a-border);
450 padding: 10px;
451 display: flex;
452 justify-content: flex-end;
453 gap: 15px;
454 }
455 .elementor-templates-modal .dialog-message {
456 height: 750px;
457 max-height: 85vh;
458 overflow-y: auto;
459 padding: 20px;
460 }
461 .elementor-templates-modal .dialog-content {
462 height: 100%;
463 text-align: center;
464 }
465 .elementor-templates-modal .dialog-loading {
466 display: none;
467 }
468 .elementor-templates-modal__header {
469 display: flex;
470 align-items: center;
471 justify-content: space-between;
472 height: 50px;
473 }
474 .elementor-templates-modal__header__logo {
475 line-height: 1;
476 text-transform: uppercase;
477 font-weight: bold;
478 cursor: pointer;
479 }
480 .elementor-templates-modal__header__logo-area {
481 text-align: start;
482 padding-inline-start: 15px;
483 }
484 .elementor-templates-modal__header__logo-area > * {
485 display: flex;
486 align-items: center;
487 }
488 .elementor-templates-modal__header__logo__icon-wrapper {
489 margin-inline-end: 10px;
490 font-size: 12px;
491 }
492 .elementor-templates-modal__header__logo__title {
493 color: var(--e-a-color-txt-active);
494 padding-block-start: 2px;
495 }
496 .elementor-templates-modal__header__items-area {
497 display: flex;
498 flex-direction: row-reverse;
499 }
500 .elementor-templates-modal__header__item {
501 position: relative;
502 display: flex;
503 align-items: center;
504 justify-content: center;
505 box-sizing: content-box;
506 }
507 .elementor-templates-modal__header__item > i {
508 font-size: 20px;
509 transition: var(--e-a-transition-hover);
510 cursor: pointer;
511 }
512 .elementor-templates-modal__header__item > i:hover {
513 color: var(--e-a-color-txt-hover);
514 }
515 .elementor-templates-modal__header__close--normal {
516 width: 47px;
517 border-inline-start: var(--e-a-border);
518 }
519 .elementor-templates-modal__header__close--normal i {
520 font-size: 18px;
521 }
522 .elementor-templates-modal__header__close--skip {
523 padding: 10px;
524 padding-inline-start: 20px;
525 margin-inline-end: 10px;
526 font-size: 11px;
527 font-weight: normal;
528 line-height: 1;
529 border-radius: var(--e-a-border-radius);
530 cursor: pointer;
531 }
532 .elementor-templates-modal__header__close--skip > i {
533 font-size: inherit;
534 padding-inline-start: 10px;
535 margin-inline-start: 15px;
536 border-inline-start: 1px solid;
537 }
538 .elementor-templates-modal__header__close--skip > i:not(:hover) {
539 color: var(--e-a-color-white);
540 }
541 .elementor-templates-modal__sidebar {
542 flex-shrink: 0;
543 width: 25%;
544 border-inline-end: var(--e-a-border);
545 }
546 .elementor-templates-modal__content {
547 flex-grow: 1;
548 }
549
550 #elementor-toast {
551 position: absolute;
552 width: 280px;
553 padding: 20px;
554 border-radius: 5px;
555 color: var(--e-a-dark-color-txt);
556 background-color: rgba(0, 0, 0, 0.8);
557 z-index: 10000;
558 }
559 #elementor-toast.dialog-position-window {
560 position: fixed;
561 }
562 #elementor-toast .dialog-message {
563 font-size: 13px;
564 }
565 #elementor-toast .dialog-buttons-wrapper {
566 display: flex;
567 justify-content: flex-end;
568 }
569 #elementor-toast .dialog-buttons-wrapper:not(:empty) {
570 margin-top: 15px;
571 }
572 #elementor-toast .dialog-button {
573 font-size: 12px;
574 font-weight: 500;
575 line-height: 1.2;
576 padding: 8px 16px;
577 margin-left: 10px;
578 color: var(--e-a-dark-color-txt);
579 border-radius: var(--e-a-border-radius);
580 transition: var(--e-a-transition-hover);
581 cursor: pointer;
582 }
583 #elementor-toast .dialog-button:hover {
584 background: var(--e-a-bg-hover);
585 color: var(--e-a-color-txt-hover);
586 }
587 #elementor-toast .dialog-button:last-child {
588 margin-left: 0;
589 }
590
591 /* Will select next element after last '.elementor-general-section' */
592 #wpadminbar #wp-admin-bar-elementor_edit_page .elementor-general-section + .elementor-second-section {
593 border-block-start: 1px solid #464b50;
594 margin-block-start: 6px;
595 }
596
597 .e-logo-wrapper {
598 background: var(--e-a-bg-logo);
599 display: inline-block;
600 padding: 0.75em;
601 border-radius: 50%;
602 line-height: 1;
603 }
604 .e-logo-wrapper i {
605 color: var(--e-a-color-logo);
606 font-size: 1em;
607 }
608
609 #elementor-finder__modal {
610 background: none;
611 z-index: 99999;
612 }
613 #elementor-finder__modal .dialog-widget-content {
614 width: 650px;
615 max-width: 98%;
616 top: 18vh;
617 left: calc(50% - 650px / 2);
618 }
619 #elementor-finder__modal .dialog-content {
620 text-align: start;
621 }
622 #elementor-finder__modal .dialog-message {
623 height: initial;
624 min-height: 0;
625 padding: 0;
626 text-align: right;
627 }
628 #elementor-finder__search {
629 padding: 15px;
630 display: flex;
631 }
632 #elementor-finder__search i {
633 font-size: 16px;
634 margin-inline-end: 15px;
635 }
636 #elementor-finder__search__input {
637 border: none;
638 background: none;
639 outline: none;
640 padding: 0;
641 margin: 0;
642 flex-grow: 1;
643 font-size: 14px;
644 box-shadow: none;
645 }
646 #elementor-finder__search__input::-moz-placeholder {
647 font-style: italic;
648 font-weight: 300;
649 }
650 #elementor-finder__search__input::placeholder {
651 font-style: italic;
652 font-weight: 300;
653 }
654 #elementor-finder__results {
655 max-height: 50vh;
656 overflow: auto;
657 }
658 #elementor-finder__no-results {
659 display: none;
660 padding: 20px;
661 }
662 #elementor-finder__lock-dialog {
663 z-index: 100000;
664 }
665
666 .elementor-finder__results__category {
667 position: relative;
668 }
669 .elementor-finder__results__category__title {
670 padding: 5px 25px;
671 font-size: 10px;
672 border-block-end: var(--e-a-border);
673 }
674 .elementor-finder__results__category--dynamic .elementor-finder__results__category__items {
675 min-height: 26px;
676 }
677 .elementor-finder__results__category .eicon-loading {
678 display: none;
679 position: absolute;
680 left: 10px;
681 top: 30px;
682 color: var(--e-a-color-info);
683 font-size: 14px;
684 }
685 .elementor-finder__results__item {
686 display: flex;
687 }
688 .elementor-finder__results__item a {
689 text-decoration: none;
690 color: inherit;
691 }
692 .elementor-finder__results__item.elementor-active {
693 background-color: var(--e-a-bg-hover);
694 }
695 .elementor-finder__results__item.elementor-active a {
696 color: inherit;
697 }
698 .elementor-finder__results__item:not(.elementor-active) .elementor-finder__results__item__actions {
699 display: none;
700 }
701 .elementor-finder__results__item__link {
702 display: flex;
703 align-items: center;
704 height: 35px;
705 flex-grow: 1;
706 }
707 .elementor-finder__results__item__icon {
708 width: 60px;
709 text-align: center;
710 font-size: 17px;
711 }
712 .elementor-finder__results__item__title {
713 font-size: 13px;
714 }
715 .elementor-finder__results__item__description {
716 margin-inline-start: 5px;
717 font-style: italic;
718 }
719 .elementor-finder__results__item__badge {
720 text-transform: uppercase;
721 position: absolute;
722 inset-inline-end: 16px;
723 font-size: 8px;
724 font-weight: 500;
725 display: flex;
726 align-items: center;
727 gap: 4px;
728 }
729 .elementor-finder__results__item__actions {
730 display: flex;
731 }
732 .elementor-finder__results__item__action {
733 display: flex;
734 align-items: center;
735 justify-content: center;
736 height: 100%;
737 width: 35px;
738 }
739 .elementor-finder__results__item__action:hover {
740 background-color: rgba(0, 0, 0, 0.07);
741 }
742
743 .tipsy {
744 font-size: 10px;
745 position: absolute;
746 padding: 5px;
747 z-index: 100000;
748 }
749
750 .tipsy-inner {
751 background-color: #000;
752 color: #FFF;
753 font-weight: 500;
754 max-width: 200px;
755 padding: 5px 12px;
756 text-align: center;
757 border-radius: 3px;
758 box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
759 }
760
761 .tipsy-arrow {
762 position: absolute;
763 width: 0;
764 height: 0;
765 line-height: 0;
766 border: 5px dashed #000;
767 }
768
769 .tipsy-arrow-n {
770 border-bottom-color: #000;
771 }
772
773 .tipsy-arrow-s {
774 border-top-color: #000;
775 }
776
777 .tipsy-arrow-e {
778 border-left-color: #000;
779 }
780
781 .tipsy-arrow-w {
782 border-right-color: #000;
783 }
784
785 .tipsy-n .tipsy-arrow, .tipsy-nw .tipsy-arrow {
786 border-left-color: transparent;
787 border-right-color: transparent;
788 top: 0;
789 border-bottom-style: solid;
790 border-top: none;
791 }
792
793 .tipsy-n .tipsy-arrow {
794 left: 50%;
795 margin-left: -5px;
796 }
797
798 .tipsy-nw .tipsy-arrow {
799 left: 10px;
800 }
801
802 .tipsy-ne .tipsy-arrow {
803 top: 0;
804 right: 10px;
805 border-bottom-style: solid;
806 border-top: none;
807 border-left-color: transparent;
808 border-right-color: transparent;
809 }
810
811 .tipsy-s .tipsy-arrow, .tipsy-se .tipsy-arrow, .tipsy-sw .tipsy-arrow {
812 bottom: 0;
813 border-top-style: solid;
814 border-bottom: none;
815 border-left-color: transparent;
816 border-right-color: transparent;
817 }
818
819 .tipsy-s .tipsy-arrow {
820 left: 50%;
821 margin-left: -5px;
822 }
823
824 .tipsy-sw .tipsy-arrow {
825 left: 10px;
826 }
827
828 .tipsy-se .tipsy-arrow {
829 right: 10px;
830 }
831
832 .tipsy-e .tipsy-arrow, .tipsy-w .tipsy-arrow {
833 top: 50%;
834 margin-top: -5px;
835 border-top-color: transparent;
836 border-bottom-color: transparent;
837 }
838
839 .tipsy-e .tipsy-arrow {
840 right: 0;
841 border-left-style: solid;
842 border-right: none;
843 }
844
845 .tipsy-w .tipsy-arrow {
846 left: 0;
847 border-right-style: solid;
848 border-left: none;
849 }
850 /*# sourceMappingURL=common-rtl.css.map */