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

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

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