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

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

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