PluginProbe
Elementor Website Builder – more than just a page builder / 3.19.1
Elementor Website Builder – more than just a page builder v3.19.1
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-rtl.css

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

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