PluginProbe
Elementor Website Builder – more than just a page builder / 3.2.0
Elementor Website Builder – more than just a page builder v3.2.0
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
← All changes | assets/css/editor.css +318 -141 3.1.43.2.0 View file →
@@ -1,5 +1,5 @@
1 -/*! elementor - v3.1.4 - 10-03-2021 */
1 +/*! elementor - v3.2.0 - 19-04-2021 */
2 2 @charset "UTF-8";
3 3 .elementor-control-unit-1 {
4 4 width: 27px; }
5 5
@@ -62,30 +62,29 @@
62 62 body a {
63 63 color: #71d7f7; }
64 64 body a:hover {
65 65 color: #93003c; }
66 - body.elementor-editor-active #elementor-preview {
67 - right: 0; }
68 - @media (max-width: 1439px) {
69 - body.elementor-editor-active #elementor-preview {
70 - left: 280px; } }
71 - @media (min-width: 1440px) {
72 - body.elementor-editor-active #elementor-preview {
73 - left: 300px; } }
74 66 body.elementor-editor-active #elementor-mode-switcher-preview .eicon:before {
75 67 content: ""; }
76 - body.elementor-editor-preview #elementor-preview {
77 - left: 0; }
78 - body.elementor-editor-preview #elementor-mode-switcher-preview .eicon:before {
79 - content: ""; }
68 + body.elementor-editor-preview {
69 + --e-preview-width: 100%; }
70 + body.elementor-editor-preview #elementor-mode-switcher-preview .eicon:before {
71 + content: ""; }
80 72 body.elementor-navigator--dock-hint:after {
81 73 width: 30px; }
82 74
75 +#elementor-editor-wrapper {
76 + display: -webkit-box;
77 + display: -ms-flexbox;
78 + display: flex;
79 + width: 100%;
80 + height: 100vh; }
81 +
83 82 #elementor-panel:not(.ui-resizable-resizing),
84 83 #elementor-preview:not(.ui-resizable-resizing) {
85 - -webkit-transition: left 0.5s, width 0.5s;
86 - -o-transition: left 0.5s, width 0.5s;
87 - transition: left 0.5s, width 0.5s; }
84 + -webkit-transition: margin .5s ease-in-out, width .5s ease-in-out;
85 + -o-transition: margin .5s ease-in-out, width .5s ease-in-out;
86 + transition: margin .5s ease-in-out, width .5s ease-in-out; }
88 87
89 88 #elementor-loading {
90 89 position: fixed;
91 90 top: 0;
@@ -554,36 +553,40 @@
554 553 #nprogress .bar,
555 554 #nprogress .spinner {
556 555 z-index: 100000; }
557 556
557 +:root {
558 + --e-is-preview-mode: 0; }
559 + @media (max-width: 1439px) {
560 + :root {
561 + --e-editor-panel-width: 280px; } }
562 + @media (min-width: 1440px) {
563 + :root {
564 + --e-editor-panel-width: 300px; } }
565 +
558 566 .elementor-panel {
559 - position: fixed;
567 + position: relative;
560 568 height: 100%;
561 - top: 0;
562 - bottom: 0;
569 + -webkit-margin-start: calc(-1 * var(--e-editor-panel-width) * var(--e-is-preview-mode));
570 + margin-inline-start: calc(-1 * var(--e-editor-panel-width) * var(--e-is-preview-mode));
571 + width: var(--e-editor-panel-width);
563 572 overflow: visible;
564 573 background-color: #e6e9ec;
565 574 z-index: 1;
566 575 font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
567 576 font-size: 13px; }
568 - .elementor-editor-active .elementor-panel {
569 - left: 0; }
570 - @media (max-width: 1439px) {
571 - .elementor-editor-preview .elementor-panel {
572 - left: -280px; } }
573 - @media (min-width: 1440px) {
574 - .elementor-editor-preview .elementor-panel {
575 - left: -300px; } }
576 - .elementor-editor-preview .elementor-panel > .ui-resizable-e, .elementor-editor-preview .elementor-panel > .ui-resizable-w {
577 - display: none; }
578 - @media (max-width: 1439px) {
579 - .elementor-panel {
580 - width: 280px; } }
581 - @media (min-width: 1440px) {
582 - .elementor-panel {
583 - width: 300px; } }
584 - .elementor-panel .ps-scrollbar-y-rail {
577 + .elementor-editor-preview .elementor-panel {
578 + --e-is-preview-mode: 1; }
579 + .elementor-editor-preview .elementor-panel > .ui-resizable-e, .elementor-editor-preview .elementor-panel > .ui-resizable-w {
580 + display: none; }
581 + .elementor-panel .ps__rail-y {
585 582 z-index: 2; }
583 + .elementor-panel .elementor-responsive-panel {
584 + overflow: hidden;
585 + padding: 5px 10px;
586 + display: grid;
587 + gap: 10px;
588 + grid-template-columns: repeat(auto-fill, minmax(Min(135px, calc( 50% - 5px)), 1fr)); }
586 589 .elementor-panel ::-moz-selection {
587 590 background: #5bc0de;
588 591 color: #ffffff; }
589 592 .elementor-panel ::selection {
@@ -773,11 +776,9 @@
773 776 -o-transition: transform .3s;
774 777 transition: transform .3s;
775 778 transition: transform .3s, -webkit-transform .3s; }
776 779 .elementor-panel .elementor-panel-category-items {
777 - overflow: hidden;
778 - padding: 0 5px;
779 - display: none; }
780 + padding: 0 10px; }
780 781 .elementor-panel .elementor-panel-scheme-title {
781 782 padding: 10px 20px;
782 783 margin-top: 10px; }
783 784 .elementor-panel .elementor-panel-scheme-description {
@@ -1157,10 +1158,9 @@
1157 1158 text-transform: uppercase;
1158 1159 cursor: pointer; }
1159 1160
1160 1161 #elementor-panel-elements {
1161 - overflow: hidden;
1162 - padding: 0 5px; }
1162 + overflow: hidden; }
1163 1163
1164 1164 #elementor-panel-state-loading {
1165 1165 display: none; }
1166 1166 body.elementor-panel-loading #elementor-panel-state-loading {
@@ -1183,11 +1183,18 @@
1183 1183 #elementor-panel-state-loading .eicon-loading {
1184 1184 font-size: 25px;
1185 1185 color: #71d7f7; }
1186 1186
1187 +#elementor-panel-elements-search-area {
1188 + position: -webkit-sticky;
1189 + position: sticky;
1190 + top: 0;
1191 + padding: 10px;
1192 + background-color: #e6e9ec;
1193 + z-index: 1; }
1194 +
1187 1195 #elementor-panel-elements-search-wrapper {
1188 - position: relative;
1189 - margin: 10px 10px 5px; }
1196 + position: relative; }
1190 1197
1191 1198 #elementor-panel-elements-search-input {
1192 1199 background-color: rgba(255, 255, 255, 0.7);
1193 1200 font-size: 11px;
@@ -1221,11 +1228,8 @@
1221 1228 background-color: #fff;
1222 1229 cursor: move;
1223 1230 position: relative; }
1224 1231 .elementor-panel .elementor-element-wrapper {
1225 - float: left;
1226 - width: 50%;
1227 - padding: 5px;
1228 1232 text-align: center;
1229 1233 -webkit-box-sizing: border-box;
1230 1234 box-sizing: border-box; }
1231 1235 .elementor-panel .elementor-element--promotion .elementor-element {
@@ -2977,29 +2981,35 @@
2977 2981
2978 2982 .elementor-tab-close {
2979 2983 display: none !important; }
2980 2984
2981 -.elementor-control-type-textarea.elementor-control-dynamic-value .elementor-control-dynamic-switcher {
2985 +.elementor-control-type-textarea.elementor-control-dynamic-value .elementor-control-dynamic-switcher,
2986 +.elementor-control-type-code.elementor-control-dynamic-value .elementor-control-dynamic-switcher {
2982 2987 -webkit-border-radius: 0 3px 3px 0;
2983 2988 border-radius: 0 3px 3px 0;
2984 2989 border-left-width: 0; }
2985 2990
2986 -.elementor-control-type-textarea .elementor-control-dynamic-switcher {
2991 +.elementor-control-type-textarea .elementor-control-dynamic-switcher,
2992 +.elementor-control-type-code .elementor-control-dynamic-switcher {
2987 2993 -webkit-border-radius: 0px 3px;
2988 2994 border-radius: 0px 3px; }
2989 2995
2990 -.elementor-control-type-textarea:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher {
2996 +.elementor-control-type-textarea:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher,
2997 +.elementor-control-type-code:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher {
2991 2998 position: absolute;
2992 2999 top: 0;
2993 3000 right: 0; }
2994 3001
2995 -.elementor-control-type-textarea .elementor-control-input-wrapper {
3002 +.elementor-control-type-textarea .elementor-control-input-wrapper,
3003 +.elementor-control-type-code .elementor-control-input-wrapper {
2996 3004 position: relative; }
2997 3005
2998 -.elementor-control-type-textarea textarea {
3006 +.elementor-control-type-textarea textarea,
3007 +.elementor-control-type-code textarea {
2999 3008 display: block;
3000 3009 font-family: inherit; }
3001 - .elementor-control-type-textarea textarea:focus + .elementor-control-dynamic-switcher {
3010 + .elementor-control-type-textarea textarea:focus + .elementor-control-dynamic-switcher,
3011 + .elementor-control-type-code textarea:focus + .elementor-control-dynamic-switcher {
3002 3012 display: none; }
3003 3013
3004 3014 .elementor-control-type-url.elementor-control-dynamic .elementor-input {
3005 3015 -webkit-border-radius: 3px 0 0 3px;
@@ -3311,8 +3321,153 @@
3311 3321
3312 3322 #elementor-mode-switcher-preview-input {
3313 3323 display: none; }
3314 3324
3325 +:root {
3326 + --e-is-device-mode: 0; }
3327 +
3328 +.e-is-device-mode {
3329 + --e-is-device-mode: 1; }
3330 +
3331 +#elementor-responsive-bar {
3332 + position: -webkit-sticky;
3333 + position: sticky;
3334 + height: calc(40px * var(--e-is-device-mode));
3335 + overflow: hidden;
3336 + -ms-flex-item-align: stretch;
3337 + align-self: stretch;
3338 + -ms-flex-negative: 0;
3339 + flex-shrink: 0;
3340 + -webkit-transition: height .2s ease-in-out, opacity .1s;
3341 + -o-transition: height .2s ease-in-out, opacity .1s;
3342 + transition: height .2s ease-in-out, opacity .1s;
3343 + top: 0;
3344 + z-index: 100;
3345 + opacity: var(--e-is-device-mode);
3346 + -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.33), 0 0 2px 1px rgba(0, 0, 0, 0.25), 0 0 6px -3px rgba(255, 255, 255, 0.5);
3347 + box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.33), 0 0 2px 1px rgba(0, 0, 0, 0.25), 0 0 6px -3px rgba(255, 255, 255, 0.5); }
3348 +
3349 +.e-responsive-bar {
3350 + width: 100%;
3351 + margin-top: calc(-40px + (40px * var(--e-is-device-mode)));
3352 + z-index: 1;
3353 + -webkit-transition: margin-top .2s ease-in-out;
3354 + -o-transition: margin-top .2s ease-in-out;
3355 + transition: margin-top .2s ease-in-out;
3356 + display: -webkit-box;
3357 + display: -ms-flexbox;
3358 + display: flex;
3359 + -webkit-box-align: center;
3360 + -ms-flex-align: center;
3361 + align-items: center;
3362 + -webkit-box-pack: justify;
3363 + -ms-flex-pack: justify;
3364 + justify-content: space-between;
3365 + padding: 0 10px;
3366 + height: 40px;
3367 + color: #a4afb7;
3368 + background-color: #495157; }
3369 + .e-responsive-bar__col {
3370 + display: -webkit-box;
3371 + display: -ms-flexbox;
3372 + display: flex;
3373 + width: 25%;
3374 + -webkit-box-pack: center;
3375 + -ms-flex-pack: center;
3376 + justify-content: center;
3377 + -webkit-box-align: center;
3378 + -ms-flex-align: center;
3379 + align-items: center; }
3380 + .e-responsive-bar__col:last-child {
3381 + -webkit-box-pack: start;
3382 + -ms-flex-pack: start;
3383 + justify-content: flex-start;
3384 + -webkit-box-orient: horizontal;
3385 + -webkit-box-direction: reverse;
3386 + -ms-flex-direction: row-reverse;
3387 + flex-direction: row-reverse; }
3388 + .e-responsive-bar__close-button, .e-responsive-bar__settings-button {
3389 + padding: 10px 8px; }
3390 + .e-responsive-bar__button {
3391 + -webkit-appearance: none;
3392 + -moz-appearance: none;
3393 + appearance: none;
3394 + background: none;
3395 + border: 0 none;
3396 + cursor: pointer;
3397 + color: inherit; }
3398 + .e-responsive-bar__button:focus:not(:focus-visible) {
3399 + outline: none; }
3400 + .e-responsive-bar__button:hover {
3401 + color: #c2cbd2; }
3402 + .e-responsive-bar__close-button + .e-responsive-bar__button {
3403 + position: relative; }
3404 + .e-responsive-bar__close-button + .e-responsive-bar__button::before {
3405 + content: '';
3406 + display: block;
3407 + height: 20px;
3408 + width: 1px;
3409 + background-color: #6d7882;
3410 + position: absolute;
3411 + right: 0;
3412 + top: calc(50% - 10px); }
3413 + .e-responsive-bar__size-inputs-wrapper {
3414 + display: -webkit-box;
3415 + display: -ms-flexbox;
3416 + display: flex;
3417 + -webkit-box-align: center;
3418 + -ms-flex-align: center;
3419 + align-items: center;
3420 + -webkit-margin-end: 8px;
3421 + margin-inline-end: 8px;
3422 + color: #6d7882; }
3423 + .e-responsive-bar__input-size {
3424 + background-color: transparent;
3425 + color: #a4afb7;
3426 + border: 1px solid #6d7882 !important;
3427 + padding: 0 3px;
3428 + width: 50px;
3429 + font-size: 12px;
3430 + line-height: 16px;
3431 + height: 18px;
3432 + margin: auto 8px auto 4px; }
3433 + .e-responsive-bar__input-size-separator {
3434 + color: #6d7882; }
3435 + .e-responsive-bar-switcher__option {
3436 + display: block;
3437 + float: left;
3438 + position: relative;
3439 + cursor: pointer;
3440 + text-align: center;
3441 + width: 22px;
3442 + height: 22px;
3443 + line-height: 22px;
3444 + -webkit-border-radius: 3px;
3445 + border-radius: 3px;
3446 + font-size: 17px;
3447 + -webkit-transition: background-color .3s ease-out;
3448 + -o-transition: background-color .3s ease-out;
3449 + transition: background-color .3s ease-out; }
3450 + .e-responsive-bar-switcher__option:hover, .e-responsive-bar-switcher__option[aria-selected="true"] {
3451 + color: #c2cbd2;
3452 + background-color: rgba(255, 255, 255, 0.1); }
3453 + .e-responsive-bar-switcher__option:not(:last-child) {
3454 + -webkit-margin-end: 7px;
3455 + margin-inline-end: 7px; }
3456 + .e-responsive-bar-switcher__option input {
3457 + -webkit-appearance: none;
3458 + -moz-appearance: none;
3459 + appearance: none;
3460 + overflow: hidden;
3461 + opacity: 0;
3462 + width: 0 !important;
3463 + height: 0 !important;
3464 + border: 0 !important;
3465 + padding: 0 !important;
3466 + position: absolute; }
3467 + .e-responsive-bar-switcher__option input:checked + i {
3468 + color: #71d7f7; }
3469 +
3315 3470 .elementor-revision-item__wrapper {
3316 3471 display: -webkit-box;
3317 3472 display: -ms-flexbox;
3318 3473 display: flex;
@@ -3612,54 +3767,123 @@
3612 3767 100% {
3613 3768 -webkit-transform: translateY(0);
3614 3769 transform: translateY(0); } }
3615 3770
3771 +body {
3772 + --e-preview-width: calc(100% - var(--e-editor-panel-width, 300px)); }
3773 + body.elementor-navigator-docked {
3774 + --e-preview-width: calc(100% - var(--e-editor-panel-width, 300px) - var(--e-editor-navigator-width, 0px)); }
3775 + body.elementor-device-desktop #elementor-preview {
3776 + overflow-y: hidden; }
3777 + body:not(.elementor-device-desktop) body {
3778 + overflow-y: auto; }
3779 +
3616 3780 #elementor-preview {
3617 3781 background-color: #333;
3618 - position: absolute;
3619 3782 height: 100%;
3620 - top: 0;
3621 - right: 0;
3622 - border: 0; }
3623 - .elementor-device-desktop #elementor-preview {
3624 - overflow-y: hidden; }
3625 - body:not(.elementor-device-desktop) #elementor-preview {
3626 - overflow-y: auto; }
3783 + border: 0;
3784 + width: var(--e-preview-width);
3785 + display: -webkit-box;
3786 + display: -ms-flexbox;
3787 + display: flex;
3788 + -webkit-box-orient: vertical;
3789 + -webkit-box-direction: normal;
3790 + -ms-flex-direction: column;
3791 + flex-direction: column;
3792 + -webkit-box-pack: start;
3793 + -ms-flex-pack: start;
3794 + justify-content: flex-start;
3795 + -webkit-box-align: center;
3796 + -ms-flex-align: center;
3797 + align-items: center; }
3627 3798
3628 3799 #elementor-preview-responsive-wrapper {
3629 - position: absolute;
3630 - top: 0;
3631 - bottom: 0;
3632 - left: 0;
3633 - right: 0;
3634 - -webkit-transition: all .5s ease 0s;
3635 - -o-transition: all .5s ease 0s;
3636 - transition: all .5s ease 0s; }
3800 + padding: 20px; }
3637 3801 .elementor-device-desktop #elementor-preview-responsive-wrapper {
3638 3802 min-width: 1025px;
3639 - margin: 0 auto;
3640 3803 width: 100%;
3641 - height: 100%; }
3642 - .elementor-device-tablet #elementor-preview-responsive-wrapper {
3643 - width: 768px;
3644 - height: 1025px;
3645 - padding: 40px 10px 70px; }
3646 - .elementor-device-mobile #elementor-preview-responsive-wrapper {
3647 - width: 360px;
3648 - height: 640px;
3649 - padding: 40px 10px 70px; }
3650 - body:not(.elementor-device-desktop) #elementor-preview-responsive-wrapper {
3651 - -webkit-border-radius: 30px;
3652 - border-radius: 30px;
3653 - background-color: #111;
3654 - margin: 30px auto 80px;
3804 + height: 100%;
3805 + padding: 0; }
3806 + body.e-is-device-mode:not(.elementor-device-desktop) #elementor-preview-responsive-wrapper {
3807 + width: var(--e-editor-preview-width);
3808 + height: var(--e-editor-preview-height);
3809 + margin: 0 Max(calc((100vw - var(--e-editor-panel-width) - var(--e-editor-preview-width)) / 2), 20px);
3655 3810 -webkit-box-sizing: content-box;
3656 - box-sizing: content-box; }
3811 + box-sizing: content-box;
3812 + position: relative;
3813 + max-height: calc(100vh - 80px); }
3814 + body.e-is-device-mode:not(.elementor-device-desktop) #elementor-preview-responsive-wrapper .ui-resizable-handle {
3815 + display: -webkit-box !important;
3816 + display: -ms-flexbox !important;
3817 + display: flex !important; }
3818 + #elementor-preview-responsive-wrapper:not(.ui-resizable-resizing) {
3819 + -webkit-transition: .3s ease-in-out;
3820 + -o-transition: .3s ease-in-out;
3821 + transition: .3s ease-in-out; }
3822 + #elementor-preview-responsive-wrapper .ui-resizable-handle {
3823 + top: 0; }
3824 + #elementor-preview-responsive-wrapper .ui-resizable-handle.ui-resizable-s {
3825 + top: auto;
3826 + bottom: 0; }
3827 + #elementor-preview-responsive-wrapper .ui-resizable-n, #elementor-preview-responsive-wrapper .ui-resizable-s {
3828 + -webkit-box-align: center;
3829 + -ms-flex-align: center;
3830 + align-items: center;
3831 + -webkit-box-pack: center;
3832 + -ms-flex-pack: center;
3833 + justify-content: center;
3834 + height: 20px; }
3835 + #elementor-preview-responsive-wrapper .ui-resizable-n:before, #elementor-preview-responsive-wrapper .ui-resizable-s:before {
3836 + content: '';
3837 + display: block;
3838 + background-color: rgba(255, 255, 255, 0.2);
3839 + width: 50px;
3840 + height: 4px;
3841 + -webkit-border-radius: 3px;
3842 + border-radius: 3px;
3843 + -webkit-transition: all 0.2s ease-in-out;
3844 + -o-transition: all 0.2s ease-in-out;
3845 + transition: all 0.2s ease-in-out; }
3846 + #elementor-preview-responsive-wrapper .ui-resizable-n:hover:before, #elementor-preview-responsive-wrapper .ui-resizable-s:hover:before {
3847 + background-color: rgba(255, 255, 255, 0.6);
3848 + width: 100px; }
3849 + #elementor-preview-responsive-wrapper .ui-resizable-e, #elementor-preview-responsive-wrapper .ui-resizable-w {
3850 + -webkit-box-align: center;
3851 + -ms-flex-align: center;
3852 + align-items: center;
3853 + -webkit-box-pack: center;
3854 + -ms-flex-pack: center;
3855 + justify-content: center;
3856 + width: 20px; }
3857 + #elementor-preview-responsive-wrapper .ui-resizable-e:before, #elementor-preview-responsive-wrapper .ui-resizable-w:before {
3858 + content: '';
3859 + display: block;
3860 + background-color: rgba(255, 255, 255, 0.2);
3861 + width: 4px;
3862 + height: 50px;
3863 + -webkit-border-radius: 3px;
3864 + border-radius: 3px;
3865 + -webkit-transition: all 0.2s ease-in-out;
3866 + -o-transition: all 0.2s ease-in-out;
3867 + transition: all 0.2s ease-in-out; }
3868 + #elementor-preview-responsive-wrapper .ui-resizable-e:hover:before, #elementor-preview-responsive-wrapper .ui-resizable-w:hover:before {
3869 + background-color: rgba(255, 255, 255, 0.6);
3870 + height: 100px; }
3871 + #elementor-preview-responsive-wrapper.ui-resizable-resizing .ui-resizable-handle:before {
3872 + background-color: rgba(255, 255, 255, 0.9); }
3873 + #elementor-preview-responsive-wrapper .ui-resizable-s {
3874 + bottom: 0; }
3875 + #elementor-preview-responsive-wrapper .ui-resizable-e {
3876 + right: 0; }
3877 + #elementor-preview-responsive-wrapper .ui-resizable-w {
3878 + left: 0; }
3657 3879
3658 3880 #elementor-preview-iframe {
3659 3881 width: 100%;
3660 3882 height: 100%;
3661 - background-color: #fff; }
3883 + background-color: #fff;
3884 + -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.15);
3885 + box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.15); }
3662 3886
3663 3887 #elementor-template-library-modal a.elementor-template-library-blank-footer-link {
3664 3888 font-style: normal;
3665 3889 text-decoration: underline;
@@ -3900,15 +4124,15 @@
3900 4124 .elementor-template-library-template-remote:not(:hover) .elementor-template-library-favorite,
3901 4125 .elementor-template-library-template-remote:not(:hover) .elementor-template-library-template-action {
3902 4126 display: none; }
3903 4127 .elementor-template-library-template-remote.elementor-template-library-pro-template .elementor-template-library-template-body:before {
4128 + content: var(--elementor-template-library-subscription-plan-label);
4129 + background-color: var(--elementor-template-library-subscription-plan-color);
4130 + color: #d5dadf;
3904 4131 position: absolute;
3905 - content: 'pro';
3906 4132 text-transform: uppercase;
3907 4133 top: 5px;
3908 4134 right: 5px;
3909 - background-color: #93003c;
3910 - color: #d5dadf;
3911 4135 padding: 2px 4px 0;
3912 4136 font-size: 9px;
3913 4137 -webkit-border-radius: 2px;
3914 4138 border-radius: 2px; }
@@ -4570,58 +4794,8 @@
4570 4794 background-color: #d72b3f; }
4571 4795 .elementor-context-menu .eicon-pro-icon {
4572 4796 color: #fcb92c; }
4573 4797
4574 -.elementor-right-click-introduction {
4575 - position: absolute;
4576 - width: 250px;
4577 - padding: 30px 20px;
4578 - background-color: #fff;
4579 - -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
4580 - box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
4581 - text-align: center;
4582 - -webkit-border-radius: 3px;
4583 - border-radius: 3px; }
4584 - .elementor-right-click-introduction:before {
4585 - content: '';
4586 - position: absolute;
4587 - border: solid transparent;
4588 - border-width: 7px 5px;
4589 - border-bottom-color: #fff;
4590 - top: -14px;
4591 - left: 50%;
4592 - -webkit-transform: translateX(-50%);
4593 - -ms-transform: translateX(-50%);
4594 - transform: translateX(-50%); }
4595 - .elementor-right-click-introduction .dialog-header {
4596 - color: #6d7882;
4597 - font-size: 16px; }
4598 - .elementor-right-click-introduction .dialog-message {
4599 - font-size: 13px;
4600 - line-height: 1.6;
4601 - margin-top: 10px;
4602 - color: #a4afb7; }
4603 - .elementor-right-click-introduction .dialog-buttons-wrapper {
4604 - display: -webkit-box;
4605 - display: -ms-flexbox;
4606 - display: flex;
4607 - -webkit-box-align: center;
4608 - -ms-flex-align: center;
4609 - align-items: center;
4610 - -webkit-box-pack: center;
4611 - -ms-flex-pack: center;
4612 - justify-content: center;
4613 - margin-top: 25px; }
4614 - .elementor-right-click-introduction .dialog-button {
4615 - font-size: 11px; }
4616 - .elementor-right-click-introduction .dialog-ok {
4617 - padding: 7px 27px;
4618 - text-transform: capitalize; }
4619 - .elementor-right-click-introduction .dialog-learn-more {
4620 - color: #39b54a;
4621 - margin-right: 15px;
4622 - cursor: pointer; }
4623 -
4624 4798 #elementor-hotkeys {
4625 4799 text-align: left; }
4626 4800 #elementor-hotkeys__content {
4627 4801 display: -webkit-box;
@@ -4809,13 +4983,16 @@
4809 4983
4810 4984 .ui-resizable-resizing {
4811 4985 pointer-events: none; }
4812 4986
4987 +body {
4988 + --e-editor-navigator-width: 240px; }
4989 +
4813 4990 #elementor-navigator {
4814 4991 position: fixed;
4815 4992 top: 100px;
4816 - width: 240px;
4817 - height: 339px;
4993 + width: var(--e-editor-navigator-width);
4994 + height: 50vh;
4818 4995 right: 30px;
4819 4996 background-color: #fff;
4820 4997 -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
4821 4998 box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
@@ -4823,9 +5000,9 @@
4823 5000 -moz-user-select: none;
4824 5001 -ms-user-select: none;
4825 5002 user-select: none;
4826 5003 overflow: hidden;
4827 - z-index: 2;
5004 + z-index: 100;
4828 5005 display: none; }
4829 5006 body.elementor-navigator-docked #elementor-navigator {
4830 5007 top: 0;
4831 5008 right: 0;