PluginProbe
Elementor Website Builder – more than just a page builder / 3.18.3
Elementor Website Builder – more than just a page builder v3.18.3
4.3.4 4.3.3 4.3.2 4.3.1 4.3.0 4.3.0-beta3 4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 All 457 releases
elementor / assets / css / editor-preview-rtl.css

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

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