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

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

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