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

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