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

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

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