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

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

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