PluginProbe
Elementor Website Builder – more than just a page builder / 3.13.0-beta1
Elementor Website Builder – more than just a page builder v3.13.0-beta1
4.3.4 4.3.3 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 All 457 releases
← All changes | assets/css/editor-preview.css +863 -1213 4.3.2 → 3.13.0-beta1 View file →
@@ -1,21 +1,74 @@
1 -:root {
2 - --direction-multiplier: 1;
1 +/*! elementor - v3.13.0 - 19-04-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
15 +.dialog-close-button {
16 + cursor: pointer;
17 + position: absolute;
18 + margin-top: 15px;
19 + right: 15px;
20 + color: var(--e-a-color-txt);
21 + font-size: 15px;
22 + line-height: 1;
23 + transition: var(--e-a-transition-hover);
24 +}
25 +.dialog-close-button:hover {
26 + color: var(--e-a-color-txt-hover);
27 +}
28 +
29 +.dialog-prevent-scroll {
30 + overflow: hidden;
31 + max-height: 100vh;
32 +}
33 +
34 +.dialog-type-lightbox {
35 + position: fixed;
36 + height: 100%;
37 + width: 100%;
38 + bottom: 0;
39 + left: 0;
40 + background-color: rgba(0, 0, 0, 0.8);
41 + z-index: 9999;
42 + -webkit-user-select: none;
43 + -moz-user-select: none;
44 + user-select: none;
45 +}
46 +
47 +.flatpickr-calendar {
48 + width: 280px;
49 +}
50 +.flatpickr-calendar .flatpickr-current-month span.cur-month {
51 + font-weight: 300;
52 +}
53 +.flatpickr-calendar .dayContainer {
54 + width: 280px;
55 + min-width: 280px;
56 + max-width: 280px;
57 +}
58 +.flatpickr-calendar .flatpickr-days {
59 + width: 280px;
60 +}
61 +.flatpickr-calendar .flatpickr-day {
62 + max-width: 37px;
63 + height: 37px;
64 + line-height: 37px;
65 +}
66 +
10 67 .elementor-hidden {
11 68 display: none;
12 69 }
13 70
14 -.elementor-visibility-hidden {
15 - visibility: hidden;
16 -}
17 -
18 71 .elementor-screen-only,
19 72 .screen-reader-text,
20 73 .screen-reader-text span,
21 74 .ui-helper-hidden-accessible {
@@ -38,16 +91,251 @@
38 91 height: 0;
39 92 }
40 93
41 94 .e-logo-wrapper {
95 + background: var(--e-a-bg-logo);
42 96 display: inline-block;
97 + padding: 0.75em;
98 + border-radius: 50%;
43 99 line-height: 1;
44 100 }
45 101 .e-logo-wrapper i {
46 - color: var(--e-a-color-circle-logo);
47 - font-size: 2.5em;
102 + color: var(--e-a-color-logo);
103 + font-size: 1em;
48 104 }
49 105
106 +:root {
107 + --e-a-color-white: #ffffff;
108 + --e-a-color-black: #000000;
109 + --e-a-color-logo: #ffffff;
110 + --e-a-color-primary: #F3BAFD;
111 + --e-a-color-primary-bold: #D004D4;
112 + --e-a-color-secondary: #515962;
113 + --e-a-color-success: #0A875A;
114 + --e-a-color-danger: #DC2626;
115 + --e-a-color-info: #2563EB;
116 + --e-a-color-warning: #F59E0B;
117 + --e-a-color-accent: #524CFF;
118 + --e-a-color-global: #1DDDBF;
119 + --e-a-bg-default: #ffffff;
120 + --e-a-bg-invert: #0C0D0E;
121 + --e-a-bg-hover: #F9FAFA;
122 + --e-a-bg-active: #E6E8EA;
123 + --e-a-bg-active-bold: #D5D8DC;
124 + --e-a-bg-loading: #F9FAFA;
125 + --e-a-bg-logo: #000000;
126 + --e-a-bg-primary: #FAE8FF;
127 + --e-a-bg-secondary: #515962;
128 + --e-a-bg-success: #F2FDF5;
129 + --e-a-bg-info: #F0F7FF;
130 + --e-a-bg-danger: #FEF1F4;
131 + --e-a-bg-warning: #FFFBEB;
132 + --e-a-color-txt: #515962;
133 + --e-a-color-txt-muted: #818A96;
134 + --e-a-color-txt-disabled: #BABFC5;
135 + --e-a-color-txt-invert: #ffffff;
136 + --e-a-color-txt-accent: #0C0D0E;
137 + --e-a-color-txt-hover: #3A3F45;
138 + --e-a-color-txt-active: #0C0D0E;
139 + --e-a-border-color: #E6E8EA;
140 + --e-a-border-color-bold: #D5D8DC;
141 + --e-a-border-color-focus: #BABFC5;
142 + --e-a-border-color-accent: #0C0D0E;
143 + --e-a-border: 1px solid var(--e-a-border-color);
144 + --e-a-border-bold: 1px solid var(--e-a-border-color-bold);
145 + --e-a-border-radius: 3px;
146 + --e-a-btn-color: #0C0D0E;
147 + --e-a-btn-color-invert: var(--e-a-color-txt-invert);
148 + --e-a-btn-color-disabled: var(--e-a-color-txt-disabled);
149 + --e-a-btn-bg: #515962;
150 + --e-a-btn-bg-hover: #3a4046;
151 + --e-a-btn-bg-active: #23262a;
152 + --e-a-btn-bg-disabled: #D5D8DC;
153 + --e-a-btn-bg-primary: #F3BAFD;
154 + --e-a-btn-bg-primary-hover: #F5D0FE;
155 + --e-a-btn-bg-primary-active:#F0ABFC;
156 + --e-a-btn-bg-accent: #524CFF;
157 + --e-a-btn-bg-accent-hover: #4C43E5;
158 + --e-a-btn-bg-accent-active: #4338CA;
159 + --e-a-btn-bg-success: #0A875A;
160 + --e-a-btn-bg-success-hover: #06583a;
161 + --e-a-btn-bg-success-active:#03281b;
162 + --e-a-btn-bg-danger: #DC2626;
163 + --e-a-btn-bg-danger-hover: #b21d1d;
164 + --e-a-btn-bg-danger-active: #861616;
165 + --e-a-dark-bg: #0C0D0E;
166 + --e-a-dark-color-txt: #9DA5AE;
167 + --e-a-dark-color-txt-hover: #D5D8DC;
168 + --e-a-font-family: Roboto, Arial, Helvetica, sans-serif;
169 + --e-a-transition-hover: all .3s;
170 + --e-a-popover-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
171 + --e-a-dropdown-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
172 +}
173 +
174 +.e-con .elementor-empty-view {
175 + position: relative;
176 + width: 100%;
177 + height: 100%;
178 + min-height: var(--min-height, 100px);
179 +}
180 +.e-con .elementor-empty-view .elementor-first-add {
181 + width: auto;
182 + height: auto;
183 + inset: 0;
184 +}
185 +.e-con .elementor-widget-placeholder {
186 + --size: 10px;
187 + --margin-start: calc( -1 * var( --size ) );
188 + --margin-end: calc( -2 * var( --size ) );
189 + flex-shrink: 0;
190 + align-self: stretch;
191 + z-index: 1;
192 + pointer-events: none;
193 +}
194 +.e-con.e-con--row > .elementor-widget-placeholder, .e-con.e-con--row > .e-con-inner > .elementor-widget-placeholder {
195 + position: relative;
196 + z-index: 9999;
197 + width: var(--size);
198 + -webkit-margin-start: var(--margin-start);
199 + margin-inline-start: var(--margin-start);
200 + height: auto;
201 + min-height: 100%;
202 + animation-name: dnd-placeholder-widget-vertical;
203 + animation-fill-mode: both;
204 +}
205 +.e-con.e-con--row[data-nesting-level]:not([data-nesting-level="0"]) > .elementor-widget-placeholder, .e-con.e-con--row[data-nesting-level]:not([data-nesting-level="0"]) > .e-con-inner > .elementor-widget-placeholder {
206 + -webkit-margin-end: 0;
207 + margin-inline-end: 0;
208 + -webkit-margin-start: calc(var(--margin-start) + var(--margin-end));
209 + margin-inline-start: calc(var(--margin-start) + var(--margin-end));
210 +}
211 +.e-con.e-con--row[data-nesting-level]:not([data-nesting-level="0"]) > :not(.elementor-element) + .elementor-widget-placeholder, .e-con.e-con--row[data-nesting-level]:not([data-nesting-level="0"]) > .e-con-inner > :not(.elementor-element) + .elementor-widget-placeholder {
212 + -webkit-margin-end: var(--margin-end);
213 + margin-inline-end: var(--margin-end);
214 + -webkit-margin-start: var(--margin-start);
215 + margin-inline-start: var(--margin-start);
216 +}
217 +.e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-right, .e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-left, .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-right, .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-left {
218 + position: absolute;
219 + width: var(--size);
220 + height: 100%;
221 + top: 0;
222 + animation: grow-in-width 0.15s forwards;
223 +}
224 +.e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-right, .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-right {
225 + right: 0;
226 + left: auto;
227 +}
228 +.e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-left, .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-left {
229 + left: 0;
230 + right: auto;
231 +}
232 +.e-con.e-con--column > .elementor-widget-placeholder, .e-con.e-con--column > .e-con-inner > .elementor-widget-placeholder {
233 + height: var(--size);
234 + -webkit-margin-before: var(--margin-start);
235 + margin-block-start: var(--margin-start);
236 + -webkit-margin-after: var(--margin-end);
237 + margin-block-end: var(--margin-end);
238 + animation-name: dnd-placeholder-widget-horizontal;
239 +}
240 +.e-con.e-con--column > .elementor-widget-placeholder:nth-last-child(2) {
241 + -webkit-margin-before: calc(2 * var(--margin-start));
242 + margin-block-start: calc(2 * var(--margin-start));
243 + --margin-end: 0;
244 +}
245 +.e-con.e-con--column > .e-con-inner > .elementor-widget-placeholder:last-child {
246 + --margin-end: 0;
247 +}
248 +.e-con .elementor-sortable-helper {
249 + height: 84px;
250 + width: 125px;
251 + z-index: -1;
252 +}
253 +.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting {
254 + position: relative;
255 + background-color: var(--e-p-border-con);
256 +}
257 +.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:hover, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:hover, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting:hover {
258 + background-color: var(--e-p-border-con-hover);
259 +}
260 +.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-add, .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-edit + .elementor-editor-element-remove, .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:first-child::before, .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:last-child::after, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-add, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-edit + .elementor-editor-element-remove, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:first-child::before, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:last-child::after, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-add, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-edit + .elementor-editor-element-remove, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting:first-child::before, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting:last-child::after {
261 + display: none;
262 +}
263 +.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit), .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit), .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit) {
264 + -webkit-margin-start: -25px;
265 + margin-inline-start: -25px;
266 + z-index: -1;
267 + transition: 0.3s all;
268 + will-change: margin-inline-start;
269 +}
270 +.e-con > .e-con > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove), .e-con-inner > .e-con > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove), .elementor-widget .e-con > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove) {
271 + -webkit-margin-start: 0;
272 + margin-inline-start: 0;
273 +}
274 +.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-settings, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-settings, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-settings {
275 + inset: initial;
276 + transform: none;
277 + inset-inline-start: 0;
278 + top: 0;
279 + border-radius: 0;
280 + border-end-end-radius: 3px;
281 + height: auto;
282 + background-color: var(--e-p-border-con);
283 +}
284 +.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-settings:hover, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-settings:hover, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-settings:hover {
285 + background-color: var(--e-p-border-con-hover);
286 +}
287 +.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before {
288 + content: "\e9b4";
289 + font-size: 20px;
290 + display: block;
291 + padding: 2px;
292 +}
293 +
294 +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 {
295 + left: 0;
296 + right: auto;
297 +}
298 +body.rtl .e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-left, body.rtl .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-left {
299 + right: 0;
300 + left: auto;
301 +}
302 +
303 +@keyframes dnd-placeholder-widget-vertical {
304 + 0% {
305 + transform-origin: 0 50%;
306 + transform: translateX(50%) scaleX(0);
307 + opacity: 0;
308 + }
309 + 100% {
310 + transform-origin: 0 50%;
311 + transform: translateX(50%) scaleX(1);
312 + opacity: 0.9;
313 + }
314 +}
315 +@keyframes dnd-placeholder-widget-horizontal {
316 + 0% {
317 + transform-origin: 50% 0;
318 + transform: scaleY(0);
319 + opacity: 0;
320 + }
321 + 100% {
322 + transform-origin: 50% 0;
323 + transform: scaleY(1);
324 + opacity: 0.9;
325 + }
326 +}
327 +@keyframes grow-in-width {
328 + from {
329 + width: 0;
330 + }
331 + 50% {
332 + width: calc(var(--size) / 2);
333 + }
334 + to {
335 + width: var(--size);
336 + }
337 +}
50 338 .elementor-control-unit-1 {
51 339 width: 27px;
52 340 }
53 341
@@ -73,9 +361,9 @@
73 361 position: absolute;
74 362 width: 260px;
75 363 max-height: 300px;
76 364 overflow: auto;
77 - padding-block-end: 5px;
365 + padding-bottom: 5px;
78 366 background-color: var(--e-a-bg-default);
79 367 box-shadow: var(--e-a-popover-shadow);
80 368 border: var(--e-a-border);
81 369 border-radius: 3px;
@@ -88,9 +376,9 @@
88 376 display: flex;
89 377 align-items: center;
90 378 }
91 379 .elementor-tags-list__group-title .eicon-info-circle {
92 - padding-inline-end: 5px;
380 + padding-right: 5px;
93 381 color: var(--e-a-color-primary-bold);
94 382 font-size: 14px;
95 383 }
96 384 .elementor-tags-list__item {
@@ -100,17 +388,17 @@
100 388 }
101 389 .elementor-tags-list__item:before {
102 390 content: ">";
103 391 font-size: 8px;
104 - padding-inline-end: 5px;
392 + padding-right: 5px;
105 393 }
106 394 .elementor-tags-list__item:hover {
107 395 background-color: var(--e-a-bg-hover);
108 396 }
109 397 .elementor-tags-list__teaser {
110 - border-block-start: 2px solid var(--e-a-border-color);
111 - padding-block-start: 4px;
112 - margin-block-start: 4px;
398 + border-top: 2px solid var(--e-a-border-color);
399 + padding-top: 4px;
400 + margin-top: 4px;
113 401 }
114 402 .elementor-tags-list__teaser-text {
115 403 padding: 2px 15px 8px;
116 404 line-height: 1.5;
@@ -144,9 +432,9 @@
144 432 .elementor-dynamic-cover__settings:hover, .elementor-dynamic-cover__remove:hover {
145 433 color: var(--e-a-color-txt-hover);
146 434 }
147 435 .elementor-control-type-wysiwyg .elementor-dynamic-cover {
148 - margin-block-start: 10px;
436 + margin-top: 10px;
149 437 }
150 438
151 439 .elementor-tag-settings-popup {
152 440 position: absolute;
@@ -158,12 +446,12 @@
158 446 }
159 447 .elementor-tag-settings-popup:before {
160 448 content: "";
161 449 position: absolute;
162 - inset-block-start: -20px;
163 - inset-inline-start: 5px;
450 + top: -20px;
451 + left: 5px;
164 452 border: 10px solid transparent;
165 - border-block-end-color: var(--e-a-border-color);
453 + border-bottom-color: var(--e-a-border-color);
166 454 }
167 455 .elementor-tag-settings-popup .elementor-control-type-section:first-child {
168 456 margin: 0;
169 457 }
@@ -227,19 +515,16 @@
227 515
228 516 .elementor-panel-alert {
229 517 background-color: var(--e-a-bg-primary);
230 518 padding: 15px;
231 - border-inline-start: 3px solid var(--e-a-color-primary);
519 + border-left: 3px solid var(--e-a-color-primary);
232 520 position: relative;
233 521 font-size: 12px;
234 522 font-weight: 300;
235 523 font-style: italic;
236 524 line-height: 1.5;
237 - text-align: start;
238 - border-start-start-radius: 0;
239 - border-start-end-radius: 3px;
240 - border-end-start-radius: 0;
241 - border-end-end-radius: 3px;
525 + text-align: left;
526 + border-radius: 0 3px 3px 0;
242 527 }
243 528 .elementor-panel-alert a {
244 529 color: inherit;
245 530 }
@@ -251,9 +536,9 @@
251 536 border-color: var(--e-a-color-success);
252 537 background: var(--e-a-bg-success);
253 538 }
254 539 .elementor-panel-alert.elementor-panel-alert-warning {
255 - border-inline-start: 3px solid var(--e-a-color-warning);
540 + border-left: 3px solid var(--e-a-color-warning);
256 541 background: var(--e-a-bg-warning);
257 542 }
258 543 .elementor-panel-alert.elementor-panel-alert-danger {
259 544 border-color: var(--e-a-color-danger);
@@ -271,11 +556,12 @@
271 556 display: none;
272 557 position: absolute;
273 558 box-shadow: var(--e-a-popover-shadow);
274 559 border-radius: var(--e-a-border-radius);
275 - inset-inline: 0;
560 + left: 0;
561 + right: 0;
276 562 margin: -4px auto 5px;
277 - padding-block-start: 15px;
563 + padding-top: 15px;
278 564 width: 90%;
279 565 z-index: 10000;
280 566 background-color: var(--e-a-bg-default);
281 567 }
@@ -281,12 +567,12 @@
281 567 }
282 568 .elementor-controls-popover:before {
283 569 content: "";
284 570 position: absolute;
285 - inset-block-start: -16px;
286 - inset-inline-end: 22px;
571 + top: -16px;
572 + right: 22px;
287 573 border: 8px solid transparent;
288 - border-block-end-color: var(--e-a-bg-default);
574 + border-bottom-color: var(--e-a-bg-default);
289 575 }
290 576 .elementor-controls-popover div.elementor-control {
291 577 background-color: transparent;
292 578 }
@@ -294,11 +580,39 @@
294 580 content: none;
295 581 }
296 582
297 583 #elementor-panel-global .elementor-nerd-box .elementor-nerd-box-icon {
298 - margin-block-start: 20px;
584 + margin-top: 20px;
299 585 }
300 586
587 +.e-ai-button {
588 + background: none;
589 + border: none;
590 + font-size: var(--control-title-size);
591 + cursor: pointer;
592 + transition: var(--e-a-transition-hover);
593 +}
594 +.e-ai-button:not(.e-active) {
595 + color: var(--e-a-color-primary-bold);
596 +}
597 +.e-ai-button:hover {
598 + color: #E73CF6;
599 +}
600 +
601 +.e-ai-promotion {
602 + font-size: var(--control-title-size);
603 +}
604 +.e-ai-promotion i {
605 + -webkit-margin-end: 5px;
606 + margin-inline-end: 5px;
607 +}
608 +
609 +.elementor-label-block .e-ai-promotion,
610 +.elementor-label-block .e-ai-button {
611 + -webkit-margin-start: auto;
612 + margin-inline-start: auto;
613 +}
614 +
301 615 .elementor-control {
302 616 --control-title-size: 12px;
303 617 position: relative;
304 618 padding: 0 20px 15px;
@@ -305,13 +619,13 @@
305 619 }
306 620 .elementor-control a {
307 621 font-weight: 500;
308 622 text-decoration: none;
309 - border-block-end: 1px dotted transparent;
623 + border-bottom: 1px dotted transparent;
310 624 transition: all ease-in-out 0.3s;
311 625 }
312 626 .elementor-control a:hover {
313 - border-block-end-color: inherit;
627 + border-bottom-color: inherit;
314 628 }
315 629 .elementor-control .elementor-control-content {
316 630 display: flex;
317 631 flex-direction: column;
@@ -318,13 +632,10 @@
318 632 }
319 633 .elementor-control .elementor-control-title {
320 634 font-size: var(--control-title-size);
321 635 line-height: 1;
322 - margin-inline-end: 5px;
636 + margin-right: 5px;
323 637 }
324 -.elementor-control .elementor-control-title:empty {
325 - display: none;
326 -}
327 638 .elementor-control .elementor-control-spinner {
328 639 display: flex;
329 640 align-items: center;
330 641 }
@@ -331,42 +642,42 @@
331 642 .elementor-control.elementor-control-type-divider {
332 643 padding: 0;
333 644 }
334 645 .elementor-control.elementor-control-type-divider .elementor-control-content {
335 - margin-inline: 20px;
336 646 border-width: 0;
337 - border-block-start: var(--e-a-border);
647 + border-top: var(--e-a-border);
338 648 background-color: var(--e-a-bg-default);
339 649 height: 15px;
340 650 }
341 651 .elementor-control.elementor-control-separator-before {
342 - padding-block-start: 15px;
652 + padding-top: 15px;
343 653 }
344 654 .elementor-control.elementor-control-separator-before:before {
345 655 content: "";
346 656 position: absolute;
347 - inset: 0 20px auto;
348 657 height: 1px;
658 + width: calc(100% - 40px);
659 + top: 0;
660 + left: 20px;
349 661 background-color: var(--e-a-border-color);
350 662 }
351 -.elementor-control.elementor-control-separator-after {
352 - padding-block-end: 15px;
353 -}
354 663 .elementor-control.elementor-control-separator-after:after {
355 664 content: "";
356 665 position: absolute;
357 - inset: auto 20px 0;
358 666 height: 1px;
667 + width: calc(100% - 40px);
668 + bottom: 0;
669 + left: 20px;
359 670 background-color: var(--e-a-border-color);
360 671 }
361 672 .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 - padding-block-start: 15px;
673 + padding-top: 15px;
363 674 }
364 675 .elementor-control.elementor-control-deprecated {
365 - color: var(--e-a-color-warning);
676 + color: #F59E0B;
366 677 }
367 678 .elementor-control.elementor-control-deprecated .elementor-control-field-description {
368 - color: var(--e-a-color-warning);
679 + color: #F59E0B;
369 680 }
370 681 .elementor-control.elementor-control-hidden-label > * > .elementor-control-title, .elementor-control.elementor-control-hidden-label > * > * > .elementor-control-title {
371 682 display: none;
372 683 }
@@ -397,36 +708,26 @@
397 708 }
398 709 body:not(.elementor-device-mobile) .elementor-control.elementor-control-responsive-mobile {
399 710 display: none;
400 711 }
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;
712 +.elementor-control-custom_css_pro .elementor-nerd-box-message, .elementor-control-custom_attributes_pro .elementor-nerd-box-message {
713 + margin-top: 5px;
403 714 }
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;
715 +.elementor-control.elementor-control-custom_css_title {
716 + font-size: 12px;
410 717 }
411 -.elementor-control-shape_divider_bottom img {
412 - rotate: X 180deg;
413 -}
414 -.elementor-control-custom_css_pro .elementor-nerd-box-message, .elementor-control-custom_attributes_pro .elementor-nerd-box-message {
415 - margin-block-start: 5px;
416 -}
417 718
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);
719 +.elementor-control.e-open .elementor-panel-heading-toggle .eicon:before, .elementor-control.elementor-active .elementor-panel-heading-toggle .eicon:before,
720 +.elementor-panel-category.e-open .elementor-panel-heading-toggle .eicon:before,
721 +.elementor-panel-category.elementor-active .elementor-panel-heading-toggle .eicon:before,
722 +.elementor-panel-scheme-item.e-open .elementor-panel-heading-toggle .eicon:before,
723 +.elementor-panel-scheme-item.elementor-active .elementor-panel-heading-toggle .eicon:before {
724 + content: "\e92a";
424 725 }
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;
726 +.elementor-control:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle .eicon:before,
727 +.elementor-panel-category:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle .eicon:before,
728 +.elementor-panel-scheme-item:not(.e-open):not(.elementor-active) .elementor-panel-heading-toggle .eicon:before {
729 + content: "\e90a";
429 730 }
430 731
431 732 .elementor-panel-heading {
432 733 display: flex;
@@ -431,15 +732,12 @@
431 732 .elementor-panel-heading {
432 733 display: flex;
433 734 align-items: center;
434 735 gap: 5px;
435 - height: 48px;
436 - padding-inline: 20px;
736 + height: 40px;
737 + padding: 0 20px;
437 738 width: 100%;
438 - border: 0;
439 - border-block-start: var(--e-a-border);
440 - border-block-start-width: 2px;
441 - background-color: transparent;
739 + border-top: var(--e-a-border);
442 740 color: var(--e-a-color-txt-accent);
443 741 cursor: pointer;
444 742 }
445 743 .elementor-panel-heading-toggle {
@@ -450,38 +748,11 @@
450 748 }
451 749 .elementor-panel-heading-title {
452 750 font-weight: bold;
453 751 }
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-promotion {
461 - margin-inline-start: auto;
462 -}
463 -.elementor-panel-heading-promotion a {
464 - color: var(--e-a-color-accent-promotion);
465 - font-family: "Roboto", sans-serif;
466 - font-weight: 500;
467 - font-size: 13px;
468 -}
469 -.elementor-panel-heading-promotion a i {
470 - margin-inline-end: 4px;
471 - font-size: 14px;
472 -}
473 -.elementor-panel-heading-promotion a:hover {
474 - color: var(--e-a-color-accent-promotion);
475 -}
476 -.elementor-panel-heading:focus-visible {
477 - color: var(--e-a-color-txt-hover);
478 -}
479 752
480 -#elementor-controls .elementor-control-type-section:first-child .elementor-panel-heading,
481 -#elementor-panel-page-settings-controls .elementor-control-type-section:first-child .elementor-panel-heading,
482 -#elementor-panel-editorPreferences-settings-controls .elementor-control-type-section:first-child .elementor-panel-heading {
483 - border-block-start: none;
753 +#elementor-controls .elementor-control-type-section:first-child .elementor-panel-heading {
754 + border-top: none;
484 755 }
485 756
486 757 .elementor-control-field {
487 758 display: flex;
@@ -493,9 +764,9 @@
493 764 }
494 765 .elementor-label-block > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
495 766 width: 100%;
496 767 max-width: 100%;
497 - margin-block-start: 10px;
768 + margin-top: 10px;
498 769 }
499 770 .elementor-label-block > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper > .elementor-choices label {
500 771 width: auto;
501 772 flex: 1 1 27px;
@@ -503,12 +774,12 @@
503 774 align-items: center;
504 775 justify-content: center;
505 776 }
506 777 .elementor-label-block.elementor-control-hidden-label:not(.elementor-control-dynamic) > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
507 - margin-block-start: 0;
778 + margin-top: 0;
508 779 }
509 780 .elementor-label-block.elementor-control-hidden-label.elementor-label-block > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
510 - margin-block-start: 0;
781 + margin-top: 0;
511 782 }
512 783
513 784 .elementor-label-inline > .elementor-control-content > .elementor-control-field > .elementor-control-title {
514 785 flex-shrink: 0;
@@ -514,26 +785,19 @@
514 785 flex-shrink: 0;
515 786 max-width: 60%;
516 787 }
517 788 .elementor-label-inline > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
518 - margin-inline-start: auto;
789 + margin-left: auto;
519 790 }
520 791
521 792 .elementor-control-field-description {
522 - margin-block-start: 10px;
793 + margin-top: 10px;
523 794 }
524 795
525 796 .elementor-group-control-attachment_alert .elementor-control-field-description {
526 - margin-block-start: 0;
797 + margin-top: 0;
527 798 }
528 799
529 -.elementor-control-start-end .eicon-text-align-left,
530 -.elementor-control-start-end .eicon-text-align-right,
531 -.elementor-control-start-end .eicon-h-align-left,
532 -.elementor-control-start-end .eicon-h-align-right {
533 - scale: calc(1 * var(--direction-multiplier)) 1;
534 -}
535 -
536 800 .elementor-update-preview {
537 801 margin: 15px 15px 0;
538 802 display: flex;
539 803 align-items: center;
@@ -540,13 +804,14 @@
540 804 }
541 805
542 806 .elementor-update-preview-button-wrapper {
543 807 flex-grow: 1;
544 - text-align: end;
808 + text-align: right;
545 809 }
546 810
547 811 .elementor-update-preview-button {
548 812 padding: 8px 15px;
813 + text-transform: uppercase;
549 814 }
550 815
551 816 .elementor-control-direction-ltr input,
552 817 .elementor-control-direction-ltr textarea {
@@ -562,15 +827,15 @@
562 827 --pointer-position: var(--selected-option);
563 828 position: relative;
564 829 width: 2.5em;
565 830 height: 2.5em;
566 - margin: calc(-2.5em + 12px) 0;
567 - margin-inline-end: 5px;
831 + margin: calc( -2.5em + 12px) 0;
832 + margin-right: 5px;
568 833 }
569 834 .elementor-control-responsive-switchers__holder {
570 835 position: absolute;
571 836 width: 100%;
572 - inset-block-start: 0;
837 + top: 0;
573 838 background-color: var(--e-a-bg-default);
574 839 border-radius: var(--e-a-border-radius);
575 840 transition: 0.15s;
576 841 border: 1px solid transparent;
@@ -674,9 +939,9 @@
674 939 }
675 940
676 941 .e-units-wrapper {
677 942 position: relative;
678 - margin-inline-start: auto;
943 + margin-left: auto;
679 944 }
680 945 .e-units-wrapper .e-units-switcher {
681 946 cursor: pointer;
682 947 font-size: 10px;
@@ -713,10 +978,10 @@
713 978 display: none;
714 979 overflow: hidden;
715 980 max-height: 0;
716 981 position: absolute;
717 - inset-block-start: -0.8em;
718 - inset-inline-start: -0.5em;
982 + top: -0.8em;
983 + left: -0.5em;
719 984 width: 2.5em;
720 985 text-align: center;
721 986 background-color: var(--e-a-bg-default);
722 987 border-radius: var(--e-a-border-radius);
@@ -736,8 +1001,14 @@
736 1001 }
737 1002 .e-units-choices .elementor-units-choices-label:hover {
738 1003 color: var(--e-a-color-primary-bold);
739 1004 }
1005 +.e-units-choices .elementor-units-choices-label:not([data-choose=custom]) i {
1006 + display: none;
1007 +}
1008 +.e-units-choices .elementor-units-choices-label[data-choose=custom] span {
1009 + display: none;
1010 +}
740 1011 .e-units-choices.e-units-choices-open {
741 1012 display: block;
742 1013 animation-duration: 1s;
743 1014 animation-name: e-units-choices-open;
@@ -755,21 +1026,10 @@
755 1026 to {
756 1027 max-height: 100vh;
757 1028 }
758 1029 }
759 -.elementor-control-alert {
760 - display: flex;
761 - flex-direction: column;
762 - justify-content: flex-start;
763 - align-items: flex-start;
764 - gap: 8px;
765 -}
766 -.elementor-control-alert-heading {
767 - font-weight: bold;
768 -}
769 -
770 1030 .elementor-control-type-button .elementor-control-input-wrapper {
771 - text-align: end;
1031 + text-align: right;
772 1032 }
773 1033 .elementor-control-type-button .elementor-button {
774 1034 width: auto;
775 1035 }
@@ -791,12 +1051,12 @@
791 1051 border-radius: var(--e-a-border-radius);
792 1052 overflow: hidden;
793 1053 }
794 1054 .elementor-choices .elementor-choices-label {
795 - border-block-start: var(--e-a-border-bold);
796 - border-block-end: var(--e-a-border-bold);
797 - border-inline-start: var(--e-a-border-bold);
798 - border-inline-end: none;
1055 + border-top: var(--e-a-border-bold);
1056 + border-bottom: var(--e-a-border-bold);
1057 + border-left: var(--e-a-border-bold);
1058 + border-right: none;
799 1059 font-size: 12px;
800 1060 transition: var(--e-a-transition-hover);
801 1061 cursor: pointer;
802 1062 overflow: hidden;
@@ -801,15 +1061,15 @@
801 1061 cursor: pointer;
802 1062 overflow: hidden;
803 1063 }
804 1064 .elementor-choices .elementor-choices-label:nth-child(2) {
805 - border-start-start-radius: var(--e-a-border-radius);
806 - border-end-start-radius: var(--e-a-border-radius);
1065 + border-top-left-radius: var(--e-a-border-radius);
1066 + border-bottom-left-radius: var(--e-a-border-radius);
807 1067 }
808 1068 .elementor-choices .elementor-choices-label:last-child {
809 - border-inline-end: var(--e-a-border-bold);
810 - border-start-end-radius: var(--e-a-border-radius);
811 - border-end-end-radius: var(--e-a-border-radius);
1069 + border-right: var(--e-a-border-bold);
1070 + border-top-right-radius: var(--e-a-border-radius);
1071 + border-bottom-right-radius: var(--e-a-border-radius);
812 1072 }
813 1073 .elementor-choices input {
814 1074 display: none;
815 1075 }
@@ -824,23 +1084,13 @@
824 1084 .elementor-label-inline .elementor-choices {
825 1085 justify-content: flex-end;
826 1086 }
827 1087
828 -.elementor-control-type-color.e-control-global .pickr {
829 - border-start-start-radius: 0;
830 - border-start-end-radius: var(--e-a-border-radius);
831 - border-end-start-radius: 0;
832 - border-end-end-radius: var(--e-a-border-radius);
1088 +.elementor-control-type-color.e-control-global .e-global__popover-toggle ~ .pickr {
1089 + border-radius: 0 var(--e-a-border-radius) var(--e-a-border-radius) 0;
833 1090 flex-shrink: 0;
834 1091 border-color: var(--e-a-border-color-bold);
835 - transition: var(--e-a-transition-hover);
836 1092 }
837 -.elementor-control-type-color.e-control-global .pickr:hover {
838 - background-color: var(--e-a-bg-hover);
839 -}
840 -.elementor-control-type-color.e-control-global .e-global__popover-toggle:not(.e-global__popover-toggle--active) ~ .pickr {
841 - background-color: var(--e-a-bg-active-bold);
842 -}
843 1093 .elementor-control-type-color .elementor-control-title {
844 1094 flex-grow: 1;
845 1095 }
846 1096 .elementor-control-type-color .elementor-control-input-wrapper {
@@ -852,10 +1102,10 @@
852 1102 height: 6px;
853 1103 box-shadow: 0 0 1px 1px inset rgba(0, 0, 0, 0.2);
854 1104 }
855 1105 .elementor-group-control-css-filter .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
856 - margin-block-start: 0;
857 - margin-block-end: 5px;
1106 + margin-top: 0;
1107 + margin-bottom: 5px;
858 1108 }
859 1109
860 1110 .elementor-group-control-blur .elementor-slider {
861 1111 background: url("../images/blur.png");
@@ -885,15 +1135,15 @@
885 1135 --pointer-position: var(--selected-option);
886 1136 position: relative;
887 1137 width: 2.5em;
888 1138 height: 2.5em;
889 - margin: calc(-2.5em + 12px) 0;
890 - margin-inline-end: 5px;
1139 + margin: calc( -2.5em + 12px) 0;
1140 + margin-right: 5px;
891 1141 }
892 1142 .elementor-control-responsive-switchers__holder {
893 1143 position: absolute;
894 1144 width: 100%;
895 - inset-block-start: 0;
1145 + top: 0;
896 1146 background-color: var(--e-a-bg-default);
897 1147 border-radius: var(--e-a-border-radius);
898 1148 transition: 0.15s;
899 1149 border: 1px solid transparent;
@@ -997,9 +1247,9 @@
997 1247 }
998 1248
999 1249 .e-units-wrapper {
1000 1250 position: relative;
1001 - margin-inline-start: auto;
1251 + margin-left: auto;
1002 1252 }
1003 1253 .e-units-wrapper .e-units-switcher {
1004 1254 cursor: pointer;
1005 1255 font-size: 10px;
@@ -1036,10 +1286,10 @@
1036 1286 display: none;
1037 1287 overflow: hidden;
1038 1288 max-height: 0;
1039 1289 position: absolute;
1040 - inset-block-start: -0.8em;
1041 - inset-inline-start: -0.5em;
1290 + top: -0.8em;
1291 + left: -0.5em;
1042 1292 width: 2.5em;
1043 1293 text-align: center;
1044 1294 background-color: var(--e-a-bg-default);
1045 1295 border-radius: var(--e-a-border-radius);
@@ -1059,8 +1309,14 @@
1059 1309 }
1060 1310 .e-units-choices .elementor-units-choices-label:hover {
1061 1311 color: var(--e-a-color-primary-bold);
1062 1312 }
1313 +.e-units-choices .elementor-units-choices-label:not([data-choose=custom]) i {
1314 + display: none;
1315 +}
1316 +.e-units-choices .elementor-units-choices-label[data-choose=custom] span {
1317 + display: none;
1318 +}
1063 1319 .e-units-choices.e-units-choices-open {
1064 1320 display: block;
1065 1321 animation-duration: 1s;
1066 1322 animation-name: e-units-choices-open;
@@ -1093,15 +1349,15 @@
1093 1349 width: 100%;
1094 1350 height: 27px;
1095 1351 }
1096 1352 .elementor-control-type-dimensions li input {
1097 - border-inline-start: none;
1353 + border-left: none;
1098 1354 border-radius: 0;
1099 1355 padding: var(--e-a-border-radius);
1100 1356 }
1101 1357 .elementor-control-type-dimensions li input:focus {
1102 - border-inline-start: var(--e-a-border-bold);
1103 - margin-inline-start: -1px;
1358 + border-left: var(--e-a-border-bold);
1359 + margin-left: -1px;
1104 1360 width: calc(100% + 1px);
1105 1361 }
1106 1362 .elementor-control-type-dimensions li input:focus + .elementor-control-dimension-label {
1107 1363 color: var(--e-a-color-txt);
@@ -1107,28 +1363,22 @@
1107 1363 color: var(--e-a-color-txt);
1108 1364 }
1109 1365 .elementor-control-type-dimensions li .elementor-link-dimensions {
1110 1366 border: var(--e-a-border-bold);
1111 - border-inline-start: none;
1367 + border-left: none;
1112 1368 background-color: var(--e-a-bg-default);
1113 1369 padding: 0;
1114 1370 outline: none;
1115 - border-start-start-radius: 0;
1116 - border-start-end-radius: var(--e-a-border-radius);
1117 - border-end-start-radius: 0;
1118 - border-end-end-radius: var(--e-a-border-radius);
1371 + border-radius: 0 var(--e-a-border-radius) var(--e-a-border-radius) 0;
1119 1372 cursor: pointer;
1120 1373 }
1121 1374 .elementor-control-type-dimensions li:first-child input {
1122 - border-inline-start: 1px solid var(--e-a-border-color-bold);
1123 - border-start-start-radius: var(--e-a-border-radius);
1124 - border-start-end-radius: 0;
1125 - border-end-start-radius: var(--e-a-border-radius);
1126 - border-end-end-radius: 0;
1375 + border-left: 1px solid var(--e-a-border-color-bold);
1376 + border-radius: var(--e-a-border-radius) 0 0 var(--e-a-border-radius);
1127 1377 }
1128 1378 .elementor-control-type-dimensions li:first-child input:focus {
1129 1379 border-color: var(--e-a-border-color-focus);
1130 - margin-inline-start: 0;
1380 + margin-left: 0;
1131 1381 width: 100%;
1132 1382 }
1133 1383 .elementor-control-type-dimensions li:last-child {
1134 1384 max-width: 27px;
@@ -1140,9 +1390,9 @@
1140 1390 color: var(--e-a-color-txt-muted);
1141 1391 display: block;
1142 1392 text-align: center;
1143 1393 font-size: 9px;
1144 - padding-block-start: 5px;
1394 + padding-top: 5px;
1145 1395 }
1146 1396 .elementor-control-type-dimensions .elementor-link-dimensions.unlinked {
1147 1397 background-color: var(--e-a-bg-default);
1148 1398 }
@@ -1163,15 +1413,15 @@
1163 1413 --pointer-position: var(--selected-option);
1164 1414 position: relative;
1165 1415 width: 2.5em;
1166 1416 height: 2.5em;
1167 - margin: calc(-2.5em + 12px) 0;
1168 - margin-inline-end: 5px;
1417 + margin: calc( -2.5em + 12px) 0;
1418 + margin-right: 5px;
1169 1419 }
1170 1420 .elementor-control-responsive-switchers__holder {
1171 1421 position: absolute;
1172 1422 width: 100%;
1173 - inset-block-start: 0;
1423 + top: 0;
1174 1424 background-color: var(--e-a-bg-default);
1175 1425 border-radius: var(--e-a-border-radius);
1176 1426 transition: 0.15s;
1177 1427 border: 1px solid transparent;
@@ -1275,9 +1525,9 @@
1275 1525 }
1276 1526
1277 1527 .e-units-wrapper {
1278 1528 position: relative;
1279 - margin-inline-start: auto;
1529 + margin-left: auto;
1280 1530 }
1281 1531 .e-units-wrapper .e-units-switcher {
1282 1532 cursor: pointer;
1283 1533 font-size: 10px;
@@ -1314,10 +1564,10 @@
1314 1564 display: none;
1315 1565 overflow: hidden;
1316 1566 max-height: 0;
1317 1567 position: absolute;
1318 - inset-block-start: -0.8em;
1319 - inset-inline-start: -0.5em;
1568 + top: -0.8em;
1569 + left: -0.5em;
1320 1570 width: 2.5em;
1321 1571 text-align: center;
1322 1572 background-color: var(--e-a-bg-default);
1323 1573 border-radius: var(--e-a-border-radius);
@@ -1337,8 +1587,14 @@
1337 1587 }
1338 1588 .e-units-choices .elementor-units-choices-label:hover {
1339 1589 color: var(--e-a-color-primary-bold);
1340 1590 }
1591 +.e-units-choices .elementor-units-choices-label:not([data-choose=custom]) i {
1592 + display: none;
1593 +}
1594 +.e-units-choices .elementor-units-choices-label[data-choose=custom] span {
1595 + display: none;
1596 +}
1341 1597 .e-units-choices.e-units-choices-open {
1342 1598 display: block;
1343 1599 animation-duration: 1s;
1344 1600 animation-name: e-units-choices-open;
@@ -1371,15 +1627,15 @@
1371 1627 width: 100%;
1372 1628 height: 27px;
1373 1629 }
1374 1630 .elementor-control-type-gaps li input {
1375 - border-inline-start: none;
1631 + border-left: none;
1376 1632 border-radius: 0;
1377 1633 padding: var(--e-a-border-radius);
1378 1634 }
1379 1635 .elementor-control-type-gaps li input:focus {
1380 - border-inline-start: var(--e-a-border-bold);
1381 - margin-inline-start: -1px;
1636 + border-left: var(--e-a-border-bold);
1637 + margin-left: -1px;
1382 1638 width: calc(100% + 1px);
1383 1639 }
1384 1640 .elementor-control-type-gaps li input:focus + .elementor-control-gap-label {
1385 1641 color: var(--e-a-color-txt);
@@ -1385,28 +1641,22 @@
1385 1641 color: var(--e-a-color-txt);
1386 1642 }
1387 1643 .elementor-control-type-gaps li .elementor-link-gaps {
1388 1644 border: var(--e-a-border-bold);
1389 - border-inline-start: none;
1645 + border-left: none;
1390 1646 background-color: var(--e-a-bg-default);
1391 1647 padding: 0;
1392 1648 outline: none;
1393 - border-start-start-radius: 0;
1394 - border-start-end-radius: var(--e-a-border-radius);
1395 - border-end-start-radius: 0;
1396 - border-end-end-radius: var(--e-a-border-radius);
1649 + border-radius: 0 var(--e-a-border-radius) var(--e-a-border-radius) 0;
1397 1650 cursor: pointer;
1398 1651 }
1399 1652 .elementor-control-type-gaps li:first-child input {
1400 - border-inline-start: 1px solid var(--e-a-border-color-bold);
1401 - border-start-start-radius: var(--e-a-border-radius);
1402 - border-start-end-radius: 0;
1403 - border-end-start-radius: var(--e-a-border-radius);
1404 - border-end-end-radius: 0;
1653 + border-left: 1px solid var(--e-a-border-color-bold);
1654 + border-radius: var(--e-a-border-radius) 0 0 var(--e-a-border-radius);
1405 1655 }
1406 1656 .elementor-control-type-gaps li:first-child input:focus {
1407 1657 border-color: var(--e-a-border-color-focus);
1408 - margin-inline-start: 0;
1658 + margin-left: 0;
1409 1659 width: 100%;
1410 1660 }
1411 1661 .elementor-control-type-gaps li:last-child {
1412 1662 max-width: 27px;
@@ -1418,9 +1668,9 @@
1418 1668 color: var(--e-a-color-txt-muted);
1419 1669 display: block;
1420 1670 text-align: center;
1421 1671 font-size: 9px;
1422 - padding-block-start: 5px;
1672 + padding-top: 5px;
1423 1673 }
1424 1674 .elementor-control-type-gaps .elementor-link-gaps.unlinked {
1425 1675 background-color: var(--e-a-bg-default);
1426 1676 }
@@ -1437,11 +1687,11 @@
1437 1687 }
1438 1688
1439 1689 .elementor-control-type-icons .elementor-control-media__preview > * {
1440 1690 position: absolute;
1441 - inset-block-start: 50%;
1442 - inset-inline-start: 50%;
1443 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
1691 + top: 50%;
1692 + left: 50%;
1693 + transform: translate(-50%, -50%);
1444 1694 }
1445 1695 .elementor-control-type-icons .elementor-control-media__preview i {
1446 1696 font-size: 70px;
1447 1697 }
@@ -1458,10 +1708,10 @@
1458 1708 }
1459 1709 .elementor-control-type-gallery .elementor-control-gallery-status {
1460 1710 font-size: 12px;
1461 1711 height: 27px;
1462 - padding-inline-start: 10px;
1463 - border-block-end: var(--e-a-border-bold);
1712 + padding-left: 10px;
1713 + border-bottom: var(--e-a-border-bold);
1464 1714 display: flex;
1465 1715 }
1466 1716 .elementor-control-type-gallery .elementor-control-gallery-status > * {
1467 1717 display: flex;
@@ -1473,8 +1723,11 @@
1473 1723 .elementor-control-type-gallery .elementor-control-gallery-content {
1474 1724 position: relative;
1475 1725 overflow: hidden;
1476 1726 }
1727 +.elementor-control-type-gallery .elementor-control-gallery-content:not(:hover) .elementor-control-gallery-edit {
1728 + opacity: 0;
1729 +}
1477 1730 .elementor-control-type-gallery .elementor-control-gallery-thumbnails {
1478 1731 display: grid;
1479 1732 grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
1480 1733 grid-gap: 10px;
@@ -1480,25 +1733,21 @@
1480 1733 grid-gap: 10px;
1481 1734 cursor: pointer;
1482 1735 padding: 10px;
1483 1736 }
1484 -.elementor-control-type-gallery .elementor-control-gallery-thumbnails:hover + .elementor-control-gallery-edit, .elementor-control-type-gallery .elementor-control-gallery-thumbnails:focus + .elementor-control-gallery-edit {
1485 - opacity: 1;
1486 -}
1487 1737 .elementor-control-type-gallery .elementor-control-gallery-thumbnail {
1488 1738 width: 48px;
1489 1739 height: 48px;
1490 - -o-object-fit: cover;
1491 - object-fit: cover;
1740 + background-size: cover;
1741 + background-position: 50% 50%;
1492 1742 border: var(--e-a-border);
1493 1743 }
1494 -.elementor-control-type-gallery .elementor-control-gallery-thumbnail + .unoptimized__image {
1495 - outline: 2px solid var(--e-a-btn-bg-danger-active);
1496 - opacity: 0.6;
1497 -}
1498 1744 .elementor-control-type-gallery .elementor-control-gallery-edit {
1499 1745 position: absolute;
1500 - inset: 0;
1746 + top: 0;
1747 + bottom: 0;
1748 + left: 0;
1749 + right: 0;
1501 1750 background-color: rgba(0, 0, 0, 0.2);
1502 1751 padding: 10px;
1503 1752 font-size: 11px;
1504 1753 transition: all 0.3s ease-in-out;
@@ -1503,14 +1752,14 @@
1503 1752 font-size: 11px;
1504 1753 transition: all 0.3s ease-in-out;
1505 1754 pointer-events: none;
1506 1755 cursor: pointer;
1507 - opacity: 0;
1756 + opacity: 1;
1508 1757 }
1509 1758 .elementor-control-type-gallery .elementor-control-gallery-edit span {
1510 1759 position: absolute;
1511 - inset-block-start: 10px;
1512 - inset-inline-end: 10px;
1760 + top: 10px;
1761 + right: 10px;
1513 1762 width: 21px;
1514 1763 height: 21px;
1515 1764 color: var(--e-a-color-white);
1516 1765 background-color: rgba(0, 0, 0, 0.5);
@@ -1543,24 +1792,21 @@
1543 1792 .elementor-control-type-gallery.elementor-gallery-has-images .elementor-control-gallery-add {
1544 1793 display: none;
1545 1794 }
1546 1795 .elementor-control-type-gallery.elementor-control-dynamic .elementor-control-gallery-clear {
1547 - border-inline-start: var(--e-a-border);
1796 + border-left: var(--e-a-border);
1548 1797 }
1549 1798 .elementor-control-type-gallery .elementor-control-gallery-clear {
1550 - color: currentColor;
1551 - background-color: transparent;
1552 - border: none;
1553 1799 cursor: pointer;
1554 1800 justify-content: center;
1555 1801 }
1556 -.elementor-control-type-gallery .elementor-control-gallery-clear:hover, .elementor-control-type-gallery .elementor-control-gallery-clear:focus {
1802 +.elementor-control-type-gallery .elementor-control-gallery-clear:hover {
1557 1803 color: var(--e-a-color-danger);
1558 1804 }
1559 1805 .elementor-control-type-gallery .elementor-control-dynamic-switcher {
1560 1806 border-width: 0;
1561 1807 border-inline-start-width: 1px;
1562 - border-block-end-width: 1px;
1808 + border-bottom-width: 1px;
1563 1809 border-radius: 0;
1564 1810 }
1565 1811
1566 1812 .e-global__popover {
@@ -1566,49 +1812,43 @@
1566 1812 .e-global__popover {
1567 1813 width: 288px;
1568 1814 z-index: 1;
1569 1815 font-size: 12px;
1570 - padding-inline-start: 10px;
1816 + padding-left: 10px;
1571 1817 }
1572 1818 .e-global__popover-toggle {
1573 1819 border: var(--e-a-border-bold);
1574 - border-inline-end: 0;
1575 - border-start-start-radius: 3px;
1576 - border-start-end-radius: 0;
1577 - border-end-start-radius: 3px;
1578 - border-end-end-radius: 0;
1820 + border-right: 0;
1821 + border-radius: 3px 0 0 3px;
1579 1822 display: flex;
1580 1823 align-items: center;
1581 1824 justify-content: center;
1582 1825 cursor: pointer;
1583 - transition: var(--e-a-transition-hover);
1584 1826 }
1585 -.e-global__popover-toggle:hover {
1586 - background-color: var(--e-a-bg-hover);
1587 -}
1588 1827 .e-global__popover-toggle--active {
1589 1828 color: var(--e-a-color-primary-bold);
1590 - background-color: var(--e-a-bg-active-bold);
1829 + background-color: var(--e-a-bg-active);
1591 1830 }
1592 1831 .e-global__popover-container {
1593 1832 box-shadow: var(--e-a-popover-shadow);
1594 1833 border-radius: var(--e-a-border-radius);
1595 1834 background-color: var(--e-a-bg-default);
1835 + padding-bottom: 5px;
1596 1836 }
1597 1837 .e-global__popover-title {
1598 1838 padding: 15px 20px;
1599 1839 font-weight: 500;
1600 - border-block-end: var(--e-a-border);
1840 + border-bottom: var(--e-a-border);
1601 1841 display: flex;
1602 1842 }
1603 1843 .e-global__popover-title > i {
1604 - margin-inline-end: 5px;
1844 + margin-right: 5px;
1605 1845 }
1606 1846 .e-global__popover-title-text {
1607 1847 flex-grow: 1;
1608 1848 }
1609 1849 .e-global__popover-info {
1610 - margin-inline-end: 10px;
1850 + margin-right: 5px;
1611 1851 display: inline-block;
1612 1852 }
1613 1853 .e-global__popover-info-tooltip {
1614 1854 width: 270px;
@@ -1620,20 +1860,20 @@
1620 1860 }
1621 1861 .e-global__popover-info-tooltip:after {
1622 1862 content: "";
1623 1863 position: absolute;
1624 - inset-block-end: -17px;
1625 - inset-inline-start: 16px;
1864 + bottom: -17px;
1865 + left: 16px;
1626 1866 border: 10px solid transparent;
1627 - border-block-start-color: rgba(0, 0, 0, 0.9);
1867 + border-top-color: rgba(0, 0, 0, 0.9);
1628 1868 }
1629 1869 .e-global__popover-info i {
1630 1870 font-size: 13px;
1631 1871 }
1632 1872 .e-global__preview-items-container {
1633 - max-height: 400px;
1873 + max-height: 260px;
1634 1874 overflow-y: auto;
1635 - padding: 5px 0;
1875 + margin-top: 5px;
1636 1876 }
1637 1877 .e-global__preview-items-container::-webkit-scrollbar {
1638 1878 width: 7px;
1639 1879 }
@@ -1640,26 +1880,14 @@
1640 1880 .e-global__preview-items-container::-webkit-scrollbar-thumb {
1641 1881 background-color: #BABFC5;
1642 1882 border-radius: 10px;
1643 1883 }
1644 -.e-global__group-header {
1645 - padding: 12px 20px 5px;
1646 - font-weight: 500;
1647 - font-size: 11px;
1648 - color: var(--e-a-color-txt-muted);
1649 -}
1650 -.e-global__group-divider {
1651 - height: 1px;
1652 - background-color: var(--e-a-border-color);
1653 - margin: 10px 20px;
1654 -}
1655 1884 .e-global__manage-button {
1656 1885 font-weight: 500;
1657 1886 cursor: pointer;
1658 1887 }
1659 1888 .e-global__typography {
1660 - padding-block: 10px;
1661 - padding-inline: 35px 20px;
1889 + padding: 5px 10px 5px 35px;
1662 1890 white-space: nowrap;
1663 1891 text-overflow: ellipsis;
1664 1892 overflow: hidden;
1665 1893 }
@@ -1668,34 +1896,44 @@
1668 1896 font-size: 13px;
1669 1897 content: "\e90e";
1670 1898 position: absolute;
1671 1899 transform: translateY(-50%);
1672 - inset-block-start: 50%;
1673 - inset-inline-start: 13px;
1900 + top: 50%;
1901 + left: 12px;
1674 1902 }
1675 1903 .e-global__color {
1676 - padding: 10px 20px;
1904 + margin: 5px auto;
1905 + padding: 5px 20px;
1677 1906 display: flex;
1678 1907 align-items: center;
1679 1908 }
1909 +.e-global__color:first-child {
1910 + margin-top: 5px;
1911 +}
1912 +.e-global__color:last-child {
1913 + margin-bottom: 10px;
1914 +}
1680 1915 .e-global__color-preview-container {
1681 1916 height: 20px;
1682 1917 width: 20px;
1683 1918 border-radius: 3px;
1684 1919 border: 1px solid rgba(0, 0, 0, 0.1);
1685 - margin-inline-end: 10px;
1920 + margin-right: 10px;
1686 1921 flex-shrink: 0;
1687 1922 position: relative;
1688 1923 }
1689 1924 .e-global__color-preview-color, .e-global__color-preview-transparent-bg {
1690 1925 border-radius: 3px;
1926 + height: 100%;
1927 + width: 100%;
1691 1928 position: absolute;
1692 - inset: 0;
1929 + top: 0;
1930 + left: 0;
1693 1931 }
1694 1932 .e-global__color-preview-transparent-bg {
1695 1933 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));
1696 1934 background-size: 12px 12px;
1697 - background-position: 0 0, calc(12px / 2) calc(12px / 2);
1935 + background-position: 0 0, calc( 12px / 2 ) calc( 12px / 2 );
1698 1936 }
1699 1937 .e-global__color-title {
1700 1938 flex-grow: 1;
1701 1939 white-space: nowrap;
@@ -1700,9 +1938,9 @@
1700 1938 flex-grow: 1;
1701 1939 white-space: nowrap;
1702 1940 text-overflow: ellipsis;
1703 1941 overflow: hidden;
1704 - padding-inline-end: 10px;
1942 + padding-right: 10px;
1705 1943 }
1706 1944 .e-global__color-hex {
1707 1945 font-size: 10px;
1708 1946 color: var(--e-a-color-txt-muted);
@@ -1754,14 +1992,12 @@
1754 1992 max-width: 135px;
1755 1993 width: 100%;
1756 1994 }
1757 1995 .e-control-global.elementor-control .elementor-control-input-wrapper {
1758 - display: flex;
1759 - flex-direction: row;
1760 - align-items: stretch;
1996 + direction: ltr;
1761 1997 }
1762 1998 .e-control-global .elementor-control-spinner {
1763 - margin-inline-end: 4px;
1999 + margin-right: 4px;
1764 2000 }
1765 2001
1766 2002 .elementor-control-type-hidden {
1767 2003 display: none !important;
@@ -1767,9 +2003,9 @@
1767 2003 display: none !important;
1768 2004 }
1769 2005
1770 2006 .elementor-control-type-icon .select2-selection__rendered .eicon {
1771 - margin-inline-end: 3px;
2007 + margin-right: 3px;
1772 2008 }
1773 2009
1774 2010 .elementor-control-type-image_dimensions .elementor-control-field-description {
1775 2011 margin: 0 0 15px;
@@ -1787,19 +2023,19 @@
1787 2023 }
1788 2024 .elementor-control-type-image_dimensions .elementor-image-dimensions-separator {
1789 2025 width: 20px;
1790 2026 text-align: center;
1791 - padding-block-start: 4px;
2027 + padding-top: 4px;
1792 2028 }
1793 2029 .elementor-control-type-image_dimensions .elementor-image-dimensions-field-description {
1794 2030 display: block;
1795 - margin-block-start: 5px;
2031 + margin-top: 5px;
1796 2032 color: var(--e-a-color-txt-disabled);
1797 2033 font-size: 10px;
1798 2034 text-align: center;
1799 2035 }
1800 2036 .elementor-control-type-image_dimensions .elementor-image-dimensions-apply-button {
1801 - margin-inline-start: auto;
2037 + margin-left: auto;
1802 2038 }
1803 2039
1804 2040 .elementor-control-media.e-media-empty .elementor-control-media-area .elementor-control-media__remove, .elementor-control-media.e-media-empty .elementor-control-media-area .elementor-control-media__content__remove {
1805 2041 display: none;
@@ -1811,11 +2047,11 @@
1811 2047 display: none;
1812 2048 }
1813 2049 .elementor-control-media .eicon-plus-circle {
1814 2050 position: absolute;
1815 - inset-block-start: 50%;
1816 - inset-inline-start: 50%;
1817 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
2051 + top: 50%;
2052 + left: 50%;
2053 + transform: translate(-50%, -50%);
1818 2054 color: var(--e-a-color-white);
1819 2055 font-size: 20px;
1820 2056 }
1821 2057 .elementor-control-media__content__upload-button {
@@ -1824,13 +2060,14 @@
1824 2060 .elementor-control-media__preview {
1825 2061 height: 100%;
1826 2062 background-size: cover;
1827 2063 background-position: center;
2064 + padding-bottom: 42.8571%;
1828 2065 }
1829 2066 .elementor-control-media-area {
1830 2067 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));
1831 2068 background-size: 16px 16px;
1832 - background-position: 0 0, calc(16px / 2) calc(16px / 2);
2069 + background-position: 0 0, calc( 16px / 2 ) calc( 16px / 2 );
1833 2070 background-color: var(--e-a-bg-default);
1834 2071 border: var(--e-a-border-bold);
1835 2072 aspect-ratio: 21/9;
1836 2073 }
@@ -1838,11 +2075,11 @@
1838 2075 display: none;
1839 2076 }
1840 2077 .elementor-control-media-area .eicon-video-camera {
1841 2078 position: absolute;
1842 - inset-block-start: 50%;
1843 - inset-inline-start: 50%;
1844 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
2079 + top: 50%;
2080 + left: 50%;
2081 + transform: translate(-50%, -50%);
1845 2082 color: rgba(255, 255, 255, 0.7);
1846 2083 font-size: 21px;
1847 2084 }
1848 2085 .elementor-control-media .elementor-control-media__content {
@@ -1853,14 +2090,17 @@
1853 2090 }
1854 2091 .elementor-control-media .elementor-control-media__content:hover:after {
1855 2092 content: "";
1856 2093 position: absolute;
1857 - inset: 0;
2094 + top: 0;
2095 + bottom: 0;
2096 + left: 0;
2097 + right: 0;
1858 2098 background-color: rgba(0, 0, 0, 0.2);
1859 2099 pointer-events: none;
1860 2100 }
1861 2101 .elementor-control-media .elementor-control-media__content:not(:hover) .elementor-control-media__tools {
1862 - inset-block-end: -30px;
2102 + bottom: -30px;
1863 2103 }
1864 2104 .elementor-control-media__content {
1865 2105 transition: all 0.2s ease-in-out;
1866 2106 }
@@ -1865,15 +2105,16 @@
1865 2105 transition: all 0.2s ease-in-out;
1866 2106 }
1867 2107 .elementor-control-media__tools {
1868 2108 position: absolute;
1869 - inset-block-end: 0;
1870 - inset-inline: 0;
2109 + bottom: 0;
2110 + left: 0;
2111 + right: 0;
1871 2112 height: 27px;
1872 2113 transition: all 0.2s ease-in-out;
1873 2114 }
1874 2115 .elementor-control-media__tools > *:not(:first-child) {
1875 - margin-inline-start: 1px;
2116 + margin-left: 1px;
1876 2117 }
1877 2118 .elementor-control-media__tool {
1878 2119 display: flex;
1879 2120 align-items: center;
@@ -1895,10 +2136,10 @@
1895 2136 }
1896 2137 .elementor-control-media__content__remove {
1897 2138 position: absolute;
1898 2139 z-index: 1;
1899 - inset-block-start: 10px;
1900 - inset-inline-end: 10px;
2140 + top: 10px;
2141 + right: 10px;
1901 2142 width: 20px;
1902 2143 height: 20px;
1903 2144 font-size: 11px;
1904 2145 color: var(--e-a-color-white);
@@ -1912,24 +2153,18 @@
1912 2153 }
1913 2154 .elementor-control-media.e-media-empty .elementor-control-file-area {
1914 2155 display: none;
1915 2156 }
1916 -.elementor-control-media__warnings:empty {
1917 - display: none;
1918 -}
1919 -.elementor-control-media__warnings:not(:empty) {
1920 - margin-block-start: 10px;
1921 -}
1922 2157 .elementor-control-media__file {
1923 2158 display: flex;
1924 2159 justify-content: space-between;
1925 2160 align-items: center;
1926 2161 width: 100%;
1927 - margin-block-start: 10px;
2162 + margin-top: 10px;
1928 2163 border: var(--e-a-border);
1929 2164 }
1930 2165 .elementor-control-media__file__content {
1931 - padding-inline-start: 5px;
2166 + padding-left: 5px;
1932 2167 font-size: 12px;
1933 2168 }
1934 2169 .elementor-control-media__file__content__label {
1935 2170 color: #9DA5AE;
@@ -1939,13 +2174,13 @@
1939 2174 align-items: center;
1940 2175 font-weight: 500;
1941 2176 }
1942 2177 .elementor-control-media__file__content__info__icon {
1943 - margin-inline-end: 5px;
2178 + margin-right: 5px;
1944 2179 }
1945 2180 .elementor-control-media__file__controls {
1946 2181 display: flex;
1947 - border-inline-start: var(--e-a-border);
2182 + border-left: var(--e-a-border);
1948 2183 }
1949 2184 .elementor-control-media__file__controls__upload-button, .elementor-control-media__file__controls__remove {
1950 2185 width: 27px;
1951 2186 height: 27px;
@@ -1956,9 +2191,9 @@
1956 2191 display: flex;
1957 2192 justify-content: center;
1958 2193 }
1959 2194 .elementor-control-media__file__controls__remove {
1960 - border-inline-end: var(--e-a-border);
2195 + border-right: var(--e-a-border);
1961 2196 }
1962 2197 .elementor-control-media:not(.e-media-empty) .elementor-control-media__file__content__label {
1963 2198 display: none;
1964 2199 }
@@ -1981,12 +2216,12 @@
1981 2216 .elementor-control-media .e-control-image-size {
1982 2217 display: flex;
1983 2218 flex-direction: column;
1984 2219 width: 100%;
1985 - padding-block-start: 20px;
2220 + padding-top: 20px;
1986 2221 }
1987 2222 .elementor-control-media .e-control-image-size .elementor-control-input-wrapper {
1988 - margin-inline-start: auto;
2223 + margin-left: auto;
1989 2224 }
1990 2225
1991 2226 .elementor-control-type-media.elementor-control-dynamic-value .elementor-control-input-wrapper {
1992 2227 border: none;
@@ -1995,79 +2230,8 @@
1995 2230 .elementor-control:not(.elementor-control-type-icons) .elementor-control-media__preview {
1996 2231 background-color: var(--e-a-bg-active-bold);
1997 2232 }
1998 2233
1999 -.elementor-control-notice {
2000 - display: flex;
2001 - justify-content: flex-start;
2002 - align-items: flex-start;
2003 - gap: 8px;
2004 - padding: 16px;
2005 - border-radius: 3px;
2006 - border: 1px solid var(--notice-control-color, var(--e-a-color-txt));
2007 - color: var(--e-a-color-txt);
2008 - font-size: 12px;
2009 - font-weight: 400;
2010 - line-height: 1.5;
2011 - text-align: start;
2012 - margin-block-start: 10px;
2013 -}
2014 -.elementor-control-notice-type-info {
2015 - --notice-control-color: var(--e-a-color-info);
2016 -}
2017 -.elementor-control-notice-type-success {
2018 - --notice-control-color: var(--e-a-color-success);
2019 -}
2020 -.elementor-control-notice-type-warning {
2021 - --notice-control-color: var(--e-a-color-warning);
2022 -}
2023 -.elementor-control-notice-type-danger {
2024 - --notice-control-color: var(--e-a-color-danger);
2025 -}
2026 -.elementor-control-notice-icon {
2027 - flex-basis: 18px;
2028 - color: var(--notice-control-color);
2029 -}
2030 -.elementor-control-notice-main {
2031 - display: flex;
2032 - flex-direction: column;
2033 - justify-content: flex-start;
2034 - align-items: flex-start;
2035 - gap: 6px;
2036 - flex: 1;
2037 -}
2038 -.elementor-control-notice-main-heading {
2039 - font-weight: 700;
2040 - font-style: italic;
2041 -}
2042 -.elementor-control-notice-main-content {
2043 - font-style: italic;
2044 - line-height: 1.5;
2045 -}
2046 -.elementor-control-notice-main-actions {
2047 - display: flex;
2048 - gap: 10px;
2049 - padding-block-start: 8px;
2050 -}
2051 -.elementor-control-notice-main a {
2052 - color: inherit;
2053 - font-weight: 700;
2054 - cursor: pointer;
2055 -}
2056 -.elementor-control-notice-main a:hover, .elementor-control-notice-main a:focus {
2057 - color: inherit;
2058 -}
2059 -.elementor-control-notice-dismiss {
2060 - -webkit-appearance: none;
2061 - -moz-appearance: none;
2062 - appearance: none;
2063 - background-color: transparent;
2064 - border: 0;
2065 - padding: 0;
2066 - margin: 0;
2067 - cursor: pointer;
2068 -}
2069 -
2070 2234 .elementor-control-type-popover_toggle input {
2071 2235 display: none;
2072 2236 }
2073 2237 .elementor-control-type-popover_toggle label {
@@ -2073,97 +2237,87 @@
2073 2237 .elementor-control-type-popover_toggle label {
2074 2238 cursor: pointer;
2075 2239 }
2076 2240 .elementor-control-type-popover_toggle .elementor-control-input-wrapper {
2077 - display: flex;
2078 - flex-direction: row-reverse;
2079 - align-items: center;
2241 + direction: rtl;
2080 2242 }
2081 2243 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle:checked + .elementor-control-popover-toggle-toggle-label {
2082 2244 color: var(--e-a-color-txt-active);
2083 - background-color: var(--e-a-bg-active-bold);
2245 + background-color: var(--e-a-bg-active);
2084 2246 }
2085 2247 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle:not(:checked) ~ .elementor-control-popover-toggle-reset-label {
2086 2248 display: none;
2087 2249 }
2250 +.elementor-control-type-popover_toggle .elementor-control-popover-toggle-reset-label {
2251 + color: var(--e-a-color-txt-muted);
2252 + margin-right: 5px;
2253 +}
2254 +.elementor-control-type-popover_toggle .elementor-control-popover-toggle-reset-label:hover {
2255 + color: var(--e-a-color-txt);
2256 +}
2088 2257 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle-label {
2089 2258 height: 27px;
2090 2259 display: inline-flex;
2091 2260 align-items: center;
2092 2261 justify-content: center;
2093 - border-radius: var(--e-a-border-radius);
2262 + border-radius: 3px;
2094 2263 border: var(--e-a-border-bold);
2095 - transition: var(--e-a-transition-hover);
2096 2264 }
2097 -.elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle-label:hover {
2098 - background-color: var(--e-a-bg-hover);
2099 -}
2100 -.elementor-control-type-popover_toggle .elementor-control-popover-toggle-reset-label {
2101 - color: var(--e-a-color-txt-muted);
2102 - margin-inline-end: 5px;
2103 -}
2104 -.elementor-control-type-popover_toggle .elementor-control-popover-toggle-reset-label:hover {
2105 - color: var(--e-a-color-txt);
2106 -}
2107 2265
2108 2266 .elementor-controls-popover.e-controls-popover--typography {
2109 - padding-block-start: 0;
2267 + padding-top: 0;
2110 2268 }
2111 2269
2112 2270 .e-control-global .elementor-control-popover-toggle-toggle-label {
2113 - border-start-start-radius: 0;
2114 - border-start-end-radius: var(--e-a-border-radius);
2115 - border-end-start-radius: 0;
2116 - border-end-end-radius: var(--e-a-border-radius);
2271 + border-radius: 0 var(--e-a-border-radius) var(--e-a-border-radius) 0;
2117 2272 flex-shrink: 0;
2118 2273 }
2119 2274
2120 2275 .elementor-control-type-repeater .elementor-control:not(.elementor-control-type-tab) {
2121 - padding-inline-start: 10px;
2122 - padding-inline-end: 10px;
2123 - padding-block-end: 10px;
2276 + padding-right: 10px;
2277 + padding-left: 10px;
2278 + padding-bottom: 10px;
2124 2279 }
2125 2280 .elementor-control-type-repeater.elementor-repeater-has-minimum-rows .elementor-repeater-tool-remove {
2126 2281 display: none;
2127 2282 }
2128 -.elementor-control-type-repeater.elementor-repeater-has-maximum-rows .elementor-repeater-tool-duplicate,
2129 -.elementor-control-type-repeater.elementor-repeater-has-maximum-rows .elementor-repeater-add {
2130 - display: none;
2131 -}
2132 2283 .elementor-control-type-repeater .elementor-repeater-fields {
2133 2284 margin: 10px 0;
2134 2285 }
2135 2286 .elementor-control-type-repeater .elementor-repeater-row-controls {
2136 2287 border: var(--e-a-border-bold);
2137 - border-block-start-width: 0;
2138 - padding-block-start: 15px;
2288 + border-top-width: 0;
2289 + padding-top: 15px;
2139 2290 }
2140 2291 .elementor-control-type-repeater .elementor-repeater-row-controls:not(.editable) {
2141 2292 display: none;
2142 2293 }
2143 2294 .elementor-control-type-repeater .elementor-repeater-row-tools {
2144 - display: flex;
2145 - align-items: center;
2295 + display: table;
2296 + table-layout: fixed;
2146 2297 width: 100%;
2147 - border: 1px solid var(--e-a-border-color-bold);
2148 - transition: var(--e-a-transition-hover);
2298 + background-color: var(--e-a-border-color-bold);
2299 + height: 40px;
2300 + border-spacing: 1px;
2301 + transition: all 0.5s;
2149 2302 }
2150 -.elementor-control-type-repeater .elementor-repeater-row-tools > button {
2151 - display: flex;
2152 - align-items: center;
2153 - justify-content: center;
2154 - height: 40px;
2155 - border: none;
2156 - background-color: transparent;
2157 - color: currentColor;
2303 +.elementor-control-type-repeater .elementor-repeater-row-tools:hover {
2304 + background-color: var(--e-a-border-color-focus);
2305 +}
2306 +.elementor-control-type-repeater .elementor-repeater-row-tools > div {
2307 + display: table-cell;
2308 + text-align: center;
2309 + vertical-align: middle;
2158 2310 cursor: pointer;
2159 2311 }
2160 -.elementor-control-type-repeater .elementor-repeater-row-tools > button:hover, .elementor-control-type-repeater .elementor-repeater-row-tools > button:focus {
2312 +.elementor-control-type-repeater .elementor-repeater-row-tools > div:not(.elementor-repeater-row-handle-sortable) {
2313 + background-color: var(--e-a-bg-default);
2314 +}
2315 +.elementor-control-type-repeater .elementor-repeater-row-tools > div:hover {
2161 2316 background-color: var(--e-a-bg-hover);
2162 2317 }
2163 2318 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title {
2164 - flex: 1;
2165 - justify-content: flex-start;
2319 + text-align: left;
2166 2320 padding: 0 10px;
2167 2321 font-size: var(--control-title-size);
2168 2322 white-space: nowrap;
2169 2323 text-overflow: ellipsis;
@@ -2171,9 +2325,9 @@
2171 2325 }
2172 2326 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title .eicon,
2173 2327 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title i,
2174 2328 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title svg {
2175 - margin-inline-end: 5px;
2329 + margin-right: 5px;
2176 2330 }
2177 2331 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title img[src$=svg] {
2178 2332 width: 1em;
2179 2333 }
@@ -2178,24 +2332,21 @@
2178 2332 width: 1em;
2179 2333 }
2180 2334 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-tool {
2181 2335 width: 40px;
2182 - border-inline-start: 1px solid var(--e-a-border-color-bold);
2183 2336 }
2184 2337 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-handle-sortable {
2338 + cursor: move;
2185 2339 width: 10px;
2186 - border-inline-end: 1px solid var(--e-a-border-color-bold);
2187 - cursor: move;
2340 + color: #fff;
2188 2341 }
2189 2342 .elementor-control-type-repeater .elementor-button-wrapper {
2190 2343 text-align: center;
2191 - padding-block-start: 5px;
2344 + padding-top: 5px;
2192 2345 }
2193 2346
2194 -#elementor-controls,
2195 -#elementor-panel-page-settings-controls,
2196 -#elementor-panel-editorPreferences-settings-controls {
2197 - padding-block-start: 15px;
2347 +#elementor-controls {
2348 + padding-top: 15px;
2198 2349 }
2199 2350
2200 2351 .elementor-control-type-section {
2201 2352 padding: 0;
@@ -2200,16 +2351,13 @@
2200 2351 .elementor-control-type-section {
2201 2352 padding: 0;
2202 2353 }
2203 2354 .elementor-control-type-section.e-open {
2204 - padding-block-end: 10px;
2355 + padding-bottom: 10px;
2205 2356 }
2206 2357 .elementor-control-type-section + .elementor-control:not(.elementor-control-type-section):before {
2207 2358 display: none;
2208 2359 }
2209 -.elementor-control-type-section:not(:first-child):not(.elementor-control-type-section + .elementor-control-type-section) {
2210 - margin-block-start: 25px;
2211 -}
2212 2360
2213 2361 .elementor-control-type-select .elementor-control-input-wrapper {
2214 2362 position: relative;
2215 2363 }
@@ -2224,10 +2372,10 @@
2224 2372 text-transform: inherit;
2225 2373 letter-spacing: inherit;
2226 2374 line-height: inherit;
2227 2375 flex-basis: 100%;
2228 - padding-inline-start: 5px;
2229 - padding-inline-end: 20px;
2376 + padding-left: 5px;
2377 + padding-right: 20px;
2230 2378 cursor: pointer;
2231 2379 }
2232 2380 .elementor-control-type-select .elementor-control-input-wrapper select.e-select-placeholder {
2233 2381 color: var(--e-a-color-txt-disabled);
@@ -2239,19 +2387,16 @@
2239 2387 font-family: eicons;
2240 2388 content: "\e8ad";
2241 2389 font-size: 12px;
2242 2390 position: absolute;
2243 - inset-block-start: 50%;
2244 - inset-inline-end: 5px;
2391 + top: 50%;
2245 2392 transform: translateY(-50%);
2393 + right: 5px;
2246 2394 pointer-events: none;
2247 2395 }
2248 -.elementor-control-type-select .elementor-control-field.elementor-control-field-select-small .elementor-control-input-wrapper {
2249 - max-width: 80px;
2250 -}
2251 2396
2252 2397 .elementor-shadow-box .elementor-shadow-slider {
2253 - margin-block-start: 10px;
2398 + margin-top: 10px;
2254 2399 }
2255 2400 .elementor-shadow-box .elementor-color-picker-wrapper .elementor-control-title {
2256 2401 flex-grow: 1;
2257 2402 }
@@ -2256,12 +2401,9 @@
2256 2401 flex-grow: 1;
2257 2402 }
2258 2403
2259 2404 .elementor-control-type-slider.elementor-control-dynamic input {
2260 - border-start-start-radius: var(--e-a-border-radius);
2261 - border-start-end-radius: 0;
2262 - border-end-start-radius: var(--e-a-border-radius);
2263 - border-end-end-radius: 0;
2405 + border-radius: var(--e-a-border-radius) 0 0 var(--e-a-border-radius);
2264 2406 }
2265 2407 .elementor-control-type-slider .elementor-control-unit-2 {
2266 2408 width: 21%;
2267 2409 }
@@ -2268,23 +2410,23 @@
2268 2410 .elementor-control-type-slider.elementor-control-type-slider--multiple .elementor-control-input-wrapper {
2269 2411 display: block;
2270 2412 }
2271 2413 .elementor-control-type-slider--multiple {
2272 - padding-block-end: 40px;
2414 + padding-bottom: 40px;
2273 2415 }
2274 2416 .elementor-control-type-slider--multiple .elementor-slider {
2275 - margin-block-start: 12px;
2417 + margin-top: 12px;
2276 2418 width: 98%;
2277 2419 }
2278 2420 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle {
2279 2421 border-radius: 0;
2280 2422 width: 10px;
2281 - transform: translateY(calc(50% - 14px)) translateX(calc(4px * var(--direction-multiplier)));
2423 + transform: translateY(calc(50% - 14px)) translateX(4px);
2282 2424 }
2283 2425 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle:after {
2284 2426 content: "";
2285 2427 position: absolute;
2286 - inset-block-start: 2px;
2428 + top: 2px;
2287 2429 height: 12px;
2288 2430 width: 11px;
2289 2431 transform: rotate(45deg);
2290 2432 background-color: var(--e-a-color-white);
@@ -2298,13 +2440,10 @@
2298 2440 right: 5px;
2299 2441 box-shadow: -2px 2px 3px 0px rgba(0, 0, 0, 0.1);
2300 2442 }
2301 2443 .elementor-control-type-slider .elementor-control-dynamic-switcher {
2302 - border-inline-start-width: 0;
2303 - border-start-start-radius: 0;
2304 - border-start-end-radius: var(--e-a-border-radius);
2305 - border-end-start-radius: 0;
2306 - border-end-end-radius: var(--e-a-border-radius);
2444 + border-left-width: 0;
2445 + border-radius: 0 var(--e-a-border-radius) var(--e-a-border-radius) 0;
2307 2446 }
2308 2447 .elementor-control-type-slider .elementor-control-input-wrapper {
2309 2448 display: flex;
2310 2449 align-items: center;
@@ -2309,9 +2448,9 @@
2309 2448 display: flex;
2310 2449 align-items: center;
2311 2450 }
2312 2451 .elementor-control-type-slider .elementor-dynamic-cover {
2313 - margin-block-start: 10px;
2452 + margin-top: 10px;
2314 2453 }
2315 2454 .elementor-control-type-slider.e-units-custom .elementor-slider {
2316 2455 display: none;
2317 2456 }
@@ -2331,9 +2470,9 @@
2331 2470 }
2332 2471 .elementor-slider-input {
2333 2472 width: 21%;
2334 2473 min-width: 54px;
2335 - margin-inline-start: 12px;
2474 + margin-left: 12px;
2336 2475 transition: width 0.3s ease-in-out;
2337 2476 }
2338 2477 .elementor-slider__extra {
2339 2478 position: relative;
@@ -2350,9 +2489,9 @@
2350 2489 position: absolute;
2351 2490 display: flex;
2352 2491 justify-content: space-evenly;
2353 2492 width: 100%;
2354 - margin-block-start: 4px;
2493 + margin-top: 4px;
2355 2494 }
2356 2495 .elementor-slider__scale {
2357 2496 width: 1px;
2358 2497 height: 21px;
@@ -2361,11 +2500,11 @@
2361 2500 .elementor-slider .noUi-handle {
2362 2501 height: 16px;
2363 2502 width: 16px;
2364 2503 background-color: var(--e-a-color-white);
2504 + right: 0;
2505 + transform: translateY(calc(50% - 14px)) translateX(8px);
2365 2506 position: absolute;
2366 - inset-inline-end: 0;
2367 - transform: translateY(calc(50% - 14px)) translateX(calc(8px * var(--direction-multiplier)));
2368 2507 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
2369 2508 border-radius: 50%;
2370 2509 }
2371 2510 .elementor-slider .noUi-connects {
@@ -2375,9 +2514,12 @@
2375 2514 }
2376 2515 .elementor-slider .noUi-connect {
2377 2516 position: absolute;
2378 2517 z-index: 0;
2379 - inset: 0;
2518 + top: 0;
2519 + left: 0;
2520 + height: 100%;
2521 + width: 100%;
2380 2522 will-change: transform;
2381 2523 transform-origin: 0 0;
2382 2524 background-color: var(--e-a-border-color-focus);
2383 2525 }
@@ -2382,9 +2524,9 @@
2382 2524 background-color: var(--e-a-border-color-focus);
2383 2525 }
2384 2526 .elementor-slider .noUi-tooltip {
2385 2527 position: absolute;
2386 - inset-block-start: calc(100% + 5px);
2528 + top: calc(100% + 5px);
2387 2529 left: calc(50% - 4px);
2388 2530 transform: translateX(-50%);
2389 2531 font-size: 10px;
2390 2532 }
@@ -2409,9 +2551,9 @@
2409 2551 padding: 15px 20px 0;
2410 2552 font-size: 11px;
2411 2553 cursor: pointer;
2412 2554 color: var(--e-a-color-txt-muted);
2413 - border-block-start: var(--e-a-border);
2555 + border-top: var(--e-a-border);
2414 2556 margin: 0 -20px;
2415 2557 }
2416 2558 .elementor-control-type-structure .elementor-control-structure-reset:hover {
2417 2559 color: var(--e-a-color-txt);
@@ -2434,13 +2576,13 @@
2434 2576 .elementor-control-type-structure .elementor-control-structure-presets input:checked + .elementor-control-structure-preset path {
2435 2577 fill: var(--e-a-border-color-focus);
2436 2578 }
2437 2579 .elementor-control-type-structure .elementor-control-structure-preset-wrapper {
2438 - margin-block-end: 15px;
2580 + margin-bottom: 15px;
2439 2581 }
2440 2582 .elementor-control-type-structure .elementor-control-structure-preset-title {
2441 2583 text-align: center;
2442 - padding-block-start: 5px;
2584 + padding-top: 5px;
2443 2585 font-style: italic;
2444 2586 font-size: 11px;
2445 2587 color: #9DA5AE;
2446 2588 }
@@ -2445,9 +2587,9 @@
2445 2587 color: #9DA5AE;
2446 2588 }
2447 2589
2448 2590 .elementor-control-type-switcher .elementor-control-input-wrapper {
2449 - text-align: end;
2591 + text-align: right;
2450 2592 }
2451 2593 .elementor-control-type-switcher .elementor-switch {
2452 2594 position: relative;
2453 2595 display: inline-block;
@@ -2471,9 +2613,9 @@
2471 2613 transition-property: opacity, background;
2472 2614 }
2473 2615 .elementor-control-type-switcher .elementor-switch-label:before, .elementor-control-type-switcher .elementor-switch-label:after {
2474 2616 position: absolute;
2475 - inset-block-start: 0;
2617 + top: 0;
2476 2618 width: 50%;
2477 2619 text-align: center;
2478 2620 line-height: 20px;
2479 2621 transition: inherit;
@@ -2479,14 +2621,14 @@
2479 2621 transition: inherit;
2480 2622 }
2481 2623 .elementor-control-type-switcher .elementor-switch-label:before {
2482 2624 content: attr(data-off);
2483 - inset-inline-end: 5px;
2625 + right: 5px;
2484 2626 color: var(--e-a-color-txt-muted);
2485 2627 }
2486 2628 .elementor-control-type-switcher .elementor-switch-label:after {
2487 2629 content: attr(data-on);
2488 - inset-inline-start: 5px;
2630 + left: 5px;
2489 2631 color: var(--e-a-btn-color);
2490 2632 opacity: 0;
2491 2633 }
2492 2634 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label {
@@ -2499,28 +2641,25 @@
2499 2641 opacity: 1;
2500 2642 }
2501 2643 .elementor-control-type-switcher .elementor-switch-handle {
2502 2644 position: absolute;
2503 - inset-block-start: 1px;
2504 - inset-inline-start: 1px;
2645 + top: 1px;
2646 + left: 1px;
2505 2647 width: 18px;
2506 2648 height: 18px;
2507 2649 background: white;
2508 2650 border-radius: 10px;
2509 - transition: inset-inline-start 0.15s ease-out;
2651 + transition: left 0.15s ease-out;
2510 2652 }
2511 2653 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-handle {
2512 - inset-inline-start: initial;
2513 - inset-inline-end: 1px;
2654 + left: initial;
2655 + right: 1px;
2514 2656 }
2515 2657
2516 2658 .elementor-control-type-tabs {
2517 - display: none;
2659 + display: flex;
2518 2660 font-size: var(--control-title-size);
2519 2661 }
2520 -.elementor-control-type-tabs:has(> :not(.elementor-control-type-tab.elementor-hidden-control)) {
2521 - display: flex;
2522 -}
2523 2662
2524 2663 .elementor-control-type-tab {
2525 2664 text-align: center;
2526 2665 width: 100%;
@@ -2525,28 +2664,28 @@
2525 2664 text-align: center;
2526 2665 width: 100%;
2527 2666 padding: 0;
2528 2667 line-height: 25px;
2529 - border-block-start: var(--e-a-border-bold);
2530 - border-block-end: var(--e-a-border-bold);
2531 - border-inline-end: var(--e-a-border-bold);
2668 + border-top: var(--e-a-border-bold);
2669 + border-bottom: var(--e-a-border-bold);
2670 + border-right: var(--e-a-border-bold);
2532 2671 transition: var(--e-a-transition-hover);
2533 2672 cursor: pointer;
2534 2673 }
2535 2674 .elementor-control-type-tab:first-child {
2536 - border-inline-start: var(--e-a-border-bold);
2537 - border-start-start-radius: var(--e-a-border-radius);
2538 - border-end-start-radius: var(--e-a-border-radius);
2675 + border-left: var(--e-a-border-bold);
2676 + border-top-left-radius: var(--e-a-border-radius);
2677 + border-bottom-left-radius: var(--e-a-border-radius);
2539 2678 }
2540 2679 .elementor-control-type-tab:last-child {
2541 - border-start-end-radius: var(--e-a-border-radius);
2542 - border-end-end-radius: var(--e-a-border-radius);
2680 + border-top-right-radius: var(--e-a-border-radius);
2681 + border-bottom-right-radius: var(--e-a-border-radius);
2543 2682 }
2544 2683 .elementor-control-type-tab:hover {
2545 2684 background-color: var(--e-a-bg-hover);
2546 2685 }
2547 2686 .elementor-control-type-tab.e-tab-active {
2548 - background-color: var(--e-a-bg-active-bold);
2687 + background-color: var(--e-a-bg-active);
2549 2688 color: var(--e-a-color-txt-accent);
2550 2689 }
2551 2690
2552 2691 .e-tab-close {
@@ -2563,11 +2702,11 @@
2563 2702 }
2564 2703 .elementor-control-type-textarea:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher,
2565 2704 .elementor-control-type-code:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher {
2566 2705 position: absolute;
2567 - inset-block-start: 0;
2568 - inset-inline-end: 0;
2706 + top: 0;
2569 2707 z-index: 1;
2708 + right: 0;
2570 2709 }
2571 2710 .elementor-control-type-textarea .elementor-control-input-wrapper,
2572 2711 .elementor-control-type-code .elementor-control-input-wrapper {
2573 2712 position: relative;
@@ -2618,12 +2757,12 @@
2618 2757 font-size: 12px;
2619 2758 }
2620 2759 .elementor-control-type-url .elementor-control-url-more-options {
2621 2760 display: none;
2622 - padding-block-start: 10px;
2761 + padding-top: 10px;
2623 2762 }
2624 2763 .elementor-control-type-url .elementor-control-url-more-options .elementor-control-field-description {
2625 - margin-block-start: 10px;
2764 + margin-top: 10px;
2626 2765 }
2627 2766 .elementor-control-type-url .elementor-control-url-more:hover {
2628 2767 color: var(--e-a-color-txt-hover);
2629 2768 }
@@ -2635,9 +2774,9 @@
2635 2774 display: flex;
2636 2775 align-items: center;
2637 2776 }
2638 2777 .elementor-control-type-url .elementor-control-url-option:not(:last-child) {
2639 - padding-block-end: 10px;
2778 + padding-bottom: 10px;
2640 2779 }
2641 2780 .elementor-control-type-url .elementor-control-url-option input,
2642 2781 .elementor-control-type-url .elementor-control-url-option label {
2643 2782 cursor: pointer;
@@ -2644,10 +2783,10 @@
2644 2783 }
2645 2784 .elementor-control-type-url .elementor-control-url-autocomplete-spinner {
2646 2785 display: none;
2647 2786 position: absolute;
2648 - inset-block-start: 5px;
2649 - inset-inline-end: 0;
2787 + top: 5px;
2788 + right: 0;
2650 2789 width: 10px;
2651 2790 height: 10px;
2652 2791 font-size: 10px;
2653 2792 color: var(--e-a-color-txt-disabled);
@@ -2656,9 +2795,9 @@
2656 2795 font-size: var(--control-title-size);
2657 2796 }
2658 2797 .elementor-control-type-url .elementor-control-url__custom-attributes input {
2659 2798 width: 100%;
2660 - margin-block-start: 10px;
2799 + margin-top: 10px;
2661 2800 }
2662 2801 .elementor-control-type-url .elementor-input:focus ~ div {
2663 2802 border-color: var(--e-a-border-color-focus);
2664 2803 }
@@ -2695,79 +2834,11 @@
2695 2834 background: var(--e-a-bg-hover);
2696 2835 }
2697 2836 .elementor-autocomplete-menu .elementor-autocomplete-item-info {
2698 2837 font-size: 10px;
2699 - padding-block-start: 2px;
2838 + padding-top: 2px;
2700 2839 }
2701 2840
2702 -.elementor-control-type-visual_choice {
2703 - width: 100%;
2704 -}
2705 -
2706 -.elementor-visual-choice-choices {
2707 - display: grid;
2708 - gap: 8px;
2709 - grid-template-columns: repeat(var(--elementor-visual-choice-columns), 1fr);
2710 - text-align: center;
2711 - border-radius: var(--e-a-border-radius);
2712 - overflow: hidden;
2713 -}
2714 -
2715 -.elementor-visual-choice-element {
2716 - display: flex;
2717 - flex-direction: column;
2718 - align-items: center;
2719 - justify-content: center;
2720 - gap: 8px;
2721 - width: auto;
2722 -}
2723 -.elementor-visual-choice-element-image label {
2724 - border: var(--e-a-border-bold);
2725 - border-radius: var(--e-a-border-radius);
2726 - font-size: 12px;
2727 - transition: var(--e-a-transition-hover);
2728 - cursor: pointer;
2729 - overflow: hidden;
2730 - width: 100%;
2731 - padding: 8px;
2732 -}
2733 -.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 {
2734 - background-color: var(--e-a-bg-active-bold);
2735 - opacity: 1;
2736 -}
2737 -.elementor-visual-choice-element-image input:checked + label {
2738 - border-color: var(--e-a-color-primary-bold);
2739 -}
2740 -.elementor-visual-choice-element-image input:not(:checked) + label {
2741 - background-color: var(--e-a-color-white);
2742 - opacity: 0.5;
2743 -}
2744 -.elementor-visual-choice-element-image img {
2745 - width: 100%;
2746 - height: auto;
2747 -}
2748 -.elementor-visual-choice-element-button {
2749 - grid-column: span var(--elementor-visual-choice-columns);
2750 -}
2751 -.elementor-visual-choice-element-button label {
2752 - width: -moz-fit-content;
2753 - width: fit-content;
2754 -}
2755 -.elementor-visual-choice-element-button input:checked + .elementor-button, .elementor-visual-choice-element-button input:hover + .elementor-button {
2756 - background-color: var(--e-a-bg-active-bold);
2757 -}
2758 -.elementor-visual-choice-element-button input:checked + .elementor-button {
2759 - border-color: var(--e-a-color-primary-bold);
2760 -}
2761 -
2762 -.elementor-label-inline .elementor-visual-choice-choices {
2763 - justify-content: flex-end;
2764 -}
2765 -
2766 -.tipsy-inner {
2767 - white-space: pre-line;
2768 -}
2769 -
2770 2841 .elementor-control-type-wp_widget .widget-inside {
2771 2842 line-height: 2;
2772 2843 background-color: inherit;
2773 2844 display: block;
@@ -2783,9 +2854,9 @@
2783 2854 border: var(--e-a-border);
2784 2855 }
2785 2856 .elementor-control-type-wysiwyg .wp-editor-tabs {
2786 2857 border: var(--e-a-border-bold);
2787 - border-block-end: none;
2858 + border-bottom: none;
2788 2859 border-start-start-radius: var(--e-a-border-radius);
2789 2860 border-start-end-radius: var(--e-a-border-radius);
2790 2861 border-end-end-radius: 0;
2791 2862 border-end-start-radius: 0;
@@ -2858,11 +2929,8 @@
2858 2929 font-size: 16px;
2859 2930 }
2860 2931 .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 {
2861 2932 color: var(--e-a-color-txt-active);
2862 - background: var(--e-a-bg-hover);
2863 - border-color: var(--e-a-border-color);
2864 - box-shadow: none;
2865 2933 }
2866 2934 .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 {
2867 2935 color: var(--e-a-color-txt-active);
2868 2936 }
@@ -2879,35 +2947,8 @@
2879 2947 .elementor-control-type-wysiwyg .elementor-control-dynamic-switcher {
2880 2948 border: none;
2881 2949 }
2882 2950
2883 -@media screen and (prefers-color-scheme: dark) {
2884 - #wp-link-wrap {
2885 - color-scheme: light;
2886 - --e-a-color-txt: #515962;
2887 - --e-a-bg-default: #ffffff;
2888 - --e-a-border-color-bold: #D5D8DC;
2889 - --e-a-color-primary-bold: #D004D4;
2890 - }
2891 - #wp-link {
2892 - color: var(--e-a-color-txt);
2893 - }
2894 - #wp-link input {
2895 - background-color: var(--e-a-bg-default);
2896 - border-color: var(--e-a-border-color-bold);
2897 - }
2898 - #wp-link input[type=checkbox] {
2899 - border-color: var(--e-a-border-color-bold);
2900 - }
2901 - #wp-link input[type=checkbox]:checked {
2902 - background: var(--e-a-color-primary-bold);
2903 - }
2904 - #wp-link input.button-primary {
2905 - background: #2271b1;
2906 - border-color: #2271b1;
2907 - color: #fff;
2908 - }
2909 -}
2910 2951 .ui-resizable-n {
2911 2952 top: -5px;
2912 2953 }
2913 2954 .ui-resizable-e {
@@ -2965,61 +3006,58 @@
2965 3006 }
2966 3007
2967 3008 :root {
2968 3009 --e-p-draggable-color: #F0ABFC;
2969 - --e-p-border-section: #F3BAFD;
2970 - --e-p-border-section-hover: #F0ABFC;
3010 + --e-p-border-column: #F0ABFC;
3011 + --e-p-border-column-hover: #F3BAFD;
3012 + --e-p-border-column-invert: #0C0D0E;
3013 + --e-p-border-section: #F0ABFC;
3014 + --e-p-border-section-hover: #F3BAFD;
2971 3015 --e-p-border-section-invert: #0C0D0E;
2972 - --e-p-border-con: #F3BAFD;
2973 - --e-p-border-con-hover: #F0ABFC;
3016 + --e-p-border-con: #F0ABFC;
3017 + --e-p-border-con-hover: #F3BAFD;
3018 + --e-p-border-con-active: #E73CF6;
2974 3019 --e-p-border-con-invert: #0C0D0E;
2975 - --e-p-border-column: #9DA5AE;
2976 - --e-p-border-column-hover: #818A96;
2977 - --e-p-border-column-invert: #0C0D0E;
2978 - --e-p-border-con-in: #9DA5AE;
2979 - --e-p-border-con-in-hover: #818A96;
2980 - --e-p-border-con-in-invert: #0C0D0E;
2981 - --e-p-border-widget: #F3BAFD;
2982 - --e-p-border-widget-hover: #F0ABFC;
3020 + --e-p-border-widget: #F0ABFC;
3021 + --e-p-border-widget-hover: #F3BAFD;
3022 + --e-p-border-widget-active: #E73CF6;
2983 3023 --e-p-border-widget-invert: #0C0D0E;
2984 3024 --e-p-border-global: #5EEAD4;
2985 3025 --e-p-border-global-hover: #1DDDBF;
2986 3026 --e-p-border-global-invert: #0C0D0E;
2987 - --e-p-border-global-element: #5EEAD4;
2988 3027 }
2989 3028
2990 -.elementor-editor-active .elementor-add-section {
3029 +.elementor-add-section {
2991 3030 all: initial;
2992 3031 display: flex;
2993 - flex-wrap: wrap;
2994 - justify-content: center;
2995 3032 max-width: 1160px;
2996 3033 position: relative;
2997 3034 margin-inline: auto;
2998 3035 }
2999 -.elementor-editor-active .elementor-add-section:not(.elementor-dragging-on-child) .elementor-add-section-inner {
3036 +.elementor-add-section:not(.elementor-dragging-on-child) .elementor-add-section-inner {
3000 3037 border: 2px dashed var(--e-a-border-color-bold);
3001 3038 background-color: rgba(255, 255, 255, 0.5);
3002 3039 }
3003 -.elementor-editor-active .elementor-add-section.elementor-dragging-on-child .elementor-add-section-inner {
3040 +.elementor-add-section.elementor-dragging-on-child .elementor-add-section-inner {
3004 3041 border: 2px dashed var(--e-a-color-primary);
3005 3042 }
3006 -.elementor-editor-active .elementor-add-section[data-view=choose-action] .e-view:not(.elementor-add-new-section) {
3043 +.elementor-add-section[data-view=choose-action] .e-view:not(.elementor-add-new-section) {
3007 3044 display: none;
3008 3045 }
3009 -.elementor-editor-active .elementor-add-section[data-view=select-preset] .e-view:not(.elementor-select-preset) {
3046 +.elementor-add-section[data-view=select-preset] .e-view:not(.elementor-select-preset) {
3010 3047 display: none;
3011 3048 }
3012 -.elementor-editor-active .elementor-add-section[data-view=select-container-preset] .e-view:not(.e-con-select-preset) {
3049 +.elementor-add-section[data-view=select-container-preset] .e-view:not(.e-con-select-preset) {
3013 3050 display: none;
3014 3051 }
3015 -.elementor-editor-active .elementor-add-section[data-view=select-type] .e-view:not(.e-con-select-type) {
3052 +.elementor-add-section[data-view=select-type] .e-view:not(.e-con-select-type) {
3016 3053 display: none;
3017 3054 }
3018 -.elementor-editor-active .elementor-add-section[data-view=select-container-preset-grid] .e-view:not(.e-con-select-preset-grid) {
3055 +.elementor-add-section[data-view=select-container-preset-grid] .e-view:not(.e-con-select-preset-grid) {
3019 3056 display: none;
3020 3057 }
3021 -.elementor-editor-active .elementor-add-section-inner {
3058 +
3059 +.elementor-add-section-inner {
3022 3060 text-align: center;
3023 3061 margin: 20px;
3024 3062 padding: 40px 0;
3025 3063 display: flex;
@@ -3025,185 +3063,146 @@
3025 3063 display: flex;
3026 3064 justify-content: center;
3027 3065 flex-grow: 1;
3028 3066 }
3029 -.elementor-editor-active .elementor-add-new-section {
3067 +
3068 +.elementor-add-new-section {
3030 3069 display: flex;
3031 3070 justify-content: center;
3032 3071 flex-wrap: wrap;
3033 3072 gap: 5px;
3034 3073 }
3035 -.elementor-editor-active .elementor-add-section-area-button {
3074 +
3075 +.elementor-add-section-area-button {
3036 3076 padding: 12px;
3037 3077 height: 40px;
3038 3078 width: 40px;
3079 + border-radius: 50%;
3039 3080 font-size: 16px;
3040 3081 display: flex;
3041 - outline: unset;
3042 - border: unset;
3043 - border-radius: 50%;
3044 - box-shadow: unset;
3045 - text-shadow: unset;
3046 - background-color: var(--e-a-bg-active);
3047 - color: var(--e-a-color-black);
3082 + outline: none;
3083 + border: none;
3084 + background-color: var(--e-a-btn-bg);
3085 + color: var(--e-a-btn-color-invert);
3048 3086 transition: var(--e-a-transition-hover);
3049 3087 cursor: pointer;
3050 3088 }
3051 -.elementor-editor-active .elementor-add-section-area-button:hover, .elementor-editor-active .elementor-add-section-area-button:focus {
3052 - border: unset;
3053 - border-radius: 50%;
3054 - box-shadow: unset;
3055 - text-shadow: unset;
3056 - color: var(--e-a-color-black);
3057 - background-color: var(--e-a-bg-active-bold);
3089 +.elementor-add-section-area-button:hover {
3090 + background-color: var(--e-a-btn-bg-hover);
3091 + color: var(--e-a-btn-color-invert);
3058 3092 }
3059 -.elementor-editor-active .elementor-add-section-area-button i {
3093 +.elementor-add-section-area-button i {
3060 3094 margin: 0;
3061 3095 }
3062 -.elementor-editor-active .elementor-add-section-area-button.e-button-primary {
3096 +.elementor-add-section-area-button.elementor-add-section-button {
3063 3097 background-color: var(--e-a-btn-bg-primary);
3064 3098 color: var(--e-a-btn-color);
3065 3099 }
3066 -.elementor-editor-active .elementor-add-section-area-button.e-button-primary:hover, .elementor-editor-active .elementor-add-section-area-button.e-button-primary:focus {
3100 +.elementor-add-section-area-button.elementor-add-section-button:hover {
3067 3101 background-color: var(--e-a-btn-bg-primary-hover);
3068 3102 color: var(--e-a-btn-color);
3069 3103 }
3070 -.elementor-editor-active .elementor-add-section-drag-title,
3071 -.elementor-editor-active .elementor-select-preset-title {
3104 +
3105 +.elementor-add-section-drag-title,
3106 +.elementor-select-preset-title {
3072 3107 font-family: var(--e-a-font-family);
3073 3108 font-size: 13px;
3074 3109 line-height: 1;
3075 3110 color: var(--e-a-color-txt);
3076 3111 }
3077 -.elementor-editor-active .elementor-add-section-drag-title {
3112 +
3113 +.elementor-add-section-drag-title {
3078 3114 font-style: italic;
3079 3115 font-weight: normal;
3080 - margin-block-start: 10px;
3116 + margin-top: 10px;
3081 3117 width: 100%;
3082 3118 }
3083 -.elementor-editor-active .elementor-select-preset-title {
3119 +
3120 +.elementor-select-preset-title {
3084 3121 font-weight: 500;
3085 3122 text-transform: uppercase;
3086 3123 }
3087 -.elementor-editor-active .elementor-add-section-close,
3088 -.elementor-editor-active .elementor-add-section-back,
3089 -.elementor-editor-active .flex-preset-button,
3090 -.elementor-editor-active .grid-preset-button {
3091 - padding: unset;
3092 - margin: unset;
3093 - border: unset;
3094 - border-radius: unset;
3095 - outline: unset;
3096 - box-shadow: unset;
3097 - text-shadow: unset;
3098 - color: var(--e-a-color-txt);
3099 - background-color: transparent;
3124 +
3125 +.elementor-add-section-close {
3126 + right: 40px;
3100 3127 }
3101 -.elementor-editor-active .elementor-add-section-close {
3102 - inset-inline-end: 40px;
3128 +
3129 +.elementor-add-section-back {
3130 + left: 40px;
3103 3131 }
3104 -.elementor-editor-active .elementor-add-section-back {
3105 - inset-inline-start: 40px;
3106 - scale: calc(1 * var(--direction-multiplier)) 1;
3107 -}
3108 -.elementor-editor-active .elementor-add-section-close,
3109 -.elementor-editor-active .elementor-add-section-back {
3132 +
3133 +.elementor-wizard-icon {
3110 3134 position: absolute;
3111 - inset-block-start: 40px;
3135 + top: 40px;
3112 3136 font-size: 20px;
3113 3137 cursor: pointer;
3114 3138 line-height: 1;
3115 3139 color: var(--e-a-color-txt);
3116 - border-radius: 50%;
3117 - box-shadow: unset;
3118 - text-shadow: unset;
3119 3140 }
3120 -.elementor-editor-active .elementor-add-section-close:hover, .elementor-editor-active .elementor-add-section-close:focus,
3121 -.elementor-editor-active .elementor-add-section-back:hover,
3122 -.elementor-editor-active .elementor-add-section-back:focus {
3123 - border: unset;
3124 - border-radius: 50%;
3125 - box-shadow: unset;
3126 - text-shadow: unset;
3141 +.elementor-wizard-icon:hover {
3127 3142 color: var(--e-a-color-txt-hover);
3128 - background-color: var(--e-a-bg-hover);
3129 3143 }
3130 -.elementor-editor-active .flex-preset-button:hover, .elementor-editor-active .flex-preset-button:focus,
3131 -.elementor-editor-active .grid-preset-button:hover,
3132 -.elementor-editor-active .grid-preset-button:focus {
3133 - background-color: transparent;
3134 - color: var(--e-a-color-txt-hover);
3135 -}
3136 -.elementor-editor-active .elementor-select-preset-list {
3137 - display: flex;
3138 - gap: 20px;
3139 - align-items: center;
3140 - justify-content: center;
3141 - flex-wrap: wrap;
3144 +
3145 +.elementor-select-preset-list {
3146 + list-style: none;
3147 + padding: 0 25px;
3142 3148 margin: 20px auto 0;
3149 + overflow: hidden;
3143 3150 max-width: 700px;
3144 3151 }
3145 -.elementor-editor-active .elementor-select-preset-list .elementor-preset {
3152 +.elementor-select-preset-list .elementor-preset {
3146 3153 cursor: pointer;
3147 - flex-basis: 90px;
3148 - padding: unset;
3149 - margin: unset;
3150 - border: unset;
3151 - border-radius: unset;
3152 - outline: unset;
3153 - box-shadow: unset;
3154 - text-shadow: unset;
3155 - background-color: unset;
3154 + margin: 0;
3155 + padding: 10px;
3156 + float: left;
3157 + max-width: 33.333%;
3156 3158 }
3157 -.elementor-editor-active .elementor-select-preset-list .elementor-preset path,
3158 -.elementor-editor-active .elementor-select-preset-list .elementor-preset rect {
3159 +.elementor-select-preset-list .elementor-preset:not(:hover) path,
3160 +.elementor-select-preset-list .elementor-preset:not(:hover) rect {
3159 3161 fill: var(--e-a-bg-active-bold);
3160 3162 transition: 0.3s all;
3161 3163 }
3162 -.elementor-editor-active .elementor-select-preset-list .elementor-preset:hover, .elementor-editor-active .elementor-select-preset-list .elementor-preset:focus {
3163 - background-color: transparent;
3164 -}
3165 -.elementor-editor-active .elementor-select-preset-list .elementor-preset:hover path,
3166 -.elementor-editor-active .elementor-select-preset-list .elementor-preset:hover rect, .elementor-editor-active .elementor-select-preset-list .elementor-preset:focus path,
3167 -.elementor-editor-active .elementor-select-preset-list .elementor-preset:focus rect {
3164 +.elementor-select-preset-list .elementor-preset:hover path,
3165 +.elementor-select-preset-list .elementor-preset:hover rect {
3168 3166 fill: var(--e-a-color-txt);
3169 3167 }
3170 -.elementor-editor-active .elementor-select-preset-list .elementor-preset .e-preset--container {
3168 +.elementor-select-preset-list .elementor-preset .e-preset--container {
3171 3169 position: relative;
3172 3170 display: flex;
3173 3171 }
3174 -.elementor-editor-active .elementor-select-preset-list .elementor-preset .e-preset--container::before {
3172 +.elementor-select-preset-list .elementor-preset .e-preset--container::before {
3175 3173 content: var(--text);
3176 3174 font-family: var(--e-a-font-family);
3177 3175 font-size: 13px;
3178 3176 font-weight: 500;
3177 + position: absolute;
3178 + left: 50%;
3179 + top: 50%;
3179 3180 color: var(--e-a-color-white);
3180 - position: absolute;
3181 - inset-block-start: 50%;
3182 - inset-inline-start: 50%;
3183 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
3181 + transform: translate(-50%, -50%);
3184 3182 }
3185 -.elementor-editor-active .elementor-select-preset-list .elementor-preset svg {
3183 +.elementor-select-preset-list .elementor-preset svg {
3186 3184 height: 50px;
3187 3185 width: 100%;
3188 - scale: calc(1 * var(--direction-multiplier)) 1;
3189 3186 }
3190 -.elementor-editor-active .elementor-add-section[data-view=choose-action] .elementor-add-section-back {
3187 +
3188 +#elementor-add-new-section {
3189 + margin: 60px auto;
3190 +}
3191 +#elementor-add-new-section[data-view=choose-action] .elementor-add-section-close {
3191 3192 display: none;
3192 3193 }
3193 -.elementor-editor-active .elementor-add-section[data-view=select-preset] .elementor-add-section-back {
3194 +#elementor-add-new-section[data-view=choose-action] .elementor-add-section-back {
3194 3195 display: none;
3195 3196 }
3196 -.elementor-editor-active .elementor-add-section[data-view=select-type] .elementor-add-section-back {
3197 +#elementor-add-new-section[data-view=select-preset] .elementor-add-section-back {
3197 3198 display: none;
3198 3199 }
3199 -.elementor-editor-active #elementor-add-new-section {
3200 - margin: 60px auto;
3201 -}
3202 -.elementor-editor-active #elementor-add-new-section[data-view=choose-action] .elementor-add-section-close {
3200 +#elementor-add-new-section[data-view=select-type] .elementor-add-section-back {
3203 3201 display: none;
3204 3202 }
3205 -.elementor-editor-active .elementor-add-section-inline {
3203 +
3204 +.elementor-add-section-inline {
3206 3205 margin: 10px auto;
3207 3206 width: 100%;
3208 3207 }
3209 3208
@@ -3267,9 +3266,9 @@
3267 3266 white-space: pre-wrap;
3268 3267 }
3269 3268 .pen-menu {
3270 3269 box-shadow: 1px 2px 3px -2px #222;
3271 - background-color: #3f444b;
3270 + background-color: #3A3F45;
3272 3271 position: fixed;
3273 3272 overflow: hidden;
3274 3273 border-radius: 3px;
3275 3274 z-index: 9999;
@@ -3274,18 +3273,18 @@
3274 3273 border-radius: 3px;
3275 3274 z-index: 9999;
3276 3275 }
3277 3276 .pen-menu:after {
3277 + top: 100%;
3278 3278 content: "";
3279 3279 position: absolute;
3280 3280 border: 6px solid transparent;
3281 - border-block-start-color: #3f444b;
3282 - inset-block-start: 100%;
3283 - inset-inline-start: 50%;
3281 + border-top-color: #3A3F45;
3282 + left: 50%;
3284 3283 transform: translateX(-50%);
3285 3284 }
3286 3285 .pen-menu-below:after {
3287 - inset-block-start: 0;
3286 + top: 0;
3288 3287 transform: translateX(-50%) translateY(-100%) rotate(180deg);
3289 3288 }
3290 3289 .pen-icon {
3291 3290 position: relative;
@@ -3301,9 +3300,9 @@
3301 3300 -moz-user-select: none;
3302 3301 user-select: none;
3303 3302 }
3304 3303 .pen-icon:hover {
3305 - background: #1f2124;
3304 + background: #1A1C1E;
3306 3305 }
3307 3306 .pen-icon[data-group], .pen-icon[data-action=closeGroup] {
3308 3307 display: none;
3309 3308 }
@@ -3309,22 +3308,22 @@
3309 3308 }
3310 3309 .pen-icon[data-action=close]:before {
3311 3310 content: "";
3312 3311 position: absolute;
3313 - inset-inline-start: 0;
3312 + left: 0;
3314 3313 height: 60%;
3315 3314 width: 1px;
3316 - background-color: #1f2124;
3315 + background-color: #1A1C1E;
3317 3316 }
3318 3317 .pen-icon.active {
3319 - background-color: #1f2124;
3320 - box-shadow: inset 2px 2px 4px #1f2124;
3318 + background-color: #1A1C1E;
3319 + box-shadow: inset 2px 2px 4px #1A1C1E;
3321 3320 }
3322 3321 .pen-group-icon:after {
3323 3322 font-family: eicons;
3324 3323 font-size: 12px;
3325 3324 content: "\e92a";
3326 - padding-inline-start: 4px;
3325 + padding-left: 4px;
3327 3326 color: #2563EB;
3328 3327 }
3329 3328 .pen-input-wrapper {
3330 3329 align-items: center;
@@ -3332,10 +3331,10 @@
3332 3331 .pen-input-wrapper .pen-url-input {
3333 3332 font-size: 12px;
3334 3333 line-height: 1.5;
3335 3334 padding: 0;
3336 - padding-inline-start: 10px;
3337 - padding-inline-end: 10px;
3335 + padding-left: 10px;
3336 + padding-right: 10px;
3338 3337 width: 250px;
3339 3338 direction: ltr;
3340 3339 }
3341 3340 .pen-input-wrapper .pen-url-input, .pen-input-wrapper .pen-url-input:focus {
@@ -3352,9 +3351,9 @@
3352 3351 color: #D5D8DC;
3353 3352 }
3354 3353 .pen-input-label {
3355 3354 margin: 0;
3356 - margin-inline-end: -1px;
3355 + margin-right: -1px;
3357 3356 }
3358 3357 .pen-placeholder:before {
3359 3358 content: attr(data-pen-placeholder);
3360 3359 position: absolute;
@@ -3470,34 +3469,21 @@
3470 3469 .e-ui-state--elements-color-picker-color-picking__on .elementor-section:hover {
3471 3470 outline: 1px solid #2563EB;
3472 3471 }
3473 3472
3474 -/**
3475 -* Contact Buttons has position: fixed, therefore the container results as `empty`
3476 -* and it's not visible in the preview when the aside is hidden.
3477 -*/
3478 -.elementor-editor-preview .elementor-element:has(.e-contact-buttons) .elementor-widget-empty,
3479 -.elementor-editor-preview .elementor-element:has(.e-floating-bars) .elementor-widget-empty {
3480 - display: block;
3481 -}
3482 -
3483 3473 [class^=eicon-flex], [class*=" eicon-flex"] {
3484 3474 transition: 0.3s all;
3475 + --is-ltr: 1;
3476 + --is-rtl: 0;
3477 + --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
3485 3478 }
3486 3479 [class^=eicon-flex].eicon-inline, [class*=" eicon-flex"].eicon-inline {
3487 3480 max-height: 1em;
3488 3481 max-width: 1em;
3489 3482 }
3490 -[class^=eicon-flex], [class*=" eicon-flex"] {
3491 - --is-ltr: 1;
3492 - --is-rtl: 0;
3493 -}
3494 3483 [class^=eicon-flex]:is(.eicon-justify-start-h, .eicon-justify-end-h), [class*=" eicon-flex"]:is(.eicon-justify-start-h, .eicon-justify-end-h) {
3495 3484 --rotation-direction: calc(var(--is-ltr) + var(--is-rtl));
3496 3485 }
3497 -[class^=eicon-flex], [class*=" eicon-flex"] {
3498 - --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
3499 -}
3500 3486 :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) {
3501 3487 transform: rotate(calc(var(--rotation-direction) * 90deg));
3502 3488 }
3503 3489 :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) {
@@ -3513,9 +3499,9 @@
3513 3499 transform: rotate(calc(var(--is-ltr) * 180deg));
3514 3500 }
3515 3501
3516 3502 html.elementor-html {
3517 - margin-block-start: 0 !important;
3503 + margin-top: 0 !important;
3518 3504 }
3519 3505
3520 3506 .elementor-edit-area {
3521 3507 position: relative;
@@ -3541,10 +3527,10 @@
3541 3527 .elementor-edit-area-active .e-grid-outline {
3542 3528 display: none;
3543 3529 }
3544 3530 .elementor-edit-area-active .elementor-element-editable.e-grid.e-con-full > .e-grid-outline {
3545 - padding-block-start: var(--bc-padding-block-start, var(--padding-block-start));
3546 - padding-block-end: var(--bc-padding-block-end, var(--padding-block-end));
3531 + padding-top: var(--padding-top);
3532 + padding-bottom: var(--padding-bottom);
3547 3533 display: grid;
3548 3534 position: absolute;
3549 3535 top: 0;
3550 3536 bottom: 0;
@@ -3555,10 +3541,10 @@
3555 3541 grid-auto-flow: var(--grid-auto-flow);
3556 3542 justify-content: var(--grid-justify-content);
3557 3543 align-content: var(--grid-align-content);
3558 3544 min-height: var(--min-height);
3559 - padding-inline-end: var(--bc-padding-inline-end, var(--padding-inline-end));
3560 - padding-inline-start: var(--bc-padding-inline-start, var(--padding-inline-start));
3545 + padding-right: var(--padding-right);
3546 + padding-left: var(--padding-left);
3561 3547 width: 100%;
3562 3548 left: 0;
3563 3549 }
3564 3550 .elementor-edit-area-active .elementor-element-editable.e-grid.e-con-boxed > .e-con-inner {
@@ -3564,10 +3550,10 @@
3564 3550 .elementor-edit-area-active .elementor-element-editable.e-grid.e-con-boxed > .e-con-inner {
3565 3551 position: relative;
3566 3552 }
3567 3553 .elementor-edit-area-active .elementor-element-editable.e-grid.e-con-boxed > .e-con-inner > .e-grid-outline {
3568 - padding-block-start: var(--bc-padding-block-start, var(--padding-block-start));
3569 - padding-block-end: var(--bc-padding-block-end, var(--padding-block-end));
3554 + padding-top: var(--padding-top);
3555 + padding-bottom: var(--padding-bottom);
3570 3556 display: grid;
3571 3557 position: absolute;
3572 3558 top: 0;
3573 3559 bottom: 0;
@@ -3588,9 +3574,9 @@
3588 3574 width: 100%;
3589 3575 height: 100%;
3590 3576 }
3591 3577 .elementor-edit-area-active .elementor-inner-section:first-child {
3592 - margin-block-start: 15px;
3578 + margin-top: 15px;
3593 3579 }
3594 3580 .elementor-edit-area-active .elementor-widget-wrap.elementor-element-empty {
3595 3581 min-height: 30px;
3596 3582 }
@@ -3607,10 +3593,10 @@
3607 3593 }
3608 3594 .elementor-edit-area-active .elementor-widget.elementor-element-edit-mode:hover {
3609 3595 box-shadow: 0 0 0 1px var(--e-p-border-widget);
3610 3596 }
3611 -.elementor-edit-area-active .elementor-widget.elementor-element-editable, .elementor-edit-area-active .elementor-widget.elementor-element-editable:hover {
3612 - box-shadow: 0 0 0 2px var(--e-p-border-widget);
3597 +.elementor-edit-area-active .elementor-widget.elementor-element-editable {
3598 + box-shadow: 0 0 0 1px var(--e-p-border-widget-active);
3613 3599 }
3614 3600 .elementor-edit-area-active .elementor-widget:not(:hover) .elementor-editor-element-settings {
3615 3601 display: none;
3616 3602 }
@@ -3644,10 +3630,10 @@
3644 3630 }
3645 3631
3646 3632 .elementor-element > .elementor-element-overlay {
3647 3633 position: absolute;
3648 - inset-block-start: 0;
3649 - inset-inline-end: 0;
3634 + top: 0;
3635 + right: 0;
3650 3636 letter-spacing: 0;
3651 3637 z-index: 9998;
3652 3638 pointer-events: none;
3653 3639 }
@@ -3663,12 +3649,8 @@
3663 3649 display: block;
3664 3650 text-align: center;
3665 3651 padding: 10px 0;
3666 3652 }
3667 -.elementor-element.elementor-widget-empty[data-atomic] .elementor-widget-empty-icon {
3668 - background-color: rgb(243, 243, 244);
3669 - width: 100%;
3670 -}
3671 3653 .elementor-element:not(:hover):not(.elementor-element-editable) > .elementor-element-overlay .elementor-editor-element-settings {
3672 3654 display: none;
3673 3655 }
3674 3656 .elementor-element--toggle-edit-tools > .elementor-element-overlay .elementor-editor-element-edit:not(.elementor-active) ~ * {
@@ -3727,9 +3709,12 @@
3727 3709 }
3728 3710
3729 3711 .elementor-empty-view {
3730 3712 position: absolute;
3731 - inset: 0;
3713 + top: 0;
3714 + bottom: 0;
3715 + left: 0;
3716 + right: 0;
3732 3717 z-index: 1;
3733 3718 }
3734 3719
3735 3720 .elementor-first-add {
@@ -3759,9 +3744,9 @@
3759 3744 text-align: center;
3760 3745 }
3761 3746 .elementor-sortable-helper .icon {
3762 3747 font-size: 28px;
3763 - padding-block-start: 15px;
3748 + padding-top: 15px;
3764 3749 line-height: 1;
3765 3750 }
3766 3751 .elementor-sortable-helper .title-wrapper {
3767 3752 display: flex;
@@ -3795,15 +3780,8 @@
3795 3780 .elementor-widget-placeholder {
3796 3781 height: 10px;
3797 3782 animation-name: placeholder-widget;
3798 3783 }
3799 -.elementor-widget-placeholder.is-logical {
3800 - margin-top: var(--e-placeholder-margin-top);
3801 - margin-bottom: var(--e-placeholder-margin-bottom);
3802 - margin-inline-start: var(--e-placeholder-margin-inline-start);
3803 - width: var(--e-placeholder-width);
3804 - min-width: 200px;
3805 -}
3806 3784
3807 3785 .elementor-draggable-over:not([data-dragged-element=section]):not([data-dragged-is-inner=true]) > .elementor-empty-view > .elementor-first-add:after,
3808 3786 .elementor-first-add.elementor-html5dnd-current-element:after {
3809 3787 content: "";
@@ -3834,20 +3812,8 @@
3834 3812 .elementor-editor-preview .elementor-empty-view,
3835 3813 .elementor-editor-preview .elementor-widget-empty {
3836 3814 display: none;
3837 3815 }
3838 -.elementor-editor-preview :where(.elementor-edit-area-active) .elementor-element-overlay,
3839 -.elementor-editor-preview :where(.elementor-edit-area-active) .elementor-empty,
3840 -.elementor-editor-preview :where(.elementor-edit-area-active) .elementor-empty-view,
3841 -.elementor-editor-preview :where(.elementor-edit-area-active) .elementor-widget-empty {
3842 - display: revert;
3843 -}
3844 -.elementor-editor-preview :where(.elementor-edit-area-active.elementor-widget-e-component) > .elementor-section-wrap > :first-child > .elementor-element-overlay::after {
3845 - outline-color: var(--e-p-border-global-element);
3846 -}
3847 -.elementor-editor-preview :where(.elementor-edit-area-active.elementor-widget-e-component) > .elementor-section-wrap > :first-child.elementor-element-editable > .elementor-element-overlay::after {
3848 - outline-offset: -1px;
3849 -}
3850 3816
3851 3817 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen,
3852 3818 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop,
3853 3819 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop,
@@ -3890,9 +3856,12 @@
3890 3856 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.e-con:before {
3891 3857 content: "";
3892 3858 display: block;
3893 3859 position: absolute;
3894 - inset: 0;
3860 + top: 0;
3861 + left: 0;
3862 + width: 100%;
3863 + height: 100%;
3895 3864 background-color: rgba(255, 255, 255, 0.6);
3896 3865 z-index: 9997;
3897 3866 }
3898 3867 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.e-con,
@@ -3912,27 +3881,21 @@
3912 3881 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-inner-section .elementor-container,
3913 3882 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-inner-section .elementor-container {
3914 3883 width: 100%;
3915 3884 }
3916 -.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)),
3885 +.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,
3917 3886 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop > .elementor-widget-container,
3918 3887 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop > .elementor-widget-wrap,
3919 -.e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop:not(:has(> .elementor-widget-container)),
3920 3888 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop > .elementor-widget-container,
3921 3889 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop > .elementor-widget-wrap,
3922 -.e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop:not(:has(> .elementor-widget-container)),
3923 3890 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra > .elementor-widget-container,
3924 3891 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra > .elementor-widget-wrap,
3925 -.e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra:not(:has(> .elementor-widget-container)),
3926 3892 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet > .elementor-widget-container,
3927 3893 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet > .elementor-widget-wrap,
3928 -.e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet:not(:has(> .elementor-widget-container)),
3929 3894 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra > .elementor-widget-container,
3930 3895 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra > .elementor-widget-wrap,
3931 -.e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra:not(:has(> .elementor-widget-container)),
3932 3896 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-container,
3933 -.e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-wrap,
3934 -.e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile:not(:has(> .elementor-widget-container)) {
3897 +.e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-wrap {
3935 3898 filter: opacity(0.4) saturate(0);
3936 3899 }
3937 3900 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.elementor-edit-hidden,
3938 3901 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-edit-hidden,
@@ -3943,131 +3906,104 @@
3943 3906 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-edit-hidden {
3944 3907 display: none;
3945 3908 }
3946 3909
3947 -.e-youtube-base iframe {
3948 - pointer-events: none;
3949 -}
3950 -
3951 -.elementor-widget-e-component[data-atomic].elementor-edit-area-active > * > * {
3952 - pointer-events: initial;
3953 -}
3954 -.elementor-widget-e-component[data-atomic]:not(.elementor-edit-area-active) > * > * {
3955 - pointer-events: none;
3956 -}
3957 -
3958 -.elementor-editor-element-overlay-settings {
3910 +.elementor-editor-section-settings,
3911 +.elementor-editor-container-settings {
3959 3912 height: 24px;
3960 3913 top: 1px;
3961 3914 left: 50%;
3962 3915 transform: translateX(-50%) translateY(-100%);
3963 3916 background-color: var(--e-p-border-section);
3964 - border-start-start-radius: 5px;
3965 - border-start-end-radius: 5px;
3966 - border-end-start-radius: 0;
3967 - border-end-end-radius: 0;
3968 - stroke: transparent;
3969 - stroke-width: 0;
3970 - -webkit-text-stroke: 0 transparent;
3917 + border-radius: 5px 5px 0 0;
3918 + box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.05);
3971 3919 }
3972 -.elementor-editor-element-overlay-settings i.eicon-handle {
3920 +.elementor-editor-section-settings i.eicon-handle,
3921 +.elementor-editor-container-settings i.eicon-handle {
3973 3922 font-size: 16px;
3974 3923 }
3975 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:hover {
3924 +.elementor-editor-section-settings .elementor-editor-element-setting:hover,
3925 +.elementor-editor-container-settings .elementor-editor-element-setting:hover {
3976 3926 background-color: var(--e-p-border-section-hover);
3977 3927 }
3978 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child {
3979 - border-start-start-radius: 5px;
3980 - border-start-end-radius: 0;
3981 - border-end-start-radius: 0;
3982 - border-end-end-radius: 0;
3928 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child,
3929 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child {
3930 + border-radius: 5px 0 0 0;
3983 3931 }
3984 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child:before {
3932 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child:before,
3933 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child:before {
3985 3934 content: "";
3986 3935 position: absolute;
3987 - inset-block-start: 2px;
3988 - inset-inline-end: calc(100% - 1px);
3989 - border-block-start: 22px solid transparent;
3990 - border-block-end: 0 none transparent;
3991 - border-inline-start: 0 none transparent;
3992 - border-inline-end: 12px solid var(--e-p-border-section);
3993 - transition: var(--e-a-transition-hover);
3936 + border: solid transparent;
3937 + top: 2px;
3938 + border-right-color: var(--e-p-border-section);
3939 + border-width: 22px 12px 0 0;
3940 + right: calc(100% - 1px);
3994 3941 }
3995 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child:hover:before {
3996 - border-inline-end-color: var(--e-p-border-section-hover);
3942 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child:hover:before,
3943 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child:hover:before {
3944 + border-right-color: var(--e-p-border-section-hover);
3997 3945 }
3998 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child {
3999 - border-start-start-radius: 0;
4000 - border-start-end-radius: 5px;
4001 - border-end-start-radius: 0;
4002 - border-end-end-radius: 0;
3946 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child,
3947 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child {
3948 + border-radius: 0 5px 0 0;
4003 3949 }
4004 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child:after {
3950 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child:after,
3951 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child:after {
4005 3952 content: "";
4006 3953 position: absolute;
4007 - inset-block-start: 2px;
4008 - inset-inline-start: calc(100% - 1px);
4009 - border-block-start: 22px solid transparent;
4010 - border-block-end: 0 none transparent;
4011 - border-inline-start: 12px solid var(--e-p-border-section);
4012 - border-inline-end: 0 none transparent;
4013 - transition: var(--e-a-transition-hover);
3954 + border: solid transparent;
3955 + top: 2px;
3956 + border-left-color: var(--e-p-border-section);
3957 + border-width: 22px 0 0 12px;
3958 + left: calc(100% - 1px);
4014 3959 }
4015 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child:hover:after {
4016 - border-inline-start-color: var(--e-p-border-section-hover);
3960 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child:hover:after,
3961 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child:hover:after {
3962 + border-left-color: var(--e-p-border-section-hover);
4017 3963 }
4018 3964
4019 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings {
3965 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings,
3966 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings {
4020 3967 transform: translateX(-50%);
4021 - border-start-start-radius: 0;
4022 - border-start-end-radius: 0;
4023 - border-end-start-radius: 5px;
4024 - border-end-end-radius: 5px;
3968 + border-radius: 0 0 5px 5px;
4025 3969 }
4026 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child {
4027 - border-start-start-radius: 0;
4028 - border-start-end-radius: 0;
4029 - border-end-start-radius: 5px;
4030 - border-end-end-radius: 0;
3970 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child,
3971 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child {
3972 + border-radius: 0 0 0 5px;
4031 3973 }
4032 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before {
3974 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before,
3975 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before {
4033 3976 top: 0;
4034 - border-block-start: 0 none transparent;
4035 - border-block-end: 22px solid transparent;
4036 - border-inline-start: 0 none transparent;
4037 - border-inline-end: 12px solid var(--e-p-border-section);
4038 - transition: var(--e-a-transition-hover);
3977 + border-width: 0 12px 22px 0;
4039 3978 }
4040 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child {
4041 - border-start-start-radius: 0;
4042 - border-start-end-radius: 0;
4043 - border-end-start-radius: 0;
4044 - border-end-end-radius: 5px;
3979 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child,
3980 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child {
3981 + border-radius: 0 0 5px 0;
4045 3982 }
4046 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after {
3983 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after,
3984 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after {
4047 3985 top: 0;
4048 - border-block-start: 0 none transparent;
4049 - border-block-end: 22px solid transparent;
4050 - border-inline-start: 12px solid var(--e-p-border-section);
4051 - border-inline-end: 0 none transparent;
4052 - transition: var(--e-a-transition-hover);
3986 + border-width: 0 0 22px 12px;
4053 3987 }
4054 3988
4055 3989 .elementor-column > .elementor-element-overlay {
4056 - inset-block-end: 0;
4057 - inset-inline-start: 0;
3990 + left: 0;
3991 + bottom: 0;
4058 3992 }
4059 3993 .elementor-column > .elementor-element-overlay:after {
4060 3994 position: absolute;
4061 - inset: 0;
3995 + left: 0;
3996 + right: 0;
3997 + top: 0;
3998 + bottom: 0;
4062 3999 outline: 1px dashed var(--e-p-border-column);
4063 4000 }
4064 -.elementor-column:hover > .elementor-element-overlay:after {
4065 - content: "";
4001 +.elementor-column:hover > .elementor-element-overlay, .elementor-column.elementor-element-editable > .elementor-element-overlay {
4002 + border: 1px solid var(--e-a-color-white);
4066 4003 }
4067 -.elementor-column.elementor-element-editable > .elementor-element-overlay:after {
4004 +.elementor-column:hover > .elementor-element-overlay:after, .elementor-column.elementor-element-editable > .elementor-element-overlay:after {
4068 4005 content: "";
4069 - outline: 2px solid var(--e-p-border-column);
4070 4006 }
4071 4007 .elementor-column.elementor-dragging-on-child > .elementor-element-overlay {
4072 4008 border: 1px solid var(--e-p-draggable-color);
4073 4009 }
@@ -4077,10 +4013,10 @@
4077 4013 .elementor-column > .ui-resizable-e, .elementor-column > .ui-resizable-w {
4078 4014 cursor: col-resize;
4079 4015 width: 7px;
4080 4016 position: absolute;
4081 - inset-block-start: 0;
4082 - inset-inline-end: -5px;
4017 + right: -5px;
4018 + top: 0;
4083 4019 height: 100%;
4084 4020 }
4085 4021 .elementor-column:last-of-type > .ui-resizable-e, .elementor-column:last-of-type > .ui-resizable-w {
4086 4022 display: none !important;
@@ -4091,15 +4027,11 @@
4091 4027 }
4092 4028 }
4093 4029
4094 4030 .elementor-editor-column-settings {
4095 - inset-block-start: -1px;
4096 - inset-inline-start: -1px;
4097 - border-start-start-radius: 0;
4098 - border-start-end-radius: 0;
4099 - border-end-start-radius: 0;
4100 - border-end-end-radius: 3px;
4101 - transform: none;
4031 + top: -1px;
4032 + left: -1px;
4033 + border-radius: 0 0 3px 0;
4102 4034 overflow: hidden;
4103 4035 }
4104 4036 .elementor-editor-column-settings .elementor-editor-element-setting {
4105 4037 background-color: var(--e-p-border-column);
@@ -4113,9 +4045,12 @@
4113 4045 }
4114 4046 .elementor-column-placeholder:before, .elementor-column-placeholder:after {
4115 4047 content: "";
4116 4048 position: absolute;
4117 - inset: 10px;
4049 + top: 10px;
4050 + bottom: 10px;
4051 + right: 10px;
4052 + left: 10px;
4118 4053 }
4119 4054 .elementor-column-placeholder:before {
4120 4055 border: 1px solid var(--e-p-border-column);
4121 4056 }
@@ -4126,9 +4061,9 @@
4126 4061 .elementor-column-percents-tooltip {
4127 4062 position: absolute;
4128 4063 display: none;
4129 4064 pointer-events: none;
4130 - inset-block-start: 50%;
4065 + top: 50%;
4131 4066 transform: translateY(-50%);
4132 4067 color: #fff;
4133 4068 font-size: 10px;
4134 4069 background-color: var(--e-p-border-column);
@@ -4166,15 +4101,12 @@
4166 4101 }
4167 4102
4168 4103 .elementor-editor-widget-settings {
4169 4104 z-index: 2;
4170 - inset-block-start: -1px;
4171 - inset-inline-end: -1px;
4105 + top: -1px;
4106 + right: -1px;
4172 4107 flex-direction: row-reverse;
4173 - border-start-start-radius: 0;
4174 - border-start-end-radius: 0;
4175 - border-end-start-radius: 3px;
4176 - border-end-end-radius: 0;
4108 + border-radius: 0 0 0 3px;
4177 4109 overflow: hidden;
4178 4110 }
4179 4111 .elementor-editor-widget-settings .elementor-editor-element-setting {
4180 4112 background-color: var(--e-p-border-widget);
@@ -4182,299 +4114,29 @@
4182 4114 .elementor-editor-widget-settings .elementor-editor-element-setting:hover {
4183 4115 background-color: var(--e-p-border-widget-hover);
4184 4116 }
4185 4117
4186 -.e-widget-pro-promotion {
4187 - border: 2px dashed var(--e-a-border-color-bold);
4188 - background-color: var(--e-a-color-white);
4189 - padding: 20px;
4190 -}
4191 -.e-widget-pro-promotion .e-container {
4192 - max-width: 600px;
4193 - margin: auto;
4194 -}
4195 -.e-widget-pro-promotion .e-badge {
4196 - border: 1px solid var(--e-a-color-accent);
4197 - color: var(--e-a-color-accent);
4198 - background: var(--e-a-color-white);
4199 - border-radius: 100px;
4200 - padding: 4px 12px;
4201 - font-size: 0.8em;
4202 -}
4203 -.e-widget-pro-promotion p {
4204 - margin-block-start: 1em;
4205 - margin-block-end: 1em;
4206 - text-align: center;
4207 -}
4208 -.e-widget-pro-promotion p img {
4209 - display: block;
4210 - margin: 0 auto 20px;
4211 -}
4212 -.e-widget-pro-promotion .e-actions {
4213 - display: flex;
4214 - justify-content: center;
4215 - gap: 10px;
4216 -}
4217 -.e-widget-pro-promotion .e-btn {
4218 - font-size: 14px;
4219 - font-weight: 500;
4220 - line-height: 1.2;
4221 - padding: 8px 16px;
4222 - border-radius: var(--e-a-border-radius);
4223 - background-color: var(--e-a-btn-bg-accent);
4224 - color: var(--e-a-btn-color-invert);
4225 - transition: var(--e-a-transition-hover);
4226 -}
4227 -.e-widget-pro-promotion .e-btn:hover, .e-widget-pro-promotion .e-btn:focus {
4228 - background-color: var(--e-a-btn-bg-accent-hover);
4229 - color: var(--e-a-btn-color-invert);
4230 -}
4231 -.e-widget-pro-promotion .e-btn:active {
4232 - background-color: var(--e-a-btn-bg-accent-active);
4233 -}
4234 -.e-widget-pro-promotion .e-btn.e-btn-txt {
4235 - background: transparent;
4236 - color: var(--e-a-color-txt);
4237 -}
4238 -.e-widget-pro-promotion .e-btn.e-btn-txt:hover, .e-widget-pro-promotion .e-btn.e-btn-txt:focus {
4239 - background: var(--e-a-bg-hover);
4240 - color: var(--e-a-color-txt-hover);
4241 -}
4242 -
4243 4118 .elementor-section > .elementor-element-overlay,
4244 4119 .e-con > .elementor-element-overlay {
4245 - inset-block-end: 0;
4246 - inset-inline-start: 0;
4120 + left: 0;
4121 + bottom: 0;
4247 4122 }
4248 4123 .elementor-section > .elementor-element-overlay:after,
4249 4124 .e-con > .elementor-element-overlay:after {
4250 4125 position: absolute;
4251 - inset: 1px;
4126 + left: 1px;
4127 + right: 1px;
4128 + top: 1px;
4129 + bottom: 1px;
4252 4130 outline: 1px solid var(--e-p-border-con);
4253 4131 animation: section-outline 0.75s;
4254 4132 }
4255 -.elementor-section:hover > .elementor-element-overlay:after,
4256 -.e-con:hover > .elementor-element-overlay:after {
4257 - content: "";
4258 -}
4259 -.elementor-section.elementor-element-editable > .elementor-element-overlay:after,
4133 +.elementor-section:hover > .elementor-element-overlay:after, .elementor-section.elementor-element-editable > .elementor-element-overlay:after,
4134 +.e-con:hover > .elementor-element-overlay:after,
4260 4135 .e-con.elementor-element-editable > .elementor-element-overlay:after {
4261 4136 content: "";
4262 - outline-width: 2px;
4263 4137 }
4264 4138
4265 -.e-con .e-con-inner .e-con.e-child > .elementor-element-overlay:after {
4266 - outline: 1px dashed var(--e-p-border-con-in);
4267 -}
4268 -.e-con .e-con-inner .e-con.e-child.elementor-element-editable > .elementor-element-overlay:after {
4269 - outline: 2px solid var(--e-p-border-con-in);
4270 -}
4271 -.e-con .elementor-empty-view {
4272 - position: relative;
4273 - width: 100%;
4274 - height: 100%;
4275 - min-height: 100px;
4276 - stroke: transparent;
4277 - stroke-width: 0;
4278 - -webkit-text-stroke: 0 transparent;
4279 -}
4280 -.e-con .elementor-empty-view .elementor-first-add {
4281 - width: auto;
4282 - height: auto;
4283 - inset: 0;
4284 -}
4285 -.e-con:not(.e-grid) .elementor-empty-view {
4286 - min-height: var(--min-height, 100px);
4287 -}
4288 -.e-con.e-grid .elementor-empty-view {
4289 - min-width: 100px;
4290 -}
4291 -.e-con .elementor-widget-placeholder {
4292 - --size: 10px;
4293 - --margin-start: calc( -1 * var( --size ) );
4294 - --margin-end: calc( -2 * var( --size ) );
4295 - flex-shrink: 0;
4296 - align-self: stretch;
4297 - z-index: 1;
4298 - pointer-events: none;
4299 -}
4300 -.e-con.e-con--row > .elementor-widget-placeholder,
4301 -.e-con.e-con--row > .elementor-element[data-atomic] > .elementor-widget-placeholder, .e-con.e-con--row > .e-con-inner > .elementor-widget-placeholder,
4302 -.e-con.e-con--row > .e-con-inner > .elementor-element[data-atomic] > .elementor-widget-placeholder {
4303 - position: relative;
4304 - z-index: 9999;
4305 - width: var(--size);
4306 - margin-inline-start: var(--margin-start);
4307 - height: auto;
4308 - min-height: 100%;
4309 - animation-name: dnd-placeholder-widget-vertical;
4310 - animation-fill-mode: both;
4311 -}
4312 -.e-con.e-con--row[data-nesting-level]:not([data-nesting-level="0"]) > .elementor-widget-placeholder, .e-con.e-con--row[data-nesting-level]:not([data-nesting-level="0"]) > .e-con-inner > .elementor-widget-placeholder {
4313 - margin-inline-end: 0;
4314 - margin-inline-start: calc(var(--margin-start) + var(--margin-end));
4315 -}
4316 -.e-con.e-con--row[data-nesting-level]:not([data-nesting-level="0"]) > :not(.elementor-element) + .elementor-widget-placeholder, .e-con.e-con--row[data-nesting-level]:not([data-nesting-level="0"]) > .e-con-inner > :not(.elementor-element) + .elementor-widget-placeholder {
4317 - margin-inline-end: var(--margin-end);
4318 - margin-inline-start: var(--margin-start);
4319 -}
4320 -.e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-right, .e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-left, .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-right, .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-left {
4321 - position: absolute;
4322 - width: var(--size);
4323 - height: 100%;
4324 - top: 0;
4325 - animation: grow-in-width 0.15s forwards;
4326 -}
4327 -.e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-right, .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-right {
4328 - right: 0;
4329 - left: auto;
4330 -}
4331 -.e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-left, .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-left {
4332 - left: 0;
4333 - right: auto;
4334 -}
4335 -.e-con.e-con--column > .elementor-widget-placeholder, .e-con.e-con--column > .e-con-inner > .elementor-widget-placeholder {
4336 - height: var(--size);
4337 - margin-block-start: var(--margin-start);
4338 - margin-block-end: var(--margin-end);
4339 - animation-name: dnd-placeholder-widget-horizontal;
4340 -}
4341 -.e-con.e-con--column > .elementor-widget-placeholder:nth-last-child(2) {
4342 - margin-block-start: calc(2 * var(--margin-start));
4343 - --margin-end: 0;
4344 -}
4345 -.e-con.e-con--column > .e-con-inner > .elementor-widget-placeholder:last-child {
4346 - --margin-end: 0;
4347 -}
4348 -.e-con .elementor-sortable-helper {
4349 - height: 84px;
4350 - width: 125px;
4351 - z-index: -1;
4352 -}
4353 -.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting, .e-con.e-child > .elementor-element-overlay .elementor-editor-element-setting {
4354 - position: relative;
4355 - background-color: var(--e-p-border-con-in);
4356 -}
4357 -.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:hover, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:hover, .e-con.e-child > .elementor-element-overlay .elementor-editor-element-setting:hover {
4358 - background-color: var(--e-p-border-con-in-hover);
4359 -}
4360 -.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-add, .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-edit + .elementor-editor-element-remove, .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:first-child::before, .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:last-child::after, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-add, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-edit + .elementor-editor-element-remove, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:first-child::before, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:last-child::after, .e-con.e-child > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-add, .e-con.e-child > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-edit + .elementor-editor-element-remove, .e-con.e-child > .elementor-element-overlay .elementor-editor-element-setting:first-child::before, .e-con.e-child > .elementor-element-overlay .elementor-editor-element-setting:last-child::after {
4361 - display: none;
4362 -}
4363 -.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit), .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit), .e-con.e-child > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit) {
4364 - margin-inline-start: -25px;
4365 - z-index: -1;
4366 - transition: 0.3s all;
4367 - will-change: margin-inline-start;
4368 -}
4369 -.e-con > .e-con > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove), .e-con-inner > .e-con > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove), .e-con.e-child > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove) {
4370 - margin-inline-start: 0;
4371 -}
4372 -.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-settings, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-settings, .e-con.e-child > .elementor-element-overlay .elementor-editor-element-settings {
4373 - inset: initial;
4374 - transform: none;
4375 - inset-inline-start: 0;
4376 - top: 0;
4377 - border-radius: 0;
4378 - border-end-end-radius: 3px;
4379 - height: auto;
4380 -}
4381 -.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before, .e-con.e-child > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before {
4382 - content: "\e9b4";
4383 - font-size: 20px;
4384 - display: block;
4385 - padding: 2px;
4386 -}
4387 -
4388 -.e-atomic-element:has(> .elementor-empty-view) {
4389 - min-height: 120px;
4390 -}
4391 -.e-atomic-element > .elementor-empty-view.elementor-empty-view {
4392 - min-height: inherit;
4393 -}
4394 -
4395 -.e-grid-base > .elementor-empty-view.elementor-empty-view > .elementor-first-add {
4396 - opacity: 0;
4397 -}
4398 -.e-grid-base:has(> .elementor-element) > .elementor-empty-view.elementor-empty-view {
4399 - position: absolute;
4400 - grid-row: var(--e-grid-empty-cell-row, 1)/span 1;
4401 - grid-column: var(--e-grid-empty-cell-col, 1)/span 1;
4402 - visibility: var(--e-grid-empty-cell-visibility, visible);
4403 - inset: 0;
4404 - width: auto;
4405 - height: auto;
4406 - min-width: 0;
4407 - min-height: 0;
4408 -}
4409 -.e-grid-base .elementor-element:has(> .elementor-widget-placeholder.e-dragging-top),
4410 -.e-grid-base .elementor-element:has(> .elementor-widget-placeholder.e-dragging-bottom),
4411 -.e-grid-base .elementor-element > :has(> .elementor-widget-placeholder.e-dragging-top),
4412 -.e-grid-base .elementor-element > :has(> .elementor-widget-placeholder.e-dragging-bottom) {
4413 - position: relative;
4414 -}
4415 -.e-grid-base .elementor-element .elementor-widget-placeholder {
4416 - --size: 10px;
4417 -}
4418 -.e-grid-base .elementor-element .elementor-widget-placeholder.e-dragging-top, .e-grid-base .elementor-element .elementor-widget-placeholder.e-dragging-bottom {
4419 - position: absolute;
4420 - width: 100%;
4421 - height: var(--size);
4422 - inset-inline: 0;
4423 - z-index: 9999;
4424 - animation: placeholder-widget 500ms;
4425 -}
4426 -.e-grid-base .elementor-element .elementor-widget-placeholder.e-dragging-top {
4427 - inset-block-start: 0;
4428 -}
4429 -.e-grid-base .elementor-element .elementor-widget-placeholder.e-dragging-bottom {
4430 - inset-block-end: 0;
4431 -}
4432 -
4433 -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 {
4434 - left: 0;
4435 - right: auto;
4436 -}
4437 -body.rtl .e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-left, body.rtl .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-left {
4438 - right: 0;
4439 - left: auto;
4440 -}
4441 -
4442 -@keyframes dnd-placeholder-widget-vertical {
4443 - 0% {
4444 - transform-origin: 0 50%;
4445 - transform: translateX(50%) scaleX(0);
4446 - opacity: 0;
4447 - }
4448 - 100% {
4449 - transform-origin: 0 50%;
4450 - transform: translateX(50%) scaleX(1);
4451 - opacity: 0.9;
4452 - }
4453 -}
4454 -@keyframes dnd-placeholder-widget-horizontal {
4455 - 0% {
4456 - transform-origin: 50% 0;
4457 - transform: scaleY(0);
4458 - opacity: 0;
4459 - }
4460 - 100% {
4461 - transform-origin: 50% 0;
4462 - transform: scaleY(1);
4463 - opacity: 0.9;
4464 - }
4465 -}
4466 -@keyframes grow-in-width {
4467 - from {
4468 - width: 0;
4469 - }
4470 - 50% {
4471 - width: calc(var(--size) / 2);
4472 - }
4473 - to {
4474 - width: var(--size);
4475 - }
4476 -}
4477 4139 .e-con-select-preset {
4478 4140 display: flex;
4479 4141 flex-direction: column;
4480 4142 align-items: center;
@@ -4486,15 +4148,8 @@
4486 4148 }
4487 4149 .e-con-select-preset[data-view=drop-area] > *:not(.elementor-first-add) {
4488 4150 display: none;
4489 4151 }
4490 -.e-con-select-preset-grid {
4491 - flex-wrap: wrap;
4492 - gap: 20px;
4493 -}
4494 -.e-con-select-preset-grid .e-con-select-preset__list .e-con-preset rect {
4495 - fill: transparent;
4496 -}
4497 4152 .e-con-select-preset__title {
4498 4153 font-family: var(--e-a-font-family);
4499 4154 font-size: 15px;
4500 4155 font-weight: 400;
@@ -4510,24 +4165,13 @@
4510 4165 }
4511 4166 .e-con-select-preset__list .e-con-preset {
4512 4167 cursor: pointer;
4513 4168 flex-basis: 90px;
4514 - padding: unset;
4515 - margin: unset;
4516 - border: unset;
4517 - border-radius: unset;
4518 - outline: unset;
4519 - box-shadow: unset;
4520 - text-shadow: unset;
4521 - background-color: unset;
4522 4169 }
4523 4170 .e-con-select-preset__list .e-con-preset svg {
4524 4171 width: 100%;
4525 4172 height: auto;
4526 4173 }
4527 -.e-con-select-preset__list .e-con-preset svg:not(.exclude-rtl-scale) {
4528 - scale: calc(1 * var(--direction-multiplier)) 1;
4529 -}
4530 4174 .e-con-select-preset__list .e-con-preset path {
4531 4175 fill: var(--e-a-color-white);
4532 4176 }
4533 4177 .e-con-select-preset__list .e-con-preset rect {
@@ -4533,24 +4177,11 @@
4533 4177 .e-con-select-preset__list .e-con-preset rect {
4534 4178 fill: var(--e-a-bg-active-bold);
4535 4179 transition: 0.3s all;
4536 4180 }
4537 -.e-con-select-preset__list .e-con-preset:hover, .e-con-select-preset__list .e-con-preset:focus {
4538 - border: unset;
4539 - border-radius: unset;
4540 - box-shadow: unset;
4541 - text-shadow: unset;
4542 - background-color: transparent;
4543 -}
4544 -.e-con-select-preset__list .e-con-preset:hover path, .e-con-select-preset__list .e-con-preset:focus path {
4545 - stroke: var(--e-a-color-white);
4546 -}
4547 -.e-con-select-preset__list .e-con-preset:hover rect, .e-con-select-preset__list .e-con-preset:focus rect {
4181 +.e-con-select-preset__list .e-con-preset:hover rect {
4548 4182 fill: var(--e-a-color-txt);
4549 4183 }
4550 -.e-con-select-preset__list .e-con-preset[data-preset=r100] {
4551 - scale: calc(1 * var(--direction-multiplier)) 1;
4552 -}
4553 4184 .e-con-shared-styles {
4554 4185 font-family: var(--e-a-font-family);
4555 4186 line-height: 1;
4556 4187 color: var(--e-a-color-txt);
@@ -4575,20 +4206,39 @@
4575 4206 .e-con-select-type__icons__icon {
4576 4207 cursor: pointer;
4577 4208 }
4578 4209 .e-con-select-type__icons__icon svg {
4579 - margin-block-end: 10px;
4210 + margin-bottom: 10px;
4580 4211 width: 85px;
4581 4212 }
4582 -.e-con-select-type__icons__icon:hover svg rect, .e-con-select-type__icons__icon:focus svg rect {
4213 +.e-con-select-type__icons__icon svg:hover rect {
4583 4214 fill: var(--e-a-color-txt);
4584 4215 }
4585 -.e-con-select-type__icons__icon:hover svg path, .e-con-select-type__icons__icon:focus svg path {
4216 +.e-con-select-type__icons__icon svg:hover path {
4586 4217 stroke: var(--e-a-color-white);
4587 4218 }
4588 4219 .e-con-select-type__icons__icon__subtitle {
4589 4220 font-size: 14px;
4590 4221 font-weight: 500;
4222 +}
4223 +.e-con-select-preset-grid__title {
4224 + font-size: 15px;
4225 + font-weight: 400;
4226 +}
4227 +.e-con-select-preset-grid__list {
4228 + display: flex;
4229 + justify-content: center;
4230 + flex-wrap: wrap;
4231 + gap: 20px;
4232 +}
4233 +.e-con-select-preset-grid__list svg {
4234 + cursor: pointer;
4235 +}
4236 +.e-con-select-preset-grid__list svg:hover rect {
4237 + fill: var(--e-a-color-txt);
4238 +}
4239 +.e-con-select-preset-grid__list svg:hover path {
4240 + stroke: var(--e-a-color-white);
4591 4241 }
4592 4242 .e-con .ui-resizable-e {
4593 4243 right: 0;
4594 4244 }