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

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