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