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

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