PluginProbe
Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits / 3.1.2
Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits v3.1.2
3.2.2 3.2.3 3.2.1 3.2.0 3.1.9 3.1.8 3.1.7 3.1.6 3.1.5 3.1.4 3.1.3 3.1.2 3.1.1 3.1.0 3.0.9 trunk 1.0.6 1.0.7 1.0.8 1.0.9 1.1.0 1.1.1 1.1.3 1.1.4 1.1.5 All 174 releases
master-addons / assets / css / addons / ma-navmenu.css

ma-navmenu.css in Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits 3.1.2, at assets/css/addons/ma-navmenu.css

1,783 lines 76.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 /* MA Navigation Menu */
3 .jltma-nav-menu__container > ul > li.current_page_item > a,
4 .jltma-nav-menu__container > ul > li.current_page_item > a:hover,
5 .jltma-nav-menu__container > ul > li > a:focus,
6 .jltma-nav-menu__container > ul > li > a:focus:hover {
7 color: #2b2929;
8 background-color: transparent;
9 }
10
11 .jltma-main-menu-item-border-type-default .jltma-nav-menu__container > ul > li.current_page_item > a,
12 .jltma-main-menu-item-border-type-default .jltma-nav-menu__container > ul > li.current_page_item > a:hover,
13 .jltma-main-menu-item-border-type-default .jltma-nav-menu__container > ul > li > a:focus,
14 .jltma-main-menu-item-border-type-default .jltma-nav-menu__container > ul > li > a:focus:hover,
15 .jltma-dropdown-item-border-type-default .jltma-nav-menu__container > ul ul > li > a:hover,
16 .jltma-main-menu-item-border-type-default .jltma-nav-menu__container > ul > li > a:hover,
17 .jltma-dropdown-item-border-type-default .jltma-nav-menu__container > ul ul > li.current_page_item > a,
18 .jltma-dropdown-item-border-type-default .jltma-nav-menu__container > ul ul > li > a:focus,
19 .jltma-main-menu-item-border-type-default .jltma-nav-menu__main > ul > li:hover > a,
20 .jltma-dropdown-item-border-type-default .jltma-nav-menu__main > ul ul > li:hover > a,
21 .jltma-main-menu-item-border-type-default .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup > ul > li.current_page_item > a,
22 .jltma-main-menu-item-border-type-default .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup > ul > li.current_page_item > a:hover,
23 .jltma-main-menu-item-border-type-default .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup > ul > li > a:focus,
24 .jltma-main-menu-item-border-type-default .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup > ul > li > a:focus:hover,
25 .jltma-main-menu-item-border-type-default .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup > ul > li > a:hover,
26 .jltma-dropdown-item-border-type-default .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup > ul ul > li.current_page_item > a,
27 .jltma-dropdown-item-border-type-default .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup > ul ul > li.current_page_item > a:hover,
28 .jltma-dropdown-item-border-type-default .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup > ul ul > li > a:focus,
29 .jltma-dropdown-item-border-type-default .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup > ul ul > li > a:focus:hover,
30 .jltma-dropdown-item-border-type-default .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup > ul ul > li > a:hover {
31 border-color: transparent;
32 }
33
34 .jltma-nav-menu__container > ul > li > a {
35 color: #818181;
36 background-color: transparent;
37 font-size: 16px;
38 line-height: 24px;
39 border-width: 0;
40 }
41
42 .jltma-main-menu-item-border-type-default .jltma-nav-menu__container > ul > li > a {
43 border: 0 solid transparent;
44 }
45
46 .jltma-nav-menu__container > ul > li > a:hover {
47 color: #2b2929;
48 background-color: transparent;
49 }
50
51 .jltma-nav-menu__container > ul ul {
52 border-width: 0;
53 }
54
55 .jltma-nav-menu__container > ul ul > li.current_page_item > a,
56 .jltma-nav-menu__container > ul ul > li > a:focus {
57 color: #2b2929;
58 background-color: transparent;
59 }
60
61 .jltma-nav-menu__container > ul ul > li > a {
62 color: #818181;
63 background-color: transparent;
64 font-size: 14px;
65 line-height: 22px;
66 border-width: 0;
67 padding-left: 15px;
68 padding-right: 15px;
69 }
70
71 .jltma-dropdown-item-border-type-default .jltma-nav-menu__container > ul ul > li > a {
72 border: 0 solid transparent;
73 }
74
75 .jltma-nav-menu__container > ul ul > li > a:hover {
76 color: #2b2929;
77 background-color: transparent;
78 }
79
80 .jltma-nav-menu__container.jltma-vertical-type-accordion > ul a,
81 .jltma-nav-menu__container.jltma-vertical-type-toggle > ul a,
82 .jltma-nav-menu__container.jltma-nav-menu__dropdown > ul a {
83 padding-left: 15px;
84 padding-right: 15px;
85 }
86
87 .jltma-nav-menu__container.jltma-vertical-type-accordion > ul li.active + li,
88 .jltma-nav-menu__container.jltma-vertical-type-accordion > ul ul li.active + li,
89 .jltma-nav-menu__container.jltma-vertical-type-toggle > ul li.active + li,
90 .jltma-nav-menu__container.jltma-vertical-type-toggle > ul ul li.active + li,
91 .jltma-nav-menu__container.jltma-nav-menu__dropdown > ul li.active + li,
92 .jltma-nav-menu__container.jltma-nav-menu__dropdown > ul ul li.active + li,
93 .jltma-nav-menu__main.jltma-layout-horizontal > ul ul > li:first-child,
94 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul ul > li:first-child,
95 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-accordion > ul > li:first-child,
96 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-toggle > ul > li:first-child {
97 border-top: 0 !important;
98 margin-top: 0 !important;
99 padding-top: 0 !important;
100 }
101
102 .jltma-nav-menu__main > ul > li:hover > a {
103 color: #2b2929;
104 background-color: transparent;
105 border-color: transparent;
106 }
107
108 .jltma-nav-menu__main > ul > li > a {
109 padding-top: 8px;
110 padding-bottom: 8px;
111 }
112
113 .jltma-nav-menu__main > ul ul > li:hover > a {
114 color: #2b2929;
115 background-color: transparent;
116 }
117
118 .jltma-nav-menu__main.jltma-layout-horizontal {
119 background-color: transparent;
120 border-width: 0;
121 }
122
123 .jltma-main-menu-border-type-default .jltma-nav-menu__main.jltma-layout-horizontal {
124 border: 0 solid transparent;
125 }
126
127 .jltma-nav-menu__main.jltma-layout-vertical {
128 background-color: transparent;
129 border-width: 0;
130 }
131
132 .jltma-main-menu-border-type-default .jltma-nav-menu__main.jltma-layout-vertical {
133 border: 0 solid transparent;
134 }
135
136 .jltma-nav-menu__dropdown > ul a,
137 .jltma-nav-menu__main.jltma-layout-horizontal > ul > li > a,
138 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > a,
139 .jltma-nav-menu__main.jltma-layout-horizontal > ul ul a,
140 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul ul a,
141 .jltma-nav-menu__main.jltma-vertical-type-accordion > ul a,
142 .jltma-nav-menu__main.jltma-vertical-type-toggle > ul a,
143 .jltma-nav-menu__main.jltma-vertical-type-side > ul > li > a {
144 padding-top: 6px;
145 padding-bottom: 6px;
146 }
147
148 .jltma-nav-menu__main.jltma-layout-horizontal > ul > li ul,
149 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li ul {
150 width: 200px;
151 }
152
153 .jltma-nav-menu__main.jltma-layout-horizontal > ul ul,
154 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul ul {
155 background-color: #fff;
156 }
157
158 .jltma-dropdown-border-type-default .jltma-nav-menu__main.jltma-layout-horizontal > ul ul,
159 .jltma-dropdown-border-type-default .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul ul {
160 border: 1px solid transparent;
161 margin-top: -1px;
162 }
163
164 .jltma-nav-menu__main.jltma-vertical-type-accordion > ul,
165 .jltma-nav-menu__main.jltma-vertical-type-toggle > ul {
166 background-color: transparent;
167 padding: 0;
168 }
169
170 .jltma-dropdown-border-type-default .jltma-nav-menu__main.jltma-vertical-type-accordion > ul,
171 .jltma-dropdown-border-type-default .jltma-nav-menu__main.jltma-vertical-type-toggle > ul {
172 border: 0 solid transparent;
173 }
174
175 .jltma-nav-menu__main.jltma-vertical-type-side > ul {
176 background-color: #fff;
177 border: 0 solid #bbb;
178 }
179
180 .jltma-side-box-border-type-default .jltma-nav-menu__main.jltma-vertical-type-side > ul {
181 border-left-width: 1px;
182 }
183
184 .jltma-dropdown-absolute-yes .jltma-nav-menu__dropdown {
185 width: 100%;
186 position: absolute;
187 left: 0;
188 }
189
190 .jltma-dropdown-absolute-position-right.jltma-dropdown-absolute-yes .jltma-nav-menu__dropdown {
191 right: 0;
192 left: auto;
193 }
194
195 .jltma-dropdown-absolute-yes .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-default > ul {
196 background-color: #fff;
197 }
198
199 .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup {
200 background-color: rgba(0, 0, 0, 0.8);
201 }
202
203 .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup > ul {
204 background-color: transparent;
205 border-width: 0;
206 display: flex;
207 }
208
209 .jltma-dropdown-border-type-default .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup > ul {
210 border: 0 solid transparent;
211 }
212
213 .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup > ul > li.current_page_item > a,
214 .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup > ul > li.current_page_item > a:hover,
215 .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup > ul > li > a:focus,
216 .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup > ul > li > a:focus:hover {
217 color: #fff;
218 background-color: transparent;
219 }
220
221 .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup > ul > li > a {
222 color: hsla(0, 0%, 100%, 0.7);
223 background-color: transparent;
224 font-size: 32px;
225 line-height: 40px;
226 border-width: 0;
227 }
228
229 .jltma-main-menu-item-border-type-default .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup > ul > li > a {
230 border: 0 solid transparent;
231 }
232
233 .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup > ul > li > a:hover {
234 color: #fff;
235 background-color: transparent;
236 }
237
238 .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup > ul ul > li.current_page_item > a,
239 .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup > ul ul > li.current_page_item > a:hover,
240 .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup > ul ul > li > a:focus,
241 .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup > ul ul > li > a:focus:hover {
242 color: #fff;
243 background-color: transparent;
244 }
245
246 .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup > ul ul > li > a {
247 color: hsla(0, 0%, 100%, 0.7);
248 background-color: transparent;
249 font-size: 26px;
250 line-height: 34px;
251 border-width: 0;
252 }
253
254 .jltma-dropdown-item-border-type-default .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup > ul ul > li > a {
255 border: 0 solid transparent;
256 }
257
258 .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup > ul ul > li > a:hover {
259 color: #fff;
260 background-color: transparent;
261 }
262
263 .jltma-nav-menu__dropdown > ul {
264 background-color: transparent;
265 }
266
267 .jltma-nav-menu__dropdown > ul ul {
268 top: 0 !important;
269 }
270
271 .jltma-nav-menu__dropdown > ul ul a {
272 border-width: 0;
273 }
274
275 .jltma-dropdown-item-border-type-default .jltma-nav-menu__dropdown > ul ul a {
276 border: 0 solid transparent;
277 }
278
279 .jltma-nav-menu__container > ul {
280 display: flex;
281 -webkit-flex-wrap: wrap;
282 -ms-flex-wrap: wrap;
283 flex-wrap: wrap;
284 list-style: none;
285 padding: 0;
286 margin: 0;
287 }
288
289 .jltma-nav-menu__container > ul:after {
290 content: none !important;
291 }
292
293 .jltma-nav-menu__container > ul li ul {
294 list-style: none;
295 border-style: solid;
296 align-items: flex-start;
297 margin: 0;
298 padding: 0;
299 visibility: hidden;
300 opacity: 0;
301 z-index: 9999;
302 position: absolute;
303 left: 0;
304 transition: 0.3s;
305 }
306
307 .jltma-nav-menu__container > ul li a.active ul {
308 opacity: 1;
309 }
310
311 .jltma-nav-menu__container > ul li ul.jltma-megamenu ul.elementor-icon-list-items {
312 align-items: flex-start;
313 visibility: visible;
314 opacity: 1;
315 z-index: 9999;
316 position: relative;
317 left: 0;
318 transition: 0.3s;
319 }
320
321 .jltma-nav-menu__container > ul li ul.jltma-megamenu ul.elementor-icon-list-items > li {
322 flex-direction: row;
323 }
324
325 .jltma-nav-menu__container > ul ul.change-dropdown {
326 visibility: visible;
327 opacity: 1;
328 margin: 0;
329 }
330
331 .jltma-nav-menu__container > ul li {
332 display: flex;
333 flex-direction: column;
334 margin: 0;
335 position: relative;
336 justify-content: center;
337 }
338
339 .jltma-nav-menu__container > ul li.jltma-has-megamenu[data-menu-type=full_width] {
340 position: inherit;
341 }
342
343 .jltma-nav-menu__container > ul li.jltma-has-megamenu[data-menu-type=full_width] > ul.dropdown-menu.jltma-megamenu {
344 left: 0 !important;
345 right: 0 !important;
346 width: 100vw !important;
347 max-width: 100vw !important;
348 margin-left: calc(-50vw + 50%) !important;
349 }
350
351 .jltma-nav-menu__container > ul li.menu-item-has-children:not(.jltma-menu-has-children) > a:after {
352 content: "";
353 background-image: url("../images/symbols.svg");
354 background-repeat: no-repeat;
355 display: block;
356 width: 11px;
357 height: 11px;
358 top: 50%;
359 right: 0;
360 margin-top: -3px;
361 display: inline-block;
362 position: absolute;
363 background-position: -2px -523px;
364 }
365
366 .jltma-nav-menu__container.jltma-nav-menu__dropdown > ul li ul {
367 position: inherit !important;
368 }
369
370 ul.jltma-dropdown.jltma-sub-menu.dropdown-menu {
371 margin-left: 20px !important;
372 }
373
374 .jltma-nav-menu__container > ul li.jltma-default-submenu:hover ul.jltma-dropdown.jltma-sub-menu li ul.jltma-dropdown.jltma-sub-menu,
375 .jltma-nav-menu__container > ul li.menu-item-has-children ul.sub-menu li ul.sub-menu {
376 top: 100%;
377 }
378
379 .jltma-nav-menu__container:not(.jltma-nav-menu__dropdown) > ul li.jltma-default-submenu ul.jltma-dropdown.jltma-sub-menu li > a .jltma-submenu-indicator,
380 .jltma-nav-menu__container:not(.jltma-nav-menu__dropdown) > ul li.menu-item-has-children ul.sub-menu li > a:after {
381 transform: rotate(-90deg);
382 }
383
384 .jltma-nav-menu__container > ul li.menu-item-has-children:hover > ul.jltma-nav-menu__dropdown-submenu,
385 .jltma-nav-menu__container > ul li.jltma-has-megamenu:not(.jltma-megamenu-click):hover > ul.dropdown-menu.jltma-megamenu,
386 .jltma-nav-menu__container > ul li.jltma-has-megamenu.jltma-megamenu-click > ul.dropdown-menu.jltma-megamenu.show,
387 .jltma-nav-menu__container > ul li.jltma-default-submenu:hover > ul.jltma-dropdown.jltma-sub-menu {
388 visibility: visible;
389 opacity: 1;
390 margin: 0;
391 top: 100%;
392 }
393
394 .jltma-nav-menu__container > ul li.jltma-default-submenu:hover > ul.jltma-dropdown.jltma-sub-menu li.jltma-default-submenu:hover > ul.jltma-dropdown.jltma-sub-menu,
395 .jltma-nav-menu__container > ul li.menu-item-has-children:hover > ul.jltma-nav-menu__dropdown-submenu li.menu-item-has-children:hover > ul.jltma-nav-menu__dropdown-submenu {
396 top: 0;
397 }
398
399 .jltma-nav-menu__container > ul a {
400 display: flex;
401 align-items: center;
402 justify-content: flex-start;
403 position: relative;
404 text-shadow: 0 0 0 transparent;
405 transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, border-radius 0.3s ease-in-out, text-shadow 0.3s ease-in-out;
406 }
407
408 .jltma-nav-menu__dropdown .jltma-nav-menu__main > ul {
409 display: none;
410 }
411
412 .jltma-nav-menu__main > ul a .jltma-nav-menu__main-item-text-wrap {
413 display: flex;
414 flex-direction: row;
415 align-items: center;
416 }
417
418 .jltma-nav-menu__main > ul a .jltma-nav-menu__main-item-text-wrap > span:not(.jltma-nav-menu__main-item-text) {
419 transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
420 }
421
422 .jltma-nav-menu__main > ul a .jltma-nav-menu__main-item-text-wrap > span:not(.jltma-animation) {
423 z-index: 2;
424 }
425
426 .jltma-nav-menu__main > ul a .jltma-nav-menu__main-item-text-wrap:not(.jltma-animation) {
427 z-index: 2;
428 }
429
430 .jltma-nav-menu:not(.jltma-dropdown-border-type-default) .jltma-nav-menu__main.jltma-layout-horizontal > ul ul {
431 border-width: 0;
432 }
433
434 .jltma-nav-menu__container > ul li > ul {
435 top: calc(100% + 20px);
436 }
437
438 .jltma-nav-menu__main.jltma-layout-horizontal > ul > li > ul:before {
439 content: "";
440 width: 100%;
441 height: 0;
442 left: 0;
443 bottom: 100%;
444 top: auto !important;
445 }
446
447 .jltma-nav-menu__main.jltma-layout-horizontal > ul > li > ul li > ul {
448 top: 0;
449 }
450
451 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul {
452 flex-direction: column;
453 }
454
455 .jltma-menu-alignment-space-between.jltma-icon-position-left .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li:not(.menu-item-has-children) > a {
456 justify-content: flex-end;
457 }
458
459 .jltma-menu-alignment-space-between.jltma-icon-position-left .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li:not(.menu-item-has-children) > a > .jltma-nav-menu__main-item-text-wrap {
460 justify-content: flex-end;
461 }
462
463 .jltma-menu-alignment-space-between .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > a > .jltma-nav-menu__main-item-text-wrap {
464 justify-content: space-between;
465 width: 100%;
466 }
467
468 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > ul {
469 top: 0;
470 left: 100%;
471 right: auto;
472 }
473
474 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > ul:before {
475 width: 0;
476 right: 100%;
477 left: auto;
478 }
479
480 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > ul[dropdown-align-left] {
481 right: 100%;
482 left: auto;
483 }
484
485 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > ul[dropdown-align-left]:before {
486 width: 0;
487 right: auto;
488 left: 100%;
489 }
490
491 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > ul ul {
492 top: 0;
493 }
494
495 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul ul {
496 left: 100%;
497 }
498
499 .jltma-nav-menu:not(.jltma-dropdown-border-type-default) .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul ul {
500 border-width: 0;
501 }
502
503 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-accordion > ul,
504 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-toggle > ul {
505 flex-direction: column;
506 }
507
508 .jltma-nav-menu:not(.jltma-dropdown-border-type-default) .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-toggle > ul,
509 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-accordion > ul {
510 border-width: 0;
511 }
512
513 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-accordion > ul ul,
514 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-toggle > ul ul {
515 display: none;
516 flex-direction: column;
517 opacity: 1;
518 visibility: visible;
519 position: relative;
520 left: auto;
521 top: auto;
522 }
523
524 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-accordion > ul ul.active,
525 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-toggle > ul ul.active {
526 visibility: visible;
527 opacity: 1;
528 }
529
530 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-accordion > ul > li,
531 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-toggle > ul > li,
532 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-accordion > ul > li li,
533 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-toggle > ul > li li,
534 .jltma-nav-menu__dropdown > ul > li,
535 .jltma-nav-menu__dropdown > ul > li li,
536 .jltma-nav-menu__container > ul ul li {
537 margin-top: 0;
538 padding-top: 0;
539 }
540
541 .jltma-nav-menu__main.jltma-layout-horizontal > ul > li ul,
542 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li ul {
543 padding: 0;
544 }
545
546 .jltma-nav-menu__main.jltma-layout-horizontal > ul > li > ul ul,
547 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > ul ul {
548 left: 100%;
549 right: auto;
550 }
551
552 .jltma-nav-menu__main.jltma-layout-horizontal > ul > li > ul ul[dropdown-align-left],
553 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > ul ul[dropdown-align-left] {
554 right: 100%;
555 left: auto;
556 }
557
558 .jltma-nav-menu__main.jltma-layout-horizontal > ul > li > ul ul[dropdown-align-left]:before,
559 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > ul ul[dropdown-align-left]:before {
560 width: 0;
561 right: auto;
562 left: 100%;
563 }
564
565 .jltma-nav-menu__main.jltma-vertical-type-side > ul {
566 display: flex;
567 justify-content: center;
568 align-items: center;
569 flex-direction: column;
570 width: 100px;
571 height: 100%;
572 z-index: 9999;
573 position: fixed;
574 top: 0;
575 left: 0;
576 }
577
578 .jltma-side-position-left .jltma-nav-menu__main.jltma-vertical-type-side > ul {
579 transform: rotate(-180deg);
580 }
581
582 .jltma-side-position-right .jltma-nav-menu__main.jltma-vertical-type-side > ul {
583 left: auto;
584 right: 0;
585 }
586
587 .jltma-nav-menu__main.jltma-vertical-type-side > ul li {
588 align-items: center;
589 width: 100%;
590 }
591
592 .jltma-nav-menu__main.jltma-vertical-type-side > ul li a {
593 writing-mode: tb-rl;
594 width: fit-content;
595 padding-left: 8px;
596 padding-right: 8px;
597 padding-top: 15px;
598 padding-bottom: 15px;
599 }
600
601 .jltma-nav-menu__main.jltma-vertical-type-side > ul ul,
602 .jltma-nav-menu__main.jltma-vertical-type-side > ul li .jltma-submenu-indicator,
603 .jltma-nav-menu__main.jltma-vertical-type-side .jltma-nav-menu__arrow,
604 .jltma-nav-menu__main.jltma-vertical-type-side .jltma-nav-menu__dropdown-submenu {
605 display: none !important;
606 }
607
608 .jltma-nav-menu__dropdown {
609 display: none;
610 position: relative;
611 z-index: 999;
612 }
613
614 .jltma-nav-menu__dropdown > div:after {
615 content: none !important;
616 }
617
618 .jltma-nav-menu__dropdown > ul {
619 display: flex;
620 flex-direction: column;
621 padding: 0;
622 }
623
624 .jltma-nav-menu__dropdown > ul ul {
625 flex-direction: column;
626 display: none;
627 padding: 0;
628 opacity: 1;
629 visibility: visible;
630 overflow: hidden;
631 position: relative;
632 left: 0;
633 }
634
635 .jltma-nav-menu-stretch .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-default {
636 height: auto;
637 position: absolute;
638 z-index: 9998;
639 }
640
641 .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup {
642 border: 0 solid transparent;
643 display: flex;
644 justify-content: center;
645 align-items: center;
646 height: 100%;
647 min-height: 50px;
648 overflow: hidden;
649 z-index: 9998;
650 opacity: 0;
651 visibility: hidden;
652 position: fixed;
653 top: 0;
654 left: 0;
655 right: 0;
656 bottom: 0;
657 transition: visibility 0.3s, opacity 0.3s linear;
658 }
659
660 .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup.active {
661 display: flex;
662 visibility: visible;
663 opacity: 1;
664 }
665
666 .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup > ul {
667 width: 100%;
668 }
669
670 .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup ul {
671 margin-left: 0;
672 margin-right: 0;
673 top: auto;
674 left: auto;
675 right: auto;
676 bottom: auto;
677 }
678
679 .jltma-nav-menu__dropdown-close-container {
680 display: flex;
681 justify-content: flex-end;
682 height: fit-content;
683 width: 100%;
684 }
685
686 .jltma-menu-dropdown-type-popup .jltma-nav-menu__dropdown-close-container {
687 z-index: 9999;
688 position: absolute;
689 left: 0;
690 top: 0;
691 }
692
693 .jltma-nav-menu__dropdown-close {
694 cursor: pointer;
695 background-color: transparent;
696 border-width: 0;
697 border-color: transparent;
698 display: flex;
699 align-items: center;
700 width: fit-content;
701 height: fit-content;
702 transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
703 }
704
705 .jltma-nav-menu__dropdown-close i {
706 line-height: 1em;
707 width: 1em;
708 height: 1em;
709 text-align: center;
710 transition: color 0.3s ease-in-out;
711 }
712
713 .jltma-nav-menu__dropdown-close i + span {
714 margin-left: 10px;
715 }
716
717 .jltma-nav-menu__dropdown-close svg {
718 display: block;
719 transition: fill 0.3s ease-in-out;
720 }
721
722 .jltma-nav-menu__dropdown-close svg + span {
723 margin-left: 10px;
724 }
725
726 .jltma-nav-menu__dropdown-close span {
727 transition: color 0.3s ease-in-out;
728 }
729
730 .jltma-menu-dropdown-type-popup .jltma-nav-menu__dropdown-close {
731 font-size: 24px;
732 line-height: 32px;
733 color: hsla(0, 0%, 100%, 0.5);
734 fill: hsla(0, 0%, 100%, 0.5);
735 margin-top: 30px;
736 margin-left: 30px;
737 margin-right: 30px;
738 }
739
740 .admin-bar .jltma-menu-dropdown-type-popup .jltma-nav-menu__dropdown-close {
741 margin-top: 62px;
742 }
743
744 .jltma-close-view-stacked .jltma-menu-dropdown-type-popup .jltma-nav-menu__dropdown-close {
745 background-color: hsla(0, 0%, 100%, 0.1);
746 padding: 10px 15px;
747 }
748
749 .jltma-close-view-framed .jltma-menu-dropdown-type-popup .jltma-nav-menu__dropdown-close {
750 border: 1px solid hsla(0, 0%, 100%, 0.5);
751 background-color: hsla(0, 0%, 100%, 0.1);
752 padding: 10px 15px;
753 }
754
755 .jltma-close-type-icon.jltma-close-view-framed .jltma-menu-dropdown-type-popup .jltma-nav-menu__dropdown-close {
756 border-color: inherit;
757 }
758
759 .jltma-menu-dropdown-type-popup .jltma-nav-menu__dropdown-close i {
760 color: inherit;
761 font-size: 24px;
762 }
763
764 .jltma-menu-dropdown-type-popup .jltma-nav-menu__dropdown-close svg {
765 display: block;
766 fill: inherit;
767 width: 24px;
768 height: 24px;
769 }
770
771 .jltma-close-shape-circle .jltma-nav-menu__dropdown-close {
772 padding: 10px;
773 border-radius: 50%;
774 }
775
776 .jltma-nav-menu__dropdown-container {
777 position: fixed;
778 top: 0;
779 left: 0;
780 width: 100%;
781 height: 100%;
782 background-color: transparent;
783 visibility: hidden;
784 opacity: 0;
785 transition: background-color 0.5s, visibility 0.5s, opacity 0.3s;
786 z-index: 9998;
787 }
788
789 .jltma-nav-menu__dropdown-container.active {
790 background-color: rgba(0, 0, 0, 0.25);
791 visibility: visible;
792 opacity: 1;
793 }
794
795 .jltma-nav-menu__toggle-container {
796 display: none;
797 align-items: flex-start;
798 flex-direction: column;
799 }
800
801 .jltma-nav-menu__toggle,
802 .jltma-nav-menu__toggle-container.jltma-layout-dropdown {
803 display: flex;
804 }
805
806 .jltma-nav-menu__toggle {
807 cursor: pointer;
808 border-width: 0;
809 border-color: transparent;
810 align-items: center;
811 justify-content: center;
812 z-index: 2;
813 transition: all 0.3s ease-in-out;
814 }
815
816 .jltma-toggle-shape-circle .jltma-nav-menu__toggle.active,
817 .jltma-toggle-shape-circle .jltma-nav-menu__toggle:hover {
818 border-radius: 50%;
819 }
820
821 .jltma-nav-menu__toggle.active > span.jltma-toggle-icon {
822 display: none;
823 }
824
825 .jltma-nav-menu__toggle.active > span.jltma-toggle-icon-active {
826 display: block;
827 }
828
829 .jltma-toggle-text-icon-position-on-sides .jltma-nav-menu__toggle {
830 justify-content: space-between;
831 }
832
833 .jltma-toggle-text-icon-position-central .jltma-nav-menu__toggle {
834 justify-content: center;
835 }
836
837 .jltma-nav-menu__toggle > span.jltma-toggle-icon {
838 display: block;
839 }
840
841 .jltma-nav-menu__toggle > span.jltma-toggle-icon-active {
842 display: none;
843 }
844
845 .jltma-nav-menu__toggle > span.jltma-toggle-icon-active + span {
846 margin: 0 0 0 10px;
847 }
848
849 .jltma-nav-menu__toggle i {
850 line-height: 1em;
851 letter-spacing: 1px;
852 text-align: center;
853 display: block;
854 width: 1em;
855 height: 1em;
856 }
857
858 .jltma-nav-menu__toggle svg {
859 display: block;
860 }
861
862 .jltma-toggle-view-framed .jltma-nav-menu__toggle,
863 .jltma-toggle-view-stacked .jltma-nav-menu__toggle {
864 padding: 12px;
865 }
866
867 .jltma-dropdown-toggle-border-type-default .jltma-nav-menu__toggle {
868 border-style: 15px;
869 }
870
871 .jltma-toggle-shape-circle .jltma-nav-menu__toggle {
872 border-radius: 50%;
873 }
874
875 .jltma-nav-menu__arrow {
876 display: flex;
877 font-size: 16px;
878 line-height: 1;
879 align-items: center;
880 margin: -10px 0 -10px 10px;
881 transform-origin: 50% 50%;
882 }
883
884 .jltma-icon-position-left .jltma-nav-menu__main > ul > li.menu-item-has-children > a .jltma-nav-menu__arrow {
885 margin: -10px 10px -10px 0;
886 order: -1;
887 }
888
889 .jltma-icon-position-right .jltma-nav-menu__main > ul > li.menu-item-has-children > a .jltma-nav-menu__arrow {
890 margin: -10px 0 -10px 10px;
891 }
892
893 .jltma-dropdown-icon-left .jltma-nav-menu__dropdown li.menu-item-has-children > a .jltma-nav-menu__arrow,
894 .jltma-dropdown-icon-left .jltma-nav-menu__main.jltma-layout-horizontal > ul ul li.menu-item-has-children > a .jltma-nav-menu__arrow,
895 .jltma-dropdown-icon-left .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-accordion li.menu-item-has-children > a .jltma-nav-menu__arrow,
896 .jltma-dropdown-icon-left .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul ul li.menu-item-has-children > a .jltma-nav-menu__arrow,
897 .jltma-dropdown-icon-left .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-toggle li.menu-item-has-children > a .jltma-nav-menu__arrow {
898 margin: -10px 10px -10px 0;
899 order: -1;
900 }
901
902 .jltma-dropdown-icon-right .jltma-nav-menu__dropdown li.menu-item-has-children > a .jltma-nav-menu__arrow,
903 .jltma-dropdown-icon-right .jltma-nav-menu__main.jltma-layout-horizontal > ul ul li.menu-item-has-children > a .jltma-nav-menu__arrow,
904 .jltma-dropdown-icon-right .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-accordion li.menu-item-has-children > a .jltma-nav-menu__arrow,
905 .jltma-dropdown-icon-right .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul ul li.menu-item-has-children > a .jltma-nav-menu__arrow,
906 .jltma-dropdown-icon-right .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-toggle li.menu-item-has-children > a .jltma-nav-menu__arrow {
907 margin: -10px 0 -10px 10px;
908 }
909
910 .jltma-nav-menu__main.jltma-layout-horizontal li:hover > .jltma-arrow-animation-rotate-left .jltma-nav-menu__arrow,
911 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-accordion li.active > .jltma-arrow-animation-rotate-left .jltma-nav-menu__arrow,
912 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-accordion li:hover > .jltma-arrow-animation-rotate-left .jltma-nav-menu__arrow,
913 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal li:hover > .jltma-arrow-animation-rotate-left .jltma-nav-menu__arrow,
914 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-toggle li.active > .jltma-arrow-animation-rotate-left .jltma-nav-menu__arrow,
915 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-toggle li:hover > .jltma-arrow-animation-rotate-left .jltma-nav-menu__arrow {
916 transform: rotate(-90deg);
917 }
918
919 .jltma-nav-menu__main.jltma-layout-horizontal li:hover > .jltma-arrow-animation-rotate-right .jltma-nav-menu__arrow,
920 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-accordion li.active > .jltma-arrow-animation-rotate-right .jltma-nav-menu__arrow,
921 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-accordion li:hover > .jltma-arrow-animation-rotate-right .jltma-nav-menu__arrow,
922 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal li:hover > .jltma-arrow-animation-rotate-right .jltma-nav-menu__arrow,
923 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-toggle li.active > .jltma-arrow-animation-rotate-right .jltma-nav-menu__arrow,
924 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-toggle li:hover > .jltma-arrow-animation-rotate-right .jltma-nav-menu__arrow {
925 transform: rotate(90deg);
926 }
927
928 .jltma-nav-menu__main.jltma-layout-horizontal li:hover > .jltma-arrow-animation-rotate-opposite .jltma-nav-menu__arrow,
929 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-accordion li.active > .jltma-arrow-animation-rotate-opposite .jltma-nav-menu__arrow,
930 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-accordion li:hover > .jltma-arrow-animation-rotate-opposite .jltma-nav-menu__arrow,
931 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal li:hover > .jltma-arrow-animation-rotate-opposite .jltma-nav-menu__arrow,
932 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-toggle li.active > .jltma-arrow-animation-rotate-opposite .jltma-nav-menu__arrow,
933 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-toggle li:hover > .jltma-arrow-animation-rotate-opposite .jltma-nav-menu__arrow {
934 transform: rotate(180deg);
935 }
936
937 .jltma-nav-menu__main.jltma-layout-horizontal li:hover > .jltma-arrow-animation-opacity .jltma-nav-menu__arrow,
938 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-accordion li.active > .jltma-arrow-animation-opacity .jltma-nav-menu__arrow,
939 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-accordion li:hover > .jltma-arrow-animation-opacity .jltma-nav-menu__arrow,
940 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal li:hover > .jltma-arrow-animation-opacity .jltma-nav-menu__arrow,
941 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-toggle li.active > .jltma-arrow-animation-opacity .jltma-nav-menu__arrow,
942 .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-toggle li:hover > .jltma-arrow-animation-opacity .jltma-nav-menu__arrow {
943 opacity: 0.7;
944 }
945
946 .jltma-arrow-animation-rotate-left.jltma-nav-menu__main.jltma-layout-dropdown li.current_page_item > a .jltma-nav-menu__arrow {
947 transform: rotate(-90deg);
948 }
949
950 .jltma-arrow-animation-rotate-right.jltma-nav-menu__main.jltma-layout-dropdown li.current_page_item > a .jltma-nav-menu__arrow {
951 transform: rotate(90deg);
952 }
953
954 .jltma-arrow-animation-rotate-opposite.jltma-nav-menu__main.jltma-layout-dropdown li.current_page_item > a .jltma-nav-menu__arrow {
955 transform: rotate(180deg);
956 }
957
958 .jltma-arrow-animation-opacity.jltma-nav-menu__main.jltma-layout-dropdown li.current_page_item > a .jltma-nav-menu__arrow {
959 opacity: 0.7;
960 }
961
962 .jltma-nav-menu__dropdown.jltma-arrow-animation-rotate-left li.active > a > .jltma-nav-menu__arrow,
963 .jltma-nav-menu__dropdown.jltma-arrow-animation-rotate-left li > a:hover > .jltma-nav-menu__arrow {
964 transform: rotate(-90deg);
965 }
966
967 .jltma-nav-menu__dropdown.jltma-arrow-animation-rotate-right li.active > a > .jltma-nav-menu__arrow,
968 .jltma-nav-menu__dropdown.jltma-arrow-animation-rotate-right li > a:hover > .jltma-nav-menu__arrow {
969 transform: rotate(90deg);
970 }
971
972 .jltma-nav-menu__dropdown.jltma-arrow-animation-rotate-opposite li.active > a > .jltma-nav-menu__arrow,
973 .jltma-nav-menu__dropdown.jltma-arrow-animation-rotate-opposite li > a:hover > .jltma-nav-menu__arrow {
974 transform: rotate(180deg);
975 }
976
977 .jltma-nav-menu__dropdown.jltma-arrow-animation-opacity li.active > a > .jltma-nav-menu__arrow,
978 .jltma-nav-menu__dropdown.jltma-arrow-animation-opacity li > a:hover > .jltma-nav-menu__arrow {
979 opacity: 0.7;
980 }
981
982 .jltma-nav-menu__dropdown .jltma-nav-menu-dropdown li.jltma-menu-has-children > ul.dropdown-menu.jltma-dropdown,
983 .jltma-nav-menu__dropdown .jltma-nav-menu-dropdown li.jltma-has-megamenu > ul.dropdown-menu.jltma-megamenu {
984 visibility: visible;
985 opacity: 1;
986 margin: 0;
987 top: 100%;
988 }
989
990 @media (min-width: 1025px) {
991 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-none .jltma-nav-menu__main.jltma-layout-horizontal > ul > li > a,
992 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-none .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > a,
993 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-tablet .jltma-nav-menu__main.jltma-layout-horizontal > ul > li > a,
994 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-tablet .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > a {
995 padding-left: 15px;
996 padding-right: 15px;
997 }
998 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-none .jltma-nav-menu__main.jltma-layout-horizontal > ul > li ul a,
999 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-none .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li ul a,
1000 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-tablet .jltma-nav-menu__main.jltma-layout-horizontal > ul > li ul a,
1001 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-tablet .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li ul a {
1002 padding-left: 15px;
1003 padding-right: 15px;
1004 }
1005 .jltma-dropdown-align-left .jltma-nav-menu__container > ul a {
1006 justify-content: flex-start;
1007 }
1008 .jltma-dropdown-align-center .jltma-nav-menu__container > ul a {
1009 justify-content: center;
1010 }
1011 .jltma-dropdown-align-right .jltma-nav-menu__container > ul a {
1012 justify-content: flex-end;
1013 }
1014 .jltma-dropdown-align-space-between .jltma-nav-menu__container > ul a {
1015 justify-content: space-between;
1016 }
1017 .jltma-dropdown-align-left .jltma-nav-menu__container.jltma-vertical-type-accordion > ul ul > li > a,
1018 .jltma-dropdown-align-left .jltma-nav-menu__container.jltma-vertical-type-toggle > ul ul > li > a,
1019 .jltma-dropdown-align-left .jltma-nav-menu__container.jltma-nav-menu__dropdown > ul ul > li > a,
1020 .jltma-dropdown-align-space-between.jltma-dropdown-icon-right .jltma-nav-menu__container.jltma-vertical-type-accordion > ul ul > li > a,
1021 .jltma-dropdown-align-space-between.jltma-dropdown-icon-right .jltma-nav-menu__container.jltma-vertical-type-toggle > ul ul > li > a,
1022 .jltma-dropdown-align-space-between.jltma-dropdown-icon-right .jltma-nav-menu__container.jltma-nav-menu__dropdown > ul ul > li > a,
1023 .jltma-nav-menu:not([class*=" jltma-dropdown-align-"]) .jltma-nav-menu__container.jltma-vertical-type-accordion > ul ul > li > a,
1024 .jltma-nav-menu:not([class*=" jltma-dropdown-align-"]) .jltma-nav-menu__container.jltma-vertical-type-toggle > ul ul > li > a,
1025 .jltma-nav-menu:not([class*=" jltma-dropdown-align-"]) .jltma-nav-menu__container.jltma-nav-menu__dropdown > ul ul > li > a {
1026 padding-left: 15px;
1027 }
1028 .jltma-dropdown-align-right .jltma-nav-menu__container.jltma-vertical-type-accordion > ul ul > li > a,
1029 .jltma-dropdown-align-right .jltma-nav-menu__container.jltma-vertical-type-toggle > ul ul > li > a,
1030 .jltma-dropdown-align-right .jltma-nav-menu__container.jltma-nav-menu__dropdown > ul ul > li > a,
1031 .jltma-dropdown-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__container.jltma-vertical-type-accordion > ul ul > li > a,
1032 .jltma-dropdown-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__container.jltma-vertical-type-toggle > ul ul > li > a,
1033 .jltma-dropdown-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__container.jltma-nav-menu__dropdown > ul ul > li > a {
1034 padding-right: 15px;
1035 }
1036 .jltma-dropdown-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__container.jltma-vertical-type-accordion li:not(.menu-item-has-children) > a,
1037 .jltma-dropdown-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__container.jltma-vertical-type-toggle li:not(.menu-item-has-children) > a,
1038 .jltma-dropdown-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__container.jltma-nav-menu__dropdown li:not(.menu-item-has-children) > a {
1039 justify-content: flex-end;
1040 }
1041 .jltma-dropdown-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__main.jltma-layout-horizontal > ul > li > ul li:not(.menu-item-has-children) > a,
1042 .jltma-dropdown-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > ul li:not(.menu-item-has-children) > a {
1043 justify-content: flex-end;
1044 }
1045 .jltma-dropdown-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__main.jltma-layout-horizontal > ul > li > ul li:not(.menu-item-has-children) > a > .jltma-nav-menu__main-item-text-wrap,
1046 .jltma-dropdown-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > ul li:not(.menu-item-has-children) > a > .jltma-nav-menu__main-item-text-wrap {
1047 -webkit-box-pack: end;
1048 -webkit-justify-content: flex-end;
1049 -ms-flex-pack: end;
1050 justify-content: flex-end;
1051 }
1052 .jltma-dropdown-align-space-between .jltma-nav-menu__main.jltma-layout-horizontal > ul > li > ul a > .jltma-nav-menu__main-item-text-wrap,
1053 .jltma-dropdown-align-space-between .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > ul a > .jltma-nav-menu__main-item-text-wrap {
1054 justify-content: space-between;
1055 width: 100%;
1056 }
1057 }
1058 @media (min-width: 768px) {
1059 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-mobile .jltma-nav-menu__main.jltma-layout-horizontal > ul > li > a,
1060 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-mobile .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > a,
1061 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-none .jltma-nav-menu__main.jltma-layout-horizontal > ul > li > a,
1062 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-none .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > a {
1063 padding-left: 15px;
1064 padding-right: 15px;
1065 }
1066 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-mobile .jltma-nav-menu__main.jltma-layout-horizontal > ul > li ul a,
1067 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-mobile .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li ul a,
1068 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-none .jltma-nav-menu__main.jltma-layout-horizontal > ul > li ul a,
1069 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-none .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li ul a {
1070 padding-left: 15px;
1071 padding-right: 15px;
1072 }
1073 }
1074 @media (max-width: 767px) {
1075 html.jltma-vertical-menu-type-tablet.jltma-vertical-menu-type-side {
1076 padding-left: 0 !important;
1077 padding-right: 0 !important;
1078 }
1079 html.jltma-vertical-menu-type-tablet.jltma-vertical-menu-type-side .elementor-widget-empty {
1080 background-color: transparent;
1081 }
1082 .jltma-dropdown-breakpoints-tablet .jltma-nav-menu__main,
1083 html.jltma-vertical-menu-type-tablet.jltma-vertical-menu-type-side .elementor-widget-empty .elementor-widget-empty-icon {
1084 display: none;
1085 }
1086 .jltma-dropdown-breakpoints-tablet .jltma-nav-menu__toggle-container {
1087 display: flex;
1088 }
1089 .jltma-dropdown-breakpoints-tablet .jltma-nav-menu__dropdown.jltma-vertical-type-normal > ul ul {
1090 left: 0;
1091 right: 0;
1092 }
1093 .jltma-dropdown-absolute-yes.jltma-dropdown-breakpoints-tablet .jltma-nav-menu__dropdown.jltma-layout-horizontal > ul,
1094 .jltma-dropdown-absolute-yes.jltma-dropdown-breakpoints-tablet .jltma-nav-menu__dropdown.jltma-vertical-type-accordion > ul,
1095 .jltma-dropdown-absolute-yes.jltma-dropdown-breakpoints-tablet .jltma-nav-menu__dropdown.jltma-vertical-type-normal > ul,
1096 .jltma-dropdown-absolute-yes.jltma-dropdown-breakpoints-tablet .jltma-nav-menu__dropdown.jltma-vertical-type-toggle > ul {
1097 background-color: #fff;
1098 }
1099 .jltma-dropdown-absolute-tablet-position-left.jltma-dropdown-absolute-yes .jltma-nav-menu__dropdown {
1100 left: 0;
1101 right: auto;
1102 }
1103 .jltma-dropdown-absolute-tablet-position-right.jltma-dropdown-absolute-yes .jltma-nav-menu__dropdown {
1104 right: 0;
1105 left: auto;
1106 }
1107 .jltma-toggle-text-icon-tablet-position-on-sides .jltma-nav-menu__toggle {
1108 justify-content: space-between;
1109 }
1110 .jltma-toggle-text-icon-tablet-position-central .jltma-nav-menu__toggle {
1111 justify-content: center;
1112 }
1113 .jltma-nav-menu:not(.jltma-dropdown-breakpoints-tablet).jltma-menu-alignment-tablet-flex-start .jltma-nav-menu__main.jltma-layout-horizontal > ul,
1114 .jltma-nav-menu:not(.jltma-dropdown-breakpoints-tablet).jltma-menu-alignment-tablet-flex-start .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > a {
1115 justify-content: flex-start;
1116 }
1117 .jltma-nav-menu:not(.jltma-dropdown-breakpoints-tablet).jltma-menu-alignment-tablet-center .jltma-nav-menu__main.jltma-layout-horizontal > ul,
1118 .jltma-nav-menu:not(.jltma-dropdown-breakpoints-tablet).jltma-menu-alignment-tablet-center .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > a {
1119 justify-content: center;
1120 }
1121 .jltma-nav-menu:not(.jltma-dropdown-breakpoints-tablet).jltma-menu-alignment-tablet-flex-end .jltma-nav-menu__main.jltma-layout-horizontal > ul,
1122 .jltma-nav-menu:not(.jltma-dropdown-breakpoints-tablet).jltma-menu-alignment-tablet-flex-end .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > a {
1123 justify-content: flex-end;
1124 }
1125 .jltma-nav-menu:not(.jltma-dropdown-breakpoints-tablet).jltma-menu-alignment-tablet-space-between .jltma-nav-menu__main.jltma-layout-horizontal > ul,
1126 .jltma-nav-menu:not(.jltma-dropdown-breakpoints-tablet).jltma-menu-alignment-tablet-space-between .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > a {
1127 justify-content: space-between;
1128 }
1129 .jltma-nav-menu__dropdown .dropdown-menu.jltma-megamenu {
1130 width: inherit !important;
1131 }
1132 }
1133 @media (min-width: ELEMENTOR_SCREEN_MD_MIN) and (max-width: ELEMENTOR_SCREEN_MD_MAX) {
1134 .jltma-dropdown-tablet-align-left .jltma-nav-menu__container > ul a {
1135 justify-content: flex-start;
1136 }
1137 .jltma-dropdown-tablet-align-center .jltma-nav-menu__container > ul a {
1138 justify-content: center;
1139 }
1140 .jltma-dropdown-tablet-align-right .jltma-nav-menu__container > ul a {
1141 justify-content: flex-end;
1142 }
1143 .jltma-dropdown-tablet-align-space-between .jltma-nav-menu__container > ul a {
1144 justify-content: space-between;
1145 }
1146 .jltma-dropdown-tablet-align-left .jltma-nav-menu__container.jltma-vertical-type-accordion > ul ul,
1147 .jltma-dropdown-tablet-align-left .jltma-nav-menu__container.jltma-vertical-type-toggle > ul ul,
1148 .jltma-dropdown-tablet-align-left .jltma-nav-menu__container.jltma-nav-menu__dropdown > ul ul,
1149 .jltma-dropdown-tablet-align-space-between.jltma-dropdown-icon-right .jltma-nav-menu__container.jltma-vertical-type-accordion > ul ul,
1150 .jltma-dropdown-tablet-align-space-between.jltma-dropdown-icon-right .jltma-nav-menu__container.jltma-vertical-type-toggle > ul ul,
1151 .jltma-dropdown-tablet-align-space-between.jltma-dropdown-icon-right .jltma-nav-menu__container.jltma-nav-menu__dropdown > ul ul,
1152 .jltma-nav-menu:not([class*=" jltma-dropdown-tablet-align-"]) .jltma-nav-menu__container.jltma-vertical-type-accordion > ul ul,
1153 .jltma-nav-menu:not([class*=" jltma-dropdown-tablet-align-"]) .jltma-nav-menu__container.jltma-vertical-type-toggle > ul ul,
1154 .jltma-nav-menu:not([class*=" jltma-dropdown-tablet-align-"]) .jltma-nav-menu__container.jltma-nav-menu__dropdown > ul ul {
1155 padding-left: 15px;
1156 }
1157 .jltma-dropdown-tablet-align-right .jltma-nav-menu__container.jltma-vertical-type-accordion > ul ul,
1158 .jltma-dropdown-tablet-align-right .jltma-nav-menu__container.jltma-vertical-type-toggle > ul ul,
1159 .jltma-dropdown-tablet-align-right .jltma-nav-menu__container.jltma-nav-menu__dropdown > ul ul,
1160 .jltma-dropdown-tablet-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__container.jltma-vertical-type-accordion > ul ul,
1161 .jltma-dropdown-tablet-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__container.jltma-vertical-type-toggle > ul ul,
1162 .jltma-dropdown-tablet-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__container.jltma-nav-menu__dropdown > ul ul {
1163 padding-right: 15px;
1164 }
1165 .jltma-dropdown-tablet-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__container.jltma-vertical-type-accordion li:not(.menu-item-has-children) > a,
1166 .jltma-dropdown-tablet-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__container.jltma-vertical-type-toggle li:not(.menu-item-has-children) > a,
1167 .jltma-dropdown-tablet-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__container.jltma-nav-menu__dropdown li:not(.menu-item-has-children) > a {
1168 justify-content: flex-end;
1169 }
1170 .jltma-dropdown-tablet-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__main.jltma-layout-horizontal > ul > li > ul li:not(.menu-item-has-children) > a,
1171 .jltma-dropdown-tablet-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > ul li:not(.menu-item-has-children) > a {
1172 justify-content: flex-end;
1173 }
1174 .jltma-dropdown-tablet-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__main.jltma-layout-horizontal > ul > li > ul li:not(.menu-item-has-children) > a > .jltma-nav-menu__main-item-text-wrap,
1175 .jltma-dropdown-tablet-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > ul li:not(.menu-item-has-children) > a > .jltma-nav-menu__main-item-text-wrap {
1176 justify-content: flex-end;
1177 }
1178 .jltma-dropdown-tablet-align-space-between .jltma-nav-menu__main.jltma-layout-horizontal > ul > li > ul a > .jltma-nav-menu__main-item-text-wrap,
1179 .jltma-dropdown-tablet-align-space-between .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > ul a > .jltma-nav-menu__main-item-text-wrap {
1180 justify-content: space-between;
1181 width: 100%;
1182 }
1183 }
1184 @media (max-width: ELEMENTOR_SCREEN_SM_MAX) {
1185 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-none .jltma-nav-menu__main.jltma-layout-horizontal > ul > li > a,
1186 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-none .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > a {
1187 padding-left: 15px;
1188 padding-right: 15px;
1189 }
1190 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-none .jltma-nav-menu__main.jltma-layout-horizontal > ul > li ul a,
1191 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-none .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li ul a {
1192 padding-left: 15px;
1193 padding-right: 15px;
1194 }
1195 html.jltma-vertical-menu-type-mobile.jltma-vertical-menu-type-side {
1196 padding-left: 0 !important;
1197 padding-right: 0 !important;
1198 }
1199 html.jltma-vertical-menu-type-mobile.jltma-vertical-menu-type-side .elementor-widget-empty {
1200 background-color: transparent;
1201 }
1202 .jltma-dropdown-breakpoints-mobile .jltma-nav-menu__main,
1203 html.jltma-vertical-menu-type-mobile.jltma-vertical-menu-type-side .elementor-widget-empty .elementor-widget-empty-icon {
1204 display: none;
1205 }
1206 .jltma-dropdown-breakpoints-mobile .jltma-nav-menu__toggle-container {
1207 display: flex;
1208 }
1209 .jltma-dropdown-breakpoints-mobile .jltma-nav-menu__dropdown.jltma-vertical-type-side > ul ul {
1210 display: none !important;
1211 }
1212 .jltma-dropdown-breakpoints-mobile .jltma-nav-menu__dropdown.jltma-vertical-type-normal > ul ul {
1213 left: 0;
1214 right: 0;
1215 }
1216 .admin-bar .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-offcanvas {
1217 top: 46px;
1218 }
1219 .jltma-dropdown-absolute-mobile-position-left.jltma-dropdown-absolute-yes .jltma-nav-menu__dropdown {
1220 left: 0;
1221 right: auto;
1222 }
1223 .jltma-dropdown-absolute-mobile-position-right.jltma-dropdown-absolute-yes .jltma-nav-menu__dropdown {
1224 right: 0;
1225 left: auto;
1226 }
1227 .jltma-toggle-text-icon-mobile-position-on-sides .jltma-nav-menu__toggle {
1228 justify-content: space-between;
1229 }
1230 .jltma-toggle-text-icon-mobile-position-central .jltma-nav-menu__toggle {
1231 justify-content: center;
1232 }
1233 .jltma-dropdown-mobile-align-left .jltma-nav-menu__container > ul a {
1234 justify-content: flex-start;
1235 }
1236 .jltma-dropdown-mobile-align-center .jltma-nav-menu__container > ul a {
1237 justify-content: center;
1238 }
1239 .jltma-dropdown-mobile-align-right .jltma-nav-menu__container > ul a {
1240 justify-content: flex-end;
1241 }
1242 .jltma-dropdown-mobile-align-space-between .jltma-nav-menu__container > ul a {
1243 justify-content: space-between;
1244 }
1245 .jltma-dropdown-mobile-align-left .jltma-nav-menu__container.jltma-vertical-type-accordion > ul ul,
1246 .jltma-dropdown-mobile-align-left .jltma-nav-menu__container.jltma-vertical-type-toggle > ul ul,
1247 .jltma-dropdown-mobile-align-left .jltma-nav-menu__container.jltma-nav-menu__dropdown > ul ul,
1248 .jltma-dropdown-mobile-align-space-between.jltma-dropdown-icon-right .jltma-nav-menu__container.jltma-vertical-type-accordion > ul ul,
1249 .jltma-dropdown-mobile-align-space-between.jltma-dropdown-icon-right .jltma-nav-menu__container.jltma-vertical-type-toggle > ul ul,
1250 .jltma-dropdown-mobile-align-space-between.jltma-dropdown-icon-right .jltma-nav-menu__container.jltma-nav-menu__dropdown > ul ul,
1251 .jltma-nav-menu:not([class*=" jltma-dropdown-mobile-align-"]) .jltma-nav-menu__container.jltma-vertical-type-accordion > ul ul,
1252 .jltma-nav-menu:not([class*=" jltma-dropdown-mobile-align-"]) .jltma-nav-menu__container.jltma-vertical-type-toggle > ul ul,
1253 .jltma-nav-menu:not([class*=" jltma-dropdown-mobile-align-"]) .jltma-nav-menu__container.jltma-nav-menu__dropdown > ul ul {
1254 padding-left: 15px;
1255 }
1256 .jltma-dropdown-mobile-align-right .jltma-nav-menu__container.jltma-vertical-type-accordion > ul ul,
1257 .jltma-dropdown-mobile-align-right .jltma-nav-menu__container.jltma-vertical-type-toggle > ul ul,
1258 .jltma-dropdown-mobile-align-right .jltma-nav-menu__container.jltma-nav-menu__dropdown > ul ul,
1259 .jltma-dropdown-mobile-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__container.jltma-vertical-type-accordion > ul ul,
1260 .jltma-dropdown-mobile-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__container.jltma-vertical-type-toggle > ul ul,
1261 .jltma-dropdown-mobile-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__container.jltma-nav-menu__dropdown > ul ul {
1262 padding-right: 15px;
1263 }
1264 .jltma-dropdown-mobile-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__container.jltma-vertical-type-accordion li:not(.menu-item-has-children) > a,
1265 .jltma-dropdown-mobile-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__container.jltma-vertical-type-toggle li:not(.menu-item-has-children) > a,
1266 .jltma-dropdown-mobile-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__container.jltma-nav-menu__dropdown li:not(.menu-item-has-children) > a {
1267 justify-content: flex-end;
1268 }
1269 .jltma-dropdown-mobile-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__main.jltma-layout-horizontal > ul > li > ul li:not(.menu-item-has-children) > a,
1270 .jltma-dropdown-mobile-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > ul li:not(.menu-item-has-children) > a {
1271 justify-content: flex-end;
1272 }
1273 .jltma-dropdown-mobile-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__main.jltma-layout-horizontal > ul > li > ul li:not(.menu-item-has-children) > a > .jltma-nav-menu__main-item-text-wrap,
1274 .jltma-dropdown-mobile-align-space-between.jltma-dropdown-icon-left .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > ul li:not(.menu-item-has-children) > a > .jltma-nav-menu__main-item-text-wrap {
1275 justify-content: flex-end;
1276 }
1277 .jltma-dropdown-mobile-align-space-between .jltma-nav-menu__main.jltma-layout-horizontal > ul > li > ul a > .jltma-nav-menu__main-item-text-wrap,
1278 .jltma-dropdown-mobile-align-space-between .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > ul a > .jltma-nav-menu__main-item-text-wrap {
1279 justify-content: space-between;
1280 width: 100%;
1281 }
1282 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-none.jltma-menu-alignment-mobile-flex-start .jltma-nav-menu__main.jltma-layout-horizontal > ul,
1283 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-none.jltma-menu-alignment-mobile-flex-start .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > a {
1284 justify-content: flex-start;
1285 }
1286 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-none.jltma-menu-alignment-mobile-center .jltma-nav-menu__main.jltma-layout-horizontal > ul,
1287 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-none.jltma-menu-alignment-mobile-center .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > a {
1288 -webkit-box-pack: center;
1289 -webkit-justify-content: center;
1290 -ms-flex-pack: center;
1291 justify-content: center;
1292 }
1293 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-none.jltma-menu-alignment-mobile-flex-end .jltma-nav-menu__main.jltma-layout-horizontal > ul,
1294 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-none.jltma-menu-alignment-mobile-flex-end .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > a {
1295 -webkit-box-pack: end;
1296 -webkit-justify-content: flex-end;
1297 -ms-flex-pack: end;
1298 justify-content: flex-end;
1299 }
1300 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-none.jltma-menu-alignment-mobile-space-between .jltma-nav-menu__main.jltma-layout-horizontal > ul,
1301 .elementor-widget-ma-navmenu.jltma-dropdown-breakpoints-none.jltma-menu-alignment-mobile-space-between .jltma-nav-menu__main.jltma-layout-vertical.jltma-vertical-type-normal > ul > li > a {
1302 justify-content: space-between;
1303 }
1304 }
1305 .jltma-nav-menu span.jltma-animation:not(.jltma-nav-menu__main-item-text-wrap) {
1306 width: 100%;
1307 height: 100%;
1308 z-index: 1;
1309 position: absolute;
1310 left: 0;
1311 top: 0;
1312 }
1313
1314 .jltma-nav-menu__main > ul ul > li > a > .jltma-animation {
1315 display: none;
1316 }
1317
1318 .jltma-nav-menu__main > ul ul > li > a .jltma-nav-menu__main-item-text-wrap.jltma-animation {
1319 transition: none !important;
1320 transform: none !important;
1321 }
1322
1323 .jltma-nav-menu.jltma-pointer-underline.jltma-animation-drop-in .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1324 .jltma-nav-menu.jltma-pointer-underline.jltma-animation-drop-in .jltma-nav-menu__main > ul li:hover > a > .jltma-animation,
1325 .jltma-nav-menu.jltma-pointer-underline.jltma-animation-drop-out .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1326 .jltma-nav-menu.jltma-pointer-underline.jltma-animation-drop-out .jltma-nav-menu__main > ul li:hover > a > .jltma-animation,
1327 .jltma-nav-menu.jltma-pointer-underline.jltma-animation-grow .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1328 .jltma-nav-menu.jltma-pointer-underline.jltma-animation-grow .jltma-nav-menu__main > ul li:hover > a > .jltma-animation,
1329 .jltma-nav-menu.jltma-pointer-underline.jltma-animation-none .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1330 .jltma-nav-menu.jltma-pointer-underline.jltma-animation-none .jltma-nav-menu__main > ul li:hover > a > .jltma-animation,
1331 .jltma-nav-menu.jltma-pointer-underline.jltma-animation-slide .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1332 .jltma-nav-menu.jltma-pointer-underline.jltma-animation-slide .jltma-nav-menu__main > ul li:hover > a > .jltma-animation {
1333 background-size: 100%;
1334 }
1335
1336 .jltma-nav-menu.jltma-pointer-underline.jltma-animation-drop-in .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1337 .jltma-nav-menu.jltma-pointer-underline.jltma-animation-drop-in .jltma-nav-menu__main > ul li:hover > a > .jltma-animation,
1338 .jltma-nav-menu.jltma-pointer-underline.jltma-animation-drop-out .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1339 .jltma-nav-menu.jltma-pointer-underline.jltma-animation-drop-out .jltma-nav-menu__main > ul li:hover > a > .jltma-animation,
1340 .jltma-nav-menu.jltma-pointer-underline.jltma-animation-none .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1341 .jltma-nav-menu.jltma-pointer-underline.jltma-animation-none .jltma-nav-menu__main > ul li:hover > a > .jltma-animation {
1342 background-position: 50% 100%;
1343 }
1344
1345 .jltma-nav-menu.jltma-pointer-overline.jltma-animation-drop-in .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1346 .jltma-nav-menu.jltma-pointer-overline.jltma-animation-drop-in .jltma-nav-menu__main > ul li:hover > a > .jltma-animation,
1347 .jltma-nav-menu.jltma-pointer-overline.jltma-animation-drop-out .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1348 .jltma-nav-menu.jltma-pointer-overline.jltma-animation-drop-out .jltma-nav-menu__main > ul li:hover > a > .jltma-animation,
1349 .jltma-nav-menu.jltma-pointer-overline.jltma-animation-grow .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1350 .jltma-nav-menu.jltma-pointer-overline.jltma-animation-grow .jltma-nav-menu__main > ul li:hover > a > .jltma-animation,
1351 .jltma-nav-menu.jltma-pointer-overline.jltma-animation-none .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1352 .jltma-nav-menu.jltma-pointer-overline.jltma-animation-none .jltma-nav-menu__main > ul li:hover > a > .jltma-animation,
1353 .jltma-nav-menu.jltma-pointer-overline.jltma-animation-slide .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1354 .jltma-nav-menu.jltma-pointer-overline.jltma-animation-slide .jltma-nav-menu__main > ul li:hover > a > .jltma-animation {
1355 background-size: 100%;
1356 }
1357
1358 .jltma-nav-menu.jltma-pointer-overline.jltma-animation-drop-in .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1359 .jltma-nav-menu.jltma-pointer-overline.jltma-animation-drop-in .jltma-nav-menu__main > ul li:hover > a > .jltma-animation,
1360 .jltma-nav-menu.jltma-pointer-overline.jltma-animation-drop-out .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1361 .jltma-nav-menu.jltma-pointer-overline.jltma-animation-drop-out .jltma-nav-menu__main > ul li:hover > a > .jltma-animation,
1362 .jltma-nav-menu.jltma-pointer-overline.jltma-animation-none .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1363 .jltma-nav-menu.jltma-pointer-overline.jltma-animation-none .jltma-nav-menu__main > ul li:hover > a > .jltma-animation {
1364 background-position: 50% 0;
1365 }
1366
1367 .jltma-nav-menu.jltma-pointer-background.jltma-animation-grow .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1368 .jltma-nav-menu.jltma-pointer-background.jltma-animation-grow .jltma-nav-menu__main > ul li:hover > a > .jltma-animation,
1369 .jltma-nav-menu.jltma-pointer-background.jltma-animation-none .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1370 .jltma-nav-menu.jltma-pointer-background.jltma-animation-none .jltma-nav-menu__main > ul li:hover > a > .jltma-animation,
1371 .jltma-nav-menu.jltma-pointer-background.jltma-animation-sweep-filling.jltma-direction-sweep-bottom .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1372 .jltma-nav-menu.jltma-pointer-background.jltma-animation-sweep-filling.jltma-direction-sweep-bottom .jltma-nav-menu__main > ul li:hover > a > .jltma-animation,
1373 .jltma-nav-menu.jltma-pointer-background.jltma-animation-sweep-filling.jltma-direction-sweep-left .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1374 .jltma-nav-menu.jltma-pointer-background.jltma-animation-sweep-filling.jltma-direction-sweep-left .jltma-nav-menu__main > ul li:hover > a > .jltma-animation,
1375 .jltma-nav-menu.jltma-pointer-background.jltma-animation-sweep-filling.jltma-direction-sweep-right .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1376 .jltma-nav-menu.jltma-pointer-background.jltma-animation-sweep-filling.jltma-direction-sweep-right .jltma-nav-menu__main > ul li:hover > a > .jltma-animation,
1377 .jltma-nav-menu.jltma-pointer-background.jltma-animation-sweep-filling.jltma-direction-sweep-top .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1378 .jltma-nav-menu.jltma-pointer-background.jltma-animation-sweep-filling.jltma-direction-sweep-top .jltma-nav-menu__main > ul li:hover > a > .jltma-animation {
1379 background-size: 100% 100%;
1380 }
1381
1382 .jltma-nav-menu.jltma-pointer-text.jltma-animation-skew .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1383 .jltma-nav-menu.jltma-pointer-text.jltma-animation-skew .jltma-nav-menu__main > ul li:hover > a > .jltma-animation {
1384 transform: skew(-8deg);
1385 }
1386
1387 .jltma-nav-menu.jltma-pointer-text.jltma-animation-grow .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1388 .jltma-nav-menu.jltma-pointer-text.jltma-animation-grow .jltma-nav-menu__main > ul li:hover > a > .jltma-animation {
1389 transform: scale(1.2);
1390 }
1391
1392 .jltma-nav-menu.jltma-pointer-text.jltma-animation-shrink .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1393 .jltma-nav-menu.jltma-pointer-text.jltma-animation-shrink .jltma-nav-menu__main > ul li:hover > a > .jltma-animation {
1394 transform: scale(0.8);
1395 }
1396
1397 .jltma-nav-menu.jltma-pointer-text.jltma-animation-float .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1398 .jltma-nav-menu.jltma-pointer-text.jltma-animation-float .jltma-nav-menu__main > ul li:hover > a > .jltma-animation {
1399 transform: translateY(-8px);
1400 }
1401
1402 .jltma-nav-menu.jltma-pointer-text.jltma-animation-sink .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1403 .jltma-nav-menu.jltma-pointer-text.jltma-animation-sink .jltma-nav-menu__main > ul li:hover > a > .jltma-animation {
1404 transform: translateY(8px);
1405 }
1406
1407 .jltma-nav-menu.jltma-pointer-text.jltma-animation-rotate .jltma-nav-menu__main > ul li.current_page_item > a > .jltma-animation,
1408 .jltma-nav-menu.jltma-pointer-text.jltma-animation-rotate .jltma-nav-menu__main > ul li:hover > a > .jltma-animation {
1409 transform: rotate(6deg);
1410 }
1411
1412 .jltma-submenu-indicator {
1413 display: inline-flex;
1414 align-items: center;
1415 margin-left: 6px;
1416 vertical-align: middle;
1417 transition: transform 0.3s ease;
1418 transform-origin: center center;
1419 }
1420 .jltma-submenu-indicator i {
1421 font-size: inherit;
1422 line-height: 1;
1423 color: inherit;
1424 transition: transform 0.3s ease, opacity 0.3s ease;
1425 }
1426
1427 .jltma-icon-position-left .jltma-nav-menu__main > ul > li.jltma-menu-has-children > a .jltma-submenu-indicator,
1428 .jltma-icon-position-left .jltma-nav-menu__main > ul > li.jltma-has-megamenu > a .jltma-submenu-indicator,
1429 .jltma-icon-position-left .jltma-nav-menu__container-inner > li.jltma-menu-has-children > a .jltma-submenu-indicator,
1430 .jltma-icon-position-left .jltma-nav-menu__container-inner > li.jltma-has-megamenu > a .jltma-submenu-indicator {
1431 margin: -10px 10px -10px 0;
1432 order: -1;
1433 }
1434
1435 .jltma-icon-position-right .jltma-nav-menu__main > ul > li.jltma-menu-has-children > a .jltma-submenu-indicator,
1436 .jltma-icon-position-right .jltma-nav-menu__main > ul > li.jltma-has-megamenu > a .jltma-submenu-indicator,
1437 .jltma-icon-position-right .jltma-nav-menu__container-inner > li.jltma-menu-has-children > a .jltma-submenu-indicator,
1438 .jltma-icon-position-right .jltma-nav-menu__container-inner > li.jltma-has-megamenu > a .jltma-submenu-indicator {
1439 margin: -10px 0 -10px 10px;
1440 }
1441
1442 .jltma-menu-has-children > a .jltma-submenu-indicator:empty::before {
1443 content: "";
1444 display: inline-block;
1445 width: 14px;
1446 height: 14px;
1447 background-image: url("../../images/navmenu/angle-down.svg");
1448 background-repeat: no-repeat;
1449 background-size: contain;
1450 background-position: center;
1451 filter: brightness(0) invert(1);
1452 opacity: 0.8;
1453 transition: transform 0.3s ease, opacity 0.3s ease;
1454 }
1455 .jltma-menu-has-children:hover > a .jltma-submenu-indicator {
1456 transform: rotate(180deg);
1457 }
1458 .jltma-menu-has-children:hover > a .jltma-submenu-indicator:empty::before {
1459 opacity: 1;
1460 }
1461 .jltma-menu-has-children.current-menu-item > a .jltma-submenu-indicator, .jltma-menu-has-children.jltma-menu-active > a .jltma-submenu-indicator {
1462 transform: rotate(180deg);
1463 }
1464 .jltma-menu-has-children.current-menu-item > a .jltma-submenu-indicator:empty::before, .jltma-menu-has-children.jltma-menu-active > a .jltma-submenu-indicator:empty::before {
1465 opacity: 1;
1466 }
1467
1468 .default-main-icon-hide .jltma-nav-menu__container-inner > li > a > .jltma-submenu-indicator,
1469 .default-submenu-icon-hide .jltma-nav-menu__container-inner > li ul.dropdown-menu > li > a > .jltma-submenu-indicator {
1470 display: none !important;
1471 }
1472
1473 .default-main-icon-hide .jltma-nav-menu__container-inner > li.jltma-has-megamenu > a > .jltma-submenu-indicator,
1474 .jltma-nav-menu__container-inner > li.jltma-has-megamenu > a > .jltma-submenu-indicator {
1475 display: inline-block !important;
1476 visibility: visible !important;
1477 opacity: 1 !important;
1478 }
1479
1480 /* Mega Menu Transition Effects */
1481 ul.dropdown-menu.jltma-megamenu {
1482 opacity: 0;
1483 visibility: hidden;
1484 transition: all 0.3s ease;
1485 transform-origin: top center;
1486 background-color: transparent;
1487 }
1488
1489 .jltma-nav-menu__container > ul li.jltma-has-megamenu:not(.jltma-megamenu-click):hover > ul.dropdown-menu.jltma-megamenu,
1490 .jltma-nav-menu__container > ul li.jltma-has-megamenu.jltma-megamenu-click > ul.dropdown-menu.jltma-megamenu.show,
1491 .jltma-menu-has-children:not(.jltma-megamenu-click):hover > ul.dropdown-menu.jltma-megamenu,
1492 .jltma-menu-has-children.jltma-megamenu-click > ul.dropdown-menu.jltma-megamenu.show {
1493 opacity: 1 !important;
1494 visibility: visible !important;
1495 }
1496
1497 /* Fade Up (Default) */
1498 ul.dropdown-menu.jltma-megamenu.fade-up {
1499 transform: translateY(10px);
1500 }
1501
1502 .jltma-nav-menu__container > ul li.jltma-has-megamenu:not(.jltma-megamenu-click):hover > ul.dropdown-menu.jltma-megamenu.fade-up,
1503 .jltma-nav-menu__container > ul li.jltma-has-megamenu.jltma-megamenu-click > ul.dropdown-menu.jltma-megamenu.fade-up.show,
1504 .jltma-menu-has-children:not(.jltma-megamenu-click):hover > ul.dropdown-menu.jltma-megamenu.fade-up,
1505 .jltma-menu-has-children.jltma-megamenu-click > ul.dropdown-menu.jltma-megamenu.fade-up.show {
1506 transform: translateY(0) !important;
1507 }
1508
1509 /* Slide Left */
1510 ul.dropdown-menu.jltma-megamenu.slide {
1511 transform: translateX(-20px);
1512 }
1513
1514 .jltma-nav-menu__container > ul li.jltma-has-megamenu:not(.jltma-megamenu-click):hover > ul.dropdown-menu.jltma-megamenu.slide,
1515 .jltma-nav-menu__container > ul li.jltma-has-megamenu.jltma-megamenu-click > ul.dropdown-menu.jltma-megamenu.slide.show {
1516 transform: translateX(0) !important;
1517 }
1518
1519 /* Slide Right */
1520 ul.dropdown-menu.jltma-megamenu.slide-left {
1521 transform: translateX(20px);
1522 }
1523
1524 .jltma-nav-menu__container > ul li.jltma-has-megamenu:not(.jltma-megamenu-click):hover > ul.dropdown-menu.jltma-megamenu.slide-left,
1525 .jltma-nav-menu__container > ul li.jltma-has-megamenu.jltma-megamenu-click > ul.dropdown-menu.jltma-megamenu.slide-left.show {
1526 transform: translateX(0) !important;
1527 }
1528
1529 /* Slide Down */
1530 ul.dropdown-menu.jltma-megamenu.slide-down {
1531 transform: translateY(-10px);
1532 }
1533
1534 .jltma-nav-menu__container > ul li.jltma-has-megamenu:not(.jltma-megamenu-click):hover > ul.dropdown-menu.jltma-megamenu.slide-down,
1535 .jltma-nav-menu__container > ul li.jltma-has-megamenu.jltma-megamenu-click > ul.dropdown-menu.jltma-megamenu.slide-down.show {
1536 transform: translateY(0) !important;
1537 }
1538
1539 /* Slide Up */
1540 ul.dropdown-menu.jltma-megamenu.slide-up {
1541 transform: translateY(20px);
1542 }
1543
1544 .jltma-nav-menu__container > ul li.jltma-has-megamenu:not(.jltma-megamenu-click):hover > ul.dropdown-menu.jltma-megamenu.slide-up,
1545 .jltma-nav-menu__container > ul li.jltma-has-megamenu.jltma-megamenu-click > ul.dropdown-menu.jltma-megamenu.slide-up.show {
1546 transform: translateY(0) !important;
1547 }
1548
1549 /* Slide Up With Fade */
1550 ul.dropdown-menu.jltma-megamenu.slide-up-fade {
1551 transform: translateY(30px);
1552 }
1553
1554 .jltma-nav-menu__container > ul li.jltma-has-megamenu:not(.jltma-megamenu-click):hover > ul.dropdown-menu.jltma-megamenu.slide-up-fade,
1555 .jltma-nav-menu__container > ul li.jltma-has-megamenu.jltma-megamenu-click > ul.dropdown-menu.jltma-megamenu.slide-up-fade.show {
1556 transform: translateY(0) !important;
1557 }
1558
1559 /* Slide Down With Fade */
1560 ul.dropdown-menu.jltma-megamenu.slide-down-fade {
1561 transform: translateY(-30px);
1562 }
1563
1564 .jltma-nav-menu__container > ul li.jltma-has-megamenu:not(.jltma-megamenu-click):hover > ul.dropdown-menu.jltma-megamenu.slide-down-fade,
1565 .jltma-nav-menu__container > ul li.jltma-has-megamenu.jltma-megamenu-click > ul.dropdown-menu.jltma-megamenu.slide-down-fade.show {
1566 transform: translateY(0) !important;
1567 }
1568
1569 /* Super SlideDown */
1570 ul.dropdown-menu.jltma-megamenu.super-slidedown {
1571 transform: translateY(-50px) scaleY(0.8);
1572 transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
1573 }
1574
1575 .jltma-nav-menu__container > ul li.jltma-has-megamenu:not(.jltma-megamenu-click):hover > ul.dropdown-menu.jltma-megamenu.super-slidedown,
1576 .jltma-nav-menu__container > ul li.jltma-has-megamenu.jltma-megamenu-click > ul.dropdown-menu.jltma-megamenu.super-slidedown.show {
1577 transform: translateY(0) scaleY(1) !important;
1578 }
1579
1580 /* Zoom In/Out */
1581 ul.dropdown-menu.jltma-megamenu.zoom-inout {
1582 transform: scale(0.9);
1583 }
1584
1585 .jltma-nav-menu__container > ul li.jltma-has-megamenu:not(.jltma-megamenu-click):hover > ul.dropdown-menu.jltma-megamenu.zoom-inout,
1586 .jltma-nav-menu__container > ul li.jltma-has-megamenu.jltma-megamenu-click > ul.dropdown-menu.jltma-megamenu.zoom-inout.show {
1587 transform: scale(1) !important;
1588 }
1589
1590 /* Flip Effect */
1591 ul.dropdown-menu.jltma-megamenu.flip-effect {
1592 transform: perspective(1000px) rotateX(-15deg);
1593 transform-origin: top center;
1594 transition: all 0.4s ease;
1595 }
1596
1597 .jltma-nav-menu__container > ul li.jltma-has-megamenu:not(.jltma-megamenu-click):hover > ul.dropdown-menu.jltma-megamenu.flip-effect,
1598 .jltma-nav-menu__container > ul li.jltma-has-megamenu.jltma-megamenu-click > ul.dropdown-menu.jltma-megamenu.flip-effect.show,
1599 .jltma-menu-has-children:not(.jltma-megamenu-click):hover > ul.dropdown-menu.jltma-megamenu.flip-effect,
1600 .jltma-menu-has-children.jltma-megamenu-click > ul.dropdown-menu.jltma-megamenu.flip-effect.show {
1601 transform: perspective(1000px) rotateX(0deg) !important;
1602 }
1603
1604 /* =========================================================================
1605 Master Addons Nav Menu — Toggle, Offcanvas, Popup, Default-Mobile, Backdrop
1606 See: docs/superpowers/specs/2026-04-17-ma-navmenu-toggle-and-dropdown-modes-design.md
1607 ========================================================================= */
1608 /* Close-icon SVG size constraint (all dropdown modes).
1609 The existing .jltma-menu-dropdown-type-popup .jltma-nav-menu__dropdown-close
1610 rule sets font-size:24px; this rule makes the SVG inherit that as a 1em box
1611 instead of stretching to its container's full width. */
1612 .jltma-nav-menu__dropdown-close svg {
1613 width: 1em;
1614 height: 1em;
1615 }
1616
1617 /* Body scroll-lock when an offcanvas or popup is open. */
1618 body.jltma-menu-locked {
1619 overflow: hidden;
1620 }
1621
1622 /* Toggle: ensure clickable cursor + visual focus ring for keyboard users. */
1623 .jltma-nav-menu__toggle-container {
1624 cursor: pointer;
1625 }
1626 .jltma-nav-menu__toggle-container:focus-visible {
1627 outline: 2px solid currentColor;
1628 outline-offset: 2px;
1629 }
1630
1631 /* -------- OFFCANVAS MODE -------- */
1632 /* Default (closed) state — drawer parked off-screen, no interaction.
1633 Overrides the base `.jltma-nav-menu__dropdown { display: none }` rule —
1634 offcanvas needs the element in the layout (hidden by transform/visibility),
1635 not display:none, otherwise transforms and transitions don't run. */
1636 .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-offcanvas {
1637 display: block;
1638 position: fixed;
1639 top: 0;
1640 bottom: 0;
1641 height: 100vh;
1642 z-index: 10000;
1643 visibility: hidden;
1644 pointer-events: none;
1645 transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.3s;
1646 overflow-y: auto;
1647 -webkit-overflow-scrolling: touch;
1648 }
1649
1650 /* Position-aware: slide direction follows the widget's offcanvas_position
1651 control (.jltma-offcanvas-position-{left|right} on the widget root). */
1652 .jltma-offcanvas-position-right .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-offcanvas {
1653 right: 0;
1654 transform: translateX(100%);
1655 }
1656
1657 .jltma-offcanvas-position-left .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-offcanvas {
1658 left: 0;
1659 transform: translateX(-100%);
1660 }
1661
1662 /* Open state — drawer slides in. */
1663 .jltma-is-open .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-offcanvas {
1664 transform: translateX(0);
1665 visibility: visible;
1666 pointer-events: auto;
1667 transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0s;
1668 }
1669
1670 /* Backdrop — sibling of the offcanvas drawer. */
1671 .jltma-nav-menu__backdrop {
1672 position: fixed;
1673 inset: 0;
1674 z-index: 9999;
1675 background: rgba(0, 0, 0, 0.4);
1676 opacity: 0;
1677 visibility: hidden;
1678 pointer-events: none;
1679 transition: opacity 0.3s ease, visibility 0s linear 0.3s;
1680 }
1681
1682 .jltma-is-open .jltma-nav-menu__backdrop {
1683 opacity: 1;
1684 visibility: visible;
1685 pointer-events: auto;
1686 transition: opacity 0.3s ease, visibility 0s linear 0s;
1687 }
1688
1689 /* -------- POPUP MODE -------- */
1690 /* The base .jltma-menu-dropdown-type-popup rule already exists in this file
1691 (see line ~307); we only add the open/closed visibility transitions.
1692 Override the base `.jltma-nav-menu__dropdown { display: none }` so opacity
1693 and transform transitions have an element to animate. */
1694 .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup {
1695 display: block;
1696 z-index: 10000;
1697 opacity: 0;
1698 visibility: hidden;
1699 pointer-events: none;
1700 transform: scale(0.96);
1701 transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s linear 0.25s;
1702 }
1703
1704 .jltma-is-open .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-popup {
1705 opacity: 1;
1706 visibility: visible;
1707 pointer-events: auto;
1708 transform: scale(1);
1709 transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s linear 0s;
1710 }
1711
1712 /* -------- DEFAULT MODE — MOBILE COLLAPSE -------- */
1713 /* Below 768px, the default / icon-fallback dropdown becomes a click-to-expand
1714 collapse below the toggle (max-height transition). Desktop hover behavior
1715 in the existing rules is unaffected.
1716
1717 Note on `type-icon`: the widget's PHP (get_toggle / get_dropdown /
1718 get_dropdown_nav) falls back to `dropdown_menu_type = 'icon'` when the
1719 setting isn't hydrated — which is the typical free-version case because
1720 the Pro-only control options aren't available. That fallback emits
1721 `.jltma-menu-dropdown-type-icon` on the dropdown nav, which historically
1722 had no CSS rules at all. Treat `type-icon` as an alias of `type-default`
1723 here so the free-version mobile menu actually expands on hamburger tap.
1724
1725 Breakpoint note: kept at 767px to match the existing
1726 .jltma-dropdown-breakpoints-tablet .jltma-nav-menu__main { display:none }
1727 rule (line ~1647) which also fires at ≤767px. Widening to 1024
1728 caused a double-menu regression at 768–1023px because the desktop
1729 __main stays visible there (its display:none only fires ≤767) and
1730 the mobile __dropdown was flashing into view alongside it. */
1731 @media (max-width: 767px) {
1732 .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-default,
1733 .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-icon {
1734 overflow: hidden;
1735 max-height: 0;
1736 transition: max-height 0.3s ease;
1737 }
1738 .jltma-is-open .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-default,
1739 .jltma-is-open .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-icon {
1740 /* The base `.jltma-nav-menu__dropdown` rule sets `display: none`
1741 (it's hidden on desktop where the horizontal menu shows instead).
1742 `max-height` can't un-hide a `display: none` element, so we must
1743 explicitly flip display here when the widget is open. */
1744 display: block;
1745 /* 100vh upper bound is intentional — actual height collapses to content
1746 because the inner ul has its own intrinsic height. */
1747 max-height: 100vh;
1748 }
1749 /* Submenus — click-to-expand accordion in mobile collapse mode.
1750 No hover on touch, so the desktop hover-reveal rules never fire.
1751 Base state: submenus are laid out in the flow (position:static) but
1752 collapsed via max-height:0. When the parent li gets the JS-toggled
1753 class `jltma-submenu-open`, the submenu expands inline.
1754 `li ul` covers the native WP `<ul class="sub-menu">` the mobile
1755 dropdown uses (no .jltma-nav-menu__dropdown-submenu BEM class). */
1756 .jltma-is-open .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-default > ul li ul,
1757 .jltma-is-open .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-icon > ul li ul {
1758 position: static;
1759 padding-left: 16px;
1760 margin: 0;
1761 list-style: none;
1762 overflow: hidden;
1763 max-height: 0;
1764 opacity: 0;
1765 visibility: hidden;
1766 transition: max-height 0.3s ease, opacity 0.2s ease, visibility 0s linear 0.3s;
1767 }
1768 /* !important here because several pre-existing rules target the
1769 same li > ul with equivalent or higher specificity (hover reveals
1770 for the desktop menu, the "visibility: hidden; opacity: 0" base
1771 hide rule, etc.). Without !important the cascade unpredictably
1772 lands on whichever rule was written later in the source, which on
1773 mobile means the submenu stays hidden even when jltma-submenu-open
1774 is set. With !important the JS-toggled class definitively wins. */
1775 .jltma-is-open .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-default > ul li.jltma-submenu-open > ul,
1776 .jltma-is-open .jltma-nav-menu__dropdown.jltma-menu-dropdown-type-icon > ul li.jltma-submenu-open > ul {
1777 max-height: 100vh !important;
1778 opacity: 1 !important;
1779 visibility: visible !important;
1780 display: block !important;
1781 transition: max-height 0.3s ease, opacity 0.2s ease, visibility 0s linear 0s;
1782 }
1783 }