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