PluginProbe
Elementor Website Builder – more than just a page builder / 3.16.0-dev2
Elementor Website Builder – more than just a page builder v3.16.0-dev2
4.3.0-beta3 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 All 452 releases
← All changes | assets/css/editor-preview.css +626 -680 4.1.23.16.0-dev2 View file →
@@ -1,19 +1,273 @@
1 -:root {
2 - --direction-multiplier: 1;
1 +/*! elementor - v3.16.0 - 23-08-2023 */
2 +.dialog-widget-content {
3 + background-color: var(--e-a-bg-default);
4 + position: absolute;
5 + border-radius: 3px;
6 + box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
7 + overflow: hidden;
3 8 }
4 9
5 -html[dir=rtl],
6 -body.rtl {
7 - --direction-multiplier: -1;
10 +.dialog-message {
11 + line-height: 1.5;
12 + box-sizing: border-box;
8 13 }
9 14
10 -.elementor-hidden {
15 +.dialog-close-button {
16 + cursor: pointer;
17 + position: absolute;
18 + margin-top: 15px;
19 + right: 15px;
20 + color: var(--e-a-color-txt);
21 + font-size: 15px;
22 + line-height: 1;
23 + transition: var(--e-a-transition-hover);
24 +}
25 +.dialog-close-button:hover {
26 + color: var(--e-a-color-txt-hover);
27 +}
28 +
29 +.dialog-prevent-scroll {
30 + overflow: hidden;
31 + max-height: 100vh;
32 +}
33 +
34 +.dialog-type-lightbox {
35 + position: fixed;
36 + height: 100%;
37 + width: 100%;
38 + bottom: 0;
39 + left: 0;
40 + background-color: rgba(0, 0, 0, 0.8);
41 + z-index: 9999;
42 + -webkit-user-select: none;
43 + -moz-user-select: none;
44 + user-select: none;
45 +}
46 +
47 +.elementor-editor-active .elementor-popup-modal {
48 + background-color: initial;
49 +}
50 +
51 +.dialog-type-confirm .dialog-widget-content,
52 +.dialog-type-alert .dialog-widget-content {
53 + margin: auto;
54 + width: 400px;
55 + padding: 20px;
56 +}
57 +.dialog-type-confirm .dialog-header,
58 +.dialog-type-alert .dialog-header {
59 + font-size: 15px;
60 + font-weight: 500;
61 +}
62 +.dialog-type-confirm .dialog-header:after,
63 +.dialog-type-alert .dialog-header:after {
64 + content: "";
65 + display: block;
66 + border-block-end: var(--e-a-border);
67 + padding-block-end: 10px;
68 + margin-block-end: 10px;
69 + margin-inline-start: -20px;
70 + margin-inline-end: -20px;
71 +}
72 +.dialog-type-confirm .dialog-message,
73 +.dialog-type-alert .dialog-message {
74 + min-height: 50px;
75 +}
76 +.dialog-type-confirm .dialog-buttons-wrapper,
77 +.dialog-type-alert .dialog-buttons-wrapper {
78 + padding-block-start: 10px;
79 + display: flex;
80 + justify-content: flex-end;
81 + gap: 15px;
82 +}
83 +.dialog-type-confirm .dialog-buttons-wrapper .dialog-button,
84 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button {
85 + font-size: 12px;
86 + font-weight: 500;
87 + line-height: 1.2;
88 + padding: 8px 16px;
89 + outline: none;
90 + border: none;
91 + border-radius: var(--e-a-border-radius);
92 + background-color: var(--e-a-btn-bg);
93 + color: var(--e-a-btn-color-invert);
94 + transition: var(--e-a-transition-hover);
95 +}
96 +.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover,
97 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover {
98 + border: none;
99 +}
100 +.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:focus,
101 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,
102 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus {
103 + background-color: var(--e-a-btn-bg-hover);
104 + color: var(--e-a-btn-color-invert);
105 +}
106 +.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:active,
107 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button:active {
108 + background-color: var(--e-a-btn-bg-active);
109 +}
110 +.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not([disabled]),
111 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button:not([disabled]) {
112 + cursor: pointer;
113 +}
114 +.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:disabled,
115 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button:disabled {
116 + background-color: var(--e-a-btn-bg-disabled);
117 + color: var(--e-a-btn-color-disabled);
118 +}
119 +.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon,
120 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon {
11 121 display: none;
12 122 }
123 +.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel,
124 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt,
125 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel {
126 + background: transparent;
127 + color: var(--e-a-color-txt);
128 +}
129 +.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,
130 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:hover,
131 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:hover,
132 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:focus,
133 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:focus {
134 + background: var(--e-a-bg-hover);
135 + color: var(--e-a-color-txt-hover);
136 +}
137 +.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled,
138 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled,
139 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled {
140 + background: transparent;
141 + color: var(--e-a-color-txt-disabled);
142 +}
143 +.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success,
144 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success,
145 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success {
146 + background-color: var(--e-a-btn-bg-success);
147 +}
148 +.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,
149 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:hover,
150 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:focus,
151 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:hover,
152 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:focus {
153 + background-color: var(--e-a-btn-bg-success-hover);
154 +}
155 +.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,
156 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary,
157 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over,
158 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok {
159 + background-color: var(--e-a-btn-bg-primary);
160 + color: var(--e-a-btn-color);
161 +}
162 +.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,
163 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:hover,
164 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:hover,
165 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:hover,
166 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:focus,
167 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:focus,
168 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:focus {
169 + background-color: var(--e-a-btn-bg-primary-hover);
170 + color: var(--e-a-btn-color);
171 +}
172 +.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,
173 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt,
174 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over,
175 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel,
176 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over,
177 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok,
178 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel {
179 + background: transparent;
180 + color: var(--e-a-color-primary-bold);
181 +}
182 +.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,
183 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:hover,
184 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:hover,
185 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:hover,
186 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:hover,
187 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:hover,
188 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:hover,
189 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:focus,
190 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:focus,
191 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:focus,
192 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:focus,
193 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:focus,
194 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:focus {
195 + background: var(--e-a-bg-primary);
196 +}
197 +.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent,
198 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro,
199 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent {
200 + background-color: var(--e-a-btn-bg-accent);
201 +}
202 +.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,
203 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:hover,
204 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:focus,
205 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:hover,
206 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:focus {
207 + background-color: var(--e-a-btn-bg-accent-hover);
208 +}
209 +.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:active, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:active,
210 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:active,
211 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:active {
212 + background-color: var(--e-a-btn-bg-accent-active);
213 +}
214 +.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning,
215 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning,
216 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning {
217 + background-color: var(--e-a-btn-bg-warning);
218 +}
219 +.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,
220 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:hover,
221 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:focus,
222 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:hover,
223 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:focus {
224 + background-color: var(--e-a-btn-bg-warning-hover);
225 +}
226 +.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger,
227 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger,
228 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger {
229 + background-color: var(--e-a-btn-bg-danger);
230 +}
231 +.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,
232 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover,
233 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus,
234 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:hover,
235 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:focus {
236 + background-color: var(--e-a-btn-bg-danger-hover);
237 +}
238 +.dialog-type-confirm .dialog-buttons-wrapper .dialog-button i,
239 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button i {
240 + margin-inline-end: 5px;
241 +}
242 +.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,
243 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,
244 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus,
245 +.dialog-type-alert .dialog-buttons-wrapper .dialog-button:visited {
246 + color: initial;
247 +}
248 +.flatpickr-calendar {
249 + width: 280px;
250 +}
251 +.flatpickr-calendar .flatpickr-current-month span.cur-month {
252 + font-weight: 300;
253 +}
254 +.flatpickr-calendar .dayContainer {
255 + width: 280px;
256 + min-width: 280px;
257 + max-width: 280px;
258 +}
259 +.flatpickr-calendar .flatpickr-days {
260 + width: 280px;
261 +}
262 +.flatpickr-calendar .flatpickr-day {
263 + max-width: 37px;
264 + height: 37px;
265 + line-height: 37px;
266 +}
13 267
14 -.elementor-visibility-hidden {
15 - visibility: hidden;
268 +.elementor-hidden {
269 + display: none;
16 270 }
17 271
18 272 .elementor-screen-only,
19 273 .screen-reader-text,
@@ -38,16 +292,87 @@
38 292 height: 0;
39 293 }
40 294
41 295 .e-logo-wrapper {
296 + background: var(--e-a-bg-logo);
42 297 display: inline-block;
298 + padding: 0.75em;
299 + border-radius: 50%;
43 300 line-height: 1;
44 301 }
45 302 .e-logo-wrapper i {
46 - color: var(--e-a-color-circle-logo);
47 - font-size: 2.5em;
303 + color: var(--e-a-color-logo);
304 + font-size: 1em;
48 305 }
49 306
307 +:root {
308 + --e-a-color-white: #ffffff;
309 + --e-a-color-black: #000000;
310 + --e-a-color-logo: #ffffff;
311 + --e-a-color-primary: #F3BAFD;
312 + --e-a-color-primary-bold: #D004D4;
313 + --e-a-color-secondary: #515962;
314 + --e-a-color-success: #0A875A;
315 + --e-a-color-danger: #DC2626;
316 + --e-a-color-info: #2563EB;
317 + --e-a-color-warning: #F59E0B;
318 + --e-a-color-accent: #93003f;
319 + --e-a-color-global: #1DDDBF;
320 + --e-a-bg-default: #ffffff;
321 + --e-a-bg-invert: #0C0D0E;
322 + --e-a-bg-hover: #F1F2F3;
323 + --e-a-bg-active: #E6E8EA;
324 + --e-a-bg-active-bold: #D5D8DC;
325 + --e-a-bg-loading: #F9FAFA;
326 + --e-a-bg-logo: #000000;
327 + --e-a-bg-primary: #FAE8FF;
328 + --e-a-bg-secondary: #515962;
329 + --e-a-bg-success: #F2FDF5;
330 + --e-a-bg-info: #F0F7FF;
331 + --e-a-bg-danger: #FEF1F4;
332 + --e-a-bg-warning: #FFFBEB;
333 + --e-a-color-txt: #515962;
334 + --e-a-color-txt-muted: #818A96;
335 + --e-a-color-txt-disabled: #BABFC5;
336 + --e-a-color-txt-invert: #ffffff;
337 + --e-a-color-txt-accent: #0C0D0E;
338 + --e-a-color-txt-hover: #3f444b;
339 + --e-a-color-txt-active: #0C0D0E;
340 + --e-a-border-color: #E6E8EA;
341 + --e-a-border-color-bold: #D5D8DC;
342 + --e-a-border-color-focus: #BABFC5;
343 + --e-a-border-color-accent: #0C0D0E;
344 + --e-a-border: 1px solid var(--e-a-border-color);
345 + --e-a-border-bold: 1px solid var(--e-a-border-color-bold);
346 + --e-a-border-radius: 3px;
347 + --e-a-btn-color: #0C0D0E;
348 + --e-a-btn-color-invert: var(--e-a-color-txt-invert);
349 + --e-a-btn-color-disabled: var(--e-a-color-txt-disabled);
350 + --e-a-btn-bg: #515962;
351 + --e-a-btn-bg-hover: #3a4046;
352 + --e-a-btn-bg-active: #23262a;
353 + --e-a-btn-bg-disabled: #D5D8DC;
354 + --e-a-btn-bg-primary: #F3BAFD;
355 + --e-a-btn-bg-primary-hover: #F5D0FE;
356 + --e-a-btn-bg-primary-active:#F0ABFC;
357 + --e-a-btn-bg-accent: #93003f;
358 + --e-a-btn-bg-accent-hover: #8F1A4C;
359 + --e-a-btn-bg-accent-active: #A93365;
360 + --e-a-btn-bg-success: #0A875A;
361 + --e-a-btn-bg-success-hover: #06583a;
362 + --e-a-btn-bg-success-active:#03281b;
363 + --e-a-btn-bg-danger: #DC2626;
364 + --e-a-btn-bg-danger-hover: #b21d1d;
365 + --e-a-btn-bg-danger-active: #861616;
366 + --e-a-dark-bg: #0C0D0E;
367 + --e-a-dark-color-txt: #9DA5AE;
368 + --e-a-dark-color-txt-hover: #D5D8DC;
369 + --e-a-font-family: Roboto, Arial, Helvetica, sans-serif;
370 + --e-a-transition-hover: all .3s;
371 + --e-a-popover-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
372 + --e-a-dropdown-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
373 +}
374 +
50 375 .elementor-control-unit-1 {
51 376 width: 27px;
52 377 }
53 378
@@ -158,10 +483,10 @@
158 483 }
159 484 .elementor-tag-settings-popup:before {
160 485 content: "";
161 486 position: absolute;
162 - inset-block-start: -20px;
163 - inset-inline-start: 5px;
487 + top: -20px;
488 + left: 5px;
164 489 border: 10px solid transparent;
165 490 border-block-end-color: var(--e-a-border-color);
166 491 }
167 492 .elementor-tag-settings-popup .elementor-control-type-section:first-child {
@@ -271,9 +596,10 @@
271 596 display: none;
272 597 position: absolute;
273 598 box-shadow: var(--e-a-popover-shadow);
274 599 border-radius: var(--e-a-border-radius);
275 - inset-inline: 0;
600 + left: 0;
601 + right: 0;
276 602 margin: -4px auto 5px;
277 603 padding-block-start: 15px;
278 604 width: 90%;
279 605 z-index: 10000;
@@ -281,10 +607,10 @@
281 607 }
282 608 .elementor-controls-popover:before {
283 609 content: "";
284 610 position: absolute;
285 - inset-block-start: -16px;
286 - inset-inline-end: 22px;
611 + top: -16px;
612 + right: 22px;
287 613 border: 8px solid transparent;
288 614 border-block-end-color: var(--e-a-bg-default);
289 615 }
290 616 .elementor-controls-popover div.elementor-control {
@@ -320,11 +646,8 @@
320 646 font-size: var(--control-title-size);
321 647 line-height: 1;
322 648 margin-inline-end: 5px;
323 649 }
324 -.elementor-control .elementor-control-title:empty {
325 - display: none;
326 -}
327 650 .elementor-control .elementor-control-spinner {
328 651 display: flex;
329 652 align-items: center;
330 653 }
@@ -331,9 +654,8 @@
331 654 .elementor-control.elementor-control-type-divider {
332 655 padding: 0;
333 656 }
334 657 .elementor-control.elementor-control-type-divider .elementor-control-content {
335 - margin-inline: 20px;
336 658 border-width: 0;
337 659 border-block-start: var(--e-a-border);
338 660 background-color: var(--e-a-bg-default);
339 661 height: 15px;
@@ -343,23 +665,24 @@
343 665 }
344 666 .elementor-control.elementor-control-separator-before:before {
345 667 content: "";
346 668 position: absolute;
347 - inset: 0 20px auto;
348 669 height: 1px;
670 + width: calc(100% - 40px);
671 + top: 0;
672 + left: 20px;
349 673 background-color: var(--e-a-border-color);
350 674 }
351 -.elementor-control.elementor-control-separator-after {
352 - padding-block-end: 15px;
353 -}
354 675 .elementor-control.elementor-control-separator-after:after {
355 676 content: "";
356 677 position: absolute;
357 - inset: auto 20px 0;
358 678 height: 1px;
679 + width: calc(100% - 40px);
680 + bottom: 0;
681 + left: 20px;
359 682 background-color: var(--e-a-border-color);
360 683 }
361 -.elementor-control.elementor-control-separator-after + .elementor-control-type-tabs + .elementor-control-separator-default, .elementor-control.elementor-control-separator-after:not(.elementor-hidden-control) + .elementor-control-separator-default {
684 +.elementor-control.elementor-control-separator-after + .elementor-control-type-tabs ~ .elementor-control-separator-default, .elementor-control.elementor-control-separator-after:not(.elementor-hidden-control) ~ .elementor-control-separator-default {
362 685 padding-block-start: 15px;
363 686 }
364 687 .elementor-control.elementor-control-deprecated {
365 688 color: var(--e-a-color-warning);
@@ -397,36 +720,23 @@
397 720 }
398 721 body:not(.elementor-device-mobile) .elementor-control.elementor-control-responsive-mobile {
399 722 display: none;
400 723 }
401 -.elementor-control-shape_divider_top .elementor-visual-choice-element-image label, .elementor-control-shape_divider_bottom .elementor-visual-choice-element-image label {
402 - padding: 4px;
403 -}
404 -.elementor-control-shape_divider_top img, .elementor-control-shape_divider_bottom img {
405 - aspect-ratio: 4/1;
406 - -o-object-fit: cover;
407 - object-fit: cover;
408 - -o-object-position: center;
409 - object-position: center;
410 -}
411 -.elementor-control-shape_divider_bottom img {
412 - rotate: X 180deg;
413 -}
414 724 .elementor-control-custom_css_pro .elementor-nerd-box-message, .elementor-control-custom_attributes_pro .elementor-nerd-box-message {
415 725 margin-block-start: 5px;
416 726 }
417 727
418 -.elementor-control.e-open .elementor-panel-heading-toggle i, .elementor-control.elementor-active .elementor-panel-heading-toggle i,
419 -.elementor-panel-category.e-open .elementor-panel-heading-toggle i,
420 -.elementor-panel-category.elementor-active .elementor-panel-heading-toggle i,
421 -.elementor-panel-scheme-item.e-open .elementor-panel-heading-toggle i,
422 -.elementor-panel-scheme-item.elementor-active .elementor-panel-heading-toggle i {
423 - transform: rotate(90deg);
728 +.elementor-control.e-open .elementor-panel-heading-toggle .eicon:before, .elementor-control.elementor-active .elementor-panel-heading-toggle .eicon:before,
729 +.elementor-panel-category.e-open .elementor-panel-heading-toggle .eicon:before,
730 +.elementor-panel-category.elementor-active .elementor-panel-heading-toggle .eicon:before,
731 +.elementor-panel-scheme-item.e-open .elementor-panel-heading-toggle .eicon:before,
732 +.elementor-panel-scheme-item.elementor-active .elementor-panel-heading-toggle .eicon:before {
733 + content: "\e92a";
424 734 }
425 -.elementor-control:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle i,
426 -.elementor-panel-category:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle i,
427 -.elementor-panel-scheme-item:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle i {
428 - scale: calc(1 * var(--direction-multiplier)) 1;
735 +.elementor-control:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle .eicon:before,
736 +.elementor-panel-category:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle .eicon:before,
737 +.elementor-panel-scheme-item:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle .eicon:before {
738 + content: "\e90a";
429 739 }
430 740
431 741 .elementor-panel-heading {
432 742 display: flex;
@@ -434,12 +744,10 @@
434 744 gap: 5px;
435 745 height: 48px;
436 746 padding-inline: 20px;
437 747 width: 100%;
438 - border: 0;
439 748 border-block-start: var(--e-a-border);
440 749 border-block-start-width: 2px;
441 - background-color: transparent;
442 750 color: var(--e-a-color-txt-accent);
443 751 cursor: pointer;
444 752 }
445 753 .elementor-panel-heading-toggle {
@@ -450,40 +758,10 @@
450 758 }
451 759 .elementor-panel-heading-title {
452 760 font-weight: bold;
453 761 }
454 -.elementor-panel-heading-category-chip {
455 - margin-inline-start: auto;
456 - background-color: var(--e-a-bg-chip);
457 - border-radius: 100px;
458 - padding: 5px 8px;
459 -}
460 -.elementor-panel-heading-category-chip i {
461 - margin-inline-start: 4px;
462 -}
463 -.elementor-panel-heading-promotion {
464 - margin-inline-start: auto;
465 -}
466 -.elementor-panel-heading-promotion a {
467 - color: var(--e-a-color-accent-promotion);
468 - font-family: "Roboto", sans-serif;
469 - font-weight: 500;
470 - font-size: 13px;
471 -}
472 -.elementor-panel-heading-promotion a i {
473 - margin-inline-end: 4px;
474 - font-size: 14px;
475 -}
476 -.elementor-panel-heading-promotion a:hover {
477 - color: var(--e-a-color-accent-promotion);
478 -}
479 -.elementor-panel-heading:focus-visible {
480 - color: var(--e-a-color-txt-hover);
481 -}
482 762
483 -#elementor-controls .elementor-control-type-section:first-child .elementor-panel-heading,
484 -#elementor-panel-page-settings-controls .elementor-control-type-section:first-child .elementor-panel-heading,
485 -#elementor-panel-editorPreferences-settings-controls .elementor-control-type-section:first-child .elementor-panel-heading {
763 +#elementor-controls .elementor-control-type-section:first-child .elementor-panel-heading {
486 764 border-block-start: none;
487 765 }
488 766
489 767 .elementor-control-field {
@@ -528,15 +806,8 @@
528 806 .elementor-group-control-attachment_alert .elementor-control-field-description {
529 807 margin-block-start: 0;
530 808 }
531 809
532 -.elementor-control-start-end .eicon-text-align-left,
533 -.elementor-control-start-end .eicon-text-align-right,
534 -.elementor-control-start-end .eicon-h-align-left,
535 -.elementor-control-start-end .eicon-h-align-right {
536 - scale: calc(1 * var(--direction-multiplier)) 1;
537 -}
538 -
539 810 .elementor-update-preview {
540 811 margin: 15px 15px 0;
541 812 display: flex;
542 813 align-items: center;
@@ -565,15 +836,15 @@
565 836 --pointer-position: var(--selected-option);
566 837 position: relative;
567 838 width: 2.5em;
568 839 height: 2.5em;
569 - margin: calc(-2.5em + 12px) 0;
840 + margin: calc( -2.5em + 12px) 0;
570 841 margin-inline-end: 5px;
571 842 }
572 843 .elementor-control-responsive-switchers__holder {
573 844 position: absolute;
574 845 width: 100%;
575 - inset-block-start: 0;
846 + top: 0;
576 847 background-color: var(--e-a-bg-default);
577 848 border-radius: var(--e-a-border-radius);
578 849 transition: 0.15s;
579 850 border: 1px solid transparent;
@@ -716,10 +987,10 @@
716 987 display: none;
717 988 overflow: hidden;
718 989 max-height: 0;
719 990 position: absolute;
720 - inset-block-start: -0.8em;
721 - inset-inline-start: -0.5em;
991 + top: -0.8em;
992 + left: -0.5em;
722 993 width: 2.5em;
723 994 text-align: center;
724 995 background-color: var(--e-a-bg-default);
725 996 border-radius: var(--e-a-border-radius);
@@ -739,8 +1010,14 @@
739 1010 }
740 1011 .e-units-choices .elementor-units-choices-label:hover {
741 1012 color: var(--e-a-color-primary-bold);
742 1013 }
1014 +.e-units-choices .elementor-units-choices-label:not([data-choose=custom]) i {
1015 + display: none;
1016 +}
1017 +.e-units-choices .elementor-units-choices-label[data-choose=custom] span {
1018 + display: none;
1019 +}
743 1020 .e-units-choices.e-units-choices-open {
744 1021 display: block;
745 1022 animation-duration: 1s;
746 1023 animation-name: e-units-choices-open;
@@ -758,19 +1035,8 @@
758 1035 to {
759 1036 max-height: 100vh;
760 1037 }
761 1038 }
762 -.elementor-control-alert {
763 - display: flex;
764 - flex-direction: column;
765 - justify-content: flex-start;
766 - align-items: flex-start;
767 - gap: 8px;
768 -}
769 -.elementor-control-alert-heading {
770 - font-weight: bold;
771 -}
772 -
773 1039 .elementor-control-type-button .elementor-control-input-wrapper {
774 1040 text-align: end;
775 1041 }
776 1042 .elementor-control-type-button .elementor-button {
@@ -888,15 +1154,15 @@
888 1154 --pointer-position: var(--selected-option);
889 1155 position: relative;
890 1156 width: 2.5em;
891 1157 height: 2.5em;
892 - margin: calc(-2.5em + 12px) 0;
1158 + margin: calc( -2.5em + 12px) 0;
893 1159 margin-inline-end: 5px;
894 1160 }
895 1161 .elementor-control-responsive-switchers__holder {
896 1162 position: absolute;
897 1163 width: 100%;
898 - inset-block-start: 0;
1164 + top: 0;
899 1165 background-color: var(--e-a-bg-default);
900 1166 border-radius: var(--e-a-border-radius);
901 1167 transition: 0.15s;
902 1168 border: 1px solid transparent;
@@ -1039,10 +1305,10 @@
1039 1305 display: none;
1040 1306 overflow: hidden;
1041 1307 max-height: 0;
1042 1308 position: absolute;
1043 - inset-block-start: -0.8em;
1044 - inset-inline-start: -0.5em;
1309 + top: -0.8em;
1310 + left: -0.5em;
1045 1311 width: 2.5em;
1046 1312 text-align: center;
1047 1313 background-color: var(--e-a-bg-default);
1048 1314 border-radius: var(--e-a-border-radius);
@@ -1062,8 +1328,14 @@
1062 1328 }
1063 1329 .e-units-choices .elementor-units-choices-label:hover {
1064 1330 color: var(--e-a-color-primary-bold);
1065 1331 }
1332 +.e-units-choices .elementor-units-choices-label:not([data-choose=custom]) i {
1333 + display: none;
1334 +}
1335 +.e-units-choices .elementor-units-choices-label[data-choose=custom] span {
1336 + display: none;
1337 +}
1066 1338 .e-units-choices.e-units-choices-open {
1067 1339 display: block;
1068 1340 animation-duration: 1s;
1069 1341 animation-name: e-units-choices-open;
@@ -1125,9 +1397,9 @@
1125 1397 border-inline-start: 1px solid var(--e-a-border-color-bold);
1126 1398 border-start-start-radius: var(--e-a-border-radius);
1127 1399 border-start-end-radius: 0;
1128 1400 border-end-start-radius: var(--e-a-border-radius);
1129 - border-end-end-radius: 0;
1401 + border-end-end-radius: var(--e-a-border-radius);
1130 1402 }
1131 1403 .elementor-control-type-dimensions li:first-child input:focus {
1132 1404 border-color: var(--e-a-border-color-focus);
1133 1405 margin-inline-start: 0;
@@ -1166,15 +1438,15 @@
1166 1438 --pointer-position: var(--selected-option);
1167 1439 position: relative;
1168 1440 width: 2.5em;
1169 1441 height: 2.5em;
1170 - margin: calc(-2.5em + 12px) 0;
1442 + margin: calc( -2.5em + 12px) 0;
1171 1443 margin-inline-end: 5px;
1172 1444 }
1173 1445 .elementor-control-responsive-switchers__holder {
1174 1446 position: absolute;
1175 1447 width: 100%;
1176 - inset-block-start: 0;
1448 + top: 0;
1177 1449 background-color: var(--e-a-bg-default);
1178 1450 border-radius: var(--e-a-border-radius);
1179 1451 transition: 0.15s;
1180 1452 border: 1px solid transparent;
@@ -1317,10 +1589,10 @@
1317 1589 display: none;
1318 1590 overflow: hidden;
1319 1591 max-height: 0;
1320 1592 position: absolute;
1321 - inset-block-start: -0.8em;
1322 - inset-inline-start: -0.5em;
1593 + top: -0.8em;
1594 + left: -0.5em;
1323 1595 width: 2.5em;
1324 1596 text-align: center;
1325 1597 background-color: var(--e-a-bg-default);
1326 1598 border-radius: var(--e-a-border-radius);
@@ -1340,8 +1612,14 @@
1340 1612 }
1341 1613 .e-units-choices .elementor-units-choices-label:hover {
1342 1614 color: var(--e-a-color-primary-bold);
1343 1615 }
1616 +.e-units-choices .elementor-units-choices-label:not([data-choose=custom]) i {
1617 + display: none;
1618 +}
1619 +.e-units-choices .elementor-units-choices-label[data-choose=custom] span {
1620 + display: none;
1621 +}
1344 1622 .e-units-choices.e-units-choices-open {
1345 1623 display: block;
1346 1624 animation-duration: 1s;
1347 1625 animation-name: e-units-choices-open;
@@ -1403,9 +1681,9 @@
1403 1681 border-inline-start: 1px solid var(--e-a-border-color-bold);
1404 1682 border-start-start-radius: var(--e-a-border-radius);
1405 1683 border-start-end-radius: 0;
1406 1684 border-end-start-radius: var(--e-a-border-radius);
1407 - border-end-end-radius: 0;
1685 + border-end-end-radius: var(--e-a-border-radius);
1408 1686 }
1409 1687 .elementor-control-type-gaps li:first-child input:focus {
1410 1688 border-color: var(--e-a-border-color-focus);
1411 1689 margin-inline-start: 0;
@@ -1440,11 +1718,11 @@
1440 1718 }
1441 1719
1442 1720 .elementor-control-type-icons .elementor-control-media__preview > * {
1443 1721 position: absolute;
1444 - inset-block-start: 50%;
1445 - inset-inline-start: 50%;
1446 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
1722 + top: 50%;
1723 + left: 50%;
1724 + transform: translate(-50%, -50%);
1447 1725 }
1448 1726 .elementor-control-type-icons .elementor-control-media__preview i {
1449 1727 font-size: 70px;
1450 1728 }
@@ -1489,19 +1767,18 @@
1489 1767 }
1490 1768 .elementor-control-type-gallery .elementor-control-gallery-thumbnail {
1491 1769 width: 48px;
1492 1770 height: 48px;
1493 - -o-object-fit: cover;
1494 - object-fit: cover;
1771 + background-size: cover;
1772 + background-position: 50% 50%;
1495 1773 border: var(--e-a-border);
1496 1774 }
1497 -.elementor-control-type-gallery .elementor-control-gallery-thumbnail + .unoptimized__image {
1498 - outline: 2px solid var(--e-a-btn-bg-danger-active);
1499 - opacity: 0.6;
1500 -}
1501 1775 .elementor-control-type-gallery .elementor-control-gallery-edit {
1502 1776 position: absolute;
1503 - inset: 0;
1777 + top: 0;
1778 + bottom: 0;
1779 + left: 0;
1780 + right: 0;
1504 1781 background-color: rgba(0, 0, 0, 0.2);
1505 1782 padding: 10px;
1506 1783 font-size: 11px;
1507 1784 transition: all 0.3s ease-in-out;
@@ -1510,10 +1787,10 @@
1510 1787 opacity: 0;
1511 1788 }
1512 1789 .elementor-control-type-gallery .elementor-control-gallery-edit span {
1513 1790 position: absolute;
1514 - inset-block-start: 10px;
1515 - inset-inline-end: 10px;
1791 + top: 10px;
1792 + right: 10px;
1516 1793 width: 21px;
1517 1794 height: 21px;
1518 1795 color: var(--e-a-color-white);
1519 1796 background-color: rgba(0, 0, 0, 0.5);
@@ -1623,10 +1900,10 @@
1623 1900 }
1624 1901 .e-global__popover-info-tooltip:after {
1625 1902 content: "";
1626 1903 position: absolute;
1627 - inset-block-end: -17px;
1628 - inset-inline-start: 16px;
1904 + bottom: -17px;
1905 + left: 16px;
1629 1906 border: 10px solid transparent;
1630 1907 border-block-start-color: rgba(0, 0, 0, 0.9);
1631 1908 }
1632 1909 .e-global__popover-info i {
@@ -1632,9 +1909,9 @@
1632 1909 .e-global__popover-info i {
1633 1910 font-size: 13px;
1634 1911 }
1635 1912 .e-global__preview-items-container {
1636 - max-height: 400px;
1913 + max-height: 260px;
1637 1914 overflow-y: auto;
1638 1915 padding: 5px 0;
1639 1916 }
1640 1917 .e-global__preview-items-container::-webkit-scrollbar {
@@ -1643,19 +1920,8 @@
1643 1920 .e-global__preview-items-container::-webkit-scrollbar-thumb {
1644 1921 background-color: #BABFC5;
1645 1922 border-radius: 10px;
1646 1923 }
1647 -.e-global__group-header {
1648 - padding: 12px 20px 5px;
1649 - font-weight: 500;
1650 - font-size: 11px;
1651 - color: var(--e-a-color-txt-muted);
1652 -}
1653 -.e-global__group-divider {
1654 - height: 1px;
1655 - background-color: var(--e-a-border-color);
1656 - margin: 10px 20px;
1657 -}
1658 1924 .e-global__manage-button {
1659 1925 font-weight: 500;
1660 1926 cursor: pointer;
1661 1927 }
@@ -1671,9 +1937,9 @@
1671 1937 font-size: 13px;
1672 1938 content: "\e90e";
1673 1939 position: absolute;
1674 1940 transform: translateY(-50%);
1675 - inset-block-start: 50%;
1941 + top: 50%;
1676 1942 inset-inline-start: 13px;
1677 1943 }
1678 1944 .e-global__color {
1679 1945 padding: 10px 20px;
@@ -1690,15 +1956,18 @@
1690 1956 position: relative;
1691 1957 }
1692 1958 .e-global__color-preview-color, .e-global__color-preview-transparent-bg {
1693 1959 border-radius: 3px;
1960 + height: 100%;
1961 + width: 100%;
1694 1962 position: absolute;
1695 - inset: 0;
1963 + top: 0;
1964 + left: 0;
1696 1965 }
1697 1966 .e-global__color-preview-transparent-bg {
1698 1967 background-image: linear-gradient(45deg, var(--e-a-border-color-bold) 25%, transparent 0, transparent 75%, var(--e-a-border-color-bold) 0, var(--e-a-border-color-bold)), linear-gradient(45deg, var(--e-a-border-color-bold) 25%, transparent 0, transparent 75%, var(--e-a-border-color-bold) 0, var(--e-a-border-color-bold));
1699 1968 background-size: 12px 12px;
1700 - background-position: 0 0, calc(12px / 2) calc(12px / 2);
1969 + background-position: 0 0, calc( 12px / 2 ) calc( 12px / 2 );
1701 1970 }
1702 1971 .e-global__color-title {
1703 1972 flex-grow: 1;
1704 1973 white-space: nowrap;
@@ -1814,11 +2083,11 @@
1814 2083 display: none;
1815 2084 }
1816 2085 .elementor-control-media .eicon-plus-circle {
1817 2086 position: absolute;
1818 - inset-block-start: 50%;
1819 - inset-inline-start: 50%;
1820 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
2087 + top: 50%;
2088 + left: 50%;
2089 + transform: translate(-50%, -50%);
1821 2090 color: var(--e-a-color-white);
1822 2091 font-size: 20px;
1823 2092 }
1824 2093 .elementor-control-media__content__upload-button {
@@ -1827,13 +2096,14 @@
1827 2096 .elementor-control-media__preview {
1828 2097 height: 100%;
1829 2098 background-size: cover;
1830 2099 background-position: center;
2100 + padding-block-end: 42.8571%;
1831 2101 }
1832 2102 .elementor-control-media-area {
1833 2103 background-image: linear-gradient(45deg, var(--e-a-border-color-bold) 25%, transparent 0, transparent 75%, var(--e-a-border-color-bold) 0, var(--e-a-border-color-bold)), linear-gradient(45deg, var(--e-a-border-color-bold) 25%, transparent 0, transparent 75%, var(--e-a-border-color-bold) 0, var(--e-a-border-color-bold));
1834 2104 background-size: 16px 16px;
1835 - background-position: 0 0, calc(16px / 2) calc(16px / 2);
2105 + background-position: 0 0, calc( 16px / 2 ) calc( 16px / 2 );
1836 2106 background-color: var(--e-a-bg-default);
1837 2107 border: var(--e-a-border-bold);
1838 2108 aspect-ratio: 21/9;
1839 2109 }
@@ -1841,11 +2111,11 @@
1841 2111 display: none;
1842 2112 }
1843 2113 .elementor-control-media-area .eicon-video-camera {
1844 2114 position: absolute;
1845 - inset-block-start: 50%;
1846 - inset-inline-start: 50%;
1847 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
2115 + top: 50%;
2116 + left: 50%;
2117 + transform: translate(-50%, -50%);
1848 2118 color: rgba(255, 255, 255, 0.7);
1849 2119 font-size: 21px;
1850 2120 }
1851 2121 .elementor-control-media .elementor-control-media__content {
@@ -1856,14 +2126,17 @@
1856 2126 }
1857 2127 .elementor-control-media .elementor-control-media__content:hover:after {
1858 2128 content: "";
1859 2129 position: absolute;
1860 - inset: 0;
2130 + top: 0;
2131 + bottom: 0;
2132 + left: 0;
2133 + right: 0;
1861 2134 background-color: rgba(0, 0, 0, 0.2);
1862 2135 pointer-events: none;
1863 2136 }
1864 2137 .elementor-control-media .elementor-control-media__content:not(:hover) .elementor-control-media__tools {
1865 - inset-block-end: -30px;
2138 + bottom: -30px;
1866 2139 }
1867 2140 .elementor-control-media__content {
1868 2141 transition: all 0.2s ease-in-out;
1869 2142 }
@@ -1868,10 +2141,11 @@
1868 2141 transition: all 0.2s ease-in-out;
1869 2142 }
1870 2143 .elementor-control-media__tools {
1871 2144 position: absolute;
1872 - inset-block-end: 0;
1873 - inset-inline: 0;
2145 + bottom: 0;
2146 + left: 0;
2147 + right: 0;
1874 2148 height: 27px;
1875 2149 transition: all 0.2s ease-in-out;
1876 2150 }
1877 2151 .elementor-control-media__tools > *:not(:first-child) {
@@ -1898,10 +2172,10 @@
1898 2172 }
1899 2173 .elementor-control-media__content__remove {
1900 2174 position: absolute;
1901 2175 z-index: 1;
1902 - inset-block-start: 10px;
1903 - inset-inline-end: 10px;
2176 + top: 10px;
2177 + right: 10px;
1904 2178 width: 20px;
1905 2179 height: 20px;
1906 2180 font-size: 11px;
1907 2181 color: var(--e-a-color-white);
@@ -1915,14 +2189,8 @@
1915 2189 }
1916 2190 .elementor-control-media.e-media-empty .elementor-control-file-area {
1917 2191 display: none;
1918 2192 }
1919 -.elementor-control-media__warnings:empty {
1920 - display: none;
1921 -}
1922 -.elementor-control-media__warnings:not(:empty) {
1923 - margin-block-start: 10px;
1924 -}
1925 2193 .elementor-control-media__file {
1926 2194 display: flex;
1927 2195 justify-content: space-between;
1928 2196 align-items: center;
@@ -1998,79 +2266,8 @@
1998 2266 .elementor-control:not(.elementor-control-type-icons) .elementor-control-media__preview {
1999 2267 background-color: var(--e-a-bg-active-bold);
2000 2268 }
2001 2269
2002 -.elementor-control-notice {
2003 - display: flex;
2004 - justify-content: flex-start;
2005 - align-items: flex-start;
2006 - gap: 8px;
2007 - padding: 16px;
2008 - border-radius: 3px;
2009 - border: 1px solid var(--notice-control-color, var(--e-a-color-txt));
2010 - color: var(--e-a-color-txt);
2011 - font-size: 12px;
2012 - font-weight: 400;
2013 - line-height: 1.5;
2014 - text-align: start;
2015 - margin-block-start: 10px;
2016 -}
2017 -.elementor-control-notice-type-info {
2018 - --notice-control-color: var(--e-a-color-info);
2019 -}
2020 -.elementor-control-notice-type-success {
2021 - --notice-control-color: var(--e-a-color-success);
2022 -}
2023 -.elementor-control-notice-type-warning {
2024 - --notice-control-color: var(--e-a-color-warning);
2025 -}
2026 -.elementor-control-notice-type-danger {
2027 - --notice-control-color: var(--e-a-color-danger);
2028 -}
2029 -.elementor-control-notice-icon {
2030 - flex-basis: 18px;
2031 - color: var(--notice-control-color);
2032 -}
2033 -.elementor-control-notice-main {
2034 - display: flex;
2035 - flex-direction: column;
2036 - justify-content: flex-start;
2037 - align-items: flex-start;
2038 - gap: 6px;
2039 - flex: 1;
2040 -}
2041 -.elementor-control-notice-main-heading {
2042 - font-weight: 700;
2043 - font-style: italic;
2044 -}
2045 -.elementor-control-notice-main-content {
2046 - font-style: italic;
2047 - line-height: 1.5;
2048 -}
2049 -.elementor-control-notice-main-actions {
2050 - display: flex;
2051 - gap: 10px;
2052 - padding-block-start: 8px;
2053 -}
2054 -.elementor-control-notice-main a {
2055 - color: inherit;
2056 - font-weight: 700;
2057 - cursor: pointer;
2058 -}
2059 -.elementor-control-notice-main a:hover, .elementor-control-notice-main a:focus {
2060 - color: inherit;
2061 -}
2062 -.elementor-control-notice-dismiss {
2063 - -webkit-appearance: none;
2064 - -moz-appearance: none;
2065 - appearance: none;
2066 - background-color: transparent;
2067 - border: 0;
2068 - padding: 0;
2069 - margin: 0;
2070 - cursor: pointer;
2071 -}
2072 -
2073 2270 .elementor-control-type-popover_toggle input {
2074 2271 display: none;
2075 2272 }
2076 2273 .elementor-control-type-popover_toggle label {
@@ -2127,12 +2324,8 @@
2127 2324 }
2128 2325 .elementor-control-type-repeater.elementor-repeater-has-minimum-rows .elementor-repeater-tool-remove {
2129 2326 display: none;
2130 2327 }
2131 -.elementor-control-type-repeater.elementor-repeater-has-maximum-rows .elementor-repeater-tool-duplicate,
2132 -.elementor-control-type-repeater.elementor-repeater-has-maximum-rows .elementor-repeater-add {
2133 - display: none;
2134 -}
2135 2328 .elementor-control-type-repeater .elementor-repeater-fields {
2136 2329 margin: 10px 0;
2137 2330 }
2138 2331 .elementor-control-type-repeater .elementor-repeater-row-controls {
@@ -2193,11 +2386,9 @@
2193 2386 text-align: center;
2194 2387 padding-block-start: 5px;
2195 2388 }
2196 2389
2197 -#elementor-controls,
2198 -#elementor-panel-page-settings-controls,
2199 -#elementor-panel-editorPreferences-settings-controls {
2390 +#elementor-controls {
2200 2391 padding-block-start: 15px;
2201 2392 }
2202 2393
2203 2394 .elementor-control-type-section {
@@ -2209,9 +2400,9 @@
2209 2400 .elementor-control-type-section + .elementor-control:not(.elementor-control-type-section):before {
2210 2401 display: none;
2211 2402 }
2212 2403 .elementor-control-type-section:not(:first-child):not(.elementor-control-type-section + .elementor-control-type-section) {
2213 - margin-block-start: 25px;
2404 + margin-top: 25px;
2214 2405 }
2215 2406
2216 2407 .elementor-control-type-select .elementor-control-input-wrapper {
2217 2408 position: relative;
@@ -2242,11 +2433,11 @@
2242 2433 font-family: eicons;
2243 2434 content: "\e8ad";
2244 2435 font-size: 12px;
2245 2436 position: absolute;
2246 - inset-block-start: 50%;
2247 - inset-inline-end: 5px;
2437 + top: 50%;
2248 2438 transform: translateY(-50%);
2439 + right: 5px;
2249 2440 pointer-events: none;
2250 2441 }
2251 2442 .elementor-control-type-select .elementor-control-field.elementor-control-field-select-small .elementor-control-input-wrapper {
2252 2443 max-width: 80px;
@@ -2280,14 +2471,14 @@
2280 2471 }
2281 2472 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle {
2282 2473 border-radius: 0;
2283 2474 width: 10px;
2284 - transform: translateY(calc(50% - 14px)) translateX(calc(4px * var(--direction-multiplier)));
2475 + transform: translateY(calc(50% - 14px)) translateX(4px);
2285 2476 }
2286 2477 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle:after {
2287 2478 content: "";
2288 2479 position: absolute;
2289 - inset-block-start: 2px;
2480 + top: 2px;
2290 2481 height: 12px;
2291 2482 width: 11px;
2292 2483 transform: rotate(45deg);
2293 2484 background-color: var(--e-a-color-white);
@@ -2364,11 +2555,11 @@
2364 2555 .elementor-slider .noUi-handle {
2365 2556 height: 16px;
2366 2557 width: 16px;
2367 2558 background-color: var(--e-a-color-white);
2559 + right: 0;
2560 + transform: translateY(calc(50% - 14px)) translateX(8px);
2368 2561 position: absolute;
2369 - inset-inline-end: 0;
2370 - transform: translateY(calc(50% - 14px)) translateX(calc(8px * var(--direction-multiplier)));
2371 2562 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
2372 2563 border-radius: 50%;
2373 2564 }
2374 2565 .elementor-slider .noUi-connects {
@@ -2378,9 +2569,12 @@
2378 2569 }
2379 2570 .elementor-slider .noUi-connect {
2380 2571 position: absolute;
2381 2572 z-index: 0;
2382 - inset: 0;
2573 + top: 0;
2574 + left: 0;
2575 + height: 100%;
2576 + width: 100%;
2383 2577 will-change: transform;
2384 2578 transform-origin: 0 0;
2385 2579 background-color: var(--e-a-border-color-focus);
2386 2580 }
@@ -2385,9 +2579,9 @@
2385 2579 background-color: var(--e-a-border-color-focus);
2386 2580 }
2387 2581 .elementor-slider .noUi-tooltip {
2388 2582 position: absolute;
2389 - inset-block-start: calc(100% + 5px);
2583 + top: calc(100% + 5px);
2390 2584 left: calc(50% - 4px);
2391 2585 transform: translateX(-50%);
2392 2586 font-size: 10px;
2393 2587 }
@@ -2474,9 +2668,9 @@
2474 2668 transition-property: opacity, background;
2475 2669 }
2476 2670 .elementor-control-type-switcher .elementor-switch-label:before, .elementor-control-type-switcher .elementor-switch-label:after {
2477 2671 position: absolute;
2478 - inset-block-start: 0;
2672 + top: 0;
2479 2673 width: 50%;
2480 2674 text-align: center;
2481 2675 line-height: 20px;
2482 2676 transition: inherit;
@@ -2482,14 +2676,14 @@
2482 2676 transition: inherit;
2483 2677 }
2484 2678 .elementor-control-type-switcher .elementor-switch-label:before {
2485 2679 content: attr(data-off);
2486 - inset-inline-end: 5px;
2680 + right: 5px;
2487 2681 color: var(--e-a-color-txt-muted);
2488 2682 }
2489 2683 .elementor-control-type-switcher .elementor-switch-label:after {
2490 2684 content: attr(data-on);
2491 - inset-inline-start: 5px;
2685 + left: 5px;
2492 2686 color: var(--e-a-btn-color);
2493 2687 opacity: 0;
2494 2688 }
2495 2689 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label {
@@ -2502,28 +2696,25 @@
2502 2696 opacity: 1;
2503 2697 }
2504 2698 .elementor-control-type-switcher .elementor-switch-handle {
2505 2699 position: absolute;
2506 - inset-block-start: 1px;
2507 - inset-inline-start: 1px;
2700 + top: 1px;
2701 + left: 1px;
2508 2702 width: 18px;
2509 2703 height: 18px;
2510 2704 background: white;
2511 2705 border-radius: 10px;
2512 - transition: inset-inline-start 0.15s ease-out;
2706 + transition: left 0.15s ease-out;
2513 2707 }
2514 2708 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-handle {
2515 - inset-inline-start: initial;
2516 - inset-inline-end: 1px;
2709 + left: initial;
2710 + right: 1px;
2517 2711 }
2518 2712
2519 2713 .elementor-control-type-tabs {
2520 - display: none;
2714 + display: flex;
2521 2715 font-size: var(--control-title-size);
2522 2716 }
2523 -.elementor-control-type-tabs:has(> :not(.elementor-control-type-tab.elementor-hidden-control)) {
2524 - display: flex;
2525 -}
2526 2717
2527 2718 .elementor-control-type-tab {
2528 2719 text-align: center;
2529 2720 width: 100%;
@@ -2528,10 +2719,10 @@
2528 2719 text-align: center;
2529 2720 width: 100%;
2530 2721 padding: 0;
2531 2722 line-height: 25px;
2532 - border-block-start: var(--e-a-border-bold);
2533 - border-block-end: var(--e-a-border-bold);
2723 + border-top: var(--e-a-border-bold);
2724 + border-bottom: var(--e-a-border-bold);
2534 2725 border-inline-end: var(--e-a-border-bold);
2535 2726 transition: var(--e-a-transition-hover);
2536 2727 cursor: pointer;
2537 2728 }
@@ -2566,11 +2757,11 @@
2566 2757 }
2567 2758 .elementor-control-type-textarea:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher,
2568 2759 .elementor-control-type-code:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher {
2569 2760 position: absolute;
2570 - inset-block-start: 0;
2571 - inset-inline-end: 0;
2761 + top: 0;
2572 2762 z-index: 1;
2763 + right: 0;
2573 2764 }
2574 2765 .elementor-control-type-textarea .elementor-control-input-wrapper,
2575 2766 .elementor-control-type-code .elementor-control-input-wrapper {
2576 2767 position: relative;
@@ -2647,10 +2838,10 @@
2647 2838 }
2648 2839 .elementor-control-type-url .elementor-control-url-autocomplete-spinner {
2649 2840 display: none;
2650 2841 position: absolute;
2651 - inset-block-start: 5px;
2652 - inset-inline-end: 0;
2842 + top: 5px;
2843 + right: 0;
2653 2844 width: 10px;
2654 2845 height: 10px;
2655 2846 font-size: 10px;
2656 2847 color: var(--e-a-color-txt-disabled);
@@ -2701,76 +2892,8 @@
2701 2892 font-size: 10px;
2702 2893 padding-block-start: 2px;
2703 2894 }
2704 2895
2705 -.elementor-control-type-visual_choice {
2706 - width: 100%;
2707 -}
2708 -
2709 -.elementor-visual-choice-choices {
2710 - display: grid;
2711 - gap: 8px;
2712 - grid-template-columns: repeat(var(--elementor-visual-choice-columns), 1fr);
2713 - text-align: center;
2714 - border-radius: var(--e-a-border-radius);
2715 - overflow: hidden;
2716 -}
2717 -
2718 -.elementor-visual-choice-element {
2719 - display: flex;
2720 - flex-direction: column;
2721 - align-items: center;
2722 - justify-content: center;
2723 - gap: 8px;
2724 - width: auto;
2725 -}
2726 -.elementor-visual-choice-element-image label {
2727 - border: var(--e-a-border-bold);
2728 - border-radius: var(--e-a-border-radius);
2729 - font-size: 12px;
2730 - transition: var(--e-a-transition-hover);
2731 - cursor: pointer;
2732 - overflow: hidden;
2733 - width: 100%;
2734 - padding: 8px;
2735 -}
2736 -.elementor-visual-choice-element-image input.e-visual-choice-placeholder + label, .elementor-visual-choice-element-image input:checked + label, .elementor-visual-choice-element-image input:hover + label {
2737 - background-color: var(--e-a-bg-active-bold);
2738 - opacity: 1;
2739 -}
2740 -.elementor-visual-choice-element-image input:checked + label {
2741 - border-color: var(--e-a-color-primary-bold);
2742 -}
2743 -.elementor-visual-choice-element-image input:not(:checked) + label {
2744 - background-color: var(--e-a-color-white);
2745 - opacity: 0.5;
2746 -}
2747 -.elementor-visual-choice-element-image img {
2748 - width: 100%;
2749 - height: auto;
2750 -}
2751 -.elementor-visual-choice-element-button {
2752 - grid-column: span var(--elementor-visual-choice-columns);
2753 -}
2754 -.elementor-visual-choice-element-button label {
2755 - width: -moz-fit-content;
2756 - width: fit-content;
2757 -}
2758 -.elementor-visual-choice-element-button input:checked + .elementor-button, .elementor-visual-choice-element-button input:hover + .elementor-button {
2759 - background-color: var(--e-a-bg-active-bold);
2760 -}
2761 -.elementor-visual-choice-element-button input:checked + .elementor-button {
2762 - border-color: var(--e-a-color-primary-bold);
2763 -}
2764 -
2765 -.elementor-label-inline .elementor-visual-choice-choices {
2766 - justify-content: flex-end;
2767 -}
2768 -
2769 -.tipsy-inner {
2770 - white-space: pre-line;
2771 -}
2772 -
2773 2896 .elementor-control-type-wp_widget .widget-inside {
2774 2897 line-height: 2;
2775 2898 background-color: inherit;
2776 2899 display: block;
@@ -2861,11 +2984,8 @@
2861 2984 font-size: 16px;
2862 2985 }
2863 2986 .elementor-control-type-wysiwyg .mce-btn-group .mce-btn:hover, .elementor-control-type-wysiwyg .mce-btn-group .mce-btn:active, .elementor-control-type-wysiwyg .mce-btn-group .mce-btn.mce-active {
2864 2987 color: var(--e-a-color-txt-active);
2865 - background: var(--e-a-bg-hover);
2866 - border-color: var(--e-a-border-color);
2867 - box-shadow: none;
2868 2988 }
2869 2989 .elementor-control-type-wysiwyg .mce-btn-group .mce-btn:hover i, .elementor-control-type-wysiwyg .mce-btn-group .mce-btn:active i, .elementor-control-type-wysiwyg .mce-btn-group .mce-btn.mce-active i {
2870 2990 color: var(--e-a-color-txt-active);
2871 2991 }
@@ -2882,35 +3002,8 @@
2882 3002 .elementor-control-type-wysiwyg .elementor-control-dynamic-switcher {
2883 3003 border: none;
2884 3004 }
2885 3005
2886 -@media screen and (prefers-color-scheme: dark) {
2887 - #wp-link-wrap {
2888 - color-scheme: light;
2889 - --e-a-color-txt: #515962;
2890 - --e-a-bg-default: #ffffff;
2891 - --e-a-border-color-bold: #D5D8DC;
2892 - --e-a-color-primary-bold: #D004D4;
2893 - }
2894 - #wp-link {
2895 - color: var(--e-a-color-txt);
2896 - }
2897 - #wp-link input {
2898 - background-color: var(--e-a-bg-default);
2899 - border-color: var(--e-a-border-color-bold);
2900 - }
2901 - #wp-link input[type=checkbox] {
2902 - border-color: var(--e-a-border-color-bold);
2903 - }
2904 - #wp-link input[type=checkbox]:checked {
2905 - background: var(--e-a-color-primary-bold);
2906 - }
2907 - #wp-link input.button-primary {
2908 - background: #2271b1;
2909 - border-color: #2271b1;
2910 - color: #fff;
2911 - }
2912 -}
2913 3006 .ui-resizable-n {
2914 3007 top: -5px;
2915 3008 }
2916 3009 .ui-resizable-e {
@@ -2986,43 +3079,41 @@
2986 3079 --e-p-border-widget-invert: #0C0D0E;
2987 3080 --e-p-border-global: #5EEAD4;
2988 3081 --e-p-border-global-hover: #1DDDBF;
2989 3082 --e-p-border-global-invert: #0C0D0E;
2990 - --e-p-border-global-element: #5EEAD4;
2991 3083 }
2992 3084
2993 -.elementor-editor-active .elementor-add-section {
3085 +.elementor-add-section {
2994 3086 all: initial;
2995 3087 display: flex;
2996 - flex-wrap: wrap;
2997 - justify-content: center;
2998 3088 max-width: 1160px;
2999 3089 position: relative;
3000 3090 margin-inline: auto;
3001 3091 }
3002 -.elementor-editor-active .elementor-add-section:not(.elementor-dragging-on-child) .elementor-add-section-inner {
3092 +.elementor-add-section:not(.elementor-dragging-on-child) .elementor-add-section-inner {
3003 3093 border: 2px dashed var(--e-a-border-color-bold);
3004 3094 background-color: rgba(255, 255, 255, 0.5);
3005 3095 }
3006 -.elementor-editor-active .elementor-add-section.elementor-dragging-on-child .elementor-add-section-inner {
3096 +.elementor-add-section.elementor-dragging-on-child .elementor-add-section-inner {
3007 3097 border: 2px dashed var(--e-a-color-primary);
3008 3098 }
3009 -.elementor-editor-active .elementor-add-section[data-view=choose-action] .e-view:not(.elementor-add-new-section) {
3099 +.elementor-add-section[data-view=choose-action] .e-view:not(.elementor-add-new-section) {
3010 3100 display: none;
3011 3101 }
3012 -.elementor-editor-active .elementor-add-section[data-view=select-preset] .e-view:not(.elementor-select-preset) {
3102 +.elementor-add-section[data-view=select-preset] .e-view:not(.elementor-select-preset) {
3013 3103 display: none;
3014 3104 }
3015 -.elementor-editor-active .elementor-add-section[data-view=select-container-preset] .e-view:not(.e-con-select-preset) {
3105 +.elementor-add-section[data-view=select-container-preset] .e-view:not(.e-con-select-preset) {
3016 3106 display: none;
3017 3107 }
3018 -.elementor-editor-active .elementor-add-section[data-view=select-type] .e-view:not(.e-con-select-type) {
3108 +.elementor-add-section[data-view=select-type] .e-view:not(.e-con-select-type) {
3019 3109 display: none;
3020 3110 }
3021 -.elementor-editor-active .elementor-add-section[data-view=select-container-preset-grid] .e-view:not(.e-con-select-preset-grid) {
3111 +.elementor-add-section[data-view=select-container-preset-grid] .e-view:not(.e-con-select-preset-grid) {
3022 3112 display: none;
3023 3113 }
3024 -.elementor-editor-active .elementor-add-section-inner {
3114 +
3115 +.elementor-add-section-inner {
3025 3116 text-align: center;
3026 3117 margin: 20px;
3027 3118 padding: 40px 0;
3028 3119 display: flex;
@@ -3028,185 +3119,147 @@
3028 3119 display: flex;
3029 3120 justify-content: center;
3030 3121 flex-grow: 1;
3031 3122 }
3032 -.elementor-editor-active .elementor-add-new-section {
3123 +
3124 +.elementor-add-new-section {
3033 3125 display: flex;
3034 3126 justify-content: center;
3035 3127 flex-wrap: wrap;
3036 3128 gap: 5px;
3037 3129 }
3038 -.elementor-editor-active .elementor-add-section-area-button {
3130 +
3131 +.elementor-add-section-area-button {
3039 3132 padding: 12px;
3040 3133 height: 40px;
3041 3134 width: 40px;
3135 + border-radius: 50%;
3042 3136 font-size: 16px;
3043 3137 display: flex;
3044 - outline: unset;
3045 - border: unset;
3046 - border-radius: 50%;
3047 - box-shadow: unset;
3048 - text-shadow: unset;
3049 - background-color: var(--e-a-bg-active);
3050 - color: var(--e-a-color-black);
3138 + outline: none;
3139 + border: none;
3140 + background-color: var(--e-a-btn-bg);
3141 + color: var(--e-a-btn-color-invert);
3051 3142 transition: var(--e-a-transition-hover);
3052 3143 cursor: pointer;
3053 3144 }
3054 -.elementor-editor-active .elementor-add-section-area-button:hover, .elementor-editor-active .elementor-add-section-area-button:focus {
3055 - border: unset;
3056 - border-radius: 50%;
3057 - box-shadow: unset;
3058 - text-shadow: unset;
3059 - color: var(--e-a-color-black);
3060 - background-color: var(--e-a-bg-active-bold);
3145 +.elementor-add-section-area-button:hover {
3146 + background-color: var(--e-a-btn-bg-hover);
3147 + color: var(--e-a-btn-color-invert);
3061 3148 }
3062 -.elementor-editor-active .elementor-add-section-area-button i {
3149 +.elementor-add-section-area-button i {
3063 3150 margin: 0;
3064 3151 }
3065 -.elementor-editor-active .elementor-add-section-area-button.e-button-primary {
3152 +.elementor-add-section-area-button.elementor-add-section-button {
3066 3153 background-color: var(--e-a-btn-bg-primary);
3067 3154 color: var(--e-a-btn-color);
3068 3155 }
3069 -.elementor-editor-active .elementor-add-section-area-button.e-button-primary:hover, .elementor-editor-active .elementor-add-section-area-button.e-button-primary:focus {
3156 +.elementor-add-section-area-button.elementor-add-section-button:hover {
3070 3157 background-color: var(--e-a-btn-bg-primary-hover);
3071 3158 color: var(--e-a-btn-color);
3072 3159 }
3073 -.elementor-editor-active .elementor-add-section-drag-title,
3074 -.elementor-editor-active .elementor-select-preset-title {
3160 +
3161 +.elementor-add-section-drag-title,
3162 +.elementor-select-preset-title {
3075 3163 font-family: var(--e-a-font-family);
3076 3164 font-size: 13px;
3077 3165 line-height: 1;
3078 3166 color: var(--e-a-color-txt);
3079 3167 }
3080 -.elementor-editor-active .elementor-add-section-drag-title {
3168 +
3169 +.elementor-add-section-drag-title {
3081 3170 font-style: italic;
3082 3171 font-weight: normal;
3083 3172 margin-block-start: 10px;
3084 3173 width: 100%;
3085 3174 }
3086 -.elementor-editor-active .elementor-select-preset-title {
3175 +
3176 +.elementor-select-preset-title {
3087 3177 font-weight: 500;
3088 3178 text-transform: uppercase;
3089 3179 }
3090 -.elementor-editor-active .elementor-add-section-close,
3091 -.elementor-editor-active .elementor-add-section-back,
3092 -.elementor-editor-active .flex-preset-button,
3093 -.elementor-editor-active .grid-preset-button {
3094 - padding: unset;
3095 - margin: unset;
3096 - border: unset;
3097 - border-radius: unset;
3098 - outline: unset;
3099 - box-shadow: unset;
3100 - text-shadow: unset;
3101 - color: var(--e-a-color-txt);
3102 - background-color: transparent;
3180 +
3181 +.elementor-add-section-close {
3182 + right: 40px;
3103 3183 }
3104 -.elementor-editor-active .elementor-add-section-close {
3105 - inset-inline-end: 40px;
3184 +
3185 +.elementor-add-section-back {
3186 + left: 40px;
3106 3187 }
3107 -.elementor-editor-active .elementor-add-section-back {
3108 - inset-inline-start: 40px;
3109 - scale: calc(1 * var(--direction-multiplier)) 1;
3110 -}
3111 -.elementor-editor-active .elementor-add-section-close,
3112 -.elementor-editor-active .elementor-add-section-back {
3188 +
3189 +.elementor-wizard-icon {
3113 3190 position: absolute;
3114 - inset-block-start: 40px;
3191 + top: 40px;
3115 3192 font-size: 20px;
3116 3193 cursor: pointer;
3117 3194 line-height: 1;
3118 3195 color: var(--e-a-color-txt);
3119 - border-radius: 50%;
3120 - box-shadow: unset;
3121 - text-shadow: unset;
3122 3196 }
3123 -.elementor-editor-active .elementor-add-section-close:hover, .elementor-editor-active .elementor-add-section-close:focus,
3124 -.elementor-editor-active .elementor-add-section-back:hover,
3125 -.elementor-editor-active .elementor-add-section-back:focus {
3126 - border: unset;
3127 - border-radius: 50%;
3128 - box-shadow: unset;
3129 - text-shadow: unset;
3197 +.elementor-wizard-icon:hover {
3130 3198 color: var(--e-a-color-txt-hover);
3131 - background-color: var(--e-a-bg-hover);
3132 3199 }
3133 -.elementor-editor-active .flex-preset-button:hover, .elementor-editor-active .flex-preset-button:focus,
3134 -.elementor-editor-active .grid-preset-button:hover,
3135 -.elementor-editor-active .grid-preset-button:focus {
3136 - background-color: transparent;
3137 - color: var(--e-a-color-txt-hover);
3138 -}
3139 -.elementor-editor-active .elementor-select-preset-list {
3140 - display: flex;
3141 - gap: 20px;
3142 - align-items: center;
3143 - justify-content: center;
3144 - flex-wrap: wrap;
3200 +
3201 +.elementor-select-preset-list {
3202 + list-style: none;
3203 + padding: 0 25px;
3145 3204 margin: 20px auto 0;
3205 + overflow: hidden;
3146 3206 max-width: 700px;
3147 3207 }
3148 -.elementor-editor-active .elementor-select-preset-list .elementor-preset {
3208 +.elementor-select-preset-list .elementor-preset {
3149 3209 cursor: pointer;
3150 - flex-basis: 90px;
3151 - padding: unset;
3152 - margin: unset;
3153 - border: unset;
3154 - border-radius: unset;
3155 - outline: unset;
3156 - box-shadow: unset;
3157 - text-shadow: unset;
3158 - background-color: unset;
3210 + margin: 0;
3211 + padding: 10px;
3212 + float: left;
3213 + max-width: 33.333%;
3159 3214 }
3160 -.elementor-editor-active .elementor-select-preset-list .elementor-preset path,
3161 -.elementor-editor-active .elementor-select-preset-list .elementor-preset rect {
3215 +.elementor-select-preset-list .elementor-preset:not(:hover) path,
3216 +.elementor-select-preset-list .elementor-preset:not(:hover) rect {
3162 3217 fill: var(--e-a-bg-active-bold);
3163 3218 transition: 0.3s all;
3164 3219 }
3165 -.elementor-editor-active .elementor-select-preset-list .elementor-preset:hover, .elementor-editor-active .elementor-select-preset-list .elementor-preset:focus {
3166 - background-color: transparent;
3167 -}
3168 -.elementor-editor-active .elementor-select-preset-list .elementor-preset:hover path,
3169 -.elementor-editor-active .elementor-select-preset-list .elementor-preset:hover rect, .elementor-editor-active .elementor-select-preset-list .elementor-preset:focus path,
3170 -.elementor-editor-active .elementor-select-preset-list .elementor-preset:focus rect {
3220 +.elementor-select-preset-list .elementor-preset:hover path,
3221 +.elementor-select-preset-list .elementor-preset:hover rect {
3171 3222 fill: var(--e-a-color-txt);
3172 3223 }
3173 -.elementor-editor-active .elementor-select-preset-list .elementor-preset .e-preset--container {
3224 +.elementor-select-preset-list .elementor-preset .e-preset--container {
3174 3225 position: relative;
3175 3226 display: flex;
3176 3227 }
3177 -.elementor-editor-active .elementor-select-preset-list .elementor-preset .e-preset--container::before {
3228 +.elementor-select-preset-list .elementor-preset .e-preset--container::before {
3178 3229 content: var(--text);
3179 3230 font-family: var(--e-a-font-family);
3180 3231 font-size: 13px;
3181 3232 font-weight: 500;
3233 + position: absolute;
3234 + left: 50%;
3235 + top: 50%;
3182 3236 color: var(--e-a-color-white);
3183 - position: absolute;
3184 - inset-block-start: 50%;
3185 - inset-inline-start: 50%;
3186 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
3237 + transform: translate(-50%, -50%);
3187 3238 }
3188 -.elementor-editor-active .elementor-select-preset-list .elementor-preset svg {
3239 +.elementor-select-preset-list .elementor-preset svg {
3189 3240 height: 50px;
3190 3241 width: 100%;
3191 - scale: calc(1 * var(--direction-multiplier)) 1;
3192 3242 }
3193 -.elementor-editor-active .elementor-add-section[data-view=choose-action] .elementor-add-section-back {
3243 +
3244 +.elementor-add-section[data-view=choose-action] .elementor-add-section-back {
3194 3245 display: none;
3195 3246 }
3196 -.elementor-editor-active .elementor-add-section[data-view=select-preset] .elementor-add-section-back {
3247 +.elementor-add-section[data-view=select-preset] .elementor-add-section-back {
3197 3248 display: none;
3198 3249 }
3199 -.elementor-editor-active .elementor-add-section[data-view=select-type] .elementor-add-section-back {
3250 +.elementor-add-section[data-view=select-type] .elementor-add-section-back {
3200 3251 display: none;
3201 3252 }
3202 -.elementor-editor-active #elementor-add-new-section {
3253 +
3254 +#elementor-add-new-section {
3203 3255 margin: 60px auto;
3204 3256 }
3205 -.elementor-editor-active #elementor-add-new-section[data-view=choose-action] .elementor-add-section-close {
3257 +#elementor-add-new-section[data-view=choose-action] .elementor-add-section-close {
3206 3258 display: none;
3207 3259 }
3208 -.elementor-editor-active .elementor-add-section-inline {
3260 +
3261 +.elementor-add-section-inline {
3209 3262 margin: 10px auto;
3210 3263 width: 100%;
3211 3264 }
3212 3265
@@ -3277,18 +3330,18 @@
3277 3330 border-radius: 3px;
3278 3331 z-index: 9999;
3279 3332 }
3280 3333 .pen-menu:after {
3334 + top: 100%;
3281 3335 content: "";
3282 3336 position: absolute;
3283 3337 border: 6px solid transparent;
3284 3338 border-block-start-color: #3f444b;
3285 - inset-block-start: 100%;
3286 - inset-inline-start: 50%;
3339 + left: 50%;
3287 3340 transform: translateX(-50%);
3288 3341 }
3289 3342 .pen-menu-below:after {
3290 - inset-block-start: 0;
3343 + top: 0;
3291 3344 transform: translateX(-50%) translateY(-100%) rotate(180deg);
3292 3345 }
3293 3346 .pen-icon {
3294 3347 position: relative;
@@ -3312,9 +3365,9 @@
3312 3365 }
3313 3366 .pen-icon[data-action=close]:before {
3314 3367 content: "";
3315 3368 position: absolute;
3316 - inset-inline-start: 0;
3369 + left: 0;
3317 3370 height: 60%;
3318 3371 width: 1px;
3319 3372 background-color: #1f2124;
3320 3373 }
@@ -3473,34 +3526,21 @@
3473 3526 .e-ui-state--elements-color-picker-color-picking__on .elementor-section:hover {
3474 3527 outline: 1px solid #2563EB;
3475 3528 }
3476 3529
3477 -/**
3478 -* Contact Buttons has position: fixed, therefore the container results as `empty`
3479 -* and it's not visible in the preview when the aside is hidden.
3480 -*/
3481 -.elementor-editor-preview .elementor-element:has(.e-contact-buttons) .elementor-widget-empty,
3482 -.elementor-editor-preview .elementor-element:has(.e-floating-bars) .elementor-widget-empty {
3483 - display: block;
3484 -}
3485 -
3486 3530 [class^=eicon-flex], [class*=" eicon-flex"] {
3487 3531 transition: 0.3s all;
3532 + --is-ltr: 1;
3533 + --is-rtl: 0;
3534 + --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
3488 3535 }
3489 3536 [class^=eicon-flex].eicon-inline, [class*=" eicon-flex"].eicon-inline {
3490 3537 max-height: 1em;
3491 3538 max-width: 1em;
3492 3539 }
3493 -[class^=eicon-flex], [class*=" eicon-flex"] {
3494 - --is-ltr: 1;
3495 - --is-rtl: 0;
3496 -}
3497 3540 [class^=eicon-flex]:is(.eicon-justify-start-h, .eicon-justify-end-h), [class*=" eicon-flex"]:is(.eicon-justify-start-h, .eicon-justify-end-h) {
3498 3541 --rotation-direction: calc(var(--is-ltr) + var(--is-rtl));
3499 3542 }
3500 -[class^=eicon-flex], [class*=" eicon-flex"] {
3501 - --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
3502 -}
3503 3543 :is(.e-ui-state--document-direction-mode__column, .e-ui-state--document-direction-mode__column-reverse) [class^=eicon-flex]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow), :is(.e-ui-state--document-direction-mode__column, .e-ui-state--document-direction-mode__column-reverse) [class*=" eicon-flex"]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow) {
3504 3544 transform: rotate(calc(var(--rotation-direction) * 90deg));
3505 3545 }
3506 3546 :is(.e-ui-state--document-direction-mode__column, .e-ui-state--document-direction-mode__column-reverse) [class^=eicon-flex]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow):is(.eicon-align-start-v, .eicon-align-end-v), :is(.e-ui-state--document-direction-mode__column, .e-ui-state--document-direction-mode__column-reverse) [class*=" eicon-flex"]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow):is(.eicon-align-start-v, .eicon-align-end-v) {
@@ -3647,10 +3687,10 @@
3647 3687 }
3648 3688
3649 3689 .elementor-element > .elementor-element-overlay {
3650 3690 position: absolute;
3651 - inset-block-start: 0;
3652 - inset-inline-end: 0;
3691 + top: 0;
3692 + right: 0;
3653 3693 letter-spacing: 0;
3654 3694 z-index: 9998;
3655 3695 pointer-events: none;
3656 3696 }
@@ -3666,12 +3706,8 @@
3666 3706 display: block;
3667 3707 text-align: center;
3668 3708 padding: 10px 0;
3669 3709 }
3670 -.elementor-element.elementor-widget-empty[data-atomic] .elementor-widget-empty-icon {
3671 - background-color: rgb(243, 243, 244);
3672 - width: 100%;
3673 -}
3674 3710 .elementor-element:not(:hover):not(.elementor-element-editable) > .elementor-element-overlay .elementor-editor-element-settings {
3675 3711 display: none;
3676 3712 }
3677 3713 .elementor-element--toggle-edit-tools > .elementor-element-overlay .elementor-editor-element-edit:not(.elementor-active) ~ * {
@@ -3730,9 +3766,12 @@
3730 3766 }
3731 3767
3732 3768 .elementor-empty-view {
3733 3769 position: absolute;
3734 - inset: 0;
3770 + top: 0;
3771 + bottom: 0;
3772 + left: 0;
3773 + right: 0;
3735 3774 z-index: 1;
3736 3775 }
3737 3776
3738 3777 .elementor-first-add {
@@ -3798,15 +3837,8 @@
3798 3837 .elementor-widget-placeholder {
3799 3838 height: 10px;
3800 3839 animation-name: placeholder-widget;
3801 3840 }
3802 -.elementor-widget-placeholder.is-logical {
3803 - margin-top: var(--e-placeholder-margin-top);
3804 - margin-bottom: var(--e-placeholder-margin-bottom);
3805 - margin-inline-start: var(--e-placeholder-margin-inline-start);
3806 - width: var(--e-placeholder-width);
3807 - min-width: 200px;
3808 -}
3809 3841
3810 3842 .elementor-draggable-over:not([data-dragged-element=section]):not([data-dragged-is-inner=true]) > .elementor-empty-view > .elementor-first-add:after,
3811 3843 .elementor-first-add.elementor-html5dnd-current-element:after {
3812 3844 content: "";
@@ -3837,20 +3869,8 @@
3837 3869 .elementor-editor-preview .elementor-empty-view,
3838 3870 .elementor-editor-preview .elementor-widget-empty {
3839 3871 display: none;
3840 3872 }
3841 -.elementor-editor-preview :where(.elementor-edit-area-active) .elementor-element-overlay,
3842 -.elementor-editor-preview :where(.elementor-edit-area-active) .elementor-empty,
3843 -.elementor-editor-preview :where(.elementor-edit-area-active) .elementor-empty-view,
3844 -.elementor-editor-preview :where(.elementor-edit-area-active) .elementor-widget-empty {
3845 - display: revert;
3846 -}
3847 -.elementor-editor-preview :where(.elementor-edit-area-active.elementor-widget-e-component) > .elementor-section-wrap > :first-child > .elementor-element-overlay::after {
3848 - outline-color: var(--e-p-border-global-element);
3849 -}
3850 -.elementor-editor-preview :where(.elementor-edit-area-active.elementor-widget-e-component) > .elementor-section-wrap > :first-child.elementor-element-editable > .elementor-element-overlay::after {
3851 - outline-offset: -1px;
3852 -}
3853 3873
3854 3874 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen,
3855 3875 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop,
3856 3876 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop,
@@ -3893,9 +3913,12 @@
3893 3913 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.e-con:before {
3894 3914 content: "";
3895 3915 display: block;
3896 3916 position: absolute;
3897 - inset: 0;
3917 + top: 0;
3918 + left: 0;
3919 + width: 100%;
3920 + height: 100%;
3898 3921 background-color: rgba(255, 255, 255, 0.6);
3899 3922 z-index: 9997;
3900 3923 }
3901 3924 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.e-con,
@@ -3915,27 +3938,21 @@
3915 3938 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-inner-section .elementor-container,
3916 3939 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-inner-section .elementor-container {
3917 3940 width: 100%;
3918 3941 }
3919 -.e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen > .elementor-widget-container, .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen > .elementor-widget-wrap, .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen:not(:has(> .elementor-widget-container)),
3942 +.e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen > .elementor-widget-container, .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen > .elementor-widget-wrap,
3920 3943 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop > .elementor-widget-container,
3921 3944 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop > .elementor-widget-wrap,
3922 -.e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop:not(:has(> .elementor-widget-container)),
3923 3945 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop > .elementor-widget-container,
3924 3946 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop > .elementor-widget-wrap,
3925 -.e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop:not(:has(> .elementor-widget-container)),
3926 3947 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra > .elementor-widget-container,
3927 3948 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra > .elementor-widget-wrap,
3928 -.e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra:not(:has(> .elementor-widget-container)),
3929 3949 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet > .elementor-widget-container,
3930 3950 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet > .elementor-widget-wrap,
3931 -.e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet:not(:has(> .elementor-widget-container)),
3932 3951 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra > .elementor-widget-container,
3933 3952 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra > .elementor-widget-wrap,
3934 -.e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra:not(:has(> .elementor-widget-container)),
3935 3953 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-container,
3936 -.e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-wrap,
3937 -.e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile:not(:has(> .elementor-widget-container)) {
3954 +.e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-wrap {
3938 3955 filter: opacity(0.4) saturate(0);
3939 3956 }
3940 3957 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.elementor-edit-hidden,
3941 3958 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-edit-hidden,
@@ -3946,20 +3963,10 @@
3946 3963 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-edit-hidden {
3947 3964 display: none;
3948 3965 }
3949 3966
3950 -.e-youtube-base iframe {
3951 - pointer-events: none;
3952 -}
3953 -
3954 -.elementor-widget-e-component[data-atomic].elementor-edit-area-active > * > * {
3955 - pointer-events: initial;
3956 -}
3957 -.elementor-widget-e-component[data-atomic]:not(.elementor-edit-area-active) > * > * {
3958 - pointer-events: none;
3959 -}
3960 -
3961 -.elementor-editor-element-overlay-settings {
3967 +.elementor-editor-section-settings,
3968 +.elementor-editor-container-settings {
3962 3969 height: 24px;
3963 3970 top: 1px;
3964 3971 left: 50%;
3965 3972 transform: translateX(-50%) translateY(-100%);
@@ -3967,29 +3974,30 @@
3967 3974 border-start-start-radius: 5px;
3968 3975 border-start-end-radius: 5px;
3969 3976 border-end-start-radius: 0;
3970 3977 border-end-end-radius: 0;
3971 - stroke: transparent;
3972 - stroke-width: 0;
3973 - -webkit-text-stroke: 0 transparent;
3974 3978 }
3975 -.elementor-editor-element-overlay-settings i.eicon-handle {
3979 +.elementor-editor-section-settings i.eicon-handle,
3980 +.elementor-editor-container-settings i.eicon-handle {
3976 3981 font-size: 16px;
3977 3982 }
3978 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:hover {
3983 +.elementor-editor-section-settings .elementor-editor-element-setting:hover,
3984 +.elementor-editor-container-settings .elementor-editor-element-setting:hover {
3979 3985 background-color: var(--e-p-border-section-hover);
3980 3986 }
3981 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child {
3987 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child,
3988 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child {
3982 3989 border-start-start-radius: 5px;
3983 3990 border-start-end-radius: 0;
3984 3991 border-end-start-radius: 0;
3985 3992 border-end-end-radius: 0;
3986 3993 }
3987 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child:before {
3994 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child:before,
3995 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child:before {
3988 3996 content: "";
3989 3997 position: absolute;
3990 - inset-block-start: 2px;
3991 - inset-inline-end: calc(100% - 1px);
3998 + top: 2px;
3999 + right: calc(100% - 1px);
3992 4000 border-block-start: 22px solid transparent;
3993 4001 border-block-end: 0 none transparent;
3994 4002 border-inline-start: 0 none transparent;
3995 4003 border-inline-end: 12px solid var(--e-p-border-section);
@@ -3994,22 +4002,25 @@
3994 4002 border-inline-start: 0 none transparent;
3995 4003 border-inline-end: 12px solid var(--e-p-border-section);
3996 4004 transition: var(--e-a-transition-hover);
3997 4005 }
3998 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child:hover:before {
4006 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child:hover:before,
4007 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child:hover:before {
3999 4008 border-inline-end-color: var(--e-p-border-section-hover);
4000 4009 }
4001 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child {
4010 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child,
4011 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child {
4002 4012 border-start-start-radius: 0;
4003 4013 border-start-end-radius: 5px;
4004 4014 border-end-start-radius: 0;
4005 4015 border-end-end-radius: 0;
4006 4016 }
4007 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child:after {
4017 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child:after,
4018 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child:after {
4008 4019 content: "";
4009 4020 position: absolute;
4010 - inset-block-start: 2px;
4011 - inset-inline-start: calc(100% - 1px);
4021 + top: 2px;
4022 + left: calc(100% - 1px);
4012 4023 border-block-start: 22px solid transparent;
4013 4024 border-block-end: 0 none transparent;
4014 4025 border-inline-start: 12px solid var(--e-p-border-section);
4015 4026 border-inline-end: 0 none transparent;
@@ -4014,13 +4025,15 @@
4014 4025 border-inline-start: 12px solid var(--e-p-border-section);
4015 4026 border-inline-end: 0 none transparent;
4016 4027 transition: var(--e-a-transition-hover);
4017 4028 }
4018 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child:hover:after {
4029 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child:hover:after,
4030 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child:hover:after {
4019 4031 border-inline-start-color: var(--e-p-border-section-hover);
4020 4032 }
4021 4033
4022 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings {
4034 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings,
4035 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings {
4023 4036 transform: translateX(-50%);
4024 4037 border-start-start-radius: 0;
4025 4038 border-start-end-radius: 0;
4026 4039 border-end-start-radius: 5px;
@@ -4025,15 +4038,17 @@
4025 4038 border-start-end-radius: 0;
4026 4039 border-end-start-radius: 5px;
4027 4040 border-end-end-radius: 5px;
4028 4041 }
4029 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child {
4042 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child,
4043 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child {
4030 4044 border-start-start-radius: 0;
4031 4045 border-start-end-radius: 0;
4032 4046 border-end-start-radius: 5px;
4033 4047 border-end-end-radius: 0;
4034 4048 }
4035 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before {
4049 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before,
4050 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before {
4036 4051 top: 0;
4037 4052 border-block-start: 0 none transparent;
4038 4053 border-block-end: 22px solid transparent;
4039 4054 border-inline-start: 0 none transparent;
@@ -4039,15 +4054,17 @@
4039 4054 border-inline-start: 0 none transparent;
4040 4055 border-inline-end: 12px solid var(--e-p-border-section);
4041 4056 transition: var(--e-a-transition-hover);
4042 4057 }
4043 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child {
4058 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child,
4059 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child {
4044 4060 border-start-start-radius: 0;
4045 4061 border-start-end-radius: 0;
4046 4062 border-end-start-radius: 0;
4047 4063 border-end-end-radius: 5px;
4048 4064 }
4049 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after {
4065 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after,
4066 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after {
4050 4067 top: 0;
4051 4068 border-block-start: 0 none transparent;
4052 4069 border-block-end: 22px solid transparent;
4053 4070 border-inline-start: 12px solid var(--e-p-border-section);
@@ -4055,14 +4072,17 @@
4055 4072 transition: var(--e-a-transition-hover);
4056 4073 }
4057 4074
4058 4075 .elementor-column > .elementor-element-overlay {
4059 - inset-block-end: 0;
4060 - inset-inline-start: 0;
4076 + left: 0;
4077 + bottom: 0;
4061 4078 }
4062 4079 .elementor-column > .elementor-element-overlay:after {
4063 4080 position: absolute;
4064 - inset: 0;
4081 + left: 0;
4082 + right: 0;
4083 + top: 0;
4084 + bottom: 0;
4065 4085 outline: 1px dashed var(--e-p-border-column);
4066 4086 }
4067 4087 .elementor-column:hover > .elementor-element-overlay:after {
4068 4088 content: "";
@@ -4080,10 +4100,10 @@
4080 4100 .elementor-column > .ui-resizable-e, .elementor-column > .ui-resizable-w {
4081 4101 cursor: col-resize;
4082 4102 width: 7px;
4083 4103 position: absolute;
4084 - inset-block-start: 0;
4085 - inset-inline-end: -5px;
4104 + right: -5px;
4105 + top: 0;
4086 4106 height: 100%;
4087 4107 }
4088 4108 .elementor-column:last-of-type > .ui-resizable-e, .elementor-column:last-of-type > .ui-resizable-w {
4089 4109 display: none !important;
@@ -4094,15 +4114,14 @@
4094 4114 }
4095 4115 }
4096 4116
4097 4117 .elementor-editor-column-settings {
4098 - inset-block-start: -1px;
4099 - inset-inline-start: -1px;
4118 + top: -1px;
4119 + left: -1px;
4100 4120 border-start-start-radius: 0;
4101 4121 border-start-end-radius: 0;
4102 4122 border-end-start-radius: 0;
4103 4123 border-end-end-radius: 3px;
4104 - transform: none;
4105 4124 overflow: hidden;
4106 4125 }
4107 4126 .elementor-editor-column-settings .elementor-editor-element-setting {
4108 4127 background-color: var(--e-p-border-column);
@@ -4116,9 +4135,12 @@
4116 4135 }
4117 4136 .elementor-column-placeholder:before, .elementor-column-placeholder:after {
4118 4137 content: "";
4119 4138 position: absolute;
4120 - inset: 10px;
4139 + top: 10px;
4140 + bottom: 10px;
4141 + right: 10px;
4142 + left: 10px;
4121 4143 }
4122 4144 .elementor-column-placeholder:before {
4123 4145 border: 1px solid var(--e-p-border-column);
4124 4146 }
@@ -4129,9 +4151,9 @@
4129 4151 .elementor-column-percents-tooltip {
4130 4152 position: absolute;
4131 4153 display: none;
4132 4154 pointer-events: none;
4133 - inset-block-start: 50%;
4155 + top: 50%;
4134 4156 transform: translateY(-50%);
4135 4157 color: #fff;
4136 4158 font-size: 10px;
4137 4159 background-color: var(--e-p-border-column);
@@ -4169,10 +4191,10 @@
4169 4191 }
4170 4192
4171 4193 .elementor-editor-widget-settings {
4172 4194 z-index: 2;
4173 - inset-block-start: -1px;
4174 - inset-inline-end: -1px;
4195 + top: -1px;
4196 + right: -1px;
4175 4197 flex-direction: row-reverse;
4176 4198 border-start-start-radius: 0;
4177 4199 border-start-end-radius: 0;
4178 4200 border-end-start-radius: 3px;
@@ -4185,74 +4207,20 @@
4185 4207 .elementor-editor-widget-settings .elementor-editor-element-setting:hover {
4186 4208 background-color: var(--e-p-border-widget-hover);
4187 4209 }
4188 4210
4189 -.e-widget-pro-promotion {
4190 - border: 2px dashed var(--e-a-border-color-bold);
4191 - background-color: var(--e-a-color-white);
4192 - padding: 20px;
4193 -}
4194 -.e-widget-pro-promotion .e-container {
4195 - max-width: 600px;
4196 - margin: auto;
4197 -}
4198 -.e-widget-pro-promotion .e-badge {
4199 - border: 1px solid var(--e-a-color-accent);
4200 - color: var(--e-a-color-accent);
4201 - background: var(--e-a-color-white);
4202 - border-radius: 100px;
4203 - padding: 4px 12px;
4204 - font-size: 0.8em;
4205 -}
4206 -.e-widget-pro-promotion p {
4207 - margin-block-start: 1em;
4208 - margin-block-end: 1em;
4209 - text-align: center;
4210 -}
4211 -.e-widget-pro-promotion p img {
4212 - display: block;
4213 - margin: 0 auto 20px;
4214 -}
4215 -.e-widget-pro-promotion .e-actions {
4216 - display: flex;
4217 - justify-content: center;
4218 - gap: 10px;
4219 -}
4220 -.e-widget-pro-promotion .e-btn {
4221 - font-size: 14px;
4222 - font-weight: 500;
4223 - line-height: 1.2;
4224 - padding: 8px 16px;
4225 - border-radius: var(--e-a-border-radius);
4226 - background-color: var(--e-a-btn-bg-accent);
4227 - color: var(--e-a-btn-color-invert);
4228 - transition: var(--e-a-transition-hover);
4229 -}
4230 -.e-widget-pro-promotion .e-btn:hover, .e-widget-pro-promotion .e-btn:focus {
4231 - background-color: var(--e-a-btn-bg-accent-hover);
4232 - color: var(--e-a-btn-color-invert);
4233 -}
4234 -.e-widget-pro-promotion .e-btn:active {
4235 - background-color: var(--e-a-btn-bg-accent-active);
4236 -}
4237 -.e-widget-pro-promotion .e-btn.e-btn-txt {
4238 - background: transparent;
4239 - color: var(--e-a-color-txt);
4240 -}
4241 -.e-widget-pro-promotion .e-btn.e-btn-txt:hover, .e-widget-pro-promotion .e-btn.e-btn-txt:focus {
4242 - background: var(--e-a-bg-hover);
4243 - color: var(--e-a-color-txt-hover);
4244 -}
4245 -
4246 4211 .elementor-section > .elementor-element-overlay,
4247 4212 .e-con > .elementor-element-overlay {
4248 - inset-block-end: 0;
4249 - inset-inline-start: 0;
4213 + left: 0;
4214 + bottom: 0;
4250 4215 }
4251 4216 .elementor-section > .elementor-element-overlay:after,
4252 4217 .e-con > .elementor-element-overlay:after {
4253 4218 position: absolute;
4254 - inset: 1px;
4219 + left: 1px;
4220 + right: 1px;
4221 + top: 1px;
4222 + bottom: 1px;
4255 4223 outline: 1px solid var(--e-p-border-con);
4256 4224 animation: section-outline 0.75s;
4257 4225 }
4258 4226 .elementor-section:hover > .elementor-element-overlay:after,
@@ -4275,11 +4243,8 @@
4275 4243 position: relative;
4276 4244 width: 100%;
4277 4245 height: 100%;
4278 4246 min-height: 100px;
4279 - stroke: transparent;
4280 - stroke-width: 0;
4281 - -webkit-text-stroke: 0 transparent;
4282 4247 }
4283 4248 .e-con .elementor-empty-view .elementor-first-add {
4284 4249 width: auto;
4285 4250 height: auto;
@@ -4385,15 +4350,8 @@
4385 4350 display: block;
4386 4351 padding: 2px;
4387 4352 }
4388 4353
4389 -.e-atomic-element:has(.elementor-empty-view) {
4390 - min-height: 120px;
4391 -}
4392 -.e-atomic-element > .elementor-empty-view.elementor-empty-view {
4393 - min-height: inherit;
4394 -}
4395 -
4396 4354 body.rtl .e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-right, body.rtl .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-right {
4397 4355 left: 0;
4398 4356 right: auto;
4399 4357 }
@@ -4449,15 +4407,8 @@
4449 4407 }
4450 4408 .e-con-select-preset[data-view=drop-area] > *:not(.elementor-first-add) {
4451 4409 display: none;
4452 4410 }
4453 -.e-con-select-preset-grid {
4454 - flex-wrap: wrap;
4455 - gap: 20px;
4456 -}
4457 -.e-con-select-preset-grid .e-con-select-preset__list .e-con-preset rect {
4458 - fill: transparent;
4459 -}
4460 4411 .e-con-select-preset__title {
4461 4412 font-family: var(--e-a-font-family);
4462 4413 font-size: 15px;
4463 4414 font-weight: 400;
@@ -4473,24 +4424,13 @@
4473 4424 }
4474 4425 .e-con-select-preset__list .e-con-preset {
4475 4426 cursor: pointer;
4476 4427 flex-basis: 90px;
4477 - padding: unset;
4478 - margin: unset;
4479 - border: unset;
4480 - border-radius: unset;
4481 - outline: unset;
4482 - box-shadow: unset;
4483 - text-shadow: unset;
4484 - background-color: unset;
4485 4428 }
4486 4429 .e-con-select-preset__list .e-con-preset svg {
4487 4430 width: 100%;
4488 4431 height: auto;
4489 4432 }
4490 -.e-con-select-preset__list .e-con-preset svg:not(.exclude-rtl-scale) {
4491 - scale: calc(1 * var(--direction-multiplier)) 1;
4492 -}
4493 4433 .e-con-select-preset__list .e-con-preset path {
4494 4434 fill: var(--e-a-color-white);
4495 4435 }
4496 4436 .e-con-select-preset__list .e-con-preset rect {
@@ -4496,24 +4436,11 @@
4496 4436 .e-con-select-preset__list .e-con-preset rect {
4497 4437 fill: var(--e-a-bg-active-bold);
4498 4438 transition: 0.3s all;
4499 4439 }
4500 -.e-con-select-preset__list .e-con-preset:hover, .e-con-select-preset__list .e-con-preset:focus {
4501 - border: unset;
4502 - border-radius: unset;
4503 - box-shadow: unset;
4504 - text-shadow: unset;
4505 - background-color: transparent;
4506 -}
4507 -.e-con-select-preset__list .e-con-preset:hover path, .e-con-select-preset__list .e-con-preset:focus path {
4508 - stroke: var(--e-a-color-white);
4509 -}
4510 -.e-con-select-preset__list .e-con-preset:hover rect, .e-con-select-preset__list .e-con-preset:focus rect {
4440 +.e-con-select-preset__list .e-con-preset:hover rect {
4511 4441 fill: var(--e-a-color-txt);
4512 4442 }
4513 -.e-con-select-preset__list .e-con-preset[data-preset=r100] {
4514 - scale: calc(1 * var(--direction-multiplier)) 1;
4515 -}
4516 4443 .e-con-shared-styles {
4517 4444 font-family: var(--e-a-font-family);
4518 4445 line-height: 1;
4519 4446 color: var(--e-a-color-txt);
@@ -4538,20 +4465,39 @@
4538 4465 .e-con-select-type__icons__icon {
4539 4466 cursor: pointer;
4540 4467 }
4541 4468 .e-con-select-type__icons__icon svg {
4542 - margin-block-end: 10px;
4469 + margin-bottom: 10px;
4543 4470 width: 85px;
4544 4471 }
4545 -.e-con-select-type__icons__icon:hover svg rect, .e-con-select-type__icons__icon:focus svg rect {
4472 +.e-con-select-type__icons__icon svg:hover rect {
4546 4473 fill: var(--e-a-color-txt);
4547 4474 }
4548 -.e-con-select-type__icons__icon:hover svg path, .e-con-select-type__icons__icon:focus svg path {
4475 +.e-con-select-type__icons__icon svg:hover path {
4549 4476 stroke: var(--e-a-color-white);
4550 4477 }
4551 4478 .e-con-select-type__icons__icon__subtitle {
4552 4479 font-size: 14px;
4553 4480 font-weight: 500;
4481 +}
4482 +.e-con-select-preset-grid__title {
4483 + font-size: 15px;
4484 + font-weight: 400;
4485 +}
4486 +.e-con-select-preset-grid__list {
4487 + display: flex;
4488 + justify-content: center;
4489 + flex-wrap: wrap;
4490 + gap: 20px;
4491 +}
4492 +.e-con-select-preset-grid__list svg {
4493 + cursor: pointer;
4494 +}
4495 +.e-con-select-preset-grid__list svg:hover rect {
4496 + fill: var(--e-a-color-txt);
4497 +}
4498 +.e-con-select-preset-grid__list svg:hover path {
4499 + stroke: var(--e-a-color-white);
4554 4500 }
4555 4501 .e-con .ui-resizable-e {
4556 4502 right: 0;
4557 4503 }