PluginProbe
Elementor Website Builder – more than just a page builder / 3.23.0-dev3
Elementor Website Builder – more than just a page builder v3.23.0-dev3
4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 4.1.0-beta2 4.1.0-dev2 4.0.8 4.1.0-beta1 4.1.0-dev1 4.0.7 All 451 releases
elementor / assets / css / editor-preview-rtl.css

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

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