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

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

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