PluginProbe
Elementor Website Builder – more than just a page builder / 3.6.7
Elementor Website Builder – more than just a page builder v3.6.7
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/common.css +308 -431 4.2.13.6.7 View file →
@@ -1,85 +1,21 @@
1 -:root {
2 - --direction-multiplier: 1;
3 -}
4 -
5 -html[dir=rtl],
6 -body.rtl {
7 - --direction-multiplier: -1;
8 -}
9 -
10 -.elementor-hidden {
11 - display: none;
12 -}
13 -
14 -.elementor-visibility-hidden {
15 - visibility: hidden;
16 -}
17 -
18 -.elementor-screen-only,
19 -.screen-reader-text,
20 -.screen-reader-text span,
21 -.ui-helper-hidden-accessible {
22 - position: absolute;
23 - top: -10000em;
24 - width: 1px;
25 - height: 1px;
26 - margin: -1px;
27 - padding: 0;
28 - overflow: hidden;
29 - clip: rect(0, 0, 0, 0);
30 - border: 0;
31 -}
32 -
33 -.elementor-clearfix:after {
34 - content: "";
35 - display: block;
36 - clear: both;
37 - width: 0;
38 - height: 0;
39 -}
40 -
41 -.e-logo-wrapper {
42 - display: inline-block;
43 - line-height: 1;
44 -}
45 -.e-logo-wrapper i {
46 - color: var(--e-a-color-circle-logo);
47 - font-size: 2.5em;
48 -}
49 -
1 +/*! elementor - v3.6.7 - 03-07-2022 */
50 2 .dialog-widget-content {
51 - background-color: var(--e-a-bg-default);
3 + background-color: #fff;
52 4 position: absolute;
53 5 border-radius: 3px;
54 - box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
6 + -webkit-box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
7 + box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
55 8 overflow: hidden;
56 9 }
57 10
58 11 .dialog-message {
12 + font-size: 12px;
59 13 line-height: 1.5;
60 - box-sizing: border-box;
14 + -webkit-box-sizing: border-box;
15 + box-sizing: border-box;
61 16 }
62 17
63 -.dialog-close-button {
64 - cursor: pointer;
65 - position: absolute;
66 - margin-block-start: 15px;
67 - inset-inline-end: 15px;
68 - color: var(--e-a-color-txt);
69 - font-size: 15px;
70 - line-height: 1;
71 - transition: var(--e-a-transition-hover);
72 -}
73 -.dialog-close-button:hover {
74 - color: var(--e-a-color-txt-hover);
75 -}
76 -
77 -.dialog-prevent-scroll {
78 - overflow: hidden;
79 - max-height: 100vh;
80 -}
81 -
82 18 .dialog-type-lightbox {
83 19 position: fixed;
84 20 height: 100%;
85 21 width: 100%;
@@ -88,278 +24,155 @@
88 24 background-color: rgba(0, 0, 0, 0.8);
89 25 z-index: 9999;
90 26 -webkit-user-select: none;
91 27 -moz-user-select: none;
28 + -ms-user-select: none;
92 29 user-select: none;
93 30 }
94 -
95 -.elementor-editor-active .elementor-popup-modal {
96 - background-color: initial;
97 -}
98 -
99 -.dialog-type-confirm .dialog-widget-content,
100 -.dialog-type-alert .dialog-widget-content {
31 +.dialog-type-lightbox .dialog-widget-content {
101 32 margin: auto;
102 - width: 400px;
103 - padding: 20px;
33 + width: 375px;
104 34 }
105 -.dialog-type-confirm .dialog-header,
106 -.dialog-type-alert .dialog-header {
35 +.dialog-type-lightbox .dialog-header {
107 36 font-size: 15px;
37 + color: #495157;
38 + padding: 30px 0 10px;
108 39 font-weight: 500;
109 40 }
110 -.dialog-type-confirm .dialog-header:after,
111 -.dialog-type-alert .dialog-header:after {
112 - content: "";
113 - display: block;
114 - border-block-end: var(--e-a-border);
115 - padding-block-end: 10px;
116 - margin-block-end: 10px;
117 - margin-inline-start: -20px;
118 - margin-inline-end: -20px;
119 -}
120 -.dialog-type-confirm .dialog-message,
121 -.dialog-type-alert .dialog-message {
41 +.dialog-type-lightbox .dialog-message {
42 + padding: 0 30px 30px;
122 43 min-height: 50px;
123 44 }
124 -.dialog-type-confirm .dialog-buttons-wrapper,
125 -.dialog-type-alert .dialog-buttons-wrapper {
126 - padding-block-start: 10px;
127 - display: flex;
128 - justify-content: flex-end;
129 - gap: 15px;
45 +.dialog-type-lightbox:not(.elementor-popup-modal) .dialog-header,
46 +.dialog-type-lightbox:not(.elementor-popup-modal) .dialog-message {
47 + text-align: center;
130 48 }
131 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button,
132 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button {
133 - font-size: 12px;
134 - font-weight: 500;
135 - line-height: 1.2;
136 - padding: 8px 16px;
137 - outline: none;
138 - border: none;
139 - border-radius: var(--e-a-border-radius);
140 - background-color: var(--e-a-btn-bg);
141 - color: var(--e-a-btn-color-invert);
142 - transition: var(--e-a-transition-hover);
49 +.dialog-type-lightbox .dialog-buttons-wrapper {
50 + border-top: 1px solid #e6e9ec;
51 + text-align: center;
143 52 }
144 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover,
145 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover {
53 +.dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button {
54 + font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
55 + width: 50%;
146 56 border: none;
147 -}
148 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:focus,
149 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,
150 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus {
151 - background-color: var(--e-a-btn-bg-hover);
152 - color: var(--e-a-btn-color-invert);
153 -}
154 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:active,
155 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button:active {
156 - background-color: var(--e-a-btn-bg-active);
157 -}
158 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not([disabled]),
159 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button:not([disabled]) {
57 + background: none;
58 + color: #6d7882;
59 + font-size: 15px;
160 60 cursor: pointer;
61 + padding: 13px 0;
62 + outline: 0;
161 63 }
162 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:disabled,
163 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button:disabled {
164 - background-color: var(--e-a-btn-bg-disabled);
165 - color: var(--e-a-btn-color-disabled);
64 +.dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button:hover {
65 + background-color: #f4f6f7;
166 66 }
167 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon,
168 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon {
169 - display: none;
67 +.dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button.dialog-ok {
68 + color: #b01b1b;
170 69 }
171 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel,
172 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt,
173 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel {
174 - background: transparent;
175 - color: var(--e-a-color-txt);
70 +.dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button.dialog-take_over {
71 + color: #39b54a;
176 72 }
177 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:focus,
178 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:hover,
179 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:hover,
180 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:focus,
181 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:focus {
182 - background: var(--e-a-bg-hover);
183 - color: var(--e-a-color-txt-hover);
73 +.dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button:active {
74 + background-color: rgba(230, 233, 236, 0.5);
184 75 }
185 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled,
186 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled,
187 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled {
188 - background: transparent;
189 - color: var(--e-a-color-txt-disabled);
76 +.dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button::-moz-focus-inner {
77 + border: 0;
190 78 }
191 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt-border,
192 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt-border {
193 - border: 1px solid var(--e-a-color-txt-muted);
79 +
80 +.dialog-close-button {
81 + cursor: pointer;
82 + position: absolute;
83 + margin-top: 15px;
84 + right: 15px;
85 + font-size: 15px;
86 + line-height: 1;
194 87 }
195 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success,
196 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success,
197 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success {
198 - background-color: var(--e-a-btn-bg-success);
88 +.dialog-close-button:not(:hover) {
89 + opacity: 0.4;
199 90 }
200 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success:focus,
201 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:hover,
202 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:focus,
203 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:hover,
204 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:focus {
205 - background-color: var(--e-a-btn-bg-success-hover);
91 +
92 +.dialog-alert-widget .dialog-buttons-wrapper > button {
93 + width: 100%;
206 94 }
207 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok,
208 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary,
209 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over,
210 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok {
211 - background-color: var(--e-a-btn-bg-primary);
212 - color: var(--e-a-btn-color);
95 +
96 +.dialog-confirm-widget .dialog-button:first-child {
97 + border-right: 1px solid #e6e9ec;
213 98 }
214 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok:focus,
215 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:hover,
216 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:hover,
217 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:hover,
218 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:focus,
219 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:focus,
220 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:focus {
221 - background-color: var(--e-a-btn-bg-primary-hover);
222 - color: var(--e-a-btn-color);
99 +
100 +.dialog-prevent-scroll {
101 + overflow: hidden;
102 + max-height: 100vh;
223 103 }
224 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel,
225 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt,
226 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over,
227 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel,
228 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over,
229 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok,
230 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel {
231 - background: transparent;
232 - color: var(--e-a-color-primary-bold);
104 +
105 +@media (min-width: 1024px) {
106 + body.admin-bar .dialog-lightbox-widget {
107 + height: calc(100vh - 32px);
108 + }
233 109 }
234 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:focus,
235 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:hover,
236 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:hover,
237 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:hover,
238 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:hover,
239 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:hover,
240 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:hover,
241 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:focus,
242 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:focus,
243 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:focus,
244 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:focus,
245 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:focus,
246 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:focus {
247 - background: var(--e-a-bg-primary);
110 +@media (max-width: 1024px) {
111 + body.admin-bar .dialog-type-lightbox {
112 + position: sticky;
113 + height: 100vh;
114 + }
248 115 }
249 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent,
250 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro,
251 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent {
252 - background-color: var(--e-a-btn-bg-accent);
116 +.elementor-aspect-ratio-219 .elementor-fit-aspect-ratio {
117 + padding-bottom: 42.8571%;
253 118 }
254 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:focus,
255 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:hover,
256 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:focus,
257 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:hover,
258 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:focus {
259 - background-color: var(--e-a-btn-bg-accent-hover);
119 +.elementor-aspect-ratio-169 .elementor-fit-aspect-ratio {
120 + padding-bottom: 56.25%;
260 121 }
261 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:active, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:active,
262 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:active,
263 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:active {
264 - background-color: var(--e-a-btn-bg-accent-active);
122 +.elementor-aspect-ratio-43 .elementor-fit-aspect-ratio {
123 + padding-bottom: 75%;
265 124 }
266 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info,
267 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info,
268 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info {
269 - background-color: var(--e-a-btn-bg-info);
125 +.elementor-aspect-ratio-32 .elementor-fit-aspect-ratio {
126 + padding-bottom: 66.6666%;
270 127 }
271 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info:focus,
272 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info:hover,
273 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info:focus,
274 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info:hover,
275 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info:focus {
276 - background-color: var(--e-a-btn-bg-info-hover);
128 +.elementor-aspect-ratio-11 .elementor-fit-aspect-ratio {
129 + padding-bottom: 100%;
277 130 }
278 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning,
279 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning,
280 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning {
281 - background-color: var(--e-a-btn-bg-warning);
131 +.elementor-aspect-ratio-916 .elementor-fit-aspect-ratio {
132 + padding-bottom: 177.8%;
282 133 }
283 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning:focus,
284 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:hover,
285 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:focus,
286 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:hover,
287 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:focus {
288 - background-color: var(--e-a-btn-bg-warning-hover);
134 +
135 +.elementor-fit-aspect-ratio {
136 + position: relative;
137 + height: 0;
289 138 }
290 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger,
291 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger,
292 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger {
293 - background-color: var(--e-a-btn-bg-danger);
139 +.elementor-fit-aspect-ratio iframe {
140 + position: absolute;
141 + top: 0;
142 + left: 0;
143 + height: 100%;
144 + width: 100%;
145 + border: 0;
146 + background-color: #000;
294 147 }
295 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger.color-white, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger.color-white,
296 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger.color-white,
297 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger.color-white {
298 - color: var(--e-a-color-white);
148 +.elementor-fit-aspect-ratio video {
149 + width: 100%;
299 150 }
300 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger:focus,
301 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover,
302 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus,
303 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:hover,
304 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:focus {
305 - background-color: var(--e-a-btn-bg-danger-hover);
151 +
152 +.flatpickr-calendar {
153 + width: 280px;
306 154 }
307 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button i,
308 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button i {
309 - margin-inline-end: 5px;
155 +.flatpickr-calendar .flatpickr-current-month span.cur-month {
156 + font-weight: 300;
310 157 }
311 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:visited,
312 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,
313 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus,
314 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button:visited {
315 - color: initial;
158 +.flatpickr-calendar .dayContainer {
159 + width: 280px;
160 + min-width: 280px;
161 + max-width: 280px;
316 162 }
317 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button[disabled]:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button[disabled]:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button[disabled]:visited,
318 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled]:hover,
319 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled]:focus,
320 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled]:visited {
321 - background-color: var(--e-a-btn-bg-disabled);
163 +.flatpickr-calendar .flatpickr-days {
164 + width: 280px;
322 165 }
323 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button[disabled],
324 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled] {
325 - background-color: var(--e-a-btn-bg-disabled);
326 - cursor: not-allowed;
166 +.flatpickr-calendar .flatpickr-day {
167 + max-width: 37px;
168 + height: 37px;
169 + line-height: 37px;
327 170 }
328 171
329 -#elementor-change-exit-preference-dialog .dialog-message a {
330 - cursor: pointer;
331 -}
332 -#elementor-change-exit-preference-dialog .dialog-message > div {
333 - margin-block-end: 10px;
334 -}
335 -
336 -#e-experiments-messages-dialog .dialog-confirm-header {
337 - font-weight: 600;
338 -}
339 -
340 -#e-kit-elements-defaults-create-dialog label {
341 - display: flex;
342 - align-items: center;
343 - justify-content: center;
344 - gap: 10px;
345 - margin-block-start: 20px;
346 -}
347 -
348 -@media (min-width: 1024px) {
349 - body.admin-bar .dialog-lightbox-widget {
350 - height: calc(100vh - 32px);
351 - }
352 -}
353 -@media (max-width: 1024px) {
354 - body.admin-bar .dialog-type-lightbox {
355 - position: sticky;
356 - height: 100vh;
357 - }
358 -}
359 172 .elementor-templates-modal .dialog-widget-content {
360 - font-family: Roboto, Arial, Helvetica, sans-serif;
361 - background-color: var(--e-a-bg-default);
173 + font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
174 + background-color: #f1f3f5;
362 175 width: 100%;
363 176 }
364 177 @media (max-width: 1439px) {
365 178 .elementor-templates-modal .dialog-widget-content {
@@ -371,36 +184,62 @@
371 184 max-width: 1200px;
372 185 }
373 186 }
374 187 .elementor-templates-modal .dialog-header {
375 - border-block-end: var(--e-a-border);
376 188 padding: 0;
189 + background-color: #fff;
190 + -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
191 + box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
192 + position: relative;
377 193 z-index: 1;
378 194 }
379 195 .elementor-templates-modal .dialog-buttons-wrapper {
380 - border-block-start: var(--e-a-border);
381 - padding: 10px;
382 - display: flex;
383 - justify-content: flex-end;
384 - gap: 15px;
196 + background-color: #fff;
197 + border: none;
198 + display: none;
199 + -webkit-box-pack: end;
200 + -ms-flex-pack: end;
201 + justify-content: flex-end;
202 + padding: 5px;
203 + -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
204 + box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
205 + position: relative;
385 206 }
207 +.elementor-templates-modal .dialog-buttons-wrapper .elementor-button {
208 + height: 40px;
209 + margin-left: 5px;
210 +}
211 +.elementor-templates-modal .dialog-buttons-wrapper .elementor-button-success {
212 + padding: 12px 36px;
213 + color: #fff;
214 + width: initial;
215 + font-size: 15px;
216 +}
217 +.elementor-templates-modal .dialog-buttons-wrapper .elementor-button-success:hover {
218 + background-color: #39b54a;
219 +}
386 220 .elementor-templates-modal .dialog-message {
387 221 height: 750px;
388 222 max-height: 85vh;
389 - overflow-y: auto;
390 - padding: 20px;
223 + overflow: auto;
224 + padding-top: 25px;
391 225 }
392 226 .elementor-templates-modal .dialog-content {
393 227 height: 100%;
394 - text-align: center;
395 228 }
396 229 .elementor-templates-modal .dialog-loading {
397 230 display: none;
398 231 }
399 232 .elementor-templates-modal__header {
233 + display: -webkit-box;
234 + display: -ms-flexbox;
400 235 display: flex;
401 - align-items: center;
402 - justify-content: space-between;
236 + -webkit-box-align: center;
237 + -ms-flex-align: center;
238 + align-items: center;
239 + -webkit-box-pack: justify;
240 + -ms-flex-pack: justify;
241 + justify-content: space-between;
403 242 height: 50px;
404 243 }
405 244 .elementor-templates-modal__header__logo {
406 245 line-height: 1;
@@ -408,55 +247,62 @@
408 247 font-weight: bold;
409 248 cursor: pointer;
410 249 }
411 250 .elementor-templates-modal__header__logo-area {
412 - text-align: start;
413 - padding-inline-start: 15px;
251 + text-align: left;
252 + padding-left: 15px;
414 253 }
415 254 .elementor-templates-modal__header__logo-area > * {
255 + display: -webkit-box;
256 + display: -ms-flexbox;
416 257 display: flex;
417 - align-items: center;
258 + -webkit-box-align: center;
259 + -ms-flex-align: center;
260 + align-items: center;
418 261 }
419 262 .elementor-templates-modal__header__logo__icon-wrapper {
420 - margin-inline-end: 10px;
263 + margin-right: 10px;
421 264 font-size: 12px;
422 265 }
423 266 .elementor-templates-modal__header__logo__title {
424 - color: var(--e-a-color-txt-active);
425 - padding-block-start: 2px;
267 + padding-top: 2px;
426 268 }
427 269 .elementor-templates-modal__header__items-area {
270 + display: -webkit-box;
271 + display: -ms-flexbox;
428 272 display: flex;
429 - flex-direction: row-reverse;
430 - align-items: center;
273 + -webkit-box-orient: horizontal;
274 + -webkit-box-direction: reverse;
275 + -ms-flex-direction: row-reverse;
276 + flex-direction: row-reverse;
431 277 }
432 278 .elementor-templates-modal__header__item {
433 279 position: relative;
280 + display: -webkit-box;
281 + display: -ms-flexbox;
434 282 display: flex;
435 - align-items: center;
436 - justify-content: center;
437 - box-sizing: content-box;
283 + -webkit-box-align: center;
284 + -ms-flex-align: center;
285 + align-items: center;
286 + -webkit-box-pack: center;
287 + -ms-flex-pack: center;
288 + justify-content: center;
289 + -webkit-box-sizing: content-box;
290 + box-sizing: content-box;
438 291 }
439 292 .elementor-templates-modal__header__item > i {
440 293 font-size: 20px;
441 - transition: var(--e-a-transition-hover);
294 + -webkit-transition: all 0.3s;
295 + -o-transition: all 0.3s;
296 + transition: all 0.3s;
442 297 cursor: pointer;
443 298 }
444 -.elementor-templates-modal__header__item > i:hover {
445 - color: var(--e-a-color-txt-hover);
299 +.elementor-templates-modal__header__item > i:not(:hover) {
300 + color: #a4afb7;
446 301 }
447 -.elementor-templates-modal__header__close:is(button) {
448 - background: transparent;
449 - margin: 0;
450 - font-size: inherit;
451 - font-family: inherit;
452 - color: inherit;
453 - border: none;
454 - cursor: pointer;
455 -}
456 302 .elementor-templates-modal__header__close--normal {
457 303 width: 47px;
458 - border-inline-start: var(--e-a-border);
304 + border-left: 1px solid #e6e9ec;
459 305 }
460 306 .elementor-templates-modal__header__close--normal i {
461 307 font-size: 18px;
462 308 }
@@ -461,97 +307,94 @@
461 307 font-size: 18px;
462 308 }
463 309 .elementor-templates-modal__header__close--skip {
464 310 padding: 10px;
465 - padding-inline-start: 20px;
466 - margin-inline-end: 10px;
311 + padding-left: 20px;
312 + margin-right: 10px;
313 + color: #fff;
314 + background-color: #a4afb7;
467 315 font-size: 11px;
468 316 font-weight: normal;
469 317 line-height: 1;
470 - border-radius: var(--e-a-border-radius);
318 + text-transform: uppercase;
319 + border-radius: 2px;
471 320 cursor: pointer;
472 321 }
473 322 .elementor-templates-modal__header__close--skip > i {
474 323 font-size: inherit;
475 - padding-inline-start: 10px;
476 - margin-inline-start: 15px;
477 - border-inline-start: 1px solid;
324 + padding-left: 10px;
325 + margin-left: 15px;
326 + border-left: 1px solid;
478 327 }
479 328 .elementor-templates-modal__header__close--skip > i:not(:hover) {
480 - color: var(--e-a-color-white);
329 + color: #fff;
481 330 }
482 331 .elementor-templates-modal__sidebar {
483 - flex-shrink: 0;
332 + -ms-flex-negative: 0;
333 + flex-shrink: 0;
484 334 width: 25%;
485 - border-inline-end: var(--e-a-border);
335 + background-color: rgba(255, 255, 255, 0.3);
486 336 }
487 337 .elementor-templates-modal__content {
488 - flex-grow: 1;
338 + -webkit-box-flex: 1;
339 + -ms-flex-positive: 1;
340 + flex-grow: 1;
341 + -webkit-box-shadow: 0 0 13px inset rgba(0, 0, 0, 0.05);
342 + box-shadow: 0 0 13px inset rgba(0, 0, 0, 0.05);
489 343 }
490 344
491 -#elementor-toast {
492 - position: absolute;
493 - width: 280px;
494 - padding: 20px;
495 - border-radius: 5px;
496 - color: var(--e-a-dark-color-txt);
497 - background-color: rgba(0, 0, 0, 0.8);
498 - z-index: 10000;
345 +/* Will select next element after last '.elementor-general-section' */
346 +#wpadminbar #wp-admin-bar-elementor_edit_page .elementor-general-section + .elementor-second-section {
347 + border-top: 1px solid #464b50;
348 + margin-top: 6px;
499 349 }
500 -#elementor-toast.dialog-position-window {
501 - position: fixed;
350 +
351 +.elementor-hidden {
352 + display: none;
502 353 }
503 -#elementor-toast .dialog-message {
504 - font-size: 13px;
354 +
355 +.elementor-screen-only,
356 +.screen-reader-text,
357 +.screen-reader-text span,
358 +.ui-helper-hidden-accessible {
359 + position: absolute;
360 + top: -10000em;
361 + width: 1px;
362 + height: 1px;
363 + margin: -1px;
364 + padding: 0;
365 + overflow: hidden;
366 + clip: rect(0, 0, 0, 0);
367 + border: 0;
505 368 }
506 -#elementor-toast .dialog-buttons-wrapper {
507 - display: flex;
508 - justify-content: flex-end;
509 -}
510 -#elementor-toast .dialog-buttons-wrapper:not(:empty) {
511 - margin-block-start: 15px;
512 -}
513 -#elementor-toast .dialog-button {
514 - font-size: 12px;
515 - font-weight: 500;
516 - line-height: 1.2;
517 - padding: 8px 16px;
518 - margin-inline-end: 10px;
519 - color: var(--e-a-dark-color-txt);
520 - border-radius: var(--e-a-border-radius);
521 - transition: var(--e-a-transition-hover);
522 - cursor: pointer;
523 - background: none;
524 - border: none;
525 - font-family: inherit;
526 -}
527 -#elementor-toast .dialog-button:hover {
528 - background: var(--e-a-bg-hover);
529 - color: var(--e-a-color-txt-hover);
530 -}
531 -#elementor-toast .dialog-button:focus-visible {
532 - outline: 2px solid var(--e-a-border-color-focus, #4F46E5);
533 - outline-offset: 2px;
534 -}
535 -#elementor-toast .dialog-button:last-child {
536 - margin-inline-end: 0;
537 -}
538 369
539 -/* Will select next element after last '.elementor-general-section' */
540 -#wpadminbar #wp-admin-bar-elementor_edit_page .elementor-general-section + .elementor-second-section {
541 - border-block-start: 1px solid #464b50;
542 - margin-block-start: 6px;
370 +.elementor-clearfix:after {
371 + content: "";
372 + display: block;
373 + clear: both;
374 + width: 0;
375 + height: 0;
543 376 }
544 377
545 378 .e-logo-wrapper {
379 + background: #93003c;
546 380 display: inline-block;
381 + padding: 0.75em;
382 + border-radius: 50%;
547 383 line-height: 1;
548 384 }
549 385 .e-logo-wrapper i {
550 - color: var(--e-a-color-circle-logo);
551 - font-size: 2.5em;
386 + color: #fff;
387 + font-size: 1em;
552 388 }
553 389
390 +#e-enable-unfiltered-files-dialog-import-template .dialog-confirm-ok {
391 + color: #39b54a;
392 +}
393 +#e-enable-unfiltered-files-dialog-import-template .dialog-confirm-cancel {
394 + color: #b01b1b;
395 +}
396 +
554 397 #elementor-finder__modal {
555 398 background: none;
556 399 z-index: 99999;
557 400 }
@@ -558,26 +401,29 @@
558 401 #elementor-finder__modal .dialog-widget-content {
559 402 width: 650px;
560 403 max-width: 98%;
561 404 top: 18vh;
562 - left: calc(50% - 650px / 2);
405 + left: calc( 50% - 650px / 2 );
563 406 }
564 -#elementor-finder__modal .dialog-content {
565 - text-align: start;
566 -}
567 407 #elementor-finder__modal .dialog-message {
568 408 height: initial;
569 409 min-height: 0;
570 410 padding: 0;
571 - text-align: start;
411 + text-align: left;
572 412 }
573 413 #elementor-finder__search {
574 - padding: 15px;
414 + padding: 14px 15px 14px 21px;
415 + display: -webkit-box;
416 + display: -ms-flexbox;
575 417 display: flex;
418 + -webkit-box-shadow: 0 -3px 15px 6px rgba(0, 0, 0, 0.03);
419 + box-shadow: 0 -3px 15px 6px rgba(0, 0, 0, 0.03);
576 420 }
577 421 #elementor-finder__search i {
578 422 font-size: 16px;
579 - margin-inline-end: 15px;
423 + color: #a4afb7;
424 + font-weight: bold;
425 + margin-right: 15px;
580 426 }
581 427 #elementor-finder__search__input {
582 428 border: none;
583 429 background: none;
@@ -583,17 +429,33 @@
583 429 background: none;
584 430 outline: none;
585 431 padding: 0;
586 432 margin: 0;
587 - flex-grow: 1;
433 + -webkit-box-flex: 1;
434 + -ms-flex-positive: 1;
435 + flex-grow: 1;
588 436 font-size: 14px;
589 - box-shadow: none;
437 + color: #495157;
438 + -webkit-box-shadow: none;
439 + box-shadow: none;
590 440 }
441 +#elementor-finder__search__input::-webkit-input-placeholder {
442 + color: #a4afb7;
443 + font-style: italic;
444 + font-weight: 300;
445 +}
591 446 #elementor-finder__search__input::-moz-placeholder {
447 + color: #a4afb7;
592 448 font-style: italic;
593 449 font-weight: 300;
594 450 }
451 +#elementor-finder__search__input::-ms-input-placeholder {
452 + color: #a4afb7;
453 + font-style: italic;
454 + font-weight: 300;
455 +}
595 456 #elementor-finder__search__input::placeholder {
457 + color: #a4afb7;
596 458 font-style: italic;
597 459 font-weight: 300;
598 460 }
599 461 #elementor-finder__results {
@@ -602,12 +464,10 @@
602 464 }
603 465 #elementor-finder__no-results {
604 466 display: none;
605 467 padding: 20px;
468 + color: #a4afb7;
606 469 }
607 -#elementor-finder__lock-dialog {
608 - z-index: 100000;
609 -}
610 470
611 471 .elementor-finder__results__category {
612 472 position: relative;
613 473 }
@@ -612,10 +472,12 @@
612 472 position: relative;
613 473 }
614 474 .elementor-finder__results__category__title {
615 475 padding: 5px 25px;
616 - font-size: 10px;
617 - border-block-end: var(--e-a-border);
476 + color: #6d7882;
477 + background-color: #e6e9ec;
478 + font-size: 9px;
479 + text-transform: uppercase;
618 480 }
619 481 .elementor-finder__results__category--dynamic .elementor-finder__results__category__items {
620 482 min-height: 26px;
621 483 }
@@ -621,64 +483,78 @@
621 483 }
622 484 .elementor-finder__results__category .eicon-loading {
623 485 display: none;
624 486 position: absolute;
625 - inset-block-start: 30px;
626 - inset-inline-end: 10px;
627 - color: var(--e-a-color-info);
487 + right: 10px;
488 + top: 30px;
489 + color: #71d7f7;
628 490 font-size: 14px;
629 491 }
630 492 .elementor-finder__results__item {
493 + display: -webkit-box;
494 + display: -ms-flexbox;
631 495 display: flex;
632 496 }
633 497 .elementor-finder__results__item a {
634 498 text-decoration: none;
635 - color: inherit;
499 + -webkit-box-shadow: none;
500 + box-shadow: none;
501 + outline: none;
636 502 }
637 503 .elementor-finder__results__item.elementor-active {
638 - background-color: var(--e-a-bg-hover);
504 + background-color: #71d7f7;
505 + -webkit-box-shadow: none;
506 + box-shadow: none;
507 + outline: none;
639 508 }
640 -.elementor-finder__results__item.elementor-active a {
641 - color: inherit;
509 +.elementor-finder__results__item.elementor-active * {
510 + color: #fff;
642 511 }
643 512 .elementor-finder__results__item:not(.elementor-active) .elementor-finder__results__item__actions {
644 513 display: none;
645 514 }
646 515 .elementor-finder__results__item__link {
516 + display: -webkit-box;
517 + display: -ms-flexbox;
647 518 display: flex;
648 - align-items: center;
519 + -webkit-box-align: center;
520 + -ms-flex-align: center;
521 + align-items: center;
649 522 height: 35px;
650 - flex-grow: 1;
523 + -webkit-box-flex: 1;
524 + -ms-flex-positive: 1;
525 + flex-grow: 1;
651 526 }
652 527 .elementor-finder__results__item__icon {
653 528 width: 60px;
654 529 text-align: center;
530 + color: #6d7882;
655 531 font-size: 17px;
656 532 }
657 533 .elementor-finder__results__item__title {
534 + color: #6d7882;
658 535 font-size: 13px;
659 536 }
660 537 .elementor-finder__results__item__description {
661 - margin-inline-start: 5px;
538 + margin-left: 5px;
539 + color: #a4afb7;
662 540 font-style: italic;
663 541 }
664 -.elementor-finder__results__item__badge {
665 - text-transform: uppercase;
666 - position: absolute;
667 - inset-inline-end: 16px;
668 - font-size: 8px;
669 - font-weight: 500;
670 - display: flex;
671 - align-items: center;
672 - gap: 4px;
673 -}
674 542 .elementor-finder__results__item__actions {
543 + display: -webkit-box;
544 + display: -ms-flexbox;
675 545 display: flex;
676 546 }
677 547 .elementor-finder__results__item__action {
548 + display: -webkit-box;
549 + display: -ms-flexbox;
678 550 display: flex;
679 - align-items: center;
680 - justify-content: center;
551 + -webkit-box-align: center;
552 + -ms-flex-align: center;
553 + align-items: center;
554 + -webkit-box-pack: center;
555 + -ms-flex-pack: center;
556 + justify-content: center;
681 557 height: 100%;
682 558 width: 35px;
683 559 }
684 560 .elementor-finder__results__item__action:hover {
@@ -699,9 +575,10 @@
699 575 max-width: 200px;
700 576 padding: 5px 12px;
701 577 text-align: center;
702 578 border-radius: 3px;
703 - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
579 + -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
580 + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
704 581 }
705 582
706 583 .tipsy-arrow {
707 584 position: absolute;