PluginProbe
Elementor Website Builder – more than just a page builder / 3.13.0-beta1
Elementor Website Builder – more than just a page builder v3.13.0-beta1
4.3.4 4.3.3 4.3.2 4.3.1 4.3.0 4.3.0-beta3 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 All 457 releases
elementor / assets / css / editor-preview.css

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

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