PluginProbe
Elementor Website Builder – more than just a page builder / 3.17.2
Elementor Website Builder – more than just a page builder v3.17.2
4.3.2 4.3.1 4.3.0 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 All 455 releases
← All changes | assets/css/editor-preview-rtl.css +628 -708 4.2.0-beta2 → 3.17.2 View file →
@@ -1,19 +1,273 @@
1 -:root {
2 - --direction-multiplier: 1;
1 +/*! elementor - v3.17.0 - 01-11-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 + left: 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 + right: 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 + left: 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 + right: 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 + right: 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: "\e909";
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,13 +806,11 @@
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 810 .elementor-control-start-end .eicon-h-align-left,
535 811 .elementor-control-start-end .eicon-h-align-right {
536 - scale: calc(1 * var(--direction-multiplier)) 1;
812 + transform: rotate(180deg);
537 813 }
538 814
539 815 .elementor-update-preview {
540 816 margin: 15px 15px 0;
@@ -565,15 +841,15 @@
565 841 --pointer-position: var(--selected-option);
566 842 position: relative;
567 843 width: 2.5em;
568 844 height: 2.5em;
569 - margin: calc(-2.5em + 12px) 0;
845 + margin: calc( -2.5em + 12px) 0;
570 846 margin-inline-end: 5px;
571 847 }
572 848 .elementor-control-responsive-switchers__holder {
573 849 position: absolute;
574 850 width: 100%;
575 - inset-block-start: 0;
851 + top: 0;
576 852 background-color: var(--e-a-bg-default);
577 853 border-radius: var(--e-a-border-radius);
578 854 transition: 0.15s;
579 855 border: 1px solid transparent;
@@ -716,10 +992,10 @@
716 992 display: none;
717 993 overflow: hidden;
718 994 max-height: 0;
719 995 position: absolute;
720 - inset-block-start: -0.8em;
721 - inset-inline-start: -0.5em;
996 + top: -0.8em;
997 + right: -0.5em;
722 998 width: 2.5em;
723 999 text-align: center;
724 1000 background-color: var(--e-a-bg-default);
725 1001 border-radius: var(--e-a-border-radius);
@@ -739,8 +1015,14 @@
739 1015 }
740 1016 .e-units-choices .elementor-units-choices-label:hover {
741 1017 color: var(--e-a-color-primary-bold);
742 1018 }
1019 +.e-units-choices .elementor-units-choices-label:not([data-choose=custom]) i {
1020 + display: none;
1021 +}
1022 +.e-units-choices .elementor-units-choices-label[data-choose=custom] span {
1023 + display: none;
1024 +}
743 1025 .e-units-choices.e-units-choices-open {
744 1026 display: block;
745 1027 animation-duration: 1s;
746 1028 animation-name: e-units-choices-open;
@@ -758,19 +1040,8 @@
758 1040 to {
759 1041 max-height: 100vh;
760 1042 }
761 1043 }
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 1044 .elementor-control-type-button .elementor-control-input-wrapper {
774 1045 text-align: end;
775 1046 }
776 1047 .elementor-control-type-button .elementor-button {
@@ -888,15 +1159,15 @@
888 1159 --pointer-position: var(--selected-option);
889 1160 position: relative;
890 1161 width: 2.5em;
891 1162 height: 2.5em;
892 - margin: calc(-2.5em + 12px) 0;
1163 + margin: calc( -2.5em + 12px) 0;
893 1164 margin-inline-end: 5px;
894 1165 }
895 1166 .elementor-control-responsive-switchers__holder {
896 1167 position: absolute;
897 1168 width: 100%;
898 - inset-block-start: 0;
1169 + top: 0;
899 1170 background-color: var(--e-a-bg-default);
900 1171 border-radius: var(--e-a-border-radius);
901 1172 transition: 0.15s;
902 1173 border: 1px solid transparent;
@@ -1039,10 +1310,10 @@
1039 1310 display: none;
1040 1311 overflow: hidden;
1041 1312 max-height: 0;
1042 1313 position: absolute;
1043 - inset-block-start: -0.8em;
1044 - inset-inline-start: -0.5em;
1314 + top: -0.8em;
1315 + right: -0.5em;
1045 1316 width: 2.5em;
1046 1317 text-align: center;
1047 1318 background-color: var(--e-a-bg-default);
1048 1319 border-radius: var(--e-a-border-radius);
@@ -1062,8 +1333,14 @@
1062 1333 }
1063 1334 .e-units-choices .elementor-units-choices-label:hover {
1064 1335 color: var(--e-a-color-primary-bold);
1065 1336 }
1337 +.e-units-choices .elementor-units-choices-label:not([data-choose=custom]) i {
1338 + display: none;
1339 +}
1340 +.e-units-choices .elementor-units-choices-label[data-choose=custom] span {
1341 + display: none;
1342 +}
1066 1343 .e-units-choices.e-units-choices-open {
1067 1344 display: block;
1068 1345 animation-duration: 1s;
1069 1346 animation-name: e-units-choices-open;
@@ -1166,15 +1443,15 @@
1166 1443 --pointer-position: var(--selected-option);
1167 1444 position: relative;
1168 1445 width: 2.5em;
1169 1446 height: 2.5em;
1170 - margin: calc(-2.5em + 12px) 0;
1447 + margin: calc( -2.5em + 12px) 0;
1171 1448 margin-inline-end: 5px;
1172 1449 }
1173 1450 .elementor-control-responsive-switchers__holder {
1174 1451 position: absolute;
1175 1452 width: 100%;
1176 - inset-block-start: 0;
1453 + top: 0;
1177 1454 background-color: var(--e-a-bg-default);
1178 1455 border-radius: var(--e-a-border-radius);
1179 1456 transition: 0.15s;
1180 1457 border: 1px solid transparent;
@@ -1317,10 +1594,10 @@
1317 1594 display: none;
1318 1595 overflow: hidden;
1319 1596 max-height: 0;
1320 1597 position: absolute;
1321 - inset-block-start: -0.8em;
1322 - inset-inline-start: -0.5em;
1598 + top: -0.8em;
1599 + right: -0.5em;
1323 1600 width: 2.5em;
1324 1601 text-align: center;
1325 1602 background-color: var(--e-a-bg-default);
1326 1603 border-radius: var(--e-a-border-radius);
@@ -1340,8 +1617,14 @@
1340 1617 }
1341 1618 .e-units-choices .elementor-units-choices-label:hover {
1342 1619 color: var(--e-a-color-primary-bold);
1343 1620 }
1621 +.e-units-choices .elementor-units-choices-label:not([data-choose=custom]) i {
1622 + display: none;
1623 +}
1624 +.e-units-choices .elementor-units-choices-label[data-choose=custom] span {
1625 + display: none;
1626 +}
1344 1627 .e-units-choices.e-units-choices-open {
1345 1628 display: block;
1346 1629 animation-duration: 1s;
1347 1630 animation-name: e-units-choices-open;
@@ -1440,11 +1723,11 @@
1440 1723 }
1441 1724
1442 1725 .elementor-control-type-icons .elementor-control-media__preview > * {
1443 1726 position: absolute;
1444 - inset-block-start: 50%;
1445 - inset-inline-start: 50%;
1446 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
1727 + top: 50%;
1728 + left: 50%;
1729 + transform: translate(-50%, -50%);
1447 1730 }
1448 1731 .elementor-control-type-icons .elementor-control-media__preview i {
1449 1732 font-size: 70px;
1450 1733 }
@@ -1489,19 +1772,18 @@
1489 1772 }
1490 1773 .elementor-control-type-gallery .elementor-control-gallery-thumbnail {
1491 1774 width: 48px;
1492 1775 height: 48px;
1493 - -o-object-fit: cover;
1494 - object-fit: cover;
1776 + background-size: cover;
1777 + background-position: 50% 50%;
1495 1778 border: var(--e-a-border);
1496 1779 }
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 1780 .elementor-control-type-gallery .elementor-control-gallery-edit {
1502 1781 position: absolute;
1503 - inset: 0;
1782 + top: 0;
1783 + bottom: 0;
1784 + left: 0;
1785 + right: 0;
1504 1786 background-color: rgba(0, 0, 0, 0.2);
1505 1787 padding: 10px;
1506 1788 font-size: 11px;
1507 1789 transition: all 0.3s ease-in-out;
@@ -1510,10 +1792,10 @@
1510 1792 opacity: 0;
1511 1793 }
1512 1794 .elementor-control-type-gallery .elementor-control-gallery-edit span {
1513 1795 position: absolute;
1514 - inset-block-start: 10px;
1515 - inset-inline-end: 10px;
1796 + top: 10px;
1797 + left: 10px;
1516 1798 width: 21px;
1517 1799 height: 21px;
1518 1800 color: var(--e-a-color-white);
1519 1801 background-color: rgba(0, 0, 0, 0.5);
@@ -1623,10 +1905,10 @@
1623 1905 }
1624 1906 .e-global__popover-info-tooltip:after {
1625 1907 content: "";
1626 1908 position: absolute;
1627 - inset-block-end: -17px;
1628 - inset-inline-start: 16px;
1909 + bottom: -17px;
1910 + right: 16px;
1629 1911 border: 10px solid transparent;
1630 1912 border-block-start-color: rgba(0, 0, 0, 0.9);
1631 1913 }
1632 1914 .e-global__popover-info i {
@@ -1632,9 +1914,9 @@
1632 1914 .e-global__popover-info i {
1633 1915 font-size: 13px;
1634 1916 }
1635 1917 .e-global__preview-items-container {
1636 - max-height: 400px;
1918 + max-height: 260px;
1637 1919 overflow-y: auto;
1638 1920 padding: 5px 0;
1639 1921 }
1640 1922 .e-global__preview-items-container::-webkit-scrollbar {
@@ -1643,19 +1925,8 @@
1643 1925 .e-global__preview-items-container::-webkit-scrollbar-thumb {
1644 1926 background-color: #BABFC5;
1645 1927 border-radius: 10px;
1646 1928 }
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 1929 .e-global__manage-button {
1659 1930 font-weight: 500;
1660 1931 cursor: pointer;
1661 1932 }
@@ -1671,9 +1942,9 @@
1671 1942 font-size: 13px;
1672 1943 content: "\e90e";
1673 1944 position: absolute;
1674 1945 transform: translateY(-50%);
1675 - inset-block-start: 50%;
1946 + top: 50%;
1676 1947 inset-inline-start: 13px;
1677 1948 }
1678 1949 .e-global__color {
1679 1950 padding: 10px 20px;
@@ -1690,15 +1961,18 @@
1690 1961 position: relative;
1691 1962 }
1692 1963 .e-global__color-preview-color, .e-global__color-preview-transparent-bg {
1693 1964 border-radius: 3px;
1965 + height: 100%;
1966 + width: 100%;
1694 1967 position: absolute;
1695 - inset: 0;
1968 + top: 0;
1969 + left: 0;
1696 1970 }
1697 1971 .e-global__color-preview-transparent-bg {
1698 1972 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 1973 background-size: 12px 12px;
1700 - background-position: 0 0, calc(12px / 2) calc(12px / 2);
1974 + background-position: 0 0, calc( 12px / 2 ) calc( 12px / 2 );
1701 1975 }
1702 1976 .e-global__color-title {
1703 1977 flex-grow: 1;
1704 1978 white-space: nowrap;
@@ -1814,11 +2088,11 @@
1814 2088 display: none;
1815 2089 }
1816 2090 .elementor-control-media .eicon-plus-circle {
1817 2091 position: absolute;
1818 - inset-block-start: 50%;
1819 - inset-inline-start: 50%;
1820 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
2092 + top: 50%;
2093 + left: 50%;
2094 + transform: translate(-50%, -50%);
1821 2095 color: var(--e-a-color-white);
1822 2096 font-size: 20px;
1823 2097 }
1824 2098 .elementor-control-media__content__upload-button {
@@ -1827,13 +2101,14 @@
1827 2101 .elementor-control-media__preview {
1828 2102 height: 100%;
1829 2103 background-size: cover;
1830 2104 background-position: center;
2105 + padding-block-end: 42.8571%;
1831 2106 }
1832 2107 .elementor-control-media-area {
1833 2108 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 2109 background-size: 16px 16px;
1835 - background-position: 0 0, calc(16px / 2) calc(16px / 2);
2110 + background-position: 0 0, calc( 16px / 2 ) calc( 16px / 2 );
1836 2111 background-color: var(--e-a-bg-default);
1837 2112 border: var(--e-a-border-bold);
1838 2113 aspect-ratio: 21/9;
1839 2114 }
@@ -1841,11 +2116,11 @@
1841 2116 display: none;
1842 2117 }
1843 2118 .elementor-control-media-area .eicon-video-camera {
1844 2119 position: absolute;
1845 - inset-block-start: 50%;
1846 - inset-inline-start: 50%;
1847 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
2120 + top: 50%;
2121 + left: 50%;
2122 + transform: translate(-50%, -50%);
1848 2123 color: rgba(255, 255, 255, 0.7);
1849 2124 font-size: 21px;
1850 2125 }
1851 2126 .elementor-control-media .elementor-control-media__content {
@@ -1856,14 +2131,17 @@
1856 2131 }
1857 2132 .elementor-control-media .elementor-control-media__content:hover:after {
1858 2133 content: "";
1859 2134 position: absolute;
1860 - inset: 0;
2135 + top: 0;
2136 + bottom: 0;
2137 + left: 0;
2138 + right: 0;
1861 2139 background-color: rgba(0, 0, 0, 0.2);
1862 2140 pointer-events: none;
1863 2141 }
1864 2142 .elementor-control-media .elementor-control-media__content:not(:hover) .elementor-control-media__tools {
1865 - inset-block-end: -30px;
2143 + bottom: -30px;
1866 2144 }
1867 2145 .elementor-control-media__content {
1868 2146 transition: all 0.2s ease-in-out;
1869 2147 }
@@ -1868,10 +2146,11 @@
1868 2146 transition: all 0.2s ease-in-out;
1869 2147 }
1870 2148 .elementor-control-media__tools {
1871 2149 position: absolute;
1872 - inset-block-end: 0;
1873 - inset-inline: 0;
2150 + bottom: 0;
2151 + left: 0;
2152 + right: 0;
1874 2153 height: 27px;
1875 2154 transition: all 0.2s ease-in-out;
1876 2155 }
1877 2156 .elementor-control-media__tools > *:not(:first-child) {
@@ -1898,10 +2177,10 @@
1898 2177 }
1899 2178 .elementor-control-media__content__remove {
1900 2179 position: absolute;
1901 2180 z-index: 1;
1902 - inset-block-start: 10px;
1903 - inset-inline-end: 10px;
2181 + top: 10px;
2182 + left: 10px;
1904 2183 width: 20px;
1905 2184 height: 20px;
1906 2185 font-size: 11px;
1907 2186 color: var(--e-a-color-white);
@@ -1915,14 +2194,8 @@
1915 2194 }
1916 2195 .elementor-control-media.e-media-empty .elementor-control-file-area {
1917 2196 display: none;
1918 2197 }
1919 -.elementor-control-media__warnings:empty {
1920 - display: none;
1921 -}
1922 -.elementor-control-media__warnings:not(:empty) {
1923 - margin-block-start: 10px;
1924 -}
1925 2198 .elementor-control-media__file {
1926 2199 display: flex;
1927 2200 justify-content: space-between;
1928 2201 align-items: center;
@@ -1998,79 +2271,8 @@
1998 2271 .elementor-control:not(.elementor-control-type-icons) .elementor-control-media__preview {
1999 2272 background-color: var(--e-a-bg-active-bold);
2000 2273 }
2001 2274
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 2275 .elementor-control-type-popover_toggle input {
2074 2276 display: none;
2075 2277 }
2076 2278 .elementor-control-type-popover_toggle label {
@@ -2127,12 +2329,8 @@
2127 2329 }
2128 2330 .elementor-control-type-repeater.elementor-repeater-has-minimum-rows .elementor-repeater-tool-remove {
2129 2331 display: none;
2130 2332 }
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 2333 .elementor-control-type-repeater .elementor-repeater-fields {
2136 2334 margin: 10px 0;
2137 2335 }
2138 2336 .elementor-control-type-repeater .elementor-repeater-row-controls {
@@ -2193,11 +2391,9 @@
2193 2391 text-align: center;
2194 2392 padding-block-start: 5px;
2195 2393 }
2196 2394
2197 -#elementor-controls,
2198 -#elementor-panel-page-settings-controls,
2199 -#elementor-panel-editorPreferences-settings-controls {
2395 +#elementor-controls {
2200 2396 padding-block-start: 15px;
2201 2397 }
2202 2398
2203 2399 .elementor-control-type-section {
@@ -2209,9 +2405,9 @@
2209 2405 .elementor-control-type-section + .elementor-control:not(.elementor-control-type-section):before {
2210 2406 display: none;
2211 2407 }
2212 2408 .elementor-control-type-section:not(:first-child):not(.elementor-control-type-section + .elementor-control-type-section) {
2213 - margin-block-start: 25px;
2409 + margin-top: 25px;
2214 2410 }
2215 2411
2216 2412 .elementor-control-type-select .elementor-control-input-wrapper {
2217 2413 position: relative;
@@ -2242,11 +2438,11 @@
2242 2438 font-family: eicons;
2243 2439 content: "\e8ad";
2244 2440 font-size: 12px;
2245 2441 position: absolute;
2246 - inset-block-start: 50%;
2247 - inset-inline-end: 5px;
2442 + top: 50%;
2248 2443 transform: translateY(-50%);
2444 + left: 5px;
2249 2445 pointer-events: none;
2250 2446 }
2251 2447 .elementor-control-type-select .elementor-control-field.elementor-control-field-select-small .elementor-control-input-wrapper {
2252 2448 max-width: 80px;
@@ -2280,14 +2476,14 @@
2280 2476 }
2281 2477 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle {
2282 2478 border-radius: 0;
2283 2479 width: 10px;
2284 - transform: translateY(calc(50% - 14px)) translateX(calc(4px * var(--direction-multiplier)));
2480 + transform: translateY(calc(50% - 14px)) translateX(-4px);
2285 2481 }
2286 2482 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle:after {
2287 2483 content: "";
2288 2484 position: absolute;
2289 - inset-block-start: 2px;
2485 + top: 2px;
2290 2486 height: 12px;
2291 2487 width: 11px;
2292 2488 transform: rotate(45deg);
2293 2489 background-color: var(--e-a-color-white);
@@ -2364,11 +2560,11 @@
2364 2560 .elementor-slider .noUi-handle {
2365 2561 height: 16px;
2366 2562 width: 16px;
2367 2563 background-color: var(--e-a-color-white);
2564 + left: 0;
2565 + transform: translateY(calc(50% - 14px)) translateX(-8px);
2368 2566 position: absolute;
2369 - inset-inline-end: 0;
2370 - transform: translateY(calc(50% - 14px)) translateX(calc(8px * var(--direction-multiplier)));
2371 2567 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
2372 2568 border-radius: 50%;
2373 2569 }
2374 2570 .elementor-slider .noUi-connects {
@@ -2378,9 +2574,12 @@
2378 2574 }
2379 2575 .elementor-slider .noUi-connect {
2380 2576 position: absolute;
2381 2577 z-index: 0;
2382 - inset: 0;
2578 + top: 0;
2579 + left: 0;
2580 + height: 100%;
2581 + width: 100%;
2383 2582 will-change: transform;
2384 2583 transform-origin: 0 0;
2385 2584 background-color: var(--e-a-border-color-focus);
2386 2585 }
@@ -2385,9 +2584,9 @@
2385 2584 background-color: var(--e-a-border-color-focus);
2386 2585 }
2387 2586 .elementor-slider .noUi-tooltip {
2388 2587 position: absolute;
2389 - inset-block-start: calc(100% + 5px);
2588 + top: calc(100% + 5px);
2390 2589 left: calc(50% - 4px);
2391 2590 transform: translateX(-50%);
2392 2591 font-size: 10px;
2393 2592 }
@@ -2474,9 +2673,9 @@
2474 2673 transition-property: opacity, background;
2475 2674 }
2476 2675 .elementor-control-type-switcher .elementor-switch-label:before, .elementor-control-type-switcher .elementor-switch-label:after {
2477 2676 position: absolute;
2478 - inset-block-start: 0;
2677 + top: 0;
2479 2678 width: 50%;
2480 2679 text-align: center;
2481 2680 line-height: 20px;
2482 2681 transition: inherit;
@@ -2482,14 +2681,14 @@
2482 2681 transition: inherit;
2483 2682 }
2484 2683 .elementor-control-type-switcher .elementor-switch-label:before {
2485 2684 content: attr(data-off);
2486 - inset-inline-end: 5px;
2685 + right: 5px;
2487 2686 color: var(--e-a-color-txt-muted);
2488 2687 }
2489 2688 .elementor-control-type-switcher .elementor-switch-label:after {
2490 2689 content: attr(data-on);
2491 - inset-inline-start: 5px;
2690 + left: 5px;
2492 2691 color: var(--e-a-btn-color);
2493 2692 opacity: 0;
2494 2693 }
2495 2694 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label {
@@ -2502,28 +2701,25 @@
2502 2701 opacity: 1;
2503 2702 }
2504 2703 .elementor-control-type-switcher .elementor-switch-handle {
2505 2704 position: absolute;
2506 - inset-block-start: 1px;
2507 - inset-inline-start: 1px;
2705 + top: 1px;
2706 + left: 1px;
2508 2707 width: 18px;
2509 2708 height: 18px;
2510 2709 background: white;
2511 2710 border-radius: 10px;
2512 - transition: inset-inline-start 0.15s ease-out;
2711 + transition: left 0.15s ease-out;
2513 2712 }
2514 2713 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-handle {
2515 - inset-inline-start: initial;
2516 - inset-inline-end: 1px;
2714 + left: initial;
2715 + right: 1px;
2517 2716 }
2518 2717
2519 2718 .elementor-control-type-tabs {
2520 - display: none;
2719 + display: flex;
2521 2720 font-size: var(--control-title-size);
2522 2721 }
2523 -.elementor-control-type-tabs:has(> :not(.elementor-control-type-tab.elementor-hidden-control)) {
2524 - display: flex;
2525 -}
2526 2722
2527 2723 .elementor-control-type-tab {
2528 2724 text-align: center;
2529 2725 width: 100%;
@@ -2528,10 +2724,10 @@
2528 2724 text-align: center;
2529 2725 width: 100%;
2530 2726 padding: 0;
2531 2727 line-height: 25px;
2532 - border-block-start: var(--e-a-border-bold);
2533 - border-block-end: var(--e-a-border-bold);
2728 + border-top: var(--e-a-border-bold);
2729 + border-bottom: var(--e-a-border-bold);
2534 2730 border-inline-end: var(--e-a-border-bold);
2535 2731 transition: var(--e-a-transition-hover);
2536 2732 cursor: pointer;
2537 2733 }
@@ -2566,11 +2762,11 @@
2566 2762 }
2567 2763 .elementor-control-type-textarea:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher,
2568 2764 .elementor-control-type-code:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher {
2569 2765 position: absolute;
2570 - inset-block-start: 0;
2571 - inset-inline-end: 0;
2766 + top: 0;
2572 2767 z-index: 1;
2768 + left: 0;
2573 2769 }
2574 2770 .elementor-control-type-textarea .elementor-control-input-wrapper,
2575 2771 .elementor-control-type-code .elementor-control-input-wrapper {
2576 2772 position: relative;
@@ -2647,10 +2843,10 @@
2647 2843 }
2648 2844 .elementor-control-type-url .elementor-control-url-autocomplete-spinner {
2649 2845 display: none;
2650 2846 position: absolute;
2651 - inset-block-start: 5px;
2652 - inset-inline-end: 0;
2847 + top: 5px;
2848 + right: 0;
2653 2849 width: 10px;
2654 2850 height: 10px;
2655 2851 font-size: 10px;
2656 2852 color: var(--e-a-color-txt-disabled);
@@ -2701,76 +2897,8 @@
2701 2897 font-size: 10px;
2702 2898 padding-block-start: 2px;
2703 2899 }
2704 2900
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 2901 .elementor-control-type-wp_widget .widget-inside {
2774 2902 line-height: 2;
2775 2903 background-color: inherit;
2776 2904 display: block;
@@ -2861,11 +2989,8 @@
2861 2989 font-size: 16px;
2862 2990 }
2863 2991 .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 2992 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 2993 }
2869 2994 .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 2995 color: var(--e-a-color-txt-active);
2871 2996 }
@@ -2882,35 +3007,8 @@
2882 3007 .elementor-control-type-wysiwyg .elementor-control-dynamic-switcher {
2883 3008 border: none;
2884 3009 }
2885 3010
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 3011 .ui-resizable-n {
2914 3012 top: -5px;
2915 3013 }
2916 3014 .ui-resizable-e {
@@ -2986,43 +3084,41 @@
2986 3084 --e-p-border-widget-invert: #0C0D0E;
2987 3085 --e-p-border-global: #5EEAD4;
2988 3086 --e-p-border-global-hover: #1DDDBF;
2989 3087 --e-p-border-global-invert: #0C0D0E;
2990 - --e-p-border-global-element: #5EEAD4;
2991 3088 }
2992 3089
2993 -.elementor-editor-active .elementor-add-section {
3090 +.elementor-add-section {
2994 3091 all: initial;
2995 3092 display: flex;
2996 - flex-wrap: wrap;
2997 - justify-content: center;
2998 3093 max-width: 1160px;
2999 3094 position: relative;
3000 3095 margin-inline: auto;
3001 3096 }
3002 -.elementor-editor-active .elementor-add-section:not(.elementor-dragging-on-child) .elementor-add-section-inner {
3097 +.elementor-add-section:not(.elementor-dragging-on-child) .elementor-add-section-inner {
3003 3098 border: 2px dashed var(--e-a-border-color-bold);
3004 3099 background-color: rgba(255, 255, 255, 0.5);
3005 3100 }
3006 -.elementor-editor-active .elementor-add-section.elementor-dragging-on-child .elementor-add-section-inner {
3101 +.elementor-add-section.elementor-dragging-on-child .elementor-add-section-inner {
3007 3102 border: 2px dashed var(--e-a-color-primary);
3008 3103 }
3009 -.elementor-editor-active .elementor-add-section[data-view=choose-action] .e-view:not(.elementor-add-new-section) {
3104 +.elementor-add-section[data-view=choose-action] .e-view:not(.elementor-add-new-section) {
3010 3105 display: none;
3011 3106 }
3012 -.elementor-editor-active .elementor-add-section[data-view=select-preset] .e-view:not(.elementor-select-preset) {
3107 +.elementor-add-section[data-view=select-preset] .e-view:not(.elementor-select-preset) {
3013 3108 display: none;
3014 3109 }
3015 -.elementor-editor-active .elementor-add-section[data-view=select-container-preset] .e-view:not(.e-con-select-preset) {
3110 +.elementor-add-section[data-view=select-container-preset] .e-view:not(.e-con-select-preset) {
3016 3111 display: none;
3017 3112 }
3018 -.elementor-editor-active .elementor-add-section[data-view=select-type] .e-view:not(.e-con-select-type) {
3113 +.elementor-add-section[data-view=select-type] .e-view:not(.e-con-select-type) {
3019 3114 display: none;
3020 3115 }
3021 -.elementor-editor-active .elementor-add-section[data-view=select-container-preset-grid] .e-view:not(.e-con-select-preset-grid) {
3116 +.elementor-add-section[data-view=select-container-preset-grid] .e-view:not(.e-con-select-preset-grid) {
3022 3117 display: none;
3023 3118 }
3024 -.elementor-editor-active .elementor-add-section-inner {
3119 +
3120 +.elementor-add-section-inner {
3025 3121 text-align: center;
3026 3122 margin: 20px;
3027 3123 padding: 40px 0;
3028 3124 display: flex;
@@ -3028,185 +3124,148 @@
3028 3124 display: flex;
3029 3125 justify-content: center;
3030 3126 flex-grow: 1;
3031 3127 }
3032 -.elementor-editor-active .elementor-add-new-section {
3128 +
3129 +.elementor-add-new-section {
3033 3130 display: flex;
3034 3131 justify-content: center;
3035 3132 flex-wrap: wrap;
3036 3133 gap: 5px;
3037 3134 }
3038 -.elementor-editor-active .elementor-add-section-area-button {
3135 +
3136 +.elementor-add-section-area-button {
3039 3137 padding: 12px;
3040 3138 height: 40px;
3041 3139 width: 40px;
3140 + border-radius: 50%;
3042 3141 font-size: 16px;
3043 3142 display: flex;
3044 - outline: unset;
3045 - border: unset;
3046 - border-radius: 50%;
3047 - box-shadow: unset;
3048 - text-shadow: unset;
3143 + outline: none;
3144 + border: none;
3049 3145 background-color: var(--e-a-bg-active);
3050 3146 color: var(--e-a-color-black);
3051 3147 transition: var(--e-a-transition-hover);
3052 3148 cursor: pointer;
3053 3149 }
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;
3150 +.elementor-add-section-area-button:hover {
3151 + background-color: var(--e-a-bg-active-bold);
3059 3152 color: var(--e-a-color-black);
3060 - background-color: var(--e-a-bg-active-bold);
3061 3153 }
3062 -.elementor-editor-active .elementor-add-section-area-button i {
3154 +.elementor-add-section-area-button i {
3063 3155 margin: 0;
3064 3156 }
3065 -.elementor-editor-active .elementor-add-section-area-button.e-button-primary {
3157 +.elementor-add-section-area-button.e-button-primary {
3066 3158 background-color: var(--e-a-btn-bg-primary);
3067 3159 color: var(--e-a-btn-color);
3068 3160 }
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 {
3161 +.elementor-add-section-area-button.e-button-primary:hover {
3070 3162 background-color: var(--e-a-btn-bg-primary-hover);
3071 3163 color: var(--e-a-btn-color);
3072 3164 }
3073 -.elementor-editor-active .elementor-add-section-drag-title,
3074 -.elementor-editor-active .elementor-select-preset-title {
3165 +
3166 +.elementor-add-section-drag-title,
3167 +.elementor-select-preset-title {
3075 3168 font-family: var(--e-a-font-family);
3076 3169 font-size: 13px;
3077 3170 line-height: 1;
3078 3171 color: var(--e-a-color-txt);
3079 3172 }
3080 -.elementor-editor-active .elementor-add-section-drag-title {
3173 +
3174 +.elementor-add-section-drag-title {
3081 3175 font-style: italic;
3082 3176 font-weight: normal;
3083 3177 margin-block-start: 10px;
3084 3178 width: 100%;
3085 3179 }
3086 -.elementor-editor-active .elementor-select-preset-title {
3180 +
3181 +.elementor-select-preset-title {
3087 3182 font-weight: 500;
3088 3183 text-transform: uppercase;
3089 3184 }
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;
3185 +
3186 +.elementor-add-section-close {
3187 + right: 40px;
3103 3188 }
3104 -.elementor-editor-active .elementor-add-section-close {
3105 - inset-inline-end: 40px;
3189 +
3190 +.elementor-add-section-back {
3191 + left: 40px;
3106 3192 }
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 {
3193 +
3194 +.elementor-wizard-icon {
3113 3195 position: absolute;
3114 - inset-block-start: 40px;
3196 + top: 40px;
3115 3197 font-size: 20px;
3116 3198 cursor: pointer;
3117 3199 line-height: 1;
3118 3200 color: var(--e-a-color-txt);
3119 - border-radius: 50%;
3120 - box-shadow: unset;
3121 - text-shadow: unset;
3122 3201 }
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;
3202 +.elementor-wizard-icon:hover {
3130 3203 color: var(--e-a-color-txt-hover);
3131 - background-color: var(--e-a-bg-hover);
3132 3204 }
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;
3205 +
3206 +.elementor-select-preset-list {
3207 + list-style: none;
3208 + padding: 0 25px;
3145 3209 margin: 20px auto 0;
3210 + overflow: hidden;
3146 3211 max-width: 700px;
3147 3212 }
3148 -.elementor-editor-active .elementor-select-preset-list .elementor-preset {
3213 +.elementor-select-preset-list .elementor-preset {
3149 3214 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;
3215 + margin: 0;
3216 + padding: 10px;
3217 + float: right;
3218 + max-width: 33.333%;
3159 3219 }
3160 -.elementor-editor-active .elementor-select-preset-list .elementor-preset path,
3161 -.elementor-editor-active .elementor-select-preset-list .elementor-preset rect {
3220 +.elementor-select-preset-list .elementor-preset:not(:hover) path,
3221 +.elementor-select-preset-list .elementor-preset:not(:hover) rect {
3162 3222 fill: var(--e-a-bg-active-bold);
3163 3223 transition: 0.3s all;
3164 3224 }
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 {
3225 +.elementor-select-preset-list .elementor-preset:hover path,
3226 +.elementor-select-preset-list .elementor-preset:hover rect {
3171 3227 fill: var(--e-a-color-txt);
3172 3228 }
3173 -.elementor-editor-active .elementor-select-preset-list .elementor-preset .e-preset--container {
3229 +.elementor-select-preset-list .elementor-preset .e-preset--container {
3174 3230 position: relative;
3175 3231 display: flex;
3176 3232 }
3177 -.elementor-editor-active .elementor-select-preset-list .elementor-preset .e-preset--container::before {
3233 +.elementor-select-preset-list .elementor-preset .e-preset--container::before {
3178 3234 content: var(--text);
3179 3235 font-family: var(--e-a-font-family);
3180 3236 font-size: 13px;
3181 3237 font-weight: 500;
3238 + position: absolute;
3239 + left: 50%;
3240 + top: 50%;
3182 3241 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%);
3242 + transform: translate(-50%, -50%);
3187 3243 }
3188 -.elementor-editor-active .elementor-select-preset-list .elementor-preset svg {
3244 +.elementor-select-preset-list .elementor-preset svg {
3189 3245 height: 50px;
3190 3246 width: 100%;
3191 - scale: calc(1 * var(--direction-multiplier)) 1;
3247 + transform: rotate(180deg);
3192 3248 }
3193 -.elementor-editor-active .elementor-add-section[data-view=choose-action] .elementor-add-section-back {
3249 +
3250 +.elementor-add-section[data-view=choose-action] .elementor-add-section-back {
3194 3251 display: none;
3195 3252 }
3196 -.elementor-editor-active .elementor-add-section[data-view=select-preset] .elementor-add-section-back {
3253 +.elementor-add-section[data-view=select-preset] .elementor-add-section-back {
3197 3254 display: none;
3198 3255 }
3199 -.elementor-editor-active .elementor-add-section[data-view=select-type] .elementor-add-section-back {
3256 +.elementor-add-section[data-view=select-type] .elementor-add-section-back {
3200 3257 display: none;
3201 3258 }
3202 -.elementor-editor-active #elementor-add-new-section {
3259 +
3260 +#elementor-add-new-section {
3203 3261 margin: 60px auto;
3204 3262 }
3205 -.elementor-editor-active #elementor-add-new-section[data-view=choose-action] .elementor-add-section-close {
3263 +#elementor-add-new-section[data-view=choose-action] .elementor-add-section-close {
3206 3264 display: none;
3207 3265 }
3208 -.elementor-editor-active .elementor-add-section-inline {
3266 +
3267 +.elementor-add-section-inline {
3209 3268 margin: 10px auto;
3210 3269 width: 100%;
3211 3270 }
3212 3271
@@ -3277,18 +3336,18 @@
3277 3336 border-radius: 3px;
3278 3337 z-index: 9999;
3279 3338 }
3280 3339 .pen-menu:after {
3340 + top: 100%;
3281 3341 content: "";
3282 3342 position: absolute;
3283 3343 border: 6px solid transparent;
3284 3344 border-block-start-color: #3f444b;
3285 - inset-block-start: 100%;
3286 - inset-inline-start: 50%;
3345 + left: 50%;
3287 3346 transform: translateX(-50%);
3288 3347 }
3289 3348 .pen-menu-below:after {
3290 - inset-block-start: 0;
3349 + top: 0;
3291 3350 transform: translateX(-50%) translateY(-100%) rotate(180deg);
3292 3351 }
3293 3352 .pen-icon {
3294 3353 position: relative;
@@ -3312,9 +3371,9 @@
3312 3371 }
3313 3372 .pen-icon[data-action=close]:before {
3314 3373 content: "";
3315 3374 position: absolute;
3316 - inset-inline-start: 0;
3375 + right: 0;
3317 3376 height: 60%;
3318 3377 width: 1px;
3319 3378 background-color: #1f2124;
3320 3379 }
@@ -3473,34 +3532,23 @@
3473 3532 .e-ui-state--elements-color-picker-color-picking__on .elementor-section:hover {
3474 3533 outline: 1px solid #2563EB;
3475 3534 }
3476 3535
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 3536 [class^=eicon-flex], [class*=" eicon-flex"] {
3487 3537 transition: 0.3s all;
3538 + --is-ltr: 1;
3539 + --is-rtl: 0;
3540 + --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
3541 + --is-ltr: 0;
3542 + --is-rtl: 1;
3488 3543 }
3489 3544 [class^=eicon-flex].eicon-inline, [class*=" eicon-flex"].eicon-inline {
3490 3545 max-height: 1em;
3491 3546 max-width: 1em;
3492 3547 }
3493 -[class^=eicon-flex], [class*=" eicon-flex"] {
3494 - --is-ltr: 0;
3495 - --is-rtl: 1;
3496 -}
3497 3548 [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 3549 --rotation-direction: calc(var(--is-ltr) + var(--is-rtl));
3499 3550 }
3500 -[class^=eicon-flex], [class*=" eicon-flex"] {
3501 - --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
3502 -}
3503 3551 :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 3552 transform: rotate(calc(var(--rotation-direction) * 90deg));
3505 3553 }
3506 3554 :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 +3695,10 @@
3647 3695 }
3648 3696
3649 3697 .elementor-element > .elementor-element-overlay {
3650 3698 position: absolute;
3651 - inset-block-start: 0;
3652 - inset-inline-end: 0;
3699 + top: 0;
3700 + left: 0;
3653 3701 letter-spacing: 0;
3654 3702 z-index: 9998;
3655 3703 pointer-events: none;
3656 3704 }
@@ -3666,12 +3714,8 @@
3666 3714 display: block;
3667 3715 text-align: center;
3668 3716 padding: 10px 0;
3669 3717 }
3670 -.elementor-element.elementor-widget-empty[data-atomic] .elementor-widget-empty-icon {
3671 - background-color: rgb(243, 243, 244);
3672 - width: 100%;
3673 -}
3674 3718 .elementor-element:not(:hover):not(.elementor-element-editable) > .elementor-element-overlay .elementor-editor-element-settings {
3675 3719 display: none;
3676 3720 }
3677 3721 .elementor-element--toggle-edit-tools > .elementor-element-overlay .elementor-editor-element-edit:not(.elementor-active) ~ * {
@@ -3730,9 +3774,12 @@
3730 3774 }
3731 3775
3732 3776 .elementor-empty-view {
3733 3777 position: absolute;
3734 - inset: 0;
3778 + top: 0;
3779 + bottom: 0;
3780 + left: 0;
3781 + right: 0;
3735 3782 z-index: 1;
3736 3783 }
3737 3784
3738 3785 .elementor-first-add {
@@ -3798,15 +3845,8 @@
3798 3845 .elementor-widget-placeholder {
3799 3846 height: 10px;
3800 3847 animation-name: placeholder-widget;
3801 3848 }
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 3849
3810 3850 .elementor-draggable-over:not([data-dragged-element=section]):not([data-dragged-is-inner=true]) > .elementor-empty-view > .elementor-first-add:after,
3811 3851 .elementor-first-add.elementor-html5dnd-current-element:after {
3812 3852 content: "";
@@ -3837,20 +3877,8 @@
3837 3877 .elementor-editor-preview .elementor-empty-view,
3838 3878 .elementor-editor-preview .elementor-widget-empty {
3839 3879 display: none;
3840 3880 }
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 3881
3854 3882 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen,
3855 3883 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop,
3856 3884 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop,
@@ -3893,9 +3921,12 @@
3893 3921 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.e-con:before {
3894 3922 content: "";
3895 3923 display: block;
3896 3924 position: absolute;
3897 - inset: 0;
3925 + top: 0;
3926 + left: 0;
3927 + width: 100%;
3928 + height: 100%;
3898 3929 background-color: rgba(255, 255, 255, 0.6);
3899 3930 z-index: 9997;
3900 3931 }
3901 3932 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.e-con,
@@ -3915,27 +3946,21 @@
3915 3946 .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 3947 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-inner-section .elementor-container {
3917 3948 width: 100%;
3918 3949 }
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)),
3950 +.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 3951 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop > .elementor-widget-container,
3921 3952 .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 3953 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop > .elementor-widget-container,
3924 3954 .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 3955 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra > .elementor-widget-container,
3927 3956 .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 3957 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet > .elementor-widget-container,
3930 3958 .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 3959 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra > .elementor-widget-container,
3933 3960 .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 3961 .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)) {
3962 +.e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-wrap {
3938 3963 filter: opacity(0.4) saturate(0);
3939 3964 }
3940 3965 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.elementor-edit-hidden,
3941 3966 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-edit-hidden,
@@ -3946,20 +3971,10 @@
3946 3971 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-edit-hidden {
3947 3972 display: none;
3948 3973 }
3949 3974
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 {
3975 +.elementor-editor-section-settings,
3976 +.elementor-editor-container-settings {
3962 3977 height: 24px;
3963 3978 top: 1px;
3964 3979 left: 50%;
3965 3980 transform: translateX(-50%) translateY(-100%);
@@ -3967,29 +3982,30 @@
3967 3982 border-start-start-radius: 5px;
3968 3983 border-start-end-radius: 5px;
3969 3984 border-end-start-radius: 0;
3970 3985 border-end-end-radius: 0;
3971 - stroke: transparent;
3972 - stroke-width: 0;
3973 - -webkit-text-stroke: 0 transparent;
3974 3986 }
3975 -.elementor-editor-element-overlay-settings i.eicon-handle {
3987 +.elementor-editor-section-settings i.eicon-handle,
3988 +.elementor-editor-container-settings i.eicon-handle {
3976 3989 font-size: 16px;
3977 3990 }
3978 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:hover {
3991 +.elementor-editor-section-settings .elementor-editor-element-setting:hover,
3992 +.elementor-editor-container-settings .elementor-editor-element-setting:hover {
3979 3993 background-color: var(--e-p-border-section-hover);
3980 3994 }
3981 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child {
3995 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child,
3996 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child {
3982 3997 border-start-start-radius: 5px;
3983 3998 border-start-end-radius: 0;
3984 3999 border-end-start-radius: 0;
3985 4000 border-end-end-radius: 0;
3986 4001 }
3987 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child:before {
4002 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child:before,
4003 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child:before {
3988 4004 content: "";
3989 4005 position: absolute;
3990 - inset-block-start: 2px;
3991 - inset-inline-end: calc(100% - 1px);
4006 + top: 2px;
4007 + left: calc(100% - 1px);
3992 4008 border-block-start: 22px solid transparent;
3993 4009 border-block-end: 0 none transparent;
3994 4010 border-inline-start: 0 none transparent;
3995 4011 border-inline-end: 12px solid var(--e-p-border-section);
@@ -3994,22 +4010,25 @@
3994 4010 border-inline-start: 0 none transparent;
3995 4011 border-inline-end: 12px solid var(--e-p-border-section);
3996 4012 transition: var(--e-a-transition-hover);
3997 4013 }
3998 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child:hover:before {
4014 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child:hover:before,
4015 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child:hover:before {
3999 4016 border-inline-end-color: var(--e-p-border-section-hover);
4000 4017 }
4001 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child {
4018 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child,
4019 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child {
4002 4020 border-start-start-radius: 0;
4003 4021 border-start-end-radius: 5px;
4004 4022 border-end-start-radius: 0;
4005 4023 border-end-end-radius: 0;
4006 4024 }
4007 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child:after {
4025 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child:after,
4026 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child:after {
4008 4027 content: "";
4009 4028 position: absolute;
4010 - inset-block-start: 2px;
4011 - inset-inline-start: calc(100% - 1px);
4029 + top: 2px;
4030 + right: calc(100% - 1px);
4012 4031 border-block-start: 22px solid transparent;
4013 4032 border-block-end: 0 none transparent;
4014 4033 border-inline-start: 12px solid var(--e-p-border-section);
4015 4034 border-inline-end: 0 none transparent;
@@ -4014,13 +4033,15 @@
4014 4033 border-inline-start: 12px solid var(--e-p-border-section);
4015 4034 border-inline-end: 0 none transparent;
4016 4035 transition: var(--e-a-transition-hover);
4017 4036 }
4018 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child:hover:after {
4037 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child:hover:after,
4038 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child:hover:after {
4019 4039 border-inline-start-color: var(--e-p-border-section-hover);
4020 4040 }
4021 4041
4022 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings {
4042 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings,
4043 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings {
4023 4044 transform: translateX(-50%);
4024 4045 border-start-start-radius: 0;
4025 4046 border-start-end-radius: 0;
4026 4047 border-end-start-radius: 5px;
@@ -4025,15 +4046,17 @@
4025 4046 border-start-end-radius: 0;
4026 4047 border-end-start-radius: 5px;
4027 4048 border-end-end-radius: 5px;
4028 4049 }
4029 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child {
4050 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child,
4051 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child {
4030 4052 border-start-start-radius: 0;
4031 4053 border-start-end-radius: 0;
4032 4054 border-end-start-radius: 5px;
4033 4055 border-end-end-radius: 0;
4034 4056 }
4035 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before {
4057 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before,
4058 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before {
4036 4059 top: 0;
4037 4060 border-block-start: 0 none transparent;
4038 4061 border-block-end: 22px solid transparent;
4039 4062 border-inline-start: 0 none transparent;
@@ -4039,15 +4062,17 @@
4039 4062 border-inline-start: 0 none transparent;
4040 4063 border-inline-end: 12px solid var(--e-p-border-section);
4041 4064 transition: var(--e-a-transition-hover);
4042 4065 }
4043 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child {
4066 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child,
4067 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child {
4044 4068 border-start-start-radius: 0;
4045 4069 border-start-end-radius: 0;
4046 4070 border-end-start-radius: 0;
4047 4071 border-end-end-radius: 5px;
4048 4072 }
4049 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after {
4073 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after,
4074 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after {
4050 4075 top: 0;
4051 4076 border-block-start: 0 none transparent;
4052 4077 border-block-end: 22px solid transparent;
4053 4078 border-inline-start: 12px solid var(--e-p-border-section);
@@ -4055,14 +4080,17 @@
4055 4080 transition: var(--e-a-transition-hover);
4056 4081 }
4057 4082
4058 4083 .elementor-column > .elementor-element-overlay {
4059 - inset-block-end: 0;
4060 - inset-inline-start: 0;
4084 + right: 0;
4085 + bottom: 0;
4061 4086 }
4062 4087 .elementor-column > .elementor-element-overlay:after {
4063 4088 position: absolute;
4064 - inset: 0;
4089 + left: 0;
4090 + right: 0;
4091 + top: 0;
4092 + bottom: 0;
4065 4093 outline: 1px dashed var(--e-p-border-column);
4066 4094 }
4067 4095 .elementor-column:hover > .elementor-element-overlay:after {
4068 4096 content: "";
@@ -4080,10 +4108,10 @@
4080 4108 .elementor-column > .ui-resizable-e, .elementor-column > .ui-resizable-w {
4081 4109 cursor: col-resize;
4082 4110 width: 7px;
4083 4111 position: absolute;
4084 - inset-block-start: 0;
4085 - inset-inline-end: -5px;
4112 + left: -5px;
4113 + top: 0;
4086 4114 height: 100%;
4087 4115 }
4088 4116 .elementor-column:last-of-type > .ui-resizable-e, .elementor-column:last-of-type > .ui-resizable-w {
4089 4117 display: none !important;
@@ -4094,15 +4122,14 @@
4094 4122 }
4095 4123 }
4096 4124
4097 4125 .elementor-editor-column-settings {
4098 - inset-block-start: -1px;
4099 - inset-inline-start: -1px;
4126 + top: -1px;
4127 + right: -1px;
4100 4128 border-start-start-radius: 0;
4101 4129 border-start-end-radius: 0;
4102 4130 border-end-start-radius: 0;
4103 4131 border-end-end-radius: 3px;
4104 - transform: none;
4105 4132 overflow: hidden;
4106 4133 }
4107 4134 .elementor-editor-column-settings .elementor-editor-element-setting {
4108 4135 background-color: var(--e-p-border-column);
@@ -4116,9 +4143,12 @@
4116 4143 }
4117 4144 .elementor-column-placeholder:before, .elementor-column-placeholder:after {
4118 4145 content: "";
4119 4146 position: absolute;
4120 - inset: 10px;
4147 + top: 10px;
4148 + bottom: 10px;
4149 + right: 10px;
4150 + left: 10px;
4121 4151 }
4122 4152 .elementor-column-placeholder:before {
4123 4153 border: 1px solid var(--e-p-border-column);
4124 4154 }
@@ -4129,9 +4159,9 @@
4129 4159 .elementor-column-percents-tooltip {
4130 4160 position: absolute;
4131 4161 display: none;
4132 4162 pointer-events: none;
4133 - inset-block-start: 50%;
4163 + top: 50%;
4134 4164 transform: translateY(-50%);
4135 4165 color: #fff;
4136 4166 font-size: 10px;
4137 4167 background-color: var(--e-p-border-column);
@@ -4169,10 +4199,10 @@
4169 4199 }
4170 4200
4171 4201 .elementor-editor-widget-settings {
4172 4202 z-index: 2;
4173 - inset-block-start: -1px;
4174 - inset-inline-end: -1px;
4203 + top: -1px;
4204 + left: -1px;
4175 4205 flex-direction: row-reverse;
4176 4206 border-start-start-radius: 0;
4177 4207 border-start-end-radius: 0;
4178 4208 border-end-start-radius: 3px;
@@ -4185,74 +4215,20 @@
4185 4215 .elementor-editor-widget-settings .elementor-editor-element-setting:hover {
4186 4216 background-color: var(--e-p-border-widget-hover);
4187 4217 }
4188 4218
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 4219 .elementor-section > .elementor-element-overlay,
4247 4220 .e-con > .elementor-element-overlay {
4248 - inset-block-end: 0;
4249 - inset-inline-start: 0;
4221 + right: 0;
4222 + bottom: 0;
4250 4223 }
4251 4224 .elementor-section > .elementor-element-overlay:after,
4252 4225 .e-con > .elementor-element-overlay:after {
4253 4226 position: absolute;
4254 - inset: 1px;
4227 + left: 1px;
4228 + right: 1px;
4229 + top: 1px;
4230 + bottom: 1px;
4255 4231 outline: 1px solid var(--e-p-border-con);
4256 4232 animation: section-outline 0.75s;
4257 4233 }
4258 4234 .elementor-section:hover > .elementor-element-overlay:after,
@@ -4275,11 +4251,8 @@
4275 4251 position: relative;
4276 4252 width: 100%;
4277 4253 height: 100%;
4278 4254 min-height: 100px;
4279 - stroke: transparent;
4280 - stroke-width: 0;
4281 - -webkit-text-stroke: 0 transparent;
4282 4255 }
4283 4256 .e-con .elementor-empty-view .elementor-first-add {
4284 4257 width: auto;
4285 4258 height: auto;
@@ -4299,11 +4272,9 @@
4299 4272 align-self: stretch;
4300 4273 z-index: 1;
4301 4274 pointer-events: none;
4302 4275 }
4303 -.e-con.e-con--row > .elementor-widget-placeholder,
4304 -.e-con.e-con--row > .elementor-element[data-atomic] > .elementor-widget-placeholder, .e-con.e-con--row > .e-con-inner > .elementor-widget-placeholder,
4305 -.e-con.e-con--row > .e-con-inner > .elementor-element[data-atomic] > .elementor-widget-placeholder {
4276 +.e-con.e-con--row > .elementor-widget-placeholder, .e-con.e-con--row > .e-con-inner > .elementor-widget-placeholder {
4306 4277 position: relative;
4307 4278 z-index: 9999;
4308 4279 width: var(--size);
4309 4280 margin-inline-start: var(--margin-start);
@@ -4387,53 +4358,8 @@
4387 4358 display: block;
4388 4359 padding: 2px;
4389 4360 }
4390 4361
4391 -.e-atomic-element:has(.elementor-empty-view) {
4392 - min-height: 120px;
4393 -}
4394 -.e-atomic-element > .elementor-empty-view.elementor-empty-view {
4395 - min-height: inherit;
4396 -}
4397 -
4398 -.e-grid-base > .elementor-empty-view.elementor-empty-view > .elementor-first-add {
4399 - opacity: 0;
4400 -}
4401 -.e-grid-base:has(> .elementor-element) > .elementor-empty-view.elementor-empty-view {
4402 - position: absolute;
4403 - grid-row: var(--e-grid-empty-cell-row, 1)/span 1;
4404 - grid-column: var(--e-grid-empty-cell-col, 1)/span 1;
4405 - visibility: var(--e-grid-empty-cell-visibility, visible);
4406 - inset: 0;
4407 - width: auto;
4408 - height: auto;
4409 - min-width: 0;
4410 - min-height: 0;
4411 -}
4412 -.e-grid-base .elementor-element:has(> .elementor-widget-placeholder.e-dragging-top),
4413 -.e-grid-base .elementor-element:has(> .elementor-widget-placeholder.e-dragging-bottom),
4414 -.e-grid-base .elementor-element > :has(> .elementor-widget-placeholder.e-dragging-top),
4415 -.e-grid-base .elementor-element > :has(> .elementor-widget-placeholder.e-dragging-bottom) {
4416 - position: relative;
4417 -}
4418 -.e-grid-base .elementor-element .elementor-widget-placeholder {
4419 - --size: 10px;
4420 -}
4421 -.e-grid-base .elementor-element .elementor-widget-placeholder.e-dragging-top, .e-grid-base .elementor-element .elementor-widget-placeholder.e-dragging-bottom {
4422 - position: absolute;
4423 - width: 100%;
4424 - height: var(--size);
4425 - inset-inline: 0;
4426 - z-index: 9999;
4427 - animation: placeholder-widget 500ms;
4428 -}
4429 -.e-grid-base .elementor-element .elementor-widget-placeholder.e-dragging-top {
4430 - inset-block-start: 0;
4431 -}
4432 -.e-grid-base .elementor-element .elementor-widget-placeholder.e-dragging-bottom {
4433 - inset-block-end: 0;
4434 -}
4435 -
4436 4362 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 {
4437 4363 left: 0;
4438 4364 right: auto;
4439 4365 }
@@ -4489,15 +4415,8 @@
4489 4415 }
4490 4416 .e-con-select-preset[data-view=drop-area] > *:not(.elementor-first-add) {
4491 4417 display: none;
4492 4418 }
4493 -.e-con-select-preset-grid {
4494 - flex-wrap: wrap;
4495 - gap: 20px;
4496 -}
4497 -.e-con-select-preset-grid .e-con-select-preset__list .e-con-preset rect {
4498 - fill: transparent;
4499 -}
4500 4419 .e-con-select-preset__title {
4501 4420 font-family: var(--e-a-font-family);
4502 4421 font-size: 15px;
4503 4422 font-weight: 400;
@@ -4513,16 +4432,8 @@
4513 4432 }
4514 4433 .e-con-select-preset__list .e-con-preset {
4515 4434 cursor: pointer;
4516 4435 flex-basis: 90px;
4517 - padding: unset;
4518 - margin: unset;
4519 - border: unset;
4520 - border-radius: unset;
4521 - outline: unset;
4522 - box-shadow: unset;
4523 - text-shadow: unset;
4524 - background-color: unset;
4525 4436 }
4526 4437 .e-con-select-preset__list .e-con-preset svg {
4527 4438 width: 100%;
4528 4439 height: auto;
@@ -4527,9 +4438,9 @@
4527 4438 width: 100%;
4528 4439 height: auto;
4529 4440 }
4530 4441 .e-con-select-preset__list .e-con-preset svg:not(.exclude-rtl-scale) {
4531 - scale: calc(1 * var(--direction-multiplier)) 1;
4442 + transform: scaleX(-1);
4532 4443 }
4533 4444 .e-con-select-preset__list .e-con-preset path {
4534 4445 fill: var(--e-a-color-white);
4535 4446 }
@@ -4536,23 +4447,13 @@
4536 4447 .e-con-select-preset__list .e-con-preset rect {
4537 4448 fill: var(--e-a-bg-active-bold);
4538 4449 transition: 0.3s all;
4539 4450 }
4540 -.e-con-select-preset__list .e-con-preset:hover, .e-con-select-preset__list .e-con-preset:focus {
4541 - border: unset;
4542 - border-radius: unset;
4543 - box-shadow: unset;
4544 - text-shadow: unset;
4545 - background-color: transparent;
4546 -}
4547 -.e-con-select-preset__list .e-con-preset:hover path, .e-con-select-preset__list .e-con-preset:focus path {
4548 - stroke: var(--e-a-color-white);
4549 -}
4550 -.e-con-select-preset__list .e-con-preset:hover rect, .e-con-select-preset__list .e-con-preset:focus rect {
4451 +.e-con-select-preset__list .e-con-preset:hover rect {
4551 4452 fill: var(--e-a-color-txt);
4552 4453 }
4553 4454 .e-con-select-preset__list .e-con-preset[data-preset=r100] {
4554 - scale: calc(1 * var(--direction-multiplier)) 1;
4455 + transform: scaleX(-1);
4555 4456 }
4556 4457 .e-con-shared-styles {
4557 4458 font-family: var(--e-a-font-family);
4558 4459 line-height: 1;
@@ -4578,20 +4479,39 @@
4578 4479 .e-con-select-type__icons__icon {
4579 4480 cursor: pointer;
4580 4481 }
4581 4482 .e-con-select-type__icons__icon svg {
4582 - margin-block-end: 10px;
4483 + margin-bottom: 10px;
4583 4484 width: 85px;
4584 4485 }
4585 -.e-con-select-type__icons__icon:hover svg rect, .e-con-select-type__icons__icon:focus svg rect {
4486 +.e-con-select-type__icons__icon svg:hover rect {
4586 4487 fill: var(--e-a-color-txt);
4587 4488 }
4588 -.e-con-select-type__icons__icon:hover svg path, .e-con-select-type__icons__icon:focus svg path {
4489 +.e-con-select-type__icons__icon svg:hover path {
4589 4490 stroke: var(--e-a-color-white);
4590 4491 }
4591 4492 .e-con-select-type__icons__icon__subtitle {
4592 4493 font-size: 14px;
4593 4494 font-weight: 500;
4495 +}
4496 +.e-con-select-preset-grid__title {
4497 + font-size: 15px;
4498 + font-weight: 400;
4499 +}
4500 +.e-con-select-preset-grid__list {
4501 + display: flex;
4502 + justify-content: center;
4503 + flex-wrap: wrap;
4504 + gap: 20px;
4505 +}
4506 +.e-con-select-preset-grid__list svg {
4507 + cursor: pointer;
4508 +}
4509 +.e-con-select-preset-grid__list svg:hover rect {
4510 + fill: var(--e-a-color-txt);
4511 +}
4512 +.e-con-select-preset-grid__list svg:hover path {
4513 + stroke: var(--e-a-color-white);
4594 4514 }
4595 4515 .e-con .ui-resizable-e {
4596 4516 right: 0;
4597 4517 }