PluginProbe
Elementor Website Builder – more than just a page builder / 3.22.0-beta1
Elementor Website Builder – more than just a page builder v3.22.0-beta1
4.3.0-beta3 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 All 452 releases
elementor / assets / css / editor-preview-rtl.css

editor-preview-rtl.css in Elementor Website Builder – more than just a page builder 3.22.0-beta1, at assets/css/editor-preview-rtl.css

4,739 lines 154.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*! elementor - v3.22.0 - 19-05-2024 */
2 .dialog-widget-content {
3 background-color: var(--e-a-bg-default);
4 position: absolute;
5 border-radius: 3px;
6 box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
7 overflow: hidden;
8 }
9
10 .dialog-message {
11 line-height: 1.5;
12 box-sizing: border-box;
13 }
14
15 .dialog-close-button {
16 cursor: pointer;
17 position: absolute;
18 margin-block-start: 15px;
19 left: 15px;
20 color: var(--e-a-color-txt);
21 font-size: 15px;
22 line-height: 1;
23 transition: var(--e-a-transition-hover);
24 }
25 .dialog-close-button:hover {
26 color: var(--e-a-color-txt-hover);
27 }
28
29 .dialog-prevent-scroll {
30 overflow: hidden;
31 max-height: 100vh;
32 }
33
34 .dialog-type-lightbox {
35 position: fixed;
36 height: 100%;
37 width: 100%;
38 bottom: 0;
39 left: 0;
40 background-color: rgba(0, 0, 0, 0.8);
41 z-index: 9999;
42 -webkit-user-select: none;
43 -moz-user-select: none;
44 user-select: none;
45 }
46
47 .elementor-editor-active .elementor-popup-modal {
48 background-color: initial;
49 }
50
51 .dialog-type-confirm .dialog-widget-content,
52 .dialog-type-alert .dialog-widget-content {
53 margin: auto;
54 width: 400px;
55 padding: 20px;
56 }
57 .dialog-type-confirm .dialog-header,
58 .dialog-type-alert .dialog-header {
59 font-size: 15px;
60 font-weight: 500;
61 }
62 .dialog-type-confirm .dialog-header:after,
63 .dialog-type-alert .dialog-header:after {
64 content: "";
65 display: block;
66 border-block-end: var(--e-a-border);
67 padding-block-end: 10px;
68 margin-block-end: 10px;
69 margin-inline-start: -20px;
70 margin-inline-end: -20px;
71 }
72 .dialog-type-confirm .dialog-message,
73 .dialog-type-alert .dialog-message {
74 min-height: 50px;
75 }
76 .dialog-type-confirm .dialog-buttons-wrapper,
77 .dialog-type-alert .dialog-buttons-wrapper {
78 padding-block-start: 10px;
79 display: flex;
80 justify-content: flex-end;
81 gap: 15px;
82 }
83 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button,
84 .dialog-type-alert .dialog-buttons-wrapper .dialog-button {
85 font-size: 12px;
86 font-weight: 500;
87 line-height: 1.2;
88 padding: 8px 16px;
89 outline: none;
90 border: none;
91 border-radius: var(--e-a-border-radius);
92 background-color: var(--e-a-btn-bg);
93 color: var(--e-a-btn-color-invert);
94 transition: var(--e-a-transition-hover);
95 }
96 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover,
97 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover {
98 border: none;
99 }
100 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:focus,
101 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,
102 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus {
103 background-color: var(--e-a-btn-bg-hover);
104 color: var(--e-a-btn-color-invert);
105 }
106 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:active,
107 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:active {
108 background-color: var(--e-a-btn-bg-active);
109 }
110 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not([disabled]),
111 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:not([disabled]) {
112 cursor: pointer;
113 }
114 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:disabled,
115 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:disabled {
116 background-color: var(--e-a-btn-bg-disabled);
117 color: var(--e-a-btn-color-disabled);
118 }
119 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon,
120 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon {
121 display: none;
122 }
123 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel,
124 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt,
125 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel {
126 background: transparent;
127 color: var(--e-a-color-txt);
128 }
129 .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,
130 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:hover,
131 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:hover,
132 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:focus,
133 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:focus {
134 background: var(--e-a-bg-hover);
135 color: var(--e-a-color-txt-hover);
136 }
137 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled,
138 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled,
139 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled {
140 background: transparent;
141 color: var(--e-a-color-txt-disabled);
142 }
143 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt-border,
144 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt-border {
145 border: 1px solid var(--e-a-color-txt-muted);
146 }
147 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success,
148 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success,
149 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success {
150 background-color: var(--e-a-btn-bg-success);
151 }
152 .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,
153 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:hover,
154 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:focus,
155 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:hover,
156 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:focus {
157 background-color: var(--e-a-btn-bg-success-hover);
158 }
159 .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,
160 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary,
161 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over,
162 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok {
163 background-color: var(--e-a-btn-bg-primary);
164 color: var(--e-a-btn-color);
165 }
166 .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,
167 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:hover,
168 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:hover,
169 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:hover,
170 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:focus,
171 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:focus,
172 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:focus {
173 background-color: var(--e-a-btn-bg-primary-hover);
174 color: var(--e-a-btn-color);
175 }
176 .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,
177 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt,
178 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over,
179 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel,
180 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over,
181 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok,
182 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel {
183 background: transparent;
184 color: var(--e-a-color-primary-bold);
185 }
186 .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,
187 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:hover,
188 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:hover,
189 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:hover,
190 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:hover,
191 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:hover,
192 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:hover,
193 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:focus,
194 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:focus,
195 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:focus,
196 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:focus,
197 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:focus,
198 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:focus {
199 background: var(--e-a-bg-primary);
200 }
201 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent,
202 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro,
203 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent {
204 background-color: var(--e-a-btn-bg-accent);
205 }
206 .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,
207 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:hover,
208 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:focus,
209 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:hover,
210 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:focus {
211 background-color: var(--e-a-btn-bg-accent-hover);
212 }
213 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:active, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:active,
214 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:active,
215 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:active {
216 background-color: var(--e-a-btn-bg-accent-active);
217 }
218 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info,
219 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info,
220 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info {
221 background-color: var(--e-a-btn-bg-info);
222 }
223 .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,
224 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info:hover,
225 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info:focus,
226 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info:hover,
227 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info:focus {
228 background-color: var(--e-a-btn-bg-info-hover);
229 }
230 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning,
231 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning,
232 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning {
233 background-color: var(--e-a-btn-bg-warning);
234 }
235 .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,
236 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:hover,
237 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:focus,
238 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:hover,
239 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:focus {
240 background-color: var(--e-a-btn-bg-warning-hover);
241 }
242 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger,
243 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger,
244 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger {
245 background-color: var(--e-a-btn-bg-danger);
246 }
247 .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,
248 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover,
249 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus,
250 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:hover,
251 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:focus {
252 background-color: var(--e-a-btn-bg-danger-hover);
253 }
254 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button i,
255 .dialog-type-alert .dialog-buttons-wrapper .dialog-button i {
256 margin-inline-end: 5px;
257 }
258 .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,
259 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,
260 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus,
261 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:visited {
262 color: initial;
263 }
264 .flatpickr-calendar {
265 width: 280px;
266 }
267 .flatpickr-calendar .flatpickr-current-month span.cur-month {
268 font-weight: 300;
269 }
270 .flatpickr-calendar .dayContainer {
271 width: 280px;
272 min-width: 280px;
273 max-width: 280px;
274 }
275 .flatpickr-calendar .flatpickr-days {
276 width: 280px;
277 }
278 .flatpickr-calendar .flatpickr-day {
279 max-width: 37px;
280 height: 37px;
281 line-height: 37px;
282 }
283
284 .elementor-hidden {
285 display: none;
286 }
287
288 .elementor-screen-only,
289 .screen-reader-text,
290 .screen-reader-text span,
291 .ui-helper-hidden-accessible {
292 position: absolute;
293 top: -10000em;
294 width: 1px;
295 height: 1px;
296 margin: -1px;
297 padding: 0;
298 overflow: hidden;
299 clip: rect(0, 0, 0, 0);
300 border: 0;
301 }
302
303 .elementor-clearfix:after {
304 content: "";
305 display: block;
306 clear: both;
307 width: 0;
308 height: 0;
309 }
310
311 .e-logo-wrapper {
312 background: var(--e-a-bg-logo);
313 display: inline-block;
314 padding: 0.75em;
315 border-radius: 50%;
316 line-height: 1;
317 }
318 .e-logo-wrapper i {
319 color: var(--e-a-color-logo);
320 font-size: 1em;
321 }
322
323 :root {
324 --e-a-color-white: #ffffff;
325 --e-a-color-black: #000000;
326 --e-a-color-logo: #ffffff;
327 --e-a-color-primary: #F3BAFD;
328 --e-a-color-primary-bold: #D004D4;
329 --e-a-color-secondary: #515962;
330 --e-a-color-success: #0A875A;
331 --e-a-color-danger: #DC2626;
332 --e-a-color-info: #2563EB;
333 --e-a-color-warning: #F59E0B;
334 --e-a-color-accent: #93003f;
335 --e-a-color-global: #1DDDBF;
336 --e-a-color-accent-promotion: #93003f;
337 --e-a-bg-default: #ffffff;
338 --e-a-bg-invert: #0C0D0E;
339 --e-a-bg-hover: #F1F2F3;
340 --e-a-bg-active: #E6E8EA;
341 --e-a-bg-active-bold: #D5D8DC;
342 --e-a-bg-loading: #F9FAFA;
343 --e-a-bg-logo: #000000;
344 --e-a-bg-primary: #FAE8FF;
345 --e-a-bg-secondary: #515962;
346 --e-a-bg-success: #F2FDF5;
347 --e-a-bg-info: #F0F7FF;
348 --e-a-bg-danger: #FEF1F4;
349 --e-a-bg-warning: #FFFBEB;
350 --e-a-color-txt: #515962;
351 --e-a-color-txt-muted: #818A96;
352 --e-a-color-txt-disabled: #BABFC5;
353 --e-a-color-txt-invert: #ffffff;
354 --e-a-color-txt-accent: #0C0D0E;
355 --e-a-color-txt-hover: #3f444b;
356 --e-a-color-txt-active: #0C0D0E;
357 --e-a-border-color: #E6E8EA;
358 --e-a-border-color-bold: #D5D8DC;
359 --e-a-border-color-focus: #BABFC5;
360 --e-a-border-color-accent: #0C0D0E;
361 --e-a-border: 1px solid var(--e-a-border-color);
362 --e-a-border-bold: 1px solid var(--e-a-border-color-bold);
363 --e-a-border-radius: 3px;
364 --e-a-btn-color: #0C0D0E;
365 --e-a-btn-color-invert: var(--e-a-color-txt-invert);
366 --e-a-btn-color-disabled: var(--e-a-color-txt-disabled);
367 --e-a-btn-bg: #515962;
368 --e-a-btn-bg-hover: #3a4046;
369 --e-a-btn-bg-active: #23262a;
370 --e-a-btn-bg-disabled: #D5D8DC;
371 --e-a-btn-bg-primary: #F3BAFD;
372 --e-a-btn-bg-primary-hover: #F5D0FE;
373 --e-a-btn-bg-primary-active:#F0ABFC;
374 --e-a-btn-bg-accent: #93003f;
375 --e-a-btn-bg-accent-hover: #8F1A4C;
376 --e-a-btn-bg-accent-active: #A93365;
377 --e-a-btn-bg-info: #2563EB;
378 --e-a-btn-bg-info-hover: #134cca;
379 --e-a-btn-bg-info-active: #0e3b9c;
380 --e-a-btn-bg-success: #0A875A;
381 --e-a-btn-bg-success-hover: #06583a;
382 --e-a-btn-bg-success-active:#03281b;
383 --e-a-btn-bg-warning: #F59E0B;
384 --e-a-btn-bg-warning-hover: #c57f08;
385 --e-a-btn-bg-warning-active:#945f06;
386 --e-a-btn-bg-danger: #DC2626;
387 --e-a-btn-bg-danger-hover: #b21d1d;
388 --e-a-btn-bg-danger-active: #861616;
389 --e-a-dark-bg: #0C0D0E;
390 --e-a-dark-color-txt: #9DA5AE;
391 --e-a-dark-color-txt-hover: #D5D8DC;
392 --e-a-font-family: Roboto, Arial, Helvetica, sans-serif;
393 --e-a-transition-hover: all .3s;
394 --e-a-popover-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
395 --e-a-dropdown-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
396 }
397
398 .elementor-control-unit-1 {
399 width: 27px;
400 }
401
402 .elementor-control-unit-2 {
403 width: 54px;
404 }
405
406 .elementor-control-unit-3 {
407 width: 81px;
408 }
409
410 .elementor-control-unit-4 {
411 width: 108px;
412 }
413
414 .elementor-control-unit-5 {
415 max-width: 400px;
416 width: 52%;
417 }
418
419 .elementor-tags-list {
420 display: none;
421 position: absolute;
422 width: 260px;
423 max-height: 300px;
424 overflow: auto;
425 padding-block-end: 5px;
426 background-color: var(--e-a-bg-default);
427 box-shadow: var(--e-a-popover-shadow);
428 border: var(--e-a-border);
429 border-radius: 3px;
430 z-index: 10000;
431 }
432 .elementor-tags-list__group-title {
433 font-weight: bold;
434 font-size: 12px;
435 padding: 10px 15px;
436 display: flex;
437 align-items: center;
438 }
439 .elementor-tags-list__group-title .eicon-info-circle {
440 padding-inline-end: 5px;
441 color: var(--e-a-color-primary-bold);
442 font-size: 14px;
443 }
444 .elementor-tags-list__item {
445 font-size: 10px;
446 padding: 6px 15px;
447 cursor: pointer;
448 }
449 .elementor-tags-list__item:before {
450 content: ">";
451 font-size: 8px;
452 padding-inline-end: 5px;
453 }
454 .elementor-tags-list__item:hover {
455 background-color: var(--e-a-bg-hover);
456 }
457 .elementor-tags-list__teaser {
458 border-block-start: 2px solid var(--e-a-border-color);
459 padding-block-start: 4px;
460 margin-block-start: 4px;
461 }
462 .elementor-tags-list__teaser-text {
463 padding: 2px 15px 8px;
464 line-height: 1.5;
465 font-size: 12px;
466 }
467 .elementor-tags-list__teaser-link {
468 color: var(--e-a-color-primary-bold);
469 text-decoration: underline;
470 font-style: italic;
471 font-weight: bold;
472 }
473
474 .elementor-dynamic-cover {
475 display: flex;
476 align-items: center;
477 width: 100%;
478 height: 27px;
479 box-sizing: border-box;
480 }
481 .elementor-dynamic-cover__title {
482 padding: 0 8px;
483 flex-grow: 1;
484 white-space: nowrap;
485 text-overflow: ellipsis;
486 overflow: hidden;
487 }
488 .elementor-dynamic-cover__settings, .elementor-dynamic-cover__remove {
489 cursor: pointer;
490 transition: var(--e-a-transition-hover);
491 }
492 .elementor-dynamic-cover__settings:hover, .elementor-dynamic-cover__remove:hover {
493 color: var(--e-a-color-txt-hover);
494 }
495 .elementor-control-type-wysiwyg .elementor-dynamic-cover {
496 margin-block-start: 10px;
497 }
498
499 .elementor-tag-settings-popup {
500 position: absolute;
501 width: 260px;
502 background-color: var(--e-a-bg-default);
503 border: var(--e-a-border);
504 box-shadow: var(--e-a-popover-shadow);
505 z-index: 1;
506 }
507 .elementor-tag-settings-popup:before {
508 content: "";
509 position: absolute;
510 top: -20px;
511 right: 5px;
512 border: 10px solid transparent;
513 border-block-end-color: var(--e-a-border-color);
514 }
515 .elementor-tag-settings-popup .elementor-control-type-section:first-child {
516 margin: 0;
517 }
518
519 .elementor-tag-controls-stack-empty {
520 background-color: var(--e-a-bg-default);
521 padding: 10px;
522 font-size: 13px;
523 text-align: center;
524 }
525
526 .elementor-control-dynamic input {
527 border-start-start-radius: var(--e-a-border-radius);
528 border-start-end-radius: 0;
529 border-end-end-radius: 0;
530 border-end-start-radius: var(--e-a-border-radius);
531 }
532 .elementor-control-dynamic-switcher {
533 display: inline-flex;
534 align-items: center;
535 justify-content: center;
536 flex-shrink: 0;
537 height: 27px;
538 cursor: pointer;
539 border: var(--e-a-border-bold);
540 background: var(--e-a-bg-default);
541 border-inline-start-width: 0;
542 border-start-start-radius: 0;
543 border-start-end-radius: var(--e-a-border-radius);
544 border-end-end-radius: var(--e-a-border-radius);
545 border-end-start-radius: 0;
546 transition: var(--e-a-transition-hover);
547 }
548 .elementor-control-dynamic-switcher:hover {
549 background-color: var(--e-a-bg-hover);
550 color: var(--e-a-color-txt-hover);
551 }
552 .elementor-control-dynamic-switcher.e-control-tool {
553 height: 20px;
554 border: 0;
555 }
556 .elementor-control-dynamic-switcher-wrapper {
557 display: flex;
558 }
559 .elementor-control-dynamic-switcher .eicon-database {
560 font-size: 12px;
561 }
562 .elementor-control-dynamic-value .elementor-control-tag-area,
563 .elementor-control-dynamic-value .elementor-control-dynamic-switcher,
564 .elementor-control-dynamic-value .e-global__popover-toggle {
565 display: none;
566 }
567
568 .elementor-panel-box-content {
569 padding: 20px 20px 10px;
570 }
571
572 .elementor-button {
573 display: inline-block;
574 }
575
576 .elementor-panel-alert {
577 background-color: var(--e-a-bg-primary);
578 padding: 15px;
579 border-inline-start: 3px solid var(--e-a-color-primary);
580 position: relative;
581 font-size: 12px;
582 font-weight: 300;
583 font-style: italic;
584 line-height: 1.5;
585 text-align: start;
586 border-start-start-radius: 0;
587 border-start-end-radius: 3px;
588 border-end-start-radius: 0;
589 border-end-end-radius: 3px;
590 }
591 .elementor-panel-alert a {
592 color: inherit;
593 }
594 .elementor-panel-alert.elementor-panel-alert-info {
595 border-color: var(--e-a-color-info);
596 background: var(--e-a-bg-info);
597 }
598 .elementor-panel-alert.elementor-panel-alert-success {
599 border-color: var(--e-a-color-success);
600 background: var(--e-a-bg-success);
601 }
602 .elementor-panel-alert.elementor-panel-alert-warning {
603 border-inline-start: 3px solid var(--e-a-color-warning);
604 background: var(--e-a-bg-warning);
605 }
606 .elementor-panel-alert.elementor-panel-alert-danger {
607 border-color: var(--e-a-color-danger);
608 background: var(--e-a-bg-danger);
609 }
610
611 .elementor-descriptor, .elementor-control-field-description {
612 font-size: 11px;
613 font-style: italic;
614 line-height: 1.4;
615 color: var(--e-a-color-txt-muted);
616 }
617
618 .elementor-controls-popover {
619 display: none;
620 position: absolute;
621 box-shadow: var(--e-a-popover-shadow);
622 border-radius: var(--e-a-border-radius);
623 left: 0;
624 right: 0;
625 margin: -4px auto 5px;
626 padding-block-start: 15px;
627 width: 90%;
628 z-index: 10000;
629 background-color: var(--e-a-bg-default);
630 }
631 .elementor-controls-popover:before {
632 content: "";
633 position: absolute;
634 top: -16px;
635 left: 22px;
636 border: 8px solid transparent;
637 border-block-end-color: var(--e-a-bg-default);
638 }
639 .elementor-controls-popover div.elementor-control {
640 background-color: transparent;
641 }
642 .elementor-controls-popover div.elementor-control:before {
643 content: none;
644 }
645
646 #elementor-panel-global .elementor-nerd-box .elementor-nerd-box-icon {
647 margin-block-start: 20px;
648 }
649
650 .elementor-control {
651 --control-title-size: 12px;
652 position: relative;
653 padding: 0 20px 15px;
654 }
655 .elementor-control a {
656 font-weight: 500;
657 text-decoration: none;
658 border-block-end: 1px dotted transparent;
659 transition: all ease-in-out 0.3s;
660 }
661 .elementor-control a:hover {
662 border-block-end-color: inherit;
663 }
664 .elementor-control .elementor-control-content {
665 display: flex;
666 flex-direction: column;
667 }
668 .elementor-control .elementor-control-title {
669 font-size: var(--control-title-size);
670 line-height: 1;
671 margin-inline-end: 5px;
672 }
673 .elementor-control .elementor-control-title:empty {
674 display: none;
675 }
676 .elementor-control .elementor-control-spinner {
677 display: flex;
678 align-items: center;
679 }
680 .elementor-control.elementor-control-type-divider {
681 padding: 0;
682 }
683 .elementor-control.elementor-control-type-divider .elementor-control-content {
684 border-width: 0;
685 border-block-start: var(--e-a-border);
686 background-color: var(--e-a-bg-default);
687 height: 15px;
688 }
689 .elementor-control.elementor-control-separator-before {
690 padding-block-start: 15px;
691 }
692 .elementor-control.elementor-control-separator-before:before {
693 content: "";
694 position: absolute;
695 height: 1px;
696 width: calc(100% - 40px);
697 top: 0;
698 right: 20px;
699 background-color: var(--e-a-border-color);
700 }
701 .elementor-control.elementor-control-separator-after:after {
702 content: "";
703 position: absolute;
704 height: 1px;
705 width: calc(100% - 40px);
706 bottom: 0;
707 right: 20px;
708 background-color: var(--e-a-border-color);
709 }
710 .elementor-control.elementor-control-separator-after + .elementor-control-type-tabs + .elementor-control-separator-default, .elementor-control.elementor-control-separator-after:not(.elementor-hidden-control) + .elementor-control-separator-default {
711 padding-block-start: 15px;
712 }
713 .elementor-control.elementor-control-deprecated {
714 color: var(--e-a-color-warning);
715 }
716 .elementor-control.elementor-control-deprecated .elementor-control-field-description {
717 color: var(--e-a-color-warning);
718 }
719 .elementor-control.elementor-control-hidden-label > * > .elementor-control-title, .elementor-control.elementor-control-hidden-label > * > * > .elementor-control-title {
720 display: none;
721 }
722 .elementor-control.elementor-hidden-control {
723 display: none;
724 }
725 .elementor-control.elementor-control-type-heading .elementor-control-title {
726 font-weight: bold;
727 margin: 0;
728 }
729 body:not(.elementor-device-widescreen) .elementor-control.elementor-control-responsive-widescreen {
730 display: none;
731 }
732 body:not(.elementor-device-desktop) .elementor-control.elementor-control-responsive-desktop {
733 display: none;
734 }
735 body:not(.elementor-device-laptop) .elementor-control.elementor-control-responsive-laptop {
736 display: none;
737 }
738 body:not(.elementor-device-tablet_extra) .elementor-control.elementor-control-responsive-tablet_extra {
739 display: none;
740 }
741 body:not(.elementor-device-tablet) .elementor-control.elementor-control-responsive-tablet {
742 display: none;
743 }
744 body:not(.elementor-device-mobile_extra) .elementor-control.elementor-control-responsive-mobile_extra {
745 display: none;
746 }
747 body:not(.elementor-device-mobile) .elementor-control.elementor-control-responsive-mobile {
748 display: none;
749 }
750 .elementor-control-custom_css_pro .elementor-nerd-box-message, .elementor-control-custom_attributes_pro .elementor-nerd-box-message {
751 margin-block-start: 5px;
752 }
753
754 .elementor-control.e-open .elementor-panel-heading-toggle .eicon:before, .elementor-control.elementor-active .elementor-panel-heading-toggle .eicon:before,
755 .elementor-panel-category.e-open .elementor-panel-heading-toggle .eicon:before,
756 .elementor-panel-category.elementor-active .elementor-panel-heading-toggle .eicon:before,
757 .elementor-panel-scheme-item.e-open .elementor-panel-heading-toggle .eicon:before,
758 .elementor-panel-scheme-item.elementor-active .elementor-panel-heading-toggle .eicon:before {
759 content: "\e92a";
760 }
761 .elementor-control:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle .eicon:before,
762 .elementor-panel-category:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle .eicon:before,
763 .elementor-panel-scheme-item:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle .eicon:before {
764 content: "\e909";
765 }
766
767 .elementor-panel-heading {
768 display: flex;
769 align-items: center;
770 gap: 5px;
771 height: 48px;
772 padding-inline: 20px;
773 width: 100%;
774 border: 0;
775 border-block-start: var(--e-a-border);
776 border-block-start-width: 2px;
777 background-color: transparent;
778 color: var(--e-a-color-txt-accent);
779 cursor: pointer;
780 }
781 .elementor-panel-heading-toggle {
782 width: 10px;
783 display: flex;
784 flex-direction: column;
785 align-items: center;
786 }
787 .elementor-panel-heading-title {
788 font-weight: bold;
789 }
790 .elementor-panel-heading-promotion {
791 margin-inline-start: auto;
792 }
793 .elementor-panel-heading-promotion a {
794 color: var(--e-a-color-accent-promotion);
795 font-family: "Roboto", sans-serif;
796 font-weight: 500;
797 font-size: 13px;
798 }
799 .elementor-panel-heading-promotion a i {
800 margin-inline-end: 4px;
801 font-size: 14px;
802 }
803 .elementor-panel-heading-promotion a:hover {
804 color: var(--e-a-color-accent-promotion);
805 }
806 .elementor-panel-heading:focus-visible {
807 color: var(--e-a-color-txt-hover);
808 }
809
810 #elementor-controls .elementor-control-type-section:first-child .elementor-panel-heading {
811 border-block-start: none;
812 }
813
814 .elementor-control-field {
815 display: flex;
816 align-items: center;
817 }
818
819 .elementor-label-block > .elementor-control-content > .elementor-control-field {
820 flex-wrap: wrap;
821 }
822 .elementor-label-block > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
823 width: 100%;
824 max-width: 100%;
825 margin-block-start: 10px;
826 }
827 .elementor-label-block > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper > .elementor-choices label {
828 width: auto;
829 flex: 1 1 27px;
830 display: flex;
831 align-items: center;
832 justify-content: center;
833 }
834 .elementor-label-block.elementor-control-hidden-label:not(.elementor-control-dynamic) > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
835 margin-block-start: 0;
836 }
837 .elementor-label-block.elementor-control-hidden-label.elementor-label-block > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
838 margin-block-start: 0;
839 }
840
841 .elementor-label-inline > .elementor-control-content > .elementor-control-field > .elementor-control-title {
842 flex-shrink: 0;
843 max-width: 60%;
844 }
845 .elementor-label-inline > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
846 margin-inline-start: auto;
847 }
848
849 .elementor-control-field-description {
850 margin-block-start: 10px;
851 }
852
853 .elementor-group-control-attachment_alert .elementor-control-field-description {
854 margin-block-start: 0;
855 }
856
857 .elementor-control-start-end .eicon-h-align-left,
858 .elementor-control-start-end .eicon-h-align-right {
859 transform: rotate(180deg);
860 }
861
862 .elementor-update-preview {
863 margin: 15px 15px 0;
864 display: flex;
865 align-items: center;
866 }
867
868 .elementor-update-preview-button-wrapper {
869 flex-grow: 1;
870 text-align: end;
871 }
872
873 .elementor-update-preview-button {
874 padding: 8px 15px;
875 }
876
877 .elementor-control-direction-ltr input,
878 .elementor-control-direction-ltr textarea {
879 direction: ltr;
880 }
881 .elementor-control-direction-rtl input,
882 .elementor-control-direction-rtl textarea {
883 direction: rtl;
884 }
885
886 .elementor-control-responsive-switchers {
887 --selected-option: 0;
888 --pointer-position: var(--selected-option);
889 position: relative;
890 width: 2.5em;
891 height: 2.5em;
892 margin: calc(-2.5em + 12px) 0;
893 margin-inline-end: 5px;
894 }
895 .elementor-control-responsive-switchers__holder {
896 position: absolute;
897 width: 100%;
898 top: 0;
899 background-color: var(--e-a-bg-default);
900 border-radius: var(--e-a-border-radius);
901 transition: 0.15s;
902 border: 1px solid transparent;
903 }
904 .elementor-control-responsive-switchers.elementor-responsive-switchers-open {
905 z-index: 11000;
906 }
907 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher {
908 height: 2.5em;
909 transform: scale(1);
910 opacity: 1;
911 }
912 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher:hover {
913 color: var(--e-a-color-primary-bold);
914 }
915 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-control-responsive-switchers__holder {
916 box-shadow: var(--e-a-dropdown-shadow);
917 }
918
919 .elementor-responsive-switcher {
920 all: unset;
921 display: flex;
922 align-items: center;
923 justify-content: center;
924 position: relative;
925 z-index: 2;
926 cursor: pointer;
927 height: 0;
928 width: 100%;
929 transform: scale(0);
930 opacity: 0;
931 transition: 0.15s;
932 font-size: 12px;
933 color: inherit;
934 }
935 .elementor-responsive-switcher:hover {
936 color: var(--e-a-color-primary-bold);
937 }
938
939 .elementor-device-widescreen .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
940 height: 2.5em;
941 transform: scale(1);
942 opacity: 1;
943 }
944 .elementor-device-widescreen .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
945 color: var(--e-a-color-primary-bold);
946 }
947
948 .elementor-device-desktop .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
949 height: 2.5em;
950 transform: scale(1);
951 opacity: 1;
952 }
953 .elementor-device-desktop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
954 color: var(--e-a-color-primary-bold);
955 }
956
957 .elementor-device-laptop .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
958 height: 2.5em;
959 transform: scale(1);
960 opacity: 1;
961 }
962 .elementor-device-laptop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
963 color: var(--e-a-color-primary-bold);
964 }
965
966 .elementor-device-tablet_extra .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
967 height: 2.5em;
968 transform: scale(1);
969 opacity: 1;
970 }
971 .elementor-device-tablet_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
972 color: var(--e-a-color-primary-bold);
973 }
974
975 .elementor-device-tablet .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
976 height: 2.5em;
977 transform: scale(1);
978 opacity: 1;
979 }
980 .elementor-device-tablet .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
981 color: var(--e-a-color-primary-bold);
982 }
983
984 .elementor-device-mobile_extra .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
985 height: 2.5em;
986 transform: scale(1);
987 opacity: 1;
988 }
989 .elementor-device-mobile_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
990 color: var(--e-a-color-primary-bold);
991 }
992
993 .elementor-device-mobile .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
994 height: 2.5em;
995 transform: scale(1);
996 opacity: 1;
997 }
998 .elementor-device-mobile .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
999 color: var(--e-a-color-primary-bold);
1000 }
1001
1002 .e-units-wrapper {
1003 position: relative;
1004 margin-inline-start: auto;
1005 }
1006 .e-units-wrapper .e-units-switcher {
1007 cursor: pointer;
1008 font-size: 10px;
1009 padding: 0.5em;
1010 margin: -0.5em 0;
1011 transition: all ease-in-out 0.15s;
1012 }
1013 .e-units-wrapper .e-units-switcher:hover {
1014 color: var(--e-a-color-primary-bold);
1015 background-color: var(--e-a-bg-hover);
1016 border-radius: var(--e-a-border-radius);
1017 }
1018 .e-units-wrapper .e-units-switcher:not([data-selected=custom]) i.eicon-edit {
1019 display: none;
1020 }
1021 .e-units-wrapper .e-units-switcher[data-selected=custom] span {
1022 display: none;
1023 }
1024 .e-units-wrapper .e-units-switcher i.eicon-angle-right {
1025 transform: rotate(90deg);
1026 }
1027
1028 .e-units-choices input {
1029 display: none;
1030 }
1031 .e-units-choices input:checked + label {
1032 color: var(--e-a-color-primary-bold);
1033 }
1034 .e-units-choices label {
1035 cursor: pointer;
1036 display: block;
1037 }
1038 .e-units-choices {
1039 display: none;
1040 overflow: hidden;
1041 max-height: 0;
1042 position: absolute;
1043 top: -0.8em;
1044 right: -0.5em;
1045 width: 2.5em;
1046 text-align: center;
1047 background-color: var(--e-a-bg-default);
1048 border-radius: var(--e-a-border-radius);
1049 box-shadow: var(--e-a-dropdown-shadow);
1050 animation-timing-function: linear;
1051 animation-delay: 0s;
1052 animation-fill-mode: forwards;
1053 z-index: 11000;
1054 }
1055 .e-units-choices .elementor-units-choices-label {
1056 display: flex;
1057 align-items: center;
1058 height: 3em;
1059 justify-content: center;
1060 font-size: 10px;
1061 transition: 0.15s;
1062 }
1063 .e-units-choices .elementor-units-choices-label:hover {
1064 color: var(--e-a-color-primary-bold);
1065 }
1066 .e-units-choices.e-units-choices-open {
1067 display: block;
1068 animation-duration: 1s;
1069 animation-name: e-units-choices-open;
1070 }
1071
1072 .e-units-custom input {
1073 font-family: monospace;
1074 font-size: 0.85em;
1075 }
1076
1077 @keyframes e-units-choices-open {
1078 from {
1079 max-height: 0;
1080 }
1081 to {
1082 max-height: 100vh;
1083 }
1084 }
1085 .elementor-control-alert {
1086 display: flex;
1087 flex-direction: column;
1088 justify-content: flex-start;
1089 align-items: flex-start;
1090 gap: 8px;
1091 }
1092 .elementor-control-alert-heading {
1093 font-weight: bold;
1094 }
1095
1096 .elementor-control-type-button .elementor-control-input-wrapper {
1097 text-align: end;
1098 }
1099 .elementor-control-type-button .elementor-button {
1100 width: auto;
1101 }
1102 .elementor-control-type-button .elementor-button.elementor-button-center {
1103 display: block;
1104 margin: 0 auto;
1105 }
1106
1107 .elementor-control-type-choose.elementor-label-block .elementor-choices {
1108 width: 100%;
1109 }
1110
1111 .elementor-choices {
1112 display: flex;
1113 height: 27px;
1114 line-height: 27px;
1115 text-align: center;
1116 border-spacing: 1px;
1117 border-radius: var(--e-a-border-radius);
1118 overflow: hidden;
1119 }
1120 .elementor-choices .elementor-choices-label {
1121 border-block-start: var(--e-a-border-bold);
1122 border-block-end: var(--e-a-border-bold);
1123 border-inline-start: var(--e-a-border-bold);
1124 border-inline-end: none;
1125 font-size: 12px;
1126 transition: var(--e-a-transition-hover);
1127 cursor: pointer;
1128 overflow: hidden;
1129 }
1130 .elementor-choices .elementor-choices-label:nth-child(2) {
1131 border-start-start-radius: var(--e-a-border-radius);
1132 border-end-start-radius: var(--e-a-border-radius);
1133 }
1134 .elementor-choices .elementor-choices-label:last-child {
1135 border-inline-end: var(--e-a-border-bold);
1136 border-start-end-radius: var(--e-a-border-radius);
1137 border-end-end-radius: var(--e-a-border-radius);
1138 }
1139 .elementor-choices input {
1140 display: none;
1141 }
1142 .elementor-choices input:hover + .elementor-choices-label {
1143 background-color: var(--e-a-bg-hover);
1144 }
1145 .elementor-choices input.e-choose-placeholder + .elementor-choices-label, .elementor-choices input:checked + .elementor-choices-label {
1146 background-color: var(--e-a-bg-active-bold);
1147 color: var(--e-a-color-txt-accent);
1148 }
1149
1150 .elementor-label-inline .elementor-choices {
1151 justify-content: flex-end;
1152 }
1153
1154 .elementor-control-type-color.e-control-global .pickr {
1155 border-start-start-radius: 0;
1156 border-start-end-radius: var(--e-a-border-radius);
1157 border-end-start-radius: 0;
1158 border-end-end-radius: var(--e-a-border-radius);
1159 flex-shrink: 0;
1160 border-color: var(--e-a-border-color-bold);
1161 transition: var(--e-a-transition-hover);
1162 }
1163 .elementor-control-type-color.e-control-global .pickr:hover {
1164 background-color: var(--e-a-bg-hover);
1165 }
1166 .elementor-control-type-color.e-control-global .e-global__popover-toggle:not(.e-global__popover-toggle--active) ~ .pickr {
1167 background-color: var(--e-a-bg-active-bold);
1168 }
1169 .elementor-control-type-color .elementor-control-title {
1170 flex-grow: 1;
1171 }
1172 .elementor-control-type-color .elementor-control-input-wrapper {
1173 display: flex;
1174 justify-content: flex-end;
1175 }
1176
1177 .elementor-group-control-css-filter .elementor-slider {
1178 height: 6px;
1179 box-shadow: 0 0 1px 1px inset rgba(0, 0, 0, 0.2);
1180 }
1181 .elementor-group-control-css-filter .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
1182 margin-block-start: 0;
1183 margin-block-end: 5px;
1184 }
1185
1186 .elementor-group-control-blur .elementor-slider {
1187 background: url("../images/blur.png");
1188 background-size: cover;
1189 background-position: center;
1190 }
1191
1192 .elementor-group-control-contrast .elementor-slider {
1193 background: url("../images/contrast.png");
1194 background-size: 100% 100%;
1195 }
1196
1197 .elementor-group-control-hue .elementor-slider {
1198 background-image: linear-gradient(to right, red, orange, yellow, greenyellow, limegreen, deepskyblue, blue, darkviolet 95%);
1199 }
1200
1201 .elementor-group-control-saturate .elementor-slider {
1202 background-image: linear-gradient(to right, gray, red);
1203 }
1204
1205 .elementor-group-control-brightness .elementor-slider {
1206 background-image: linear-gradient(to right, black, white);
1207 }
1208
1209 .elementor-control-responsive-switchers {
1210 --selected-option: 0;
1211 --pointer-position: var(--selected-option);
1212 position: relative;
1213 width: 2.5em;
1214 height: 2.5em;
1215 margin: calc(-2.5em + 12px) 0;
1216 margin-inline-end: 5px;
1217 }
1218 .elementor-control-responsive-switchers__holder {
1219 position: absolute;
1220 width: 100%;
1221 top: 0;
1222 background-color: var(--e-a-bg-default);
1223 border-radius: var(--e-a-border-radius);
1224 transition: 0.15s;
1225 border: 1px solid transparent;
1226 }
1227 .elementor-control-responsive-switchers.elementor-responsive-switchers-open {
1228 z-index: 11000;
1229 }
1230 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher {
1231 height: 2.5em;
1232 transform: scale(1);
1233 opacity: 1;
1234 }
1235 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher:hover {
1236 color: var(--e-a-color-primary-bold);
1237 }
1238 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-control-responsive-switchers__holder {
1239 box-shadow: var(--e-a-dropdown-shadow);
1240 }
1241
1242 .elementor-responsive-switcher {
1243 all: unset;
1244 display: flex;
1245 align-items: center;
1246 justify-content: center;
1247 position: relative;
1248 z-index: 2;
1249 cursor: pointer;
1250 height: 0;
1251 width: 100%;
1252 transform: scale(0);
1253 opacity: 0;
1254 transition: 0.15s;
1255 font-size: 12px;
1256 color: inherit;
1257 }
1258 .elementor-responsive-switcher:hover {
1259 color: var(--e-a-color-primary-bold);
1260 }
1261
1262 .elementor-device-widescreen .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
1263 height: 2.5em;
1264 transform: scale(1);
1265 opacity: 1;
1266 }
1267 .elementor-device-widescreen .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
1268 color: var(--e-a-color-primary-bold);
1269 }
1270
1271 .elementor-device-desktop .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
1272 height: 2.5em;
1273 transform: scale(1);
1274 opacity: 1;
1275 }
1276 .elementor-device-desktop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
1277 color: var(--e-a-color-primary-bold);
1278 }
1279
1280 .elementor-device-laptop .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1281 height: 2.5em;
1282 transform: scale(1);
1283 opacity: 1;
1284 }
1285 .elementor-device-laptop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1286 color: var(--e-a-color-primary-bold);
1287 }
1288
1289 .elementor-device-tablet_extra .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1290 height: 2.5em;
1291 transform: scale(1);
1292 opacity: 1;
1293 }
1294 .elementor-device-tablet_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1295 color: var(--e-a-color-primary-bold);
1296 }
1297
1298 .elementor-device-tablet .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1299 height: 2.5em;
1300 transform: scale(1);
1301 opacity: 1;
1302 }
1303 .elementor-device-tablet .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1304 color: var(--e-a-color-primary-bold);
1305 }
1306
1307 .elementor-device-mobile_extra .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1308 height: 2.5em;
1309 transform: scale(1);
1310 opacity: 1;
1311 }
1312 .elementor-device-mobile_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1313 color: var(--e-a-color-primary-bold);
1314 }
1315
1316 .elementor-device-mobile .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1317 height: 2.5em;
1318 transform: scale(1);
1319 opacity: 1;
1320 }
1321 .elementor-device-mobile .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1322 color: var(--e-a-color-primary-bold);
1323 }
1324
1325 .e-units-wrapper {
1326 position: relative;
1327 margin-inline-start: auto;
1328 }
1329 .e-units-wrapper .e-units-switcher {
1330 cursor: pointer;
1331 font-size: 10px;
1332 padding: 0.5em;
1333 margin: -0.5em 0;
1334 transition: all ease-in-out 0.15s;
1335 }
1336 .e-units-wrapper .e-units-switcher:hover {
1337 color: var(--e-a-color-primary-bold);
1338 background-color: var(--e-a-bg-hover);
1339 border-radius: var(--e-a-border-radius);
1340 }
1341 .e-units-wrapper .e-units-switcher:not([data-selected=custom]) i.eicon-edit {
1342 display: none;
1343 }
1344 .e-units-wrapper .e-units-switcher[data-selected=custom] span {
1345 display: none;
1346 }
1347 .e-units-wrapper .e-units-switcher i.eicon-angle-right {
1348 transform: rotate(90deg);
1349 }
1350
1351 .e-units-choices input {
1352 display: none;
1353 }
1354 .e-units-choices input:checked + label {
1355 color: var(--e-a-color-primary-bold);
1356 }
1357 .e-units-choices label {
1358 cursor: pointer;
1359 display: block;
1360 }
1361 .e-units-choices {
1362 display: none;
1363 overflow: hidden;
1364 max-height: 0;
1365 position: absolute;
1366 top: -0.8em;
1367 right: -0.5em;
1368 width: 2.5em;
1369 text-align: center;
1370 background-color: var(--e-a-bg-default);
1371 border-radius: var(--e-a-border-radius);
1372 box-shadow: var(--e-a-dropdown-shadow);
1373 animation-timing-function: linear;
1374 animation-delay: 0s;
1375 animation-fill-mode: forwards;
1376 z-index: 11000;
1377 }
1378 .e-units-choices .elementor-units-choices-label {
1379 display: flex;
1380 align-items: center;
1381 height: 3em;
1382 justify-content: center;
1383 font-size: 10px;
1384 transition: 0.15s;
1385 }
1386 .e-units-choices .elementor-units-choices-label:hover {
1387 color: var(--e-a-color-primary-bold);
1388 }
1389 .e-units-choices.e-units-choices-open {
1390 display: block;
1391 animation-duration: 1s;
1392 animation-name: e-units-choices-open;
1393 }
1394
1395 .e-units-custom input {
1396 font-family: monospace;
1397 font-size: 0.85em;
1398 }
1399
1400 @keyframes e-units-choices-open {
1401 from {
1402 max-height: 0;
1403 }
1404 to {
1405 max-height: 100vh;
1406 }
1407 }
1408 .elementor-control-type-dimensions .elementor-control-dimensions {
1409 display: flex;
1410 }
1411 .elementor-control-type-dimensions li {
1412 flex: 1;
1413 transition: flex-grow 0.3s ease-in-out;
1414 }
1415 .elementor-control-type-dimensions li input,
1416 .elementor-control-type-dimensions li .elementor-link-dimensions {
1417 display: block;
1418 text-align: center;
1419 width: 100%;
1420 height: 27px;
1421 }
1422 .elementor-control-type-dimensions li input {
1423 border-inline-start: none;
1424 border-radius: 0;
1425 padding: var(--e-a-border-radius);
1426 }
1427 .elementor-control-type-dimensions li input:focus {
1428 border-inline-start: var(--e-a-border-bold);
1429 margin-inline-start: -1px;
1430 width: calc(100% + 1px);
1431 }
1432 .elementor-control-type-dimensions li input:focus + .elementor-control-dimension-label {
1433 color: var(--e-a-color-txt);
1434 }
1435 .elementor-control-type-dimensions li .elementor-link-dimensions {
1436 border: var(--e-a-border-bold);
1437 border-inline-start: none;
1438 background-color: var(--e-a-bg-default);
1439 padding: 0;
1440 outline: none;
1441 border-start-start-radius: 0;
1442 border-start-end-radius: var(--e-a-border-radius);
1443 border-end-start-radius: 0;
1444 border-end-end-radius: var(--e-a-border-radius);
1445 cursor: pointer;
1446 }
1447 .elementor-control-type-dimensions li:first-child input {
1448 border-inline-start: 1px solid var(--e-a-border-color-bold);
1449 border-start-start-radius: var(--e-a-border-radius);
1450 border-start-end-radius: 0;
1451 border-end-start-radius: var(--e-a-border-radius);
1452 border-end-end-radius: 0;
1453 }
1454 .elementor-control-type-dimensions li:first-child input:focus {
1455 border-color: var(--e-a-border-color-focus);
1456 margin-inline-start: 0;
1457 width: 100%;
1458 }
1459 .elementor-control-type-dimensions li:last-child {
1460 max-width: 27px;
1461 }
1462 .elementor-control-type-dimensions.e-units-custom li.elementor-control-dimension:focus-within {
1463 flex: 2.5;
1464 }
1465 .elementor-control-type-dimensions .elementor-control-dimension-label {
1466 color: var(--e-a-color-txt-muted);
1467 display: block;
1468 text-align: center;
1469 font-size: 9px;
1470 padding-block-start: 5px;
1471 }
1472 .elementor-control-type-dimensions .elementor-link-dimensions.unlinked {
1473 background-color: var(--e-a-bg-default);
1474 }
1475 .elementor-control-type-dimensions .elementor-link-dimensions.unlinked .elementor-linked {
1476 display: none;
1477 }
1478 .elementor-control-type-dimensions .elementor-link-dimensions:not(.unlinked) {
1479 background-color: var(--e-a-bg-active-bold);
1480 color: var(--e-a-color-txt-accent);
1481 border-color: var(--e-a-border-color-bold);
1482 }
1483 .elementor-control-type-dimensions .elementor-link-dimensions:not(.unlinked) .elementor-unlinked {
1484 display: none;
1485 }
1486
1487 .elementor-control-responsive-switchers {
1488 --selected-option: 0;
1489 --pointer-position: var(--selected-option);
1490 position: relative;
1491 width: 2.5em;
1492 height: 2.5em;
1493 margin: calc(-2.5em + 12px) 0;
1494 margin-inline-end: 5px;
1495 }
1496 .elementor-control-responsive-switchers__holder {
1497 position: absolute;
1498 width: 100%;
1499 top: 0;
1500 background-color: var(--e-a-bg-default);
1501 border-radius: var(--e-a-border-radius);
1502 transition: 0.15s;
1503 border: 1px solid transparent;
1504 }
1505 .elementor-control-responsive-switchers.elementor-responsive-switchers-open {
1506 z-index: 11000;
1507 }
1508 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher {
1509 height: 2.5em;
1510 transform: scale(1);
1511 opacity: 1;
1512 }
1513 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-responsive-switcher:hover {
1514 color: var(--e-a-color-primary-bold);
1515 }
1516 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-control-responsive-switchers__holder {
1517 box-shadow: var(--e-a-dropdown-shadow);
1518 }
1519
1520 .elementor-responsive-switcher {
1521 all: unset;
1522 display: flex;
1523 align-items: center;
1524 justify-content: center;
1525 position: relative;
1526 z-index: 2;
1527 cursor: pointer;
1528 height: 0;
1529 width: 100%;
1530 transform: scale(0);
1531 opacity: 0;
1532 transition: 0.15s;
1533 font-size: 12px;
1534 color: inherit;
1535 }
1536 .elementor-responsive-switcher:hover {
1537 color: var(--e-a-color-primary-bold);
1538 }
1539
1540 .elementor-device-widescreen .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
1541 height: 2.5em;
1542 transform: scale(1);
1543 opacity: 1;
1544 }
1545 .elementor-device-widescreen .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
1546 color: var(--e-a-color-primary-bold);
1547 }
1548
1549 .elementor-device-desktop .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
1550 height: 2.5em;
1551 transform: scale(1);
1552 opacity: 1;
1553 }
1554 .elementor-device-desktop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
1555 color: var(--e-a-color-primary-bold);
1556 }
1557
1558 .elementor-device-laptop .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1559 height: 2.5em;
1560 transform: scale(1);
1561 opacity: 1;
1562 }
1563 .elementor-device-laptop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
1564 color: var(--e-a-color-primary-bold);
1565 }
1566
1567 .elementor-device-tablet_extra .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1568 height: 2.5em;
1569 transform: scale(1);
1570 opacity: 1;
1571 }
1572 .elementor-device-tablet_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
1573 color: var(--e-a-color-primary-bold);
1574 }
1575
1576 .elementor-device-tablet .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1577 height: 2.5em;
1578 transform: scale(1);
1579 opacity: 1;
1580 }
1581 .elementor-device-tablet .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
1582 color: var(--e-a-color-primary-bold);
1583 }
1584
1585 .elementor-device-mobile_extra .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1586 height: 2.5em;
1587 transform: scale(1);
1588 opacity: 1;
1589 }
1590 .elementor-device-mobile_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
1591 color: var(--e-a-color-primary-bold);
1592 }
1593
1594 .elementor-device-mobile .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1595 height: 2.5em;
1596 transform: scale(1);
1597 opacity: 1;
1598 }
1599 .elementor-device-mobile .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
1600 color: var(--e-a-color-primary-bold);
1601 }
1602
1603 .e-units-wrapper {
1604 position: relative;
1605 margin-inline-start: auto;
1606 }
1607 .e-units-wrapper .e-units-switcher {
1608 cursor: pointer;
1609 font-size: 10px;
1610 padding: 0.5em;
1611 margin: -0.5em 0;
1612 transition: all ease-in-out 0.15s;
1613 }
1614 .e-units-wrapper .e-units-switcher:hover {
1615 color: var(--e-a-color-primary-bold);
1616 background-color: var(--e-a-bg-hover);
1617 border-radius: var(--e-a-border-radius);
1618 }
1619 .e-units-wrapper .e-units-switcher:not([data-selected=custom]) i.eicon-edit {
1620 display: none;
1621 }
1622 .e-units-wrapper .e-units-switcher[data-selected=custom] span {
1623 display: none;
1624 }
1625 .e-units-wrapper .e-units-switcher i.eicon-angle-right {
1626 transform: rotate(90deg);
1627 }
1628
1629 .e-units-choices input {
1630 display: none;
1631 }
1632 .e-units-choices input:checked + label {
1633 color: var(--e-a-color-primary-bold);
1634 }
1635 .e-units-choices label {
1636 cursor: pointer;
1637 display: block;
1638 }
1639 .e-units-choices {
1640 display: none;
1641 overflow: hidden;
1642 max-height: 0;
1643 position: absolute;
1644 top: -0.8em;
1645 right: -0.5em;
1646 width: 2.5em;
1647 text-align: center;
1648 background-color: var(--e-a-bg-default);
1649 border-radius: var(--e-a-border-radius);
1650 box-shadow: var(--e-a-dropdown-shadow);
1651 animation-timing-function: linear;
1652 animation-delay: 0s;
1653 animation-fill-mode: forwards;
1654 z-index: 11000;
1655 }
1656 .e-units-choices .elementor-units-choices-label {
1657 display: flex;
1658 align-items: center;
1659 height: 3em;
1660 justify-content: center;
1661 font-size: 10px;
1662 transition: 0.15s;
1663 }
1664 .e-units-choices .elementor-units-choices-label:hover {
1665 color: var(--e-a-color-primary-bold);
1666 }
1667 .e-units-choices.e-units-choices-open {
1668 display: block;
1669 animation-duration: 1s;
1670 animation-name: e-units-choices-open;
1671 }
1672
1673 .e-units-custom input {
1674 font-family: monospace;
1675 font-size: 0.85em;
1676 }
1677
1678 @keyframes e-units-choices-open {
1679 from {
1680 max-height: 0;
1681 }
1682 to {
1683 max-height: 100vh;
1684 }
1685 }
1686 .elementor-control-type-gaps .elementor-control-gaps {
1687 display: flex;
1688 }
1689 .elementor-control-type-gaps li {
1690 flex: 1;
1691 transition: flex-grow 0.3s ease-in-out;
1692 }
1693 .elementor-control-type-gaps li input,
1694 .elementor-control-type-gaps li .elementor-link-gaps {
1695 display: block;
1696 text-align: center;
1697 width: 100%;
1698 height: 27px;
1699 }
1700 .elementor-control-type-gaps li input {
1701 border-inline-start: none;
1702 border-radius: 0;
1703 padding: var(--e-a-border-radius);
1704 }
1705 .elementor-control-type-gaps li input:focus {
1706 border-inline-start: var(--e-a-border-bold);
1707 margin-inline-start: -1px;
1708 width: calc(100% + 1px);
1709 }
1710 .elementor-control-type-gaps li input:focus + .elementor-control-gap-label {
1711 color: var(--e-a-color-txt);
1712 }
1713 .elementor-control-type-gaps li .elementor-link-gaps {
1714 border: var(--e-a-border-bold);
1715 border-inline-start: none;
1716 background-color: var(--e-a-bg-default);
1717 padding: 0;
1718 outline: none;
1719 border-start-start-radius: 0;
1720 border-start-end-radius: var(--e-a-border-radius);
1721 border-end-start-radius: 0;
1722 border-end-end-radius: var(--e-a-border-radius);
1723 cursor: pointer;
1724 }
1725 .elementor-control-type-gaps li:first-child input {
1726 border-inline-start: 1px solid var(--e-a-border-color-bold);
1727 border-start-start-radius: var(--e-a-border-radius);
1728 border-start-end-radius: 0;
1729 border-end-start-radius: var(--e-a-border-radius);
1730 border-end-end-radius: 0;
1731 }
1732 .elementor-control-type-gaps li:first-child input:focus {
1733 border-color: var(--e-a-border-color-focus);
1734 margin-inline-start: 0;
1735 width: 100%;
1736 }
1737 .elementor-control-type-gaps li:last-child {
1738 max-width: 27px;
1739 }
1740 .elementor-control-type-gaps.e-units-custom li.elementor-control-gap:focus-within {
1741 flex: 2.5;
1742 }
1743 .elementor-control-type-gaps .elementor-control-gap-label {
1744 color: var(--e-a-color-txt-muted);
1745 display: block;
1746 text-align: center;
1747 font-size: 9px;
1748 padding-block-start: 5px;
1749 }
1750 .elementor-control-type-gaps .elementor-link-gaps.unlinked {
1751 background-color: var(--e-a-bg-default);
1752 }
1753 .elementor-control-type-gaps .elementor-link-gaps.unlinked .elementor-linked {
1754 display: none;
1755 }
1756 .elementor-control-type-gaps .elementor-link-gaps:not(.unlinked) {
1757 background-color: var(--e-a-bg-active-bold);
1758 color: var(--e-a-color-txt-accent);
1759 border-color: var(--e-a-border-color-bold);
1760 }
1761 .elementor-control-type-gaps .elementor-link-gaps:not(.unlinked) .elementor-unlinked {
1762 display: none;
1763 }
1764
1765 .elementor-control-type-icons .elementor-control-media__preview > * {
1766 position: absolute;
1767 top: 50%;
1768 left: 50%;
1769 transform: translate(-50%, -50%);
1770 }
1771 .elementor-control-type-icons .elementor-control-media__preview i {
1772 font-size: 70px;
1773 }
1774 .elementor-control-type-icons .elementor-control-media__preview svg {
1775 height: 75%;
1776 }
1777 .elementor-control-type-icons .elementor-control-icons--inline__svg i.eicon-upload {
1778 font-size: 15px;
1779 }
1780
1781 .elementor-control-type-gallery .elementor-control-media__content {
1782 border: var(--e-a-border-bold);
1783 border-radius: 3px;
1784 }
1785 .elementor-control-type-gallery .elementor-control-gallery-status {
1786 font-size: 12px;
1787 height: 27px;
1788 padding-inline-start: 10px;
1789 border-block-end: var(--e-a-border-bold);
1790 display: flex;
1791 }
1792 .elementor-control-type-gallery .elementor-control-gallery-status > * {
1793 display: flex;
1794 align-items: center;
1795 }
1796 .elementor-control-type-gallery .elementor-control-gallery-status-title {
1797 flex-grow: 1;
1798 }
1799 .elementor-control-type-gallery .elementor-control-gallery-content {
1800 position: relative;
1801 overflow: hidden;
1802 }
1803 .elementor-control-type-gallery .elementor-control-gallery-thumbnails {
1804 display: grid;
1805 grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
1806 grid-gap: 10px;
1807 cursor: pointer;
1808 padding: 10px;
1809 }
1810 .elementor-control-type-gallery .elementor-control-gallery-thumbnails:hover + .elementor-control-gallery-edit, .elementor-control-type-gallery .elementor-control-gallery-thumbnails:focus + .elementor-control-gallery-edit {
1811 opacity: 1;
1812 }
1813 .elementor-control-type-gallery .elementor-control-gallery-thumbnail {
1814 width: 48px;
1815 height: 48px;
1816 -o-object-fit: cover;
1817 object-fit: cover;
1818 border: var(--e-a-border);
1819 }
1820 .elementor-control-type-gallery .elementor-control-gallery-thumbnail + .unoptimized__image {
1821 outline: 2px solid var(--e-a-btn-bg-danger-active);
1822 opacity: 0.6;
1823 }
1824 .elementor-control-type-gallery .elementor-control-gallery-edit {
1825 position: absolute;
1826 top: 0;
1827 bottom: 0;
1828 left: 0;
1829 right: 0;
1830 background-color: rgba(0, 0, 0, 0.2);
1831 padding: 10px;
1832 font-size: 11px;
1833 transition: all 0.3s ease-in-out;
1834 pointer-events: none;
1835 cursor: pointer;
1836 opacity: 0;
1837 }
1838 .elementor-control-type-gallery .elementor-control-gallery-edit span {
1839 position: absolute;
1840 top: 10px;
1841 left: 10px;
1842 width: 21px;
1843 height: 21px;
1844 color: var(--e-a-color-white);
1845 background-color: rgba(0, 0, 0, 0.5);
1846 box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
1847 transition: var(--e-a-transition-hover);
1848 }
1849 .elementor-control-type-gallery .elementor-control-gallery-edit span i {
1850 font-size: 11px;
1851 padding: 5px;
1852 }
1853 .elementor-control-type-gallery .elementor-control-gallery-edit span:hover {
1854 background-color: rgba(0, 0, 0, 0.6);
1855 }
1856 .elementor-control-type-gallery .elementor-control-gallery-add {
1857 width: 48px;
1858 height: 48px;
1859 font-size: 14px;
1860 }
1861 .elementor-control-type-gallery .elementor-control-gallery-add i {
1862 margin: 0;
1863 }
1864 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-clear,
1865 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-thumbnails,
1866 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-edit {
1867 display: none;
1868 }
1869 .elementor-control-type-gallery.elementor-gallery-empty .elementor-control-gallery-content {
1870 padding: 10px;
1871 }
1872 .elementor-control-type-gallery.elementor-gallery-has-images .elementor-control-gallery-add {
1873 display: none;
1874 }
1875 .elementor-control-type-gallery.elementor-control-dynamic .elementor-control-gallery-clear {
1876 border-inline-start: var(--e-a-border);
1877 }
1878 .elementor-control-type-gallery .elementor-control-gallery-clear {
1879 color: currentColor;
1880 background-color: transparent;
1881 border: none;
1882 cursor: pointer;
1883 justify-content: center;
1884 }
1885 .elementor-control-type-gallery .elementor-control-gallery-clear:hover, .elementor-control-type-gallery .elementor-control-gallery-clear:focus {
1886 color: var(--e-a-color-danger);
1887 }
1888 .elementor-control-type-gallery .elementor-control-dynamic-switcher {
1889 border-width: 0;
1890 border-inline-start-width: 1px;
1891 border-block-end-width: 1px;
1892 border-radius: 0;
1893 }
1894
1895 .e-global__popover {
1896 width: 288px;
1897 z-index: 1;
1898 font-size: 12px;
1899 padding-inline-start: 10px;
1900 }
1901 .e-global__popover-toggle {
1902 border: var(--e-a-border-bold);
1903 border-inline-end: 0;
1904 border-start-start-radius: 3px;
1905 border-start-end-radius: 0;
1906 border-end-start-radius: 3px;
1907 border-end-end-radius: 0;
1908 display: flex;
1909 align-items: center;
1910 justify-content: center;
1911 cursor: pointer;
1912 transition: var(--e-a-transition-hover);
1913 }
1914 .e-global__popover-toggle:hover {
1915 background-color: var(--e-a-bg-hover);
1916 }
1917 .e-global__popover-toggle--active {
1918 color: var(--e-a-color-primary-bold);
1919 background-color: var(--e-a-bg-active-bold);
1920 }
1921 .e-global__popover-container {
1922 box-shadow: var(--e-a-popover-shadow);
1923 border-radius: var(--e-a-border-radius);
1924 background-color: var(--e-a-bg-default);
1925 }
1926 .e-global__popover-title {
1927 padding: 15px 20px;
1928 font-weight: 500;
1929 border-block-end: var(--e-a-border);
1930 display: flex;
1931 }
1932 .e-global__popover-title > i {
1933 margin-inline-end: 5px;
1934 }
1935 .e-global__popover-title-text {
1936 flex-grow: 1;
1937 }
1938 .e-global__popover-info {
1939 margin-inline-end: 10px;
1940 display: inline-block;
1941 }
1942 .e-global__popover-info-tooltip {
1943 width: 270px;
1944 z-index: 1;
1945 background-color: rgba(0, 0, 0, 0.9);
1946 color: var(--e-a-color-white);
1947 padding: 20px;
1948 border-radius: 3px;
1949 }
1950 .e-global__popover-info-tooltip:after {
1951 content: "";
1952 position: absolute;
1953 bottom: -17px;
1954 right: 16px;
1955 border: 10px solid transparent;
1956 border-block-start-color: rgba(0, 0, 0, 0.9);
1957 }
1958 .e-global__popover-info i {
1959 font-size: 13px;
1960 }
1961 .e-global__preview-items-container {
1962 max-height: 260px;
1963 overflow-y: auto;
1964 padding: 5px 0;
1965 }
1966 .e-global__preview-items-container::-webkit-scrollbar {
1967 width: 7px;
1968 }
1969 .e-global__preview-items-container::-webkit-scrollbar-thumb {
1970 background-color: #BABFC5;
1971 border-radius: 10px;
1972 }
1973 .e-global__manage-button {
1974 font-weight: 500;
1975 cursor: pointer;
1976 }
1977 .e-global__typography {
1978 padding-block: 10px;
1979 padding-inline: 35px 20px;
1980 white-space: nowrap;
1981 text-overflow: ellipsis;
1982 overflow: hidden;
1983 }
1984 .e-global__typography.e-global__preview-item--selected:before {
1985 font-family: "eicons";
1986 font-size: 13px;
1987 content: "\e90e";
1988 position: absolute;
1989 transform: translateY(-50%);
1990 top: 50%;
1991 inset-inline-start: 13px;
1992 }
1993 .e-global__color {
1994 padding: 10px 20px;
1995 display: flex;
1996 align-items: center;
1997 }
1998 .e-global__color-preview-container {
1999 height: 20px;
2000 width: 20px;
2001 border-radius: 3px;
2002 border: 1px solid rgba(0, 0, 0, 0.1);
2003 margin-inline-end: 10px;
2004 flex-shrink: 0;
2005 position: relative;
2006 }
2007 .e-global__color-preview-color, .e-global__color-preview-transparent-bg {
2008 border-radius: 3px;
2009 height: 100%;
2010 width: 100%;
2011 position: absolute;
2012 top: 0;
2013 left: 0;
2014 }
2015 .e-global__color-preview-transparent-bg {
2016 background-image: linear-gradient(45deg, var(--e-a-border-color-bold) 25%, transparent 0, transparent 75%, var(--e-a-border-color-bold) 0, var(--e-a-border-color-bold)), linear-gradient(45deg, var(--e-a-border-color-bold) 25%, transparent 0, transparent 75%, var(--e-a-border-color-bold) 0, var(--e-a-border-color-bold));
2017 background-size: 12px 12px;
2018 background-position: 0 0, calc(12px / 2) calc(12px / 2);
2019 }
2020 .e-global__color-title {
2021 flex-grow: 1;
2022 white-space: nowrap;
2023 text-overflow: ellipsis;
2024 overflow: hidden;
2025 padding-inline-end: 10px;
2026 }
2027 .e-global__color-hex {
2028 font-size: 10px;
2029 color: var(--e-a-color-txt-muted);
2030 }
2031 .e-global__color .pcr-button {
2032 background-color: var(--e-a-bg-default);
2033 }
2034 .e-global__color.e-global__preview-item--selected .e-global__color-preview-container {
2035 display: flex;
2036 justify-content: center;
2037 align-items: center;
2038 color: var(--e-a-color-white);
2039 }
2040 .e-global__color.e-global__preview-item--selected .e-global__color-preview-container:before {
2041 font-family: "eicons";
2042 font-size: 13px;
2043 content: "\e90e";
2044 text-shadow: 0 0 1px #000;
2045 z-index: 1;
2046 }
2047 .e-global__preview-item {
2048 cursor: pointer;
2049 position: relative;
2050 }
2051 .e-global__preview-item:hover {
2052 background-color: var(--e-a-bg-hover);
2053 }
2054 .e-global__confirm-delete i, .e-global__confirm-message-text i {
2055 color: var(--e-a-color-warning);
2056 }
2057 .e-global__confirm-input-wrapper {
2058 display: flex;
2059 align-items: center;
2060 border: var(--e-a-border);
2061 border-radius: var(--e-a-border-radius);
2062 margin: 15px 0;
2063 padding: 2px;
2064 }
2065 .e-global__confirm-input-wrapper input {
2066 font-family: var(--e-a-font-family);
2067 font-size: 12px;
2068 padding: 2px;
2069 border: 0;
2070 }
2071
2072 .e-control-global .elementor-control-input-wrapper {
2073 display: flex;
2074 justify-content: flex-end;
2075 max-width: 135px;
2076 width: 100%;
2077 }
2078 .e-control-global.elementor-control .elementor-control-input-wrapper {
2079 display: flex;
2080 flex-direction: row;
2081 align-items: stretch;
2082 }
2083 .e-control-global .elementor-control-spinner {
2084 margin-inline-end: 4px;
2085 }
2086
2087 .elementor-control-type-hidden {
2088 display: none !important;
2089 }
2090
2091 .elementor-control-type-icon .select2-selection__rendered .eicon {
2092 margin-inline-end: 3px;
2093 }
2094
2095 .elementor-control-type-image_dimensions .elementor-control-field-description {
2096 margin: 0 0 15px;
2097 line-height: 1.4;
2098 }
2099 .elementor-control-type-image_dimensions .elementor-control-input-wrapper {
2100 display: flex;
2101 align-items: flex-start;
2102 }
2103 .elementor-control-type-image_dimensions .elementor-image-dimensions-field {
2104 width: 65px;
2105 }
2106 .elementor-control-type-image_dimensions .elementor-image-dimensions-field input:focus + .elementor-image-dimensions-field-description {
2107 color: var(--e-a-color-txt);
2108 }
2109 .elementor-control-type-image_dimensions .elementor-image-dimensions-separator {
2110 width: 20px;
2111 text-align: center;
2112 padding-block-start: 4px;
2113 }
2114 .elementor-control-type-image_dimensions .elementor-image-dimensions-field-description {
2115 display: block;
2116 margin-block-start: 5px;
2117 color: var(--e-a-color-txt-disabled);
2118 font-size: 10px;
2119 text-align: center;
2120 }
2121 .elementor-control-type-image_dimensions .elementor-image-dimensions-apply-button {
2122 margin-inline-start: auto;
2123 }
2124
2125 .elementor-control-media.e-media-empty .elementor-control-media-area .elementor-control-media__remove, .elementor-control-media.e-media-empty .elementor-control-media-area .elementor-control-media__content__remove {
2126 display: none;
2127 }
2128 .elementor-control-media.e-media-empty-placeholder .e-control-image-size {
2129 display: none;
2130 }
2131 .elementor-control-media:not(.e-media-empty) .elementor-control-media__content__upload-button {
2132 display: none;
2133 }
2134 .elementor-control-media .eicon-plus-circle {
2135 position: absolute;
2136 top: 50%;
2137 left: 50%;
2138 transform: translate(-50%, -50%);
2139 color: var(--e-a-color-white);
2140 font-size: 20px;
2141 }
2142 .elementor-control-media__content__upload-button {
2143 background-color: var(--e-a-bg-active-bold);
2144 }
2145 .elementor-control-media__preview {
2146 height: 100%;
2147 background-size: cover;
2148 background-position: center;
2149 padding-block-end: 42.8571%;
2150 }
2151 .elementor-control-media-area {
2152 background-image: linear-gradient(45deg, var(--e-a-border-color-bold) 25%, transparent 0, transparent 75%, var(--e-a-border-color-bold) 0, var(--e-a-border-color-bold)), linear-gradient(45deg, var(--e-a-border-color-bold) 25%, transparent 0, transparent 75%, var(--e-a-border-color-bold) 0, var(--e-a-border-color-bold));
2153 background-size: 16px 16px;
2154 background-position: 0 0, calc(16px / 2) calc(16px / 2);
2155 background-color: var(--e-a-bg-default);
2156 border: var(--e-a-border-bold);
2157 aspect-ratio: 21/9;
2158 }
2159 .elementor-control-media-area:not(:hover) .elementor-control-media__remove {
2160 display: none;
2161 }
2162 .elementor-control-media-area .eicon-video-camera {
2163 position: absolute;
2164 top: 50%;
2165 left: 50%;
2166 transform: translate(-50%, -50%);
2167 color: rgba(255, 255, 255, 0.7);
2168 font-size: 21px;
2169 }
2170 .elementor-control-media .elementor-control-media__content {
2171 aspect-ratio: 21/9;
2172 position: relative;
2173 cursor: pointer;
2174 overflow: hidden;
2175 }
2176 .elementor-control-media .elementor-control-media__content:hover:after {
2177 content: "";
2178 position: absolute;
2179 top: 0;
2180 bottom: 0;
2181 left: 0;
2182 right: 0;
2183 background-color: rgba(0, 0, 0, 0.2);
2184 pointer-events: none;
2185 }
2186 .elementor-control-media .elementor-control-media__content:not(:hover) .elementor-control-media__tools {
2187 bottom: -30px;
2188 }
2189 .elementor-control-media__content {
2190 transition: all 0.2s ease-in-out;
2191 }
2192 .elementor-control-media__tools {
2193 position: absolute;
2194 bottom: 0;
2195 left: 0;
2196 right: 0;
2197 height: 27px;
2198 transition: all 0.2s ease-in-out;
2199 }
2200 .elementor-control-media__tools > *:not(:first-child) {
2201 margin-inline-start: 1px;
2202 }
2203 .elementor-control-media__tool {
2204 display: flex;
2205 align-items: center;
2206 justify-content: center;
2207 flex-grow: 1;
2208 color: var(--e-a-color-white);
2209 background-color: rgba(0, 0, 0, 0.9);
2210 font-size: 11px;
2211 transition: var(--e-a-transition-hover);
2212 }
2213 .elementor-control-media__tool:hover {
2214 background-color: rgba(0, 0, 0, 0.8);
2215 }
2216 .elementor-control-media__remove {
2217 display: flex;
2218 align-items: center;
2219 justify-content: center;
2220 transition: all 0.3s ease-in-out;
2221 }
2222 .elementor-control-media__content__remove {
2223 position: absolute;
2224 z-index: 1;
2225 top: 10px;
2226 left: 10px;
2227 width: 20px;
2228 height: 20px;
2229 font-size: 11px;
2230 color: var(--e-a-color-white);
2231 background-color: rgba(0, 0, 0, 0.5);
2232 border-radius: var(--e-border-radius);
2233 box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
2234 transition: var(--e-a-transition-hover);
2235 }
2236 .elementor-control-media__content__remove:hover {
2237 background-color: rgba(0, 0, 0, 0.6);
2238 }
2239 .elementor-control-media.e-media-empty .elementor-control-file-area {
2240 display: none;
2241 }
2242 .elementor-control-media__warnings:empty {
2243 display: none;
2244 }
2245 .elementor-control-media__warnings:not(:empty) {
2246 margin-block-start: 10px;
2247 }
2248 .elementor-control-media__file {
2249 display: flex;
2250 justify-content: space-between;
2251 align-items: center;
2252 width: 100%;
2253 margin-block-start: 10px;
2254 border: var(--e-a-border);
2255 }
2256 .elementor-control-media__file__content {
2257 padding-inline-start: 5px;
2258 font-size: 12px;
2259 }
2260 .elementor-control-media__file__content__label {
2261 color: #9DA5AE;
2262 }
2263 .elementor-control-media__file__content__info {
2264 display: flex;
2265 align-items: center;
2266 font-weight: 500;
2267 }
2268 .elementor-control-media__file__content__info__icon {
2269 margin-inline-end: 5px;
2270 }
2271 .elementor-control-media__file__controls {
2272 display: flex;
2273 border-inline-start: var(--e-a-border);
2274 }
2275 .elementor-control-media__file__controls__upload-button, .elementor-control-media__file__controls__remove {
2276 width: 27px;
2277 height: 27px;
2278 cursor: pointer;
2279 align-items: center;
2280 }
2281 .elementor-control-media__file__controls__upload-button {
2282 display: flex;
2283 justify-content: center;
2284 }
2285 .elementor-control-media__file__controls__remove {
2286 border-inline-end: var(--e-a-border);
2287 }
2288 .elementor-control-media:not(.e-media-empty) .elementor-control-media__file__content__label {
2289 display: none;
2290 }
2291 .elementor-control-media.e-media-empty .elementor-control-media__file__content__info {
2292 display: none;
2293 }
2294 .elementor-control-media.e-media-empty .elementor-control-media__file__controls__remove {
2295 display: none;
2296 }
2297 .elementor-control-media .elementor-control-dynamic-switcher {
2298 border: none;
2299 border-radius: 0;
2300 background-color: rgba(0, 0, 0, 0.9);
2301 color: var(--e-a-color-white);
2302 }
2303 .elementor-control-media .elementor-control-dynamic-switcher:hover {
2304 background-color: rgba(0, 0, 0, 0.8);
2305 color: var(--e-a-color-white);
2306 }
2307 .elementor-control-media .e-control-image-size {
2308 display: flex;
2309 flex-direction: column;
2310 width: 100%;
2311 padding-block-start: 20px;
2312 }
2313 .elementor-control-media .e-control-image-size .elementor-control-input-wrapper {
2314 margin-inline-start: auto;
2315 }
2316
2317 .elementor-control-type-media.elementor-control-dynamic-value .elementor-control-input-wrapper {
2318 border: none;
2319 }
2320
2321 .elementor-control:not(.elementor-control-type-icons) .elementor-control-media__preview {
2322 background-color: var(--e-a-bg-active-bold);
2323 }
2324
2325 .elementor-control-notice {
2326 display: flex;
2327 justify-content: flex-start;
2328 align-items: flex-start;
2329 gap: 8px;
2330 padding: 16px;
2331 border-radius: 3px;
2332 border: 1px solid var(--notice-control-color, var(--e-a-color-txt));
2333 color: var(--e-a-color-txt);
2334 font-size: 12px;
2335 font-weight: 400;
2336 line-height: 1.5;
2337 text-align: start;
2338 margin-block-start: 10px;
2339 }
2340 .elementor-control-notice-type-info {
2341 --notice-control-color: var(--e-a-color-info);
2342 }
2343 .elementor-control-notice-type-success {
2344 --notice-control-color: var(--e-a-color-success);
2345 }
2346 .elementor-control-notice-type-warning {
2347 --notice-control-color: var(--e-a-color-warning);
2348 }
2349 .elementor-control-notice-type-danger {
2350 --notice-control-color: var(--e-a-color-danger);
2351 }
2352 .elementor-control-notice-icon {
2353 flex-basis: 18px;
2354 color: var(--notice-control-color);
2355 }
2356 .elementor-control-notice-main {
2357 display: flex;
2358 flex-direction: column;
2359 justify-content: flex-start;
2360 align-items: flex-start;
2361 gap: 6px;
2362 flex: 1;
2363 }
2364 .elementor-control-notice-main-heading {
2365 font-weight: 700;
2366 font-style: italic;
2367 }
2368 .elementor-control-notice-main-content {
2369 font-style: italic;
2370 line-height: 1.5;
2371 }
2372 .elementor-control-notice-main-actions {
2373 display: flex;
2374 gap: 10px;
2375 padding-block-start: 8px;
2376 }
2377 .elementor-control-notice-main a {
2378 color: inherit;
2379 font-weight: 700;
2380 cursor: pointer;
2381 }
2382 .elementor-control-notice-main a:hover, .elementor-control-notice-main a:focus {
2383 color: inherit;
2384 }
2385 .elementor-control-notice-dismiss {
2386 -webkit-appearance: none;
2387 -moz-appearance: none;
2388 appearance: none;
2389 background-color: transparent;
2390 border: 0;
2391 padding: 0;
2392 margin: 0;
2393 cursor: pointer;
2394 }
2395
2396 .elementor-control-type-popover_toggle input {
2397 display: none;
2398 }
2399 .elementor-control-type-popover_toggle label {
2400 cursor: pointer;
2401 }
2402 .elementor-control-type-popover_toggle .elementor-control-input-wrapper {
2403 display: flex;
2404 flex-direction: row-reverse;
2405 align-items: center;
2406 }
2407 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle:checked + .elementor-control-popover-toggle-toggle-label {
2408 color: var(--e-a-color-txt-active);
2409 background-color: var(--e-a-bg-active-bold);
2410 }
2411 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle:not(:checked) ~ .elementor-control-popover-toggle-reset-label {
2412 display: none;
2413 }
2414 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle-label {
2415 height: 27px;
2416 display: inline-flex;
2417 align-items: center;
2418 justify-content: center;
2419 border-radius: var(--e-a-border-radius);
2420 border: var(--e-a-border-bold);
2421 transition: var(--e-a-transition-hover);
2422 }
2423 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle-label:hover {
2424 background-color: var(--e-a-bg-hover);
2425 }
2426 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-reset-label {
2427 color: var(--e-a-color-txt-muted);
2428 margin-inline-end: 5px;
2429 }
2430 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-reset-label:hover {
2431 color: var(--e-a-color-txt);
2432 }
2433
2434 .elementor-controls-popover.e-controls-popover--typography {
2435 padding-block-start: 0;
2436 }
2437
2438 .e-control-global .elementor-control-popover-toggle-toggle-label {
2439 border-start-start-radius: 0;
2440 border-start-end-radius: var(--e-a-border-radius);
2441 border-end-start-radius: 0;
2442 border-end-end-radius: var(--e-a-border-radius);
2443 flex-shrink: 0;
2444 }
2445
2446 .elementor-control-type-repeater .elementor-control:not(.elementor-control-type-tab) {
2447 padding-inline-start: 10px;
2448 padding-inline-end: 10px;
2449 padding-block-end: 10px;
2450 }
2451 .elementor-control-type-repeater.elementor-repeater-has-minimum-rows .elementor-repeater-tool-remove {
2452 display: none;
2453 }
2454 .elementor-control-type-repeater.elementor-repeater-has-maximum-rows .elementor-repeater-tool-duplicate,
2455 .elementor-control-type-repeater.elementor-repeater-has-maximum-rows .elementor-repeater-add {
2456 display: none;
2457 }
2458 .elementor-control-type-repeater .elementor-repeater-fields {
2459 margin: 10px 0;
2460 }
2461 .elementor-control-type-repeater .elementor-repeater-row-controls {
2462 border: var(--e-a-border-bold);
2463 border-block-start-width: 0;
2464 padding-block-start: 15px;
2465 }
2466 .elementor-control-type-repeater .elementor-repeater-row-controls:not(.editable) {
2467 display: none;
2468 }
2469 .elementor-control-type-repeater .elementor-repeater-row-tools {
2470 display: flex;
2471 align-items: center;
2472 width: 100%;
2473 border: 1px solid var(--e-a-border-color-bold);
2474 transition: var(--e-a-transition-hover);
2475 }
2476 .elementor-control-type-repeater .elementor-repeater-row-tools > button {
2477 display: flex;
2478 align-items: center;
2479 justify-content: center;
2480 height: 40px;
2481 border: none;
2482 background-color: transparent;
2483 color: currentColor;
2484 cursor: pointer;
2485 }
2486 .elementor-control-type-repeater .elementor-repeater-row-tools > button:hover, .elementor-control-type-repeater .elementor-repeater-row-tools > button:focus {
2487 background-color: var(--e-a-bg-hover);
2488 }
2489 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title {
2490 flex: 1;
2491 justify-content: flex-start;
2492 padding: 0 10px;
2493 font-size: var(--control-title-size);
2494 white-space: nowrap;
2495 text-overflow: ellipsis;
2496 overflow: hidden;
2497 }
2498 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title .eicon,
2499 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title i,
2500 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title svg {
2501 margin-inline-end: 5px;
2502 }
2503 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title img[src$=svg] {
2504 width: 1em;
2505 }
2506 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-tool {
2507 width: 40px;
2508 border-inline-start: 1px solid var(--e-a-border-color-bold);
2509 }
2510 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-handle-sortable {
2511 width: 10px;
2512 border-inline-end: 1px solid var(--e-a-border-color-bold);
2513 cursor: move;
2514 }
2515 .elementor-control-type-repeater .elementor-button-wrapper {
2516 text-align: center;
2517 padding-block-start: 5px;
2518 }
2519
2520 #elementor-controls {
2521 padding-block-start: 15px;
2522 }
2523
2524 .elementor-control-type-section {
2525 padding: 0;
2526 }
2527 .elementor-control-type-section.e-open {
2528 padding-block-end: 10px;
2529 }
2530 .elementor-control-type-section + .elementor-control:not(.elementor-control-type-section):before {
2531 display: none;
2532 }
2533 .elementor-control-type-section:not(:first-child):not(.elementor-control-type-section + .elementor-control-type-section) {
2534 margin-block-start: 25px;
2535 }
2536
2537 .elementor-control-type-select .elementor-control-input-wrapper {
2538 position: relative;
2539 }
2540 .elementor-control-type-select .elementor-control-input-wrapper select {
2541 -webkit-appearance: none;
2542 -moz-appearance: none;
2543 appearance: none;
2544 font-size: var(--control-title-size);
2545 font-family: inherit;
2546 font-weight: inherit;
2547 font-style: inherit;
2548 text-transform: inherit;
2549 letter-spacing: inherit;
2550 line-height: inherit;
2551 flex-basis: 100%;
2552 padding-inline-start: 5px;
2553 padding-inline-end: 20px;
2554 cursor: pointer;
2555 }
2556 .elementor-control-type-select .elementor-control-input-wrapper select.e-select-placeholder {
2557 color: var(--e-a-color-txt-disabled);
2558 }
2559 .elementor-control-type-select .elementor-control-input-wrapper option.e-option-placeholder {
2560 display: none;
2561 }
2562 .elementor-control-type-select .elementor-control-input-wrapper:after {
2563 font-family: eicons;
2564 content: "\e8ad";
2565 font-size: 12px;
2566 position: absolute;
2567 top: 50%;
2568 transform: translateY(-50%);
2569 left: 5px;
2570 pointer-events: none;
2571 }
2572 .elementor-control-type-select .elementor-control-field.elementor-control-field-select-small .elementor-control-input-wrapper {
2573 max-width: 80px;
2574 }
2575
2576 .elementor-shadow-box .elementor-shadow-slider {
2577 margin-block-start: 10px;
2578 }
2579 .elementor-shadow-box .elementor-color-picker-wrapper .elementor-control-title {
2580 flex-grow: 1;
2581 }
2582
2583 .elementor-control-type-slider.elementor-control-dynamic input {
2584 border-start-start-radius: var(--e-a-border-radius);
2585 border-start-end-radius: 0;
2586 border-end-start-radius: var(--e-a-border-radius);
2587 border-end-end-radius: 0;
2588 }
2589 .elementor-control-type-slider .elementor-control-unit-2 {
2590 width: 21%;
2591 }
2592 .elementor-control-type-slider.elementor-control-type-slider--multiple .elementor-control-input-wrapper {
2593 display: block;
2594 }
2595 .elementor-control-type-slider--multiple {
2596 padding-block-end: 40px;
2597 }
2598 .elementor-control-type-slider--multiple .elementor-slider {
2599 margin-block-start: 12px;
2600 width: 98%;
2601 }
2602 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle {
2603 border-radius: 0;
2604 width: 10px;
2605 transform: translateY(calc(50% - 14px)) translateX(-4px);
2606 }
2607 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle:after {
2608 content: "";
2609 position: absolute;
2610 top: 2px;
2611 height: 12px;
2612 width: 11px;
2613 transform: rotate(45deg);
2614 background-color: var(--e-a-color-white);
2615 border-radius: 3px;
2616 }
2617 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle-lower:after {
2618 left: 5px;
2619 box-shadow: 2px -2px 3px 0px rgba(0, 0, 0, 0.1);
2620 }
2621 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle-upper:after {
2622 right: 5px;
2623 box-shadow: -2px 2px 3px 0px rgba(0, 0, 0, 0.1);
2624 }
2625 .elementor-control-type-slider .elementor-control-dynamic-switcher {
2626 border-inline-start-width: 0;
2627 border-start-start-radius: 0;
2628 border-start-end-radius: var(--e-a-border-radius);
2629 border-end-start-radius: 0;
2630 border-end-end-radius: var(--e-a-border-radius);
2631 }
2632 .elementor-control-type-slider .elementor-control-input-wrapper {
2633 display: flex;
2634 align-items: center;
2635 }
2636 .elementor-control-type-slider .elementor-dynamic-cover {
2637 margin-block-start: 10px;
2638 }
2639 .elementor-control-type-slider.e-units-custom .elementor-slider {
2640 display: none;
2641 }
2642 .elementor-control-type-slider.e-units-custom .elementor-slider-input {
2643 width: 100%;
2644 margin: 0;
2645 transition: none;
2646 }
2647
2648 .elementor-slider {
2649 flex-grow: 1;
2650 height: 4px;
2651 background-color: var(--e-a-border-color-bold);
2652 border-radius: 5px;
2653 position: relative;
2654 cursor: pointer;
2655 }
2656 .elementor-slider-input {
2657 width: 21%;
2658 min-width: 54px;
2659 margin-inline-start: 12px;
2660 transition: width 0.3s ease-in-out;
2661 }
2662 .elementor-slider__extra {
2663 position: relative;
2664 }
2665 .elementor-slider__labels {
2666 display: flex;
2667 justify-content: space-between;
2668 }
2669 .elementor-slider__label {
2670 font-size: 9px;
2671 color: var(--e-a-color-txt-disabled);
2672 }
2673 .elementor-slider__scales {
2674 position: absolute;
2675 display: flex;
2676 justify-content: space-evenly;
2677 width: 100%;
2678 margin-block-start: 4px;
2679 }
2680 .elementor-slider__scale {
2681 width: 1px;
2682 height: 21px;
2683 background-color: var(--e-a-border-color-focus);
2684 }
2685 .elementor-slider .noUi-handle {
2686 height: 16px;
2687 width: 16px;
2688 background-color: var(--e-a-color-white);
2689 left: 0;
2690 transform: translateY(calc(50% - 14px)) translateX(-8px);
2691 position: absolute;
2692 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
2693 border-radius: 50%;
2694 }
2695 .elementor-slider .noUi-connects {
2696 position: absolute;
2697 width: 100%;
2698 height: 4px;
2699 }
2700 .elementor-slider .noUi-connect {
2701 position: absolute;
2702 z-index: 0;
2703 top: 0;
2704 left: 0;
2705 height: 100%;
2706 width: 100%;
2707 will-change: transform;
2708 transform-origin: 0 0;
2709 background-color: var(--e-a-border-color-focus);
2710 }
2711 .elementor-slider .noUi-tooltip {
2712 position: absolute;
2713 top: calc(100% + 5px);
2714 left: calc(50% - 4px);
2715 transform: translateX(-50%);
2716 font-size: 10px;
2717 }
2718
2719 .elementor-control-type-structure .elementor-control-field {
2720 display: initial;
2721 }
2722 .elementor-control-type-structure .elementor-control-structure-preset {
2723 padding: 3px;
2724 border-radius: var(--e-border-radius);
2725 display: inline-block;
2726 cursor: pointer;
2727 height: 50px;
2728 }
2729 .elementor-control-type-structure .elementor-control-structure-preset svg {
2730 height: 100%;
2731 }
2732 .elementor-control-type-structure .elementor-control-structure-preset path {
2733 fill: var(--e-a-border-color-bold);
2734 }
2735 .elementor-control-type-structure .elementor-control-structure-reset {
2736 padding: 15px 20px 0;
2737 font-size: 11px;
2738 cursor: pointer;
2739 color: var(--e-a-color-txt-muted);
2740 border-block-start: var(--e-a-border);
2741 margin: 0 -20px;
2742 }
2743 .elementor-control-type-structure .elementor-control-structure-reset:hover {
2744 color: var(--e-a-color-txt);
2745 }
2746 .elementor-control-type-structure .elementor-control-structure-title {
2747 margin: 10px -20px 0;
2748 }
2749 .elementor-control-type-structure .elementor-control-structure-title:before {
2750 height: 10px;
2751 box-shadow: inset 0 2px 4px rgba(127, 127, 127, 0.1);
2752 }
2753 .elementor-control-type-structure .elementor-control-structure-presets {
2754 display: flex;
2755 flex-wrap: wrap;
2756 justify-content: space-between;
2757 }
2758 .elementor-control-type-structure .elementor-control-structure-presets input {
2759 display: none;
2760 }
2761 .elementor-control-type-structure .elementor-control-structure-presets input:checked + .elementor-control-structure-preset path {
2762 fill: var(--e-a-border-color-focus);
2763 }
2764 .elementor-control-type-structure .elementor-control-structure-preset-wrapper {
2765 margin-block-end: 15px;
2766 }
2767 .elementor-control-type-structure .elementor-control-structure-preset-title {
2768 text-align: center;
2769 padding-block-start: 5px;
2770 font-style: italic;
2771 font-size: 11px;
2772 color: #9DA5AE;
2773 }
2774
2775 .elementor-control-type-switcher .elementor-control-input-wrapper {
2776 text-align: end;
2777 }
2778 .elementor-control-type-switcher .elementor-switch {
2779 position: relative;
2780 display: inline-block;
2781 vertical-align: top;
2782 height: 20px;
2783 background-color: var(--e-a-bg-default);
2784 border-radius: 18px;
2785 cursor: pointer;
2786 }
2787 .elementor-control-type-switcher .elementor-switch-input {
2788 display: none;
2789 }
2790 .elementor-control-type-switcher .elementor-switch-label {
2791 position: relative;
2792 display: block;
2793 height: inherit;
2794 font-size: 10px;
2795 background: var(--e-a-bg-active-bold);
2796 border-radius: inherit;
2797 transition: 0.15s ease-out;
2798 transition-property: opacity, background;
2799 }
2800 .elementor-control-type-switcher .elementor-switch-label:before, .elementor-control-type-switcher .elementor-switch-label:after {
2801 position: absolute;
2802 top: 0;
2803 width: 50%;
2804 text-align: center;
2805 line-height: 20px;
2806 transition: inherit;
2807 }
2808 .elementor-control-type-switcher .elementor-switch-label:before {
2809 content: attr(data-off);
2810 right: 5px;
2811 color: var(--e-a-color-txt-muted);
2812 }
2813 .elementor-control-type-switcher .elementor-switch-label:after {
2814 content: attr(data-on);
2815 left: 5px;
2816 color: var(--e-a-btn-color);
2817 opacity: 0;
2818 }
2819 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label {
2820 background: var(--e-a-btn-bg-primary);
2821 }
2822 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label:before {
2823 opacity: 0;
2824 }
2825 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label:after {
2826 opacity: 1;
2827 }
2828 .elementor-control-type-switcher .elementor-switch-handle {
2829 position: absolute;
2830 top: 1px;
2831 left: 1px;
2832 width: 18px;
2833 height: 18px;
2834 background: white;
2835 border-radius: 10px;
2836 transition: left 0.15s ease-out;
2837 }
2838 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-handle {
2839 left: initial;
2840 right: 1px;
2841 }
2842
2843 .elementor-control-type-tabs {
2844 display: flex;
2845 font-size: var(--control-title-size);
2846 }
2847
2848 .elementor-control-type-tab {
2849 text-align: center;
2850 width: 100%;
2851 padding: 0;
2852 line-height: 25px;
2853 border-block-start: var(--e-a-border-bold);
2854 border-block-end: var(--e-a-border-bold);
2855 border-inline-end: var(--e-a-border-bold);
2856 transition: var(--e-a-transition-hover);
2857 cursor: pointer;
2858 }
2859 .elementor-control-type-tab:first-child {
2860 border-inline-start: var(--e-a-border-bold);
2861 border-start-start-radius: var(--e-a-border-radius);
2862 border-end-start-radius: var(--e-a-border-radius);
2863 }
2864 .elementor-control-type-tab:last-child {
2865 border-start-end-radius: var(--e-a-border-radius);
2866 border-end-end-radius: var(--e-a-border-radius);
2867 }
2868 .elementor-control-type-tab:hover {
2869 background-color: var(--e-a-bg-hover);
2870 }
2871 .elementor-control-type-tab.e-tab-active {
2872 background-color: var(--e-a-bg-active-bold);
2873 color: var(--e-a-color-txt-accent);
2874 }
2875
2876 .e-tab-close {
2877 display: none !important;
2878 }
2879
2880 .elementor-control-type-textarea .elementor-control-dynamic-switcher,
2881 .elementor-control-type-code .elementor-control-dynamic-switcher {
2882 border-inline-start-width: 1px;
2883 border-start-start-radius: 0;
2884 border-start-end-radius: 0;
2885 border-end-end-radius: 0;
2886 border-end-start-radius: var(--e-a-border-radius);
2887 }
2888 .elementor-control-type-textarea:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher,
2889 .elementor-control-type-code:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher {
2890 position: absolute;
2891 top: 0;
2892 left: 0;
2893 z-index: 1;
2894 }
2895 .elementor-control-type-textarea .elementor-control-input-wrapper,
2896 .elementor-control-type-code .elementor-control-input-wrapper {
2897 position: relative;
2898 }
2899 .elementor-control-type-textarea textarea,
2900 .elementor-control-type-code textarea {
2901 display: block;
2902 font-family: inherit;
2903 }
2904 .elementor-control-type-textarea textarea:focus + .elementor-control-dynamic-switcher,
2905 .elementor-control-type-code textarea:focus + .elementor-control-dynamic-switcher {
2906 display: none;
2907 }
2908 .elementor-control-type-textarea pre:focus-within + .elementor-control-dynamic-switcher,
2909 .elementor-control-type-code pre:focus-within + .elementor-control-dynamic-switcher {
2910 display: none;
2911 }
2912
2913 .elementor-control-type-url .elementor-control-field {
2914 position: relative;
2915 }
2916 .elementor-control-type-url .elementor-control-input-wrapper {
2917 display: flex;
2918 }
2919 .elementor-control-type-url.elementor-control-dynamic .elementor-control-url-more-options input {
2920 border-radius: var(--e-a-border-radius);
2921 }
2922 .elementor-control-type-url.elementor-control-dynamic-value .e-input-style {
2923 border-start-end-radius: 0;
2924 border-end-end-radius: 0;
2925 }
2926 .elementor-control-type-url.elementor-control-dynamic-value .elementor-control-url-more {
2927 border-start-end-radius: var(--e-a-border-radius);
2928 border-end-end-radius: var(--e-a-border-radius);
2929 }
2930 .elementor-control-type-url .elementor-control-url-more {
2931 display: flex;
2932 align-items: center;
2933 justify-content: center;
2934 flex-shrink: 0;
2935 border: var(--e-a-border-bold);
2936 color: currentColor;
2937 background-color: transparent;
2938 border-inline-start-width: 0;
2939 cursor: pointer;
2940 }
2941 .elementor-control-type-url .elementor-control-url-more i {
2942 font-size: 12px;
2943 }
2944 .elementor-control-type-url .elementor-control-url-more-options {
2945 display: none;
2946 padding-block-start: 10px;
2947 }
2948 .elementor-control-type-url .elementor-control-url-more-options .elementor-control-field-description {
2949 margin-block-start: 10px;
2950 }
2951 .elementor-control-type-url .elementor-control-url-more:hover {
2952 color: var(--e-a-color-txt-hover);
2953 }
2954 .elementor-control-type-url .elementor-control-url-more:focus {
2955 color: var(--e-a-color-txt-active);
2956 border-color: var(--e-a-border-color-focus);
2957 }
2958 .elementor-control-type-url .elementor-control-url-option {
2959 display: flex;
2960 align-items: center;
2961 }
2962 .elementor-control-type-url .elementor-control-url-option:not(:last-child) {
2963 padding-block-end: 10px;
2964 }
2965 .elementor-control-type-url .elementor-control-url-option input,
2966 .elementor-control-type-url .elementor-control-url-option label {
2967 cursor: pointer;
2968 }
2969 .elementor-control-type-url .elementor-control-url-autocomplete-spinner {
2970 display: none;
2971 position: absolute;
2972 top: 5px;
2973 right: 0;
2974 width: 10px;
2975 height: 10px;
2976 font-size: 10px;
2977 color: var(--e-a-color-txt-disabled);
2978 }
2979 .elementor-control-type-url .elementor-control-url__custom-attributes label {
2980 font-size: var(--control-title-size);
2981 }
2982 .elementor-control-type-url .elementor-control-url__custom-attributes input {
2983 width: 100%;
2984 margin-block-start: 10px;
2985 }
2986 .elementor-control-type-url .elementor-input:focus ~ div {
2987 border-color: var(--e-a-border-color-focus);
2988 }
2989
2990 .elementor-autocomplete-menu {
2991 position: absolute;
2992 background: var(--e-a-bg-default);
2993 border: var(--e-a-border);
2994 margin: 0;
2995 list-style: none;
2996 padding: 4px 0;
2997 height: auto;
2998 width: 100%;
2999 min-width: 260px;
3000 max-width: 300px;
3001 max-height: 200px;
3002 overflow-y: auto;
3003 border-radius: 3px;
3004 transition: var(--e-a-transition-hover);
3005 cursor: default;
3006 z-index: 1;
3007 }
3008 .elementor-autocomplete-menu .ui-menu-item {
3009 display: flex;
3010 justify-content: space-between;
3011 align-self: baseline;
3012 padding: 5px 8px;
3013 font-size: 12px;
3014 width: 100%;
3015 line-height: 1.2;
3016 cursor: pointer;
3017 }
3018 .elementor-autocomplete-menu .ui-menu-item.ui-state-hover, .elementor-autocomplete-menu .ui-menu-item.ui-state-active, .elementor-autocomplete-menu .ui-menu-item.ui-state-focus {
3019 background: var(--e-a-bg-hover);
3020 }
3021 .elementor-autocomplete-menu .elementor-autocomplete-item-info {
3022 font-size: 10px;
3023 padding-block-start: 2px;
3024 }
3025
3026 .elementor-control-type-wp_widget .widget-inside {
3027 line-height: 2;
3028 background-color: inherit;
3029 display: block;
3030 }
3031 .elementor-control-type-wp_widget .quicktags-toolbar input {
3032 width: auto;
3033 }
3034
3035 .elementor-control-type-wysiwyg * {
3036 box-sizing: content-box;
3037 }
3038 .elementor-control-type-wysiwyg .wp-editor-container {
3039 border: var(--e-a-border);
3040 }
3041 .elementor-control-type-wysiwyg .wp-editor-tabs {
3042 border: var(--e-a-border-bold);
3043 border-block-end: none;
3044 border-start-start-radius: var(--e-a-border-radius);
3045 border-start-end-radius: var(--e-a-border-radius);
3046 border-end-end-radius: 0;
3047 border-end-start-radius: 0;
3048 }
3049 .elementor-control-type-wysiwyg .wp-editor-tabs button:hover {
3050 background-color: var(--e-a-bg-hover);
3051 }
3052 .elementor-control-type-wysiwyg #insert-media-button {
3053 height: initial;
3054 line-height: 24px;
3055 font-size: 10px;
3056 color: var(--e-a-color-txt);
3057 border-color: var(--e-a-border-color-bold);
3058 background-color: var(--e-a-bg-default);
3059 min-height: initial;
3060 }
3061 .elementor-control-type-wysiwyg .ed_button {
3062 height: 22px;
3063 width: initial;
3064 }
3065 .elementor-control-type-wysiwyg .wp-media-buttons-icon {
3066 height: 14px;
3067 margin: 0;
3068 }
3069 .elementor-control-type-wysiwyg .wp-media-buttons-icon:before {
3070 font-size: 14px;
3071 }
3072 .elementor-control-type-wysiwyg .wp-switch-editor {
3073 position: static;
3074 border: none;
3075 margin: 0;
3076 color: var(--e-a-color-txt);
3077 font-size: 10px;
3078 padding: 3px 9px 4px;
3079 }
3080 .elementor-control-type-wysiwyg .switch-html {
3081 border: solid var(--e-a-border-color-bold);
3082 border-width: 0 1px;
3083 }
3084 .elementor-control-type-wysiwyg .html-active .switch-tmce {
3085 background-color: transparent;
3086 }
3087 .elementor-control-type-wysiwyg .html-active .switch-html {
3088 background-color: var(--e-a-bg-active);
3089 }
3090 .elementor-control-type-wysiwyg .tmce-active .switch-tmce {
3091 background-color: var(--e-a-bg-active);
3092 }
3093 .elementor-control-type-wysiwyg .tmce-active .switch-html {
3094 background-color: transparent;
3095 }
3096 .elementor-control-type-wysiwyg .mce-toolbar-grp,
3097 .elementor-control-type-wysiwyg .quicktags-toolbar {
3098 background-color: var(--e-a-bg-default);
3099 }
3100 .elementor-control-type-wysiwyg .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
3101 background-color: var(--e-a-bg-default);
3102 }
3103 .elementor-control-type-wysiwyg .mce-toolbar .mce-btn-group .mce-btn.mce-listbox button {
3104 color: var(--e-a-color-txt);
3105 }
3106 .elementor-control-type-wysiwyg .mce-toolbar-grp > div {
3107 padding: 0 3px;
3108 }
3109 .elementor-control-type-wysiwyg .elementor-wp-editor {
3110 box-sizing: border-box;
3111 }
3112 .elementor-control-type-wysiwyg .mce-ico {
3113 color: var(--e-a-color-txt);
3114 font-size: 16px;
3115 }
3116 .elementor-control-type-wysiwyg .mce-btn-group .mce-btn:hover, .elementor-control-type-wysiwyg .mce-btn-group .mce-btn:active, .elementor-control-type-wysiwyg .mce-btn-group .mce-btn.mce-active {
3117 color: var(--e-a-color-txt-active);
3118 background: var(--e-a-bg-hover);
3119 border-color: var(--e-a-border-color);
3120 box-shadow: none;
3121 }
3122 .elementor-control-type-wysiwyg .mce-btn-group .mce-btn:hover i, .elementor-control-type-wysiwyg .mce-btn-group .mce-btn:active i, .elementor-control-type-wysiwyg .mce-btn-group .mce-btn.mce-active i {
3123 color: var(--e-a-color-txt-active);
3124 }
3125 .elementor-control-type-wysiwyg .mce-path {
3126 padding: 5px 10px;
3127 }
3128 .elementor-control-type-wysiwyg .mce-path-item {
3129 font-size: 12px;
3130 color: var(--e-a-color-txt);
3131 }
3132 .elementor-control-type-wysiwyg .mce-top-part:before {
3133 box-shadow: none;
3134 }
3135 .elementor-control-type-wysiwyg .elementor-control-dynamic-switcher {
3136 border: none;
3137 }
3138
3139 @media screen and (prefers-color-scheme: dark) {
3140 #wp-link-wrap {
3141 color-scheme: light;
3142 --e-a-color-txt: #515962;
3143 --e-a-bg-default: #ffffff;
3144 --e-a-border-color-bold: #D5D8DC;
3145 --e-a-color-primary-bold: #D004D4;
3146 }
3147 #wp-link {
3148 color: var(--e-a-color-txt);
3149 }
3150 #wp-link input {
3151 background-color: var(--e-a-bg-default);
3152 border-color: var(--e-a-border-color-bold);
3153 }
3154 #wp-link input[type=checkbox] {
3155 border-color: var(--e-a-border-color-bold);
3156 }
3157 #wp-link input[type=checkbox]:checked {
3158 background: var(--e-a-color-primary-bold);
3159 }
3160 #wp-link input.button-primary {
3161 background: #2271b1;
3162 border-color: #2271b1;
3163 color: #fff;
3164 }
3165 }
3166 .ui-resizable-n {
3167 top: -5px;
3168 }
3169 .ui-resizable-e {
3170 right: -5px;
3171 }
3172 .ui-resizable-s {
3173 bottom: -5px;
3174 }
3175 .ui-resizable-w {
3176 left: -5px;
3177 }
3178 .ui-resizable-ne {
3179 top: -5px;
3180 right: -5px;
3181 }
3182 .ui-resizable-nw {
3183 top: -5px;
3184 left: -5px;
3185 }
3186 .ui-resizable-se {
3187 bottom: -5px;
3188 right: -5px;
3189 }
3190 .ui-resizable-sw {
3191 bottom: -5px;
3192 left: -5px;
3193 }
3194 .ui-resizable-n, .ui-resizable-s {
3195 left: 0;
3196 height: 10px;
3197 width: 100%;
3198 cursor: ns-resize;
3199 }
3200 .ui-resizable-e, .ui-resizable-w {
3201 top: 0;
3202 height: 100%;
3203 width: 10px;
3204 cursor: ew-resize;
3205 }
3206 .ui-resizable-ne, .ui-resizable-nw, .ui-resizable-se, .ui-resizable-sw {
3207 height: 15px;
3208 width: 15px;
3209 }
3210 .ui-resizable-nw, .ui-resizable-se {
3211 cursor: nwse-resize;
3212 }
3213 .ui-resizable-ne, .ui-resizable-sw {
3214 cursor: nesw-resize;
3215 }
3216 .ui-resizable-handle {
3217 position: absolute;
3218 }
3219 .ui-resizable-resizing {
3220 pointer-events: none;
3221 }
3222
3223 :root {
3224 --e-p-draggable-color: #F0ABFC;
3225 --e-p-border-section: #F3BAFD;
3226 --e-p-border-section-hover: #F0ABFC;
3227 --e-p-border-section-invert: #0C0D0E;
3228 --e-p-border-con: #F3BAFD;
3229 --e-p-border-con-hover: #F0ABFC;
3230 --e-p-border-con-invert: #0C0D0E;
3231 --e-p-border-column: #9DA5AE;
3232 --e-p-border-column-hover: #818A96;
3233 --e-p-border-column-invert: #0C0D0E;
3234 --e-p-border-con-in: #9DA5AE;
3235 --e-p-border-con-in-hover: #818A96;
3236 --e-p-border-con-in-invert: #0C0D0E;
3237 --e-p-border-widget: #F3BAFD;
3238 --e-p-border-widget-hover: #F0ABFC;
3239 --e-p-border-widget-invert: #0C0D0E;
3240 --e-p-border-global: #5EEAD4;
3241 --e-p-border-global-hover: #1DDDBF;
3242 --e-p-border-global-invert: #0C0D0E;
3243 }
3244
3245 .elementor-add-section {
3246 all: initial;
3247 display: flex;
3248 max-width: 1160px;
3249 position: relative;
3250 margin-inline: auto;
3251 }
3252 .elementor-add-section:not(.elementor-dragging-on-child) .elementor-add-section-inner {
3253 border: 2px dashed var(--e-a-border-color-bold);
3254 background-color: rgba(255, 255, 255, 0.5);
3255 }
3256 .elementor-add-section.elementor-dragging-on-child .elementor-add-section-inner {
3257 border: 2px dashed var(--e-a-color-primary);
3258 }
3259 .elementor-add-section[data-view=choose-action] .e-view:not(.elementor-add-new-section) {
3260 display: none;
3261 }
3262 .elementor-add-section[data-view=select-preset] .e-view:not(.elementor-select-preset) {
3263 display: none;
3264 }
3265 .elementor-add-section[data-view=select-container-preset] .e-view:not(.e-con-select-preset) {
3266 display: none;
3267 }
3268 .elementor-add-section[data-view=select-type] .e-view:not(.e-con-select-type) {
3269 display: none;
3270 }
3271 .elementor-add-section[data-view=select-container-preset-grid] .e-view:not(.e-con-select-preset-grid) {
3272 display: none;
3273 }
3274
3275 .elementor-add-section-inner {
3276 text-align: center;
3277 margin: 20px;
3278 padding: 40px 0;
3279 display: flex;
3280 justify-content: center;
3281 flex-grow: 1;
3282 }
3283
3284 .elementor-add-new-section {
3285 display: flex;
3286 justify-content: center;
3287 flex-wrap: wrap;
3288 gap: 5px;
3289 }
3290
3291 .elementor-add-section-area-button {
3292 padding: 12px;
3293 height: 40px;
3294 width: 40px;
3295 border-radius: 50%;
3296 font-size: 16px;
3297 display: flex;
3298 outline: none;
3299 border: none;
3300 background-color: var(--e-a-bg-active);
3301 color: var(--e-a-color-black);
3302 transition: var(--e-a-transition-hover);
3303 cursor: pointer;
3304 }
3305 .elementor-add-section-area-button:hover {
3306 background-color: var(--e-a-bg-active-bold);
3307 color: var(--e-a-color-black);
3308 }
3309 .elementor-add-section-area-button i {
3310 margin: 0;
3311 }
3312 .elementor-add-section-area-button.e-button-primary {
3313 background-color: var(--e-a-btn-bg-primary);
3314 color: var(--e-a-btn-color);
3315 }
3316 .elementor-add-section-area-button.e-button-primary:hover {
3317 background-color: var(--e-a-btn-bg-primary-hover);
3318 color: var(--e-a-btn-color);
3319 }
3320
3321 .elementor-add-section-drag-title,
3322 .elementor-select-preset-title {
3323 font-family: var(--e-a-font-family);
3324 font-size: 13px;
3325 line-height: 1;
3326 color: var(--e-a-color-txt);
3327 }
3328
3329 .elementor-add-section-drag-title {
3330 font-style: italic;
3331 font-weight: normal;
3332 margin-block-start: 10px;
3333 width: 100%;
3334 }
3335
3336 .elementor-select-preset-title {
3337 font-weight: 500;
3338 text-transform: uppercase;
3339 }
3340
3341 .elementor-add-section-close {
3342 right: 40px;
3343 }
3344
3345 .elementor-add-section-back {
3346 left: 40px;
3347 }
3348
3349 .elementor-wizard-icon {
3350 position: absolute;
3351 top: 40px;
3352 font-size: 20px;
3353 cursor: pointer;
3354 line-height: 1;
3355 color: var(--e-a-color-txt);
3356 }
3357 .elementor-wizard-icon:hover {
3358 color: var(--e-a-color-txt-hover);
3359 }
3360
3361 .elementor-select-preset-list {
3362 list-style: none;
3363 padding: 0 25px;
3364 margin: 20px auto 0;
3365 overflow: hidden;
3366 max-width: 700px;
3367 }
3368 .elementor-select-preset-list .elementor-preset {
3369 cursor: pointer;
3370 margin: 0;
3371 padding: 10px;
3372 float: right;
3373 max-width: 33.333%;
3374 }
3375 .elementor-select-preset-list .elementor-preset:not(:hover) path,
3376 .elementor-select-preset-list .elementor-preset:not(:hover) rect {
3377 fill: var(--e-a-bg-active-bold);
3378 transition: 0.3s all;
3379 }
3380 .elementor-select-preset-list .elementor-preset:hover path,
3381 .elementor-select-preset-list .elementor-preset:hover rect {
3382 fill: var(--e-a-color-txt);
3383 }
3384 .elementor-select-preset-list .elementor-preset .e-preset--container {
3385 position: relative;
3386 display: flex;
3387 }
3388 .elementor-select-preset-list .elementor-preset .e-preset--container::before {
3389 content: var(--text);
3390 font-family: var(--e-a-font-family);
3391 font-size: 13px;
3392 font-weight: 500;
3393 position: absolute;
3394 left: 50%;
3395 top: 50%;
3396 color: var(--e-a-color-white);
3397 transform: translate(-50%, -50%);
3398 }
3399 .elementor-select-preset-list .elementor-preset svg {
3400 height: 50px;
3401 width: 100%;
3402 transform: rotate(180deg);
3403 }
3404
3405 .elementor-add-section[data-view=choose-action] .elementor-add-section-back {
3406 display: none;
3407 }
3408 .elementor-add-section[data-view=select-preset] .elementor-add-section-back {
3409 display: none;
3410 }
3411 .elementor-add-section[data-view=select-type] .elementor-add-section-back {
3412 display: none;
3413 }
3414
3415 #elementor-add-new-section {
3416 margin: 60px auto;
3417 }
3418 #elementor-add-new-section[data-view=choose-action] .elementor-add-section-close {
3419 display: none;
3420 }
3421
3422 .elementor-add-section-inline {
3423 margin: 10px auto;
3424 width: 100%;
3425 }
3426
3427 @keyframes placeholder-section {
3428 0% {
3429 height: 0;
3430 opacity: 0;
3431 }
3432 100% {
3433 height: 40px;
3434 opacity: 0.9;
3435 }
3436 }
3437 @keyframes placeholder-widget {
3438 0% {
3439 height: 0;
3440 opacity: 0;
3441 }
3442 100% {
3443 height: 10px;
3444 opacity: 0.9;
3445 }
3446 }
3447 @keyframes section-outline {
3448 0% {
3449 opacity: 0;
3450 }
3451 100% {
3452 opacity: 1;
3453 }
3454 }
3455 body.elementor-editor-active .elementor.elementor-edit-mode.layout-section .entry-content {
3456 overflow: visible;
3457 }
3458 body.elementor-editor-active .elementor.elementor-edit-mode .article {
3459 overflow: visible;
3460 }
3461 body.elementor-editor-active .elementor.elementor-edit-mode .elementor-element-overlay .elementor-editor-element-settings {
3462 clear: unset;
3463 }
3464 body.elementor-editor-active .elementor.elementor-edit-mode .elementor-element.elementor-section {
3465 overflow: visible;
3466 }
3467
3468 .elementor-edit-area .animated {
3469 animation-fill-mode: none !important;
3470 }
3471 .elementor-edit-area ul.elementor-editor-element-settings {
3472 word-break: normal;
3473 padding: 0;
3474 }
3475 .elementor-edit-area .gallery {
3476 opacity: 1;
3477 }
3478
3479 .pen {
3480 position: relative;
3481 outline: none;
3482 }
3483 .pen:not([data-elementor-inline-editing-toolbar=advanced]) {
3484 white-space: pre-wrap;
3485 }
3486 .pen-menu {
3487 box-shadow: 1px 2px 3px -2px #222;
3488 background-color: #3f444b;
3489 position: fixed;
3490 overflow: hidden;
3491 border-radius: 3px;
3492 z-index: 9999;
3493 }
3494 .pen-menu:after {
3495 top: 100%;
3496 content: "";
3497 position: absolute;
3498 border: 6px solid transparent;
3499 border-block-start-color: #3f444b;
3500 left: 50%;
3501 transform: translateX(-50%);
3502 }
3503 .pen-menu-below:after {
3504 top: 0;
3505 transform: translateX(-50%) translateY(-100%) rotate(180deg);
3506 }
3507 .pen-icon {
3508 position: relative;
3509 display: flex;
3510 align-items: center;
3511 justify-content: center;
3512 height: 35px;
3513 padding: 0 10px;
3514 font-size: 21px;
3515 color: #D5D8DC;
3516 cursor: pointer;
3517 -webkit-user-select: none;
3518 -moz-user-select: none;
3519 user-select: none;
3520 }
3521 .pen-icon:hover {
3522 background: #1f2124;
3523 }
3524 .pen-icon[data-group], .pen-icon[data-action=closeGroup] {
3525 display: none;
3526 }
3527 .pen-icon[data-action=close]:before {
3528 content: "";
3529 position: absolute;
3530 right: 0;
3531 height: 60%;
3532 width: 1px;
3533 background-color: #1f2124;
3534 }
3535 .pen-icon.active {
3536 background-color: #1f2124;
3537 box-shadow: inset 2px 2px 4px #1f2124;
3538 }
3539 .pen-group-icon:after {
3540 font-family: eicons;
3541 font-size: 12px;
3542 content: "\e92a";
3543 padding-inline-start: 4px;
3544 color: #2563EB;
3545 }
3546 .pen-input-wrapper {
3547 align-items: center;
3548 }
3549 .pen-input-wrapper .pen-url-input {
3550 font-size: 12px;
3551 line-height: 1.5;
3552 padding: 0;
3553 padding-inline-start: 10px;
3554 padding-inline-end: 10px;
3555 width: 250px;
3556 direction: ltr;
3557 }
3558 .pen-input-wrapper .pen-url-input, .pen-input-wrapper .pen-url-input:focus {
3559 background-color: transparent;
3560 border: none;
3561 outline: none;
3562 box-shadow: none;
3563 color: #fff;
3564 }
3565 .pen-input-wrapper .pen-url-input::-moz-placeholder {
3566 color: #D5D8DC;
3567 }
3568 .pen-input-wrapper .pen-url-input::placeholder {
3569 color: #D5D8DC;
3570 }
3571 .pen-input-label {
3572 margin: 0;
3573 margin-inline-end: -1px;
3574 }
3575 .pen-placeholder:before {
3576 content: attr(data-pen-placeholder);
3577 position: absolute;
3578 font-weight: normal;
3579 color: #757575;
3580 opacity: 0.6;
3581 }
3582 .pen-external-url-checkbox {
3583 display: none;
3584 }
3585 .pen-external-url-checkbox:checked + i {
3586 color: #fff;
3587 }
3588
3589 .elementor-inline-editing i:not([class]) {
3590 font-style: italic;
3591 }
3592 .elementor-inline-editing b {
3593 font-weight: bold;
3594 }
3595 .elementor-inline-editing u {
3596 text-decoration: underline;
3597 }
3598
3599 .e-element-color-picker {
3600 --primary-color: #2563EB;
3601 --swatch-size: 25px;
3602 cursor: default;
3603 display: flex;
3604 position: absolute;
3605 width: calc((var(--count) + 1) * var(--swatch-size));
3606 height: var(--swatch-size);
3607 top: var(--top);
3608 left: var(--left);
3609 right: var(--right, unset);
3610 border-radius: 3px;
3611 opacity: 0;
3612 pointer-events: none;
3613 z-index: 9998;
3614 background-color: var(--primary-color);
3615 padding: 1px;
3616 box-sizing: content-box;
3617 transition: opacity 0.3s, width 0.3s;
3618 }
3619 .e-element-color-picker.e-picker-hidden {
3620 opacity: 0;
3621 pointer-events: none;
3622 }
3623 .e-element-color-picker::before {
3624 content: "";
3625 flex: 0 1 var(--swatch-size);
3626 max-width: 100%;
3627 height: 100%;
3628 box-sizing: border-box;
3629 text-align: center;
3630 }
3631 .e-element-color-picker::after {
3632 content: "\e91e";
3633 font-family: "eicons";
3634 color: #FFF;
3635 font-size: 1rem;
3636 line-height: var(--swatch-size);
3637 position: absolute;
3638 left: 0.3rem;
3639 z-index: -1;
3640 }
3641 .e-element-color-picker__swatch {
3642 flex: 1 0 var(--swatch-size);
3643 max-width: 100%;
3644 height: 100%;
3645 cursor: pointer;
3646 transition: var(--e-a-transition-hover);
3647 position: relative;
3648 overflow: hidden;
3649 border-radius: inherit;
3650 /* Hack to fix transparent `--color` on hover */
3651 background: linear-gradient(var(--color), var(--color)), linear-gradient(var(--primary-color), var(--primary-color));
3652 }
3653 .e-element-color-picker__swatch:not(:first-child) {
3654 border-left: 1px solid var(--primary-color);
3655 }
3656 .e-element-color-picker__swatch::before {
3657 content: attr(data-text);
3658 position: absolute;
3659 left: 50%;
3660 top: 50%;
3661 opacity: 0;
3662 color: var(--color);
3663 font-size: 10px;
3664 font-weight: 300;
3665 font-family: Roboto, Arial, Helvetica, sans-serif;
3666 transform: translate(-50%, -50%);
3667 filter: hue-rotate(180deg) grayscale(1) contrast(999) invert(1);
3668 transition: inherit;
3669 }
3670 .e-element-color-picker__swatch:hover {
3671 flex-basis: calc(2 * var(--swatch-size));
3672 flex-shrink: 0;
3673 }
3674 .e-element-color-picker__swatch:hover::before {
3675 opacity: 1;
3676 }
3677
3678 .e-ui-state--elements-color-picker-color-picking__on *:not(.e-element-color-picker__swatch) {
3679 cursor: url("../images/eyedropper.svg") 0 20, pointer;
3680 }
3681 .e-ui-state--elements-color-picker-color-picking__on .e-element-color-picker:not(.e-picker-hidden):hover,
3682 .e-ui-state--elements-color-picker-color-picking__on .elementor-element:hover > .e-element-color-picker:not(.e-picker-hidden),
3683 .e-ui-state--elements-color-picker-color-picking__on .elementor-widget-container:hover + .e-element-color-picker:not(.e-picker-hidden) {
3684 opacity: 1;
3685 pointer-events: all;
3686 }
3687 .e-ui-state--elements-color-picker-color-picking__on .elementor-section:hover {
3688 outline: 1px solid #2563EB;
3689 }
3690
3691 [class^=eicon-flex], [class*=" eicon-flex"] {
3692 transition: 0.3s all;
3693 --is-ltr: 1;
3694 --is-rtl: 0;
3695 --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
3696 --is-ltr: 0;
3697 --is-rtl: 1;
3698 }
3699 [class^=eicon-flex].eicon-inline, [class*=" eicon-flex"].eicon-inline {
3700 max-height: 1em;
3701 max-width: 1em;
3702 }
3703 [class^=eicon-flex]:is(.eicon-justify-start-h, .eicon-justify-end-h), [class*=" eicon-flex"]:is(.eicon-justify-start-h, .eicon-justify-end-h) {
3704 --rotation-direction: calc(var(--is-ltr) + var(--is-rtl));
3705 }
3706 :is(.e-ui-state--document-direction-mode__column, .e-ui-state--document-direction-mode__column-reverse) [class^=eicon-flex]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow), :is(.e-ui-state--document-direction-mode__column, .e-ui-state--document-direction-mode__column-reverse) [class*=" eicon-flex"]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow) {
3707 transform: rotate(calc(var(--rotation-direction) * 90deg));
3708 }
3709 :is(.e-ui-state--document-direction-mode__column, .e-ui-state--document-direction-mode__column-reverse) [class^=eicon-flex]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow):is(.eicon-align-start-v, .eicon-align-end-v), :is(.e-ui-state--document-direction-mode__column, .e-ui-state--document-direction-mode__column-reverse) [class*=" eicon-flex"]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow):is(.eicon-align-start-v, .eicon-align-end-v) {
3710 transform: rotate(calc(var(--rotation-direction) * -90deg));
3711 }
3712 .e-ui-state--document-direction-mode__column-reverse [class^=eicon-flex]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow):is(.eicon-justify-start-h, .eicon-justify-end-h, .eicon-order-start, .eicon-order-end), .e-ui-state--document-direction-mode__column-reverse [class*=" eicon-flex"]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow):is(.eicon-justify-start-h, .eicon-justify-end-h, .eicon-order-start, .eicon-order-end) {
3713 transform: rotate(calc(var(--rotation-direction) * -90deg));
3714 }
3715 .e-ui-state--document-direction-mode__row [class^=eicon-flex]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow):is(.eicon-justify-start-h, .eicon-justify-end-h, .eicon-order-start, .eicon-order-end), .e-ui-state--document-direction-mode__row [class*=" eicon-flex"]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow):is(.eicon-justify-start-h, .eicon-justify-end-h, .eicon-order-start, .eicon-order-end) {
3716 transform: rotate(calc(var(--is-rtl) * 180deg));
3717 }
3718 .e-ui-state--document-direction-mode__row-reverse [class^=eicon-flex]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow):is(.eicon-justify-start-h, .eicon-justify-end-h, .eicon-order-start, .eicon-order-end), .e-ui-state--document-direction-mode__row-reverse [class*=" eicon-flex"]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow):is(.eicon-justify-start-h, .eicon-justify-end-h, .eicon-order-start, .eicon-order-end) {
3719 transform: rotate(calc(var(--is-ltr) * 180deg));
3720 }
3721
3722 html.elementor-html {
3723 margin-block-start: 0 !important;
3724 }
3725
3726 .elementor-edit-area {
3727 position: relative;
3728 }
3729
3730 .elementor.loading {
3731 opacity: 0.5;
3732 }
3733
3734 .elementor-edit-area-active {
3735 --primary-color: var(--e-p-border-con);
3736 --secondary-color: var(--e-p-border-con-hover);
3737 --outline-color: var(--e-p-border-con-active);
3738 }
3739 .elementor-edit-area-active .e-con {
3740 --primary-color: var(--e-p-border-con);
3741 --secondary-color: var(--e-p-border-con-hover);
3742 --outline-color: var( --outline-color );
3743 }
3744 .elementor-edit-area-active .e-con.e-dragging-over, .elementor-edit-area-active .e-con.elementor-dragging-on-child, .elementor-edit-area-active .e-con.e-con-boxed.elementor-html5dnd-current-element {
3745 outline: 1px solid var(--outline-color);
3746 }
3747 .elementor-edit-area-active .e-grid-outline {
3748 display: none;
3749 }
3750 .elementor-edit-area-active .elementor-element-editable.e-grid.e-con-full > .e-grid-outline {
3751 padding-block-start: var(--bc-padding-block-start, var(--padding-block-start));
3752 padding-block-end: var(--bc-padding-block-end, var(--padding-block-end));
3753 display: grid;
3754 position: absolute;
3755 top: 0;
3756 bottom: 0;
3757 pointer-events: none;
3758 grid-gap: var(--gap);
3759 justify-items: var(--justify-items);
3760 align-items: var(--align-items);
3761 grid-auto-flow: var(--grid-auto-flow);
3762 justify-content: var(--grid-justify-content);
3763 align-content: var(--grid-align-content);
3764 min-height: var(--min-height);
3765 padding-inline-end: var(--bc-padding-inline-end, var(--padding-inline-end));
3766 padding-inline-start: var(--bc-padding-inline-start, var(--padding-inline-start));
3767 width: 100%;
3768 left: 0;
3769 }
3770 .elementor-edit-area-active .elementor-element-editable.e-grid.e-con-boxed > .e-con-inner {
3771 position: relative;
3772 }
3773 .elementor-edit-area-active .elementor-element-editable.e-grid.e-con-boxed > .e-con-inner > .e-grid-outline {
3774 padding-block-start: var(--bc-padding-block-start, var(--padding-block-start));
3775 padding-block-end: var(--bc-padding-block-end, var(--padding-block-end));
3776 display: grid;
3777 position: absolute;
3778 top: 0;
3779 bottom: 0;
3780 pointer-events: none;
3781 grid-gap: var(--gap);
3782 justify-items: var(--justify-items);
3783 align-items: var(--align-items);
3784 grid-auto-flow: var(--grid-auto-flow);
3785 justify-content: var(--grid-justify-content);
3786 align-content: var(--grid-align-content);
3787 min-height: var(--min-height);
3788 width: var(--width);
3789 margin: 0 auto;
3790 }
3791 .elementor-edit-area-active .elementor-element-editable.e-grid .e-grid-outline-item {
3792 border: 1px dashed #9DA5AE;
3793 pointer-events: none;
3794 width: 100%;
3795 height: 100%;
3796 }
3797 .elementor-edit-area-active .elementor-inner-section:first-child {
3798 margin-block-start: 15px;
3799 }
3800 .elementor-edit-area-active .elementor-widget-wrap.elementor-element-empty {
3801 min-height: 30px;
3802 }
3803 @media (min-width: 768px) {
3804 .elementor-edit-area-active .elementor-widget-wrap.elementor-element-empty {
3805 margin: 10px;
3806 }
3807 }
3808 .elementor-edit-area-active .elementor-column {
3809 min-width: 25px;
3810 }
3811 .elementor-edit-area-active .elementor-widget.elementor-loading {
3812 opacity: 0.3;
3813 }
3814 .elementor-edit-area-active .elementor-widget.elementor-element-edit-mode:hover {
3815 box-shadow: 0 0 0 1px var(--e-p-border-widget);
3816 }
3817 .elementor-edit-area-active .elementor-widget.elementor-element-editable, .elementor-edit-area-active .elementor-widget.elementor-element-editable:hover {
3818 box-shadow: 0 0 0 2px var(--e-p-border-widget);
3819 }
3820 .elementor-edit-area-active .elementor-widget:not(:hover) .elementor-editor-element-settings {
3821 display: none;
3822 }
3823 .elementor-edit-area-active .elementor-widget.ui-draggable-dragging {
3824 pointer-events: none;
3825 }
3826 .elementor-edit-area-active .elementor-editor-element-setting {
3827 cursor: pointer;
3828 display: flex;
3829 align-items: center;
3830 justify-content: center;
3831 padding: 0;
3832 margin: 0;
3833 font-size: 11px;
3834 color: var(--e-p-border-widget-invert);
3835 width: 25px;
3836 transition: var(--e-a-transition-hover);
3837 }
3838 .elementor-edit-area-active .elementor-inline-editing {
3839 min-height: 15px;
3840 }
3841 .elementor-edit-area-active .elementor-edit-hidden {
3842 display: none;
3843 }
3844
3845 .elementor-section-wrap:empty {
3846 min-height: 25px;
3847 }
3848 .elementor-section-wrap > :first-child > .elementor-element-overlay {
3849 z-index: 9999;
3850 }
3851
3852 .elementor-element > .elementor-element-overlay {
3853 position: absolute;
3854 top: 0;
3855 left: 0;
3856 letter-spacing: 0;
3857 z-index: 9998;
3858 pointer-events: none;
3859 }
3860 .elementor-element-empty .elementor-sortable-placeholder {
3861 display: none;
3862 }
3863 .elementor-element.elementor-widget-empty {
3864 background-color: rgba(213, 216, 220, 0.8);
3865 }
3866 .elementor-element.elementor-widget-empty .elementor-widget-empty-icon {
3867 color: #BABFC5;
3868 font-size: 22px;
3869 display: block;
3870 text-align: center;
3871 padding: 10px 0;
3872 }
3873 .elementor-element:not(:hover):not(.elementor-element-editable) > .elementor-element-overlay .elementor-editor-element-settings {
3874 display: none;
3875 }
3876 .elementor-element--toggle-edit-tools > .elementor-element-overlay .elementor-editor-element-edit:not(.elementor-active) ~ * {
3877 width: 0;
3878 font-size: 0;
3879 }
3880 .elementor-element[data-side=top]:before, .elementor-element[data-side=bottom] + .elementor-element:before {
3881 content: "";
3882 background-color: var(--e-p-draggable-color);
3883 transition-timing-function: ease-out;
3884 opacity: 0.9;
3885 height: 10px;
3886 animation: placeholder-widget 500ms;
3887 display: block;
3888 }
3889 .elementor-element[data-side=bottom]:last-child:after {
3890 content: "";
3891 background-color: var(--e-p-draggable-color);
3892 transition-timing-function: ease-out;
3893 opacity: 0.9;
3894 height: 10px;
3895 animation: placeholder-widget 500ms;
3896 display: block;
3897 }
3898 .elementor-element.elementor-absolute, .elementor-element.elementor-fixed {
3899 cursor: grab;
3900 }
3901 .elementor-element.elementor-absolute:active, .elementor-element.elementor-fixed:active {
3902 cursor: grabbing;
3903 }
3904 .elementor-element.elementor-absolute .eicon-edit:before, .elementor-element.elementor-fixed .eicon-edit:before {
3905 content: "\e902";
3906 }
3907
3908 .elementor-editor-element-settings {
3909 position: absolute;
3910 display: flex;
3911 height: 26px;
3912 list-style: none;
3913 margin: 0;
3914 padding: 0;
3915 font-family: var(--e-a-font-family);
3916 font-size: 13px;
3917 font-weight: normal;
3918 font-style: normal;
3919 line-height: 1;
3920 z-index: 1;
3921 pointer-events: all;
3922 transition: var(--e-a-transition-hover);
3923 }
3924
3925 @media (min-width: 1025px) {
3926 .elementor-editor-element-edit {
3927 cursor: move;
3928 }
3929 }
3930
3931 .elementor-empty-view {
3932 position: absolute;
3933 top: 0;
3934 bottom: 0;
3935 left: 0;
3936 right: 0;
3937 z-index: 1;
3938 }
3939
3940 .elementor-first-add {
3941 text-align: center;
3942 border: 1px dashed var(--e-a-border-color-bold);
3943 display: flex;
3944 height: 100%;
3945 width: 100%;
3946 position: absolute;
3947 align-items: center;
3948 justify-content: center;
3949 }
3950 .elementor-first-add .elementor-icon {
3951 font-size: 19px;
3952 color: #9DA5AE;
3953 cursor: pointer;
3954 }
3955
3956 .elementor-sortable-helper {
3957 position: absolute;
3958 cursor: move;
3959 border: var(--e-a-border);
3960 border-radius: var(--e-a-border-radius);
3961 background-color: var(--e-a-bg-active);
3962 border-color: var(--e-a-border-color-accent);
3963 color: var(--e-a-color-active);
3964 text-align: center;
3965 }
3966 .elementor-sortable-helper .icon {
3967 font-size: 28px;
3968 padding-block-start: 15px;
3969 line-height: 1;
3970 }
3971 .elementor-sortable-helper .title-wrapper {
3972 display: flex;
3973 height: 40px;
3974 align-items: center;
3975 justify-content: center;
3976 }
3977 .elementor-sortable-helper .title {
3978 font-size: 11px;
3979 }
3980
3981 .elementor-sortable-placeholder:not(.elementor-column-placeholder) {
3982 background-color: var(--e-p-draggable-color);
3983 animation-duration: 250ms;
3984 opacity: 0.9;
3985 width: 100%;
3986 align-self: stretch;
3987 }
3988 .e-con .elementor-first-add .elementor-sortable-placeholder:not(.elementor-column-placeholder) {
3989 align-self: center;
3990 }
3991 .e-swappable--active > .elementor-sortable-placeholder:not(.elementor-column-placeholder) {
3992 display: none;
3993 }
3994
3995 .elementor-section-placeholder {
3996 height: 40px;
3997 animation-name: placeholder-section;
3998 }
3999
4000 .elementor-widget-placeholder {
4001 height: 10px;
4002 animation-name: placeholder-widget;
4003 }
4004
4005 .elementor-draggable-over:not([data-dragged-element=section]):not([data-dragged-is-inner=true]) > .elementor-empty-view > .elementor-first-add:after,
4006 .elementor-first-add.elementor-html5dnd-current-element:after {
4007 content: "";
4008 background-color: var(--e-p-draggable-color);
4009 transition-timing-function: ease-out;
4010 opacity: 0.9;
4011 height: 10px;
4012 animation: placeholder-widget 500ms;
4013 width: 100%;
4014 }
4015 .e-con .elementor-draggable-over:not([data-dragged-element=section]):not([data-dragged-is-inner=true]) > .elementor-empty-view > .elementor-first-add:after,
4016 .e-con .elementor-first-add.elementor-html5dnd-current-element:after {
4017 display: none;
4018 }
4019 .elementor-draggable-over:not([data-dragged-element=section]):not([data-dragged-is-inner=true]) > .elementor-empty-view > .elementor-first-add .elementor-icon,
4020 .elementor-first-add.elementor-html5dnd-current-element .elementor-icon {
4021 display: none;
4022 }
4023
4024 .elementor-draggable-over[data-dragged-element=section][data-dragged-is-inner=true] .elementor-inner-column .elementor-sortable-placeholder {
4025 display: none;
4026 }
4027
4028 .elementor-editor-preview .elementor-element-overlay,
4029 .elementor-editor-preview .elementor-empty,
4030 .elementor-editor-preview .elementor-add-section,
4031 .elementor-editor-preview .elementor-add-section-inline,
4032 .elementor-editor-preview .elementor-empty-view,
4033 .elementor-editor-preview .elementor-widget-empty {
4034 display: none;
4035 }
4036
4037 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen,
4038 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop,
4039 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop,
4040 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra,
4041 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet,
4042 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra,
4043 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile {
4044 display: inherit;
4045 background: repeating-linear-gradient(125deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 1px, transparent 2px, transparent 9px);
4046 border: 1px solid rgba(0, 0, 0, 0.02);
4047 }
4048 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.elementor-section > .elementor-element-overlay, .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.e-con > .elementor-element-overlay,
4049 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-section > .elementor-element-overlay,
4050 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.e-con > .elementor-element-overlay,
4051 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.elementor-section > .elementor-element-overlay,
4052 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.e-con > .elementor-element-overlay,
4053 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.elementor-section > .elementor-element-overlay,
4054 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.e-con > .elementor-element-overlay,
4055 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.elementor-section > .elementor-element-overlay,
4056 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.e-con > .elementor-element-overlay,
4057 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-section > .elementor-element-overlay,
4058 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.e-con > .elementor-element-overlay,
4059 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-section > .elementor-element-overlay,
4060 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.e-con > .elementor-element-overlay {
4061 background-color: var(--e-a-bg-hover);
4062 mix-blend-mode: color;
4063 }
4064 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.elementor-section:before, .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.e-con:before,
4065 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-section:before,
4066 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.e-con:before,
4067 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.elementor-section:before,
4068 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.e-con:before,
4069 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.elementor-section:before,
4070 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.e-con:before,
4071 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.elementor-section:before,
4072 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.e-con:before,
4073 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-section:before,
4074 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.e-con:before,
4075 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-section:before,
4076 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.e-con:before {
4077 content: "";
4078 display: block;
4079 position: absolute;
4080 top: 0;
4081 left: 0;
4082 width: 100%;
4083 height: 100%;
4084 background-color: rgba(255, 255, 255, 0.6);
4085 z-index: 9997;
4086 }
4087 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.e-con,
4088 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.e-con,
4089 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.e-con,
4090 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.e-con,
4091 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.e-con,
4092 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.e-con,
4093 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.e-con {
4094 display: var(--display);
4095 }
4096 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.elementor-inner-section .elementor-container,
4097 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-inner-section .elementor-container,
4098 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.elementor-inner-section .elementor-container,
4099 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.elementor-inner-section .elementor-container,
4100 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.elementor-inner-section .elementor-container,
4101 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-inner-section .elementor-container,
4102 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-inner-section .elementor-container {
4103 width: 100%;
4104 }
4105 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen > .elementor-widget-container, .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen > .elementor-widget-wrap,
4106 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop > .elementor-widget-container,
4107 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop > .elementor-widget-wrap,
4108 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop > .elementor-widget-container,
4109 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop > .elementor-widget-wrap,
4110 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra > .elementor-widget-container,
4111 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra > .elementor-widget-wrap,
4112 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet > .elementor-widget-container,
4113 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet > .elementor-widget-wrap,
4114 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra > .elementor-widget-container,
4115 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra > .elementor-widget-wrap,
4116 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-container,
4117 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-wrap {
4118 filter: opacity(0.4) saturate(0);
4119 }
4120 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.elementor-edit-hidden,
4121 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-edit-hidden,
4122 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop.elementor-edit-hidden,
4123 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra.elementor-edit-hidden,
4124 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet.elementor-edit-hidden,
4125 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-edit-hidden,
4126 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-edit-hidden {
4127 display: none;
4128 }
4129
4130 .elementor-editor-section-settings,
4131 .elementor-editor-container-settings {
4132 height: 24px;
4133 top: 1px;
4134 left: 50%;
4135 transform: translateX(-50%) translateY(-100%);
4136 background-color: var(--e-p-border-section);
4137 border-start-start-radius: 5px;
4138 border-start-end-radius: 5px;
4139 border-end-start-radius: 0;
4140 border-end-end-radius: 0;
4141 }
4142 .elementor-editor-section-settings i.eicon-handle,
4143 .elementor-editor-container-settings i.eicon-handle {
4144 font-size: 16px;
4145 }
4146 .elementor-editor-section-settings .elementor-editor-element-setting:hover,
4147 .elementor-editor-container-settings .elementor-editor-element-setting:hover {
4148 background-color: var(--e-p-border-section-hover);
4149 }
4150 .elementor-editor-section-settings .elementor-editor-element-setting:first-child,
4151 .elementor-editor-container-settings .elementor-editor-element-setting:first-child {
4152 border-start-start-radius: 5px;
4153 border-start-end-radius: 0;
4154 border-end-start-radius: 0;
4155 border-end-end-radius: 0;
4156 }
4157 .elementor-editor-section-settings .elementor-editor-element-setting:first-child:before,
4158 .elementor-editor-container-settings .elementor-editor-element-setting:first-child:before {
4159 content: "";
4160 position: absolute;
4161 top: 2px;
4162 left: calc(100% - 1px);
4163 border-block-start: 22px solid transparent;
4164 border-block-end: 0 none transparent;
4165 border-inline-start: 0 none transparent;
4166 border-inline-end: 12px solid var(--e-p-border-section);
4167 transition: var(--e-a-transition-hover);
4168 }
4169 .elementor-editor-section-settings .elementor-editor-element-setting:first-child:hover:before,
4170 .elementor-editor-container-settings .elementor-editor-element-setting:first-child:hover:before {
4171 border-inline-end-color: var(--e-p-border-section-hover);
4172 }
4173 .elementor-editor-section-settings .elementor-editor-element-setting:last-child,
4174 .elementor-editor-container-settings .elementor-editor-element-setting:last-child {
4175 border-start-start-radius: 0;
4176 border-start-end-radius: 5px;
4177 border-end-start-radius: 0;
4178 border-end-end-radius: 0;
4179 }
4180 .elementor-editor-section-settings .elementor-editor-element-setting:last-child:after,
4181 .elementor-editor-container-settings .elementor-editor-element-setting:last-child:after {
4182 content: "";
4183 position: absolute;
4184 top: 2px;
4185 right: calc(100% - 1px);
4186 border-block-start: 22px solid transparent;
4187 border-block-end: 0 none transparent;
4188 border-inline-start: 12px solid var(--e-p-border-section);
4189 border-inline-end: 0 none transparent;
4190 transition: var(--e-a-transition-hover);
4191 }
4192 .elementor-editor-section-settings .elementor-editor-element-setting:last-child:hover:after,
4193 .elementor-editor-container-settings .elementor-editor-element-setting:last-child:hover:after {
4194 border-inline-start-color: var(--e-p-border-section-hover);
4195 }
4196
4197 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings,
4198 .elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings {
4199 transform: translateX(-50%);
4200 border-start-start-radius: 0;
4201 border-start-end-radius: 0;
4202 border-end-start-radius: 5px;
4203 border-end-end-radius: 5px;
4204 }
4205 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child,
4206 .elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child {
4207 border-start-start-radius: 0;
4208 border-start-end-radius: 0;
4209 border-end-start-radius: 5px;
4210 border-end-end-radius: 0;
4211 }
4212 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before,
4213 .elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before {
4214 top: 0;
4215 border-block-start: 0 none transparent;
4216 border-block-end: 22px solid transparent;
4217 border-inline-start: 0 none transparent;
4218 border-inline-end: 12px solid var(--e-p-border-section);
4219 transition: var(--e-a-transition-hover);
4220 }
4221 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child,
4222 .elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child {
4223 border-start-start-radius: 0;
4224 border-start-end-radius: 0;
4225 border-end-start-radius: 0;
4226 border-end-end-radius: 5px;
4227 }
4228 .e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after,
4229 .elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after {
4230 top: 0;
4231 border-block-start: 0 none transparent;
4232 border-block-end: 22px solid transparent;
4233 border-inline-start: 12px solid var(--e-p-border-section);
4234 border-inline-end: 0 none transparent;
4235 transition: var(--e-a-transition-hover);
4236 }
4237
4238 .elementor-column > .elementor-element-overlay {
4239 right: 0;
4240 bottom: 0;
4241 }
4242 .elementor-column > .elementor-element-overlay:after {
4243 position: absolute;
4244 left: 0;
4245 right: 0;
4246 top: 0;
4247 bottom: 0;
4248 outline: 1px dashed var(--e-p-border-column);
4249 }
4250 .elementor-column:hover > .elementor-element-overlay:after {
4251 content: "";
4252 }
4253 .elementor-column.elementor-element-editable > .elementor-element-overlay:after {
4254 content: "";
4255 outline: 2px solid var(--e-p-border-column);
4256 }
4257 .elementor-column.elementor-dragging-on-child > .elementor-element-overlay {
4258 border: 1px solid var(--e-p-draggable-color);
4259 }
4260 .elementor-column.elementor-dragging-on-child > .elementor-element-overlay:after {
4261 display: none;
4262 }
4263 .elementor-column > .ui-resizable-e, .elementor-column > .ui-resizable-w {
4264 cursor: col-resize;
4265 width: 7px;
4266 position: absolute;
4267 left: -5px;
4268 top: 0;
4269 height: 100%;
4270 }
4271 .elementor-column:last-of-type > .ui-resizable-e, .elementor-column:last-of-type > .ui-resizable-w {
4272 display: none !important;
4273 }
4274 @media (max-width: 1024px) {
4275 .elementor-column > .ui-resizable-e, .elementor-column > .ui-resizable-w {
4276 display: none !important;
4277 }
4278 }
4279
4280 .elementor-editor-column-settings {
4281 top: -1px;
4282 right: -1px;
4283 border-start-start-radius: 0;
4284 border-start-end-radius: 0;
4285 border-end-start-radius: 0;
4286 border-end-end-radius: 3px;
4287 overflow: hidden;
4288 }
4289 .elementor-editor-column-settings .elementor-editor-element-setting {
4290 background-color: var(--e-p-border-column);
4291 }
4292 .elementor-editor-column-settings .elementor-editor-element-setting:hover {
4293 background-color: var(--e-p-border-column-hover);
4294 }
4295
4296 .elementor-column-placeholder {
4297 position: relative;
4298 }
4299 .elementor-column-placeholder:before, .elementor-column-placeholder:after {
4300 content: "";
4301 position: absolute;
4302 top: 10px;
4303 bottom: 10px;
4304 right: 10px;
4305 left: 10px;
4306 }
4307 .elementor-column-placeholder:before {
4308 border: 1px solid var(--e-p-border-column);
4309 }
4310 .elementor-column-placeholder:after {
4311 border: 1px dashed var(--e-a-color-white);
4312 }
4313
4314 .elementor-column-percents-tooltip {
4315 position: absolute;
4316 display: none;
4317 pointer-events: none;
4318 top: 50%;
4319 transform: translateY(-50%);
4320 color: #fff;
4321 font-size: 10px;
4322 background-color: var(--e-p-border-column);
4323 width: 40px;
4324 padding: 3.5px 0;
4325 text-align: center;
4326 z-index: 1;
4327 line-height: 1;
4328 }
4329 .elementor-column-percents-tooltip:after {
4330 content: "";
4331 position: absolute;
4332 width: 0;
4333 height: 0;
4334 border: 8.5px solid transparent;
4335 top: 0;
4336 }
4337 .elementor-column-percents-tooltip[data-side=left] {
4338 border-radius: 3px 0 0 3px;
4339 right: 15px;
4340 }
4341 .elementor-column-percents-tooltip[data-side=left]:after {
4342 left: 100%;
4343 border-left-color: var(--e-p-border-column);
4344 border-right-width: 0;
4345 }
4346 .elementor-column-percents-tooltip[data-side=right] {
4347 border-radius: 0 3px 3px 0;
4348 left: 15px;
4349 }
4350 .elementor-column-percents-tooltip[data-side=right]:after {
4351 right: 100%;
4352 border-right-color: var(--e-p-border-column);
4353 border-left-width: 0;
4354 }
4355
4356 .elementor-editor-widget-settings {
4357 z-index: 2;
4358 top: -1px;
4359 left: -1px;
4360 flex-direction: row-reverse;
4361 border-start-start-radius: 0;
4362 border-start-end-radius: 0;
4363 border-end-start-radius: 3px;
4364 border-end-end-radius: 0;
4365 overflow: hidden;
4366 }
4367 .elementor-editor-widget-settings .elementor-editor-element-setting {
4368 background-color: var(--e-p-border-widget);
4369 }
4370 .elementor-editor-widget-settings .elementor-editor-element-setting:hover {
4371 background-color: var(--e-p-border-widget-hover);
4372 }
4373
4374 .e-widget-pro-promotion .elementor-widget-container {
4375 border: 2px dashed var(--e-a-border-color-bold);
4376 background-color: var(--e-a-color-white);
4377 padding: 20px;
4378 }
4379 .e-widget-pro-promotion .e-container {
4380 max-width: 600px;
4381 margin: auto;
4382 }
4383 .e-widget-pro-promotion .e-badge {
4384 border: 1px solid var(--e-a-color-accent);
4385 color: var(--e-a-color-accent);
4386 background: var(--e-a-color-white);
4387 border-radius: 100px;
4388 padding: 4px 12px;
4389 font-size: 0.8em;
4390 }
4391 .e-widget-pro-promotion p {
4392 margin-block-start: 1em;
4393 margin-block-end: 1em;
4394 text-align: center;
4395 }
4396 .e-widget-pro-promotion p img {
4397 display: block;
4398 margin: 0 auto 20px;
4399 }
4400 .e-widget-pro-promotion .e-actions {
4401 display: flex;
4402 justify-content: center;
4403 gap: 10px;
4404 }
4405 .e-widget-pro-promotion .e-btn {
4406 font-size: 14px;
4407 font-weight: 500;
4408 line-height: 1.2;
4409 padding: 8px 16px;
4410 border-radius: var(--e-a-border-radius);
4411 background-color: var(--e-a-btn-bg-accent);
4412 color: var(--e-a-btn-color-invert);
4413 transition: var(--e-a-transition-hover);
4414 }
4415 .e-widget-pro-promotion .e-btn:hover, .e-widget-pro-promotion .e-btn:focus {
4416 background-color: var(--e-a-btn-bg-accent-hover);
4417 color: var(--e-a-btn-color-invert);
4418 }
4419 .e-widget-pro-promotion .e-btn:active {
4420 background-color: var(--e-a-btn-bg-accent-active);
4421 }
4422 .e-widget-pro-promotion .e-btn.e-btn-txt, .e-widget-pro-promotion .dialog-type-confirm .dialog-buttons-wrapper .e-btn.dialog-button.dialog-cancel, .dialog-type-confirm .dialog-buttons-wrapper .e-widget-pro-promotion .e-btn.dialog-button.dialog-cancel,
4423 .e-widget-pro-promotion .dialog-type-alert .dialog-buttons-wrapper .e-btn.dialog-button.dialog-cancel,
4424 .dialog-type-alert .dialog-buttons-wrapper .e-widget-pro-promotion .e-btn.dialog-button.dialog-cancel {
4425 background: transparent;
4426 color: var(--e-a-color-txt);
4427 }
4428 .e-widget-pro-promotion .e-btn.e-btn-txt:hover, .e-widget-pro-promotion .dialog-type-confirm .dialog-buttons-wrapper .e-btn.dialog-button.dialog-cancel:hover, .dialog-type-confirm .dialog-buttons-wrapper .e-widget-pro-promotion .e-btn.dialog-button.dialog-cancel:hover,
4429 .e-widget-pro-promotion .dialog-type-alert .dialog-buttons-wrapper .e-btn.dialog-button.dialog-cancel:hover,
4430 .dialog-type-alert .dialog-buttons-wrapper .e-widget-pro-promotion .e-btn.dialog-button.dialog-cancel:hover, .e-widget-pro-promotion .e-btn.e-btn-txt:focus, .e-widget-pro-promotion .dialog-type-confirm .dialog-buttons-wrapper .e-btn.dialog-button.dialog-cancel:focus, .dialog-type-confirm .dialog-buttons-wrapper .e-widget-pro-promotion .e-btn.dialog-button.dialog-cancel:focus,
4431 .e-widget-pro-promotion .dialog-type-alert .dialog-buttons-wrapper .e-btn.dialog-button.dialog-cancel:focus,
4432 .dialog-type-alert .dialog-buttons-wrapper .e-widget-pro-promotion .e-btn.dialog-button.dialog-cancel:focus {
4433 background: var(--e-a-bg-hover);
4434 color: var(--e-a-color-txt-hover);
4435 }
4436
4437 .elementor-section > .elementor-element-overlay,
4438 .e-con > .elementor-element-overlay {
4439 right: 0;
4440 bottom: 0;
4441 }
4442 .elementor-section > .elementor-element-overlay:after,
4443 .e-con > .elementor-element-overlay:after {
4444 position: absolute;
4445 left: 1px;
4446 right: 1px;
4447 top: 1px;
4448 bottom: 1px;
4449 outline: 1px solid var(--e-p-border-con);
4450 animation: section-outline 0.75s;
4451 }
4452 .elementor-section:hover > .elementor-element-overlay:after,
4453 .e-con:hover > .elementor-element-overlay:after {
4454 content: "";
4455 }
4456 .elementor-section.elementor-element-editable > .elementor-element-overlay:after,
4457 .e-con.elementor-element-editable > .elementor-element-overlay:after {
4458 content: "";
4459 outline-width: 2px;
4460 }
4461
4462 .e-con .e-con-inner .e-con > .elementor-element-overlay:after {
4463 outline: 1px dashed var(--e-p-border-con-in);
4464 }
4465 .e-con .e-con-inner .e-con.elementor-element-editable > .elementor-element-overlay:after {
4466 outline: 2px solid var(--e-p-border-con-in);
4467 }
4468 .e-con .elementor-empty-view {
4469 position: relative;
4470 width: 100%;
4471 height: 100%;
4472 min-height: 100px;
4473 }
4474 .e-con .elementor-empty-view .elementor-first-add {
4475 width: auto;
4476 height: auto;
4477 inset: 0;
4478 }
4479 .e-con:not(.e-grid) .elementor-empty-view {
4480 min-height: var(--min-height, 100px);
4481 }
4482 .e-con.e-grid .elementor-empty-view {
4483 min-width: 100px;
4484 }
4485 .e-con .elementor-widget-placeholder {
4486 --size: 10px;
4487 --margin-start: calc( -1 * var( --size ) );
4488 --margin-end: calc( -2 * var( --size ) );
4489 flex-shrink: 0;
4490 align-self: stretch;
4491 z-index: 1;
4492 pointer-events: none;
4493 }
4494 .e-con.e-con--row > .elementor-widget-placeholder, .e-con.e-con--row > .e-con-inner > .elementor-widget-placeholder {
4495 position: relative;
4496 z-index: 9999;
4497 width: var(--size);
4498 margin-inline-start: var(--margin-start);
4499 height: auto;
4500 min-height: 100%;
4501 animation-name: dnd-placeholder-widget-vertical;
4502 animation-fill-mode: both;
4503 }
4504 .e-con.e-con--row[data-nesting-level]:not([data-nesting-level="0"]) > .elementor-widget-placeholder, .e-con.e-con--row[data-nesting-level]:not([data-nesting-level="0"]) > .e-con-inner > .elementor-widget-placeholder {
4505 margin-inline-end: 0;
4506 margin-inline-start: calc(var(--margin-start) + var(--margin-end));
4507 }
4508 .e-con.e-con--row[data-nesting-level]:not([data-nesting-level="0"]) > :not(.elementor-element) + .elementor-widget-placeholder, .e-con.e-con--row[data-nesting-level]:not([data-nesting-level="0"]) > .e-con-inner > :not(.elementor-element) + .elementor-widget-placeholder {
4509 margin-inline-end: var(--margin-end);
4510 margin-inline-start: var(--margin-start);
4511 }
4512 .e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-right, .e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-left, .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-right, .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-left {
4513 position: absolute;
4514 width: var(--size);
4515 height: 100%;
4516 top: 0;
4517 animation: grow-in-width 0.15s forwards;
4518 }
4519 .e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-right, .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-right {
4520 right: 0;
4521 left: auto;
4522 }
4523 .e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-left, .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-left {
4524 left: 0;
4525 right: auto;
4526 }
4527 .e-con.e-con--column > .elementor-widget-placeholder, .e-con.e-con--column > .e-con-inner > .elementor-widget-placeholder {
4528 height: var(--size);
4529 margin-block-start: var(--margin-start);
4530 margin-block-end: var(--margin-end);
4531 animation-name: dnd-placeholder-widget-horizontal;
4532 }
4533 .e-con.e-con--column > .elementor-widget-placeholder:nth-last-child(2) {
4534 margin-block-start: calc(2 * var(--margin-start));
4535 --margin-end: 0;
4536 }
4537 .e-con.e-con--column > .e-con-inner > .elementor-widget-placeholder:last-child {
4538 --margin-end: 0;
4539 }
4540 .e-con .elementor-sortable-helper {
4541 height: 84px;
4542 width: 125px;
4543 z-index: -1;
4544 }
4545 .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting {
4546 position: relative;
4547 background-color: var(--e-p-border-con-in);
4548 }
4549 .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:hover, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:hover, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting:hover {
4550 background-color: var(--e-p-border-con-in-hover);
4551 }
4552 .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-add, .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-edit + .elementor-editor-element-remove, .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:first-child::before, .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:last-child::after, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-add, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-edit + .elementor-editor-element-remove, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:first-child::before, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:last-child::after, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-add, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-edit + .elementor-editor-element-remove, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting:first-child::before, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting:last-child::after {
4553 display: none;
4554 }
4555 .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit), .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit), .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit) {
4556 margin-inline-start: -25px;
4557 z-index: -1;
4558 transition: 0.3s all;
4559 will-change: margin-inline-start;
4560 }
4561 .e-con > .e-con > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove), .e-con-inner > .e-con > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove), .elementor-widget .e-con > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove) {
4562 margin-inline-start: 0;
4563 }
4564 .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-settings, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-settings, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-settings {
4565 inset: initial;
4566 transform: none;
4567 inset-inline-start: 0;
4568 top: 0;
4569 border-radius: 0;
4570 border-end-end-radius: 3px;
4571 height: auto;
4572 }
4573 .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before {
4574 content: "\e9b4";
4575 font-size: 20px;
4576 display: block;
4577 padding: 2px;
4578 }
4579
4580 body.rtl .e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-right, body.rtl .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-right {
4581 left: 0;
4582 right: auto;
4583 }
4584 body.rtl .e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-left, body.rtl .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-left {
4585 right: 0;
4586 left: auto;
4587 }
4588
4589 @keyframes dnd-placeholder-widget-vertical {
4590 0% {
4591 transform-origin: 0 50%;
4592 transform: translateX(50%) scaleX(0);
4593 opacity: 0;
4594 }
4595 100% {
4596 transform-origin: 0 50%;
4597 transform: translateX(50%) scaleX(1);
4598 opacity: 0.9;
4599 }
4600 }
4601 @keyframes dnd-placeholder-widget-horizontal {
4602 0% {
4603 transform-origin: 50% 0;
4604 transform: scaleY(0);
4605 opacity: 0;
4606 }
4607 100% {
4608 transform-origin: 50% 0;
4609 transform: scaleY(1);
4610 opacity: 0.9;
4611 }
4612 }
4613 @keyframes grow-in-width {
4614 from {
4615 width: 0;
4616 }
4617 50% {
4618 width: calc(var(--size) / 2);
4619 }
4620 to {
4621 width: var(--size);
4622 }
4623 }
4624 .e-con-select-preset {
4625 display: flex;
4626 flex-direction: column;
4627 align-items: center;
4628 justify-content: center;
4629 gap: 25px;
4630 }
4631 .e-con-select-preset[data-view=choose-preset] > *:not(.e-con-select-preset__inner) {
4632 display: none;
4633 }
4634 .e-con-select-preset[data-view=drop-area] > *:not(.elementor-first-add) {
4635 display: none;
4636 }
4637 .e-con-select-preset__title {
4638 font-family: var(--e-a-font-family);
4639 font-size: 15px;
4640 font-weight: 400;
4641 color: var(--e-a-color-txt);
4642 }
4643 .e-con-select-preset__list {
4644 display: flex;
4645 gap: 20px;
4646 align-items: center;
4647 justify-content: center;
4648 flex-wrap: wrap;
4649 max-width: 650px;
4650 }
4651 .e-con-select-preset__list .e-con-preset {
4652 cursor: pointer;
4653 flex-basis: 90px;
4654 }
4655 .e-con-select-preset__list .e-con-preset svg {
4656 width: 100%;
4657 height: auto;
4658 }
4659 .e-con-select-preset__list .e-con-preset svg:not(.exclude-rtl-scale) {
4660 transform: scaleX(-1);
4661 }
4662 .e-con-select-preset__list .e-con-preset path {
4663 fill: var(--e-a-color-white);
4664 }
4665 .e-con-select-preset__list .e-con-preset rect {
4666 fill: var(--e-a-bg-active-bold);
4667 transition: 0.3s all;
4668 }
4669 .e-con-select-preset__list .e-con-preset:hover rect {
4670 fill: var(--e-a-color-txt);
4671 }
4672 .e-con-select-preset__list .e-con-preset[data-preset=r100] {
4673 transform: scaleX(-1);
4674 }
4675 .e-con-shared-styles {
4676 font-family: var(--e-a-font-family);
4677 line-height: 1;
4678 color: var(--e-a-color-txt);
4679 min-height: 159px;
4680 overflow: hidden;
4681 display: flex;
4682 flex-direction: column;
4683 align-items: center;
4684 justify-content: center;
4685 gap: 25px;
4686 }
4687 .e-con-select-type__title {
4688 font-size: 15px;
4689 font-weight: 400;
4690 }
4691 .e-con-select-type__icons {
4692 display: flex;
4693 justify-content: center;
4694 flex-wrap: wrap;
4695 gap: 40px;
4696 }
4697 .e-con-select-type__icons__icon {
4698 cursor: pointer;
4699 }
4700 .e-con-select-type__icons__icon svg {
4701 margin-block-end: 10px;
4702 width: 85px;
4703 }
4704 .e-con-select-type__icons__icon svg:hover rect {
4705 fill: var(--e-a-color-txt);
4706 }
4707 .e-con-select-type__icons__icon svg:hover path {
4708 stroke: var(--e-a-color-white);
4709 }
4710 .e-con-select-type__icons__icon__subtitle {
4711 font-size: 14px;
4712 font-weight: 500;
4713 }
4714 .e-con-select-preset-grid__title {
4715 font-size: 15px;
4716 font-weight: 400;
4717 }
4718 .e-con-select-preset-grid__list {
4719 display: flex;
4720 justify-content: center;
4721 flex-wrap: wrap;
4722 gap: 20px;
4723 }
4724 .e-con-select-preset-grid__list svg {
4725 cursor: pointer;
4726 }
4727 .e-con-select-preset-grid__list svg:hover rect {
4728 fill: var(--e-a-color-txt);
4729 }
4730 .e-con-select-preset-grid__list svg:hover path {
4731 stroke: var(--e-a-color-white);
4732 }
4733 .e-con .ui-resizable-e {
4734 right: 0;
4735 }
4736 .e-con .ui-resizable-w {
4737 left: 0;
4738 }
4739 /*# sourceMappingURL=editor-preview-rtl.css.map */