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

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

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