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-rtl.css +868 -1210 4.2.0-dev2 → 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 + left: 15px;
20 + color: var(--e-a-color-txt);
21 + font-size: 15px;
22 + line-height: 1;
23 + transition: var(--e-a-transition-hover);
24 +}
25 +.dialog-close-button:hover {
26 + color: var(--e-a-color-txt-hover);
27 +}
28 +
29 +.dialog-prevent-scroll {
30 + overflow: hidden;
31 + max-height: 100vh;
32 +}
33 +
34 +.dialog-type-lightbox {
35 + position: fixed;
36 + height: 100%;
37 + width: 100%;
38 + bottom: 0;
39 + left: 0;
40 + background-color: rgba(0, 0, 0, 0.8);
41 + z-index: 9999;
42 + -webkit-user-select: none;
43 + -moz-user-select: none;
44 + user-select: none;
45 +}
46 +
47 +.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-left: 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-left: 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 + right: 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-right: 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: right;
526 + border-radius: 3px 0 0 3px;
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-right: 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 + left: 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-left: 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 + right: 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 + right: 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: "\e909";
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,41 +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-category-chip i {
461 - margin-inline-start: 4px;
462 -}
463 -.elementor-panel-heading-promotion {
464 - margin-inline-start: auto;
465 -}
466 -.elementor-panel-heading-promotion a {
467 - color: var(--e-a-color-accent-promotion);
468 - font-family: "Roboto", sans-serif;
469 - font-weight: 500;
470 - font-size: 13px;
471 -}
472 -.elementor-panel-heading-promotion a i {
473 - margin-inline-end: 4px;
474 - font-size: 14px;
475 -}
476 -.elementor-panel-heading-promotion a:hover {
477 - color: var(--e-a-color-accent-promotion);
478 -}
479 -.elementor-panel-heading:focus-visible {
480 - color: var(--e-a-color-txt-hover);
481 -}
482 752
483 -#elementor-controls .elementor-control-type-section:first-child .elementor-panel-heading,
484 -#elementor-panel-page-settings-controls .elementor-control-type-section:first-child .elementor-panel-heading,
485 -#elementor-panel-editorPreferences-settings-controls .elementor-control-type-section:first-child .elementor-panel-heading {
486 - border-block-start: none;
753 +#elementor-controls .elementor-control-type-section:first-child .elementor-panel-heading {
754 + border-top: none;
487 755 }
488 756
489 757 .elementor-control-field {
490 758 display: flex;
@@ -496,9 +764,9 @@
496 764 }
497 765 .elementor-label-block > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
498 766 width: 100%;
499 767 max-width: 100%;
500 - margin-block-start: 10px;
768 + margin-top: 10px;
501 769 }
502 770 .elementor-label-block > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper > .elementor-choices label {
503 771 width: auto;
504 772 flex: 1 1 27px;
@@ -506,12 +774,12 @@
506 774 align-items: center;
507 775 justify-content: center;
508 776 }
509 777 .elementor-label-block.elementor-control-hidden-label:not(.elementor-control-dynamic) > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
510 - margin-block-start: 0;
778 + margin-top: 0;
511 779 }
512 780 .elementor-label-block.elementor-control-hidden-label.elementor-label-block > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
513 - margin-block-start: 0;
781 + margin-top: 0;
514 782 }
515 783
516 784 .elementor-label-inline > .elementor-control-content > .elementor-control-field > .elementor-control-title {
517 785 flex-shrink: 0;
@@ -517,24 +785,22 @@
517 785 flex-shrink: 0;
518 786 max-width: 60%;
519 787 }
520 788 .elementor-label-inline > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
521 - margin-inline-start: auto;
789 + margin-right: auto;
522 790 }
523 791
524 792 .elementor-control-field-description {
525 - margin-block-start: 10px;
793 + margin-top: 10px;
526 794 }
527 795
528 796 .elementor-group-control-attachment_alert .elementor-control-field-description {
529 - margin-block-start: 0;
797 + margin-top: 0;
530 798 }
531 799
532 -.elementor-control-start-end .eicon-text-align-left,
533 -.elementor-control-start-end .eicon-text-align-right,
534 800 .elementor-control-start-end .eicon-h-align-left,
535 801 .elementor-control-start-end .eicon-h-align-right {
536 - scale: calc(1 * var(--direction-multiplier)) 1;
802 + transform: rotate(180deg);
537 803 }
538 804
539 805 .elementor-update-preview {
540 806 margin: 15px 15px 0;
@@ -543,13 +809,14 @@
543 809 }
544 810
545 811 .elementor-update-preview-button-wrapper {
546 812 flex-grow: 1;
547 - text-align: end;
813 + text-align: left;
548 814 }
549 815
550 816 .elementor-update-preview-button {
551 817 padding: 8px 15px;
818 + text-transform: uppercase;
552 819 }
553 820
554 821 .elementor-control-direction-ltr input,
555 822 .elementor-control-direction-ltr textarea {
@@ -565,15 +832,15 @@
565 832 --pointer-position: var(--selected-option);
566 833 position: relative;
567 834 width: 2.5em;
568 835 height: 2.5em;
569 - margin: calc(-2.5em + 12px) 0;
570 - margin-inline-end: 5px;
836 + margin: calc( -2.5em + 12px) 0;
837 + margin-left: 5px;
571 838 }
572 839 .elementor-control-responsive-switchers__holder {
573 840 position: absolute;
574 841 width: 100%;
575 - inset-block-start: 0;
842 + top: 0;
576 843 background-color: var(--e-a-bg-default);
577 844 border-radius: var(--e-a-border-radius);
578 845 transition: 0.15s;
579 846 border: 1px solid transparent;
@@ -677,9 +944,9 @@
677 944 }
678 945
679 946 .e-units-wrapper {
680 947 position: relative;
681 - margin-inline-start: auto;
948 + margin-right: auto;
682 949 }
683 950 .e-units-wrapper .e-units-switcher {
684 951 cursor: pointer;
685 952 font-size: 10px;
@@ -716,10 +983,10 @@
716 983 display: none;
717 984 overflow: hidden;
718 985 max-height: 0;
719 986 position: absolute;
720 - inset-block-start: -0.8em;
721 - inset-inline-start: -0.5em;
987 + top: -0.8em;
988 + right: -0.5em;
722 989 width: 2.5em;
723 990 text-align: center;
724 991 background-color: var(--e-a-bg-default);
725 992 border-radius: var(--e-a-border-radius);
@@ -739,8 +1006,14 @@
739 1006 }
740 1007 .e-units-choices .elementor-units-choices-label:hover {
741 1008 color: var(--e-a-color-primary-bold);
742 1009 }
1010 +.e-units-choices .elementor-units-choices-label:not([data-choose=custom]) i {
1011 + display: none;
1012 +}
1013 +.e-units-choices .elementor-units-choices-label[data-choose=custom] span {
1014 + display: none;
1015 +}
743 1016 .e-units-choices.e-units-choices-open {
744 1017 display: block;
745 1018 animation-duration: 1s;
746 1019 animation-name: e-units-choices-open;
@@ -758,21 +1031,10 @@
758 1031 to {
759 1032 max-height: 100vh;
760 1033 }
761 1034 }
762 -.elementor-control-alert {
763 - display: flex;
764 - flex-direction: column;
765 - justify-content: flex-start;
766 - align-items: flex-start;
767 - gap: 8px;
768 -}
769 -.elementor-control-alert-heading {
770 - font-weight: bold;
771 -}
772 -
773 1035 .elementor-control-type-button .elementor-control-input-wrapper {
774 - text-align: end;
1036 + text-align: left;
775 1037 }
776 1038 .elementor-control-type-button .elementor-button {
777 1039 width: auto;
778 1040 }
@@ -794,12 +1056,12 @@
794 1056 border-radius: var(--e-a-border-radius);
795 1057 overflow: hidden;
796 1058 }
797 1059 .elementor-choices .elementor-choices-label {
798 - border-block-start: var(--e-a-border-bold);
799 - border-block-end: var(--e-a-border-bold);
800 - border-inline-start: var(--e-a-border-bold);
801 - border-inline-end: none;
1060 + border-top: var(--e-a-border-bold);
1061 + border-bottom: var(--e-a-border-bold);
1062 + border-right: var(--e-a-border-bold);
1063 + border-left: none;
802 1064 font-size: 12px;
803 1065 transition: var(--e-a-transition-hover);
804 1066 cursor: pointer;
805 1067 overflow: hidden;
@@ -804,15 +1066,15 @@
804 1066 cursor: pointer;
805 1067 overflow: hidden;
806 1068 }
807 1069 .elementor-choices .elementor-choices-label:nth-child(2) {
808 - border-start-start-radius: var(--e-a-border-radius);
809 - border-end-start-radius: var(--e-a-border-radius);
1070 + border-top-right-radius: var(--e-a-border-radius);
1071 + border-bottom-right-radius: var(--e-a-border-radius);
810 1072 }
811 1073 .elementor-choices .elementor-choices-label:last-child {
812 - border-inline-end: var(--e-a-border-bold);
813 - border-start-end-radius: var(--e-a-border-radius);
814 - border-end-end-radius: var(--e-a-border-radius);
1074 + border-left: var(--e-a-border-bold);
1075 + border-top-left-radius: var(--e-a-border-radius);
1076 + border-bottom-left-radius: var(--e-a-border-radius);
815 1077 }
816 1078 .elementor-choices input {
817 1079 display: none;
818 1080 }
@@ -827,23 +1089,13 @@
827 1089 .elementor-label-inline .elementor-choices {
828 1090 justify-content: flex-end;
829 1091 }
830 1092
831 -.elementor-control-type-color.e-control-global .pickr {
832 - border-start-start-radius: 0;
833 - border-start-end-radius: var(--e-a-border-radius);
834 - border-end-start-radius: 0;
835 - border-end-end-radius: var(--e-a-border-radius);
1093 +.elementor-control-type-color.e-control-global .e-global__popover-toggle ~ .pickr {
1094 + border-radius: var(--e-a-border-radius) 0 0 var(--e-a-border-radius);
836 1095 flex-shrink: 0;
837 1096 border-color: var(--e-a-border-color-bold);
838 - transition: var(--e-a-transition-hover);
839 1097 }
840 -.elementor-control-type-color.e-control-global .pickr:hover {
841 - background-color: var(--e-a-bg-hover);
842 -}
843 -.elementor-control-type-color.e-control-global .e-global__popover-toggle:not(.e-global__popover-toggle--active) ~ .pickr {
844 - background-color: var(--e-a-bg-active-bold);
845 -}
846 1098 .elementor-control-type-color .elementor-control-title {
847 1099 flex-grow: 1;
848 1100 }
849 1101 .elementor-control-type-color .elementor-control-input-wrapper {
@@ -855,10 +1107,10 @@
855 1107 height: 6px;
856 1108 box-shadow: 0 0 1px 1px inset rgba(0, 0, 0, 0.2);
857 1109 }
858 1110 .elementor-group-control-css-filter .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
859 - margin-block-start: 0;
860 - margin-block-end: 5px;
1111 + margin-top: 0;
1112 + margin-bottom: 5px;
861 1113 }
862 1114
863 1115 .elementor-group-control-blur .elementor-slider {
864 1116 background: url("../images/blur.png");
@@ -888,15 +1140,15 @@
888 1140 --pointer-position: var(--selected-option);
889 1141 position: relative;
890 1142 width: 2.5em;
891 1143 height: 2.5em;
892 - margin: calc(-2.5em + 12px) 0;
893 - margin-inline-end: 5px;
1144 + margin: calc( -2.5em + 12px) 0;
1145 + margin-left: 5px;
894 1146 }
895 1147 .elementor-control-responsive-switchers__holder {
896 1148 position: absolute;
897 1149 width: 100%;
898 - inset-block-start: 0;
1150 + top: 0;
899 1151 background-color: var(--e-a-bg-default);
900 1152 border-radius: var(--e-a-border-radius);
901 1153 transition: 0.15s;
902 1154 border: 1px solid transparent;
@@ -1000,9 +1252,9 @@
1000 1252 }
1001 1253
1002 1254 .e-units-wrapper {
1003 1255 position: relative;
1004 - margin-inline-start: auto;
1256 + margin-right: auto;
1005 1257 }
1006 1258 .e-units-wrapper .e-units-switcher {
1007 1259 cursor: pointer;
1008 1260 font-size: 10px;
@@ -1039,10 +1291,10 @@
1039 1291 display: none;
1040 1292 overflow: hidden;
1041 1293 max-height: 0;
1042 1294 position: absolute;
1043 - inset-block-start: -0.8em;
1044 - inset-inline-start: -0.5em;
1295 + top: -0.8em;
1296 + right: -0.5em;
1045 1297 width: 2.5em;
1046 1298 text-align: center;
1047 1299 background-color: var(--e-a-bg-default);
1048 1300 border-radius: var(--e-a-border-radius);
@@ -1062,8 +1314,14 @@
1062 1314 }
1063 1315 .e-units-choices .elementor-units-choices-label:hover {
1064 1316 color: var(--e-a-color-primary-bold);
1065 1317 }
1318 +.e-units-choices .elementor-units-choices-label:not([data-choose=custom]) i {
1319 + display: none;
1320 +}
1321 +.e-units-choices .elementor-units-choices-label[data-choose=custom] span {
1322 + display: none;
1323 +}
1066 1324 .e-units-choices.e-units-choices-open {
1067 1325 display: block;
1068 1326 animation-duration: 1s;
1069 1327 animation-name: e-units-choices-open;
@@ -1096,15 +1354,15 @@
1096 1354 width: 100%;
1097 1355 height: 27px;
1098 1356 }
1099 1357 .elementor-control-type-dimensions li input {
1100 - border-inline-start: none;
1358 + border-right: none;
1101 1359 border-radius: 0;
1102 1360 padding: var(--e-a-border-radius);
1103 1361 }
1104 1362 .elementor-control-type-dimensions li input:focus {
1105 - border-inline-start: var(--e-a-border-bold);
1106 - margin-inline-start: -1px;
1363 + border-right: var(--e-a-border-bold);
1364 + margin-right: -1px;
1107 1365 width: calc(100% + 1px);
1108 1366 }
1109 1367 .elementor-control-type-dimensions li input:focus + .elementor-control-dimension-label {
1110 1368 color: var(--e-a-color-txt);
@@ -1110,28 +1368,22 @@
1110 1368 color: var(--e-a-color-txt);
1111 1369 }
1112 1370 .elementor-control-type-dimensions li .elementor-link-dimensions {
1113 1371 border: var(--e-a-border-bold);
1114 - border-inline-start: none;
1372 + border-right: none;
1115 1373 background-color: var(--e-a-bg-default);
1116 1374 padding: 0;
1117 1375 outline: none;
1118 - border-start-start-radius: 0;
1119 - border-start-end-radius: var(--e-a-border-radius);
1120 - border-end-start-radius: 0;
1121 - border-end-end-radius: var(--e-a-border-radius);
1376 + border-radius: var(--e-a-border-radius) 0 0 var(--e-a-border-radius);
1122 1377 cursor: pointer;
1123 1378 }
1124 1379 .elementor-control-type-dimensions li:first-child input {
1125 - border-inline-start: 1px solid var(--e-a-border-color-bold);
1126 - border-start-start-radius: var(--e-a-border-radius);
1127 - border-start-end-radius: 0;
1128 - border-end-start-radius: var(--e-a-border-radius);
1129 - border-end-end-radius: 0;
1380 + border-right: 1px solid var(--e-a-border-color-bold);
1381 + border-radius: 0 var(--e-a-border-radius) var(--e-a-border-radius) 0;
1130 1382 }
1131 1383 .elementor-control-type-dimensions li:first-child input:focus {
1132 1384 border-color: var(--e-a-border-color-focus);
1133 - margin-inline-start: 0;
1385 + margin-right: 0;
1134 1386 width: 100%;
1135 1387 }
1136 1388 .elementor-control-type-dimensions li:last-child {
1137 1389 max-width: 27px;
@@ -1143,9 +1395,9 @@
1143 1395 color: var(--e-a-color-txt-muted);
1144 1396 display: block;
1145 1397 text-align: center;
1146 1398 font-size: 9px;
1147 - padding-block-start: 5px;
1399 + padding-top: 5px;
1148 1400 }
1149 1401 .elementor-control-type-dimensions .elementor-link-dimensions.unlinked {
1150 1402 background-color: var(--e-a-bg-default);
1151 1403 }
@@ -1166,15 +1418,15 @@
1166 1418 --pointer-position: var(--selected-option);
1167 1419 position: relative;
1168 1420 width: 2.5em;
1169 1421 height: 2.5em;
1170 - margin: calc(-2.5em + 12px) 0;
1171 - margin-inline-end: 5px;
1422 + margin: calc( -2.5em + 12px) 0;
1423 + margin-left: 5px;
1172 1424 }
1173 1425 .elementor-control-responsive-switchers__holder {
1174 1426 position: absolute;
1175 1427 width: 100%;
1176 - inset-block-start: 0;
1428 + top: 0;
1177 1429 background-color: var(--e-a-bg-default);
1178 1430 border-radius: var(--e-a-border-radius);
1179 1431 transition: 0.15s;
1180 1432 border: 1px solid transparent;
@@ -1278,9 +1530,9 @@
1278 1530 }
1279 1531
1280 1532 .e-units-wrapper {
1281 1533 position: relative;
1282 - margin-inline-start: auto;
1534 + margin-right: auto;
1283 1535 }
1284 1536 .e-units-wrapper .e-units-switcher {
1285 1537 cursor: pointer;
1286 1538 font-size: 10px;
@@ -1317,10 +1569,10 @@
1317 1569 display: none;
1318 1570 overflow: hidden;
1319 1571 max-height: 0;
1320 1572 position: absolute;
1321 - inset-block-start: -0.8em;
1322 - inset-inline-start: -0.5em;
1573 + top: -0.8em;
1574 + right: -0.5em;
1323 1575 width: 2.5em;
1324 1576 text-align: center;
1325 1577 background-color: var(--e-a-bg-default);
1326 1578 border-radius: var(--e-a-border-radius);
@@ -1340,8 +1592,14 @@
1340 1592 }
1341 1593 .e-units-choices .elementor-units-choices-label:hover {
1342 1594 color: var(--e-a-color-primary-bold);
1343 1595 }
1596 +.e-units-choices .elementor-units-choices-label:not([data-choose=custom]) i {
1597 + display: none;
1598 +}
1599 +.e-units-choices .elementor-units-choices-label[data-choose=custom] span {
1600 + display: none;
1601 +}
1344 1602 .e-units-choices.e-units-choices-open {
1345 1603 display: block;
1346 1604 animation-duration: 1s;
1347 1605 animation-name: e-units-choices-open;
@@ -1374,15 +1632,15 @@
1374 1632 width: 100%;
1375 1633 height: 27px;
1376 1634 }
1377 1635 .elementor-control-type-gaps li input {
1378 - border-inline-start: none;
1636 + border-right: none;
1379 1637 border-radius: 0;
1380 1638 padding: var(--e-a-border-radius);
1381 1639 }
1382 1640 .elementor-control-type-gaps li input:focus {
1383 - border-inline-start: var(--e-a-border-bold);
1384 - margin-inline-start: -1px;
1641 + border-right: var(--e-a-border-bold);
1642 + margin-right: -1px;
1385 1643 width: calc(100% + 1px);
1386 1644 }
1387 1645 .elementor-control-type-gaps li input:focus + .elementor-control-gap-label {
1388 1646 color: var(--e-a-color-txt);
@@ -1388,28 +1646,22 @@
1388 1646 color: var(--e-a-color-txt);
1389 1647 }
1390 1648 .elementor-control-type-gaps li .elementor-link-gaps {
1391 1649 border: var(--e-a-border-bold);
1392 - border-inline-start: none;
1650 + border-right: none;
1393 1651 background-color: var(--e-a-bg-default);
1394 1652 padding: 0;
1395 1653 outline: none;
1396 - border-start-start-radius: 0;
1397 - border-start-end-radius: var(--e-a-border-radius);
1398 - border-end-start-radius: 0;
1399 - border-end-end-radius: var(--e-a-border-radius);
1654 + border-radius: var(--e-a-border-radius) 0 0 var(--e-a-border-radius);
1400 1655 cursor: pointer;
1401 1656 }
1402 1657 .elementor-control-type-gaps li:first-child input {
1403 - border-inline-start: 1px solid var(--e-a-border-color-bold);
1404 - border-start-start-radius: var(--e-a-border-radius);
1405 - border-start-end-radius: 0;
1406 - border-end-start-radius: var(--e-a-border-radius);
1407 - border-end-end-radius: 0;
1658 + border-right: 1px solid var(--e-a-border-color-bold);
1659 + border-radius: 0 var(--e-a-border-radius) var(--e-a-border-radius) 0;
1408 1660 }
1409 1661 .elementor-control-type-gaps li:first-child input:focus {
1410 1662 border-color: var(--e-a-border-color-focus);
1411 - margin-inline-start: 0;
1663 + margin-right: 0;
1412 1664 width: 100%;
1413 1665 }
1414 1666 .elementor-control-type-gaps li:last-child {
1415 1667 max-width: 27px;
@@ -1421,9 +1673,9 @@
1421 1673 color: var(--e-a-color-txt-muted);
1422 1674 display: block;
1423 1675 text-align: center;
1424 1676 font-size: 9px;
1425 - padding-block-start: 5px;
1677 + padding-top: 5px;
1426 1678 }
1427 1679 .elementor-control-type-gaps .elementor-link-gaps.unlinked {
1428 1680 background-color: var(--e-a-bg-default);
1429 1681 }
@@ -1440,11 +1692,11 @@
1440 1692 }
1441 1693
1442 1694 .elementor-control-type-icons .elementor-control-media__preview > * {
1443 1695 position: absolute;
1444 - inset-block-start: 50%;
1445 - inset-inline-start: 50%;
1446 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
1696 + top: 50%;
1697 + left: 50%;
1698 + transform: translate(-50%, -50%);
1447 1699 }
1448 1700 .elementor-control-type-icons .elementor-control-media__preview i {
1449 1701 font-size: 70px;
1450 1702 }
@@ -1461,10 +1713,10 @@
1461 1713 }
1462 1714 .elementor-control-type-gallery .elementor-control-gallery-status {
1463 1715 font-size: 12px;
1464 1716 height: 27px;
1465 - padding-inline-start: 10px;
1466 - border-block-end: var(--e-a-border-bold);
1717 + padding-right: 10px;
1718 + border-bottom: var(--e-a-border-bold);
1467 1719 display: flex;
1468 1720 }
1469 1721 .elementor-control-type-gallery .elementor-control-gallery-status > * {
1470 1722 display: flex;
@@ -1476,8 +1728,11 @@
1476 1728 .elementor-control-type-gallery .elementor-control-gallery-content {
1477 1729 position: relative;
1478 1730 overflow: hidden;
1479 1731 }
1732 +.elementor-control-type-gallery .elementor-control-gallery-content:not(:hover) .elementor-control-gallery-edit {
1733 + opacity: 0;
1734 +}
1480 1735 .elementor-control-type-gallery .elementor-control-gallery-thumbnails {
1481 1736 display: grid;
1482 1737 grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
1483 1738 grid-gap: 10px;
@@ -1483,25 +1738,21 @@
1483 1738 grid-gap: 10px;
1484 1739 cursor: pointer;
1485 1740 padding: 10px;
1486 1741 }
1487 -.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 {
1488 - opacity: 1;
1489 -}
1490 1742 .elementor-control-type-gallery .elementor-control-gallery-thumbnail {
1491 1743 width: 48px;
1492 1744 height: 48px;
1493 - -o-object-fit: cover;
1494 - object-fit: cover;
1745 + background-size: cover;
1746 + background-position: 50% 50%;
1495 1747 border: var(--e-a-border);
1496 1748 }
1497 -.elementor-control-type-gallery .elementor-control-gallery-thumbnail + .unoptimized__image {
1498 - outline: 2px solid var(--e-a-btn-bg-danger-active);
1499 - opacity: 0.6;
1500 -}
1501 1749 .elementor-control-type-gallery .elementor-control-gallery-edit {
1502 1750 position: absolute;
1503 - inset: 0;
1751 + top: 0;
1752 + bottom: 0;
1753 + left: 0;
1754 + right: 0;
1504 1755 background-color: rgba(0, 0, 0, 0.2);
1505 1756 padding: 10px;
1506 1757 font-size: 11px;
1507 1758 transition: all 0.3s ease-in-out;
@@ -1506,14 +1757,14 @@
1506 1757 font-size: 11px;
1507 1758 transition: all 0.3s ease-in-out;
1508 1759 pointer-events: none;
1509 1760 cursor: pointer;
1510 - opacity: 0;
1761 + opacity: 1;
1511 1762 }
1512 1763 .elementor-control-type-gallery .elementor-control-gallery-edit span {
1513 1764 position: absolute;
1514 - inset-block-start: 10px;
1515 - inset-inline-end: 10px;
1765 + top: 10px;
1766 + left: 10px;
1516 1767 width: 21px;
1517 1768 height: 21px;
1518 1769 color: var(--e-a-color-white);
1519 1770 background-color: rgba(0, 0, 0, 0.5);
@@ -1546,24 +1797,21 @@
1546 1797 .elementor-control-type-gallery.elementor-gallery-has-images .elementor-control-gallery-add {
1547 1798 display: none;
1548 1799 }
1549 1800 .elementor-control-type-gallery.elementor-control-dynamic .elementor-control-gallery-clear {
1550 - border-inline-start: var(--e-a-border);
1801 + border-right: var(--e-a-border);
1551 1802 }
1552 1803 .elementor-control-type-gallery .elementor-control-gallery-clear {
1553 - color: currentColor;
1554 - background-color: transparent;
1555 - border: none;
1556 1804 cursor: pointer;
1557 1805 justify-content: center;
1558 1806 }
1559 -.elementor-control-type-gallery .elementor-control-gallery-clear:hover, .elementor-control-type-gallery .elementor-control-gallery-clear:focus {
1807 +.elementor-control-type-gallery .elementor-control-gallery-clear:hover {
1560 1808 color: var(--e-a-color-danger);
1561 1809 }
1562 1810 .elementor-control-type-gallery .elementor-control-dynamic-switcher {
1563 1811 border-width: 0;
1564 1812 border-inline-start-width: 1px;
1565 - border-block-end-width: 1px;
1813 + border-bottom-width: 1px;
1566 1814 border-radius: 0;
1567 1815 }
1568 1816
1569 1817 .e-global__popover {
@@ -1569,49 +1817,43 @@
1569 1817 .e-global__popover {
1570 1818 width: 288px;
1571 1819 z-index: 1;
1572 1820 font-size: 12px;
1573 - padding-inline-start: 10px;
1821 + padding-right: 10px;
1574 1822 }
1575 1823 .e-global__popover-toggle {
1576 1824 border: var(--e-a-border-bold);
1577 - border-inline-end: 0;
1578 - border-start-start-radius: 3px;
1579 - border-start-end-radius: 0;
1580 - border-end-start-radius: 3px;
1581 - border-end-end-radius: 0;
1825 + border-left: 0;
1826 + border-radius: 0 3px 3px 0;
1582 1827 display: flex;
1583 1828 align-items: center;
1584 1829 justify-content: center;
1585 1830 cursor: pointer;
1586 - transition: var(--e-a-transition-hover);
1587 1831 }
1588 -.e-global__popover-toggle:hover {
1589 - background-color: var(--e-a-bg-hover);
1590 -}
1591 1832 .e-global__popover-toggle--active {
1592 1833 color: var(--e-a-color-primary-bold);
1593 - background-color: var(--e-a-bg-active-bold);
1834 + background-color: var(--e-a-bg-active);
1594 1835 }
1595 1836 .e-global__popover-container {
1596 1837 box-shadow: var(--e-a-popover-shadow);
1597 1838 border-radius: var(--e-a-border-radius);
1598 1839 background-color: var(--e-a-bg-default);
1840 + padding-bottom: 5px;
1599 1841 }
1600 1842 .e-global__popover-title {
1601 1843 padding: 15px 20px;
1602 1844 font-weight: 500;
1603 - border-block-end: var(--e-a-border);
1845 + border-bottom: var(--e-a-border);
1604 1846 display: flex;
1605 1847 }
1606 1848 .e-global__popover-title > i {
1607 - margin-inline-end: 5px;
1849 + margin-left: 5px;
1608 1850 }
1609 1851 .e-global__popover-title-text {
1610 1852 flex-grow: 1;
1611 1853 }
1612 1854 .e-global__popover-info {
1613 - margin-inline-end: 10px;
1855 + margin-left: 5px;
1614 1856 display: inline-block;
1615 1857 }
1616 1858 .e-global__popover-info-tooltip {
1617 1859 width: 270px;
@@ -1623,20 +1865,20 @@
1623 1865 }
1624 1866 .e-global__popover-info-tooltip:after {
1625 1867 content: "";
1626 1868 position: absolute;
1627 - inset-block-end: -17px;
1628 - inset-inline-start: 16px;
1869 + bottom: -17px;
1870 + right: 16px;
1629 1871 border: 10px solid transparent;
1630 - border-block-start-color: rgba(0, 0, 0, 0.9);
1872 + border-top-color: rgba(0, 0, 0, 0.9);
1631 1873 }
1632 1874 .e-global__popover-info i {
1633 1875 font-size: 13px;
1634 1876 }
1635 1877 .e-global__preview-items-container {
1636 - max-height: 400px;
1878 + max-height: 260px;
1637 1879 overflow-y: auto;
1638 - padding: 5px 0;
1880 + margin-top: 5px;
1639 1881 }
1640 1882 .e-global__preview-items-container::-webkit-scrollbar {
1641 1883 width: 7px;
1642 1884 }
@@ -1643,26 +1885,14 @@
1643 1885 .e-global__preview-items-container::-webkit-scrollbar-thumb {
1644 1886 background-color: #BABFC5;
1645 1887 border-radius: 10px;
1646 1888 }
1647 -.e-global__group-header {
1648 - padding: 12px 20px 5px;
1649 - font-weight: 500;
1650 - font-size: 11px;
1651 - color: var(--e-a-color-txt-muted);
1652 -}
1653 -.e-global__group-divider {
1654 - height: 1px;
1655 - background-color: var(--e-a-border-color);
1656 - margin: 10px 20px;
1657 -}
1658 1889 .e-global__manage-button {
1659 1890 font-weight: 500;
1660 1891 cursor: pointer;
1661 1892 }
1662 1893 .e-global__typography {
1663 - padding-block: 10px;
1664 - padding-inline: 35px 20px;
1894 + padding: 5px 35px 5px 10px;
1665 1895 white-space: nowrap;
1666 1896 text-overflow: ellipsis;
1667 1897 overflow: hidden;
1668 1898 }
@@ -1671,34 +1901,44 @@
1671 1901 font-size: 13px;
1672 1902 content: "\e90e";
1673 1903 position: absolute;
1674 1904 transform: translateY(-50%);
1675 - inset-block-start: 50%;
1676 - inset-inline-start: 13px;
1905 + top: 50%;
1906 + left: 12px;
1677 1907 }
1678 1908 .e-global__color {
1679 - padding: 10px 20px;
1909 + margin: 5px auto;
1910 + padding: 5px 20px;
1680 1911 display: flex;
1681 1912 align-items: center;
1682 1913 }
1914 +.e-global__color:first-child {
1915 + margin-top: 5px;
1916 +}
1917 +.e-global__color:last-child {
1918 + margin-bottom: 10px;
1919 +}
1683 1920 .e-global__color-preview-container {
1684 1921 height: 20px;
1685 1922 width: 20px;
1686 1923 border-radius: 3px;
1687 1924 border: 1px solid rgba(0, 0, 0, 0.1);
1688 - margin-inline-end: 10px;
1925 + margin-left: 10px;
1689 1926 flex-shrink: 0;
1690 1927 position: relative;
1691 1928 }
1692 1929 .e-global__color-preview-color, .e-global__color-preview-transparent-bg {
1693 1930 border-radius: 3px;
1931 + height: 100%;
1932 + width: 100%;
1694 1933 position: absolute;
1695 - inset: 0;
1934 + top: 0;
1935 + left: 0;
1696 1936 }
1697 1937 .e-global__color-preview-transparent-bg {
1698 1938 background-image: linear-gradient(45deg, var(--e-a-border-color-bold) 25%, transparent 0, transparent 75%, var(--e-a-border-color-bold) 0, var(--e-a-border-color-bold)), linear-gradient(45deg, var(--e-a-border-color-bold) 25%, transparent 0, transparent 75%, var(--e-a-border-color-bold) 0, var(--e-a-border-color-bold));
1699 1939 background-size: 12px 12px;
1700 - background-position: 0 0, calc(12px / 2) calc(12px / 2);
1940 + background-position: 0 0, calc( 12px / 2 ) calc( 12px / 2 );
1701 1941 }
1702 1942 .e-global__color-title {
1703 1943 flex-grow: 1;
1704 1944 white-space: nowrap;
@@ -1703,9 +1943,9 @@
1703 1943 flex-grow: 1;
1704 1944 white-space: nowrap;
1705 1945 text-overflow: ellipsis;
1706 1946 overflow: hidden;
1707 - padding-inline-end: 10px;
1947 + padding-left: 10px;
1708 1948 }
1709 1949 .e-global__color-hex {
1710 1950 font-size: 10px;
1711 1951 color: var(--e-a-color-txt-muted);
@@ -1757,14 +1997,12 @@
1757 1997 max-width: 135px;
1758 1998 width: 100%;
1759 1999 }
1760 2000 .e-control-global.elementor-control .elementor-control-input-wrapper {
1761 - display: flex;
1762 - flex-direction: row;
1763 - align-items: stretch;
2001 + direction: rtl;
1764 2002 }
1765 2003 .e-control-global .elementor-control-spinner {
1766 - margin-inline-end: 4px;
2004 + margin-left: 4px;
1767 2005 }
1768 2006
1769 2007 .elementor-control-type-hidden {
1770 2008 display: none !important;
@@ -1770,9 +2008,9 @@
1770 2008 display: none !important;
1771 2009 }
1772 2010
1773 2011 .elementor-control-type-icon .select2-selection__rendered .eicon {
1774 - margin-inline-end: 3px;
2012 + margin-right: 3px;
1775 2013 }
1776 2014
1777 2015 .elementor-control-type-image_dimensions .elementor-control-field-description {
1778 2016 margin: 0 0 15px;
@@ -1790,19 +2028,19 @@
1790 2028 }
1791 2029 .elementor-control-type-image_dimensions .elementor-image-dimensions-separator {
1792 2030 width: 20px;
1793 2031 text-align: center;
1794 - padding-block-start: 4px;
2032 + padding-top: 4px;
1795 2033 }
1796 2034 .elementor-control-type-image_dimensions .elementor-image-dimensions-field-description {
1797 2035 display: block;
1798 - margin-block-start: 5px;
2036 + margin-top: 5px;
1799 2037 color: var(--e-a-color-txt-disabled);
1800 2038 font-size: 10px;
1801 2039 text-align: center;
1802 2040 }
1803 2041 .elementor-control-type-image_dimensions .elementor-image-dimensions-apply-button {
1804 - margin-inline-start: auto;
2042 + margin-right: auto;
1805 2043 }
1806 2044
1807 2045 .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 {
1808 2046 display: none;
@@ -1814,11 +2052,11 @@
1814 2052 display: none;
1815 2053 }
1816 2054 .elementor-control-media .eicon-plus-circle {
1817 2055 position: absolute;
1818 - inset-block-start: 50%;
1819 - inset-inline-start: 50%;
1820 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
2056 + top: 50%;
2057 + left: 50%;
2058 + transform: translate(-50%, -50%);
1821 2059 color: var(--e-a-color-white);
1822 2060 font-size: 20px;
1823 2061 }
1824 2062 .elementor-control-media__content__upload-button {
@@ -1827,13 +2065,14 @@
1827 2065 .elementor-control-media__preview {
1828 2066 height: 100%;
1829 2067 background-size: cover;
1830 2068 background-position: center;
2069 + padding-bottom: 42.8571%;
1831 2070 }
1832 2071 .elementor-control-media-area {
1833 2072 background-image: linear-gradient(45deg, var(--e-a-border-color-bold) 25%, transparent 0, transparent 75%, var(--e-a-border-color-bold) 0, var(--e-a-border-color-bold)), linear-gradient(45deg, var(--e-a-border-color-bold) 25%, transparent 0, transparent 75%, var(--e-a-border-color-bold) 0, var(--e-a-border-color-bold));
1834 2073 background-size: 16px 16px;
1835 - background-position: 0 0, calc(16px / 2) calc(16px / 2);
2074 + background-position: 0 0, calc( 16px / 2 ) calc( 16px / 2 );
1836 2075 background-color: var(--e-a-bg-default);
1837 2076 border: var(--e-a-border-bold);
1838 2077 aspect-ratio: 21/9;
1839 2078 }
@@ -1841,11 +2080,11 @@
1841 2080 display: none;
1842 2081 }
1843 2082 .elementor-control-media-area .eicon-video-camera {
1844 2083 position: absolute;
1845 - inset-block-start: 50%;
1846 - inset-inline-start: 50%;
1847 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
2084 + top: 50%;
2085 + left: 50%;
2086 + transform: translate(-50%, -50%);
1848 2087 color: rgba(255, 255, 255, 0.7);
1849 2088 font-size: 21px;
1850 2089 }
1851 2090 .elementor-control-media .elementor-control-media__content {
@@ -1856,14 +2095,17 @@
1856 2095 }
1857 2096 .elementor-control-media .elementor-control-media__content:hover:after {
1858 2097 content: "";
1859 2098 position: absolute;
1860 - inset: 0;
2099 + top: 0;
2100 + bottom: 0;
2101 + left: 0;
2102 + right: 0;
1861 2103 background-color: rgba(0, 0, 0, 0.2);
1862 2104 pointer-events: none;
1863 2105 }
1864 2106 .elementor-control-media .elementor-control-media__content:not(:hover) .elementor-control-media__tools {
1865 - inset-block-end: -30px;
2107 + bottom: -30px;
1866 2108 }
1867 2109 .elementor-control-media__content {
1868 2110 transition: all 0.2s ease-in-out;
1869 2111 }
@@ -1868,15 +2110,16 @@
1868 2110 transition: all 0.2s ease-in-out;
1869 2111 }
1870 2112 .elementor-control-media__tools {
1871 2113 position: absolute;
1872 - inset-block-end: 0;
1873 - inset-inline: 0;
2114 + bottom: 0;
2115 + left: 0;
2116 + right: 0;
1874 2117 height: 27px;
1875 2118 transition: all 0.2s ease-in-out;
1876 2119 }
1877 2120 .elementor-control-media__tools > *:not(:first-child) {
1878 - margin-inline-start: 1px;
2121 + margin-right: 1px;
1879 2122 }
1880 2123 .elementor-control-media__tool {
1881 2124 display: flex;
1882 2125 align-items: center;
@@ -1898,10 +2141,10 @@
1898 2141 }
1899 2142 .elementor-control-media__content__remove {
1900 2143 position: absolute;
1901 2144 z-index: 1;
1902 - inset-block-start: 10px;
1903 - inset-inline-end: 10px;
2145 + top: 10px;
2146 + left: 10px;
1904 2147 width: 20px;
1905 2148 height: 20px;
1906 2149 font-size: 11px;
1907 2150 color: var(--e-a-color-white);
@@ -1915,24 +2158,18 @@
1915 2158 }
1916 2159 .elementor-control-media.e-media-empty .elementor-control-file-area {
1917 2160 display: none;
1918 2161 }
1919 -.elementor-control-media__warnings:empty {
1920 - display: none;
1921 -}
1922 -.elementor-control-media__warnings:not(:empty) {
1923 - margin-block-start: 10px;
1924 -}
1925 2162 .elementor-control-media__file {
1926 2163 display: flex;
1927 2164 justify-content: space-between;
1928 2165 align-items: center;
1929 2166 width: 100%;
1930 - margin-block-start: 10px;
2167 + margin-top: 10px;
1931 2168 border: var(--e-a-border);
1932 2169 }
1933 2170 .elementor-control-media__file__content {
1934 - padding-inline-start: 5px;
2171 + padding-right: 5px;
1935 2172 font-size: 12px;
1936 2173 }
1937 2174 .elementor-control-media__file__content__label {
1938 2175 color: #9DA5AE;
@@ -1942,13 +2179,13 @@
1942 2179 align-items: center;
1943 2180 font-weight: 500;
1944 2181 }
1945 2182 .elementor-control-media__file__content__info__icon {
1946 - margin-inline-end: 5px;
2183 + margin-left: 5px;
1947 2184 }
1948 2185 .elementor-control-media__file__controls {
1949 2186 display: flex;
1950 - border-inline-start: var(--e-a-border);
2187 + border-right: var(--e-a-border);
1951 2188 }
1952 2189 .elementor-control-media__file__controls__upload-button, .elementor-control-media__file__controls__remove {
1953 2190 width: 27px;
1954 2191 height: 27px;
@@ -1959,9 +2196,9 @@
1959 2196 display: flex;
1960 2197 justify-content: center;
1961 2198 }
1962 2199 .elementor-control-media__file__controls__remove {
1963 - border-inline-end: var(--e-a-border);
2200 + border-left: var(--e-a-border);
1964 2201 }
1965 2202 .elementor-control-media:not(.e-media-empty) .elementor-control-media__file__content__label {
1966 2203 display: none;
1967 2204 }
@@ -1984,12 +2221,12 @@
1984 2221 .elementor-control-media .e-control-image-size {
1985 2222 display: flex;
1986 2223 flex-direction: column;
1987 2224 width: 100%;
1988 - padding-block-start: 20px;
2225 + padding-top: 20px;
1989 2226 }
1990 2227 .elementor-control-media .e-control-image-size .elementor-control-input-wrapper {
1991 - margin-inline-start: auto;
2228 + margin-right: auto;
1992 2229 }
1993 2230
1994 2231 .elementor-control-type-media.elementor-control-dynamic-value .elementor-control-input-wrapper {
1995 2232 border: none;
@@ -1998,79 +2235,8 @@
1998 2235 .elementor-control:not(.elementor-control-type-icons) .elementor-control-media__preview {
1999 2236 background-color: var(--e-a-bg-active-bold);
2000 2237 }
2001 2238
2002 -.elementor-control-notice {
2003 - display: flex;
2004 - justify-content: flex-start;
2005 - align-items: flex-start;
2006 - gap: 8px;
2007 - padding: 16px;
2008 - border-radius: 3px;
2009 - border: 1px solid var(--notice-control-color, var(--e-a-color-txt));
2010 - color: var(--e-a-color-txt);
2011 - font-size: 12px;
2012 - font-weight: 400;
2013 - line-height: 1.5;
2014 - text-align: start;
2015 - margin-block-start: 10px;
2016 -}
2017 -.elementor-control-notice-type-info {
2018 - --notice-control-color: var(--e-a-color-info);
2019 -}
2020 -.elementor-control-notice-type-success {
2021 - --notice-control-color: var(--e-a-color-success);
2022 -}
2023 -.elementor-control-notice-type-warning {
2024 - --notice-control-color: var(--e-a-color-warning);
2025 -}
2026 -.elementor-control-notice-type-danger {
2027 - --notice-control-color: var(--e-a-color-danger);
2028 -}
2029 -.elementor-control-notice-icon {
2030 - flex-basis: 18px;
2031 - color: var(--notice-control-color);
2032 -}
2033 -.elementor-control-notice-main {
2034 - display: flex;
2035 - flex-direction: column;
2036 - justify-content: flex-start;
2037 - align-items: flex-start;
2038 - gap: 6px;
2039 - flex: 1;
2040 -}
2041 -.elementor-control-notice-main-heading {
2042 - font-weight: 700;
2043 - font-style: italic;
2044 -}
2045 -.elementor-control-notice-main-content {
2046 - font-style: italic;
2047 - line-height: 1.5;
2048 -}
2049 -.elementor-control-notice-main-actions {
2050 - display: flex;
2051 - gap: 10px;
2052 - padding-block-start: 8px;
2053 -}
2054 -.elementor-control-notice-main a {
2055 - color: inherit;
2056 - font-weight: 700;
2057 - cursor: pointer;
2058 -}
2059 -.elementor-control-notice-main a:hover, .elementor-control-notice-main a:focus {
2060 - color: inherit;
2061 -}
2062 -.elementor-control-notice-dismiss {
2063 - -webkit-appearance: none;
2064 - -moz-appearance: none;
2065 - appearance: none;
2066 - background-color: transparent;
2067 - border: 0;
2068 - padding: 0;
2069 - margin: 0;
2070 - cursor: pointer;
2071 -}
2072 -
2073 2239 .elementor-control-type-popover_toggle input {
2074 2240 display: none;
2075 2241 }
2076 2242 .elementor-control-type-popover_toggle label {
@@ -2076,97 +2242,87 @@
2076 2242 .elementor-control-type-popover_toggle label {
2077 2243 cursor: pointer;
2078 2244 }
2079 2245 .elementor-control-type-popover_toggle .elementor-control-input-wrapper {
2080 - display: flex;
2081 - flex-direction: row-reverse;
2082 - align-items: center;
2246 + direction: ltr;
2083 2247 }
2084 2248 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle:checked + .elementor-control-popover-toggle-toggle-label {
2085 2249 color: var(--e-a-color-txt-active);
2086 - background-color: var(--e-a-bg-active-bold);
2250 + background-color: var(--e-a-bg-active);
2087 2251 }
2088 2252 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle:not(:checked) ~ .elementor-control-popover-toggle-reset-label {
2089 2253 display: none;
2090 2254 }
2255 +.elementor-control-type-popover_toggle .elementor-control-popover-toggle-reset-label {
2256 + color: var(--e-a-color-txt-muted);
2257 + margin-left: 5px;
2258 +}
2259 +.elementor-control-type-popover_toggle .elementor-control-popover-toggle-reset-label:hover {
2260 + color: var(--e-a-color-txt);
2261 +}
2091 2262 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle-label {
2092 2263 height: 27px;
2093 2264 display: inline-flex;
2094 2265 align-items: center;
2095 2266 justify-content: center;
2096 - border-radius: var(--e-a-border-radius);
2267 + border-radius: 3px;
2097 2268 border: var(--e-a-border-bold);
2098 - transition: var(--e-a-transition-hover);
2099 2269 }
2100 -.elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle-label:hover {
2101 - background-color: var(--e-a-bg-hover);
2102 -}
2103 -.elementor-control-type-popover_toggle .elementor-control-popover-toggle-reset-label {
2104 - color: var(--e-a-color-txt-muted);
2105 - margin-inline-end: 5px;
2106 -}
2107 -.elementor-control-type-popover_toggle .elementor-control-popover-toggle-reset-label:hover {
2108 - color: var(--e-a-color-txt);
2109 -}
2110 2270
2111 2271 .elementor-controls-popover.e-controls-popover--typography {
2112 - padding-block-start: 0;
2272 + padding-top: 0;
2113 2273 }
2114 2274
2115 2275 .e-control-global .elementor-control-popover-toggle-toggle-label {
2116 - border-start-start-radius: 0;
2117 - border-start-end-radius: var(--e-a-border-radius);
2118 - border-end-start-radius: 0;
2119 - border-end-end-radius: var(--e-a-border-radius);
2276 + border-radius: var(--e-a-border-radius) 0 0 var(--e-a-border-radius);
2120 2277 flex-shrink: 0;
2121 2278 }
2122 2279
2123 2280 .elementor-control-type-repeater .elementor-control:not(.elementor-control-type-tab) {
2124 - padding-inline-start: 10px;
2125 - padding-inline-end: 10px;
2126 - padding-block-end: 10px;
2281 + padding-right: 10px;
2282 + padding-left: 10px;
2283 + padding-bottom: 10px;
2127 2284 }
2128 2285 .elementor-control-type-repeater.elementor-repeater-has-minimum-rows .elementor-repeater-tool-remove {
2129 2286 display: none;
2130 2287 }
2131 -.elementor-control-type-repeater.elementor-repeater-has-maximum-rows .elementor-repeater-tool-duplicate,
2132 -.elementor-control-type-repeater.elementor-repeater-has-maximum-rows .elementor-repeater-add {
2133 - display: none;
2134 -}
2135 2288 .elementor-control-type-repeater .elementor-repeater-fields {
2136 2289 margin: 10px 0;
2137 2290 }
2138 2291 .elementor-control-type-repeater .elementor-repeater-row-controls {
2139 2292 border: var(--e-a-border-bold);
2140 - border-block-start-width: 0;
2141 - padding-block-start: 15px;
2293 + border-top-width: 0;
2294 + padding-top: 15px;
2142 2295 }
2143 2296 .elementor-control-type-repeater .elementor-repeater-row-controls:not(.editable) {
2144 2297 display: none;
2145 2298 }
2146 2299 .elementor-control-type-repeater .elementor-repeater-row-tools {
2147 - display: flex;
2148 - align-items: center;
2300 + display: table;
2301 + table-layout: fixed;
2149 2302 width: 100%;
2150 - border: 1px solid var(--e-a-border-color-bold);
2151 - transition: var(--e-a-transition-hover);
2303 + background-color: var(--e-a-border-color-bold);
2304 + height: 40px;
2305 + border-spacing: 1px;
2306 + transition: all 0.5s;
2152 2307 }
2153 -.elementor-control-type-repeater .elementor-repeater-row-tools > button {
2154 - display: flex;
2155 - align-items: center;
2156 - justify-content: center;
2157 - height: 40px;
2158 - border: none;
2159 - background-color: transparent;
2160 - color: currentColor;
2308 +.elementor-control-type-repeater .elementor-repeater-row-tools:hover {
2309 + background-color: var(--e-a-border-color-focus);
2310 +}
2311 +.elementor-control-type-repeater .elementor-repeater-row-tools > div {
2312 + display: table-cell;
2313 + text-align: center;
2314 + vertical-align: middle;
2161 2315 cursor: pointer;
2162 2316 }
2163 -.elementor-control-type-repeater .elementor-repeater-row-tools > button:hover, .elementor-control-type-repeater .elementor-repeater-row-tools > button:focus {
2317 +.elementor-control-type-repeater .elementor-repeater-row-tools > div:not(.elementor-repeater-row-handle-sortable) {
2318 + background-color: var(--e-a-bg-default);
2319 +}
2320 +.elementor-control-type-repeater .elementor-repeater-row-tools > div:hover {
2164 2321 background-color: var(--e-a-bg-hover);
2165 2322 }
2166 2323 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title {
2167 - flex: 1;
2168 - justify-content: flex-start;
2324 + text-align: right;
2169 2325 padding: 0 10px;
2170 2326 font-size: var(--control-title-size);
2171 2327 white-space: nowrap;
2172 2328 text-overflow: ellipsis;
@@ -2174,9 +2330,9 @@
2174 2330 }
2175 2331 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title .eicon,
2176 2332 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title i,
2177 2333 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title svg {
2178 - margin-inline-end: 5px;
2334 + margin-left: 5px;
2179 2335 }
2180 2336 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-item-title img[src$=svg] {
2181 2337 width: 1em;
2182 2338 }
@@ -2181,24 +2337,21 @@
2181 2337 width: 1em;
2182 2338 }
2183 2339 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-tool {
2184 2340 width: 40px;
2185 - border-inline-start: 1px solid var(--e-a-border-color-bold);
2186 2341 }
2187 2342 .elementor-control-type-repeater .elementor-repeater-row-tools .elementor-repeater-row-handle-sortable {
2343 + cursor: move;
2188 2344 width: 10px;
2189 - border-inline-end: 1px solid var(--e-a-border-color-bold);
2190 - cursor: move;
2345 + color: #fff;
2191 2346 }
2192 2347 .elementor-control-type-repeater .elementor-button-wrapper {
2193 2348 text-align: center;
2194 - padding-block-start: 5px;
2349 + padding-top: 5px;
2195 2350 }
2196 2351
2197 -#elementor-controls,
2198 -#elementor-panel-page-settings-controls,
2199 -#elementor-panel-editorPreferences-settings-controls {
2200 - padding-block-start: 15px;
2352 +#elementor-controls {
2353 + padding-top: 15px;
2201 2354 }
2202 2355
2203 2356 .elementor-control-type-section {
2204 2357 padding: 0;
@@ -2203,16 +2356,13 @@
2203 2356 .elementor-control-type-section {
2204 2357 padding: 0;
2205 2358 }
2206 2359 .elementor-control-type-section.e-open {
2207 - padding-block-end: 10px;
2360 + padding-bottom: 10px;
2208 2361 }
2209 2362 .elementor-control-type-section + .elementor-control:not(.elementor-control-type-section):before {
2210 2363 display: none;
2211 2364 }
2212 -.elementor-control-type-section:not(:first-child):not(.elementor-control-type-section + .elementor-control-type-section) {
2213 - margin-block-start: 25px;
2214 -}
2215 2365
2216 2366 .elementor-control-type-select .elementor-control-input-wrapper {
2217 2367 position: relative;
2218 2368 }
@@ -2227,10 +2377,10 @@
2227 2377 text-transform: inherit;
2228 2378 letter-spacing: inherit;
2229 2379 line-height: inherit;
2230 2380 flex-basis: 100%;
2231 - padding-inline-start: 5px;
2232 - padding-inline-end: 20px;
2381 + padding-right: 5px;
2382 + padding-left: 20px;
2233 2383 cursor: pointer;
2234 2384 }
2235 2385 .elementor-control-type-select .elementor-control-input-wrapper select.e-select-placeholder {
2236 2386 color: var(--e-a-color-txt-disabled);
@@ -2242,19 +2392,16 @@
2242 2392 font-family: eicons;
2243 2393 content: "\e8ad";
2244 2394 font-size: 12px;
2245 2395 position: absolute;
2246 - inset-block-start: 50%;
2247 - inset-inline-end: 5px;
2396 + top: 50%;
2248 2397 transform: translateY(-50%);
2398 + left: 5px;
2249 2399 pointer-events: none;
2250 2400 }
2251 -.elementor-control-type-select .elementor-control-field.elementor-control-field-select-small .elementor-control-input-wrapper {
2252 - max-width: 80px;
2253 -}
2254 2401
2255 2402 .elementor-shadow-box .elementor-shadow-slider {
2256 - margin-block-start: 10px;
2403 + margin-top: 10px;
2257 2404 }
2258 2405 .elementor-shadow-box .elementor-color-picker-wrapper .elementor-control-title {
2259 2406 flex-grow: 1;
2260 2407 }
@@ -2259,12 +2406,9 @@
2259 2406 flex-grow: 1;
2260 2407 }
2261 2408
2262 2409 .elementor-control-type-slider.elementor-control-dynamic input {
2263 - border-start-start-radius: var(--e-a-border-radius);
2264 - border-start-end-radius: 0;
2265 - border-end-start-radius: var(--e-a-border-radius);
2266 - border-end-end-radius: 0;
2410 + border-radius: 0 var(--e-a-border-radius) var(--e-a-border-radius) 0;
2267 2411 }
2268 2412 .elementor-control-type-slider .elementor-control-unit-2 {
2269 2413 width: 21%;
2270 2414 }
@@ -2271,23 +2415,23 @@
2271 2415 .elementor-control-type-slider.elementor-control-type-slider--multiple .elementor-control-input-wrapper {
2272 2416 display: block;
2273 2417 }
2274 2418 .elementor-control-type-slider--multiple {
2275 - padding-block-end: 40px;
2419 + padding-bottom: 40px;
2276 2420 }
2277 2421 .elementor-control-type-slider--multiple .elementor-slider {
2278 - margin-block-start: 12px;
2422 + margin-top: 12px;
2279 2423 width: 98%;
2280 2424 }
2281 2425 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle {
2282 2426 border-radius: 0;
2283 2427 width: 10px;
2284 - transform: translateY(calc(50% - 14px)) translateX(calc(4px * var(--direction-multiplier)));
2428 + transform: translateY(calc(50% - 14px)) translateX(-4px);
2285 2429 }
2286 2430 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle:after {
2287 2431 content: "";
2288 2432 position: absolute;
2289 - inset-block-start: 2px;
2433 + top: 2px;
2290 2434 height: 12px;
2291 2435 width: 11px;
2292 2436 transform: rotate(45deg);
2293 2437 background-color: var(--e-a-color-white);
@@ -2301,13 +2445,10 @@
2301 2445 right: 5px;
2302 2446 box-shadow: -2px 2px 3px 0px rgba(0, 0, 0, 0.1);
2303 2447 }
2304 2448 .elementor-control-type-slider .elementor-control-dynamic-switcher {
2305 - border-inline-start-width: 0;
2306 - border-start-start-radius: 0;
2307 - border-start-end-radius: var(--e-a-border-radius);
2308 - border-end-start-radius: 0;
2309 - border-end-end-radius: var(--e-a-border-radius);
2449 + border-right-width: 0;
2450 + border-radius: var(--e-a-border-radius) 0 0 var(--e-a-border-radius);
2310 2451 }
2311 2452 .elementor-control-type-slider .elementor-control-input-wrapper {
2312 2453 display: flex;
2313 2454 align-items: center;
@@ -2312,9 +2453,9 @@
2312 2453 display: flex;
2313 2454 align-items: center;
2314 2455 }
2315 2456 .elementor-control-type-slider .elementor-dynamic-cover {
2316 - margin-block-start: 10px;
2457 + margin-top: 10px;
2317 2458 }
2318 2459 .elementor-control-type-slider.e-units-custom .elementor-slider {
2319 2460 display: none;
2320 2461 }
@@ -2334,9 +2475,9 @@
2334 2475 }
2335 2476 .elementor-slider-input {
2336 2477 width: 21%;
2337 2478 min-width: 54px;
2338 - margin-inline-start: 12px;
2479 + margin-right: 12px;
2339 2480 transition: width 0.3s ease-in-out;
2340 2481 }
2341 2482 .elementor-slider__extra {
2342 2483 position: relative;
@@ -2353,9 +2494,9 @@
2353 2494 position: absolute;
2354 2495 display: flex;
2355 2496 justify-content: space-evenly;
2356 2497 width: 100%;
2357 - margin-block-start: 4px;
2498 + margin-top: 4px;
2358 2499 }
2359 2500 .elementor-slider__scale {
2360 2501 width: 1px;
2361 2502 height: 21px;
@@ -2364,11 +2505,11 @@
2364 2505 .elementor-slider .noUi-handle {
2365 2506 height: 16px;
2366 2507 width: 16px;
2367 2508 background-color: var(--e-a-color-white);
2509 + left: 0;
2510 + transform: translateY(calc(50% - 14px)) translateX(-8px);
2368 2511 position: absolute;
2369 - inset-inline-end: 0;
2370 - transform: translateY(calc(50% - 14px)) translateX(calc(8px * var(--direction-multiplier)));
2371 2512 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
2372 2513 border-radius: 50%;
2373 2514 }
2374 2515 .elementor-slider .noUi-connects {
@@ -2378,9 +2519,12 @@
2378 2519 }
2379 2520 .elementor-slider .noUi-connect {
2380 2521 position: absolute;
2381 2522 z-index: 0;
2382 - inset: 0;
2523 + top: 0;
2524 + left: 0;
2525 + height: 100%;
2526 + width: 100%;
2383 2527 will-change: transform;
2384 2528 transform-origin: 0 0;
2385 2529 background-color: var(--e-a-border-color-focus);
2386 2530 }
@@ -2385,9 +2529,9 @@
2385 2529 background-color: var(--e-a-border-color-focus);
2386 2530 }
2387 2531 .elementor-slider .noUi-tooltip {
2388 2532 position: absolute;
2389 - inset-block-start: calc(100% + 5px);
2533 + top: calc(100% + 5px);
2390 2534 left: calc(50% - 4px);
2391 2535 transform: translateX(-50%);
2392 2536 font-size: 10px;
2393 2537 }
@@ -2412,9 +2556,9 @@
2412 2556 padding: 15px 20px 0;
2413 2557 font-size: 11px;
2414 2558 cursor: pointer;
2415 2559 color: var(--e-a-color-txt-muted);
2416 - border-block-start: var(--e-a-border);
2560 + border-top: var(--e-a-border);
2417 2561 margin: 0 -20px;
2418 2562 }
2419 2563 .elementor-control-type-structure .elementor-control-structure-reset:hover {
2420 2564 color: var(--e-a-color-txt);
@@ -2437,13 +2581,13 @@
2437 2581 .elementor-control-type-structure .elementor-control-structure-presets input:checked + .elementor-control-structure-preset path {
2438 2582 fill: var(--e-a-border-color-focus);
2439 2583 }
2440 2584 .elementor-control-type-structure .elementor-control-structure-preset-wrapper {
2441 - margin-block-end: 15px;
2585 + margin-bottom: 15px;
2442 2586 }
2443 2587 .elementor-control-type-structure .elementor-control-structure-preset-title {
2444 2588 text-align: center;
2445 - padding-block-start: 5px;
2589 + padding-top: 5px;
2446 2590 font-style: italic;
2447 2591 font-size: 11px;
2448 2592 color: #9DA5AE;
2449 2593 }
@@ -2448,9 +2592,9 @@
2448 2592 color: #9DA5AE;
2449 2593 }
2450 2594
2451 2595 .elementor-control-type-switcher .elementor-control-input-wrapper {
2452 - text-align: end;
2596 + text-align: left;
2453 2597 }
2454 2598 .elementor-control-type-switcher .elementor-switch {
2455 2599 position: relative;
2456 2600 display: inline-block;
@@ -2474,9 +2618,9 @@
2474 2618 transition-property: opacity, background;
2475 2619 }
2476 2620 .elementor-control-type-switcher .elementor-switch-label:before, .elementor-control-type-switcher .elementor-switch-label:after {
2477 2621 position: absolute;
2478 - inset-block-start: 0;
2622 + top: 0;
2479 2623 width: 50%;
2480 2624 text-align: center;
2481 2625 line-height: 20px;
2482 2626 transition: inherit;
@@ -2482,14 +2626,14 @@
2482 2626 transition: inherit;
2483 2627 }
2484 2628 .elementor-control-type-switcher .elementor-switch-label:before {
2485 2629 content: attr(data-off);
2486 - inset-inline-end: 5px;
2630 + right: 5px;
2487 2631 color: var(--e-a-color-txt-muted);
2488 2632 }
2489 2633 .elementor-control-type-switcher .elementor-switch-label:after {
2490 2634 content: attr(data-on);
2491 - inset-inline-start: 5px;
2635 + left: 5px;
2492 2636 color: var(--e-a-btn-color);
2493 2637 opacity: 0;
2494 2638 }
2495 2639 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label {
@@ -2502,28 +2646,25 @@
2502 2646 opacity: 1;
2503 2647 }
2504 2648 .elementor-control-type-switcher .elementor-switch-handle {
2505 2649 position: absolute;
2506 - inset-block-start: 1px;
2507 - inset-inline-start: 1px;
2650 + top: 1px;
2651 + left: 1px;
2508 2652 width: 18px;
2509 2653 height: 18px;
2510 2654 background: white;
2511 2655 border-radius: 10px;
2512 - transition: inset-inline-start 0.15s ease-out;
2656 + transition: left 0.15s ease-out;
2513 2657 }
2514 2658 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-handle {
2515 - inset-inline-start: initial;
2516 - inset-inline-end: 1px;
2659 + left: initial;
2660 + right: 1px;
2517 2661 }
2518 2662
2519 2663 .elementor-control-type-tabs {
2520 - display: none;
2664 + display: flex;
2521 2665 font-size: var(--control-title-size);
2522 2666 }
2523 -.elementor-control-type-tabs:has(> :not(.elementor-control-type-tab.elementor-hidden-control)) {
2524 - display: flex;
2525 -}
2526 2667
2527 2668 .elementor-control-type-tab {
2528 2669 text-align: center;
2529 2670 width: 100%;
@@ -2528,28 +2669,28 @@
2528 2669 text-align: center;
2529 2670 width: 100%;
2530 2671 padding: 0;
2531 2672 line-height: 25px;
2532 - border-block-start: var(--e-a-border-bold);
2533 - border-block-end: var(--e-a-border-bold);
2534 - border-inline-end: var(--e-a-border-bold);
2673 + border-top: var(--e-a-border-bold);
2674 + border-bottom: var(--e-a-border-bold);
2675 + border-left: var(--e-a-border-bold);
2535 2676 transition: var(--e-a-transition-hover);
2536 2677 cursor: pointer;
2537 2678 }
2538 2679 .elementor-control-type-tab:first-child {
2539 - border-inline-start: var(--e-a-border-bold);
2540 - border-start-start-radius: var(--e-a-border-radius);
2541 - border-end-start-radius: var(--e-a-border-radius);
2680 + border-right: var(--e-a-border-bold);
2681 + border-top-right-radius: var(--e-a-border-radius);
2682 + border-bottom-right-radius: var(--e-a-border-radius);
2542 2683 }
2543 2684 .elementor-control-type-tab:last-child {
2544 - border-start-end-radius: var(--e-a-border-radius);
2545 - border-end-end-radius: var(--e-a-border-radius);
2685 + border-top-left-radius: var(--e-a-border-radius);
2686 + border-bottom-left-radius: var(--e-a-border-radius);
2546 2687 }
2547 2688 .elementor-control-type-tab:hover {
2548 2689 background-color: var(--e-a-bg-hover);
2549 2690 }
2550 2691 .elementor-control-type-tab.e-tab-active {
2551 - background-color: var(--e-a-bg-active-bold);
2692 + background-color: var(--e-a-bg-active);
2552 2693 color: var(--e-a-color-txt-accent);
2553 2694 }
2554 2695
2555 2696 .e-tab-close {
@@ -2566,11 +2707,11 @@
2566 2707 }
2567 2708 .elementor-control-type-textarea:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher,
2568 2709 .elementor-control-type-code:not(.elementor-control-dynamic-value) .elementor-control-dynamic-switcher {
2569 2710 position: absolute;
2570 - inset-block-start: 0;
2571 - inset-inline-end: 0;
2711 + top: 0;
2572 2712 z-index: 1;
2713 + left: 0;
2573 2714 }
2574 2715 .elementor-control-type-textarea .elementor-control-input-wrapper,
2575 2716 .elementor-control-type-code .elementor-control-input-wrapper {
2576 2717 position: relative;
@@ -2621,12 +2762,12 @@
2621 2762 font-size: 12px;
2622 2763 }
2623 2764 .elementor-control-type-url .elementor-control-url-more-options {
2624 2765 display: none;
2625 - padding-block-start: 10px;
2766 + padding-top: 10px;
2626 2767 }
2627 2768 .elementor-control-type-url .elementor-control-url-more-options .elementor-control-field-description {
2628 - margin-block-start: 10px;
2769 + margin-top: 10px;
2629 2770 }
2630 2771 .elementor-control-type-url .elementor-control-url-more:hover {
2631 2772 color: var(--e-a-color-txt-hover);
2632 2773 }
@@ -2638,9 +2779,9 @@
2638 2779 display: flex;
2639 2780 align-items: center;
2640 2781 }
2641 2782 .elementor-control-type-url .elementor-control-url-option:not(:last-child) {
2642 - padding-block-end: 10px;
2783 + padding-bottom: 10px;
2643 2784 }
2644 2785 .elementor-control-type-url .elementor-control-url-option input,
2645 2786 .elementor-control-type-url .elementor-control-url-option label {
2646 2787 cursor: pointer;
@@ -2647,10 +2788,10 @@
2647 2788 }
2648 2789 .elementor-control-type-url .elementor-control-url-autocomplete-spinner {
2649 2790 display: none;
2650 2791 position: absolute;
2651 - inset-block-start: 5px;
2652 - inset-inline-end: 0;
2792 + top: 5px;
2793 + right: 0;
2653 2794 width: 10px;
2654 2795 height: 10px;
2655 2796 font-size: 10px;
2656 2797 color: var(--e-a-color-txt-disabled);
@@ -2659,9 +2800,9 @@
2659 2800 font-size: var(--control-title-size);
2660 2801 }
2661 2802 .elementor-control-type-url .elementor-control-url__custom-attributes input {
2662 2803 width: 100%;
2663 - margin-block-start: 10px;
2804 + margin-top: 10px;
2664 2805 }
2665 2806 .elementor-control-type-url .elementor-input:focus ~ div {
2666 2807 border-color: var(--e-a-border-color-focus);
2667 2808 }
@@ -2698,79 +2839,11 @@
2698 2839 background: var(--e-a-bg-hover);
2699 2840 }
2700 2841 .elementor-autocomplete-menu .elementor-autocomplete-item-info {
2701 2842 font-size: 10px;
2702 - padding-block-start: 2px;
2843 + padding-top: 2px;
2703 2844 }
2704 2845
2705 -.elementor-control-type-visual_choice {
2706 - width: 100%;
2707 -}
2708 -
2709 -.elementor-visual-choice-choices {
2710 - display: grid;
2711 - gap: 8px;
2712 - grid-template-columns: repeat(var(--elementor-visual-choice-columns), 1fr);
2713 - text-align: center;
2714 - border-radius: var(--e-a-border-radius);
2715 - overflow: hidden;
2716 -}
2717 -
2718 -.elementor-visual-choice-element {
2719 - display: flex;
2720 - flex-direction: column;
2721 - align-items: center;
2722 - justify-content: center;
2723 - gap: 8px;
2724 - width: auto;
2725 -}
2726 -.elementor-visual-choice-element-image label {
2727 - border: var(--e-a-border-bold);
2728 - border-radius: var(--e-a-border-radius);
2729 - font-size: 12px;
2730 - transition: var(--e-a-transition-hover);
2731 - cursor: pointer;
2732 - overflow: hidden;
2733 - width: 100%;
2734 - padding: 8px;
2735 -}
2736 -.elementor-visual-choice-element-image input.e-visual-choice-placeholder + label, .elementor-visual-choice-element-image input:checked + label, .elementor-visual-choice-element-image input:hover + label {
2737 - background-color: var(--e-a-bg-active-bold);
2738 - opacity: 1;
2739 -}
2740 -.elementor-visual-choice-element-image input:checked + label {
2741 - border-color: var(--e-a-color-primary-bold);
2742 -}
2743 -.elementor-visual-choice-element-image input:not(:checked) + label {
2744 - background-color: var(--e-a-color-white);
2745 - opacity: 0.5;
2746 -}
2747 -.elementor-visual-choice-element-image img {
2748 - width: 100%;
2749 - height: auto;
2750 -}
2751 -.elementor-visual-choice-element-button {
2752 - grid-column: span var(--elementor-visual-choice-columns);
2753 -}
2754 -.elementor-visual-choice-element-button label {
2755 - width: -moz-fit-content;
2756 - width: fit-content;
2757 -}
2758 -.elementor-visual-choice-element-button input:checked + .elementor-button, .elementor-visual-choice-element-button input:hover + .elementor-button {
2759 - background-color: var(--e-a-bg-active-bold);
2760 -}
2761 -.elementor-visual-choice-element-button input:checked + .elementor-button {
2762 - border-color: var(--e-a-color-primary-bold);
2763 -}
2764 -
2765 -.elementor-label-inline .elementor-visual-choice-choices {
2766 - justify-content: flex-end;
2767 -}
2768 -
2769 -.tipsy-inner {
2770 - white-space: pre-line;
2771 -}
2772 -
2773 2846 .elementor-control-type-wp_widget .widget-inside {
2774 2847 line-height: 2;
2775 2848 background-color: inherit;
2776 2849 display: block;
@@ -2786,9 +2859,9 @@
2786 2859 border: var(--e-a-border);
2787 2860 }
2788 2861 .elementor-control-type-wysiwyg .wp-editor-tabs {
2789 2862 border: var(--e-a-border-bold);
2790 - border-block-end: none;
2863 + border-bottom: none;
2791 2864 border-start-start-radius: var(--e-a-border-radius);
2792 2865 border-start-end-radius: var(--e-a-border-radius);
2793 2866 border-end-end-radius: 0;
2794 2867 border-end-start-radius: 0;
@@ -2861,11 +2934,8 @@
2861 2934 font-size: 16px;
2862 2935 }
2863 2936 .elementor-control-type-wysiwyg .mce-btn-group .mce-btn:hover, .elementor-control-type-wysiwyg .mce-btn-group .mce-btn:active, .elementor-control-type-wysiwyg .mce-btn-group .mce-btn.mce-active {
2864 2937 color: var(--e-a-color-txt-active);
2865 - background: var(--e-a-bg-hover);
2866 - border-color: var(--e-a-border-color);
2867 - box-shadow: none;
2868 2938 }
2869 2939 .elementor-control-type-wysiwyg .mce-btn-group .mce-btn:hover i, .elementor-control-type-wysiwyg .mce-btn-group .mce-btn:active i, .elementor-control-type-wysiwyg .mce-btn-group .mce-btn.mce-active i {
2870 2940 color: var(--e-a-color-txt-active);
2871 2941 }
@@ -2882,35 +2952,8 @@
2882 2952 .elementor-control-type-wysiwyg .elementor-control-dynamic-switcher {
2883 2953 border: none;
2884 2954 }
2885 2955
2886 -@media screen and (prefers-color-scheme: dark) {
2887 - #wp-link-wrap {
2888 - color-scheme: light;
2889 - --e-a-color-txt: #515962;
2890 - --e-a-bg-default: #ffffff;
2891 - --e-a-border-color-bold: #D5D8DC;
2892 - --e-a-color-primary-bold: #D004D4;
2893 - }
2894 - #wp-link {
2895 - color: var(--e-a-color-txt);
2896 - }
2897 - #wp-link input {
2898 - background-color: var(--e-a-bg-default);
2899 - border-color: var(--e-a-border-color-bold);
2900 - }
2901 - #wp-link input[type=checkbox] {
2902 - border-color: var(--e-a-border-color-bold);
2903 - }
2904 - #wp-link input[type=checkbox]:checked {
2905 - background: var(--e-a-color-primary-bold);
2906 - }
2907 - #wp-link input.button-primary {
2908 - background: #2271b1;
2909 - border-color: #2271b1;
2910 - color: #fff;
2911 - }
2912 -}
2913 2956 .ui-resizable-n {
2914 2957 top: -5px;
2915 2958 }
2916 2959 .ui-resizable-e {
@@ -2968,61 +3011,58 @@
2968 3011 }
2969 3012
2970 3013 :root {
2971 3014 --e-p-draggable-color: #F0ABFC;
2972 - --e-p-border-section: #F3BAFD;
2973 - --e-p-border-section-hover: #F0ABFC;
3015 + --e-p-border-column: #F0ABFC;
3016 + --e-p-border-column-hover: #F3BAFD;
3017 + --e-p-border-column-invert: #0C0D0E;
3018 + --e-p-border-section: #F0ABFC;
3019 + --e-p-border-section-hover: #F3BAFD;
2974 3020 --e-p-border-section-invert: #0C0D0E;
2975 - --e-p-border-con: #F3BAFD;
2976 - --e-p-border-con-hover: #F0ABFC;
3021 + --e-p-border-con: #F0ABFC;
3022 + --e-p-border-con-hover: #F3BAFD;
3023 + --e-p-border-con-active: #E73CF6;
2977 3024 --e-p-border-con-invert: #0C0D0E;
2978 - --e-p-border-column: #9DA5AE;
2979 - --e-p-border-column-hover: #818A96;
2980 - --e-p-border-column-invert: #0C0D0E;
2981 - --e-p-border-con-in: #9DA5AE;
2982 - --e-p-border-con-in-hover: #818A96;
2983 - --e-p-border-con-in-invert: #0C0D0E;
2984 - --e-p-border-widget: #F3BAFD;
2985 - --e-p-border-widget-hover: #F0ABFC;
3025 + --e-p-border-widget: #F0ABFC;
3026 + --e-p-border-widget-hover: #F3BAFD;
3027 + --e-p-border-widget-active: #E73CF6;
2986 3028 --e-p-border-widget-invert: #0C0D0E;
2987 3029 --e-p-border-global: #5EEAD4;
2988 3030 --e-p-border-global-hover: #1DDDBF;
2989 3031 --e-p-border-global-invert: #0C0D0E;
2990 - --e-p-border-global-element: #5EEAD4;
2991 3032 }
2992 3033
2993 -.elementor-editor-active .elementor-add-section {
3034 +.elementor-add-section {
2994 3035 all: initial;
2995 3036 display: flex;
2996 - flex-wrap: wrap;
2997 - justify-content: center;
2998 3037 max-width: 1160px;
2999 3038 position: relative;
3000 3039 margin-inline: auto;
3001 3040 }
3002 -.elementor-editor-active .elementor-add-section:not(.elementor-dragging-on-child) .elementor-add-section-inner {
3041 +.elementor-add-section:not(.elementor-dragging-on-child) .elementor-add-section-inner {
3003 3042 border: 2px dashed var(--e-a-border-color-bold);
3004 3043 background-color: rgba(255, 255, 255, 0.5);
3005 3044 }
3006 -.elementor-editor-active .elementor-add-section.elementor-dragging-on-child .elementor-add-section-inner {
3045 +.elementor-add-section.elementor-dragging-on-child .elementor-add-section-inner {
3007 3046 border: 2px dashed var(--e-a-color-primary);
3008 3047 }
3009 -.elementor-editor-active .elementor-add-section[data-view=choose-action] .e-view:not(.elementor-add-new-section) {
3048 +.elementor-add-section[data-view=choose-action] .e-view:not(.elementor-add-new-section) {
3010 3049 display: none;
3011 3050 }
3012 -.elementor-editor-active .elementor-add-section[data-view=select-preset] .e-view:not(.elementor-select-preset) {
3051 +.elementor-add-section[data-view=select-preset] .e-view:not(.elementor-select-preset) {
3013 3052 display: none;
3014 3053 }
3015 -.elementor-editor-active .elementor-add-section[data-view=select-container-preset] .e-view:not(.e-con-select-preset) {
3054 +.elementor-add-section[data-view=select-container-preset] .e-view:not(.e-con-select-preset) {
3016 3055 display: none;
3017 3056 }
3018 -.elementor-editor-active .elementor-add-section[data-view=select-type] .e-view:not(.e-con-select-type) {
3057 +.elementor-add-section[data-view=select-type] .e-view:not(.e-con-select-type) {
3019 3058 display: none;
3020 3059 }
3021 -.elementor-editor-active .elementor-add-section[data-view=select-container-preset-grid] .e-view:not(.e-con-select-preset-grid) {
3060 +.elementor-add-section[data-view=select-container-preset-grid] .e-view:not(.e-con-select-preset-grid) {
3022 3061 display: none;
3023 3062 }
3024 -.elementor-editor-active .elementor-add-section-inner {
3063 +
3064 +.elementor-add-section-inner {
3025 3065 text-align: center;
3026 3066 margin: 20px;
3027 3067 padding: 40px 0;
3028 3068 display: flex;
@@ -3028,185 +3068,147 @@
3028 3068 display: flex;
3029 3069 justify-content: center;
3030 3070 flex-grow: 1;
3031 3071 }
3032 -.elementor-editor-active .elementor-add-new-section {
3072 +
3073 +.elementor-add-new-section {
3033 3074 display: flex;
3034 3075 justify-content: center;
3035 3076 flex-wrap: wrap;
3036 3077 gap: 5px;
3037 3078 }
3038 -.elementor-editor-active .elementor-add-section-area-button {
3079 +
3080 +.elementor-add-section-area-button {
3039 3081 padding: 12px;
3040 3082 height: 40px;
3041 3083 width: 40px;
3084 + border-radius: 50%;
3042 3085 font-size: 16px;
3043 3086 display: flex;
3044 - outline: unset;
3045 - border: unset;
3046 - border-radius: 50%;
3047 - box-shadow: unset;
3048 - text-shadow: unset;
3049 - background-color: var(--e-a-bg-active);
3050 - color: var(--e-a-color-black);
3087 + outline: none;
3088 + border: none;
3089 + background-color: var(--e-a-btn-bg);
3090 + color: var(--e-a-btn-color-invert);
3051 3091 transition: var(--e-a-transition-hover);
3052 3092 cursor: pointer;
3053 3093 }
3054 -.elementor-editor-active .elementor-add-section-area-button:hover, .elementor-editor-active .elementor-add-section-area-button:focus {
3055 - border: unset;
3056 - border-radius: 50%;
3057 - box-shadow: unset;
3058 - text-shadow: unset;
3059 - color: var(--e-a-color-black);
3060 - background-color: var(--e-a-bg-active-bold);
3094 +.elementor-add-section-area-button:hover {
3095 + background-color: var(--e-a-btn-bg-hover);
3096 + color: var(--e-a-btn-color-invert);
3061 3097 }
3062 -.elementor-editor-active .elementor-add-section-area-button i {
3098 +.elementor-add-section-area-button i {
3063 3099 margin: 0;
3064 3100 }
3065 -.elementor-editor-active .elementor-add-section-area-button.e-button-primary {
3101 +.elementor-add-section-area-button.elementor-add-section-button {
3066 3102 background-color: var(--e-a-btn-bg-primary);
3067 3103 color: var(--e-a-btn-color);
3068 3104 }
3069 -.elementor-editor-active .elementor-add-section-area-button.e-button-primary:hover, .elementor-editor-active .elementor-add-section-area-button.e-button-primary:focus {
3105 +.elementor-add-section-area-button.elementor-add-section-button:hover {
3070 3106 background-color: var(--e-a-btn-bg-primary-hover);
3071 3107 color: var(--e-a-btn-color);
3072 3108 }
3073 -.elementor-editor-active .elementor-add-section-drag-title,
3074 -.elementor-editor-active .elementor-select-preset-title {
3109 +
3110 +.elementor-add-section-drag-title,
3111 +.elementor-select-preset-title {
3075 3112 font-family: var(--e-a-font-family);
3076 3113 font-size: 13px;
3077 3114 line-height: 1;
3078 3115 color: var(--e-a-color-txt);
3079 3116 }
3080 -.elementor-editor-active .elementor-add-section-drag-title {
3117 +
3118 +.elementor-add-section-drag-title {
3081 3119 font-style: italic;
3082 3120 font-weight: normal;
3083 - margin-block-start: 10px;
3121 + margin-top: 10px;
3084 3122 width: 100%;
3085 3123 }
3086 -.elementor-editor-active .elementor-select-preset-title {
3124 +
3125 +.elementor-select-preset-title {
3087 3126 font-weight: 500;
3088 3127 text-transform: uppercase;
3089 3128 }
3090 -.elementor-editor-active .elementor-add-section-close,
3091 -.elementor-editor-active .elementor-add-section-back,
3092 -.elementor-editor-active .flex-preset-button,
3093 -.elementor-editor-active .grid-preset-button {
3094 - padding: unset;
3095 - margin: unset;
3096 - border: unset;
3097 - border-radius: unset;
3098 - outline: unset;
3099 - box-shadow: unset;
3100 - text-shadow: unset;
3101 - color: var(--e-a-color-txt);
3102 - background-color: transparent;
3129 +
3130 +.elementor-add-section-close {
3131 + right: 40px;
3103 3132 }
3104 -.elementor-editor-active .elementor-add-section-close {
3105 - inset-inline-end: 40px;
3133 +
3134 +.elementor-add-section-back {
3135 + left: 40px;
3106 3136 }
3107 -.elementor-editor-active .elementor-add-section-back {
3108 - inset-inline-start: 40px;
3109 - scale: calc(1 * var(--direction-multiplier)) 1;
3110 -}
3111 -.elementor-editor-active .elementor-add-section-close,
3112 -.elementor-editor-active .elementor-add-section-back {
3137 +
3138 +.elementor-wizard-icon {
3113 3139 position: absolute;
3114 - inset-block-start: 40px;
3140 + top: 40px;
3115 3141 font-size: 20px;
3116 3142 cursor: pointer;
3117 3143 line-height: 1;
3118 3144 color: var(--e-a-color-txt);
3119 - border-radius: 50%;
3120 - box-shadow: unset;
3121 - text-shadow: unset;
3122 3145 }
3123 -.elementor-editor-active .elementor-add-section-close:hover, .elementor-editor-active .elementor-add-section-close:focus,
3124 -.elementor-editor-active .elementor-add-section-back:hover,
3125 -.elementor-editor-active .elementor-add-section-back:focus {
3126 - border: unset;
3127 - border-radius: 50%;
3128 - box-shadow: unset;
3129 - text-shadow: unset;
3146 +.elementor-wizard-icon:hover {
3130 3147 color: var(--e-a-color-txt-hover);
3131 - background-color: var(--e-a-bg-hover);
3132 3148 }
3133 -.elementor-editor-active .flex-preset-button:hover, .elementor-editor-active .flex-preset-button:focus,
3134 -.elementor-editor-active .grid-preset-button:hover,
3135 -.elementor-editor-active .grid-preset-button:focus {
3136 - background-color: transparent;
3137 - color: var(--e-a-color-txt-hover);
3138 -}
3139 -.elementor-editor-active .elementor-select-preset-list {
3140 - display: flex;
3141 - gap: 20px;
3142 - align-items: center;
3143 - justify-content: center;
3144 - flex-wrap: wrap;
3149 +
3150 +.elementor-select-preset-list {
3151 + list-style: none;
3152 + padding: 0 25px;
3145 3153 margin: 20px auto 0;
3154 + overflow: hidden;
3146 3155 max-width: 700px;
3147 3156 }
3148 -.elementor-editor-active .elementor-select-preset-list .elementor-preset {
3157 +.elementor-select-preset-list .elementor-preset {
3149 3158 cursor: pointer;
3150 - flex-basis: 90px;
3151 - padding: unset;
3152 - margin: unset;
3153 - border: unset;
3154 - border-radius: unset;
3155 - outline: unset;
3156 - box-shadow: unset;
3157 - text-shadow: unset;
3158 - background-color: unset;
3159 + margin: 0;
3160 + padding: 10px;
3161 + float: right;
3162 + max-width: 33.333%;
3159 3163 }
3160 -.elementor-editor-active .elementor-select-preset-list .elementor-preset path,
3161 -.elementor-editor-active .elementor-select-preset-list .elementor-preset rect {
3164 +.elementor-select-preset-list .elementor-preset:not(:hover) path,
3165 +.elementor-select-preset-list .elementor-preset:not(:hover) rect {
3162 3166 fill: var(--e-a-bg-active-bold);
3163 3167 transition: 0.3s all;
3164 3168 }
3165 -.elementor-editor-active .elementor-select-preset-list .elementor-preset:hover, .elementor-editor-active .elementor-select-preset-list .elementor-preset:focus {
3166 - background-color: transparent;
3167 -}
3168 -.elementor-editor-active .elementor-select-preset-list .elementor-preset:hover path,
3169 -.elementor-editor-active .elementor-select-preset-list .elementor-preset:hover rect, .elementor-editor-active .elementor-select-preset-list .elementor-preset:focus path,
3170 -.elementor-editor-active .elementor-select-preset-list .elementor-preset:focus rect {
3169 +.elementor-select-preset-list .elementor-preset:hover path,
3170 +.elementor-select-preset-list .elementor-preset:hover rect {
3171 3171 fill: var(--e-a-color-txt);
3172 3172 }
3173 -.elementor-editor-active .elementor-select-preset-list .elementor-preset .e-preset--container {
3173 +.elementor-select-preset-list .elementor-preset .e-preset--container {
3174 3174 position: relative;
3175 3175 display: flex;
3176 3176 }
3177 -.elementor-editor-active .elementor-select-preset-list .elementor-preset .e-preset--container::before {
3177 +.elementor-select-preset-list .elementor-preset .e-preset--container::before {
3178 3178 content: var(--text);
3179 3179 font-family: var(--e-a-font-family);
3180 3180 font-size: 13px;
3181 3181 font-weight: 500;
3182 + position: absolute;
3183 + left: 50%;
3184 + top: 50%;
3182 3185 color: var(--e-a-color-white);
3183 - position: absolute;
3184 - inset-block-start: 50%;
3185 - inset-inline-start: 50%;
3186 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
3186 + transform: translate(-50%, -50%);
3187 3187 }
3188 -.elementor-editor-active .elementor-select-preset-list .elementor-preset svg {
3188 +.elementor-select-preset-list .elementor-preset svg {
3189 3189 height: 50px;
3190 3190 width: 100%;
3191 - scale: calc(1 * var(--direction-multiplier)) 1;
3191 + transform: rotate(180deg);
3192 3192 }
3193 -.elementor-editor-active .elementor-add-section[data-view=choose-action] .elementor-add-section-back {
3193 +
3194 +#elementor-add-new-section {
3195 + margin: 60px auto;
3196 +}
3197 +#elementor-add-new-section[data-view=choose-action] .elementor-add-section-close {
3194 3198 display: none;
3195 3199 }
3196 -.elementor-editor-active .elementor-add-section[data-view=select-preset] .elementor-add-section-back {
3200 +#elementor-add-new-section[data-view=choose-action] .elementor-add-section-back {
3197 3201 display: none;
3198 3202 }
3199 -.elementor-editor-active .elementor-add-section[data-view=select-type] .elementor-add-section-back {
3203 +#elementor-add-new-section[data-view=select-preset] .elementor-add-section-back {
3200 3204 display: none;
3201 3205 }
3202 -.elementor-editor-active #elementor-add-new-section {
3203 - margin: 60px auto;
3204 -}
3205 -.elementor-editor-active #elementor-add-new-section[data-view=choose-action] .elementor-add-section-close {
3206 +#elementor-add-new-section[data-view=select-type] .elementor-add-section-back {
3206 3207 display: none;
3207 3208 }
3208 -.elementor-editor-active .elementor-add-section-inline {
3209 +
3210 +.elementor-add-section-inline {
3209 3211 margin: 10px auto;
3210 3212 width: 100%;
3211 3213 }
3212 3214
@@ -3270,9 +3272,9 @@
3270 3272 white-space: pre-wrap;
3271 3273 }
3272 3274 .pen-menu {
3273 3275 box-shadow: 1px 2px 3px -2px #222;
3274 - background-color: #3f444b;
3276 + background-color: #3A3F45;
3275 3277 position: fixed;
3276 3278 overflow: hidden;
3277 3279 border-radius: 3px;
3278 3280 z-index: 9999;
@@ -3277,18 +3279,18 @@
3277 3279 border-radius: 3px;
3278 3280 z-index: 9999;
3279 3281 }
3280 3282 .pen-menu:after {
3283 + top: 100%;
3281 3284 content: "";
3282 3285 position: absolute;
3283 3286 border: 6px solid transparent;
3284 - border-block-start-color: #3f444b;
3285 - inset-block-start: 100%;
3286 - inset-inline-start: 50%;
3287 + border-top-color: #3A3F45;
3288 + left: 50%;
3287 3289 transform: translateX(-50%);
3288 3290 }
3289 3291 .pen-menu-below:after {
3290 - inset-block-start: 0;
3292 + top: 0;
3291 3293 transform: translateX(-50%) translateY(-100%) rotate(180deg);
3292 3294 }
3293 3295 .pen-icon {
3294 3296 position: relative;
@@ -3304,9 +3306,9 @@
3304 3306 -moz-user-select: none;
3305 3307 user-select: none;
3306 3308 }
3307 3309 .pen-icon:hover {
3308 - background: #1f2124;
3310 + background: #1A1C1E;
3309 3311 }
3310 3312 .pen-icon[data-group], .pen-icon[data-action=closeGroup] {
3311 3313 display: none;
3312 3314 }
@@ -3312,22 +3314,22 @@
3312 3314 }
3313 3315 .pen-icon[data-action=close]:before {
3314 3316 content: "";
3315 3317 position: absolute;
3316 - inset-inline-start: 0;
3318 + right: 0;
3317 3319 height: 60%;
3318 3320 width: 1px;
3319 - background-color: #1f2124;
3321 + background-color: #1A1C1E;
3320 3322 }
3321 3323 .pen-icon.active {
3322 - background-color: #1f2124;
3323 - box-shadow: inset 2px 2px 4px #1f2124;
3324 + background-color: #1A1C1E;
3325 + box-shadow: inset 2px 2px 4px #1A1C1E;
3324 3326 }
3325 3327 .pen-group-icon:after {
3326 3328 font-family: eicons;
3327 3329 font-size: 12px;
3328 3330 content: "\e92a";
3329 - padding-inline-start: 4px;
3331 + padding-left: 4px;
3330 3332 color: #2563EB;
3331 3333 }
3332 3334 .pen-input-wrapper {
3333 3335 align-items: center;
@@ -3335,10 +3337,10 @@
3335 3337 .pen-input-wrapper .pen-url-input {
3336 3338 font-size: 12px;
3337 3339 line-height: 1.5;
3338 3340 padding: 0;
3339 - padding-inline-start: 10px;
3340 - padding-inline-end: 10px;
3341 + padding-right: 10px;
3342 + padding-left: 10px;
3341 3343 width: 250px;
3342 3344 direction: ltr;
3343 3345 }
3344 3346 .pen-input-wrapper .pen-url-input, .pen-input-wrapper .pen-url-input:focus {
@@ -3355,9 +3357,9 @@
3355 3357 color: #D5D8DC;
3356 3358 }
3357 3359 .pen-input-label {
3358 3360 margin: 0;
3359 - margin-inline-end: -1px;
3361 + margin-left: -1px;
3360 3362 }
3361 3363 .pen-placeholder:before {
3362 3364 content: attr(data-pen-placeholder);
3363 3365 position: absolute;
@@ -3473,34 +3475,23 @@
3473 3475 .e-ui-state--elements-color-picker-color-picking__on .elementor-section:hover {
3474 3476 outline: 1px solid #2563EB;
3475 3477 }
3476 3478
3477 -/**
3478 -* Contact Buttons has position: fixed, therefore the container results as `empty`
3479 -* and it's not visible in the preview when the aside is hidden.
3480 -*/
3481 -.elementor-editor-preview .elementor-element:has(.e-contact-buttons) .elementor-widget-empty,
3482 -.elementor-editor-preview .elementor-element:has(.e-floating-bars) .elementor-widget-empty {
3483 - display: block;
3484 -}
3485 -
3486 3479 [class^=eicon-flex], [class*=" eicon-flex"] {
3487 3480 transition: 0.3s all;
3481 + --is-ltr: 1;
3482 + --is-rtl: 0;
3483 + --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
3484 + --is-ltr: 0;
3485 + --is-rtl: 1;
3488 3486 }
3489 3487 [class^=eicon-flex].eicon-inline, [class*=" eicon-flex"].eicon-inline {
3490 3488 max-height: 1em;
3491 3489 max-width: 1em;
3492 3490 }
3493 -[class^=eicon-flex], [class*=" eicon-flex"] {
3494 - --is-ltr: 0;
3495 - --is-rtl: 1;
3496 -}
3497 3491 [class^=eicon-flex]:is(.eicon-justify-start-h, .eicon-justify-end-h), [class*=" eicon-flex"]:is(.eicon-justify-start-h, .eicon-justify-end-h) {
3498 3492 --rotation-direction: calc(var(--is-ltr) + var(--is-rtl));
3499 3493 }
3500 -[class^=eicon-flex], [class*=" eicon-flex"] {
3501 - --rotation-direction: calc(var(--is-ltr) - var(--is-rtl));
3502 -}
3503 3494 :is(.e-ui-state--document-direction-mode__column, .e-ui-state--document-direction-mode__column-reverse) [class^=eicon-flex]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow), :is(.e-ui-state--document-direction-mode__column, .e-ui-state--document-direction-mode__column-reverse) [class*=" eicon-flex"]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow) {
3504 3495 transform: rotate(calc(var(--rotation-direction) * 90deg));
3505 3496 }
3506 3497 :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) {
@@ -3516,9 +3507,9 @@
3516 3507 transform: rotate(calc(var(--is-ltr) * 180deg));
3517 3508 }
3518 3509
3519 3510 html.elementor-html {
3520 - margin-block-start: 0 !important;
3511 + margin-top: 0 !important;
3521 3512 }
3522 3513
3523 3514 .elementor-edit-area {
3524 3515 position: relative;
@@ -3544,10 +3535,10 @@
3544 3535 .elementor-edit-area-active .e-grid-outline {
3545 3536 display: none;
3546 3537 }
3547 3538 .elementor-edit-area-active .elementor-element-editable.e-grid.e-con-full > .e-grid-outline {
3548 - padding-block-start: var(--bc-padding-block-start, var(--padding-block-start));
3549 - padding-block-end: var(--bc-padding-block-end, var(--padding-block-end));
3539 + padding-top: var(--padding-top);
3540 + padding-bottom: var(--padding-bottom);
3550 3541 display: grid;
3551 3542 position: absolute;
3552 3543 top: 0;
3553 3544 bottom: 0;
@@ -3558,10 +3549,10 @@
3558 3549 grid-auto-flow: var(--grid-auto-flow);
3559 3550 justify-content: var(--grid-justify-content);
3560 3551 align-content: var(--grid-align-content);
3561 3552 min-height: var(--min-height);
3562 - padding-inline-end: var(--bc-padding-inline-end, var(--padding-inline-end));
3563 - padding-inline-start: var(--bc-padding-inline-start, var(--padding-inline-start));
3553 + padding-right: var(--padding-right);
3554 + padding-left: var(--padding-left);
3564 3555 width: 100%;
3565 3556 left: 0;
3566 3557 }
3567 3558 .elementor-edit-area-active .elementor-element-editable.e-grid.e-con-boxed > .e-con-inner {
@@ -3567,10 +3558,10 @@
3567 3558 .elementor-edit-area-active .elementor-element-editable.e-grid.e-con-boxed > .e-con-inner {
3568 3559 position: relative;
3569 3560 }
3570 3561 .elementor-edit-area-active .elementor-element-editable.e-grid.e-con-boxed > .e-con-inner > .e-grid-outline {
3571 - padding-block-start: var(--bc-padding-block-start, var(--padding-block-start));
3572 - padding-block-end: var(--bc-padding-block-end, var(--padding-block-end));
3562 + padding-top: var(--padding-top);
3563 + padding-bottom: var(--padding-bottom);
3573 3564 display: grid;
3574 3565 position: absolute;
3575 3566 top: 0;
3576 3567 bottom: 0;
@@ -3591,9 +3582,9 @@
3591 3582 width: 100%;
3592 3583 height: 100%;
3593 3584 }
3594 3585 .elementor-edit-area-active .elementor-inner-section:first-child {
3595 - margin-block-start: 15px;
3586 + margin-top: 15px;
3596 3587 }
3597 3588 .elementor-edit-area-active .elementor-widget-wrap.elementor-element-empty {
3598 3589 min-height: 30px;
3599 3590 }
@@ -3610,10 +3601,10 @@
3610 3601 }
3611 3602 .elementor-edit-area-active .elementor-widget.elementor-element-edit-mode:hover {
3612 3603 box-shadow: 0 0 0 1px var(--e-p-border-widget);
3613 3604 }
3614 -.elementor-edit-area-active .elementor-widget.elementor-element-editable, .elementor-edit-area-active .elementor-widget.elementor-element-editable:hover {
3615 - box-shadow: 0 0 0 2px var(--e-p-border-widget);
3605 +.elementor-edit-area-active .elementor-widget.elementor-element-editable {
3606 + box-shadow: 0 0 0 1px var(--e-p-border-widget-active);
3616 3607 }
3617 3608 .elementor-edit-area-active .elementor-widget:not(:hover) .elementor-editor-element-settings {
3618 3609 display: none;
3619 3610 }
@@ -3647,10 +3638,10 @@
3647 3638 }
3648 3639
3649 3640 .elementor-element > .elementor-element-overlay {
3650 3641 position: absolute;
3651 - inset-block-start: 0;
3652 - inset-inline-end: 0;
3642 + top: 0;
3643 + left: 0;
3653 3644 letter-spacing: 0;
3654 3645 z-index: 9998;
3655 3646 pointer-events: none;
3656 3647 }
@@ -3666,12 +3657,8 @@
3666 3657 display: block;
3667 3658 text-align: center;
3668 3659 padding: 10px 0;
3669 3660 }
3670 -.elementor-element.elementor-widget-empty[data-atomic] .elementor-widget-empty-icon {
3671 - background-color: rgb(243, 243, 244);
3672 - width: 100%;
3673 -}
3674 3661 .elementor-element:not(:hover):not(.elementor-element-editable) > .elementor-element-overlay .elementor-editor-element-settings {
3675 3662 display: none;
3676 3663 }
3677 3664 .elementor-element--toggle-edit-tools > .elementor-element-overlay .elementor-editor-element-edit:not(.elementor-active) ~ * {
@@ -3730,9 +3717,12 @@
3730 3717 }
3731 3718
3732 3719 .elementor-empty-view {
3733 3720 position: absolute;
3734 - inset: 0;
3721 + top: 0;
3722 + bottom: 0;
3723 + left: 0;
3724 + right: 0;
3735 3725 z-index: 1;
3736 3726 }
3737 3727
3738 3728 .elementor-first-add {
@@ -3762,9 +3752,9 @@
3762 3752 text-align: center;
3763 3753 }
3764 3754 .elementor-sortable-helper .icon {
3765 3755 font-size: 28px;
3766 - padding-block-start: 15px;
3756 + padding-top: 15px;
3767 3757 line-height: 1;
3768 3758 }
3769 3759 .elementor-sortable-helper .title-wrapper {
3770 3760 display: flex;
@@ -3798,15 +3788,8 @@
3798 3788 .elementor-widget-placeholder {
3799 3789 height: 10px;
3800 3790 animation-name: placeholder-widget;
3801 3791 }
3802 -.elementor-widget-placeholder.is-logical {
3803 - margin-top: var(--e-placeholder-margin-top);
3804 - margin-bottom: var(--e-placeholder-margin-bottom);
3805 - margin-inline-start: var(--e-placeholder-margin-inline-start);
3806 - width: var(--e-placeholder-width);
3807 - min-width: 200px;
3808 -}
3809 3792
3810 3793 .elementor-draggable-over:not([data-dragged-element=section]):not([data-dragged-is-inner=true]) > .elementor-empty-view > .elementor-first-add:after,
3811 3794 .elementor-first-add.elementor-html5dnd-current-element:after {
3812 3795 content: "";
@@ -3837,20 +3820,8 @@
3837 3820 .elementor-editor-preview .elementor-empty-view,
3838 3821 .elementor-editor-preview .elementor-widget-empty {
3839 3822 display: none;
3840 3823 }
3841 -.elementor-editor-preview :where(.elementor-edit-area-active) .elementor-element-overlay,
3842 -.elementor-editor-preview :where(.elementor-edit-area-active) .elementor-empty,
3843 -.elementor-editor-preview :where(.elementor-edit-area-active) .elementor-empty-view,
3844 -.elementor-editor-preview :where(.elementor-edit-area-active) .elementor-widget-empty {
3845 - display: revert;
3846 -}
3847 -.elementor-editor-preview :where(.elementor-edit-area-active.elementor-widget-e-component) > .elementor-section-wrap > :first-child > .elementor-element-overlay::after {
3848 - outline-color: var(--e-p-border-global-element);
3849 -}
3850 -.elementor-editor-preview :where(.elementor-edit-area-active.elementor-widget-e-component) > .elementor-section-wrap > :first-child.elementor-element-editable > .elementor-element-overlay::after {
3851 - outline-offset: -1px;
3852 -}
3853 3824
3854 3825 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen,
3855 3826 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop,
3856 3827 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop,
@@ -3893,9 +3864,12 @@
3893 3864 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.e-con:before {
3894 3865 content: "";
3895 3866 display: block;
3896 3867 position: absolute;
3897 - inset: 0;
3868 + top: 0;
3869 + left: 0;
3870 + width: 100%;
3871 + height: 100%;
3898 3872 background-color: rgba(255, 255, 255, 0.6);
3899 3873 z-index: 9997;
3900 3874 }
3901 3875 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.e-con,
@@ -3915,27 +3889,21 @@
3915 3889 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra.elementor-inner-section .elementor-container,
3916 3890 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-inner-section .elementor-container {
3917 3891 width: 100%;
3918 3892 }
3919 -.e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen > .elementor-widget-container, .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen > .elementor-widget-wrap, .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen:not(:has(> .elementor-widget-container)),
3893 +.e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen > .elementor-widget-container, .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen > .elementor-widget-wrap,
3920 3894 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop > .elementor-widget-container,
3921 3895 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop > .elementor-widget-wrap,
3922 -.e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop:not(:has(> .elementor-widget-container)),
3923 3896 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop > .elementor-widget-container,
3924 3897 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop > .elementor-widget-wrap,
3925 -.e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop:not(:has(> .elementor-widget-container)),
3926 3898 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra > .elementor-widget-container,
3927 3899 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra > .elementor-widget-wrap,
3928 -.e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra:not(:has(> .elementor-widget-container)),
3929 3900 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet > .elementor-widget-container,
3930 3901 .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet > .elementor-widget-wrap,
3931 -.e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet:not(:has(> .elementor-widget-container)),
3932 3902 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra > .elementor-widget-container,
3933 3903 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra > .elementor-widget-wrap,
3934 -.e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra:not(:has(> .elementor-widget-container)),
3935 3904 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-container,
3936 -.e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-wrap,
3937 -.e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile:not(:has(> .elementor-widget-container)) {
3905 +.e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile > .elementor-widget-wrap {
3938 3906 filter: opacity(0.4) saturate(0);
3939 3907 }
3940 3908 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen.elementor-edit-hidden,
3941 3909 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop.elementor-edit-hidden,
@@ -3946,131 +3914,104 @@
3946 3914 .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile.elementor-edit-hidden {
3947 3915 display: none;
3948 3916 }
3949 3917
3950 -.e-youtube-base iframe {
3951 - pointer-events: none;
3952 -}
3953 -
3954 -.elementor-widget-e-component[data-atomic].elementor-edit-area-active > * > * {
3955 - pointer-events: initial;
3956 -}
3957 -.elementor-widget-e-component[data-atomic]:not(.elementor-edit-area-active) > * > * {
3958 - pointer-events: none;
3959 -}
3960 -
3961 -.elementor-editor-element-overlay-settings {
3918 +.elementor-editor-section-settings,
3919 +.elementor-editor-container-settings {
3962 3920 height: 24px;
3963 3921 top: 1px;
3964 3922 left: 50%;
3965 3923 transform: translateX(-50%) translateY(-100%);
3966 3924 background-color: var(--e-p-border-section);
3967 - border-start-start-radius: 5px;
3968 - border-start-end-radius: 5px;
3969 - border-end-start-radius: 0;
3970 - border-end-end-radius: 0;
3971 - stroke: transparent;
3972 - stroke-width: 0;
3973 - -webkit-text-stroke: 0 transparent;
3925 + border-radius: 5px 5px 0 0;
3926 + box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.05);
3974 3927 }
3975 -.elementor-editor-element-overlay-settings i.eicon-handle {
3928 +.elementor-editor-section-settings i.eicon-handle,
3929 +.elementor-editor-container-settings i.eicon-handle {
3976 3930 font-size: 16px;
3977 3931 }
3978 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:hover {
3932 +.elementor-editor-section-settings .elementor-editor-element-setting:hover,
3933 +.elementor-editor-container-settings .elementor-editor-element-setting:hover {
3979 3934 background-color: var(--e-p-border-section-hover);
3980 3935 }
3981 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child {
3982 - border-start-start-radius: 5px;
3983 - border-start-end-radius: 0;
3984 - border-end-start-radius: 0;
3985 - border-end-end-radius: 0;
3936 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child,
3937 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child {
3938 + border-radius: 0 5px 0 0;
3986 3939 }
3987 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child:before {
3940 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child:before,
3941 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child:before {
3988 3942 content: "";
3989 3943 position: absolute;
3990 - inset-block-start: 2px;
3991 - inset-inline-end: calc(100% - 1px);
3992 - border-block-start: 22px solid transparent;
3993 - border-block-end: 0 none transparent;
3994 - border-inline-start: 0 none transparent;
3995 - border-inline-end: 12px solid var(--e-p-border-section);
3996 - transition: var(--e-a-transition-hover);
3944 + border: solid transparent;
3945 + top: 2px;
3946 + border-left-color: var(--e-p-border-section);
3947 + border-width: 22px 0 0 12px;
3948 + left: calc(100% - 1px);
3997 3949 }
3998 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:first-child:hover:before {
3999 - border-inline-end-color: var(--e-p-border-section-hover);
3950 +.elementor-editor-section-settings .elementor-editor-element-setting:first-child:hover:before,
3951 +.elementor-editor-container-settings .elementor-editor-element-setting:first-child:hover:before {
3952 + border-left-color: var(--e-p-border-section-hover);
4000 3953 }
4001 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child {
4002 - border-start-start-radius: 0;
4003 - border-start-end-radius: 5px;
4004 - border-end-start-radius: 0;
4005 - border-end-end-radius: 0;
3954 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child,
3955 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child {
3956 + border-radius: 5px 0 0 0;
4006 3957 }
4007 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child:after {
3958 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child:after,
3959 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child:after {
4008 3960 content: "";
4009 3961 position: absolute;
4010 - inset-block-start: 2px;
4011 - inset-inline-start: calc(100% - 1px);
4012 - border-block-start: 22px solid transparent;
4013 - border-block-end: 0 none transparent;
4014 - border-inline-start: 12px solid var(--e-p-border-section);
4015 - border-inline-end: 0 none transparent;
4016 - transition: var(--e-a-transition-hover);
3962 + border: solid transparent;
3963 + top: 2px;
3964 + border-right-color: var(--e-p-border-section);
3965 + border-width: 22px 12px 0 0;
3966 + right: calc(100% - 1px);
4017 3967 }
4018 -.elementor-editor-element-overlay-settings .elementor-editor-element-setting:last-child:hover:after {
4019 - border-inline-start-color: var(--e-p-border-section-hover);
3968 +.elementor-editor-section-settings .elementor-editor-element-setting:last-child:hover:after,
3969 +.elementor-editor-container-settings .elementor-editor-element-setting:last-child:hover:after {
3970 + border-right-color: var(--e-p-border-section-hover);
4020 3971 }
4021 3972
4022 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings {
3973 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings,
3974 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings {
4023 3975 transform: translateX(-50%);
4024 - border-start-start-radius: 0;
4025 - border-start-end-radius: 0;
4026 - border-end-start-radius: 5px;
4027 - border-end-end-radius: 5px;
3976 + border-radius: 0 0 5px 5px;
4028 3977 }
4029 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child {
4030 - border-start-start-radius: 0;
4031 - border-start-end-radius: 0;
4032 - border-end-start-radius: 5px;
4033 - border-end-end-radius: 0;
3978 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child,
3979 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child {
3980 + border-radius: 0 0 5px 0;
4034 3981 }
4035 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before {
3982 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before,
3983 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:first-child:before {
4036 3984 top: 0;
4037 - border-block-start: 0 none transparent;
4038 - border-block-end: 22px solid transparent;
4039 - border-inline-start: 0 none transparent;
4040 - border-inline-end: 12px solid var(--e-p-border-section);
4041 - transition: var(--e-a-transition-hover);
3985 + border-width: 0 0 22px 12px;
4042 3986 }
4043 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child {
4044 - border-start-start-radius: 0;
4045 - border-start-end-radius: 0;
4046 - border-end-start-radius: 0;
4047 - border-end-end-radius: 5px;
3987 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child,
3988 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child {
3989 + border-radius: 0 0 0 5px;
4048 3990 }
4049 -.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after {
3991 +.e-handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after,
3992 +.elementor-section--handles-inside > .elementor-element-overlay > .elementor-editor-element-settings .elementor-editor-element-setting:last-child:after {
4050 3993 top: 0;
4051 - border-block-start: 0 none transparent;
4052 - border-block-end: 22px solid transparent;
4053 - border-inline-start: 12px solid var(--e-p-border-section);
4054 - border-inline-end: 0 none transparent;
4055 - transition: var(--e-a-transition-hover);
3994 + border-width: 0 12px 22px 0;
4056 3995 }
4057 3996
4058 3997 .elementor-column > .elementor-element-overlay {
4059 - inset-block-end: 0;
4060 - inset-inline-start: 0;
3998 + right: 0;
3999 + bottom: 0;
4061 4000 }
4062 4001 .elementor-column > .elementor-element-overlay:after {
4063 4002 position: absolute;
4064 - inset: 0;
4003 + left: 0;
4004 + right: 0;
4005 + top: 0;
4006 + bottom: 0;
4065 4007 outline: 1px dashed var(--e-p-border-column);
4066 4008 }
4067 -.elementor-column:hover > .elementor-element-overlay:after {
4068 - content: "";
4009 +.elementor-column:hover > .elementor-element-overlay, .elementor-column.elementor-element-editable > .elementor-element-overlay {
4010 + border: 1px solid var(--e-a-color-white);
4069 4011 }
4070 -.elementor-column.elementor-element-editable > .elementor-element-overlay:after {
4012 +.elementor-column:hover > .elementor-element-overlay:after, .elementor-column.elementor-element-editable > .elementor-element-overlay:after {
4071 4013 content: "";
4072 - outline: 2px solid var(--e-p-border-column);
4073 4014 }
4074 4015 .elementor-column.elementor-dragging-on-child > .elementor-element-overlay {
4075 4016 border: 1px solid var(--e-p-draggable-color);
4076 4017 }
@@ -4080,10 +4021,10 @@
4080 4021 .elementor-column > .ui-resizable-e, .elementor-column > .ui-resizable-w {
4081 4022 cursor: col-resize;
4082 4023 width: 7px;
4083 4024 position: absolute;
4084 - inset-block-start: 0;
4085 - inset-inline-end: -5px;
4025 + left: -5px;
4026 + top: 0;
4086 4027 height: 100%;
4087 4028 }
4088 4029 .elementor-column:last-of-type > .ui-resizable-e, .elementor-column:last-of-type > .ui-resizable-w {
4089 4030 display: none !important;
@@ -4094,15 +4035,11 @@
4094 4035 }
4095 4036 }
4096 4037
4097 4038 .elementor-editor-column-settings {
4098 - inset-block-start: -1px;
4099 - inset-inline-start: -1px;
4100 - border-start-start-radius: 0;
4101 - border-start-end-radius: 0;
4102 - border-end-start-radius: 0;
4103 - border-end-end-radius: 3px;
4104 - transform: none;
4039 + top: -1px;
4040 + right: -1px;
4041 + border-radius: 0 0 0 3px;
4105 4042 overflow: hidden;
4106 4043 }
4107 4044 .elementor-editor-column-settings .elementor-editor-element-setting {
4108 4045 background-color: var(--e-p-border-column);
@@ -4116,9 +4053,12 @@
4116 4053 }
4117 4054 .elementor-column-placeholder:before, .elementor-column-placeholder:after {
4118 4055 content: "";
4119 4056 position: absolute;
4120 - inset: 10px;
4057 + top: 10px;
4058 + bottom: 10px;
4059 + right: 10px;
4060 + left: 10px;
4121 4061 }
4122 4062 .elementor-column-placeholder:before {
4123 4063 border: 1px solid var(--e-p-border-column);
4124 4064 }
@@ -4129,9 +4069,9 @@
4129 4069 .elementor-column-percents-tooltip {
4130 4070 position: absolute;
4131 4071 display: none;
4132 4072 pointer-events: none;
4133 - inset-block-start: 50%;
4073 + top: 50%;
4134 4074 transform: translateY(-50%);
4135 4075 color: #fff;
4136 4076 font-size: 10px;
4137 4077 background-color: var(--e-p-border-column);
@@ -4169,15 +4109,12 @@
4169 4109 }
4170 4110
4171 4111 .elementor-editor-widget-settings {
4172 4112 z-index: 2;
4173 - inset-block-start: -1px;
4174 - inset-inline-end: -1px;
4113 + top: -1px;
4114 + left: -1px;
4175 4115 flex-direction: row-reverse;
4176 - border-start-start-radius: 0;
4177 - border-start-end-radius: 0;
4178 - border-end-start-radius: 3px;
4179 - border-end-end-radius: 0;
4116 + border-radius: 0 0 3px 0;
4180 4117 overflow: hidden;
4181 4118 }
4182 4119 .elementor-editor-widget-settings .elementor-editor-element-setting {
4183 4120 background-color: var(--e-p-border-widget);
@@ -4185,299 +4122,29 @@
4185 4122 .elementor-editor-widget-settings .elementor-editor-element-setting:hover {
4186 4123 background-color: var(--e-p-border-widget-hover);
4187 4124 }
4188 4125
4189 -.e-widget-pro-promotion {
4190 - border: 2px dashed var(--e-a-border-color-bold);
4191 - background-color: var(--e-a-color-white);
4192 - padding: 20px;
4193 -}
4194 -.e-widget-pro-promotion .e-container {
4195 - max-width: 600px;
4196 - margin: auto;
4197 -}
4198 -.e-widget-pro-promotion .e-badge {
4199 - border: 1px solid var(--e-a-color-accent);
4200 - color: var(--e-a-color-accent);
4201 - background: var(--e-a-color-white);
4202 - border-radius: 100px;
4203 - padding: 4px 12px;
4204 - font-size: 0.8em;
4205 -}
4206 -.e-widget-pro-promotion p {
4207 - margin-block-start: 1em;
4208 - margin-block-end: 1em;
4209 - text-align: center;
4210 -}
4211 -.e-widget-pro-promotion p img {
4212 - display: block;
4213 - margin: 0 auto 20px;
4214 -}
4215 -.e-widget-pro-promotion .e-actions {
4216 - display: flex;
4217 - justify-content: center;
4218 - gap: 10px;
4219 -}
4220 -.e-widget-pro-promotion .e-btn {
4221 - font-size: 14px;
4222 - font-weight: 500;
4223 - line-height: 1.2;
4224 - padding: 8px 16px;
4225 - border-radius: var(--e-a-border-radius);
4226 - background-color: var(--e-a-btn-bg-accent);
4227 - color: var(--e-a-btn-color-invert);
4228 - transition: var(--e-a-transition-hover);
4229 -}
4230 -.e-widget-pro-promotion .e-btn:hover, .e-widget-pro-promotion .e-btn:focus {
4231 - background-color: var(--e-a-btn-bg-accent-hover);
4232 - color: var(--e-a-btn-color-invert);
4233 -}
4234 -.e-widget-pro-promotion .e-btn:active {
4235 - background-color: var(--e-a-btn-bg-accent-active);
4236 -}
4237 -.e-widget-pro-promotion .e-btn.e-btn-txt {
4238 - background: transparent;
4239 - color: var(--e-a-color-txt);
4240 -}
4241 -.e-widget-pro-promotion .e-btn.e-btn-txt:hover, .e-widget-pro-promotion .e-btn.e-btn-txt:focus {
4242 - background: var(--e-a-bg-hover);
4243 - color: var(--e-a-color-txt-hover);
4244 -}
4245 -
4246 4126 .elementor-section > .elementor-element-overlay,
4247 4127 .e-con > .elementor-element-overlay {
4248 - inset-block-end: 0;
4249 - inset-inline-start: 0;
4128 + right: 0;
4129 + bottom: 0;
4250 4130 }
4251 4131 .elementor-section > .elementor-element-overlay:after,
4252 4132 .e-con > .elementor-element-overlay:after {
4253 4133 position: absolute;
4254 - inset: 1px;
4134 + left: 1px;
4135 + right: 1px;
4136 + top: 1px;
4137 + bottom: 1px;
4255 4138 outline: 1px solid var(--e-p-border-con);
4256 4139 animation: section-outline 0.75s;
4257 4140 }
4258 -.elementor-section:hover > .elementor-element-overlay:after,
4259 -.e-con:hover > .elementor-element-overlay:after {
4260 - content: "";
4261 -}
4262 -.elementor-section.elementor-element-editable > .elementor-element-overlay:after,
4141 +.elementor-section:hover > .elementor-element-overlay:after, .elementor-section.elementor-element-editable > .elementor-element-overlay:after,
4142 +.e-con:hover > .elementor-element-overlay:after,
4263 4143 .e-con.elementor-element-editable > .elementor-element-overlay:after {
4264 4144 content: "";
4265 - outline-width: 2px;
4266 4145 }
4267 4146
4268 -.e-con .e-con-inner .e-con > .elementor-element-overlay:after {
4269 - outline: 1px dashed var(--e-p-border-con-in);
4270 -}
4271 -.e-con .e-con-inner .e-con.elementor-element-editable > .elementor-element-overlay:after {
4272 - outline: 2px solid var(--e-p-border-con-in);
4273 -}
4274 -.e-con .elementor-empty-view {
4275 - position: relative;
4276 - width: 100%;
4277 - height: 100%;
4278 - min-height: 100px;
4279 - stroke: transparent;
4280 - stroke-width: 0;
4281 - -webkit-text-stroke: 0 transparent;
4282 -}
4283 -.e-con .elementor-empty-view .elementor-first-add {
4284 - width: auto;
4285 - height: auto;
4286 - inset: 0;
4287 -}
4288 -.e-con:not(.e-grid) .elementor-empty-view {
4289 - min-height: var(--min-height, 100px);
4290 -}
4291 -.e-con.e-grid .elementor-empty-view {
4292 - min-width: 100px;
4293 -}
4294 -.e-con .elementor-widget-placeholder {
4295 - --size: 10px;
4296 - --margin-start: calc( -1 * var( --size ) );
4297 - --margin-end: calc( -2 * var( --size ) );
4298 - flex-shrink: 0;
4299 - align-self: stretch;
4300 - z-index: 1;
4301 - pointer-events: none;
4302 -}
4303 -.e-con.e-con--row > .elementor-widget-placeholder,
4304 -.e-con.e-con--row > .elementor-element[data-atomic] > .elementor-widget-placeholder, .e-con.e-con--row > .e-con-inner > .elementor-widget-placeholder,
4305 -.e-con.e-con--row > .e-con-inner > .elementor-element[data-atomic] > .elementor-widget-placeholder {
4306 - position: relative;
4307 - z-index: 9999;
4308 - width: var(--size);
4309 - margin-inline-start: var(--margin-start);
4310 - height: auto;
4311 - min-height: 100%;
4312 - animation-name: dnd-placeholder-widget-vertical;
4313 - animation-fill-mode: both;
4314 -}
4315 -.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 {
4316 - margin-inline-end: 0;
4317 - margin-inline-start: calc(var(--margin-start) + var(--margin-end));
4318 -}
4319 -.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 {
4320 - margin-inline-end: var(--margin-end);
4321 - margin-inline-start: var(--margin-start);
4322 -}
4323 -.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 {
4324 - position: absolute;
4325 - width: var(--size);
4326 - height: 100%;
4327 - top: 0;
4328 - animation: grow-in-width 0.15s forwards;
4329 -}
4330 -.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 {
4331 - right: 0;
4332 - left: auto;
4333 -}
4334 -.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 {
4335 - left: 0;
4336 - right: auto;
4337 -}
4338 -.e-con.e-con--column > .elementor-widget-placeholder, .e-con.e-con--column > .e-con-inner > .elementor-widget-placeholder {
4339 - height: var(--size);
4340 - margin-block-start: var(--margin-start);
4341 - margin-block-end: var(--margin-end);
4342 - animation-name: dnd-placeholder-widget-horizontal;
4343 -}
4344 -.e-con.e-con--column > .elementor-widget-placeholder:nth-last-child(2) {
4345 - margin-block-start: calc(2 * var(--margin-start));
4346 - --margin-end: 0;
4347 -}
4348 -.e-con.e-con--column > .e-con-inner > .elementor-widget-placeholder:last-child {
4349 - --margin-end: 0;
4350 -}
4351 -.e-con .elementor-sortable-helper {
4352 - height: 84px;
4353 - width: 125px;
4354 - z-index: -1;
4355 -}
4356 -.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 {
4357 - position: relative;
4358 - background-color: var(--e-p-border-con-in);
4359 -}
4360 -.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 {
4361 - background-color: var(--e-p-border-con-in-hover);
4362 -}
4363 -.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 {
4364 - display: none;
4365 -}
4366 -.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) {
4367 - margin-inline-start: -25px;
4368 - z-index: -1;
4369 - transition: 0.3s all;
4370 - will-change: margin-inline-start;
4371 -}
4372 -.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) {
4373 - margin-inline-start: 0;
4374 -}
4375 -.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 {
4376 - inset: initial;
4377 - transform: none;
4378 - inset-inline-start: 0;
4379 - top: 0;
4380 - border-radius: 0;
4381 - border-end-end-radius: 3px;
4382 - height: auto;
4383 -}
4384 -.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 {
4385 - content: "\e9b4";
4386 - font-size: 20px;
4387 - display: block;
4388 - padding: 2px;
4389 -}
4390 -
4391 -.e-atomic-element:has(.elementor-empty-view) {
4392 - min-height: 120px;
4393 -}
4394 -.e-atomic-element > .elementor-empty-view.elementor-empty-view {
4395 - min-height: inherit;
4396 -}
4397 -
4398 -.e-grid-base > .elementor-empty-view.elementor-empty-view > .elementor-first-add {
4399 - opacity: 0;
4400 -}
4401 -.e-grid-base:has(> .elementor-element) > .elementor-empty-view.elementor-empty-view {
4402 - position: absolute;
4403 - grid-row: var(--e-grid-empty-cell-row, 1)/span 1;
4404 - grid-column: var(--e-grid-empty-cell-col, 1)/span 1;
4405 - visibility: var(--e-grid-empty-cell-visibility, visible);
4406 - inset: 0;
4407 - width: auto;
4408 - height: auto;
4409 - min-width: 0;
4410 - min-height: 0;
4411 -}
4412 -.e-grid-base .elementor-element:has(> .elementor-widget-placeholder.e-dragging-top),
4413 -.e-grid-base .elementor-element:has(> .elementor-widget-placeholder.e-dragging-bottom),
4414 -.e-grid-base .elementor-element > :has(> .elementor-widget-placeholder.e-dragging-top),
4415 -.e-grid-base .elementor-element > :has(> .elementor-widget-placeholder.e-dragging-bottom) {
4416 - position: relative;
4417 -}
4418 -.e-grid-base .elementor-element .elementor-widget-placeholder {
4419 - --size: 10px;
4420 -}
4421 -.e-grid-base .elementor-element .elementor-widget-placeholder.e-dragging-top, .e-grid-base .elementor-element .elementor-widget-placeholder.e-dragging-bottom {
4422 - position: absolute;
4423 - width: 100%;
4424 - height: var(--size);
4425 - inset-inline: 0;
4426 - z-index: 9999;
4427 - animation: placeholder-widget 500ms;
4428 -}
4429 -.e-grid-base .elementor-element .elementor-widget-placeholder.e-dragging-top {
4430 - inset-block-start: 0;
4431 -}
4432 -.e-grid-base .elementor-element .elementor-widget-placeholder.e-dragging-bottom {
4433 - inset-block-end: 0;
4434 -}
4435 -
4436 -body.rtl .e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-right, body.rtl .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-right {
4437 - left: 0;
4438 - right: auto;
4439 -}
4440 -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 {
4441 - right: 0;
4442 - left: auto;
4443 -}
4444 -
4445 -@keyframes dnd-placeholder-widget-vertical {
4446 - 0% {
4447 - transform-origin: 0 50%;
4448 - transform: translateX(50%) scaleX(0);
4449 - opacity: 0;
4450 - }
4451 - 100% {
4452 - transform-origin: 0 50%;
4453 - transform: translateX(50%) scaleX(1);
4454 - opacity: 0.9;
4455 - }
4456 -}
4457 -@keyframes dnd-placeholder-widget-horizontal {
4458 - 0% {
4459 - transform-origin: 50% 0;
4460 - transform: scaleY(0);
4461 - opacity: 0;
4462 - }
4463 - 100% {
4464 - transform-origin: 50% 0;
4465 - transform: scaleY(1);
4466 - opacity: 0.9;
4467 - }
4468 -}
4469 -@keyframes grow-in-width {
4470 - from {
4471 - width: 0;
4472 - }
4473 - 50% {
4474 - width: calc(var(--size) / 2);
4475 - }
4476 - to {
4477 - width: var(--size);
4478 - }
4479 -}
4480 4147 .e-con-select-preset {
4481 4148 display: flex;
4482 4149 flex-direction: column;
4483 4150 align-items: center;
@@ -4489,15 +4156,8 @@
4489 4156 }
4490 4157 .e-con-select-preset[data-view=drop-area] > *:not(.elementor-first-add) {
4491 4158 display: none;
4492 4159 }
4493 -.e-con-select-preset-grid {
4494 - flex-wrap: wrap;
4495 - gap: 20px;
4496 -}
4497 -.e-con-select-preset-grid .e-con-select-preset__list .e-con-preset rect {
4498 - fill: transparent;
4499 -}
4500 4160 .e-con-select-preset__title {
4501 4161 font-family: var(--e-a-font-family);
4502 4162 font-size: 15px;
4503 4163 font-weight: 400;
@@ -4513,24 +4173,13 @@
4513 4173 }
4514 4174 .e-con-select-preset__list .e-con-preset {
4515 4175 cursor: pointer;
4516 4176 flex-basis: 90px;
4517 - padding: unset;
4518 - margin: unset;
4519 - border: unset;
4520 - border-radius: unset;
4521 - outline: unset;
4522 - box-shadow: unset;
4523 - text-shadow: unset;
4524 - background-color: unset;
4525 4177 }
4526 4178 .e-con-select-preset__list .e-con-preset svg {
4527 4179 width: 100%;
4528 4180 height: auto;
4529 4181 }
4530 -.e-con-select-preset__list .e-con-preset svg:not(.exclude-rtl-scale) {
4531 - scale: calc(1 * var(--direction-multiplier)) 1;
4532 -}
4533 4182 .e-con-select-preset__list .e-con-preset path {
4534 4183 fill: var(--e-a-color-white);
4535 4184 }
4536 4185 .e-con-select-preset__list .e-con-preset rect {
@@ -4536,23 +4185,13 @@
4536 4185 .e-con-select-preset__list .e-con-preset rect {
4537 4186 fill: var(--e-a-bg-active-bold);
4538 4187 transition: 0.3s all;
4539 4188 }
4540 -.e-con-select-preset__list .e-con-preset:hover, .e-con-select-preset__list .e-con-preset:focus {
4541 - border: unset;
4542 - border-radius: unset;
4543 - box-shadow: unset;
4544 - text-shadow: unset;
4545 - background-color: transparent;
4546 -}
4547 -.e-con-select-preset__list .e-con-preset:hover path, .e-con-select-preset__list .e-con-preset:focus path {
4548 - stroke: var(--e-a-color-white);
4549 -}
4550 -.e-con-select-preset__list .e-con-preset:hover rect, .e-con-select-preset__list .e-con-preset:focus rect {
4189 +.e-con-select-preset__list .e-con-preset:hover rect {
4551 4190 fill: var(--e-a-color-txt);
4552 4191 }
4553 4192 .e-con-select-preset__list .e-con-preset[data-preset=r100] {
4554 - scale: calc(1 * var(--direction-multiplier)) 1;
4193 + transform: scaleX(-1);
4555 4194 }
4556 4195 .e-con-shared-styles {
4557 4196 font-family: var(--e-a-font-family);
4558 4197 line-height: 1;
@@ -4578,20 +4217,39 @@
4578 4217 .e-con-select-type__icons__icon {
4579 4218 cursor: pointer;
4580 4219 }
4581 4220 .e-con-select-type__icons__icon svg {
4582 - margin-block-end: 10px;
4221 + margin-bottom: 10px;
4583 4222 width: 85px;
4584 4223 }
4585 -.e-con-select-type__icons__icon:hover svg rect, .e-con-select-type__icons__icon:focus svg rect {
4224 +.e-con-select-type__icons__icon svg:hover rect {
4586 4225 fill: var(--e-a-color-txt);
4587 4226 }
4588 -.e-con-select-type__icons__icon:hover svg path, .e-con-select-type__icons__icon:focus svg path {
4227 +.e-con-select-type__icons__icon svg:hover path {
4589 4228 stroke: var(--e-a-color-white);
4590 4229 }
4591 4230 .e-con-select-type__icons__icon__subtitle {
4592 4231 font-size: 14px;
4593 4232 font-weight: 500;
4233 +}
4234 +.e-con-select-preset-grid__title {
4235 + font-size: 15px;
4236 + font-weight: 400;
4237 +}
4238 +.e-con-select-preset-grid__list {
4239 + display: flex;
4240 + justify-content: center;
4241 + flex-wrap: wrap;
4242 + gap: 20px;
4243 +}
4244 +.e-con-select-preset-grid__list svg {
4245 + cursor: pointer;
4246 +}
4247 +.e-con-select-preset-grid__list svg:hover rect {
4248 + fill: var(--e-a-color-txt);
4249 +}
4250 +.e-con-select-preset-grid__list svg:hover path {
4251 + stroke: var(--e-a-color-white);
4594 4252 }
4595 4253 .e-con .ui-resizable-e {
4596 4254 right: 0;
4597 4255 }