PluginProbe
Elementor Website Builder – more than just a page builder / 3.21.5
Elementor Website Builder – more than just a page builder v3.21.5
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.21.5, at assets/css/editor-preview.css

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