PageSourceSearch

https://walkin-chiro.com/blog

html walkin-chiro.com collected 2026-10-07 10:51:37 UTC 1,425,633 bytes, 28,130 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" class="wm_initial" style="">
3<head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6    <meta name="csrf-token" content="6bys5ZibdqMxdfX1LBrlgzNOf6RCur5yIPxt52f3">
7    <meta name="description" content="Innovative Chiropractic Rehab and Massage is your local Chiropractor in Mill Creek, WA serving all of your needs. Call us today for an appointment! Blog">
8    <meta name="keywords" content="Mill Creek chiropractor">
9    <meta name="robots" content="index, follow">
10
11    <!-- OpenGraphMeta -->
12    <meta property="og:title" content="Blog | Chiropractor in Mill Creek, WA | Innovative Chiropractic Rehab and Massage"/>
13    <meta property="og:type" content="website"/>
14    <meta property="og:description" content="Innovative Chiropractic Rehab and Massage is your local Chiropractor in Mill Creek, WA serving all of your needs. Call us today for an appointment! Blog"/>
15    <meta property="og:url" content="https://walkin-chiro.com/blog"/>
16    <meta property="og:image" content="https://media.evona.app/%2FU%2F8%2Fs%2F9%2Fg%2Fn%2FU8s9gnSuEPGr6Bk8fjPLFpf74Ve8kCVioSrxTQCI"/>
17
18
19    <!-- Matomo -->
20    
21
22    <title>Blog | Chiropractor in Mill Creek, WA | Innovative Chiropractic Rehab and Massage</title>
23
24    <!-- Google Tag -->
25<script type="text/wmdjs">
26    
vendor: 156 bytes, lines 26-33
26window.dataLayer = window.dataLayer || [];
27
28    function gtag() {
29        dataLayer.push(arguments);
30    }
31
32    gtag('js', new Date());
33    gtag('config', '
33G-YNSVLVS809
vendor: 8 bytes, lines 33-34
33');
34    
34</script>
34
35<!-- End Google Analytics -->
36
37            <style>/* core.css */
38/* WM2 SITE-AGNOSTIC DEFAULTS */
39:root {
40    --wm_desktopPixels: 1280;
41    --wm_tabletPixels: 720;
42    --wm_mobilePixels: 320;
43    --wm_scale: 1;
44    --wm_desktopWidth: calc(var(--wm_desktopPixels) * 1px);
45    --wm_tabletWidth: calc(var(--wm_tabletPixels) * 1px);
46    --wm_mobileWidth: calc(var(--wm_mobilePixels) * 1px);
47
48    /*--wm_minHeight: 10px;*/
49    /*--wm_minWidth: 10px;*/
50    --wm_minHeight: 0px;
51    --wm_minWidth: 0px;
52
53    --wmd_mediaPointOfInterest: 50% 50%;
54    --wmd_backgroundColor: white;
55    --wmd_backgroundImage: none;
56    --wmd_backgroundAttachment: fixed;
57    --wmd_backgroundSize: cover;
58    --wmd_backgroundRepeat: no-repeat;
59    --wmd_backgroundPosition: top left;
60    --wmd_minHeight: 100vh;
61
62    --wm_fontWeightThin: 100;
63    --wm_fontWeightExtraLight: 200;
64    --wm_fontWeightLight: 300;
65    --wm_fontWeightRegular: 400;
66    --wm_fontWeightMedium: 500;
67    --wm_fontWeightSemiBold: 600;
68    --wm_fontWeightBold: 700;
69    --wm_fontWeightExtraBold: 800;
70    --wm_fontWeightBlack: 900;
71
72    text-size-adjust: none;
73    -webkit-font-smoothing: antialiased;
74    -moz-osx-font-smoothing: grayscale;
75
76    /* defaults as defined in browser specs */
77    --transitionEasingPresetLinear: cubic-bezier(0, 0, 1, 1);
78    --transitionEasingPresetEase: cubic-bezier(0.25, 0.1, 0.25, 1);
79    --transitionEasingPresetEaseIn: cubic-bezier(0.42, 0, 1, 1);
80    --transitionEasingPresetEaseOut: cubic-bezier(0, 0, 0.58, 1);
81    --transitionEasingPresetEaseInOut: cubic-bezier(0.42, 0, 0.58, 1);
82    --transitionEasingPresetEaseOutIn: cubic-bezier(0.58, 0.85, 0.42, 0.15);
83
84    /* variations of defaults, firmer and faster */
85    --transitionEasingPresetEaseMedium: cubic-bezier(0.5, 0.15, 0.25, 1);
86    --transitionEasingPresetEaseFast: cubic-bezier(0.75, 0.2, 0.25, 1);
87    --transitionEasingPresetEaseInMedium: cubic-bezier(0.32, 0, 0.67, 0);
88    --transitionEasingPresetEaseInFast: cubic-bezier(0.7, 0, 0.84, 0);
89    --transitionEasingPresetEaseOutMedium: cubic-bezier(0.33, 1, 0.68, 1);
90    --transitionEasingPresetEaseOutFast: cubic-bezier(0.16, 1, 0.3, 1);
91    --transitionEasingPresetEaseInOutMedium: cubic-bezier(0.66, 0, 0.34, 1);
92    --transitionEasingPresetEaseInOutFast: cubic-bezier(0.86, 0, 0.14, 1);
93    --transitionEasingPresetEaseOutInMedium: cubic-bezier(0.34, 0.85, 0.66, 0.15);
94    --transitionEasingPresetEaseOutInFast: cubic-bezier(0.14, 0.85, 0.86, 0.15);
95
96    /* custom useful transitions, courtesy of https://easingwizard.com/ */
97    --transitionEasingPresetSpringHeavy: linear(0, 0.013 0.6%, 0.05 1.2%, 0.199 2.5%, 0.395 3.7%, 0.948 6.7%, 1.201 8.4%, 1.289 9.2%, 1.354 10%, 1.396 10.8%, 1.416 11.6%, 1.418 12.2%, 1.405 12.9%, 1.345 14.3%, 1.258 15.6%, 1.012 18.8%, 0.909 20.5%, 0.851 22%, 0.826 23.6%, 0.83 24.8%, 0.854 26.2%, 0.996 30.8%, 1.039 32.5%, 1.063 34%, 1.073 35.5%, 1.061 38.2%, 0.984 44.4%, 0.97 47.4%, 0.973 49.8%, 1.004 55.8%, 1.013 59.2%, 0.995 71%, 1.002 82.8%, 1);
98    --transitionEasingPresetSpringDrop: linear(0, 0.011 0.5%, 0.051 1.1%, 0.116 1.7%, 0.221 2.4%, 0.429 3.5%, 1.03 6.3%, 1.289 7.8%, 1.378 8.5%, 1.444 9.2%, 1.486 9.9%, 1.504 10.6%, 1.503 11.2%, 1.485 11.8%, 1.455 12.4%, 1.404 13.1%, 1.291 14.3%, 0.977 17.2%, 0.849 18.7%, 0.773 20.1%, 0.745 21.4%, 0.754 22.6%, 0.795 23.9%, 0.852 25.1%, 1.01 28%, 1.076 29.5%, 1.114 30.9%, 1.129 32.2%, 1.125 33.4%, 1.104 34.7%, 0.993 38.9%, 0.96 40.4%, 0.942 41.7%, 0.935 43%, 0.944 45.2%, 1.015 50.7%, 1.033 53.7%, 1.028 56%, 0.993 61.5%, 0.983 64.5%, 1.008 75.1%, 0.996 85.9%, 1);
99    --transitionEasingPresetSpringBouncy: linear(0, 0.066 0.5%, 0.246 1%, 1.456 3.2%, 1.63 3.8%, 1.673 4.3%, 1.625 4.8%, 1.501 5.3%, 0.688 7.5%, 0.586 8%, 0.547 8.5%, 0.57 9%, 0.647 9.5%, 1.214 11.8%, 1.28 12.3%, 1.305 12.8%, 1.288 13.3%, 1.235 13.8%, 0.854 16.1%, 0.81 16.6%, 0.795 17.1%, 0.807 17.6%, 0.844 18.1%, 1.092 20.3%, 1.129 20.9%, 1.138 21.4%, 1.129 21.9%, 1.104 22.4%, 0.937 24.6%, 0.907 25.6%, 0.927 26.6%, 1.043 28.9%, 1.063 29.9%, 1.049 30.9%, 0.97 33.2%, 0.958 34.2%, 0.968 35.2%, 1.019 37.4%, 1.028 38.5%, 0.981 42.7%, 1.013 47%, 0.991 51.3%, 1.006 55.6%, 0.996 59.8%, 1.003 64.1%, 1);
100    --transitionEasingPresetSnapGlide: linear(0, 0.012 0.9%, 0.049 2%, 0.409 9.3%, 0.513 11.9%, 0.606 14.7%, 0.691 17.9%, 0.762 21.3%, 0.82 25%, 0.868 29.1%, 0.907 33.6%, 0.937 38.7%, 0.976 51.3%, 0.994 68.8%, 1);
101    --transitionEasingPresetSnapLazy: linear(0, 0.008 1.1%, 0.031 2.2%, 0.129 4.8%, 0.257 7.2%, 0.671 14.2%, 0.789 16.5%, 0.881 18.6%, 0.957 20.7%, 1.019 22.9%, 1.063 25.1%, 1.094 27.4%, 1.114 30.7%, 1.112 34.5%, 1.018 49.9%, 0.99 59.1%, 1);
102    --transitionEasingPresetSnapElastic: linear(0, 0.03 1.5%, 0.121 3.2%, 0.851 13%, 0.99 16.4%, 1.063 20.2%, 1.076 22.3%, 1.075 24.8%, 1.013 35.9%, 0.995 43.4%, 1);
103    --transitionEasingPresetSnapSharp: linear(0, 0.115 2.2%, 0.877 9.4%, 1.016 11.9%, 1.081 14.7%, 1.088 16%, 1.084 17.5%, 1.013 25.3%, 0.993 30.8%, 1.001 46.8%, 1);
104    --transitionEasingPresetBounceSubtle: linear(0, 0.417 25.5%, 0.867 49.4%, 1 57.7%, 0.925 65.1%, 0.908 68.6%, 0.902 72.2%, 0.916 78.2%, 0.988 92.1%, 1);
105    --transitionEasingPresetBounceSoft: linear(0, 1 44.7%, 0.898 51.8%, 0.874 55.1%, 0.866 58.4%, 0.888 64.3%, 1 77.4%, 0.98 84.5%, 1);
106    --transitionEasingPresetBounceSharp: linear(0, 1 37.8%, 0.883 44.2%, 0.855 47.1%, 0.846 50%, 0.853 52.7%, 0.875 55.5%, 1 65.5%, 0.967 69.4%, 0.957 73.1%, 0.964 76.5%, 1 84.5%, 0.993 89.3%, 1);
107    --transitionEasingPresetBounceFirm: linear(0, 0.234 11.8%, 0.403 18.4%, 0.624 24.7%, 0.999 33.3%, 0.76 39.9%, 0.705 42.6%, 0.687 45.2%, 0.703 47.7%, 0.753 50.3%, 0.999 57.7%, 0.89 61.8%, 0.865 63.6%, 0.857 65.3%, 0.865 67%, 0.887 68.8%, 0.999 74.5%, 0.957 77.5%, 0.944 80.2%, 0.954 82.7%, 1 88.2%, 0.988 91.9%, 1);
108    --transitionEasingPresetOvershootSoft: linear(0, 0.402 7.4%, 0.711 15.3%, 0.929 23.7%, 1.008 28.2%, 1.067 33%, 1.099 36.9%, 1.12 41%, 1.13 45.4%, 1.13 50.1%, 1.111 58.5%, 1.019 83.2%, 1.004 91.3%, 1);
109    --transitionEasingPresetOvershootFirm: linear(0, 0.453 7.8%, 0.803 
10916.1%, 1.048 24.9%, 1.132 29.5%, 1.194 34.4%, 1.227 38.4%, 1.245 42.5%, 1.25 46.9%, 1.242 51.7%, 1.2 60.5%, 1.038 84.9%, 1.009 92.5%, 1);
110    --transitionEasingPresetOvershootSmooth: linear(0, 0.49 7.4%, 0.864 15.3%, 1.005 19.4%, 1.12 23.7%, 1.206 28.1%, 1.267 32.8%, 1.296 36.4%, 1.311 40.2%, 1.313 44.2%, 1.301 48.6%, 1.252 56.9%, 1.105 74.4%, 1.048 82.5%, 1.011 91.1%, 1);
111    --transitionEasingPresetOvershootDynamic: linear(0, 0.544 5.5%, 0.947 11.5%, 1.213 18.1%, 1.298 21.7%, 1.352 25.5%, 1.372 28.2%, 1.379 31.1%, 1.374 34.2%, 1.357 37.6%, 1.307 43.7%, 1.121 61.8%, 1.074 67.8%, 1.04 73.7%, 1.007 84.7%, 1);
112    --transitionEasingPresetOvershootDramatic: linear(0, 0.618 4.6%, 1.072 9.7%, 1.358 15.3%, 1.446 18.4%, 1.497 21.7%, 1.512 23.9%, 1.514 26.2%, 1.481 31.5%, 1.421 36.4%, 1.174 53.4%, 1.108 59.5%, 1.059 65.7%, 1.028 71.9%, 1.009 78.9%, 1);
113
114    /* -- @TODO: this should not be in the live CSS */
115    /* normally we want users to be able to use browser's accessibility settings */
116    /* maybe put this in the editor CSS? what about preview? should we have the option there to force "normal" or not? */
117    /* 16px is the base font size browsers apply by default, for "normal", "medium", "recommended" setting */
118    /* with this we force the site to render in "normal" mode, but on published sites we should not do that */
119    font-size: 16px;
120
121    /* length division only works in Chrome as of February 2026, others will use a JS fallback */
122    /* allows for much more efficient scaling (without layout thrashing) */
123    @supports (opacity: calc(100vw / 1px)) and (opacity: calc(100% / 1px)) {
124        --wm_windowWidth: calc(100vw / 1px);
125        --wm_windowWidthDiff: calc(var(--wm_windowWidth) - (calc(100% / 1px)));
126    }
127}
128
129/* CSS RESET */
130html, body {
131    padding: 0;
132    margin: 0;
133    overflow-x: clip;
134    height: 100vh;
135}
136
137html {
138    background-color: var(--wmd_backgroundColor);
139    background-image: var(--wmd_backgroundImage);
140    background-attachment: var(--wmd_backgroundAttachment);
141    background-size: var(--wmd_backgroundSize);
142    background-repeat: var(--wmd_backgroundRepeat);
143    background-position: 50% 50%;
144}
145
146main {
147    min-height: var(--wmd_minHeight);
148}
149
150@media all and (width < 1328px) and (width >= 1040px) {
151    :root {
152        --wm_scale: calc(var(--wm_windowWidth) / 1328);
153    }
154
155    body {
156        > .wmcM_scrollBehavior,
157        > main {
158            width: calc(1328px - (var(--wm_windowWidthDiff) * 1px)) !important;
159            transform-origin: 0 0 0 !important;
160            transform: scale3d(var(--wm_scale), var(--wm_scale), 1) !important;
161        }
162    }
163}
164
165@media all and (width < 768px) and (width >= 650px) {
166    :root {
167        --wm_scale: calc(var(--wm_windowWidth) / 768);
168    }
169
170    body {
171        > .wmcM_scrollBehavior,
172        > main {
173            width: calc(768px - (var(--wm_windowWidthDiff) * 1px)) !important;
174            transform-origin: 0 0 0 !important;
175            transform: scale3d(var(--wm_scale), var(--wm_scale), 1) !important;
176        }
177    }
178}
179
180@media all and (width < 650px) {
181    :root {
182        --wm_scale: calc(var(--wm_windowWidth) / 360);
183    }
184
185    body {
186        > .wmcM_scrollBehavior,
187        > main {
188            width: calc(360px - (var(--wm_windowWidthDiff) * 1px)) !important;
189            /*width: 360px !important;*/
190            transform-origin: 0 0 0 !important;
191            transform: scale3d(var(--wm_scale), var(--wm_scale), 1) !important;
192        }
193    }
194}
195
196body * {
197    box-sizing: border-box;
198    overflow-wrap: break-word;
199}
200
201.wm_initial {
202    opacity: 0;
203}
204
205p, h1, h2, h3, h4, h5, h6 {
206    margin-block: 0;
207}
208
209a {
210    text-decoration: none;
211}
212
213img {
214    max-width: 100%;
215}
216
217img, iframe {
218    vertical-align: bottom;
219}
220
221svg.wm_svgFilter {
222    width: 0;
223    height: 0;
224    position: fixed;
225}
226
227/* LAYOUT */
228.wmc {
229    --containerMargin: 0px;
230    --contentWidthPage: var(--wm_desktopWidth);
231    --contentWidth: var(--contentWidthOverride, var(--contentWidthPage));
232
233    --gridPositionDesktop: auto;
234
235    --bgColorDesktop: initial;
236    --marginTopDesktop: 0px;
237    --marginBottomDesktop: 0px;
238    --marginLeftDesktop: 0px;
239    --marginRightDesktop: 0px;
240    --offsetLeftDesktop: 0px;
241    --offsetRightDesktop: 0px;
242    --widthDesktop: initial;
243    --heightDesktop: initial;
244    --maxWidthDesktop: initial;
245    --maxHeightDesktop: initial;
246    --minWidthDesktop: initial;
247    --minHeightDesktop: var(--minHeightFallback, var(--wm_minHeight));
248    --transformOriginDesktop: 50% 50% 0;
249    --translateDesktop: ;
250    --scaleDesktop: ;
251    --rotateDesktop: ;
252    --opacityDesktop: 1;
253    --filterDesktop: ;
254    --glassEffectBlurDesktop: 8px;
255
256    --bgColor: var(--bgColorDesktop);
257    --marginTop: var(--marginTopDesktop);
258    --marginBottom: var(--marginBottomDesktop);
259    --marginLeft: var(--marginLeftDesktop);
260    --marginRight: var(--marginRightDesktop);
261    --offsetLeft: var(--offsetLeftDesktop);
262    --offsetRight: var(--offsetRightDesktop);
263    --width: var(--widthDesktop);
264    --height: var(--heightDesktop);
265    --maxWidth: var(--maxWidthDesktop);
266    --maxHeight: var(--maxHeightDesktop);
267    --minWidth: var(--minWidthDesktop);
268    --minHeight: var(--minHeightDesktop);
269    --transformOrigin: var(--transformOriginDesktop);
270    --translate: var(--translateDesktop);
271    --scale: var(--scaleDesktop);
272    --rotate: var(--rotateDesktop);
273    --opacity: var(--opacityDesktop);
274    --filter: var(--filterDesktop);
275
276    --gridPosition: var(--gridPositionDesktop);
277    --zIndex: 0;
278    --glassEffectBlur: var(--glassEffectBlurDesktop);
279
280    /* Scroll Behavior Variables - Device Responsive */
281    --stickyOffsetDesktop: 0px;
282    --trailingAnchorIdDesktop: '';
283    --revealThresholdDesktop: 0px;
284    --scrollBehaviorDesktop: none;
285
286    --stickyOffset: var(--stickyOffsetDesktop);
287    --trailingAnchorId: var(--trailingAnchorIdDesktop);
288    --revealThreshold: var(--revealThresholdDesktop);
289    --scrollBehavior: var(--scrollBehaviorDesktop);
290
291    /* Fixed elements variables */
292    --fixedHorizontalAlignmentDesktop: end;
293    --fixedVerticalAlignmentDesktop: end;
294    --fixedHorizontalOffsetDesktop: 20px;
295    --fixedVerticalOffsetDesktop: 20px;
296
297    --fixedHorizontalAlignment: var(--fixedHorizontalAlignmentDesktop);
298    --fixedVerticalAlignment: var(--fixedVerticalAlignmentDesktop);
299    --fixedHorizontalOffset: var(--fixedHorizontalOffsetDesktop);
300    --fixedVerticalOffset: var(--fixedVerticalOffsetDesktop);
301
302    --containerSize: wm_content;
303    --containerSpaceLeft: 1fr;
304    --containerSpaceRight: 1fr;
305
306    position: relative;
307    display: grid;
308    pointer-events: none;
309
310    min-width: 0;
311    min-height: 0;
312    grid-area: var(--gridPosition) / 1 / calc(var(--gridPosition) + 1) / 2;
313    grid-template-columns:
314        minmax(0, var(--containerMargin))
315        [wm_full-start]
316        var(--containerSpaceLeft)
317        [wm_content-start]
318        min(100%, var(--contentWidth))
319        [wm_content-end]
320        var(--containerSpaceRight)
321        [wm_full-end]
322        minmax(0, var(--containerMargin));
323}
324
325.wmcM_animateHover {
326    --transitionDurationMsDesktopHover: 0;
327    --transitionEasingDesktopHover: var(--transitionEasingPresetEase);
328    --transitionEasingKineticDesktopHover: var(--transitionEasingPresetEase);
329
330    --transitionDurationMsHover: var(--transitionDurationMsDesktopHover);
331    --transitionEasingHover: var(--transitionEasingDesktopHover);
332    --transitionEasingKineticHover: var(--transitionEasingKineticDesktopHover);
333
334    &,
335    & .wmc {
336        --bgColorDesktopHover: var(--bgColorDesktop);
337        --marginTopDesktopHover: var(--marginTopDesktop);
338        --marginBottomDesktopHover: var(--marginBottomDesktop);
339        --marginLeftDesktopHover: var(--marginLeftDesktop);
340        --marginRightDesktopHover: var(--marginRightDesktop);
341        --offsetLeftDesktopHover: var(--offsetLeftDesktop);
342        --offsetRightDesktopHover: var(--offsetRightDesktop);
343        --widthDesktopHover: var(--widthDesktop);
344        --heightDesktopHover: var(--heightDesktop);
345        --maxWidthDesktopHover: var(--maxWidthDesktop);
346        --maxHeightDesktopHover: var(--maxHeightDesktop);
347        --minWidthDesktopHover: var(--minWidthDesktop);
348        --minHeightDesktopHover: var(--minHeightDesktop);
349        --translateDesktopHover: var(--translateDesktop);
350        --scaleDesktopHover: var(--scaleDesktop);
351        --rotateDesktopHover: var(--rotateDesktop);
352        --opacityDesktopHover: var(--opacityDesktop);
353        --filterDesktopHover: var(--filterDesktop);
354
355        --bgColorHover: var(--bgColorDesktopHover);
356        --marginTopHover: var(--marginTopDesktopHover);
357        --marginBottomHover: var(--marginBottomDesktopHover);
358        --marginLeftHover: var(--marginLeftDesktopHover);
359        --marginRightHover: var(--marginRightDesktopHover);
360        --offsetLeftHover: var(--offsetLeftDesktopHover);
361        --offsetRightHover: var(--offsetRightDesktopHover);
362        --widthHover: var(--widthDesktopHover);
363        --heightHover: var(--heightDesktopHover);
364        --maxWidthHover: var(--maxWidthDesktopHover);
365        --maxHeightHover: var(--maxHeightDesktopHover);
366        --minWidthHover: var(--minWidthDesktopHover);
367        --minHeightHover: var(--minHeightDesktopHover);
368        --translateHover: var(--translateDesktopHover);
369        --scaleHover: var(--scaleDesktopHover);
370        --rotateHover: var(--rotateDesktopHover);
371        --opacityHover: var(--opacityDesktopHover);
372        --filterHover: var(--filterDesktopHover);
373
374        --bgColorDesktopActive: var(--bgColorDesktopHover);
375        --marginTopDesktopActive: var(--marginTopDesktopHover);
376        --marginBottomDesktopActive: var(--marginBottomDesktopHover);
377        --marginLeftDesktopActive: var(--marginLeftDesktopHover);
378        --marginRightDesktopActive: var(--marginRightDesktopHover);
379        --offsetLeftDesktopActive: var(--offsetLeftDesktopHover);
380        --offsetRightDesktopActive: var(--offsetRightDesktopHover);
381        --widthDesktopActive: var(--widthDesktopHover);
382        --heightDesktopActive: var(--heightDesktopHover);
383        --maxWidthDesktopActive: var(--maxWidthDesktopHover);
384        --maxHeightDesktopActive: var(--maxHeightDesktopHover);
385        --minWidthDesktopActive: var(--minWidthDesktopHover);
386        --minHeightDesktopActive: var(--minHeightDesktopHover);
387        --translateDesktopActive: var(--translateDesktopHover);
388        --scaleDesktopActive: var(--scaleDesktopHover);
389        --rotateDesktopActive: var(--rotateDesktopHover);
390        --opacityDesktopActive: var(--opacityDesktopHover);
391        --filterDesktopActive: var(--filterDesktopHover);
392
393        --bgColorActive: var(--bgColorDesktopActive);
394        --marginTopActive: var(--marginTopDesktopActive);
395        --marginBottomActive: var(--marginBottomDesktopActive);
396        --marginLeftActive: var(--marginLeftDesktopActive);
397        --marginRightActive: var(--marginRightDesktopActive);
398        --offsetLeftActive: var(--offsetLeftDesktopActive);
399        --offsetRightActive: var(--offsetRightDesktopActive);
400        --widthActive: var(--widthDesktopActive);
401        --heightActive: var(--heightDesktopActive);
402        --maxWidthActive: var(--maxWidthDesktopActive);
403        --maxHeightActive: var(--maxHeightDesktopActive);
404        --minWidthActive: var(--minWidthDesktopActive);
405        --minHeightActive: var(--minHeightDesktopActive);
406        --translateActive: var(--translateDesktopActive);
407        --scaleActive: var(--scaleDesktopActive);
408        --rotateActive: var(--rotateDesktopActive);
409        --opacityActive: var(--opacityDesktopActive);
410        --filterActive: var(--filterDesktopActive);
411    }
412
413    &:not(.wmcA_entryTransitionState) {
414        .wml,
415        .wml > .wms_background,
416        .wml > .wms_background::after,
417        .wml > .wms_background > .wmc_color_layer,
418        .wml_icon > i,
419        .wmc_text > .wml *,
420        &.wmc_text > .wml * {
421            transition: background-color var(--transitionDurationHover) var(--transitionEasingHover),
422            box-shadow var(--transitionDurationHover) var(--transitionEasingHover),
423            opacity var(--transitionDurationHover) var(--transitionEasingHover),
424            filter var(--transitionDurationHover) var(--transitionEasingHover),
425            color var(--transitionDurationHover) var(--transitionEasingHover),
426            transform var(--transitionDurationHover) var(--transitionEasingKineticHover),
427            border-top var(--transitionDurationHover) var(--transitionEasingHover),
428            border-right var(--transitionDurationHover) var(--transitionEasingHover),
429            border-bottom var(--transitionDurationHover) var(--transitionEasingHover),
430            border-left var(--transitionDurationHover) var(--transitionEasingHover),
431            border-color var(--transitionDurationHover) var(--transitionEasingHover),
432            border-width var(--transitionDurationHover) var(--transitionEasingHover),
433            border-radius var(--transitionDurationHover) var(--transitionEasingHover),
434            margin var(--transitionDurationHover) var(--transitionEasingKineticHover),
435            width var(--transitionDurationHover) var(--transitionEasingKineticHover),
436            min-width var(--transitionDurationHover) var(--transitionEasingKineticHover),
437            max-width var(--transitionDurationHover) var(--transitionEasingKineticHover),
438            height var(--transitionDurationHover) var(--transitionEasingKineticHover),
439            min-height var(--transitionDurationHover) var(--transitionEasingKineticHover),
440            max-height var(--transitionDurationHover) var(--transitionEasingKineticHover),
441            top var(--transitionDurationHover) var(--transitionEasingKineticHover),
442            right var(--transitionDurationHover) var(--transitionEasingKineticHover),
443            bottom var(--transitionDurationHover) var(--transitionEasingKineticHover),
444            left var(--transitionDurationHover) var(--transitionEasingKineticHover),
445            font-size var(--transitionDurationHover) var(--transitionEasingHover),
446            font-weight var(--transitionDurationHover) var(--transitionEasingHover),
447            font-style var(--transitionDurationHover) var(--transitionEasingHover),
448            text-decoration var(--transitionDurationHover) var(--transitionEasingHover);
449        }
450
451        .wml_button > .wms_button {
452            transition: padding var(--transitionDurationHover) var(--transitionEasingKineticHover);
453        }
454
455        &:has(> .wml:hover),
456        &:has(> .wml:focus),
457        &:has(> .wml:focus-within),
458        &.wmcA_hoverState {
459            /**
460             NOT (component in active state OR parent in active state)
461             */
462            &:not(.wmcA_activeState, .wmcA_activeState &) {
463                &,
464                    /*
465                        don't transition button icon/text if button parent is hovered
466                    */
467                & .wmc:not(.wmcM_noParentHover, .wmcM_noParentHover > .wml_button > .wms_button .wmc, .wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc),
468                & .wmc:not(.wmcM_noParentHover, .wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc):is(.wml_button:hover .wmc, .wml_button:focus .wmc,  .wml_button:focus-within .wmc),
469                & .wmc:not(.wmcM_noParentHover, .wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc):is(.wmc_button.wmcA_hoverState .wmc),
470                & .wmc_button:not(.wmcM_noParentHover) > .wml_button .wmc:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc) {
471                    --bgColor: var(--bgColorHover);
472                    --marginTop: var(--marginTopHover);
473                    --marginBottom: var(--marginBottomHover);
474                    --marginLeft: var(--marginLeftHover);
475                    --marginRight: var(--marginRightHover);
476                    --offsetLeft: var(--offsetLeftHover);
477                    --offsetRight: var(--offsetRightHover);
478                    --translate: var(--translateHover);
479                    --scale: var(--scaleHover);
480                    --rotate: var(--rotateHover);
481                    --opacity: var(--opacityHover);
482                    --filter: var(--filterHover);
483                    --width: var(--widthHover);
484                    --height: var(--heightHover);
485                    --minWidth: var(--minWidthHover);
486                    --minHeight: var(--minHeightHover);
487                    --maxWidth: var(--maxWidthHover);
488                    --maxHeight: var(--maxHeightHover);
489                    --iconColor: var(--iconColorHover);
490                    --textShadow: var(--textShadowHover);
491                    --borderTop: var(--borderTopHover);
492                    --borderRight: var(--borderRightHover);
493                    --borderBottom: var(--borderBottomHover);
494                    --borderLeft: var(--borderLeftHover);
495                    --borderRadius: var(--borderRadiusHover);
496                    --shadow: var(--shadowHover);
497                    --shadowInner: var(--shadowInnerHover);
498
499                    /* button and image padding hover (same tokens; nested buttons keep propagation guards) */
500                    &.wmc_image,
501                    &.wmc_button,
502                    & .wmc_button:not(.wmcM_noParentHover):not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc) {
503                        --paddingTop: var(--paddingTopHover);
504                        --paddingRight: var(--paddingRightHover);
505                        --paddingBottom: var(--paddingBottomHover);
506                        --paddingLeft: var(--paddingLeftHover);
507                    }
508
509                    /* text component, pieces of text */
510                    /* When component itself is hovered (text component), apply to its text */
511                    &.wmc_text:not(.wmc_buttonText) > .wml *,
512                    & .wmc_text:not(.wmc_buttonText):not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc) > .wml *,
513                    & .wmc_text:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc):is(.wmc_buttonText:is(.wmc_button.wmcA_hoverState .wmc)) > .wml *,
514                    & .wmc_text:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc):is(.wmc_buttonText:is(.wmc_button > .wml:hover .wmc, .wmc_button > .wml:focus .wmc, .wmc_button > .wml:focus-within .wmc)) > .wml *,
515                    & .wmc_button:has(> .wml:hover, > .wml:focus, > .wml:focus-within) .wmc_buttonText:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc) > .wml *,
516                    & .wmc_button:not(.wmcM_noParentHover) > .wml_button .wmc_buttonText:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc) > .wml * {
517                        --fontSize: var(--fontSizeHover);
518                        --fontWeight: var(--fontWeightHover);
519                        --fontStyle: var(--fontStyleHover);
520                        --textColor: var(--textColorHover);
521                        --textDecorationColor: var(--textDecorationColorHover);
522                        --textDecorationLine: var(--textDecorationLineHover);
523                    }
524
525                    &.wmc_icon:not(.wmc_buttonIcon) .wml_icon > i {
526                        --iconSize: var(--iconSizeHover);
527                    }
528                }
529
530                &.wmc_icon:not(.wmc_buttonIcon) .wml_icon > i,
531                & .wmc_icon:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc):is(.wmc_buttonIcon:is(.wmc_button.wmcA_hoverState .wmc)) .wml_icon > i,
532                & .wmc_button:has(> .wml:hover, > .wml:focus, > .wml:focus-within) .wmc_buttonIcon:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc) .wml_icon > i,
533                & .wmc_icon:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc):is(.wmc_buttonIcon:is(.wmc_button > .wml:hover .wmc, .wmc_button > .wml:focus .wmc, .wmc_button > .wml:focus-within .wmc)) > .wml_icon > i,
534                & .wmc_button:not(.wmcM_noParentHover) > .wml_button .wmc_icon:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc) .wml_icon > i,
535                & .wmc_button:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc):is(.wmcA_hoverState .wml_icon > i) {
536                    --iconSize: var(--iconSizeHover);
537                }
538
539                /* &.wmc_button .wmc_icon.wmc_buttonIcon {
540                    --rotate: var(--rotateHover);
541                    --iconColor: var(--iconColorHover);
542                    --opacity: var(--opacityHover);
543                } */
544            }
545        }
546
547        &.wmcA_activeState {
548            .wml,
549            .wml > .wms_background,
550            .wml > .wms_background::after,
551            .wml > .wms_background > .wmc_color_layer,
552            .wml_icon > i,
553            .wmc_text > .wml *,
554            &.wmc_text > .wml * {
555                /*
556                @TODO: with this applied, the transition to active is immediate without animation
557                @TODO: with this left out, the transition to active is animated, but had a little jitter
558                       fixed by also adding a "not active" condition for hover (above)
559                       needs to be checked for other components which have (or will have) active state
560                */
561                /*transition: none;*/
562            }
563
564            &,
565            & .wmc {
566                --bgColor: var(--bgColorActive);
567                --marginTop: var(--marginTopActive);
568                --marginBottom: var(--marginBottomActive);
569                --marginLeft: var(--marginLeftActive);
570                --marginRight: var(--marginRightActive);
571                --offsetLeft: var(--offsetLeftActive);
572                --offsetRight: var(--offsetRightActive);
573                --translate: var(--translateActive);
574                --scale: var(--scaleActive);
575                --rotate: var(--rotateActive);
576                --opacity: var(--opacityActive);
577                --filter: var(--filterActive);
578                --width: var(--widthActive);
579                --height: var(--heightActive);
580                --minWidth: var(--minWidthActive);
581                --minHeight: var(--minHeightActive);
582                --maxWidth: var(--maxWidthActive);
583                --maxHeight: var(--maxHeightActive);
584                --iconColor: var(--iconColorActive);
585
586                --textShadow: var(--textShadowActive);
587
588                --borderTop: var(--borderTopActive);
589                --borderRight: var(--borderRightActive);
590                --borderBottom: var(--borderBottomActive);
591                --borderLeft: var(--borderLeftActive);
592                --borderRadius: var(--borderRadiusActive);
593                --shadow: var(--shadowActive);
594                --shadowInner: var(--shadowInnerActive);
595
596                /* text component, pieces of text */
597                &.wmc_text > .wml * {
598                    --fontSize: var(--fontSizeActive);
599                    --fontWeight: var(--fontWeightActive);
600                    --fontStyle: var(--fontStyleActive);
601                    --textColor: var(--textColorActive);
602                    --textDecoration: var(--textDecorationActive);
603                }
604            }
605        }
606    }
607
608    &.wmcA_noTransition {
609        .wml,
610        .wml > .wms_background,
611        .wml > .wms_background::after,
612        .wml > .wms_background > .wmc_color_layer,
613        .wml_icon > i,
614        .wmc_text > .wml *,
615        &.wmc_text > .wml * {
616            transition: none !important;
617        }
618    }
619}
620
621.wmcM_animateEntry {
622    --transitionDelayMsDesktopEntry: 0;
623    --transitionDurationMsDesktopEntry: 0;
624    --transitionEasingDesktopEntry: var(--transitionEasingPresetEase);
625    --transitionEasingKineticDesktopEntry: var(--transitionEasingPresetEase);
626    --translateDesktopEntry: var(--translateDesktop);
627    --scaleDesktopEntry: var(--scaleDesktop);
628    --rotateDesktopEntry: var(--rotateDesktop);
629    --opacityDesktopEntry: var(--opacityDesktop);
630    --filterDesktopEntry: var(--filterDesktop);
631    --filterDesktopEntryNormal: var(--filterDesktop);
632
633    --transitionDelayMsEntry: var(--transitionDelayMsDesktopEntry);
634    --transitionDurationMsEntry: var(--transitionDurationMsDesktopEntry);
635    --transitionEasingEntry: var(--transitionEasingDesktopEntry);
636    --transitionEasingKineticEntry: var(--transitionEasingKineticDesktopEntry);
637    --translateEntry: var(--translateDesktopEntry);
638    --scaleEntry: var(--scaleDesktopEntry);
639    --rotateEntry: var(--rotateDesktopEntry);
640    --opacityEntry: var(--opacityDesktopEntry);
641    --filterEntry: var(--filterDesktopEntry);
642    --filterEntryNormal: var(--filterDesktopEntryNormal);
643}
644
645.wml {
646    position: relative;
647    pointer-events: auto;
648    grid-column: var(--containerSize);
649    margin-top: var(--marginTop);
650    margin-bottom: var(--marginBottom);
651    margin-left: var(--marginLeft);
652    width: var(--width);
653    height: var(--height);
654    max-width: var(--maxWidth);
655    max-height: var(--maxHeight);
656    min-width: var(--minWidth);
657    min-height: var(--minHeight);
658    z-index: var(--zIndex);
659
660    transition: none;
661    /* filters: brightness, contrast, saturate, grayscale, invert, sepia, blur, drop-shadow, url(#svgFilterId) */
662    filter: var(--filter);
663    /* opacity: could be in the filters too, but it's better to do it with this dedicated css property */
664    opacity: var(--opacity);
665}
666
667.wml:not(.wml_icon) {
668    transform-origin: var(--transformOrigin);
669    transform: var(--translate) var(--scale) var(--rotate);
670}
671
672/* Translate on .wml for selection tracking; scale/rotate on glyph for resize (SMBWMGR20-1637). */
673.wml_icon {
674    transform: var(--translate);
675}
676
677.wml_icon > i {
678    transform-origin: var(--transformOrigin);
679    transform: var(--scale) var(--rotate);
680}
681
682.wml_rows {
683    display: grid;
684    pointer-events: none;
685    grid-template-rows: repeat(48, min-content) 1fr;
686}
687
688.wml_columns {
689    display: grid;
690    pointer-events: none;
691    grid-template-columns: var(--wm_columnsRatios);
692    grid-gap: var(--columnsGap);
693    padding: var(--columnsPadding);
694}
695
696.wmc_section {
697    --containerSize: wm_full;
698}
699
700.wmc_globalContent {
701    --containerSize: wm_full;
702}
703
704.wmc_placeholder {
705    --containerSize: wm_full;
706}
707
708.wmc_shelf {
709    height: min-content;
710    --marginLeft: 0px !important;
711    --minWidth: initial !important;
712    --maxWidth: initial !important;
713    --width: initial !important;
714}
715
716.wmc_columns {
717    height: min-content;
718
719    --columnsPaddingDesktop: 0px;
720    --columnsPadding: var(--columnsPaddingDesktop);
721
722    --columnsGapDesktop: 0px;
723    --columnsGap: var(--columnsGapDesktop);
724
725    --wm_columnsCount: 1;
726    --wm_columnsRatiosSum: var(--wm_columnsCount);
727    --wm_columnsRatios: repeat(var(--wm_columnsCount), 1fr);
728    --wm_columnsWidth: calc(var(--contentWidthPage) - (2 * var(--columnsPadding)) - ((var(--wm_columnsCount) - 1) * var(--columnsGap)));
729
730    --marginLeft: 0px;
731    --minWidth: initial;
732    --width: initial;
733
734    & > .wml {
735        height: min-content;
736        min-height: unset;
737        max-height: unset;
738    }
739}
740
741.wmc_column {
742    --containerSize: wm_full;
743    --columnGridPosition: var(--gridPosition);
744    --columnRatio: 1;
745    --contentWidthColumn: calc(var(--wm_columnsWidth) / var(--wm_columnsRatiosSum) * var(--columnRatio));
746    --contentWidthOverride: var(--contentWidthColumn);
747    grid-area: 1 / var(--gridPosition) / 2 / calc(var(--gridPosition) + 1);
748}
749
750/* apply to "this" cell if and only if any of the sibling cells has a child */
751.wmc_columns:has(> .wml_columns > .wmc_column > .wml > .wmc) > .wml_columns > .wmc_column > .wml {
752    height: initial;
753    min-height: initial;
754    max-height: initial;
755}
756
757.wmc.wmcM_containerSizeFull {
758    --containerSize: wm_full;
759    --marginLeft: 0px;
760    --minWidth: initial;
761    --width: initial;
762    --marginLeftDesktopHover: 0px;
763    --minWidthDesktopHover: initial;
764    --widthDesktopHover: initial;
765    --marginLeftDesktopActive: 0px;
766    --minWidthDesktopActive: initial;
767    --widthDesktopActive: initial;
768
769    &.wmcM_animateHover {
770        --marginLeftDesktopHover: 0px;
771        --minWidthDesktopHover: initial;
772        --widthDesktopHover: initial;
773        --marginLeftDesktopActive: 0px;
774        --minWidthDesktopActive: initial;
775        --widthDesktopActive: initial;
776    }
777}
778
779.wmc.wmcM_containerSizeSafe {
780    --containerSize: wm_content;
781    --marginLeft: 0px;
782    --minWidth: initial;
783    --width: initial;
784
785    &.wmcM_animateHover {
786        --marginLeftDesktopHover: 0px;
787        --minWidthDesktopHover: initial;
788        --widthDesktopHover: initial;
789        --marginLeftDesktopActive: 0px;
790        --minWidthDesktopActive: initial;
791        --widthDesktopActive: initial;
792    }
793}
794
795.wmcM_containerAlignLeft {
796    --containerSpaceLeft: 0;
797}
798
799.wmcM_containerAlignRight {
800    --containerSpaceRight: 0;
801}
802
803.wmcM_knockoutEffect > .wml > .wms_background > .wmc_color_layer {
804    background-color: unset;
805}
806
807.wmcM_knockoutEffect > .wml,
808.wmcM_clipOverflow > .wml {
809    overflow: clip;
810}
811
812.wmcM_glassEffect > .wml > .wms_background > .wmc_color_layer {
813    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)), var(--bgColor);
814    backdrop-filter: blur(var(--glassEffectBlur));
815    -webkit-backdrop-filter: blur(var(--glassEffectBlur));
816}
817
818.wmcM_glassEffect > .wml > .wms_background {
819    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
820}
821
822.wms_background {
823    position: absolute;
824    left: 0;
825    top: 0;
826    right: 0;
827    bottom: 0;
828    overflow: hidden;
829    height: 100%;
830    width: 100%;
831    z-index: auto;
832    box-shadow: var(--shadow);
833    border-top: var(--borderTop);
834    border-right: var(--borderRight);
835    border-bottom: var(--borderBottom);
836    border-left: var(--borderLeft);
837    border-radius: var(--borderRadius);
838
839
840    .wmc {
841        --containerSize: wm_full !important;
842        position: absolute;
843        inset: 0;
844        height: 100%;
845
846        .wml {
847            pointer-events: none;
848        }
849    }
850
851    .wmc_video:has(lite-youtube) {
852        overflow: hidden;
853    }
854
855    .wmc_video lite-youtube > iframe {
856        position: absolute;
857        top: 50%;
858        left: 50%;
859        transform: translate(-50%, -50%);
860        border: 0;
861        opacity: var(--mediaOpacity);
862        pointer-events: none;
863
864        min-width: 100%;
865        min-height: 100%;
866        width: 100vw;
867        height: 56.25vw;
868
869        @media (max-aspect-ratio: 16/9) {
870            width: 177.78vh;
871        }
872    }
873}
874
875.wmc_color_layer {
876    position: absolute;
877    inset: 0;
878    pointer-events: none;
879    background-color: var(--bgColor);
880    opacity: var(--bgColorOpacity);
881    --bgColorOpacityDesktop: 1;
882    --bgColorOpacity: var(--bgColorOpacityDesktop);
883}
884
885/*
886 * Reset the values for real color layers only. These changes break Default Fill if not isolated.
887 * TODO: this is a stopgap keyed off a DOM attribute; a modifier class from
888 *  the blade side (e.g. distinguishing default-fill vs array layers) would
889 *  be the cleaner long-term fix.
890 */
891.wmc_color_layer[data-layer-id] {
892    --bgColorDesktop: initial;
893    --bgColorTablet: initial;
894    --bgColorMobile: initial;
895    --bgColor: var(--bgColorDesktop);
896}
897
898.wms_background::after {
899    content: '';
900    position: absolute;
901    inset: 0;
902    border-radius: var(--borderRadius);
903    box-shadow: var(--shadowInner);
904    pointer-events: none;
905}
906
907.wmc_gradient_layer {
908    position: absolute;
909    inset: 0;
910    pointer-events: none;
911    background: var(--bgGradient);
912    background-size: var(--bgGradientSize, 100% 100%);
913    background-position: var(--bgGradientPosition);
914    opacity: var(--bgGradientOpacity);
915    --bgGradient: var(--bgGradientDesktop);
916    --bgGradientOpacity: var(--bgGradientOpacityDesktop);
917}
918
919
920.wmc_button {
921    --paddingTopDesktop: 0px;
922    --paddingBottomDesktop: 0px;
923    --paddingLeftDesktop: 0px;
924    --paddingRightDesktop: 0px;
925    --paddingTopDesktopHover: var(--paddingTopDesktop);
926    --paddingBottomDesktopHover: var(--paddingBottomDesktop);
927    --paddingLeftDesktopHover: var(--paddingLeftDesktop);
928    --paddingRightDesktopHover: var(--paddingRightDesktop);
929    --flexGapDesktop: 0px;
930    --flexDirectionDesktop: row;
931    --flexAlignItemsDesktop: center;
932    --flexJustifyItemsDesktop: center;
933    --flexJustifyContentDesktop: center;
934
935    --paddingTopHover: var(--paddingTopDesktopHover);
936    --paddingRightHover: var(--paddingRightDesktopHover);
937    --paddingBottomHover: var(--paddingBottomDesktopHover);
938    --paddingLeftHover: var(--paddingLeftDesktopHover);
939
940    --paddingTop: var(--paddingTopDesktop);
941    --paddingBottom: var(--paddingBottomDesktop);
942    --paddingLeft: var(--paddingLeftDesktop);
943    --paddingRight: var(--paddingRightDesktop);
944    --flexGap: var(--flexGapDesktop);
945    --flexDirection: var(--flexDirectionDesktop);
946    --flexAlignItems: var(--flexAlignItemsDesktop);
947    --flexJustifyItems: var(--flexJustifyItemsDesktop);
948    --flexJustifyContent: var(--flexJustifyContentDesktop);
949}
950
951.wml_button {
952    display: grid;
953}
954
955.wmc_button > .wml_button > .wms_button {
956    display: flex;
957    padding: var(--paddingTop) var(--paddingRight) var(--paddingBottom) var(--paddingLeft);
958    gap: var(--flexGap);
959    flex-direction: var(--flexDirection);
960    align-items: var(--flexAlignItems);
961    justify-items: var(--flexJustifyItems);
962    justify-content: var(--flexJustifyContent);
963}
964
965.wml_button > .wms_button > .wmc_text * {
966    line-height: normal;
967    text-align-last: var(--textAlign);
968
969    &.wml :is(
970    div, p, wm-p, h1, h2, h3, h4, h5, h6,
971    .wmcM_paragraph1, .wmcM_paragraph2, .wmcM_paragraph3, .wmcM_paragraph4,
972    .wmcM_heading1, .wmcM_heading2, .wmcM_heading3, .wmcM_heading4, .wmcM_heading5, .wmcM_heading6,
973    .wmcM_title1, .wmcM_title2, .wmcM_title3
974    ):has(span) {
975        --fontSize: 0px;
976        --fontSizeHover: 0px;
977        --fontSizeActive: 0px;
978        --lineHeight: 0px;
979    }
980}
981
982.wml_button > .wms_button > .wmc,
983.wml_button > .wms_button > .wmc > .wml {
984    display: block;
985    width: initial;
986    height: initial;
987    margin: initial;
988}
989
990.wmc_button,
991.wmc_box {
992    /* ??? */
993    --heightDesktop: min-content;
994}
995
996.wmc {
997    --borderTopDesktop: 0px solid transparent;
998    --borderRightDesktop: 0px solid transparent;
999    --borderBottomDesktop: 0px solid transparent;
1000    --borderLeftDesktop: 0px solid transparent;
1001    --borderRadiusDesktop: 0px 0px 0px 0px / 0px 0px 0px 0px;
1002    --shadowDesktop: none;
1003    --shadowInnerDesktop: none;
1004
1005    --wm_maxBorderRadius: 1000vw;
1006
1007    --borderTopDesktopHover: var(--borderTopDesktop);
1008    --borderRightDesktopHover: var(--borderRightDesktop);
1009    --borderBottomDesktopHover: var(--borderBottomDesktop);
1010    --borderLeftDesktopHover: var(--borderLeftDesktop);
1011    --borderRadiusDesktopHover: var(--borderRadiusDesktop);
1012    --shadowDesktopHover: var(--shadowDesktop);
1013    --shadowInnerDesktopHover: var(--shadowInnerDesktop);
1014
1015    --borderTopDesktopActive: var(--borderTopDesktopHover);
1016    --borderRightDesktopActive: var(--borderRightDesktopHover);
1017    --borderBottomDesktopActive: var(--borderBottomDesktopHover);
1018    --borderLeftDesktopActive: var(--borderLeftDesktopHover);
1019    --borderRadiusDesktopActive: var(--borderRadiusDesktopHover);
1020    --shadowDesktopActive: var(--shadowDesktopHover);
1021    --shadowInnerDesktopActive: var(--shadowInnerDesktopHover);
1022
1023    --borderTop: var(--borderTopDesktop);
1024    --borderRight: var(--borderRightDesktop);
1025    --borderBottom: var(--borderBottomDesktop);
1026    --borderLeft: var(--borderLeftDesktop);
1027    --borderRadius: var(--borderRadiusDesktop);
1028    --shadow: var(--shadowDesktop);
1029    --shadowInner: var(--shadowInnerDesktop);
1030
1031    --borderTopHover: var(--borderTopDesktopHover);
1032    --borderRightHover: var(--borderRightDesktopHover);
1033    --borderBottomHover: var(--borderBottomDesktopHover);
1034    --borderLeftHover: var(--borderLeftDesktopHover);
1035    --borderRadiusHover: var(--borderRadiusDesktopHover);
1036    --shadowHover: var(--shadowDesktopHover);
1037    --shadowInnerHover: var(--shadowInnerDesktopHover);
1038
1039    --borderTopActive: var(--borderTopDesktopActive);
1040    --borderRightActive: var(--borderRightDesktopActive);
1041    --borderBottomActive: var(--borderBottomDesktopActive);
1042    --borderLeftActive: var(--borderLeftDesktopActive);
1043    --borderRadiusActive: var(--borderRadiusDesktopActive);
1044    --shadowActive: var(--shadowDesktopActive);
1045    --shadowInnerActive: var(--shadowInnerDesktopActive);
1046}
1047
1048.wmc_box > .wml_box {
1049    display: grid;
1050    pointer-events: none;
1051}
1052
1053.wmc_box > .wml_box.wmsM_hasBoxLink {
1054    pointer-events: auto;
1055    cursor: pointer;
1056}
1057
1058.wms_box-link {
1059    position: absolute;
1060    inset: 0;
1061    z-index: 1;
1062    text-decoration: none;
1063    color: inherit;
1064}
1065
1066.wmc_icon {
1067    --iconSizeDesktop: 1.5rem;
1068    --iconSizeDesktopHover: 1.5rem;
1069    --iconColorDesktop: rgba(var(--colorBwGradientA), 1);
1070    --iconColorDesktopHover: var(--iconColorDesktop);
1071    --iconColorDesktopActive: var(--iconColorDesktopHover);
1072    --iconSize: var(--iconSizeDesktop);
1073    --iconSizeHover: var(--iconSizeDesktopHover);
1074    --iconColor: var(--iconColorDesktop);
1075    --iconColorHover: var(--iconColorDesktopHover);
1076    --iconColorActive: var(--iconColorDesktopActive);
1077}
1078
1079.wml_icon {
1080    display: grid;
1081    place-items: center;
1082}
1083
1084.wml_icon > i {
1085    display: block;
1086    font-size: 0;
1087    background-color: var(--iconColor);
1088    width: var(--iconSize);
1089    height: var(--iconSize);
1090}
1091
1092.wmcM_hideVisuallyHidden {
1093    & form label:not(:has(input[type="checkbox"], input[type="radio"], input[type="submit"])) {
1094        width: 1px !important;
1095        height: 1px !important;
1096        padding: 0 !important;
1097        margin: -1px !important;
1098        overflow: hidden !important;
1099        clip: rect(0, 0, 0, 0) !important;
1100        white-space: nowrap !important;
1101        border: 0 !important;
1102        position: absolute !important;
1103    }
1104}
1105
1106@media all and (width < 1040px) {
1107    .wmc {
1108        --bgColorTablet: var(--bgColorDesktop);
1109        --marginTopTablet: 0px;
1110        --marginBottomTablet: 0px;
1111        --marginLeftTablet: 0px;
1112        --marginRightTablet: 0px;
1113        --offsetLeftTablet: 0px;
1114        --offsetRightTablet: 0px;
1115        --widthTablet: initial;
1116        --heightTablet: initial;
1117        --maxWidthTablet: initial;
1118        --maxHeightTablet: initial;
1119        --minWidthTablet: initial;
1120        /*--minHeightTablet: var(--wm_minHeight);*/
1121        --minHeightTablet: var(--minHeightFallback, var(--wm_minHeight));
1122        --transformOriginTablet: var(--transformOriginDesktop);
1123        --translateTablet: var(--translateDesktop);
1124        --scaleTablet: var(--scaleDesktop);
1125        --rotateTablet: var(--rotateDesktop);
1126        --opacityTablet: var(--opacityDesktop);
1127        --filterTablet: var(--filterDesktop);
1128        --glassEffectBlurTablet: var(--glassEffectBlurDesktop);
1129
1130        --bgColor: var(--bgColorTablet);
1131        --marginTop: var(--marginTopTablet);
1132        --marginBottom: var(--marginBottomTablet);
1133        --marginLeft: var(--marginLeftTablet);
1134        --marginRight: var(--marginRightTablet);
1135        --offsetLeft: var(--offsetLeftTablet);
1136        --offsetRight: var(--offsetRightTablet);
1137        --width: var(--widthTablet);
1138        --height: var(--heightTablet);
1139        --maxWidth: var(--maxWidthTablet);
1140        --maxHeight: var(--maxHeightTablet);
1141        --minWidth: var(--minWidthTablet);
1142        --minHeight: var(--minHeightTablet);
1143        --transformOrigin: var(--transformOriginTablet);
1144        --translate: var(--translateTablet);
1145        --scale: var(--scaleTablet);
1146        --rotate: var(--rotateTablet);
1147        --opacity: var(--opacityTablet);
1148        --filter: var(--filterTablet);
1149        --glassEffectBlur: var(--glassEffectBlurTablet);
1150
1151        --gridPositionTablet: auto;
1152        --gridPosition: var(--gridPositionTablet);
1153
1154        --contentWidthPage: var(--wm_tabletWidth);
1155
1156        /* Scroll Behavior Variables - Tablet */
1157        --stickyOffsetTablet: none;
1158        --trailingAnchorIdTablet: none;
1159        --revealThresholdTablet: none;
1160        --scrollBehaviorTablet: none;
1161
1162        --stickyOffset: var(--stickyOffsetTablet);
1163        --trailingAnchorId: var(--trailingAnchorIdTablet);
1164        --revealThreshold: var(--revealThresholdTablet);
1165        --scrollBehavior: var(--scrollBehaviorTablet);
1166
1167        /* Fixed elements variables */
1168        --fixedHorizontalAlignmentTablet: var(--fixedHorizontalAlignmentDesktop);
1169        --fixedVerticalAlignmentTablet: var(--fixedVerticalAlignmentDesktop);
1170        --fixedHorizontalOffsetTablet: var(--fixedHorizontalOffsetDesktop);
1171        --fixedVerticalOffsetTablet: var(--fixedVerticalOffsetDesktop);
1172
1173        --fixedHorizontalAlignment: var(--fixedHorizontalAlignmentTablet);
1174        --fixedVerticalAlignment: var(--fixedVerticalAlignmentTablet);
1175        --fixedHorizontalOffset: var(--fixedHorizontalOffsetTablet);
1176        --fixedVerticalOffset: var(--fixedVerticalOffsetTablet);
1177    }
1178
1179    .wmcM_animateHover {
1180        --transitionDurationMsTabletHover: var(--transitionDurationMsDesktopHover);
1181        --transitionEasingTabletHover: var(--transitionEasingDesktopHover);
1182        --transitionEasingKineticTabletHover: var(--transitionEasingKineticDesktopHover);
1183
1184        --transitionDurationMsHover: var(--transitionDurationMsTabletHover);
1185        --transitionEasingHover: var(--transitionEasingTabletHover);
1186        --transitionEasingKineticHover: var(--transitionEasingKineticTabletHover);
1187
1188        &,
1189        & .wmc {
1190            --bgColorTabletHover: var(--bgColorDesktopHover);
1191            --marginTopTabletHover: var(--marginTopTablet);
1192            --marginBottomTabletHover: var(--marginBottomTablet);
1193            --marginLeftTabletHover: var(--marginLeftTablet);
1194            --marginRightTabletHover: var(--marginRightTablet);
1195            --offsetLeftTabletHover: var(--offsetLeftTablet);
1196            --offsetRightTabletHover: var(--offsetRightTablet);
1197            --widthTabletHover: var(--widthTablet);
1198            --heightTabletHover: var(--heightTablet);
1199            --maxWidthTabletHover: var(--maxWidthTablet);
1200            --maxHeightTabletHover: var(--maxHeightTablet);
1201            --minWidthTabletHover: var(--minWidthTablet);
1202            --minHeightTabletHover: var(--minHeightTablet);
1203            --translateTabletHover: var(--translateDesktopHover);
1204            --scaleTabletHover: var(--scaleDesktopHover);
1205            --rotateTabletHover: var(--rotateDesktopHover);
1206            --opacityTabletHover: var(--opacityDesktopHover);
1207            --filterTabletHover: var(--filterDesktopHover);
1208
1209            --bgColorHover: var(--bgColorTabletHover);
1210            --marginTopHover: var(--marginTopTabletHover);
1211            --marginBottomHover: var(--marginBottomTabletHover);
1212            --marginLeftHover: var(--marginLeftTabletHover);
1213            --marginRightHover: var(--marginRightTabletHover);
1214            --offsetLeftHover: var(--offsetLeftTabletHover);
1215            --offsetRightHover: var(--offsetRightTabletHover);
1216            --widthHover: var(--widthTabletHover);
1217            --heightHover: var(--heightTabletHover);
1218            --maxWidthHover: var(--maxWidthTabletHover);
1219            --maxHeightHover: var(--maxHeightTabletHover);
1220            --minWidthHover: var(--minWidthTabletHover);
1221            --minHeightHover: var(--minHeightTabletHover);
1222            --translateHover: var(--translateTabletHover);
1223            --scaleHover: var(--scaleTabletHover);
1224            --rotateHover: var(--rotateTabletHover);
1225            --opacityHover: var(--opacityTabletHover);
1226            --filterHover: var(--filterTabletHover);
1227
1228            --bgColorTabletActive: var(--bgColorTabletHover);
1229            --marginTopTabletActive: var(--marginTopTabletHover);
1230            --marginBottomTabletActive: var(--marginBottomTabletHover);
1231            --marginLeftTabletActive: var(--marginLeftTabletHover);
1232            --marginRightTabletActive: var(--marginRightTabletHover);
1233            --offsetLeftTabletActive: var(--offsetLeftTabletHover);
1234            --offsetRightTabletActive: var(--offsetRightTabletHover);
1235            --widthTabletActive: var(--widthTabletHover);
1236            --heightTabletActive: var(--heightTabletHover);
1237            --maxWidthTabletActive: var(--maxWidthTabletHover);
1238            --maxHeightTabletActive: var(--maxHeightTabletHover);
1239            --minWidthTabletActive: var(--minWidthTabletHover);
1240            --minHeightTabletActive: var(--minHeightTabletHover);
1241            --translateTabletActive: var(--translateTabletHover);
1242            --scaleTabletActive: var(--scaleTabletHover);
1243            --rotateTabletActive: var(--rotateTabletHover);
1244            --opacityTabletActive: var(--opacityTabletHover);
1245            --filterTabletActive: var(--filterTabletHover);
1246
1247            --bgColorActive: var(--bgColorTabletActive);
1248            --marginTopActive: var(--marginTopTabletActive);
1249            --marginBottomActive: var(--marginBottomTabletActive);
1250            --marginLeftActive: var(--marginLeftTabletActive);
1251            --marginRightActive: var(--marginRightTabletActive);
1252            --offsetLeftActive: var(--offsetLeftTabletActive);
1253            --offsetRightActive: var(--offsetRightTabletActive);
1254            --widthActive: var(--widthTabletActive);
1255            --heightActive: var(--heightTabletActive);
1256            --maxWidthActive: var(--maxWidthTabletActive);
1257            --maxHeightActive: var(--maxHeightTabletActive);
1258            --minWidthActive: var(--minWidthTabletActive);
1259            --minHeightActive: var(--minHeightTabletActive);
1260            --translateActive: var(--translateTabletActive);
1261            --scaleActive: var(--scaleTabletActive);
1262            --rotateActive: var(--rotateTabletActive);
1263            --opacityActive: var(--opacityTabletActive);
1264            --filterActive: var(--filterTabletActive);
1265        }
1266    }
1267
1268    .wmcM_animateEntry {
1269        --transitionDelayMsTabletEntry: var(--transitionDelayMsDesktopEntry);
1270        --transitionDurationMsTabletEntry: var(--transitionDurationMsDesktopEntry);
1271        --transitionEasingTabletEntry: var(--transitionEasingDesktopEntry);
1272        --transitionEasingKineticTabletEntry: var(--transitionEasingKineticDesktopEntry);
1273        --translateTabletEntry: var(--translateDesktopEntry);
1274        --scaleTabletEntry: var(--scaleDesktopEntry);
1275        --rotateTabletEntry: var(--rotateDesktopEntry);
1276        --opacityTabletEntry: var(--opacityDesktopEntry);
1277        --filterTabletEntry: var(--filterDesktopEntry);
1278        --filterTabletEntryNormal: var(--filterDesktopEntryNormal);
1279
1280        --transitionDelayMsEntry: var(--transitionDelayMsTabletEntry);
1281        --transitionDurationMsEntry: var(--transitionDurationMsTabletEntry);
1282        --transitionEasingEntry: var(--transitionEasingTabletEntry);
1283        --transitionEasingKineticEntry: var(--transitionEasingKineticTabletEntry);
1284        --translateEntry: var(--translateTabletEntry);
1285        --scaleEntry: var(--scaleTabletEntry);
1286        --rotateEntry: var(--rotateTabletEntry);
1287        --opacityEntry: var(--opacityTabletEntry);
1288        --filterEntry: var(--filterTabletEntry);
1289        --filterEntryNormal: var(--filterTabletEntryNormal);
1290    }
1291
1292    .wmc_columns {
1293        --columnsPaddingTablet: 0px;
1294        --columnsPadding: var(--columnsPaddingTablet);
1295        --columnsGapTablet: 0px;
1296        --columnsGap: var(--columnsGapTablet);
1297    }
1298
1299    .wmc_button {
1300        --paddingTopTablet: var(--paddingTopDesktop);
1301        --paddingBottomTablet: var(--paddingBottomDesktop);
1302        --paddingLeftTablet: var(--paddingLeftDesktop);
1303        --paddingRightTablet: var(--paddingRightDesktop);
1304        --paddingTopTabletHover: var(--paddingTopDesktopHover);
1305        --paddingBottomTabletHover: var(--paddingBottomDesktopHover);
1306        --paddingLeftTabletHover: var(--paddingLeftDesktopHover);
1307        --paddingRightTabletHover: var(--paddingRightDesktopHover);
1308        --flexGapTablet: var(--flexGapDesktop);
1309        --flexDirectionTablet: var(--flexDirectionDesktop);
1310        --flexAlignItemsTablet: var(--flexAlignItemsDesktop);
1311        --flexJustifyItemsTablet: var(--flexJustifyItemsDesktop);
1312        --flexJustifyContentTablet: var(--flexJustifyContentDesktop);
1313
1314        --paddingTopHover: var(--paddingTopTabletHover);
1315        --paddingRightHover: var(--paddingRightTabletHover);
1316        --paddingBottomHover: var(--paddingBottomTabletHover);
1317        --paddingLeftHover: var(--paddingLeftTabletHover);
1318
1319        --paddingTop: var(--paddingTopTablet);
1320        --paddingBottom: var(--paddingBottomTablet);
1321        --paddingLeft: var(--paddingLeftTablet);
1322        --paddingRight: var(--paddingRightTablet);
1323        --flexGap: var(--flexGapTablet);
1324        --flexDirection: var(--flexDirectionTablet);
1325        --flexAlignItems: var(--flexAlignItemsTablet);
1326        --flexJustifyItems: var(--flexJustifyItemsTablet);
1327        --flexJustifyContent: var(--flexJustifyContentTablet);
1328    }
1329
1330    .wmc_button,
1331    .wmc_box {
1332        /* ??? */
1333        --heightTablet: min-content;
1334    }
1335
1336    .wmc {
1337        --borderTopTablet: var(--borderTopDesktop);
1338        --borderRightTablet: var(--borderRightDesktop);
1339        --borderBottomTablet: var(--borderBottomDesktop);
1340        --borderLeftTablet: var(--borderLeftDesktop);
1341        --borderRadiusTablet: var(--borderRadiusDesktop);
1342        --shadowTablet: var(--shadowDesktop);
1343        --shadowInnerTablet: var(--shadowInnerDesktop);
1344
1345        --borderTopTabletHover: var(--borderTopDesktopHover);
1346        --borderRightTabletHover: var(--borderRightDesktopHover);
1347        --borderBottomTabletHover: var(--borderBottomDesktopHover);
1348        --borderLeftTabletHover: var(--borderLeftDesktopHover);
1349        --borderRadiusTabletHover: var(--borderRadiusDesktopHover);
1350        --shadowTabletHover: var(--shadowDesktopHover);
1351        --shadowInnerTabletHover: var(--shadowInnerDesktopHover);
1352
1353        --borderTopTabletActive: var(--borderTopTabletHover);
1354        --borderRightTabletActive: var(--borderRightTabletHover);
1355        --borderBottomTabletActive: var(--borderBottomTabletHover);
1356        --borderLeftTabletActive: var(--borderLeftTabletHover);
1357        --borderRadiusTabletActive: var(--borderRadiusTabletHover);
1358        --shadowTabletActive: var(--shadowTabletHover);
1359        --shadowInnerTabletActive: var(--shadowInnerTabletHover);
1360
1361        --borderTop: var(--borderTopTablet);
1362        --borderRight: var(--borderRightTablet);
1363        --borderBottom: var(--borderBottomTablet);
1364        --borderLeft: var(--borderLeftTablet);
1365        --borderRadius: var(--borderRadiusTablet);
1366        --shadow: var(--shadowTablet);
1367        --shadowInner: var(--shadowInnerTablet);
1368
1369        --borderTopHover: var(--borderTopTabletHover);
1370        --borderRightHover: var(--borderRightTabletHover);
1371        --borderBottomHover: var(--borderBottomTabletHover);
1372        --borderLeftHover: var(--borderLeftTabletHover);
1373        --borderRadiusHover: var(--borderRadiusTabletHover);
1374        --shadowHover: var(--shadowTabletHover);
1375        --shadowInnerHover: var(--shadowInnerTabletHover);
1376
1377        --borderTopActive: var(--borderTopTabletActive);
1378        --borderRightActive: var(--borderRightTabletActive);
1379        --borderBottomActive: var(--borderBottomTabletActive);
1380        --borderLeftActive: var(--borderLeftTabletActive);
1381        --borderRadiusActive: var(--borderRadiusTabletActive);
1382        --shadowActive: var(--shadowTabletActive);
1383        --shadowInnerActive: var(--shadowInnerTabletActive);
1384    }
1385
1386    .wmc_icon {
1387        --iconSizeTablet: var(--iconSizeDesktop);
1388        --iconSizeTabletHover: var(--iconSizeDesktopHover);
1389        --iconColorTablet: var(--iconColorDesktop);
1390        --iconColorTabletHover: var(--iconColorDesktopHover);
1391        --iconColorTabletActive: var(--iconColorTabletHover);
1392        --iconSize: var(--iconSizeTablet);
1393        --iconSizeHover: var(--iconSizeTabletHover);
1394        --iconColor: var(--iconColorTablet);
1395        --iconColorHover: var(--iconColorTabletHover);
1396        --iconColorActive: var(--iconColorTabletActive);
1397    }
1398}
1399
1400@media all and (650px <= width < 1040px) {
1401    .wmc.wmcM_containerSizeFull:not(.wmcM_containerSizeContainer--tablet),
1402    .wmc.wmcM_containerSizeFull--tablet {
1403        --containerSize: wm_full;
1404        --marginLeft: 0px;
1405        --minWidth: initial;
1406        --width: initial;
1407        --marginLeftDesktopHover: 0px;
1408        --minWidthDesktopHover: initial;
1409        --widthDesktopHover: initial;
1410        --marginLeftDesktopActive: 0px;
1411        --minWidthDesktopActive: initial;
1412        --widthDesktopActive: initial;
1413
1414        &.wmcM_animateHover {
1415            --marginLeftTabletHover: 0px;
1416            --minWidthTabletHover: initial;
1417            --widthTabletHover: initial;
1418            --marginLeftTabletActive: 0px;
1419            --minWidthTabletActive: initial;
1420            --widthTabletActive: initial;
1421        }
1422    }
1423
1424    .wmc.wmcM_containerSizeContainer--tablet {
1425        --containerSize: wm_content;
1426        --marginLeft: var(--marginLeftTablet);
1427        --minWidth: var(--minWidthTablet);
1428        --width: var(--widthTablet);
1429
1430        &.wmcM_animateHover {
1431            --marginLeftTabletHover: var(--marginLeftTablet);
1432            --minWidthTabletHover: var(--minWidthTablet);
1433            --widthTabletHover: var(--widthTablet);
1434            --marginLeftTabletActive: var(--marginLeftTabletHover);
1435            --minWidthTabletActive: var(--minWidthTabletHover);
1436            --widthTabletActive: var(--widthTabletHover);
1437        }
1438    }
1439
1440    .wmc_color_layer {
1441        --bgColorOpacityTablet: var(--bgColorOpacityDesktop);
1442        --bgColorOpacity: var(--bgColorOpacityTablet);
1443    }
1444
1445    .wmc_color_layer[data-layer-id] {
1446        --bgColorTablet: var(--bgColorDesktop);
1447        --bgColor: var(--bgColorTablet);
1448    }
1449
1450    .wmc_gradient_layer {
1451        --bgGradientTablet: var(--bgGradientDesktop);
1452        --bgGradientOpacityTablet: var(--bgGradientOpacityDesktop);
1453        --bgGradient: var(--bgGradientTablet);
1454        --bgGradientOpacity: var(--bgGradientOpacityTablet);
1455    }
1456}
1457
1458
1459@media all and (width < 650px) {
1460    .wmc {
1461        --bgColorMobile: var(--bgColorDesktop);
1462        --marginTopMobile: 0px;
1463        --marginBottomMobile: 0px;
1464        --marginLeftMobile: 0px;
1465        --marginRightMobile: 0px;
1466        --offsetLeftMobile: 0px;
1467        --offsetRightMobile: 0px;
1468        --widthMobile: initial;
1469        --heightMobile: initial;
1470        --maxWidthMobile: initial;
1471        --maxHeightMobile: initial;
1472        --minWidthMobile: initial;
1473        /*--minHeightMobile: var(--wm_minHeight);*/
1474        --minHeightMobile: var(--minHeightFallback, var(--wm_minHeight));
1475        --transformOriginMobile: var(--transformOriginDesktop);
1476        --translateMobile: var(--translateDesktop);
1477        --scaleMobile: var(--scaleDesktop);
1478        --rotateMobile: var(--rotateDesktop);
1479        --opacityMobile: var(--opacityDesktop);
1480        --filterMobile: var(--filterDesktop);
1481        --glassEffectBlurMobile: var(--glassEffectBlurTablet);
1482
1483        --bgColor: var(--bgColorMobile);
1484        --marginTop: var(--marginTopMobile);
1485        --marginBottom: var(--marginBottomMobile);
1486        --marginLeft: var(--marginLeftMobile);
1487        --marginRight: var(--marginRightMobile);
1488        --offsetLeft: var(--offsetLeftMobile);
1489        --offsetRight: var(--offsetRightMobile);
1490        --width: var(--widthMobile);
1491        --height: var(--heightMobile);
1492        --maxWidth: var(--maxWidthMobile);
1493        --maxHeight: var(--maxHeightMobile);
1494        --minWidth: var(--minWidthMobile);
1495        --minHeight: var(--minHeightMobile);
1496        --transformOrigin: var(--transformOriginMobile);
1497        --translate: var(--translateMobile);
1498        --scale: var(--scaleMobile);
1499        --rotate: var(--rotateMobile);
1500        --opacity: var(--opacityMobile);
1501        --filter: var(--filterMobile);
1502        --glassEffectBlur: var(--glassEffectBlurMobile);
1503
1504        --gridPositionMobile: auto;
1505        --gridPosition: var(--gridPositionMobile);
1506
1507        --contentWidthPage: var(--wm_mobileWidth);
1508        --contentWidthOverride: unset;
1509
1510        /* Scroll Behavior Variables - Mobile */
1511        --stickyOffsetMobile: none;
1512        --trailingAnchorIdMobile: none;
1513        --revealThresholdMobile: none;
1514        --scrollBehaviorMobile: none;
1515
1516        --stickyOffset: var(--stickyOffsetMobile);
1517        --trailingAnchorId: var(--trailingAnchorIdMobile);
1518        --revealThreshold: var(--revealThresholdMobile);
1519        --scrollBehavior: var(--scrollBehaviorMobile);
1520
1521        grid-area: var(--gridPosition) / 1 / calc(var(--gridPosition) + 1) / 2;
1522    }
1523
1524    .wmcM_animateHover {
1525        --transitionDurationMsMobileHover: var(--transitionDurationMsDesktopHover);
1526        --transitionEasingMobileHover: var(--transitionEasingDesktopHover);
1527        --transitionEasingKineticMobileHover: var(--transitionEasingKineticDesktopHover);
1528
1529        --transitionDurationMsHover: var(--transitionDurationMsMobileHover);
1530        --transitionEasingHover: var(--transitionEasingMobileHover);
1531        --transitionEasingKineticHover: var(--transitionEasingKineticMobileHover);
1532
1533        &,
1534        & .wmc {
1535            --bgColorMobileHover: var(--bgColorDesktopHover);
1536            --marginTopMobileHover: var(--marginTopMobile);
1537            --marginBottomMobileHover: var(--marginBottomMobile);
1538            --marginLeftMobileHover: var(--marginLeftMobile);
1539            --marginRightMobileHover: var(--marginRightMobile);
1540            --offsetLeftMobileHover: var(--offsetLeftMobile);
1541            --offsetRightMobileHover: var(--offsetRightMobile);
1542            --widthMobileHover: var(--widthMobile);
1543            --heightMobileHover: var(--heightMobile);
1544            --maxWidthMobileHover: var(--maxWidthMobile);
1545            --maxHeightMobileHover: var(--maxHeightMobile);
1546            --minWidthMobileHover: var(--minWidthMobile);
1547            --minHeightMobileHover: var(--minHeightMobile);
1548            --translateMobileHover: var(--translateDesktopHover);
1549            --scaleMobileHover: var(--scaleDesktopHover);
1550            --rotateMobileHover: var(--rotateDesktopHover);
1551            --opacityMobileHover: var(--opacityDesktopHover);
1552            --filterMobileHover: var(--filterDesktopHover);
1553
1554            --bgColorHover: var(--bgColorMobileHover);
1555            --marginTopHover: var(--marginTopMobileHover);
1556            --marginBottomHover: var(--marginBottomMobileHover);
1557            --marginLeftHover: var(--marginLeftMobileHover);
1558            --marginRightHover: var(--marginRightMobileHover);
1559            --offsetLeftHover: var(--offsetLeftMobileHover);
1560            --offsetRightHover: var(--offsetRightMobileHover);
1561            --widthHover: var(--widthMobileHover);
1562            --heightHover: var(--heightMobileHover);
1563            --maxWidthHover: var(--maxWidthMobileHover);
1564            --maxHeightHover: var(--maxHeightMobileHover);
1565            --minWidthHover: var(--minWidthMobileHover);
1566            --minHeightHover: var(--minHeightMobileHover);
1567            --translateHover: var(--translateMobileHover);
1568            --scaleHover: var(--scaleMobileHover);
1569            --rotateHover: var(--rotateMobileHover);
1570            --opacityHover: var(--opacityMobileHover);
1571            --filterHover: var(--filterMobileHover);
1572
1573            --bgColorMobileActive: var(--bgColorMobileHover);
1574            --marginTopMobileActive: var(--marginTopMobileHover);
1575            --marginBottomMobileActive: var(--marginBottomMobileHover);
1576            --marginLeftMobileActive: var(--marginLeftMobileHover);
1577            --marginRightMobileActive: var(--marginRightMobileHover);
1578            --offsetLeftMobileActive: var(--offsetLeftMobileHover);
1579            --offsetRightMobileActive: var(--offsetRightMobileHover);
1580            --widthMobileActive: var(--widthMobileHover);
1581            --heightMobileActive: var(--heightMobileHover);
1582            --maxWidthMobileActive: var(--maxWidthMobileHover);
1583            --maxHeightMobileActive: var(--maxHeightMobileHover);
1584            --minWidthMobileActive: var(--minWidthMobileHover);
1585            --minHeightMobileActive: var(--minHeightMobileHover);
1586            --translateMobileActive: var(--translateMobileHover);
1587            --scaleMobileActive: var(--scaleMobileHover);
1588            --rotateMobileActive: var(--rotateMobileHover);
1589            --opacityMobileActive: var(--opacityMobileHover);
1590            --filterMobileActive: var(--filterMobileHover);
1591
1592            --bgColorActive: var(--bgColorMobileActive);
1593            --marginTopActive: var(--marginTopMobileActive);
1594            --marginBottomActive: var(--marginBottomMobileActive);
1595            --marginLeftActive: var(--marginLeftMobileActive);
1596            --marginRightActive: var(--marginRightMobileActive);
1597            --offsetLeftActive: var(--offsetLeftMobileActive);
1598            --offsetRightActive: var(--offsetRightMobileActive);
1599            --widthActive: var(--widthMobileActive);
1600            --heightActive: var(--heightMobileActive);
1601            --maxWidthActive: var(--maxWidthMobileActive);
1602            --maxHeightActive: var(--maxHeightMobileActive);
1603            --minWidthActive: var(--minWidthMobileActive);
1604            --minHeightActive: var(--minHeightMobileActive);
1605            --translateActive: var(--translateMobileActive);
1606            --scaleActive: var(--scaleMobileActive);
1607            --rotateActive: var(--rotateMobileActive);
1608            --opacityActive: var(--opacityMobileActive);
1609            --filterActive: var(--filterMobileActive);
1610        }
1611    }
1612
1613    .wmcM_animateEntry {
1614        --transitionDelayMsMobileEntry: var(--transitionDelayMsDesktopEntry);
1615        --transitionDurationMsMobileEntry: var(--transitionDurationMsDesktopEntry);
1616        --transitionEasingMobileEntry: var(--transitionEasingDesktopEntry);
1617        --transitionEasingKineticMobileEntry: var(--transitionEasingKineticDesktopEntry);
1618        --translateMobileEntry: var(--translateDesktopEntry);
1619        --scaleMobileEntry: var(--scaleDesktopEntry);
1620        --rotateMobileEntry: var(--rotateDesktopEntry);
1621        --opacityMobileEntry: var(--opacityDesktopEntry);
1622        --filterMobileEntry: var(--filterDesktopEntry);
1623        --filterMobileEntryNormal: var(--filterDesktopEntryNormal);
1624
1625        --transitionDelayMsEntry: var(--transitionDelayMsMobileEntry);
1626        --transitionDurationMsEntry: var(--transitionDurationMsMobileEntry);
1627        --transitionEasingEntry: var(--transitionEasingMobileEntry);
1628        --transitionEasingKineticEntry: var(--transitionEasingKineticMobileEntry);
1629        --translateEntry: var(--translateMobileEntry);
1630        --scaleEntry: var(--scaleMobileEntry);
1631        --rotateEntry: var(--rotateMobileEntry);
1632        --opacityEntry: var(--opacityMobileEntry);
1633        --filterEntry: var(--filterMobileEntry);
1634        --filterEntryNormal: var(--filterMobileEntryNormal);
1635    }
1636
1637    .wmc_columns {
1638        --columnsPaddingMobile: 0px;
1639        --columnsPadding: var(--columnsPaddingMobile);
1640        --columnsGapMobile: 0px;
1641        --columnsGap: var(--columnsGapMobile);
1642    }
1643
1644    .wml_columns {
1645        grid-template-columns: unset;
1646    }
1647
1648    .wmc.wmcM_containerSizeFull:not(.wmcM_containerSizeContainer--mobile),
1649    .wmc.wmcM_containerSizeFull--mobile {
1650        --containerSize: wm_full;
1651        --marginLeft: 0px;
1652        --minWidth: initial;
1653        --width: initial;
1654        --marginLeftDesktopHover: 0px;
1655        --minWidthDesktopHover: initial;
1656        --widthDesktopHover: initial;
1657        --marginLeftDesktopActive: 0px;
1658        --minWidthDesktopActive: initial;
1659        --widthDesktopActive: initial;
1660
1661        &.wmcM_animateHover {
1662            --marginLeftMobileHover: 0px;
1663            --minWidthMobileHover: initial;
1664            --widthMobileHover: initial;
1665            --marginLeftMobileActive: 0px;
1666            --minWidthMobileActive: initial;
1667            --widthMobileActive: initial;
1668        }
1669    }
1670
1671    .wmc.wmcM_containerSizeContainer--mobile {
1672        --containerSize: wm_content;
1673        --marginLeft: var(--marginLeftMobile);
1674        --minWidth: var(--minWidthMobile);
1675        --width: var(--widthMobile);
1676
1677        &.wmcM_animateHover {
1678            --marginLeftMobileHover: var(--marginLeftMobile);
1679            --minWidthMobileHover: var(--minWidthMobile);
1680            --widthMobileHover: var(--widthMobile);
1681            --marginLeftMobileActive: var(--marginLeftMobileHover);
1682            --minWidthMobileActive: var(--minWidthMobileHover);
1683            --widthMobileActive: var(--widthMobileHover);
1684        }
1685    }
1686
1687    .wmc_button {
1688        --paddingTopMobile: var(--paddingTopDesktop);
1689        --paddingBottomMobile: var(--paddingBottomDesktop);
1690        --paddingLeftMobile: var(--paddingLeftDesktop);
1691        --paddingRightMobile: var(--paddingRightDesktop);
1692        --paddingTopMobileHover: var(--paddingTopDesktopHover);
1693        --paddingBottomMobileHover: var(--paddingBottomDesktopHover);
1694        --paddingLeftMobileHover: var(--paddingLeftDesktopHover);
1695        --paddingRightMobileHover: var(--paddingRightDesktopHover);
1696        --flexGapMobile: var(--flexGapDesktop);
1697        --flexDirectionMobile: var(--flexDirectionDesktop);
1698        --flexAlignItemsMobile: var(--flexAlignItemsDesktop);
1699        --flexJustifyItemsMobile: var(--flexJustifyItemsDesktop);
1700        --flexJustifyContentMobile: var(--flexJustifyContentDesktop);
1701
1702        --paddingTopHover: var(--paddingTopMobileHover);
1703        --paddingRightHover: var(--paddingRightMobileHover);
1704        --paddingBottomHover: var(--paddingBottomMobileHover);
1705        --paddingLeftHover: var(--paddingLeftMobileHover);
1706
1707        --paddingTop: var(--paddingTopMobile);
1708        --paddingBottom: var(--paddingBottomMobile);
1709        --paddingLeft: var(--paddingLeftMobile);
1710        --paddingRight: var(--paddingRightMobile);
1711        --flexGap: var(--flexGapMobile);
1712        --flexDirection: var(--flexDirectionMobile);
1713        --flexAlignItems: var(--flexAlignItemsMobile);
1714        --flexJustifyItems: var(--flexJustifyItemsMobile);
1715        --flexJustifyContent: var(--flexJustifyContentMobile);
1716    }
1717
1718    .wmc_button,
1719    .wmc_box {
1720        /* ??? */
1721        --heightMobile: min-content;
1722    }
1723
1724    .wmc {
1725        --borderTopMobile: var(--borderTopDesktop);
1726        --borderRightMobile: var(--borderRightDesktop);
1727        --borderBottomMobile: var(--borderBottomDesktop);
1728        --borderLeftMobile: var(--borderLeftDesktop);
1729        --borderRadiusMobile: var(--borderRadiusDesktop);
1730        --shadowMobile: var(--shadowDesktop);
1731        --shadowInnerMobile: var(--shadowInnerDesktop);
1732
1733        --borderTopMobileHover: var(--borderTopDesktopHover);
1734        --borderRightMobileHover: var(--borderRightDesktopHover);
1735        --borderBottomMobileHover: var(--borderBottomDesktopHover);
1736        --borderLeftMobileHover: var(--borderLeftDesktopHover);
1737        --borderRadiusMobileHover: var(--borderRadiusDesktopHover);
1738        --shadowMobileHover: var(--shadowDesktopHover);
1739        --shadowInnerMobileHover: var(--shadowInnerDesktopHover);
1740
1741        --borderTopMobileActive: var(--borderTopMobileHover);
1742        --borderRightMobileActive: var(--borderRightMobileHover);
1743        --borderBottomMobileActive: var(--borderBottomMobileHover);
1744        --borderLeftMobileActive: var(--borderLeftMobileHover);
1745        --borderRadiusMobileActive: var(--borderRadiusMobileHover);
1746        --shadowMobileActive: var(--shadowMobileHover);
1747        --shadowInnerMobileActive: var(--shadowInnerMobileHover);
1748
1749        --borderTop: var(--borderTopMobile);
1750        --borderRight: var(--borderRightMobile);
1751        --borderBottom: var(--borderBottomMobile);
1752        --borderLeft: var(--borderLeftMobile);
1753        --borderRadius: var(--borderRadiusMobile);
1754        --shadow: var(--shadowMobile);
1755        --shadowInner: var(--shadowInnerMobile);
1756
1757        --borderTopHover: var(--borderTopMobileHover);
1758        --borderRightHover: var(--borderRightMobileHover);
1759        --borderBottomHover: var(--borderBottomMobileHover);
1760        --borderLeftHover: var(--borderLeftMobileHover);
1761        --borderRadiusHover: var(--borderRadiusMobileHover);
1762        --shadowHover: var(--shadowMobileHover);
1763        --shadowInnerHover: var(--shadowInnerMobileHover);
1764
1765        --borderTopActive: var(--borderTopMobileActive);
1766        --borderRightActive: var(--borderRightMobileActive);
1767        --borderBottomActive: var(--borderBottomMobileActive);
1768        --borderLeftActive: var(--borderLeftMobileActive);
1769        --borderRadiusActive: var(--borderRadiusMobileActive);
1770        --shadowActive: var(--shadowMobileActive);
1771        --shadowInnerActive: var(--shadowInnerMobileActive);
1772    }
1773
1774    .wmc_icon {
1775        --iconSizeMobile: var(--iconSizeDesktop);
1776        --iconSizeMobileHover: var(--iconSizeDesktopHover);
1777        --iconColorMobile: var(--iconColorDesktop);
1778        --iconColorMobileHover: var(--iconColorDesktopHover);
1779        --iconColorMobileActive: var(--iconColorMobileHover);
1780        --iconSize: var(--iconSizeMobile);
1781        --iconSizeHover: var(--iconSizeMobileHover);
1782        --iconColor: var(--iconColorMobile);
1783        --iconColorHover: var(--iconColorMobileHover);
1784        --iconColorActive: var(--iconColorMobileActive);
1785    }
1786
1787    .wmc_color_layer {
1788        --bgColorOpacityMobile: var(--bgColorOpacityDesktop);
1789        --bgColorOpacity: var(--bgColorOpacityMobile);
1790    }
1791
1792    .wmc_color_layer[data-layer-id] {
1793        --bgColorMobile: var(--bgColorDesktop);
1794        --bgColor: var(--bgColorMobile);
1795    }
1796
1797    .wmc_gradient_layer {
1798        --bgGradientMobile: var(--bgGradientDesktop);
1799        --bgGradientOpacityMobile: var(--bgGradientOpacityDesktop);
1800        --bgGradient: var(--bgGradientMobile);
1801        --bgGradientOpacity: var(--bgGradientOpacityMobile);
1802    }
1803}
1804
1805.wm_scrollToTop {
1806    position: fixed;
1807    right: 50px;
1808    bottom: 150px;
1809    width: 56px;
1810    height: 56px;
1811    border-radius: 8px;
1812    background-color: rgba(var(--colorCtaC), .75);
1813    color: rgba(var(--colorPrimaryJ), 1);
1814    border: 1px solid rgba(var(--colorBackgroundE), 1);
1815    cursor: pointer;
1816    display: flex;
1817    align-items: center;
1818    justify-content: center;
1819    font-family: var(--fontFamilySecondary);
1820    font-size: 24px;
1821    z-index: 1000;
1822    opacity: 0;
1823    transform: translateY(20px);
1824    transition: all 0.3s var(--transitionEasingPresetEaseOut);
1825    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
1826    user-select: none;
1827    visibility: hidden;
1828}
1829
1830.wm_scrollToTop:hover {
1831    background-color: rgba(var(--colorCtaC), 1);
1832    transform: translateY(-5px) scale(1.05);
1833    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
1834}
1835
1836.wm_scrollToTop.wm_scrollToTop--visible {
1837    opacity: 1;
1838    transform: translateY(0);
1839    visibility: visible;
1840}
1841
1842.wm_scrollToTop::before {
1843    content: '↑';
1844    font-weight: bold;
1845    line-height: 1;
1846}
1847
1848@media all and (width < 1040px) {
1849    .wm_scrollToTop {
1850        right: 30px;
1851        bottom: 120px;
1852        width: 48px;
1853        height: 48px;
1854        font-size: 22px;
1855    }
1856}
1857
1858@media all and (width < 650px) {
1859    .wm_scrollToTop {
1860        right: 20px;
1861        bottom: 100px;
1862        width: 44px;
1863        height: 44px;
1864        font-size: 20px;
1865    }
1866}
1867
1868/* Fixed body state for menus */
1869html.full_screen_open_body_fixed {
1870    overflow: hidden;
1871
1872    & body {
1873        overflow: hidden;
1874        position: fixed;
1875        top: var(--wm_scrollTop);
1876        width: 100%;
1877    }
1878}
1879
1880@media all and (1040px <= width) {
1881    .wmcM_visuallyHide {
1882        width: 1px !important;
1883        height: 1px !important;
1884        padding: 0 !important;
1885        margin: -1px !important;
1886        overflow: hidden !important;
1887        clip: rect(0, 0, 0, 0) !important;
1888        white-space: nowrap !important;
1889        border: 0 !important;
1890        position: absolute !important;
1891    }
1892
1893    .wmcM_empty {
1894        display: none !important;
1895    }
1896
1897    .wmcM_layerHide--desktop {
1898        display: none !important;
1899    }
1900}
1901
1902@media all and (650px <= width < 1040px) {
1903    .wmcM_visuallyHide:not(.wmcM_visuallyShow--tablet),
1904    .wmcM_visuallyHide--tablet {
1905        width: 1px !important;
1906        height: 1px !important;
1907        padding: 0 !important;
1908        margin: -1px !important;
1909        overflow: hidden !important;
1910        clip: rect(0, 0, 0, 0) !important;
1911        white-space: nowrap !important;
1912        border: 0 !important;
1913        position: absolute !important;
1914    }
1915
1916    .wmcM_empty:not(.wmcM_notEmpty--tablet),
1917    .wmcM_empty--tablet {
1918        display: none !important;
1919    }
1920
1921    .wmcM_layerHide--tablet {
1922        display: none !important;
1923    }
1924}
1925
1926@media all and (width < 650px) {
1927    .wmcM_visuallyHide:not(.wmcM_visuallyShow--mobile),
1928    .wmcM_visuallyHide--mobile {
1929        width: 1px !important;
1930        height: 1px !important;
1931        padding: 0 !important;
1932        margin: -1px !important;
1933        overflow: hidden !important;
1934        clip: rect(0, 0, 0, 0) !important;
1935        white-space: nowrap !important;
1936        border: 0 !important;
1937        position: absolute !important;
1938    }
1939
1940    .wmcM_empty:not(.wmcM_notEmpty--mobile),
1941    .wmcM_empty--mobile {
1942        display: none !important;
1943    }
1944
1945    .wmcM_layerHide--mobile {
1946        display: none !important;
1947    }
1948}
1949
1950:is(.wmc_section, .wmc_shelf) > .wml:has(> .wmc),
1951:is(.wmc_box) > .wml:has(> .wms_content > .wmc) {
1952    height: max-content;
1953    min-height: max-content;
1954    max-height: fit-content;
1955}
1956
1957@media all and (1040px <= width) {
1958    .wmcM_dynamicHeight {
1959        --dynamicPaddingBottomDesktop: 0px;
1960        --dynamicPaddingBottom: var(--dynamicPaddingBottomDesktop);
1961    }
1962}
1963
1964@media all and (650px <= width < 1040px) {
1965    .wmcM_dynamicHeight {
1966        --dynamicPaddingBottomTablet: var(--dynamicPaddingBottomDesktop);
1967        --dynamicPaddingBottom: var(--dynamicPaddingBottomTablet);
1968    }
1969}
1970
1971@media all and (width < 650px) {
1972    .wmcM_dynamicHeight {
1973        --dynamicPaddingBottomMobile: var(--dynamicPaddingBottomDesktop);
1974        --dynamicPaddingBottom: var(--dynamicPaddingBottomMobile);
1975    }
1976}
1977
1978.wmcM_dynamicHeight > .wml {
1979    height: max-content;
1980    min-height: max-content;
1981    max-height: fit-content;
1982    padding-bottom: calc(var(--dynamicPaddingBottom, 0px) + var(--paddingBottom, 0px));
1983}
1984
1985@media all and (width < 650px) {
1986    #fixed-components {
1987        display: none !important;
1988    }
1989}
1990</style>
1991            <style>/* visually-hidden.css */
1992/*TODO: Make these per viewport!*/
1993.visually-hidden,
1994.label-visually-hidden > label {
1995    width: 1px !important;
1996    height: 1px !important;
1997    padding: 0 !important;
1998    margin: -1px !important;
1999    overflow: hidden !important;
2000    clip: rect(0, 0, 0, 0) !important;
2001    white-space: nowrap !important;
2002    border: 0 !important;
2003    position: absolute !important;
2004}
2005
2006.visually-hidden:not(caption) {
2007    position: absolute !important;
2008}
2009
2010.visually-hidden-focusable:not(:focus):not(:focus-within) {
2011    width: 1px !important;
2012    height: 1px !important;
2013    padding: 0 !important;
2014    margin: -1px !important;
2015    overflow: hidden !important;
2016    clip: rect(0, 0, 0, 0) !important;
2017    white-space: nowrap !important;
2018    border: 0 !important;
2019    position: absolute !important;
2020}
2021
2022.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
2023    position: absolute !important;
2024}
2025</style>
2026            <style>/* text.css */
2027.wmc_text {
2028    --heightDesktop: min-content;
2029
2030    /* entire text, all devices */
2031    --textShadow: none;
2032    text-shadow: var(--textShadow);
2033
2034    /* entire text, per device */
2035    --paragraphSpacingDesktop: var(--paragraph1_paragraphSpacingDesktop);
2036    --paragraphSpacing: var(--paragraphSpacingDesktop);
2037
2038    /* pieces of text, all devices */
2039    --fontFamily: var(--paragraph1_fontFamily);
2040
2041    /* pieces of text, per device */
2042    --fontSizeDesktop: var(--paragraph1_fontSizeDesktop);
2043    --fontWeightDesktop: var(--paragraph1_fontWeightDesktop);
2044    --fontStyleDesktop: var(--paragraph1_fontStyleDesktop);
2045    --textColorDesktop: var(--paragraph1_fontColorDesktop);
2046    --textDecorationDesktop: var(--paragraph1_textDecorationDesktop);
2047    --textDecorationStyleDesktop: var(--paragraph1_textDecorationStyleDesktop);
2048    --textDecorationColorDesktop: var(--paragraph1_textDecorationColorDesktop);
2049    --textDecorationLineDesktop: var(--textDecorationDesktop);
2050    --textDecorationThicknessDesktop: initial;
2051    --textUnderlineOffsetDesktop: initial;
2052    --textDecorationSkipInkDesktop: initial;
2053    --letterSpacingDesktop: var(--paragraph1_letterSpacingDesktop);
2054    --lineHeightDesktop: var(--paragraph1_lineHeightDesktop);
2055    --textAlignDesktop: left;
2056    --textIndentDesktop: 0px;
2057    --textBackgroundColorDesktop: initial;
2058    --textTransformDesktop: initial;
2059    --fontVariantCapsDesktop: normal;
2060    --fontVariantLigaturesDesktop: none;
2061    --wm_writingModeDesktop: initial;
2062    --wm_writingMode: var(--wm_writingModeDesktop);
2063}
2064
2065.wmc_text > .wml > * {
2066    margin-block-end: var(--paragraphSpacing);
2067}
2068.wmc_text > .wml > :last-child {
2069    margin-block-end: 0;
2070}
2071
2072.wmc_text > .wml {
2073    writing-mode: var(--wm_writingMode);
2074}
2075
2076.wmc_text > .wml .wmcM_embed {
2077    --floatDesktop: initial;
2078    --float: var(--floatDesktop);
2079
2080    all: initial;
2081    display: inline-block;
2082    margin-block-start: 0;
2083    margin-block-end: 0;
2084    margin-inline-start: 0;
2085    margin-inline-end: 0;
2086    unicode-bidi: isolate;
2087    width: auto;
2088    height: auto;
2089    max-width: 100%;
2090    visibility: inherit;
2091
2092    float: var(--float);
2093    clear: none;
2094
2095    > .wmc > .wml {
2096        max-width: 100%;
2097    }
2098
2099    &:has(.wmcM_alignCenter) {
2100        /* @TODO: adjust when centering will also be per device */
2101        display: block !important;
2102        clear: both !important;
2103        float: none !important;
2104    }
2105
2106    > .wmc.wmcM_alignCenter {
2107        /* @TODO: adjust when centering will also be per device */
2108        & > .wml {
2109            margin-left: auto;
2110            margin-right: auto;
2111        }
2112    }
2113
2114    & iframe {
2115        height: var(--height);
2116        width: var(--width);
2117    }
2118
2119    & > .wmc_image {
2120        --aspectRatio: auto;
2121        --widthDesktop: auto;
2122        --heightDesktop: auto;
2123    }
2124}
2125
2126.wmc_text > .wml * {
2127    /* pieces of text, all devices */
2128    font-family: var(--fontFamily);
2129
2130    /* pieces of text, per device */
2131    --paragraphSpacing: var(--paragraphSpacingDesktop);
2132    --fontSize: var(--fontSizeDesktop);
2133    --fontWeight: var(--fontWeightDesktop);
2134    --fontStyle: var(--fontStyleDesktop);
2135    --textColor: var(--textColorDesktop);
2136    --textDecoration: var(--textDecorationDesktop);
2137    --textDecorationStyle: var(--textDecorationStyleDesktop);
2138    --textDecorationColor: var(--textDecorationColorDesktop);
2139    --textDecorationLine: var(--textDecorationLineDesktop);
2140    --textDecorationThickness: var(--textDecorationThicknessDesktop);
2141    --textUnderlineOffset: var(--textUnderlineOffsetDesktop);
2142    --textDecorationSkipInk: var(--textDecorationSkipInkDesktop);
2143    --letterSpacing: var(--letterSpacingDesktop);
2144    --lineHeight: var(--lineHeightDesktop);
2145    --textAlign: var(--textAlignDesktop);
2146    --textIndent: var(--textIndentDesktop);
2147    --textBackgroundColor: var(--textBackgroundColorDesktop);
2148    --textTransform: var(--textTransformDesktop);
2149    --fontVariantCaps: var(--fontVariantCapsDesktop);
2150    --fontVariantLigatures: var(--fontVariantLigaturesDesktop);
2151
2152    font-size: var(--fontSize);
2153    font-weight: var(--fontWeight);
2154    font-style: var(--fontStyle);
2155    color: var(--textColor);
2156    text-decoration: var(--textDecoration);
2157    text-decoration-style: var(--textDecorationStyle);
2158    text-decoration-color: var(--textDecorationColor, currentColor);
2159    text-decoration-line: var(--textDecorationLine);
2160    text-decoration-thickness: var(--textDecorationThickness);
2161    text-underline-offset: var(--textUnderlineOffset);
2162    text-decoration-skip-ink: var(--textDecorationSkipInk);
2163    letter-spacing: var(--letterSpacing);
2164    line-height: var(--lineHeight);
2165    text-align: var(--textAlign);
2166    text-indent: var(--textIndent);
2167    background-color: var(--textBackgroundColor);
2168    text-transform: var(--textTransform);
2169    font-variant-caps: var(--fontVariantCaps);
2170    font-variant-ligatures: var(--fontVariantLigatures);
2171
2172    --fontSizeDesktopHover: var(--fontSizeDesktop);
2173    --fontWeightDesktopHover: var(--fontWeightDesktop);
2174    --fontStyleDesktopHover: var(--fontStyleDesktop);
2175    --textColorDesktopHover: var(--textColorDesktop);
2176    --textDecorationDesktopHover: var(--textDecorationDesktop);
2177    --textDecorationStyleDesktopHover: var(--textDecorationStyleDesktop);
2178    --textDecorationColorDesktopHover: var(--textDecorationColorDesktop);
2179    --textDecorationLineDesktopHover: var(--textDecorationLineDesktop);
2180    --textDecorationThicknessDesktopHover: var(--textDecorationThicknessDesktop);
2181    --textUnderlineOffsetDesktopHover: var(--textUnderlineOffsetDesktop);
2182    --textDecorationSkipInkDesktopHover: var(--textDecorationSkipInkDesktop);
2183    --textTransformDesktopHover: var(--textTransformDesktop);
2184    --fontVariantCapsDesktopHover: var(--fontVariantCapsDesktop);
2185    --fontVariantLigaturesDesktopHover: var(--fontVariantLigaturesDesktop);
2186
2187    --fontSizeHover: var(--fontSizeDesktopHover);
2188    --fontWeightHover: var(--fontWeightDesktopHover);
2189    --textColorHover: var(--textColorDesktopHover);
2190    --fontStyleHover: var(--fontStyleDesktopHover);
2191    --textDecorationHover: var(--textDecorationDesktopHover);
2192    --textDecorationStyleHover: var(--textDecorationStyleDesktopHover);
2193    --textDecorationColorHover: var(--textDecorationColorDesktopHover);
2194    --textDecorationLineHover: var(--textDecorationLineDesktopHover);
2195    --textDecorationThicknessHover: var(--textDecorationThicknessDesktopHover);
2196    --textUnderlineOffsetHover: var(--textUnderlineOffsetDesktopHover);
2197    --textDecorationSkipInkHover: var(--textDecorationSkipInkDesktopHover);
2198    --textTransformHover: var(--textTransformDesktopHover);
2199    --fontVariantCapsHover: var(--fontVariantCapsDesktopHover);
2200    --fontVariantLigaturesHover: var(--fontVariantLigaturesDesktopHover);
2201
2202    --fontSizeDesktopActive: var(--fontSizeDesktopHover);
2203    --fontWeightDesktopActive: var(--fontWeightDesktopHover);
2204    --textColorDesktopActive: var(--textColorDesktopHover);
2205    --fontStyleDesktopActive: var(--fontStyleDesktopHover);
2206    --textDecorationDesktopActive: var(--textDecorationDesktopHover);
2207    --textDecorationStyleDesktopActive: var(--textDecorationStyleDesktopHover);
2208    --textDecorationColorDesktopActive: var(--textDecorationColorDesktopHover);
2209    --textDecorationLineDesktopActive: var(--textDecorationLineDesktopHover);
2210    --textDecorationThicknessDesktopActive: var(--textDecorationThicknessDesktopHover);
2211    --textUnderlineOffsetDesktopActive: var(--textUnderlineOffsetDesktopHover);
2212    --textDecorationSkipInkDesktopActive: var(--textDecorationSkipInkDesktopHover);
2213    --textTransformDesktopActive: var(--textTransformDesktopHover);
2214    --fontVariantCapsDesktopActive: var(--fontVariantCapsDesktopHover);
2215    --fontVariantLigaturesDesktopActive: var(--fontVariantLigaturesDesktopHover);
2216
2217    --fontSizeActive: var(--fontSizeDesktopActive);
2218    --fontWeightActive: var(--fontWeightDesktopActive);
2219    --textColorActive: var(--textColorDesktopActive);
2220    --fontStyleActive: var(--fontStyleDesktopActive);
2221    --textDecorationActive: var(--textDecorationDesktopActive);
2222    --textDecorationStyleActive: var(--textDecorationStyleDesktopActive);
2223    --textDecorationColorActive: var(--textDecorationColorDesktopActive);
2224    --textDecorationLineActive: var(--textDecorationLineDesktopActive);
2225    --textDecorationThicknessActive: var(--textDecorationThicknessDesktopActive);
2226    --textUnderlineOffsetActive: var(--textUnderlineOffsetDesktopActive);
2227    --textDecorationSkipInkActive: var(--textDecorationSkipInkDesktopActive);
2228    --textTransformActive: var(--textTransformDesktopActive);
2229    --fontVariantCapsActive: var(--fontVariantCapsDesktopActive);
2230    --fontVariantLigaturesActive: var(--fontVariantLigaturesDesktopActive);
2231}
2232
2233.wmc_text.wmcM_shadow {
2234    --textShadowDesktop: 0px 0px 0px transparent;
2235    --textShadowDesktopHover: var(--textShadowDesktop);
2236    --textShadowDesktopActive: var(--textShadowDesktopHover);
2237
2238    --textShadow: var(--textShadowDesktop);
2239    --textShadowHover: var(--textShadowDesktopHover);
2240    --textShadowActive: var(--textShadowDesktopActive);
2241}
2242
2243.wmc_text > .wml .wmcM_title1 {
2244    --fontFamily: var(--title1_fontFamily);
2245    --fontSizeDesktop: var(--title1_fontSizeDesktop);
2246    --fontWeightDesktop: var(--title1_fontWeightDesktop);
2247    --fontStyleDesktop: var(--title1_fontStyleDesktop);
2248    --textColorDesktop: var(--title1_fontColorDesktop);
2249    --textDecorationDesktop: var(--title1_textDecorationDesktop);
2250    --textDecorationStyleDesktop: var(--title1_textDecorationStyleDesktop);
2251    --textDecorationColorDesktop: var(--title1_textDecorationColorDesktop);
2252    --textDecorationLineDesktop: var(--title1_textDecorationLineDesktop, var(--title1_textDecorationDesktop));
2253    --lineHeightDesktop: var(--title1_lineHeightDesktop);
2254    --letterSpacingDesktop: var(--title1_letterSpacingDesktop);
2255    --paragraphSpacingDesktop: var(--title1_paragraphSpacingDesktop);
2256}
2257
2258.wmc_text > .wml .wmcM_title2 {
2259    --fontFamily: var(--title2_fontFamily);
2260    --fontSizeDesktop: var(--title2_fontSizeDesktop);
2261    --fontWeightDesktop: var(--title2_fontWeightDesktop);
2262    --fontStyleDesktop: var(--title2_fontStyleDesktop);
2263    --textColorDesktop: var(--title2_fontColorDesktop);
2264    --textDecorationDesktop: var(--title2_textDecorationDesktop);
2265    --textDecorationStyleDesktop: var(--title2_textDecorationStyleDesktop);
2266    --textDecorationColorDesktop: var(--title2_textDecorationColorDesktop);
2267    --textDecorationLineDesktop: var(--title2_textDecorationLineDesktop, var(--title2_textDecorationDesktop));
2268    --lineHeightDesktop: var(--title2_lineHeightDesktop);
2269    --letterSpacingDesktop: var(--title2_letterSpacingDesktop);
2270    --paragraphSpacingDesktop: var(--title2_paragraphSpacingDesktop);
2271}
2272
2273.wmc_text > .wml .wmcM_title3 {
2274    --fontFamily: var(--title3_fontFamily);
2275    --fontSizeDesktop: var(--title3_fontSizeDesktop);
2276    --fontWeightDesktop: var(--title3_fontWeightDesktop);
2277    --fontStyleDesktop: var(--title3_fontStyleDesktop);
2278    --textColorDesktop: var(--title3_fontColorDesktop);
2279    --textDecorationDesktop: var(--title3_textDecorationDesktop);
2280    --textDecorationStyleDesktop: var(--title3_textDecorationStyleDesktop);
2281    --textDecorationColorDesktop: var(--title3_textDecorationColorDesktop);
2282    --textDecorationLineDesktop: var(--title3_textDecorationLineDesktop, var(--title3_textDecorationDesktop));
2283    --lineHeightDesktop: var(--title3_lineHeightDesktop);
2284    --letterSpacingDesktop: var(--title3_letterSpacingDesktop);
2285    --paragraphSpacingDesktop: var(--title3_paragraphSpacingDesktop);
2286}
2287
2288.wmc_text > .wml .wmcM_heading1,
2289.wmc_text > .wml h1 {
2290    --fontFamily: var(--heading1_fontFamily);
2291    --fontSizeDesktop: var(--heading1_fontSizeDesktop);
2292    --fontWeightDesktop: var(--heading1_fontWeightDesktop);
2293    --fontStyleDesktop: var(--heading1_fontStyleDesktop);
2294    --textColorDesktop: var(--heading1_fontColorDesktop);
2295    --textDecorationDesktop: var(--heading1_textDecorationDesktop);
2296    --textDecorationStyleDesktop: var(--heading1_textDecorationStyleDesktop);
2297    --textDecorationColorDesktop: var(--heading1_textDecorationColorDesktop);
2298    --textDecorationLineDesktop: var(--heading1_textDecorationLineDesktop, var(--heading1_textDecorationDesktop));
2299    --lineHeightDesktop: var(--heading1_lineHeightDesktop);
2300    --letterSpacingDesktop: var(--heading1_letterSpacingDesktop);
2301    --paragraphSpacingDesktop: var(--heading1_paragraphSpacingDesktop);
2302}
2303
2304.wmc_text > .wml .wmcM_heading2,
2305.wmc_text > .wml h2 {
2306    --fontFamily: var(--heading2_fontFamily);
2307    --fontSizeDesktop: var(--heading2_fontSizeDesktop);
2308    --fontWeightDesktop: var(--heading2_fontWeightDesktop);
2309    --fontStyleDesktop: var(--heading2_fontStyleDesktop);
2310    --textColorDesktop: var(--heading2_fontColorDesktop);
2311    --textDecorationDesktop: var(--heading2_textDecorationDesktop);
2312    --textDecorationStyleDesktop: var(--heading2_textDecorationStyleDesktop);
2313    --textDecorationColorDesktop: var(--heading2_textDecorationColorDesktop);
2314    --textDecorationLineDesktop: var(--heading2_textDecorationLineDesktop, var(--heading2_textDecorationDesktop));
2315    --lineHeightDesktop: var(--heading2_lineHeightDesktop);
2316    --letterSpacingDesktop: var(--heading2_letterSpacingDesktop);
2317    --paragraphSpacingDesktop: var(--heading2_paragraphSpacingDesktop);
2318}
2319
2320.wmc_text > .wml .wmcM_heading3,
2321.wmc_text > .wml h3 {
2322    --fontFamily: var(--heading3_fontFamily);
2323    --fontSizeDesktop: var(--heading3_fontSizeDesktop);
2324    --fontWeightDesktop: var(--heading3_fontWeightDesktop);
2325    --fontStyleDesktop: var(--heading3_fontStyleDesktop);
2326    --textColorDesktop: var(--heading3_fontColorDesktop);
2327    --textDecorationDesktop: var(--heading3_textDecorationDesktop);
2328    --textDecorationStyleDesktop: var(--heading3_textDecorationStyleDesktop);
2329    --textDecorationColorDesktop: var(--heading3_textDecorationColorDesktop);
2330    --textDecorationLineDesktop: var(--heading3_textDecorationLineDesktop, var(--heading3_textDecorationDesktop));
2331    --lineHeightDesktop: var(--heading3_lineHeightDesktop);
2332    --letterSpacingDesktop: var(--heading3_letterSpacingDesktop);
2333    --paragraphSpacingDesktop: var(--heading3_paragraphSpacingDesktop);
2334}
2335
2336.wmc_text > .wml .wmcM_heading4,
2337.wmc_text > .wml h4 {
2338    --fontFamily: var(--heading4_fontFamily);
2339    --fontSizeDesktop: var(--heading4_fontSizeDesktop);
2340    --fontWeightDesktop: var(--heading4_fontWeightDesktop);
2341    --fontStyleDesktop: var(--heading4_fontStyleDesktop);
2342    --textColorDesktop: var(--heading4_fontColorDesktop);
2343    --textDecorationDesktop: var(--heading4_textDecorationDesktop);
2344    --textDecorationStyleDesktop: var(--heading4_textDecorationStyleDesktop);
2345    --textDecorationColorDesktop: var(--heading4_textDecorationColorDesktop);
2346    --textDecorationLineDesktop: var(--heading4_textDecorationLineDesktop, var(--heading4_textDecorationDesktop));
2347    --lineHeightDesktop: var(--heading4_lineHeightDesktop);
2348    --letterSpacingDesktop: var(--heading4_letterSpacingDesktop);
2349    --paragraphSpacingDesktop: var(--heading4_paragraphSpacingDesktop);
2350}
2351
2352.wmc_text > .wml .wmcM_heading5,
2353.wmc_text > .wml h5 {
2354    --fontFamily: var(--heading5_fontFamily);
2355    --fontSizeDesktop: var(--heading5_fontSizeDesktop);
2356    --fontWeightDesktop: var(--heading5_fontWeightDesktop);
2357    --fontStyleDesktop: var(--heading5_fontStyleDesktop);
2358    --textColorDesktop: var(--heading5_fontColorDesktop);
2359    --textDecorationDesktop: var(--heading5_textDecorationDesktop);
2360    --textDecorationStyleDesktop: var(--heading5_textDecorationStyleDesktop);
2361    --textDecorationColorDesktop: var(--heading5_textDecorationColorDesktop);
2362    --textDecorationLineDesktop: var(--heading5_textDecorationLineDesktop, var(--heading5_textDecorationDesktop));
2363    --lineHeightDesktop: var(--heading5_lineHeightDesktop);
2364    --letterSpacingDesktop: var(--heading5_letterSpacingDesktop);
2365    --paragraphSpacingDesktop: var(--heading5_paragraphSpacingDesktop);
2366}
2367
2368.wmc_text > .wml .wmcM_heading6,
2369.wmc_text > .wml h6 {
2370    --fontFamily: var(--heading6_fontFamily);
2371    --fontSizeDesktop: var(--heading6_fontSizeDesktop);
2372    --fontWeightDesktop: var(--heading6_fontWeightDesktop);
2373    --fontStyleDesktop: var(--heading6_fontStyleDesktop);
2374    --textColorDesktop: var(--heading6_fontColorDesktop);
2375    --textDecorationDesktop: var(--heading6_textDecorationDesktop);
2376    --textDecorationStyleDesktop: var(--heading6_textDecorationStyleDesktop);
2377    --textDecorationColorDesktop: var(--heading6_textDecorationColorDesktop);
2378    --textDecorationLineDesktop: var(--heading6_textDecorationLineDesktop, var(--heading6_textDecorationDesktop));
2379    --lineHeightDesktop: var(--heading6_lineHeightDesktop);
2380    --letterSpacingDesktop: var(--heading6_letterSpacingDesktop);
2381    --paragraphSpacingDesktop: var(--heading6_paragraphSpacingDesktop);
2382}
2383
2384.wmc_text > .wml .wmcM_paragraph1,
2385.wmc_text > .wml p,
2386.wmc_text > .wml div {
2387    --fontFamily: var(--paragraph1_fontFamily);
2388    --fontSizeDesktop: var(--paragraph1_fontSizeDesktop);
2389    --fontWeightDesktop: var(--paragraph1_fontWeightDesktop);
2390    --fontStyleDesktop: var(--paragraph1_fontStyleDesktop);
2391    --textColorDesktop: var(--paragraph1_fontColorDesktop);
2392    --textDecorationDesktop: var(--paragraph1_textDecorationDesktop);
2393    --textDecorationStyleDesktop: var(--paragraph1_textDecorationStyleDesktop);
2394    --textDecorationColorDesktop: var(--paragraph1_textDecorationColorDesktop);
2395    --textDecorationLineDesktop: var(--paragraph1_textDecorationLineDesktop, var(--paragraph1_textDecorationDesktop));
2396    --lineHeightDesktop: var(--paragraph1_lineHeightDesktop);
2397    --letterSpacingDesktop: var(--paragraph1_letterSpacingDesktop);
2398    --paragraphSpacingDesktop: var(--paragraph1_paragraphSpacingDesktop);
2399}
2400
2401.wmc_text > .wml .wmcM_paragraph2 {
2402    --fontFamily: var(--paragraph2_fontFamily);
2403    --fontSizeDesktop: var(--paragraph2_fontSizeDesktop);
2404    --fontWeightDesktop: var(--paragraph2_fontWeightDesktop);
2405    --fontStyleDesktop: var(--paragraph2_fontStyleDesktop);
2406    --textColorDesktop: var(--paragraph2_fontColorDesktop);
2407    --textDecorationDesktop: var(--paragraph2_textDecorationDesktop);
2408    --textDecorationStyleDesktop: var(--paragraph2_textDecorationStyleDesktop);
2409    --textDecorationColorDesktop: var(--paragraph2_textDecorationColorDesktop);
2410    --textDecorationLineDesktop: var(--paragraph2_textDecorationLineDesktop, var(--paragraph2_textDecorationDesktop));
2411    --lineHeightDesktop: var(--paragraph2_lineHeightDesktop);
2412    --letterSpacingDesktop: var(--paragraph2_letterSpacingDesktop);
2413    --paragraphSpacingDesktop: var(--paragraph2_paragraphSpacingDesktop);
2414}
2415
2416.wmc_text > .wml .wmcM_paragraph3 {
2417    --fontFamily: var(--paragraph3_fontFamily);
2418    --fontSizeDesktop: var(--paragraph3_fontSizeDesktop);
2419    --fontWeightDesktop: var(--paragraph3_fontWeightDesktop);
2420    --fontStyleDesktop: var(--paragraph3_fontStyleDesktop);
2421    --textColorDesktop: var(--paragraph3_fontColorDesktop);
2422    --textDecorationDesktop: var(--paragraph3_textDecorationDesktop);
2423    --textDecorationStyleDesktop: var(--paragraph3_textDecorationStyleDesktop);
2424    --textDecorationColorDesktop: var(--paragraph3_textDecorationColorDesktop);
2425    --textDecorationLineDesktop: var(--paragraph3_textDecorationLineDesktop, var(--paragraph3_textDecorationDesktop));
2426    --lineHeightDesktop: var(--paragraph3_lineHeightDesktop);
2427    --letterSpacingDesktop: var(--paragraph3_letterSpacingDesktop);
2428    --paragraphSpacingDesktop: var(--paragraph3_paragraphSpacingDesktop);
2429}
2430
2431.wmc_text > .wml .wmcM_paragraph4 {
2432    --fontFamily: var(--paragraph4_fontFamily);
2433    --fontSizeDesktop: var(--paragraph4_fontSizeDesktop);
2434    --fontWeightDesktop: var(--paragraph4_fontWeightDesktop);
2435    --fontStyleDesktop: var(--paragraph4_fontStyleDesktop);
2436    --textColorDesktop: var(--paragraph4_fontColorDesktop);
2437    --textDecorationDesktop: var(--paragraph4_textDecorationDesktop);
2438    --textDecorationStyleDesktop: var(--paragraph4_textDecorationStyleDesktop);
2439    --textDecorationColorDesktop: var(--paragraph4_textDecorationColorDesktop);
2440    --textDecorationLineDesktop: var(--paragraph4_textDecorationLineDesktop, var(--paragraph4_textDecorationDesktop));
2441    --lineHeightDesktop: var(--paragraph4_lineHeightDesktop);
2442    --letterSpacingDesktop: var(--paragraph4_letterSpacingDesktop);
2443    --paragraphSpacingDesktop: var(--paragraph4_paragraphSpacingDesktop);
2444}
2445
2446.wmc_text > .wml .wmcM_link,
2447.wmc_text > .wml .wmcM_link *,
2448.wmc_text > .wml a,
2449.wmc_text > .wml a * {
2450    --fontWeightDesktop: var(--link_fontWeightDesktop);
2451    --fontStyleDesktop: var(--link_fontStyleDesktop);
2452    --textColorDesktop: var(--link_fontColorDesktop);
2453    --textDecorationDesktop: var(--link_textDecorationDesktop);
2454    --textDecorationStyleDesktop: var(--link_textDecorationStyleDesktop);
2455    --textDecorationColorDesktop: var(--link_textDecorationColorDesktop);
2456    --textDecorationLineDesktop: var(--link_textDecorationLineDesktop, var(--link_textDecorationDesktop));
2457
2458    --textColorDesktopHover: var(--link_hoverFontColorDesktop);
2459    --textDecorationDesktopHover: var(--link_hoverTextDecorationDesktop);
2460    --textDecorationStyleDesktopHover: var(--link_hoverTextDecorationStyleDesktop);
2461    --textDecorationColorDesktopHover: var(--link_hoverTextDecorationColorDesktop);
2462    --textDecorationLineDesktopHover: var(--link_hoverTextDecorationLineDesktop, var(--link_hoverTextDecorationDesktop));
2463}
2464
2465@media all and (width >= 1040px) {
2466    .wmc_text.wmcM_sidewaysLR--desktop,
2467    .wmc_text.wmcM_sidewaysRL--desktop {
2468        & > .wml {
2469            width: min-content;
2470            min-width: var(--width);
2471            height: var(--minHeight);
2472        }
2473    }
2474
2475    .wmc_text.wmcM_sidewaysLR--desktop {
2476        --wm_writingModeDesktop: sideways-lr;
2477    }
2478
2479    .wmc_text.wmcM_sidewaysRL--desktop {
2480        --wm_writingModeDesktop: sideways-rl;
2481    }
2482
2483    .wmc_text.wmcM_sidewaysNormal--desktop {
2484        --wm_writingModeDesktop: initial;
2485    }
2486
2487    .wmc_text > .wml .wmcM_embed:has(> .wmc.wmcM_containerSizeFull) {
2488        display: block;
2489        clear: both;
2490        float: none;
2491    }
2492}
2493
2494@media all and (width < 1040px) {
2495    .wmc_text {
2496        --heightTablet: min-content;
2497
2498        /* entire text, per device */
2499        --paragraphSpacingTablet: var(--paragraph1_paragraphSpacingTablet);
2500        --paragraphSpacing: var(--paragraphSpacingTablet);
2501
2502        /* pieces of text, per device */
2503        --fontSizeTablet: var(--paragraph1_fontSizeTablet);
2504        --fontWeightTablet: var(--paragraph1_fontWeightTablet);
2505        --fontStyleTablet: var(--paragraph1_fontStyleTablet);
2506        --textColorTablet: var(--paragraph1_fontColorTablet);
2507        --textDecorationTablet: var(--paragraph1_textDecorationTablet);
2508        --textDecorationStyleTablet: var(--paragraph1_textDecorationStyleTablet);
2509        --textDecorationColorTablet: var(--paragraph1_textDecorationColorTablet);
2510        --textDecorationLineTablet: var(--textDecorationTablet);
2511        --textDecorationThicknessTablet: initial;
2512        --textUnderlineOffsetTablet: initial;
2513        --textDecorationSkipInkTablet: initial;
2514        --letterSpacingTablet: var(--paragraph1_letterSpacingTablet);
2515        --lineHeightTablet: var(--paragraph1_lineHeightTablet);
2516        --textAlignTablet: left;
2517        --textIndentTablet: 0px;
2518        --textBackgroundColorTablet: initial;
2519        --textTransformTablet: none;
2520        --fontVariantCapsTablet: normal;
2521        --fontVariantLigaturesTablet: none;
2522
2523        --wm_writingModeTablet: initial;
2524        --wm_writingMode: var(--wm_writingModeTablet);
2525    }
2526
2527    .wmc_text > .wml * {
2528        /* inherit from desktop */
2529        --fontSizeTablet: var(--fontSizeDesktop);
2530        --fontWeightTablet: var(--fontWeightDesktop);
2531        --fontStyleTablet: var(--fontStyleDesktop);
2532        --textColorTablet: var(--textColorDesktop);
2533        --textDecorationTablet: var(--textDecorationDesktop);
2534        --textDecorationStyleTablet: var(--textDecorationStyleDesktop);
2535        --textDecorationColorTablet: var(--textDecorationColorDesktop);
2536        --textDecorationLineTablet: var(--textDecorationLineDesktop);
2537        --textDecorationThicknessTablet: var(--textDecorationThicknessDesktop);
2538        --textUnderlineOffsetTablet: var(--textUnderlineOffsetDesktop);
2539        --textDecorationSkipInkTablet: var(--textDecorationSkipInkDesktop);
2540        --letterSpacingTablet: var(--letterSpacingDesktop);
2541        --textBackgroundColorTablet: var(--textBackgroundColorDesktop);
2542        --textTransformTablet: var(--textTransformDesktop);
2543        --fontVariantCapsTablet: var(--fontVariantCapsDesktop);
2544        --fontVariantLigaturesTablet: var(--fontVariantLigaturesDesktop);
2545
2546        /* pieces of text, per device */
2547        --paragraphSpacing: var(--paragraphSpacingTablet);
2548        --fontSize: var(--fontSizeTablet);
2549        --fontWeight: var(--fontWeightTablet);
2550        --fontStyle: var(--fontStyleTablet);
2551        --textColor: var(--textColorTablet);
2552        --textDecoration: var(--textDecorationTablet);
2553        --textDecorationStyle: var(--textDecorationStyleTablet);
2554        --textDecorationColor: var(--textDecorationColorTablet);
2555        --textDecorationLine: var(--textDecorationLineTablet);
2556        --textDecorationThickness: var(--textDecorationThicknessTablet);
2557        --textUnderlineOffset: var(--textUnderlineOffsetTablet);
2558        --textDecorationSkipInk: var(--textDecorationSkipInkTablet);
2559        --letterSpacing: var(--letterSpacingTablet);
2560        --lineHeight: var(--lineHeightTablet);
2561        --textAlign: var(--textAlignTablet);
2562        --textIndent: var(--textIndentTablet);
2563        --textBackgroundColor: var(--textBackgroundColorTablet);
2564        --textTransform: var(--textTransformTablet);
2565        --fontVariantCaps: var(--fontVariantCapsTablet);
2566        --fontVariantLigatures: var(--fontVariantLigaturesTablet);
2567
2568        /* pieces of text , per device hover */
2569        --fontSizeTabletHover: var(--fontSizeTablet);
2570        --fontWeightTabletHover: var(--fontWeightTablet);
2571        --fontStyleTabletHover: var(--fontStyleTablet);
2572        --textColorTabletHover: var(--textColorTablet);
2573        --textDecorationTabletHover: var(--textDecorationTablet);
2574        --textDecorationStyleTabletHover: var(--textDecorationStyleTablet);
2575        --textDecorationColorTabletHover: var(--textDecorationColorTablet);
2576        --textDecorationLineTabletHover: var(--textDecorationLineTablet);
2577        --textDecorationThicknessTabletHover: var(--textDecorationThicknessTablet);
2578        --textUnderlineOffsetTabletHover: var(--textUnderlineOffsetTablet);
2579        --textDecorationSkipInkTabletHover: var(--textDecorationSkipInkTablet);
2580        --textTransformTabletHover: var(--textTransformTablet);
2581        --fontVariantCapsTabletHover: var(--fontVariantCapsTablet);
2582        --fontVariantLigaturesTabletHover: var(--fontVariantLigaturesTablet);
2583
2584        --fontSizeHover: var(--fontSizeTabletHover);
2585        --fontWeightHover: var(--fontWeightTabletHover);
2586        --fontStyleHover: var(--fontStyleTabletHover);
2587        --textColorHover: var(--textColorTabletHover);
2588        --textDecorationHover: var(--textDecorationTabletHover);
2589        --textDecorationStyleHover: var(--textDecorationStyleTabletHover);
2590        --textDecorationColorHover: var(--textDecorationColorTabletHover);
2591        --textDecorationLineHover: var(--textDecorationLineTabletHover);
2592        --textDecorationThicknessHover: var(--textDecorationThicknessTabletHover);
2593        --textUnderlineOffsetHover: var(--textUnderlineOffsetTabletHover);
2594        --textDecorationSkipInkHover: var(--textDecorationSkipInkTabletHover);
2595        --textTransformHover: var(--textTransformTabletHover);
2596        --fontVariantCapsHover: var(--fontVariantCapsTabletHover);
2597        --fontVariantLigaturesHover: var(--fontVariantLigaturesTabletHover);
2598
2599        --fontSizeTabletActive: var(--fontSizeTabletHover);
2600        --fontWeightTabletActive: var(--fontWeightTabletHover);
2601        --fontStyleTabletActive: var(--fontStyleTabletHover);
2602        --textColorTabletActive: var(--textColorTabletHover);
2603        --textDecorationTabletActive: var(--textDecorationTabletHover);
2604        --textDecorationStyleTabletActive: var(--textDecorationStyleTabletHover);
2605        --textDecorationColorTabletActive: var(--textDecorationColorTabletHover);
2606        --textDecorationLineTabletActive: var(--textDecorationLineTabletHover);
2607        --textDecorationThicknessTabletActive: var(--textDecorationThicknessTabletHover);
2608        --textUnderlineOffsetTabletActive: var(--textUnderlineOffsetTabletHover);
2609        --textDecorationSkipInkTabletActive: var(--textDecorationSkipInkTabletHover);
2610        --textTransformTabletActive: var(--textTransformTabletHover);
2611        --fontVariantCapsTabletActive: var(--fontVariantCapsTabletHover);
2612        --fontVariantLigaturesTabletActive: var(--fontVariantLigaturesTabletHover);
2613
2614        --fontSizeActive: var(--fontSizeTabletActive);
2615        --fontWeightActive: var(--fontWeightTabletActive);
2616        --fontStyleActive: var(--fontStyleTabletActive);
2617        --textColorActive: var(--textColorTabletActive);
2618        --textDecorationActive: var(--textDecorationTabletActive);
2619        --textDecorationStyleActive: var(--textDecorationStyleTabletActive);
2620        --textDecorationColorActive: var(--textDecorationColorTabletActive);
2621        --textDecorationLineActive: var(--textDecorationLineTabletActive);
2622        --textDecorationThicknessActive: var(--textDecorationThicknessTabletActive);
2623        --textUnderlineOffsetActive: var(--textUnderlineOffsetTabletActive);
2624        --textDecorationSkipInkActive: var(--textDecorationSkipInkTabletActive);
2625        --textTransformActive: var(--textTransformTabletActive);
2626        --fontVariantCapsActive: var(--fontVariantCapsTabletActive);
2627        --fontVariantLigaturesActive: var(--fontVariantLigaturesTabletActive);
2628    }
2629
2630    .wmc_text > .wml .wmcM_title1 {
2631        --fontSizeTablet: var(--title1_fontSizeTablet);
2632        --fontWeightTablet: var(--title1_fontWeightTablet);
2633        --fontStyleTablet: var(--title1_fontStyleTablet);
2634        --textColorTablet: var(--title1_fontColorTablet);
2635        --textDecorationTablet: var(--title1_textDecorationTablet);
2636        --textDecorationStyleTablet: var(--title1_textDecorationStyleTablet);
2637        --textDecorationColorTablet: var(--title1_textDecorationColorTablet);
2638        --textDecorationLineTablet: var(--title1_textDecorationLineTablet, var(--title1_textDecorationTablet));
2639        --letterSpacingTablet: var(--title1_letterSpacingTablet);
2640        --lineHeightTablet: var(--title1_lineHeightTablet);
2641        --paragraphSpacingTablet: var(--title1_paragraphSpacingTablet);
2642    }
2643
2644    .wmc_text > .wml .wmcM_title2 {
2645        --fontSizeTablet: var(--title2_fontSizeTablet);
2646        --fontWeightTablet: var(--title2_fontWeightTablet);
2647        --fontStyleTablet: var(--title2_fontStyleTablet);
2648        --textColorTablet: var(--title2_fontColorTablet);
2649        --textDecorationTablet: var(--title2_textDecorationTablet);
2650        --textDecorationStyleTablet: var(--title2_textDecorationStyleTablet);
2651        --textDecorationColorTablet: var(--title2_textDecorationColorTablet);
2652        --textDecorationLineTablet: var(--title2_textDecorationLineTablet, var(--title2_textDecorationTablet));
2653        --letterSpacingTablet: var(--title2_letterSpacingTablet);
2654        --lineHeightTablet: var(--title2_lineHeightTablet);
2655        --paragraphSpacingTablet: var(--title2_paragraphSpacingTablet);
2656    }
2657
2658    .wmc_text > .wml .wmcM_title3 {
2659        --fontSizeTablet: var(--title3_fontSizeTablet);
2660        --fontWeightTablet: var(--title3_fontWeightTablet);
2661        --fontStyleTablet: var(--title3_fontStyleTablet);
2662        --textColorTablet: var(--title3_fontColorTablet);
2663        --textDecorationTablet: var(--title3_textDecorationTablet);
2664        --textDecorationStyleTablet: var(--title3_textDecorationStyleTablet);
2665        --textDecorationColorTablet: var(--title3_textDecorationColorTablet);
2666        --textDecorationLineTablet: var(--title3_textDecorationLineTablet, var(--title3_textDecorationTablet));
2667        --letterSpacingTablet: var(--title3_letterSpacingTablet);
2668        --lineHeightTablet: var(--title3_lineHeightTablet);
2669        --paragraphSpacingTablet: var(--title3_paragraphSpacingTablet);
2670    }
2671
2672    .wmc_text > .wml .wmcM_heading1,
2673    .wmc_text > .wml h1 {
2674        --fontSizeTablet: var(--heading1_fontSizeTablet);
2675        --fontWeightTablet: var(--heading1_fontWeightTablet);
2676        --fontStyleTablet: var(--heading1_fontStyleTablet);
2677        --textColorTablet: var(--heading1_fontColorTablet);
2678        --textDecorationTablet: var(--heading1_textDecorationTablet);
2679        --textDecorationStyleTablet: var(--heading1_textDecorationStyleTablet);
2680        --textDecorationColorTablet: var(--heading1_textDecorationColorTablet);
2681        --textDecorationLineTablet: var(--heading1_textDecorationLineTablet, var(--heading1_textDecorationTablet));
2682        --letterSpacingTablet: var(--heading1_letterSpacingTablet);
2683        --lineHeightTablet: var(--heading1_lineHeightTablet);
2684        --paragraphSpacingTablet: var(--heading1_paragraphSpacingTablet);
2685    }
2686
2687    .wmc_text > .wml .wmcM_heading2,
2688    .wmc_text > .wml h2 {
2689        --fontSizeTablet: var(--heading2_fontSizeTablet);
2690        --fontWeightTablet: var(--heading2_fontWeightTablet);
2691        --fontStyleTablet: var(--heading2_fontStyleTablet);
2692        --textColorTablet: var(--heading2_fontColorTablet);
2693        --textDecorationTablet: var(--heading2_textDecorationTablet);
2694        --textDecorationStyleTablet: var(--heading2_textDecorationStyleTablet);
2695        --textDecorationColorTablet: var(--heading2_textDecorationColorTablet);
2696        --textDecorationLineTablet: var(--heading2_textDecorationLineTablet, var(--heading2_textDecorationTablet));
2697        --letterSpacingTablet: var(--heading2_letterSpacingTablet);
2698        --lineHeightTablet: var(--heading2_lineHeightTablet);
2699        --paragraphSpacingTablet: var(--heading2_paragraphSpacingTablet);
2700    }
2701
2702    .wmc_text > .wml .wmcM_heading3,
2703    .wmc_text > .wml h3 {
2704        --fontSizeTablet: var(--heading3_fontSizeTablet);
2705        --fontWeightTablet: var(--heading3_fontWeightTablet);
2706        --fontStyleTablet: var(--heading3_fontStyleTablet);
2707        --textColorTablet: var(--heading3_fontColorTablet);
2708        --textDecorationTablet: var(--heading3_textDecorationTablet);
2709        --textDecorationStyleTablet: var(--heading3_textDecorationStyleTablet);
2710        --textDecorationColorTablet: var(--heading3_textDecorationColorTablet);
2711        --textDecorationLineTablet: var(--heading3_textDecorationLineTablet, var(--heading3_textDecorationTablet));
2712        --letterSpacingTablet: var(--heading3_letterSpacingTablet);
2713        --lineHeightTablet: var(--heading3_lineHeightTablet);
2714        --paragraphSpacingTablet: var(--heading3_paragraphSpacingTablet);
2715    }
2716
2717    .wmc_text > .wml .wmcM_heading4,
2718    .wmc_text > .wml h4 {
2719        --fontSizeTablet: var(--heading4_fontSizeTablet);
2720        --fontWeightTablet: var(--heading4_fontWeightTablet);
2721        --fontStyleTablet: var(--heading4_fontStyleTablet);
2722        --textColorTablet: var(--heading4_fontColorTablet);
2723        --textDecorationTablet: var(--heading4_textDecorationTablet);
2724        --textDecorationStyleTablet: var(--heading4_textDecorationStyleTablet);
2725        --textDecorationColorTablet: var(--heading4_textDecorationColorTablet);
2726        --textDecorationLineTablet: var(--heading4_textDecorationLineTablet, var(--heading4_textDecorationTablet));
2727        --letterSpacingTablet: var(--heading4_letterSpacingTablet);
2728        --lineHeightTablet: var(--heading4_lineHeightTablet);
2729        --paragraphSpacingTablet: var(--heading4_paragraphSpacingTablet);
2730    }
2731
2732    .wmc_text > .wml .wmcM_heading5,
2733    .wmc_text > .wml h5 {
2734        --fontSizeTablet: var(--heading5_fontSizeTablet);
2735        --fontWeightTablet: var(--heading5_fontWeightTablet);
2736        --fontStyleTablet: var(--heading5_fontStyleTablet);
2737        --textColorTablet: var(--heading5_fontColorTablet);
2738        --textDecorationTablet: var(--heading5_textDecorationTablet);
2739        --textDecorationStyleTablet: var(--heading5_textDecorationStyleTablet);
2740        --textDecorationColorTablet: var(--heading5_textDecorationColorTablet);
2741        --textDecorationLineTablet: var(--heading5_textDecorationLineTablet, var(--heading5_textDecorationTablet));
2742        --letterSpacingTablet: var(--heading5_letterSpacingTablet);
2743        --lineHeightTablet: var(--heading5_lineHeightTablet);
2744        --paragraphSpacingTablet: var(--heading5_paragraphSpacingTablet);
2745    }
2746
2747    .wmc_text > .wml .wmcM_heading6,
2748    .wmc_text > .wml h6 {
2749        --fontSizeTablet: var(--heading6_fontSizeTablet);
2750        --fontWeightTablet: var(--heading6_fontWeightTablet);
2751        --fontStyleTablet: var(--heading6_fontStyleTablet);
2752        --textColorTablet: var(--heading6_fontColorTablet);
2753        --textDecorationTablet: var(--heading6_textDecorationTablet);
2754        --textDecorationStyleTablet: var(--heading6_textDecorationStyleTablet);
2755        --textDecorationColorTablet: var(--heading6_textDecorationColorTablet);
2756        --textDecorationLineTablet: var(--heading6_textDecorationLineTablet, var(--heading6_textDecorationTablet));
2757        --letterSpacingTablet: var(--heading6_letterSpacingTablet);
2758        --lineHeightTablet: var(--heading6_lineHeightTablet);
2759        --paragraphSpacingTablet: var(--heading6_paragraphSpacingTablet);
2760    }
2761
2762    .wmc_text > .wml .wmcM_paragraph1,
2763    .wmc_text > .wml p,
2764    .wmc_text > .wml div {
2765        --fontSizeTablet: var(--paragraph1_fontSizeTablet);
2766        --fontWeightTablet: var(--paragraph1_fontWeightTablet);
2767        --fontStyleTablet: var(--paragraph1_fontStyleTablet);
2768        --textColorTablet: var(--paragraph1_fontColorTablet);
2769        --textDecorationTablet: var(--paragraph1_textDecorationTablet);
2770        --textDecorationStyleTablet: var(--paragraph1_textDecorationStyleTablet);
2771        --textDecorationColorTablet: var(--paragraph1_textDecorationColorTablet);
2772        --textDecorationLineTablet: var(--paragraph1_textDecorationLineTablet, var(--paragraph1_textDecorationTablet));
2773        --letterSpacingTablet: var(--paragraph1_letterSpacingTablet);
2774        --lineHeightTablet: var(--paragraph1_lineHeightTablet);
2775        --paragraphSpacingTablet: var(--paragraph1_paragraphSpacingTablet);
2776    }
2777
2778    .wmc_text > .wml .wmcM_paragraph2 {
2779        --fontSizeTablet: var(--paragraph2_fontSizeTablet);
2780        --fontWeightTablet: var(--paragraph2_fontWeightTablet);
2781        --fontStyleTablet: var(--paragraph2_fontStyleTablet);
2782        --textColorTablet: var(--paragraph2_fontColorTablet);
2783        --textDecorationTablet: var(--paragraph2_textDecorationTablet);
2784        --textDecorationStyleTablet: var(--paragraph2_textDecorationStyleTablet);
2785        --textDecorationColorTablet: var(--paragraph2_textDecorationColorTablet);
2786        --textDecorationLineTablet: var(--paragraph2_textDecorationLineTablet, var(--paragraph2_textDecorationTablet));
2787        --letterSpacingTablet: var(--paragraph2_letterSpacingTablet);
2788        --lineHeightTablet: var(--paragraph2_lineHeightTablet);
2789        --paragraphSpacingTablet: var(--paragraph2_paragraphSpacingTablet);
2790    }
2791
2792    .wmc_text > .wml .wmcM_paragraph3 {
2793        --fontSizeTablet: var(--paragraph3_fontSizeTablet);
2794        --fontWeightTablet: var(--paragraph3_fontWeightTablet);
2795        --fontStyleTablet: var(--paragraph3_fontStyleTablet);
2796        --textColorTablet: var(--paragraph3_fontColorTablet);
2797        --textDecorationTablet: var(--paragraph3_textDecorationTablet);
2798        --textDecorationStyleTablet: var(--paragraph3_textDecorationStyleTablet);
2799        --textDecorationColorTablet: var(--paragraph3_textDecorationColorTablet);
2800        --textDecorationLineTablet: var(--paragraph3_textDecorationLineTablet, var(--paragraph3_textDecorationTablet));
2801        --letterSpacingTablet: var(--paragraph3_letterSpacingTablet);
2802        --lineHeightTablet: var(--paragraph3_lineHeightTablet);
2803        --paragraphSpacingTablet: var(--paragraph3_paragraphSpacingTablet);
2804    }
2805
2806    .wmc_text > .wml .wmcM_paragraph4 {
2807        --fontSizeTablet: var(--paragraph4_fontSizeTablet);
2808        --fontWeightTablet: var(--paragraph4_fontWeightTablet);
2809        --fontStyleTablet: var(--paragraph4_fontStyleTablet);
2810        --textColorTablet: var(--paragraph4_fontColorTablet);
2811        --textDecorationTablet: var(--paragraph4_textDecorationTablet);
2812        --textDecorationStyleTablet: var(--paragraph4_textDecorationStyleTablet);
2813        --textDecorationColorTablet: var(--paragraph4_textDecorationColorTablet);
2814        --textDecorationLineTablet: var(--paragraph4_textDecorationLineTablet, var(--paragraph4_textDecorationTablet));
2815        --letterSpacingTablet: var(--paragraph4_letterSpacingTablet);
2816        --lineHeightTablet: var(--paragraph4_lineHeightTablet);
2817        --paragraphSpacingTablet: var(--paragraph4_paragraphSpacingTablet);
2818    }
2819
2820    .wmc_text > .wml .wmcM_link,
2821    .wmc_text > .wml .wmcM_link *,
2822    .wmc_text > .wml a,
2823    .wmc_text > .wml a * {
2824        --fontWeightTablet: var(--link_fontWeightTablet);
2825        --fontStyleTablet: var(--link_fontStyleTablet);
2826        --textColorTablet: var(--link_fontColorTablet);
2827        --textDecorationTablet: var(--link_textDecorationTablet);
2828        --textDecorationStyleTablet: var(--link_textDecorationStyleTablet);
2829        --textDecorationColorTablet: var(--link_textDecorationColorTablet);
2830        --textDecorationLineTablet: var(--link_textDecorationLineTablet, var(--link_textDecorationTablet));
2831
2832        --textColorTabletHover: var(--link_hoverFontColorTablet);
2833        --textDecorationTabletHover: var(--link_hoverTextDecorationTablet);
2834        --textDecorationStyleTabletHover: var(--link_hoverTextDecorationStyleTablet);
2835        --textDecorationColorTabletHover: var(--link_hoverTextDecorationColorTablet);
2836        --textDecorationLineTabletHover: var(--link_hoverTextDecorationLineTablet, var(--link_hoverTextDecorationTablet));
2837    }
2838
2839    .wmc_text.wmcM_shadow {
2840        --textShadowTablet: 0px 0px 0px transparent;
2841        --textShadowTabletHover: var(--textShadowTablet);
2842        --textShadowTabletActive: var(--textShadowTabletHover);
2843
2844        --textShadow: var(--textShadowTablet);
2845        --textShadowHover: var(--textShadowTabletHover);
2846        --textShadowActive: var(--textShadowTabletActive);
2847    }
2848
2849    .wmc_text {
2850        /* inherit from desktop */
2851        --paragraphSpacingTablet: var(--paragraphSpacingDesktop);
2852    }
2853
2854    .wmc_text > .wml .wmcM_title1,
2855    .wmc_text > .wml .wmcM_title2,
2856    .wmc_text > .wml .wmcM_title3,
2857    .wmc_text > .wml .wmcM_heading1,
2858    .wmc_text > .wml h1,
2859    .wmc_text > .wml .wmcM_heading2,
2860    .wmc_text > .wml h2,
2861    .wmc_text > .wml .wmcM_heading3,
2862    .wmc_text > .wml h3,
2863    .wmc_text > .wml .wmcM_heading4,
2864    .wmc_text > .wml h4,
2865    .wmc_text > .wml .wmcM_heading5,
2866    .wmc_text > .wml h5,
2867    .wmc_text > .wml .wmcM_heading6,
2868    .wmc_text > .wml h6,
2869    .wmc_text > .wml .wmcM_paragraph1,
2870    .wmc_text > .wml p,
2871    .wmc_text > .wml div,
2872    .wmc_text > .wml .wmcM_paragraph2,
2873    .wmc_text > .wml .wmcM_paragraph3,
2874    .wmc_text > .wml .wmcM_paragraph4 {
2875        /* inherit from desktop */
2876        --textAlignTablet: var(--textAlignDesktop);
2877    }
2878}
2879
2880@media all and (width < 1040px) and (width >= 650px) {
2881    .wmc_text.wmcM_sidewaysLR--tablet,
2882    .wmc_text.wmcM_sidewaysRL--tablet {
2883        & > .wml {
2884            width: min-content;
2885            min-width: var(--width);
2886            height: var(--minHeight);
2887        }
2888    }
2889
2890    .wmc_text.wmcM_sidewaysLR--tablet {
2891        --wm_writingModeTablet: sideways-lr;
2892    }
2893
2894    .wmc_text.wmcM_sidewaysRL--tablet {
2895        --wm_writingModeTablet: sideways-rl;
2896    }
2897
2898    .wmc_text.wmcM_sidewaysNormal--tablet {
2899        --wm_writingModeTablet: initial;
2900    }
2901
2902    .wmc_text > .wml .wmcM_embed {
2903        --floatTablet: var(--floatDesktop);
2904        --float: var(--floatTablet);
2905        clear: none;
2906    }
2907
2908    .wmc_text > .wml .wmcM_embed:has(
2909            > .wmc.wmcM_containerSizeFull:not(.wmcM_containerSizeContainer--tablet),
2910            > .wmc.wmcM_containerSizeFull--tablet
2911        ) {
2912        display: block;
2913        clear: both;
2914        float: none;
2915    }
2916}
2917
2918@media all and (width < 650px) {
2919    .wmc_text {
2920        --heightMobile: min-content;
2921
2922        /* entire text, per device */
2923        --paragraphSpacingMobile: var(--paragraph1_paragraphSpacingMobile);
2924        --paragraphSpacing: var(--paragraphSpacingMobile);
2925
2926        /* pieces of text, per device */
2927        --fontSizeMobile: var(--paragraph1_fontSizeMobile);
2928        --fontWeightMobile: var(--paragraph1_fontWeightMobile);
2929        --fontStyleMobile: var(--paragraph1_fontStyleMobile);
2930        --textColorMobile: var(--paragraph1_fontColorMobile);
2931        --textDecorationMobile: var(--paragraph1_textDecorationMobile);
2932        --textDecorationStyleMobile: var(--paragraph1_textDecorationStyleMobile);
2933        --textDecorationColorMobile: var(--paragraph1_textDecorationColorMobile);
2934        --textDecorationLineMobile: var(--textDecorationMobile);
2935        --letterSpacingMobile: var(--paragraph1_letterSpacingMobile);
2936        --lineHeightMobile: var(--paragraph1_lineHeightMobile);
2937        --textAlignMobile: left;
2938        --textIndentMobile: 0px;
2939        --textBackgroundColorMobile: initial;
2940        --textTransformMobile: none;
2941        --fontVariantCapsMobile: normal;
2942        --textVariantLigaturesMobile: none;
2943        --textUnderlineOffsetMobile: initial;
2944        --textDecorationSkipInkMobile: initial;
2945
2946        --wm_writingModeMobile: initial;
2947        --wm_writingMode: var(--wm_writingModeMobile);
2948    }
2949
2950    .wmc_text > .wml * {
2951        /* inherit from desktop */
2952        --fontSizeMobile: var(--fontSizeDesktop);
2953        --fontWeightMobile: var(--fontWeightDesktop);
2954        --fontStyleMobile: var(--fontStyleDesktop);
2955        --textColorMobile: var(--textColorDesktop);
2956        --textDecorationMobile: var(--textDecorationDesktop);
2957        --textDecorationStyleMobile: var(--textDecorationStyleDesktop);
2958        --textDecorationColorMobile: var(--textDecorationColorDesktop);
2959        --textDecorationLineMobile: var(--textDecorationLineDesktop);
2960        --textDecorationThicknessMobile: var(--textDecorationThicknessDesktop);
2961        --textUnderlineOffsetMobile: var(--textUnderlineOffsetDesktop);
2962        --textDecorationSkipInkMobile: var(--textDecorationSkipInkDesktop);
2963        --letterSpacingMobile: var(--letterSpacingDesktop);
2964        --textBackgroundColorMobile: var(--textBackgroundColorDesktop);
2965        --textTransformMobile: var(--textTransformDesktop);
2966        --fontVariantCapsMobile: var(--fontVariantCapsDesktop);
2967        --fontVariantLigaturesMobile: var(--fontVariantLigaturesDesktop);
2968
2969        /* pieces of text, per device */
2970        --paragraphSpacing: var(--paragraphSpacingMobile);
2971        --fontSize: var(--fontSizeMobile);
2972        --fontWeight: var(--fontWeightMobile);
2973        --fontStyle: var(--fontStyleMobile);
2974        --textColor: var(--textColorMobile);
2975        --textDecoration: var(--textDecorationMobile);
2976        --textDecorationStyle: var(--textDecorationStyleMobile);
2977        --textDecorationColor: var(--textDecorationColorMobile);
2978        --textDecorationLine: var(--textDecorationLineMobile);
2979        --textDecorationThickness: var(--textDecorationThicknessMobile);
2980        --textUnderlineOffset: var(--textUnderlineOffsetMobile);
2981        --textDecorationSkipInk: var(--textDecorationSkipInkMobile);
2982        --letterSpacing: var(--letterSpacingMobile);
2983        --lineHeight: var(--lineHeightMobile);
2984        --textAlign: var(--textAlignMobile);
2985        --textIndent: var(--textIndentMobile);
2986        --textBackgroundColor: var(--textBackgroundColorMobile);
2987        --textTransform: var(--textTransformMobile);
2988        --fontVariantCaps: var(--fontVariantCapsMobile);
2989        --fontVariantLigatures: var(--fontVariantLigaturesMobile);
2990
2991        /* pieces of text, per device  hover*/
2992        --fontSizeMobileHover: var(--fontSizeMobile);
2993        --fontWeightMobileHover: var(--fontWeightMobile);
2994        --fontStyleMobileHover: var(--fontStyleMobile);
2995        --textColorMobileHover: var(--textColorMobile);
2996        --textDecorationMobileHover: var(--textDecorationMobile);
2997        --textDecorationStyleMobileHover: var(--textDecorationStyleMobile);
2998        --textDecorationColorMobileHover: var(--textDecorationColorMobile);
2999        --textDecorationLineMobileHover: var(--textDecorationLineMobile);
3000        --textDecorationThicknessMobileHover: var(--textDecorationThicknessMobile);
3001        --textUnderlineOffsetMobileHover: var(--textUnderlineOffsetMobile);
3002        --textDecorationSkipInkMobileHover: var(--textDecorationSkipInkMobile);
3003        --textTransformMobileHover: var(--textTransformMobile);
3004        --fontVariantCapsMobileHover: var(--fontVariantCapsMobile);
3005        --fontVariantLigaturesMobileHover: var(--fontVariantLigaturesMobile);
3006
3007        --fontSizeHover: var(--fontSizeMobileHover);
3008        --fontWeightHover: var(--fontWeightMobileHover);
3009        --fontStyleHover: var(--fontStyleMobileHover);
3010        --textColorHover: var(--textColorMobileHover);
3011        --textDecorationHover: var(--textDecorationMobileHover);
3012        --textDecorationStyleHover: var(--textDecorationStyleMobileHover);
3013        --textDecorationColorHover: var(--textDecorationColorMobileHover);
3014        --textDecorationLineHover: var(--textDecorationLineMobileHover);
3015        --textDecorationThicknessHover: var(--textDecorationThicknessMobileHover);
3016        --textUnderlineOffsetHover: var(--textUnderlineOffsetMobileHover);
3017        --textDecorationSkipInkHover: var(--textDecorationSkipInkMobileHover);
3018        --textTransformHover: var(--textTransformMobileHover);
3019        --fontVariantCapsHover: var(--fontVariantCapsMobileHover);
3020        --fontVariantLigaturesHover: var(--fontVariantLigaturesMobileHover);
3021
3022        --fontSizeMobileActive: var(--fontSizeMobileHover);
3023        --fontWeightMobileActive: var(--fontWeightMobileHover);
3024        --fontStyleMobileActive: var(--fontStyleMobileHover);
3025        --textColorMobileActive: var(--textColorMobileHover);
3026        --textDecorationMobileActive: var(--textDecorationMobileHover);
3027        --textDecorationStyleMobileActive: var(--textDecorationStyleMobileHover);
3028        --textDecorationColorMobileActive: var(--textDecorationColorMobileHover);
3029        --textDecorationLineMobileActive: var(--textDecorationLineMobileHover);
3030        --textDecorationThicknessMobileActive: var(--textDecorationThicknessMobileHover);
3031        --textUnderlineOffsetMobileActive: var(--textUnderlineOffsetMobileHover);
3032        --textDecorationSkipInkMobileActive: var(--textDecorationSkipInkMobileHover);
3033        --textTransformMobileActive: var(--textTransformMobileHover);
3034        --fontVariantCapsMobileActive: var(--fontVariantCapsMobileHover);
3035        --fontVariantLigaturesMobileActive: var(--fontVariantLigaturesMobileHover);
3036
3037        --fontSizeActive: var(--fontSizeMobileActive);
3038        --fontWeightActive: var(--fontWeightMobileActive);
3039        --fontStyleActive: var(--fontStyleMobileActive);
3040        --textColorActive: var(--textColorMobileActive);
3041        --textDecorationActive: var(--textDecorationMobileActive);
3042        --textDecorationStyleActive: var(--textDecorationStyleMobileActive);
3043        --textDecorationColorActive: var(--textDecorationColorMobileActive);
3044        --textDecorationLineActive: var(--textDecorationLineMobileActive);
3045        --textDecorationThicknessActive: var(--textDecorationThicknessMobileActive);
3046        --textUnderlineOffsetActive: var(--textUnderlineOffsetMobileActive);
3047        --textDecorationSkipInkActive: var(--textDecorationSkipInkMobileActive);
3048        --textTransformActive: var(--textTransformMobileActive);
3049        --fontVariantCapsActive: var(--fontVariantCapsMobileActive);
3050        --fontVariantLigaturesActive: var(--fontVariantLigaturesMobileActive);
3051    }
3052
3053    .wmc_text > .wml .wmcM_title1 {
3054        --fontSizeMobile: var(--title1_fontSizeMobile);
3055        --fontWeightMobile: var(--title1_fontWeightMobile);
3056        --fontStyleMobile: var(--title1_fontStyleMobile);
3057        --textColorMobile: var(--title1_fontColorMobile);
3058        --textDecorationMobile: var(--title1_textDecorationMobile);
3059        --textDecorationStyleMobile: var(--title1_textDecorationStyleMobile);
3060        --textDecorationColorMobile: var(--title1_textDecorationColorMobile);
3061        --textDecorationLineMobile: var(--title1_textDecorationLineMobile, var(--title1_textDecorationMobile));
3062        --letterSpacingMobile: var(--title1_letterSpacingMobile);
3063        --lineHeightMobile: var(--title1_lineHeightMobile);
3064        --paragraphSpacingMobile: var(--title1_paragraphSpacingMobile);
3065    }
3066
3067    .wmc_text > .wml .wmcM_title2 {
3068        --fontSizeMobile: var(--title2_fontSizeMobile);
3069        --fontWeightMobile: var(--title2_fontWeightMobile);
3070        --fontStyleMobile: var(--title2_fontStyleMobile);
3071        --textColorMobile: var(--title2_fontColorMobile);
3072        --textDecorationMobile: var(--title2_textDecorationMobile);
3073        --textDecorationStyleMobile: var(--title2_textDecorationStyleMobile);
3074        --textDecorationColorMobile: var(--title2_textDecorationColorMobile);
3075        --textDecorationLineMobile: var(--title2_textDecorationLineMobile, var(--title2_textDecorationMobile));
3076        --letterSpacingMobile: var(--title2_letterSpacingMobile);
3077        --lineHeightMobile: var(--title2_lineHeightMobile);
3078        --paragraphSpacingMobile: var(--title2_paragraphSpacingMobile);
3079    }
3080
3081    .wmc_text > .wml .wmcM_title3 {
3082        --fontSizeMobile: var(--title3_fontSizeMobile);
3083        --fontWeightMobile: var(--title3_fontWeightMobile);
3084        --fontStyleMobile: var(--title3_fontStyleMobile);
3085        --textColorMobile: var(--title3_fontColorMobile);
3086        --textDecorationMobile: var(--title3_textDecorationMobile);
3087        --textDecorationStyleMobile: var(--title3_textDecorationStyleMobile);
3088        --textDecorationColorMobile: var(--title3_textDecorationColorMobile);
3089        --textDecorationLineMobile: var(--title3_textDecorationLineMobile, var(--title3_textDecorationMobile));
3090        --letterSpacingMobile: var(--title3_letterSpacingMobile);
3091        --lineHeightMobile: var(--title3_lineHeightMobile);
3092        --paragraphSpacingMobile: var(--title3_paragraphSpacingMobile);
3093    }
3094
3095    .wmc_text > .wml .wmcM_heading1,
3096    .wmc_text > .wml h1 {
3097        --fontSizeMobile: var(--heading1_fontSizeMobile);
3098        --fontWeightMobile: var(--heading1_fontWeightMobile);
3099        --fontStyleMobile: var(--heading1_fontStyleMobile);
3100        --textColorMobile: var(--heading1_fontColorMobile);
3101        --textDecorationMobile: var(--heading1_textDecorationMobile);
3102        --textDecorationStyleMobile: var(--heading1_textDecorationStyleMobile);
3103        --textDecorationColorMobile: var(--heading1_textDecorationColorMobile);
3104        --textDecorationLineMobile: var(--heading1_textDecorationLineMobile, var(--heading1_textDecorationMobile));
3105        --letterSpacingMobile: var(--heading1_letterSpacingMobile);
3106        --lineHeightMobile: var(--heading1_lineHeightMobile);
3107        --paragraphSpacingMobile: var(--heading1_paragraphSpacingMobile);
3108    }
3109
3110    .wmc_text > .wml .wmcM_heading2,
3111    .wmc_text > .wml h2 {
3112        --fontSizeMobile: var(--heading2_fontSizeMobile);
3113        --fontWeightMobile: var(--heading2_fontWeightMobile);
3114        --fontStyleMobile: var(--heading2_fontStyleMobile);
3115        --textColorMobile: var(--heading2_fontColorMobile);
3116        --textDecorationMobile: var(--heading2_textDecorationMobile);
3117        --textDecorationStyleMobile: var(--heading2_textDecorationStyleMobile);
3118        --textDecorationColorMobile: var(--heading2_textDecorationColorMobile);
3119        --textDecorationLineMobile: var(--heading2_textDecorationLineMobile, var(--heading2_textDecorationMobile));
3120        --letterSpacingMobile: var(--heading2_letterSpacingMobile);
3121        --lineHeightMobile: var(--heading2_lineHeightMobile);
3122        --paragraphSpacingMobile: var(--heading2_paragraphSpacingMobile);
3123    }
3124
3125    .wmc_text > .wml .wmcM_heading3,
3126    .wmc_text > .wml h3 {
3127        --fontSizeMobile: var(--heading3_fontSizeMobile);
3128        --fontWeightMobile: var(--heading3_fontWeightMobile);
3129        --fontStyleMobile: var(--heading3_fontStyleMobile);
3130        --textColorMobile: var(--heading3_fontColorMobile);
3131        --textDecorationMobile: var(--heading3_textDecorationMobile);
3132        --textDecorationStyleMobile: var(--heading3_textDecorationStyleMobile);
3133        --textDecorationColorMobile: var(--heading3_textDecorationColorMobile);
3134        --textDecorationLineMobile: var(--heading3_textDecorationLineMobile, var(--heading3_textDecorationMobile));
3135        --letterSpacingMobile: var(--heading3_letterSpacingMobile);
3136        --lineHeightMobile: var(--heading3_lineHeightMobile);
3137        --paragraphSpacingMobile: var(--heading3_paragraphSpacingMobile);
3138    }
3139
3140    .wmc_text > .wml .wmcM_heading4,
3141    .wmc_text > .wml h4 {
3142        --fontSizeMobile: var(--heading4_fontSizeMobile);
3143        --fontWeightMobile: var(--heading4_fontWeightMobile);
3144        --fontStyleMobile: var(--heading4_fontStyleMobile);
3145        --textColorMobile: var(--heading4_fontColorMobile);
3146        --textDecorationMobile: var(--heading4_textDecorationMobile);
3147        --textDecorationStyleMobile: var(--heading4_textDecorationStyleMobile);
3148        --textDecorationColorMobile: var(--heading4_textDecorationColorMobile);
3149        --textDecorationLineMobile: var(--heading4_textDecorationLineMobile, var(--heading4_textDecorationMobile));
3150        --letterSpacingMobile: var(--heading4_letterSpacingMobile);
3151        --lineHeightMobile: var(--heading4_lineHeightMobile);
3152        --paragraphSpacingMobile: var(--heading4_paragraphSpacingMobile);
3153    }
3154
3155    .wmc_text > .wml .wmcM_heading5,
3156    .wmc_text > .wml h5 {
3157        --fontSizeMobile: var(--heading5_fontSizeMobile);
3158        --fontWeightMobile: var(--heading5_fontWeightMobile);
3159        --fontStyleMobile: var(--heading5_fontStyleMobile);
3160        --textColorMobile: var(--heading5_fontColorMobile);
3161        --textDecorationMobile: var(--heading5_textDecorationMobile);
3162        --textDecorationStyleMobile: var(--heading5_textDecorationStyleMobile);
3163        --textDecorationColorMobile: var(--heading5_textDecorationColorMobile);
3164        --textDecorationLineMobile: var(--heading5_textDecorationLineMobile, var(--heading5_textDecorationMobile));
3165        --letterSpacingMobile: var(--heading5_letterSpacingMobile);
3166        --lineHeightMobile: var(--heading5_lineHeightMobile);
3167        --paragraphSpacingMobile: var(--heading5_paragraphSpacingMobile);
3168    }
3169
3170    .wmc_text > .wml .wmcM_heading6,
3171    .wmc_text > .wml h6 {
3172        --fontSizeMobile: var(--heading6_fontSizeMobile);
3173        --fontWeightMobile: var(--heading6_fontWeightMobile);
3174        --fontStyleMobile: var(--heading6_fontStyleMobile);
3175        --textColorMobile: var(--heading6_fontColorMobile);
3176        --textDecorationMobile: var(--heading6_textDecorationMobile);
3177        --textDecorationStyleMobile: var(--heading6_textDecorationStyleMobile);
3178        --textDecorationColorMobile: var(--heading6_textDecorationColorMobile);
3179        --textDecorationLineMobile: var(--heading6_textDecorationLineMobile, var(--heading6_textDecorationMobile));
3180        --letterSpacingMobile: var(--heading6_letterSpacingMobile);
3181        --lineHeightMobile: var(--heading6_lineHeightMobile);
3182        --paragraphSpacingMobile: var(--heading6_paragraphSpacingMobile);
3183    }
3184
3185    .wmc_text > .wml .wmcM_paragraph1,
3186    .wmc_text > .wml p,
3187    .wmc_text > .wml div {
3188        --fontSizeMobile: var(--paragraph1_fontSizeMobile);
3189        --fontWeightMobile: var(--paragraph1_fontWeightMobile);
3190        --fontStyleMobile: var(--paragraph1_fontStyleMobile);
3191        --textColorMobile: var(--paragraph1_fontColorMobile);
3192        --textDecorationMobile: var(--paragraph1_textDecorationMobile);
3193        --textDecorationStyleMobile: var(--paragraph1_textDecorationStyleMobile);
3194        --textDecorationColorMobile: var(--paragraph1_textDecorationColorMobile);
3195        --textDecorationLineMobile: var(--paragraph1_textDecorationLineMobile, var(--paragraph1_textDecorationMobile));
3196        --letterSpacingMobile: var(--paragraph1_letterSpacingMobile);
3197        --lineHeightMobile: var(--paragraph1_lineHeightMobile);
3198        --paragraphSpacingMobile: var(--paragraph1_paragraphSpacingMobile);
3199    }
3200
3201    .wmc_text > .wml .wmcM_paragraph2 {
3202        --fontSizeMobile: var(--paragraph2_fontSizeMobile);
3203        --fontWeightMobile: var(--paragraph2_fontWeightMobile);
3204        --fontStyleMobile: var(--paragraph2_fontStyleMobile);
3205        --textColorMobile: var(--paragraph2_fontColorMobile);
3206        --textDecorationMobile: var(--paragraph2_textDecorationMobile);
3207        --textDecorationStyleMobile: var(--paragraph2_textDecorationStyleMobile);
3208        --textDecorationColorMobile: var(--paragraph2_textDecorationColorMobile);
3209        --textDecorationLineMobile: var(--paragraph2_textDecorationLineMobile, var(--paragraph2_textDecorationMobile));
3210        --letterSpacingMobile: var(--paragraph2_letterSpacingMobile);
3211        --lineHeightMobile: var(--paragraph2_lineHeightMobile);
3212        --paragraphSpacingMobile: var(--paragraph2_paragraphSpacingMobile);
3213    }
3214
3215    .wmc_text > .wml .wmcM_paragraph3 {
3216        --fontSizeMobile: var(--paragraph3_fontSizeMobile);
3217        --fontWeightMobile: var(--paragraph3_fontWeightMobile);
3218        --fontStyleMobile: var(--paragraph3_fontStyleMobile);
3219        --textColorMobile: var(--paragraph3_fontColorMobile);
3220        --textDecorationMobile: var(--paragraph3_textDecorationMobile);
3221        --textDecorationStyleMobile: var(--paragraph3_textDecorationStyleMobile);
3222        --textDecorationColorMobile: var(--paragraph3_textDecorationColorMobile);
3223        --textDecorationLineMobile: var(--paragraph3_textDecorationLineMobile, var(--paragraph3_textDecorationMobile));
3224        --letterSpacingMobile: var(--paragraph3_letterSpacingMobile);
3225        --lineHeightMobile: var(--paragraph3_lineHeightMobile);
3226        --paragraphSpacingMobile: var(--paragraph3_paragraphSpacingMobile);
3227    }
3228
3229    .wmc_text > .wml .wmcM_paragraph4 {
3230        --fontSizeMobile: var(--paragraph4_fontSizeMobile);
3231        --fontWeightMobile: var(--paragraph4_fontWeightMobile);
3232        --fontStyleMobile: var(--paragraph4_fontStyleMobile);
3233        --textColorMobile: var(--paragraph4_fontColorMobile);
3234        --textDecorationMobile: var(--paragraph4_textDecorationMobile);
3235        --textDecorationStyleMobile: var(--paragraph4_textDecorationStyleMobile);
3236        --textDecorationColorMobile: var(--paragraph4_textDecorationColorMobile);
3237        --textDecorationLineMobile: var(--paragraph4_textDecorationLineMobile, var(--paragraph4_textDecorationMobile));
3238        --letterSpacingMobile: var(--paragraph4_letterSpacingMobile);
3239        --lineHeightMobile: var(--paragraph4_lineHeightMobile);
3240        --paragraphSpacingMobile: var(--paragraph4_paragraphSpacingMobile);
3241    }
3242
3243    .wmc_text > .wml .wmcM_link,
3244    .wmc_text > .wml .wmcM_link *,
3245    .wmc_text > .wml a,
3246    .wmc_text > .wml a * {
3247        --fontWeightMobile: var(--link_fontWeightMobile);
3248        --fontStyleMobile: var(--link_fontStyleMobile);
3249        --textColorMobile: var(--link_fontColorMobile);
3250        --textDecorationMobile: var(--link_textDecorationMobile);
3251        --textDecorationStyleMobile: var(--link_textDecorationStyleMobile);
3252        --textDecorationColorMobile: var(--link_textDecorationColorMobile);
3253        --textDecorationLineMobile: var(--link_textDecorationLineMobile, var(--link_textDecorationMobile));
3254
3255        --textColorMobileHover: var(--link_hoverFontColorMobile);
3256        --textDecorationMobileHover: var(--link_hoverTextDecorationMobile);
3257        --textDecorationStyleMobileHover: var(--link_hoverTextDecorationStyleMobile);
3258        --textDecorationColorMobileHover: var(--link_hoverTextDecorationColorMobile);
3259        --textDecorationLineMobileHover: var(--link_hoverTextDecorationLineMobile, var(--link_hoverTextDecorationMobile));
3260    }
3261
3262    .wmc_text.wmcM_shadow {
3263        --textShadowMobile: 0px 0px 0px transparent;
3264        --textShadowMobileHover: var(--textShadowMobile);
3265        --textShadowMobileActive: var(--textShadowMobileHover);
3266
3267        --textShadow: var(--textShadowMobile);
3268        --textShadowHover: var(--textShadowMobileHover);
3269        --textShadowActive: var(--textShadowMobileActive);
3270    }
3271
3272    .wmc_text.wmcM_sidewaysLR--mobile,
3273    .wmc_text.wmcM_sidewaysRL--mobile {
3274        & > .wml {
3275            width: min-content;
3276            min-width: var(--width);
3277            height: var(--minHeight);
3278        }
3279    }
3280
3281    .wmc_text.wmcM_sidewaysLR--mobile {
3282        --wm_writingModeMobile: sideways-lr;
3283    }
3284
3285    .wmc_text.wmcM_sidewaysRL--mobile {
3286        --wm_writingModeMobile: sideways-rl;
3287    }
3288
3289    .wmc_text.wmcM_sidewaysNormal--mobile {
3290        --wm_writingModeMobile: initial;
3291    }
3292
3293    .wmc_text {
3294        /* inherit from desktop */
3295        --paragraphSpacingMobile: var(--paragraphSpacingDesktop);
3296    }
3297
3298    .wmc_text > .wml .wmcM_title1,
3299    .wmc_text > .wml .wmcM_title2,
3300    .wmc_text > .wml .wmcM_title3,
3301    .wmc_text > .wml .wmcM_heading1,
3302    .wmc_text > .wml h1,
3303    .wmc_text > .wml .wmcM_heading2,
3304    .wmc_text > .wml h2,
3305    .wmc_text > .wml .wmcM_heading3,
3306    .wmc_text > .wml h3,
3307    .wmc_text > .wml .wmcM_heading4,
3308    .wmc_text > .wml h4,
3309    .wmc_text > .wml .wmcM_heading5,
3310    .wmc_text > .wml h5,
3311    .wmc_text > .wml .wmcM_heading6,
3312    .wmc_text > .wml h6,
3313    .wmc_text > .wml .wmcM_paragraph1,
3314    .wmc_text > .wml p,
3315    .wmc_text > .wml div,
3316    .wmc_text > .wml .wmcM_paragraph2,
3317    .wmc_text > .wml .wmcM_paragraph3,
3318    .wmc_text > .wml .wmcM_paragraph4 {
3319        /* inherit from desktop */
3320        --textAlignMobile: var(--textAlignDesktop);
3321    }
3322
3323    .wmc_text > .wml .wmcM_embed {
3324        --floatMobile: var(--floatDesktop);
3325        --float: var(--floatMobile);
3326        clear: none;
3327    }
3328
3329    .wmc_text > .wml .wmcM_embed:has(
3330            > .wmc.wmcM_containerSizeFull:not(.wmcM_containerSizeContainer--mobile),
3331            > .wmc.wmcM_containerSizeFull--mobile
3332        ) {
3333        display: block;
3334        clear: both;
3335        float: none;
3336    }
3337}
3338</style>
3339            <style>/* button.css */
3340.wmc_button :where(button) {
3341	appearance: none;
3342	-webkit-appearance: none;
3343	background: none;
3344	background-color: transparent;
3345	border: 0;
3346}
3347</style>
3348            <style>/* menu.css */
3349:is(main, body > .wmc_section):has(.wmc_menu .navigation-module-container.active) {
3350    & .wmc:not(:has(.wmc_menu .navigation-module-container.active)) {
3351        opacity: 0 !important;
3352        visibility: hidden !important;
3353        pointer-events: none !important;
3354        transition: none;
3355    }
3356
3357    & .wmc.wmc_menu:has(.navigation-module-container.active) {
3358        opacity: 1 !important;
3359        visibility: visible !important;
3360    }
3361
3362    & .wms_background {
3363        opacity: 0 !important;
3364        visibility: hidden !important;
3365    }
3366}
3367
3368main:has(.wmc_menu .navigation-module-container.active) {
3369    --wm_scrollTop: 0px;
3370    overflow: visible !important;
3371    position: fixed;
3372
3373    max-height: calc(100dvh / var(--wm_scale));
3374    min-height: calc(100dvh / var(--wm_scale));
3375    width: calc(100dvw / var(--wm_scale)) !important;
3376    top: calc(-1 * var(--wm_scrollTop));
3377    left: 0;
3378}
3379
3380:is(.wmc_section, .wmc_placeholder, .wmc_globalContent, .wmc_globalPlaceholder):has(.navigation-module-container) {
3381    --zIndex: 100;
3382
3383    & + :is(.wmc_section, .wmc_placeholder, .wmc_globalContent, .wmc_globalPlaceholder):has(.navigation-module-container) {
3384        --zIndex: 99;
3385
3386        & + :is(.wmc_section, .wmc_placeholder, .wmc_globalContent, .wmc_globalPlaceholder):has(.navigation-module-container) {
3387            --zIndex: 98;
3388        }
3389    }
3390}
3391
3392/* `.arrow` may be a <span> or a <button popovertarget>; strip UA chrome. */
3393.wmc_menu button.arrow {
3394    background: transparent;
3395    border: 0;
3396    padding: 0;
3397    margin: 0;
3398    color: inherit;
3399    font: inherit;
3400}
3401
3402.wmc_menu > .wml {
3403    height: max-content;
3404}
3405
3406.wmc_menu {
3407    --heightDesktop: max-content;
3408    --navPrimaryFont: var(--fontFamilyPrimary);
3409    --wm_scrollTopNav: 0px;
3410
3411    /* icons */
3412    --wmd_hamburgerIconUrl: ;
3413    --wmd_backIconUrl: ;
3414    --wmd_closeIconUrl: ;
3415    --wmd_menuItemIconUrl: ;
3416    --wmd_submenuItemIconUrl: ;
3417    --wmd_submenuTitleIconUrl: ;
3418    --wmd_caretIconUrl: ;
3419    --wmd_submenuCaretIconUrl: ;
3420
3421    /**********************
3422		horizontal main nav
3423	***********************/
3424
3425    /* main nav padding */
3426    --horizontalNavPaddingTopDesktop: 0px;
3427    --horizontalNavPaddingBottomDesktop: 0px;
3428    --horizontalNavPaddingLeftDesktop: 0px;
3429    --horizontalNavPaddingRightDesktop: 0px;
3430
3431    /* main nav justify content */
3432    --horizontalNavJustifyContentDesktop: flex-start;
3433
3434    /* main nav item padding */
3435    --horizontalNavItemPaddingTopDesktop: 5px;
3436    --horizontalNavItemPaddingBottomDesktop: 5px;
3437    --horizontalNavItemPaddingLeftDesktop: 0px;
3438    --horizontalNavItemPaddingRightDesktop: 0px;
3439
3440    /* main nav item padding  hover*/
3441    --horizontalNavItemPaddingTopHoverDesktop: var(--horizontalNavItemPaddingTopDesktop);
3442    --horizontalNavItemPaddingBottomHoverDesktop: var(--horizontalNavItemPaddingBottomDesktop);
3443    --horizontalNavItemPaddingLeftHoverDesktop: var(--horizontalNavItemPaddingLeftDesktop);
3444    --horizontalNavItemPaddingRightHoverDesktop: var(--horizontalNavItemPaddingRightDesktop);
3445
3446    /* main nav item font */
3447    --horizontalNavItemFontDesktop: var(--navPrimaryFont);
3448    --horizontalNavItemFontColorDesktop: rgba(var(--colorPrimaryA), 1);
3449    --horizontalNavItemLineHeightDesktop: normal;
3450    --horizontalNavItemFontSizeDesktop: 16px;
3451    --horizontalNavItemFontWeightDesktop: 400;
3452    --horizontalNavBackgroundColorDesktop: transparent;
3453    --horizontalNavItemBackgroundColorDesktop: transparent;
3454    --horizontalNavItemLetterSpacingDesktop: 0px;
3455    --horizontalNavItemTextDecorationDesktop: none;
3456    --horizontalNavItemFontStyleDesktop: normal;
3457
3458    /* main nav item font hover */
3459    --horizontalNavItemHoverFontColorDesktop: var(--horizontalNavItemFontColorDesktop);
3460    --horizontalNavItemHoverBackgroundColorDesktop: var(--horizontalNavItemBackgroundColorDesktop);
3461    --horizontalNavItemFontSizeHoverDesktop: var(--horizontalNavItemFontSizeDesktop);
3462    --horizontalNavItemFontWeightHoverDesktop: var(--horizontalNavItemFontWeightDesktop);
3463    --horizontalNavItemTextDecorationHoverDesktop: var(--horizontalNavItemTextDecorationDesktop);
3464    --horizontalNavItemFontStyleHoverDesktop: var(--horizontalNavItemFontStyleDesktop);
3465
3466    /* main nav item font active */
3467    --horizontalNavItemActiveFontColorDesktop: var(--horizontalNavItemHoverFontColorDesktop);
3468    --horizontalNavItemActiveBackgroundColorDesktop: var(--horizontalNavItemHoverBackgroundColorDesktop);
3469
3470
3471    /* main nav border */
3472    --horizontalNavBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3473    --horizontalNavBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3474    --horizontalNavBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3475    --horizontalNavBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3476
3477    /* main nav border radius  hover*/
3478    --horizontalNavBorderRadiusDesktop: 0px 0px 0px 0px;
3479    --horizontalNavBorderRadiusHoverDesktop: var(--horizontalNavBorderRadiusDesktop);
3480
3481    /* main nav item border */
3482    --horizontalNavItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3483    --horizontalNavItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3484    --horizontalNavItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3485    --horizontalNavItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3486
3487    /* main nav item border hover */
3488    --horizontalNavItemBorderTopHoverDesktop: var(--horizontalNavItemBorderTopDesktop);
3489    --horizontalNavItemBorderRightHoverDesktop: var(--horizontalNavItemBorderRightDesktop);
3490    --horizontalNavItemBorderBottomHoverDesktop: var(--horizontalNavItemBorderBottomDesktop);
3491    --horizontalNavItemBorderLeftHoverDesktop: var(--horizontalNavItemBorderLeftDesktop);
3492
3493    /* main nav item border radius */
3494    --horizontalNavItemBorderRadiusDesktop: 0px 0px 0px 0px;
3495    --horizontalNavItemBorderRadiusHoverDesktop: var(--horizontalNavItemBorderRadiusDesktop);
3496
3497    /* separator */
3498    --horizontalNavSeparatorDisplayDesktop: block;
3499    --horizontalNavSeparatorWidthDesktop: 0px;
3500    --horizontalNavSeparatorHeightDesktop: 100%;
3501    --horizontalNavSeparatorColorDesktop: rgba(var(--colorPrimaryA), 1);
3502    --horizontalNavSeparatorSpacingDesktop: 20px;
3503
3504    /* sub separator */
3505    --horizontalNavSubSeparatorDisplayDesktop: block;
3506    --horizontalNavSubSeparatorWidthDesktop: 100%;
3507    --horizontalNavSubSeparatorHeightDesktop: 0px;
3508    --horizontalNavSubSeparatorColorDesktop: rgba(var(--colorPrimaryA), 1);
3509    --horizontalNavSubSeparatorSpacingDesktop: 0px;
3510
3511    /* arrow */
3512    --horizontalNavArrowSizeDesktop: 24px;
3513    --horizontalNavArrowSpacingDesktop: 5px;
3514    --horizontalNavArrowColorDesktop: rgba(var(--colorPrimaryA), 1);
3515    --horizontalNavArrowRotateDesktop: 0deg;
3516    --horizontalNavArrowSizeHoverDesktop: var(--horizontalNavArrowSizeDesktop);
3517    --horizontalNavArrowColorHoverDesktop: var(--horizontalNavArrowColorDesktop);
3518    --horizontalNavArrowRotateHoverDesktop: var(--horizontalNavArrowRotateDesktop);
3519    --horizontalNavArrowSizeActiveDesktop: var(--horizontalNavArrowSizeDesktop);
3520    --horizontalNavArrowColorActiveDesktop: var(--horizontalNavArrowColorHoverDesktop);
3521    --horizontalNavArrowRotateActiveDesktop: var(--horizontalNavArrowRotateHoverDesktop);
3522
3523    /* sub arrow */
3524    --horizontalNavSubArrowSizeDesktop: 24px;
3525    --horizontalNavSubArrowSpacingDesktop: 5px;
3526    --horizontalNavSubArrowColorDesktop: rgba(var(--colorPrimaryA), 1);
3527    --horizontalNavSubArrowRotateDesktop: -90deg;
3528    --horizontalNavSubArrowSizeHoverDesktop: var(--horizontalNavSubArrowSizeDesktop);
3529    --horizontalNavSubArrowColorHoverDesktop: var(--horizontalNavSubArrowColorDesktop);
3530    --horizontalNavSubArrowRotateHoverDesktop: var(--horizontalNavSubArrowRotateDesktop);
3531    --horizontalNavSubArrowSizeActiveDesktop: var(--horizontalNavSubArrowSizeDesktop);
3532    --horizontalNavSubArrowColorActiveDesktop: var(--horizontalNavSubArrowColorHoverDesktop);
3533    --horizontalNavSubArrowRotateActiveDesktop: var(--horizontalNavSubArrowRotateHoverDesktop);
3534
3535    /* sub nav item padding */
3536    --horizontalNavSubItemPaddingTopDesktop: 7px;
3537    --horizontalNavSubItemPaddingBottomDesktop: 7px;
3538    --horizontalNavSubItemPaddingLeftDesktop: 10px;
3539    --horizontalNavSubItemPaddingRightDesktop: 10px;
3540
3541    /* sub nav item padding hover */
3542    --horizontalNavSubItemPaddingTopHoverDesktop:  var(--horizontalNavSubItemPaddingTopDesktop);
3543    --horizontalNavSubItemPaddingBottomHoverDesktop: var(--horizontalNavSubItemPaddingBottomDesktop);
3544    --horizontalNavSubItemPaddingLeftHoverDesktop: var(--horizontalNavSubItemPaddingLeftDesktop);
3545    --horizontalNavSubItemPaddingRightHoverDesktop: var(--horizontalNavSubItemPaddingRightDesktop);
3546
3547    /* sub nav item font */
3548    --horizontalNavSubItemFontDesktop: var(--navPrimaryFont);
3549    --horizontalNavSubItemFontColorDesktop: rgba(var(--colorPrimaryA), 1);
3550    --horizontalNavSubItemLineHeightDesktop: normal;
3551    --horizontalNavSubItemFontSizeDesktop: 16px;
3552    --horizontalNavSubItemFontWeightDesktop: 400;
3553    --horizontalNavSubItemHoverFontColorDesktop: var(--horizontalNavSubItemFontColorDesktop); /* fix */
3554    --horizontalNavSubItemBackgroundColorDesktop: transparent;
3555    --horizontalNavSubItemHoverBackgroundColorDesktop: var(--horizontalNavSubItemBackgroundColorDesktop); /* fix */
3556    --horizontalNavSubItemTextDecorationDesktop: none;
3557    --horizontalNavSubItemFontStyleDesktop: normal;
3558    --horizontalNavSubItemLetterSpacingDesktop: 0px;
3559
3560    /* sub nav item font hover */
3561    --horizontalNavSubItemFontSizeHoverDesktop: var(--horizontalNavSubItemFontSizeDesktop);
3562    --horizontalNavSubItemFontWeightHoverDesktop: var(--horizontalNavSubItemFontWeightDesktop);
3563    --horizontalNavSubItemTextDecorationHoverDesktop: var(--horizontalNavSubItemTextDecorationDesktop);
3564    --horizontalNavSubItemFontStyleHoverDesktop: var(--horizontalNavSubItemFontStyleDesktop);
3565
3566    /* sub nav item font active */
3567    --horizontalNavSubItemActiveFontColorDesktop: var(--horizontalNavSubItemHoverFontColorDesktop);
3568    --horizontalNavSubItemActiveBackgroundColorDesktop: var(--horizontalNavSubItemHoverBackgroundColorDesktop);
3569
3570    /* sub nav item border */
3571    --horizontalNavSubItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3572    --horizontalNavSubItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3573    --horizontalNavSubItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3574    --horizontalNavSubItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3575
3576    /* sub nav item border hover */
3577    --horizontalNavSubItemBorderTopHoverDesktop: var(--horizontalNavSubItemBorderTopDesktop);
3578    --horizontalNavSubItemBorderRightHoverDesktop: var(--horizontalNavSubItemBorderRightDesktop);
3579    --horizontalNavSubItemBorderBottomHoverDesktop: var(--horizontalNavSubItemBorderBottomDesktop);
3580    --horizontalNavSubItemBorderLeftHoverDesktop: var(--horizontalNavSubItemBorderLeftDesktop);
3581
3582    /* sub nav item border radius */
3583    --horizontalNavSubItemBorderRadiusDesktop: 0px 0px 0px 0px;
3584    --horizontalNavSubItemBorderRadiusHoverDesktop: var(--horizontalNavSubItemBorderRadiusDesktop);
3585
3586    /* sub menu container */
3587    --horizontalNavSubPaddingTopDesktop: 0px;
3588    --horizontalNavSubPaddingBottomDesktop: 0px;
3589    --horizontalNavSubPaddingLeftDesktop: 0px;
3590    --horizontalNavSubPaddingRightDesktop: 0px;
3591    --horizontalNavSubContainerWidthDesktop: 200px;
3592    --horizontalNavSubContainerBackgroundColorDesktop: rgba(var(--colorPrimaryF), 1);
3593
3594    /* sub menu container shadow */
3595    --horizontalNavSubContainerShadowDesktop: none;
3596
3597    /* sub menu container border */
3598    --horizontalNavSubContainerBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3599    --horizontalNavSubContainerBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3600    --horizontalNavSubContainerBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3601    --horizontalNavSubContainerBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3602
3603    /* sub menu container border radius */
3604    --horizontalNavSubContainerBorderRadiusDesktop: 0px 0px 0px 0px;
3605
3606    /**********************
3607		mega panel layout
3608	***********************/
3609
3610    /* `--megaNavPanelWidth` doubles as the "full width vs grid-contained"
3611       toggle: 100vw = full-width, max-content (or a fixed width) = contained. */
3612    --megaNavPanelNumberOfCellsDesktop: 4;
3613    --megaNavPanelCellSpacingDesktop: 64px;
3614    --megaNavPanelPaddingTopDesktop: 40px;
3615    --megaNavPanelPaddingRightDesktop: 40px;
3616    --megaNavPanelPaddingBottomDesktop: 40px;
3617    --megaNavPanelPaddingLeftDesktop: 40px;
3618    --megaNavPanelWidthDesktop: 100vw;
3619
3620    /* mega main-menu separator */
3621    --megaNavSeparatorDisplayDesktop: block;
3622    --megaNavSeparatorWidthDesktop: 0px;
3623    --megaNavSeparatorColorDesktop: rgba(var(--colorPrimaryA), 1);
3624    --megaNavSeparatorSpacingDesktop: 20px;
3625    /* mega main-menu item — independent defaults (mirror horizontal defaults) */
3626    --megaNavItemPaddingTopDesktop: 5px;
3627    --megaNavItemPaddingBottomDesktop: 5px;
3628    --megaNavItemPaddingLeftDesktop: 0px;
3629    --megaNavItemPaddingRightDesktop: 0px;
3630    --megaNavItemPaddingTopHoverDesktop: var(--megaNavItemPaddingTopDesktop);
3631    --megaNavItemPaddingBottomHoverDesktop: var(--megaNavItemPaddingBottomDesktop);
3632    --megaNavItemPaddingLeftHoverDesktop: var(--megaNavItemPaddingLeftDesktop);
3633    --megaNavItemPaddingRightHoverDesktop: var(--megaNavItemPaddingRightDesktop);
3634    --megaNavItemFontDesktop: var(--navPrimaryFont);
3635    --megaNavItemFontColorDesktop: rgba(var(--colorPrimaryA), 1);
3636    --megaNavItemLineHeightDesktop: normal;
3637    --megaNavItemFontSizeDesktop: 16px;
3638    --megaNavItemFontWeightDesktop: 400;
3639    --megaNavItemBackgroundColorDesktop: transparent;
3640    --megaNavItemLetterSpacingDesktop: 0px;
3641    --megaNavItemTextDecorationDesktop: none;
3642    --megaNavItemFontStyleDesktop: normal;
3643    --megaNavItemHoverFontColorDesktop: var(--megaNavItemFontColorDesktop);
3644    --megaNavItemHoverBackgroundColorDesktop: var(--megaNavItemBackgroundColorDesktop);
3645    --megaNavItemFontSizeHoverDesktop: var(--megaNavItemFontSizeDesktop);
3646    --megaNavItemFontWeightHoverDesktop: var(--megaNavItemFontWeightDesktop);
3647    --megaNavItemTextDecorationHoverDesktop: var(--megaNavItemTextDecorationDesktop);
3648    --megaNavItemFontStyleHoverDesktop: var(--megaNavItemFontStyleDesktop);
3649    --megaNavItemActiveFontColorDesktop: var(--megaNavItemHoverFontColorDesktop);
3650    --megaNavItemActiveBackgroundColorDesktop: var(--megaNavItemHoverBackgroundColorDesktop);
3651    --megaNavItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3652    --megaNavItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3653    --megaNavItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3654    --megaNavItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3655    --megaNavItemBorderTopHoverDesktop: var(--megaNavItemBorderTopDesktop);
3656    --megaNavItemBorderRightHoverDesktop: var(--megaNavItemBorderRightDesktop);
3657    --megaNavItemBorderBottomHoverDesktop: var(--megaNavItemBorderBottomDesktop);
3658    --megaNavItemBorderLeftHoverDesktop: var(--megaNavItemBorderLeftDesktop);
3659    --megaNavItemBorderRadiusDesktop: 0px 0px 0px 0px;
3660    --megaNavItemBorderRadiusHoverDesktop: var(--megaNavItemBorderRadiusDesktop);
3661
3662    /*****
3663		apply css properties
3664	*****/
3665
3666    /* apply main nav padding */
3667    --horizontalNavPaddingTop: var(--horizontalNavPaddingTopDesktop);
3668    --horizontalNavPaddingBottom: var(--horizontalNavPaddingBottomDesktop);
3669    --horizontalNavPaddingLeft: var(--horizontalNavPaddingLeftDesktop);
3670    --horizontalNavPaddingRight: var(--horizontalNavPaddingRightDesktop);
3671
3672    /* apply main nav justify content */
3673    --horizontalNavJustifyContent: var(--horizontalNavJustifyContentDesktop);
3674
3675    /* apply main nav item padding */
3676    --horizontalNavItemPaddingTop: var(--horizontalNavItemPaddingTopDesktop);
3677    --horizontalNavItemPaddingBottom: var(--horizontalNavItemPaddingBottomDesktop);
3678    --horizontalNavItemPaddingLeft: var(--horizontalNavItemPaddingLeftDesktop);
3679    --horizontalNavItemPaddingRight: var(--horizontalNavItemPaddingRightDesktop);
3680
3681    /* apply main nav item padding hover */
3682    --horizontalNavItemPaddingTopHover: var(--horizontalNavItemPaddingTopHoverDesktop);
3683    --horizontalNavItemPaddingBottomHover: var(--horizontalNavItemPaddingBottomHoverDesktop);
3684    --horizontalNavItemPaddingLeftHover: var(--horizontalNavItemPaddingLeftHoverDesktop);
3685    --horizontalNavItemPaddingRightHover: var(--horizontalNavItemPaddingRightHoverDesktop);
3686
3687    /* apply main nav item font */
3688    --horizontalNavItemFont: var(--horizontalNavItemFontDesktop);
3689    --horizontalNavItemFontColor: var(--horizontalNavItemFontColorDesktop);
3690    --horizontalNavItemLineHeight: var(--horizontalNavItemLineHeightDesktop);
3691    --horizontalNavItemFontSize: var(--horizontalNavItemFontSizeDesktop);
3692    --horizontalNavItemFontWeight: var(--horizontalNavItemFontWeightDesktop);
3693    --horizontalNavItemHoverFontColor: var(--horizontalNavItemHoverFontColorDesktop);
3694    --horizontalNavBackgroundColor: var(--horizontalNavBackgroundColorDesktop);
3695    --horizontalNavItemBackgroundColor: var(--horizontalNavItemBackgroundColorDesktop);
3696    --horizontalNavItemHoverBackgroundColor: var(--horizontalNavItemHoverBackgroundColorDesktop);
3697    --horizontalNavItemLetterSpacing: var(--horizontalNavItemLetterSpacingDesktop);
3698    --horizontalNavItemTextDecoration: var(--horizontalNavItemTextDecorationDesktop);
3699    --horizontalNavItemFontStyle: var(--horizontalNavItemFontStyleDesktop);
3700
3701    /* apply main nav item font hover */
3702    --horizontalNavItemFontSizeHover: var(--horizontalNavItemFontSizeHoverDesktop);
3703    --horizontalNavItemFontWeightHover: var(--horizontalNavItemFontWeightHoverDesktop);
3704    --horizontalNavItemTextDecorationHover: var(--horizontalNavItemTextDecorationHoverDesktop);
3705    --horizontalNavItemFontStyleHover: var(--horizontalNavItemFontStyleHoverDesktop);
3706
3707    /* apply main nav item font active */
3708    --horizontalNavItemActiveFontColor: var(--horizontalNavItemActiveFontColorDesktop);
3709    --horizontalNavItemActiveBackgroundColor: var(--horizontalNavItemActiveBackgroundColorDesktop);
3710
3711
3712    /* apply main nav border */
3713    --horizontalNavBorderTop: var(--horizontalNavBorderTopDesktop);
3714    --horizontalNavBorderRight: var(--horizontalNavBorderRightDesktop);
3715    --horizontalNavBorderBottom: var(--horizontalNavBorderBottomDesktop);
3716    --horizontalNavBorderLeft: var(--horizontalNavBorderLeftDesktop);
3717    /*apply main nav border radius hover*/
3718    --horizontalNavBorderRadius: var(--horizontalNavBorderRadiusDesktop);
3719    --horizontalNavBorderRadiusHover: var(--horizontalNavBorderRadiusHoverDesktop);
3720
3721    /* apply main nav item border */
3722    --horizontalNavItemBorderTop: var(--horizontalNavItemBorderTopDesktop);
3723    --horizontalNavItemBorderRight: var(--horizontalNavItemBorderRightDesktop);
3724    --horizontalNavItemBorderBottom: var(--horizontalNavItemBorderBottomDesktop);
3725    --horizontalNavItemBorderLeft: var(--horizontalNavItemBorderLeftDesktop);
3726    /* apply main nav item border hover */
3727    --horizontalNavItemBorderTopHover: var(--horizontalNavItemBorderTopHoverDesktop);
3728    --horizontalNavItemBorderRightHover: var(--horizontalNavItemBorderRightHoverDesktop);
3729    --horizontalNavItemBorderBottomHover: var(--horizontalNavItemBorderBottomHoverDesktop);
3730    --horizontalNavItemBorderLeftHover: var(--horizontalNavItemBorderLeftHoverDesktop);
3731
3732
3733    /* apply main nav item border radius */
3734    --horizontalNavItemBorderRadius: var(--horizontalNavItemBorderRadiusDesktop);
3735    --horizontalNavItemBorderRadiusHover: var(--horizontalNavItemBorderRadiusHoverDesktop);
3736
3737    /* apply separator */
3738    --horizontalNavSeparatorDisplay: var(--horizontalNavSeparatorDisplayDesktop);
3739    --horizontalNavSeparatorWidth: var(--horizontalNavSeparatorWidthDesktop);
3740    --horizontalNavSeparatorHeight: var(--horizontalNavSeparatorHeightDesktop);
3741    --horizontalNavSeparatorColor: var(--horizontalNavSeparatorColorDesktop);
3742    --horizontalNavSeparatorSpacing: var(--horizontalNavSeparatorSpacingDesktop);
3743
3744    /* apply mega separator */
3745    --megaNavSeparatorDisplay: var(--megaNavSeparatorDisplayDesktop);
3746    --megaNavSeparatorWidth: var(--megaNavSeparatorWidthDesktop);
3747    --megaNavSeparatorColor: var(--megaNavSeparatorColorDesktop);
3748    --megaNavSeparatorSpacing: var(--megaNavSeparatorSpacingDesktop);
3749
3750    /* apply sub separator */
3751    --horizontalNavSubSeparatorDisplay: var(--horizontalNavSubSeparatorDisplayDesktop);
3752    --horizontalNavSubSeparatorWidth: var(--horizontalNavSubSeparatorWidthDesktop);
3753    --horizontalNavSubSeparatorHeight: var(--horizontalNavSubSeparatorHeightDesktop);
3754    --horizontalNavSubSeparatorColor: var(--horizontalNavSubSeparatorColorDesktop);
3755    --horizontalNavSubSeparatorSpacing: var(--horizontalNavSubSeparatorSpacingDesktop);
3756
3757    /* apply arrow */
3758    --horizontalNavArrowSize: var(--horizontalNavArrowSizeDesktop);
3759    --horizontalNavArrowDisplay: var(--horizontalNavArrowDisplayDesktop);
3760    --horizontalNavItemIconDisplay: var(--horizontalNavItemIconDisplayDesktop);
3761    --horizontalNavItemIconColor: var(--horizontalNavItemIconColorDesktop);
3762    --horizontalNavItemIconColorHover: var(--horizontalNavItemIconColorHoverDesktop);
3763    --horizontalNavItemIconColorActive: var(--horizontalNavItemIconColorActiveDesktop);
3764    --horizontalNavItemIconSize: var(--horizontalNavItemIconSizeDesktop);
3765    --horizontalNavItemIconSizeHover: var(--horizontalNavItemIconSizeHoverDesktop);
3766    --horizontalNavItemIconSizeActive: var(--horizontalNavItemIconSizeActiveDesktop);
3767    --horizontalNavItemIconRotate: var(--horizontalNavItemIconRotateDesktop);
3768    --horizontalNavItemIconRotateHover: var(--horizontalNavItemIconRotateHoverDesktop);
3769    --horizontalNavItemIconRotateActive: var(--horizontalNavItemIconRotateActiveDesktop);
3770    --horizontalNavItemIconSpacing: var(--horizontalNavItemIconSpacingDesktop);
3771    --horizontalNavSubItemIconDisplay: var(--horizontalNavSubItemIconDisplayDesktop);
3772    --horizontalNavSubItemIconColor: var(--horizontalNavSubItemIconColorDesktop);
3773    --horizontalNavSubItemIconColorHover: var(--horizontalNavSubItemIconColorHoverDesktop);
3774    --horizontalNavSubItemIconColorActive: var(--horizontalNavSubItemIconColorActiveDesktop);
3775    --horizontalNavSubItemIconSize: var(--horizontalNavSubItemIconSizeDesktop);
3776    --horizontalNavSubItemIconSizeHover: var(--horizontalNavSubItemIconSizeHoverDesktop);
3777    --horizontalNavSubItemIconSizeActive: var(--horizontalNavSubItemIconSizeActiveDesktop);
3778    --horizontalNavSubItemIconRotate: var(--horizontalNavSubItemIconRotateDesktop);
3779    --horizontalNavSubItemIconRotateHover: var(--horizontalNavSubItemIconRotateHoverDesktop);
3780    --horizontalNavSubItemIconRotateActive: var(--horizontalNavSubItemIconRotateActiveDesktop);
3781    --horizontalNavSubItemIconSpacing: var(--horizontalNavSubItemIconSpacingDesktop);
3782    --horizontalNavArrowSpacing: var(--horizontalNavArrowSpacingDesktop);
3783    --horizontalNavArrowColor: var(--horizontalNavArrowColorDesktop);
3784    --horizontalNavArrowRotate: var(--horizontalNavArrowRotateDesktop);
3785    --horizontalNavArrowSizeHover: var(--horizontalNavArrowSizeHoverDesktop);
3786    --horizontalNavArrowColorHover: var(--horizontalNavArrowColorHoverDesktop);
3787    --horizontalNavArrowRotateHover: var(--horizontalNavArrowRotateHoverDesktop);
3788    --horizontalNavArrowSizeActive: var(--horizontalNavArrowSizeActiveDesktop);
3789    --horizontalNavArrowColorActive: var(--horizontalNavArrowColorActiveDesktop);
3790    --horizontalNavArrowRotateActive: var(--horizontalNavArrowRotateActiveDesktop);
3791
3792    /* apply sub arrow */
3793    --horizontalNavSubArrowSize: var(--horizontalNavSubArrowSizeDesktop);
3794    --horizontalNavSubArrowDisplay: var(--horizontalNavSubArrowDisplayDesktop);
3795    --horizontalNavSubArrowSpacing: var(--horizontalNavSubArrowSpacingDesktop);
3796    --horizontalNavSubArrowColor: var(--horizontalNavSubArrowColorDesktop);
3797    --horizontalNavSubArrowRotate: var(--horizontalNavSubArrowRotateDesktop);
3798    --horizontalNavSubArrowSizeHover: var(--horizontalNavSubArrowSizeHoverDesktop);
3799    --horizontalNavSubArrowColorHover: var(--horizontalNavSubArrowColorHoverDesktop);
3800    --horizontalNavSubArrowRotateHover: var(--horizontalNavSubArrowRotateHoverDesktop);
3801    --horizontalNavSubArrowSizeActive: var(--horizontalNavSubArrowSizeActiveDesktop);
3802    --horizontalNavSubArrowColorActive: var(--horizontalNavSubArrowColorActiveDesktop);
3803    --horizontalNavSubArrowRotateActive: var(--horizontalNavSubArrowRotateActiveDesktop);
3804
3805    /* apply sub */
3806    --horizontalNavSubItemPaddingTop: var(--horizontalNavSubItemPaddingTopDesktop);
3807    --horizontalNavSubItemPaddingBottom: var(--horizontalNavSubItemPaddingBottomDesktop);
3808    --horizontalNavSubItemPaddingLeft: var(--horizontalNavSubItemPaddingLeftDesktop);
3809    --horizontalNavSubItemPaddingRight: var(--horizontalNavSubItemPaddingRightDesktop);
3810
3811    /* apply sub nav item padding hover */
3812    --horizontalNavSubItemPaddingTopHover: var(--horizontalNavSubItemPaddingTopHoverDesktop);
3813    --horizontalNavSubItemPaddingBottomHover: var(--horizontalNavSubItemPaddingBottomHoverDesktop);
3814    --horizontalNavSubItemPaddingLeftHover: var(--horizontalNavSubItemPaddingLeftHoverDesktop);
3815    --horizontalNavSubItemPaddingRightHover: var(--horizontalNavSubItemPaddingRightHoverDesktop);
3816
3817
3818    /* apply sub nav item font */
3819    --horizontalNavSubItemFont: var(--horizontalNavSubItemFontDesktop);
3820    --horizontalNavSubItemFontColor: var(--horizontalNavSubItemFontColorDesktop);
3821    --horizontalNavSubItemLineHeight: var(--horizontalNavSubItemLineHeightDesktop);
3822    --horizontalNavSubItemFontSize: var(--horizontalNavSubItemFontSizeDesktop);
3823    --horizontalNavSubItemFontWeight: var(--horizontalNavSubItemFontWeightDesktop);
3824    --horizontalNavSubItemHoverFontColor: var(--horizontalNavSubItemHoverFontColorDesktop);
3825    --horizontalNavSubItemBackgroundColor: var(--horizontalNavSubItemBackgroundColorDesktop);
3826    --horizontalNavSubItemHoverBackgroundColor: var(--horizontalNavSubItemHoverBackgroundColorDesktop);
3827    --horizontalNavSubItemTextDecoration: var(--horizontalNavSubItemTextDecorationDesktop);
3828    --horizontalNavSubItemFontStyle: var(--horizontalNavSubItemFontStyleDesktop);
3829    --horizontalNavSubItemLetterSpacing: var(--horizontalNavSubItemLetterSpacingDesktop);
3830
3831    /* apply sub nav item font hover */
3832    --horizontalNavSubItemFontSizeHover: var(--horizontalNavSubItemFontSizeHoverDesktop);
3833    --horizontalNavSubItemFontWeightHover: var(--horizontalNavSubItemFontWeightHoverDesktop);
3834    --horizontalNavSubItemTextDecorationHover: var(--horizontalNavSubItemTextDecorationHoverDesktop);
3835    --horizontalNavSubItemFontStyleHover: var(--horizontalNavSubItemFontStyleHoverDesktop);
3836
3837    /* apply sub nav item font active */
3838    --horizontalNavSubItemActiveFontColor: var(--horizontalNavSubItemActiveFontColorDesktop);
3839    --horizontalNavSubItemActiveBackgroundColor: var(--horizontalNavSubItemActiveBackgroundColorDesktop);
3840
3841    /* apply sub nav item border */
3842    --horizontalNavSubItemBorderTop: var(--horizontalNavSubItemBorderTopDesktop);
3843    --horizontalNavSubItemBorderRight: var(--horizontalNavSubItemBorderRightDesktop);
3844    --horizontalNavSubItemBorderBottom: var(--horizontalNavSubItemBorderBottomDesktop);
3845    --horizontalNavSubItemBorderLeft: var(--horizontalNavSubItemBorderLeftDesktop);
3846
3847    /* apply sub nav item border hover */
3848    --horizontalNavSubItemBorderTopHover: var(--horizontalNavSubItemBorderTopHoverDesktop);
3849    --horizontalNavSubItemBorderRightHover: var(--horizontalNavSubItemBorderRightHoverDesktop);
3850    --horizontalNavSubItemBorderBottomHover: var(--horizontalNavSubItemBorderBottomHoverDesktop);
3851    --horizontalNavSubItemBorderLeftHover: var(--horizontalNavSubItemBorderLeftHoverDesktop);
3852
3853    /* apply sub nav item border radius */
3854    --horizontalNavSubItemBorderRadius: var(--horizontalNavSubItemBorderRadiusDesktop);
3855    --horizontalNavSubItemBorderRadiusHover: var(--horizontalNavSubItemBorderRadiusHoverDesktop);
3856
3857    /* apply sub menu container */
3858    --horizontalNavSubPaddingTop: var(--horizontalNavSubPaddingTopDesktop);
3859    --horizontalNavSubPaddingBottom: var(--horizontalNavSubPaddingBottomDesktop);
3860    --horizontalNavSubPaddingLeft: var(--horizontalNavSubPaddingLeftDesktop);
3861    --horizontalNavSubPaddingRight: var(--horizontalNavSubPaddingRightDesktop);
3862    --horizontalNavSubContainerWidth: var(--horizontalNavSubContainerWidthDesktop);
3863    --horizontalNavSubContainerBackgroundColor: var(--horizontalNavSubContainerBackgroundColorDesktop);
3864
3865    /* apply sub menu container shadow */
3866    --horizontalNavSubContainerShadow: var(--horizontalNavSubContainerShadowDesktop);
3867
3868    /* apply sub menu container border */
3869    --horizontalNavSubContainerBorderTop: var(--horizontalNavSubContainerBorderTopDesktop);
3870    --horizontalNavSubContainerBorderRight: var(--horizontalNavSubContainerBorderRightDesktop);
3871    --horizontalNavSubContainerBorderBottom: var(--horizontalNavSubContainerBorderBottomDesktop);
3872    --horizontalNavSubContainerBorderLeft: var(--horizontalNavSubContainerBorderLeftDesktop);
3873
3874    /* apply sub menu container border radius */
3875    --horizontalNavSubContainerBorderRadius: var(--horizontalNavSubContainerBorderRadiusDesktop);
3876
3877    /**********************
3878		hamburger main nav
3879	***********************/
3880
3881    /* main background color */
3882    --hamburgerNavBackgroundColorDesktop: rgba(var(--colorPrimaryC), 1);
3883
3884    /* main nav padding */
3885    --hamburgerNavPaddingTopDesktop: 50px;
3886    --hamburgerNavPaddingBottomDesktop: 50px;
3887    --hamburgerNavPaddingLeftDesktop: 100px;
3888    --hamburgerNavPaddingRightDesktop: 100px;
3889
3890    /* hamburger menu icon */
3891    --hamburgerMenuIconSizeDesktop: 50px;
3892    --hamburgerMenuIconSizeHoverDesktop: var(--hamburgerMenuIconSizeDesktop);
3893    --hamburgerMenuIconColorDesktop: rgba(var(--colorPrimaryA), 1);
3894    --hamburgerMenuIconHoverColorDesktop: var(--hamburgerMenuIconColorDesktop);
3895    --hamburgerMenuIconActiveSizeDesktop: 50px;
3896    --hamburgerMenuIconActiveColorDesktop: rgba(var(--colorPrimaryJ), 1);
3897    --hamburgerMenuIconActiveHoverColorDesktop: var(--hamburgerMenuIconActiveColorDesktop);
3898    --hamburgerMenuIconActiveSizeHoverDesktop: var(--hamburgerMenuIconActiveSizeDesktop);
3899    --hamburgerMenuDisplayDesktop: block;
3900    --hamburgerMenuJustifySelfDesktop: end;
3901
3902    /* main nav justify self */
3903    --hamburgerNavJustifySelfDesktop: center;
3904
3905    /* main nav items alignment */
3906    --hamburgerNavItemsAlignmentDesktop: left;
3907
3908    /* main nav item padding */
3909    --hamburgerNavItemPaddingTopDesktop: 10px;
3910    --hamburgerNavItemPaddingBottomDesktop: 10px;
3911    --hamburgerNavItemPaddingLeftDesktop: 0px;
3912    --hamburgerNavItemPaddingRightDesktop: 0px;
3913
3914    /* main nav item padding hover */
3915    --hamburgerNavItemPaddingTopHoverDesktop: var(--hamburgerNavItemPaddingTopDesktop);
3916    --hamburgerNavItemPaddingBottomHoverDesktop: var(--hamburgerNavItemPaddingBottomDesktop);
3917    --hamburgerNavItemPaddingLeftHoverDesktop: var(--hamburgerNavItemPaddingLeftDesktop);
3918    --hamburgerNavItemPaddingRightHoverDesktop: var(--hamburgerNavItemPaddingRightDesktop);
3919
3920    /* main nav item border */
3921    --hamburgerNavItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
3922    --hamburgerNavItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
3923    --hamburgerNavItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
3924    --hamburgerNavItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
3925
3926    /* main nav item border hover */
3927    --hamburgerNavItemBorderTopHoverDesktop: var(--hamburgerNavItemBorderTopDesktop);
3928    --hamburgerNavItemBorderRightHoverDesktop: var(--hamburgerNavItemBorderRightDesktop);
3929    --hamburgerNavItemBorderBottomHoverDesktop: var(--hamburgerNavItemBorderBottomDesktop);
3930    --hamburgerNavItemBorderLeftHoverDesktop: var(--hamburgerNavItemBorderLeftDesktop);
3931
3932    /* main nav item border radius */
3933    --hamburgerNavItemBorderRadiusDesktop: 0px 0px 0px 0px;
3934    --hamburgerNavItemBorderRadiusHoverDesktop: var(--hamburgerNavItemBorderRadiusDesktop);
3935
3936    /* main nav item font */
3937    --hamburgerNavItemFontDesktop: var(--navPrimaryFont);
3938    --hamburgerNavItemFontColorDesktop: rgba(var(--colorPrimaryJ), 1);
3939    --hamburgerNavItemLineHeightDesktop: normal;
3940    --hamburgerNavItemFontSizeDesktop: 48px;
3941    --hamburgerNavItemFontWeightDesktop: 400;
3942    --hamburgerNavItemBackgroundColorDesktop: transparent;
3943    --hamburgerNavItemLetterSpacingDesktop: 0px;
3944    --hamburgerNavItemTextDecorationDesktop: none;
3945    --hamburgerNavItemFontStyleDesktop: normal;
3946
3947    /* main nav item font hover */
3948    --hamburgerNavItemHoverFontColorDesktop: var(--hamburgerNavItemFontColorDesktop);
3949    --hamburgerNavItemHoverBackgroundColorDesktop: var(--hamburgerNavItemBackgroundColorDesktop);
3950    --hamburgerNavItemFontHoverDesktop: var(--hamburgerNavItemFontDesktop);
3951    --hamburgerNavItemLineHeightHoverDesktop: var(--hamburgerNavItemLineHeightDesktop);
3952    --hamburgerNavItemFontSizeHoverDesktop: var(--hamburgerNavItemFontSizeDesktop);
3953    --hamburgerNavItemFontWeightHoverDesktop: var(--hamburgerNavItemFontWeightDesktop);
3954    --hamburgerNavItemLetterSpacingHoverDesktop: var(--hamburgerNavItemLetterSpacingDesktop);
3955    --hamburgerNavItemTextDecorationHoverDesktop: var(--hamburgerNavItemTextDecorationDesktop);
3956    --hamburgerNavItemFontStyleHoverDesktop: var(--hamburgerNavItemFontStyleDesktop);
3957
3958    /* separator */
3959    --hamburgerNavSeparatorDisplayDesktop: block;
3960    --hamburgerNavSeparatorWidthDesktop: 100%;
3961    --hamburgerNavSeparatorHeightDesktop: 1px;
3962    --hamburgerNavSeparatorColorDesktop: rgba(var(--colorPrimaryJ), 1);
3963    --hamburgerNavSeparatorSpacingDesktop: 20px;
3964
3965    /* sub separator */
3966    --hamburgerNavSubSeparatorDisplayDesktop: block;
3967    --hamburgerNavSubSeparatorWidthDesktop: 100%;
3968    --hamburgerNavSubSeparatorHeightDesktop: 1px;
3969    --hamburgerNavSubSeparatorColorDesktop: rgba(var(--colorPrimaryJ), 1);
3970    --hamburgerNavSubSeparatorSpacingDesktop: 20px;
3971
3972    /* arrow */
3973    --hamburgerNavArrowSizeDesktop: 64px;
3974    --hamburgerNavArrowColorDesktop: rgba(var(--colorPrimaryJ), 1);
3975    --hamburgerNavArrowSpacingDesktop: 25px;
3976    --hamburgerNavArrowRotateDesktop: 0deg;
3977    --hamburgerNavArrowAutoSpacingDesktop: 100%; /* off: auto */
3978    --hamburgerNavArrowSizeHoverDesktop: var(--hamburgerNavArrowSizeDesktop);
3979    --hamburgerNavArrowColorHoverDesktop: var(--hamburgerNavArrowColorDesktop);
3980    --hamburgerNavArrowRotateHoverDesktop: var(--hamburgerNavArrowRotateDesktop);
3981
3982    /* sub arrow */
3983    --hamburgerNavSubArrowSizeDesktop: 32px;
3984    --hamburgerNavSubArrowColorDesktop: rgba(var(--colorPrimaryJ), 1);
3985    --hamburgerNavSubArrowSpacingDesktop: 25px;
3986    --hamburgerNavSubArrowRotateDesktop: 0deg;
3987    --hamburgerNavSubArrowAutoSpacingDesktop: 100%; /* off: auto */
3988    --hamburgerNavSubArrowSizeHoverDesktop: var(--hamburgerNavSubArrowSizeDesktop);
3989    --hamburgerNavSubArrowColorHoverDesktop: var(--hamburgerNavSubArrowColorDesktop);
3990    --hamburgerNavSubArrowRotateHoverDesktop: var(--hamburgerNavSubArrowRotateDesktop);
3991
3992    /* sub menu background color */
3993    --hamburgerNavSubBackgroundColorDesktop: transparent;
3994
3995    /* sub nav item padding */
3996    --hamburgerNavSubItemPaddingTopDesktop: 10px;
3997    --hamburgerNavSubItemPaddingRightDesktop: 0px;
3998    --hamburgerNavSubItemPaddingBottomDesktop: 10px;
3999    --hamburgerNavSubItemPaddingLeftDesktop: 0px;
4000
4001    /* sub nav item padding hover */
4002    --hamburgerNavSubItemPaddingTopHoverDesktop: var(--hamburgerNavSubItemPaddingTopDesktop);
4003    --hamburgerNavSubItemPaddingRightHoverDesktop: var(--hamburgerNavSubItemPaddingRightDesktop);
4004    --hamburgerNavSubItemPaddingBottomHoverDesktop: var(--hamburgerNavSubItemPaddingBottomDesktop);
4005    --hamburgerNavSubItemPaddingLeftHoverDesktop: var(--hamburgerNavSubItemPaddingLeftDesktop);
4006
4007    /* sub nav item border */
4008    --hamburgerNavSubItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
4009    --hamburgerNavSubItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
4010    --hamburgerNavSubItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
4011    --hamburgerNavSubItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
4012
4013    /* sub nav item border */
4014    --hamburgerNavSubItemBorderTopHoverDesktop: var(--hamburgerNavSubItemBorderTopDesktop);
4015    --hamburgerNavSubItemBorderRightHoverDesktop: var(--hamburgerNavSubItemBorderRightDesktop);
4016    --hamburgerNavSubItemBorderBottomHoverDesktop: var(--hamburgerNavSubItemBorderBottomDesktop);
4017    --hamburgerNavSubItemBorderLeftHoverDesktop: var(--hamburgerNavSubItemBorderLeftDesktop);
4018
4019    /* sub nav item border radius */
4020    --hamburgerNavSubItemBorderRadiusDesktop: 0px 0px 0px 0px;
4021    --hamburgerNavSubItemBorderRadiusHoverDesktop: var(--hamburgerNavSubItemBorderRadiusDesktop);
4022
4023    /* sub nav item background color */
4024    --hamburgerNavSubItemBackgroundColorDesktop: transparent;
4025
4026    /* sub nav item hover background color */
4027    --hamburgerNavSubItemHoverBackgroundColorDesktop: var(--hamburgerNavSubItemBackgroundColorDesktop);
4028
4029    /* sub nav item font */
4030    --hamburgerNavSubItemFontDesktop: var(--navPrimaryFont);
4031    --hamburgerNavSubItemFontColorDesktop: rgba(var(--colorPrimaryJ), 1);
4032    --hamburgerNavSubItemLineHeightDesktop: normal;
4033    --hamburgerNavSubItemFontSizeDesktop: 28px;
4034    --hamburgerNavSubItemFontWeightDesktop: 400;
4035    --hamburgerNavSubItemTextDecorationDesktop: none;
4036    --hamburgerNavSubItemFontStyleDesktop: normal;
4037    --hamburgerNavSubItemLetterSpacingDesktop: 0px;
4038
4039    /* sub nav item font hover */
4040    --hamburgerNavSubItemHoverFontColorDesktop: var(--hamburgerNavSubItemFontColorDesktop);
4041    --hamburgerNavSubItemFontHoverDesktop: var(--hamburgerNavSubItemFontDesktop);
4042    --hamburgerNavSubItemLineHeightHoverDesktop: var(--hamburgerNavSubItemLineHeightDesktop);
4043    --hamburgerNavSubItemFontSizeHoverDesktop: var(--hamburgerNavSubItemFontSizeDesktop);
4044    --hamburgerNavSubItemFontWeightHoverDesktop: var(--hamburgerNavSubItemFontWeightDesktop);
4045    --hamburgerNavSubItemLetterSpacingHoverDesktop: var(--hamburgerNavSubItemLetterSpacingDesktop);
4046    --hamburgerNavSubItemTextDecorationHoverDesktop: var(--hamburgerNavSubItemTextDecorationDesktop);
4047    --hamburgerNavSubItemFontStyleHoverDesktop: var(--hamburgerNavSubItemFontStyleDesktop);
4048
4049    /* nav back button border */
4050    --hamburgerNavBackButtonBorderTopDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
4051    --hamburgerNavBackButtonBorderRightDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
4052    --hamburgerNavBackButtonBorderBottomDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
4053    --hamburgerNavBackButtonBorderLeftDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
4054
4055    /* nav back button border hover */
4056    --hamburgerNavBackButtonBorderTopHoverDesktop: var(--hamburgerNavBackButtonBorderTopDesktop);
4057    --hamburgerNavBackButtonBorderRightHoverDesktop: var(--hamburgerNavBackButtonBorderRightDesktop);
4058    --hamburgerNavBackButtonBorderBottomHoverDesktop: var(--hamburgerNavBackButtonBorderBottomDesktop);
4059    --hamburgerNavBackButtonBorderLeftHoverDesktop: var(--hamburgerNavBackButtonBorderLeftDesktop);
4060
4061    /* nav back button border radius */
4062    --hamburgerNavBackButtonBorderRadiusDesktop: 0px 0px 0px 0px;
4063    --hamburgerNavBackButtonBorderRadiusHoverDesktop: var(--hamburgerNavBackButtonBorderRadiusDesktop);
4064
4065    /* nav back button background color */
4066    --hamburgerNavBackButtonBackgroundColorDesktop: transparent;
4067
4068    /* nav back button hover background color */
4069    --hamburgerNavBackButtonHoverBackgroundColorDesktop: var(--hamburgerNavBackButtonBackgroundColorDesktop);
4070
4071    /* nav back button */
4072    --hamburgerNavBackButtonPaddingTopDesktop: 10px;
4073    --hamburgerNavBackButtonPaddingBottomDesktop: 10px;
4074    --hamburgerNavBackButtonPaddingLeftDesktop: 0px;
4075    --hamburgerNavBackButtonPaddingRightDesktop: 0px;
4076    --hamburgerNavBackButtonFontDesktop: var(--navPrimaryFont);
4077    --hamburgerNavBackButtonColorDesktop: rgba(var(--colorPrimaryJ), 1);
4078    --hamburgerNavBackButtonFontSizeDesktop: 28px;
4079    --hamburgerNavBackButtonFontWeightDesktop: 400;
4080    --hamburgerNavBackButtonFontStyleDesktop: normal;
4081    --hamburgerNavBackButtonLetterSpacingDesktop: 0px;
4082    --hamburgerNavBackButtonTextDecorationDesktop: none;
4083    --hamburgerNavBackButtonLineHeightDesktop: normal;
4084
4085    /* nav back button font hover */
4086    --hamburgerNavBackButtonHoverFontColorDesktop: var(--hamburgerNavBackButtonColorDesktop);
4087    --hamburgerNavBackButtonFontSizeHoverDesktop: var(--hamburgerNavBackButtonFontSizeDesktop);
4088    --hamburgerNavBackButtonFontWeightHoverDesktop: var(--hamburgerNavBackButtonFontWeightDesktop);
4089    --hamburgerNavBackButtonFontStyleHoverDesktop: var(--hamburgerNavBackButtonFontStyleDesktop);
4090    --hamburgerNavBackButtonTextDecorationHoverDesktop: var(--hamburgerNavBackButtonTextDecorationDesktop);
4091
4092    /* nav back button hover  */
4093    --hamburgerNavBackButtonPaddingTopHoverDesktop: var(--hamburgerNavBackButtonPaddingTopDesktop);
4094    --hamburgerNavBackButtonPaddingBottomHoverDesktop: var(--hamburgerNavBackButtonPaddingBottomDesktop);
4095    --hamburgerNavBackButtonPaddingLeftHoverDesktop: var(--hamburgerNavBackButtonPaddingLeftDesktop);
4096    --hamburgerNavBackButtonPaddingRightHoverDesktop: var(--hamburgerNavBackButtonPaddingRightDesktop);
4097
4098    /* nav back button arrow */
4099    --hamburgerNavBackButtonArrowSizeDesktop: 24px;
4100    --hamburgerNavBackButtonArrowSizeHoverDesktop: var(--hamburgerNavBackButtonArrowSizeDesktop);
4101    --hamburgerNavBackButtonArrowColorDesktop: rgba(var(--colorPrimaryJ), 1);
4102    --hamburgerNavBackButtonArrowSpacingDesktop: 10px;
4103    --hamburgerNavBackButtonArrowRotateDesktop: 0deg;
4104
4105    /* parent title border */
4106    --hamburgerTitleBorderTopDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
4107    --hamburgerTitleBorderRightDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
4108    --hamburgerTitleBorderBottomDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
4109    --hamburgerTitleBorderLeftDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
4110
4111    /* parent title border */
4112    --hamburgerTitleBorderTopHoverDesktop: var(--hamburgerTitleBorderTopDesktop);
4113    --hamburgerTitleBorderRightHoverDesktop: var(--hamburgerTitleBorderRightDesktop);
4114    --hamburgerTitleBorderBottomHoverDesktop: var(--hamburgerTitleBorderBottomDesktop);
4115    --hamburgerTitleBorderLeftHoverDesktop: var(--hamburgerTitleBorderLeftDesktop);
4116
4117    /* parent title border radius */
4118    --hamburgerTitleBorderRadiusDesktop: 0px 0px 0px 0px;
4119    --hamburgerTitleBorderRadiusHoverDesktop: var(--hamburgerTitleBorderRadiusDesktop);
4120
4121    /* parent title background color */
4122    --hamburgerTitleBackgroundColorDesktop: transparent;
4123    --hamburgerTitleBackgroundColorHoverDesktop: var(--hamburgerTitleBackgroundColorDesktop);
4124
4125    /* parent title padding */
4126    --hamburgerTitlePaddingTopDesktop: 10px;
4127    --hamburgerTitlePaddingBottomDesktop: 10px;
4128    --hamburgerTitlePaddingLeftDesktop: 0px;
4129    --hamburgerTitlePaddingRightDesktop: 0px;
4130
4131    /* parent title padding hover*/
4132    --hamburgerTitlePaddingTopHoverDesktop: var(--hamburgerTitlePaddingTopDesktop);
4133    --hamburgerTitlePaddingBottomHoverDesktop: var(--hamburgerTitlePaddingBottomDesktop);
4134    --hamburgerTitlePaddingLeftHoverDesktop: var(--hamburgerTitlePaddingLeftDesktop);
4135    --hamburgerTitlePaddingRightHoverDesktop: var(--hamburgerTitlePaddingRightDesktop);
4136
4137    /* parent title font */
4138    --hamburgerTitleFontDesktop: var(--navPrimaryFont);
4139    --hamburgerTitleFontColorDesktop: rgba(var(--colorPrimaryJ), 1);
4140    --hamburgerTitleFontSizeDesktop: 48px;
4141    --hamburgerTitleLineHeightDesktop: normal;
4142    --hamburgerTitleFontWeightDesktop: 400;
4143    --hamburgerTitleFontStyleDesktop: normal;
4144    --hamburgerTitleLetterSpacingDesktop: 0px;
4145    --hamburgerTitleTextDecorationDesktop: none;
4146
4147    /* parent title arrow */
4148    --hamburgerTitleArrowSizeDesktop: 64px;
4149    --hamburgerTitleArrowColorDesktop: rgba(var(--colorPrimaryJ), 1);
4150    --hamburgerTitleArrowSpacingDesktop: 15px;
4151    --hamburgerTitleArrowRotateDesktop: 0deg;
4152
4153    /* slide container */
4154    --hamburgerSlideContainerWidthDesktop: 800px;
4155
4156    /*****
4157		apply css properties
4158	*****/
4159
4160    /* apply main background color */
4161    --hamburgerNavBackgroundColor: var(--hamburgerNavBackgroundColorDesktop);
4162
4163    /* apply main nav padding */
4164    --hamburgerNavPaddingTop: var(--hamburgerNavPaddingTopDesktop);
4165    --hamburgerNavPaddingBottom: var(--hamburgerNavPaddingBottomDesktop);
4166    --hamburgerNavPaddingLeft: var(--hamburgerNavPaddingLeftDesktop);
4167    --hamburgerNavPaddingRight: var(--hamburgerNavPaddingRightDesktop);
4168
4169    /* apply hamburger menu icon */
4170    --hamburgerMenuIconSize: var(--hamburgerMenuIconSizeDesktop);
4171    --hamburgerMenuIconSizeHover: var(--hamburgerMenuIconSizeHoverDesktop);
4172    --hamburgerMenuIconColor: var(--hamburgerMenuIconColorDesktop);
4173    --hamburgerMenuIconHoverColor: var(--hamburgerMenuIconHoverColorDesktop);
4174    --hamburgerMenuIconActiveSize: var(--hamburgerMenuIconActiveSizeDesktop);
4175    --hamburgerMenuIconActiveColor: var(--hamburgerMenuIconActiveColorDesktop);
4176    --hamburgerMenuIconActiveHoverColor: var(--hamburgerMenuIconActiveHoverColorDesktop);
4177    --hamburgerMenuIconActiveSizeHover: var(--hamburgerMenuIconActiveSizeHoverDesktop);
4178    --hamburgerMenuDisplay: var(--hamburgerMenuDisplayDesktop);
4179    --hamburgerMenuJustifySelf: var(--hamburgerMenuJustifySelfDesktop);
4180
4181    /* apply main nav justify self */
4182    --hamburgerNavJustifySelf: var(--hamburgerNavJustifySelfDesktop);
4183
4184    /* apply main nav items alignment */
4185    --hamburgerNavItemsAlignment: var(--hamburgerNavItemsAlignmentDesktop);
4186
4187    /* apply main nav item padding */
4188    --hamburgerNavItemPaddingTop: var(--hamburgerNavItemPaddingTopDesktop);
4189    --hamburgerNavItemPaddingBottom: var(--hamburgerNavItemPaddingBottomDesktop);
4190    --hamburgerNavItemPaddingLeft: var(--hamburgerNavItemPaddingLeftDesktop);
4191    --hamburgerNavItemPaddingRight: var(--hamburgerNavItemPaddingRightDesktop);
4192
4193    /* apply main nav item padding hover */
4194    --hamburgerNavItemPaddingTopHover: var(--hamburgerNavItemPaddingTopHoverDesktop);
4195    --hamburgerNavItemPaddingBottomHover: var(--hamburgerNavItemPaddingBottomHoverDesktop);
4196    --hamburgerNavItemPaddingLeftHover: var(--hamburgerNavItemPaddingLeftHoverDesktop);
4197    --hamburgerNavItemPaddingRightHover: var(--hamburgerNavItemPaddingRightHoverDesktop);
4198
4199    /* apply main nav item border */
4200    --hamburgerNavItemBorderTop: var(--hamburgerNavItemBorderTopDesktop);
4201    --hamburgerNavItemBorderRight: var(--hamburgerNavItemBorderRightDesktop);
4202    --hamburgerNavItemBorderBottom: var(--hamburgerNavItemBorderBottomDesktop);
4203    --hamburgerNavItemBorderLeft: var(--hamburgerNavItemBorderLeftDesktop);
4204
4205    /* apply main nav item border hover */
4206    --hamburgerNavItemBorderTopHover: var(--hamburgerNavItemBorderTopHoverDesktop);
4207    --hamburgerNavItemBorderRightHover: var(--hamburgerNavItemBorderRightHoverDesktop);
4208    --hamburgerNavItemBorderBottomHover: var(--hamburgerNavItemBorderBottomHoverDesktop);
4209    --hamburgerNavItemBorderLeftHover: var(--hamburgerNavItemBorderLeftHoverDesktop);
4210
4211    /* apply main nav item border radius */
4212    --hamburgerNavItemBorderRadius: var(--hamburgerNavItemBorderRadiusDesktop);
4213    --hamburgerNavItemBorderRadiusHover: var(--hamburgerNavItemBorderRadiusHoverDesktop);
4214
4215    /* apply main nav item font */
4216    --hamburgerNavItemFont: var(--hamburgerNavItemFontDesktop);
4217    --hamburgerNavItemFontColor: var(--hamburgerNavItemFontColorDesktop);
4218    --hamburgerNavItemLineHeight: var(--hamburgerNavItemLineHeightDesktop);
4219    --hamburgerNavItemFontSize: var(--hamburgerNavItemFontSizeDesktop);
4220    --hamburgerNavItemFontWeight: var(--hamburgerNavItemFontWeightDesktop);
4221    --hamburgerNavItemBackgroundColor: var(--hamburgerNavItemBackgroundColorDesktop);
4222    --hamburgerNavItemLetterSpacing: var(--hamburgerNavItemLetterSpacingDesktop);
4223    --hamburgerNavItemTextDecoration: var(--hamburgerNavItemTextDecorationDesktop);
4224    --hamburgerNavItemFontStyle: var(--hamburgerNavItemFontStyleDesktop);
4225
4226    /* apply main van item font hover */
4227    --hamburgerNavItemHoverFontColor: var(--hamburgerNavItemHoverFontColorDesktop);
4228    --hamburgerNavItemHoverBackgroundColor: var(--hamburgerNavItemHoverBackgroundColorDesktop);
4229    --hamburgerNavItemFontHover: var(--hamburgerNavItemFontHoverDesktop);
4230    --hamburgerNavItemLineHeightHover: var(--hamburgerNavItemLineHeightHoverDesktop);
4231    --hamburgerNavItemFontSizeHover: var(--hamburgerNavItemFontSizeHoverDesktop);
4232    --hamburgerNavItemFontWeightHover: var(--hamburgerNavItemFontWeightHoverDesktop);
4233    --hamburgerNavItemLetterSpacingHover: var(--hamburgerNavItemLetterSpacingHoverDesktop);
4234    --hamburgerNavItemTextDecorationHover: var(--hamburgerNavItemTextDecorationHoverDesktop);
4235    --hamburgerNavItemFontStyleHover: var(--hamburgerNavItemFontStyleHoverDesktop);
4236
4237    /* apply separator */
4238    --hamburgerNavSeparatorDisplay: var(--hamburgerNavSeparatorDisplayDesktop);
4239    --hamburgerNavSeparatorWidth: var(--hamburgerNavSeparatorWidthDesktop);
4240    --hamburgerNavSeparatorHeight: var(--hamburgerNavSeparatorHeightDesktop);
4241    --hamburgerNavSeparatorColor: var(--hamburgerNavSeparatorColorDesktop);
4242    --hamburgerNavSeparatorSpacing: var(--hamburgerNavSeparatorSpacingDesktop);
4243
4244    /* apply sub separator */
4245    --hamburgerNavSubSeparatorDisplay: var(--hamburgerNavSubSeparatorDisplayDesktop);
4246    --hamburgerNavSubSeparatorWidth: var(--hamburgerNavSubSeparatorWidthDesktop);
4247    --hamburgerNavSubSeparatorHeight: var(--hamburgerNavSubSeparatorHeightDesktop);
4248    --hamburgerNavSubSeparatorColor: var(--hamburgerNavSubSeparatorColorDesktop);
4249    --hamburgerNavSubSeparatorSpacing: var(--hamburgerNavSubSeparatorSpacingDesktop);
4250
4251    /* apply arrow */
4252    --hamburgerNavArrowSize: var(--hamburgerNavArrowSizeDesktop);
4253    --hamburgerNavArrowColor: var(--hamburgerNavArrowColorDesktop);
4254    --hamburgerNavArrowSpacing: var(--hamburgerNavArrowSpacingDesktop);
4255    --hamburgerNavArrowRotate: var(--hamburgerNavArrowRotateDesktop);
4256    --hamburgerNavArrowAutoSpacing: var(--hamburgerNavArrowAutoSpacingDesktop);
4257    --hamburgerNavArrowSizeHover: var(--hamburgerNavArrowSizeHoverDesktop);
4258    --hamburgerNavArrowColorHover: var(--hamburgerNavArrowColorHoverDesktop);
4259    --hamburgerNavArrowRotateHover: var(--hamburgerNavArrowRotateHoverDesktop);
4260
4261    /* apply main item icon */
4262    --hamburgerNavItemIconDisplay: var(--hamburgerNavItemIconDisplayDesktop);
4263    --hamburgerNavItemIconColor: var(--hamburgerNavItemIconColorDesktop);
4264    --hamburgerNavItemIconColorHover: var(--hamburgerNavItemIconColorHoverDesktop);
4265    --hamburgerNavItemIconSize: var(--hamburgerNavItemIconSizeDesktop);
4266    --hamburgerNavItemIconSizeHover: var(--hamburgerNavItemIconSizeHoverDesktop);
4267    --hamburgerNavItemIconRotate: var(--hamburgerNavItemIconRotateDesktop);
4268    --hamburgerNavItemIconRotateHover: var(--hamburgerNavItemIconRotateHoverDesktop);
4269    --hamburgerNavItemIconSpacing: var(--hamburgerNavItemIconSpacingDesktop);
4270    --hamburgerNavSubItemIconDisplay: var(--hamburgerNavSubItemIconDisplayDesktop);
4271    --hamburgerNavSubItemIconColor: var(--hamburgerNavSubItemIconColorDesktop);
4272    --hamburgerNavSubItemIconColorHover: var(--hamburgerNavSubItemIconColorHoverDesktop);
4273    --hamburgerNavSubItemIconSize: var(--hamburgerNavSubItemIconSizeDesktop);
4274    --hamburgerNavSubItemIconSizeHover: var(--hamburgerNavSubItemIconSizeHoverDesktop);
4275    --hamburgerNavSubItemIconRotate: var(--hamburgerNavSubItemIconRotateDesktop);
4276    --hamburgerNavSubItemIconRotateHover: var(--hamburgerNavSubItemIconRotateHoverDesktop);
4277    --hamburgerNavSubItemIconSpacing: var(--hamburgerNavSubItemIconSpacingDesktop);
4278
4279    /* apply sub arrow */
4280    --hamburgerNavSubArrowSize: var(--hamburgerNavSubArrowSizeDesktop);
4281    --hamburgerNavSubArrowColor: var(--hamburgerNavSubArrowColorDesktop);
4282    --hamburgerNavSubArrowSpacing: var(--hamburgerNavSubArrowSpacingDesktop);
4283    --hamburgerNavSubArrowRotate: var(--hamburgerNavSubArrowRotateDesktop);
4284    --hamburgerNavSubArrowAutoSpacing: var(--hamburgerNavSubArrowAutoSpacingDesktop);
4285    --hamburgerNavSubArrowSizeHover: var(--hamburgerNavSubArrowSizeHoverDesktop);
4286    --hamburgerNavSubArrowColorHover: var(--hamburgerNavSubArrowColorHoverDesktop);
4287    --hamburgerNavSubArrowRotateHover: var(--hamburgerNavSubArrowRotateHoverDesktop);
4288
4289    /* apply sub menu background color */
4290    --hamburgerNavSubBackgroundColor: var(--hamburgerNavSubBackgroundColorDesktop);
4291
4292    /* apply sub nav item padding */
4293    --hamburgerNavSubItemPaddingTop: var(--hamburgerNavSubItemPaddingTopDesktop);
4294    --hamburgerNavSubItemPaddingRight: var(--hamburgerNavSubItemPaddingRightDesktop);
4295    --hamburgerNavSubItemPaddingBottom: var(--hamburgerNavSubItemPaddingBottomDesktop);
4296    --hamburgerNavSubItemPaddingLeft: var(--hamburgerNavSubItemPaddingLeftDesktop);
4297
4298    /* apply sub nav item padding hover*/
4299    --hamburgerNavSubItemPaddingTopHover: var(--hamburgerNavSubItemPaddingTopHoverDesktop);
4300    --hamburgerNavSubItemPaddingRightHover: var(--hamburgerNavSubItemPaddingRightHoverDesktop);
4301    --hamburgerNavSubItemPaddingBottomHover: var(--hamburgerNavSubItemPaddingBottomHoverDesktop);
4302    --hamburgerNavSubItemPaddingLeftHover: var(--hamburgerNavSubItemPaddingLeftHoverDesktop);
4303
4304    /* apply sub nav item border */
4305    --hamburgerNavSubItemBorderTop: var(--hamburgerNavSubItemBorderTopDesktop);
4306    --hamburgerNavSubItemBorderRight: var(--hamburgerNavSubItemBorderRightDesktop);
4307    --hamburgerNavSubItemBorderBottom: var(--hamburgerNavSubItemBorderBottomDesktop);
4308    --hamburgerNavSubItemBorderLeft: var(--hamburgerNavSubItemBorderLeftDesktop);
4309
4310    /* apply sub nav item border hover */
4311    --hamburgerNavSubItemBorderTopHover: var(--hamburgerNavSubItemBorderTopHoverDesktop);
4312    --hamburgerNavSubItemBorderRightHover: var(--hamburgerNavSubItemBorderRightHoverDesktop);
4313    --hamburgerNavSubItemBorderBottomHover: var(--hamburgerNavSubItemBorderBottomHoverDesktop);
4314    --hamburgerNavSubItemBorderLeftHover: var(--hamburgerNavSubItemBorderLeftHoverDesktop);
4315
4316    /* apply sub nav item border radius */
4317    --hamburgerNavSubItemBorderRadius: var(--hamburgerNavSubItemBorderRadiusDesktop);
4318    --hamburgerNavSubItemBorderRadiusHover: var(--hamburgerNavSubItemBorderRadiusHoverDesktop);
4319
4320    /* apply sub nav item background color */
4321    --hamburgerNavSubItemBackgroundColor: var(--hamburgerNavSubItemBackgroundColorDesktop);
4322
4323    /* apply sub nav item hover background color */
4324    --hamburgerNavSubItemHoverBackgroundColor: var(--hamburgerNavSubItemHoverBackgroundColorDesktop);
4325
4326    /* apply sub nav item font */
4327    --hamburgerNavSubItemFont: var(--hamburgerNavSubItemFontDesktop);
4328    --hamburgerNavSubItemFontColor: var(--hamburgerNavSubItemFontColorDesktop);
4329    --hamburgerNavSubItemLineHeight: var(--hamburgerNavSubItemLineHeightDesktop);
4330    --hamburgerNavSubItemFontSize: var(--hamburgerNavSubItemFontSizeDesktop);
4331    --hamburgerNavSubItemFontWeight: var(--hamburgerNavSubItemFontWeightDesktop);
4332    --hamburgerNavSubItemHoverFontColor: var(--hamburgerNavSubItemHoverFontColorDesktop);
4333    --hamburgerNavSubItemTextDecoration: var(--hamburgerNavSubItemTextDecorationDesktop);
4334    --hamburgerNavSubItemFontStyle: var(--hamburgerNavSubItemFontStyleDesktop);
4335    --hamburgerNavSubItemLetterSpacing: var(--hamburgerNavSubItemLetterSpacingDesktop);
4336
4337    /* apply sub van item font hover */
4338    --hamburgerNavSubItemFontHover: var(--hamburgerNavSubItemFontHoverDesktop);
4339    --hamburgerNavSubItemLineHeightHover: var(--hamburgerNavSubItemLineHeightHoverDesktop);
4340    --hamburgerNavSubItemFontSizeHover: var(--hamburgerNavSubItemFontSizeHoverDesktop);
4341    --hamburgerNavSubItemFontWeightHover: var(--hamburgerNavSubItemFontWeightHoverDesktop);
4342    --hamburgerNavSubItemLetterSpacingHover: var(--hamburgerNavSubItemLetterSpacingHoverDesktop);
4343    --hamburgerNavSubItemTextDecorationHover: var(--hamburgerNavSubItemTextDecorationHoverDesktop);
4344    --hamburgerNavSubItemFontStyleHover: var(--hamburgerNavSubItemFontStyleHoverDesktop);
4345
4346    /* apply nav back button border */
4347    --hamburgerNavBackButtonBorderTop: var(--hamburgerNavBackButtonBorderTopDesktop);
4348    --hamburgerNavBackButtonBorderRight: var(--hamburgerNavBackButtonBorderRightDesktop);
4349    --hamburgerNavBackButtonBorderBottom: var(--hamburgerNavBackButtonBorderBottomDesktop);
4350    --hamburgerNavBackButtonBorderLeft: var(--hamburgerNavBackButtonBorderLeftDesktop);
4351
4352    /* apply nav back button border hover */
4353    --hamburgerNavBackButtonBorderTopHover: var(--hamburgerNavBackButtonBorderTopHoverDesktop);
4354    --hamburgerNavBackButtonBorderRightHover: var(--hamburgerNavBackButtonBorderRightHoverDesktop);
4355    --hamburgerNavBackButtonBorderBottomHover: var(--hamburgerNavBackButtonBorderBottomHoverDesktop);
4356    --hamburgerNavBackButtonBorderLeftHover: var(--hamburgerNavBackButtonBorderLeftHoverDesktop);
4357
4358    /* apply nav back button border radius */
4359    --hamburgerNavBackButtonBorderRadius: var(--hamburgerNavBackButtonBorderRadiusDesktop);
4360    --hamburgerNavBackButtonBorderRadiusHover: var(--hamburgerNavBackButtonBorderRadiusHoverDesktop);
4361
4362    /* apply nav back button background color */
4363    --hamburgerNavBackButtonBackgroundColor: var(--hamburgerNavBackButtonBackgroundColorDesktop);
4364
4365    /* apply nav back button hover background color */
4366    --hamburgerNavBackButtonHoverBackgroundColor: var(--hamburgerNavBackButtonHoverBackgroundColorDesktop);
4367
4368    /* apply nav back button */
4369    --hamburgerNavBackButtonPaddingTop: var(--hamburgerNavBackButtonPaddingTopDesktop);
4370    --hamburgerNavBackButtonPaddingBottom: var(--hamburgerNavBackButtonPaddingBottomDesktop);
4371    --hamburgerNavBackButtonPaddingLeft: var(--hamburgerNavBackButtonPaddingLeftDesktop);
4372    --hamburgerNavBackButtonPaddingRight: var(--hamburgerNavBackButtonPaddingRightDesktop);
4373    --hamburgerNavBackButtonFont: var(--hamburgerNavBackButtonFontDesktop);
4374    --hamburgerNavBackButtonColor: var(--hamburgerNavBackButtonColorDesktop);
4375    --hamburgerNavBackButtonFontSize: var(--hamburgerNavBackButtonFontSizeDesktop);
4376    --hamburgerNavBackButtonFontWeight: var(--hamburgerNavBackButtonFontWeightDesktop);
4377    --hamburgerNavBackButtonFontStyle: var(--hamburgerNavBackButtonFontStyleDesktop);
4378    --hamburgerNavBackButtonLetterSpacing: var(--hamburgerNavBackButtonLetterSpacingDesktop);
4379    --hamburgerNavBackButtonTextDecoration: var(--hamburgerNavBackButtonTextDecorationDesktop);
4380    --hamburgerNavBackButtonLineHeight: var(--hamburgerNavBackButtonLineHeightDesktop);
4381
4382    /* apply nav back button font hover */
4383    --hamburgerNavBackButtonHoverFontColor: var(--hamburgerNavBackButtonHoverFontColorDesktop);
4384    --hamburgerNavBackButtonFontSizeHover: var(--hamburgerNavBackButtonFontSizeHoverDesktop);
4385    --hamburgerNavBackButtonFontWeightHover: var(--hamburgerNavBackButtonFontWeightHoverDesktop);
4386    --hamburgerNavBackButtonFontStyleHover: var(--hamburgerNavBackButtonFontStyleHoverDesktop);
4387    --hamburgerNavBackButtonTextDecorationHover: var(--hamburgerNavBackButtonTextDecorationHoverDesktop);
4388
4389    /* apply nav back button hover*/
4390    --hamburgerNavBackButtonPaddingTopHover: var(--hamburgerNavBackButtonPaddingTopHoverDesktop);
4391    --hamburgerNavBackButtonPaddingBottomHover: var(--hamburgerNavBackButtonPaddingBottomHoverDesktop);
4392    --hamburgerNavBackButtonPaddingLeftHover: var(--hamburgerNavBackButtonPaddingLeftHoverDesktop);
4393    --hamburgerNavBackButtonPaddingRightHover: var(--hamburgerNavBackButtonPaddingRightHoverDesktop);
4394
4395    /* apply nav back button arrow */
4396    --hamburgerNavBackButtonArrowSize: var(--hamburgerNavBackButtonArrowSizeDesktop);
4397    --hamburgerNavBackButtonArrowSizeHover: var(--hamburgerNavBackButtonArrowSizeHoverDesktop);
4398    --hamburgerNavBackButtonArrowColor: var(--hamburgerNavBackButtonArrowColorDesktop);
4399    --hamburgerNavBackButtonArrowSpacing: var(--hamburgerNavBackButtonArrowSpacingDesktop);
4400    --hamburgerNavBackButtonArrowRotate: var(--hamburgerNavBackButtonArrowRotateDesktop);
4401
4402    /* apply parent title border */
4403    --hamburgerTitleBorderTop: var(--hamburgerTitleBorderTopDesktop);
4404    --hamburgerTitleBorderRight: var(--hamburgerTitleBorderRightDesktop);
4405    --hamburgerTitleBorderBottom: var(--hamburgerTitleBorderBottomDesktop);
4406    --hamburgerTitleBorderLeft: var(--hamburgerTitleBorderLeftDesktop);
4407    /* apply parent title border hover */
4408    --hamburgerTitleBorderTopHover: var(--hamburgerTitleBorderTopHoverDesktop);
4409    --hamburgerTitleBorderRightHover: var(--hamburgerTitleBorderRightHoverDesktop);
4410    --hamburgerTitleBorderBottomHover: var(--hamburgerTitleBorderBottomHoverDesktop);
4411    --hamburgerTitleBorderLeftHover: var(--hamburgerTitleBorderLeftHoverDesktop);
4412
4413    /* apply parent title border radius */
4414    --hamburgerTitleBorderRadius: var(--hamburgerTitleBorderRadiusDesktop);
4415    --hamburgerTitleBorderRadiusHover: var(--hamburgerTitleBorderRadiusHoverDesktop);
4416
4417    /* apply parent title background color */
4418    --hamburgerTitleBackgroundColor: var(--hamburgerTitleBackgroundColorDesktop);
4419    --hamburgerTitleBackgroundColorHover: var(--hamburgerTitleBackgroundColorHoverDesktop);
4420
4421    /* apply parent title padding */
4422    --hamburgerTitlePaddingTop: var(--hamburgerTitlePaddingTopDesktop);
4423    --hamburgerTitlePaddingBottom: var(--hamburgerTitlePaddingBottomDesktop);
4424    --hamburgerTitlePaddingLeft: var(--hamburgerTitlePaddingLeftDesktop);
4425    --hamburgerTitlePaddingRight: var(--hamburgerTitlePaddingRightDesktop);
4426    /* apply parent title padding hover */
4427    --hamburgerTitlePaddingTopHover: var(--hamburgerTitlePaddingTopHoverDesktop);
4428    --hamburgerTitlePaddingBottomHover: var(--hamburgerTitlePaddingBottomHoverDesktop);
4429    --hamburgerTitlePaddingLeftHover: var(--hamburgerTitlePaddingLeftHoverDesktop);
4430    --hamburgerTitlePaddingRightHover: var(--hamburgerTitlePaddingRightHoverDesktop);
4431
4432    /* apply parent title font */
4433    --hamburgerTitleFont: var(--hamburgerTitleFontDesktop);
4434    --hamburgerTitleFontColor: var(--hamburgerTitleFontColorDesktop);
4435    --hamburgerTitleFontSize: var(--hamburgerTitleFontSizeDesktop);
4436    --hamburgerTitleFontWeight: var(--hamburgerTitleFontWeightDesktop);
4437    --hamburgerTitleFontStyle: var(--hamburgerTitleFontStyleDesktop);
4438    --hamburgerTitleLetterSpacing: var(--hamburgerTitleLetterSpacingDesktop);
4439    --hamburgerTitleTextDecoration: var(--hamburgerTitleTextDecorationDesktop);
4440    --hamburgerTitleLineHeight: var(--hamburgerTitleLineHeightDesktop);
4441
4442    /* apply parent title arrow */
4443    --hamburgerTitleArrowSize: var(--hamburgerTitleArrowSizeDesktop);
4444    --hamburgerTitleArrowColor: var(--hamburgerTitleArrowColorDesktop);
4445    --hamburgerTitleArrowSpacing: var(--hamburgerTitleArrowSpacingDesktop);
4446    --hamburgerTitleArrowRotate: var(--hamburgerTitleArrowRotateDesktop);
4447
4448    /* apply slide container */
4449    --hamburgerSlideContainerWidth: var(--hamburgerSlideContainerWidthDesktop);
4450
4451    /**********************
4452		vertical main nav
4453	***********************/
4454    /* main nav justify content */
4455    --verticalNavJustifySelfDesktop: center;
4456
4457    /* main nav items alignment */
4458    --verticalNavItemsAlignmentDesktop: left;
4459
4460    /* main nav width */
4461    --verticalNavWidthDesktop: 100%;
4462
4463    /* main nav padding */
4464    --verticalNavPaddingTopDesktop: 0px;
4465    --verticalNavPaddingBottomDesktop: 0px;
4466    --verticalNavPaddingLeftDesktop: 0px;
4467    --verticalNavPaddingRightDesktop: 0px;
4468
4469    /* main nav border */
4470    --verticalNavBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
4471    --verticalNavBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
4472    --verticalNavBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
4473    --verticalNavBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
4474
4475    /* main nav border radius */
4476    --verticalNavBorderRadiusDesktop: 0px 0px 0px 0px;
4477
4478    /* main nav item font */
4479    --verticalNavItemFontDesktop: var(--navPrimaryFont);
4480    --verticalNavItemFontColorDesktop: rgba(var(--colorPrimaryA), 1);
4481    --verticalNavItemFontSizeDesktop: 16px;
4482    --verticalNavItemFontWeightDesktop: 400;
4483    --verticalNavItemLineHeightDesktop: normal;
4484    --verticalNavItemTextDecorationDesktop: none;
4485    --verticalNavItemFontStyleDesktop: normal;
4486    --verticalNavItemLetterSpacingDesktop: 0px;
4487    --verticalNavItemBackgroundColorDesktop: transparent;
4488
4489    /* main nav item font hover*/
4490    --verticalNavItemFontSizeHoverDesktop: var(--verticalNavItemFontSizeDesktop);
4491    --verticalNavItemFontWeightHoverDesktop: var(--verticalNavItemFontWeightDesktop);
4492    --verticalNavItemTextDecorationHoverDesktop: var(--verticalNavItemTextDecorationDesktop);
4493    --verticalNavItemFontStyleHoverDesktop: var(--verticalNavItemFontStyleDesktop);
4494    --verticalNavItemHoverFontColorDesktop: var(--verticalNavItemFontColorDesktop);
4495    --verticalNavItemHoverBackgroundColorDesktop: var(--verticalNavItemBackgroundColorDesktop);
4496
4497    /* main nav item padding */
4498    --verticalNavItemPaddingTopDesktop: 0px;
4499    --verticalNavItemPaddingRightDesktop: 0px;
4500    --verticalNavItemPaddingBottomDesktop: 0px;
4501    --verticalNavItemPaddingLeftDesktop: 0px;
4502
4503    /* main nav item padding  hover*/
4504    --verticalNavItemPaddingTopHoverDesktop: var(--verticalNavItemPaddingTopDesktop);
4505    --verticalNavItemPaddingRightHoverDesktop: var(--verticalNavItemPaddingRightDesktop);
4506    --verticalNavItemPaddingBottomHoverDesktop: var(--verticalNavItemPaddingBottomDesktop);
4507    --verticalNavItemPaddingLeftHoverDesktop: var(--verticalNavItemPaddingLeftDesktop);
4508
4509    /* main nav item border */
4510    --verticalNavItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
4511    --verticalNavItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
4512    --verticalNavItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
4513    --verticalNavItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
4514    /* main nav item border hover*/
4515    --verticalNavItemBorderTopHoverDesktop: var(--verticalNavItemBorderTopDesktop);
4516    --verticalNavItemBorderRightHoverDesktop: var(--verticalNavItemBorderRightDesktop);
4517    --verticalNavItemBorderBottomHoverDesktop: var(--verticalNavItemBorderBottomDesktop);
4518    --verticalNavItemBorderLeftHoverDesktop: var(--verticalNavItemBorderLeftDesktop);
4519
4520    /* main nav item border radius */
4521    --verticalNavItemBorderRadiusDesktop: 0px 0px 0px 0px;
4522    --verticalNavItemBorderRadiusHoverDesktop: var(--verticalNavItemBorderRadiusDesktop);
4523
4524    /* arrow */
4525    --verticalNavArrowSizeDesktop: 24px;
4526    --verticalNavArrowWidthDesktop: 24px;
4527    --verticalNavArrowSpacingDesktop: 10px;
4528    --verticalNavArrowColorDesktop: rgba(var(--colorPrimaryA), 1);
4529    --verticalNavArrowRotateDesktop: -90deg;
4530    /* hover (default: mirror non-hover) */
4531    --verticalNavArrowColorHoverDesktop: var(--verticalNavArrowColorDesktop);
4532    --verticalNavArrowSizeHoverDesktop: var(--verticalNavArrowSizeDesktop);
4533    --verticalNavArrowRotateHoverDesktop: var(--verticalNavArrowRotateDesktop);
4534
4535    /* title */
4536    --verticalNavTitleFontColorDesktop: rgba(var(--colorPrimaryA), 1);
4537    --verticalNavTitleLineHeightDesktop: normal;
4538    --verticalNavTitleFontSizeDesktop: 21px;
4539    --verticalNavTitleFontWeightDesktop: 700;
4540    --verticalNavTitleContainerBackgroundColorDesktop: transparent;
4541
4542    /* sub nav item font */
4543    --verticalNavSubItemFontDesktop: var(--navPrimaryFont);
4544    --verticalNavSubItemFontColorDesktop: rgba(var(--colorPrimaryA), 1);
4545    --verticalNavSubItemFontSizeDesktop: 16px;
4546    --verticalNavSubItemFontWeightDesktop: 400;
4547    --verticalNavSubItemLineHeightDesktop: normal;
4548    --verticalNavSubItemTextDecorationDesktop: none;
4549    --verticalNavSubItemFontStyleDesktop: normal;
4550    --verticalNavSubItemLetterSpacingDesktop: 0px;
4551    --verticalNavSubItemBackgroundColorDesktop: transparent;
4552    --verticalNavSubItemHoverFontColorDesktop: var(--verticalNavSubItemFontColorDesktop);
4553    --verticalNavSubItemHoverBackgroundColorDesktop: var(--verticalNavSubItemBackgroundColorDesktop);
4554
4555    /* sub nav item padding */
4556    --verticalNavSubItemPaddingTopDesktop: 0px;
4557    --verticalNavSubItemPaddingRightDesktop: 0px;
4558    --verticalNavSubItemPaddingBottomDesktop: 0px;
4559    --verticalNavSubItemPaddingLeftDesktop: 0px;
4560
4561    /* sub nav item border */
4562    --verticalNavSubItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
4563    --verticalNavSubItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
4564    --verticalNavSubItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
4565    --verticalNavSubItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
4566
4567    /* sub nav item border radius */
4568    --verticalNavSubItemBorderRadiusDesktop: 0px 0px 0px 0px;
4569
4570    /* sub nav arrow */
4571    --verticalNavSubArrowSizeDesktop: 24px;
4572    --verticalNavSubArrowWidthDesktop: 24px;
4573    --verticalNavSubArrowSpacingDesktop: 10px;
4574    --verticalNavSubArrowColorDesktop: rgba(var(--colorPrimaryH), 1);
4575    --verticalNavSubArrowRotateDesktop: -90deg;
4576
4577    /* slide container */
4578    --verticalSlideContainerWidthDesktop: 400px;
4579
4580    /* separator */
4581    --verticalNavSeparatorDisplayDesktop: block;
4582    --verticalNavSeparatorWidthDesktop: 100%;
4583    --verticalNavSeparatorHeightDesktop: 1px;
4584    --verticalNavSeparatorColorDesktop: rgba(var(--colorPrimaryA), 1);
4585    --verticalNavSeparatorSpacingDesktop: 10px;
4586
4587    /* sub separator */
4588    --verticalNavSubSeparatorDisplayDesktop: block;
4589    --verticalNavSubSeparatorWidthDesktop: 100%;
4590    --verticalNavSubSeparatorHeightDesktop: 1px;
4591    --verticalNavSubSeparatorColorDesktop: rgba(var(--colorPrimaryA), 1);
4592    --verticalNavSubSeparatorSpacingDesktop: 10px;
4593
4594    /*****
4595		apply css properties
4596	*****/
4597
4598    /* apply main nav justify content */
4599    --verticalNavJustifySelf: var(--verticalNavJustifySelfDesktop);
4600
4601    /* apply main nav items alignment */
4602    --verticalNavItemsAlignment: var(--verticalNavItemsAlignmentDesktop);
4603
4604    /* apply main nav width */
4605    --verticalNavWidth: var(--verticalNavWidthDesktop);
4606
4607    /* apply main nav padding */
4608    --verticalNavPaddingTop: var(--verticalNavPaddingTopDesktop);
4609    --verticalNavPaddingBottom: var(--verticalNavPaddingBottomDesktop);
4610    --verticalNavPaddingLeft: var(--verticalNavPaddingLeftDesktop);
4611    --verticalNavPaddingRight: var(--verticalNavPaddingRightDesktop);
4612
4613    /* apply main nav border */
4614    --verticalNavBorderTop: var(--verticalNavBorderTopDesktop);
4615    --verticalNavBorderRight: var(--verticalNavBorderRightDesktop);
4616    --verticalNavBorderBottom: var(--verticalNavBorderBottomDesktop);
4617    --verticalNavBorderLeft: var(--verticalNavBorderLeftDesktop);
4618
4619    /* apply main nav border radius */
4620    --verticalNavBorderRadius: var(--verticalNavBorderRadiusDesktop);
4621
4622    /* apply main nav item font */
4623    --verticalNavItemFont: var(--verticalNavItemFontDesktop);
4624    --verticalNavItemFontColor: var(--verticalNavItemFontColorDesktop);
4625    --verticalNavItemFontSize: var(--verticalNavItemFontSizeDesktop);
4626    --verticalNavItemFontWeight: var(--verticalNavItemFontWeightDesktop);
4627    --verticalNavItemLineHeight: var(--verticalNavItemLineHeightDesktop);
4628    --verticalNavItemTextDecoration: var(--verticalNavItemTextDecorationDesktop);
4629    --verticalNavItemFontStyle: var(--verticalNavItemFontStyleDesktop);
4630    --verticalNavItemLetterSpacing: var(--verticalNavItemLetterSpacingDesktop);
4631    --verticalNavItemBackgroundColor: var(--verticalNavItemBackgroundColorDesktop);
4632    --verticalNavItemHoverFontColor: var(--verticalNavItemHoverFontColorDesktop);
4633    --verticalNavItemHoverBackgroundColor: var(--verticalNavItemHoverBackgroundColorDesktop);
4634
4635
4636    /* main nav item font hover*/
4637    --verticalNavItemFontSizeHover: var(--verticalNavItemFontSizeHoverDesktop);
4638    --verticalNavItemFontWeightHover: var(--verticalNavItemFontWeightHoverDesktop);
4639    --verticalNavItemTextDecorationHover: var(--verticalNavItemTextDecorationHoverDesktop);
4640    --verticalNavItemFontStyleHover: var(--verticalNavItemFontStyleHoverDesktop);
4641
4642
4643    /* apply main nav item padding */
4644    --verticalNavItemPaddingTop: var(--verticalNavItemPaddingTopDesktop);
4645    --verticalNavItemPaddingRight: var(--verticalNavItemPaddingRightDesktop);
4646    --verticalNavItemPaddingBottom: var(--verticalNavItemPaddingBottomDesktop);
4647    --verticalNavItemPaddingLeft: var(--verticalNavItemPaddingLeftDesktop);
4648    /* apply main nav item padding hover */
4649    --verticalNavItemPaddingTopHover: var(--verticalNavItemPaddingTopHoverDesktop);
4650    --verticalNavItemPaddingRightHover: var(--verticalNavItemPaddingRightHoverDesktop);
4651    --verticalNavItemPaddingBottomHover: var(--verticalNavItemPaddingBottomHoverDesktop);
4652    --verticalNavItemPaddingLeftHover: var(--verticalNavItemPaddingLeftHoverDesktop);
4653
4654    /* apply main nav item border */
4655    --verticalNavItemBorderTop: var(--verticalNavItemBorderTopDesktop);
4656    --verticalNavItemBorderRight: var(--verticalNavItemBorderRightDesktop);
4657    --verticalNavItemBorderBottom: var(--verticalNavItemBorderBottomDesktop);
4658    --verticalNavItemBorderLeft: var(--verticalNavItemBorderLeftDesktop);
4659    /* apply main nav item border hover */
4660    --verticalNavItemBorderTopHover: var(--verticalNavItemBorderTopHoverDesktop);
4661    --verticalNavItemBorderRightHover: var(--verticalNavItemBorderRightHoverDesktop);
4662    --verticalNavItemBorderBottomHover: var(--verticalNavItemBorderBottomHoverDesktop);
4663    --verticalNavItemBorderLeftHover: var(--verticalNavItemBorderLeftHoverDesktop);
4664
4665    /* apply main nav item border radius */
4666    --verticalNavItemBorderRadius: var(--verticalNavItemBorderRadiusDesktop);
4667    --verticalNavItemBorderRadiusHover: var(--verticalNavItemBorderRadiusHoverDesktop);
4668
4669    /* apply arrow */
4670    --verticalNavArrowSize: var(--verticalNavArrowSizeDesktop);
4671    --verticalNavItemIconDisplay: var(--verticalNavItemIconDisplayDesktop);
4672    --verticalNavItemIconColor: var(--verticalNavItemIconColorDesktop);
4673    --verticalNavItemIconColorHover: var(--verticalNavItemIconColorHoverDesktop);
4674    --verticalNavItemIconSize: var(--verticalNavItemIconSizeDesktop);
4675    --verticalNavItemIconSizeHover: var(--verticalNavItemIconSizeHoverDesktop);
4676    --verticalNavItemIconRotate: var(--verticalNavItemIconRotateDesktop);
4677    --verticalNavItemIconRotateHover: var(--verticalNavItemIconRotateHoverDesktop);
4678    --verticalNavItemIconSpacing: var(--verticalNavItemIconSpacingDesktop);
4679    --verticalNavSubItemIconDisplay: var(--verticalNavSubItemIconDisplayDesktop);
4680    --verticalNavSubItemIconColor: var(--verticalNavSubItemIconColorDesktop);
4681    --verticalNavSubItemIconColorHover: var(--verticalNavSubItemIconColorHoverDesktop);
4682    --verticalNavSubItemIconSize: var(--verticalNavSubItemIconSizeDesktop);
4683    --verticalNavSubItemIconSizeHover: var(--verticalNavSubItemIconSizeHoverDesktop);
4684    --verticalNavSubItemIconRotate: var(--verticalNavSubItemIconRotateDesktop);
4685    --verticalNavSubItemIconRotateHover: var(--verticalNavSubItemIconRotateHoverDesktop);
4686    --verticalNavSubItemIconSpacing: var(--verticalNavSubItemIconSpacingDesktop);
4687    --verticalNavArrowWidth: var(--verticalNavArrowWidthDesktop);
4688    --verticalNavArrowSpacing: var(--verticalNavArrowSpacingDesktop);
4689    --verticalNavArrowColor: var(--verticalNavArrowColorDesktop);
4690    --verticalNavArrowRotate: var(--verticalNavArrowRotateDesktop);
4691    --verticalNavArrowColorHover: var(--verticalNavArrowColorHoverDesktop);
4692    --verticalNavArrowSizeHover: var(--verticalNavArrowSizeHoverDesktop);
4693    --verticalNavArrowRotateHover: var(--verticalNavArrowRotateHoverDesktop);
4694
4695    /* apply title */
4696    --verticalNavTitleFontColor: var(--verticalNavTitleFontColorDesktop);
4697    --verticalNavTitleLineHeight: var(--verticalNavTitleLineHeightDesktop);
4698    --verticalNavTitleFontSize: var(--verticalNavTitleFontSizeDesktop);
4699    --verticalNavTitleFontWeight: var(--verticalNavTitleFontWeightDesktop);
4700    --verticalNavTitleContainerBackgroundColor: var(--verticalNavTitleContainerBackgroundColorDesktop);
4701
4702    /* apply sub nav item font */
4703    --verticalNavSubItemFont: var(--verticalNavSubItemFontDesktop);
4704    --verticalNavSubItemFontColor: var(--verticalNavSubItemFontColorDesktop);
4705    --verticalNavSubItemFontSize: var(--verticalNavSubItemFontSizeDesktop);
4706    --verticalNavSubItemFontWeight: var(--verticalNavSubItemFontWeightDesktop);
4707    --verticalNavSubItemLineHeight: var(--verticalNavSubItemLineHeightDesktop);
4708    --verticalNavSubItemTextDecoration: var(--verticalNavSubItemTextDecorationDesktop);
4709    --verticalNavSubItemFontStyle: var(--verticalNavSubItemFontStyleDesktop);
4710    --verticalNavSubItemLetterSpacing: var(--verticalNavSubItemLetterSpacingDesktop);
4711    --verticalNavSubItemBackgroundColor: var(--verticalNavSubItemBackgroundColorDesktop);
4712    --verticalNavSubItemHoverFontColor: var(--verticalNavSubItemHoverFontColorDesktop);
4713    --verticalNavSubItemHoverBackgroundColor: var(--verticalNavSubItemHoverBackgroundColorDesktop);
4714
4715    /* apply sub nav item padding */
4716    --verticalNavSubItemPaddingTop: var(--verticalNavSubItemPaddingTopDesktop);
4717    --verticalNavSubItemPaddingRight: var(--verticalNavSubItemPaddingRightDesktop);
4718    --verticalNavSubItemPaddingBottom: var(--verticalNavSubItemPaddingBottomDesktop);
4719    --verticalNavSubItemPaddingLeft: var(--verticalNavSubItemPaddingLeftDesktop);
4720
4721    /* apply sub nav item border */
4722    --verticalNavSubItemBorderTop: var(--verticalNavSubItemBorderTopDesktop);
4723    --verticalNavSubItemBorderRight: var(--verticalNavSubItemBorderRightDesktop);
4724    --verticalNavSubItemBorderBottom: var(--verticalNavSubItemBorderBottomDesktop);
4725    --verticalNavSubItemBorderLeft: var(--verticalNavSubItemBorderLeftDesktop);
4726
4727    /* apply sub nav item border radius */
4728    --verticalNavSubItemBorderRadius: var(--verticalNavSubItemBorderRadiusDesktop);
4729
4730    /* apply sub nav arrow */
4731    --verticalNavSubArrowSize: var(--verticalNavSubArrowSizeDesktop);
4732    --verticalNavSubArrowWidth: var(--verticalNavSubArrowWidthDesktop);
4733    --verticalNavSubArrowSpacing: var(--verticalNavSubArrowSpacingDesktop);
4734    --verticalNavSubArrowColor: var(--verticalNavSubArrowColorDesktop);
4735    --verticalNavSubArrowRotate: var(--verticalNavSubArrowRotateDesktop);
4736
4737    /* apply slide container */
4738    --verticalSlideContainerWidth: var(--verticalSlideContainerWidthDesktop);
4739
4740    /* apply separator */
4741    --verticalNavSeparatorDisplay: var(--verticalNavSeparatorDisplayDesktop);
4742    --verticalNavSeparatorWidth: var(--verticalNavSeparatorWidthDesktop);
4743    --verticalNavSeparatorHeight: var(--verticalNavSeparatorHeightDesktop);
4744    --verticalNavSeparatorColor: var(--verticalNavSeparatorColorDesktop);
4745    --verticalNavSeparatorSpacing: var(--verticalNavSeparatorSpacingDesktop);
4746
4747    /* apply sub separator */
4748    --verticalNavSubSeparatorDisplay: var(--verticalNavSubSeparatorDisplayDesktop);
4749    --verticalNavSubSeparatorWidth: var(--verticalNavSubSeparatorWidthDesktop);
4750    --verticalNavSubSeparatorHeight: var(--verticalNavSubSeparatorHeightDesktop);
4751    --verticalNavSubSeparatorColor: var(--verticalNavSubSeparatorColorDesktop);
4752    --verticalNavSubSeparatorSpacing: var(--verticalNavSubSeparatorSpacingDesktop);
4753
4754}
4755
4756@media all and (min-width: 650px) and (width < 1040px) {
4757    .wmc_menu {
4758        --heightTablet: max-content;
4759
4760        /**********************
4761			horizontal main nav
4762		***********************/
4763
4764        /* main nav padding */
4765        --horizontalNavPaddingTopTablet: var(--horizontalNavPaddingTopDesktop);
4766        --horizontalNavPaddingBottomTablet: var(--horizontalNavPaddingBottomDesktop);
4767        --horizontalNavPaddingLeftTablet: var(--horizontalNavPaddingLeftDesktop);
4768        --horizontalNavPaddingRightTablet: var(--horizontalNavPaddingRightDesktop);
4769
4770        /* main nav justify content */
4771        --horizontalNavJustifyContentTablet: flex-start;
4772
4773        /* main nav item padding */
4774        --horizontalNavItemPaddingTopTablet: var(--horizontalNavItemPaddingTopDesktop);
4775        --horizontalNavItemPaddingBottomTablet: var(--horizontalNavItemPaddingBottomDesktop);
4776        --horizontalNavItemPaddingLeftTablet: var(--horizontalNavItemPaddingLeftDesktop);
4777        --horizontalNavItemPaddingRightTablet: var(--horizontalNavItemPaddingRightDesktop);
4778
4779        /* main nav item padding  hover*/
4780        --horizontalNavItemPaddingTopHoverTablet: var(--horizontalNavItemPaddingTopHoverDesktop);
4781        --horizontalNavItemPaddingBottomHoverTablet: var(--horizontalNavItemPaddingBottomHoverDesktop);
4782        --horizontalNavItemPaddingLeftHoverTablet: var(--horizontalNavItemPaddingLeftHoverDesktop);
4783        --horizontalNavItemPaddingRightHoverTablet: var(--horizontalNavItemPaddingRightHoverDesktop);
4784
4785
4786        /* main nav item font */
4787        --horizontalNavItemFontTablet: var(--horizontalNavItemFontDesktop);
4788        --horizontalNavItemFontColorTablet: var(--horizontalNavItemFontColorDesktop);
4789        --horizontalNavItemLineHeightTablet: var(--horizontalNavItemLineHeightDesktop);
4790        --horizontalNavItemFontSizeTablet: var(--horizontalNavItemFontSizeDesktop);
4791        --horizontalNavItemFontWeightTablet: var(--horizontalNavItemFontWeightDesktop);
4792        --horizontalNavBackgroundColorTablet: var(--horizontalNavBackgroundColorDesktop);
4793        --horizontalNavItemBackgroundColorTablet: var(--horizontalNavItemBackgroundColorDesktop);
4794        --horizontalNavItemLetterSpacingTablet: var(--horizontalNavItemLetterSpacingDesktop);
4795        --horizontalNavItemTextDecorationTablet: var(--horizontalNavItemTextDecorationDesktop);
4796        --horizontalNavItemFontStyleTablet: var(--horizontalNavItemFontStyleDesktop);
4797
4798        /* main nav item font hover */
4799        --horizontalNavItemHoverFontColorTablet: var(--horizontalNavItemHoverFontColorDesktop);
4800        --horizontalNavItemHoverBackgroundColorTablet: var(--horizontalNavItemHoverBackgroundColorDesktop);
4801        --horizontalNavItemFontSizeHoverTablet: var(--horizontalNavItemFontSizeHoverDesktop);
4802        --horizontalNavItemFontWeightHoverTablet: var(--horizontalNavItemFontWeightHoverDesktop);
4803        --horizontalNavItemTextDecorationHoverTablet: var(--horizontalNavItemTextDecorationHoverDesktop);
4804        --horizontalNavItemFontStyleHoverTablet: var(--horizontalNavItemFontStyleHoverDesktop);
4805
4806        /* main nav item font active */
4807        --horizontalNavItemActiveFontColorTablet: var(--horizontalNavItemActiveFontColorDesktop);
4808        --horizontalNavItemActiveBackgroundColorTablet: var(--horizontalNavItemActiveBackgroundColorDesktop);
4809
4810        /* main nav border */
4811        --horizontalNavBorderTopTablet: var(--horizontalNavBorderTopDesktop);
4812        --horizontalNavBorderRightTablet: var(--horizontalNavBorderRightDesktop);
4813        --horizontalNavBorderBottomTablet: var(--horizontalNavBorderBottomDesktop);
4814        --horizontalNavBorderLeftTablet: var(--horizontalNavBorderLeftDesktop);
4815
4816        /* main nav border radius hover*/
4817        --horizontalNavBorderRadiusTablet: var(--horizontalNavBorderRadiusDesktop);
4818        --horizontalNavBorderRadiusHoverTablet: var(--horizontalNavBorderRadiusHoverDesktop);
4819
4820        /* main nav item border */
4821        --horizontalNavItemBorderTopTablet: var(--horizontalNavItemBorderTopDesktop);
4822        --horizontalNavItemBorderRightTablet: var(--horizontalNavItemBorderRightDesktop);
4823        --horizontalNavItemBorderBottomTablet: var(--horizontalNavItemBorderBottomDesktop);
4824        --horizontalNavItemBorderLeftTablet: var(--horizontalNavItemBorderLeftDesktop);
4825
4826        /* main nav item border hover */
4827        --horizontalNavItemBorderTopHoverTablet: var(--horizontalNavItemBorderTopHoverDesktop);
4828        --horizontalNavItemBorderRightHoverTablet: var(--horizontalNavItemBorderRightHoverDesktop);
4829        --horizontalNavItemBorderBottomHoverTablet: var(--horizontalNavItemBorderBottomHoverDesktop);
4830        --horizontalNavItemBorderLeftHoverTablet: var(--horizontalNavItemBorderLeftHoverDesktop);
4831
4832        /* main nav item border radius */
4833        --horizontalNavItemBorderRadiusTablet: var(--horizontalNavItemBorderRadiusDesktop);
4834        --horizontalNavItemBorderRadiusHoverTablet: var(--horizontalNavItemBorderRadiusHoverDesktop);
4835
4836        /* separator */
4837        --horizontalNavSeparatorDisplayTablet: var(--horizontalNavSeparatorDisplayDesktop);
4838        --horizontalNavSeparatorWidthTablet: var(--horizontalNavSeparatorWidthDesktop);
4839        --horizontalNavSeparatorHeightTablet: var(--horizontalNavSeparatorHeightDesktop);
4840        --horizontalNavSeparatorColorTablet: var(--horizontalNavSeparatorColorDesktop);
4841        --horizontalNavSeparatorSpacingTablet: var(--horizontalNavSeparatorSpacingDesktop);
4842
4843        /* sub separator */
4844        --horizontalNavSubSeparatorDisplayTablet: var(--horizontalNavSubSeparatorDisplayDesktop);
4845        --horizontalNavSubSeparatorWidthTablet: var(--horizontalNavSubSeparatorWidthDesktop);
4846        --horizontalNavSubSeparatorHeightTablet: var(--horizontalNavSubSeparatorHeightDesktop);
4847        --horizontalNavSubSeparatorColorTablet: var(--horizontalNavSubSeparatorColorDesktop);
4848        --horizontalNavSubSeparatorSpacingTablet: var(--horizontalNavSubSeparatorSpacingDesktop);
4849
4850        /* arrow */
4851        --horizontalNavArrowSizeTablet: var(--horizontalNavArrowSizeDesktop);
4852        --horizontalNavArrowSpacingTablet: var(--horizontalNavArrowSpacingDesktop);
4853        --horizontalNavArrowColorTablet: var(--horizontalNavArrowColorDesktop);
4854        --horizontalNavArrowRotateTablet: var(--horizontalNavArrowRotateDesktop);
4855        --horizontalNavArrowSizeHoverTablet: var(--horizontalNavArrowSizeHoverDesktop);
4856        --horizontalNavArrowColorHoverTablet: var(--horizontalNavArrowColorHoverDesktop);
4857        --horizontalNavArrowRotateHoverTablet: var(--horizontalNavArrowRotateHoverDesktop);
4858        --horizontalNavArrowSizeActiveTablet: var(--horizontalNavArrowSizeActiveDesktop);
4859        --horizontalNavArrowColorActiveTablet: var(--horizontalNavArrowColorActiveDesktop);
4860        --horizontalNavArrowRotateActiveTablet: var(--horizontalNavArrowRotateActiveDesktop);
4861
4862        /* sub arrow */
4863        --horizontalNavSubArrowSizeTablet: var(--horizontalNavSubArrowSizeDesktop);
4864        --horizontalNavSubArrowSpacingTablet: var(--horizontalNavSubArrowSpacingDesktop);
4865        --horizontalNavSubArrowColorTablet: var(--horizontalNavSubArrowColorDesktop);
4866        --horizontalNavSubArrowRotateTablet: var(--horizontalNavSubArrowRotateDesktop);
4867        --horizontalNavSubArrowSizeHoverTablet: var(--horizontalNavSubArrowSizeHoverDesktop);
4868        --horizontalNavSubArrowColorHoverTablet: var(--horizontalNavSubArrowColorHoverDesktop);
4869        --horizontalNavSubArrowRotateHoverTablet: var(--horizontalNavSubArrowRotateHoverDesktop);
4870        --horizontalNavSubArrowSizeActiveTablet: var(--horizontalNavSubArrowSizeActiveDesktop);
4871        --horizontalNavSubArrowColorActiveTablet: var(--horizontalNavSubArrowColorActiveDesktop);
4872        --horizontalNavSubArrowRotateActiveTablet: var(--horizontalNavSubArrowRotateActiveDesktop);
4873
4874        /* sub nav */
4875        --horizontalNavSubItemPaddingTopTablet: var(--horizontalNavSubItemPaddingTopDesktop);
4876        --horizontalNavSubItemPaddingBottomTablet: var(--horizontalNavSubItemPaddingBottomDesktop);
4877        --horizontalNavSubItemPaddingLeftTablet: var(--horizontalNavSubItemPaddingLeftDesktop);
4878        --horizontalNavSubItemPaddingRightTablet: var(--horizontalNavSubItemPaddingRightDesktop);
4879
4880        /* sub nav item padding hover */
4881        --horizontalNavSubItemPaddingTopHoverTablet: var(--horizontalNavSubItemPaddingTopHoverDesktop);
4882        --horizontalNavSubItemPaddingBottomHoverTablet: var(--horizontalNavSubItemPaddingBottomHoverDesktop);
4883        --horizontalNavSubItemPaddingLeftHoverTablet: var(--horizontalNavSubItemPaddingLeftHoverDesktop);
4884        --horizontalNavSubItemPaddingRightHoverTablet: var(--horizontalNavSubItemPaddingRightHoverDesktop);
4885
4886        /* sub nav item font */
4887        --horizontalNavSubItemFontTablet: var(--horizontalNavSubItemFontDesktop);
4888        --horizontalNavSubItemFontColorTablet: var(--horizontalNavSubItemFontColorDesktop);
4889        --horizontalNavSubItemLineHeightTablet: var(--horizontalNavSubItemLineHeightDesktop);
4890        --horizontalNavSubItemFontSizeTablet: var(--horizontalNavSubItemFontSizeDesktop);
4891        --horizontalNavSubItemFontWeightTablet: var(--horizontalNavSubItemFontWeightDesktop);
4892        --horizontalNavSubItemHoverFontColorTablet: var(--horizontalNavSubItemHoverFontColorDesktop);
4893        --horizontalNavSubItemBackgroundColorTablet: var(--horizontalNavSubItemBackgroundColorDesktop);
4894        --horizontalNavSubItemHoverBackgroundColorTablet: var(--horizontalNavSubItemHoverBackgroundColorDesktop);
4895        --horizontalNavSubItemTextDecorationTablet: var(--horizontalNavSubItemTextDecorationDesktop);
4896        --horizontalNavSubItemFontStyleTablet: var(--horizontalNavSubItemFontStyleDesktop);
4897        --horizontalNavSubItemLetterSpacingTablet: var(--horizontalNavSubItemLetterSpacingDesktop);
4898
4899        /* sub nav item font hover */
4900        --horizontalNavSubItemFontSizeHoverTablet: var(--horizontalNavSubItemFontSizeHoverDesktop);
4901        --horizontalNavSubItemFontWeightHoverTablet: var(--horizontalNavSubItemFontWeightHoverDesktop);
4902        --horizontalNavSubItemTextDecorationHoverTablet: var(--horizontalNavSubItemTextDecorationHoverDesktop);
4903        --horizontalNavSubItemFontStyleHoverTablet: var(--horizontalNavSubItemFontStyleHoverDesktop);
4904
4905        /* sub nav item font active */
4906        --horizontalNavSubItemActiveFontColorTablet: var(--horizontalNavSubItemActiveFontColorDesktop);
4907        --horizontalNavSubItemActiveBackgroundColorTablet: var(--horizontalNavSubItemActiveBackgroundColorDesktop);
4908
4909        /* sub nav item border */
4910        --horizontalNavSubItemBorderTopTablet: var(--horizontalNavSubItemBorderTopDesktop);
4911        --horizontalNavSubItemBorderRightTablet: var(--horizontalNavSubItemBorderRightDesktop);
4912        --horizontalNavSubItemBorderBottomTablet: var(--horizontalNavSubItemBorderBottomDesktop);
4913        --horizontalNavSubItemBorderLeftTablet: var(--horizontalNavSubItemBorderLeftDesktop);
4914
4915        /* sub nav item border hover */
4916        --horizontalNavSubItemBorderTopHoverTablet: var(--horizontalNavSubItemBorderTopHoverDesktop);
4917        --horizontalNavSubItemBorderRightHoverTablet: var(--horizontalNavSubItemBorderRightHoverDesktop);
4918        --horizontalNavSubItemBorderBottomHoverTablet: var(--horizontalNavSubItemBorderBottomHoverDesktop);
4919        --horizontalNavSubItemBorderLeftHoverTablet: var(--horizontalNavSubItemBorderLeftHoverDesktop);
4920
4921        /* sub nav item border radius */
4922        --horizontalNavSubItemBorderRadiusTablet: var(--horizontalNavSubItemBorderRadiusDesktop);
4923        --horizontalNavSubItemBorderRadiusHoverTablet: var(--horizontalNavSubItemBorderRadiusHoverDesktop);
4924
4925        /* sub menu container */
4926        --horizontalNavSubPaddingTopTablet: var(--horizontalNavSubPaddingTopDesktop);
4927        --horizontalNavSubPaddingBottomTablet: var(--horizontalNavSubPaddingBottomDesktop);
4928        --horizontalNavSubPaddingLeftTablet: var(--horizontalNavSubPaddingLeftDesktop);
4929        --horizontalNavSubPaddingRightTablet: var(--horizontalNavSubPaddingRightDesktop);
4930        --horizontalNavSubContainerWidthTablet: var(--horizontalNavSubContainerWidthDesktop);
4931        --horizontalNavSubContainerBackgroundColorTablet: var(--horizontalNavSubContainerBackgroundColorDesktop);
4932
4933        /* sub menu container shadow */
4934        --horizontalNavSubContainerShadowTablet: none;
4935
4936        /* sub menu container border */
4937        --horizontalNavSubContainerBorderTopTablet: var(--horizontalNavSubContainerBorderTopDesktop);
4938        --horizontalNavSubContainerBorderRightTablet: var(--horizontalNavSubContainerBorderRightDesktop);
4939        --horizontalNavSubContainerBorderBottomTablet: var(--horizontalNavSubContainerBorderBottomDesktop);
4940        --horizontalNavSubContainerBorderLeftTablet: var(--horizontalNavSubContainerBorderLeftDesktop);
4941
4942        /* sub menu container border radius */
4943        --horizontalNavSubContainerBorderRadiusTablet: var(--horizontalNavSubContainerBorderRadiusDesktop);
4944
4945        /* mega panel layout */
4946        --megaNavPanelNumberOfCellsTablet: var(--megaNavPanelNumberOfCellsDesktop);
4947        --megaNavPanelCellSpacingTablet: var(--megaNavPanelCellSpacingDesktop);
4948        --megaNavPanelPaddingTopTablet: var(--megaNavPanelPaddingTopDesktop);
4949        --megaNavPanelPaddingRightTablet: var(--megaNavPanelPaddingRightDesktop);
4950        --megaNavPanelPaddingBottomTablet: var(--megaNavPanelPaddingBottomDesktop);
4951        --megaNavPanelPaddingLeftTablet: var(--megaNavPanelPaddingLeftDesktop);
4952        --megaNavPanelWidthTablet: var(--megaNavPanelWidthDesktop);
4953
4954        --megaNavSeparatorDisplayTablet: var(--megaNavSeparatorDisplayDesktop);
4955        --megaNavSeparatorWidthTablet: var(--megaNavSeparatorWidthDesktop);
4956        --megaNavSeparatorColorTablet: var(--megaNavSeparatorColorDesktop);
4957        --megaNavSeparatorSpacingTablet: var(--megaNavSeparatorSpacingDesktop);
4958
4959        /*****
4960			apply css properties
4961		*****/
4962
4963        /* apply main nav padding */
4964        --horizontalNavPaddingTop: var(--horizontalNavPaddingTopTablet);
4965        --horizontalNavPaddingBottom: var(--horizontalNavPaddingBottomTablet);
4966        --horizontalNavPaddingLeft: var(--horizontalNavPaddingLeftTablet);
4967        --horizontalNavPaddingRight: var(--horizontalNavPaddingRightTablet);
4968
4969        /* apply main nav justify content */
4970        --horizontalNavJustifyContent: var(--horizontalNavJustifyContentTablet);
4971
4972        /* apply main nav item padding */
4973        --horizontalNavItemPaddingTop: var(--horizontalNavItemPaddingTopTablet);
4974        --horizontalNavItemPaddingBottom: var(--horizontalNavItemPaddingBottomTablet);
4975        --horizontalNavItemPaddingLeft: var(--horizontalNavItemPaddingLeftTablet);
4976        --horizontalNavItemPaddingRight: var(--horizontalNavItemPaddingRightTablet);
4977
4978        /* apply main nav item padding hover */
4979        --horizontalNavItemPaddingTopHover: var(--horizontalNavItemPaddingTopHoverTablet);
4980        --horizontalNavItemPaddingBottomHover: var(--horizontalNavItemPaddingBottomHoverTablet);
4981        --horizontalNavItemPaddingLeftHover: var(--horizontalNavItemPaddingLeftHoverTablet);
4982        --horizontalNavItemPaddingRightHover: var(--horizontalNavItemPaddingRightHoverTablet);
4983
4984
4985        /* apply main nav item font */
4986        --horizontalNavItemFont: var(--horizontalNavItemFontTablet);
4987        --horizontalNavItemFontColor: var(--horizontalNavItemFontColorTablet);
4988        --horizontalNavItemLineHeight: var(--horizontalNavItemLineHeightTablet);
4989        --horizontalNavItemFontSize: var(--horizontalNavItemFontSizeTablet);
4990        --horizontalNavItemFontWeight: var(--horizontalNavItemFontWeightTablet);
4991        --horizontalNavItemHoverFontColor: var(--horizontalNavItemHoverFontColorTablet);
4992        --horizontalNavBackgroundColor: var(--horizontalNavBackgroundColorTablet);
4993        --horizontalNavItemBackgroundColor: var(--horizontalNavItemBackgroundColorTablet);
4994        --horizontalNavItemHoverBackgroundColor: var(--horizontalNavItemHoverBackgroundColorTablet);
4995        --horizontalNavItemLetterSpacing: var(--horizontalNavItemLetterSpacingTablet);
4996        --horizontalNavItemTextDecoration: var(--horizontalNavItemTextDecorationTablet);
4997        --horizontalNavItemFontStyle: var(--horizontalNavItemFontStyleTablet);
4998        /* main nav item font hover */
4999        --horizontalNavItemFontSizeHover: var(--horizontalNavItemFontSizeHoverTablet);
5000        --horizontalNavItemFontWeightHover: var(--horizontalNavItemFontWeightHoverTablet);
5001        --horizontalNavItemTextDecorationHover: var(--horizontalNavItemTextDecorationHoverTablet);
5002        --horizontalNavItemFontStyleHover: var(--horizontalNavItemFontStyleHoverTablet);
5003
5004        /* apply main nav item font active */
5005        --horizontalNavItemActiveFontColor: var(--horizontalNavItemActiveFontColorTablet);
5006        --horizontalNavItemActiveBackgroundColor: var(--horizontalNavItemActiveBackgroundColorTablet);
5007
5008
5009        /* apply main nav border */
5010        --horizontalNavBorderTop: var(--horizontalNavBorderTopTablet);
5011        --horizontalNavBorderRight: var(--horizontalNavBorderRightTablet);
5012        --horizontalNavBorderBottom: var(--horizontalNavBorderBottomTablet);
5013        --horizontalNavBorderLeft: var(--horizontalNavBorderLeftTablet);
5014
5015        /*apply main nav border radius hover*/
5016        --horizontalNavBorderRadius: var(--horizontalNavBorderRadiusTablet);
5017        --horizontalNavBorderRadiusHover: var(--horizontalNavBorderRadiusHoverTablet);
5018
5019        /* apply main nav item border */
5020        --horizontalNavItemBorderTop: var(--horizontalNavItemBorderTopTablet);
5021        --horizontalNavItemBorderRight: var(--horizontalNavItemBorderRightTablet);
5022        --horizontalNavItemBorderBottom: var(--horizontalNavItemBorderBottomTablet);
5023        --horizontalNavItemBorderLeft: var(--horizontalNavItemBorderLeftTablet);
5024
5025        /* apply main nav item border hover */
5026        --horizontalNavItemBorderTopHover: var(--horizontalNavItemBorderTopHoverTablet);
5027        --horizontalNavItemBorderRightHover: var(--horizontalNavItemBorderRightHoverTablet);
5028        --horizontalNavItemBorderBottomHover: var(--horizontalNavItemBorderBottomHoverTablet);
5029        --horizontalNavItemBorderLeftHover: var(--horizontalNavItemBorderLeftHoverTablet);
5030
5031
5032        /* apply main nav item border radius */
5033        --horizontalNavItemBorderRadius: var(--horizontalNavItemBorderRadiusTablet);
5034        --horizontalNavItemBorderRadiusHover: var(--horizontalNavItemBorderRadiusHoverTablet);
5035
5036        /* apply separator */
5037        --horizontalNavSeparatorDisplay: var(--horizontalNavSeparatorDisplayTablet);
5038        --horizontalNavSeparatorWidth: var(--horizontalNavSeparatorWidthTablet);
5039        --horizontalNavSeparatorHeight: var(--horizontalNavSeparatorHeightTablet);
5040        --horizontalNavSeparatorColor: var(--horizontalNavSeparatorColorTablet);
5041        --horizontalNavSeparatorSpacing: var(--horizontalNavSeparatorSpacingTablet);
5042
5043        /* apply mega separator */
5044        --megaNavSeparatorDisplay: var(--megaNavSeparatorDisplayTablet);
5045        --megaNavSeparatorWidth: var(--megaNavSeparatorWidthTablet);
5046        --megaNavSeparatorColor: var(--megaNavSeparatorColorTablet);
5047        --megaNavSeparatorSpacing: var(--megaNavSeparatorSpacingTablet);
5048
5049        /* apply sub separator */
5050        --horizontalNavSubSeparatorDisplay: var(--horizontalNavSubSeparatorDisplayTablet);
5051        --horizontalNavSubSeparatorWidth: var(--horizontalNavSubSeparatorWidthTablet);
5052        --horizontalNavSubSeparatorHeight: var(--horizontalNavSubSeparatorHeightTablet);
5053        --horizontalNavSubSeparatorColor: var(--horizontalNavSubSeparatorColorTablet);
5054        --horizontalNavSubSeparatorSpacing: var(--horizontalNavSubSeparatorSpacingTablet);
5055
5056        /* apply arrow */
5057        --horizontalNavArrowSize: var(--horizontalNavArrowSizeTablet);
5058        --horizontalNavArrowDisplay: var(--horizontalNavArrowDisplayTablet);
5059        --horizontalNavItemIconDisplay: var(--horizontalNavItemIconDisplayTablet);
5060        --horizontalNavItemIconColor: var(--horizontalNavItemIconColorTablet);
5061        --horizontalNavItemIconColorHover: var(--horizontalNavItemIconColorHoverTablet);
5062        --horizontalNavItemIconColorActive: var(--horizontalNavItemIconColorActiveTablet);
5063        --horizontalNavItemIconSize: var(--horizontalNavItemIconSizeTablet);
5064        --horizontalNavItemIconSizeHover: var(--horizontalNavItemIconSizeHoverTablet);
5065        --horizontalNavItemIconSizeActive: var(--horizontalNavItemIconSizeActiveTablet);
5066        --horizontalNavItemIconRotate: var(--horizontalNavItemIconRotateTablet);
5067        --horizontalNavItemIconRotateHover: var(--horizontalNavItemIconRotateHoverTablet);
5068        --horizontalNavItemIconRotateActive: var(--horizontalNavItemIconRotateActiveTablet);
5069        --horizontalNavItemIconSpacing: var(--horizontalNavItemIconSpacingTablet);
5070        --horizontalNavSubItemIconDisplay: var(--horizontalNavSubItemIconDisplayTablet);
5071        --horizontalNavSubItemIconColor: var(--horizontalNavSubItemIconColorTablet);
5072        --horizontalNavSubItemIconColorHover: var(--horizontalNavSubItemIconColorHoverTablet);
5073        --horizontalNavSubItemIconColorActive: var(--horizontalNavSubItemIconColorActiveTablet);
5074        --horizontalNavSubItemIconSize: var(--horizontalNavSubItemIconSizeTablet);
5075        --horizontalNavSubItemIconSizeHover: var(--horizontalNavSubItemIconSizeHoverTablet);
5076        --horizontalNavSubItemIconSizeActive: var(--horizontalNavSubItemIconSizeActiveTablet);
5077        --horizontalNavSubItemIconRotate: var(--horizontalNavSubItemIconRotateTablet);
5078        --horizontalNavSubItemIconRotateHover: var(--horizontalNavSubItemIconRotateHoverTablet);
5079        --horizontalNavSubItemIconRotateActive: var(--horizontalNavSubItemIconRotateActiveTablet);
5080        --horizontalNavSubItemIconSpacing: var(--horizontalNavSubItemIconSpacingTablet);
5081        --horizontalNavArrowSpacing: var(--horizontalNavArrowSpacingTablet);
5082        --horizontalNavArrowColor: var(--horizontalNavArrowColorTablet);
5083        --horizontalNavArrowRotate: var(--horizontalNavArrowRotateTablet);
5084        --horizontalNavArrowSizeHover: var(--horizontalNavArrowSizeHoverTablet);
5085        --horizontalNavArrowColorHover: var(--horizontalNavArrowColorHoverTablet);
5086        --horizontalNavArrowRotateHover: var(--horizontalNavArrowRotateHoverTablet);
5087        --horizontalNavArrowSizeActive: var(--horizontalNavArrowSizeActiveTablet);
5088        --horizontalNavArrowColorActive: var(--horizontalNavArrowColorActiveTablet);
5089        --horizontalNavArrowRotateActive: var(--horizontalNavArrowRotateActiveTablet);
5090
5091        /* apply sub arrow */
5092        --horizontalNavSubArrowSize: var(--horizontalNavSubArrowSizeTablet);
5093        --horizontalNavSubArrowDisplay: var(--horizontalNavSubArrowDisplayTablet);
5094        --horizontalNavSubArrowSpacing: var(--horizontalNavSubArrowSpacingTablet);
5095        --horizontalNavSubArrowColor: var(--horizontalNavSubArrowColorTablet);
5096        --horizontalNavSubArrowRotate: var(--horizontalNavSubArrowRotateTablet);
5097        --horizontalNavSubArrowSizeHover: var(--horizontalNavSubArrowSizeHoverTablet);
5098        --horizontalNavSubArrowColorHover: var(--horizontalNavSubArrowColorHoverTablet);
5099        --horizontalNavSubArrowRotateHover: var(--horizontalNavSubArrowRotateHoverTablet);
5100        --horizontalNavSubArrowSizeActive: var(--horizontalNavSubArrowSizeActiveTablet);
5101        --horizontalNavSubArrowColorActive: var(--horizontalNavSubArrowColorActiveTablet);
5102        --horizontalNavSubArrowRotateActive: var(--horizontalNavSubArrowRotateActiveTablet);
5103
5104        /* apply sub */
5105        --horizontalNavSubItemPaddingTop: var(--horizontalNavSubItemPaddingTopTablet);
5106        --horizontalNavSubItemPaddingBottom: var(--horizontalNavSubItemPaddingBottomTablet);
5107        --horizontalNavSubItemPaddingLeft: var(--horizontalNavSubItemPaddingLeftTablet);
5108        --horizontalNavSubItemPaddingRight: var(--horizontalNavSubItemPaddingRightTablet);
5109
5110        /* apply sub nav item padding hover */
5111        --horizontalNavSubItemPaddingTopHover: var(--horizontalNavSubItemPaddingTopHoverTablet);
5112        --horizontalNavSubItemPaddingBottomHover: var(--horizontalNavSubItemPaddingBottomHoverTablet);
5113        --horizontalNavSubItemPaddingLeftHover: var(--horizontalNavSubItemPaddingLeftHoverTablet);
5114        --horizontalNavSubItemPaddingRightHover: var(--horizontalNavSubItemPaddingRightHoverTablet);
5115
5116
5117        /* apply sub nav item font */
5118        --horizontalNavSubItemFont: var(--horizontalNavSubItemFontTablet);
5119        --horizontalNavSubItemFontColor: var(--horizontalNavSubItemFontColorTablet);
5120        --horizontalNavSubItemLineHeight: var(--horizontalNavSubItemLineHeightTablet);
5121        --horizontalNavSubItemFontSize: var(--horizontalNavSubItemFontSizeTablet);
5122        --horizontalNavSubItemFontWeight: var(--horizontalNavSubItemFontWeightTablet);
5123        --horizontalNavSubItemHoverFontColor: var(--horizontalNavSubItemHoverFontColorTablet);
5124        --horizontalNavSubItemBackgroundColor: var(--horizontalNavSubItemBackgroundColorTablet);
5125        --horizontalNavSubItemHoverBackgroundColor: var(--horizontalNavSubItemHoverBackgroundColorTablet);
5126        --horizontalNavSubItemTextDecoration: var(--horizontalNavSubItemTextDecorationTablet);
5127        --horizontalNavSubItemFontStyle: var(--horizontalNavSubItemFontStyleTablet);
5128        --horizontalNavSubItemLetterSpacing: var(--horizontalNavSubItemLetterSpacingTablet);
5129
5130        /* apply sub nav item font hover */
5131        --horizontalNavSubItemFontSizeHover: var(--horizontalNavSubItemFontSizeHoverTablet);
5132        --horizontalNavSubItemFontWeightHover: var(--horizontalNavSubItemFontWeightHoverTablet);
5133        --horizontalNavSubItemTextDecorationHover: var(--horizontalNavSubItemTextDecorationHoverTablet);
5134        --horizontalNavSubItemFontStyleHover: var(--horizontalNavSubItemFontStyleHoverTablet);
5135
5136        /* apply sub nav item font active */
5137        --horizontalNavSubItemActiveFontColor: var(--horizontalNavSubItemActiveFontColorTablet);
5138        --horizontalNavSubItemActiveBackgroundColor: var(--horizontalNavSubItemActiveBackgroundColorTablet);
5139
5140
5141        /* apply sub nav item border */
5142        --horizontalNavSubItemBorderTop: var(--horizontalNavSubItemBorderTopTablet);
5143        --horizontalNavSubItemBorderRight: var(--horizontalNavSubItemBorderRightTablet);
5144        --horizontalNavSubItemBorderBottom: var(--horizontalNavSubItemBorderBottomTablet);
5145        --horizontalNavSubItemBorderLeft: var(--horizontalNavSubItemBorderLeftTablet);
5146
5147        /* apply sub nav item border hover */
5148        --horizontalNavSubItemBorderTopHover: var(--horizontalNavSubItemBorderTopHoverTablet);
5149        --horizontalNavSubItemBorderRightHover: var(--horizontalNavSubItemBorderRightHoverTablet);
5150        --horizontalNavSubItemBorderBottomHover: var(--horizontalNavSubItemBorderBottomHoverTablet);
5151        --horizontalNavSubItemBorderLeftHover: var(--horizontalNavSubItemBorderLeftHoverTablet);
5152
5153        /* apply sub nav item border radius */
5154        --horizontalNavSubItemBorderRadius: var(--horizontalNavSubItemBorderRadiusTablet);
5155        --horizontalNavSubItemBorderRadiusHover: var(--horizontalNavSubItemBorderRadiusHoverTablet);
5156
5157        /* apply sub menu container */
5158        --horizontalNavSubPaddingTop: var(--horizontalNavSubPaddingTopTablet);
5159        --horizontalNavSubPaddingBottom: var(--horizontalNavSubPaddingBottomTablet);
5160        --horizontalNavSubPaddingLeft: var(--horizontalNavSubPaddingLeftTablet);
5161        --horizontalNavSubPaddingRight: var(--horizontalNavSubPaddingRightTablet);
5162        --horizontalNavSubContainerWidth: var(--horizontalNavSubContainerWidthTablet);
5163        --horizontalNavSubContainerBackgroundColor: var(--horizontalNavSubContainerBackgroundColorTablet);
5164
5165        /* apply sub menu container shadow */
5166        --horizontalNavSubContainerShadow: var(--horizontalNavSubContainerShadowTablet);
5167
5168        /* apply sub menu container border */
5169        --horizontalNavSubContainerBorderTop: var(--horizontalNavSubContainerBorderTopTablet);
5170        --horizontalNavSubContainerBorderRight: var(--horizontalNavSubContainerBorderRightTablet);
5171        --horizontalNavSubContainerBorderBottom: var(--horizontalNavSubContainerBorderBottomTablet);
5172        --horizontalNavSubContainerBorderLeft: var(--horizontalNavSubContainerBorderLeftTablet);
5173
5174        /* apply sub menu container border radius */
5175        --horizontalNavSubContainerBorderRadius: var(--horizontalNavSubContainerBorderRadiusTablet);
5176
5177        /**********************
5178			hamburger main nav
5179		***********************/
5180        /* main background color */
5181        --hamburgerNavBackgroundColorTablet: var(--hamburgerNavBackgroundColorDesktop);
5182
5183        /* main padding */
5184        --hamburgerNavPaddingTopTablet: 25px;
5185        --hamburgerNavPaddingBottomTablet: 25px;
5186        --hamburgerNavPaddingLeftTablet: 50px;
5187        --hamburgerNavPaddingRightTablet: 50px;
5188
5189        /* hamburger menu icon */
5190        --hamburgerMenuIconSizeTablet: var(--hamburgerMenuIconSizeDesktop);
5191        --hamburgerMenuIconSizeHoverTablet: var(--hamburgerMenuIconSizeHoverDesktop);
5192        --hamburgerMenuIconColorTablet: var(--hamburgerMenuIconColorDesktop);
5193        --hamburgerMenuIconHoverColorTablet: var(--hamburgerMenuIconHoverColorDesktop);
5194        --hamburgerMenuIconActiveSizeTablet: var(--hamburgerMenuIconActiveSizeDesktop);
5195        --hamburgerMenuIconActiveColorTablet: var(--hamburgerMenuIconActiveColorDesktop);
5196        --hamburgerMenuIconActiveHoverColorTablet: var(--hamburgerMenuIconActiveHoverColorDesktop);
5197        --hamburgerMenuIconActiveSizeHoverTablet: var(--hamburgerMenuIconActiveSizeHoverDesktop);
5198        --hamburgerMenuDisplayTablet: var(--hamburgerMenuDisplayDesktop);
5199        --hamburgerMenuJustifySelfTablet: var(--hamburgerMenuJustifySelfDesktop);
5200
5201        /* main nav justify self */
5202        --hamburgerNavJustifySelfTablet: var(--hamburgerNavJustifySelfDesktop);
5203
5204        /* main nav items alignment */
5205        --hamburgerNavItemsAlignmentTablet: var(--hamburgerNavItemsAlignmentDesktop);
5206
5207        /* main nav item padding */
5208        --hamburgerNavItemPaddingTopTablet: var(--hamburgerNavItemPaddingTopDesktop);
5209        --hamburgerNavItemPaddingBottomTablet: var(--hamburgerNavItemPaddingBottomDesktop);
5210        --hamburgerNavItemPaddingLeftTablet: var(--hamburgerNavItemPaddingLeftDesktop);
5211        --hamburgerNavItemPaddingRightTablet: var(--hamburgerNavItemPaddingRightDesktop);
5212
5213        /* main nav item padding hover*/
5214        --hamburgerNavItemPaddingTopHoverTablet: var(--hamburgerNavItemPaddingTopHoverDesktop);
5215        --hamburgerNavItemPaddingBottomHoverTablet: var(--hamburgerNavItemPaddingBottomHoverDesktop);
5216        --hamburgerNavItemPaddingLeftHoverTablet: var(--hamburgerNavItemPaddingLeftHoverDesktop);
5217        --hamburgerNavItemPaddingRightHoverTablet: var(--hamburgerNavItemPaddingRightHoverDesktop);
5218
5219        /* main nav item border */
5220        --hamburgerNavItemBorderTopTablet: var(--hamburgerNavItemBorderTopDesktop);
5221        --hamburgerNavItemBorderRightTablet: var(--hamburgerNavItemBorderRightDesktop);
5222        --hamburgerNavItemBorderBottomTablet: var(--hamburgerNavItemBorderBottomDesktop);
5223        --hamburgerNavItemBorderLeftTablet: var(--hamburgerNavItemBorderLeftDesktop);
5224
5225        /* main nav item border hover*/
5226        --hamburgerNavItemBorderTopHoverTablet: var(--hamburgerNavItemBorderTopHoverDesktop);
5227        --hamburgerNavItemBorderRightHoverTablet: var(--hamburgerNavItemBorderRightHoverDesktop);
5228        --hamburgerNavItemBorderBottomHoverTablet: var(--hamburgerNavItemBorderBottomHoverDesktop);
5229        --hamburgerNavItemBorderLeftHoverTablet: var(--hamburgerNavItemBorderLeftHoverDesktop);
5230
5231        /* main nav item border radius */
5232        --hamburgerNavItemBorderRadiusTablet: var(--hamburgerNavItemBorderRadiusDesktop);
5233        --hamburgerNavItemBorderRadiusTabletHover: var(--hamburgerNavItemBorderRadiusHoverDesktop);
5234
5235        /* main nav item font */
5236        --hamburgerNavItemFontTablet: var(--hamburgerNavItemFontDesktop);
5237        --hamburgerNavItemFontColorTablet: var(--hamburgerNavItemFontColorDesktop);
5238        --hamburgerNavItemLineHeightTablet: var(--hamburgerNavItemLineHeightDesktop);
5239        --hamburgerNavItemFontSizeTablet: var(--hamburgerNavItemFontSizeDesktop);
5240        --hamburgerNavItemFontWeightTablet: var(--hamburgerNavItemFontWeightDesktop);
5241        --hamburgerNavItemBackgroundColorTablet: var(--hamburgerNavItemBackgroundColorDesktop);
5242        --hamburgerNavItemLetterSpacingTablet: var(--hamburgerNavItemLetterSpacingDesktop);
5243        --hamburgerNavItemTextDecorationTablet: var(--hamburgerNavItemTextDecorationDesktop);
5244        --hamburgerNavItemFontStyleTablet: var(--hamburgerNavItemFontStyleDesktop);
5245
5246        /* main nav item hover font */
5247        --hamburgerNavItemHoverFontColorTablet: var(--hamburgerNavItemHoverFontColorDesktop);
5248        --hamburgerNavItemHoverBackgroundColorTablet: var(--hamburgerNavItemHoverBackgroundColorDesktop);
5249        --hamburgerNavItemFontHoverTablet: var(--hamburgerNavItemFontHoverDesktop);
5250        --hamburgerNavItemLineHeightHoverTablet: var(--hamburgerNavItemLineHeightHoverDesktop);
5251        --hamburgerNavItemFontSizeHoverTablet: var(--hamburgerNavItemFontSizeHoverDesktop);
5252        --hamburgerNavItemFontWeightHoverTablet: var(--hamburgerNavItemFontWeightHoverDesktop);
5253        --hamburgerNavItemLetterSpacingHoverTablet: var(--hamburgerNavItemLetterSpacingTablet);
5254        --hamburgerNavItemTextDecorationHoverTablet: var(--hamburgerNavItemTextDecorationHoverDesktop);
5255        --hamburgerNavItemFontStyleHoverTablet: var(--hamburgerNavItemFontStyleHoverDesktop);
5256
5257        /* separator */
5258        --hamburgerNavSeparatorDisplayTablet: var(--hamburgerNavSeparatorDisplayDesktop);
5259        --hamburgerNavSeparatorWidthTablet: var(--hamburgerNavSeparatorWidthDesktop);
5260        --hamburgerNavSeparatorHeightTablet: var(--hamburgerNavSeparatorHeightDesktop);
5261        --hamburgerNavSeparatorColorTablet: var(--hamburgerNavSeparatorColorDesktop);
5262        --hamburgerNavSeparatorSpacingTablet: var(--hamburgerNavSeparatorSpacingDesktop);
5263
5264        /* sub separator */
5265        --hamburgerNavSubSeparatorDisplayTablet: var(--hamburgerNavSubSeparatorDisplayDesktop);
5266        --hamburgerNavSubSeparatorWidthTablet: var(--hamburgerNavSubSeparatorWidthDesktop);
5267        --hamburgerNavSubSeparatorHeightTablet: var(--hamburgerNavSubSeparatorHeightDesktop);
5268        --hamburgerNavSubSeparatorColorTablet: var(--hamburgerNavSubSeparatorColorDesktop);
5269        --hamburgerNavSubSeparatorSpacingTablet: var(--hamburgerNavSubSeparatorSpacingDesktop);
5270
5271        /* arrow */
5272        --hamburgerNavArrowSizeTablet: var(--hamburgerNavArrowSizeDesktop);
5273        --hamburgerNavArrowColorTablet: var(--hamburgerNavArrowColorDesktop);
5274        --hamburgerNavArrowSpacingTablet: var(--hamburgerNavArrowSpacingDesktop);
5275        --hamburgerNavArrowRotateTablet: var(--hamburgerNavArrowRotateDesktop);
5276        --hamburgerNavArrowAutoSpacingTablet: var(--hamburgerNavArrowAutoSpacingDesktop); /* off: auto */
5277        --hamburgerNavArrowSizeHoverTablet: var(--hamburgerNavArrowSizeHoverDesktop);
5278        --hamburgerNavArrowColorHoverTablet: var(--hamburgerNavArrowColorHoverDesktop);
5279        --hamburgerNavArrowRotateHoverTablet: var(--hamburgerNavArrowRotateHoverDesktop);
5280
5281        /* sub arrow */
5282        --hamburgerNavSubArrowSizeTablet: var(--hamburgerNavSubArrowSizeDesktop);
5283        --hamburgerNavSubArrowColorTablet: var(--hamburgerNavSubArrowColorDesktop);
5284        --hamburgerNavSubArrowSpacingTablet: var(--hamburgerNavSubArrowSpacingDesktop);
5285        --hamburgerNavSubArrowRotateTablet: var(--hamburgerNavSubArrowRotateDesktop);
5286        --hamburgerNavSubArrowAutoSpacingTablet: var(--hamburgerNavSubArrowAutoSpacingDesktop); /* off: auto */
5287        --hamburgerNavSubArrowSizeHoverTablet: var(--hamburgerNavSubArrowSizeHoverDesktop);
5288        --hamburgerNavSubArrowColorHoverTablet: var(--hamburgerNavSubArrowColorHoverDesktop);
5289        --hamburgerNavSubArrowRotateHoverTablet: var(--hamburgerNavSubArrowRotateHoverDesktop);
5290
5291        /* sub menu background color */
5292        --hamburgerNavSubBackgroundColorTablet: transparent;
5293
5294        /* sub nav item padding */
5295        --hamburgerNavSubItemPaddingTopTablet: var(--hamburgerNavSubItemPaddingTopDesktop);
5296        --hamburgerNavSubItemPaddingBottomTablet: var(--hamburgerNavSubItemPaddingBottomDesktop);
5297        --hamburgerNavSubItemPaddingLeftTablet: var(--hamburgerNavSubItemPaddingLeftDesktop);
5298        --hamburgerNavSubItemPaddingRightTablet: var(--hamburgerNavSubItemPaddingRightDesktop);
5299
5300        /* sub nav item padding hover*/
5301        --hamburgerNavSubItemPaddingTopHoverTablet: var(--hamburgerNavSubItemPaddingTopHoverDesktop);
5302        --hamburgerNavSubItemPaddingBottomHoverTablet: var(--hamburgerNavSubItemPaddingBottomHoverDesktop);
5303        --hamburgerNavSubItemPaddingLeftHoverTablet: var(--hamburgerNavSubItemPaddingLeftHoverDesktop);
5304        --hamburgerNavSubItemPaddingRightHoverTablet: var(--hamburgerNavSubItemPaddingRightHoverDesktop);
5305
5306        /* sub nav item border */
5307        --hamburgerNavSubItemBorderTopTablet: var(--hamburgerNavSubItemBorderTopDesktop);
5308        --hamburgerNavSubItemBorderRightTablet: var(--hamburgerNavSubItemBorderRightDesktop);
5309        --hamburgerNavSubItemBorderBottomTablet: var(--hamburgerNavSubItemBorderBottomDesktop);
5310        --hamburgerNavSubItemBorderLeftTablet: var(--hamburgerNavSubItemBorderLeftDesktop);
5311
5312        /* sub nav item border Hover*/
5313        --hamburgerNavSubItemBorderTopHoverTablet: var(--hamburgerNavSubItemBorderTopHoverDesktop);
5314        --hamburgerNavSubItemBorderRightHoverTablet: var(--hamburgerNavSubItemBorderRightHoverDesktop);
5315        --hamburgerNavSubItemBorderBottomHoverTablet: var(--hamburgerNavSubItemBorderBottomHoverDesktop);
5316        --hamburgerNavSubItemBorderLeftHoverTablet: var(--hamburgerNavSubItemBorderLeftHoverDesktop);
5317
5318        /* sub nav item border radius */
5319        --hamburgerNavSubItemBorderRadiusTablet: var(--hamburgerNavSubItemBorderRadiusDesktop);
5320        --hamburgerNavSubItemBorderRadiusHoverTablet: var(--hamburgerNavSubItemBorderRadiusHoverDesktop);
5321
5322        /* sub nav item background color */
5323        --hamburgerNavSubItemBackgroundColorTablet: var(--hamburgerNavSubItemBackgroundColorDesktop);
5324
5325        /* sub nav item hover background color */
5326        --hamburgerNavSubItemHoverBackgroundColorTablet: var(--hamburgerNavSubItemHoverBackgroundColorDesktop);
5327
5328        /* sub nav item font */
5329        --hamburgerNavSubItemFontTablet: var(--hamburgerNavSubItemFontDesktop);
5330        --hamburgerNavSubItemFontColorTablet: var(--hamburgerNavSubItemFontColorDesktop);
5331        --hamburgerNavSubItemLineHeightTablet: var(--hamburgerNavSubItemLineHeightDesktop);
5332        --hamburgerNavSubItemFontSizeTablet: var(--hamburgerNavSubItemFontSizeDesktop);
5333        --hamburgerNavSubItemFontWeightTablet: var(--hamburgerNavSubItemFontWeightDesktop);
5334        --hamburgerNavSubItemTextDecorationTablet: var(--hamburgerNavSubItemTextDecorationDesktop);
5335        --hamburgerNavSubItemFontStyleTablet: var(--hamburgerNavSubItemFontStyleDesktop);
5336        --hamburgerNavSubItemLetterSpacingTablet: var(--hamburgerNavSubItemLetterSpacingDesktop);
5337
5338        /* sub nav item hover font */
5339        --hamburgerNavSubItemHoverFontColorTablet: var(--hamburgerNavSubItemHoverFontColorDesktop);
5340        --hamburgerNavSubItemFontHoverTablet: var(--hamburgerNavSubItemFontHoverDesktop);
5341        --hamburgerNavSubItemLineHeightHoverTablet: var(--hamburgerNavSubItemLineHeightHoverDesktop);
5342        --hamburgerNavSubItemFontSizeHoverTablet: var(--hamburgerNavSubItemFontSizeHoverDesktop);
5343        --hamburgerNavSubItemFontWeightHoverTablet: var(--hamburgerNavSubItemFontWeightHoverDesktop);
5344        --hamburgerNavSubItemLetterSpacingHoverTablet: var(--hamburgerNavSubItemLetterSpacingTablet);
5345        --hamburgerNavSubItemTextDecorationHoverTablet: var(--hamburgerNavSubItemTextDecorationHoverDesktop);
5346        --hamburgerNavSubItemFontStyleHoverTablet: var(--hamburgerNavSubItemFontStyleHoverDesktop);
5347
5348        /* nav back button border */
5349        --hamburgerNavBackButtonBorderTopTablet: var(--hamburgerNavBackButtonBorderTopDesktop);
5350        --hamburgerNavBackButtonBorderRightTablet: var(--hamburgerNavBackButtonBorderRightDesktop);
5351        --hamburgerNavBackButtonBorderBottomTablet: var(--hamburgerNavBackButtonBorderBottomDesktop);
5352        --hamburgerNavBackButtonBorderLeftTablet: var(--hamburgerNavBackButtonBorderLeftDesktop);
5353
5354        /* nav back button border  hover*/
5355        --hamburgerNavBackButtonBorderTopHoverTablet: var(--hamburgerNavBackButtonBorderTopHoverDesktop);
5356        --hamburgerNavBackButtonBorderRightHoverTablet: var(--hamburgerNavBackButtonBorderRightHoverDesktop);
5357        --hamburgerNavBackButtonBorderBottomHoverTablet: var(--hamburgerNavBackButtonBorderBottomHoverDesktop);
5358        --hamburgerNavBackButtonBorderLeftHoverTablet: var(--hamburgerNavBackButtonBorderLeftHoverDesktop);
5359
5360        /* nav back button border radius */
5361        --hamburgerNavBackButtonBorderRadiusTablet: var(--hamburgerNavBackButtonBorderRadiusDesktop);
5362        --hamburgerNavBackButtonBorderRadiusHoverTablet: var(--hamburgerNavBackButtonBorderRadiusHoverDesktop);
5363
5364        /* nav back button background color */
5365        --hamburgerNavBackButtonBackgroundColorTablet: var(--hamburgerNavBackButtonBackgroundColorDesktop);
5366
5367        /* nav back button hover background color */
5368        --hamburgerNavBackButtonHoverBackgroundColorTablet: var(--hamburgerNavBackButtonHoverBackgroundColorDesktop);
5369
5370        /* nav back button */
5371        --hamburgerNavBackButtonPaddingTopTablet: var(--hamburgerNavBackButtonPaddingTopDesktop);
5372        --hamburgerNavBackButtonPaddingBottomTablet: var(--hamburgerNavBackButtonPaddingBottomDesktop);
5373        --hamburgerNavBackButtonPaddingLeftTablet: var(--hamburgerNavBackButtonPaddingLeftDesktop);
5374        --hamburgerNavBackButtonPaddingRightTablet: var(--hamburgerNavBackButtonPaddingRightDesktop);
5375        --hamburgerNavBackButtonFontTablet: var(--hamburgerNavBackButtonFontDesktop);
5376        --hamburgerNavBackButtonColorTablet: var(--hamburgerNavBackButtonColorDesktop);
5377        --hamburgerNavBackButtonFontSizeTablet: var(--hamburgerNavBackButtonFontSizeDesktop);
5378        --hamburgerNavBackButtonFontWeightTablet: var(--hamburgerNavBackButtonFontWeightDesktop);
5379        --hamburgerNavBackButtonFontStyleTablet: var(--hamburgerNavBackButtonFontStyleDesktop);
5380        --hamburgerNavBackButtonLetterSpacingTablet: var(--hamburgerNavBackButtonLetterSpacingDesktop);
5381        --hamburgerNavBackButtonTextDecorationTablet: var(--hamburgerNavBackButtonTextDecorationDesktop);
5382        --hamburgerNavBackButtonLineHeightTablet: var(--hamburgerNavBackButtonLineHeightDesktop);
5383
5384        /* nav back button font hover */
5385        --hamburgerNavBackButtonHoverFontColorTablet: var(--hamburgerNavBackButtonHoverFontColorDesktop);
5386        --hamburgerNavBackButtonFontSizeHoverTablet: var(--hamburgerNavBackButtonFontSizeHoverDesktop);
5387        --hamburgerNavBackButtonFontWeightHoverTablet: var(--hamburgerNavBackButtonFontWeightHoverDesktop);
5388        --hamburgerNavBackButtonFontStyleHoverTablet: var(--hamburgerNavBackButtonFontStyleHoverDesktop);
5389        --hamburgerNavBackButtonTextDecorationHoverTablet: var(--hamburgerNavBackButtonTextDecorationHoverDesktop);
5390
5391        /* nav back button hover*/
5392        --hamburgerNavBackButtonPaddingTopHoverTablet: var(--hamburgerNavBackButtonPaddingTopHoverDesktop);
5393        --hamburgerNavBackButtonPaddingBottomHoverTablet: var(--hamburgerNavBackButtonPaddingBottomHoverDesktop);
5394        --hamburgerNavBackButtonPaddingLeftHoverTablet: var(--hamburgerNavBackButtonPaddingLeftHoverDesktop);
5395        --hamburgerNavBackButtonPaddingRightHoverTablet: var(--hamburgerNavBackButtonPaddingRightHoverDesktop);
5396
5397        /* nav back button arrow */
5398        --hamburgerNavBackButtonArrowSizeTablet: var(--hamburgerNavBackButtonArrowSizeDesktop);
5399        --hamburgerNavBackButtonArrowSizeHoverTablet: var(--hamburgerNavBackButtonArrowSizeHoverDesktop);
5400        --hamburgerNavBackButtonArrowColorTablet: var(--hamburgerNavBackButtonArrowColorDesktop);
5401        --hamburgerNavBackButtonArrowSpacingTablet: var(--hamburgerNavBackButtonArrowSpacingDesktop);
5402        --hamburgerNavBackButtonArrowRotateTablet: var(--hamburgerNavBackButtonArrowRotateDesktop);
5403
5404        /* parent title border */
5405        --hamburgerTitleBorderTopTablet: var(--hamburgerTitleBorderTopDesktop);
5406        --hamburgerTitleBorderRightTablet: var(--hamburgerTitleBorderRightDesktop);
5407        --hamburgerTitleBorderBottomTablet: var(--hamburgerTitleBorderBottomDesktop);
5408        --hamburgerTitleBorderLeftTablet: var(--hamburgerTitleBorderLeftDesktop);
5409        /* parent title border */
5410        --hamburgerTitleBorderTopHoverTablet: var(--hamburgerTitleBorderTopHoverDesktop);
5411        --hamburgerTitleBorderRightHoverTablet: var(--hamburgerTitleBorderRightHoverDesktop);
5412        --hamburgerTitleBorderBottomHoverTablet: var(--hamburgerTitleBorderBottomHoverDesktop);
5413        --hamburgerTitleBorderLeftHoverTablet: var(--hamburgerTitleBorderLeftHoverDesktop);
5414
5415        /* parent title border radius */
5416        --hamburgerTitleBorderRadiusTablet: var(--hamburgerTitleBorderRadiusDesktop);
5417        --hamburgerTitleBorderRadiusHoverTablet: var(--hamburgerTitleBorderRadiusHoverDesktop);
5418
5419        /* parent title background color */
5420        --hamburgerTitleBackgroundColorTablet: var(--hamburgerTitleBackgroundColorDesktop);
5421        --hamburgerTitleBackgroundColorHoverTablet: var(--hamburgerTitleBackgroundColorHoverDesktop);
5422
5423        /* parent title padding */
5424        --hamburgerTitlePaddingTopTablet: var(--hamburgerTitlePaddingTopDesktop);
5425        --hamburgerTitlePaddingBottomTablet: var(--hamburgerTitlePaddingBottomDesktop);
5426        --hamburgerTitlePaddingLeftTablet: var(--hamburgerTitlePaddingLeftDesktop);
5427        --hamburgerTitlePaddingRightTablet: var(--hamburgerTitlePaddingRightDesktop);
5428
5429        /* parent title padding hover*/
5430        --hamburgerTitlePaddingTopHoverTablet: var(--hamburgerTitlePaddingTopHoverDesktop);
5431        --hamburgerTitlePaddingBottomHoverTablet: var(--hamburgerTitlePaddingBottomHoverDesktop);
5432        --hamburgerTitlePaddingLeftHoverTablet: var(--hamburgerTitlePaddingLeftHoverDesktop);
5433        --hamburgerTitlePaddingRightHoverTablet: var(--hamburgerTitlePaddingRightHoverDesktop);
5434
5435        /* parent title font */
5436        --hamburgerTitleFontTablet: var(--hamburgerTitleFontDesktop);
5437        --hamburgerTitleFontColorTablet: var(--hamburgerTitleFontColorDesktop);
5438        --hamburgerTitleFontSizeTablet: var(--hamburgerTitleFontSizeDesktop);
5439        --hamburgerTitleFontWeightTablet: var(--hamburgerTitleFontWeightDesktop);
5440        --hamburgerTitleFontStyleTablet: var(--hamburgerTitleFontStyleDesktop);
5441        --hamburgerTitleLetterSpacingTablet: var(--hamburgerTitleLetterSpacingDesktop);
5442        --hamburgerTitleTextDecorationTablet: var(--hamburgerTitleTextDecorationDesktop);
5443        --hamburgerTitleLineHeightTablet: var(--hamburgerTitleLineHeightDesktop);
5444
5445        /* parent title arrow */
5446        --hamburgerTitleArrowSizeTablet: var(--hamburgerTitleArrowSizeDesktop);
5447        --hamburgerTitleArrowColorTablet: var(--hamburgerTitleArrowColorDesktop);
5448        --hamburgerTitleArrowSpacingTablet: var(--hamburgerTitleArrowSpacingDesktop);
5449        --hamburgerTitleArrowRotateTablet: var(--hamburgerTitleArrowRotateDesktop);
5450
5451        /* slide container */
5452        --hamburgerSlideContainerWidthTablet: var(--hamburgerSlideContainerWidthDesktop);
5453
5454        /*****
5455			apply css properties
5456		*****/
5457
5458        /* apply main background color */
5459        --hamburgerNavBackgroundColor: var(--hamburgerNavBackgroundColorTablet);
5460
5461        /* apply main padding */
5462        --hamburgerNavPaddingTop: var(--hamburgerNavPaddingTopTablet);
5463        --hamburgerNavPaddingBottom: var(--hamburgerNavPaddingBottomTablet);
5464        --hamburgerNavPaddingLeft: var(--hamburgerNavPaddingLeftTablet);
5465        --hamburgerNavPaddingRight: var(--hamburgerNavPaddingRightTablet);
5466
5467        /* apply hamburger menu icon */
5468        --hamburgerMenuIconSize: var(--hamburgerMenuIconSizeTablet);
5469        --hamburgerMenuIconSizeHover: var(--hamburgerMenuIconSizeHoverTablet);
5470        --hamburgerMenuIconColor: var(--hamburgerMenuIconColorTablet);
5471        --hamburgerMenuIconHoverColor: var(--hamburgerMenuIconHoverColorTablet);
5472        --hamburgerMenuIconActiveSize: var(--hamburgerMenuIconActiveSizeTablet);
5473        --hamburgerMenuIconActiveColor: var(--hamburgerMenuIconActiveColorTablet);
5474        --hamburgerMenuIconActiveHoverColor: var(--hamburgerMenuIconActiveHoverColorTablet);
5475        --hamburgerMenuIconActiveSizeHover: var(--hamburgerMenuIconActiveSizeHoverTablet);
5476        --hamburgerMenuDisplay: var(--hamburgerMenuDisplayTablet);
5477        --hamburgerMenuJustifySelf: var(--hamburgerMenuJustifySelfTablet);
5478
5479        /* apply main nav justify self */
5480        --hamburgerNavJustifySelf: var(--hamburgerNavJustifySelfTablet);
5481
5482        /* apply main nav items alignment */
5483        --hamburgerNavItemsAlignment: var(--hamburgerNavItemsAlignmentTablet);
5484
5485        /* apply main nav item padding */
5486        --hamburgerNavItemPaddingTop: var(--hamburgerNavItemPaddingTopTablet);
5487        --hamburgerNavItemPaddingBottom: var(--hamburgerNavItemPaddingBottomTablet);
5488        --hamburgerNavItemPaddingLeft: var(--hamburgerNavItemPaddingLeftTablet);
5489        --hamburgerNavItemPaddingRight: var(--hamburgerNavItemPaddingRightTablet);
5490
5491        /* apply main nav item padding hover*/
5492        --hamburgerNavItemPaddingTopHover: var(--hamburgerNavItemPaddingTopHoverTablet);
5493        --hamburgerNavItemPaddingBottomHover: var(--hamburgerNavItemPaddingBottomHoverTablet);
5494        --hamburgerNavItemPaddingLeftHover: var(--hamburgerNavItemPaddingLeftHoverTablet);
5495        --hamburgerNavItemPaddingRightHover: var(--hamburgerNavItemPaddingRightHoverTablet);
5496
5497        /* apply main nav item border */
5498        --hamburgerNavItemBorderTop: var(--hamburgerNavItemBorderTopTablet);
5499        --hamburgerNavItemBorderRight: var(--hamburgerNavItemBorderRightTablet);
5500        --hamburgerNavItemBorderBottom: var(--hamburgerNavItemBorderBottomTablet);
5501        --hamburgerNavItemBorderLeft: var(--hamburgerNavItemBorderLeftTablet);
5502        /* apply main nav item border hover */
5503        --hamburgerNavItemBorderTopHover: var(--hamburgerNavItemBorderTopHoverTablet);
5504        --hamburgerNavItemBorderRightHover: var(--hamburgerNavItemBorderRightHoverTablet);
5505        --hamburgerNavItemBorderBottomHover: var(--hamburgerNavItemBorderBottomHoverTablet);
5506        --hamburgerNavItemBorderLeftHover: var(--hamburgerNavItemBorderLeftHoverTablet);
5507
5508        /* apply main nav item border radius */
5509        --hamburgerNavItemBorderRadius: var(--hamburgerNavItemBorderRadiusTablet);
5510        --hamburgerNavItemBorderRadiusHover: var(--hamburgerNavItemBorderRadiusTabletHover);
5511
5512        /* apply main nav item font */
5513        --hamburgerNavItemFont: var(--hamburgerNavItemFontTablet);
5514        --hamburgerNavItemFontColor: var(--hamburgerNavItemFontColorTablet);
5515        --hamburgerNavItemLineHeight: var(--hamburgerNavItemLineHeightTablet);
5516        --hamburgerNavItemFontSize: var(--hamburgerNavItemFontSizeTablet);
5517        --hamburgerNavItemFontWeight: var(--hamburgerNavItemFontWeightTablet);
5518        --hamburgerNavItemBackgroundColor: var(--hamburgerNavItemBackgroundColorTablet);
5519        --hamburgerNavItemLetterSpacing: var(--hamburgerNavItemLetterSpacingTablet);
5520        --hamburgerNavItemTextDecoration: var(--hamburgerNavItemTextDecorationTablet);
5521        --hamburgerNavItemFontStyle: var(--hamburgerNavItemFontStyleTablet);
5522
5523        /* apply main nav item hover font */
5524        --hamburgerNavItemHoverFontColor: var(--hamburgerNavItemHoverFontColorTablet);
5525        --hamburgerNavItemHoverBackgroundColor: var(--hamburgerNavItemHoverBackgroundColorTablet);
5526        --hamburgerNavItemFontHover: var(--hamburgerNavItemFontHoverTablet);
5527        --hamburgerNavItemLineHeightHover: var(--hamburgerNavItemLineHeightHoverTablet);
5528        --hamburgerNavItemFontSizeHover: var(--hamburgerNavItemFontSizeHoverTablet);
5529        --hamburgerNavItemFontWeightHover: var(--hamburgerNavItemFontWeightHoverTablet);
5530        --hamburgerNavItemLetterSpacingHover: var(--hamburgerNavItemLetterSpacingHoverTablet);
5531        --hamburgerNavItemTextDecorationHover: var(--hamburgerNavItemTextDecorationHoverTablet);
5532        --hamburgerNavItemFontStyleHover: var(--hamburgerNavItemFontStyleHoverTablet);
5533
5534        /* apply separator */
5535        --hamburgerNavSeparatorDisplay: var(--hamburgerNavSeparatorDisplayTablet);
5536        --hamburgerNavSeparatorWidth: var(--hamburgerNavSeparatorWidthTablet);
5537        --hamburgerNavSeparatorHeight: var(--hamburgerNavSeparatorHeightTablet);
5538        --hamburgerNavSeparatorColor: var(--hamburgerNavSeparatorColorTablet);
5539        --hamburgerNavSeparatorSpacing: var(--hamburgerNavSeparatorSpacingTablet);
5540
5541        /* apply sub separator */
5542        --hamburgerNavSubSeparatorDisplay: var(--hamburgerNavSubSeparatorDisplayTablet);
5543        --hamburgerNavSubSeparatorWidth: var(--hamburgerNavSubSeparatorWidthTablet);
5544        --hamburgerNavSubSeparatorHeight: var(--hamburgerNavSubSeparatorHeightTablet);
5545        --hamburgerNavSubSeparatorColor: var(--hamburgerNavSubSeparatorColorTablet);
5546        --hamburgerNavSubSeparatorSpacing: var(--hamburgerNavSubSeparatorSpacingTablet);
5547
5548        /* apply arrow */
5549        --hamburgerNavArrowSize: var(--hamburgerNavArrowSizeTablet);
5550        --hamburgerNavArrowColor: var(--hamburgerNavArrowColorTablet);
5551        --hamburgerNavArrowSpacing: var(--hamburgerNavArrowSpacingTablet);
5552        --hamburgerNavArrowRotate: var(--hamburgerNavArrowRotateTablet);
5553        --hamburgerNavArrowAutoSpacing: var(--hamburgerNavArrowAutoSpacingTablet);
5554        --hamburgerNavArrowSizeHover: var(--hamburgerNavArrowSizeHoverTablet);
5555        --hamburgerNavArrowColorHover: var(--hamburgerNavArrowColorHoverTablet);
5556        --hamburgerNavArrowRotateHover: var(--hamburgerNavArrowRotateHoverTablet);
5557
5558        /* apply main item icon */
5559        --hamburgerNavItemIconDisplay: var(--hamburgerNavItemIconDisplayTablet);
5560        --hamburgerNavItemIconColor: var(--hamburgerNavItemIconColorTablet);
5561        --hamburgerNavItemIconColorHover: var(--hamburgerNavItemIconColorHoverTablet);
5562        --hamburgerNavItemIconSize: var(--hamburgerNavItemIconSizeTablet);
5563        --hamburgerNavItemIconSizeHover: var(--hamburgerNavItemIconSizeHoverTablet);
5564        --hamburgerNavItemIconRotate: var(--hamburgerNavItemIconRotateTablet);
5565        --hamburgerNavItemIconRotateHover: var(--hamburgerNavItemIconRotateHoverTablet);
5566        --hamburgerNavItemIconSpacing: var(--hamburgerNavItemIconSpacingTablet);
5567        --hamburgerNavSubItemIconDisplay: var(--hamburgerNavSubItemIconDisplayTablet);
5568        --hamburgerNavSubItemIconColor: var(--hamburgerNavSubItemIconColorTablet);
5569        --hamburgerNavSubItemIconColorHover: var(--hamburgerNavSubItemIconColorHoverTablet);
5570        --hamburgerNavSubItemIconSize: var(--hamburgerNavSubItemIconSizeTablet);
5571        --hamburgerNavSubItemIconSizeHover: var(--hamburgerNavSubItemIconSizeHoverTablet);
5572        --hamburgerNavSubItemIconRotate: var(--hamburgerNavSubItemIconRotateTablet);
5573        --hamburgerNavSubItemIconRotateHover: var(--hamburgerNavSubItemIconRotateHoverTablet);
5574        --hamburgerNavSubItemIconSpacing: var(--hamburgerNavSubItemIconSpacingTablet);
5575
5576        /* apply sub arrow */
5577        --hamburgerNavSubArrowSize: var(--hamburgerNavSubArrowSizeTablet);
5578        --hamburgerNavSubArrowColor: var(--hamburgerNavSubArrowColorTablet);
5579        --hamburgerNavSubArrowSpacing: var(--hamburgerNavSubArrowSpacingTablet);
5580        --hamburgerNavSubArrowRotate: var(--hamburgerNavSubArrowRotateTablet);
5581        --hamburgerNavSubArrowAutoSpacing: var(--hamburgerNavSubArrowAutoSpacingTablet);
5582        --hamburgerNavSubArrowSizeHover: var(--hamburgerNavSubArrowSizeHoverTablet);
5583        --hamburgerNavSubArrowColorHover: var(--hamburgerNavSubArrowColorHoverTablet);
5584        --hamburgerNavSubArrowRotateHover: var(--hamburgerNavSubArrowRotateHoverTablet);
5585
5586        /* apply sub menu background color */
5587        --hamburgerNavSubBackgroundColor: var(--hamburgerNavSubBackgroundColorTablet);
5588
5589        /* apply sub nav item padding */
5590        --hamburgerNavSubItemPaddingTop: var(--hamburgerNavSubItemPaddingTopTablet);
5591        --hamburgerNavSubItemPaddingBottom: var(--hamburgerNavSubItemPaddingBottomTablet);
5592        --hamburgerNavSubItemPaddingLeft: var(--hamburgerNavSubItemPaddingLeftTablet);
5593        --hamburgerNavSubItemPaddingRight: var(--hamburgerNavSubItemPaddingRightTablet);
5594        /* apply sub nav item padding hover*/
5595        --hamburgerNavSubItemPaddingTopHover: var(--hamburgerNavSubItemPaddingTopHoverTablet);
5596        --hamburgerNavSubItemPaddingBottomHover: var(--hamburgerNavSubItemPaddingBottomHoverTablet);
5597        --hamburgerNavSubItemPaddingLeftHover: var(--hamburgerNavSubItemPaddingLeftHoverTablet);
5598        --hamburgerNavSubItemPaddingRightHover: var(--hamburgerNavSubItemPaddingRightHoverTablet);
5599
5600        /* apply sub nav item border */
5601        --hamburgerNavSubItemBorderTop: var(--hamburgerNavSubItemBorderTopTablet);
5602        --hamburgerNavSubItemBorderRight: var(--hamburgerNavSubItemBorderRightTablet);
5603        --hamburgerNavSubItemBorderBottom: var(--hamburgerNavSubItemBorderBottomTablet);
5604        --hamburgerNavSubItemBorderLeft: var(--hamburgerNavSubItemBorderLeftTablet);
5605        /* apply sub nav item border hover*/
5606        --hamburgerNavSubItemBorderTopHover: var(--hamburgerNavSubItemBorderTopHoverTablet);
5607        --hamburgerNavSubItemBorderRightHover: var(--hamburgerNavSubItemBorderRightHoverTablet);
5608        --hamburgerNavSubItemBorderBottomHover: var(--hamburgerNavSubItemBorderBottomHoverTablet);
5609        --hamburgerNavSubItemBorderLeftHover: var(--hamburgerNavSubItemBorderLeftHoverTablet);
5610
5611        /* apply sub nav item border radius */
5612        --hamburgerNavSubItemBorderRadius: var(--hamburgerNavSubItemBorderRadiusTablet);
5613        --hamburgerNavSubItemBorderRadiusHover: var(--hamburgerNavSubItemBorderRadiusHoverTablet);
5614
5615        /* apply sub nav item background color */
5616        --hamburgerNavSubItemBackgroundColor: var(--hamburgerNavSubItemBackgroundColorTablet);
5617
5618        /* apply sub nav item hover background color */
5619        --hamburgerNavSubItemHoverBackgroundColor: var(--hamburgerNavSubItemHoverBackgroundColorTablet);
5620
5621        /* apply sub nav item font */
5622        --hamburgerNavSubItemFont: var(--hamburgerNavSubItemFontTablet);
5623        --hamburgerNavSubItemFontColor: var(--hamburgerNavSubItemFontColorTablet);
5624        --hamburgerNavSubItemLineHeight: var(--hamburgerNavSubItemLineHeightTablet);
5625        --hamburgerNavSubItemFontSize: var(--hamburgerNavSubItemFontSizeTablet);
5626        --hamburgerNavSubItemFontWeight: var(--hamburgerNavSubItemFontWeightTablet);
5627        --hamburgerNavSubItemTextDecoration: var(--hamburgerNavSubItemTextDecorationTablet);
5628        --hamburgerNavSubItemFontStyle: var(--hamburgerNavSubItemFontStyleTablet);
5629        --hamburgerNavSubItemLetterSpacing: var(--hamburgerNavSubItemLetterSpacingTablet);
5630
5631        /* apply sub nav item hover font */
5632        --hamburgerNavSubItemHoverFontColor: var(--hamburgerNavSubItemHoverFontColorTablet);
5633        --hamburgerNavSubItemFontHover: var(--hamburgerNavSubItemFontHoverTablet);
5634        --hamburgerNavSubItemLineHeightHover: var(--hamburgerNavSubItemLineHeightHoverTablet);
5635        --hamburgerNavSubItemFontSizeHover: var(--hamburgerNavSubItemFontSizeHoverTablet);
5636        --hamburgerNavSubItemFontWeightHover: var(--hamburgerNavSubItemFontWeightHoverTablet);
5637        --hamburgerNavSubItemLetterSpacingHover: var(--hamburgerNavSubItemLetterSpacingHoverTablet);
5638        --hamburgerNavSubItemTextDecorationHover: var(--hamburgerNavSubItemTextDecorationHoverTablet);
5639        --hamburgerNavSubItemFontStyleHover: var(--hamburgerNavSubItemFontStyleHoverTablet);
5640
5641        /* apply nav back button border */
5642        --hamburgerNavBackButtonBorderTop: var(--hamburgerNavBackButtonBorderTopTablet);
5643        --hamburgerNavBackButtonBorderRight: var(--hamburgerNavBackButtonBorderRightTablet);
5644        --hamburgerNavBackButtonBorderBottom: var(--hamburgerNavBackButtonBorderBottomTablet);
5645        --hamburgerNavBackButtonBorderLeft: var(--hamburgerNavBackButtonBorderLeftTablet);
5646        /* apply nav back button border hover*/
5647        --hamburgerNavBackButtonBorderTopHover: var(--hamburgerNavBackButtonBorderTopHoverTablet);
5648        --hamburgerNavBackButtonBorderRightHover: var(--hamburgerNavBackButtonBorderRightHoverTablet);
5649        --hamburgerNavBackButtonBorderBottomHover: var(--hamburgerNavBackButtonBorderBottomHoverTablet);
5650        --hamburgerNavBackButtonBorderLeftHover: var(--hamburgerNavBackButtonBorderLeftHoverTablet);
5651
5652        /* apply nav back button border radius */
5653        --hamburgerNavBackButtonBorderRadius: var(--hamburgerNavBackButtonBorderRadiusTablet);
5654        --hamburgerNavBackButtonBorderRadiusHover: var(--hamburgerNavBackButtonBorderRadiusHoverTablet);
5655
5656        /* apply nav back button background color */
5657        --hamburgerNavBackButtonBackgroundColor: var(--hamburgerNavBackButtonBackgroundColorTablet);
5658
5659        /* apply nav back button hover background color */
5660        --hamburgerNavBackButtonHoverBackgroundColor: var(--hamburgerNavBackButtonHoverBackgroundColorTablet);
5661
5662        /* apply nav back button */
5663        --hamburgerNavBackButtonPaddingTop: var(--hamburgerNavBackButtonPaddingTopTablet);
5664        --hamburgerNavBackButtonPaddingBottom: var(--hamburgerNavBackButtonPaddingBottomTablet);
5665        --hamburgerNavBackButtonPaddingLeft: var(--hamburgerNavBackButtonPaddingLeftTablet);
5666        --hamburgerNavBackButtonPaddingRight: var(--hamburgerNavBackButtonPaddingRightTablet);
5667        --hamburgerNavBackButtonFont: var(--hamburgerNavBackButtonFontTablet);
5668        --hamburgerNavBackButtonColor: var(--hamburgerNavBackButtonColorTablet);
5669        --hamburgerNavBackButtonFontSize: var(--hamburgerNavBackButtonFontSizeTablet);
5670        --hamburgerNavBackButtonFontWeight: var(--hamburgerNavBackButtonFontWeightTablet);
5671        --hamburgerNavBackButtonFontStyle: var(--hamburgerNavBackButtonFontStyleTablet);
5672        --hamburgerNavBackButtonLetterSpacing: var(--hamburgerNavBackButtonLetterSpacingTablet);
5673        --hamburgerNavBackButtonTextDecoration: var(--hamburgerNavBackButtonTextDecorationTablet);
5674        --hamburgerNavBackButtonLineHeight: var(--hamburgerNavBackButtonLineHeightTablet);
5675
5676        /* apply nav back button font hover */
5677        --hamburgerNavBackButtonHoverFontColor: var(--hamburgerNavBackButtonHoverFontColorTablet);
5678        --hamburgerNavBackButtonFontSizeHover: var(--hamburgerNavBackButtonFontSizeHoverTablet);
5679        --hamburgerNavBackButtonFontWeightHover: var(--hamburgerNavBackButtonFontWeightHoverTablet);
5680        --hamburgerNavBackButtonFontStyleHover: var(--hamburgerNavBackButtonFontStyleHoverTablet);
5681        --hamburgerNavBackButtonTextDecorationHover: var(--hamburgerNavBackButtonTextDecorationHoverTablet);
5682
5683        /* apply nav back button hover */
5684        --hamburgerNavBackButtonPaddingTopHover: var(--hamburgerNavBackButtonPaddingTopHoverTablet);
5685        --hamburgerNavBackButtonPaddingBottomHover: var(--hamburgerNavBackButtonPaddingBottomHoverTablet);
5686        --hamburgerNavBackButtonPaddingLeftHover: var(--hamburgerNavBackButtonPaddingLeftHoverTablet);
5687        --hamburgerNavBackButtonPaddingRightHover: var(--hamburgerNavBackButtonPaddingRightHoverTablet);
5688
5689        /* apply nav back button arrow */
5690        --hamburgerNavBackButtonArrowSize: var(--hamburgerNavBackButtonArrowSizeTablet);
5691        --hamburgerNavBackButtonArrowSizeHover: var(--hamburgerNavBackButtonArrowSizeHoverTablet);
5692        --hamburgerNavBackButtonArrowColor: var(--hamburgerNavBackButtonArrowColorTablet);
5693        --hamburgerNavBackButtonArrowSpacing: var(--hamburgerNavBackButtonArrowSpacingTablet);
5694        --hamburgerNavBackButtonArrowRotate: var(--hamburgerNavBackButtonArrowRotateTablet);
5695
5696        /* apply parent title border */
5697        --hamburgerTitleBorderTop: var(--hamburgerTitleBorderTopTablet);
5698        --hamburgerTitleBorderRight: var(--hamburgerTitleBorderRightTablet);
5699        --hamburgerTitleBorderBottom: var(--hamburgerTitleBorderBottomTablet);
5700        --hamburgerTitleBorderLeft: var(--hamburgerTitleBorderLeftTablet);
5701        /* apply parent title border hover */
5702        --hamburgerTitleBorderTopHover: var(--hamburgerTitleBorderTopHoverTablet);
5703        --hamburgerTitleBorderRightHover: var(--hamburgerTitleBorderRightHoverTablet);
5704        --hamburgerTitleBorderBottomHover: var(--hamburgerTitleBorderBottomHoverTablet);
5705        --hamburgerTitleBorderLeftHover: var(--hamburgerTitleBorderLeftHoverTablet);
5706
5707        /* apply parent title border radius */
5708        --hamburgerTitleBorderRadius: var(--hamburgerTitleBorderRadiusTablet);
5709        --hamburgerTitleBorderRadiusHover: var(--hamburgerTitleBorderRadiusHoverTablet);
5710
5711        /* apply parent title background color */
5712        --hamburgerTitleBackgroundColor: var(--hamburgerTitleBackgroundColorTablet);
5713        --hamburgerTitleBackgroundColorHover: var(--hamburgerTitleBackgroundColorHoverTablet);
5714
5715        /* apply parent title padding */
5716        --hamburgerTitlePaddingTop: var(--hamburgerTitlePaddingTopTablet);
5717        --hamburgerTitlePaddingBottom: var(--hamburgerTitlePaddingBottomTablet);
5718        --hamburgerTitlePaddingLeft: var(--hamburgerTitlePaddingLeftTablet);
5719        --hamburgerTitlePaddingRight: var(--hamburgerTitlePaddingRightTablet);
5720        /* apply parent title padding hover*/
5721        --hamburgerTitlePaddingTopHover: var(--hamburgerTitlePaddingTopHoverTablet);
5722        --hamburgerTitlePaddingBottomHover: var(--hamburgerTitlePaddingBottomHoverTablet);
5723        --hamburgerTitlePaddingLeftHover: var(--hamburgerTitlePaddingLeftHoverTablet);
5724        --hamburgerTitlePaddingRightHover: var(--hamburgerTitlePaddingRightHoverTablet);
5725
5726        /* apply parent title font */
5727        --hamburgerTitleFont: var(--hamburgerTitleFontTablet);
5728        --hamburgerTitleFontColor: var(--hamburgerTitleFontColorTablet);
5729        --hamburgerTitleFontSize: var(--hamburgerTitleFontSizeTablet);
5730        --hamburgerTitleFontWeight: var(--hamburgerTitleFontWeightTablet);
5731        --hamburgerTitleFontStyle: var(--hamburgerTitleFontStyleTablet);
5732        --hamburgerTitleLetterSpacing: var(--hamburgerTitleLetterSpacingTablet);
5733        --hamburgerTitleTextDecoration: var(--hamburgerTitleTextDecorationTablet);
5734        --hamburgerTitleLineHeight: var(--hamburgerTitleLineHeightTablet);
5735
5736        /* apply parent title arrow */
5737        --hamburgerTitleArrowSize: var(--hamburgerTitleArrowSizeTablet);
5738        --hamburgerTitleArrowColor: var(--hamburgerTitleArrowColorTablet);
5739        --hamburgerTitleArrowSpacing: var(--hamburgerTitleArrowSpacingTablet);
5740        --hamburgerTitleArrowRotate: var(--hamburgerTitleArrowRotateTablet);
5741
5742        /* apply slide container */
5743        --hamburgerSlideContainerWidth: var(--hamburgerSlideContainerWidthTablet);
5744
5745        /**********************
5746			vertical main nav
5747		***********************/
5748
5749        /* main nav justify content */
5750        --verticalNavJustifySelfTablet: center;
5751
5752        /* main nav items alignment */
5753        --verticalNavItemsAlignmentTablet: var(--verticalNavItemsAlignmentDesktop);
5754
5755        /* main nav width */
5756        --verticalNavWidthTablet: 100%;
5757
5758        /* main nav padding */
5759        --verticalNavPaddingTopTablet: var(--verticalNavPaddingTopDesktop);
5760        --verticalNavPaddingBottomTablet: var(--verticalNavPaddingBottomDesktop);
5761        --verticalNavPaddingLeftTablet: var(--verticalNavPaddingLeftDesktop);
5762        --verticalNavPaddingRightTablet: var(--verticalNavPaddingRightDesktop);
5763
5764        /* main nav border */
5765        --verticalNavBorderTopTablet: var(--verticalNavBorderTopDesktop);
5766        --verticalNavBorderRightTablet: var(--verticalNavBorderRightDesktop);
5767        --verticalNavBorderBottomTablet: var(--verticalNavBorderBottomDesktop);
5768        --verticalNavBorderLeftTablet: var(--verticalNavBorderLeftDesktop);
5769
5770        /* main nav border radius */
5771        --verticalNavBorderRadiusTablet: var(--verticalNavBorderRadiusDesktop);
5772
5773        /* main nav item font */
5774        --verticalNavItemFontTablet: var(--verticalNavItemFontDesktop);
5775        --verticalNavItemFontColorTablet: var(--verticalNavItemFontColorDesktop);
5776        --verticalNavItemFontSizeTablet: var(--verticalNavItemFontSizeDesktop);
5777        --verticalNavItemFontWeightTablet: var(--verticalNavItemFontWeightDesktop);
5778        --verticalNavItemLineHeightTablet: var(--verticalNavItemLineHeightDesktop);
5779        --verticalNavItemTextDecorationTablet: var(--verticalNavItemTextDecorationDesktop);
5780        --verticalNavItemFontStyleTablet: var(--verticalNavItemFontStyleDesktop);
5781        --verticalNavItemLetterSpacingTablet: var(--verticalNavItemLetterSpacingDesktop);
5782        --verticalNavItemBackgroundColorTablet: var(--verticalNavItemBackgroundColorDesktop);
5783
5784
5785        /* main nav item font hover*/
5786        --verticalNavItemFontSizeHoverTablet: var(--verticalNavItemFontSizeHoverDesktop);
5787        --verticalNavItemFontWeightHoverTablet: var(--verticalNavItemFontWeightHoverDesktop);
5788        --verticalNavItemTextDecorationHoverTablet: var(--verticalNavItemTextDecorationHoverDesktop);
5789        --verticalNavItemFontStyleHoverTablet: var(--verticalNavItemFontStyleHoverDesktop);
5790        --verticalNavItemHoverFontColorTablet: var(--verticalNavItemHoverFontColorDesktop);
5791        --verticalNavItemHoverBackgroundColorTablet: var(--verticalNavItemHoverBackgroundColorDesktop);
5792
5793
5794        /* main nav item padding */
5795        --verticalNavItemPaddingTopTablet: var(--verticalNavItemPaddingTopDesktop);
5796        --verticalNavItemPaddingRightTablet: var(--verticalNavItemPaddingRightDesktop);
5797        --verticalNavItemPaddingBottomTablet: var(--verticalNavItemPaddingBottomDesktop);
5798        --verticalNavItemPaddingLeftTablet: var(--verticalNavItemPaddingLeftDesktop);
5799
5800        /* main nav item padding hover */
5801        --verticalNavItemPaddingTopHoverTablet: var(--verticalNavItemPaddingTopHoverDesktop);
5802        --verticalNavItemPaddingRightHoverTablet: var(--verticalNavItemPaddingRightHoverDesktop);
5803        --verticalNavItemPaddingBottomHoverTablet: var(--verticalNavItemPaddingBottomHoverDesktop);
5804        --verticalNavItemPaddingLeftHoverTablet: var(--verticalNavItemPaddingLeftHoverDesktop);
5805
5806        /* main nav item border */
5807        --verticalNavItemBorderTopTablet: var(--verticalNavItemBorderTopDesktop);
5808        --verticalNavItemBorderRightTablet: var(--verticalNavItemBorderRightDesktop);
5809        --verticalNavItemBorderBottomTablet: var(--verticalNavItemBorderBottomDesktop);
5810        --verticalNavItemBorderLeftTablet: var(--verticalNavItemBorderLeftDesktop);
5811
5812        /* main nav item border hover */
5813        --verticalNavItemBorderTopHoverTablet: var(--verticalNavItemBorderTopHoverDesktop);
5814        --verticalNavItemBorderRightHoverTablet: var(--verticalNavItemBorderRightHoverDesktop);
5815        --verticalNavItemBorderBottomHoverTablet: var(--verticalNavItemBorderBottomHoverDesktop);
5816        --verticalNavItemBorderLeftHoverTablet: var(--verticalNavItemBorderLeftHoverDesktop);
5817
5818        /* main nav item border radius */
5819        --verticalNavItemBorderRadiusTablet: var(--verticalNavItemBorderRadiusDesktop);
5820        --verticalNavItemBorderRadiusHoverTablet: var(--verticalNavItemBorderRadiusHoverDesktop);
5821
5822        /* arrow */
5823        --verticalNavArrowSizeTablet: 24px;
5824        --verticalNavArrowWidthTablet: 24px;
5825        --verticalNavArrowSpacingTablet: 10px;
5826        --verticalNavArrowColorTablet: rgba(var(--colorPrimaryA), 1);
5827        --verticalNavArrowRotateTablet: -90deg;
5828        /* hover (default: mirror non-hover) */
5829        --verticalNavArrowColorHoverTablet: var(--verticalNavArrowColorTablet);
5830        --verticalNavArrowSizeHoverTablet: var(--verticalNavArrowSizeTablet);
5831        --verticalNavArrowRotateHoverTablet: var(--verticalNavArrowRotateTablet);
5832
5833        /* title */
5834        --verticalNavTitleFontColorTablet: rgba(var(--colorPrimaryH), 1);
5835        --verticalNavTitleLineHeightTablet: 1.4;
5836        --verticalNavTitleFontSizeTablet: 21px;
5837        --verticalNavTitleFontWeightTablet: 700;
5838        --verticalNavTitleContainerBackgroundColorTablet: transparent;
5839
5840        /* sub nav item font */
5841        --verticalNavSubItemFontTablet: var(--navPrimaryFont);
5842        --verticalNavSubItemFontColorTablet: rgba(var(--colorPrimaryA), 1);
5843        --verticalNavSubItemFontSizeTablet: 16px;
5844        --verticalNavSubItemFontWeightTablet: 400;
5845        --verticalNavSubItemLineHeightTablet: normal;
5846        --verticalNavSubItemTextDecorationTablet: none;
5847        --verticalNavSubItemFontStyleTablet: normal;
5848        --verticalNavSubItemLetterSpacingTablet: 0px;
5849        --verticalNavSubItemBackgroundColorTablet: transparent;
5850        --verticalNavSubItemHoverFontColorTablet: var(--verticalNavSubItemFontColorTablet);
5851        --verticalNavSubItemHoverBackgroundColorTablet: var(--verticalNavSubItemBackgroundColorTablet);
5852
5853        /* sub nav item padding */
5854        --verticalNavSubItemPaddingTopTablet: 0px;
5855        --verticalNavSubItemPaddingRightTablet: 0px;
5856        --verticalNavSubItemPaddingBottomTablet: 0px;
5857        --verticalNavSubItemPaddingLeftTablet: 0px;
5858
5859        /* sub nav item border */
5860        --verticalNavSubItemBorderTopTablet: 0px none rgba(var(--colorPrimaryA), 1);
5861        --verticalNavSubItemBorderRightTablet: 0px none rgba(var(--colorPrimaryA), 1);
5862        --verticalNavSubItemBorderBottomTablet: 0px none rgba(var(--colorPrimaryA), 1);
5863        --verticalNavSubItemBorderLeftTablet: 0px none rgba(var(--colorPrimaryA), 1);
5864
5865        /* sub nav item border radius */
5866        --verticalNavSubItemBorderRadiusTablet: 0px 0px 0px 0px;
5867
5868        /* sub nav arrow */
5869        --verticalNavSubArrowSizeTablet: 24px;
5870        --verticalNavSubArrowWidthTablet: 24px;
5871        --verticalNavSubArrowSpacingTablet: 10px;
5872
5873        /* slide container */
5874        --verticalSlideContainerWidthTablet: 400px;
5875
5876        /* separator */
5877        --verticalNavSeparatorDisplayTablet: var(--verticalNavSeparatorDisplayDesktop);
5878        --verticalNavSeparatorWidthTablet: var(--verticalNavSeparatorWidthDesktop);
5879        --verticalNavSeparatorHeightTablet: var(--verticalNavSeparatorHeightDesktop);
5880        --verticalNavSeparatorColorTablet: var(--verticalNavSeparatorColorDesktop);
5881        --verticalNavSeparatorSpacingTablet: var(--verticalNavSeparatorSpacingDesktop);
5882
5883        /* sub separator */
5884        --verticalNavSubSeparatorDisplayTablet: var(--verticalNavSubSeparatorDisplayDesktop);
5885        --verticalNavSubSeparatorWidthTablet: var(--verticalNavSubSeparatorWidthDesktop);
5886        --verticalNavSubSeparatorHeightTablet: var(--verticalNavSubSeparatorHeightDesktop);
5887        --verticalNavSubSeparatorColorTablet: var(--verticalNavSubSeparatorColorDesktop);
5888        --verticalNavSubSeparatorSpacingTablet: var(--verticalNavSubSeparatorSpacingDesktop);
5889
5890        /*****
5891			apply css properties
5892		*****/
5893
5894        /* apply main nav justify content */
5895        --verticalNavJustifySelf: var(--verticalNavJustifySelfTablet);
5896
5897        /* apply main nav items alignment */
5898        --verticalNavItemsAlignment: var(--verticalNavItemsAlignmentTablet);
5899
5900        /* apply main nav width */
5901        --verticalNavWidth: var(--verticalNavWidthTablet);
5902
5903        /* apply main nav padding */
5904        --verticalNavPaddingTop: var(--verticalNavPaddingTopTablet);
5905        --verticalNavPaddingBottom: var(--verticalNavPaddingBottomTablet);
5906        --verticalNavPaddingLeft: var(--verticalNavPaddingLeftTablet);
5907        --verticalNavPaddingRight: var(--verticalNavPaddingRightTablet);
5908
5909        /* apply main nav border */
5910        --verticalNavBorderTop: var(--verticalNavBorderTopTablet);
5911        --verticalNavBorderRight: var(--verticalNavBorderRightTablet);
5912        --verticalNavBorderBottom: var(--verticalNavBorderBottomTablet);
5913        --verticalNavBorderLeft: var(--verticalNavBorderLeftTablet);
5914
5915        /* apply main nav border radius */
5916        --verticalNavBorderRadius: var(--verticalNavBorderRadiusTablet);
5917
5918        /* apply main nav item font */
5919        --verticalNavItemFont: var(--verticalNavItemFontTablet);
5920        --verticalNavItemFontColor: var(--verticalNavItemFontColorTablet);
5921        --verticalNavItemFontSize: var(--verticalNavItemFontSizeTablet);
5922        --verticalNavItemFontWeight: var(--verticalNavItemFontWeightTablet);
5923        --verticalNavItemLineHeight: var(--verticalNavItemLineHeightTablet);
5924        --verticalNavItemTextDecoration: var(--verticalNavItemTextDecorationTablet);
5925        --verticalNavItemFontStyle: var(--verticalNavItemFontStyleTablet);
5926        --verticalNavItemLetterSpacing: var(--verticalNavItemLetterSpacingTablet);
5927        --verticalNavItemBackgroundColor: var(--verticalNavItemBackgroundColorTablet);
5928        --verticalNavItemHoverFontColor: var(--verticalNavItemHoverFontColorTablet);
5929        --verticalNavItemHoverBackgroundColor: var(--verticalNavItemHoverBackgroundColorTablet);
5930
5931        /* main nav item font hover*/
5932        --verticalNavItemFontSizeHover: var(--verticalNavItemFontSizeHoverTablet);
5933        --verticalNavItemFontWeightHover: var(--verticalNavItemFontWeightHoverTablet);
5934        --verticalNavItemTextDecorationHover: var(--verticalNavItemTextDecorationHoverTablet);
5935        --verticalNavItemFontStyleHover: var(--verticalNavItemFontStyleHoverTablet);
5936
5937
5938        /* apply main nav item padding */
5939        --verticalNavItemPaddingTop: var(--verticalNavItemPaddingTopTablet);
5940        --verticalNavItemPaddingRight: var(--verticalNavItemPaddingRightTablet);
5941        --verticalNavItemPaddingBottom: var(--verticalNavItemPaddingBottomTablet);
5942        --verticalNavItemPaddingLeft: var(--verticalNavItemPaddingLeftTablet);
5943        /* apply main nav item padding Hover*/
5944        --verticalNavItemPaddingTopHover: var(--verticalNavItemPaddingTopHoverTablet);
5945        --verticalNavItemPaddingRightHover: var(--verticalNavItemPaddingRightHoverTablet);
5946        --verticalNavItemPaddingBottomHover: var(--verticalNavItemPaddingBottomHoverTablet);
5947        --verticalNavItemPaddingLeftHover: var(--verticalNavItemPaddingLeftHoverTablet);
5948
5949        /* apply main nav item border */
5950        --verticalNavItemBorderTop: var(--verticalNavItemBorderTopTablet);
5951        --verticalNavItemBorderRight: var(--verticalNavItemBorderRightTablet);
5952        --verticalNavItemBorderBottom: var(--verticalNavItemBorderBottomTablet);
5953        --verticalNavItemBorderLeft: var(--verticalNavItemBorderLeftTablet);
5954        /* apply main nav item border hover*/
5955        --verticalNavItemBorderTopHover: var(--verticalNavItemBorderTopHoverTablet);
5956        --verticalNavItemBorderRightHover: var(--verticalNavItemBorderRightHoverTablet);
5957        --verticalNavItemBorderBottomHover: var(--verticalNavItemBorderBottomHoverTablet);
5958        --verticalNavItemBorderLeftHover: var(--verticalNavItemBorderLeftHoverTablet);
5959
5960        /* apply main nav item border radius */
5961        --verticalNavItemBorderRadius: var(--verticalNavItemBorderRadiusTablet);
5962        --verticalNavItemBorderRadiusHover: var(--verticalNavItemBorderRadiusHoverTablet);
5963
5964        /* apply arrow */
5965        --verticalNavArrowSize: var(--verticalNavArrowSizeTablet);
5966        --verticalNavItemIconDisplay: var(--verticalNavItemIconDisplayTablet);
5967        --verticalNavItemIconColor: var(--verticalNavItemIconColorTablet);
5968        --verticalNavItemIconColorHover: var(--verticalNavItemIconColorHoverTablet);
5969        --verticalNavItemIconSize: var(--verticalNavItemIconSizeTablet);
5970        --verticalNavItemIconSizeHover: var(--verticalNavItemIconSizeHoverTablet);
5971        --verticalNavItemIconRotate: var(--verticalNavItemIconRotateTablet);
5972        --verticalNavItemIconRotateHover: var(--verticalNavItemIconRotateHoverTablet);
5973        --verticalNavItemIconSpacing: var(--verticalNavItemIconSpacingTablet);
5974        --verticalNavSubItemIconDisplay: var(--verticalNavSubItemIconDisplayTablet);
5975        --verticalNavSubItemIconColor: var(--verticalNavSubItemIconColorTablet);
5976        --verticalNavSubItemIconColorHover: var(--verticalNavSubItemIconColorHoverTablet);
5977        --verticalNavSubItemIconSize: var(--verticalNavSubItemIconSizeTablet);
5978        --verticalNavSubItemIconSizeHover: var(--verticalNavSubItemIconSizeHoverTablet);
5979        --verticalNavSubItemIconRotate: var(--verticalNavSubItemIconRotateTablet);
5980        --verticalNavSubItemIconRotateHover: var(--verticalNavSubItemIconRotateHoverTablet);
5981        --verticalNavSubItemIconSpacing: var(--verticalNavSubItemIconSpacingTablet);
5982        --verticalNavArrowWidth: var(--verticalNavArrowWidthTablet);
5983        --verticalNavArrowSpacing: var(--verticalNavArrowSpacingTablet);
5984        --verticalNavArrowColor: var(--verticalNavArrowColorTablet);
5985        --verticalNavArrowRotate: var(--verticalNavArrowRotateTablet);
5986        --verticalNavArrowColorHover: var(--verticalNavArrowColorHoverTablet);
5987        --verticalNavArrowSizeHover: var(--verticalNavArrowSizeHoverTablet);
5988        --verticalNavArrowRotateHover: var(--verticalNavArrowRotateHoverTablet);
5989
5990        /* apply title */
5991        --verticalNavTitleFontColor: var(--verticalNavTitleFontColorTablet);
5992        --verticalNavTitleLineHeight: var(--verticalNavTitleLineHeightTablet);
5993        --verticalNavTitleFontSize: var(--verticalNavTitleFontSizeTablet);
5994        --verticalNavTitleFontWeight: var(--verticalNavTitleFontWeightTablet);
5995        --verticalNavTitleContainerBackgroundColor: var(--verticalNavTitleContainerBackgroundColorTablet);
5996
5997        /* apply sub nav item font */
5998        --verticalNavSubItemFont: var(--verticalNavSubItemFontTablet);
5999        --verticalNavSubItemFontColor: var(--verticalNavSubItemFontColorTablet);
6000        --verticalNavSubItemFontSize: var(--verticalNavSubItemFontSizeTablet);
6001        --verticalNavSubItemFontWeight: var(--verticalNavSubItemFontWeightTablet);
6002        --verticalNavSubItemLineHeight: var(--verticalNavSubItemLineHeightTablet);
6003        --verticalNavSubItemTextDecoration: var(--verticalNavSubItemTextDecorationTablet);
6004        --verticalNavSubItemFontStyle: var(--verticalNavSubItemFontStyleTablet);
6005        --verticalNavSubItemLetterSpacing: var(--verticalNavSubItemLetterSpacingTablet);
6006        --verticalNavSubItemBackgroundColor: var(--verticalNavSubItemBackgroundColorTablet);
6007        --verticalNavSubItemHoverFontColor: var(--verticalNavSubItemHoverFontColorTablet);
6008        --verticalNavSubItemHoverBackgroundColor: var(--verticalNavSubItemHoverBackgroundColorTablet);
6009
6010        /* apply sub nav item padding */
6011        --verticalNavSubItemPaddingTop: var(--verticalNavSubItemPaddingTopTablet);
6012        --verticalNavSubItemPaddingRight: var(--verticalNavSubItemPaddingRightTablet);
6013        --verticalNavSubItemPaddingBottom: var(--verticalNavSubItemPaddingBottomTablet);
6014        --verticalNavSubItemPaddingLeft: var(--verticalNavSubItemPaddingLeftTablet);
6015
6016        /* apply sub nav item border */
6017        --verticalNavSubItemBorderTop: var(--verticalNavSubItemBorderTopTablet);
6018        --verticalNavSubItemBorderRight: var(--verticalNavSubItemBorderRightTablet);
6019        --verticalNavSubItemBorderBottom: var(--verticalNavSubItemBorderBottomTablet);
6020        --verticalNavSubItemBorderLeft: var(--verticalNavSubItemBorderLeftTablet);
6021
6022        /* apply sub nav item border radius */
6023        --verticalNavSubItemBorderRadius: var(--verticalNavSubItemBorderRadiusTablet);
6024
6025        /* apply sub nav arrow */
6026        --verticalNavSubArrowSize: var(--verticalNavSubArrowSizeTablet);
6027        --verticalNavSubArrowWidth: var(--verticalNavSubArrowWidthTablet);
6028        --verticalNavSubArrowSpacing: var(--verticalNavSubArrowSpacingTablet);
6029
6030        /* apply slide container */
6031        --verticalSlideContainerWidth: var(--verticalSlideContainerWidthTablet);
6032
6033        /* apply separator */
6034        --verticalNavSeparatorDisplay: var(--verticalNavSeparatorDisplayTablet);
6035        --verticalNavSeparatorWidth: var(--verticalNavSeparatorWidthTablet);
6036        --verticalNavSeparatorHeight: var(--verticalNavSeparatorHeightTablet);
6037        --verticalNavSeparatorColor: var(--verticalNavSeparatorColorTablet);
6038        --verticalNavSeparatorSpacing: var(--verticalNavSeparatorSpacingTablet);
6039
6040        /* apply sub separator */
6041        --verticalNavSubSeparatorDisplay: var(--verticalNavSubSeparatorDisplayTablet);
6042        --verticalNavSubSeparatorWidth: var(--verticalNavSubSeparatorWidthTablet);
6043        --verticalNavSubSeparatorHeight: var(--verticalNavSubSeparatorHeightTablet);
6044        --verticalNavSubSeparatorColor: var(--verticalNavSubSeparatorColorTablet);
6045        --verticalNavSubSeparatorSpacing: var(--verticalNavSubSeparatorSpacingTablet);
6046    }
6047
6048    /* Horizontal Navigation Styles */
6049    .wmc_menu.wmcM_menuHorizontalTablet.wmd_showMoreMenu,
6050    .wmc_menu.wmcM_menuMegaTablet.wmd_showMoreMenu {
6051        & .navigation-module-container {
6052            overflow: hidden;
6053        }
6054
6055        & .navigation-module-container ul.navigation-nav--main-menu {
6056            flex-wrap: nowrap !important;
6057            overflow: hidden;
6058
6059            & > .navigation-nav--item {
6060                flex-shrink: 0;
6061            }
6062        }
6063    }
6064
6065    .wmc_menu.wmcM_menuHorizontalTablet .navigation-module-container,
6066    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container {
6067        & .navigation-nav {
6068            display: flex;
6069            justify-content: var(--horizontalNavJustifyContent);
6070        }
6071
6072        /* level 1: main menu */
6073
6074        & ul.navigation-nav--main-menu {
6075            display: inline-flex;
6076            padding-left: var(--horizontalNavPaddingLeft);
6077            padding-right: var(--horizontalNavPaddingRight);
6078            padding-top: var(--horizontalNavPaddingTop);
6079            padding-bottom: var(--horizontalNavPaddingBottom);
6080            margin-left: 0;
6081            margin-right: 0;
6082            flex-direction: row;
6083            flex-wrap: wrap;
6084            align-self: center;
6085            list-style: none;
6086            background-color: var(--horizontalNavBackgroundColor);
6087            border-top: var(--horizontalNavBorderTop);
6088            border-right: var(--horizontalNavBorderRight);
6089            border-bottom: var(--horizontalNavBorderBottom);
6090            border-radius: var(--horizontalNavBorderRadius);
6091            border-left: var(--horizontalNavBorderLeft);
6092            column-gap: calc(var(--horizontalNavSeparatorSpacing) / 2);
6093
6094            & > .navigation-nav--separator {
6095                display: var(--horizontalNavSeparatorDisplay);
6096                width: var(--horizontalNavSeparatorWidth);
6097                height: var(--horizontalNavSeparatorHeight);
6098                background-color: var(--horizontalNavSeparatorColor);
6099                align-self: center;
6100                font-size: var(--horizontalNavItemFontSize);
6101                line-height: 1.4;
6102            }
6103        }
6104
6105        /* level 1: li item */
6106
6107        & .navigation-nav--item {
6108            display: grid;
6109            grid-template-columns: 1fr;
6110            align-items: center;
6111            background-color: var(--navItemBackgroundColor);
6112            border-top: var(--navItemBorderTop);
6113            border-right: var(--navItemBorderRight);
6114            border-bottom: var(--navItemBorderBottom);
6115            border-left: var(--navItemBorderLeft);
6116            border-radius: var(--navItemBorderRadius);
6117
6118            &:hover, .wmcA_hoverState &:not(.wmcA_activeState) {
6119                background-color: var(--navItemHoverBackgroundColor);
6120                border-top: var(--navItemBorderTopHover);
6121                border-right: var(--navItemBorderRightHover);
6122                border-bottom: var(--navItemBorderBottomHover);
6123                border-left: var(--navItemBorderLeftHover);
6124                border-radius: var(--navItemBorderRadiusHover);
6125
6126            }
6127
6128            &.open, &.wmcA_activeState, .wmcA_activeState & {
6129                background-color: var(--navItemActiveBackgroundColor);
6130            }
6131
6132            &:has(.navigation-nav--sub-menu):hover, &:has(.navigation-nav--sub-menu).wmcA_activeState {
6133                background-color: var(--navItemActiveBackgroundColor);
6134            }
6135
6136            & > a {
6137                display: flex;
6138                align-items: center;
6139                padding-top: var(--navItemPaddingTop);
6140                padding-bottom: var(--navItemPaddingBottom);
6141                padding-left: var(--navItemPaddingLeft);
6142                padding-right: var(--navItemPaddingRight);
6143                font-family: var(--navItemFont);
6144                color: var(--navItemFontColor);
6145                line-height: var(--navItemLineHeight);
6146                background-color: transparent;
6147                letter-spacing: var(--navItemLetterSpacing);
6148                font-size: var(--navItemFontSize);
6149                text-decoration: var(--navItemTextDecoration);
6150                font-weight: var(--navItemFontWeight);
6151                font-style: var(--navItemFontStyle);
6152
6153                &:hover, .wmcA_hoverState & {
6154                    color: var(--navItemHoverFontColor);
6155                    font-size: var(--navItemFontSizeHover);
6156                    text-decoration: var(--navItemTextDecorationHover);
6157                    font-weight: var(--navItemFontWeightHover);
6158                    font-style: var(--navItemFontStyleHover);
6159                    padding-top: var(--navItemPaddingTopHover);
6160                    padding-bottom: var(--navItemPaddingBottomHover);
6161                    padding-left: var(--navItemPaddingLeftHover);
6162                    padding-right: var(--navItemPaddingRightHover);
6163                }
6164
6165                .navigation-nav--item.open > &, .navigation-nav--item.wmcA_activeState > &, .wmcA_activeState & {
6166                    color: var(--navItemActiveFontColor);
6167                }
6168
6169                .navigation-nav--item:has(> .navigation-nav--sub-menu):hover > &, .navigation-nav--item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
6170                    color: var(--navItemActiveFontColor);
6171                }
6172            }
6173
6174            &:hover > .navigation-nav--sub-menu,
6175            &:has(.navigation-nav--sub-menu:hover) > .navigation-nav--sub-menu,
6176            .wmcA_hoverState & > .navigation-nav--sub-menu,
6177            &.open > .navigation-nav--sub-menu {
6178                opacity: 1;
6179                visibility: visible;
6180                transform: translateY(0);
6181            }
6182
6183            & .arrow {
6184                display: none;
6185                pointer-events: none;
6186            }
6187
6188            &:has(.navigation-nav--sub-menu) {
6189                display: grid;
6190                grid-template-columns: 1fr auto;
6191                align-items: center;
6192                position: relative;
6193                padding-right: calc(var(--navItemPaddingRight) / 2);
6194
6195                & > a {
6196                    padding-right: 0;
6197                    width: 100%;
6198                }
6199
6200                & > .arrow {
6201                    display: flex;
6202                    align-items: center;
6203                    justify-content: center;
6204                    pointer-events: auto;
6205                    position: relative;
6206                    z-index: 1;
6207                    width: var(--horizontalNavArrowDisplay, var(--horizontalNavArrowSize));
6208                    height: 100%;
6209                    cursor: pointer;
6210                    margin-left: var(--horizontalNavArrowDisplay, var(--horizontalNavArrowSpacing));
6211
6212                    &::after {
6213                        display: block;
6214                        content: var(--horizontalNavArrowDisplay, '');
6215                        width: var(--horizontalNavArrowSize);
6216                        height: var(--horizontalNavArrowSize);
6217                        -webkit-mask-image: var(--wmd_caretIconUrl);
6218                        mask-image: var(--wmd_caretIconUrl);
6219                        -webkit-mask-size: contain;
6220                        mask-size: contain;
6221                        -webkit-mask-repeat: no-repeat;
6222                        mask-repeat: no-repeat;
6223                        -webkit-mask-position: center;
6224                        mask-position: center;
6225                        background-color: var(--horizontalNavArrowColor);
6226                        transform: var(--horizontalNavArrowRotate);
6227                        position: absolute;
6228                        left: auto;
6229                        right: auto;
6230                        top: auto;
6231                        bottom: auto;
6232                        z-index: 1;
6233                        transition: all 0.2s ease;
6234                    }
6235
6236                    &:hover, .wmcA_hoverState & {
6237                        &::after {
6238                            width: var(--horizontalNavArrowSizeHover);
6239                            height: var(--horizontalNavArrowSizeHover);
6240                            background-color: var(--horizontalNavArrowColorHover);
6241                            transform: var(--horizontalNavArrowRotateHover);
6242                        }
6243                    }
6244
6245                    .navigation-nav--item.open > &, .navigation-nav--item.wmcA_activeState > &, .wmcA_activeState & {
6246                        &::after {
6247                            background-color: var(--horizontalNavArrowColorActive);
6248                            transform: var(--horizontalNavArrowRotateActive);
6249                        }
6250                    }
6251
6252                    .navigation-nav--item:has(> .navigation-nav--sub-menu):hover > &, .navigation-nav--item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
6253                        &::after {
6254                            background-color: var(--horizontalNavArrowColorActive);
6255                            transform: var(--horizontalNavArrowRotateActive);
6256                        }
6257                    }
6258                }
6259            }
6260
6261            &.navigation-nav--more-trigger {
6262                padding-right: var(--navItemPaddingRight);
6263                grid-template-columns: 1fr max-content;
6264            }
6265        }
6266
6267        /* level 2: sub menu */
6268
6269        & .navigation-nav--sub-menu {
6270            display: flex;
6271            flex-direction: column;
6272            padding-top: var(--horizontalNavSubPaddingTop);
6273            padding-bottom: var(--horizontalNavSubPaddingBottom);
6274            padding-left: var(--horizontalNavSubPaddingLeft);
6275            padding-right: var(--horizontalNavSubPaddingRight);
6276            position: absolute;
6277            list-style: none;
6278            top: 100%;
6279            left: 0;
6280            opacity: 0;
6281            visibility: hidden;
6282            transform: translateY(10px);
6283            transition: all 0.3s ease;
6284            z-index: 100;
6285            min-width: var(--horizontalNavSubContainerWidth);
6286            box-shadow: var(--horizontalNavSubContainerShadow);
6287            background-color: var(--horizontalNavSubContainerBackgroun
6287dColor);
6288            gap: calc(var(--horizontalNavSubSeparatorSpacing) / 2);
6289            border-top: var(--horizontalNavSubContainerBorderTop);
6290            border-right: var(--horizontalNavSubContainerBorderRight);
6291            border-bottom: var(--horizontalNavSubContainerBorderBottom);
6292            border-left: var(--horizontalNavSubContainerBorderLeft);
6293            border-radius: var(--horizontalNavSubContainerBorderRadius);
6294
6295            & > .navigation-nav--separator {
6296                display: var(--horizontalNavSubSeparatorDisplay);
6297                margin: 0 auto;
6298                width: var(--horizontalNavSubSeparatorWidth);
6299                height: var(--horizontalNavSubSeparatorHeight);
6300                background-color: var(--horizontalNavSubSeparatorColor);
6301                align-self: center;
6302            }
6303        }
6304
6305        /* level 2: li sub item */
6306
6307        & .navigation-nav--sub-item {
6308            border-top: var(--horizontalNavSubItemBorderTop);
6309            border-right: var(--horizontalNavSubItemBorderRight);
6310            border-bottom: var(--horizontalNavSubItemBorderBottom);
6311            border-left: var(--horizontalNavSubItemBorderLeft);
6312            border-radius: var(--horizontalNavSubItemBorderRadius);
6313
6314            &:hover:not(.wmcA_activeState), .wmcA_hoverState .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > &:not(.wmcA_activeState) {
6315                border-radius: var(--horizontalNavSubItemBorderRadiusHover);
6316                border-top: var(--horizontalNavSubItemBorderTopHover);
6317                border-right: var(--horizontalNavSubItemBorderRightHover);
6318                border-bottom: var(--horizontalNavSubItemBorderBottomHover);
6319                border-left: var(--horizontalNavSubItemBorderLeftHover);
6320            }
6321
6322            & > a {
6323                display: flex;
6324                align-items: center;
6325                padding-top: var(--horizontalNavSubItemPaddingTop);
6326                padding-bottom: var(--horizontalNavSubItemPaddingBottom);
6327                padding-left: var(--horizontalNavSubItemPaddingLeft);
6328                padding-right: var(--horizontalNavSubItemPaddingRight);
6329                font-family: var(--horizontalNavSubItemFont);
6330                color: var(--horizontalNavSubItemFontColor);
6331                line-height: var(--horizontalNavSubItemLineHeight);
6332                background-color: transparent;
6333                letter-spacing: var(--horizontalNavSubItemLetterSpacing);
6334                font-weight: var(--horizontalNavSubItemFontWeight);
6335                font-size: var(--horizontalNavSubItemFontSize);
6336                text-decoration: var(--horizontalNavSubItemTextDecoration);
6337                font-style: var(--horizontalNavSubItemFontStyle);
6338
6339                &:hover, .wmcA_hoverState:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > .navigation-nav--sub-item > & {
6340                    color: var(--horizontalNavSubItemHoverFontColor);
6341                    font-weight: var(--horizontalNavSubItemFontWeightHover);
6342                    font-size: var(--horizontalNavSubItemFontSizeHover);
6343                    text-decoration: var(--horizontalNavSubItemTextDecorationHover);
6344                    font-style: var(--horizontalNavSubItemFontStyleHover);
6345                    padding-top: var(--horizontalNavSubItemPaddingTopHover);
6346                    padding-bottom: var(--horizontalNavSubItemPaddingBottomHover);
6347                    padding-left: var(--horizontalNavSubItemPaddingLeftHover);
6348                    padding-right: var(--horizontalNavSubItemPaddingRightHover);
6349                }
6350
6351                .navigation-nav--sub-item.open > &, .navigation-nav--sub-item.wmcA_activeState > &, .wmcA_activeState:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > .navigation-nav--sub-item > & {
6352                    color: var(--horizontalNavSubItemActiveFontColor);
6353                }
6354
6355                .wmc_menu:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--sub-item:has(> .navigation-nav--sub-menu):hover > &, .wmc_menu:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--sub-item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
6356                    color: var(--horizontalNavSubItemActiveFontColor);
6357                }
6358            }
6359
6360            &:has(.navigation-nav--sub-menu) {
6361                display: grid;
6362                grid-template-columns: 1fr auto;
6363                align-items: center;
6364                position: relative;
6365                padding-right: calc(var(--horizontalNavSubItemPaddingRight) / 2);
6366
6367                & > a {
6368                    padding-right: 0;
6369                    width: 100%;
6370                }
6371
6372                & > .arrow {
6373                    display: flex;
6374                    align-items: center;
6375                    justify-content: center;
6376                    pointer-events: auto;
6377                    position: relative;
6378                    z-index: 1;
6379                    width: var(--horizontalNavSubArrowDisplay, var(--horizontalNavSubArrowSize));
6380                    height: 100%;
6381                    cursor: pointer;
6382                    margin-left: var(--horizontalNavSubArrowDisplay, var(--horizontalNavSubArrowSpacing));
6383
6384                    &::after {
6385                        display: block;
6386                        content: var(--horizontalNavSubArrowDisplay, '');
6387                        width: var(--horizontalNavSubArrowSize);
6388                        height: var(--horizontalNavSubArrowSize);
6389                        -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
6390                        mask-image: var(--wmd_submenuCaretIconUrl);
6391                        -webkit-mask-size: contain;
6392                        mask-size: contain;
6393                        -webkit-mask-repeat: no-repeat;
6394                        mask-repeat: no-repeat;
6395                        -webkit-mask-position: center;
6396                        mask-position: center;
6397                        background-color: var(--horizontalNavSubArrowColor);
6398                        transform: var(--horizontalNavSubArrowRotate);
6399                        position: absolute;
6400                        left: auto;
6401                        right: auto;
6402                        top: auto;
6403                        bottom: auto;
6404                        z-index: 1;
6405                        transition: all 0.2s ease;
6406                    }
6407
6408                    &:hover, .wmcA_hoverState:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > .navigation-nav--sub-item > & {
6409                        &::after {
6410                            width: var(--horizontalNavSubArrowSizeHover);
6411                            height: var(--horizontalNavSubArrowSizeHover);
6412                            background-color: var(--horizontalNavSubArrowColorHover);
6413                            transform: var(--horizontalNavSubArrowRotateHover);
6414                        }
6415                    }
6416
6417                    .navigation-nav--sub-item.open > &, .navigation-nav--sub-item.wmcA_activeState > &, .wmcA_activeState:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > .navigation-nav--sub-item > & {
6418                        &::after {
6419                            background-color: var(--horizontalNavSubArrowColorActive);
6420                            transform: var(--horizontalNavSubArrowRotateActive);
6421                        }
6422                    }
6423
6424                    .wmc_menu:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--sub-item:has(> .navigation-nav--sub-menu):hover > &, .wmc_menu:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--sub-item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
6425                        &::after {
6426                            background-color: var(--horizontalNavSubArrowColorActive);
6427                            transform: var(--horizontalNavSubArrowRotateActive);
6428                        }
6429                    }
6430                }
6431            }
6432
6433            /* Third level submenu styles */
6434
6435            & > .navigation-nav--sub-menu {
6436                top: 0;
6437                left: 100%;
6438            }
6439
6440            &:hover > .navigation-nav--sub-menu,
6441            &:has(.navigation-nav--sub-menu:hover) > .navigation-nav--sub-menu,
6442            .wmcA_hoverState & > .navigation-nav--sub-menu,
6443            &.open > .navigation-nav--sub-menu {
6444                opacity: 1;
6445                visibility: visible;
6446                transform: translateX(0);
6447            }
6448        }
6449
6450        /* parent title */
6451
6452        & .navigation-nav--parent-title {
6453            display: none;
6454
6455            & a {
6456                padding-top: var(--horizontalNavSubItemPaddingTop);
6457                padding-bottom: var(--horizontalNavSubItemPaddingBottom);
6458                padding-left: var(--horizontalNavSubItemPaddingLeft);
6459                padding-right: var(--horizontalNavSubItemPaddingRight);
6460                font-family: var(--horizontalNavSubItemFont);
6461                font-size: var(--horizontalNavSubItemFontSize);
6462                font-weight: 700;
6463                color: var(--horizontalNavSubItemFontColor);
6464                border-bottom: 1px solid var(--horizontalNavSubItemFontColor);
6465                margin-bottom: 4px;
6466            }
6467
6468            & > span {
6469                display: none;
6470            }
6471        }
6472
6473        /* back button: NONE */
6474
6475        & .navigation-nav--back {
6476            display: none;
6477        }
6478
6479        /* hide separator for hidden items */
6480
6481        .navigation-nav--item[style="display: none;"] + .navigation-nav--separator {
6482            display: none;
6483        }
6484    }
6485
6486    .wmc_menu.wmcM_menuHorizontalTablet .navigation-module-container .navigation-nav--sub-item {
6487        background-color: var(--horizontalNavSubItemBackgroundColor);
6488
6489        &:hover:not(.wmcA_activeState), .wmcA_hoverState .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > &:not(.wmcA_activeState) {
6490            background-color: var(--horizontalNavSubItemHoverBackgroundColor);
6491        }
6492
6493        &.open, &.wmcA_activeState, .wmcA_activeState .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > &,
6494        &:has(.navigation-nav--sub-menu):hover, &:has(.navigation-nav--sub-menu).wmcA_activeState {
6495            background-color: var(--horizontalNavSubItemActiveBackgroundColor);
6496        }
6497    }
6498
6499    /* Hamburger Navigation Styles */
6500    .wmc_menu.wmcM_menuHamburgerTablet .navigation-module-container {
6501        background-color: transparent;
6502
6503        &.active {
6504            overflow-y: auto;
6505            -webkit-overflow-scrolling: touch;
6506            scrollbar-width: thin;
6507            scrollbar-color: rgba(var(--colorBwGradientJ), 0.3) transparent;
6508            display: grid;
6509            grid-template-columns: 1fr;
6510            grid-template-rows: max-content 1fr;
6511            position: fixed;
6512            padding-top: var(--hamburgerNavPaddingTop);
6513            padding-bottom: var(--hamburgerNavPaddingBottom);
6514            padding-left: var(--hamburgerNavPaddingLeft);
6515            padding-right: var(--hamburgerNavPaddingRight);
6516            top: calc(var(--wm_scrollTopNav) / var(--wm_scale));
6517            left: 0;
6518            width: 100%;
6519            height: 100%;
6520            z-index: 1000;
6521            background-color: var(--hamburgerNavBackgroundColor);
6522            transition: background-color 0.8s ease-in;
6523
6524            & .navigation-nav {
6525                display: block;
6526
6527                & > ul.navigation-nav--main-menu.start-animation {
6528                    & > li {
6529                        --item-delay: ;
6530                        top: 0;
6531                        opacity: 1;
6532                        transition-delay: var(--item-delay, 0.5s);
6533                    }
6534                }
6535            }
6536        }
6537
6538        & .navigation-nav {
6539            display: none;
6540            position: relative;
6541            z-index: 100;
6542            overflow: hidden;
6543            justify-self: var(--hamburgerNavJustifySelf);
6544            max-width: var(--hamburgerSlideContainerWidth);
6545            width: 100%;
6546
6547            & * {
6548                transition: all 0.3s ease;
6549            }
6550
6551            & > ul.navigation-nav--main-menu {
6552                & > li {
6553                    top: 100px;
6554                    opacity: 0;
6555                    position: relative;
6556
6557                    &.open {
6558                        position: static;
6559                    }
6560                }
6561            }
6562        }
6563
6564        /* level 1: main menu */
6565
6566        & ul.navigation-nav--main-menu {
6567            display: grid;
6568            margin: 0;
6569            padding: 0;
6570            grid-template-columns: 1fr;
6571            list-style: none;
6572            width: 100%;
6573            max-width: var(--hamburgerSlideContainerWidth);
6574            gap: calc(var(--hamburgerNavSeparatorSpacing) / 2);
6575            background-color: transparent;
6576
6577            & ul.navigation-nav--sub-menu {
6578                transform: translateX(var(--hamburgerSlideContainerWidth));
6579            }
6580
6581            &:has(.open) {
6582                transform: translateX(calc(var(--hamburgerSlideContainerWidth) * -1));
6583
6584                & .open > ul.navigation-nav--sub-menu {
6585                    transform: translateX(var(--hamburgerSlideContainerWidth));
6586
6587                    &:has(.open) {
6588                        transform: translateX(0px);
6589                    }
6590                }
6591            }
6592
6593            & > .navigation-nav--separator {
6594                display: var(--hamburgerNavSeparatorDisplay);
6595                margin: 0 auto;
6596                width: var(--hamburgerNavSeparatorWidth);
6597                height: var(--hamburgerNavSeparatorHeight);
6598                background-color: var(--hamburgerNavSeparatorColor);
6599                align-self: center;
6600            }
6601        }
6602
6603        /* level 1: li item */
6604
6605        & .navigation-nav--item {
6606            display: flex;
6607            align-items: center;
6608            border-top: var(--hamburgerNavItemBorderTop);
6609            border-right: var(--hamburgerNavItemBorderRight);
6610            border-bottom: var(--hamburgerNavItemBorderBottom);
6611            border-left: var(--hamburgerNavItemBorderLeft);
6612            border-radius: var(--hamburgerNavItemBorderRadius);
6613            background-color: var(--hamburgerNavItemBackgroundColor);
6614
6615            &:hover, .wmcA_hoverState &, .wmcA_hoverState & {
6616                background-color: var(--hamburgerNavItemHoverBackgroundColor);
6617                border-top: var(--hamburgerNavItemBorderTopHover);
6618                border-right: var(--hamburgerNavItemBorderRightHover);
6619                border-bottom: var(--hamburgerNavItemBorderBottomHover);
6620                border-left: var(--hamburgerNavItemBorderLeftHover);
6621                border-radius: var(--hamburgerNavItemBorderRadiusHover);
6622            }
6623
6624            & > a {
6625                display: flex;
6626                align-items: center;
6627                justify-content: var(--hamburgerNavItemsAlignment);
6628                text-align: var(--hamburgerNavItemsAlignment);
6629                padding-top: var(--hamburgerNavItemPaddingTop);
6630                padding-bottom: var(--hamburgerNavItemPaddingBottom);
6631                padding-left: var(--hamburgerNavItemPaddingLeft);
6632                padding-right: var(--hamburgerNavItemPaddingRight);
6633                font-family: var(--hamburgerNavItemFont);
6634                font-size: var(--hamburgerNavItemFontSize);
6635                color: var(--hamburgerNavItemFontColor);
6636                font-weight: var(--hamburgerNavItemFontWeight);
6637                line-height: var(--hamburgerNavItemLineHeight);
6638                text-decoration: var(--hamburgerNavItemTextDecoration);
6639                font-style: var(--hamburgerNavItemFontStyle);
6640                letter-spacing: var(--hamburgerNavItemLetterSpacing);
6641                background-color: transparent;
6642                width: var(--hamburgerNavArrowAutoSpacing);
6643
6644                &:hover, .wmcA_hoverState & {
6645                    color: var(--hamburgerNavItemHoverFontColor);
6646                    font-size: var(--hamburgerNavItemFontSizeHover) !important;
6647                    padding-top: var(--hamburgerNavItemPaddingTopHover);
6648                    padding-bottom: var(--hamburgerNavItemPaddingBottomHover);
6649                    padding-left: var(--hamburgerNavItemPaddingLeftHover);
6650                    padding-right: var(--hamburgerNavItemPaddingRightHover);
6651                    font-family: var(--hamburgerNavItemFontHover);
6652                    font-weight: var(--hamburgerNavItemFontWeightHover);
6653                    line-height: var(--hamburgerNavItemLineHeightHover);
6654                    text-decoration: var(--hamburgerNavItemTextDecorationHover);
6655                    font-style: var(--hamburgerNavItemFontStyleHover);
6656                    letter-spacing: var(--hamburgerNavItemLetterSpacingHover);
6657                }
6658            }
6659
6660            & .arrow {
6661                display: none;
6662                pointer-events: none;
6663            }
6664
6665            /* Items without a sub menu reserve the arrow footprint so their
6666               text aligns with arrowed items for any items alignment. */
6667            &:not(:has(.navigation-nav--sub-menu)) {
6668                gap: var(--hamburgerNavArrowSpacing);
6669                padding-right: var(--hamburgerNavItemPaddingRight);
6670
6671                & > a {
6672                    padding-right: 0;
6673                }
6674
6675                &::after {
6676                    content: '';
6677                    flex: 0 0 var(--hamburgerNavArrowSize);
6678                    height: var(--hamburgerNavArrowSize);
6679                }
6680            }
6681
6682            &:has(.navigation-nav--sub-menu) {
6683                display: flex;
6684                align-items: center;
6685                gap: var(--hamburgerNavArrowSpacing);
6686                padding-right: var(--hamburgerNavItemPaddingRight);
6687
6688                & > a {
6689                    padding-right: 0;
6690                }
6691
6692                & > .arrow {
6693                    display: flex;
6694                    align-items: center;
6695                    justify-content: flex-end;
6696                    pointer-events: auto;
6697                    position: relative;
6698                    z-index: 1;
6699                    width: var(--hamburgerNavArrowSize);
6700                    height: var(--hamburgerNavArrowSize);
6701                    cursor: pointer;
6702
6703                    &::after {
6704                        display: block;
6705                        content: '';
6706                        width: var(--hamburgerNavArrowSize);
6707                        height: var(--hamburgerNavArrowSize);
6708                        -webkit-mask-image: var(--wmd_menuItemIconUrl);
6709                        mask-image: var(--wmd_menuItemIconUrl);
6710                        -webkit-mask-size: contain;
6711                        mask-size: contain;
6712                        -webkit-mask-repeat: no-repeat;
6713                        mask-repeat: no-repeat;
6714                        -webkit-mask-position: center;
6715                        mask-position: center;
6716                        background-color: var(--hamburgerNavArrowColor);
6717                        transform: var(--hamburgerNavArrowRotate);
6718                        transition: all 0.3s ease;
6719                    }
6720
6721                    &:hover, .wmcA_hoverState & {
6722                        width: var(--hamburgerNavArrowSizeHover);
6723                        height: var(--hamburgerNavArrowSizeHover);
6724
6725                        &::after {
6726                            width: var(--hamburgerNavArrowSizeHover);
6727                            height: var(--hamburgerNavArrowSizeHover);
6728                            background-color: var(--hamburgerNavArrowColorHover);
6729                            transform: var(--hamburgerNavArrowRotateHover);
6730                        }
6731                    }
6732                }
6733            }
6734
6735            &.open > .navigation-nav--sub-menu {
6736                z-index: 1;
6737                opacity: 1;
6738                visibility: visible;
6739                pointer-events: auto;
6740            }
6741        }
6742
6743        /* level 2: sub menu */
6744
6745        & .navigation-nav--sub-menu {
6746            display: grid;
6747            margin: 0;
6748            padding: 0;
6749            grid-template-columns: 1fr;
6750            position: absolute;
6751            top: 0;
6752            left: 0;
6753            z-index: -1;
6754            list-style: none;
6755            opacity: 0;
6756            visibility: hidden;
6757            width: 100%;
6758            max-width: var(--hamburgerSlideContainerWidth);
6759            background-color: var(--hamburgerNavSubBackgroundColor);
6760            pointer-events: none;
6761            gap: calc(var(--hamburgerNavSubSeparatorSpacing) / 2);
6762
6763            & > .navigation-nav--separator {
6764                display: var(--hamburgerNavSubSeparatorDisplay);
6765                margin: 0 auto;
6766                width: var(--hamburgerNavSubSeparatorWidth);
6767                height: var(--hamburgerNavSubSeparatorHeight);
6768                background-color: var(--hamburgerNavSubSeparatorColor);
6769                align-self: center;
6770            }
6771        }
6772
6773        /* level 2: li sub item */
6774
6775        & .navigation-nav--sub-item {
6776            display: flex;
6777            align-items: center;
6778
6779            border-top: var(--hamburgerNavSubItemBorderTop);
6780            border-right: var(--hamburgerNavSubItemBorderRight);
6781            border-bottom: var(--hamburgerNavSubItemBorderBottom);
6782            border-left: var(--hamburgerNavSubItemBorderLeft);
6783            border-radius: var(--hamburgerNavSubItemBorderRadius);
6784            background-color: var(--hamburgerNavSubItemBackgroun
6784dColor);
6785
6786            &:hover, .wmcA_hoverState & {
6787                background-color: var(--hamburgerNavSubItemHoverBackgroundColor);
6788                border-radius: var(--hamburgerNavSubItemBorderRadiusHover);
6789                border-top: var(--hamburgerNavSubItemBorderTopHover);
6790                border-right: var(--hamburgerNavSubItemBorderRightHover);
6791                border-bottom: var(--hamburgerNavSubItemBorderBottomHover);
6792                border-left: var(--hamburgerNavSubItemBorderLeftHover);
6793            }
6794
6795            & > a {
6796                display: flex;
6797                align-items: center;
6798                padding-top: var(--hamburgerNavSubItemPaddingTop);
6799                padding-bottom: var(--hamburgerNavSubItemPaddingBottom);
6800                padding-left: var(--hamburgerNavSubItemPaddingLeft);
6801                padding-right: var(--hamburgerNavSubItemPaddingRight);
6802                font-family: var(--hamburgerNavSubItemFont);
6803                font-size: var(--hamburgerNavSubItemFontSize);
6804                color: var(--hamburgerNavSubItemFontColor);
6805                font-weight: var(--hamburgerNavSubItemFontWeight);
6806                line-height: var(--hamburgerNavSubItemLineHeight);
6807                text-decoration: var(--hamburgerNavSubItemTextDecoration);
6808                font-style: var(--hamburgerNavSubItemFontStyle);
6809                letter-spacing: var(--hamburgerNavSubItemLetterSpacing);
6810                background-color: transparent;
6811                width: var(--hamburgerNavSubArrowAutoSpacing);
6812
6813                &:hover, .wmcA_hoverState & {
6814                    color: var(--hamburgerNavSubItemHoverFontColor);
6815                    font-size: var(--hamburgerNavSubItemFontSizeHover);
6816                    font-family: var(--hamburgerNavSubItemFontHover);
6817                    font-weight: var(--hamburgerNavSubItemFontWeightHover);
6818                    line-height: var(--hamburgerNavSubItemLineHeightHover);
6819                    text-decoration: var(--hamburgerNavSubItemTextDecorationHover);
6820                    font-style: var(--hamburgerNavSubItemFontStyleHover);
6821                    letter-spacing: var(--hamburgerNavSubItemLetterSpacingHover);
6822                    padding-top: var(--hamburgerNavSubItemPaddingTopHover);
6823                    padding-bottom: var(--hamburgerNavSubItemPaddingBottomHover);
6824                    padding-left: var(--hamburgerNavSubItemPaddingLeftHover);
6825                    padding-right: var(--hamburgerNavSubItemPaddingRightHover);
6826                }
6827            }
6828
6829            &:has(.navigation-nav--sub-menu) {
6830                display: flex;
6831                align-items: center;
6832                gap: var(--hamburgerNavSubArrowSpacing);
6833                padding-right: var(--hamburgerNavSubItemPaddingRight);
6834
6835                & > a {
6836                    padding-right: 0;
6837                }
6838
6839                & > .arrow {
6840                    display: flex;
6841                    align-items: center;
6842                    justify-content: flex-end;
6843                    pointer-events: auto;
6844                    position: relative;
6845                    z-index: 1;
6846                    width: var(--hamburgerNavSubArrowSize);
6847                    height: var(--hamburgerNavSubArrowSize);
6848                    cursor: pointer;
6849
6850                    &::after {
6851                        display: block;
6852                        content: '';
6853                        width: var(--hamburgerNavSubArrowSize);
6854                        height: var(--hamburgerNavSubArrowSize);
6855                        -webkit-mask-image: var(--wmd_submenuItemIconUrl);
6856                        mask-image: var(--wmd_submenuItemIconUrl);
6857                        -webkit-mask-size: contain;
6858                        mask-size: contain;
6859                        -webkit-mask-repeat: no-repeat;
6860                        mask-repeat: no-repeat;
6861                        -webkit-mask-position: center;
6862                        mask-position: center;
6863                        background-color: var(--hamburgerNavSubArrowColor);
6864                        transform: var(--hamburgerNavSubArrowRotate);
6865                        transition: all 0.3s ease;
6866                    }
6867
6868                    &:hover, .wmcA_hoverState & {
6869                        width: var(--hamburgerNavSubArrowSizeHover);
6870                        height: var(--hamburgerNavSubArrowSizeHover);
6871
6872                        &::after {
6873                            width: var(--hamburgerNavSubArrowSizeHover);
6874                            height: var(--hamburgerNavSubArrowSizeHover);
6875                            background-color: var(--hamburgerNavSubArrowColorHover);
6876                            transform: var(--hamburgerNavSubArrowRotateHover);
6877                        }
6878                    }
6879                }
6880            }
6881
6882            &.open > .navigation-nav--sub-menu {
6883                z-index: 1;
6884                opacity: 1;
6885                visibility: visible;
6886                pointer-events: auto;
6887            }
6888        }
6889
6890        /* parent title */
6891
6892        & .navigation-nav--parent-title {
6893            display: flex;
6894            align-items: center;
6895            gap: var(--hamburgerTitleArrowSpacing);
6896            padding-right: var(--hamburgerTitlePaddingRight);
6897            border-top: var(--hamburgerTitleBorderTop);
6898            border-right: var(--hamburgerTitleBorderRight);
6899            border-bottom: var(--hamburgerTitleBorderBottom);
6900            border-left: var(--hamburgerTitleBorderLeft);
6901            border-radius: var(--hamburgerTitleBorderRadius);
6902            background-color: var(--hamburgerTitleBackgroundColor);
6903
6904            &:hover, .wmcA_hoverState & {
6905                /* border-top: var(--hamburgerTitleBorderTopHover);
6906                border-right: var(--hamburgerTitleBorderRightHover);
6907                border-bottom: var(--hamburgerTitleBorderBottomHover);
6908                border-left: var(--hamburgerTitleBorderLeftHover);
6909                border-radius: var(--hamburgerTitleBorderRadiusHover);
6910                background-color: var(--hamburgerTitleBackgroundColorHover);
6911                padding-right: var(--hamburgerTitlePaddingRightHover); */
6912            }
6913
6914            & > a {
6915                display: block;
6916                padding-top: var(--hamburgerTitlePaddingTop);
6917                padding-bottom: var(--hamburgerTitlePaddingBottom);
6918                padding-left: var(--hamburgerTitlePaddingLeft);
6919                padding-right: var(--hamburgerTitlePaddingRight);
6920                font-family: var(--hamburgerTitleFont);
6921                font-size: var(--hamburgerTitleFontSize);
6922                line-height: var(--hamburgerTitleLineHeight);
6923                font-weight: var(--hamburgerTitleFontWeight);
6924                color: var(--hamburgerTitleFontColor);
6925                font-style: var(--hamburgerTitleFontStyle);
6926                letter-spacing: var(--hamburgerTitleLetterSpacing);
6927                text-decoration: var(--hamburgerTitleTextDecoration);
6928                pointer-events: none;
6929                width: 100%;
6930
6931                &:hover, .wmcA_hoverState & {
6932                    padding-top: var(--hamburgerTitlePaddingTopHover);
6933                    padding-bottom: var(--hamburgerTitlePaddingBottomHover);
6934                    padding-left: var(--hamburgerTitlePaddingLeftHover);
6935                    padding-right: var(--hamburgerTitlePaddingRightHover);
6936                }
6937            }
6938
6939            & > span {
6940                display: flex;
6941                align-items: center;
6942                justify-content: flex-end;
6943                pointer-events: auto;
6944                position: relative;
6945                z-index: 1;
6946                width: var(--hamburgerTitleArrowSize);
6947                height: var(--hamburgerTitleArrowSize);
6948
6949                &::after {
6950                    display: block;
6951                    content: '';
6952                    width: var(--hamburgerTitleArrowSize);
6953                    height: var(--hamburgerTitleArrowSize);
6954                    -webkit-mask-image: var(--wmd_menuItemIconUrl);
6955                    mask-image: var(--wmd_menuItemIconUrl);
6956                    -webkit-mask-size: contain;
6957                    mask-size: contain;
6958                    -webkit-mask-repeat: no-repeat;
6959                    mask-repeat: no-repeat;
6960                    -webkit-mask-position: center;
6961                    mask-position: center;
6962                    background-color: var(--hamburgerTitleArrowColor);
6963                    transform: var(--hamburgerTitleArrowRotate);
6964                }
6965            }
6966        }
6967
6968        /* back button */
6969
6970        & .navigation-nav--back {
6971            display: block;
6972            padding-top: var(--hamburgerNavBackButtonPaddingTop);
6973            padding-bottom: var(--hamburgerNavBackButtonPaddingBottom);
6974            padding-left: var(--hamburgerNavBackButtonPaddingLeft);
6975            padding-right: var(--hamburgerNavBackButtonPaddingRight);
6976            border-top: var(--hamburgerNavBackButtonBorderTop);
6977            border-right: var(--hamburgerNavBackButtonBorderRight);
6978            border-bottom: var(--hamburgerNavBackButtonBorderBottom);
6979            border-left: var(--hamburgerNavBackButtonBorderLeft);
6980            border-radius: var(--hamburgerNavBackButtonBorderRadius);
6981            background-color: var(--hamburgerNavBackButtonBackgroundColor);
6982
6983            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
6984                border-radius: var(--hamburgerNavBackButtonBorderRadiusHover);
6985                background-color: var(--hamburgerNavBackButtonHoverBackgroundColor);
6986                padding-top: var(--hamburgerNavBackButtonPaddingTopHover);
6987                padding-bottom: var(--hamburgerNavBackButtonPaddingBottomHover);
6988                padding-left: var(--hamburgerNavBackButtonPaddingLeftHover);
6989                padding-right: var(--hamburgerNavBackButtonPaddingRightHover);
6990                border-top: var(--hamburgerNavBackButtonBorderTopHover);
6991                border-right: var(--hamburgerNavBackButtonBorderRightHover);
6992                border-bottom: var(--hamburgerNavBackButtonBorderBottomHover);
6993                border-left: var(--hamburgerNavBackButtonBorderLeftHover);
6994            }
6995
6996            & a {
6997                display: inline-flex;
6998                align-items: center;
6999                gap: var(--hamburgerNavBackButtonArrowSpacing);
7000                font-family: var(--hamburgerNavBackButtonFont);
7001                font-size: var(--hamburgerNavBackButtonFontSize);
7002                font-weight: var(--hamburgerNavBackButtonFontWeight);
7003                color: var(--hamburgerNavBackButtonColor);
7004                text-decoration: var(--hamburgerNavBackButtonTextDecoration);
7005                line-height: var(--hamburgerNavBackButtonLineHeight);
7006                font-style: var(--hamburgerNavBackButtonFontStyle);
7007                letter-spacing: var(--hamburgerNavBackButtonLetterSpacing);
7008                background-color: transparent;
7009                width: 100%;
7010
7011                &::before {
7012                    content: '';
7013                    display: inline-block;
7014                    width: var(--hamburgerNavBackButtonArrowSize);
7015                    height: var(--hamburgerNavBackButtonArrowSize);
7016                    -webkit-mask-image: var(--wmd_backIconUrl);
7017                    mask-image: var(--wmd_backIconUrl);
7018                    -webkit-mask-size: contain;
7019                    mask-size: contain;
7020                    -webkit-mask-repeat: no-repeat;
7021                    mask-repeat: no-repeat;
7022                    -webkit-mask-position: center;
7023                    mask-position: center;
7024                    background-color: var(--hamburgerNavBackButtonColor);
7025                    transform: var(--hamburgerNavBackButtonArrowRotate);
7026                    transition: all 0.3s ease;
7027                }
7028
7029                &:hover, .wmcA_hoverState & {
7030                    color: var(--hamburgerNavBackButtonHoverFontColor);
7031                    font-size: var(--hamburgerNavBackButtonFontSizeHover);
7032                    font-weight: var(--hamburgerNavBackButtonFontWeightHover);
7033                    font-style: var(--hamburgerNavBackButtonFontStyleHover);
7034                    text-decoration: var(--hamburgerNavBackButtonTextDecorationHover);
7035
7036                    &::before {
7037                        background-color: var(--hamburgerNavBackButtonHoverFontColor);
7038                        width: var(--hamburgerNavBackButtonArrowSizeHover);
7039                        height: var(--hamburgerNavBackButtonArrowSizeHover);
7040                    }
7041                }
7042            }
7043        }
7044
7045        /* hamburger button */
7046
7047        & .hamburger-button {
7048            display: flex;
7049            justify-content: center;
7050            align-items: center;
7051            padding: 0;
7052            margin: 0;
7053            position: relative;
7054            z-index: 100;
7055            cursor: pointer;
7056            background-color: transparent;
7057            border: none;
7058            width: var(--hamburgerMenuIconSize);
7059            height: var(--hamburgerMenuIconSize);
7060            flex-wrap: wrap;
7061
7062            & * {
7063                transition: all 0.3s ease;
7064            }
7065
7066            &.show-border {
7067                border: 1px solid var(--hamburgerMenuIconColor);
7068            }
7069
7070            & .hamburger-button-icon--container {
7071                display: block;
7072                width: var(--hamburgerMenuIconSize);
7073                height: var(--hamburgerMenuIconSize);
7074            }
7075
7076            & .hamburger-button-icon {
7077                display: flex;
7078                align-items: center;
7079                justify-content: center;
7080                margin: auto;
7081                width: var(--hamburgerMenuIconSize);
7082                height: var(--hamburgerMenuIconSize);
7083
7084                &::before {
7085                    content: '';
7086                    display: inline-block;
7087                    width: var(--hamburgerMenuIconSize);
7088                    height: var(--hamburgerMenuIconSize);
7089                    -webkit-mask-image: var(--wmd_hamburgerIconUrl);
7090                    mask-image: var(--wmd_hamburgerIconUrl);
7091                    -webkit-mask-size: contain;
7092                    mask-size: contain;
7093                    -webkit-mask-repeat: no-repeat;
7094                    mask-repeat: no-repeat;
7095                    -webkit-mask-position: center;
7096                    mask-position: center;
7097                    background-color: var(--hamburgerMenuIconColor);
7098                }
7099            }
7100
7101            & .hamburger-button-text {
7102                display: var(--hamburgerMenuDisplay);
7103                font-family: var(--hamburgerNavItemFont);
7104                font-size: 12px;
7105                font-weight: 700;
7106                line-height: 1;
7107                color: var(--hamburgerMenuIconColor);
7108                text-align: center;
7109                text-decoration: none;
7110                text-transform: uppercase;
7111            }
7112
7113            &:hover, .wmcA_hoverState & {
7114                & .hamburger-button-icon--container {
7115                    width: var(--hamburgerMenuIconSizeHover);
7116                    height: var(--hamburgerMenuIconSizeHover);
7117                }
7118
7119                & .hamburger-button-icon {
7120                    width: var(--hamburgerMenuIconSizeHover);
7121                    height: var(--hamburgerMenuIconSizeHover);
7122
7123                    &::before {
7124                        background-color: var(--hamburgerMenuIconHoverColor);
7125                        width: var(--hamburgerMenuIconSizeHover);
7126                        height: var(--hamburgerMenuIconSizeHover)
7127                    }
7128                }
7129
7130                & .hamburger-button-text {
7131                    color: var(--hamburgerMenuIconHoverColor);
7132                }
7133            }
7134
7135            &.active {
7136                margin-bottom: 25px;
7137                justify-self: var(--hamburgerMenuJustifySelf);
7138                width: var(--hamburgerMenuIconActiveSize);
7139                height: var(--hamburgerMenuIconActiveSize);
7140
7141                & .hamburger-button-icon--container {
7142                    width: var(--hamburgerMenuIconActiveSize);
7143                    height: var(--hamburgerMenuIconActiveSize);
7144                }
7145
7146                & .hamburger-button-icon {
7147                    width: var(--hamburgerMenuIconActiveSize);
7148                    height: var(--hamburgerMenuIconActiveSize);
7149
7150                    &::before {
7151                        width: var(--hamburgerMenuIconActiveSize);
7152                        height: var(--hamburgerMenuIconActiveSize);
7153                        -webkit-mask-image: var(--wmd_closeIconUrl);
7154                        mask-image: var(--wmd_closeIconUrl);
7155                        background-color: var(--hamburgerMenuIconActiveColor);
7156                    }
7157                }
7158
7159                & .hamburger-button-text {
7160                    color: var(--hamburgerMenuIconActiveColor);
7161                    height: 1px;
7162                    padding: 0;
7163                    margin: -1px;
7164                    visibility: hidden;
7165                    transition: none;
7166                    position: absolute;
7167                }
7168
7169                &:hover, .wmcA_hoverState & {
7170                    & .hamburger-button-icon--container {
7171                        width: var(--hamburgerMenuIconActiveSizeHover);
7172                        height: var(--hamburgerMenuIconActiveSizeHover);
7173                    }
7174
7175                    & .hamburger-button-icon {
7176                        width: var(--hamburgerMenuIconActiveSizeHover);
7177                        height: var(--hamburgerMenuIconActiveSizeHover);
7178
7179                        &::before {
7180                            width: var(--hamburgerMenuIconActiveSizeHover);
7181                            height: var(--hamburgerMenuIconActiveSizeHover);
7182                            background-color: var(--hamburgerMenuIconActiveHoverColor);
7183                        }
7184                    }
7185
7186                    & .hamburger-button-text {
7187                        color: var(--hamburgerMenuIconActiveHoverColor);
7188                    }
7189                }
7190            }
7191        }
7192    }
7193
7194    /* Vertical Navigation Styles */
7195    .wmc_menu.wmcM_menuVerticalTablet .navigation-module-container {
7196        & .navigation-nav {
7197            overflow: hidden;
7198            position: relative;
7199            padding-top: var(--verticalNavPaddingTop);
7200            padding-bottom: var(--verticalNavPaddingBottom);
7201            padding-left: var(--verticalNavPaddingLeft);
7202            padding-right: var(--verticalNavPaddingRight);
7203            border-top: var(--verticalNavBorderTop);
7204            border-right: var(--verticalNavBorderRight);
7205            border-bottom: var(--verticalNavBorderBottom);
7206            border-left: var(--verticalNavBorderLeft);
7207            border-radius: var(--verticalNavBorderRadius);
7208
7209            & * {
7210                transition: all 0.3s ease;
7211            }
7212        }
7213
7214        /* level 1: main menu */
7215
7216        & ul.navigation-nav--main-menu {
7217            display: grid;
7218            margin: 0;
7219            padding: 0;
7220            grid-template-columns: 1fr;
7221            align-self: center;
7222            justify-self: var(--verticalNavJustifySelf);
7223            list-style: none;
7224            width: var(--verticalNavWidth);
7225            max-width: var(--verticalSlideContainerWidth);
7226            gap: calc(var(--verticalNavSeparatorSpacing) / 2);
7227
7228            & ul.navigation-nav--sub-menu {
7229                transform: translateX(var(--verticalSlideContainerWidth));
7230            }
7231
7232            &:has(.open) {
7233                transform: translateX(calc(var(--verticalSlideContainerWidth) * -1));
7234
7235                & .open > ul.navigation-nav--sub-menu {
7236                    transform: translateX(var(--verticalSlideContainerWidth));
7237
7238                    &:has(.open) {
7239                        transform: translateX(0px);
7240                    }
7241                }
7242            }
7243
7244            /* separator */
7245
7246            & > .navigation-nav--separator {
7247                display: var(--verticalNavSeparatorDisplay);
7248                margin: 0 auto;
7249                width: var(--verticalNavSeparatorWidth);
7250                height: var(--verticalNavSeparatorHeight);
7251                background-color: var(--verticalNavSeparatorColor);
7252            }
7253        }
7254
7255        /* level 1: li item */
7256
7257        & .navigation-nav--item {
7258            display: grid;
7259            grid-template-columns: 1fr;
7260            align-items: center;
7261            border-top: var(--verticalNavItemBorderTop);
7262            border-right: var(--verticalNavItemBorderRight);
7263            border-bottom: var(--verticalNavItemBorderBottom);
7264            border-left: var(--verticalNavItemBorderLeft);
7265            border-radius: var(--verticalNavItemBorderRadius);
7266            background-color: var(--verticalNavItemBackgroundColor);
7267
7268            &:hover, .wmcA_hoverState & {
7269                border-top: var(--verticalNavItemBorderTopHover);
7270                border-right: var(--verticalNavItemBorderRightHover);
7271                border-bottom: var(--verticalNavItemBorderBottomHover);
7272                border-left: var(--verticalNavItemBorderLeftHover);
7273                border-radius: var(--verticalNavItemBorderRadiusHover);
7274            }
7275
7276            & > a {
7277                display: flex;
7278                align-items: center;
7279                justify-content: var(--verticalNavItemsAlignment);
7280                text-align: var(--verticalNavItemsAlignment);
7281                padding-top: var(--verticalNavItemPaddingTop);
7282                padding-right: var(--verticalNavItemPaddingRight);
7283                padding-bottom: var(--verticalNavItemPaddingBottom);
7284                padding-left: var(--verticalNavItemPaddingLeft);
7285                font-family: var(--verticalNavItemFont);
7286                font-size: var(--verticalNavItemFontSize);
7287                font-weight: var(--verticalNavItemFontWeight);
7288                color: var(--verticalNavItemFontColor);
7289                line-height: var(--verticalNavItemLineHeight);
7290                text-decoration: var(--verticalNavItemTextDecoration);
7291                font-style: var(--verticalNavItemFontStyle);
7292                background-color: transparent;
7293                letter-spacing: var(--verticalNavItemLetterSpacing);
7294
7295                &:hover, .wmcA_hoverState & {
7296                    color: var(--verticalNavItemHoverFontColor);
7297                    padding-top: var(--verticalNavItemPaddingTopHover);
7298                    padding-right: var(--verticalNavItemPaddingRightHover);
7299                    padding-bottom: var(--verticalNavItemPaddingBottomHover);
7300                    padding-left: var(--verticalNavItemPaddingLeftHover);
7301                    font-style: var(--verticalNavItemFontStyleHover);
7302                    text-decoration: var(--verticalNavItemTextDecorationHover);
7303                    font-size: var(--verticalNavItemFontSizeHover);
7304                    font-weight: var(--verticalNavItemFontWeightHover);
7305                }
7306            }
7307
7308            & .arrow {
7309                display: none;
7310                pointer-events: none;
7311            }
7312
7313            /* hide: no sub menu for vertical navigation */
7314
7315            &:has(.navigation-nav--sub-menu) {
7316                display: grid;
7317                /* grid-template-columns: 1fr var(--verticalNavArrowSize); */
7318                grid-template-columns: 1fr;
7319                align-items: center;
7320                column-gap: var(--verticalNavArrowSpacing);
7321                padding-right: var(--verticalNavItemPaddingRight);
7322
7323                & > a {
7324                    padding-right: 0;
7325                    width: 100%;
7326                }
7327
7328                & > .arrow {
7329                    display: none; /* hide: no sub menu for vertical navigation */
7330                    align-items: center;
7331                    justify-content: flex-end;
7332                    pointer-events: auto;
7333                    position: relative;
7334                    z-index: 1;
7335                    width: var(--verticalNavArrowSize);
7336                    height: var(--verticalNavArrowSize);
7337                    cursor: pointer;
7338
7339                    &::after {
7340                        display: block;
7341                        content: '';
7342                        width: var(--verticalNavArrowSize);
7343                        height: var(--verticalNavArrowSize);
7344                        -webkit-mask-image: var(--wmd_caretIconUrl);
7345                        mask-image: var(--wmd_caretIconUrl);
7346                        -webkit-mask-size: contain;
7347                        mask-size: contain;
7348                        -webkit-mask-repeat: no-repeat;
7349                        mask-repeat: no-repeat;
7350                        -webkit-mask-position: center;
7351                        mask-position: center;
7352                        background-color: var(--verticalNavArrowColor);
7353                        transform: var(--verticalNavArrowRotate);
7354                    }
7355
7356                    &:hover, .wmcA_hoverState & {
7357                        width: var(--verticalNavArrowSizeHover);
7358                        height: var(--verticalNavArrowSizeHover);
7359
7360                        &::after {
7361                            width: var(--verticalNavArrowSizeHover);
7362                            height: var(--verticalNavArrowSizeHover);
7363                            background-color: var(--verticalNavArrowColorHover);
7364                            transform: var(--verticalNavArrowRotateHover);
7365                        }
7366                    }
7367                }
7368            }
7369
7370            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
7371                background-color: var(--verticalNavItemHoverBackgroun
7371dColor);
7372
7373                & .arrow:hover, .wmcA_hoverState & {
7374                    &::after {
7375                        border-left-color: var(--verticalNavItemHoverFontColor);
7376                    }
7377                }
7378            }
7379
7380            &.open {
7381                & > .arrow {
7382                    &::after {
7383                        transform: rotate(90deg);
7384                    }
7385                }
7386
7387                & > .navigation-nav--sub-menu {
7388                    display: grid;
7389                    grid-template-columns: 1fr;
7390                    opacity: 1;
7391                    visibility: visible;
7392                    pointer-events: auto;
7393                }
7394            }
7395        }
7396
7397        /* level 2: sub menu */
7398
7399        & .navigation-nav--sub-menu {
7400            display: none;
7401            margin: 0;
7402            padding: 0;
7403            position: absolute;
7404            top: 0;
7405            left: 0;
7406            z-index: -1;
7407            list-style: none;
7408            opacity: 0;
7409            visibility: hidden;
7410            width: 100%;
7411            max-width: var(--verticalSlideContainerWidth);
7412            pointer-events: none;
7413            gap: calc(var(--verticalNavSubSeparatorSpacing) / 2);
7414
7415            /* separator */
7416
7417            & > .navigation-nav--separator {
7418                display: var(--verticalNavSubSeparatorDisplay);
7419                margin: 0 auto;
7420                width: var(--verticalNavSubSeparatorWidth);
7421                height: var(--verticalNavSubSeparatorHeight);
7422                background-color: var(--verticalNavSubSeparatorColor);
7423            }
7424        }
7425
7426        /* level 2: li sub item */
7427
7428        & .navigation-nav--sub-item {
7429            display: grid;
7430            grid-template-columns: 1fr;
7431            align-items: center;
7432            border-top: var(--verticalNavSubItemBorderTop);
7433            border-right: var(--verticalNavSubItemBorderRight);
7434            border-bottom: var(--verticalNavSubItemBorderBottom);
7435            border-left: var(--verticalNavSubItemBorderLeft);
7436            border-radius: var(--verticalNavSubItemBorderRadius);
7437            background-color: var(--verticalNavSubItemBackgroundColor);
7438
7439            & > a {
7440                display: flex;
7441                align-items: center;
7442                padding-top: var(--verticalNavSubItemPaddingTop);
7443                padding-right: var(--verticalNavSubItemPaddingRight);
7444                padding-bottom: var(--verticalNavSubItemPaddingBottom);
7445                padding-left: var(--verticalNavSubItemPaddingLeft);
7446                font-family: var(--verticalNavSubItemFont);
7447                font-size: var(--verticalNavSubItemFontSize);
7448                color: var(--verticalNavSubItemFontColor);
7449                font-weight: var(--verticalNavSubItemFontWeight);
7450                line-height: var(--verticalNavSubItemLineHeight);
7451                text-decoration: var(--verticalNavSubItemTextDecoration);
7452                font-style: var(--verticalNavSubItemFontStyle);
7453                letter-spacing: var(--verticalNavSubItemLetterSpacing);
7454                background-color: transparent;
7455
7456                &:hover, .wmcA_hoverState & {
7457                    color: var(--verticalNavSubItemHoverFontColor);
7458                }
7459            }
7460
7461            &:has(.navigation-nav--sub-menu) {
7462                display: grid;
7463                grid-template-columns: 1fr calc(var(--verticalNavSubArrowSpacing) + var(--verticalNavSubArrowSize));
7464                align-items: center;
7465                column-gap: var(--verticalNavSubArrowSpacing);
7466                padding-right: var(--verticalNavSubItemPaddingRight);
7467
7468                & > a {
7469                    padding-right: 0;
7470                    width: 100%;
7471                }
7472
7473                & > .arrow {
7474                    display: flex;
7475                    align-items: center;
7476                    justify-content: flex-end;
7477                    pointer-events: auto;
7478                    position: relative;
7479                    z-index: 1;
7480                    width: calc(var(--verticalNavSubArrowSpacing) + var(--verticalNavSubArrowSize));
7481                    height: 100%;
7482                    cursor: pointer;
7483
7484                    &::after {
7485                        display: block;
7486                        content: '';
7487                        width: var(--verticalNavSubArrowSize);
7488                        height: var(--verticalNavSubArrowSize);
7489                        -webkit-mask-image: var(--wmd_submenuItemIconUrl);
7490                        mask-image: var(--wmd_submenuItemIconUrl);
7491                        -webkit-mask-size: contain;
7492                        mask-size: contain;
7493                        -webkit-mask-repeat: no-repeat;
7494                        mask-repeat: no-repeat;
7495                        -webkit-mask-position: center;
7496                        mask-position: center;
7497                        background-color: var(--verticalNavSubArrowColor);
7498                        transform: var(--verticalNavSubArrowRotate);
7499                    }
7500                }
7501            }
7502
7503            /* Third level submenu styles */
7504
7505            & > .navigation-nav--sub-menu {
7506                display: none;
7507                opacity: 0;
7508                visibility: hidden;
7509                gap: calc(var(--verticalNavSubSeparatorSpacing) / 2);
7510            }
7511
7512            &:hover, .wmcA_hoverState & {
7513                background-color: var(--verticalNavSubItemHoverBackgroundColor);
7514
7515                & .arrow:hover, .wmcA_hoverState & {
7516                    &::after {
7517                        border-left-color: var(--verticalNavSubItemHoverFontColor);
7518                    }
7519                }
7520            }
7521
7522            &.open {
7523                & > .arrow {
7524                    &::after {
7525                        transform: rotate(90deg);
7526                    }
7527                }
7528
7529                & > .navigation-nav--sub-menu {
7530                    display: grid;
7531                    grid-template-columns: 1fr;
7532                    opacity: 1;
7533                    visibility: visible;
7534                    pointer-events: auto;
7535                }
7536            }
7537        }
7538
7539        /* parent title */
7540
7541        & .navigation-nav--parent-title {
7542            display: grid;
7543            padding: 15px 0 10px 0;
7544            grid-template-columns: 1fr max-content;
7545            align-items: center;
7546            gap: var(--verticalNavSubSeparatorSpacing);
7547            border: none;
7548            background-color: var(--verticalNavTitleContainerBackgroun
7548dColor);
7549
7550            &:hover, .wmcA_hoverState & {
7551                background-color: var(--verticalNavTitleContainerBackgroundColor);
7552            }
7553
7554            & a {
7555                display: block;
7556                margin-bottom: 4px;
7557                padding: 0;
7558                font-family: var(--verticalNavItemFont);
7559                font-size: var(--verticalNavTitleFontSize);
7560                font-weight: var(--verticalNavTitleFontWeight);
7561                color: var(--verticalNavTitleFontColor);
7562                text-decoration: none;
7563                cursor: pointer;
7564                pointer-events: none;
7565            }
7566
7567            & > span {
7568                display: none;
7569            }
7570        }
7571
7572        /* back button: NONE */
7573
7574        & .navigation-nav--back {
7575            display: block;
7576            padding: 15px 0;
7577            border-bottom: 1px solid var(--verticalNavArrowColor);
7578
7579            & a {
7580                display: inline-flex;
7581                margin-bottom: 10px;
7582                align-items: center;
7583                gap: 10px;
7584                font-family: var(--verticalNavItemFont);
7585                font-size: var(--verticalNavItemFontSize);
7586                font-weight: 400;
7587                color: var(--verticalNavItemFontColor);
7588                text-decoration: none;
7589
7590                &:hover, .wmcA_hoverState & {
7591                    color: var(--verticalNavItemHoverFontColor);
7592                }
7593
7594                &::before {
7595                    display: block;
7596                    content: '';
7597                    width: var(--verticalNavSubArrowSize);
7598                    height: var(--verticalNavSubArrowSize);
7599                    -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
7600                    mask-image: var(--wmd_submenuCaretIconUrl);
7601                    -webkit-mask-size: contain;
7602                    mask-size: contain;
7603                    -webkit-mask-repeat: no-repeat;
7604                    mask-repeat: no-repeat;
7605                    -webkit-mask-position: center;
7606                    mask-position: center;
7607                    background-color: var(--verticalNavSubArrowColor);
7608                    transform: rotate(90deg);
7609                }
7610            }
7611        }
7612    }
7613
7614    body > .wmc_section .wmc_menu.wmcM_menuHamburgerTablet:has(.navigation-module-container.active) {
7615        z-index: 6000 !important;
7616    }
7617}
7618
7619@media all and (width < 650px) {
7620    .wmc_menu {
7621        --heightMobile: max-content;
7622
7623        /**********************
7624			horizontal main nav
7625		***********************/
7626
7627        /* main nav padding */
7628        --horizontalNavPaddingTopMobile: var(--horizontalNavPaddingTopDesktop);
7629        --horizontalNavPaddingBottomMobile: var(--horizontalNavPaddingBottomDesktop);
7630        --horizontalNavPaddingLeftMobile: var(--horizontalNavPaddingLeftDesktop);
7631        --horizontalNavPaddingRightMobile: var(--horizontalNavPaddingRightDesktop);
7632
7633        /* main nav justify content */
7634        --horizontalNavJustifyContentMobile: flex-start;
7635
7636        /* main nav item padding */
7637        --horizontalNavItemPaddingTopMobile: var(--horizontalNavItemPaddingTopDesktop);
7638        --horizontalNavItemPaddingBottomMobile: var(--horizontalNavItemPaddingBottomDesktop);
7639        --horizontalNavItemPaddingLeftMobile: var(--horizontalNavItemPaddingLeftDesktop);
7640        --horizontalNavItemPaddingRightMobile: var(--horizontalNavItemPaddingRightDesktop);
7641        /* main nav item padding hover */
7642        --horizontalNavItemPaddingTopHoverMobile: var(--horizontalNavItemPaddingTopHoverDesktop);
7643        --horizontalNavItemPaddingBottomHoverMobile: var(--horizontalNavItemPaddingBottomHoverDesktop);
7644        --horizontalNavItemPaddingLeftHoverMobile: var(--horizontalNavItemPaddingLeftHoverDesktop);
7645        --horizontalNavItemPaddingRightHoverMobile: var(--horizontalNavItemPaddingRightHoverDesktop);
7646
7647
7648        /* main nav item font */
7649        --horizontalNavItemFontMobile: var(--horizontalNavItemFontDesktop);
7650        --horizontalNavItemFontColorMobile: var(--horizontalNavItemFontColorDesktop);
7651        --horizontalNavItemLineHeightMobile: var(--horizontalNavItemLineHeightDesktop);
7652        --horizontalNavItemFontSizeMobile: var(--horizontalNavItemFontSizeDesktop);
7653        --horizontalNavItemFontWeightMobile: var(--horizontalNavItemFontWeightDesktop);
7654        --horizontalNavBackgroundColorMobile: var(--horizontalNavBackgroundColorDesktop);
7655        --horizontalNavItemBackgroundColorMobile: var(--horizontalNavItemBackgroundColorDesktop);
7656        --horizontalNavItemLetterSpacingMobile: var(--horizontalNavItemLetterSpacingDesktop);
7657        --horizontalNavItemTextDecorationMobile: var(--horizontalNavItemTextDecorationDesktop);
7658        --horizontalNavItemFontStyleMobile: var(--horizontalNavItemFontStyleDesktop);
7659
7660        /* main nav item font hover*/
7661        --horizontalNavItemHoverFontColorMobile: var(--horizontalNavItemHoverFontColorDesktop);
7662        --horizontalNavItemHoverBackgroundColorMobile: var(--horizontalNavItemHoverBackgroundColorDesktop);
7663        --horizontalNavItemFontSizeHoverMobile: var(--horizontalNavItemFontSizeHoverDesktop);
7664        --horizontalNavItemFontWeightHoverMobile: var(--horizontalNavItemFontWeightHoverDesktop);
7665        --horizontalNavItemTextDecorationHoverMobile: var(--horizontalNavItemTextDecorationHoverDesktop);
7666        --horizontalNavItemFontStyleHoverMobile: var(--horizontalNavItemFontStyleHoverDesktop);
7667
7668        /* main nav item font active */
7669        --horizontalNavItemActiveFontColorMobile: var(--horizontalNavItemActiveFontColorDesktop);
7670        --horizontalNavItemActiveBackgroundColorMobile: var(--horizontalNavItemActiveBackgroundColorDesktop);
7671
7672        /* main nav border */
7673        --horizontalNavBorderTopMobile: var(--horizontalNavBorderTopDesktop);
7674        --horizontalNavBorderRightMobile: var(--horizontalNavBorderRightDesktop);
7675        --horizontalNavBorderBottomMobile: var(--horizontalNavBorderBottomDesktop);
7676        --horizontalNavBorderLeftMobile: var(--horizontalNavBorderLeftDesktop);
7677
7678        /* main nav border radius hover*/
7679        --horizontalNavBorderRadiusMobile: var(--horizontalNavBorderRadiusDesktop);
7680        --horizontalNavBorderRadiusHoverMobile: var(--horizontalNavBorderRadiusHoverDesktop);
7681
7682        /* main nav item border */
7683        --horizontalNavItemBorderTopMobile: var(--horizontalNavItemBorderTopDesktop);
7684        --horizontalNavItemBorderRightMobile: var(--horizontalNavItemBorderRightDesktop);
7685        --horizontalNavItemBorderBottomMobile: var(--horizontalNavItemBorderBottomDesktop);
7686        --horizontalNavItemBorderLeftMobile: var(--horizontalNavItemBorderLeftDesktop);
7687
7688        /* main nav item border hover */
7689        --horizontalNavItemBorderTopHoverMobile: var(--horizontalNavItemBorderTopHoverDesktop);
7690        --horizontalNavItemBorderRightHoverMobile: var(--horizontalNavItemBorderRightHoverDesktop);
7691        --horizontalNavItemBorderBottomHoverMobile: var(--horizontalNavItemBorderBottomHoverDesktop);
7692        --horizontalNavItemBorderLeftHoverMobile: var(--horizontalNavItemBorderLeftHoverDesktop);
7693
7694        /* main nav item border radius */
7695        --horizontalNavItemBorderRadiusMobile: var(--horizontalNavItemBorderRadiusDesktop);
7696        --horizontalNavItemBorderRadiusHoverMobile: var(--horizontalNavItemBorderRadiusHoverDesktop);
7697
7698        /* separator */
7699        --horizontalNavSeparatorDisplayMobile: var(--horizontalNavSeparatorDisplayDesktop);
7700        --horizontalNavSeparatorWidthMobile: var(--horizontalNavSeparatorWidthDesktop);
7701        --horizontalNavSeparatorHeightMobile: var(--horizontalNavSeparatorHeightDesktop);
7702        --horizontalNavSeparatorColorMobile: var(--horizontalNavSeparatorColorDesktop);
7703        --horizontalNavSeparatorSpacingMobile: var(--horizontalNavSeparatorSpacingDesktop);
7704
7705        /* sub separator */
7706        --horizontalNavSubSeparatorDisplayMobile: var(--horizontalNavSubSeparatorDisplayDesktop);
7707        --horizontalNavSubSeparatorWidthMobile: var(--horizontalNavSubSeparatorWidthDesktop);
7708        --horizontalNavSubSeparatorHeightMobile: var(--horizontalNavSubSeparatorHeightDesktop);
7709        --horizontalNavSubSeparatorColorMobile: var(--horizontalNavSubSeparatorColorDesktop);
7710        --horizontalNavSubSeparatorSpacingMobile: var(--horizontalNavSubSeparatorSpacingDesktop);
7711
7712        /* arrow */
7713        --horizontalNavArrowSizeMobile: var(--horizontalNavArrowSizeDesktop);
7714        --horizontalNavArrowSpacingMobile: var(--horizontalNavArrowSpacingDesktop);
7715        --horizontalNavArrowColorMobile: var(--horizontalNavArrowColorDesktop);
7716        --horizontalNavArrowRotateMobile: var(--horizontalNavArrowRotateDesktop);
7717        --horizontalNavArrowSizeHoverMobile: var(--horizontalNavArrowSizeHoverDesktop);
7718        --horizontalNavArrowColorHoverMobile: var(--horizontalNavArrowColorHoverDesktop);
7719        --horizontalNavArrowRotateHoverMobile: var(--horizontalNavArrowRotateHoverDesktop);
7720        --horizontalNavArrowSizeActiveMobile: var(--horizontalNavArrowSizeActiveDesktop);
7721        --horizontalNavArrowColorActiveMobile: var(--horizontalNavArrowColorActiveDesktop);
7722        --horizontalNavArrowRotateActiveMobile: var(--horizontalNavArrowRotateActiveDesktop);
7723
7724        /* sub arrow */
7725        --horizontalNavSubArrowSizeMobile: var(--horizontalNavSubArrowSizeDesktop);
7726        --horizontalNavSubArrowSpacingMobile: var(--horizontalNavSubArrowSpacingDesktop);
7727        --horizontalNavSubArrowColorMobile: var(--horizontalNavSubArrowColorDesktop);
7728        --horizontalNavSubArrowRotateMobile: var(--horizontalNavSubArrowRotateDesktop);
7729        --horizontalNavSubArrowSizeHoverMobile: var(--horizontalNavSubArrowSizeHoverDesktop);
7730        --horizontalNavSubArrowColorHoverMobile: var(--horizontalNavSubArrowColorHoverDesktop);
7731        --horizontalNavSubArrowRotateHoverMobile: var(--horizontalNavSubArrowRotateHoverDesktop);
7732        --horizontalNavSubArrowSizeActiveMobile: var(--horizontalNavSubArrowSizeActiveDesktop);
7733        --horizontalNavSubArrowColorActiveMobile: var(--horizontalNavSubArrowColorActiveDesktop);
7734        --horizontalNavSubArrowRotateActiveMobile: var(--horizontalNavSubArrowRotateActiveDesktop);
7735
7736        /* sub nav */
7737        --horizontalNavSubItemPaddingTopMobile: var(--horizontalNavSubItemPaddingTopDesktop);
7738        --horizontalNavSubItemPaddingBottomMobile: var(--horizontalNavSubItemPaddingBottomDesktop);
7739        --horizontalNavSubItemPaddingLeftMobile: var(--horizontalNavSubItemPaddingLeftDesktop);
7740        --horizontalNavSubItemPaddingRightMobile: var(--horizontalNavSubItemPaddingRightDesktop);
7741
7742        /* sub nav item padding hover */
7743        --horizontalNavSubItemPaddingTopHoverMobile: var(--horizontalNavSubItemPaddingTopHoverDesktop);
7744        --horizontalNavSubItemPaddingBottomHoverMobile: var(--horizontalNavSubItemPaddingBottomHoverDesktop);
7745        --horizontalNavSubItemPaddingLeftHoverMobile: var(--horizontalNavSubItemPaddingLeftHoverDesktop);
7746        --horizontalNavSubItemPaddingRightHoverMobile: var(--horizontalNavSubItemPaddingRightHoverDesktop);
7747
7748        /* sub nav item font */
7749        --horizontalNavSubItemFontMobile: var(--horizontalNavSubItemFontDesktop);
7750        --horizontalNavSubItemFontColorMobile: var(--horizontalNavSubItemFontColorDesktop);
7751        --horizontalNavSubItemLineHeightMobile: var(--horizontalNavSubItemLineHeightDesktop);
7752        --horizontalNavSubItemFontSizeMobile: var(--horizontalNavSubItemFontSizeDesktop);
7753        --horizontalNavSubItemFontWeightMobile: var(--horizontalNavSubItemFontWeightDesktop);
7754        --horizontalNavSubItemBackgroundColorMobile: var(--horizontalNavSubItemBackgroundColorDesktop);
7755        --horizontalNavSubItemTextDecorationMobile: var(--horizontalNavSubItemTextDecorationDesktop);
7756        --horizontalNavSubItemFontStyleMobile: var(--horizontalNavSubItemFontStyleDesktop);
7757        --horizontalNavSubItemLetterSpacingMobile: var(--horizontalNavSubItemLetterSpacingDesktop);
7758
7759        /* sub nav item font hover */
7760        --horizontalNavSubItemHoverFontColorMobile: var(--horizontalNavSubItemHoverFontColorDesktop);
7761        --horizontalNavSubItemHoverBackgroundColorMobile: var(--horizontalNavSubItemHoverBackgroundColorDesktop);
7762        --horizontalNavSubItemFontSizeHoverMobile: var(--horizontalNavSubItemFontSizeHoverDesktop);
7763        --horizontalNavSubItemFontWeightHoverMobile: var(--horizontalNavSubItemFontWeightHoverDesktop);
7764        --horizontalNavSubItemTextDecorationHoverMobile: var(--horizontalNavSubItemTextDecorationHoverDesktop);
7765        --horizontalNavSubItemFontStyleHoverMobile: var(--horizontalNavSubItemFontStyleHoverDesktop);
7766
7767        /* sub nav item font active */
7768        --horizontalNavSubItemActiveFontColorMobile: var(--horizontalNavSubItemActiveFontColorDesktop);
7769        --horizontalNavSubItemActiveBackgroundColorMobile: var(--horizontalNavSubItemActiveBackgroundColorDesktop);
7770
7771        /* sub nav item border */
7772        --horizontalNavSubItemBorderTopMobile: var(--horizontalNavSubItemBorderTopDesktop);
7773        --horizontalNavSubItemBorderRightMobile: var(--horizontalNavSubItemBorderRightDesktop);
7774        --horizontalNavSubItemBorderBottomMobile: var(--horizontalNavSubItemBorderBottomDesktop);
7775        --horizontalNavSubItemBorderLeftMobile: var(--horizontalNavSubItemBorderLeftDesktop);
7776
7777        /* sub nav item border hover */
7778        --horizontalNavSubItemBorderTopHoverMobile: var(--horizontalNavSubItemBorderTopHoverDesktop);
7779        --horizontalNavSubItemBorderRightHoverMobile: var(--horizontalNavSubItemBorderRightHoverDesktop);
7780        --horizontalNavSubItemBorderBottomHoverMobile: var(--horizontalNavSubItemBorderBottomHoverDesktop);
7781        --horizontalNavSubItemBorderLeftHoverMobile: var(--horizontalNavSubItemBorderLeftHoverDesktop);
7782
7783        /* sub nav item border radius */
7784        --horizontalNavSubItemBorderRadiusMobile: var(--horizontalNavSubItemBorderRadiusDesktop);
7785        --horizontalNavSubItemBorderRadiusHoverMobile: var(--horizontalNavSubItemBorderRadiusHoverDesktop);
7786
7787        /* sub menu container */
7788        --horizontalNavSubPaddingTopMobile: var(--horizontalNavSubPaddingTopDesktop);
7789        --horizontalNavSubPaddingBottomMobile: var(--horizontalNavSubPaddingBottomDesktop);
7790        --horizontalNavSubPaddingLeftMobile: var(--horizontalNavSubPaddingLeftDesktop);
7791        --horizontalNavSubPaddingRightMobile: var(--horizontalNavSubPaddingRightDesktop);
7792        --horizontalNavSubContainerWidthMobile: var(--horizontalNavSubContainerWidthDesktop);
7793        --horizontalNavSubContainerBackgroundColorMobile: var(--horizontalNavSubContainerBackgroundColorDesktop);
7794
7795        /* sub menu container shadow */
7796        --horizontalNavSubContainerShadowMobile: none;
7797
7798        /* sub menu container border */
7799        --horizontalNavSubContainerBorderTopMobile: var(--horizontalNavSubContainerBorderTopDesktop);
7800        --horizontalNavSubContainerBorderRightMobile: var(--horizontalNavSubContainerBorderRightDesktop);
7801        --horizontalNavSubContainerBorderBottomMobile: var(--horizontalNavSubContainerBorderBottomDesktop);
7802        --horizontalNavSubContainerBorderLeftMobile: var(--horizontalNavSubContainerBorderLeftDesktop);
7803
7804        /* sub menu container border radius */
7805        --horizontalNavSubContainerBorderRadiusMobile: var(--horizontalNavSubContainerBorderRadiusDesktop);
7806
7807        /* mega panel layout */
7808        --megaNavPanelNumberOfCellsMobile: var(--megaNavPanelNumberOfCellsDesktop);
7809        --megaNavPanelCellSpacingMobile: var(--megaNavPanelCellSpacingDesktop);
7810        --megaNavPanelPaddingTopMobile: var(--megaNavPanelPaddingTopDesktop);
7811        --megaNavPanelPaddingRightMobile: var(--megaNavPanelPaddingRightDesktop);
7812        --megaNavPanelPaddingBottomMobile: var(--megaNavPanelPaddingBottomDesktop);
7813        --megaNavPanelPaddingLeftMobile: var(--megaNavPanelPaddingLeftDesktop);
7814        --megaNavPanelWidthMobile: var(--megaNavPanelWidthDesktop);
7815
7816        --megaNavSeparatorDisplayMobile: var(--megaNavSeparatorDisplayDesktop);
7817        --megaNavSeparatorWidthMobile: var(--megaNavSeparatorWidthDesktop);
7818        --megaNavSeparatorColorMobile: var(--megaNavSeparatorColorDesktop);
7819        --megaNavSeparatorSpacingMobile: var(--megaNavSeparatorSpacingDesktop);
7820
7821        /*****
7822			apply css properties
7823		*****/
7824
7825        /* apply main nav padding */
7826        --horizontalNavPaddingTop: var(--horizontalNavPaddingTopMobile);
7827        --horizontalNavPaddingBottom: var(--horizontalNavPaddingBottomMobile);
7828        --horizontalNavPaddingLeft: var(--horizontalNavPaddingLeftMobile);
7829        --horizontalNavPaddingRight: var(--horizontalNavPaddingRightMobile);
7830
7831        /* apply main nav justify content */
7832        --horizontalNavJustifyContent: var(--horizontalNavJustifyContentMobile);
7833
7834        /* apply main nav item padding */
7835        --horizontalNavItemPaddingTop: var(--horizontalNavItemPaddingTopMobile);
7836        --horizontalNavItemPaddingBottom: var(--horizontalNavItemPaddingBottomMobile);
7837        --horizontalNavItemPaddingLeft: var(--horizontalNavItemPaddingLeftMobile);
7838        --horizontalNavItemPaddingRight: var(--horizontalNavItemPaddingRightMobile);
7839
7840        /* apply main nav item padding hover */
7841        --horizontalNavItemPaddingTopHover: var(--horizontalNavItemPaddingTopHoverMobile);
7842        --horizontalNavItemPaddingBottomHover: var(--horizontalNavItemPaddingBottomHoverMobile);
7843        --horizontalNavItemPaddingLeftHover: var(--horizontalNavItemPaddingLeftHoverMobile);
7844        --horizontalNavItemPaddingRightHover: var(--horizontalNavItemPaddingRightHoverMobile);
7845
7846        /* apply main nav item font */
7847        --horizontalNavItemFont: var(--horizontalNavItemFontMobile);
7848        --horizontalNavItemFontColor: var(--horizontalNavItemFontColorMobile);
7849        --horizontalNavItemLineHeight: var(--horizontalNavItemLineHeightMobile);
7850        --horizontalNavItemFontSize: var(--horizontalNavItemFontSizeMobile);
7851        --horizontalNavItemFontWeight: var(--horizontalNavItemFontWeightMobile);
7852        --horizontalNavItemHoverFontColor: var(--horizontalNavItemHoverFontColorMobile);
7853        --horizontalNavBackgroundColor: var(--horizontalNavBackgroundColorMobile);
7854        --horizontalNavItemBackgroundColor: var(--horizontalNavItemBackgroundColorMobile);
7855        --horizontalNavItemHoverBackgroundColor: var(--horizontalNavItemHoverBackgroundColorMobile);
7856        --horizontalNavItemLetterSpacing: var(--horizontalNavItemLetterSpacingMobile);
7857        --horizontalNavItemTextDecoration: var(--horizontalNavItemTextDecorationMobile);
7858        --horizontalNavItemFontStyle: var(--horizontalNavItemFontStyleMobile);
7859
7860        /* main nav item font hover*/
7861        --horizontalNavItemFontSizeHover: var(--horizontalNavItemFontSizeHoverMobile);
7862        --horizontalNavItemFontWeightHover: var(--horizontalNavItemFontWeightHoverMobile);
7863        --horizontalNavItemTextDecorationHover: var(--horizontalNavItemTextDecorationHoverMobile);
7864        --horizontalNavItemFontStyleHover: var(--horizontalNavItemFontStyleHoverMobile);
7865
7866        /* apply main nav item font active */
7867        --horizontalNavItemActiveFontColor: var(--horizontalNavItemActiveFontColorMobile);
7868        --horizontalNavItemActiveBackgroundColor: var(--horizontalNavItemActiveBackgroundColorMobile);
7869
7870
7871        /* apply main nav border */
7872        --horizontalNavBorderTop: var(--horizontalNavBorderTopMobile);
7873        --horizontalNavBorderRight: var(--horizontalNavBorderRightMobile);
7874        --horizontalNavBorderBottom: var(--horizontalNavBorderBottomMobile);
7875        --horizontalNavBorderLeft: var(--horizontalNavBorderLeftMobile);
7876
7877        /* main nav border radius hover*/
7878        --horizontalNavBorderRadius: var(--horizontalNavBorderRadiusMobile);
7879        --horizontalNavBorderRadiusHover: var(--horizontalNavBorderRadiusHoverMobile);
7880
7881        /* apply main nav item border */
7882        --horizontalNavItemBorderTop: var(--horizontalNavItemBorderTopMobile);
7883        --horizontalNavItemBorderRight: var(--horizontalNavItemBorderRightMobile);
7884        --horizontalNavItemBorderBottom: var(--horizontalNavItemBorderBottomMobile);
7885        --horizontalNavItemBorderLeft: var(--horizontalNavItemBorderLeftMobile);
7886
7887        /* apply main nav item border hover */
7888        --horizontalNavItemBorderTopHover: var(--horizontalNavItemBorderTopHoverMobile);
7889        --horizontalNavItemBorderRightHover: var(--horizontalNavItemBorderRightHoverMobile);
7890        --horizontalNavItemBorderBottomHover: var(--horizontalNavItemBorderBottomHoverMobile);
7891        --horizontalNavItemBorderLeftHover: var(--horizontalNavItemBorderLeftHoverMobile);
7892
7893        /* apply main nav item border radius */
7894        --horizontalNavItemBorderRadius: var(--horizontalNavItemBorderRadiusMobile);
7895        --horizontalNavItemBorderRadiusHover: var(--horizontalNavItemBorderRadiusHoverMobile);
7896
7897        /* apply separator */
7898        --horizontalNavSeparatorDisplay: var(--horizontalNavSeparatorDisplayMobile);
7899        --horizontalNavSeparatorWidth: var(--horizontalNavSeparatorWidthMobile);
7900        --horizontalNavSeparatorHeight: var(--horizontalNavSeparatorHeightMobile);
7901        --horizontalNavSeparatorColor: var(--horizontalNavSeparatorColorMobile);
7902        --horizontalNavSeparatorSpacing: var(--horizontalNavSeparatorSpacingMobile);
7903
7904        /* apply mega separator */
7905        --megaNavSeparatorDisplay: var(--megaNavSeparatorDisplayMobile);
7906        --megaNavSeparatorWidth: var(--megaNavSeparatorWidthMobile);
7907        --megaNavSeparatorColor: var(--megaNavSeparatorColorMobile);
7908        --megaNavSeparatorSpacing: var(--megaNavSeparatorSpacingMobile);
7909
7910        /* apply sub separator */
7911        --horizontalNavSubSeparatorDisplay: var(--horizontalNavSubSeparatorDisplayMobile);
7912        --horizontalNavSubSeparatorWidth: var(--horizontalNavSubSeparatorWidthMobile);
7913        --horizontalNavSubSeparatorHeight: var(--horizontalNavSubSeparatorHeightMobile);
7914        --horizontalNavSubSeparatorColor: var(--horizontalNavSubSeparatorColorMobile);
7915        --horizontalNavSubSeparatorSpacing: var(--horizontalNavSubSeparatorSpacingMobile);
7916
7917        /* apply arrow */
7918        --horizontalNavArrowSize: var(--horizontalNavArrowSizeMobile);
7919        --horizontalNavArrowDisplay: var(--horizontalNavArrowDisplayMobile);
7920        --horizontalNavItemIconDisplay: var(--horizontalNavItemIconDisplayMobile);
7921        --horizontalNavItemIconColor: var(--horizontalNavItemIconColorMobile);
7922        --horizontalNavItemIconColorHover: var(--horizontalNavItemIconColorHoverMobile);
7923        --horizontalNavItemIconColorActive: var(--horizontalNavItemIconColorActiveMobile);
7924        --horizontalNavItemIconSize: var(--horizontalNavItemIconSizeMobile);
7925        --horizontalNavItemIconSizeHover: var(--horizontalNavItemIconSizeHoverMobile);
7926        --horizontalNavItemIconSizeActive: var(--horizontalNavItemIconSizeActiveMobile);
7927        --horizontalNavItemIconRotate: var(--horizontalNavItemIconRotateMobile);
7928        --horizontalNavItemIconRotateHover: var(--horizontalNavItemIconRotateHoverMobile);
7929        --horizontalNavItemIconRotateActive: var(--horizontalNavItemIconRotateActiveMobile);
7930        --horizontalNavItemIconSpacing: var(--horizontalNavItemIconSpacingMobile);
7931        --horizontalNavSubItemIconDisplay: var(--horizontalNavSubItemIconDisplayMobile);
7932        --horizontalNavSubItemIconColor: var(--horizontalNavSubItemIconColorMobile);
7933        --horizontalNavSubItemIconColorHover: var(--horizontalNavSubItemIconColorHoverMobile);
7934        --horizontalNavSubItemIconColorActive: var(--horizontalNavSubItemIconColorActiveMobile);
7935        --horizontalNavSubItemIconSize: var(--horizontalNavSubItemIconSizeMobile);
7936        --horizontalNavSubItemIconSizeHover: var(--horizontalNavSubItemIconSizeHoverMobile);
7937        --horizontalNavSubItemIconSizeActive: var(--horizontalNavSubItemIconSizeActiveMobile);
7938        --horizontalNavSubItemIconRotate: var(--horizontalNavSubItemIconRotateMobile);
7939        --horizontalNavSubItemIconRotateHover: var(--horizontalNavSubItemIconRotateHoverMobile);
7940        --horizontalNavSubItemIconRotateActive: var(--horizontalNavSubItemIconRotateActiveMobile);
7941        --horizontalNavSubItemIconSpacing: var(--horizontalNavSubItemIconSpacingMobile);
7942        --horizontalNavArrowSpacing: var(--horizontalNavArrowSpacingMobile);
7943        --horizontalNavArrowColor: var(--horizontalNavArrowColorMobile);
7944        --horizontalNavArrowRotate: var(--horizontalNavArrowRotateMobile);
7945        --horizontalNavArrowSizeHover: var(--horizontalNavArrowSizeHoverMobile);
7946        --horizontalNavArrowColorHover: var(--horizontalNavArrowColorHoverMobile);
7947        --horizontalNavArrowRotateHover: var(--horizontalNavArrowRotateHoverMobile);
7948        --horizontalNavArrowSizeActive: var(--horizontalNavArrowSizeActiveMobile);
7949        --horizontalNavArrowColorActive: var(--horizontalNavArrowColorActiveMobile);
7950        --horizontalNavArrowRotateActive: var(--horizontalNavArrowRotateActiveMobile);
7951
7952        /* apply sub arrow */
7953        --horizontalNavSubArrowSize: var(--horizontalNavSubArrowSizeMobile);
7954        --horizontalNavSubArrowDisplay: var(--horizontalNavSubArrowDisplayMobile);
7955        --horizontalNavSubArrowSpacing: var(--horizontalNavSubArrowSpacingMobile);
7956        --horizontalNavSubArrowColor: var(--horizontalNavSubArrowColorMobile);
7957        --horizontalNavSubArrowRotate: var(--horizontalNavSubArrowRotateMobile);
7958        --horizontalNavSubArrowSizeHover: var(--horizontalNavSubArrowSizeHoverMobile);
7959        --horizontalNavSubArrowColorHover: var(--horizontalNavSubArrowColorHoverMobile);
7960        --horizontalNavSubArrowRotateHover: var(--horizontalNavSubArrowRotateHoverMobile);
7961        --horizontalNavSubArrowSizeActive: var(--horizontalNavSubArrowSizeActiveMobile);
7962        --horizontalNavSubArrowColorActive: var(--horizontalNavSubArrowColorActiveMobile);
7963        --horizontalNavSubArrowRotateActive: var(--horizontalNavSubArrowRotateActiveMobile);
7964
7965        /* apply sub */
7966        --horizontalNavSubItemPaddingTop: var(--horizontalNavSubItemPaddingTopMobile);
7967        --horizontalNavSubItemPaddingBottom: var(--horizontalNavSubItemPaddingBottomMobile);
7968        --horizontalNavSubItemPaddingLeft: var(--horizontalNavSubItemPaddingLeftMobile);
7969        --horizontalNavSubItemPaddingRight: var(--horizontalNavSubItemPaddingRightMobile);
7970
7971        /* apply sub nav item padding hover */
7972        --horizontalNavSubItemPaddingTopHover: var(--horizontalNavSubItemPaddingTopHoverMobile);
7973        --horizontalNavSubItemPaddingBottomHover: var(--horizontalNavSubItemPaddingBottomHoverMobile);
7974        --horizontalNavSubItemPaddingLeftHover: var(--horizontalNavSubItemPaddingLeftHoverMobile);
7975        --horizontalNavSubItemPaddingRightHover: var(--horizontalNavSubItemPaddingRightHoverMobile);
7976
7977        /* apply sub nav item font */
7978        --horizontalNavSubItemFont: var(--horizontalNavSubItemFontMobile);
7979        --horizontalNavSubItemFontColor: var(--horizontalNavSubItemFontColorMobile);
7980        --horizontalNavSubItemLineHeight: var(--horizontalNavSubItemLineHeightMobile);
7981        --horizontalNavSubItemFontSize: var(--horizontalNavSubItemFontSizeMobile);
7982        --horizontalNavSubItemFontWeight: var(--horizontalNavSubItemFontWeightMobile);
7983        --horizontalNavSubItemHoverFontColor: var(--horizontalNavSubItemHoverFontColorMobile);
7984        --horizontalNavSubItemBackgroundColor: var(--horizontalNavSubItemBackgroundColorMobile);
7985        --horizontalNavSubItemHoverBackgroundColor: var(--horizontalNavSubItemHoverBackgroundColorMobile);
7986        --horizontalNavSubItemTextDecoration: var(--horizontalNavSubItemTextDecorationMobile);
7987        --horizontalNavSubItemFontStyle: var(--horizontalNavSubItemFontStyleMobile);
7988        --horizontalNavSubItemLetterSpacing: var(--horizontalNavSubItemLetterSpacingMobile);
7989
7990        /* apply sub nav item font hover */
7991        --horizontalNavSubItemFontSizeHover: var(--horizontalNavSubItemFontSizeHoverMobile);
7992        --horizontalNavSubItemFontWeightHover: var(--horizontalNavSubItemFontWeightHoverMobile);
7993        --horizontalNavSubItemTextDecorationHover: var(--horizontalNavSubItemTextDecorationHoverMobile);
7994        --horizontalNavSubItemFontStyleHover: var(--horizontalNavSubItemFontStyleHoverMobile);
7995
7996        /* apply sub nav item font active */
7997        --horizontalNavSubItemActiveFontColor: var(--horizontalNavSubItemActiveFontColorMobile);
7998        --horizontalNavSubItemActiveBackgroundColor: var(--horizontalNavSubItemActiveBackgroundColorMobile);
7999
8000        /* apply sub nav item border */
8001        --horizontalNavSubItemBorderTop: var(--horizontalNavSubItemBorderTopMobile);
8002        --horizontalNavSubItemBorderRight: var(--horizontalNavSubItemBorderRightMobile);
8003        --horizontalNavSubItemBorderBottom: var(--horizontalNavSubItemBorderBottomMobile);
8004        --horizontalNavSubItemBorderLeft: var(--horizontalNavSubItemBorderLeftMobile);
8005
8006        /* apply sub nav item border hover */
8007        --horizontalNavSubItemBorderTopHover: var(--horizontalNavSubItemBorderTopHoverMobile);
8008        --horizontalNavSubItemBorderRightHover: var(--horizontalNavSubItemBorderRightHoverMobile);
8009        --horizontalNavSubItemBorderBottomHover: var(--horizontalNavSubItemBorderBottomHoverMobile);
8010        --horizontalNavSubItemBorderLeftHover: var(--horizontalNavSubItemBorderLeftHoverMobile);
8011
8012        /* apply sub nav item border radius */
8013        --horizontalNavSubItemBorderRadius: var(--horizontalNavSubItemBorderRadiusMobile);
8014        --horizontalNavSubItemBorderRadiusHover: var(--horizontalNavSubItemBorderRadiusHoverMobile);
8015
8016        /* apply sub menu container */
8017        --horizontalNavSubPaddingTop: var(--horizontalNavSubPaddingTopMobile);
8018        --horizontalNavSubPaddingBottom: var(--horizontalNavSubPaddingBottomMobile);
8019        --horizontalNavSubPaddingLeft: var(--horizontalNavSubPaddingLeftMobile);
8020        --horizontalNavSubPaddingRight: var(--horizontalNavSubPaddingRightMobile);
8021        --horizontalNavSubContainerWidth: var(--horizontalNavSubContainerWidthMobile);
8022        --horizontalNavSubContainerBackgroundColor: var(--horizontalNavSubContainerBackgroundColorMobile);
8023
8024        /* apply sub menu container shadow */
8025        --horizontalNavSubContainerShadow: var(--horizontalNavSubContainerShadowMobile);
8026
8027        /* apply sub menu container border */
8028        --horizontalNavSubContainerBorderTop: var(--horizontalNavSubContainerBorderTopMobile);
8029        --horizontalNavSubContainerBorderRight: var(--horizontalNavSubContainerBorderRightMobile);
8030        --horizontalNavSubContainerBorderBottom: var(--horizontalNavSubContainerBorderBottomMobile);
8031        --horizontalNavSubContainerBorderLeft: var(--horizontalNavSubContainerBorderLeftMobile);
8032
8033        /* apply sub menu container border radius */
8034        --horizontalNavSubContainerBorderRadius: var(--horizontalNavSubContainerBorderRadiusMobile);
8035
8036        /**********************
8037			hamburger main nav
8038		***********************/
8039        /* main background color */
8040        --hamburgerNavBackgroundColorMobile: var(--hamburgerNavBackgroundColorDesktop);
8041
8042        /* main padding */
8043        --hamburgerNavPaddingTopMobile: 25px;
8044        --hamburgerNavPaddingBottomMobile: 25px;
8045        --hamburgerNavPaddingLeftMobile: 15px;
8046        --hamburgerNavPaddingRightMobile: 15px;
8047
8048        /* hamburger menu icon */
8049        --hamburgerMenuIconSizeMobile: var(--hamburgerMenuIconSizeDesktop);
8050        --hamburgerMenuIconSizeHoverMobile: var(--hamburgerMenuIconSizeHoverDesktop);
8051        --hamburgerMenuIconColorMobile: var(--hamburgerMenuIconColorDesktop);
8052        --hamburgerMenuIconHoverColorMobile: var(--hamburgerMenuIconHoverColorDesktop);
8053        --hamburgerMenuIconActiveSizeMobile: var(--hamburgerMenuIconActiveSizeDesktop);
8054        --hamburgerMenuIconActiveColorMobile: var(--hamburgerMenuIconActiveColorDesktop);
8055        --hamburgerMenuIconActiveHoverColorMobile: var(--hamburgerMenuIconActiveHoverColorDesktop);
8056        --hamburgerMenuIconActiveSizeHoverMobile: var(--hamburgerMenuIconActiveSizeHoverDesktop);
8057        --hamburgerMenuDisplayMobile: var(--hamburgerMenuDisplayDesktop);
8058        --hamburgerMenuJustifySelfMobile: var(--hamburgerMenuJustifySelfDesktop);
8059
8060        /* main nav justify self */
8061        --hamburgerNavJustifySelfMobile: var(--hamburgerNavJustifySelfDesktop);
8062
8063        /* main nav items alignment */
8064        --hamburgerNavItemsAlignmentMobile: var(--hamburgerNavItemsAlignmentDesktop);
8065
8066        /* main nav item padding */
8067        --hamburgerNavItemPaddingTopMobile: var(--hamburgerNavItemPaddingTopDesktop);
8068        --hamburgerNavItemPaddingBottomMobile: var(--hamburgerNavItemPaddingBottomDesktop);
8069        --hamburgerNavItemPaddingLeftMobile: var(--hamburgerNavItemPaddingLeftDesktop);
8070        --hamburgerNavItemPaddingRightMobile: var(--hamburgerNavItemPaddingRightDesktop);
8071
8072        /* main nav item padding hover*/
8073        --hamburgerNavItemPaddingTopMobileHover: var(--hamburgerNavItemPaddingTopHoverDesktop);
8074        --hamburgerNavItemPaddingBottomMobileHover: var(--hamburgerNavItemPaddingBottomHoverDesktop);
8075        --hamburgerNavItemPaddingLeftMobileHover: var(--hamburgerNavItemPaddingLeftHoverDesktop);
8076        --hamburgerNavItemPaddingRightMobileHover: var(--hamburgerNavItemPaddingRightHoverDesktop);
8077
8078        /* main nav item border */
8079        --hamburgerNavItemBorderTopMobile: var(--hamburgerNavItemBorderTopDesktop);
8080        --hamburgerNavItemBorderRightMobile: var(--hamburgerNavItemBorderRightDesktop);
8081        --hamburgerNavItemBorderBottomMobile: var(--hamburgerNavItemBorderBottomDesktop);
8082        --hamburgerNavItemBorderLeftMobile: var(--hamburgerNavItemBorderLeftDesktop);
8083
8084        /* main nav item border hover */
8085        --hamburgerNavItemBorderTopHoverMobile: var(--hamburgerNavItemBorderTopHoverDesktop);
8086        --hamburgerNavItemBorderRightHoverMobile: var(--hamburgerNavItemBorderRightHoverDesktop);
8087        --hamburgerNavItemBorderBottomHoverMobile: var(--hamburgerNavItemBorderBottomHoverDesktop);
8088        --hamburgerNavItemBorderLeftHoverMobile: var(--hamburgerNavItemBorderLeftHoverDesktop);
8089
8090        /* main nav item border radius */
8091        --hamburgerNavItemBorderRadiusMobile: var(--hamburgerNavItemBorderRadiusDesktop);
8092        --hamburgerNavItemBorderRadiusMobileHover: var(--hamburgerNavItemBorderRadiusHoverDesktop);
8093
8094        /* main nav item font */
8095        --hamburgerNavItemFontMobile: var(--hamburgerNavItemFontDesktop);
8096        --hamburgerNavItemFontColorMobile: var(--hamburgerNavItemFontColorDesktop);
8097        --hamburgerNavItemLineHeightMobile: var(--hamburgerNavItemLineHeightDesktop);
8098        --hamburgerNavItemFontSizeMobile: var(--hamburgerNavItemFontSizeDesktop);
8099        --hamburgerNavItemFontWeightMobile: var(--hamburgerNavItemFontWeightDesktop);
8100        --hamburgerNavItemBackgroundColorMobile: var(--hamburgerNavItemBackgroundColorDesktop);
8101        --hamburgerNavItemLetterSpacingMobile: var(--hamburgerNavItemLetterSpacingDesktop);
8102        --hamburgerNavItemTextDecorationMobile: var(--hamburgerNavItemTextDecorationDesktop);
8103        --hamburgerNavItemFontStyleMobile: var(--hamburgerNavItemFontStyleDesktop);
8104
8105        /* main nav item hover font */
8106        --hamburgerNavItemHoverFontColorMobile: var(--hamburgerNavItemHoverFontColorDesktop);
8107        --hamburgerNavItemHoverBackgroundColorMobile: var(--hamburgerNavItemHoverBackgroundColorDesktop);
8108        --hamburgerNavItemFontHoverMobile: var(--hamburgerNavItemFontHoverDesktop);
8109        --hamburgerNavItemLineHeightHoverMobile: var(--hamburgerNavItemLineHeightHoverDesktop);
8110        --hamburgerNavItemFontSizeHoverMobile: var(--hamburgerNavItemFontSizeHoverDesktop);
8111        --hamburgerNavItemFontWeightHoverMobile: var(--hamburgerNavItemFontWeightHoverDesktop);
8112        --hamburgerNavItemLetterSpacingHoverMobile: var(--hamburgerNavItemLetterSpacingMobile);
8113        --hamburgerNavItemTextDecorationHoverMobile: var(--hamburgerNavItemTextDecorationHoverDesktop);
8114        --hamburgerNavItemFontStyleHoverMobile: var(--hamburgerNavItemFontStyleHoverDesktop);
8115
8116        /* separator */
8117        --hamburgerNavSeparatorDisplayMobile: var(--hamburgerNavSeparatorDisplayDesktop);
8118        --hamburgerNavSeparatorWidthMobile: var(--hamburgerNavSeparatorWidthDesktop);
8119        --hamburgerNavSeparatorHeightMobile: var(--hamburgerNavSeparatorHeightDesktop);
8120        --hamburgerNavSeparatorColorMobile: var(--hamburgerNavSeparatorColorDesktop);
8121        --hamburgerNavSeparatorSpacingMobile: var(--hamburgerNavSeparatorSpacingDesktop);
8122
8123        /* sub separator */
8124        --hamburgerNavSubSeparatorDisplayMobile: var(--hamburgerNavSubSeparatorDisplayDesktop);
8125        --hamburgerNavSubSeparatorWidthMobile: var(--hamburgerNavSubSeparatorWidthDesktop);
8126        --hamburgerNavSubSeparatorHeightMobile: var(--hamburgerNavSubSeparatorHeightDesktop);
8127        --hamburgerNavSubSeparatorColorMobile: var(--hamburgerNavSubSeparatorColorDesktop);
8128        --hamburgerNavSubSeparatorSpacingMobile: var(--hamburgerNavSubSeparatorSpacingDesktop);
8129
8130        /* arrow */
8131        --hamburgerNavArrowSizeMobile: var(--hamburgerNavArrowSizeDesktop);
8132        --hamburgerNavArrowColorMobile: var(--hamburgerNavArrowColorDesktop);
8133        --hamburgerNavArrowSpacingMobile: var(--hamburgerNavArrowSpacingDesktop);
8134        --hamburgerNavArrowRotateMobile: var(--hamburgerNavArrowRotateDesktop);
8135        --hamburgerNavArrowAutoSpacingMobile: var(--hamburgerNavArrowAutoSpacingDesktop); /* off: auto */
8136        --hamburgerNavArrowSizeHoverMobile: var(--hamburgerNavArrowSizeHoverDesktop);
8137        --hamburgerNavArrowColorHoverMobile: var(--hamburgerNavArrowColorHoverDesktop);
8138        --hamburgerNavArrowRotateHoverMobile: var(--hamburgerNavArrowRotateHoverDesktop);
8139
8140        /* sub arrow */
8141        --hamburgerNavSubArrowSizeMobile: var(--hamburgerNavSubArrowSizeDesktop);
8142        --hamburgerNavSubArrowColorMobile: var(--hamburgerNavSubArrowColorDesktop);
8143        --hamburgerNavSubArrowSpacingMobile: var(--hamburgerNavSubArrowSpacingDesktop);
8144        --hamburgerNavSubArrowRotateMobile: var(--hamburgerNavSubArrowRotateDesktop);
8145        --hamburgerNavSubArrowAutoSpacingMobile: var(--hamburgerNavSubArrowAutoSpacingDesktop); /* off: auto */
8146        --hamburgerNavSubArrowSizeHoverMobile: var(--hamburgerNavSubArrowSizeHoverDesktop);
8147        --hamburgerNavSubArrowColorHoverMobile: var(--hamburgerNavSubArrowColorHoverDesktop);
8148        --hamburgerNavSubArrowRotateHoverMobile: var(--hamburgerNavSubArrowRotateHoverDesktop);
8149
8150        /* sub menu background color */
8151        --hamburgerNavSubBackgroundColorMobile: transparent;
8152
8153        /* sub nav item padding */
8154        --hamburgerNavSubItemPaddingTopMobile: var(--hamburgerNavSubItemPaddingTopDesktop);
8155        --hamburgerNavSubItemPaddingBottomMobile: var(--hamburgerNavSubItemPaddingBottomDesktop);
8156        --hamburgerNavSubItemPaddingLeftMobile: var(--hamburgerNavSubItemPaddingLeftDesktop);
8157        --hamburgerNavSubItemPaddingRightMobile: var(--hamburgerNavSubItemPaddingRightDesktop);
8158
8159        /* sub nav item padding hover */
8160        --hamburgerNavSubItemPaddingTopHoverMobile: var(--hamburgerNavSubItemPaddingTopHoverDesktop);
8161        --hamburgerNavSubItemPaddingBottomHoverMobile: var(--hamburgerNavSubItemPaddingBottomHoverDesktop);
8162        --hamburgerNavSubItemPaddingLeftHoverMobile: var(--hamburgerNavSubItemPaddingLeftHoverDesktop);
8163        --hamburgerNavSubItemPaddingRightHoverMobile: var(--hamburgerNavSubItemPaddingRightHoverDesktop);
8164
8165        /* sub nav item border */
8166        --hamburgerNavSubItemBorderTopMobile: var(--hamburgerNavSubItemBorderTopDesktop);
8167        --hamburgerNavSubItemBorderRightMobile: var(--hamburgerNavSubItemBorderRightDesktop);
8168        --hamburgerNavSubItemBorderBottomMobile: var(--hamburgerNavSubItemBorderBottomDesktop);
8169        --hamburgerNavSubItemBorderLeftMobile: var(--hamburgerNavSubItemBorderLeftDesktop);
8170
8171        /* sub nav item border hover */
8172        --hamburgerNavSubItemBorderTopHoverMobile: var(--hamburgerNavSubItemBorderTopHoverDesktop);
8173        --hamburgerNavSubItemBorderRightHoverMobile: var(--hamburgerNavSubItemBorderRightHoverDesktop);
8174        --hamburgerNavSubItemBorderBottomHoverMobile: var(--hamburgerNavSubItemBorderBottomHoverDesktop);
8175        --hamburgerNavSubItemBorderLeftHoverMobile: var(--hamburgerNavSubItemBorderLeftHoverDesktop);
8176
8177        /* sub nav item border radius */
8178        --hamburgerNavSubItemBorderRadiusMobile: var(--hamburgerNavSubItemBorderRadiusDesktop);
8179        --hamburgerNavSubItemBorderRadiusHoverMobile: var(--hamburgerNavSubItemBorderRadiusHoverDesktop);
8180
8181        /* sub nav item background color */
8182        --hamburgerNavSubItemBackgroundColorMobile: var(--hamburgerNavSubItemBackgroundColorDesktop);
8183
8184        /* sub nav item hover background color */
8185        --hamburgerNavSubItemHoverBackgroundColorMobile: var(--hamburgerNavSubItemHoverBackgroundColorDesktop);
8186
8187        /* sub nav item font */
8188        --hamburgerNavSubItemFontMobile: var(--hamburgerNavSubItemFontDesktop);
8189        --hamburgerNavSubItemFontColorMobile: var(--hamburgerNavSubItemFontColorDesktop);
8190        --hamburgerNavSubItemLineHeightMobile: var(--hamburgerNavSubItemLineHeightDesktop);
8191        --hamburgerNavSubItemFontSizeMobile: var(--hamburgerNavSubItemFontSizeDesktop);
8192        --hamburgerNavSubItemFontWeightMobile: var(--hamburgerNavSubItemFontWeightDesktop);
8193        --hamburgerNavSubItemTextDecorationMobile: var(--hamburgerNavSubItemTextDecorationDesktop);
8194        --hamburgerNavSubItemFontStyleMobile: var(--hamburgerNavSubItemFontStyleDesktop);
8195        --hamburgerNavSubItemLetterSpacingMobile: var(--hamburgerNavSubItemLetterSpacingDesktop);
8196
8197        /* sub nav item hover font */
8198        --hamburgerNavSubItemHoverFontColorMobile: var(--hamburgerNavSubItemHoverFontColorDesktop);
8199        --hamburgerNavSubItemFontHoverMobile: var(--hamburgerNavSubItemFontHoverDesktop);
8200        --hamburgerNavSubItemLineHeightHoverMobile: var(--hamburgerNavSubItemLineHeightHoverDesktop);
8201        --hamburgerNavSubItemFontSizeHoverMobile: var(--hamburgerNavSubItemFontSizeHoverDesktop);
8202        --hamburgerNavSubItemFontWeightHoverMobile: var(--hamburgerNavSubItemFontWeightHoverDesktop);
8203        --hamburgerNavSubItemLetterSpacingHoverMobile: var(--hamburgerNavSubItemLetterSpacingMobile);
8204        --hamburgerNavSubItemTextDecorationHoverMobile: var(--hamburgerNavSubItemTextDecorationHoverDesktop);
8205        --hamburgerNavSubItemFontStyleHoverMobile: var(--hamburgerNavSubItemFontStyleHoverDesktop);
8206
8207        /* nav back button border */
8208        --hamburgerNavBackButtonBorderTopMobile: var(--hamburgerNavBackButtonBorderTopDesktop);
8209        --hamburgerNavBackButtonBorderRightMobile: var(--hamburgerNavBackButtonBorderRightDesktop);
8210        --hamburgerNavBackButtonBorderBottomMobile: var(--hamburgerNavBackButtonBorderBottomDesktop);
8211        --hamburgerNavBackButtonBorderLeftMobile: var(--hamburgerNavBackButtonBorderLeftDesktop);
8212        /* nav back button border hover */
8213        --hamburgerNavBackButtonBorderTopHoverMobile: var(--hamburgerNavBackButtonBorderTopHoverDesktop);
8214        --hamburgerNavBackButtonBorderRightHoverMobile: var(--hamburgerNavBackButtonBorderRightHoverDesktop);
8215        --hamburgerNavBackButtonBorderBottomHoverMobile: var(--hamburgerNavBackButtonBorderBottomHoverDesktop);
8216        --hamburgerNavBackButtonBorderLeftHoverMobile: var(--hamburgerNavBackButtonBorderLeftHoverDesktop);
8217
8218        /* nav back button border radius */
8219        --hamburgerNavBackButtonBorderRadiusMobile: var(--hamburgerNavBackButtonBorderRadiusDesktop);
8220        --hamburgerNavBackButtonBorderRadiusHoverMobile: var(--hamburgerNavBackButtonBorderRadiusHoverDesktop);
8221
8222        /* nav back button background color */
8223        --hamburgerNavBackButtonBackgroundColorMobile: var(--hamburgerNavBackButtonBackgroundColorDesktop);
8224
8225        /* nav back button hover background color */
8226        --hamburgerNavBackButtonHoverBackgroundColorMobile: var(--hamburgerNavBackButtonHoverBackgroundColorDesktop);
8227
8228        /* nav back button */
8229        --hamburgerNavBackButtonPaddingTopMobile: var(--hamburgerNavBackButtonPaddingTopDesktop);
8230        --hamburgerNavBackButtonPaddingBottomMobile: var(--hamburgerNavBackButtonPaddingBottomDesktop);
8231        --hamburgerNavBackButtonPaddingLeftMobile: var(--hamburgerNavBackButtonPaddingLeftDesktop);
8232        --hamburgerNavBackButtonPaddingRightMobile: var(--hamburgerNavBackButtonPaddingRightDesktop);
8233        --hamburgerNavBackButtonFontMobile: var(--hamburgerNavBackButtonFontDesktop);
8234        --hamburgerNavBackButtonColorMobile: var(--hamburgerNavBackButtonColorDesktop);
8235        --hamburgerNavBackButtonFontSizeMobile: var(--hamburgerNavBackButtonFontSizeDesktop);
8236        --hamburgerNavBackButtonFontWeightMobile: var(--hamburgerNavBackButtonFontWeightDesktop);
8237        --hamburgerNavBackButtonFontStyleMobile: var(--hamburgerNavBackButtonFontStyleDesktop);
8238        --hamburgerNavBackButtonLetterSpacingMobile: var(--hamburgerNavBackButtonLetterSpacingDesktop);
8239        --hamburgerNavBackButtonTextDecorationMobile: var(--hamburgerNavBackButtonTextDecorationDesktop);
8240        --hamburgerNavBackButtonLineHeightMobile: var(--hamburgerNavBackButtonLineHeightDesktop);
8241
8242        /* nav back button font hover */
8243        --hamburgerNavBackButtonHoverFontColorMobile: var(--hamburgerNavBackButtonHoverFontColorDesktop);
8244        --hamburgerNavBackButtonFontSizeHoverMobile: var(--hamburgerNavBackButtonFontSizeHoverDesktop);
8245        --hamburgerNavBackButtonFontWeightHoverMobile: var(--hamburgerNavBackButtonFontWeightHoverDesktop);
8246        --hamburgerNavBackButtonFontStyleHoverMobile: var(--hamburgerNavBackButtonFontStyleHoverDesktop);
8247        --hamburgerNavBackButtonTextDecorationHoverMobile: var(--hamburgerNavBackButtonTextDecorationHoverDesktop);
8248
8249        /* nav back button hover */
8250        --hamburgerNavBackButtonPaddingTopHoverMobile: var(--hamburgerNavBackButtonPaddingTopHoverDesktop);
8251        --hamburgerNavBackButtonPaddingBottomHoverMobile: var(--hamburgerNavBackButtonPaddingBottomHoverDesktop);
8252        --hamburgerNavBackButtonPaddingLeftHoverMobile: var(--hamburgerNavBackButtonPaddingLeftHoverDesktop);
8253        --hamburgerNavBackButtonPaddingRightHoverMobile: var(--hamburgerNavBackButtonPaddingRightHoverDesktop);
8254
8255
8256        /* nav back button arrow */
8257        --hamburgerNavBackButtonArrowSizeMobile: var(--hamburgerNavBackButtonArrowSizeDesktop);
8258        --hamburgerNavBackButtonArrowSizeHoverMobile: var(--hamburgerNavBackButtonArrowSizeHoverDesktop);
8259        --hamburgerNavBackButtonArrowColorMobile: var(--hamburgerNavBackButtonArrowColorDesktop);
8260        --hamburgerNavBackButtonArrowSpacingMobile: var(--hamburgerNavBackButtonArrowSpacingDesktop);
8261        --hamburgerNavBackButtonArrowRotateMobile: var(--hamburgerNavBackButtonArrowRotateDesktop);
8262
8263        /* parent title border */
8264        --hamburgerTitleBorderTopMobile: var(--hamburgerTitleBorderTopDesktop);
8265        --hamburgerTitleBorderRightMobile: var(--hamburgerTitleBorderRightDesktop);
8266        --hamburgerTitleBorderBottomMobile: var(--hamburgerTitleBorderBottomDesktop);
8267        --hamburgerTitleBorderLeftMobile: var(--hamburgerTitleBorderLeftDesktop);
8268
8269        /* parent title border hover */
8270        --hamburgerTitleBorderTopHoverMobile: var(--hamburgerTitleBorderTopHoverDesktop);
8271        --hamburgerTitleBorderRightHoverMobile: var(--hamburgerTitleBorderRightHoverDesktop);
8272        --hamburgerTitleBorderBottomHoverMobile: var(--hamburgerTitleBorderBottomHoverDesktop);
8273        --hamburgerTitleBorderLeftHoverMobile: var(--hamburgerTitleBorderLeftHoverDesktop);
8274
8275        /* parent title border radius */
8276        --hamburgerTitleBorderRadiusMobile: var(--hamburgerTitleBorderRadiusDesktop);
8277        --hamburgerTitleBorderRadiusHoverMobile: var(--hamburgerTitleBorderRadiusHoverDesktop);
8278
8279        /* parent title background color */
8280        --hamburgerTitleBackgroundColorMobile: var(--hamburgerTitleBackgroundColorDesktop);
8281        --hamburgerTitleBackgroundColorHoverMobile: var(--hamburgerTitleBackgroundColorHoverDesktop);
8282
8283        /* parent title padding */
8284        --hamburgerTitlePaddingTopMobile: var(--hamburgerTitlePaddingTopDesktop);
8285        --hamburgerTitlePaddingBottomMobile: var(--hamburgerTitlePaddingBottomDesktop);
8286        --hamburgerTitlePaddingLeftMobile: var(--hamburgerTitlePaddingLeftDesktop);
8287        --hamburgerTitlePaddingRightMobile: var(--hamburgerTitlePaddingRightDesktop);
8288
8289        /* parent title padding hover */
8290        --hamburgerTitlePaddingTopHoverMobile: var(--hamburgerTitlePaddingTopHoverDesktop);
8291        --hamburgerTitlePaddingBottomHoverMobile: var(--hamburgerTitlePaddingBottomHoverDesktop);
8292        --hamburgerTitlePaddingLeftHoverMobile: var(--hamburgerTitlePaddingLeftHoverDesktop);
8293        --hamburgerTitlePaddingRightHoverMobile: var(--hamburgerTitlePaddingRightHoverDesktop);
8294
8295        /* parent title font */
8296        --hamburgerTitleFontMobile: var(--hamburgerTitleFontDesktop);
8297        --hamburgerTitleFontColorMobile: var(--hamburgerTitleFontColorDesktop);
8298        --hamburgerTitleFontSizeMobile: var(--hamburgerTitleFontSizeDesktop);
8299        --hamburgerTitleFontWeightMobile: var(--hamburgerTitleFontWeightDesktop);
8300        --hamburgerTitleFontStyleMobile: var(--hamburgerTitleFontStyleDesktop);
8301        --hamburgerTitleLetterSpacingMobile: var(--hamburgerTitleLetterSpacingDesktop);
8302        --hamburgerTitleTextDecorationMobile: var(--hamburgerTitleTextDecorationDesktop);
8303        --hamburgerTitleLineHeightMobile: var(--hamburgerTitleLineHeightDesktop);
8304
8305        /* parent title arrow */
8306        --hamburgerTitleArrowSizeMobile: var(--hamburgerTitleArrowSizeDesktop);
8307        --hamburgerTitleArrowColorMobile: var(--hamburgerTitleArrowColorDesktop);
8308        --hamburgerTitleArrowSpacingMobile: var(--hamburgerTitleArrowSpacingDesktop);
8309        --hamburgerTitleArrowRotateMobile: var(--hamburgerTitleArrowRotateDesktop);
8310
8311        /* slide container */
8312        --hamburgerSlideContainerWidthMobile: 100vh;
8313
8314        /*****
8315			apply css properties
8316		*****/
8317
8318        /* apply main background color */
8319        --hamburgerNavBackgroundColor: var(--hamburgerNavBackgroundColorMobile);
8320
8321        /* apply main padding */
8322        --hamburgerNavPaddingTop: var(--hamburgerNavPaddingTopMobile);
8323        --hamburgerNavPaddingBottom: var(--hamburgerNavPaddingBottomMobile);
8324        --hamburgerNavPaddingLeft: var(--hamburgerNavPaddingLeftMobile);
8325        --hamburgerNavPaddingRight: var(--hamburgerNavPaddingRightMobile);
8326
8327        /* apply hamburger menu icon */
8328        --hamburgerMenuIconSize: var(--hamburgerMenuIconSizeMobile);
8329        --hamburgerMenuIconSizeHover: var(--hamburgerMenuIconSizeHoverMobile);
8330        --hamburgerMenuIconColor: var(--hamburgerMenuIconColorMobile);
8331        --hamburgerMenuIconHoverColor: var(--hamburgerMenuIconHoverColorMobile);
8332        --hamburgerMenuIconActiveSize: var(--hamburgerMenuIconActiveSizeMobile);
8333        --hamburgerMenuIconActiveColor: var(--hamburgerMenuIconActiveColorMobile);
8334        --hamburgerMenuIconActiveHoverColor: var(--hamburgerMenuIconActiveHoverColorMobile);
8335        --hamburgerMenuIconActiveSizeHover: var(--hamburgerMenuIconActiveSizeHoverMobile);
8336        --hamburgerMenuDisplay: var(--hamburgerMenuDisplayMobile);
8337        --hamburgerMenuJustifySelf: var(--hamburgerMenuJustifySelfMobile);
8338
8339        /* apply main nav justify self */
8340        --hamburgerNavJustifySelf: var(--hamburgerNavJustifySelfMobile);
8341
8342        /* apply main nav items alignment */
8343        --hamburgerNavItemsAlignment: var(--hamburgerNavItemsAlignmentMobile);
8344
8345        /* apply main nav item padding */
8346        --hamburgerNavItemPaddingTop: var(--hamburgerNavItemPaddingTopMobile);
8347        --hamburgerNavItemPaddingBottom: var(--hamburgerNavItemPaddingBottomMobile);
8348        --hamburgerNavItemPaddingLeft: var(--hamburgerNavItemPaddingLeftMobile);
8349        --hamburgerNavItemPaddingRight: var(--hamburgerNavItemPaddingRightMobile);
8350
8351        /* apply main nav item padding hover*/
8352        --hamburgerNavItemPaddingTopHover: var(--hamburgerNavItemPaddingTopMobileHover);
8353        --hamburgerNavItemPaddingBottomHover: var(--hamburgerNavItemPaddingBottomMobileHover);
8354        --hamburgerNavItemPaddingLeftHover: var(--hamburgerNavItemPaddingLeftMobileHover);
8355        --hamburgerNavItemPaddingRightHover: var(--hamburgerNavItemPaddingRightMobileHover);
8356
8357        /* apply main nav item border */
8358        --hamburgerNavItemBorderTop: var(--hamburgerNavItemBorderTopMobile);
8359        --hamburgerNavItemBorderRight: var(--hamburgerNavItemBorderRightMobile);
8360        --hamburgerNavItemBorderBottom: var(--hamburgerNavItemBorderBottomMobile);
8361        --hamburgerNavItemBorderLeft: var(--hamburgerNavItemBorderLeftMobile);
8362        /* apply main nav item border hover */
8363        --hamburgerNavItemBorderTopHover: var(--hamburgerNavItemBorderTopHoverMobile);
8364        --hamburgerNavItemBorderRightHover: var(--hamburgerNavItemBorderRightHoverMobile);
8365        --hamburgerNavItemBorderBottomHover: var(--hamburgerNavItemBorderBottomHoverMobile);
8366        --hamburgerNavItemBorderLeftHover: var(--hamburgerNavItemBorderLeftHoverMobile);
8367
8368        /* apply main nav item border radius */
8369        --hamburgerNavItemBorderRadius: var(--hamburgerNavItemBorderRadiusMobile);
8370        --hamburgerNavItemBorderRadiusHover: var(--hamburgerNavItemBorderRadiusMobileHover);
8371
8372        /* apply main nav item font */
8373        --hamburgerNavItemFont: var(--hamburgerNavItemFontMobile);
8374        --hamburgerNavItemFontColor: var(--hamburgerNavItemFontColorMobile);
8375        --hamburgerNavItemLineHeight: var(--hamburgerNavItemLineHeightMobile);
8376        --hamburgerNavItemFontSize: var(--hamburgerNavItemFontSizeMobile);
8377        --hamburgerNavItemFontWeight: var(--hamburgerNavItemFontWeightMobile);
8378        --hamburgerNavItemBackgroundColor: var(--hamburgerNavItemBackgroundColorMobile);
8379        --hamburgerNavItemLetterSpacing: var(--hamburgerNavItemLetterSpacingMobile);
8380        --hamburgerNavItemTextDecoration: var(--hamburgerNavItemTextDecorationMobile);
8381        --hamburgerNavItemFontStyle: var(--hamburgerNavItemFontStyleMobile);
8382
8383        /* apply main nav item hover font */
8384        --hamburgerNavItemHoverFontColor: var(--hamburgerNavItemHoverFontColorMobile);
8385        --hamburgerNavItemHoverBackgroundColor: var(--hamburgerNavItemHoverBackgroundColorMobile);
8386        --hamburgerNavItemFontHover: var(--hamburgerNavItemFontHoverMobile);
8387        --hamburgerNavItemLineHeightHover: var(--hamburgerNavItemLineHeightHoverMobile);
8388        --hamburgerNavItemFontSizeHover: var(--hamburgerNavItemFontSizeHoverMobile);
8389        --hamburgerNavItemFontWeightHover: var(--hamburgerNavItemFontWeightHoverMobile);
8390        --hamburgerNavItemLetterSpacingHover: var(--hamburgerNavItemLetterSpacingHoverMobile);
8391        --hamburgerNavItemTextDecorationHover: var(--hamburgerNavItemTextDecorationHoverMobile);
8392        --hamburgerNavItemFontStyleHover: var(--hamburgerNavItemFontStyleHoverMobile);
8393
8394        /* apply separator */
8395        --hamburgerNavSeparatorDisplay: var(--hamburgerNavSeparatorDisplayMobile);
8396        --hamburgerNavSeparatorWidth: var(--hamburgerNavSeparatorWidthMobile);
8397        --hamburgerNavSeparatorHeight: var(--hamburgerNavSeparatorHeightMobile);
8398        --hamburgerNavSeparatorColor: var(--hamburgerNavSeparatorColorMobile);
8399        --hamburgerNavSeparatorSpacing: var(--hamburgerNavSeparatorSpacingMobile);
8400
8401        /* apply sub separator */
8402        --hamburgerNavSubSeparatorDisplay: var(--hamburgerNavSubSeparatorDisplayMobile);
8403        --hamburgerNavSubSeparatorWidth: var(--hamburgerNavSubSeparatorWidthMobile);
8404        --hamburgerNavSubSeparatorHeight: var(--hamburgerNavSubSeparatorHeightMobile);
8405        --hamburgerNavSubSeparatorColor: var(--hamburgerNavSubSeparatorColorMobile);
8406        --hamburgerNavSubSeparatorSpacing: var(--hamburgerNavSubSeparatorSpacingMobile);
8407
8408        /* apply arrow */
8409        --hamburgerNavArrowSize: var(--hamburgerNavArrowSizeMobile);
8410        --hamburgerNavArrowColor: var(--hamburgerNavArrowColorMobile);
8411        --hamburgerNavArrowSpacing: var(--hamburgerNavArrowSpacingMobile);
8412        --hamburgerNavArrowRotate: var(--hamburgerNavArrowRotateMobile);
8413        --hamburgerNavArrowAutoSpacing: var(--hamburgerNavArrowAutoSpacingMobile);
8414        --hamburgerNavArrowSizeHover: var(--hamburgerNavArrowSizeHoverMobile);
8415        --hamburgerNavArrowColorHover: var(--hamburgerNavArrowColorHoverMobile);
8416        --hamburgerNavArrowRotateHover: var(--hamburgerNavArrowRotateHoverMobile);
8417
8418        /* apply main item icon */
8419        --hamburgerNavItemIconDisplay: var(--hamburgerNavItemIconDisplayMobile);
8420        --hamburgerNavItemIconColor: var(--hamburgerNavItemIconColorMobile);
8421        --hamburgerNavItemIconColorHover: var(--hamburgerNavItemIconColorHoverMobile);
8422        --hamburgerNavItemIconSize: var(--hamburgerNavItemIconSizeMobile);
8423        --hamburgerNavItemIconSizeHover: var(--hamburgerNavItemIconSizeHoverMobile);
8424        --hamburgerNavItemIconRotate: var(--hamburgerNavItemIconRotateMobile);
8425        --hamburgerNavItemIconRotateHover: var(--hamburgerNavItemIconRotateHoverMobile);
8426        --hamburgerNavItemIconSpacing: var(--hamburgerNavItemIconSpacingMobile);
8427        --hamburgerNavSubItemIconDisplay: var(--hamburgerNavSubItemIconDisplayMobile);
8428        --hamburgerNavSubItemIconColor: var(--hamburgerNavSubItemIconColorMobile);
8429        --hamburgerNavSubItemIconColorHover: var(--hamburgerNavSubItemIconColorHoverMobile);
8430        --hamburgerNavSubItemIconSize: var(--hamburgerNavSubItemIconSizeMobile);
8431        --hamburgerNavSubItemIconSizeHover: var(--hamburgerNavSubItemIconSizeHoverMobile);
8432        --hamburgerNavSubItemIconRotate: var(--hamburgerNavSubItemIconRotateMobile);
8433        --hamburgerNavSubItemIconRotateHover: var(--hamburgerNavSubItemIconRotateHoverMobile);
8434        --hamburgerNavSubItemIconSpacing: var(--hamburgerNavSubItemIconSpacingMobile);
8435
8436        /* apply sub arrow */
8437        --hamburgerNavSubArrowSize: var(--hamburgerNavSubArrowSizeMobile);
8438        --hamburgerNavSubArrowColor: var(--hamburgerNavSubArrowColorMobile);
8439        --hamburgerNavSubArrowSpacing: var(--hamburgerNavSubArrowSpacingMobile);
8440        --hamburgerNavSubArrowRotate: var(--hamburgerNavSubArrowRotateMobile);
8441        --hamburgerNavSubArrowAutoSpacing: var(--hamburgerNavSubArrowAutoSpacingMobile);
8442        --hamburgerNavSubArrowSizeHover: var(--hamburgerNavSubArrowSizeHoverMobile);
8443        --hamburgerNavSubArrowColorHover: var(--hamburgerNavSubArrowColorHoverMobile);
8444        --hamburgerNavSubArrowRotateHover: var(--hamburgerNavSubArrowRotateHoverMobile);
8445
8446        /* apply sub menu background color */
8447        --hamburgerNavSubBackgroundColor: var(--hamburgerNavSubBackgroundColorMobile);
8448
8449        /* apply sub nav item padding */
8450        --hamburgerNavSubItemPaddingTop: var(--hamburgerNavSubItemPaddingTopMobile);
8451        --hamburgerNavSubItemPaddingBottom: var(--hamburgerNavSubItemPaddingBottomMobile);
8452        --hamburgerNavSubItemPaddingLeft: var(--hamburgerNavSubItemPaddingLeftMobile);
8453        --hamburgerNavSubItemPaddingRight: var(--hamburgerNavSubItemPaddingRightMobile);
8454
8455        /* apply sub nav item padding hover */
8456        --hamburgerNavSubItemPaddingTopHover: var(--hamburgerNavSubItemPaddingTopHoverMobile);
8457        --hamburgerNavSubItemPaddingBottomHover: var(--hamburgerNavSubItemPaddingBottomHoverMobile);
8458        --hamburgerNavSubItemPaddingLeftHover: var(--hamburgerNavSubItemPaddingLeftHoverMobile);
8459        --hamburgerNavSubItemPaddingRightHover: var(--hamburgerNavSubItemPaddingRightHoverMobile);
8460
8461        /* apply sub nav item border */
8462        --hamburgerNavSubItemBorderTop: var(--hamburgerNavSubItemBorderTopMobile);
8463        --hamburgerNavSubItemBorderRight: var(--hamburgerNavSubItemBorderRightMobile);
8464        --hamburgerNavSubItemBorderBottom: var(--hamburgerNavSubItemBorderBottomMobile);
8465        --hamburgerNavSubItemBorderLeft: var(--hamburgerNavSubItemBorderLeftMobile);
8466        /* apply sub nav item border */
8467        --hamburgerNavSubItemBorderTopHover: var(--hamburgerNavSubItemBorderTopHoverMobile);
8468        --hamburgerNavSubItemBorderRightHover: var(--hamburgerNavSubItemBorderRightHoverMobile);
8469        --hamburgerNavSubItemBorderBottomHover: var(--hamburgerNavSubItemBorderBottomHoverMobile);
8470        --hamburgerNavSubItemBorderLeftHover: var(--hamburgerNavSubItemBorderLeftHoverMobile);
8471
8472        /* apply sub nav item border radius */
8473        --hamburgerNavSubItemBorderRadius: var(--hamburgerNavSubItemBorderRadiusMobile);
8474        --hamburgerNavSubItemBorderRadiusHover: var(--hamburgerNavSubItemBorderRadiusHoverMobile);
8475
8476        /* apply sub nav item background color */
8477        --hamburgerNavSubItemBackgroundColor: var(--hamburgerNavSubItemBackgroundColorMobile);
8478
8479        /* apply sub nav item hover background color */
8480        --hamburgerNavSubItemHoverBackgroundColor: var(--hamburgerNavSubItemHoverBackgroundColorMobile);
8481
8482        /* apply sub nav item font */
8483        --hamburgerNavSubItemFont: var(--hamburgerNavSubItemFontMobile);
8484        --hamburgerNavSubItemFontColor: var(--hamburgerNavSubItemFontColorMobile);
8485        --hamburgerNavSubItemLineHeight: var(--hamburgerNavSubItemLineHeightMobile);
8486        --hamburgerNavSubItemFontSize: var(--hamburgerNavSubItemFontSizeMobile);
8487        --hamburgerNavSubItemFontWeight: var(--hamburgerNavSubItemFontWeightMobile);
8488        --hamburgerNavSubItemHoverFontColor: var(--hamburgerNavSubItemHoverFontColorMobile);
8489        --hamburgerNavSubItemTextDecoration: var(--hamburgerNavSubItemTextDecorationMobile);
8490        --hamburgerNavSubItemFontStyle: var(--hamburgerNavSubItemFontStyleMobile);
8491        --hamburgerNavSubItemLetterSpacing: var(--hamburgerNavSubItemLetterSpacingMobile);
8492
8493        /* apply sub nav item hover font */
8494        --hamburgerNavSubItemFontHover: var(--hamburgerNavSubItemFontHoverMobile);
8495        --hamburgerNavSubItemLineHeightHover: var(--hamburgerNavSubItemLineHeightHoverMobile);
8496        --hamburgerNavSubItemFontSizeHover: var(--hamburgerNavSubItemFontSizeHoverMobile);
8497        --hamburgerNavSubItemFontWeightHover: var(--hamburgerNavSubItemFontWeightHoverMobile);
8498        --hamburgerNavSubItemLetterSpacingHover: var(--hamburgerNavSubItemLetterSpacingHoverMobile);
8499        --hamburgerNavSubItemTextDecorationHover: var(--hamburgerNavSubItemTextDecorationHoverMobile);
8500        --hamburgerNavSubItemFontStyleHover: var(--hamburgerNavSubItemFontStyleHoverMobile);
8501
8502        /* apply nav back button border */
8503        --hamburgerNavBackButtonBorderTopHover: var(--hamburgerNavBackButtonBorderTopHoverMobile);
8504        --hamburgerNavBackButtonBorderRightHover: var(--hamburgerNavBackButtonBorderRightHoverMobile);
8505        --hamburgerNavBackButtonBorderBottomHover: var(--hamburgerNavBackButtonBorderBottomHoverMobile);
8506        --hamburgerNavBackButtonBorderLeftHover: var(--hamburgerNavBackButtonBorderLeftHoverMobile);
8507        /* apply nav back button border */
8508        --hamburgerNavBackButtonBorderTop: var(--hamburgerNavBackButtonBorderTopMobile);
8509        --hamburgerNavBackButtonBorderRight: var(--hamburgerNavBackButtonBorderRightMobile);
8510        --hamburgerNavBackButtonBorderBottom: var(--hamburgerNavBackButtonBorderBottomMobile);
8511        --hamburgerNavBackButtonBorderLeft: var(--hamburgerNavBackButtonBorderLeftMobile);
8512
8513        /* apply nav back button border radius */
8514        --hamburgerNavBackButtonBorderRadius: var(--hamburgerNavBackButtonBorderRadiusMobile);
8515        --hamburgerNavBackButtonBorderRadiusHover: var(--hamburgerNavBackButtonBorderRadiusHoverMobile);
8516
8517        /* apply nav back button background color */
8518        --hamburgerNavBackButtonBackgroundColor: var(--hamburgerNavBackButtonBackgroundColorMobile);
8519
8520        /* apply nav back button hover background color */
8521        --hamburgerNavBackButtonHoverBackgroundColor: var(--hamburgerNavBackButtonHoverBackgroundColorMobile);
8522
8523        /* apply nav back button */
8524        --hamburgerNavBackButtonPaddingTop: var(--hamburgerNavBackButtonPaddingTopMobile);
8525        --hamburgerNavBackButtonPaddingBottom: var(--hamburgerNavBackButtonPaddingBottomMobile);
8526        --hamburgerNavBackButtonPaddingLeft: var(--hamburgerNavBackButtonPaddingLeftMobile);
8527        --hamburgerNavBackButtonPaddingRight: var(--hamburgerNavBackButtonPaddingRightMobile);
8528        --hamburgerNavBackButtonFont: var(--hamburgerNavBackButtonFontMobile);
8529        --hamburgerNavBackButtonColor: var(--hamburgerNavBackButtonColorMobile);
8530        --hamburgerNavBackButtonFontSize: var(--hamburgerNavBackButtonFontSizeMobile);
8531        --hamburgerNavBackButtonFontWeight: var(--hamburgerNavBackButtonFontWeightMobile);
8532        --hamburgerNavBackButtonFontStyle: var(--hamburgerNavBackButtonFontStyleMobile);
8533        --hamburgerNavBackButtonLetterSpacing: var(--hamburgerNavBackButtonLetterSpacingMobile);
8534        --hamburgerNavBackButtonTextDecoration: var(--hamburgerNavBackButtonTextDecorationMobile);
8535        --hamburgerNavBackButtonLineHeight: var(--hamburgerNavBackButtonLineHeightMobile);
8536
8537        /* apply nav back button font hover */
8538        --hamburgerNavBackButtonHoverFontColor: var(--hamburgerNavBackButtonHoverFontColorMobile);
8539        --hamburgerNavBackButtonFontSizeHover: var(--hamburgerNavBackButtonFontSizeHoverMobile);
8540        --hamburgerNavBackButtonFontWeightHover: var(--hamburgerNavBackButtonFontWeightHoverMobile);
8541        --hamburgerNavBackButtonFontStyleHover: var(--hamburgerNavBackButtonFontStyleHoverMobile);
8542        --hamburgerNavBackButtonTextDecorationHover: var(--hamburgerNavBackButtonTextDecorationHoverMobile);
8543
8544        /* apply nav back button hover*/
8545        --hamburgerNavBackButtonPaddingTopHover: var(--hamburgerNavBackButtonPaddingTopHoverMobile);
8546        --hamburgerNavBackButtonPaddingBottomHover: var(--hamburgerNavBackButtonPaddingBottomHoverMobile);
8547        --hamburgerNavBackButtonPaddingLeftHover: var(--hamburgerNavBackButtonPaddingLeftHoverMobile);
8548        --hamburgerNavBackButtonPaddingRightHover: var(--hamburgerNavBackButtonPaddingRightHoverMobile);
8549
8550        /* apply nav back button arrow */
8551        --hamburgerNavBackButtonArrowSize: var(--hamburgerNavBackButtonArrowSizeMobile);
8552        --hamburgerNavBackButtonArrowSizeHover: var(--hamburgerNavBackButtonArrowSizeHoverMobile);
8553        --hamburgerNavBackButtonArrowColor: var(--hamburgerNavBackButtonArrowColorMobile);
8554        --hamburgerNavBackButtonArrowSpacing: var(--hamburgerNavBackButtonArrowSpacingMobile);
8555        --hamburgerNavBackButtonArrowRotate: var(--hamburgerNavBackButtonArrowRotateMobile);
8556
8557        /* apply parent title border */
8558        --hamburgerTitleBorderTop: var(--hamburgerTitleBorderTopMobile);
8559        --hamburgerTitleBorderRight: var(--hamburgerTitleBorderRightMobile);
8560        --hamburgerTitleBorderBottom: var(--hamburgerTitleBorderBottomMobile);
8561        --hamburgerTitleBorderLeft: var(--hamburgerTitleBorderLeftMobile);
8562        /* apply parent title border hover */
8563        --hamburgerTitleBorderTopHover: var(--hamburgerTitleBorderTopHoverMobile);
8564        --hamburgerTitleBorderRightHover: var(--hamburgerTitleBorderRightHoverMobile);
8565        --hamburgerTitleBorderBottomHover: var(--hamburgerTitleBorderBottomHoverMobile);
8566        --hamburgerTitleBorderLeftHover: var(--hamburgerTitleBorderLeftHoverMobile);
8567
8568        /* apply parent title border radius */
8569        --hamburgerTitleBorderRadius: var(--hamburgerTitleBorderRadiusMobile);
8570        --hamburgerTitleBorderRadiusHover: var(--hamburgerTitleBorderRadiusHoverMobile);
8571
8572        /* apply parent title background color */
8573        --hamburgerTitleBackgroundColor: var(--hamburgerTitleBackgroundColorMobile);
8574        --hamburgerTitleBackgroundColorHover: var(--hamburgerTitleBackgroundColorHoverMobile);
8575
8576        /* apply parent title padding */
8577        --hamburgerTitlePaddingTop: var(--hamburgerTitlePaddingTopMobile);
8578        --hamburgerTitlePaddingBottom: var(--hamburgerTitlePaddingBottomMobile);
8579        --hamburgerTitlePaddingLeft: var(--hamburgerTitlePaddingLeftMobile);
8580        --hamburgerTitlePaddingRight: var(--hamburgerTitlePaddingRightMobile);
8581        /* apply parent title padding hover */
8582        --hamburgerTitlePaddingTopHover: var(--hamburgerTitlePaddingTopHoverMobile);
8583        --hamburgerTitlePaddingBottomHover: var(--hamburgerTitlePaddingBottomHoverMobile);
8584        --hamburgerTitlePaddingLeftHover: var(--hamburgerTitlePaddingLeftHoverMobile);
8585        --hamburgerTitlePaddingRightHover: var(--hamburgerTitlePaddingRightHoverMobile);
8586
8587        /* apply parent title font */
8588        --hamburgerTitleFont: var(--hamburgerTitleFontMobile);
8589        --hamburgerTitleFontColor: var(--hamburgerTitleFontColorMobile);
8590        --hamburgerTitleFontSize: var(--hamburgerTitleFontSizeMobile);
8591        --hamburgerTitleFontWeight: var(--hamburgerTitleFontWeightMobile);
8592        --hamburgerTitleFontStyle: var(--hamburgerTitleFontStyleMobile);
8593        --hamburgerTitleLetterSpacing: var(--hamburgerTitleLetterSpacingMobile);
8594        --hamburgerTitleTextDecoration: var(--hamburgerTitleTextDecorationMobile);
8595        --hamburgerTitleLineHeight: var(--hamburgerTitleLineHeightMobile);
8596
8597        /* apply parent title arrow */
8598        --hamburgerTitleArrowSize: var(--hamburgerTitleArrowSizeMobile);
8599        --hamburgerTitleArrowColor: var(--hamburgerTitleArrowColorMobile);
8600        --hamburgerTitleArrowSpacing: var(--hamburgerTitleArrowSpacingMobile);
8601        --hamburgerTitleArrowRotate: var(--hamburgerTitleArrowRotateMobile);
8602
8603        /* apply slide container */
8604        --hamburgerSlideContainerWidth: var(--hamburgerSlideContainerWidthMobile);
8605
8606        /**********************
8607			vertical main nav
8608		***********************/
8609
8610        /* main nav justify content */
8611        --verticalNavJustifySelfMobile: center;
8612
8613        /* main nav items alignment */
8614        --verticalNavItemsAlignmentMobile: var(--verticalNavItemsAlignmentDesktop);
8615
8616        /* main nav width */
8617        --verticalNavWidthMobile: 100%;
8618
8619        /* main nav padding */
8620        --verticalNavPaddingTopMobile: var(--verticalNavPaddingTopDesktop);
8621        --verticalNavPaddingBottomMobile: var(--verticalNavPaddingBottomDesktop);
8622        --verticalNavPaddingLeftMobile: var(--verticalNavPaddingLeftDesktop);
8623        --verticalNavPaddingRightMobile: var(--verticalNavPaddingRightDesktop);
8624
8625        /* main nav border */
8626        --verticalNavBorderTopMobile: var(--verticalNavBorderTopDesktop);
8627        --verticalNavBorderRightMobile: var(--verticalNavBorderRightDesktop);
8628        --verticalNavBorderBottomMobile: var(--verticalNavBorderBottomDesktop);
8629        --verticalNavBorderLeftMobile: var(--verticalNavBorderLeftDesktop);
8630
8631        /* main nav border radius */
8632        --verticalNavBorderRadiusMobile: var(--verticalNavBorderRadiusDesktop);
8633
8634        /* main nav item font */
8635        --verticalNavItemFontMobile: var(--verticalNavItemFontDesktop);
8636        --verticalNavItemFontColorMobile: var(--verticalNavItemFontColorDesktop);
8637        --verticalNavItemFontSizeMobile: var(--verticalNavItemFontSizeDesktop);
8638        --verticalNavItemFontWeightMobile: var(--verticalNavItemFontWeightDesktop);
8639        --verticalNavItemLineHeightMobile: var(--verticalNavItemLineHeightDesktop);
8640        --verticalNavItemTextDecorationMobile: var(--verticalNavItemTextDecorationDesktop);
8641        --verticalNavItemFontStyleMobile: var(--verticalNavItemFontStyleDesktop);
8642        --verticalNavItemLetterSpacingMobile: var(--verticalNavItemLetterSpacingDesktop);
8643        --verticalNavItemBackgroundColorMobile: var(--verticalNavItemBackgroundColorDesktop);
8644
8645        /* main nav item font hover*/
8646        --verticalNavItemHoverFontColorMobile: var(--verticalNavItemHoverFontColorDesktop);
8647        --verticalNavItemHoverBackgroundColorMobile: var(--verticalNavItemHoverBackgroundColorDesktop);
8648        --verticalNavItemFontSizeHoverMobile: var(--verticalNavItemFontSizeHoverDesktop);
8649        --verticalNavItemFontWeightHoverMobile: var(--verticalNavItemFontWeightHoverDesktop);
8650        --verticalNavItemTextDecorationHoverMobile: var(--verticalNavItemTextDecorationHoverDesktop);
8651        --verticalNavItemFontStyleHoverMobile: var(--verticalNavItemFontStyleHoverDesktop);
8652
8653
8654        /* main nav item padding */
8655        --verticalNavItemPaddingTopMobile: var(--verticalNavItemPaddingTopDesktop);
8656        --verticalNavItemPaddingRightMobile: var(--verticalNavItemPaddingRightDesktop);
8657        --verticalNavItemPaddingBottomMobile: var(--verticalNavItemPaddingBottomDesktop);
8658        --verticalNavItemPaddingLeftMobile: var(--verticalNavItemPaddingLeftDesktop);
8659
8660        /* main nav item padding hover */
8661        --verticalNavItemPaddingTopHoverMobile: var(--verticalNavItemPaddingTopHoverDesktop);
8662        --verticalNavItemPaddingRightHoverMobile: var(--verticalNavItemPaddingRightHoverDesktop);
8663        --verticalNavItemPaddingBottomHoverMobile: var(--verticalNavItemPaddingBottomHoverDesktop);
8664        --verticalNavItemPaddingLeftHoverMobile: var(--verticalNavItemPaddingLeftHoverDesktop);
8665
8666        /* main nav item border */
8667        --verticalNavItemBorderTopMobile: var(--verticalNavItemBorderTopDesktop);
8668        --verticalNavItemBorderRightMobile: var(--verticalNavItemBorderRightDesktop);
8669        --verticalNavItemBorderBottomMobile: var(--verticalNavItemBorderBottomDesktop);
8670        --verticalNavItemBorderLeftMobile: var(--verticalNavItemBorderLeftDesktop);
8671
8672        /* main nav item border hover*/
8673        --verticalNavItemBorderTopHoverMobile: var(--verticalNavItemBorderTopHoverDesktop);
8674        --verticalNavItemBorderRightHoverMobile: var(--verticalNavItemBorderRightHoverDesktop);
8675        --verticalNavItemBorderBottomHoverMobile: var(--verticalNavItemBorderBottomHoverDesktop);
8676        --verticalNavItemBorderLeftHoverMobile: var(--verticalNavItemBorderLeftHoverDesktop);
8677
8678        /* main nav item border radius */
8679        --verticalNavItemBorderRadiusMobile: var(--verticalNavItemBorderRadiusDesktop);
8680        --verticalNavItemBorderRadiusHoverMobile: var(--verticalNavItemBorderRadiusHoverDesktop);
8681
8682        /* arrow */
8683        --verticalNavArrowSizeMobile: 24px;
8684        --verticalNavArrowWidthMobile: 24px;
8685        --verticalNavArrowSpacingMobile: 10px;
8686        --verticalNavArrowColorMobile: rgba(var(--colorPrimaryA), 1);
8687        --verticalNavArrowRotateMobile: -90deg;
8688        /* hover (default: mirror non-hover) */
8689        --verticalNavArrowColorHoverMobile: var(--verticalNavArrowColorMobile);
8690        --verticalNavArrowSizeHoverMobile: var(--verticalNavArrowSizeMobile);
8691        --verticalNavArrowRotateHoverMobile: var(--verticalNavArrowRotateMobile);
8692
8693        /* title */
8694        --verticalNavTitleFontColorMobile: rgba(var(--colorPrimaryH), 1);
8695        --verticalNavTitleLineHeightMobile: 1.4;
8696        --verticalNavTitleFontSizeMobile: 21px;
8697        --verticalNavTitleFontWeightMobile: 700;
8698        --verticalNavTitleContainerBackgroundColorMobile: transparent;
8699
8700        /* sub nav item font */
8701        --verticalNavSubItemFontMobile: var(--navPrimaryFont);
8702        --verticalNavSubItemFontColorMobile: rgba(var(--colorPrimaryA), 1);
8703        --verticalNavSubItemFontSizeMobile: 16px;
8704        --verticalNavSubItemFontWeightMobile: 400;
8705        --verticalNavSubItemLineHeightMobile: normal;
8706        --verticalNavSubItemTextDecorationMobile: none;
8707        --verticalNavSubItemFontStyleMobile: normal;
8708        --verticalNavSubItemLetterSpacingMobile: 0px;
8709        --verticalNavSubItemBackgroundColorMobile: transparent;
8710        --verticalNavSubItemHoverFontColorMobile: var(--verticalNavSubItemFontColorMobile);
8711        --verticalNavSubItemHoverBackgroundColorMobile: var(--verticalNavSubItemBackgroundColorMobile);
8712
8713        /* sub nav item padding */
8714        --verticalNavSubItemPaddingTopMobile: 0px;
8715        --verticalNavSubItemPaddingRightMobile: 0px;
8716        --verticalNavSubItemPaddingBottomMobile: 0px;
8717        --verticalNavSubItemPaddingLeftMobile: 0px;
8718
8719        /* sub nav item border */
8720        --verticalNavSubItemBorderTopMobile: 0px none rgba(var(--colorPrimaryA), 1);
8721        --verticalNavSubItemBorderRightMobile: 0px none rgba(var(--colorPrimaryA), 1);
8722        --verticalNavSubItemBorderBottomMobile: 0px none rgba(var(--colorPrimaryA), 1);
8723        --verticalNavSubItemBorderLeftMobile: 0px none rgba(var(--colorPrimaryA), 1);
8724
8725        /* sub nav item border radius */
8726        --verticalNavSubItemBorderRadiusMobile: 0px 0px 0px 0px;
8727
8728        /* sub nav arrow */
8729        --verticalNavSubArrowSizeMobile: 24px;
8730        --verticalNavSubArrowWidthMobile: 24px;
8731        --verticalNavSubArrowSpacingMobile: 10px;
8732
8733        /* slide container */
8734        --verticalSlideContainerWidthMobile: 400px;
8735
8736        /* separator */
8737        --verticalNavSeparatorDisplayMobile: var(--verticalNavSeparatorDisplayDesktop);
8738        --verticalNavSeparatorWidthMobile: var(--verticalNavSeparatorWidthDesktop);
8739        --verticalNavSeparatorHeightMobile: var(--verticalNavSeparatorHeightDesktop);
8740        --verticalNavSeparatorColorMobile: var(--verticalNavSeparatorColorDesktop);
8741        --verticalNavSeparatorSpacingMobile: var(--verticalNavSeparatorSpacingDesktop);
8742
8743        /* sub separator */
8744        --verticalNavSubSeparatorDisplayMobile: var(--verticalNavSubSeparatorDisplayDesktop);
8745        --verticalNavSubSeparatorWidthMobile: var(--verticalNavSubSeparatorWidthDesktop);
8746        --verticalNavSubSeparatorHeightMobile: var(--verticalNavSubSeparatorHeightDesktop);
8747        --verticalNavSubSeparatorColorMobile: var(--verticalNavSubSeparatorColorDesktop);
8748        --verticalNavSubSeparatorSpacingMobile: var(--verticalNavSubSeparatorSpacingDesktop);
8749
8750        /*****
8751			apply css properties
8752		*****/
8753
8754        /* apply main nav justify content */
8755        --verticalNavJustifySelf: var(--verticalNavJustifySelfMobile);
8756
8757        /* apply main nav items alignment */
8758        --verticalNavItemsAlignment: var(--verticalNavItemsAlignmentMobile);
8759
8760        /* apply main nav width */
8761        --verticalNavWidth: var(--verticalNavWidthMobile);
8762
8763        /* apply main nav padding */
8764        --verticalNavPaddingTop: var(--verticalNavPaddingTopMobile);
8765        --verticalNavPaddingBottom: var(--verticalNavPaddingBottomMobile);
8766        --verticalNavPaddingLeft: var(--verticalNavPaddingLeftMobile);
8767        --verticalNavPaddingRight: var(--verticalNavPaddingRightMobile);
8768
8769        /* apply main nav border */
8770        --verticalNavBorderTop: var(--verticalNavBorderTopMobile);
8771        --verticalNavBorderRight: var(--verticalNavBorderRightMobile);
8772        --verticalNavBorderBottom: var(--verticalNavBorderBottomMobile);
8773        --verticalNavBorderLeft: var(--verticalNavBorderLeftMobile);
8774
8775        /* apply main nav border radius */
8776        --verticalNavBorderRadius: var(--verticalNavBorderRadiusMobile);
8777
8778        /* apply main nav item font */
8779        --verticalNavItemFont: var(--verticalNavItemFontMobile);
8780        --verticalNavItemFontColor: var(--verticalNavItemFontColorMobile);
8781        --verticalNavItemFontSize: var(--verticalNavItemFontSizeMobile);
8782        --verticalNavItemFontWeight: var(--verticalNavItemFontWeightMobile);
8783        --verticalNavItemLineHeight: var(--verticalNavItemLineHeightMobile);
8784        --verticalNavItemTextDecoration: var(--verticalNavItemTextDecorationMobile);
8785        --verticalNavItemFontStyle: var(--verticalNavItemFontStyleMobile);
8786        --verticalNavItemLetterSpacing: var(--verticalNavItemLetterSpacingMobile);
8787        --verticalNavItemBackgroundColor: var(--verticalNavItemBackgroundColorMobile);
8788        --verticalNavItemHoverFontColor: var(--verticalNavItemHoverFontColorMobile);
8789        --verticalNavItemHoverBackgroundColor: var(--verticalNavItemHoverBackgroundColorMobile);
8790
8791        /* apply main nav item font hover*/
8792        --verticalNavItemFontSizeHover: var(--verticalNavItemFontSizeHoverMobile);
8793        --verticalNavItemFontWeightHover: var(--verticalNavItemFontWeightHoverMobile);
8794        --verticalNavItemTextDecorationHover: var(--verticalNavItemTextDecorationHoverMobile);
8795        --verticalNavItemFontStyleHover: var(--verticalNavItemFontStyleHoverMobile);
8796
8797
8798        /* apply main nav item padding */
8799        --verticalNavItemPaddingTop: var(--verticalNavItemPaddingTopMobile);
8800        --verticalNavItemPaddingRight: var(--verticalNavItemPaddingRightMobile);
8801        --verticalNavItemPaddingBottom: var(--verticalNavItemPaddingBottomMobile);
8802        --verticalNavItemPaddingLeft: var(--verticalNavItemPaddingLeftMobile);
8803        /* apply main nav item padding hover*/
8804        --verticalNavItemPaddingTopHover: var(--verticalNavItemPaddingTopHoverMobile);
8805        --verticalNavItemPaddingRightHover: var(--verticalNavItemPaddingRightHoverMobile);
8806        --verticalNavItemPaddingBottomHover: var(--verticalNavItemPaddingBottomHoverMobile);
8807        --verticalNavItemPaddingLeftHover: var(--verticalNavItemPaddingLeftHoverMobile);
8808
8809        /* apply main nav item border */
8810        --verticalNavItemBorderTop: var(--verticalNavItemBorderTopMobile);
8811        --verticalNavItemBorderRight: var(--verticalNavItemBorderRightMobile);
8812        --verticalNavItemBorderBottom: var(--verticalNavItemBorderBottomMobile);
8813        --verticalNavItemBorderLeft: var(--verticalNavItemBorderLeftMobile);
8814
8815        /* apply main nav item border hover */
8816        --verticalNavItemBorderTopHover: var(--verticalNavItemBorderTopHoverMobile);
8817        --verticalNavItemBorderRightHover: var(--verticalNavItemBorderRightHoverMobile);
8818        --verticalNavItemBorderBottomHover: var(--verticalNavItemBorderBottomHoverMobile);
8819        --verticalNavItemBorderLeftHover: var(--verticalNavItemBorderLeftHoverMobile);
8820
8821        /* apply main nav item border radius */
8822        --verticalNavItemBorderRadius: var(--verticalNavItemBorderRadiusMobile);
8823        --verticalNavItemBorderRadiusHover: var(--verticalNavItemBorderRadiusHoverMobile);
8824
8825        /* apply arrow */
8826        --verticalNavArrowSize: var(--verticalNavArrowSizeMobile);
8827        --verticalNavItemIconDisplay: var(--verticalNavItemIconDisplayMobile);
8828        --verticalNavItemIconColor: var(--verticalNavItemIconColorMobile);
8829        --verticalNavItemIconColorHover: var(--verticalNavItemIconColorHoverMobile);
8830        --verticalNavItemIconSize: var(--verticalNavItemIconSizeMobile);
8831        --verticalNavItemIconSizeHover: var(--verticalNavItemIconSizeHoverMobile);
8832        --verticalNavItemIconRotate: var(--verticalNavItemIconRotateMobile);
8833        --verticalNavItemIconRotateHover: var(--verticalNavItemIconRotateHoverMobile);
8834        --verticalNavItemIconSpacing: var(--verticalNavItemIconSpacingMobile);
8835        --verticalNavSubItemIconDisplay: var(--verticalNavSubItemIconDisplayMobile);
8836        --verticalNavSubItemIconColor: var(--verticalNavSubItemIconColorMobile);
8837        --verticalNavSubItemIconColorHover: var(--verticalNavSubItemIconColorHoverMobile);
8838        --verticalNavSubItemIconSize: var(--verticalNavSubItemIconSizeMobile);
8839        --verticalNavSubItemIconSizeHover: var(--verticalNavSubItemIconSizeHoverMobile);
8840        --verticalNavSubItemIconRotate: var(--verticalNavSubItemIconRotateMobile);
8841        --verticalNavSubItemIconRotateHover: var(--verticalNavSubItemIconRotateHoverMobile);
8842        --verticalNavSubItemIconSpacing: var(--verticalNavSubItemIconSpacingMobile);
8843        --verticalNavArrowWidth: var(--verticalNavArrowWidthMobile);
8844        --verticalNavArrowSpacing: var(--verticalNavArrowSpacingMobile);
8845        --verticalNavArrowColor: var(--verticalNavArrowColorMobile);
8846        --verticalNavArrowRotate: var(--verticalNavArrowRotateMobile);
8847        --verticalNavArrowColorHover: var(--verticalNavArrowColorHoverMobile);
8848        --verticalNavArrowSizeHover: var(--verticalNavArrowSizeHoverMobile);
8849        --verticalNavArrowRotateHover: var(--verticalNavArrowRotateHoverMobile);
8850
8851        /* apply title */
8852        --verticalNavTitleFontColor: var(--verticalNavTitleFontColorMobile);
8853        --verticalNavTitleLineHeight: var(--verticalNavTitleLineHeightMobile);
8854        --verticalNavTitleFontSize: var(--verticalNavTitleFontSizeMobile);
8855        --verticalNavTitleFontWeight: var(--verticalNavTitleFontWeightMobile);
8856        --verticalNavTitleContainerBackgroundColor: var(--verticalNavTitleContainerBackgroundColorMobile);
8857
8858        /* apply sub nav item font */
8859        --verticalNavSubItemFont: var(--verticalNavSubItemFontMobile);
8860        --verticalNavSubItemFontColor: var(--verticalNavSubItemFontColorMobile);
8861        --verticalNavSubItemFontSize: var(--verticalNavSubItemFontSizeMobile);
8862        --verticalNavSubItemFontWeight: var(--verticalNavSubItemFontWeightMobile);
8863        --verticalNavSubItemLineHeight: var(--verticalNavSubItemLineHeightMobile);
8864        --verticalNavSubItemTextDecoration: var(--verticalNavSubItemTextDecorationMobile);
8865        --verticalNavSubItemFontStyle: var(--verticalNavSubItemFontStyleMobile);
8866        --verticalNavSubItemLetterSpacing: var(--verticalNavSubItemLetterSpacingMobile);
8867        --verticalNavSubItemBackgroundColor: var(--verticalNavSubItemBackgroundColorMobile);
8868        --verticalNavSubItemHoverFontColor: var(--verticalNavSubItemHoverFontColorMobile);
8869        --verticalNavSubItemHoverBackgroundColor: var(--verticalNavSubItemHoverBackgroundColorMobile);
8870
8871        /* apply sub nav item padding */
8872        --verticalNavSubItemPaddingTop: var(--verticalNavSubItemPaddingTopMobile);
8873        --verticalNavSubItemPaddingRight: var(--verticalNavSubItemPaddingRightMobile);
8874        --verticalNavSubItemPaddingBottom: var(--verticalNavSubItemPaddingBottomMobile);
8875        --verticalNavSubItemPaddingLeft: var(--verticalNavSubItemPaddingLeftMobile);
8876
8877        /* apply sub nav item border */
8878        --verticalNavSubItemBorderTop: var(--verticalNavSubItemBorderTopMobile);
8879        --verticalNavSubItemBorderRight: var(--verticalNavSubItemBorderRightMobile);
8880        --verticalNavSubItemBorderBottom: var(--verticalNavSubItemBorderBottomMobile);
8881        --verticalNavSubItemBorderLeft: var(--verticalNavSubItemBorderLeftMobile);
8882
8883        /* apply sub nav item border radius */
8884        --verticalNavSubItemBorderRadius: var(--verticalNavSubItemBorderRadiusMobile);
8885
8886        /* apply sub nav arrow */
8887        --verticalNavSubArrowSize: var(--verticalNavSubArrowSizeMobile);
8888        --verticalNavSubArrowWidth: var(--verticalNavSubArrowWidthMobile);
8889        --verticalNavSubArrowSpacing: var(--verticalNavSubArrowSpacingMobile);
8890
8891        /* apply slide container */
8892        --verticalSlideContainerWidth: var(--verticalSlideContainerWidthMobile);
8893
8894        /* apply separator */
8895        --verticalNavSeparatorDisplay: var(--verticalNavSeparatorDisplayMobile);
8896        --verticalNavSeparatorWidth: var(--verticalNavSeparatorWidthMobile);
8897        --verticalNavSeparatorHeight: var(--verticalNavSeparatorHeightMobile);
8898        --verticalNavSeparatorColor: var(--verticalNavSeparatorColorMobile);
8899        --verticalNavSeparatorSpacing: var(--verticalNavSeparatorSpacingMobile);
8900
8901        /* apply sub separator */
8902        --verticalNavSubSeparatorDisplay: var(--verticalNavSubSeparatorDisplayMobile);
8903        --verticalNavSubSeparatorWidth: var(--verticalNavSubSeparatorWidthMobile);
8904        --verticalNavSubSeparatorHeight: var(--verticalNavSubSeparatorHeightMobile);
8905        --verticalNavSubSeparatorColor: var(--verticalNavSubSeparatorColorMobile);
8906        --verticalNavSubSeparatorSpacing: var(--verticalNavSubSeparatorSpacingMobile);
8907    }
8908
8909    /* Horizontal Navigation Styles */
8910    .wmc_menu.wmcM_menuHorizontalMobile.wmd_showMoreMenu,
8911    .wmc_menu.wmcM_menuMegaMobile.wmd_showMoreMenu {
8912        & .navigation-module-container {
8913            overflow: hidden;
8914        }
8915
8916        & .navigation-module-container ul.navigation-nav--main-menu {
8917            flex-wrap: nowrap !important;
8918            overflow: hidden;
8919
8920            & > .navigation-nav--item {
8921                flex-shrink: 0;
8922            }
8923        }
8924    }
8925
8926    .wmc_menu.wmcM_menuHorizontalMobile .navigation-module-container,
8927    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container {
8928        & .navigation-nav {
8929            display: flex;
8930            justify-content: var(--horizontalNavJustifyContent);
8931        }
8932
8933        /* level 1: main menu */
8934
8935        & ul.navigation-nav--main-menu {
8936            display: inline-flex;
8937            padding-left: var(--horizontalNavPaddingLeft);
8938            padding-right: var(--horizontalNavPaddingRight);
8939            padding-top: var(--horizontalNavPaddingTop);
8940            padding-bottom: var(--horizontalNavPaddingBottom);
8941            margin-left: 0;
8942            margin-right: 0;
8943            flex-direction: row;
8944            flex-wrap: wrap;
8945            align-self: center;
8946            list-style: none;
8947            background-color: var(--horizontalNavBackgroundColor);
8948            border-top: var(--horizontalNavBorderTop);
8949            border-right: var(--horizontalNavBorderRight);
8950            border-bottom: var(--horizontalNavBorderBottom);
8951            border-radius: var(--horizontalNavBorderRadius);
8952            border-left: var(--horizontalNavBorderLeft);
8953            column-gap: calc(var(--horizontalNavSeparatorSpacing) / 2);
8954
8955            & > .navigation-nav--separator {
8956                display: var(--horizontalNavSeparatorDisplay);
8957                width: var(--horizontalNavSeparatorWidth);
8958                height: var(--horizontalNavSeparatorHeight);
8959                background-color: var(--horizontalNavSeparatorColor);
8960                align-self: center;
8961                font-size: var(--horizontalNavItemFontSize);
8962                line-height: 1.4;
8963            }
8964        }
8965
8966        /* level 1: li item */
8967
8968        & .navigation-nav--item {
8969            display: grid;
8970            grid-template-columns: 1fr;
8971            align-items: center;
8972            background-color: var(--navItemBackgroundColor);
8973            border-top: var(--navItemBorderTop);
8974            border-right: var(--navItemBorderRight);
8975            border-bottom: var(--navItemBorderBottom);
8976            border-left: var(--navItemBorderLeft);
8977            border-radius: var(--navItemBorderRadius);
8978
8979            &:hover, .wmcA_hoverState &:not(.wmcA_activeState) {
8980                background-color: var(--navItemHoverBackgroundColor);
8981                border-top: var(--navItemBorderTopHover);
8982                border-right: var(--navItemBorderRightHover);
8983                border-bottom: var(--navItemBorderBottomHover);
8984                border-left: var(--navItemBorderLeftHover);
8985                border-radius: var(--navItemBorderRadiusHover);
8986
8987            }
8988
8989            &.open, &.wmcA_activeState, .wmcA_activeState & {
8990                background-color: var(--navItemActiveBackgroundColor);
8991            }
8992
8993            &:has(.navigation-nav--sub-menu):hover, &:has(.navigation-nav--sub-menu).wmcA_activeState {
8994                background-color: var(--navItemActiveBackgroundColor);
8995            }
8996
8997            & > a {
8998                display: flex;
8999                align-items: center;
9000                padding-top: var(--navItemPaddingTop);
9001                padding-bottom: var(--navItemPaddingBottom);
9002                padding-left: var(--navItemPaddingLeft);
9003                padding-right: var(--navItemPaddingRight);
9004                font-family: var(--navItemFont);
9005                color: var(--navItemFontColor);
9006                line-height: var(--navItemLineHeight);
9007                background-color: transparent;
9008                letter-spacing: var(--navItemLetterSpacing);
9009                font-size: var(--navItemFontSize);
9010                text-decoration: var(--navItemTextDecoration);
9011                font-weight: var(--navItemFontWeight);
9012                font-style: var(--navItemFontStyle);
9013
9014                &:hover, .wmcA_hoverState & {
9015                    color: var(--navItemHoverFontColor);
9016                    font-size: var(--navItemFontSizeHover);
9017                    text-decoration: var(--navItemTextDecorationHover);
9018                    font-weight: var(--navItemFontWeightHover);
9019                    font-style: var(--navItemFontStyleHover);
9020                    padding-top: var(--navItemPaddingTopHover);
9021                    padding-bottom: var(--navItemPaddingBottomHover);
9022                    padding-left: var(--navItemPaddingLeftHover);
9023                    padding-right: var(--navItemPaddingRightHover);
9024                }
9025
9026                .navigation-nav--item.open > &, .navigation-nav--item.wmcA_activeState > &, .wmcA_activeState & {
9027                    color: var(--navItemActiveFontColor);
9028                }
9029
9030                .navigation-nav--item:has(> .navigation-nav--sub-menu):hover > &, .navigation-nav--item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
9031                    color: var(--navItemActiveFontColor);
9032                }
9033            }
9034
9035            &:hover > .navigation-nav--sub-menu,
9036            &:has(.navigation-nav--sub-menu:hover) > .navigation-nav--sub-menu,
9037            .wmcA_hoverState & > .navigation-nav--sub-menu,
9038            &.open > .navigation-nav--sub-menu {
9039                opacity: 1;
9040                visibility: visible;
9041                transform: translateY(0);
9042            }
9043
9044            & .arrow {
9045                display: none;
9046                pointer-events: none;
9047            }
9048
9049            &:has(.navigation-nav--sub-menu) {
9050                display: grid;
9051                grid-template-columns: 1fr auto;
9052                align-items: center;
9053                position: relative;
9054                padding-right: calc(var(--navItemPaddingRight) / 2);
9055
9056                & > a {
9057                    padding-right: 0;
9058                    width: 100%;
9059                }
9060
9061                & > .arrow {
9062                    display: flex;
9063                    align-items: center;
9064                    justify-content: center;
9065                    pointer-events: auto;
9066                    position: relative;
9067                    z-index: 1;
9068                    width: var(--horizontalNavArrowDisplay, var(--horizontalNavArrowSize));
9069                    height: 100%;
9070                    cursor: pointer;
9071                    margin-left: var(--horizontalNavArrowDisplay, var(--horizontalNavArrowSpacing));
9072
9073                    &::after {
9074                        display: block;
9075                        content: var(--horizontalNavArrowDisplay, '');
9076                        width: var(--horizontalNavArrowSize);
9077                        height: var(--horizontalNavArrowSize);
9078                        -webkit-mask-image: var(--wmd_caretIconUrl);
9079                        mask-image: var(--wmd_caretIconUrl);
9080                        -webkit-mask-size: contain;
9081                        mask-size: contain;
9082                        -webkit-mask-repeat: no-repeat;
9083                        mask-repeat: no-repeat;
9084                        -webkit-mask-position: center;
9085                        mask-position: center;
9086                        background-color: var(--horizontalNavArrowColor);
9087                        transform: var(--horizontalNavArrowRotate);
9088                        position: absolute;
9089                        left: auto;
9090                        right: auto;
9091                        top: auto;
9092                        bottom: auto;
9093                        z-index: 1;
9094                        transition: all 0.2s ease;
9095                    }
9096
9097                    &:hover, .wmcA_hoverState & {
9098                        &::after {
9099                            width: var(--horizontalNavArrowSizeHover);
9100                            height: var(--horizontalNavArrowSizeHover);
9101                            background-color: var(--horizontalNavArrowColorHover);
9102                            transform: var(--horizontalNavArrowRotateHover);
9103                        }
9104                    }
9105
9106                    .navigation-nav--item.open > &, .navigation-nav--item.wmcA_activeState > &, .wmcA_activeState & {
9107                        &::after {
9108                            background-color: var(--horizontalNavArrowColorActive);
9109                            transform: var(--horizontalNavArrowRotateActive);
9110                        }
9111                    }
9112
9113                    .navigation-nav--item:has(> .navigation-nav--sub-menu):hover > &, .navigation-nav--item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
9114                        &::after {
9115                            background-color: var(--horizontalNavArrowColorActive);
9116                            transform: var(--horizontalNavArrowRotateActive);
9117                        }
9118                    }
9119                }
9120            }
9121
9122            &.navigation-nav--more-trigger {
9123                padding-right: var(--navItemPaddingRight);
9124                grid-template-columns: 1fr max-content;
9125            }
9126        }
9127
9128        /* level 2: sub menu */
9129
9130        & .navigation-nav--sub-menu {
9131            display: flex;
9132            flex-direction: column;
9133            padding-top: var(--horizontalNavSubPaddingTop);
9134            padding-bottom: var(--horizontalNavSubPaddingBottom);
9135            padding-left: var(--horizontalNavSubPaddingLeft);
9136            padding-right: var(--horizontalNavSubPaddingRight);
9137            position: absolute;
9138            list-style: none;
9139            top: 100%;
9140            left: 0;
9141            opacity: 0;
9142            visibility: hidden;
9143            transform: translateY(10px);
9144            transition: all 0.3s ease;
9145            z-index: 100;
9146            min-width: var(--horizontalNavSubContainerWidth);
9147            box-shadow: var(--horizontalNavSubContainerShadow);
9148            background-color: var(--horizontalNavSubContainerBackgroun
9148dColor);
9149            gap: calc(var(--horizontalNavSubSeparatorSpacing) / 2);
9150            border-top: var(--horizontalNavSubContainerBorderTop);
9151            border-right: var(--horizontalNavSubContainerBorderRight);
9152            border-bottom: var(--horizontalNavSubContainerBorderBottom);
9153            border-left: var(--horizontalNavSubContainerBorderLeft);
9154            border-radius: var(--horizontalNavSubContainerBorderRadius);
9155
9156            & > .navigation-nav--separator {
9157                display: var(--horizontalNavSubSeparatorDisplay);
9158                margin: 0 auto;
9159                width: var(--horizontalNavSubSeparatorWidth);
9160                height: var(--horizontalNavSubSeparatorHeight);
9161                background-color: var(--horizontalNavSubSeparatorColor);
9162                align-self: center;
9163            }
9164        }
9165
9166        /* level 2: li sub item */
9167
9168        & .navigation-nav--sub-item {
9169            border-top: var(--horizontalNavSubItemBorderTop);
9170            border-right: var(--horizontalNavSubItemBorderRight);
9171            border-bottom: var(--horizontalNavSubItemBorderBottom);
9172            border-left: var(--horizontalNavSubItemBorderLeft);
9173            border-radius: var(--horizontalNavSubItemBorderRadius);
9174
9175            &:hover:not(.wmcA_activeState), .wmcA_hoverState .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > &:not(.wmcA_activeState) {
9176                border-radius: var(--horizontalNavSubItemBorderRadiusHover);
9177                border-top: var(--horizontalNavSubItemBorderTopHover);
9178                border-right: var(--horizontalNavSubItemBorderRightHover);
9179                border-bottom: var(--horizontalNavSubItemBorderBottomHover);
9180                border-left: var(--horizontalNavSubItemBorderLeftHover);
9181            }
9182
9183            & > a {
9184                display: flex;
9185                align-items: center;
9186                padding-top: var(--horizontalNavSubItemPaddingTop);
9187                padding-bottom: var(--horizontalNavSubItemPaddingBottom);
9188                padding-left: var(--horizontalNavSubItemPaddingLeft);
9189                padding-right: var(--horizontalNavSubItemPaddingRight);
9190                font-family: var(--horizontalNavSubItemFont);
9191                color: var(--horizontalNavSubItemFontColor);
9192                line-height: var(--horizontalNavSubItemLineHeight);
9193                background-color: transparent;
9194                letter-spacing: var(--horizontalNavSubItemLetterSpacing);
9195                font-weight: var(--horizontalNavSubItemFontWeight);
9196                font-size: var(--horizontalNavSubItemFontSize);
9197                text-decoration: var(--horizontalNavSubItemTextDecoration);
9198                font-style: var(--horizontalNavSubItemFontStyle);
9199
9200                &:hover, .wmcA_hoverState:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > .navigation-nav--sub-item > & {
9201                    color: var(--horizontalNavSubItemHoverFontColor);
9202                    font-weight: var(--horizontalNavSubItemFontWeightHover);
9203                    font-size: var(--horizontalNavSubItemFontSizeHover);
9204                    text-decoration: var(--horizontalNavSubItemTextDecorationHover);
9205                    font-style: var(--horizontalNavSubItemFontStyleHover);
9206                    padding-top: var(--horizontalNavSubItemPaddingTopHover);
9207                    padding-bottom: var(--horizontalNavSubItemPaddingBottomHover);
9208                    padding-left: var(--horizontalNavSubItemPaddingLeftHover);
9209                    padding-right: var(--horizontalNavSubItemPaddingRightHover);
9210                }
9211
9212                .navigation-nav--sub-item.open > &, .navigation-nav--sub-item.wmcA_activeState > &, .wmcA_activeState:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > .navigation-nav--sub-item > & {
9213                    color: var(--horizontalNavSubItemActiveFontColor);
9214                }
9215
9216                .wmc_menu:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--sub-item:has(> .navigation-nav--sub-menu):hover > &, .wmc_menu:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--sub-item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
9217                    color: var(--horizontalNavSubItemActiveFontColor);
9218                }
9219            }
9220
9221            &:has(.navigation-nav--sub-menu) {
9222                display: grid;
9223                grid-template-columns: 1fr auto;
9224                align-items: center;
9225                position: relative;
9226                padding-right: calc(var(--horizontalNavSubItemPaddingRight) / 2);
9227
9228                & > a {
9229                    padding-right: 0;
9230                    width: 100%;
9231                }
9232
9233                & > .arrow {
9234                    display: flex;
9235                    align-items: center;
9236                    justify-content: center;
9237                    pointer-events: auto;
9238                    position: relative;
9239                    z-index: 1;
9240                    width: var(--horizontalNavSubArrowDisplay, var(--horizontalNavSubArrowSize));
9241                    height: 100%;
9242                    cursor: pointer;
9243                    margin-left: var(--horizontalNavSubArrowDisplay, var(--horizontalNavSubArrowSpacing));
9244
9245                    &::after {
9246                        display: block;
9247                        content: var(--horizontalNavSubArrowDisplay, '');
9248                        width: var(--horizontalNavSubArrowSize);
9249                        height: var(--horizontalNavSubArrowSize);
9250                        -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
9251                        mask-image: var(--wmd_submenuCaretIconUrl);
9252                        -webkit-mask-size: contain;
9253                        mask-size: contain;
9254                        -webkit-mask-repeat: no-repeat;
9255                        mask-repeat: no-repeat;
9256                        -webkit-mask-position: center;
9257                        mask-position: center;
9258                        background-color: var(--horizontalNavSubArrowColor);
9259                        transform: var(--horizontalNavSubArrowRotate);
9260                        position: absolute;
9261                        left: auto;
9262                        right: auto;
9263                        top: auto;
9264                        bottom: auto;
9265                        z-index: 1;
9266                        transition: all 0.2s ease;
9267                    }
9268
9269                    &:hover, .wmcA_hoverState:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > .navigation-nav--sub-item > & {
9270                        &::after {
9271                            width: var(--horizontalNavSubArrowSizeHover);
9272                            height: var(--horizontalNavSubArrowSizeHover);
9273                            background-color: var(--horizontalNavSubArrowColorHover);
9274                            transform: var(--horizontalNavSubArrowRotateHover);
9275                        }
9276                    }
9277
9278                    .navigation-nav--sub-item.open > &, .navigation-nav--sub-item.wmcA_activeState > &, .wmcA_activeState:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > .navigation-nav--sub-item > & {
9279                        &::after {
9280                            background-color: var(--horizontalNavSubArrowColorActive);
9281                            transform: var(--horizontalNavSubArrowRotateActive);
9282                        }
9283                    }
9284
9285                    .wmc_menu:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--sub-item:has(> .navigation-nav--sub-menu):hover > &, .wmc_menu:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--sub-item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
9286                        &::after {
9287                            background-color: var(--horizontalNavSubArrowColorActive);
9288                            transform: var(--horizontalNavSubArrowRotateActive);
9289                        }
9290                    }
9291                }
9292            }
9293
9294            /* Third level submenu styles */
9295
9296            & > .navigation-nav--sub-menu {
9297                top: 0;
9298                left: 100%;
9299            }
9300
9301            &:hover > .navigation-nav--sub-menu,
9302            &:has(.navigation-nav--sub-menu:hover) > .navigation-nav--sub-menu,
9303            .wmcA_hoverState & > .navigation-nav--sub-menu,
9304            &.open > .navigation-nav--sub-menu {
9305                opacity: 1;
9306                visibility: visible;
9307                transform: translateX(0);
9308            }
9309        }
9310
9311        /* parent title */
9312
9313        & .navigation-nav--parent-title {
9314            display: none;
9315
9316            & a {
9317                padding-top: var(--horizontalNavSubItemPaddingTop);
9318                padding-bottom: var(--horizontalNavSubItemPaddingBottom);
9319                padding-left: var(--horizontalNavSubItemPaddingLeft);
9320                padding-right: var(--horizontalNavSubItemPaddingRight);
9321                font-family: var(--horizontalNavSubItemFont);
9322                font-size: var(--horizontalNavSubItemFontSize);
9323                font-weight: 700;
9324                color: var(--horizontalNavSubItemFontColor);
9325                border-bottom: 1px solid var(--horizontalNavSubItemFontColor);
9326                margin-bottom: 4px;
9327            }
9328
9329            & > span {
9330                display: none;
9331            }
9332        }
9333
9334        /* back button: NONE */
9335
9336        & .navigation-nav--back {
9337            display: none;
9338        }
9339
9340        /* hide separator for hidden items */
9341
9342        .navigation-nav--item[style="display: none;"] + .navigation-nav--separator {
9343            display: none;
9344        }
9345    }
9346
9347    .wmc_menu.wmcM_menuHorizontalMobile .navigation-module-container .navigation-nav--sub-item {
9348        background-color: var(--horizontalNavSubItemBackgroundColor);
9349
9350        &:hover:not(.wmcA_activeState), .wmcA_hoverState .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > &:not(.wmcA_activeState) {
9351            background-color: var(--horizontalNavSubItemHoverBackgroundColor);
9352        }
9353
9354        &.open, &.wmcA_activeState, .wmcA_activeState .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > &,
9355        &:has(.navigation-nav--sub-menu):hover, &:has(.navigation-nav--sub-menu).wmcA_activeState {
9356            background-color: var(--horizontalNavSubItemActiveBackgroundColor);
9357        }
9358    }
9359
9360    /* Hamburger Navigation Styles */
9361    .wmc_menu.wmcM_menuHamburgerMobile .navigation-module-container {
9362        background-color: transparent;
9363
9364        &.active {
9365            overflow-y: auto;
9366            -webkit-overflow-scrolling: touch;
9367            scrollbar-width: thin;
9368            scrollbar-color: rgba(var(--colorBwGradientJ), 0.3) transparent;
9369            display: grid;
9370            grid-template-columns: 1fr;
9371            grid-template-rows: max-content 1fr;
9372            position: fixed;
9373            padding-top: var(--hamburgerNavPaddingTop);
9374            padding-bottom: var(--hamburgerNavPaddingBottom);
9375            padding-left: var(--hamburgerNavPaddingLeft);
9376            padding-right: var(--hamburgerNavPaddingRight);
9377            top: calc(var(--wm_scrollTopNav) / var(--wm_scale));
9378            left: 0;
9379            width: 100%;
9380            height: 100%;
9381            z-index: 1000;
9382            background-color: var(--hamburgerNavBackgroundColor);
9383            transition: background-color 0.8s ease-in;
9384
9385            & .navigation-nav {
9386                display: block;
9387
9388                & > ul.navigation-nav--main-menu.start-animation {
9389                    & > li {
9390                        --item-delay: ;
9391                        top: 0;
9392                        opacity: 1;
9393                        transition-delay: var(--item-delay, 0.5s);
9394                    }
9395                }
9396            }
9397        }
9398
9399        & .navigation-nav {
9400            display: none;
9401            position: relative;
9402            z-index: 100;
9403            overflow: hidden;
9404            justify-self: var(--hamburgerNavJustifySelf);
9405            max-width: var(--hamburgerSlideContainerWidth);
9406            width: 100%;
9407
9408            & * {
9409                transition: all 0.3s ease;
9410            }
9411
9412            & > ul.navigation-nav--main-menu {
9413                & > li {
9414                    top: 100px;
9415                    opacity: 0;
9416                    position: relative;
9417
9418                    &.open {
9419                        position: static;
9420                    }
9421                }
9422            }
9423        }
9424
9425        /* level 1: main menu */
9426
9427        & ul.navigation-nav--main-menu {
9428            display: grid;
9429            margin: 0;
9430            padding: 0;
9431            grid-template-columns: 1fr;
9432            list-style: none;
9433            width: 100%;
9434            max-width: var(--hamburgerSlideContainerWidth);
9435            gap: calc(var(--hamburgerNavSeparatorSpacing) / 2);
9436            background-color: transparent;
9437
9438            & ul.navigation-nav--sub-menu {
9439                transform: translateX(var(--hamburgerSlideContainerWidth));
9440            }
9441
9442            &:has(.open) {
9443                transform: translateX(calc(var(--hamburgerSlideContainerWidth) * -1));
9444
9445                & .open > ul.navigation-nav--sub-menu {
9446                    transform: translateX(var(--hamburgerSlideContainerWidth));
9447
9448                    &:has(.open) {
9449                        transform: translateX(0px);
9450                    }
9451                }
9452            }
9453
9454            & > .navigation-nav--separator {
9455                display: var(--hamburgerNavSeparatorDisplay);
9456                margin: 0 auto;
9457                width: var(--hamburgerNavSeparatorWidth);
9458                height: var(--hamburgerNavSeparatorHeight);
9459                background-color: var(--hamburgerNavSeparatorColor);
9460                align-self: center;
9461            }
9462        }
9463
9464        /* level 1: li item */
9465
9466        & .navigation-nav--item {
9467            display: flex;
9468            align-items: center;
9469            border-top: var(--hamburgerNavItemBorderTop);
9470            border-right: var(--hamburgerNavItemBorderRight);
9471            border-bottom: var(--hamburgerNavItemBorderBottom);
9472            border-left: var(--hamburgerNavItemBorderLeft);
9473            border-radius: var(--hamburgerNavItemBorderRadius);
9474            background-color: var(--hamburgerNavItemBackgroundColor);
9475
9476            &:hover, .wmcA_hoverState &, .wmcA_hoverState & {
9477                background-color: var(--hamburgerNavItemHoverBackgroundColor);
9478                border-top: var(--hamburgerNavItemBorderTopHover);
9479                border-right: var(--hamburgerNavItemBorderRightHover);
9480                border-bottom: var(--hamburgerNavItemBorderBottomHover);
9481                border-left: var(--hamburgerNavItemBorderLeftHover);
9482                border-radius: var(--hamburgerNavItemBorderRadiusHover);
9483            }
9484
9485            & > a {
9486                display: flex;
9487                align-items: center;
9488                justify-content: var(--hamburgerNavItemsAlignment);
9489                text-align: var(--hamburgerNavItemsAlignment);
9490                padding-top: var(--hamburgerNavItemPaddingTop);
9491                padding-bottom: var(--hamburgerNavItemPaddingBottom);
9492                padding-left: var(--hamburgerNavItemPaddingLeft);
9493                padding-right: var(--hamburgerNavItemPaddingRight);
9494                font-family: var(--hamburgerNavItemFont);
9495                font-size: var(--hamburgerNavItemFontSize);
9496                color: var(--hamburgerNavItemFontColor);
9497                font-weight: var(--hamburgerNavItemFontWeight);
9498                line-height: var(--hamburgerNavItemLineHeight);
9499                text-decoration: var(--hamburgerNavItemTextDecoration);
9500                font-style: var(--hamburgerNavItemFontStyle);
9501                letter-spacing: var(--hamburgerNavItemLetterSpacing);
9502                background-color: transparent;
9503                width: var(--hamburgerNavArrowAutoSpacing);
9504
9505                &:hover, .wmcA_hoverState & {
9506                    color: var(--hamburgerNavItemHoverFontColor);
9507                    font-size: var(--hamburgerNavItemFontSizeHover) !important;
9508                    padding-top: var(--hamburgerNavItemPaddingTopHover);
9509                    padding-bottom: var(--hamburgerNavItemPaddingBottomHover);
9510                    padding-left: var(--hamburgerNavItemPaddingLeftHover);
9511                    padding-right: var(--hamburgerNavItemPaddingRightHover);
9512                    font-family: var(--hamburgerNavItemFontHover);
9513                    font-weight: var(--hamburgerNavItemFontWeightHover);
9514                    line-height: var(--hamburgerNavItemLineHeightHover);
9515                    text-decoration: var(--hamburgerNavItemTextDecorationHover);
9516                    font-style: var(--hamburgerNavItemFontStyleHover);
9517                    letter-spacing: var(--hamburgerNavItemLetterSpacingHover);
9518                }
9519            }
9520
9521            & .arrow {
9522                display: none;
9523                pointer-events: none;
9524            }
9525
9526            /* Items without a sub menu reserve the arrow footprint so their
9527               text aligns with arrowed items for any items alignment. */
9528            &:not(:has(.navigation-nav--sub-menu)) {
9529                gap: var(--hamburgerNavArrowSpacing);
9530                padding-right: var(--hamburgerNavItemPaddingRight);
9531
9532                & > a {
9533                    padding-right: 0;
9534                }
9535
9536                &::after {
9537                    content: '';
9538                    flex: 0 0 var(--hamburgerNavArrowSize);
9539                    height: var(--hamburgerNavArrowSize);
9540                }
9541            }
9542
9543            &:has(.navigation-nav--sub-menu) {
9544                display: flex;
9545                align-items: center;
9546                gap: var(--hamburgerNavArrowSpacing);
9547                padding-right: var(--hamburgerNavItemPaddingRight);
9548
9549                & > a {
9550                    padding-right: 0;
9551                }
9552
9553                & > .arrow {
9554                    display: flex;
9555                    align-items: center;
9556                    justify-content: flex-end;
9557                    pointer-events: auto;
9558                    position: relative;
9559                    z-index: 1;
9560                    width: var(--hamburgerNavArrowSize);
9561                    height: var(--hamburgerNavArrowSize);
9562                    cursor: pointer;
9563
9564                    &::after {
9565                        display: block;
9566                        content: '';
9567                        width: var(--hamburgerNavArrowSize);
9568                        height: var(--hamburgerNavArrowSize);
9569                        -webkit-mask-image: var(--wmd_menuItemIconUrl);
9570                        mask-image: var(--wmd_menuItemIconUrl);
9571                        -webkit-mask-size: contain;
9572                        mask-size: contain;
9573                        -webkit-mask-repeat: no-repeat;
9574                        mask-repeat: no-repeat;
9575                        -webkit-mask-position: center;
9576                        mask-position: center;
9577                        background-color: var(--hamburgerNavArrowColor);
9578                        transform: var(--hamburgerNavArrowRotate);
9579                        transition: all 0.3s ease;
9580                    }
9581
9582                    &:hover, .wmcA_hoverState & {
9583                        width: var(--hamburgerNavArrowSizeHover);
9584                        height: var(--hamburgerNavArrowSizeHover);
9585
9586                        &::after {
9587                            width: var(--hamburgerNavArrowSizeHover);
9588                            height: var(--hamburgerNavArrowSizeHover);
9589                            background-color: var(--hamburgerNavArrowColorHover);
9590                            transform: var(--hamburgerNavArrowRotateHover);
9591                        }
9592                    }
9593                }
9594            }
9595
9596            &.open > .navigation-nav--sub-menu {
9597                z-index: 1;
9598                opacity: 1;
9599                visibility: visible;
9600                pointer-events: auto;
9601            }
9602        }
9603
9604        /* level 2: sub menu */
9605
9606        & .navigation-nav--sub-menu {
9607            display: grid;
9608            margin: 0;
9609            padding: 0;
9610            grid-template-columns: 1fr;
9611            position: absolute;
9612            top: 0;
9613            left: 0;
9614            z-index: -1;
9615            list-style: none;
9616            opacity: 0;
9617            visibility: hidden;
9618            width: 100%;
9619            max-width: var(--hamburgerSlideContainerWidth);
9620            background-color: var(--hamburgerNavSubBackgroundColor);
9621            pointer-events: none;
9622            gap: calc(var(--hamburgerNavSubSeparatorSpacing) / 2);
9623
9624            & > .navigation-nav--separator {
9625                display: var(--hamburgerNavSubSeparatorDisplay);
9626                margin: 0 auto;
9627                width: var(--hamburgerNavSubSeparatorWidth);
9628                height: var(--hamburgerNavSubSeparatorHeight);
9629                background-color: var(--hamburgerNavSubSeparatorColor);
9630                align-self: center;
9631            }
9632        }
9633
9634        /* level 2: li sub item */
9635
9636        & .navigation-nav--sub-item {
9637            display: flex;
9638            align-items: center;
9639
9640            border-top: var(--hamburgerNavSubItemBorderTop);
9641            border-right: var(--hamburgerNavSubItemBorderRight);
9642            border-bottom: var(--hamburgerNavSubItemBorderBottom);
9643            border-left: var(--hamburgerNavSubItemBorderLeft);
9644            border-radius: var(--hamburgerNavSubItemBorderRadius);
9645            background-color: var(--hamburgerNavSubItemBackgroun
9645dColor);
9646
9647            &:hover, .wmcA_hoverState & {
9648                background-color: var(--hamburgerNavSubItemHoverBackgroundColor);
9649                border-radius: var(--hamburgerNavSubItemBorderRadiusHover);
9650                border-top: var(--hamburgerNavSubItemBorderTopHover);
9651                border-right: var(--hamburgerNavSubItemBorderRightHover);
9652                border-bottom: var(--hamburgerNavSubItemBorderBottomHover);
9653                border-left: var(--hamburgerNavSubItemBorderLeftHover);
9654            }
9655
9656            & > a {
9657                display: flex;
9658                align-items: center;
9659                padding-top: var(--hamburgerNavSubItemPaddingTop);
9660                padding-bottom: var(--hamburgerNavSubItemPaddingBottom);
9661                padding-left: var(--hamburgerNavSubItemPaddingLeft);
9662                padding-right: var(--hamburgerNavSubItemPaddingRight);
9663                font-family: var(--hamburgerNavSubItemFont);
9664                font-size: var(--hamburgerNavSubItemFontSize);
9665                color: var(--hamburgerNavSubItemFontColor);
9666                font-weight: var(--hamburgerNavSubItemFontWeight);
9667                line-height: var(--hamburgerNavSubItemLineHeight);
9668                text-decoration: var(--hamburgerNavSubItemTextDecoration);
9669                font-style: var(--hamburgerNavSubItemFontStyle);
9670                letter-spacing: var(--hamburgerNavSubItemLetterSpacing);
9671                background-color: transparent;
9672                width: var(--hamburgerNavSubArrowAutoSpacing);
9673
9674                &:hover, .wmcA_hoverState & {
9675                    color: var(--hamburgerNavSubItemHoverFontColor);
9676                    font-size: var(--hamburgerNavSubItemFontSizeHover);
9677                    font-family: var(--hamburgerNavSubItemFontHover);
9678                    font-weight: var(--hamburgerNavSubItemFontWeightHover);
9679                    line-height: var(--hamburgerNavSubItemLineHeightHover);
9680                    text-decoration: var(--hamburgerNavSubItemTextDecorationHover);
9681                    font-style: var(--hamburgerNavSubItemFontStyleHover);
9682                    letter-spacing: var(--hamburgerNavSubItemLetterSpacingHover);
9683                    padding-top: var(--hamburgerNavSubItemPaddingTopHover);
9684                    padding-bottom: var(--hamburgerNavSubItemPaddingBottomHover);
9685                    padding-left: var(--hamburgerNavSubItemPaddingLeftHover);
9686                    padding-right: var(--hamburgerNavSubItemPaddingRightHover);
9687                }
9688            }
9689
9690            &:has(.navigation-nav--sub-menu) {
9691                display: flex;
9692                align-items: center;
9693                gap: var(--hamburgerNavSubArrowSpacing);
9694                padding-right: var(--hamburgerNavSubItemPaddingRight);
9695
9696                & > a {
9697                    padding-right: 0;
9698                }
9699
9700                & > .arrow {
9701                    display: flex;
9702                    align-items: center;
9703                    justify-content: flex-end;
9704                    pointer-events: auto;
9705                    position: relative;
9706                    z-index: 1;
9707                    width: var(--hamburgerNavSubArrowSize);
9708                    height: var(--hamburgerNavSubArrowSize);
9709                    cursor: pointer;
9710
9711                    &::after {
9712                        display: block;
9713                        content: '';
9714                        width: var(--hamburgerNavSubArrowSize);
9715                        height: var(--hamburgerNavSubArrowSize);
9716                        -webkit-mask-image: var(--wmd_submenuItemIconUrl);
9717                        mask-image: var(--wmd_submenuItemIconUrl);
9718                        -webkit-mask-size: contain;
9719                        mask-size: contain;
9720                        -webkit-mask-repeat: no-repeat;
9721                        mask-repeat: no-repeat;
9722                        -webkit-mask-position: center;
9723                        mask-position: center;
9724                        background-color: var(--hamburgerNavSubArrowColor);
9725                        transform: var(--hamburgerNavSubArrowRotate);
9726                        transition: all 0.3s ease;
9727                    }
9728
9729                    &:hover, .wmcA_hoverState & {
9730                        width: var(--hamburgerNavSubArrowSizeHover);
9731                        height: var(--hamburgerNavSubArrowSizeHover);
9732
9733                        &::after {
9734                            width: var(--hamburgerNavSubArrowSizeHover);
9735                            height: var(--hamburgerNavSubArrowSizeHover);
9736                            background-color: var(--hamburgerNavSubArrowColorHover);
9737                            transform: var(--hamburgerNavSubArrowRotateHover);
9738                        }
9739                    }
9740                }
9741            }
9742
9743            &.open > .navigation-nav--sub-menu {
9744                z-index: 1;
9745                opacity: 1;
9746                visibility: visible;
9747                pointer-events: auto;
9748            }
9749        }
9750
9751        /* parent title */
9752
9753        & .navigation-nav--parent-title {
9754            display: flex;
9755            align-items: center;
9756            gap: var(--hamburgerTitleArrowSpacing);
9757            padding-right: var(--hamburgerTitlePaddingRight);
9758            border-top: var(--hamburgerTitleBorderTop);
9759            border-right: var(--hamburgerTitleBorderRight);
9760            border-bottom: var(--hamburgerTitleBorderBottom);
9761            border-left: var(--hamburgerTitleBorderLeft);
9762            border-radius: var(--hamburgerTitleBorderRadius);
9763            background-color: var(--hamburgerTitleBackgroundColor);
9764
9765            &:hover, .wmcA_hoverState & {
9766                /* border-top: var(--hamburgerTitleBorderTopHover);
9767                border-right: var(--hamburgerTitleBorderRightHover);
9768                border-bottom: var(--hamburgerTitleBorderBottomHover);
9769                border-left: var(--hamburgerTitleBorderLeftHover);
9770                border-radius: var(--hamburgerTitleBorderRadiusHover);
9771                background-color: var(--hamburgerTitleBackgroundColorHover);
9772                padding-right: var(--hamburgerTitlePaddingRightHover); */
9773            }
9774
9775            & > a {
9776                display: block;
9777                padding-top: var(--hamburgerTitlePaddingTop);
9778                padding-bottom: var(--hamburgerTitlePaddingBottom);
9779                padding-left: var(--hamburgerTitlePaddingLeft);
9780                padding-right: var(--hamburgerTitlePaddingRight);
9781                font-family: var(--hamburgerTitleFont);
9782                font-size: var(--hamburgerTitleFontSize);
9783                line-height: var(--hamburgerTitleLineHeight);
9784                font-weight: var(--hamburgerTitleFontWeight);
9785                color: var(--hamburgerTitleFontColor);
9786                font-style: var(--hamburgerTitleFontStyle);
9787                letter-spacing: var(--hamburgerTitleLetterSpacing);
9788                text-decoration: var(--hamburgerTitleTextDecoration);
9789                pointer-events: none;
9790                width: 100%;
9791
9792                &:hover, .wmcA_hoverState & {
9793                    padding-top: var(--hamburgerTitlePaddingTopHover);
9794                    padding-bottom: var(--hamburgerTitlePaddingBottomHover);
9795                    padding-left: var(--hamburgerTitlePaddingLeftHover);
9796                    padding-right: var(--hamburgerTitlePaddingRightHover);
9797                }
9798            }
9799
9800            & > span {
9801                display: flex;
9802                align-items: center;
9803                justify-content: flex-end;
9804                pointer-events: auto;
9805                position: relative;
9806                z-index: 1;
9807                width: var(--hamburgerTitleArrowSize);
9808                height: var(--hamburgerTitleArrowSize);
9809
9810                &::after {
9811                    display: block;
9812                    content: '';
9813                    width: var(--hamburgerTitleArrowSize);
9814                    height: var(--hamburgerTitleArrowSize);
9815                    -webkit-mask-image: var(--wmd_menuItemIconUrl);
9816                    mask-image: var(--wmd_menuItemIconUrl);
9817                    -webkit-mask-size: contain;
9818                    mask-size: contain;
9819                    -webkit-mask-repeat: no-repeat;
9820                    mask-repeat: no-repeat;
9821                    -webkit-mask-position: center;
9822                    mask-position: center;
9823                    background-color: var(--hamburgerTitleArrowColor);
9824                    transform: var(--hamburgerTitleArrowRotate);
9825                }
9826            }
9827        }
9828
9829        /* back button */
9830
9831        & .navigation-nav--back {
9832            display: block;
9833            padding-top: var(--hamburgerNavBackButtonPaddingTop);
9834            padding-bottom: var(--hamburgerNavBackButtonPaddingBottom);
9835            padding-left: var(--hamburgerNavBackButtonPaddingLeft);
9836            padding-right: var(--hamburgerNavBackButtonPaddingRight);
9837            border-top: var(--hamburgerNavBackButtonBorderTop);
9838            border-right: var(--hamburgerNavBackButtonBorderRight);
9839            border-bottom: var(--hamburgerNavBackButtonBorderBottom);
9840            border-left: var(--hamburgerNavBackButtonBorderLeft);
9841            border-radius: var(--hamburgerNavBackButtonBorderRadius);
9842            background-color: var(--hamburgerNavBackButtonBackgroundColor);
9843
9844            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
9845                border-radius: var(--hamburgerNavBackButtonBorderRadiusHover);
9846                background-color: var(--hamburgerNavBackButtonHoverBackgroundColor);
9847                padding-top: var(--hamburgerNavBackButtonPaddingTopHover);
9848                padding-bottom: var(--hamburgerNavBackButtonPaddingBottomHover);
9849                padding-left: var(--hamburgerNavBackButtonPaddingLeftHover);
9850                padding-right: var(--hamburgerNavBackButtonPaddingRightHover);
9851                border-top: var(--hamburgerNavBackButtonBorderTopHover);
9852                border-right: var(--hamburgerNavBackButtonBorderRightHover);
9853                border-bottom: var(--hamburgerNavBackButtonBorderBottomHover);
9854                border-left: var(--hamburgerNavBackButtonBorderLeftHover);
9855            }
9856
9857            & a {
9858                display: inline-flex;
9859                align-items: center;
9860                gap: var(--hamburgerNavBackButtonArrowSpacing);
9861                font-family: var(--hamburgerNavBackButtonFont);
9862                font-size: var(--hamburgerNavBackButtonFontSize);
9863                font-weight: var(--hamburgerNavBackButtonFontWeight);
9864                color: var(--hamburgerNavBackButtonColor);
9865                text-decoration: var(--hamburgerNavBackButtonTextDecoration);
9866                line-height: var(--hamburgerNavBackButtonLineHeight);
9867                font-style: var(--hamburgerNavBackButtonFontStyle);
9868                letter-spacing: var(--hamburgerNavBackButtonLetterSpacing);
9869                background-color: transparent;
9870                width: 100%;
9871
9872                &::before {
9873                    content: '';
9874                    display: inline-block;
9875                    width: var(--hamburgerNavBackButtonArrowSize);
9876                    height: var(--hamburgerNavBackButtonArrowSize);
9877                    -webkit-mask-image: var(--wmd_backIconUrl);
9878                    mask-image: var(--wmd_backIconUrl);
9879                    -webkit-mask-size: contain;
9880                    mask-size: contain;
9881                    -webkit-mask-repeat: no-repeat;
9882                    mask-repeat: no-repeat;
9883                    -webkit-mask-position: center;
9884                    mask-position: center;
9885                    background-color: var(--hamburgerNavBackButtonColor);
9886                    transform: var(--hamburgerNavBackButtonArrowRotate);
9887                    transition: all 0.3s ease;
9888                }
9889
9890                &:hover, .wmcA_hoverState & {
9891                    color: var(--hamburgerNavBackButtonHoverFontColor);
9892                    font-size: var(--hamburgerNavBackButtonFontSizeHover);
9893                    font-weight: var(--hamburgerNavBackButtonFontWeightHover);
9894                    font-style: var(--hamburgerNavBackButtonFontStyleHover);
9895                    text-decoration: var(--hamburgerNavBackButtonTextDecorationHover);
9896
9897                    &::before {
9898                        background-color: var(--hamburgerNavBackButtonHoverFontColor);
9899                        width: var(--hamburgerNavBackButtonArrowSizeHover);
9900                        height: var(--hamburgerNavBackButtonArrowSizeHover);
9901                    }
9902                }
9903            }
9904        }
9905
9906        /* hamburger button */
9907
9908        & .hamburger-button {
9909            display: flex;
9910            justify-content: center;
9911            align-items: center;
9912            padding: 0;
9913            margin: 0;
9914            position: relative;
9915            z-index: 100;
9916            cursor: pointer;
9917            background-color: transparent;
9918            border: none;
9919            width: var(--hamburgerMenuIconSize);
9920            height: var(--hamburgerMenuIconSize);
9921            flex-wrap: wrap;
9922
9923            & * {
9924                transition: all 0.3s ease;
9925            }
9926
9927            &.show-border {
9928                border: 1px solid var(--hamburgerMenuIconColor);
9929            }
9930
9931            & .hamburger-button-icon--container {
9932                display: block;
9933                width: var(--hamburgerMenuIconSize);
9934                height: var(--hamburgerMenuIconSize);
9935            }
9936
9937            & .hamburger-button-icon {
9938                display: flex;
9939                align-items: center;
9940                justify-content: center;
9941                margin: auto;
9942                width: var(--hamburgerMenuIconSize);
9943                height: var(--hamburgerMenuIconSize);
9944
9945                &::before {
9946                    content: '';
9947                    display: inline-block;
9948                    width: var(--hamburgerMenuIconSize);
9949                    height: var(--hamburgerMenuIconSize);
9950                    -webkit-mask-image: var(--wmd_hamburgerIconUrl);
9951                    mask-image: var(--wmd_hamburgerIconUrl);
9952                    -webkit-mask-size: contain;
9953                    mask-size: contain;
9954                    -webkit-mask-repeat: no-repeat;
9955                    mask-repeat: no-repeat;
9956                    -webkit-mask-position: center;
9957                    mask-position: center;
9958                    background-color: var(--hamburgerMenuIconColor);
9959                }
9960            }
9961
9962            & .hamburger-button-text {
9963                display: var(--hamburgerMenuDisplay);
9964                font-family: var(--hamburgerNavItemFont);
9965                font-size: 12px;
9966                font-weight: 700;
9967                line-height: 1;
9968                color: var(--hamburgerMenuIconColor);
9969                text-align: center;
9970                text-decoration: none;
9971                text-transform: uppercase;
9972            }
9973
9974            &:hover, .wmcA_hoverState & {
9975                & .hamburger-button-icon--container {
9976                    width: var(--hamburgerMenuIconSizeHover);
9977                    height: var(--hamburgerMenuIconSizeHover);
9978                }
9979
9980                & .hamburger-button-icon {
9981                    width: var(--hamburgerMenuIconSizeHover);
9982                    height: var(--hamburgerMenuIconSizeHover);
9983
9984                    &::before {
9985                        background-color: var(--hamburgerMenuIconHoverColor);
9986                        width: var(--hamburgerMenuIconSizeHover);
9987                        height: var(--hamburgerMenuIconSizeHover)
9988                    }
9989                }
9990
9991                & .hamburger-button-text {
9992                    color: var(--hamburgerMenuIconHoverColor);
9993                }
9994            }
9995
9996            &.active {
9997                margin-bottom: 25px;
9998                justify-self: var(--hamburgerMenuJustifySelf);
9999                width: var(--hamburgerMenuIconActiveSize);
10000                height: var(--hamburgerMenuIconActiveSize);
10001
10002                & .hamburger-button-icon--container {
10003                    width: var(--hamburgerMenuIconActiveSize);
10004                    height: var(--hamburgerMenuIconActiveSize);
10005                }
10006
10007                & .hamburger-button-icon {
10008                    width: var(--hamburgerMenuIconActiveSize);
10009                    height: var(--hamburgerMenuIconActiveSize);
10010
10011                    &::before {
10012                        width: var(--hamburgerMenuIconActiveSize);
10013                        height: var(--hamburgerMenuIconActiveSize);
10014                        -webkit-mask-image: var(--wmd_closeIconUrl);
10015                        mask-image: var(--wmd_closeIconUrl);
10016                        background-color: var(--hamburgerMenuIconActiveColor);
10017                    }
10018                }
10019
10020                & .hamburger-button-text {
10021                    color: var(--hamburgerMenuIconActiveColor);
10022                    height: 1px;
10023                    padding: 0;
10024                    margin: -1px;
10025                    visibility: hidden;
10026                    transition: none;
10027                    position: absolute;
10028                }
10029
10030                &:hover, .wmcA_hoverState & {
10031                    & .hamburger-button-icon--container {
10032                        width: var(--hamburgerMenuIconActiveSizeHover);
10033                        height: var(--hamburgerMenuIconActiveSizeHover);
10034                    }
10035
10036                    & .hamburger-button-icon {
10037                        width: var(--hamburgerMenuIconActiveSizeHover);
10038                        height: var(--hamburgerMenuIconActiveSizeHover);
10039
10040                        &::before {
10041                            width: var(--hamburgerMenuIconActiveSizeHover);
10042                            height: var(--hamburgerMenuIconActiveSizeHover);
10043                            background-color: var(--hamburgerMenuIconActiveHoverColor);
10044                        }
10045                    }
10046
10047                    & .hamburger-button-text {
10048                        color: var(--hamburgerMenuIconActiveHoverColor);
10049                    }
10050                }
10051            }
10052        }
10053    }
10054
10055    /* Vertical Navigation Styles */
10056    .wmc_menu.wmcM_menuVerticalMobile .navigation-module-container {
10057        & .navigation-nav {
10058            overflow: hidden;
10059            position: relative;
10060            padding-top: var(--verticalNavPaddingTop);
10061            padding-bottom: var(--verticalNavPaddingBottom);
10062            padding-left: var(--verticalNavPaddingLeft);
10063            padding-right: var(--verticalNavPaddingRight);
10064            border-top: var(--verticalNavBorderTop);
10065            border-right: var(--verticalNavBorderRight);
10066            border-bottom: var(--verticalNavBorderBottom);
10067            border-left: var(--verticalNavBorderLeft);
10068            border-radius: var(--verticalNavBorderRadius);
10069
10070            & * {
10071                transition: all 0.3s ease;
10072            }
10073        }
10074
10075        /* level 1: main menu */
10076
10077        & ul.navigation-nav--main-menu {
10078            display: grid;
10079            margin: 0;
10080            padding: 0;
10081            grid-template-columns: 1fr;
10082            align-self: center;
10083            justify-self: var(--verticalNavJustifySelf);
10084            list-style: none;
10085            width: var(--verticalNavWidth);
10086            max-width: var(--verticalSlideContainerWidth);
10087            gap: calc(var(--verticalNavSeparatorSpacing) / 2);
10088
10089            & ul.navigation-nav--sub-menu {
10090                transform: translateX(var(--verticalSlideContainerWidth));
10091            }
10092
10093            &:has(.open) {
10094                transform: translateX(calc(var(--verticalSlideContainerWidth) * -1));
10095
10096                & .open > ul.navigation-nav--sub-menu {
10097                    transform: translateX(var(--verticalSlideContainerWidth));
10098
10099                    &:has(.open) {
10100                        transform: translateX(0px);
10101                    }
10102                }
10103            }
10104
10105            /* separator */
10106
10107            & > .navigation-nav--separator {
10108                display: var(--verticalNavSeparatorDisplay);
10109                margin: 0 auto;
10110                width: var(--verticalNavSeparatorWidth);
10111                height: var(--verticalNavSeparatorHeight);
10112                background-color: var(--verticalNavSeparatorColor);
10113            }
10114        }
10115
10116        /* level 1: li item */
10117
10118        & .navigation-nav--item {
10119            display: grid;
10120            grid-template-columns: 1fr;
10121            align-items: center;
10122            border-top: var(--verticalNavItemBorderTop);
10123            border-right: var(--verticalNavItemBorderRight);
10124            border-bottom: var(--verticalNavItemBorderBottom);
10125            border-left: var(--verticalNavItemBorderLeft);
10126            border-radius: var(--verticalNavItemBorderRadius);
10127            background-color: var(--verticalNavItemBackgroundColor);
10128
10129            &:hover, .wmcA_hoverState & {
10130                border-top: var(--verticalNavItemBorderTopHover);
10131                border-right: var(--verticalNavItemBorderRightHover);
10132                border-bottom: var(--verticalNavItemBorderBottomHover);
10133                border-left: var(--verticalNavItemBorderLeftHover);
10134                border-radius: var(--verticalNavItemBorderRadiusHover);
10135            }
10136
10137            & > a {
10138                display: flex;
10139                align-items: center;
10140                justify-content: var(--verticalNavItemsAlignment);
10141                text-align: var(--verticalNavItemsAlignment);
10142                padding-top: var(--verticalNavItemPaddingTop);
10143                padding-right: var(--verticalNavItemPaddingRight);
10144                padding-bottom: var(--verticalNavItemPaddingBottom);
10145                padding-left: var(--verticalNavItemPaddingLeft);
10146                font-family: var(--verticalNavItemFont);
10147                font-size: var(--verticalNavItemFontSize);
10148                font-weight: var(--verticalNavItemFontWeight);
10149                color: var(--verticalNavItemFontColor);
10150                line-height: var(--verticalNavItemLineHeight);
10151                text-decoration: var(--verticalNavItemTextDecoration);
10152                font-style: var(--verticalNavItemFontStyle);
10153                background-color: transparent;
10154                letter-spacing: var(--verticalNavItemLetterSpacing);
10155
10156                &:hover, .wmcA_hoverState & {
10157                    color: var(--verticalNavItemHoverFontColor);
10158                    padding-top: var(--verticalNavItemPaddingTopHover);
10159                    padding-right: var(--verticalNavItemPaddingRightHover);
10160                    padding-bottom: var(--verticalNavItemPaddingBottomHover);
10161                    padding-left: var(--verticalNavItemPaddingLeftHover);
10162                    font-style: var(--verticalNavItemFontStyleHover);
10163                    text-decoration: var(--verticalNavItemTextDecorationHover);
10164                    font-size: var(--verticalNavItemFontSizeHover);
10165                    font-weight: var(--verticalNavItemFontWeightHover);
10166                }
10167            }
10168
10169            & .arrow {
10170                display: none;
10171                pointer-events: none;
10172            }
10173
10174            /* hide: no sub menu for vertical navigation */
10175
10176            &:has(.navigation-nav--sub-menu) {
10177                display: grid;
10178                /* grid-template-columns: 1fr var(--verticalNavArrowSize); */
10179                grid-template-columns: 1fr;
10180                align-items: center;
10181                column-gap: var(--verticalNavArrowSpacing);
10182                padding-right: var(--verticalNavItemPaddingRight);
10183
10184                & > a {
10185                    padding-right: 0;
10186                    width: 100%;
10187                }
10188
10189                & > .arrow {
10190                    display: none; /* hide: no sub menu for vertical navigation */
10191                    align-items: center;
10192                    justify-content: flex-end;
10193                    pointer-events: auto;
10194                    position: relative;
10195                    z-index: 1;
10196                    width: var(--verticalNavArrowSize);
10197                    height: var(--verticalNavArrowSize);
10198                    cursor: pointer;
10199
10200                    &::after {
10201                        display: block;
10202                        content: '';
10203                        width: var(--verticalNavArrowSize);
10204                        height: var(--verticalNavArrowSize);
10205                        -webkit-mask-image: var(--wmd_caretIconUrl);
10206                        mask-image: var(--wmd_caretIconUrl);
10207                        -webkit-mask-size: contain;
10208                        mask-size: contain;
10209                        -webkit-mask-repeat: no-repeat;
10210                        mask-repeat: no-repeat;
10211                        -webkit-mask-position: center;
10212                        mask-position: center;
10213                        background-color: var(--verticalNavArrowColor);
10214                        transform: var(--verticalNavArrowRotate);
10215                    }
10216
10217                    &:hover, .wmcA_hoverState & {
10218                        width: var(--verticalNavArrowSizeHover);
10219                        height: var(--verticalNavArrowSizeHover);
10220
10221                        &::after {
10222                            width: var(--verticalNavArrowSizeHover);
10223                            height: var(--verticalNavArrowSizeHover);
10224                            background-color: var(--verticalNavArrowColorHover);
10225                            transform: var(--verticalNavArrowRotateHover);
10226                        }
10227                    }
10228                }
10229            }
10230
10231            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
10232                background-color: var(--verticalNavItemHoverBackgroun
10232dColor);
10233
10234                & .arrow:hover, .wmcA_hoverState & {
10235                    &::after {
10236                        border-left-color: var(--verticalNavItemHoverFontColor);
10237                    }
10238                }
10239            }
10240
10241            &.open {
10242                & > .arrow {
10243                    &::after {
10244                        transform: rotate(90deg);
10245                    }
10246                }
10247
10248                & > .navigation-nav--sub-menu {
10249                    display: grid;
10250                    grid-template-columns: 1fr;
10251                    opacity: 1;
10252                    visibility: visible;
10253                    pointer-events: auto;
10254                }
10255            }
10256        }
10257
10258        /* level 2: sub menu */
10259
10260        & .navigation-nav--sub-menu {
10261            display: none;
10262            margin: 0;
10263            padding: 0;
10264            position: absolute;
10265            top: 0;
10266            left: 0;
10267            z-index: -1;
10268            list-style: none;
10269            opacity: 0;
10270            visibility: hidden;
10271            width: 100%;
10272            max-width: var(--verticalSlideContainerWidth);
10273            pointer-events: none;
10274            gap: calc(var(--verticalNavSubSeparatorSpacing) / 2);
10275
10276            /* separator */
10277
10278            & > .navigation-nav--separator {
10279                display: var(--verticalNavSubSeparatorDisplay);
10280                margin: 0 auto;
10281                width: var(--verticalNavSubSeparatorWidth);
10282                height: var(--verticalNavSubSeparatorHeight);
10283                background-color: var(--verticalNavSubSeparatorColor);
10284            }
10285        }
10286
10287        /* level 2: li sub item */
10288
10289        & .navigation-nav--sub-item {
10290            display: grid;
10291            grid-template-columns: 1fr;
10292            align-items: center;
10293            border-top: var(--verticalNavSubItemBorderTop);
10294            border-right: var(--verticalNavSubItemBorderRight);
10295            border-bottom: var(--verticalNavSubItemBorderBottom);
10296            border-left: var(--verticalNavSubItemBorderLeft);
10297            border-radius: var(--verticalNavSubItemBorderRadius);
10298            background-color: var(--verticalNavSubItemBackgroundColor);
10299
10300            & > a {
10301                display: flex;
10302                align-items: center;
10303                padding-top: var(--verticalNavSubItemPaddingTop);
10304                padding-right: var(--verticalNavSubItemPaddingRight);
10305                padding-bottom: var(--verticalNavSubItemPaddingBottom);
10306                padding-left: var(--verticalNavSubItemPaddingLeft);
10307                font-family: var(--verticalNavSubItemFont);
10308                font-size: var(--verticalNavSubItemFontSize);
10309                color: var(--verticalNavSubItemFontColor);
10310                font-weight: var(--verticalNavSubItemFontWeight);
10311                line-height: var(--verticalNavSubItemLineHeight);
10312                text-decoration: var(--verticalNavSubItemTextDecoration);
10313                font-style: var(--verticalNavSubItemFontStyle);
10314                letter-spacing: var(--verticalNavSubItemLetterSpacing);
10315                background-color: transparent;
10316
10317                &:hover, .wmcA_hoverState & {
10318                    color: var(--verticalNavSubItemHoverFontColor);
10319                }
10320            }
10321
10322            &:has(.navigation-nav--sub-menu) {
10323                display: grid;
10324                grid-template-columns: 1fr calc(var(--verticalNavSubArrowSpacing) + var(--verticalNavSubArrowSize));
10325                align-items: center;
10326                column-gap: var(--verticalNavSubArrowSpacing);
10327                padding-right: var(--verticalNavSubItemPaddingRight);
10328
10329                & > a {
10330                    padding-right: 0;
10331                    width: 100%;
10332                }
10333
10334                & > .arrow {
10335                    display: flex;
10336                    align-items: center;
10337                    justify-content: flex-end;
10338                    pointer-events: auto;
10339                    position: relative;
10340                    z-index: 1;
10341                    width: calc(var(--verticalNavSubArrowSpacing) + var(--verticalNavSubArrowSize));
10342                    height: 100%;
10343                    cursor: pointer;
10344
10345                    &::after {
10346                        display: block;
10347                        content: '';
10348                        width: var(--verticalNavSubArrowSize);
10349                        height: var(--verticalNavSubArrowSize);
10350                        -webkit-mask-image: var(--wmd_submenuItemIconUrl);
10351                        mask-image: var(--wmd_submenuItemIconUrl);
10352                        -webkit-mask-size: contain;
10353                        mask-size: contain;
10354                        -webkit-mask-repeat: no-repeat;
10355                        mask-repeat: no-repeat;
10356                        -webkit-mask-position: center;
10357                        mask-position: center;
10358                        background-color: var(--verticalNavSubArrowColor);
10359                        transform: var(--verticalNavSubArrowRotate);
10360                    }
10361                }
10362            }
10363
10364            /* Third level submenu styles */
10365
10366            & > .navigation-nav--sub-menu {
10367                display: none;
10368                opacity: 0;
10369                visibility: hidden;
10370                gap: calc(var(--verticalNavSubSeparatorSpacing) / 2);
10371            }
10372
10373            &:hover, .wmcA_hoverState & {
10374                background-color: var(--verticalNavSubItemHoverBackgroundColor);
10375
10376                & .arrow:hover, .wmcA_hoverState & {
10377                    &::after {
10378                        border-left-color: var(--verticalNavSubItemHoverFontColor);
10379                    }
10380                }
10381            }
10382
10383            &.open {
10384                & > .arrow {
10385                    &::after {
10386                        transform: rotate(90deg);
10387                    }
10388                }
10389
10390                & > .navigation-nav--sub-menu {
10391                    display: grid;
10392                    grid-template-columns: 1fr;
10393                    opacity: 1;
10394                    visibility: visible;
10395                    pointer-events: auto;
10396                }
10397            }
10398        }
10399
10400        /* parent title */
10401
10402        & .navigation-nav--parent-title {
10403            display: grid;
10404            padding: 15px 0 10px 0;
10405            grid-template-columns: 1fr max-content;
10406            align-items: center;
10407            gap: var(--verticalNavSubSeparatorSpacing);
10408            border: none;
10409            background-color: var(--verticalNavTitleContainerBackgroun
10409dColor);
10410
10411            &:hover, .wmcA_hoverState & {
10412                background-color: var(--verticalNavTitleContainerBackgroundColor);
10413            }
10414
10415            & a {
10416                display: block;
10417                margin-bottom: 4px;
10418                padding: 0;
10419                font-family: var(--verticalNavItemFont);
10420                font-size: var(--verticalNavTitleFontSize);
10421                font-weight: var(--verticalNavTitleFontWeight);
10422                color: var(--verticalNavTitleFontColor);
10423                text-decoration: none;
10424                cursor: pointer;
10425                pointer-events: none;
10426            }
10427
10428            & > span {
10429                display: none;
10430            }
10431        }
10432
10433        /* back button: NONE */
10434
10435        & .navigation-nav--back {
10436            display: block;
10437            padding: 15px 0;
10438            border-bottom: 1px solid var(--verticalNavArrowColor);
10439
10440            & a {
10441                display: inline-flex;
10442                margin-bottom: 10px;
10443                align-items: center;
10444                gap: 10px;
10445                font-family: var(--verticalNavItemFont);
10446                font-size: var(--verticalNavItemFontSize);
10447                font-weight: 400;
10448                color: var(--verticalNavItemFontColor);
10449                text-decoration: none;
10450
10451                &:hover, .wmcA_hoverState & {
10452                    color: var(--verticalNavItemHoverFontColor);
10453                }
10454
10455                &::before {
10456                    display: block;
10457                    content: '';
10458                    width: var(--verticalNavSubArrowSize);
10459                    height: var(--verticalNavSubArrowSize);
10460                    -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
10461                    mask-image: var(--wmd_submenuCaretIconUrl);
10462                    -webkit-mask-size: contain;
10463                    mask-size: contain;
10464                    -webkit-mask-repeat: no-repeat;
10465                    mask-repeat: no-repeat;
10466                    -webkit-mask-position: center;
10467                    mask-position: center;
10468                    background-color: var(--verticalNavSubArrowColor);
10469                    transform: rotate(90deg);
10470                }
10471            }
10472        }
10473    }
10474
10475    body > .wmcM_scrollBehavior  .wmc_menu.wmcM_menuHamburgerMobile .navigation-module-container.active{
10476        transform: scale(calc(1 / var(--wm_scale))) !important;
10477        transform-origin: 0 0 !important;
10478        position: fixed !important;
10479        top: 0 !important;
10480        left: 0 !important;
10481        width: 100dvw !important;
10482        height: 100dvh !important;
10483    }
10484
10485    body > .wmc_section .wmc_menu.wmcM_menuHamburgerMobile:has(.navigation-module-container.active) {
10486        z-index: 6000 !important;
10487    }
10488}
10489
10490
10491.wmc_menu .hamburger-button {
10492    display: none;
10493}
10494
10495@media all and (width >= 1040px) {
10496    /* Horizontal Navigation Styles */
10497    .wmc_menu.wmcM_menuHorizontalDesktop.wmd_showMoreMenu,
10498    .wmc_menu.wmcM_menuMegaDesktop.wmd_showMoreMenu {
10499        & .navigation-module-container {
10500            overflow: hidden;
10501        }
10502
10503        & .navigation-module-container ul.navigation-nav--main-menu {
10504            flex-wrap: nowrap !important;
10505            overflow: hidden;
10506
10507            & > .navigation-nav--item {
10508                flex-shrink: 0;
10509            }
10510        }
10511    }
10512
10513    .wmc_menu.wmcM_menuHorizontalDesktop .navigation-module-container,
10514    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container {
10515        & .navigation-nav {
10516            display: flex;
10517            justify-content: var(--horizontalNavJustifyContent);
10518        }
10519
10520        /* level 1: main menu */
10521
10522        & ul.navigation-nav--main-menu {
10523            display: inline-flex;
10524            padding-left: var(--horizontalNavPaddingLeft);
10525            padding-right: var(--horizontalNavPaddingRight);
10526            padding-top: var(--horizontalNavPaddingTop);
10527            padding-bottom: var(--horizontalNavPaddingBottom);
10528            margin-left: 0;
10529            margin-right: 0;
10530            flex-direction: row;
10531            flex-wrap: wrap;
10532            align-self: center;
10533            list-style: none;
10534            background-color: var(--horizontalNavBackgroundColor);
10535            border-top: var(--horizontalNavBorderTop);
10536            border-right: var(--horizontalNavBorderRight);
10537            border-bottom: var(--horizontalNavBorderBottom);
10538            border-radius: var(--horizontalNavBorderRadius);
10539            border-left: var(--horizontalNavBorderLeft);
10540            column-gap: calc(var(--horizontalNavSeparatorSpacing) / 2);
10541
10542            & > .navigation-nav--separator {
10543                display: var(--horizontalNavSeparatorDisplay);
10544                width: var(--horizontalNavSeparatorWidth);
10545                height: var(--horizontalNavSeparatorHeight);
10546                background-color: var(--horizontalNavSeparatorColor);
10547                align-self: center;
10548                font-size: var(--horizontalNavItemFontSize);
10549                line-height: 1.4;
10550            }
10551        }
10552
10553        /* level 1: li item */
10554
10555        & .navigation-nav--item {
10556            display: grid;
10557            grid-template-columns: 1fr;
10558            align-items: center;
10559            background-color: var(--navItemBackgroundColor);
10560            border-top: var(--navItemBorderTop);
10561            border-right: var(--navItemBorderRight);
10562            border-bottom: var(--navItemBorderBottom);
10563            border-left: var(--navItemBorderLeft);
10564            border-radius: var(--navItemBorderRadius);
10565
10566            &:hover, .wmcA_hoverState &:not(.wmcA_activeState) {
10567                background-color: var(--navItemHoverBackgroundColor);
10568                border-top: var(--navItemBorderTopHover);
10569                border-right: var(--navItemBorderRightHover);
10570                border-bottom: var(--navItemBorderBottomHover);
10571                border-left: var(--navItemBorderLeftHover);
10572                border-radius: var(--navItemBorderRadiusHover);
10573
10574            }
10575
10576            &.open, &.wmcA_activeState, .wmcA_activeState & {
10577                background-color: var(--navItemActiveBackgroundColor);
10578            }
10579
10580            &:has(.navigation-nav--sub-menu):hover, &:has(.navigation-nav--sub-menu).wmcA_activeState {
10581                background-color: var(--navItemActiveBackgroundColor);
10582            }
10583
10584            & > a {
10585                display: flex;
10586                align-items: center;
10587                padding-top: var(--navItemPaddingTop);
10588                padding-bottom: var(--navItemPaddingBottom);
10589                padding-left: var(--navItemPaddingLeft);
10590                padding-right: var(--navItemPaddingRight);
10591                font-family: var(--navItemFont);
10592                color: var(--navItemFontColor);
10593                line-height: var(--navItemLineHeight);
10594                background-color: transparent;
10595                letter-spacing: var(--navItemLetterSpacing);
10596                font-size: var(--navItemFontSize);
10597                text-decoration: var(--navItemTextDecoration);
10598                font-weight: var(--navItemFontWeight);
10599                font-style: var(--navItemFontStyle);
10600
10601                &:hover, .wmcA_hoverState & {
10602                    color: var(--navItemHoverFontColor);
10603                    font-size: var(--navItemFontSizeHover);
10604                    text-decoration: var(--navItemTextDecorationHover);
10605                    font-weight: var(--navItemFontWeightHover);
10606                    font-style: var(--navItemFontStyleHover);
10607                    padding-top: var(--navItemPaddingTopHover);
10608                    padding-bottom: var(--navItemPaddingBottomHover);
10609                    padding-left: var(--navItemPaddingLeftHover);
10610                    padding-right: var(--navItemPaddingRightHover);
10611                }
10612
10613                .navigation-nav--item.open > &, .navigation-nav--item.wmcA_activeState > &, .wmcA_activeState & {
10614                    color: var(--navItemActiveFontColor);
10615                }
10616
10617                .navigation-nav--item:has(> .navigation-nav--sub-menu):hover > &, .navigation-nav--item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
10618                    color: var(--navItemActiveFontColor);
10619                }
10620            }
10621
10622            &:hover > .navigation-nav--sub-menu,
10623            &:has(.navigation-nav--sub-menu:hover) > .navigation-nav--sub-menu,
10624            .wmcA_hoverState & > .navigation-nav--sub-menu,
10625            &.open > .navigation-nav--sub-menu {
10626                opacity: 1;
10627                visibility: visible;
10628                transform: translateY(0);
10629            }
10630
10631            & .arrow {
10632                display: none;
10633                pointer-events: none;
10634            }
10635
10636            &:has(.navigation-nav--sub-menu) {
10637                display: grid;
10638                grid-template-columns: 1fr auto;
10639                align-items: center;
10640                position: relative;
10641                padding-right: calc(var(--navItemPaddingRight) / 2);
10642
10643                & > a {
10644                    padding-right: 0;
10645                    width: 100%;
10646                }
10647
10648                & > .arrow {
10649                    display: flex;
10650                    align-items: center;
10651                    justify-content: center;
10652                    pointer-events: auto;
10653                    position: relative;
10654                    z-index: 1;
10655                    width: var(--horizontalNavArrowDisplay, var(--horizontalNavArrowSize));
10656                    height: 100%;
10657                    cursor: pointer;
10658                    margin-left: var(--horizontalNavArrowDisplay, var(--horizontalNavArrowSpacing));
10659
10660                    &::after {
10661                        display: block;
10662                        content: var(--horizontalNavArrowDisplay, '');
10663                        width: var(--horizontalNavArrowSize);
10664                        height: var(--horizontalNavArrowSize);
10665                        -webkit-mask-image: var(--wmd_caretIconUrl);
10666                        mask-image: var(--wmd_caretIconUrl);
10667                        -webkit-mask-size: contain;
10668                        mask-size: contain;
10669                        -webkit-mask-repeat: no-repeat;
10670                        mask-repeat: no-repeat;
10671                        -webkit-mask-position: center;
10672                        mask-position: center;
10673                        background-color: var(--horizontalNavArrowColor);
10674                        transform: var(--horizontalNavArrowRotate);
10675                        position: absolute;
10676                        left: auto;
10677                        right: auto;
10678                        top: auto;
10679                        bottom: auto;
10680                        z-index: 1;
10681                        transition: all 0.2s ease;
10682                    }
10683
10684                    &:hover, .wmcA_hoverState & {
10685                        &::after {
10686                            width: var(--horizontalNavArrowSizeHover);
10687                            height: var(--horizontalNavArrowSizeHover);
10688                            background-color: var(--horizontalNavArrowColorHover);
10689                            transform: var(--horizontalNavArrowRotateHover);
10690                        }
10691                    }
10692
10693                    .navigation-nav--item.open > &, .navigation-nav--item.wmcA_activeState > &, .wmcA_activeState & {
10694                        &::after {
10695                            background-color: var(--horizontalNavArrowColorActive);
10696                            transform: var(--horizontalNavArrowRotateActive);
10697                        }
10698                    }
10699
10700                    .navigation-nav--item:has(> .navigation-nav--sub-menu):hover > &, .navigation-nav--item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
10701                        &::after {
10702                            background-color: var(--horizontalNavArrowColorActive);
10703                            transform: var(--horizontalNavArrowRotateActive);
10704                        }
10705                    }
10706                }
10707            }
10708
10709            &.navigation-nav--more-trigger {
10710                padding-right: var(--navItemPaddingRight);
10711                grid-template-columns: 1fr max-content;
10712            }
10713        }
10714
10715        /* level 2: sub menu */
10716
10717        & .navigation-nav--sub-menu {
10718            display: flex;
10719            flex-direction: column;
10720            padding-top: var(--horizontalNavSubPaddingTop);
10721            padding-bottom: var(--horizontalNavSubPaddingBottom);
10722            padding-left: var(--horizontalNavSubPaddingLeft);
10723            padding-right: var(--horizontalNavSubPaddingRight);
10724            position: absolute;
10725            list-style: none;
10726            top: 100%;
10727            left: 0;
10728            opacity: 0;
10729            visibility: hidden;
10730            transform: translateY(10px);
10731            transition: all 0.3s ease;
10732            z-index: 100;
10733            min-width: var(--horizontalNavSubContainerWidth);
10734            box-shadow: var(--horizontalNavSubContainerShadow);
10735            background-color: var(--horizontalNavSubContainerBackgroun
10735dColor);
10736            gap: calc(var(--horizontalNavSubSeparatorSpacing) / 2);
10737            border-top: var(--horizontalNavSubContainerBorderTop);
10738            border-right: var(--horizontalNavSubContainerBorderRight);
10739            border-bottom: var(--horizontalNavSubContainerBorderBottom);
10740            border-left: var(--horizontalNavSubContainerBorderLeft);
10741            border-radius: var(--horizontalNavSubContainerBorderRadius);
10742
10743            & > .navigation-nav--separator {
10744                display: var(--horizontalNavSubSeparatorDisplay);
10745                margin: 0 auto;
10746                width: var(--horizontalNavSubSeparatorWidth);
10747                height: var(--horizontalNavSubSeparatorHeight);
10748                background-color: var(--horizontalNavSubSeparatorColor);
10749                align-self: center;
10750            }
10751        }
10752
10753        /* level 2: li sub item */
10754
10755        & .navigation-nav--sub-item {
10756            border-top: var(--horizontalNavSubItemBorderTop);
10757            border-right: var(--horizontalNavSubItemBorderRight);
10758            border-bottom: var(--horizontalNavSubItemBorderBottom);
10759            border-left: var(--horizontalNavSubItemBorderLeft);
10760            border-radius: var(--horizontalNavSubItemBorderRadius);
10761
10762            &:hover:not(.wmcA_activeState), .wmcA_hoverState .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > &:not(.wmcA_activeState) {
10763                border-radius: var(--horizontalNavSubItemBorderRadiusHover);
10764                border-top: var(--horizontalNavSubItemBorderTopHover);
10765                border-right: var(--horizontalNavSubItemBorderRightHover);
10766                border-bottom: var(--horizontalNavSubItemBorderBottomHover);
10767                border-left: var(--horizontalNavSubItemBorderLeftHover);
10768            }
10769
10770            & > a {
10771                display: flex;
10772                align-items: center;
10773                padding-top: var(--horizontalNavSubItemPaddingTop);
10774                padding-bottom: var(--horizontalNavSubItemPaddingBottom);
10775                padding-left: var(--horizontalNavSubItemPaddingLeft);
10776                padding-right: var(--horizontalNavSubItemPaddingRight);
10777                font-family: var(--horizontalNavSubItemFont);
10778                color: var(--horizontalNavSubItemFontColor);
10779                line-height: var(--horizontalNavSubItemLineHeight);
10780                background-color: transparent;
10781                letter-spacing: var(--horizontalNavSubItemLetterSpacing);
10782                font-weight: var(--horizontalNavSubItemFontWeight);
10783                font-size: var(--horizontalNavSubItemFontSize);
10784                text-decoration: var(--horizontalNavSubItemTextDecoration);
10785                font-style: var(--horizontalNavSubItemFontStyle);
10786
10787                &:hover, .wmcA_hoverState:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > .navigation-nav--sub-item > & {
10788                    color: var(--horizontalNavSubItemHoverFontColor);
10789                    font-weight: var(--horizontalNavSubItemFontWeightHover);
10790                    font-size: var(--horizontalNavSubItemFontSizeHover);
10791                    text-decoration: var(--horizontalNavSubItemTextDecorationHover);
10792                    font-style: var(--horizontalNavSubItemFontStyleHover);
10793                    padding-top: var(--horizontalNavSubItemPaddingTopHover);
10794                    padding-bottom: var(--horizontalNavSubItemPaddingBottomHover);
10795                    padding-left: var(--horizontalNavSubItemPaddingLeftHover);
10796                    padding-right: var(--horizontalNavSubItemPaddingRightHover);
10797                }
10798
10799                .navigation-nav--sub-item.open > &, .navigation-nav--sub-item.wmcA_activeState > &, .wmcA_activeState:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > .navigation-nav--sub-item > & {
10800                    color: var(--horizontalNavSubItemActiveFontColor);
10801                }
10802
10803                .wmc_menu:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--sub-item:has(> .navigation-nav--sub-menu):hover > &, .wmc_menu:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--sub-item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
10804                    color: var(--horizontalNavSubItemActiveFontColor);
10805                }
10806            }
10807
10808            &:has(.navigation-nav--sub-menu) {
10809                display: grid;
10810                grid-template-columns: 1fr auto;
10811                align-items: center;
10812                position: relative;
10813                padding-right: calc(var(--horizontalNavSubItemPaddingRight) / 2);
10814
10815                & > a {
10816                    padding-right: 0;
10817                    width: 100%;
10818                }
10819
10820                & > .arrow {
10821                    display: flex;
10822                    align-items: center;
10823                    justify-content: center;
10824                    pointer-events: auto;
10825                    position: relative;
10826                    z-index: 1;
10827                    width: var(--horizontalNavSubArrowDisplay, var(--horizontalNavSubArrowSize));
10828                    height: 100%;
10829                    cursor: pointer;
10830                    margin-left: var(--horizontalNavSubArrowDisplay, var(--horizontalNavSubArrowSpacing));
10831
10832                    &::after {
10833                        display: block;
10834                        content: var(--horizontalNavSubArrowDisplay, '');
10835                        width: var(--horizontalNavSubArrowSize);
10836                        height: var(--horizontalNavSubArrowSize);
10837                        -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
10838                        mask-image: var(--wmd_submenuCaretIconUrl);
10839                        -webkit-mask-size: contain;
10840                        mask-size: contain;
10841                        -webkit-mask-repeat: no-repeat;
10842                        mask-repeat: no-repeat;
10843                        -webkit-mask-position: center;
10844                        mask-position: center;
10845                        background-color: var(--horizontalNavSubArrowColor);
10846                        transform: var(--horizontalNavSubArrowRotate);
10847                        position: absolute;
10848                        left: auto;
10849                        right: auto;
10850                        top: auto;
10851                        bottom: auto;
10852                        z-index: 1;
10853                        transition: all 0.2s ease;
10854                    }
10855
10856                    &:hover, .wmcA_hoverState:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > .navigation-nav--sub-item > & {
10857                        &::after {
10858                            width: var(--horizontalNavSubArrowSizeHover);
10859                            height: var(--horizontalNavSubArrowSizeHover);
10860                            background-color: var(--horizontalNavSubArrowColorHover);
10861                            transform: var(--horizontalNavSubArrowRotateHover);
10862                        }
10863                    }
10864
10865                    .navigation-nav--sub-item.open > &, .navigation-nav--sub-item.wmcA_activeState > &, .wmcA_activeState:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > .navigation-nav--sub-item > & {
10866                        &::after {
10867                            background-color: var(--horizontalNavSubArrowColorActive);
10868                            transform: var(--horizontalNavSubArrowRotateActive);
10869                        }
10870                    }
10871
10872                    .wmc_menu:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--sub-item:has(> .navigation-nav--sub-menu):hover > &, .wmc_menu:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--sub-item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
10873                        &::after {
10874                            background-color: var(--horizontalNavSubArrowColorActive);
10875                            transform: var(--horizontalNavSubArrowRotateActive);
10876                        }
10877                    }
10878                }
10879            }
10880
10881            /* Third level submenu styles */
10882
10883            & > .navigation-nav--sub-menu {
10884                top: 0;
10885                left: 100%;
10886            }
10887
10888            &:hover > .navigation-nav--sub-menu,
10889            &:has(.navigation-nav--sub-menu:hover) > .navigation-nav--sub-menu,
10890            .wmcA_hoverState & > .navigation-nav--sub-menu,
10891            &.open > .navigation-nav--sub-menu {
10892                opacity: 1;
10893                visibility: visible;
10894                transform: translateX(0);
10895            }
10896        }
10897
10898        /* parent title */
10899
10900        & .navigation-nav--parent-title {
10901            display: none;
10902
10903            & a {
10904                padding-top: var(--horizontalNavSubItemPaddingTop);
10905                padding-bottom: var(--horizontalNavSubItemPaddingBottom);
10906                padding-left: var(--horizontalNavSubItemPaddingLeft);
10907                padding-right: var(--horizontalNavSubItemPaddingRight);
10908                font-family: var(--horizontalNavSubItemFont);
10909                font-size: var(--horizontalNavSubItemFontSize);
10910                font-weight: 700;
10911                color: var(--horizontalNavSubItemFontColor);
10912                border-bottom: 1px solid var(--horizontalNavSubItemFontColor);
10913                margin-bottom: 4px;
10914            }
10915
10916            & > span {
10917                display: none;
10918            }
10919        }
10920
10921        /* back button: NONE */
10922
10923        & .navigation-nav--back {
10924            display: none;
10925        }
10926
10927        /* hide separator for hidden items */
10928
10929        .navigation-nav--item[style="display: none;"] + .navigation-nav--separator {
10930            display: none;
10931        }
10932    }
10933
10934    .wmc_menu.wmcM_menuHorizontalDesktop .navigation-module-container .navigation-nav--sub-item {
10935        background-color: var(--horizontalNavSubItemBackgroundColor);
10936
10937        &:hover:not(.wmcA_activeState), .wmcA_hoverState .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > &:not(.wmcA_activeState) {
10938            background-color: var(--horizontalNavSubItemHoverBackgroundColor);
10939        }
10940
10941        &.open, &.wmcA_activeState, .wmcA_activeState .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > &,
10942        &:has(.navigation-nav--sub-menu):hover, &:has(.navigation-nav--sub-menu).wmcA_activeState {
10943            background-color: var(--horizontalNavSubItemActiveBackgroundColor);
10944        }
10945    }
10946
10947    /* Hamburger Navigation Styles */
10948    .wmc_menu.wmcM_menuHamburgerDesktop .navigation-module-container {
10949        background-color: transparent;
10950
10951        &.active {
10952            overflow-y: auto;
10953            -webkit-overflow-scrolling: touch;
10954            scrollbar-width: thin;
10955            scrollbar-color: rgba(var(--colorBwGradientJ), 0.3) transparent;
10956            display: grid;
10957            grid-template-columns: 1fr;
10958            grid-template-rows: max-content 1fr;
10959            position: fixed;
10960            padding-top: var(--hamburgerNavPaddingTop);
10961            padding-bottom: var(--hamburgerNavPaddingBottom);
10962            padding-left: var(--hamburgerNavPaddingLeft);
10963            padding-right: var(--hamburgerNavPaddingRight);
10964            top: calc(var(--wm_scrollTopNav) / var(--wm_scale));
10965            left: 0;
10966            width: 100%;
10967            height: 100%;
10968            z-index: 1000;
10969            background-color: var(--hamburgerNavBackgroundColor);
10970            transition: background-color 0.8s ease-in;
10971
10972            & .navigation-nav {
10973                display: block;
10974
10975                & > ul.navigation-nav--main-menu.start-animation {
10976                    & > li {
10977                        --item-delay: ;
10978                        top: 0;
10979                        opacity: 1;
10980                        transition-delay: var(--item-delay, 0.5s);
10981                    }
10982                }
10983            }
10984        }
10985
10986        & .navigation-nav {
10987            display: none;
10988            position: relative;
10989            z-index: 100;
10990            overflow: hidden;
10991            justify-self: var(--hamburgerNavJustifySelf);
10992            max-width: var(--hamburgerSlideContainerWidth);
10993            width: 100%;
10994
10995            & * {
10996                transition: all 0.3s ease;
10997            }
10998
10999            & > ul.navigation-nav--main-menu {
11000                & > li {
11001                    top: 100px;
11002                    opacity: 0;
11003                    position: relative;
11004
11005                    &.open {
11006                        position: static;
11007                    }
11008                }
11009            }
11010        }
11011
11012        /* level 1: main menu */
11013
11014        & ul.navigation-nav--main-menu {
11015            display: grid;
11016            margin: 0;
11017            padding: 0;
11018            grid-template-columns: 1fr;
11019            list-style: none;
11020            width: 100%;
11021            max-width: var(--hamburgerSlideContainerWidth);
11022            gap: calc(var(--hamburgerNavSeparatorSpacing) / 2);
11023            background-color: transparent;
11024
11025            & ul.navigation-nav--sub-menu {
11026                transform: translateX(var(--hamburgerSlideContainerWidth));
11027            }
11028
11029            &:has(.open) {
11030                transform: translateX(calc(var(--hamburgerSlideContainerWidth) * -1));
11031
11032                & .open > ul.navigation-nav--sub-menu {
11033                    transform: translateX(var(--hamburgerSlideContainerWidth));
11034
11035                    &:has(.open) {
11036                        transform: translateX(0px);
11037                    }
11038                }
11039            }
11040
11041            & > .navigation-nav--separator {
11042                display: var(--hamburgerNavSeparatorDisplay);
11043                margin: 0 auto;
11044                width: var(--hamburgerNavSeparatorWidth);
11045                height: var(--hamburgerNavSeparatorHeight);
11046                background-color: var(--hamburgerNavSeparatorColor);
11047                align-self: center;
11048            }
11049        }
11050
11051        /* level 1: li item */
11052
11053        & .navigation-nav--item {
11054            display: flex;
11055            align-items: center;
11056            border-top: var(--hamburgerNavItemBorderTop);
11057            border-right: var(--hamburgerNavItemBorderRight);
11058            border-bottom: var(--hamburgerNavItemBorderBottom);
11059            border-left: var(--hamburgerNavItemBorderLeft);
11060            border-radius: var(--hamburgerNavItemBorderRadius);
11061            background-color: var(--hamburgerNavItemBackgroundColor);
11062
11063            &:hover, .wmcA_hoverState &, .wmcA_hoverState & {
11064                background-color: var(--hamburgerNavItemHoverBackgroundColor);
11065                border-top: var(--hamburgerNavItemBorderTopHover);
11066                border-right: var(--hamburgerNavItemBorderRightHover);
11067                border-bottom: var(--hamburgerNavItemBorderBottomHover);
11068                border-left: var(--hamburgerNavItemBorderLeftHover);
11069                border-radius: var(--hamburgerNavItemBorderRadiusHover);
11070            }
11071
11072            & > a {
11073                display: flex;
11074                align-items: center;
11075                justify-content: var(--hamburgerNavItemsAlignment);
11076                text-align: var(--hamburgerNavItemsAlignment);
11077                padding-top: var(--hamburgerNavItemPaddingTop);
11078                padding-bottom: var(--hamburgerNavItemPaddingBottom);
11079                padding-left: var(--hamburgerNavItemPaddingLeft);
11080                padding-right: var(--hamburgerNavItemPaddingRight);
11081                font-family: var(--hamburgerNavItemFont);
11082                font-size: var(--hamburgerNavItemFontSize);
11083                color: var(--hamburgerNavItemFontColor);
11084                font-weight: var(--hamburgerNavItemFontWeight);
11085                line-height: var(--hamburgerNavItemLineHeight);
11086                text-decoration: var(--hamburgerNavItemTextDecoration);
11087                font-style: var(--hamburgerNavItemFontStyle);
11088                letter-spacing: var(--hamburgerNavItemLetterSpacing);
11089                background-color: transparent;
11090                width: var(--hamburgerNavArrowAutoSpacing);
11091
11092                &:hover, .wmcA_hoverState & {
11093                    color: var(--hamburgerNavItemHoverFontColor);
11094                    font-size: var(--hamburgerNavItemFontSizeHover) !important;
11095                    padding-top: var(--hamburgerNavItemPaddingTopHover);
11096                    padding-bottom: var(--hamburgerNavItemPaddingBottomHover);
11097                    padding-left: var(--hamburgerNavItemPaddingLeftHover);
11098                    padding-right: var(--hamburgerNavItemPaddingRightHover);
11099                    font-family: var(--hamburgerNavItemFontHover);
11100                    font-weight: var(--hamburgerNavItemFontWeightHover);
11101                    line-height: var(--hamburgerNavItemLineHeightHover);
11102                    text-decoration: var(--hamburgerNavItemTextDecorationHover);
11103                    font-style: var(--hamburgerNavItemFontStyleHover);
11104                    letter-spacing: var(--hamburgerNavItemLetterSpacingHover);
11105                }
11106            }
11107
11108            & .arrow {
11109                display: none;
11110                pointer-events: none;
11111            }
11112
11113            /* Items without a sub menu reserve the arrow footprint so their
11114               text aligns with arrowed items for any items alignment. */
11115            &:not(:has(.navigation-nav--sub-menu)) {
11116                gap: var(--hamburgerNavArrowSpacing);
11117                padding-right: var(--hamburgerNavItemPaddingRight);
11118
11119                & > a {
11120                    padding-right: 0;
11121                }
11122
11123                &::after {
11124                    content: '';
11125                    flex: 0 0 var(--hamburgerNavArrowSize);
11126                    height: var(--hamburgerNavArrowSize);
11127                }
11128            }
11129
11130            &:has(.navigation-nav--sub-menu) {
11131                display: flex;
11132                align-items: center;
11133                gap: var(--hamburgerNavArrowSpacing);
11134                padding-right: var(--hamburgerNavItemPaddingRight);
11135
11136                & > a {
11137                    padding-right: 0;
11138                }
11139
11140                & > .arrow {
11141                    display: flex;
11142                    align-items: center;
11143                    justify-content: flex-end;
11144                    pointer-events: auto;
11145                    position: relative;
11146                    z-index: 1;
11147                    width: var(--hamburgerNavArrowSize);
11148                    height: var(--hamburgerNavArrowSize);
11149                    cursor: pointer;
11150
11151                    &::after {
11152                        display: block;
11153                        content: '';
11154                        width: var(--hamburgerNavArrowSize);
11155                        height: var(--hamburgerNavArrowSize);
11156                        -webkit-mask-image: var(--wmd_menuItemIconUrl);
11157                        mask-image: var(--wmd_menuItemIconUrl);
11158                        -webkit-mask-size: contain;
11159                        mask-size: contain;
11160                        -webkit-mask-repeat: no-repeat;
11161                        mask-repeat: no-repeat;
11162                        -webkit-mask-position: center;
11163                        mask-position: center;
11164                        background-color: var(--hamburgerNavArrowColor);
11165                        transform: var(--hamburgerNavArrowRotate);
11166                        transition: all 0.3s ease;
11167                    }
11168
11169                    &:hover, .wmcA_hoverState & {
11170                        width: var(--hamburgerNavArrowSizeHover);
11171                        height: var(--hamburgerNavArrowSizeHover);
11172
11173                        &::after {
11174                            width: var(--hamburgerNavArrowSizeHover);
11175                            height: var(--hamburgerNavArrowSizeHover);
11176                            background-color: var(--hamburgerNavArrowColorHover);
11177                            transform: var(--hamburgerNavArrowRotateHover);
11178                        }
11179                    }
11180                }
11181            }
11182
11183            &.open > .navigation-nav--sub-menu {
11184                z-index: 1;
11185                opacity: 1;
11186                visibility: visible;
11187                pointer-events: auto;
11188            }
11189        }
11190
11191        /* level 2: sub menu */
11192
11193        & .navigation-nav--sub-menu {
11194            display: grid;
11195            margin: 0;
11196            padding: 0;
11197            grid-template-columns: 1fr;
11198            position: absolute;
11199            top: 0;
11200            left: 0;
11201            z-index: -1;
11202            list-style: none;
11203            opacity: 0;
11204            visibility: hidden;
11205            width: 100%;
11206            max-width: var(--hamburgerSlideContainerWidth);
11207            background-color: var(--hamburgerNavSubBackgroundColor);
11208            pointer-events: none;
11209            gap: calc(var(--hamburgerNavSubSeparatorSpacing) / 2);
11210
11211            & > .navigation-nav--separator {
11212                display: var(--hamburgerNavSubSeparatorDisplay);
11213                margin: 0 auto;
11214                width: var(--hamburgerNavSubSeparatorWidth);
11215                height: var(--hamburgerNavSubSeparatorHeight);
11216                background-color: var(--hamburgerNavSubSeparatorColor);
11217                align-self: center;
11218            }
11219        }
11220
11221        /* level 2: li sub item */
11222
11223        & .navigation-nav--sub-item {
11224            display: flex;
11225            align-items: center;
11226
11227            border-top: var(--hamburgerNavSubItemBorderTop);
11228            border-right: var(--hamburgerNavSubItemBorderRight);
11229            border-bottom: var(--hamburgerNavSubItemBorderBottom);
11230            border-left: var(--hamburgerNavSubItemBorderLeft);
11231            border-radius: var(--hamburgerNavSubItemBorderRadius);
11232            background-color: var(--hamburgerNavSubItemBackgroun
11232dColor);
11233
11234            &:hover, .wmcA_hoverState & {
11235                background-color: var(--hamburgerNavSubItemHoverBackgroundColor);
11236                border-radius: var(--hamburgerNavSubItemBorderRadiusHover);
11237                border-top: var(--hamburgerNavSubItemBorderTopHover);
11238                border-right: var(--hamburgerNavSubItemBorderRightHover);
11239                border-bottom: var(--hamburgerNavSubItemBorderBottomHover);
11240                border-left: var(--hamburgerNavSubItemBorderLeftHover);
11241            }
11242
11243            & > a {
11244                display: flex;
11245                align-items: center;
11246                padding-top: var(--hamburgerNavSubItemPaddingTop);
11247                padding-bottom: var(--hamburgerNavSubItemPaddingBottom);
11248                padding-left: var(--hamburgerNavSubItemPaddingLeft);
11249                padding-right: var(--hamburgerNavSubItemPaddingRight);
11250                font-family: var(--hamburgerNavSubItemFont);
11251                font-size: var(--hamburgerNavSubItemFontSize);
11252                color: var(--hamburgerNavSubItemFontColor);
11253                font-weight: var(--hamburgerNavSubItemFontWeight);
11254                line-height: var(--hamburgerNavSubItemLineHeight);
11255                text-decoration: var(--hamburgerNavSubItemTextDecoration);
11256                font-style: var(--hamburgerNavSubItemFontStyle);
11257                letter-spacing: var(--hamburgerNavSubItemLetterSpacing);
11258                background-color: transparent;
11259                width: var(--hamburgerNavSubArrowAutoSpacing);
11260
11261                &:hover, .wmcA_hoverState & {
11262                    color: var(--hamburgerNavSubItemHoverFontColor);
11263                    font-size: var(--hamburgerNavSubItemFontSizeHover);
11264                    font-family: var(--hamburgerNavSubItemFontHover);
11265                    font-weight: var(--hamburgerNavSubItemFontWeightHover);
11266                    line-height: var(--hamburgerNavSubItemLineHeightHover);
11267                    text-decoration: var(--hamburgerNavSubItemTextDecorationHover);
11268                    font-style: var(--hamburgerNavSubItemFontStyleHover);
11269                    letter-spacing: var(--hamburgerNavSubItemLetterSpacingHover);
11270                    padding-top: var(--hamburgerNavSubItemPaddingTopHover);
11271                    padding-bottom: var(--hamburgerNavSubItemPaddingBottomHover);
11272                    padding-left: var(--hamburgerNavSubItemPaddingLeftHover);
11273                    padding-right: var(--hamburgerNavSubItemPaddingRightHover);
11274                }
11275            }
11276
11277            &:has(.navigation-nav--sub-menu) {
11278                display: flex;
11279                align-items: center;
11280                gap: var(--hamburgerNavSubArrowSpacing);
11281                padding-right: var(--hamburgerNavSubItemPaddingRight);
11282
11283                & > a {
11284                    padding-right: 0;
11285                }
11286
11287                & > .arrow {
11288                    display: flex;
11289                    align-items: center;
11290                    justify-content: flex-end;
11291                    pointer-events: auto;
11292                    position: relative;
11293                    z-index: 1;
11294                    width: var(--hamburgerNavSubArrowSize);
11295                    height: var(--hamburgerNavSubArrowSize);
11296                    cursor: pointer;
11297
11298                    &::after {
11299                        display: block;
11300                        content: '';
11301                        width: var(--hamburgerNavSubArrowSize);
11302                        height: var(--hamburgerNavSubArrowSize);
11303                        -webkit-mask-image: var(--wmd_submenuItemIconUrl);
11304                        mask-image: var(--wmd_submenuItemIconUrl);
11305                        -webkit-mask-size: contain;
11306                        mask-size: contain;
11307                        -webkit-mask-repeat: no-repeat;
11308                        mask-repeat: no-repeat;
11309                        -webkit-mask-position: center;
11310                        mask-position: center;
11311                        background-color: var(--hamburgerNavSubArrowColor);
11312                        transform: var(--hamburgerNavSubArrowRotate);
11313                        transition: all 0.3s ease;
11314                    }
11315
11316                    &:hover, .wmcA_hoverState & {
11317                        width: var(--hamburgerNavSubArrowSizeHover);
11318                        height: var(--hamburgerNavSubArrowSizeHover);
11319
11320                        &::after {
11321                            width: var(--hamburgerNavSubArrowSizeHover);
11322                            height: var(--hamburgerNavSubArrowSizeHover);
11323                            background-color: var(--hamburgerNavSubArrowColorHover);
11324                            transform: var(--hamburgerNavSubArrowRotateHover);
11325                        }
11326                    }
11327                }
11328            }
11329
11330            &.open > .navigation-nav--sub-menu {
11331                z-index: 1;
11332                opacity: 1;
11333                visibility: visible;
11334                pointer-events: auto;
11335            }
11336        }
11337
11338        /* parent title */
11339
11340        & .navigation-nav--parent-title {
11341            display: flex;
11342            align-items: center;
11343            gap: var(--hamburgerTitleArrowSpacing);
11344            padding-right: var(--hamburgerTitlePaddingRight);
11345            border-top: var(--hamburgerTitleBorderTop);
11346            border-right: var(--hamburgerTitleBorderRight);
11347            border-bottom: var(--hamburgerTitleBorderBottom);
11348            border-left: var(--hamburgerTitleBorderLeft);
11349            border-radius: var(--hamburgerTitleBorderRadius);
11350            background-color: var(--hamburgerTitleBackgroundColor);
11351
11352            &:hover, .wmcA_hoverState & {
11353                /* border-top: var(--hamburgerTitleBorderTopHover);
11354                border-right: var(--hamburgerTitleBorderRightHover);
11355                border-bottom: var(--hamburgerTitleBorderBottomHover);
11356                border-left: var(--hamburgerTitleBorderLeftHover);
11357                border-radius: var(--hamburgerTitleBorderRadiusHover);
11358                background-color: var(--hamburgerTitleBackgroundColorHover);
11359                padding-right: var(--hamburgerTitlePaddingRightHover); */
11360            }
11361
11362            & > a {
11363                display: block;
11364                padding-top: var(--hamburgerTitlePaddingTop);
11365                padding-bottom: var(--hamburgerTitlePaddingBottom);
11366                padding-left: var(--hamburgerTitlePaddingLeft);
11367                padding-right: var(--hamburgerTitlePaddingRight);
11368                font-family: var(--hamburgerTitleFont);
11369                font-size: var(--hamburgerTitleFontSize);
11370                line-height: var(--hamburgerTitleLineHeight);
11371                font-weight: var(--hamburgerTitleFontWeight);
11372                color: var(--hamburgerTitleFontColor);
11373                font-style: var(--hamburgerTitleFontStyle);
11374                letter-spacing: var(--hamburgerTitleLetterSpacing);
11375                text-decoration: var(--hamburgerTitleTextDecoration);
11376                pointer-events: none;
11377                width: 100%;
11378
11379                &:hover, .wmcA_hoverState & {
11380                    padding-top: var(--hamburgerTitlePaddingTopHover);
11381                    padding-bottom: var(--hamburgerTitlePaddingBottomHover);
11382                    padding-left: var(--hamburgerTitlePaddingLeftHover);
11383                    padding-right: var(--hamburgerTitlePaddingRightHover);
11384                }
11385            }
11386
11387            & > span {
11388                display: flex;
11389                align-items: center;
11390                justify-content: flex-end;
11391                pointer-events: auto;
11392                position: relative;
11393                z-index: 1;
11394                width: var(--hamburgerTitleArrowSize);
11395                height: var(--hamburgerTitleArrowSize);
11396
11397                &::after {
11398                    display: block;
11399                    content: '';
11400                    width: var(--hamburgerTitleArrowSize);
11401                    height: var(--hamburgerTitleArrowSize);
11402                    -webkit-mask-image: var(--wmd_menuItemIconUrl);
11403                    mask-image: var(--wmd_menuItemIconUrl);
11404                    -webkit-mask-size: contain;
11405                    mask-size: contain;
11406                    -webkit-mask-repeat: no-repeat;
11407                    mask-repeat: no-repeat;
11408                    -webkit-mask-position: center;
11409                    mask-position: center;
11410                    background-color: var(--hamburgerTitleArrowColor);
11411                    transform: var(--hamburgerTitleArrowRotate);
11412                }
11413            }
11414        }
11415
11416        /* back button */
11417
11418        & .navigation-nav--back {
11419            display: block;
11420            padding-top: var(--hamburgerNavBackButtonPaddingTop);
11421            padding-bottom: var(--hamburgerNavBackButtonPaddingBottom);
11422            padding-left: var(--hamburgerNavBackButtonPaddingLeft);
11423            padding-right: var(--hamburgerNavBackButtonPaddingRight);
11424            border-top: var(--hamburgerNavBackButtonBorderTop);
11425            border-right: var(--hamburgerNavBackButtonBorderRight);
11426            border-bottom: var(--hamburgerNavBackButtonBorderBottom);
11427            border-left: var(--hamburgerNavBackButtonBorderLeft);
11428            border-radius: var(--hamburgerNavBackButtonBorderRadius);
11429            background-color: var(--hamburgerNavBackButtonBackgroundColor);
11430
11431            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
11432                border-radius: var(--hamburgerNavBackButtonBorderRadiusHover);
11433                background-color: var(--hamburgerNavBackButtonHoverBackgroundColor);
11434                padding-top: var(--hamburgerNavBackButtonPaddingTopHover);
11435                padding-bottom: var(--hamburgerNavBackButtonPaddingBottomHover);
11436                padding-left: var(--hamburgerNavBackButtonPaddingLeftHover);
11437                padding-right: var(--hamburgerNavBackButtonPaddingRightHover);
11438                border-top: var(--hamburgerNavBackButtonBorderTopHover);
11439                border-right: var(--hamburgerNavBackButtonBorderRightHover);
11440                border-bottom: var(--hamburgerNavBackButtonBorderBottomHover);
11441                border-left: var(--hamburgerNavBackButtonBorderLeftHover);
11442            }
11443
11444            & a {
11445                display: inline-flex;
11446                align-items: center;
11447                gap: var(--hamburgerNavBackButtonArrowSpacing);
11448                font-family: var(--hamburgerNavBackButtonFont);
11449                font-size: var(--hamburgerNavBackButtonFontSize);
11450                font-weight: var(--hamburgerNavBackButtonFontWeight);
11451                color: var(--hamburgerNavBackButtonColor);
11452                text-decoration: var(--hamburgerNavBackButtonTextDecoration);
11453                line-height: var(--hamburgerNavBackButtonLineHeight);
11454                font-style: var(--hamburgerNavBackButtonFontStyle);
11455                letter-spacing: var(--hamburgerNavBackButtonLetterSpacing);
11456                background-color: transparent;
11457                width: 100%;
11458
11459                &::before {
11460                    content: '';
11461                    display: inline-block;
11462                    width: var(--hamburgerNavBackButtonArrowSize);
11463                    height: var(--hamburgerNavBackButtonArrowSize);
11464                    -webkit-mask-image: var(--wmd_backIconUrl);
11465                    mask-image: var(--wmd_backIconUrl);
11466                    -webkit-mask-size: contain;
11467                    mask-size: contain;
11468                    -webkit-mask-repeat: no-repeat;
11469                    mask-repeat: no-repeat;
11470                    -webkit-mask-position: center;
11471                    mask-position: center;
11472                    background-color: var(--hamburgerNavBackButtonColor);
11473                    transform: var(--hamburgerNavBackButtonArrowRotate);
11474                    transition: all 0.3s ease;
11475                }
11476
11477                &:hover, .wmcA_hoverState & {
11478                    color: var(--hamburgerNavBackButtonHoverFontColor);
11479                    font-size: var(--hamburgerNavBackButtonFontSizeHover);
11480                    font-weight: var(--hamburgerNavBackButtonFontWeightHover);
11481                    font-style: var(--hamburgerNavBackButtonFontStyleHover);
11482                    text-decoration: var(--hamburgerNavBackButtonTextDecorationHover);
11483
11484                    &::before {
11485                        background-color: var(--hamburgerNavBackButtonHoverFontColor);
11486                        width: var(--hamburgerNavBackButtonArrowSizeHover);
11487                        height: var(--hamburgerNavBackButtonArrowSizeHover);
11488                    }
11489                }
11490            }
11491        }
11492
11493        /* hamburger button */
11494
11495        & .hamburger-button {
11496            display: flex;
11497            justify-content: center;
11498            align-items: center;
11499            padding: 0;
11500            margin: 0;
11501            position: relative;
11502            z-index: 100;
11503            cursor: pointer;
11504            background-color: transparent;
11505            border: none;
11506            width: var(--hamburgerMenuIconSize);
11507            height: var(--hamburgerMenuIconSize);
11508            flex-wrap: wrap;
11509
11510            & * {
11511                transition: all 0.3s ease;
11512            }
11513
11514            &.show-border {
11515                border: 1px solid var(--hamburgerMenuIconColor);
11516            }
11517
11518            & .hamburger-button-icon--container {
11519                display: block;
11520                width: var(--hamburgerMenuIconSize);
11521                height: var(--hamburgerMenuIconSize);
11522            }
11523
11524            & .hamburger-button-icon {
11525                display: flex;
11526                align-items: center;
11527                justify-content: center;
11528                margin: auto;
11529                width: var(--hamburgerMenuIconSize);
11530                height: var(--hamburgerMenuIconSize);
11531
11532                &::before {
11533                    content: '';
11534                    display: inline-block;
11535                    width: var(--hamburgerMenuIconSize);
11536                    height: var(--hamburgerMenuIconSize);
11537                    -webkit-mask-image: var(--wmd_hamburgerIconUrl);
11538                    mask-image: var(--wmd_hamburgerIconUrl);
11539                    -webkit-mask-size: contain;
11540                    mask-size: contain;
11541                    -webkit-mask-repeat: no-repeat;
11542                    mask-repeat: no-repeat;
11543                    -webkit-mask-position: center;
11544                    mask-position: center;
11545                    background-color: var(--hamburgerMenuIconColor);
11546                }
11547            }
11548
11549            & .hamburger-button-text {
11550                display: var(--hamburgerMenuDisplay);
11551                font-family: var(--hamburgerNavItemFont);
11552                font-size: 12px;
11553                font-weight: 700;
11554                line-height: 1;
11555                color: var(--hamburgerMenuIconColor);
11556                text-align: center;
11557                text-decoration: none;
11558                text-transform: uppercase;
11559            }
11560
11561            &:hover, .wmcA_hoverState & {
11562                & .hamburger-button-icon--container {
11563                    width: var(--hamburgerMenuIconSizeHover);
11564                    height: var(--hamburgerMenuIconSizeHover);
11565                }
11566
11567                & .hamburger-button-icon {
11568                    width: var(--hamburgerMenuIconSizeHover);
11569                    height: var(--hamburgerMenuIconSizeHover);
11570
11571                    &::before {
11572                        background-color: var(--hamburgerMenuIconHoverColor);
11573                        width: var(--hamburgerMenuIconSizeHover);
11574                        height: var(--hamburgerMenuIconSizeHover)
11575                    }
11576                }
11577
11578                & .hamburger-button-text {
11579                    color: var(--hamburgerMenuIconHoverColor);
11580                }
11581            }
11582
11583            &.active {
11584                margin-bottom: 25px;
11585                justify-self: var(--hamburgerMenuJustifySelf);
11586                width: var(--hamburgerMenuIconActiveSize);
11587                height: var(--hamburgerMenuIconActiveSize);
11588
11589                & .hamburger-button-icon--container {
11590                    width: var(--hamburgerMenuIconActiveSize);
11591                    height: var(--hamburgerMenuIconActiveSize);
11592                }
11593
11594                & .hamburger-button-icon {
11595                    width: var(--hamburgerMenuIconActiveSize);
11596                    height: var(--hamburgerMenuIconActiveSize);
11597
11598                    &::before {
11599                        width: var(--hamburgerMenuIconActiveSize);
11600                        height: var(--hamburgerMenuIconActiveSize);
11601                        -webkit-mask-image: var(--wmd_closeIconUrl);
11602                        mask-image: var(--wmd_closeIconUrl);
11603                        background-color: var(--hamburgerMenuIconActiveColor);
11604                    }
11605                }
11606
11607                & .hamburger-button-text {
11608                    color: var(--hamburgerMenuIconActiveColor);
11609                    height: 1px;
11610                    padding: 0;
11611                    margin: -1px;
11612                    visibility: hidden;
11613                    transition: none;
11614                    position: absolute;
11615                }
11616
11617                &:hover, .wmcA_hoverState & {
11618                    & .hamburger-button-icon--container {
11619                        width: var(--hamburgerMenuIconActiveSizeHover);
11620                        height: var(--hamburgerMenuIconActiveSizeHover);
11621                    }
11622
11623                    & .hamburger-button-icon {
11624                        width: var(--hamburgerMenuIconActiveSizeHover);
11625                        height: var(--hamburgerMenuIconActiveSizeHover);
11626
11627                        &::before {
11628                            width: var(--hamburgerMenuIconActiveSizeHover);
11629                            height: var(--hamburgerMenuIconActiveSizeHover);
11630                            background-color: var(--hamburgerMenuIconActiveHoverColor);
11631                        }
11632                    }
11633
11634                    & .hamburger-button-text {
11635                        color: var(--hamburgerMenuIconActiveHoverColor);
11636                    }
11637                }
11638            }
11639        }
11640    }
11641
11642    /* Vertical Navigation Styles */
11643    .wmc_menu.wmcM_menuVerticalDesktop .navigation-module-container {
11644        & .navigation-nav {
11645            overflow: hidden;
11646            position: relative;
11647            padding-top: var(--verticalNavPaddingTop);
11648            padding-bottom: var(--verticalNavPaddingBottom);
11649            padding-left: var(--verticalNavPaddingLeft);
11650            padding-right: var(--verticalNavPaddingRight);
11651            border-top: var(--verticalNavBorderTop);
11652            border-right: var(--verticalNavBorderRight);
11653            border-bottom: var(--verticalNavBorderBottom);
11654            border-left: var(--verticalNavBorderLeft);
11655            border-radius: var(--verticalNavBorderRadius);
11656
11657            & * {
11658                transition: all 0.3s ease;
11659            }
11660        }
11661
11662        /* level 1: main menu */
11663
11664        & ul.navigation-nav--main-menu {
11665            display: grid;
11666            margin: 0;
11667            padding: 0;
11668            grid-template-columns: 1fr;
11669            align-self: center;
11670            justify-self: var(--verticalNavJustifySelf);
11671            list-style: none;
11672            width: var(--verticalNavWidth);
11673            max-width: var(--verticalSlideContainerWidth);
11674            gap: calc(var(--verticalNavSeparatorSpacing) / 2);
11675
11676            & ul.navigation-nav--sub-menu {
11677                transform: translateX(var(--verticalSlideContainerWidth));
11678            }
11679
11680            &:has(.open) {
11681                transform: translateX(calc(var(--verticalSlideContainerWidth) * -1));
11682
11683                & .open > ul.navigation-nav--sub-menu {
11684                    transform: translateX(var(--verticalSlideContainerWidth));
11685
11686                    &:has(.open) {
11687                        transform: translateX(0px);
11688                    }
11689                }
11690            }
11691
11692            /* separator */
11693
11694            & > .navigation-nav--separator {
11695                display: var(--verticalNavSeparatorDisplay);
11696                margin: 0 auto;
11697                width: var(--verticalNavSeparatorWidth);
11698                height: var(--verticalNavSeparatorHeight);
11699                background-color: var(--verticalNavSeparatorColor);
11700            }
11701        }
11702
11703        /* level 1: li item */
11704
11705        & .navigation-nav--item {
11706            display: grid;
11707            grid-template-columns: 1fr;
11708            align-items: center;
11709            border-top: var(--verticalNavItemBorderTop);
11710            border-right: var(--verticalNavItemBorderRight);
11711            border-bottom: var(--verticalNavItemBorderBottom);
11712            border-left: var(--verticalNavItemBorderLeft);
11713            border-radius: var(--verticalNavItemBorderRadius);
11714            background-color: var(--verticalNavItemBackgroundColor);
11715
11716            &:hover, .wmcA_hoverState & {
11717                border-top: var(--verticalNavItemBorderTopHover);
11718                border-right: var(--verticalNavItemBorderRightHover);
11719                border-bottom: var(--verticalNavItemBorderBottomHover);
11720                border-left: var(--verticalNavItemBorderLeftHover);
11721                border-radius: var(--verticalNavItemBorderRadiusHover);
11722            }
11723
11724            & > a {
11725                display: flex;
11726                align-items: center;
11727                justify-content: var(--verticalNavItemsAlignment);
11728                text-align: var(--verticalNavItemsAlignment);
11729                padding-top: var(--verticalNavItemPaddingTop);
11730                padding-right: var(--verticalNavItemPaddingRight);
11731                padding-bottom: var(--verticalNavItemPaddingBottom);
11732                padding-left: var(--verticalNavItemPaddingLeft);
11733                font-family: var(--verticalNavItemFont);
11734                font-size: var(--verticalNavItemFontSize);
11735                font-weight: var(--verticalNavItemFontWeight);
11736                color: var(--verticalNavItemFontColor);
11737                line-height: var(--verticalNavItemLineHeight);
11738                text-decoration: var(--verticalNavItemTextDecoration);
11739                font-style: var(--verticalNavItemFontStyle);
11740                background-color: transparent;
11741                letter-spacing: var(--verticalNavItemLetterSpacing);
11742
11743                &:hover, .wmcA_hoverState & {
11744                    color: var(--verticalNavItemHoverFontColor);
11745                    padding-top: var(--verticalNavItemPaddingTopHover);
11746                    padding-right: var(--verticalNavItemPaddingRightHover);
11747                    padding-bottom: var(--verticalNavItemPaddingBottomHover);
11748                    padding-left: var(--verticalNavItemPaddingLeftHover);
11749                    font-style: var(--verticalNavItemFontStyleHover);
11750                    text-decoration: var(--verticalNavItemTextDecorationHover);
11751                    font-size: var(--verticalNavItemFontSizeHover);
11752                    font-weight: var(--verticalNavItemFontWeightHover);
11753                }
11754            }
11755
11756            & .arrow {
11757                display: none;
11758                pointer-events: none;
11759            }
11760
11761            /* hide: no sub menu for vertical navigation */
11762
11763            &:has(.navigation-nav--sub-menu) {
11764                display: grid;
11765                /* grid-template-columns: 1fr var(--verticalNavArrowSize); */
11766                grid-template-columns: 1fr;
11767                align-items: center;
11768                column-gap: var(--verticalNavArrowSpacing);
11769                padding-right: var(--verticalNavItemPaddingRight);
11770
11771                & > a {
11772                    padding-right: 0;
11773                    width: 100%;
11774                }
11775
11776                & > .arrow {
11777                    display: none; /* hide: no sub menu for vertical navigation */
11778                    align-items: center;
11779                    justify-content: flex-end;
11780                    pointer-events: auto;
11781                    position: relative;
11782                    z-index: 1;
11783                    width: var(--verticalNavArrowSize);
11784                    height: var(--verticalNavArrowSize);
11785                    cursor: pointer;
11786
11787                    &::after {
11788                        display: block;
11789                        content: '';
11790                        width: var(--verticalNavArrowSize);
11791                        height: var(--verticalNavArrowSize);
11792                        -webkit-mask-image: var(--wmd_caretIconUrl);
11793                        mask-image: var(--wmd_caretIconUrl);
11794                        -webkit-mask-size: contain;
11795                        mask-size: contain;
11796                        -webkit-mask-repeat: no-repeat;
11797                        mask-repeat: no-repeat;
11798                        -webkit-mask-position: center;
11799                        mask-position: center;
11800                        background-color: var(--verticalNavArrowColor);
11801                        transform: var(--verticalNavArrowRotate);
11802                    }
11803
11804                    &:hover, .wmcA_hoverState & {
11805                        width: var(--verticalNavArrowSizeHover);
11806                        height: var(--verticalNavArrowSizeHover);
11807
11808                        &::after {
11809                            width: var(--verticalNavArrowSizeHover);
11810                            height: var(--verticalNavArrowSizeHover);
11811                            background-color: var(--verticalNavArrowColorHover);
11812                            transform: var(--verticalNavArrowRotateHover);
11813                        }
11814                    }
11815                }
11816            }
11817
11818            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
11819                background-color: var(--verticalNavItemHoverBackgroun
11819dColor);
11820
11821                & .arrow:hover, .wmcA_hoverState & {
11822                    &::after {
11823                        border-left-color: var(--verticalNavItemHoverFontColor);
11824                    }
11825                }
11826            }
11827
11828            &.open {
11829                & > .arrow {
11830                    &::after {
11831                        transform: rotate(90deg);
11832                    }
11833                }
11834
11835                & > .navigation-nav--sub-menu {
11836                    display: grid;
11837                    grid-template-columns: 1fr;
11838                    opacity: 1;
11839                    visibility: visible;
11840                    pointer-events: auto;
11841                }
11842            }
11843        }
11844
11845        /* level 2: sub menu */
11846
11847        & .navigation-nav--sub-menu {
11848            display: none;
11849            margin: 0;
11850            padding: 0;
11851            position: absolute;
11852            top: 0;
11853            left: 0;
11854            z-index: -1;
11855            list-style: none;
11856            opacity: 0;
11857            visibility: hidden;
11858            width: 100%;
11859            max-width: var(--verticalSlideContainerWidth);
11860            pointer-events: none;
11861            gap: calc(var(--verticalNavSubSeparatorSpacing) / 2);
11862
11863            /* separator */
11864
11865            & > .navigation-nav--separator {
11866                display: var(--verticalNavSubSeparatorDisplay);
11867                margin: 0 auto;
11868                width: var(--verticalNavSubSeparatorWidth);
11869                height: var(--verticalNavSubSeparatorHeight);
11870                background-color: var(--verticalNavSubSeparatorColor);
11871            }
11872        }
11873
11874        /* level 2: li sub item */
11875
11876        & .navigation-nav--sub-item {
11877            display: grid;
11878            grid-template-columns: 1fr;
11879            align-items: center;
11880            border-top: var(--verticalNavSubItemBorderTop);
11881            border-right: var(--verticalNavSubItemBorderRight);
11882            border-bottom: var(--verticalNavSubItemBorderBottom);
11883            border-left: var(--verticalNavSubItemBorderLeft);
11884            border-radius: var(--verticalNavSubItemBorderRadius);
11885            background-color: var(--verticalNavSubItemBackgroundColor);
11886
11887            & > a {
11888                display: flex;
11889                align-items: center;
11890                padding-top: var(--verticalNavSubItemPaddingTop);
11891                padding-right: var(--verticalNavSubItemPaddingRight);
11892                padding-bottom: var(--verticalNavSubItemPaddingBottom);
11893                padding-left: var(--verticalNavSubItemPaddingLeft);
11894                font-family: var(--verticalNavSubItemFont);
11895                font-size: var(--verticalNavSubItemFontSize);
11896                color: var(--verticalNavSubItemFontColor);
11897                font-weight: var(--verticalNavSubItemFontWeight);
11898                line-height: var(--verticalNavSubItemLineHeight);
11899                text-decoration: var(--verticalNavSubItemTextDecoration);
11900                font-style: var(--verticalNavSubItemFontStyle);
11901                letter-spacing: var(--verticalNavSubItemLetterSpacing);
11902                background-color: transparent;
11903
11904                &:hover, .wmcA_hoverState & {
11905                    color: var(--verticalNavSubItemHoverFontColor);
11906                }
11907            }
11908
11909            &:has(.navigation-nav--sub-menu) {
11910                display: grid;
11911                grid-template-columns: 1fr calc(var(--verticalNavSubArrowSpacing) + var(--verticalNavSubArrowSize));
11912                align-items: center;
11913                column-gap: var(--verticalNavSubArrowSpacing);
11914                padding-right: var(--verticalNavSubItemPaddingRight);
11915
11916                & > a {
11917                    padding-right: 0;
11918                    width: 100%;
11919                }
11920
11921                & > .arrow {
11922                    display: flex;
11923                    align-items: center;
11924                    justify-content: flex-end;
11925                    pointer-events: auto;
11926                    position: relative;
11927                    z-index: 1;
11928                    width: calc(var(--verticalNavSubArrowSpacing) + var(--verticalNavSubArrowSize));
11929                    height: 100%;
11930                    cursor: pointer;
11931
11932                    &::after {
11933                        display: block;
11934                        content: '';
11935                        width: var(--verticalNavSubArrowSize);
11936                        height: var(--verticalNavSubArrowSize);
11937                        -webkit-mask-image: var(--wmd_submenuItemIconUrl);
11938                        mask-image: var(--wmd_submenuItemIconUrl);
11939                        -webkit-mask-size: contain;
11940                        mask-size: contain;
11941                        -webkit-mask-repeat: no-repeat;
11942                        mask-repeat: no-repeat;
11943                        -webkit-mask-position: center;
11944                        mask-position: center;
11945                        background-color: var(--verticalNavSubArrowColor);
11946                        transform: var(--verticalNavSubArrowRotate);
11947                    }
11948                }
11949            }
11950
11951            /* Third level submenu styles */
11952
11953            & > .navigation-nav--sub-menu {
11954                display: none;
11955                opacity: 0;
11956                visibility: hidden;
11957                gap: calc(var(--verticalNavSubSeparatorSpacing) / 2);
11958            }
11959
11960            &:hover, .wmcA_hoverState & {
11961                background-color: var(--verticalNavSubItemHoverBackgroundColor);
11962
11963                & .arrow:hover, .wmcA_hoverState & {
11964                    &::after {
11965                        border-left-color: var(--verticalNavSubItemHoverFontColor);
11966                    }
11967                }
11968            }
11969
11970            &.open {
11971                & > .arrow {
11972                    &::after {
11973                        transform: rotate(90deg);
11974                    }
11975                }
11976
11977                & > .navigation-nav--sub-menu {
11978                    display: grid;
11979                    grid-template-columns: 1fr;
11980                    opacity: 1;
11981                    visibility: visible;
11982                    pointer-events: auto;
11983                }
11984            }
11985        }
11986
11987        /* parent title */
11988
11989        & .navigation-nav--parent-title {
11990            display: grid;
11991            padding: 15px 0 10px 0;
11992            grid-template-columns: 1fr max-content;
11993            align-items: center;
11994            gap: var(--verticalNavSubSeparatorSpacing);
11995            border: none;
11996            background-color: var(--verticalNavTitleContainerBackgroun
11996dColor);
11997
11998            &:hover, .wmcA_hoverState & {
11999                background-color: var(--verticalNavTitleContainerBackgroundColor);
12000            }
12001
12002            & a {
12003                display: block;
12004                margin-bottom: 4px;
12005                padding: 0;
12006                font-family: var(--verticalNavItemFont);
12007                font-size: var(--verticalNavTitleFontSize);
12008                font-weight: var(--verticalNavTitleFontWeight);
12009                color: var(--verticalNavTitleFontColor);
12010                text-decoration: none;
12011                cursor: pointer;
12012                pointer-events: none;
12013            }
12014
12015            & > span {
12016                display: none;
12017            }
12018        }
12019
12020        /* back button: NONE */
12021
12022        & .navigation-nav--back {
12023            display: block;
12024            padding: 15px 0;
12025            border-bottom: 1px solid var(--verticalNavArrowColor);
12026
12027            & a {
12028                display: inline-flex;
12029                margin-bottom: 10px;
12030                align-items: center;
12031                gap: 10px;
12032                font-family: var(--verticalNavItemFont);
12033                font-size: var(--verticalNavItemFontSize);
12034                font-weight: 400;
12035                color: var(--verticalNavItemFontColor);
12036                text-decoration: none;
12037
12038                &:hover, .wmcA_hoverState & {
12039                    color: var(--verticalNavItemHoverFontColor);
12040                }
12041
12042                &::before {
12043                    display: block;
12044                    content: '';
12045                    width: var(--verticalNavSubArrowSize);
12046                    height: var(--verticalNavSubArrowSize);
12047                    -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
12048                    mask-image: var(--wmd_submenuCaretIconUrl);
12049                    -webkit-mask-size: contain;
12050                    mask-size: contain;
12051                    -webkit-mask-repeat: no-repeat;
12052                    mask-repeat: no-repeat;
12053                    -webkit-mask-position: center;
12054                    mask-position: center;
12055                    background-color: var(--verticalNavSubArrowColor);
12056                    transform: rotate(90deg);
12057                }
12058            }
12059        }
12060    }
12061
12062    body > .wmc_section .wmc_menu.wmcM_menuHamburgerDesktop:has(.navigation-module-container.active) {
12063        z-index: 6000 !important;
12064    }
12065}
12066
12067.wmc_menu {
12068    /* Panel layout */
12069    --megaNavPanelNumberOfCells: var(--megaNavPanelNumberOfCellsDesktop);
12070    --megaNavPanelCellSpacing: var(--megaNavPanelCellSpacingDesktop);
12071    --megaNavPanelPaddingTop: var(--megaNavPanelPaddingTopDesktop);
12072    --megaNavPanelPaddingRight: var(--megaNavPanelPaddingRightDesktop);
12073    --megaNavPanelPaddingBottom: var(--megaNavPanelPaddingBottomDesktop);
12074    --megaNavPanelPaddingLeft: var(--megaNavPanelPaddingLeftDesktop);
12075    --megaNavPanelWidth: var(--megaNavPanelWidthDesktop);
12076    /* Panel fill / border / shadow */
12077    --megaNavPanelBackgroundColor: var(--megaNavPanelBackgroundColorDesktop);
12078    --megaNavPanelBorderTop: var(--megaNavPanelBorderTopDesktop);
12079    --megaNavPanelBorderRight: var(--megaNavPanelBorderRightDesktop);
12080    --megaNavPanelBorderBottom: var(--megaNavPanelBorderBottomDesktop);
12081    --megaNavPanelBorderLeft: var(--megaNavPanelBorderLeftDesktop);
12082    --megaNavPanelBorderRadius: var(--megaNavPanelBorderRadiusDesktop);
12083    --megaNavPanelShadow: var(--megaNavPanelShadowDesktop);
12084    /* Main item icon */
12085    --megaNavItemIconDisplay: var(--megaNavItemIconDisplayDesktop);
12086    --megaNavItemIconColor: var(--megaNavItemIconColorDesktop);
12087    --megaNavItemIconColorHover: var(--megaNavItemIconColorHoverDesktop);
12088    --megaNavItemIconSize: var(--megaNavItemIconSizeDesktop);
12089    --megaNavItemIconSizeHover: var(--megaNavItemIconSizeHoverDesktop);
12090    --megaNavItemIconRotate: var(--megaNavItemIconRotateDesktop);
12091    --megaNavItemIconRotateHover: var(--megaNavItemIconRotateHoverDesktop);
12092    --megaNavItemIconSpacing: var(--megaNavItemIconSpacingDesktop);
12093    /* mega main item */
12094    --megaNavItemBackgroundColor: var(--megaNavItemBackgroundColorDesktop);
12095    --megaNavItemBorderTop: var(--megaNavItemBorderTopDesktop);
12096    --megaNavItemBorderRight: var(--megaNavItemBorderRightDesktop);
12097    --megaNavItemBorderBottom: var(--megaNavItemBorderBottomDesktop);
12098    --megaNavItemBorderLeft: var(--megaNavItemBorderLeftDesktop);
12099    --megaNavItemBorderRadius: var(--megaNavItemBorderRadiusDesktop);
12100    --megaNavItemPaddingTop: var(--megaNavItemPaddingTopDesktop);
12101    --megaNavItemPaddingBottom: var(--megaNavItemPaddingBottomDesktop);
12102    --megaNavItemPaddingLeft: var(--megaNavItemPaddingLeftDesktop);
12103    --megaNavItemPaddingRight: var(--megaNavItemPaddingRightDesktop);
12104    --megaNavItemFont: var(--megaNavItemFontDesktop);
12105    --megaNavItemFontColor: var(--megaNavItemFontColorDesktop);
12106    --megaNavItemLineHeight: var(--megaNavItemLineHeightDesktop);
12107    --megaNavItemLetterSpacing: var(--megaNavItemLetterSpacingDesktop);
12108    --megaNavItemFontSize: var(--megaNavItemFontSizeDesktop);
12109    --megaNavItemTextDecoration: var(--megaNavItemTextDecorationDesktop);
12110    --megaNavItemFontWeight: var(--megaNavItemFontWeightDesktop);
12111    --megaNavItemFontStyle: var(--megaNavItemFontStyleDesktop);
12112    --megaNavItemHoverBackgroundColor: var(--megaNavItemHoverBackgroundColorDesktop);
12113    --megaNavItemBorderTopHover: var(--megaNavItemBorderTopHoverDesktop);
12114    --megaNavItemBorderRightHover: var(--megaNavItemBorderRightHoverDesktop);
12115    --megaNavItemBorderBottomHover: var(--megaNavItemBorderBottomHoverDesktop);
12116    --megaNavItemBorderLeftHover: var(--megaNavItemBorderLeftHoverDesktop);
12117    --megaNavItemBorderRadiusHover: var(--megaNavItemBorderRadiusHoverDesktop);
12118    --megaNavItemPaddingTopHover: var(--megaNavItemPaddingTopHoverDesktop);
12119    --megaNavItemPaddingBottomHover: var(--megaNavItemPaddingBottomHoverDesktop);
12120    --megaNavItemPaddingLeftHover: var(--megaNavItemPaddingLeftHoverDesktop);
12121    --megaNavItemPaddingRightHover: var(--megaNavItemPaddingRightHoverDesktop);
12122    --megaNavItemHoverFontColor: var(--megaNavItemHoverFontColorDesktop);
12123    --megaNavItemFontSizeHover: var(--megaNavItemFontSizeHoverDesktop);
12124    --megaNavItemTextDecorationHover: var(--megaNavItemTextDecorationHoverDesktop);
12125    --megaNavItemFontWeightHover: var(--megaNavItemFontWeightHoverDesktop);
12126    --megaNavItemFontStyleHover: var(--megaNavItemFontStyleHoverDesktop);
12127    --megaNavItemActiveBackgroundColor: var(--megaNavItemActiveBackgroundColorDesktop);
12128    --megaNavItemActiveFontColor: var(--megaNavItemActiveFontColorDesktop);
12129    /* Caret */
12130    --megaNavArrowDisplay: var(--megaNavArrowDisplayDesktop);
12131    --megaNavArrowSize: var(--megaNavArrowSizeDesktop);
12132    --megaNavArrowColor: var(--megaNavArrowColorDesktop);
12133    --megaNavArrowRotate: var(--megaNavArrowRotateDesktop);
12134    --megaNavArrowSizeHover: var(--megaNavArrowSizeHoverDesktop);
12135    --megaNavArrowColorHover: var(--megaNavArrowColorHoverDesktop);
12136    --megaNavArrowRotateHover: var(--megaNavArrowRotateHoverDesktop);
12137    --megaNavArrowSpacing: var(--megaNavArrowSpacingDesktop);
12138    /* Sub mega item (column title) — font */
12139    --megaNavSubItemFont: var(--megaNavSubItemFontDesktop);
12140    --megaNavSubItemFontColor: var(--megaNavSubItemFontColorDesktop);
12141    --megaNavSubItemFontSize: var(--megaNavSubItemFontSizeDesktop);
12142    --megaNavSubItemFontWeight: var(--megaNavSubItemFontWeightDesktop);
12143    --megaNavSubItemFontStyle: var(--megaNavSubItemFontStyleDesktop);
12144    --megaNavSubItemLineHeight: var(--megaNavSubItemLineHeightDesktop);
12145    --megaNavSubItemLetterSpacing: var(--megaNavSubItemLetterSpacingDesktop);
12146    --megaNavSubItemTextDecoration: var(--megaNavSubItemTextDecorationDesktop);
12147    --megaNavSubItemHoverFontColor: var(--megaNavSubItemHoverFontColorDesktop);
12148    --megaNavSubItemHoverFontSize: var(--megaNavSubItemHoverFontSizeDesktop);
12149    --megaNavSubItemHoverFontWeight: var(--megaNavSubItemHoverFontWeightDesktop);
12150    --megaNavSubItemHoverFontStyle: var(--megaNavSubItemHoverFontStyleDesktop);
12151    --megaNavSubItemHoverTextDecoration: var(--megaNavSubItemHoverTextDecorationDesktop);
12152    /* Sub mega item — fill / border / padding */
12153    --megaNavSubItemBackgroundColor: var(--megaNavSubItemBackgroundColorDesktop);
12154    --megaNavSubItemHoverBackgroundColor: var(--megaNavSubItemHoverBackgroundColorDesktop);
12155    --megaNavSubItemBorderTop: var(--megaNavSubItemBorderTopDesktop);
12156    --megaNavSubItemBorderRight: var(--megaNavSubItemBorderRightDesktop);
12157    --megaNavSubItemBorderBottom: var(--megaNavSubItemBorderBottomDesktop);
12158    --megaNavSubItemBorderLeft: var(--megaNavSubItemBorderLeftDesktop);
12159    --megaNavSubItemBorderRadius: var(--megaNavSubItemBorderRadiusDesktop);
12160    --megaNavSubItemBorderTopHover: var(--megaNavSubItemBorderTopHoverDesktop);
12161    --megaNavSubItemBorderRightHover: var(--megaNavSubItemBorderRightHoverDesktop);
12162    --megaNavSubItemBorderBottomHover: var(--megaNavSubItemBorderBottomHoverDesktop);
12163    --megaNavSubItemBorderLeftHover: var(--megaNavSubItemBorderLeftHoverDesktop);
12164    --megaNavSubItemBorderRadiusHover: var(--megaNavSubItemBorderRadiusHoverDesktop);
12165    --megaNavSubItemPaddingTop: var(--megaNavSubItemPaddingTopDesktop);
12166    --megaNavSubItemPaddingRight: var(--megaNavSubItemPaddingRightDesktop);
12167    --megaNavSubItemPaddingBottom: var(--megaNavSubItemPaddingBottomDesktop);
12168    --megaNavSubItemPaddingLeft: var(--megaNavSubItemPaddingLeftDesktop);
12169    --megaNavSubItemPaddingTopHover: var(--megaNavSubItemPaddingTopHoverDesktop);
12170    --megaNavSubItemPaddingRightHover: var(--megaNavSubItemPaddingRightHoverDesktop);
12171    --megaNavSubItemPaddingBottomHover: var(--megaNavSubItemPaddingBottomHoverDesktop);
12172    --megaNavSubItemPaddingLeftHover: var(--megaNavSubItemPaddingLeftHoverDesktop);
12173    /* Sub mega item — icon */
12174    --megaNavSubItemIconDisplay: var(--megaNavSubItemIconDisplayDesktop);
12175    --megaNavSubItemIconColor: var(--megaNavSubItemIconColorDesktop);
12176    --megaNavSubItemIconColorHover: var(--megaNavSubItemIconColorHoverDesktop);
12177    --megaNavSubItemIconSize: var(--megaNavSubItemIconSizeDesktop);
12178    --megaNavSubItemIconSizeHover: var(--megaNavSubItemIconSizeHoverDesktop);
12179    --megaNavSubItemIconRotate: var(--megaNavSubItemIconRotateDesktop);
12180    --megaNavSubItemIconRotateHover: var(--megaNavSubItemIconRotateHoverDesktop);
12181    --megaNavSubItemIconSpacing: var(--megaNavSubItemIconSpacingDesktop);
12182    /* Child mega item — font */
12183    --megaNavChildItemFont: var(--megaNavChildItemFontDesktop);
12184    --megaNavChildItemFontColor: var(--megaNavChildItemFontColorDesktop);
12185    --megaNavChildItemFontSize: var(--megaNavChildItemFontSizeDesktop);
12186    --megaNavChildItemFontWeight: var(--megaNavChildItemFontWeightDesktop);
12187    --megaNavChildItemFontStyle: var(--megaNavChildItemFontStyleDesktop);
12188    --megaNavChildItemLineHeight: var(--megaNavChildItemLineHeightDesktop);
12189    --megaNavChildItemLetterSpacing: var(--megaNavChildItemLetterSpacingDesktop);
12190    --megaNavChildItemTextDecoration: var(--megaNavChildItemTextDecorationDesktop);
12191    --megaNavChildItemHoverFontColor: var(--megaNavChildItemHoverFontColorDesktop);
12192    --megaNavChildItemHoverFontSize: var(--megaNavChildItemHoverFontSizeDesktop);
12193    --megaNavChildItemHoverFontWeight: var(--megaNavChildItemHoverFontWeightDesktop);
12194    --megaNavChildItemHoverFontStyle: var(--megaNavChildItemHoverFontStyleDesktop);
12195    --megaNavChildItemHoverTextDecoration: var(--megaNavChildItemHoverTextDecorationDesktop);
12196    /* Child mega item — fill / border / padding */
12197    --megaNavChildItemBackgroundColor: var(--megaNavChildItemBackgroundColorDesktop);
12198    --megaNavChildItemHoverBackgroundColor: var(--megaNavChildItemHoverBackgroundColorDesktop);
12199    --megaNavChildItemBorderTop: var(--megaNavChildItemBorderTopDesktop);
12200    --megaNavChildItemBorderRight: var(--megaNavChildItemBorderRightDesktop);
12201    --megaNavChildItemBorderBottom: var(--megaNavChildItemBorderBottomDesktop);
12202    --megaNavChildItemBorderLeft: var(--megaNavChildItemBorderLeftDesktop);
12203    --megaNavChildItemBorderRadius: var(--megaNavChildItemBorderRadiusDesktop);
12204    --megaNavChildItemBorderTopHover: var(--megaNavChildItemBorderTopHoverDesktop);
12205    --megaNavChildItemBorderRightHover: var(--megaNavChildItemBorderRightHoverDesktop);
12206    --megaNavChildItemBorderBottomHover: var(--megaNavChildItemBorderBottomHoverDesktop);
12207    --megaNavChildItemBorderLeftHover: var(--megaNavChildItemBorderLeftHoverDesktop);
12208    --megaNavChildItemBorderRadiusHover: var(--megaNavChildItemBorderRadiusHoverDesktop);
12209    --megaNavChildItemPaddingTop: var(--megaNavChildItemPaddingTopDesktop);
12210    --megaNavChildItemPaddingRight: var(--megaNavChildItemPaddingRightDesktop);
12211    --megaNavChildItemPaddingBottom: var(--megaNavChildItemPaddingBottomDesktop);
12212    --megaNavChildItemPaddingLeft: var(--megaNavChildItemPaddingLeftDesktop);
12213    --megaNavChildItemPaddingTopHover: var(--megaNavChildItemPaddingTopHoverDesktop);
12214    --megaNavChildItemPaddingRightHover: var(--megaNavChildItemPaddingRightHoverDesktop);
12215    --megaNavChildItemPaddingBottomHover: var(--megaNavChildItemPaddingBottomHoverDesktop);
12216    --megaNavChildItemPaddingLeftHover: var(--megaNavChildItemPaddingLeftHoverDesktop);
12217    /* Child mega item — icon */
12218    --megaNavChildItemIconDisplay: var(--megaNavChildItemIconDisplayDesktop);
12219    --megaNavChildItemIconColor: var(--megaNavChildItemIconColorDesktop);
12220    --megaNavChildItemIconColorHover: var(--megaNavChildItemIconColorHoverDesktop);
12221    --megaNavChildItemIconSize: var(--megaNavChildItemIconSizeDesktop);
12222    --megaNavChildItemIconSizeHover: var(--megaNavChildItemIconSizeHoverDesktop);
12223    --megaNavChildItemIconRotate: var(--megaNavChildItemIconRotateDesktop);
12224    --megaNavChildItemIconRotateHover: var(--megaNavChildItemIconRotateHoverDesktop);
12225    --megaNavChildItemIconSpacing: var(--megaNavChildItemIconSpacingDesktop);
12226}
12227
12228@media all and (width < 1040px) {
12229    .wmc_menu {
12230        --megaNavPanelNumberOfCells: var(--megaNavPanelNumberOfCellsTablet, var(--megaNavPanelNumberOfCellsDesktop));
12231        --megaNavPanelCellSpacing: var(--megaNavPanelCellSpacingTablet, var(--megaNavPanelCellSpacingDesktop));
12232        --megaNavPanelPaddingTop: var(--megaNavPanelPaddingTopTablet, var(--megaNavPanelPaddingTopDesktop));
12233        --megaNavPanelPaddingRight: var(--megaNavPanelPaddingRightTablet, var(--megaNavPanelPaddingRightDesktop));
12234        --megaNavPanelPaddingBottom: var(--megaNavPanelPaddingBottomTablet, var(--megaNavPanelPaddingBottomDesktop));
12235        --megaNavPanelPaddingLeft: var(--megaNavPanelPaddingLeftTablet, var(--megaNavPanelPaddingLeftDesktop));
12236        --megaNavPanelWidth: var(--megaNavPanelWidthTablet, var(--megaNavPanelWidthDesktop));
12237        --megaNavPanelBackgroundColor: var(--megaNavPanelBackgroundColorTablet, var(--megaNavPanelBackgroundColorDesktop));
12238        --megaNavPanelBorderTop: var(--megaNavPanelBorderTopTablet, var(--megaNavPanelBorderTopDesktop));
12239        --megaNavPanelBorderRight: var(--megaNavPanelBorderRightTablet, var(--megaNavPanelBorderRightDesktop));
12240        --megaNavPanelBorderBottom: var(--megaNavPanelBorderBottomTablet, var(--megaNavPanelBorderBottomDesktop));
12241        --megaNavPanelBorderLeft: var(--megaNavPanelBorderLeftTablet, var(--megaNavPanelBorderLeftDesktop));
12242        --megaNavPanelBorderRadius: var(--megaNavPanelBorderRadiusTablet, var(--megaNavPanelBorderRadiusDesktop));
12243        --megaNavPanelShadow: var(--megaNavPanelShadowTablet, var(--megaNavPanelShadowDesktop));
12244        --megaNavItemIconDisplay: var(--megaNavItemIconDisplayTablet, var(--megaNavItemIconDisplayDesktop));
12245        --megaNavItemIconColor: var(--megaNavItemIconColorTablet, var(--megaNavItemIconColorDesktop));
12246        --megaNavItemIconColorHover: var(--megaNavItemIconColorHoverTablet, var(--megaNavItemIconColorHoverDesktop));
12247        --megaNavItemIconSize: var(--megaNavItemIconSizeTablet, var(--megaNavItemIconSizeDesktop));
12248        --megaNavItemIconSizeHover: var(--megaNavItemIconSizeHoverTablet, var(--megaNavItemIconSizeHoverDesktop));
12249        --megaNavItemIconRotate: var(--megaNavItemIconRotateTablet, var(--megaNavItemIconRotateDesktop));
12250        --megaNavItemIconRotateHover: var(--megaNavItemIconRotateHoverTablet, var(--megaNavItemIconRotateHoverDesktop));
12251        --megaNavItemIconSpacing: var(--megaNavItemIconSpacingTablet, var(--megaNavItemIconSpacingDesktop));
12252        /* mega main item */
12253        --megaNavItemBackgroundColor: var(--megaNavItemBackgroundColorTablet, var(--megaNavItemBackgroundColorDesktop));
12254        --megaNavItemBorderTop: var(--megaNavItemBorderTopTablet, var(--megaNavItemBorderTopDesktop));
12255        --megaNavItemBorderRight: var(--megaNavItemBorderRightTablet, var(--megaNavItemBorderRightDesktop));
12256        --megaNavItemBorderBottom: var(--megaNavItemBorderBottomTablet, var(--megaNavItemBorderBottomDesktop));
12257        --megaNavItemBorderLeft: var(--megaNavItemBorderLeftTablet, var(--megaNavItemBorderLeftDesktop));
12258        --megaNavItemBorderRadius: var(--megaNavItemBorderRadiusTablet, var(--megaNavItemBorderRadiusDesktop));
12259        --megaNavItemPaddingTop: var(--megaNavItemPaddingTopTablet, var(--megaNavItemPaddingTopDesktop));
12260        --megaNavItemPaddingBottom: var(--megaNavItemPaddingBottomTablet, var(--megaNavItemPaddingBottomDesktop));
12261        --megaNavItemPaddingLeft: var(--megaNavItemPaddingLeftTablet, var(--megaNavItemPaddingLeftDesktop));
12262        --megaNavItemPaddingRight: var(--megaNavItemPaddingRightTablet, var(--megaNavItemPaddingRightDesktop));
12263        --megaNavItemFont: var(--megaNavItemFontTablet, var(--megaNavItemFontDesktop));
12264        --megaNavItemFontColor: var(--megaNavItemFontColorTablet, var(--megaNavItemFontColorDesktop));
12265        --megaNavItemLineHeight: var(--megaNavItemLineHeightTablet, var(--megaNavItemLineHeightDesktop));
12266        --megaNavItemLetterSpacing: var(--megaNavItemLetterSpacingTablet, var(--megaNavItemLetterSpacingDesktop));
12267        --megaNavItemFontSize: var(--megaNavItemFontSizeTablet, var(--megaNavItemFontSizeDesktop));
12268        --megaNavItemTextDecoration: var(--megaNavItemTextDecorationTablet, var(--megaNavItemTextDecorationDesktop));
12269        --megaNavItemFontWeight: var(--megaNavItemFontWeightTablet, var(--megaNavItemFontWeightDesktop));
12270        --megaNavItemFontStyle: var(--megaNavItemFontStyleTablet, var(--megaNavItemFontStyleDesktop));
12271        --megaNavItemHoverBackgroundColor: var(--megaNavItemHoverBackgroundColorTablet, var(--megaNavItemHoverBackgroundColorDesktop));
12272        --megaNavItemBorderTopHover: var(--megaNavItemBorderTopHoverTablet, var(--megaNavItemBorderTopHoverDesktop));
12273        --megaNavItemBorderRightHover: var(--megaNavItemBorderRightHoverTablet, var(--megaNavItemBorderRightHoverDesktop));
12274        --megaNavItemBorderBottomHover: var(--megaNavItemBorderBottomHoverTablet, var(--megaNavItemBorderBottomHoverDesktop));
12275        --megaNavItemBorderLeftHover: var(--megaNavItemBorderLeftHoverTablet, var(--megaNavItemBorderLeftHoverDesktop));
12276        --megaNavItemBorderRadiusHover: var(--megaNavItemBorderRadiusHoverTablet, var(--megaNavItemBorderRadiusHoverDesktop));
12277        --megaNavItemPaddingTopHover: var(--megaNavItemPaddingTopHoverTablet, var(--megaNavItemPaddingTopHoverDesktop));
12278        --megaNavItemPaddingBottomHover: var(--megaNavItemPaddingBottomHoverTablet, var(--megaNavItemPaddingBottomHoverDesktop));
12279        --megaNavItemPaddingLeftHover: var(--megaNavItemPaddingLeftHoverTablet, var(--megaNavItemPaddingLeftHoverDesktop));
12280        --megaNavItemPaddingRightHover: var(--megaNavItemPaddingRightHoverTablet, var(--megaNavItemPaddingRightHoverDesktop));
12281        --megaNavItemHoverFontColor: var(--megaNavItemHoverFontColorTablet, var(--megaNavItemHoverFontColorDesktop));
12282        --megaNavItemFontSizeHover: var(--megaNavItemFontSizeHoverTablet, var(--megaNavItemFontSizeHoverDesktop));
12283        --megaNavItemTextDecorationHover: var(--megaNavItemTextDecorationHoverTablet, var(--megaNavItemTextDecorationHoverDesktop));
12284        --megaNavItemFontWeightHover: var(--megaNavItemFontWeightHoverTablet, var(--megaNavItemFontWeightHoverDesktop));
12285        --megaNavItemFontStyleHover: var(--megaNavItemFontStyleHoverTablet, var(--megaNavItemFontStyleHoverDesktop));
12286        --megaNavItemActiveBackgroundColor: var(--megaNavItemActiveBackgroundColorTablet, var(--megaNavItemActiveBackgroundColorDesktop));
12287        --megaNavItemActiveFontColor: var(--megaNavItemActiveFontColorTablet, var(--megaNavItemActiveFontColorDesktop));
12288        --megaNavArrowDisplay: var(--megaNavArrowDisplayTablet, var(--megaNavArrowDisplayDesktop));
12289        --megaNavArrowSize: var(--megaNavArrowSizeTablet, var(--megaNavArrowSizeDesktop));
12290        --megaNavArrowColor: var(--megaNavArrowColorTablet, var(--megaNavArrowColorDesktop));
12291        --megaNavArrowRotate: var(--megaNavArrowRotateTablet, var(--megaNavArrowRotateDesktop));
12292        --megaNavArrowSizeHover: var(--megaNavArrowSizeHoverTablet, var(--megaNavArrowSizeTablet, var(--megaNavArrowSizeDesktop)));
12293        --megaNavArrowColorHover: var(--megaNavArrowColorHoverTablet, var(--megaNavArrowColorHoverDesktop));
12294        --megaNavArrowRotateHover: var(--megaNavArrowRotateHoverTablet, var(--megaNavArrowRotateHoverDesktop));
12295        --megaNavArrowSpacing: var(--megaNavArrowSpacingTablet, var(--megaNavArrowSpacingDesktop));
12296        --megaNavSubItemFont: var(--megaNavSubItemFontTablet, var(--megaNavSubItemFontDesktop));
12297        --megaNavSubItemFontColor: var(--megaNavSubItemFontColorTablet, var(--megaNavSubItemFontColorDesktop));
12298        --megaNavSubItemFontSize: var(--megaNavSubItemFontSizeTablet, var(--megaNavSubItemFontSizeDesktop));
12299        --megaNavSubItemFontWeight: var(--megaNavSubItemFontWeightTablet, var(--megaNavSubItemFontWeightDesktop));
12300        --megaNavSubItemFontStyle: var(--megaNavSubItemFontStyleTablet, var(--megaNavSubItemFontStyleDesktop));
12301        --megaNavSubItemLineHeight: var(--megaNavSubItemLineHeightTablet, var(--megaNavSubItemLineHeightDesktop));
12302        --megaNavSubItemLetterSpacing: var(--megaNavSubItemLetterSpacingTablet, var(--megaNavSubItemLetterSpacingDesktop));
12303        --megaNavSubItemTextDecoration: var(--megaNavSubItemTextDecorationTablet, var(--megaNavSubItemTextDecorationDesktop));
12304        --megaNavSubItemHoverFontColor: var(--megaNavSubItemHoverFontColorTablet, var(--megaNavSubItemHoverFontColorDesktop));
12305        --megaNavSubItemHoverFontSize: var(--megaNavSubItemHoverFontSizeTablet, var(--megaNavSubItemHoverFontSizeDesktop));
12306        --megaNavSubItemHoverFontWeight: var(--megaNavSubItemHoverFontWeightTablet, var(--megaNavSubItemHoverFontWeightDesktop));
12307        --megaNavSubItemHoverFontStyle: var(--megaNavSubItemHoverFontStyleTablet, var(--megaNavSubItemHoverFontStyleDesktop));
12308        --megaNavSubItemHoverTextDecoration: var(--megaNavSubItemHoverTextDecorationTablet, var(--megaNavSubItemHoverTextDecorationDesktop));
12309        --megaNavSubItemBackgroundColor: var(--megaNavSubItemBackgroundColorTablet, var(--megaNavSubItemBackgroundColorDesktop));
12310        --megaNavSubItemHoverBackgroundColor: var(--megaNavSubItemHoverBackgroundColorTablet, var(--megaNavSubItemHoverBackgroundColorDesktop));
12311        --megaNavSubItemBorderTop: var(--megaNavSubItemBorderTopTablet, var(--megaNavSubItemBorderTopDesktop));
12312        --megaNavSubItemBorderRight: var(--megaNavSubItemBorderRightTablet, var(--megaNavSubItemBorderRightDesktop));
12313        --megaNavSubItemBorderBottom: var(--megaNavSubItemBorderBottomTablet, var(--megaNavSubItemBorderBottomDesktop));
12314        --megaNavSubItemBorderLeft: var(--megaNavSubItemBorderLeftTablet, var(--megaNavSubItemBorderLeftDesktop));
12315        --megaNavSubItemBorderRadius: var(--megaNavSubItemBorderRadiusTablet, var(--megaNavSubItemBorderRadiusDesktop));
12316        --megaNavSubItemBorderTopHover: var(--megaNavSubItemBorderTopHoverTablet, var(--megaNavSubItemBorderTopHoverDesktop));
12317        --megaNavSubItemBorderRightHover: var(--megaNavSubItemBorderRightHoverTablet, var(--megaNavSubItemBorderRightHoverDesktop));
12318        --megaNavSubItemBorderBottomHover: var(--megaNavSubItemBorderBottomHoverTablet, var(--megaNavSubItemBorderBottomHoverDesktop));
12319        --megaNavSubItemBorderLeftHover: var(--megaNavSubItemBorderLeftHoverTablet, var(--megaNavSubItemBorderLeftHoverDesktop));
12320        --megaNavSubItemBorderRadiusHover: var(--megaNavSubItemBorderRadiusHoverTablet, var(--megaNavSubItemBorderRadiusHoverDesktop));
12321        --megaNavSubItemPaddingTop: var(--megaNavSubItemPaddingTopTablet, var(--megaNavSubItemPaddingTopDesktop));
12322        --megaNavSubItemPaddingRight: var(--megaNavSubItemPaddingRightTablet, var(--megaNavSubItemPaddingRightDesktop));
12323        --megaNavSubItemPaddingBottom: var(--megaNavSubItemPaddingBottomTablet, var(--megaNavSubItemPaddingBottomDesktop));
12324        --megaNavSubItemPaddingLeft: var(--megaNavSubItemPaddingLeftTablet, var(--megaNavSubItemPaddingLeftDesktop));
12325        --megaNavSubItemPaddingTopHover: var(--megaNavSubItemPaddingTopHoverTablet, var(--megaNavSubItemPaddingTopHoverDesktop));
12326        --megaNavSubItemPaddingRightHover: var(--megaNavSubItemPaddingRightHoverTablet, var(--megaNavSubItemPaddingRightHoverDesktop));
12327        --megaNavSubItemPaddingBottomHover: var(--megaNavSubItemPaddingBottomHoverTablet, var(--megaNavSubItemPaddingBottomHoverDesktop));
12328        --megaNavSubItemPaddingLeftHover: var(--megaNavSubItemPaddingLeftHoverTablet, var(--megaNavSubItemPaddingLeftHoverDesktop));
12329        --megaNavSubItemIconDisplay: var(--megaNavSubItemIconDisplayTablet, var(--megaNavSubItemIconDisplayDesktop));
12330        --megaNavSubItemIconColor: var(--megaNavSubItemIconColorTablet, var(--megaNavSubItemIconColorDesktop));
12331        --megaNavSubItemIconColorHover: var(--megaNavSubItemIconColorHoverTablet, var(--megaNavSubItemIconColorHoverDesktop));
12332        --megaNavSubItemIconSize: var(--megaNavSubItemIconSizeTablet, var(--megaNavSubItemIconSizeDesktop));
12333        --megaNavSubItemIconSizeHover: var(--megaNavSubItemIconSizeHoverTablet, var(--megaNavSubItemIconSizeHoverDesktop));
12334        --megaNavSubItemIconRotate: var(--megaNavSubItemIconRotateTablet, var(--megaNavSubItemIconRotateDesktop));
12335        --megaNavSubItemIconRotateHover: var(--megaNavSubItemIconRotateHoverTablet, var(--megaNavSubItemIconRotateHoverDesktop));
12336        --megaNavSubItemIconSpacing: var(--megaNavSubItemIconSpacingTablet, var(--megaNavSubItemIconSpacingDesktop));
12337        --megaNavChildItemFont: var(--megaNavChildItemFontTablet, var(--megaNavChildItemFontDesktop));
12338        --megaNavChildItemFontColor: var(--megaNavChildItemFontColorTablet, var(--megaNavChildItemFontColorDesktop));
12339        --megaNavChildItemFontSize: var(--megaNavChildItemFontSizeTablet, var(--megaNavChildItemFontSizeDesktop));
12340        --megaNavChildItemFontWeight: var(--megaNavChildItemFontWeightTablet, var(--megaNavChildItemFontWeightDesktop));
12341        --megaNavChildItemFontStyle: var(--megaNavChildItemFontStyleTablet, var(--megaNavChildItemFontStyleDesktop));
12342        --megaNavChildItemLineHeight: var(--megaNavChildItemLineHeightTablet, var(--megaNavChildItemLineHeightDesktop));
12343        --megaNavChildItemLetterSpacing: var(--megaNavChildItemLetterSpacingTablet, var(--megaNavChildItemLetterSpacingDesktop));
12344        --megaNavChildItemTextDecoration: var(--megaNavChildItemTextDecorationTablet, var(--megaNavChildItemTextDecorationDesktop));
12345        --megaNavChildItemHoverFontColor: var(--megaNavChildItemHoverFontColorTablet, var(--megaNavChildItemHoverFontColorDesktop));
12346        --megaNavChildItemHoverFontSize: var(--megaNavChildItemHoverFontSizeTablet, var(--megaNavChildItemHoverFontSizeDesktop));
12347        --megaNavChildItemHoverFontWeight: var(--megaNavChildItemHoverFontWeightTablet, var(--megaNavChildItemHoverFontWeightDesktop));
12348        --megaNavChildItemHoverFontStyle: var(--megaNavChildItemHoverFontStyleTablet, var(--megaNavChildItemHoverFontStyleDesktop));
12349        --megaNavChildItemHoverTextDecoration: var(--megaNavChildItemHoverTextDecorationTablet, var(--megaNavChildItemHoverTextDecorationDesktop));
12350        --megaNavChildItemBackgroundColor: var(--megaNavChildItemBackgroundColorTablet, var(--megaNavChildItemBackgroundColorDesktop));
12351        --megaNavChildItemHoverBackgroundColor: var(--megaNavChildItemHoverBackgroundColorTablet, var(--megaNavChildItemHoverBackgroundColorDesktop));
12352        --megaNavChildItemBorderTop: var(--megaNavChildItemBorderTopTablet, var(--megaNavChildItemBorderTopDesktop));
12353        --megaNavChildItemBorderRight: var(--megaNavChildItemBorderRightTablet, var(--megaNavChildItemBorderRightDesktop));
12354        --megaNavChildItemBorderBottom: var(--megaNavChildItemBorderBottomTablet, var(--megaNavChildItemBorderBottomDesktop));
12355        --megaNavChildItemBorderLeft: var(--megaNavChildItemBorderLeftTablet, var(--megaNavChildItemBorderLeftDesktop));
12356        --megaNavChildItemBorderRadius: var(--megaNavChildItemBorderRadiusTablet, var(--megaNavChildItemBorderRadiusDesktop));
12357        --megaNavChildItemBorderTopHover: var(--megaNavChildItemBorderTopHoverTablet, var(--megaNavChildItemBorderTopHoverDesktop));
12358        --megaNavChildItemBorderRightHover: var(--megaNavChildItemBorderRightHoverTablet, var(--megaNavChildItemBorderRightHoverDesktop));
12359        --megaNavChildItemBorderBottomHover: var(--megaNavChildItemBorderBottomHoverTablet, var(--megaNavChildItemBorderBottomHoverDesktop));
12360        --megaNavChildItemBorderLeftHover: var(--megaNavChildItemBorderLeftHoverTablet, var(--megaNavChildItemBorderLeftHoverDesktop));
12361        --megaNavChildItemBorderRadiusHover: var(--megaNavChildItemBorderRadiusHoverTablet, var(--megaNavChildItemBorderRadiusHoverDesktop));
12362        --megaNavChildItemPaddingTop: var(--megaNavChildItemPaddingTopTablet, var(--megaNavChildItemPaddingTopDesktop));
12363        --megaNavChildItemPaddingRight: var(--megaNavChildItemPaddingRightTablet, var(--megaNavChildItemPaddingRightDesktop));
12364        --megaNavChildItemPaddingBottom: var(--megaNavChildItemPaddingBottomTablet, var(--megaNavChildItemPaddingBottomDesktop));
12365        --megaNavChildItemPaddingLeft: var(--megaNavChildItemPaddingLeftTablet, var(--megaNavChildItemPaddingLeftDesktop));
12366        --megaNavChildItemPaddingTopHover: var(--megaNavChildItemPaddingTopHoverTablet, var(--megaNavChildItemPaddingTopHoverDesktop));
12367        --megaNavChildItemPaddingRightHover: var(--megaNavChildItemPaddingRightHoverTablet, var(--megaNavChildItemPaddingRightHoverDesktop));
12368        --megaNavChildItemPaddingBottomHover: var(--megaNavChildItemPaddingBottomHoverTablet, var(--megaNavChildItemPaddingBottomHoverDesktop));
12369        --megaNavChildItemPaddingLeftHover: var(--megaNavChildItemPaddingLeftHoverTablet, var(--megaNavChildItemPaddingLeftHoverDesktop));
12370        --megaNavChildItemIconDisplay: var(--megaNavChildItemIconDisplayTablet, var(--megaNavChildItemIconDisplayDesktop));
12371        --megaNavChildItemIconColor: var(--megaNavChildItemIconColorTablet, var(--megaNavChildItemIconColorDesktop));
12372        --megaNavChildItemIconColorHover: var(--megaNavChildItemIconColorHoverTablet, var(--megaNavChildItemIconColorHoverDesktop));
12373        --megaNavChildItemIconSize: var(--megaNavChildItemIconSizeTablet, var(--megaNavChildItemIconSizeDesktop));
12374        --megaNavChildItemIconSizeHover: var(--megaNavChildItemIconSizeHoverTablet, var(--megaNavChildItemIconSizeHoverDesktop));
12375        --megaNavChildItemIconRotate: var(--megaNavChildItemIconRotateTablet, var(--megaNavChildItemIconRotateDesktop));
12376        --megaNavChildItemIconRotateHover: var(--megaNavChildItemIconRotateHoverTablet, var(--megaNavChildItemIconRotateHoverDesktop));
12377        --megaNavChildItemIconSpacing: var(--megaNavChildItemIconSpacingTablet, var(--megaNavChildItemIconSpacingDesktop));
12378    }
12379}
12380
12381@media all and (width < 650px) {
12382    .wmc_menu {
12383        --megaNavPanelNumberOfCells: var(--megaNavPanelNumberOfCellsMobile, var(--megaNavPanelNumberOfCellsDesktop));
12384        --megaNavPanelCellSpacing: var(--megaNavPanelCellSpacingMobile, var(--megaNavPanelCellSpacingDesktop));
12385        --megaNavPanelPaddingTop: var(--megaNavPanelPaddingTopMobile, var(--megaNavPanelPaddingTopDesktop));
12386        --megaNavPanelPaddingRight: var(--megaNavPanelPaddingRightMobile, var(--megaNavPanelPaddingRightDesktop));
12387        --megaNavPanelPaddingBottom: var(--megaNavPanelPaddingBottomMobile, var(--megaNavPanelPaddingBottomDesktop));
12388        --megaNavPanelPaddingLeft: var(--megaNavPanelPaddingLeftMobile, var(--megaNavPanelPaddingLeftDesktop));
12389        --megaNavPanelWidth: var(--megaNavPanelWidthMobile, var(--megaNavPanelWidthDesktop));
12390        --megaNavPanelBackgroundColor: var(--megaNavPanelBackgroundColorMobile, var(--megaNavPanelBackgroundColorDesktop));
12391        --megaNavPanelBorderTop: var(--megaNavPanelBorderTopMobile, var(--megaNavPanelBorderTopDesktop));
12392        --megaNavPanelBorderRight: var(--megaNavPanelBorderRightMobile, var(--megaNavPanelBorderRightDesktop));
12393        --megaNavPanelBorderBottom: var(--megaNavPanelBorderBottomMobile, var(--megaNavPanelBorderBottomDesktop));
12394        --megaNavPanelBorderLeft: var(--megaNavPanelBorderLeftMobile, var(--megaNavPanelBorderLeftDesktop));
12395        --megaNavPanelBorderRadius: var(--megaNavPanelBorderRadiusMobile, var(--megaNavPanelBorderRadiusDesktop));
12396        --megaNavPanelShadow: var(--megaNavPanelShadowMobile, var(--megaNavPanelShadowDesktop));
12397        --megaNavItemIconDisplay: var(--megaNavItemIconDisplayMobile, var(--megaNavItemIconDisplayDesktop));
12398        --megaNavItemIconColor: var(--megaNavItemIconColorMobile, var(--megaNavItemIconColorDesktop));
12399        --megaNavItemIconColorHover: var(--megaNavItemIconColorHoverMobile, var(--megaNavItemIconColorHoverDesktop));
12400        --megaNavItemIconSize: var(--megaNavItemIconSizeMobile, var(--megaNavItemIconSizeDesktop));
12401        --megaNavItemIconSizeHover: var(--megaNavItemIconSizeHoverMobile, var(--megaNavItemIconSizeHoverDesktop));
12402        --megaNavItemIconRotate: var(--megaNavItemIconRotateMobile, var(--megaNavItemIconRotateDesktop));
12403        --megaNavItemIconRotateHover: var(--megaNavItemIconRotateHoverMobile, var(--megaNavItemIconRotateHoverDesktop));
12404        --megaNavItemIconSpacing: var(--megaNavItemIconSpacingMobile, var(--megaNavItemIconSpacingDesktop));
12405        /* mega main item */
12406        --megaNavItemBackgroundColor: var(--megaNavItemBackgroundColorMobile, var(--megaNavItemBackgroundColorDesktop));
12407        --megaNavItemBorderTop: var(--megaNavItemBorderTopMobile, var(--megaNavItemBorderTopDesktop));
12408        --megaNavItemBorderRight: var(--megaNavItemBorderRightMobile, var(--megaNavItemBorderRightDesktop));
12409        --megaNavItemBorderBottom: var(--megaNavItemBorderBottomMobile, var(--megaNavItemBorderBottomDesktop));
12410        --megaNavItemBorderLeft: var(--megaNavItemBorderLeftMobile, var(--megaNavItemBorderLeftDesktop));
12411        --megaNavItemBorderRadius: var(--megaNavItemBorderRadiusMobile, var(--megaNavItemBorderRadiusDesktop));
12412        --megaNavItemPaddingTop: var(--megaNavItemPaddingTopMobile, var(--megaNavItemPaddingTopDesktop));
12413        --megaNavItemPaddingBottom: var(--megaNavItemPaddingBottomMobile, var(--megaNavItemPaddingBottomDesktop));
12414        --megaNavItemPaddingLeft: var(--megaNavItemPaddingLeftMobile, var(--megaNavItemPaddingLeftDesktop));
12415        --megaNavItemPaddingRight: var(--megaNavItemPaddingRightMobile, var(--megaNavItemPaddingRightDesktop));
12416        --megaNavItemFont: var(--megaNavItemFontMobile, var(--megaNavItemFontDesktop));
12417        --megaNavItemFontColor: var(--megaNavItemFontColorMobile, var(--megaNavItemFontColorDesktop));
12418        --megaNavItemLineHeight: var(--megaNavItemLineHeightMobile, var(--megaNavItemLineHeightDesktop));
12419        --megaNavItemLetterSpacing: var(--megaNavItemLetterSpacingMobile, var(--megaNavItemLetterSpacingDesktop));
12420        --megaNavItemFontSize: var(--megaNavItemFontSizeMobile, var(--megaNavItemFontSizeDesktop));
12421        --megaNavItemTextDecoration: var(--megaNavItemTextDecorationMobile, var(--megaNavItemTextDecorationDesktop));
12422        --megaNavItemFontWeight: var(--megaNavItemFontWeightMobile, var(--megaNavItemFontWeightDesktop));
12423        --megaNavItemFontStyle: var(--megaNavItemFontStyleMobile, var(--megaNavItemFontStyleDesktop));
12424        --megaNavItemHoverBackgroundColor: var(--megaNavItemHoverBackgroundColorMobile, var(--megaNavItemHoverBackgroundColorDesktop));
12425        --megaNavItemBorderTopHover: var(--megaNavItemBorderTopHoverMobile, var(--megaNavItemBorderTopHoverDesktop));
12426        --megaNavItemBorderRightHover: var(--megaNavItemBorderRightHoverMobile, var(--megaNavItemBorderRightHoverDesktop));
12427        --megaNavItemBorderBottomHover: var(--megaNavItemBorderBottomHoverMobile, var(--megaNavItemBorderBottomHoverDesktop));
12428        --megaNavItemBorderLeftHover: var(--megaNavItemBorderLeftHoverMobile, var(--megaNavItemBorderLeftHoverDesktop));
12429        --megaNavItemBorderRadiusHover: var(--megaNavItemBorderRadiusHoverMobile, var(--megaNavItemBorderRadiusHoverDesktop));
12430        --megaNavItemPaddingTopHover: var(--megaNavItemPaddingTopHoverMobile, var(--megaNavItemPaddingTopHoverDesktop));
12431        --megaNavItemPaddingBottomHover: var(--megaNavItemPaddingBottomHoverMobile, var(--megaNavItemPaddingBottomHoverDesktop));
12432        --megaNavItemPaddingLeftHover: var(--megaNavItemPaddingLeftHoverMobile, var(--megaNavItemPaddingLeftHoverDesktop));
12433        --megaNavItemPaddingRightHover: var(--megaNavItemPaddingRightHoverMobile, var(--megaNavItemPaddingRightHoverDesktop));
12434        --megaNavItemHoverFontColor: var(--megaNavItemHoverFontColorMobile, var(--megaNavItemHoverFontColorDesktop));
12435        --megaNavItemFontSizeHover: var(--megaNavItemFontSizeHoverMobile, var(--megaNavItemFontSizeHoverDesktop));
12436        --megaNavItemTextDecorationHover: var(--megaNavItemTextDecorationHoverMobile, var(--megaNavItemTextDecorationHoverDesktop));
12437        --megaNavItemFontWeightHover: var(--megaNavItemFontWeightHoverMobile, var(--megaNavItemFontWeightHoverDesktop));
12438        --megaNavItemFontStyleHover: var(--megaNavItemFontStyleHoverMobile, var(--megaNavItemFontStyleHoverDesktop));
12439        --megaNavItemActiveBackgroundColor: var(--megaNavItemActiveBackgroundColorMobile, var(--megaNavItemActiveBackgroundColorDesktop));
12440        --megaNavItemActiveFontColor: var(--megaNavItemActiveFontColorMobile, var(--megaNavItemActiveFontColorDesktop));
12441        --megaNavArrowDisplay: var(--megaNavArrowDisplayMobile, var(--megaNavArrowDisplayDesktop));
12442        --megaNavArrowSize: var(--megaNavArrowSizeMobile, var(--megaNavArrowSizeDesktop));
12443        --megaNavArrowColor: var(--megaNavArrowColorMobile, var(--megaNavArrowColorDesktop));
12444        --megaNavArrowRotate: var(--megaNavArrowRotateMobile, var(--megaNavArrowRotateDesktop));
12445        --megaNavArrowSizeHover: var(--megaNavArrowSizeHoverMobile, var(--megaNavArrowSizeMobile, var(--megaNavArrowDesktop)));
12446        --megaNavArrowColorHover: var(--megaNavArrowColorHoverMobile, var(--megaNavArrowColorHoverDesktop));
12447        --megaNavArrowRotateHover: var(--megaNavArrowRotateHoverMobile, var(--megaNavArrowRotateHoverDesktop));
12448        --megaNavArrowSpacing: var(--megaNavArrowSpacingMobile, var(--megaNavArrowSpacingDesktop));
12449        --megaNavSubItemFont: var(--megaNavSubItemFontMobile, var(--megaNavSubItemFontDesktop));
12450        --megaNavSubItemFontColor: var(--megaNavSubItemFontColorMobile, var(--megaNavSubItemFontColorDesktop));
12451        --megaNavSubItemFontSize: var(--megaNavSubItemFontSizeMobile, var(--megaNavSubItemFontSizeDesktop));
12452        --megaNavSubItemFontWeight: var(--megaNavSubItemFontWeightMobile, var(--megaNavSubItemFontWeightDesktop));
12453        --megaNavSubItemFontStyle: var(--megaNavSubItemFontStyleMobile, var(--megaNavSubItemFontStyleDesktop));
12454        --megaNavSubItemLineHeight: var(--megaNavSubItemLineHeightMobile, var(--megaNavSubItemLineHeightDesktop));
12455        --megaNavSubItemLetterSpacing: var(--megaNavSubItemLetterSpacingMobile, var(--megaNavSubItemLetterSpacingDesktop));
12456        --megaNavSubItemTextDecoration: var(--megaNavSubItemTextDecorationMobile, var(--megaNavSubItemTextDecorationDesktop));
12457        --megaNavSubItemHoverFontColor: var(--megaNavSubItemHoverFontColorMobile, var(--megaNavSubItemHoverFontColorDesktop));
12458        --megaNavSubItemHoverFontSize: var(--megaNavSubItemHoverFontSizeMobile, var(--megaNavSubItemHoverFontSizeDesktop));
12459        --megaNavSubItemHoverFontWeight: var(--megaNavSubItemHoverFontWeightMobile, var(--megaNavSubItemHoverFontWeightDesktop));
12460        --megaNavSubItemHoverFontStyle: var(--megaNavSubItemHoverFontStyleMobile, var(--megaNavSubItemHoverFontStyleDesktop));
12461        --megaNavSubItemHoverTextDecoration: var(--megaNavSubItemHoverTextDecorationMobile, var(--megaNavSubItemHoverTextDecorationDesktop));
12462        --megaNavSubItemBackgroundColor: var(--megaNavSubItemBackgroundColorMobile, var(--megaNavSubItemBackgroundColorDesktop));
12463        --megaNavSubItemHoverBackgroundColor: var(--megaNavSubItemHoverBackgroundColorMobile, var(--megaNavSubItemHoverBackgroundColorDesktop));
12464        --megaNavSubItemBorderTop: var(--megaNavSubItemBorderTopMobile, var(--megaNavSubItemBorderTopDesktop));
12465        --megaNavSubItemBorderRight: var(--megaNavSubItemBorderRightMobile, var(--megaNavSubItemBorderRightDesktop));
12466        --megaNavSubItemBorderBottom: var(--megaNavSubItemBorderBottomMobile, var(--megaNavSubItemBorderBottomDesktop));
12467        --megaNavSubItemBorderLeft: var(--megaNavSubItemBorderLeftMobile, var(--megaNavSubItemBorderLeftDesktop));
12468        --megaNavSubItemBorderRadius: var(--megaNavSubItemBorderRadiusMobile, var(--megaNavSubItemBorderRadiusDesktop));
12469        --megaNavSubItemBorderTopHover: var(--megaNavSubItemBorderTopHoverMobile, var(--megaNavSubItemBorderTopHoverDesktop));
12470        --megaNavSubItemBorderRightHover: var(--megaNavSubItemBorderRightHoverMobile, var(--megaNavSubItemBorderRightHoverDesktop));
12471        --megaNavSubItemBorderBottomHover: var(--megaNavSubItemBorderBottomHoverMobile, var(--megaNavSubItemBorderBottomHoverDesktop));
12472        --megaNavSubItemBorderLeftHover: var(--megaNavSubItemBorderLeftHoverMobile, var(--megaNavSubItemBorderLeftHoverDesktop));
12473        --megaNavSubItemBorderRadiusHover: var(--megaNavSubItemBorderRadiusHoverMobile, var(--megaNavSubItemBorderRadiusHoverDesktop));
12474        --megaNavSubItemPaddingTop: var(--megaNavSubItemPaddingTopMobile, var(--megaNavSubItemPaddingTopDesktop));
12475        --megaNavSubItemPaddingRight: var(--megaNavSubItemPaddingRightMobile, var(--megaNavSubItemPaddingRightDesktop));
12476        --megaNavSubItemPaddingBottom: var(--megaNavSubItemPaddingBottomMobile, var(--megaNavSubItemPaddingBottomDesktop));
12477        --megaNavSubItemPaddingLeft: var(--megaNavSubItemPaddingLeftMobile, var(--megaNavSubItemPaddingLeftDesktop));
12478        --megaNavSubItemPaddingTopHover: var(--megaNavSubItemPaddingTopHoverMobile, var(--megaNavSubItemPaddingTopHoverDesktop));
12479        --megaNavSubItemPaddingRightHover: var(--megaNavSubItemPaddingRightHoverMobile, var(--megaNavSubItemPaddingRightHoverDesktop));
12480        --megaNavSubItemPaddingBottomHover: var(--megaNavSubItemPaddingBottomHoverMobile, var(--megaNavSubItemPaddingBottomHoverDesktop));
12481        --megaNavSubItemPaddingLeftHover: var(--megaNavSubItemPaddingLeftHoverMobile, var(--megaNavSubItemPaddingLeftHoverDesktop));
12482        --megaNavSubItemIconDisplay: var(--megaNavSubItemIconDisplayMobile, var(--megaNavSubItemIconDisplayDesktop));
12483        --megaNavSubItemIconColor: var(--megaNavSubItemIconColorMobile, var(--megaNavSubItemIconColorDesktop));
12484        --megaNavSubItemIconColorHover: var(--megaNavSubItemIconColorHoverMobile, var(--megaNavSubItemIconColorHoverDesktop));
12485        --megaNavSubItemIconSize: var(--megaNavSubItemIconSizeMobile, var(--megaNavSubItemIconSizeDesktop));
12486        --megaNavSubItemIconSizeHover: var(--megaNavSubItemIconSizeHoverMobile, var(--megaNavSubItemIconSizeHoverDesktop));
12487        --megaNavSubItemIconRotate: var(--megaNavSubItemIconRotateMobile, var(--megaNavSubItemIconRotateDesktop));
12488        --megaNavSubItemIconRotateHover: var(--megaNavSubItemIconRotateHoverMobile, var(--megaNavSubItemIconRotateHoverDesktop));
12489        --megaNavSubItemIconSpacing: var(--megaNavSubItemIconSpacingMobile, var(--megaNavSubItemIconSpacingDesktop));
12490        --megaNavChildItemFont: var(--megaNavChildItemFontMobile, var(--megaNavChildItemFontDesktop));
12491        --megaNavChildItemFontColor: var(--megaNavChildItemFontColorMobile, var(--megaNavChildItemFontColorDesktop));
12492        --megaNavChildItemFontSize: var(--megaNavChildItemFontSizeMobile, var(--megaNavChildItemFontSizeDesktop));
12493        --megaNavChildItemFontWeight: var(--megaNavChildItemFontWeightMobile, var(--megaNavChildItemFontWeightDesktop));
12494        --megaNavChildItemFontStyle: var(--megaNavChildItemFontStyleMobile, var(--megaNavChildItemFontStyleDesktop));
12495        --megaNavChildItemLineHeight: var(--megaNavChildItemLineHeightMobile, var(--megaNavChildItemLineHeightDesktop));
12496        --megaNavChildItemLetterSpacing: var(--megaNavChildItemLetterSpacingMobile, var(--megaNavChildItemLetterSpacingDesktop));
12497        --megaNavChildItemTextDecoration: var(--megaNavChildItemTextDecorationMobile, var(--megaNavChildItemTextDecorationDesktop));
12498        --megaNavChildItemHoverFontColor: var(--megaNavChildItemHoverFontColorMobile, var(--megaNavChildItemHoverFontColorDesktop));
12499        --megaNavChildItemHoverFontSize: var(--megaNavChildItemHoverFontSizeMobile, var(--megaNavChildItemHoverFontSizeDesktop));
12500        --megaNavChildItemHoverFontWeight: var(--megaNavChildItemHoverFontWeightMobile, var(--megaNavChildItemHoverFontWeightDesktop));
12501        --megaNavChildItemHoverFontStyle: var(--megaNavChildItemHoverFontStyleMobile, var(--megaNavChildItemHoverFontStyleDesktop));
12502        --megaNavChildItemHoverTextDecoration: var(--megaNavChildItemHoverTextDecorationMobile, var(--megaNavChildItemHoverTextDecorationDesktop));
12503        --megaNavChildItemBackgroundColor: var(--megaNavChildItemBackgroundColorMobile, var(--megaNavChildItemBackgroundColorDesktop));
12504        --megaNavChildItemHoverBackgroundColor: var(--megaNavChildItemHoverBackgroundColorMobile, var(--megaNavChildItemHoverBackgroundColorDesktop));
12505        --megaNavChildItemBorderTop: var(--megaNavChildItemBorderTopMobile, var(--megaNavChildItemBorderTopDesktop));
12506        --megaNavChildItemBorderRight: var(--megaNavChildItemBorderRightMobile, var(--megaNavChildItemBorderRightDesktop));
12507        --megaNavChildItemBorderBottom: var(--megaNavChildItemBorderBottomMobile, var(--megaNavChildItemBorderBottomDesktop));
12508        --megaNavChildItemBorderLeft: var(--megaNavChildItemBorderLeftMobile, var(--megaNavChildItemBorderLeftDesktop));
12509        --megaNavChildItemBorderRadius: var(--megaNavChildItemBorderRadiusMobile, var(--megaNavChildItemBorderRadiusDesktop));
12510        --megaNavChildItemBorderTopHover: var(--megaNavChildItemBorderTopHoverMobile, var(--megaNavChildItemBorderTopHoverDesktop));
12511        --megaNavChildItemBorderRightHover: var(--megaNavChildItemBorderRightHoverMobile, var(--megaNavChildItemBorderRightHoverDesktop));
12512        --megaNavChildItemBorderBottomHover: var(--megaNavChildItemBorderBottomHoverMobile, var(--megaNavChildItemBorderBottomHoverDesktop));
12513        --megaNavChildItemBorderLeftHover: var(--megaNavChildItemBorderLeftHoverMobile, var(--megaNavChildItemBorderLeftHoverDesktop));
12514        --megaNavChildItemBorderRadiusHover: var(--megaNavChildItemBorderRadiusHoverMobile, var(--megaNavChildItemBorderRadiusHoverDesktop));
12515        --megaNavChildItemPaddingTop: var(--megaNavChildItemPaddingTopMobile, var(--megaNavChildItemPaddingTopDesktop));
12516        --megaNavChildItemPaddingRight: var(--megaNavChildItemPaddingRightMobile, var(--megaNavChildItemPaddingRightDesktop));
12517        --megaNavChildItemPaddingBottom: var(--megaNavChildItemPaddingBottomMobile, var(--megaNavChildItemPaddingBottomDesktop));
12518        --megaNavChildItemPaddingLeft: var(--megaNavChildItemPaddingLeftMobile, var(--megaNavChildItemPaddingLeftDesktop));
12519        --megaNavChildItemPaddingTopHover: var(--megaNavChildItemPaddingTopHoverMobile, var(--megaNavChildItemPaddingTopHoverDesktop));
12520        --megaNavChildItemPaddingRightHover: var(--megaNavChildItemPaddingRightHoverMobile, var(--megaNavChildItemPaddingRightHoverDesktop));
12521        --megaNavChildItemPaddingBottomHover: var(--megaNavChildItemPaddingBottomHoverMobile, var(--megaNavChildItemPaddingBottomHoverDesktop));
12522        --megaNavChildItemPaddingLeftHover: var(--megaNavChildItemPaddingLeftHoverMobile, var(--megaNavChildItemPaddingLeftHoverDesktop));
12523        --megaNavChildItemIconDisplay: var(--megaNavChildItemIconDisplayMobile, var(--megaNavChildItemIconDisplayDesktop));
12524        --megaNavChildItemIconColor: var(--megaNavChildItemIconColorMobile, var(--megaNavChildItemIconColorDesktop));
12525        --megaNavChildItemIconColorHover: var(--megaNavChildItemIconColorHoverMobile, var(--megaNavChildItemIconColorHoverDesktop));
12526        --megaNavChildItemIconSize: var(--megaNavChildItemIconSizeMobile, var(--megaNavChildItemIconSizeDesktop));
12527        --megaNavChildItemIconSizeHover: var(--megaNavChildItemIconSizeHoverMobile, var(--megaNavChildItemIconSizeHoverDesktop));
12528        --megaNavChildItemIconRotate: var(--megaNavChildItemIconRotateMobile, var(--megaNavChildItemIconRotateDesktop));
12529        --megaNavChildItemIconRotateHover: var(--megaNavChildItemIconRotateHoverMobile, var(--megaNavChildItemIconRotateHoverDesktop));
12530        --megaNavChildItemIconSpacing: var(--megaNavChildItemIconSpacingMobile, var(--megaNavChildItemIconSpacingDesktop));
12531    }
12532}
12533
12534@media all and (width >= 1040px) {
12535    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container ul.navigation-nav--main-menu {
12536        column-gap: calc(var(--megaNavSeparatorSpacing) / 2);
12537
12538        & > .navigation-nav--separator {
12539            display: var(--megaNavSeparatorDisplay);
12540            width: var(--megaNavSeparatorWidth);
12541            background-color: var(--megaNavSeparatorColor);
12542        }
12543    }
12544
12545    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:has(> button.arrow) {
12546        display: grid;
12547        grid-template-columns: 1fr auto;
12548        align-items: center;
12549        position: relative;
12550        padding-right: calc(var(--navItemPaddingRight) / 2);
12551    }
12552
12553    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:has(> button.arrow):hover,
12554    .wmcA_hoverState.wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:has(> button.arrow),
12555    .wmcA_hoverState .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:has(> button.arrow) {
12556        padding-right: calc(var(--navItemPaddingRightHover) / 2);
12557    }
12558
12559    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:has(> button.arrow) > a {
12560        padding-right: 0;
12561        width: 100%;
12562    }
12563
12564    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:has(> button.arrow) > button.arrow {
12565        display: flex;
12566        align-items: center;
12567        justify-content: center;
12568        width: var(--megaNavArrowDisplay, var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
12569        height: 100%;
12570        margin-left: var(--megaNavArrowDisplay, var(--megaNavArrowSpacing, 8px));
12571        background: transparent;
12572        border: 0;
12573        padding: 0;
12574        cursor: pointer;
12575        pointer-events: auto;
12576        --horizontalNavArrowColorActive: var(--megaNavArrowColorHover, var(--megaNavArrowColor, currentColor));
12577        --horizontalNavArrowRotateActive: var(--megaNavArrowRotateHover, var(--megaNavArrowRotate, none));
12578    }
12579
12580    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:has(> button.arrow) > button.arrow::after {
12581        content: var(--megaNavArrowDisplay, '');
12582        display: block;
12583        width: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
12584        height: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
12585        -webkit-mask-image: var(--wmd_caretIconUrl);
12586        mask-image: var(--wmd_caretIconUrl);
12587        -webkit-mask-size: contain;
12588        mask-size: contain;
12589        -webkit-mask-repeat: no-repeat;
12590        mask-repeat: no-repeat;
12591        -webkit-mask-position: center;
12592        mask-position: center;
12593        background-color: var(--megaNavArrowColor, currentColor);
12594        transform: var(--megaNavArrowRotate, none);
12595        transition: transform 0.2s ease, background-color 0.2s ease;
12596    }
12597
12598    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:has(> button.arrow):hover > button.arrow::after,
12599    .wmcA_hoverState.wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:has(> button.arrow) > button.arrow::after,
12600    .wmcA_hoverState .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:has(> button.arrow) > button.arrow::after {
12601        width: var(--megaNavArrowSizeHover, var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
12602        height: var(--megaNavArrowSizeHover, var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
12603        background-color: var(--megaNavArrowColorHover, var(--megaNavArrowColor, currentColor));
12604        transform: var(--megaNavArrowRotateHover, var(--megaNavArrowRotate, none));
12605    }
12606}
12607
12608@media all and (width < 1040px) {
12609    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container ul.navigation-nav--main-menu {
12610        column-gap: calc(var(--megaNavSeparatorSpacing) / 2);
12611
12612        & > .navigation-nav--separator {
12613            display: var(--megaNavSeparatorDisplay);
12614            width: var(--megaNavSeparatorWidth);
12615            background-color: var(--megaNavSeparatorColor);
12616        }
12617    }
12618
12619    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:has(> button.arrow) {
12620        display: grid;
12621        grid-template-columns: 1fr auto;
12622        align-items: center;
12623        position: relative;
12624        padding-right: calc(var(--navItemPaddingRight) / 2);
12625    }
12626
12627    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:has(> button.arrow):hover,
12628    .wmcA_hoverState.wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:has(> button.arrow),
12629    .wmcA_hoverState .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:has(> button.arrow) {
12630        padding-right: calc(var(--navItemPaddingRightHover) / 2);
12631    }
12632
12633    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:has(> button.arrow) > a {
12634        padding-right: 0;
12635        width: 100%;
12636    }
12637
12638    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:has(> button.arrow) > button.arrow {
12639        display: flex;
12640        align-items: center;
12641        justify-content: center;
12642        width: var(--megaNavArrowDisplay, var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
12643        height: 100%;
12644        margin-left: var(--megaNavArrowDisplay, var(--megaNavArrowSpacing, 8px));
12645        background: transparent;
12646        border: 0;
12647        padding: 0;
12648        cursor: pointer;
12649        pointer-events: auto;
12650        --horizontalNavArrowColorActive: var(--megaNavArrowColorHover, var(--megaNavArrowColor, currentColor));
12651        --horizontalNavArrowRotateActive: var(--megaNavArrowRotateHover, var(--megaNavArrowRotate, none));
12652    }
12653
12654    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:has(> button.arrow) > button.arrow::after {
12655        content: var(--megaNavArrowDisplay, '');
12656        display: block;
12657        width: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
12658        height: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
12659        -webkit-mask-image: var(--wmd_caretIconUrl);
12660        mask-image: var(--wmd_caretIconUrl);
12661        -webkit-mask-size: contain;
12662        mask-size: contain;
12663        -webkit-mask-repeat: no-repeat;
12664        mask-repeat: no-repeat;
12665        -webkit-mask-position: center;
12666        mask-position: center;
12667        background-color: var(--megaNavArrowColor, currentColor);
12668        transform: var(--megaNavArrowRotate, none);
12669        transition: transform 0.2s ease, background-color 0.2s ease;
12670    }
12671
12672    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:has(> button.arrow):hover > button.arrow::after,
12673    .wmcA_hoverState.wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:has(> button.arrow) > button.arrow::after,
12674    .wmcA_hoverState .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:has(> button.arrow) > button.arrow::after {
12675        width: var(--megaNavArrowSizeHover, var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
12676        height: var(--megaNavArrowSizeHover, var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
12677        background-color: var(--megaNavArrowColorHover, var(--megaNavArrowColor, currentColor));
12678        transform: var(--megaNavArrowRotateHover, var(--megaNavArrowRotate, none));
12679    }
12680}
12681
12682@media all and (width < 650px) {
12683    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container ul.navigation-nav--main-menu {
12684        column-gap: calc(var(--megaNavSeparatorSpacing) / 2);
12685
12686        & > .navigation-nav--separator {
12687            display: var(--megaNavSeparatorDisplay);
12688            width: var(--megaNavSeparatorWidth);
12689            background-color: var(--megaNavSeparatorColor);
12690        }
12691    }
12692
12693    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:has(> button.arrow) {
12694        display: grid;
12695        grid-template-columns: 1fr auto;
12696        align-items: center;
12697        position: relative;
12698        padding-right: calc(var(--navItemPaddingRight) / 2);
12699    }
12700
12701    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:has(> button.arrow):hover,
12702    .wmcA_hoverState.wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:has(> button.arrow),
12703    .wmcA_hoverState .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:has(> button.arrow) {
12704        padding-right: calc(var(--navItemPaddingRightHover) / 2);
12705    }
12706
12707    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:has(> button.arrow) > a {
12708        padding-right: 0;
12709        width: 100%;
12710    }
12711
12712    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:has(> button.arrow) > button.arrow {
12713        display: flex;
12714        align-items: center;
12715        justify-content: center;
12716        width: var(--megaNavArrowDisplay, var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
12717        height: 100%;
12718        margin-left: var(--megaNavArrowDisplay, var(--megaNavArrowSpacing, 8px));
12719        background: transparent;
12720        border: 0;
12721        padding: 0;
12722        cursor: pointer;
12723        pointer-events: auto;
12724        --horizontalNavArrowColorActive: var(--megaNavArrowColorHover, var(--megaNavArrowColor, currentColor));
12725        --horizontalNavArrowRotateActive: var(--megaNavArrowRotateHover, var(--megaNavArrowRotate, none));
12726    }
12727
12728    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:has(> button.arrow) > button.arrow::after {
12729        content: var(--megaNavArrowDisplay, '');
12730        display: block;
12731        width: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
12732        height: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
12733        -webkit-mask-image: var(--wmd_caretIconUrl);
12734        mask-image: var(--wmd_caretIconUrl);
12735        -webkit-mask-size: contain;
12736        mask-size: contain;
12737        -webkit-mask-repeat: no-repeat;
12738        mask-repeat: no-repeat;
12739        -webkit-mask-position: center;
12740        mask-position: center;
12741        background-color: var(--megaNavArrowColor, currentColor);
12742        transform: var(--megaNavArrowRotate, none);
12743        transition: transform 0.2s ease, background-color 0.2s ease;
12744    }
12745
12746    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:has(> button.arrow):hover > button.arrow::after,
12747    .wmcA_hoverState.wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:has(> button.arrow) > button.arrow::after,
12748    .wmcA_hoverState .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:has(> button.arrow) > button.arrow::after {
12749        width: var(--megaNavArrowSizeHover, var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
12750        height: var(--megaNavArrowSizeHover, var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
12751        background-color: var(--megaNavArrowColorHover, var(--megaNavArrowColor, currentColor));
12752        transform: var(--megaNavArrowRotateHover, var(--megaNavArrowRotate, none));
12753    }
12754}
12755
12756.wmc_menu .navigation-module-container .navigation-nav--item > a > i {
12757    display: var(--navItemIconDisplay, none);
12758    width: var(--navItemIconSize, 16px);
12759    height: var(--navItemIconSize, 16px);
12760    margin-right: var(--navItemIconSpacing, 8px);
12761    background-color: var(--navItemIconColor, currentColor);
12762    transform: var(--navItemIconRotate, none);
12763    -webkit-mask-size: contain;
12764    mask-size: contain;
12765    -webkit-mask-repeat: no-repeat;
12766    mask-repeat: no-repeat;
12767    -webkit-mask-position: center;
12768    mask-position: center;
12769    flex-shrink: 0;
12770    transition: background-color 0.2s ease, transform 0.2s ease;
12771}
12772
12773.wmc_menu .navigation-module-container .navigation-nav--item > a:hover > i,
12774.wmcA_hoverState.wmc_menu .navigation-module-container .navigation-nav--item > a > i,
12775.wmcA_hoverState .wmc_menu .navigation-module-container .navigation-nav--item > a > i {
12776    width: var(--navItemIconSizeHover, var(--navItemIconSize, 16px));
12777    height: var(--navItemIconSizeHover, var(--navItemIconSize, 16px));
12778    background-color: var(--navItemIconColorHover, var(--navItemIconColor, currentColor));
12779    transform: var(--navItemIconRotateHover, var(--navItemIconRotate, none));
12780}
12781
12782.wmc_menu .navigation-module-container .navigation-nav--item.open > a > i,
12783.wmc_menu .navigation-module-container .navigation-nav--item.wmcA_activeState > a > i,
12784.wmcA_activeState.wmc_menu .navigation-module-container .navigation-nav--item > a > i,
12785.wmcA_activeState .wmc_menu .navigation-module-container .navigation-nav--item > a > i {
12786    width: var(--navItemIconSizeActive, var(--navItemIconSize, 16px));
12787    height: var(--navItemIconSizeActive, var(--navItemIconSize, 16px));
12788    background-color: var(--navItemIconColorActive, var(--navItemIconColor, currentColor));
12789    transform: var(--navItemIconRotateActive, var(--navItemIconRotate, none));
12790}
12791
12792.wmc_menu .navigation-module-container .navigation-nav--sub-item > a > i {
12793    display: var(--navSubItemIconDisplay, none);
12794    width: var(--navSubItemIconSize, 16px);
12795    height: var(--navSubItemIconSize, 16px);
12796    margin-right: var(--navSubItemIconSpacing, 8px);
12797    background-color: var(--navSubItemIconColor, currentColor);
12798    transform: var(--navSubItemIconRotate, none);
12799    -webkit-mask-size: contain;
12800    mask-size: contain;
12801    -webkit-mask-repeat: no-repeat;
12802    mask-repeat: no-repeat;
12803    -webkit-mask-position: center;
12804    mask-position: center;
12805    flex-shrink: 0;
12806    transition: background-color 0.2s ease, transform 0.2s ease;
12807}
12808
12809.wmc_menu .navigation-module-container .navigation-nav--sub-item > a:hover > i,
12810.wmcA_hoverState.wmc_menu .navigation-module-container .navigation-nav--sub-item > a > i,
12811.wmcA_hoverState .wmc_menu .navigation-module-container .navigation-nav--sub-item > a > i {
12812    width: var(--navSubItemIconSizeHover, var(--navSubItemIconSize, 16px));
12813    height: var(--navSubItemIconSizeHover, var(--navSubItemIconSize, 16px));
12814    background-color: var(--navSubItemIconColorHover, var(--navSubItemIconColor, currentColor));
12815    transform: var(--navSubItemIconRotateHover, var(--navSubItemIconRotate, none));
12816}
12817
12818.wmc_menu .navigation-module-container .navigation-nav--sub-item.open > a > i,
12819.wmc_menu .navigation-module-container .navigation-nav--sub-item.wmcA_activeState > a > i,
12820.wmcA_activeState.wmc_menu .navigation-module-container .navigation-nav--sub-item > a > i,
12821.wmcA_activeState .wmc_menu .navigation-module-container .navigation-nav--sub-item > a > i {
12822    width: var(--navSubItemIconSizeActive, var(--navSubItemIconSize, 16px));
12823    height: var(--navSubItemIconSizeActive, var(--navSubItemIconSize, 16px));
12824    background-color: var(--navSubItemIconColorActive, var(--navSubItemIconColor, currentColor));
12825    transform: var(--navSubItemIconRotateActive, var(--navSubItemIconRotate, none));
12826}
12827
12828/* Map the active type's icon vars -> neutral names, one device at a time.
12829   Base var names (no *Desktop/*Tablet/*Mobile suffix) are already resolved
12830   to the correct per-viewport value by the apply chain above, so each
12831   media query only needs to pick the type that is active at that width. */
12832@media all and (width >= 1040px) {
12833    .wmc_menu.wmcM_menuHorizontalDesktop {
12834        /* horizontal main item */
12835        --navItemBackgroundColor: var(--horizontalNavItemBackgroundColor);
12836        --navItemBorderTop: var(--horizontalNavItemBorderTop);
12837        --navItemBorderRight: var(--horizontalNavItemBorderRight);
12838        --navItemBorderBottom: var(--horizontalNavItemBorderBottom);
12839        --navItemBorderLeft: var(--horizontalNavItemBorderLeft);
12840        --navItemBorderRadius: var(--horizontalNavItemBorderRadius);
12841        --navItemPaddingTop: var(--horizontalNavItemPaddingTop);
12842        --navItemPaddingBottom: var(--horizontalNavItemPaddingBottom);
12843        --navItemPaddingLeft: var(--horizontalNavItemPaddingLeft);
12844        --navItemPaddingRight: var(--horizontalNavItemPaddingRight);
12845        --navItemFont: var(--horizontalNavItemFont);
12846        --navItemFontColor: var(--horizontalNavItemFontColor);
12847        --navItemLineHeight: var(--horizontalNavItemLineHeight);
12848        --navItemLetterSpacing: var(--horizontalNavItemLetterSpacing);
12849        --navItemFontSize: var(--horizontalNavItemFontSize);
12850        --navItemTextDecoration: var(--horizontalNavItemTextDecoration);
12851        --navItemFontWeight: var(--horizontalNavItemFontWeight);
12852        --navItemFontStyle: var(--horizontalNavItemFontStyle);
12853        --navItemHoverBackgroundColor: var(--horizontalNavItemHoverBackgroundColor);
12854        --navItemBorderTopHover: var(--horizontalNavItemBorderTopHover);
12855        --navItemBorderRightHover: var(--horizontalNavItemBorderRightHover);
12856        --navItemBorderBottomHover: var(--horizontalNavItemBorderBottomHover);
12857        --navItemBorderLeftHover: var(--horizontalNavItemBorderLeftHover);
12858        --navItemBorderRadiusHover: var(--horizontalNavItemBorderRadiusHover);
12859        --navItemPaddingTopHover: var(--horizontalNavItemPaddingTopHover);
12860        --navItemPaddingBottomHover: var(--horizontalNavItemPaddingBottomHover);
12861        --navItemPaddingLeftHover: var(--horizontalNavItemPaddingLeftHover);
12862        --navItemPaddingRightHover: var(--horizontalNavItemPaddingRightHover);
12863        --navItemHoverFontColor: var(--horizontalNavItemHoverFontColor);
12864        --navItemFontSizeHover: var(--horizontalNavItemFontSizeHover);
12865        --navItemTextDecorationHover: var(--horizontalNavItemTextDecorationHover);
12866        --navItemFontWeightHover: var(--horizontalNavItemFontWeightHover);
12867        --navItemFontStyleHover: var(--horizontalNavItemFontStyleHover);
12868        --navItemActiveBackgroundColor: var(--horizontalNavItemActiveBackgroundColor);
12869        --navItemActiveFontColor: var(--horizontalNavItemActiveFontColor);
12870        --navItemIconDisplay: var(--horizontalNavItemIconDisplay);
12871        --navItemIconSize: var(--horizontalNavItemIconSize);
12872        --navItemIconSizeHover: var(--horizontalNavItemIconSizeHover);
12873        --navItemIconSizeActive: var(--horizontalNavItemIconSizeActive);
12874        --navItemIconColor: var(--horizontalNavItemIconColor);
12875        --navItemIconColorHover: var(--horizontalNavItemIconColorHover);
12876        --navItemIconColorActive: var(--horizontalNavItemIconColorActive);
12877        --navItemIconSpacing: var(--horizontalNavItemIconSpacing);
12878        --navItemIconRotate: var(--horizontalNavItemIconRotate);
12879        --navItemIconRotateHover: var(--horizontalNavItemIconRotateHover);
12880        --navItemIconRotateActive: var(--horizontalNavItemIconRotateActive);
12881        --navSubItemIconDisplay: var(--horizontalNavSubItemIconDisplay);
12882        --navSubItemIconSize: var(--horizontalNavSubItemIconSize);
12883        --navSubItemIconSizeHover: var(--horizontalNavSubItemIconSizeHover);
12884        --navSubItemIconSizeActive: var(--horizontalNavSubItemIconSizeActive);
12885        --navSubItemIconColor: var(--horizontalNavSubItemIconColor);
12886        --navSubItemIconColorHover: var(--horizontalNavSubItemIconColorHover);
12887        --navSubItemIconColorActive: var(--horizontalNavSubItemIconColorActive);
12888        --navSubItemIconSpacing: var(--horizontalNavSubItemIconSpacing);
12889        --navSubItemIconRotate: var(--horizontalNavSubItemIconRotate);
12890        --navSubItemIconRotateHover: var(--horizontalNavSubItemIconRotateHover);
12891        --navSubItemIconRotateActive: var(--horizontalNavSubItemIconRotateActive);
12892    }
12893    .wmc_menu.wmcM_menuMegaDesktop {
12894        /* mega main item */
12895        --navItemBackgroundColor: var(--megaNavItemBackgroundColor);
12896        --navItemBorderTop: var(--megaNavItemBorderTop);
12897        --navItemBorderRight: var(--megaNavItemBorderRight);
12898        --navItemBorderBottom: var(--megaNavItemBorderBottom);
12899        --navItemBorderLeft: var(--megaNavItemBorderLeft);
12900        --navItemBorderRadius: var(--megaNavItemBorderRadius);
12901        --navItemPaddingTop: var(--megaNavItemPaddingTop);
12902        --navItemPaddingBottom: var(--megaNavItemPaddingBottom);
12903        --navItemPaddingLeft: var(--megaNavItemPaddingLeft);
12904        --navItemPaddingRight: var(--megaNavItemPaddingRight);
12905        --navItemFont: var(--megaNavItemFont);
12906        --navItemFontColor: var(--megaNavItemFontColor);
12907        --navItemLineHeight: var(--megaNavItemLineHeight);
12908        --navItemLetterSpacing: var(--megaNavItemLetterSpacing);
12909        --navItemFontSize: var(--megaNavItemFontSize);
12910        --navItemTextDecoration: var(--megaNavItemTextDecoration);
12911        --navItemFontWeight: var(--megaNavItemFontWeight);
12912        --navItemFontStyle: var(--megaNavItemFontStyle);
12913        --navItemHoverBackgroundColor: var(--megaNavItemHoverBackgroundColor);
12914        --navItemBorderTopHover: var(--megaNavItemBorderTopHover);
12915        --navItemBorderRightHover: var(--megaNavItemBorderRightHover);
12916        --navItemBorderBottomHover: var(--megaNavItemBorderBottomHover);
12917        --navItemBorderLeftHover: var(--megaNavItemBorderLeftHover);
12918        --navItemBorderRadiusHover: var(--megaNavItemBorderRadiusHover);
12919        --navItemPaddingTopHover: var(--megaNavItemPaddingTopHover);
12920        --navItemPaddingBottomHover: var(--megaNavItemPaddingBottomHover);
12921        --navItemPaddingLeftHover: var(--megaNavItemPaddingLeftHover);
12922        --navItemPaddingRightHover: var(--megaNavItemPaddingRightHover);
12923        --navItemHoverFontColor: var(--megaNavItemHoverFontColor);
12924        --navItemFontSizeHover: var(--megaNavItemFontSizeHover);
12925        --navItemTextDecorationHover: var(--megaNavItemTextDecorationHover);
12926        --navItemFontWeightHover: var(--megaNavItemFontWeightHover);
12927        --navItemFontStyleHover: var(--megaNavItemFontStyleHover);
12928        --navItemActiveBackgroundColor: var(--megaNavItemActiveBackgroundColor);
12929        --navItemActiveFontColor: var(--megaNavItemActiveFontColor);
12930        --navItemIconDisplay: var(--megaNavItemIconDisplay);
12931        --navItemIconSize: var(--megaNavItemIconSize);
12932        --navItemIconSizeHover: var(--megaNavItemIconSizeHover);
12933        --navItemIconColor: var(--megaNavItemIconColor);
12934        --navItemIconColorHover: var(--megaNavItemIconColorHover);
12935        --navItemIconSpacing: var(--megaNavItemIconSpacing);
12936        --navItemIconRotate: var(--megaNavItemIconRotate);
12937        --navItemIconRotateHover: var(--megaNavItemIconRotateHover);
12938    }
12939    .wmc_menu.wmcM_menuHamburgerDesktop {
12940        --navItemIconDisplay: var(--hamburgerNavItemIconDisplay);
12941        --navItemIconSize: var(--hamburgerNavItemIconSize);
12942        --navItemIconSizeHover: var(--hamburgerNavItemIconSizeHover);
12943        --navItemIconColor: var(--hamburgerNavItemIconColor);
12944        --navItemIconColorHover: var(--hamburgerNavItemIconColorHover);
12945        --navItemIconSpacing: var(--hamburgerNavItemIconSpacing);
12946        --navItemIconRotate: var(--hamburgerNavItemIconRotate);
12947        --navItemIconRotateHover: var(--hamburgerNavItemIconRotateHover);
12948        --navSubItemIconDisplay: var(--hamburgerNavSubItemIconDisplay);
12949        --navSubItemIconSize: var(--hamburgerNavSubItemIconSize);
12950        --navSubItemIconSizeHover: var(--hamburgerNavSubItemIconSizeHover);
12951        --navSubItemIconColor: var(--hamburgerNavSubItemIconColor);
12952        --navSubItemIconColorHover: var(--hamburgerNavSubItemIconColorHover);
12953        --navSubItemIconSpacing: var(--hamburgerNavSubItemIconSpacing);
12954        --navSubItemIconRotate: var(--hamburgerNavSubItemIconRotate);
12955        --navSubItemIconRotateHover: var(--hamburgerNavSubItemIconRotateHover);
12956    }
12957    .wmc_menu.wmcM_menuVerticalDesktop {
12958        --navItemIconDisplay: var(--verticalNavItemIconDisplay);
12959        --navItemIconSize: var(--verticalNavItemIconSize);
12960        --navItemIconSizeHover: var(--verticalNavItemIconSizeHover);
12961        --navItemIconColor: var(--verticalNavItemIconColor);
12962        --navItemIconColorHover: var(--verticalNavItemIconColorHover);
12963        --navItemIconSpacing: var(--verticalNavItemIconSpacing);
12964        --navItemIconRotate: var(--verticalNavItemIconRotate);
12965        --navItemIconRotateHover: var(--verticalNavItemIconRotateHover);
12966        --navSubItemIconDisplay: var(--verticalNavSubItemIconDisplay);
12967        --navSubItemIconSize: var(--verticalNavSubItemIconSize);
12968        --navSubItemIconSizeHover: var(--verticalNavSubItemIconSizeHover);
12969        --navSubItemIconColor: var(--verticalNavSubItemIconColor);
12970        --navSubItemIconColorHover: var(--verticalNavSubItemIconColorHover);
12971        --navSubItemIconSpacing: var(--verticalNavSubItemIconSpacing);
12972        --navSubItemIconRotate: var(--verticalNavSubItemIconRotate);
12973        --navSubItemIconRotateHover: var(--verticalNavSubItemIconRotateHover);
12974    }
12975}
12976
12977@media all and (min-width: 650px) and (width < 1040px) {
12978    .wmc_menu.wmcM_menuHorizontalTablet {
12979        /* horizontal main item */
12980        --navItemBackgroundColor: var(--horizontalNavItemBackgroundColor);
12981        --navItemBorderTop: var(--horizontalNavItemBorderTop);
12982        --navItemBorderRight: var(--horizontalNavItemBorderRight);
12983        --navItemBorderBottom: var(--horizontalNavItemBorderBottom);
12984        --navItemBorderLeft: var(--horizontalNavItemBorderLeft);
12985        --navItemBorderRadius: var(--horizontalNavItemBorderRadius);
12986        --navItemPaddingTop: var(--horizontalNavItemPaddingTop);
12987        --navItemPaddingBottom: var(--horizontalNavItemPaddingBottom);
12988        --navItemPaddingLeft: var(--horizontalNavItemPaddingLeft);
12989        --navItemPaddingRight: var(--horizontalNavItemPaddingRight);
12990        --navItemFont: var(--horizontalNavItemFont);
12991        --navItemFontColor: var(--horizontalNavItemFontColor);
12992        --navItemLineHeight: var(--horizontalNavItemLineHeight);
12993        --navItemLetterSpacing: var(--horizontalNavItemLetterSpacing);
12994        --navItemFontSize: var(--horizontalNavItemFontSize);
12995        --navItemTextDecoration: var(--horizontalNavItemTextDecoration);
12996        --navItemFontWeight: var(--horizontalNavItemFontWeight);
12997        --navItemFontStyle: var(--horizontalNavItemFontStyle);
12998        --navItemHoverBackgroundColor: var(--horizontalNavItemHoverBackgroundColor);
12999        --navItemBorderTopHover: var(--horizontalNavItemBorderTopHover);
13000        --navItemBorderRightHover: var(--horizontalNavItemBorderRightHover);
13001        --navItemBorderBottomHover: var(--horizontalNavItemBorderBottomHover);
13002        --navItemBorderLeftHover: var(--horizontalNavItemBorderLeftHover);
13003        --navItemBorderRadiusHover: var(--horizontalNavItemBorderRadiusHover);
13004        --navItemPaddingTopHover: var(--horizontalNavItemPaddingTopHover);
13005        --navItemPaddingBottomHover: var(--horizontalNavItemPaddingBottomHover);
13006        --navItemPaddingLeftHover: var(--horizontalNavItemPaddingLeftHover);
13007        --navItemPaddingRightHover: var(--horizontalNavItemPaddingRightHover);
13008        --navItemHoverFontColor: var(--horizontalNavItemHoverFontColor);
13009        --navItemFontSizeHover: var(--horizontalNavItemFontSizeHover);
13010        --navItemTextDecorationHover: var(--horizontalNavItemTextDecorationHover);
13011        --navItemFontWeightHover: var(--horizontalNavItemFontWeightHover);
13012        --navItemFontStyleHover: var(--horizontalNavItemFontStyleHover);
13013        --navItemActiveBackgroundColor: var(--horizontalNavItemActiveBackgroundColor);
13014        --navItemActiveFontColor: var(--horizontalNavItemActiveFontColor);
13015        --navItemIconDisplay: var(--horizontalNavItemIconDisplay);
13016        --navItemIconSize: var(--horizontalNavItemIconSize);
13017        --navItemIconSizeHover: var(--horizontalNavItemIconSizeHover);
13018        --navItemIconSizeActive: var(--horizontalNavItemIconSizeActive);
13019        --navItemIconColor: var(--horizontalNavItemIconColor);
13020        --navItemIconColorHover: var(--horizontalNavItemIconColorHover);
13021        --navItemIconColorActive: var(--horizontalNavItemIconColorActive);
13022        --navItemIconSpacing: var(--horizontalNavItemIconSpacing);
13023        --navItemIconRotate: var(--horizontalNavItemIconRotate);
13024        --navItemIconRotateHover: var(--horizontalNavItemIconRotateHover);
13025        --navItemIconRotateActive: var(--horizontalNavItemIconRotateActive);
13026        --navSubItemIconDisplay: var(--horizontalNavSubItemIconDisplay);
13027        --navSubItemIconSize: var(--horizontalNavSubItemIconSize);
13028        --navSubItemIconSizeHover: var(--horizontalNavSubItemIconSizeHover);
13029        --navSubItemIconSizeActive: var(--horizontalNavSubItemIconSizeActive);
13030        --navSubItemIconColor: var(--horizontalNavSubItemIconColor);
13031        --navSubItemIconColorHover: var(--horizontalNavSubItemIconColorHover);
13032        --navSubItemIconColorActive: var(--horizontalNavSubItemIconColorActive);
13033        --navSubItemIconSpacing: var(--horizontalNavSubItemIconSpacing);
13034        --navSubItemIconRotate: var(--horizontalNavSubItemIconRotate);
13035        --navSubItemIconRotateHover: var(--horizontalNavSubItemIconRotateHover);
13036        --navSubItemIconRotateActive: var(--horizontalNavSubItemIconRotateActive);
13037    }
13038    .wmc_menu.wmcM_menuMegaTablet {
13039        /* mega main item */
13040        --navItemBackgroundColor: var(--megaNavItemBackgroundColor);
13041        --navItemBorderTop: var(--megaNavItemBorderTop);
13042        --navItemBorderRight: var(--megaNavItemBorderRight);
13043        --navItemBorderBottom: var(--megaNavItemBorderBottom);
13044        --navItemBorderLeft: var(--megaNavItemBorderLeft);
13045        --navItemBorderRadius: var(--megaNavItemBorderRadius);
13046        --navItemPaddingTop: var(--megaNavItemPaddingTop);
13047        --navItemPaddingBottom: var(--megaNavItemPaddingBottom);
13048        --navItemPaddingLeft: var(--megaNavItemPaddingLeft);
13049        --navItemPaddingRight: var(--megaNavItemPaddingRight);
13050        --navItemFont: var(--megaNavItemFont);
13051        --navItemFontColor: var(--megaNavItemFontColor);
13052        --navItemLineHeight: var(--megaNavItemLineHeight);
13053        --navItemLetterSpacing: var(--megaNavItemLetterSpacing);
13054        --navItemFontSize: var(--megaNavItemFontSize);
13055        --navItemTextDecoration: var(--megaNavItemTextDecoration);
13056        --navItemFontWeight: var(--megaNavItemFontWeight);
13057        --navItemFontStyle: var(--megaNavItemFontStyle);
13058        --navItemHoverBackgroundColor: var(--megaNavItemHoverBackgroundColor);
13059        --navItemBorderTopHover: var(--megaNavItemBorderTopHover);
13060        --navItemBorderRightHover: var(--megaNavItemBorderRightHover);
13061        --navItemBorderBottomHover: var(--megaNavItemBorderBottomHover);
13062        --navItemBorderLeftHover: var(--megaNavItemBorderLeftHover);
13063        --navItemBorderRadiusHover: var(--megaNavItemBorderRadiusHover);
13064        --navItemPaddingTopHover: var(--megaNavItemPaddingTopHover);
13065        --navItemPaddingBottomHover: var(--megaNavItemPaddingBottomHover);
13066        --navItemPaddingLeftHover: var(--megaNavItemPaddingLeftHover);
13067        --navItemPaddingRightHover: var(--megaNavItemPaddingRightHover);
13068        --navItemHoverFontColor: var(--megaNavItemHoverFontColor);
13069        --navItemFontSizeHover: var(--megaNavItemFontSizeHover);
13070        --navItemTextDecorationHover: var(--megaNavItemTextDecorationHover);
13071        --navItemFontWeightHover: var(--megaNavItemFontWeightHover);
13072        --navItemFontStyleHover: var(--megaNavItemFontStyleHover);
13073        --navItemActiveBackgroundColor: var(--megaNavItemActiveBackgroundColor);
13074        --navItemActiveFontColor: var(--megaNavItemActiveFontColor);
13075        --navItemIconDisplay: var(--megaNavItemIconDisplay);
13076        --navItemIconSize: var(--megaNavItemIconSize);
13077        --navItemIconSizeHover: var(--megaNavItemIconSizeHover);
13078        --navItemIconColor: var(--megaNavItemIconColor);
13079        --navItemIconColorHover: var(--megaNavItemIconColorHover);
13080        --navItemIconSpacing: var(--megaNavItemIconSpacing);
13081        --navItemIconRotate: var(--megaNavItemIconRotate);
13082        --navItemIconRotateHover: var(--megaNavItemIconRotateHover);
13083    }
13084    .wmc_menu.wmcM_menuHamburgerTablet {
13085        --navItemIconDisplay: var(--hamburgerNavItemIconDisplay);
13086        --navItemIconSize: var(--hamburgerNavItemIconSize);
13087        --navItemIconSizeHover: var(--hamburgerNavItemIconSizeHover);
13088        --navItemIconColor: var(--hamburgerNavItemIconColor);
13089        --navItemIconColorHover: var(--hamburgerNavItemIconColorHover);
13090        --navItemIconSpacing: var(--hamburgerNavItemIconSpacing);
13091        --navItemIconRotate: var(--hamburgerNavItemIconRotate);
13092        --navItemIconRotateHover: var(--hamburgerNavItemIconRotateHover);
13093        --navSubItemIconDisplay: var(--hamburgerNavSubItemIconDisplay);
13094        --navSubItemIconSize: var(--hamburgerNavSubItemIconSize);
13095        --navSubItemIconSizeHover: var(--hamburgerNavSubItemIconSizeHover);
13096        --navSubItemIconColor: var(--hamburgerNavSubItemIconColor);
13097        --navSubItemIconColorHover: var(--hamburgerNavSubItemIconColorHover);
13098        --navSubItemIconSpacing: var(--hamburgerNavSubItemIconSpacing);
13099        --navSubItemIconRotate: var(--hamburgerNavSubItemIconRotate);
13100        --navSubItemIconRotateHover: var(--hamburgerNavSubItemIconRotateHover);
13101    }
13102    .wmc_menu.wmcM_menuVerticalTablet {
13103        --navItemIconDisplay: var(--verticalNavItemIconDisplay);
13104        --navItemIconSize: var(--verticalNavItemIconSize);
13105        --navItemIconSizeHover: var(--verticalNavItemIconSizeHover);
13106        --navItemIconColor: var(--verticalNavItemIconColor);
13107        --navItemIconColorHover: var(--verticalNavItemIconColorHover);
13108        --navItemIconSpacing: var(--verticalNavItemIconSpacing);
13109        --navItemIconRotate: var(--verticalNavItemIconRotate);
13110        --navItemIconRotateHover: var(--verticalNavItemIconRotateHover);
13111        --navSubItemIconDisplay: var(--verticalNavSubItemIconDisplay);
13112        --navSubItemIconSize: var(--verticalNavSubItemIconSize);
13113        --navSubItemIconSizeHover: var(--verticalNavSubItemIconSizeHover);
13114        --navSubItemIconColor: var(--verticalNavSubItemIconColor);
13115        --navSubItemIconColorHover: var(--verticalNavSubItemIconColorHover);
13116        --navSubItemIconSpacing: var(--verticalNavSubItemIconSpacing);
13117        --navSubItemIconRotate: var(--verticalNavSubItemIconRotate);
13118        --navSubItemIconRotateHover: var(--verticalNavSubItemIconRotateHover);
13119    }
13120}
13121
13122@media all and (width < 650px) {
13123    .wmc_menu.wmcM_menuHorizontalMobile {
13124        /* horizontal main item */
13125        --navItemBackgroundColor: var(--horizontalNavItemBackgroundColor);
13126        --navItemBorderTop: var(--horizontalNavItemBorderTop);
13127        --navItemBorderRight: var(--horizontalNavItemBorderRight);
13128        --navItemBorderBottom: var(--horizontalNavItemBorderBottom);
13129        --navItemBorderLeft: var(--horizontalNavItemBorderLeft);
13130        --navItemBorderRadius: var(--horizontalNavItemBorderRadius);
13131        --navItemPaddingTop: var(--horizontalNavItemPaddingTop);
13132        --navItemPaddingBottom: var(--horizontalNavItemPaddingBottom);
13133        --navItemPaddingLeft: var(--horizontalNavItemPaddingLeft);
13134        --navItemPaddingRight: var(--horizontalNavItemPaddingRight);
13135        --navItemFont: var(--horizontalNavItemFont);
13136        --navItemFontColor: var(--horizontalNavItemFontColor);
13137        --navItemLineHeight: var(--horizontalNavItemLineHeight);
13138        --navItemLetterSpacing: var(--horizontalNavItemLetterSpacing);
13139        --navItemFontSize: var(--horizontalNavItemFontSize);
13140        --navItemTextDecoration: var(--horizontalNavItemTextDecoration);
13141        --navItemFontWeight: var(--horizontalNavItemFontWeight);
13142        --navItemFontStyle: var(--horizontalNavItemFontStyle);
13143        --navItemHoverBackgroundColor: var(--horizontalNavItemHoverBackgroundColor);
13144        --navItemBorderTopHover: var(--horizontalNavItemBorderTopHover);
13145        --navItemBorderRightHover: var(--horizontalNavItemBorderRightHover);
13146        --navItemBorderBottomHover: var(--horizontalNavItemBorderBottomHover);
13147        --navItemBorderLeftHover: var(--horizontalNavItemBorderLeftHover);
13148        --navItemBorderRadiusHover: var(--horizontalNavItemBorderRadiusHover);
13149        --navItemPaddingTopHover: var(--horizontalNavItemPaddingTopHover);
13150        --navItemPaddingBottomHover: var(--horizontalNavItemPaddingBottomHover);
13151        --navItemPaddingLeftHover: var(--horizontalNavItemPaddingLeftHover);
13152        --navItemPaddingRightHover: var(--horizontalNavItemPaddingRightHover);
13153        --navItemHoverFontColor: var(--horizontalNavItemHoverFontColor);
13154        --navItemFontSizeHover: var(--horizontalNavItemFontSizeHover);
13155        --navItemTextDecorationHover: var(--horizontalNavItemTextDecorationHover);
13156        --navItemFontWeightHover: var(--horizontalNavItemFontWeightHover);
13157        --navItemFontStyleHover: var(--horizontalNavItemFontStyleHover);
13158        --navItemActiveBackgroundColor: var(--horizontalNavItemActiveBackgroundColor);
13159        --navItemActiveFontColor: var(--horizontalNavItemActiveFontColor);
13160        --navItemIconDisplay: var(--horizontalNavItemIconDisplay);
13161        --navItemIconSize: var(--horizontalNavItemIconSize);
13162        --navItemIconSizeHover: var(--horizontalNavItemIconSizeHover);
13163        --navItemIconSizeActive: var(--horizontalNavItemIconSizeActive);
13164        --navItemIconColor: var(--horizontalNavItemIconColor);
13165        --navItemIconColorHover: var(--horizontalNavItemIconColorHover);
13166        --navItemIconColorActive: var(--horizontalNavItemIconColorActive);
13167        --navItemIconSpacing: var(--horizontalNavItemIconSpacing);
13168        --navItemIconRotate: var(--horizontalNavItemIconRotate);
13169        --navItemIconRotateHover: var(--horizontalNavItemIconRotateHover);
13170        --navItemIconRotateActive: var(--horizontalNavItemIconRotateActive);
13171        --navSubItemIconDisplay: var(--horizontalNavSubItemIconDisplay);
13172        --navSubItemIconSize: var(--horizontalNavSubItemIconSize);
13173        --navSubItemIconSizeHover: var(--horizontalNavSubItemIconSizeHover);
13174        --navSubItemIconSizeActive: var(--horizontalNavSubItemIconSizeActive);
13175        --navSubItemIconColor: var(--horizontalNavSubItemIconColor);
13176        --navSubItemIconColorHover: var(--horizontalNavSubItemIconColorHover);
13177        --navSubItemIconColorActive: var(--horizontalNavSubItemIconColorActive);
13178        --navSubItemIconSpacing: var(--horizontalNavSubItemIconSpacing);
13179        --navSubItemIconRotate: var(--horizontalNavSubItemIconRotate);
13180        --navSubItemIconRotateHover: var(--horizontalNavSubItemIconRotateHover);
13181        --navSubItemIconRotateActive: var(--horizontalNavSubItemIconRotateActive);
13182    }
13183    .wmc_menu.wmcM_menuMegaMobile {
13184        /* mega main item */
13185        --navItemBackgroundColor: var(--megaNavItemBackgroundColor);
13186        --navItemBorderTop: var(--megaNavItemBorderTop);
13187        --navItemBorderRight: var(--megaNavItemBorderRight);
13188        --navItemBorderBottom: var(--megaNavItemBorderBottom);
13189        --navItemBorderLeft: var(--megaNavItemBorderLeft);
13190        --navItemBorderRadius: var(--megaNavItemBorderRadius);
13191        --navItemPaddingTop: var(--megaNavItemPaddingTop);
13192        --navItemPaddingBottom: var(--megaNavItemPaddingBottom);
13193        --navItemPaddingLeft: var(--megaNavItemPaddingLeft);
13194        --navItemPaddingRight: var(--megaNavItemPaddingRight);
13195        --navItemFont: var(--megaNavItemFont);
13196        --navItemFontColor: var(--megaNavItemFontColor);
13197        --navItemLineHeight: var(--megaNavItemLineHeight);
13198        --navItemLetterSpacing: var(--megaNavItemLetterSpacing);
13199        --navItemFontSize: var(--megaNavItemFontSize);
13200        --navItemTextDecoration: var(--megaNavItemTextDecoration);
13201        --navItemFontWeight: var(--megaNavItemFontWeight);
13202        --navItemFontStyle: var(--megaNavItemFontStyle);
13203        --navItemHoverBackgroundColor: var(--megaNavItemHoverBackgroundColor);
13204        --navItemBorderTopHover: var(--megaNavItemBorderTopHover);
13205        --navItemBorderRightHover: var(--megaNavItemBorderRightHover);
13206        --navItemBorderBottomHover: var(--megaNavItemBorderBottomHover);
13207        --navItemBorderLeftHover: var(--megaNavItemBorderLeftHover);
13208        --navItemBorderRadiusHover: var(--megaNavItemBorderRadiusHover);
13209        --navItemPaddingTopHover: var(--megaNavItemPaddingTopHover);
13210        --navItemPaddingBottomHover: var(--megaNavItemPaddingBottomHover);
13211        --navItemPaddingLeftHover: var(--megaNavItemPaddingLeftHover);
13212        --navItemPaddingRightHover: var(--megaNavItemPaddingRightHover);
13213        --navItemHoverFontColor: var(--megaNavItemHoverFontColor);
13214        --navItemFontSizeHover: var(--megaNavItemFontSizeHover);
13215        --navItemTextDecorationHover: var(--megaNavItemTextDecorationHover);
13216        --navItemFontWeightHover: var(--megaNavItemFontWeightHover);
13217        --navItemFontStyleHover: var(--megaNavItemFontStyleHover);
13218        --navItemActiveBackgroundColor: var(--megaNavItemActiveBackgroundColor);
13219        --navItemActiveFontColor: var(--megaNavItemActiveFontColor);
13220        --navItemIconDisplay: var(--megaNavItemIconDisplay);
13221        --navItemIconSize: var(--megaNavItemIconSize);
13222        --navItemIconSizeHover: var(--megaNavItemIconSizeHover);
13223        --navItemIconColor: var(--megaNavItemIconColor);
13224        --navItemIconColorHover: var(--megaNavItemIconColorHover);
13225        --navItemIconSpacing: var(--megaNavItemIconSpacing);
13226        --navItemIconRotate: var(--megaNavItemIconRotate);
13227        --navItemIconRotateHover: var(--megaNavItemIconRotateHover);
13228    }
13229    .wmc_menu.wmcM_menuHamburgerMobile {
13230        --navItemIconDisplay: var(--hamburgerNavItemIconDisplay);
13231        --navItemIconSize: var(--hamburgerNavItemIconSize);
13232        --navItemIconSizeHover: var(--hamburgerNavItemIconSizeHover);
13233        --navItemIconColor: var(--hamburgerNavItemIconColor);
13234        --navItemIconColorHover: var(--hamburgerNavItemIconColorHover);
13235        --navItemIconSpacing: var(--hamburgerNavItemIconSpacing);
13236        --navItemIconRotate: var(--hamburgerNavItemIconRotate);
13237        --navItemIconRotateHover: var(--hamburgerNavItemIconRotateHover);
13238        --navSubItemIconDisplay: var(--hamburgerNavSubItemIconDisplay);
13239        --navSubItemIconSize: var(--hamburgerNavSubItemIconSize);
13240        --navSubItemIconSizeHover: var(--hamburgerNavSubItemIconSizeHover);
13241        --navSubItemIconColor: var(--hamburgerNavSubItemIconColor);
13242        --navSubItemIconColorHover: var(--hamburgerNavSubItemIconColorHover);
13243        --navSubItemIconSpacing: var(--hamburgerNavSubItemIconSpacing);
13244        --navSubItemIconRotate: var(--hamburgerNavSubItemIconRotate);
13245        --navSubItemIconRotateHover: var(--hamburgerNavSubItemIconRotateHover);
13246    }
13247    .wmc_menu.wmcM_menuVerticalMobile {
13248        --navItemIconDisplay: var(--verticalNavItemIconDisplay);
13249        --navItemIconSize: var(--verticalNavItemIconSize);
13250        --navItemIconSizeHover: var(--verticalNavItemIconSizeHover);
13251        --navItemIconColor: var(--verticalNavItemIconColor);
13252        --navItemIconColorHover: var(--verticalNavItemIconColorHover);
13253        --navItemIconSpacing: var(--verticalNavItemIconSpacing);
13254        --navItemIconRotate: var(--verticalNavItemIconRotate);
13255        --navItemIconRotateHover: var(--verticalNavItemIconRotateHover);
13256        --navSubItemIconDisplay: var(--verticalNavSubItemIconDisplay);
13257        --navSubItemIconSize: var(--verticalNavSubItemIconSize);
13258        --navSubItemIconSizeHover: var(--verticalNavSubItemIconSizeHover);
13259        --navSubItemIconColor: var(--verticalNavSubItemIconColor);
13260        --navSubItemIconColorHover: var(--verticalNavSubItemIconColorHover);
13261        --navSubItemIconSpacing: var(--verticalNavSubItemIconSpacing);
13262        --navSubItemIconRotate: var(--verticalNavSubItemIconRotate);
13263        --navSubItemIconRotateHover: var(--verticalNavSubItemIconRotateHover);
13264    }
13265}
13266
13267.wmc_menu .navigation-nav--icon-spacer {
13268    visibility: hidden;
13269}
13270
13271/*
13272 * Top/bottom spacing of the horizontal & mega menu bar.
13273 */
13274.wmc_menu[class*="wmcM_menuHorizontal"] .navigation-nav--main-menu,
13275.wmc_menu[class*="wmcM_menuMega"] .navigation-nav--main-menu {
13276    margin-top: var(--horizontalNavMenuVerticalSpacing, 1rem);
13277    margin-bottom: var(--horizontalNavMenuVerticalSpacing, 1rem);
13278}
13279
13280
13281@media all and (width >= 1040px) {
13282    .wmc_menu.wmcM_menuMegaDesktop {
13283        /* Hidden until promoted to the top layer via the Popover API. */
13284        & .navigation-nav--sub-menu.navigation-nav--mega-panel {
13285            display: none;
13286            position: fixed;
13287            top: var(--megaNavPanelTriggerTop, 0);
13288            left: max(0px, calc((100vw - var(--megaNavPanelWidth, 100vw)) / 2));
13289            inset-block-end: auto;
13290            inset-inline-end: auto;
13291            margin: 0;
13292            box-sizing: border-box;
13293            width: var(--megaNavPanelWidth, 100vw);
13294            max-width: 100vw;
13295            grid-template-columns: repeat(var(--megaNavPanelNumberOfCells, 4), minmax(0, 1fr));
13296            gap: var(--megaNavPanelCellSpacing, 24px);
13297            padding: var(--megaNavPanelPaddingTop, 40px) var(--megaNavPanelPaddingRight, 40px) var(--megaNavPanelPaddingBottom, 40px) var(--megaNavPanelPaddingLeft, 40px);
13298            background-color: var(--megaNavPanelBackgroundColor, #fff);
13299            border-top: var(--megaNavPanelBorderTop, 0 none transparent);
13300            border-right: var(--megaNavPanelBorderRight, 0 none transparent);
13301            border-bottom: var(--megaNavPanelBorderBottom, 0 none transparent);
13302            border-left: var(--megaNavPanelBorderLeft, 0 none transparent);
13303            border-radius: var(--megaNavPanelBorderRadius, 0);
13304            box-shadow: var(--megaNavPanelShadow, 0 6px 24px rgba(0, 0, 0, 0.08));
13305            z-index: 1000;
13306            min-width: 0;
13307            opacity: 1;
13308            visibility: visible;
13309            transform: none;
13310            transition: none;
13311        }
13312
13313        /* Shown only while the panel is open in the top layer. */
13314        & .navigation-nav--sub-menu.navigation-nav--mega-panel:popover-open {
13315            display: grid;
13316        }
13317
13318        & .navigation-module-container .navigation-nav--sub-menu.navigation-nav--mega-panel .arrow,
13319        & .navigation-module-container .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--separator {
13320            display: none;
13321        }
13322
13323        /* Nested sub-menus inside the panel are laid out statically as
13324           columns/lists, not as hover flyouts. */
13325        & .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--sub-menu {
13326            position: static;
13327            opacity: 1;
13328            visibility: visible;
13329            transform: none;
13330            max-height: none;
13331            background-color: transparent;
13332        }
13333
13334        & .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) {
13335            display: flex;
13336            flex-direction: column;
13337            align-items: stretch;
13338            grid-template-columns: none;
13339            position: static;
13340            padding-right: 0;
13341        }
13342
13343        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item {
13344            min-width: 0;
13345            display: flex;
13346            flex-direction: column;
13347            align-items: stretch;
13348            justify-items: stretch;
13349            position: static;
13350            padding-right: 0;
13351            gap: 8px;
13352        }
13353
13354        /* Column title (the column sub-item's own link). */
13355        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a {
13356            display: inline-flex;
13357            align-items: center;
13358            width: 100%;
13359            gap: var(--megaNavSubItemIconSpacing, 8px);
13360            background-color: var(--megaNavSubItemBackgroundColor, transparent);
13361            border-top: var(--megaNavSubItemBorderTop, 0 none transparent);
13362            border-right: var(--megaNavSubItemBorderRight, 0 none transparent);
13363            border-bottom: var(--megaNavSubItemBorderBottom, 0 none transparent);
13364            border-left: var(--megaNavSubItemBorderLeft, 0 none transparent);
13365            border-radius: var(--megaNavSubItemBorderRadius, 0);
13366            padding: var(--megaNavSubItemPaddingTop, 0) var(--megaNavSubItemPaddingRight, 0)
13367                     var(--megaNavSubItemPaddingBottom, 8px) var(--megaNavSubItemPaddingLeft, 0);
13368            font-family: var(--megaNavSubItemFont, inherit);
13369            color: var(--megaNavSubItemFontColor, currentColor);
13370            font-size: var(--megaNavSubItemFontSize, 18px);
13371            font-weight: var(--megaNavSubItemFontWeight, 600);
13372            font-style: var(--megaNavSubItemFontStyle, normal);
13373            line-height: var(--megaNavSubItemLineHeight, normal);
13374            letter-spacing: var(--megaNavSubItemLetterSpacing, 0);
13375            text-decoration: var(--megaNavSubItemTextDecoration, none);
13376            text-transform: none;
13377        }
13378
13379        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a:hover,
13380        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a,
13381        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a {
13382            background-color: var(--megaNavSubItemHoverBackgroundColor, transparent);
13383            color: var(--megaNavSubItemHoverFontColor, currentColor);
13384            font-size: var(--megaNavSubItemHoverFontSize, var(--megaNavSubItemFontSize, 18px));
13385            font-weight: var(--megaNavSubItemHoverFontWeight, var(--megaNavSubItemFontWeight, 600));
13386            font-style: var(--megaNavSubItemHoverFontStyle, var(--megaNavSubItemFontStyle, normal));
13387            text-decoration: var(--megaNavSubItemHoverTextDecoration, var(--megaNavSubItemTextDecoration, none));
13388            border-top: var(--megaNavSubItemBorderTopHover, var(--megaNavSubItemBorderTop, 0 none transparent));
13389            border-right: var(--megaNavSubItemBorderRightHover, var(--megaNavSubItemBorderRight, 0 none transparent));
13390            border-bottom: var(--megaNavSubItemBorderBottomHover, var(--megaNavSubItemBorderBottom, 0 none transparent));
13391            border-left: var(--megaNavSubItemBorderLeftHover, var(--megaNavSubItemBorderLeft, 0 none transparent));
13392            border-radius: var(--megaNavSubItemBorderRadiusHover, var(--megaNavSubItemBorderRadius, 0));
13393            padding: var(--megaNavSubItemPaddingTopHover, var(--megaNavSubItemPaddingTop, 0))
13394                     var(--megaNavSubItemPaddingRightHover, var(--megaNavSubItemPaddingRight, 0))
13395                     var(--megaNavSubItemPaddingBottomHover, var(--megaNavSubItemPaddingBottom, 8px))
13396                     var(--megaNavSubItemPaddingLeftHover, var(--megaNavSubItemPaddingLeft, 0));
13397        }
13398
13399        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i {
13400            display: var(--megaNavSubItemIconDisplay, none);
13401            width: var(--megaNavSubItemIconSize, 16px);
13402            height: var(--megaNavSubItemIconSize, 16px);
13403            background-color: var(--megaNavSubItemIconColor, currentColor);
13404            transform: var(--megaNavSubItemIconRotate, none);
13405            -webkit-mask-size: contain;
13406            mask-size: contain;
13407            -webkit-mask-repeat: no-repeat;
13408            mask-repeat: no-repeat;
13409            -webkit-mask-position: center;
13410            mask-position: center;
13411            flex-shrink: 0;
13412            transition: background-color 0.2s ease, transform 0.2s ease;
13413        }
13414
13415        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a:hover > i,
13416        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i,
13417        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i {
13418            width: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
13419            height: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
13420            background-color: var(--megaNavSubItemIconColorHover, var(--megaNavSubItemIconColor, currentColor));
13421            transform: var(--megaNavSubItemIconRotateHover, var(--megaNavSubItemIconRotate, none));
13422        }
13423
13424        /* List of children inside a column (the column's nested sub-menu). */
13425        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu {
13426            list-style: none;
13427            padding: 0;
13428            margin: 0;
13429            display: flex;
13430            flex-direction: column;
13431            gap: 4px;
13432        }
13433
13434        /* Each individual link inside a column, at any nesting depth. */
13435        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a {
13436            display: inline-flex;
13437            align-items: center;
13438            width: 100%;
13439            gap: var(--megaNavChildItemIconSpacing, 8px);
13440            background-color: var(--megaNavChildItemBackgroundColor, transparent);
13441            border-top: var(--megaNavChildItemBorderTop, 0 none transparent);
13442            border-right: var(--megaNavChildItemBorderRight, 0 none transparent);
13443            border-bottom: var(--megaNavChildItemBorderBottom, 0 none transparent);
13444            border-left: var(--megaNavChildItemBorderLeft, 0 none transparent);
13445            border-radius: var(--megaNavChildItemBorderRadius, 0);
13446            padding: var(--megaNavChildItemPaddingTop, 4px) var(--megaNavChildItemPaddingRight, 0)
13447                     var(--megaNavChildItemPaddingBottom, 4px) var(--megaNavChildItemPaddingLeft, 0);
13448            font-family: var(--megaNavChildItemFont, inherit);
13449            color: var(--megaNavChildItemFontColor, currentColor);
13450            font-size: var(--megaNavChildItemFontSize, 14px);
13451            font-weight: var(--megaNavChildItemFontWeight, 400);
13452            font-style: var(--megaNavChildItemFontStyle, normal);
13453            line-height: var(--megaNavChildItemLineHeight, normal);
13454            letter-spacing: var(--megaNavChildItemLetterSpacing, 0);
13455            text-decoration: var(--megaNavChildItemTextDecoration, none);
13456        }
13457
13458        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a:hover,
13459        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a,
13460        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a {
13461            background-color: var(--megaNavChildItemHoverBackgroundColor, transparent);
13462            color: var(--megaNavChildItemHoverFontColor, currentColor);
13463            font-size: var(--megaNavChildItemHoverFontSize, var(--megaNavChildItemFontSize, 14px));
13464            font-weight: var(--megaNavChildItemHoverFontWeight, var(--megaNavChildItemFontWeight, 400));
13465            font-style: var(--megaNavChildItemHoverFontStyle, var(--megaNavChildItemFontStyle, normal));
13466            text-decoration: var(--megaNavChildItemHoverTextDecoration, var(--megaNavChildItemTextDecoration, none));
13467            border-top: var(--megaNavChildItemBorderTopHover, var(--megaNavChildItemBorderTop, 0 none transparent));
13468            border-right: var(--megaNavChildItemBorderRightHover, var(--megaNavChildItemBorderRight, 0 none transparent));
13469            border-bottom: var(--megaNavChildItemBorderBottomHover, var(--megaNavChildItemBorderBottom, 0 none transparent));
13470            border-left: var(--megaNavChildItemBorderLeftHover, var(--megaNavChildItemBorderLeft, 0 none transparent));
13471            border-radius: var(--megaNavChildItemBorderRadiusHover, var(--megaNavChildItemBorderRadius, 0));
13472        }
13473
13474        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i {
13475            display: var(--megaNavChildItemIconDisplay, none);
13476            width: var(--megaNavChildItemIconSize, 14px);
13477            height: var(--megaNavChildItemIconSize, 14px);
13478            background-color: var(--megaNavChildItemIconColor, currentColor);
13479            transform: var(--megaNavChildItemIconRotate, none);
13480            -webkit-mask-size: contain;
13481            mask-size: contain;
13482            -webkit-mask-repeat: no-repeat;
13483            mask-repeat: no-repeat;
13484            -webkit-mask-position: center;
13485            mask-position: center;
13486            flex-shrink: 0;
13487            transition: background-color 0.2s ease, transform 0.2s ease;
13488        }
13489
13490        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a:hover > i,
13491        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i,
13492        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i {
13493            width: var(--megaNavChildItemIconSizeHover, var(--megaNavChildItemIconSize, 14px));
13494            height: var(--megaNavChildItemIconSizeHover, var(--megaNavChildItemIconSize, 14px));
13495            background-color: var(--megaNavChildItemIconColorHover, var(--megaNavChildItemIconColor, currentColor));
13496            transform: var(--megaNavChildItemIconRotateHover, var(--megaNavChildItemIconRotate, none));
13497        }
13498
13499        /* Deeper nested groups inside a column are indented under their parent. */
13500        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-menu {
13501            list-style: none;
13502            margin: 0;
13503            padding: 0;
13504            padding-left: 16px;
13505            display: flex;
13506            flex-direction: column;
13507            gap: 4px;
13508        }
13509
13510        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu {
13511            background-color: var(--megaNavPanelBackgroundColor, #fff);
13512        }
13513
13514        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item {
13515            min-width: 0;
13516            position: static;
13517            background-color: var(--megaNavSubItemBackgroundColor, transparent);
13518            border-top: var(--megaNavSubItemBorderTop, 0 none transparent);
13519            border-right: var(--megaNavSubItemBorderRight, 0 none transparent);
13520            border-bottom: var(--megaNavSubItemBorderBottom, 0 none transparent);
13521            border-left: var(--megaNavSubItemBorderLeft, 0 none transparent);
13522            border-radius: var(--megaNavSubItemBorderRadius, 0);
13523        }
13524
13525        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item:hover,
13526        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item,
13527        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item {
13528            background-color: var(--megaNavSubItemHoverBackgroundColor, transparent);
13529            border-top: var(--megaNavSubItemBorderTopHover, var(--megaNavSubItemBorderTop, 0 none transparent));
13530            border-right: var(--megaNavSubItemBorderRightHover, var(--megaNavSubItemBorderRight, 0 none transparent));
13531            border-bottom: var(--megaNavSubItemBorderBottomHover, var(--megaNavSubItemBorderBottom, 0 none transparent));
13532            border-left: var(--megaNavSubItemBorderLeftHover, var(--megaNavSubItemBorderLeft, 0 none transparent));
13533            border-radius: var(--megaNavSubItemBorderRadiusHover, var(--megaNavSubItemBorderRadius, 0));
13534        }
13535
13536        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a {
13537            display: inline-flex;
13538            align-items: center;
13539            width: 100%;
13540            gap: var(--megaNavSubItemIconSpacing, 8px);
13541            background-color: transparent;
13542            padding: var(--megaNavSubItemPaddingTop, 0) var(--megaNavSubItemPaddingRight, 0)
13543                     var(--megaNavSubItemPaddingBottom, 8px) var(--megaNavSubItemPaddingLeft, 0);
13544            font-family: var(--megaNavSubItemFont, inherit);
13545            color: var(--megaNavSubItemFontColor, currentColor);
13546            font-size: var(--megaNavSubItemFontSize, 18px);
13547            font-weight: var(--megaNavSubItemFontWeight, 600);
13548            font-style: var(--megaNavSubItemFontStyle, normal);
13549            line-height: var(--megaNavSubItemLineHeight, normal);
13550            letter-spacing: var(--megaNavSubItemLetterSpacing, 0);
13551            text-decoration: var(--megaNavSubItemTextDecoration, none);
13552            text-transform: none;
13553        }
13554
13555        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a:hover,
13556        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a,
13557        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a {
13558            color: var(--megaNavSubItemHoverFontColor, currentColor);
13559            font-weight: var(--megaNavSubItemHoverFontWeight, var(--megaNavSubItemFontWeight, 600));
13560            font-style: var(--megaNavSubItemHoverFontStyle, var(--megaNavSubItemFontStyle, normal));
13561            text-decoration: var(--megaNavSubItemHoverTextDecoration, var(--megaNavSubItemTextDecoration, none));
13562            padding: var(--megaNavSubItemPaddingTopHover, var(--megaNavSubItemPaddingTop, 0))
13563                     var(--megaNavSubItemPaddingRightHover, var(--megaNavSubItemPaddingRight, 0))
13564                     var(--megaNavSubItemPaddingBottomHover, var(--megaNavSubItemPaddingBottom, 8px))
13565                     var(--megaNavSubItemPaddingLeftHover, var(--megaNavSubItemPaddingLeft, 0));
13566        }
13567
13568        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i {
13569            display: var(--megaNavSubItemIconDisplay, none);
13570            width: var(--megaNavSubItemIconSize, 16px);
13571            height: var(--megaNavSubItemIconSize, 16px);
13572            background-color: var(--megaNavSubItemIconColor, currentColor);
13573            transform: var(--megaNavSubItemIconRotate, none);
13574            -webkit-mask-size: contain;
13575            mask-size: contain;
13576            -webkit-mask-repeat: no-repeat;
13577            mask-repeat: no-repeat;
13578            -webkit-mask-position: center;
13579            mask-position: center;
13580            flex-shrink: 0;
13581            transition: background-color 0.2s ease, transform 0.2s ease;
13582        }
13583
13584        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a:hover > i,
13585        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i,
13586        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i {
13587            width: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
13588            height: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
13589            background-color: var(--megaNavSubItemIconColorHover, var(--megaNavSubItemIconColor, currentColor));
13590        }
13591    }
13592}
13593
13594@media all and (width < 1040px) {
13595    .wmc_menu.wmcM_menuMegaTablet {
13596        & .navigation-nav--sub-menu.navigation-nav--mega-panel {
13597            display: none;
13598            position: fixed;
13599            top: var(--megaNavPanelTriggerTop, 0);
13600            left: max(0px, calc((100vw - var(--megaNavPanelWidth, 100vw)) / 2));
13601            inset-block-end: auto;
13602            inset-inline-end: auto;
13603            margin: 0;
13604            box-sizing: border-box;
13605            width: var(--megaNavPanelWidth, 100vw);
13606            max-width: 100vw;
13607            grid-template-columns: repeat(min(var(--megaNavPanelNumberOfCells, 4), 2), minmax(0, 1fr));
13608            gap: var(--megaNavPanelCellSpacing, 24px);
13609            padding: var(--megaNavPanelPaddingTop, 40px) var(--megaNavPanelPaddingRight, 40px) var(--megaNavPanelPaddingBottom, 40px) var(--megaNavPanelPaddingLeft, 40px);
13610            background-color: var(--megaNavPanelBackgroundColor, #fff);
13611            border-top: var(--megaNavPanelBorderTop, 0 none transparent);
13612            border-right: var(--megaNavPanelBorderRight, 0 none transparent);
13613            border-bottom: var(--megaNavPanelBorderBottom, 0 none transparent);
13614            border-left: var(--megaNavPanelBorderLeft, 0 none transparent);
13615            border-radius: var(--megaNavPanelBorderRadius, 0);
13616            box-shadow: var(--megaNavPanelShadow, 0 6px 24px rgba(0, 0, 0, 0.08));
13617            z-index: 1000;
13618            min-width: 0;
13619            opacity: 1;
13620            visibility: visible;
13621            transform: none;
13622            transition: none;
13623        }
13624
13625        & .navigation-nav--sub-menu.navigation-nav--mega-panel:popover-open {
13626            display: grid;
13627        }
13628
13629        & .navigation-module-container .navigation-nav--sub-menu.navigation-nav--mega-panel .arrow,
13630        & .navigation-module-container .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--separator {
13631            display: none;
13632        }
13633
13634        & .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--sub-menu {
13635            position: static;
13636            opacity: 1;
13637            visibility: visible;
13638            transform: none;
13639            max-height: none;
13640            background-color: transparent;
13641        }
13642
13643        & .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) {
13644            display: flex;
13645            flex-direction: column;
13646            align-items: stretch;
13647            grid-template-columns: none;
13648            position: static;
13649            padding-right: 0;
13650        }
13651
13652        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item {
13653            min-width: 0;
13654            display: flex;
13655            flex-direction: column;
13656            align-items: stretch;
13657            justify-items: stretch;
13658            position: static;
13659            padding-right: 0;
13660            gap: 8px;
13661        }
13662
13663        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a {
13664            display: inline-flex;
13665            align-items: center;
13666            width: 100%;
13667            gap: var(--megaNavSubItemIconSpacing, 8px);
13668            background-color: var(--megaNavSubItemBackgroundColor, transparent);
13669            border-top: var(--megaNavSubItemBorderTop, 0 none transparent);
13670            border-right: var(--megaNavSubItemBorderRight, 0 none transparent);
13671            border-bottom: var(--megaNavSubItemBorderBottom, 0 none transparent);
13672            border-left: var(--megaNavSubItemBorderLeft, 0 none transparent);
13673            border-radius: var(--megaNavSubItemBorderRadius, 0);
13674            padding: var(--megaNavSubItemPaddingTop, 0) var(--megaNavSubItemPaddingRight, 0)
13675                     var(--megaNavSubItemPaddingBottom, 8px) var(--megaNavSubItemPaddingLeft, 0);
13676            font-family: var(--megaNavSubItemFont, inherit);
13677            color: var(--megaNavSubItemFontColor, currentColor);
13678            font-size: var(--megaNavSubItemFontSize, 18px);
13679            font-weight: var(--megaNavSubItemFontWeight, 600);
13680            font-style: var(--megaNavSubItemFontStyle, normal);
13681            line-height: var(--megaNavSubItemLineHeight, normal);
13682            letter-spacing: var(--megaNavSubItemLetterSpacing, 0);
13683            text-decoration: var(--megaNavSubItemTextDecoration, none);
13684            text-transform: none;
13685        }
13686
13687        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a:hover,
13688        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a,
13689        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a {
13690            background-color: var(--megaNavSubItemHoverBackgroundColor, transparent);
13691            color: var(--megaNavSubItemHoverFontColor, currentColor);
13692            font-size: var(--megaNavSubItemHoverFontSize, var(--megaNavSubItemFontSize, 18px));
13693            font-weight: var(--megaNavSubItemHoverFontWeight, var(--megaNavSubItemFontWeight, 600));
13694            font-style: var(--megaNavSubItemHoverFontStyle, var(--megaNavSubItemFontStyle, normal));
13695            text-decoration: var(--megaNavSubItemHoverTextDecoration, var(--megaNavSubItemTextDecoration, none));
13696            border-top: var(--megaNavSubItemBorderTopHover, var(--megaNavSubItemBorderTop, 0 none transparent));
13697            border-right: var(--megaNavSubItemBorderRightHover, var(--megaNavSubItemBorderRight, 0 none transparent));
13698            border-bottom: var(--megaNavSubItemBorderBottomHover, var(--megaNavSubItemBorderBottom, 0 none transparent));
13699            border-left: var(--megaNavSubItemBorderLeftHover, var(--megaNavSubItemBorderLeft, 0 none transparent));
13700            border-radius: var(--megaNavSubItemBorderRadiusHover, var(--megaNavSubItemBorderRadius, 0));
13701            padding: var(--megaNavSubItemPaddingTopHover, var(--megaNavSubItemPaddingTop, 0))
13702                     var(--megaNavSubItemPaddingRightHover, var(--megaNavSubItemPaddingRight, 0))
13703                     var(--megaNavSubItemPaddingBottomHover, var(--megaNavSubItemPaddingBottom, 8px))
13704                     var(--megaNavSubItemPaddingLeftHover, var(--megaNavSubItemPaddingLeft, 0));
13705        }
13706
13707        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i {
13708            display: var(--megaNavSubItemIconDisplay, none);
13709            width: var(--megaNavSubItemIconSize, 16px);
13710            height: var(--megaNavSubItemIconSize, 16px);
13711            background-color: var(--megaNavSubItemIconColor, currentColor);
13712            transform: var(--megaNavSubItemIconRotate, none);
13713            -webkit-mask-size: contain;
13714            mask-size: contain;
13715            -webkit-mask-repeat: no-repeat;
13716            mask-repeat: no-repeat;
13717            -webkit-mask-position: center;
13718            mask-position: center;
13719            flex-shrink: 0;
13720            transition: background-color 0.2s ease, transform 0.2s ease;
13721        }
13722
13723        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a:hover > i,
13724        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i,
13725        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i {
13726            width: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
13727            height: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
13728            background-color: var(--megaNavSubItemIconColorHover, var(--megaNavSubItemIconColor, currentColor));
13729            transform: var(--megaNavSubItemIconRotateHover, var(--megaNavSubItemIconRotate, none));
13730        }
13731
13732        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu {
13733            list-style: none;
13734            padding: 0;
13735            margin: 0;
13736            display: flex;
13737            flex-direction: column;
13738            gap: 4px;
13739        }
13740
13741        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a {
13742            display: inline-flex;
13743            align-items: center;
13744            width: 100%;
13745            gap: var(--megaNavChildItemIconSpacing, 8px);
13746            background-color: var(--megaNavChildItemBackgroundColor, transparent);
13747            border-top: var(--megaNavChildItemBorderTop, 0 none transparent);
13748            border-right: var(--megaNavChildItemBorderRight, 0 none transparent);
13749            border-bottom: var(--megaNavChildItemBorderBottom, 0 none transparent);
13750            border-left: var(--megaNavChildItemBorderLeft, 0 none transparent);
13751            border-radius: var(--megaNavChildItemBorderRadius, 0);
13752            padding: var(--megaNavChildItemPaddingTop, 4px) var(--megaNavChildItemPaddingRight, 0)
13753                     var(--megaNavChildItemPaddingBottom, 4px) var(--megaNavChildItemPaddingLeft, 0);
13754            font-family: var(--megaNavChildItemFont, inherit);
13755            color: var(--megaNavChildItemFontColor, currentColor);
13756            font-size: var(--megaNavChildItemFontSize, 14px);
13757            font-weight: var(--megaNavChildItemFontWeight, 400);
13758            font-style: var(--megaNavChildItemFontStyle, normal);
13759            line-height: var(--megaNavChildItemLineHeight, normal);
13760            letter-spacing: var(--megaNavChildItemLetterSpacing, 0);
13761            text-decoration: var(--megaNavChildItemTextDecoration, none);
13762        }
13763
13764        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a:hover,
13765        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a,
13766        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a {
13767            background-color: var(--megaNavChildItemHoverBackgroundColor, transparent);
13768            color: var(--megaNavChildItemHoverFontColor, currentColor);
13769            font-size: var(--megaNavChildItemHoverFontSize, var(--megaNavChildItemFontSize, 14px));
13770            font-weight: var(--megaNavChildItemHoverFontWeight, var(--megaNavChildItemFontWeight, 400));
13771            font-style: var(--megaNavChildItemHoverFontStyle, var(--megaNavChildItemFontStyle, normal));
13772            text-decoration: var(--megaNavChildItemHoverTextDecoration, var(--megaNavChildItemTextDecoration, none));
13773            border-top: var(--megaNavChildItemBorderTopHover, var(--megaNavChildItemBorderTop, 0 none transparent));
13774            border-right: var(--megaNavChildItemBorderRightHover, var(--megaNavChildItemBorderRight, 0 none transparent));
13775            border-bottom: var(--megaNavChildItemBorderBottomHover, var(--megaNavChildItemBorderBottom, 0 none transparent));
13776            border-left: var(--megaNavChildItemBorderLeftHover, var(--megaNavChildItemBorderLeft, 0 none transparent));
13777            border-radius: var(--megaNavChildItemBorderRadiusHover, var(--megaNavChildItemBorderRadius, 0));
13778        }
13779
13780        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i {
13781            display: var(--megaNavChildItemIconDisplay, none);
13782            width: var(--megaNavChildItemIconSize, 14px);
13783            height: var(--megaNavChildItemIconSize, 14px);
13784            background-color: var(--megaNavChildItemIconColor, currentColor);
13785            transform: var(--megaNavChildItemIconRotate, none);
13786            -webkit-mask-size: contain;
13787            mask-size: contain;
13788            -webkit-mask-repeat: no-repeat;
13789            mask-repeat: no-repeat;
13790            -webkit-mask-position: center;
13791            mask-position: center;
13792            flex-shrink: 0;
13793            transition: background-color 0.2s ease, transform 0.2s ease;
13794        }
13795
13796        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a:hover > i,
13797        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i,
13798        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i {
13799            width: var(--megaNavChildItemIconSizeHover, var(--megaNavChildItemIconSize, 14px));
13800            height: var(--megaNavChildItemIconSizeHover, var(--megaNavChildItemIconSize, 14px));
13801            background-color: var(--megaNavChildItemIconColorHover, var(--megaNavChildItemIconColor, currentColor));
13802            transform: var(--megaNavChildItemIconRotateHover, var(--megaNavChildItemIconRotate, none));
13803        }
13804
13805        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-menu {
13806            list-style: none;
13807            margin: 0;
13808            padding: 0;
13809            padding-left: 16px;
13810            display: flex;
13811            flex-direction: column;
13812            gap: 4px;
13813        }
13814
13815        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu {
13816            background-color: var(--megaNavPanelBackgroundColor, #fff);
13817        }
13818
13819        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item {
13820            min-width: 0;
13821            position: static;
13822            background-color: var(--megaNavSubItemBackgroundColor, transparent);
13823            border-top: var(--megaNavSubItemBorderTop, 0 none transparent);
13824            border-right: var(--megaNavSubItemBorderRight, 0 none transparent);
13825            border-bottom: var(--megaNavSubItemBorderBottom, 0 none transparent);
13826            border-left: var(--megaNavSubItemBorderLeft, 0 none transparent);
13827            border-radius: var(--megaNavSubItemBorderRadius, 0);
13828        }
13829
13830        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item:hover,
13831        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item,
13832        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item {
13833            background-color: var(--megaNavSubItemHoverBackgroundColor, transparent);
13834            border-top: var(--megaNavSubItemBorderTopHover, var(--megaNavSubItemBorderTop, 0 none transparent));
13835            border-right: var(--megaNavSubItemBorderRightHover, var(--megaNavSubItemBorderRight, 0 none transparent));
13836            border-bottom: var(--megaNavSubItemBorderBottomHover, var(--megaNavSubItemBorderBottom, 0 none transparent));
13837            border-left: var(--megaNavSubItemBorderLeftHover, var(--megaNavSubItemBorderLeft, 0 none transparent));
13838            border-radius: var(--megaNavSubItemBorderRadiusHover, var(--megaNavSubItemBorderRadius, 0));
13839        }
13840
13841        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a {
13842            display: inline-flex;
13843            align-items: center;
13844            width: 100%;
13845            gap: var(--megaNavSubItemIconSpacing, 8px);
13846            background-color: transparent;
13847            padding: var(--megaNavSubItemPaddingTop, 0) var(--megaNavSubItemPaddingRight, 0)
13848                     var(--megaNavSubItemPaddingBottom, 8px) var(--megaNavSubItemPaddingLeft, 0);
13849            font-family: var(--megaNavSubItemFont, inherit);
13850            color: var(--megaNavSubItemFontColor, currentColor);
13851            font-size: var(--megaNavSubItemFontSize, 18px);
13852            font-weight: var(--megaNavSubItemFontWeight, 600);
13853            font-style: var(--megaNavSubItemFontStyle, normal);
13854            line-height: var(--megaNavSubItemLineHeight, normal);
13855            letter-spacing: var(--megaNavSubItemLetterSpacing, 0);
13856            text-decoration: var(--megaNavSubItemTextDecoration, none);
13857            text-transform: none;
13858        }
13859
13860        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a:hover,
13861        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a,
13862        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a {
13863            color: var(--megaNavSubItemHoverFontColor, currentColor);
13864            font-weight: var(--megaNavSubItemHoverFontWeight, var(--megaNavSubItemFontWeight, 600));
13865            font-style: var(--megaNavSubItemHoverFontStyle, var(--megaNavSubItemFontStyle, normal));
13866            text-decoration: var(--megaNavSubItemHoverTextDecoration, var(--megaNavSubItemTextDecoration, none));
13867            padding: var(--megaNavSubItemPaddingTopHover, var(--megaNavSubItemPaddingTop, 0))
13868                     var(--megaNavSubItemPaddingRightHover, var(--megaNavSubItemPaddingRight, 0))
13869                     var(--megaNavSubItemPaddingBottomHover, var(--megaNavSubItemPaddingBottom, 8px))
13870                     var(--megaNavSubItemPaddingLeftHover, var(--megaNavSubItemPaddingLeft, 0));
13871        }
13872
13873        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i {
13874            display: var(--megaNavSubItemIconDisplay, none);
13875            width: var(--megaNavSubItemIconSize, 16px);
13876            height: var(--megaNavSubItemIconSize, 16px);
13877            background-color: var(--megaNavSubItemIconColor, currentColor);
13878            transform: var(--megaNavSubItemIconRotate, none);
13879            -webkit-mask-size: contain;
13880            mask-size: contain;
13881            -webkit-mask-repeat: no-repeat;
13882            mask-repeat: no-repeat;
13883            -webkit-mask-position: center;
13884            mask-position: center;
13885            flex-shrink: 0;
13886            transition: background-color 0.2s ease, transform 0.2s ease;
13887        }
13888
13889        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a:hover > i,
13890        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i,
13891        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i {
13892            width: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
13893            height: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
13894            background-color: var(--megaNavSubItemIconColorHover, var(--megaNavSubItemIconColor, currentColor));
13895        }
13896    }
13897}
13898
13899@media all and (width < 650px) {
13900    .wmc_menu.wmcM_menuMegaMobile {
13901        & .navigation-nav--sub-menu.navigation-nav--mega-panel {
13902            display: none;
13903            position: fixed;
13904            top: var(--megaNavPanelTriggerTop, 0);
13905            left: 0;
13906            right: 0;
13907            inset-block-end: auto;
13908            inset-inline-end: auto;
13909            margin: 0;
13910            box-sizing: border-box;
13911            width: 100vw;
13912            max-width: 100vw;
13913            grid-template-columns: 1fr;
13914            gap: var(--megaNavPanelCellSpacing, 24px);
13915            padding: var(--megaNavPanelPaddingTop, 40px) var(--megaNavPanelPaddingRight, 40px) var(--megaNavPanelPaddingBottom, 40px) var(--megaNavPanelPaddingLeft, 40px);
13916            background-color: var(--megaNavPanelBackgroundColor, #fff);
13917            border-top: var(--megaNavPanelBorderTop, 0 none transparent);
13918            border-right: var(--megaNavPanelBorderRight, 0 none transparent);
13919            border-bottom: var(--megaNavPanelBorderBottom, 0 none transparent);
13920            border-left: var(--megaNavPanelBorderLeft, 0 none transparent);
13921            border-radius: var(--megaNavPanelBorderRadius, 0);
13922            box-shadow: var(--megaNavPanelShadow, 0 6px 24px rgba(0, 0, 0, 0.08));
13923            z-index: 1000;
13924            min-width: 0;
13925            opacity: 1;
13926            visibility: visible;
13927            transform: none;
13928            transition: none;
13929        }
13930
13931        & .navigation-nav--sub-menu.navigation-nav--mega-panel:popover-open {
13932            display: grid;
13933        }
13934
13935        & .navigation-module-container .navigation-nav--sub-menu.navigation-nav--mega-panel .arrow,
13936        & .navigation-module-container .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--separator {
13937            display: none;
13938        }
13939
13940        & .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--sub-menu {
13941            position: static;
13942            opacity: 1;
13943            visibility: visible;
13944            transform: none;
13945            max-height: none;
13946            background-color: transparent;
13947        }
13948
13949        & .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) {
13950            display: flex;
13951            flex-direction: column;
13952            align-items: stretch;
13953            grid-template-columns: none;
13954            position: static;
13955            padding-right: 0;
13956        }
13957
13958        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item {
13959            min-width: 0;
13960            display: flex;
13961            flex-direction: column;
13962            align-items: stretch;
13963            justify-items: stretch;
13964            position: static;
13965            padding-right: 0;
13966            gap: 8px;
13967        }
13968
13969        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a {
13970            display: inline-flex;
13971            align-items: center;
13972            width: 100%;
13973            gap: var(--megaNavSubItemIconSpacing, 8px);
13974            background-color: var(--megaNavSubItemBackgroundColor, transparent);
13975            border-top: var(--megaNavSubItemBorderTop, 0 none transparent);
13976            border-right: var(--megaNavSubItemBorderRight, 0 none transparent);
13977            border-bottom: var(--megaNavSubItemBorderBottom, 0 none transparent);
13978            border-left: var(--megaNavSubItemBorderLeft, 0 none transparent);
13979            border-radius: var(--megaNavSubItemBorderRadius, 0);
13980            padding: var(--megaNavSubItemPaddingTop, 0) var(--megaNavSubItemPaddingRight, 0)
13981                     var(--megaNavSubItemPaddingBottom, 8px) var(--megaNavSubItemPaddingLeft, 0);
13982            font-family: var(--megaNavSubItemFont, inherit);
13983            color: var(--megaNavSubItemFontColor, currentColor);
13984            font-size: var(--megaNavSubItemFontSize, 18px);
13985            font-weight: var(--megaNavSubItemFontWeight, 600);
13986            font-style: var(--megaNavSubItemFontStyle, normal);
13987            line-height: var(--megaNavSubItemLineHeight, normal);
13988            letter-spacing: var(--megaNavSubItemLetterSpacing, 0);
13989            text-decoration: var(--megaNavSubItemTextDecoration, none);
13990            text-transform: none;
13991        }
13992
13993        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a:hover,
13994        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a,
13995        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a {
13996            background-color: var(--megaNavSubItemHoverBackgroundColor, transparent);
13997            color: var(--megaNavSubItemHoverFontColor, currentColor);
13998            font-size: var(--megaNavSubItemHoverFontSize, var(--megaNavSubItemFontSize, 18px));
13999            font-weight: var(--megaNavSubItemHoverFontWeight, var(--megaNavSubItemFontWeight, 600));
14000            font-style: var(--megaNavSubItemHoverFontStyle, var(--megaNavSubItemFontStyle, normal));
14001            text-decoration: var(--megaNavSubItemHoverTextDecoration, var(--megaNavSubItemTextDecoration, none));
14002            border-top: var(--megaNavSubItemBorderTopHover, var(--megaNavSubItemBorderTop, 0 none transparent));
14003            border-right: var(--megaNavSubItemBorderRightHover, var(--megaNavSubItemBorderRight, 0 none transparent));
14004            border-bottom: var(--megaNavSubItemBorderBottomHover, var(--megaNavSubItemBorderBottom, 0 none transparent));
14005            border-left: var(--megaNavSubItemBorderLeftHover, var(--megaNavSubItemBorderLeft, 0 none transparent));
14006            border-radius: var(--megaNavSubItemBorderRadiusHover, var(--megaNavSubItemBorderRadius, 0));
14007            padding: var(--megaNavSubItemPaddingTopHover, var(--megaNavSubItemPaddingTop, 0))
14008                     var(--megaNavSubItemPaddingRightHover, var(--megaNavSubItemPaddingRight, 0))
14009                     var(--megaNavSubItemPaddingBottomHover, var(--megaNavSubItemPaddingBottom, 8px))
14010                     var(--megaNavSubItemPaddingLeftHover, var(--megaNavSubItemPaddingLeft, 0));
14011        }
14012
14013        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i {
14014            display: var(--megaNavSubItemIconDisplay, none);
14015            width: var(--megaNavSubItemIconSize, 16px);
14016            height: var(--megaNavSubItemIconSize, 16px);
14017            background-color: var(--megaNavSubItemIconColor, currentColor);
14018            transform: var(--megaNavSubItemIconRotate, none);
14019            -webkit-mask-size: contain;
14020            mask-size: contain;
14021            -webkit-mask-repeat: no-repeat;
14022            mask-repeat: no-repeat;
14023            -webkit-mask-position: center;
14024            mask-position: center;
14025            flex-shrink: 0;
14026            transition: background-color 0.2s ease, transform 0.2s ease;
14027        }
14028
14029        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a:hover > i,
14030        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i,
14031        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i {
14032            width: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
14033            height: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
14034            background-color: var(--megaNavSubItemIconColorHover, var(--megaNavSubItemIconColor, currentColor));
14035            transform: var(--megaNavSubItemIconRotateHover, var(--megaNavSubItemIconRotate, none));
14036        }
14037
14038        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu {
14039            list-style: none;
14040            padding: 0;
14041            margin: 0;
14042            display: flex;
14043            flex-direction: column;
14044            gap: 4px;
14045        }
14046
14047        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a {
14048            display: inline-flex;
14049            align-items: center;
14050            width: 100%;
14051            gap: var(--megaNavChildItemIconSpacing, 8px);
14052            background-color: var(--megaNavChildItemBackgroundColor, transparent);
14053            border-top: var(--megaNavChildItemBorderTop, 0 none transparent);
14054            border-right: var(--megaNavChildItemBorderRight, 0 none transparent);
14055            border-bottom: var(--megaNavChildItemBorderBottom, 0 none transparent);
14056            border-left: var(--megaNavChildItemBorderLeft, 0 none transparent);
14057            border-radius: var(--megaNavChildItemBorderRadius, 0);
14058            padding: var(--megaNavChildItemPaddingTop, 4px) var(--megaNavChildItemPaddingRight, 0)
14059                     var(--megaNavChildItemPaddingBottom, 4px) var(--megaNavChildItemPaddingLeft, 0);
14060            font-family: var(--megaNavChildItemFont, inherit);
14061            color: var(--megaNavChildItemFontColor, currentColor);
14062            font-size: var(--megaNavChildItemFontSize, 14px);
14063            font-weight: var(--megaNavChildItemFontWeight, 400);
14064            font-style: var(--megaNavChildItemFontStyle, normal);
14065            line-height: var(--megaNavChildItemLineHeight, normal);
14066            letter-spacing: var(--megaNavChildItemLetterSpacing, 0);
14067            text-decoration: var(--megaNavChildItemTextDecoration, none);
14068        }
14069
14070        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a:hover,
14071        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a,
14072        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a {
14073            background-color: var(--megaNavChildItemHoverBackgroundColor, transparent);
14074            color: var(--megaNavChildItemHoverFontColor, currentColor);
14075            font-size: var(--megaNavChildItemHoverFontSize, var(--megaNavChildItemFontSize, 14px));
14076            font-weight: var(--megaNavChildItemHoverFontWeight, var(--megaNavChildItemFontWeight, 400));
14077            font-style: var(--megaNavChildItemHoverFontStyle, var(--megaNavChildItemFontStyle, normal));
14078            text-decoration: var(--megaNavChildItemHoverTextDecoration, var(--megaNavChildItemTextDecoration, none));
14079            border-top: var(--megaNavChildItemBorderTopHover, var(--megaNavChildItemBorderTop, 0 none transparent));
14080            border-right: var(--megaNavChildItemBorderRightHover, var(--megaNavChildItemBorderRight, 0 none transparent));
14081            border-bottom: var(--megaNavChildItemBorderBottomHover, var(--megaNavChildItemBorderBottom, 0 none transparent));
14082            border-left: var(--megaNavChildItemBorderLeftHover, var(--megaNavChildItemBorderLeft, 0 none transparent));
14083            border-radius: var(--megaNavChildItemBorderRadiusHover, var(--megaNavChildItemBorderRadius, 0));
14084        }
14085
14086        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i {
14087            display: var(--megaNavChildItemIconDisplay, none);
14088            width: var(--megaNavChildItemIconSize, 14px);
14089            height: var(--megaNavChildItemIconSize, 14px);
14090            background-color: var(--megaNavChildItemIconColor, currentColor);
14091            transform: var(--megaNavChildItemIconRotate, none);
14092            -webkit-mask-size: contain;
14093            mask-size: contain;
14094            -webkit-mask-repeat: no-repeat;
14095            mask-repeat: no-repeat;
14096            -webkit-mask-position: center;
14097            mask-position: center;
14098            flex-shrink: 0;
14099            transition: background-color 0.2s ease, transform 0.2s ease;
14100        }
14101
14102        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a:hover > i,
14103        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i,
14104        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i {
14105            width: var(--megaNavChildItemIconSizeHover, var(--megaNavChildItemIconSize, 14px));
14106            height: var(--megaNavChildItemIconSizeHover, var(--megaNavChildItemIconSize, 14px));
14107            background-color: var(--megaNavChildItemIconColorHover, var(--megaNavChildItemIconColor, currentColor));
14108            transform: var(--megaNavChildItemIconRotateHover, var(--megaNavChildItemIconRotate, none));
14109        }
14110
14111        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-menu {
14112            list-style: none;
14113            margin: 0;
14114            padding: 0;
14115            padding-left: 16px;
14116            display: flex;
14117            flex-direction: column;
14118            gap: 4px;
14119        }
14120
14121        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu {
14122            background-color: var(--megaNavPanelBackgroundColor, #fff);
14123        }
14124
14125        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item {
14126            min-width: 0;
14127            position: static;
14128            background-color: var(--megaNavSubItemBackgroundColor, transparent);
14129            border-top: var(--megaNavSubItemBorderTop, 0 none transparent);
14130            border-right: var(--megaNavSubItemBorderRight, 0 none transparent);
14131            border-bottom: var(--megaNavSubItemBorderBottom, 0 none transparent);
14132            border-left: var(--megaNavSubItemBorderLeft, 0 none transparent);
14133            border-radius: var(--megaNavSubItemBorderRadius, 0);
14134        }
14135
14136        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item:hover,
14137        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item,
14138        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item {
14139            background-color: var(--megaNavSubItemHoverBackgroundColor, transparent);
14140            border-top: var(--megaNavSubItemBorderTopHover, var(--megaNavSubItemBorderTop, 0 none transparent));
14141            border-right: var(--megaNavSubItemBorderRightHover, var(--megaNavSubItemBorderRight, 0 none transparent));
14142            border-bottom: var(--megaNavSubItemBorderBottomHover, var(--megaNavSubItemBorderBottom, 0 none transparent));
14143            border-left: var(--megaNavSubItemBorderLeftHover, var(--megaNavSubItemBorderLeft, 0 none transparent));
14144            border-radius: var(--megaNavSubItemBorderRadiusHover, var(--megaNavSubItemBorderRadius, 0));
14145        }
14146
14147        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a {
14148            display: inline-flex;
14149            align-items: center;
14150            width: 100%;
14151            gap: var(--megaNavSubItemIconSpacing, 8px);
14152            background-color: transparent;
14153            padding: var(--megaNavSubItemPaddingTop, 0) var(--megaNavSubItemPaddingRight, 0)
14154                     var(--megaNavSubItemPaddingBottom, 8px) var(--megaNavSubItemPaddingLeft, 0);
14155            font-family: var(--megaNavSubItemFont, inherit);
14156            color: var(--megaNavSubItemFontColor, currentColor);
14157            font-size: var(--megaNavSubItemFontSize, 18px);
14158            font-weight: var(--megaNavSubItemFontWeight, 600);
14159            font-style: var(--megaNavSubItemFontStyle, normal);
14160            line-height: var(--megaNavSubItemLineHeight, normal);
14161            letter-spacing: var(--megaNavSubItemLetterSpacing, 0);
14162            text-decoration: var(--megaNavSubItemTextDecoration, none);
14163            text-transform: none;
14164        }
14165
14166        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a:hover,
14167        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a,
14168        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a {
14169            color: var(--megaNavSubItemHoverFontColor, currentColor);
14170            font-weight: var(--megaNavSubItemHoverFontWeight, var(--megaNavSubItemFontWeight, 600));
14171            font-style: var(--megaNavSubItemHoverFontStyle, var(--megaNavSubItemFontStyle, normal));
14172            text-decoration: var(--megaNavSubItemHoverTextDecoration, var(--megaNavSubItemTextDecoration, none));
14173            padding: var(--megaNavSubItemPaddingTopHover, var(--megaNavSubItemPaddingTop, 0))
14174                     var(--megaNavSubItemPaddingRightHover, var(--megaNavSubItemPaddingRight, 0))
14175                     var(--megaNavSubItemPaddingBottomHover, var(--megaNavSubItemPaddingBottom, 8px))
14176                     var(--megaNavSubItemPaddingLeftHover, var(--megaNavSubItemPaddingLeft, 0));
14177        }
14178
14179        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i {
14180            display: var(--megaNavSubItemIconDisplay, none);
14181            width: var(--megaNavSubItemIconSize, 16px);
14182            height: var(--megaNavSubItemIconSize, 16px);
14183            background-color: var(--megaNavSubItemIconColor, currentColor);
14184            transform: var(--megaNavSubItemIconRotate, none);
14185            -webkit-mask-size: contain;
14186            mask-size: contain;
14187            -webkit-mask-repeat: no-repeat;
14188            mask-repeat: no-repeat;
14189            -webkit-mask-position: center;
14190            mask-position: center;
14191            flex-shrink: 0;
14192            transition: background-color 0.2s ease, transform 0.2s ease;
14193        }
14194
14195        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a:hover > i,
14196        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i,
14197        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i {
14198            width: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
14199            height: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
14200            background-color: var(--megaNavSubItemIconColorHover, var(--megaNavSubItemIconColor, currentColor));
14201        }
14202    }
14203}
14204
14205@media all and (width >= 1040px) {
14206    .wmc_menu.wmcM_menuHorizontalDesktop .navigation-nav--item > .navigation-nav--sub-menu[popover],
14207    .wmc_menu.wmcM_menuMegaDesktop .navigation-nav--more-trigger > .navigation-nav--more-menu[popover] {
14208        display: none;
14209        position: fixed;
14210        top: var(--horizontalNavSubPanelTriggerTop, 0);
14211        left: var(--horizontalNavSubPanelTriggerLeft, 0);
14212        right: auto;
14213        bottom: auto;
14214        margin: 0;
14215        overflow: visible;
14216        opacity: 1;
14217        visibility: visible;
14218        transform: none;
14219        transition: none;
14220        z-index: auto;
14221    }
14222
14223    .wmc_menu.wmcM_menuHorizontalDesktop .navigation-nav--item > .navigation-nav--sub-menu[popover]:popover-open,
14224    .wmc_menu.wmcM_menuMegaDesktop .navigation-nav--more-trigger > .navigation-nav--more-menu[popover]:popover-open {
14225        display: flex;
14226    }
14227}
14228
14229@media all and (width < 1040px) {
14230    .wmc_menu.wmcM_menuHorizontalTablet .navigation-nav--item > .navigation-nav--sub-menu[popover],
14231    .wmc_menu.wmcM_menuMegaTablet .navigation-nav--more-trigger > .navigation-nav--more-menu[popover] {
14232        display: none;
14233        position: fixed;
14234        top: var(--horizontalNavSubPanelTriggerTop, 0);
14235        left: var(--horizontalNavSubPanelTriggerLeft, 0);
14236        right: auto;
14237        bottom: auto;
14238        margin: 0;
14239        overflow: visible;
14240        opacity: 1;
14241        visibility: visible;
14242        transform: none;
14243        transition: none;
14244        z-index: auto;
14245    }
14246
14247    .wmc_menu.wmcM_menuHorizontalTablet .navigation-nav--item > .navigation-nav--sub-menu[popover]:popover-open,
14248    .wmc_menu.wmcM_menuMegaTablet .navigation-nav--more-trigger > .navigation-nav--more-menu[popover]:popover-open {
14249        display: flex;
14250    }
14251}
14252
14253@media all and (width < 650px) {
14254    .wmc_menu.wmcM_menuHorizontalMobile .navigation-nav--item > .navigation-nav--sub-menu[popover],
14255    .wmc_menu.wmcM_menuMegaMobile .navigation-nav--more-trigger > .navigation-nav--more-menu[popover] {
14256        display: none;
14257        position: fixed;
14258        top: var(--horizontalNavSubPanelTriggerTop, 0);
14259        left: var(--horizontalNavSubPanelTriggerLeft, 0);
14260        right: auto;
14261        bottom: auto;
14262        margin: 0;
14263        overflow: visible;
14264        opacity: 1;
14265        visibility: visible;
14266        transform: none;
14267        transition: none;
14268        z-index: auto;
14269    }
14270
14271    .wmc_menu.wmcM_menuHorizontalMobile .navigation-nav--item > .navigation-nav--sub-menu[popover]:popover-open,
14272    .wmc_menu.wmcM_menuMegaMobile .navigation-nav--more-trigger > .navigation-nav--more-menu[popover]:popover-open {
14273        display: flex;
14274    }
14275}
14276
14277.wmc_menu.wmcM_menuMegaDesktop .navigation-nav--more-menu > .navigation-nav--sub-item:has(> button.arrow),
14278.wmc_menu.wmcM_menuMegaTablet .navigation-nav--more-menu > .navigation-nav--sub-item:has(> button.arrow),
14279.wmc_menu.wmcM_menuMegaMobile .navigation-nav--more-menu > .navigation-nav--sub-item:has(> button.arrow) {
14280    display: grid;
14281    grid-template-columns: 1fr auto;
14282    align-items: center;
14283}
14284
14285.wmc_menu.wmcM_menuMegaDesktop .navigation-nav--more-menu > .navigation-nav--sub-item:has(> button.arrow) > a,
14286.wmc_menu.wmcM_menuMegaTablet .navigation-nav--more-menu > .navigation-nav--sub-item:has(> button.arrow) > a,
14287.wmc_menu.wmcM_menuMegaMobile .navigation-nav--more-menu > .navigation-nav--sub-item:has(> button.arrow) > a {
14288    padding-right: 0;
14289    width: 100%;
14290}
14291
14292.wmc_menu.wmcM_menuMegaDesktop .navigation-nav--more-menu > .navigation-nav--sub-item > button.arrow,
14293.wmc_menu.wmcM_menuMegaTablet .navigation-nav--more-menu > .navigation-nav--sub-item > button.arrow,
14294.wmc_menu.wmcM_menuMegaMobile .navigation-nav--more-menu > .navigation-nav--sub-item > button.arrow {
14295    display: flex;
14296    align-items: center;
14297    justify-content: center;
14298    width: var(--horizontalNavSubArrowDisplay, var(--horizontalNavSubArrowSize, 12px));
14299    height: 100%;
14300    margin-left: var(--horizontalNavSubArrowDisplay, var(--horizontalNavSubArrowSpacing, 8px));
14301    background: transparent;
14302    border: 0;
14303    padding: 0;
14304    cursor: pointer;
14305    pointer-events: auto;
14306}
14307
14308.wmc_menu.wmcM_menuMegaDesktop .navigation-nav--more-menu > .navigation-nav--sub-item > button.arrow::after,
14309.wmc_menu.wmcM_menuMegaTablet .navigation-nav--more-menu > .navigation-nav--sub-item > button.arrow::after,
14310.wmc_menu.wmcM_menuMegaMobile .navigation-nav--more-menu > .navigation-nav--sub-item > button.arrow::after {
14311    content: var(--horizontalNavSubArrowDisplay, '');
14312    display: block;
14313    width: var(--horizontalNavSubArrowSize, 12px);
14314    height: var(--horizontalNavSubArrowSize, 12px);
14315    -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
14316    mask-image: var(--wmd_submenuCaretIconUrl);
14317    -webkit-mask-size: contain;
14318    mask-size: contain;
14319    -webkit-mask-repeat: no-repeat;
14320    mask-repeat: no-repeat;
14321    -webkit-mask-position: center;
14322    mask-position: center;
14323    background-color: var(--horizontalNavSubArrowColor, currentColor);
14324    transition: transform 0.2s ease, background-color 0.2s ease;
14325}
14326
14327.wmc_menu .navigation-module-container.active:popover-open {
14328    position: fixed;
14329    top: 0;
14330    left: 0;
14331    right: auto;
14332    bottom: auto;
14333    width: calc(100vw / var(--wm_scale));
14334    height: calc(100dvh / var(--wm_scale));
14335    max-width: none;
14336    transform: scale(var(--wm_scale));
14337    transform-origin: 0 0;
14338    margin: 0;
14339    border: 0;
14340}
14341
14342body > .wmcM_scrollBehavior .wmc_menu.wmcM_menuHamburgerMobile .navigation-module-container.active:popover-open {
14343    transform: scale(var(--wm_scale)) !important;
14344    transform-origin: 0 0 !important;
14345    top: 0 !important;
14346    left: 0 !important;
14347    width: calc(100vw / var(--wm_scale)) !important;
14348    height: calc(100dvh / var(--wm_scale)) !important;
14349}
14350</style>
14351            <style>/* menu/vertical-sub-menu-slide.css */
14352.wmc_menu {
14353    /* ---------------- caret ---------------- */
14354    --verticalNavArrowDisplayDesktop: flex;
14355    --verticalNavSubArrowDisplayDesktop: flex;
14356    /* hover (base caret lives in menu.css) */
14357    --verticalNavSubArrowColorHoverDesktop: var(--verticalNavSubArrowColorDesktop);
14358    --verticalNavSubArrowSizeHoverDesktop: var(--verticalNavSubArrowSizeDesktop);
14359    --verticalNavSubArrowRotateHoverDesktop: var(--verticalNavSubArrowRotateDesktop);
14360
14361    --verticalNavArrowDisplay: var(--verticalNavArrowDisplayDesktop);
14362    --verticalNavSubArrowDisplay: var(--verticalNavSubArrowDisplayDesktop);
14363    --verticalNavSubArrowColorHover: var(--verticalNavSubArrowColorHoverDesktop);
14364    --verticalNavSubArrowSizeHover: var(--verticalNavSubArrowSizeHoverDesktop);
14365    --verticalNavSubArrowRotateHover: var(--verticalNavSubArrowRotateHoverDesktop);
14366
14367    /* ---------------- sub menu panel ---------------- */
14368    --verticalNavSubContainerBackgroundColorDesktop: transparent;
14369
14370    --verticalNavSubContainerBackgroundColor: var(--verticalNavSubContainerBackgroundColorDesktop);
14371
14372    /* ---------------- sub menu title ---------------- */
14373
14374    /* borders */
14375    --verticalNavTitleBorderTopDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
14376    --verticalNavTitleBorderRightDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
14377    --verticalNavTitleBorderBottomDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
14378    --verticalNavTitleBorderLeftDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
14379    --verticalNavTitleBorderTopHoverDesktop: var(--verticalNavTitleBorderTopDesktop);
14380    --verticalNavTitleBorderRightHoverDesktop: var(--verticalNavTitleBorderRightDesktop);
14381    --verticalNavTitleBorderBottomHoverDesktop: var(--verticalNavTitleBorderBottomDesktop);
14382    --verticalNavTitleBorderLeftHoverDesktop: var(--verticalNavTitleBorderLeftDesktop);
14383
14384    /* corners */
14385    --verticalNavTitleBorderRadiusDesktop: 0px 0px 0px 0px;
14386    --verticalNavTitleBorderRadiusHoverDesktop: var(--verticalNavTitleBorderRadiusDesktop);
14387
14388    /* fill hover (base fill lives in menu.css) */
14389    --verticalNavTitleContainerBackgroundColorHoverDesktop: var(--verticalNavTitleContainerBackgroundColorDesktop);
14390
14391    /* padding */
14392    --verticalNavTitlePaddingTopDesktop: 15px;
14393    --verticalNavTitlePaddingBottomDesktop: 10px;
14394    --verticalNavTitlePaddingLeftDesktop: 0px;
14395    --verticalNavTitlePaddingRightDesktop: 0px;
14396    --verticalNavTitlePaddingTopHoverDesktop: var(--verticalNavTitlePaddingTopDesktop);
14397    --verticalNavTitlePaddingBottomHoverDesktop: var(--verticalNavTitlePaddingBottomDesktop);
14398    --verticalNavTitlePaddingLeftHoverDesktop: var(--verticalNavTitlePaddingLeftDesktop);
14399    --verticalNavTitlePaddingRightHoverDesktop: var(--verticalNavTitlePaddingRightDesktop);
14400
14401    /* text (color / size / weight / line height live in menu.css) */
14402    --verticalNavTitleFontDesktop: var(--verticalNavItemFont);
14403    --verticalNavTitleFontStyleDesktop: normal;
14404    --verticalNavTitleLetterSpacingDesktop: 0px;
14405    --verticalNavTitleTextDecorationDesktop: none;
14406    --verticalNavTitleHoverFontColorDesktop: var(--verticalNavTitleFontColorDesktop);
14407
14408    /* apply borders */
14409    --verticalNavTitleBorderTop: var(--verticalNavTitleBorderTopDesktop);
14410    --verticalNavTitleBorderRight: var(--verticalNavTitleBorderRightDesktop);
14411    --verticalNavTitleBorderBottom: var(--verticalNavTitleBorderBottomDesktop);
14412    --verticalNavTitleBorderLeft: var(--verticalNavTitleBorderLeftDesktop);
14413    --verticalNavTitleBorderTopHover: var(--verticalNavTitleBorderTopHoverDesktop);
14414    --verticalNavTitleBorderRightHover: var(--verticalNavTitleBorderRightHoverDesktop);
14415    --verticalNavTitleBorderBottomHover: var(--verticalNavTitleBorderBottomHoverDesktop);
14416    --verticalNavTitleBorderLeftHover: var(--verticalNavTitleBorderLeftHoverDesktop);
14417
14418    /* apply corners */
14419    --verticalNavTitleBorderRadius: var(--verticalNavTitleBorderRadiusDesktop);
14420    --verticalNavTitleBorderRadiusHover: var(--verticalNavTitleBorderRadiusHoverDesktop);
14421
14422    /* apply fill hover */
14423    --verticalNavTitleContainerBackgroundColorHover: var(--verticalNavTitleContainerBackgroundColorHoverDesktop);
14424
14425    /* apply padding */
14426    --verticalNavTitlePaddingTop: var(--verticalNavTitlePaddingTopDesktop);
14427    --verticalNavTitlePaddingBottom: var(--verticalNavTitlePaddingBottomDesktop);
14428    --verticalNavTitlePaddingLeft: var(--verticalNavTitlePaddingLeftDesktop);
14429    --verticalNavTitlePaddingRight: var(--verticalNavTitlePaddingRightDesktop);
14430    --verticalNavTitlePaddingTopHover: var(--verticalNavTitlePaddingTopHoverDesktop);
14431    --verticalNavTitlePaddingBottomHover: var(--verticalNavTitlePaddingBottomHoverDesktop);
14432    --verticalNavTitlePaddingLeftHover: var(--verticalNavTitlePaddingLeftHoverDesktop);
14433    --verticalNavTitlePaddingRightHover: var(--verticalNavTitlePaddingRightHoverDesktop);
14434
14435    /* apply text */
14436    --verticalNavTitleFont: var(--verticalNavTitleFontDesktop);
14437    --verticalNavTitleFontStyle: var(--verticalNavTitleFontStyleDesktop);
14438    --verticalNavTitleLetterSpacing: var(--verticalNavTitleLetterSpacingDesktop);
14439    --verticalNavTitleTextDecoration: var(--verticalNavTitleTextDecorationDesktop);
14440    --verticalNavTitleHoverFontColor: var(--verticalNavTitleHoverFontColorDesktop);
14441
14442    /* ---------------- back button ---------------- */
14443
14444    /* borders */
14445    --verticalNavBackButtonBorderTopDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
14446    --verticalNavBackButtonBorderRightDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
14447    --verticalNavBackButtonBorderBottomDesktop: 1px solid rgba(var(--colorPrimaryJ), 1);
14448    --verticalNavBackButtonBorderLeftDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
14449    --verticalNavBackButtonBorderTopHoverDesktop: var(--verticalNavBackButtonBorderTopDesktop);
14450    --verticalNavBackButtonBorderRightHoverDesktop: var(--verticalNavBackButtonBorderRightDesktop);
14451    --verticalNavBackButtonBorderBottomHoverDesktop: var(--verticalNavBackButtonBorderBottomDesktop);
14452    --verticalNavBackButtonBorderLeftHoverDesktop: var(--verticalNavBackButtonBorderLeftDesktop);
14453
14454    /* corners */
14455    --verticalNavBackButtonBorderRadiusDesktop: 0px 0px 0px 0px;
14456    --verticalNavBackButtonBorderRadiusHoverDesktop: var(--verticalNavBackButtonBorderRadiusDesktop);
14457
14458    /* fill */
14459    --verticalNavBackButtonBackgroundColorDesktop: transparent;
14460    --verticalNavBackButtonHoverBackgroundColorDesktop: var(--verticalNavBackButtonBackgroundColorDesktop);
14461
14462    /* padding */
14463    --verticalNavBackButtonPaddingTopDesktop: 15px;
14464    --verticalNavBackButtonPaddingBottomDesktop: 15px;
14465    --verticalNavBackButtonPaddingLeftDesktop: 0px;
14466    --verticalNavBackButtonPaddingRightDesktop: 0px;
14467    --verticalNavBackButtonPaddingTopHoverDesktop: var(--verticalNavBackButtonPaddingTopDesktop);
14468    --verticalNavBackButtonPaddingBottomHoverDesktop: var(--verticalNavBackButtonPaddingBottomDesktop);
14469    --verticalNavBackButtonPaddingLeftHoverDesktop: var(--verticalNavBackButtonPaddingLeftDesktop);
14470    --verticalNavBackButtonPaddingRightHoverDesktop: var(--verticalNavBackButtonPaddingRightDesktop);
14471
14472    /* text */
14473    --verticalNavBackButtonFontDesktop: var(--verticalNavItemFont);
14474    --verticalNavBackButtonColorDesktop: var(--verticalNavItemFontColor);
14475    --verticalNavBackButtonFontSizeDesktop: var(--verticalNavItemFontSize);
14476    --verticalNavBackButtonFontWeightDesktop: 700;
14477    --verticalNavBackButtonFontStyleDesktop: normal;
14478    --verticalNavBackButtonLetterSpacingDesktop: 0px;
14479    --verticalNavBackButtonTextDecorationDesktop: none;
14480    --verticalNavBackButtonLineHeightDesktop: normal;
14481    --verticalNavBackButtonHoverFontColorDesktop: var(--verticalNavBackButtonColorDesktop);
14482
14483    /* icon */
14484    --verticalNavBackButtonArrowSizeDesktop: 24px;
14485    --verticalNavBackButtonArrowSizeHoverDesktop: var(--verticalNavBackButtonArrowSizeDesktop);
14486    --verticalNavBackButtonArrowSpacingDesktop: 10px;
14487    --verticalNavBackButtonArrowRotateDesktop: rotate(0deg);
14488
14489    /* apply borders */
14490    --verticalNavBackButtonBorderTop: var(--verticalNavBackButtonBorderTopDesktop);
14491    --verticalNavBackButtonBorderRight: var(--verticalNavBackButtonBorderRightDesktop);
14492    --verticalNavBackButtonBorderBottom: var(--verticalNavBackButtonBorderBottomDesktop);
14493    --verticalNavBackButtonBorderLeft: var(--verticalNavBackButtonBorderLeftDesktop);
14494    --verticalNavBackButtonBorderTopHover: var(--verticalNavBackButtonBorderTopHoverDesktop);
14495    --verticalNavBackButtonBorderRightHover: var(--verticalNavBackButtonBorderRightHoverDesktop);
14496    --verticalNavBackButtonBorderBottomHover: var(--verticalNavBackButtonBorderBottomHoverDesktop);
14497    --verticalNavBackButtonBorderLeftHover: var(--verticalNavBackButtonBorderLeftHoverDesktop);
14498
14499    /* apply corners */
14500    --verticalNavBackButtonBorderRadius: var(--verticalNavBackButtonBorderRadiusDesktop);
14501    --verticalNavBackButtonBorderRadiusHover: var(--verticalNavBackButtonBorderRadiusHoverDesktop);
14502
14503    /* apply fill */
14504    --verticalNavBackButtonBackgroundColor: var(--verticalNavBackButtonBackgroundColorDesktop);
14505    --verticalNavBackButtonHoverBackgroundColor: var(--verticalNavBackButtonHoverBackgroundColorDesktop);
14506
14507    /* apply padding */
14508    --verticalNavBackButtonPaddingTop: var(--verticalNavBackButtonPaddingTopDesktop);
14509    --verticalNavBackButtonPaddingBottom: var(--verticalNavBackButtonPaddingBottomDesktop);
14510    --verticalNavBackButtonPaddingLeft: var(--verticalNavBackButtonPaddingLeftDesktop);
14511    --verticalNavBackButtonPaddingRight: var(--verticalNavBackButtonPaddingRightDesktop);
14512    --verticalNavBackButtonPaddingTopHover: var(--verticalNavBackButtonPaddingTopHoverDesktop);
14513    --verticalNavBackButtonPaddingBottomHover: var(--verticalNavBackButtonPaddingBottomHoverDesktop);
14514    --verticalNavBackButtonPaddingLeftHover: var(--verticalNavBackButtonPaddingLeftHoverDesktop);
14515    --verticalNavBackButtonPaddingRightHover: var(--verticalNavBackButtonPaddingRightHoverDesktop);
14516
14517    /* apply text */
14518    --verticalNavBackButtonFont: var(--verticalNavBackButtonFontDesktop);
14519    --verticalNavBackButtonColor: var(--verticalNavBackButtonColorDesktop);
14520    --verticalNavBackButtonFontSize: var(--verticalNavBackButtonFontSizeDesktop);
14521    --verticalNavBackButtonFontWeight: var(--verticalNavBackButtonFontWeightDesktop);
14522    --verticalNavBackButtonFontStyle: var(--verticalNavBackButtonFontStyleDesktop);
14523    --verticalNavBackButtonLetterSpacing: var(--verticalNavBackButtonLetterSpacingDesktop);
14524    --verticalNavBackButtonTextDecoration: var(--verticalNavBackButtonTextDecorationDesktop);
14525    --verticalNavBackButtonLineHeight: var(--verticalNavBackButtonLineHeightDesktop);
14526    --verticalNavBackButtonHoverFontColor: var(--verticalNavBackButtonHoverFontColorDesktop);
14527
14528    /* apply icon */
14529    --verticalNavBackButtonArrowSize: var(--verticalNavBackButtonArrowSizeDesktop);
14530    --verticalNavBackButtonArrowSizeHover: var(--verticalNavBackButtonArrowSizeHoverDesktop);
14531    --verticalNavBackButtonArrowSpacing: var(--verticalNavBackButtonArrowSpacingDesktop);
14532    --verticalNavBackButtonArrowRotate: var(--verticalNavBackButtonArrowRotateDesktop);
14533}
14534
14535/**********************************************************
14536	Desktop
14537***********************************************************/
14538
14539@media all and (width >= 1040px) {
14540    /* slide sub-menu behavior */
14541    .wmc_menu.wmcM_menuVerticalDesktop.wmcM_menuSubMenuSlideDesktop .navigation-module-container {
14542        & ul.navigation-nav--main-menu {
14543            width: 100%;
14544            max-width: none;
14545
14546            & ul.navigation-nav--sub-menu {
14547                transform: translateX(100%);
14548            }
14549
14550            &:has(.open) {
14551                transform: translateX(-100%);
14552
14553                & .open > ul.navigation-nav--sub-menu {
14554                    transform: translateX(100%);
14555
14556                    &:has(.open) {
14557                        transform: translateX(0px);
14558                    }
14559                }
14560            }
14561        }
14562
14563        & .navigation-nav--item:has(.navigation-nav--sub-menu) {
14564            grid-template-columns: 1fr var(--verticalNavArrowSize);
14565
14566            & > .arrow {
14567                display: var(--verticalNavArrowDisplay);
14568            }
14569        }
14570
14571        /*
14572         * Every nested level shares one caret, designed from Sub Menu Item,
14573         * independent of the main menu caret above.
14574         */
14575        & .navigation-nav--sub-item:has(.navigation-nav--sub-menu) > .arrow {
14576            display: var(--verticalNavSubArrowDisplay);
14577
14578            &::after {
14579                width: var(--verticalNavSubArrowSize);
14580                height: var(--verticalNavSubArrowSize);
14581                -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
14582                mask-image: var(--wmd_submenuCaretIconUrl);
14583                background-color: var(--verticalNavSubArrowColor);
14584                transform: var(--verticalNavSubArrowRotate);
14585            }
14586        }
14587        & .navigation-nav--sub-item:has(.navigation-nav--sub-menu):hover > .arrow::after {
14588            width: var(--verticalNavSubArrowSizeHover);
14589            height: var(--verticalNavSubArrowSizeHover);
14590            background-color: var(--verticalNavSubArrowColorHover);
14591            transform: var(--verticalNavSubArrowRotateHover);
14592        }
14593
14594        & ul.navigation-nav--sub-menu {
14595            max-width: none;
14596            background-color: var(--verticalNavSubContainerBackgroun
14596dColor);
14597        }
14598
14599        /* sub menu title */
14600        & .navigation-nav--parent-title {
14601            padding-top: var(--verticalNavTitlePaddingTop);
14602            padding-bottom: var(--verticalNavTitlePaddingBottom);
14603            padding-left: var(--verticalNavTitlePaddingLeft);
14604            padding-right: var(--verticalNavTitlePaddingRight);
14605            border-top: var(--verticalNavTitleBorderTop);
14606            border-right: var(--verticalNavTitleBorderRight);
14607            border-bottom: var(--verticalNavTitleBorderBottom);
14608            border-left: var(--verticalNavTitleBorderLeft);
14609            border-radius: var(--verticalNavTitleBorderRadius);
14610            background-color: var(--verticalNavTitleContainerBackgroundColor);
14611
14612            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
14613                padding-top: var(--verticalNavTitlePaddingTopHover);
14614                padding-bottom: var(--verticalNavTitlePaddingBottomHover);
14615                padding-left: var(--verticalNavTitlePaddingLeftHover);
14616                padding-right: var(--verticalNavTitlePaddingRightHover);
14617                border-top: var(--verticalNavTitleBorderTopHover);
14618                border-right: var(--verticalNavTitleBorderRightHover);
14619                border-bottom: var(--verticalNavTitleBorderBottomHover);
14620                border-left: var(--verticalNavTitleBorderLeftHover);
14621                border-radius: var(--verticalNavTitleBorderRadiusHover);
14622                background-color: var(--verticalNavTitleContainerBackgroundColorHover);
14623            }
14624
14625            & a {
14626                margin-bottom: 0;
14627                font-family: var(--verticalNavTitleFont);
14628                font-style: var(--verticalNavTitleFontStyle);
14629                letter-spacing: var(--verticalNavTitleLetterSpacing);
14630                line-height: var(--verticalNavTitleLineHeight);
14631                text-decoration: var(--verticalNavTitleTextDecoration);
14632
14633                &:hover, .wmcA_hoverState & {
14634                    color: var(--verticalNavTitleHoverFontColor);
14635                }
14636            }
14637        }
14638
14639        /* back button */
14640        & .navigation-nav--back {
14641            display: block;
14642            padding-top: var(--verticalNavBackButtonPaddingTop);
14643            padding-bottom: var(--verticalNavBackButtonPaddingBottom);
14644            padding-left: var(--verticalNavBackButtonPaddingLeft);
14645            padding-right: var(--verticalNavBackButtonPaddingRight);
14646            border-top: var(--verticalNavBackButtonBorderTop);
14647            border-right: var(--verticalNavBackButtonBorderRight);
14648            border-bottom: var(--verticalNavBackButtonBorderBottom);
14649            border-left: var(--verticalNavBackButtonBorderLeft);
14650            border-radius: var(--verticalNavBackButtonBorderRadius);
14651            background-color: var(--verticalNavBackButtonBackgroundColor);
14652
14653            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
14654                padding-top: var(--verticalNavBackButtonPaddingTopHover);
14655                padding-bottom: var(--verticalNavBackButtonPaddingBottomHover);
14656                padding-left: var(--verticalNavBackButtonPaddingLeftHover);
14657                padding-right: var(--verticalNavBackButtonPaddingRightHover);
14658                border-top: var(--verticalNavBackButtonBorderTopHover);
14659                border-right: var(--verticalNavBackButtonBorderRightHover);
14660                border-bottom: var(--verticalNavBackButtonBorderBottomHover);
14661                border-left: var(--verticalNavBackButtonBorderLeftHover);
14662                border-radius: var(--verticalNavBackButtonBorderRadiusHover);
14663                background-color: var(--verticalNavBackButtonHoverBackgroundColor);
14664            }
14665
14666            & a {
14667                display: inline-flex;
14668                align-items: center;
14669                margin-bottom: 0;
14670                gap: var(--verticalNavBackButtonArrowSpacing);
14671                font-family: var(--verticalNavBackButtonFont);
14672                font-size: var(--verticalNavBackButtonFontSize);
14673                font-weight: var(--verticalNavBackButtonFontWeight);
14674                font-style: var(--verticalNavBackButtonFontStyle);
14675                letter-spacing: var(--verticalNavBackButtonLetterSpacing);
14676                line-height: var(--verticalNavBackButtonLineHeight);
14677                text-decoration: var(--verticalNavBackButtonTextDecoration);
14678                color: var(--verticalNavBackButtonColor);
14679                background-color: transparent;
14680                width: 100%;
14681
14682                &::before {
14683                    display: inline-block;
14684                    content: '';
14685                    width: var(--verticalNavBackButtonArrowSize);
14686                    height: var(--verticalNavBackButtonArrowSize);
14687                    -webkit-mask-image: var(--wmd_backIconUrl);
14688                    mask-image: var(--wmd_backIconUrl);
14689                    -webkit-mask-size: contain;
14690                    mask-size: contain;
14691                    -webkit-mask-repeat: no-repeat;
14692                    mask-repeat: no-repeat;
14693                    -webkit-mask-position: center;
14694                    mask-position: center;
14695                    background-color: var(--verticalNavBackButtonColor);
14696                    transform: var(--verticalNavBackButtonArrowRotate);
14697                    transition: all 0.3s ease;
14698                }
14699
14700                &:hover, .wmcA_hoverState & {
14701                    color: var(--verticalNavBackButtonHoverFontColor);
14702
14703                    &::before {
14704                        background-color: var(--verticalNavBackButtonHoverFontColor);
14705                        width: var(--verticalNavBackButtonArrowSizeHover);
14706                        height: var(--verticalNavBackButtonArrowSizeHover);
14707                    }
14708                }
14709            }
14710        }
14711    }
14712
14713    .wmc_menu.wmcM_menuVerticalDesktop.wmcM_menuSubMenuSlideDesktop.wmcA_hoverState .navigation-module-container
14714    .navigation-nav--sub-item:has(.navigation-nav--sub-menu) > .arrow::after {
14715        width: var(--verticalNavSubArrowSizeHover);
14716        height: var(--verticalNavSubArrowSizeHover);
14717        background-color: var(--verticalNavSubArrowColorHover);
14718        transform: var(--verticalNavSubArrowRotateHover);
14719    }
14720}
14721
14722/**********************************************************
14723	Tablet
14724***********************************************************/
14725
14726@media all and (min-width: 650px) and (width < 1040px) {
14727    .wmc_menu {
14728        /* caret */
14729        --verticalNavArrowDisplayTablet: var(--verticalNavArrowDisplayDesktop);
14730        --verticalNavSubArrowDisplayTablet: var(--verticalNavSubArrowDisplayDesktop);
14731        --verticalNavSubArrowColorHoverTablet: var(--verticalNavSubArrowColorHoverDesktop);
14732        --verticalNavSubArrowSizeHoverTablet: var(--verticalNavSubArrowSizeHoverDesktop);
14733        --verticalNavSubArrowRotateHoverTablet: var(--verticalNavSubArrowRotateHoverDesktop);
14734
14735        --verticalNavArrowDisplay: var(--verticalNavArrowDisplayTablet);
14736        --verticalNavSubArrowDisplay: var(--verticalNavSubArrowDisplayTablet);
14737        --verticalNavSubArrowColorHover: var(--verticalNavSubArrowColorHoverTablet);
14738        --verticalNavSubArrowSizeHover: var(--verticalNavSubArrowSizeHoverTablet);
14739        --verticalNavSubArrowRotateHover: var(--verticalNavSubArrowRotateHoverTablet);
14740
14741        /* sub menu panel */
14742        --verticalNavSubContainerBackgroundColorTablet: var(--verticalNavSubContainerBackgroundColorDesktop);
14743
14744        --verticalNavSubContainerBackgroundColor: var(--verticalNavSubContainerBackgroundColorTablet);
14745
14746        /* title borders */
14747        --verticalNavTitleBorderTopTablet: var(--verticalNavTitleBorderTopDesktop);
14748        --verticalNavTitleBorderRightTablet: var(--verticalNavTitleBorderRightDesktop);
14749        --verticalNavTitleBorderBottomTablet: var(--verticalNavTitleBorderBottomDesktop);
14750        --verticalNavTitleBorderLeftTablet: var(--verticalNavTitleBorderLeftDesktop);
14751        --verticalNavTitleBorderTopHoverTablet: var(--verticalNavTitleBorderTopHoverDesktop);
14752        --verticalNavTitleBorderRightHoverTablet: var(--verticalNavTitleBorderRightHoverDesktop);
14753        --verticalNavTitleBorderBottomHoverTablet: var(--verticalNavTitleBorderBottomHoverDesktop);
14754        --verticalNavTitleBorderLeftHoverTablet: var(--verticalNavTitleBorderLeftHoverDesktop);
14755
14756        /* title corners */
14757        --verticalNavTitleBorderRadiusTablet: var(--verticalNavTitleBorderRadiusDesktop);
14758        --verticalNavTitleBorderRadiusHoverTablet: var(--verticalNavTitleBorderRadiusHoverDesktop);
14759
14760        /* title fill hover */
14761        --verticalNavTitleContainerBackgroundColorHoverTablet: var(--verticalNavTitleContainerBackgroundColorTablet);
14762
14763        /* title padding */
14764        --verticalNavTitlePaddingTopTablet: var(--verticalNavTitlePaddingTopDesktop);
14765        --verticalNavTitlePaddingBottomTablet: var(--verticalNavTitlePaddingBottomDesktop);
14766        --verticalNavTitlePaddingLeftTablet: var(--verticalNavTitlePaddingLeftDesktop);
14767        --verticalNavTitlePaddingRightTablet: var(--verticalNavTitlePaddingRightDesktop);
14768        --verticalNavTitlePaddingTopHoverTablet: var(--verticalNavTitlePaddingTopHoverDesktop);
14769        --verticalNavTitlePaddingBottomHoverTablet: var(--verticalNavTitlePaddingBottomHoverDesktop);
14770        --verticalNavTitlePaddingLeftHoverTablet: var(--verticalNavTitlePaddingLeftHoverDesktop);
14771        --verticalNavTitlePaddingRightHoverTablet: var(--verticalNavTitlePaddingRightHoverDesktop);
14772
14773        /* title text */
14774        --verticalNavTitleFontTablet: var(--verticalNavTitleFontDesktop);
14775        --verticalNavTitleFontStyleTablet: var(--verticalNavTitleFontStyleDesktop);
14776        --verticalNavTitleLetterSpacingTablet: var(--verticalNavTitleLetterSpacingDesktop);
14777        --verticalNavTitleTextDecorationTablet: var(--verticalNavTitleTextDecorationDesktop);
14778        --verticalNavTitleHoverFontColorTablet: var(--verticalNavTitleFontColorTablet);
14779
14780        /* apply title borders */
14781        --verticalNavTitleBorderTop: var(--verticalNavTitleBorderTopTablet);
14782        --verticalNavTitleBorderRight: var(--verticalNavTitleBorderRightTablet);
14783        --verticalNavTitleBorderBottom: var(--verticalNavTitleBorderBottomTablet);
14784        --verticalNavTitleBorderLeft: var(--verticalNavTitleBorderLeftTablet);
14785        --verticalNavTitleBorderTopHover: var(--verticalNavTitleBorderTopHoverTablet);
14786        --verticalNavTitleBorderRightHover: var(--verticalNavTitleBorderRightHoverTablet);
14787        --verticalNavTitleBorderBottomHover: var(--verticalNavTitleBorderBottomHoverTablet);
14788        --verticalNavTitleBorderLeftHover: var(--verticalNavTitleBorderLeftHoverTablet);
14789
14790        /* apply title corners */
14791        --verticalNavTitleBorderRadius: var(--verticalNavTitleBorderRadiusTablet);
14792        --verticalNavTitleBorderRadiusHover: var(--verticalNavTitleBorderRadiusHoverTablet);
14793
14794        /* apply title fill hover */
14795        --verticalNavTitleContainerBackgroundColorHover: var(--verticalNavTitleContainerBackgroundColorHoverTablet);
14796
14797        /* apply title padding */
14798        --verticalNavTitlePaddingTop: var(--verticalNavTitlePaddingTopTablet);
14799        --verticalNavTitlePaddingBottom: var(--verticalNavTitlePaddingBottomTablet);
14800        --verticalNavTitlePaddingLeft: var(--verticalNavTitlePaddingLeftTablet);
14801        --verticalNavTitlePaddingRight: var(--verticalNavTitlePaddingRightTablet);
14802        --verticalNavTitlePaddingTopHover: var(--verticalNavTitlePaddingTopHoverTablet);
14803        --verticalNavTitlePaddingBottomHover: var(--verticalNavTitlePaddingBottomHoverTablet);
14804        --verticalNavTitlePaddingLeftHover: var(--verticalNavTitlePaddingLeftHoverTablet);
14805        --verticalNavTitlePaddingRightHover: var(--verticalNavTitlePaddingRightHoverTablet);
14806
14807        /* apply title text */
14808        --verticalNavTitleFont: var(--verticalNavTitleFontTablet);
14809        --verticalNavTitleFontStyle: var(--verticalNavTitleFontStyleTablet);
14810        --verticalNavTitleLetterSpacing: var(--verticalNavTitleLetterSpacingTablet);
14811        --verticalNavTitleTextDecoration: var(--verticalNavTitleTextDecorationTablet);
14812        --verticalNavTitleHoverFontColor: var(--verticalNavTitleHoverFontColorTablet);
14813
14814        /* back button borders */
14815        --verticalNavBackButtonBorderTopTablet: var(--verticalNavBackButtonBorderTopDesktop);
14816        --verticalNavBackButtonBorderRightTablet: var(--verticalNavBackButtonBorderRightDesktop);
14817        --verticalNavBackButtonBorderBottomTablet: var(--verticalNavBackButtonBorderBottomDesktop);
14818        --verticalNavBackButtonBorderLeftTablet: var(--verticalNavBackButtonBorderLeftDesktop);
14819        --verticalNavBackButtonBorderTopHoverTablet: var(--verticalNavBackButtonBorderTopHoverDesktop);
14820        --verticalNavBackButtonBorderRightHoverTablet: var(--verticalNavBackButtonBorderRightHoverDesktop);
14821        --verticalNavBackButtonBorderBottomHoverTablet: var(--verticalNavBackButtonBorderBottomHoverDesktop);
14822        --verticalNavBackButtonBorderLeftHoverTablet: var(--verticalNavBackButtonBorderLeftHoverDesktop);
14823
14824        /* back button corners */
14825        --verticalNavBackButtonBorderRadiusTablet: var(--verticalNavBackButtonBorderRadiusDesktop);
14826        --verticalNavBackButtonBorderRadiusHoverTablet: var(--verticalNavBackButtonBorderRadiusHoverDesktop);
14827
14828        /* back button fill */
14829        --verticalNavBackButtonBackgroundColorTablet: var(--verticalNavBackButtonBackgroundColorDesktop);
14830        --verticalNavBackButtonHoverBackgroundColorTablet: var(--verticalNavBackButtonHoverBackgroundColorDesktop);
14831
14832        /* back button padding */
14833        --verticalNavBackButtonPaddingTopTablet: var(--verticalNavBackButtonPaddingTopDesktop);
14834        --verticalNavBackButtonPaddingBottomTablet: var(--verticalNavBackButtonPaddingBottomDesktop);
14835        --verticalNavBackButtonPaddingLeftTablet: var(--verticalNavBackButtonPaddingLeftDesktop);
14836        --verticalNavBackButtonPaddingRightTablet: var(--verticalNavBackButtonPaddingRightDesktop);
14837        --verticalNavBackButtonPaddingTopHoverTablet: var(--verticalNavBackButtonPaddingTopHoverDesktop);
14838        --verticalNavBackButtonPaddingBottomHoverTablet: var(--verticalNavBackButtonPaddingBottomHoverDesktop);
14839        --verticalNavBackButtonPaddingLeftHoverTablet: var(--verticalNavBackButtonPaddingLeftHoverDesktop);
14840        --verticalNavBackButtonPaddingRightHoverTablet: var(--verticalNavBackButtonPaddingRightHoverDesktop);
14841
14842        /* back button text */
14843        --verticalNavBackButtonFontTablet: var(--verticalNavBackButtonFontDesktop);
14844        --verticalNavBackButtonColorTablet: var(--verticalNavBackButtonColorDesktop);
14845        --verticalNavBackButtonFontSizeTablet: var(--verticalNavBackButtonFontSizeDesktop);
14846        --verticalNavBackButtonFontWeightTablet: var(--verticalNavBackButtonFontWeightDesktop);
14847        --verticalNavBackButtonFontStyleTablet: var(--verticalNavBackButtonFontStyleDesktop);
14848        --verticalNavBackButtonLetterSpacingTablet: var(--verticalNavBackButtonLetterSpacingDesktop);
14849        --verticalNavBackButtonTextDecorationTablet: var(--verticalNavBackButtonTextDecorationDesktop);
14850        --verticalNavBackButtonLineHeightTablet: var(--verticalNavBackButtonLineHeightDesktop);
14851        --verticalNavBackButtonHoverFontColorTablet: var(--verticalNavBackButtonHoverFontColorDesktop);
14852
14853        /* back button icon */
14854        --verticalNavBackButtonArrowSizeTablet: var(--verticalNavBackButtonArrowSizeDesktop);
14855        --verticalNavBackButtonArrowSizeHoverTablet: var(--verticalNavBackButtonArrowSizeHoverDesktop);
14856        --verticalNavBackButtonArrowSpacingTablet: var(--verticalNavBackButtonArrowSpacingDesktop);
14857        --verticalNavBackButtonArrowRotateTablet: var(--verticalNavBackButtonArrowRotateDesktop);
14858
14859        /* apply back button borders */
14860        --verticalNavBackButtonBorderTop: var(--verticalNavBackButtonBorderTopTablet);
14861        --verticalNavBackButtonBorderRight: var(--verticalNavBackButtonBorderRightTablet);
14862        --verticalNavBackButtonBorderBottom: var(--verticalNavBackButtonBorderBottomTablet);
14863        --verticalNavBackButtonBorderLeft: var(--verticalNavBackButtonBorderLeftTablet);
14864        --verticalNavBackButtonBorderTopHover: var(--verticalNavBackButtonBorderTopHoverTablet);
14865        --verticalNavBackButtonBorderRightHover: var(--verticalNavBackButtonBorderRightHoverTablet);
14866        --verticalNavBackButtonBorderBottomHover: var(--verticalNavBackButtonBorderBottomHoverTablet);
14867        --verticalNavBackButtonBorderLeftHover: var(--verticalNavBackButtonBorderLeftHoverTablet);
14868
14869        /* apply back button corners */
14870        --verticalNavBackButtonBorderRadius: var(--verticalNavBackButtonBorderRadiusTablet);
14871        --verticalNavBackButtonBorderRadiusHover: var(--verticalNavBackButtonBorderRadiusHoverTablet);
14872
14873        /* apply back button fill */
14874        --verticalNavBackButtonBackgroundColor: var(--verticalNavBackButtonBackgroundColorTablet);
14875        --verticalNavBackButtonHoverBackgroundColor: var(--verticalNavBackButtonHoverBackgroundColorTablet);
14876
14877        /* apply back button padding */
14878        --verticalNavBackButtonPaddingTop: var(--verticalNavBackButtonPaddingTopTablet);
14879        --verticalNavBackButtonPaddingBottom: var(--verticalNavBackButtonPaddingBottomTablet);
14880        --verticalNavBackButtonPaddingLeft: var(--verticalNavBackButtonPaddingLeftTablet);
14881        --verticalNavBackButtonPaddingRight: var(--verticalNavBackButtonPaddingRightTablet);
14882        --verticalNavBackButtonPaddingTopHover: var(--verticalNavBackButtonPaddingTopHoverTablet);
14883        --verticalNavBackButtonPaddingBottomHover: var(--verticalNavBackButtonPaddingBottomHoverTablet);
14884        --verticalNavBackButtonPaddingLeftHover: var(--verticalNavBackButtonPaddingLeftHoverTablet);
14885        --verticalNavBackButtonPaddingRightHover: var(--verticalNavBackButtonPaddingRightHoverTablet);
14886
14887        /* apply back button text */
14888        --verticalNavBackButtonFont: var(--verticalNavBackButtonFontTablet);
14889        --verticalNavBackButtonColor: var(--verticalNavBackButtonColorTablet);
14890        --verticalNavBackButtonFontSize: var(--verticalNavBackButtonFontSizeTablet);
14891        --verticalNavBackButtonFontWeight: var(--verticalNavBackButtonFontWeightTablet);
14892        --verticalNavBackButtonFontStyle: var(--verticalNavBackButtonFontStyleTablet);
14893        --verticalNavBackButtonLetterSpacing: var(--verticalNavBackButtonLetterSpacingTablet);
14894        --verticalNavBackButtonTextDecoration: var(--verticalNavBackButtonTextDecorationTablet);
14895        --verticalNavBackButtonLineHeight: var(--verticalNavBackButtonLineHeightTablet);
14896        --verticalNavBackButtonHoverFontColor: var(--verticalNavBackButtonHoverFontColorTablet);
14897
14898        /* apply back button icon */
14899        --verticalNavBackButtonArrowSize: var(--verticalNavBackButtonArrowSizeTablet);
14900        --verticalNavBackButtonArrowSizeHover: var(--verticalNavBackButtonArrowSizeHoverTablet);
14901        --verticalNavBackButtonArrowSpacing: var(--verticalNavBackButtonArrowSpacingTablet);
14902        --verticalNavBackButtonArrowRotate: var(--verticalNavBackButtonArrowRotateTablet);
14903    }
14904
14905    /* slide sub-menu behavior */
14906    .wmc_menu.wmcM_menuVerticalTablet.wmcM_menuSubMenuSlideTablet .navigation-module-container {
14907        & ul.navigation-nav--main-menu {
14908            width: 100%;
14909            max-width: none;
14910
14911            & ul.navigation-nav--sub-menu {
14912                transform: translateX(100%);
14913            }
14914
14915            &:has(.open) {
14916                transform: translateX(-100%);
14917
14918                & .open > ul.navigation-nav--sub-menu {
14919                    transform: translateX(100%);
14920
14921                    &:has(.open) {
14922                        transform: translateX(0px);
14923                    }
14924                }
14925            }
14926        }
14927
14928        & .navigation-nav--item:has(.navigation-nav--sub-menu) {
14929            grid-template-columns: 1fr var(--verticalNavArrowSize);
14930
14931            & > .arrow {
14932                display: var(--verticalNavArrowDisplay);
14933            }
14934        }
14935
14936        /*
14937         * Every nested level shares one caret, designed from Sub Menu Item,
14938         * independent of the main menu caret above.
14939         */
14940        & .navigation-nav--sub-item:has(.navigation-nav--sub-menu) > .arrow {
14941            display: var(--verticalNavSubArrowDisplay);
14942
14943            &::after {
14944                width: var(--verticalNavSubArrowSize);
14945                height: var(--verticalNavSubArrowSize);
14946                -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
14947                mask-image: var(--wmd_submenuCaretIconUrl);
14948                background-color: var(--verticalNavSubArrowColor);
14949                transform: var(--verticalNavSubArrowRotate);
14950            }
14951        }
14952        & .navigation-nav--sub-item:has(.navigation-nav--sub-menu):hover > .arrow::after {
14953            width: var(--verticalNavSubArrowSizeHover);
14954            height: var(--verticalNavSubArrowSizeHover);
14955            background-color: var(--verticalNavSubArrowColorHover);
14956            transform: var(--verticalNavSubArrowRotateHover);
14957        }
14958
14959        & ul.navigation-nav--sub-menu {
14960            max-width: none;
14961            background-color: var(--verticalNavSubContainerBackgroun
14961dColor);
14962        }
14963
14964        /* sub menu title */
14965        & .navigation-nav--parent-title {
14966            padding-top: var(--verticalNavTitlePaddingTop);
14967            padding-bottom: var(--verticalNavTitlePaddingBottom);
14968            padding-left: var(--verticalNavTitlePaddingLeft);
14969            padding-right: var(--verticalNavTitlePaddingRight);
14970            border-top: var(--verticalNavTitleBorderTop);
14971            border-right: var(--verticalNavTitleBorderRight);
14972            border-bottom: var(--verticalNavTitleBorderBottom);
14973            border-left: var(--verticalNavTitleBorderLeft);
14974            border-radius: var(--verticalNavTitleBorderRadius);
14975            background-color: var(--verticalNavTitleContainerBackgroundColor);
14976
14977            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
14978                padding-top: var(--verticalNavTitlePaddingTopHover);
14979                padding-bottom: var(--verticalNavTitlePaddingBottomHover);
14980                padding-left: var(--verticalNavTitlePaddingLeftHover);
14981                padding-right: var(--verticalNavTitlePaddingRightHover);
14982                border-top: var(--verticalNavTitleBorderTopHover);
14983                border-right: var(--verticalNavTitleBorderRightHover);
14984                border-bottom: var(--verticalNavTitleBorderBottomHover);
14985                border-left: var(--verticalNavTitleBorderLeftHover);
14986                border-radius: var(--verticalNavTitleBorderRadiusHover);
14987                background-color: var(--verticalNavTitleContainerBackgroundColorHover);
14988            }
14989
14990            & a {
14991                margin-bottom: 0;
14992                font-family: var(--verticalNavTitleFont);
14993                font-style: var(--verticalNavTitleFontStyle);
14994                letter-spacing: var(--verticalNavTitleLetterSpacing);
14995                line-height: var(--verticalNavTitleLineHeight);
14996                text-decoration: var(--verticalNavTitleTextDecoration);
14997
14998                &:hover, .wmcA_hoverState & {
14999                    color: var(--verticalNavTitleHoverFontColor);
15000                }
15001            }
15002        }
15003
15004        /* back button */
15005        & .navigation-nav--back {
15006            display: block;
15007            padding-top: var(--verticalNavBackButtonPaddingTop);
15008            padding-bottom: var(--verticalNavBackButtonPaddingBottom);
15009            padding-left: var(--verticalNavBackButtonPaddingLeft);
15010            padding-right: var(--verticalNavBackButtonPaddingRight);
15011            border-top: var(--verticalNavBackButtonBorderTop);
15012            border-right: var(--verticalNavBackButtonBorderRight);
15013            border-bottom: var(--verticalNavBackButtonBorderBottom);
15014            border-left: var(--verticalNavBackButtonBorderLeft);
15015            border-radius: var(--verticalNavBackButtonBorderRadius);
15016            background-color: var(--verticalNavBackButtonBackgroundColor);
15017
15018            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
15019                padding-top: var(--verticalNavBackButtonPaddingTopHover);
15020                padding-bottom: var(--verticalNavBackButtonPaddingBottomHover);
15021                padding-left: var(--verticalNavBackButtonPaddingLeftHover);
15022                padding-right: var(--verticalNavBackButtonPaddingRightHover);
15023                border-top: var(--verticalNavBackButtonBorderTopHover);
15024                border-right: var(--verticalNavBackButtonBorderRightHover);
15025                border-bottom: var(--verticalNavBackButtonBorderBottomHover);
15026                border-left: var(--verticalNavBackButtonBorderLeftHover);
15027                border-radius: var(--verticalNavBackButtonBorderRadiusHover);
15028                background-color: var(--verticalNavBackButtonHoverBackgroundColor);
15029            }
15030
15031            & a {
15032                display: inline-flex;
15033                align-items: center;
15034                margin-bottom: 0;
15035                gap: var(--verticalNavBackButtonArrowSpacing);
15036                font-family: var(--verticalNavBackButtonFont);
15037                font-size: var(--verticalNavBackButtonFontSize);
15038                font-weight: var(--verticalNavBackButtonFontWeight);
15039                font-style: var(--verticalNavBackButtonFontStyle);
15040                letter-spacing: var(--verticalNavBackButtonLetterSpacing);
15041                line-height: var(--verticalNavBackButtonLineHeight);
15042                text-decoration: var(--verticalNavBackButtonTextDecoration);
15043                color: var(--verticalNavBackButtonColor);
15044                background-color: transparent;
15045                width: 100%;
15046
15047                &::before {
15048                    display: inline-block;
15049                    content: '';
15050                    width: var(--verticalNavBackButtonArrowSize);
15051                    height: var(--verticalNavBackButtonArrowSize);
15052                    -webkit-mask-image: var(--wmd_backIconUrl);
15053                    mask-image: var(--wmd_backIconUrl);
15054                    -webkit-mask-size: contain;
15055                    mask-size: contain;
15056                    -webkit-mask-repeat: no-repeat;
15057                    mask-repeat: no-repeat;
15058                    -webkit-mask-position: center;
15059                    mask-position: center;
15060                    background-color: var(--verticalNavBackButtonColor);
15061                    transform: var(--verticalNavBackButtonArrowRotate);
15062                    transition: all 0.3s ease;
15063                }
15064
15065                &:hover, .wmcA_hoverState & {
15066                    color: var(--verticalNavBackButtonHoverFontColor);
15067
15068                    &::before {
15069                        background-color: var(--verticalNavBackButtonHoverFontColor);
15070                        width: var(--verticalNavBackButtonArrowSizeHover);
15071                        height: var(--verticalNavBackButtonArrowSizeHover);
15072                    }
15073                }
15074            }
15075        }
15076    }
15077
15078    .wmc_menu.wmcM_menuVerticalTablet.wmcM_menuSubMenuSlideTablet.wmcA_hoverState .navigation-module-container
15079    .navigation-nav--sub-item:has(.navigation-nav--sub-menu) > .arrow::after {
15080        width: var(--verticalNavSubArrowSizeHover);
15081        height: var(--verticalNavSubArrowSizeHover);
15082        background-color: var(--verticalNavSubArrowColorHover);
15083        transform: var(--verticalNavSubArrowRotateHover);
15084    }
15085}
15086
15087/**********************************************************
15088	Mobile
15089***********************************************************/
15090
15091@media all and (width < 650px) {
15092    .wmc_menu {
15093        /* caret */
15094        --verticalNavArrowDisplayMobile: var(--verticalNavArrowDisplayDesktop);
15095        --verticalNavSubArrowDisplayMobile: var(--verticalNavSubArrowDisplayDesktop);
15096        --verticalNavSubArrowColorHoverMobile: var(--verticalNavSubArrowColorHoverDesktop);
15097        --verticalNavSubArrowSizeHoverMobile: var(--verticalNavSubArrowSizeHoverDesktop);
15098        --verticalNavSubArrowRotateHoverMobile: var(--verticalNavSubArrowRotateHoverDesktop);
15099
15100        --verticalNavArrowDisplay: var(--verticalNavArrowDisplayMobile);
15101        --verticalNavSubArrowDisplay: var(--verticalNavSubArrowDisplayMobile);
15102        --verticalNavSubArrowColorHover: var(--verticalNavSubArrowColorHoverMobile);
15103        --verticalNavSubArrowSizeHover: var(--verticalNavSubArrowSizeHoverMobile);
15104        --verticalNavSubArrowRotateHover: var(--verticalNavSubArrowRotateHoverMobile);
15105
15106        /* sub menu panel */
15107        --verticalNavSubContainerBackgroundColorMobile: var(--verticalNavSubContainerBackgroundColorDesktop);
15108
15109        --verticalNavSubContainerBackgroundColor: var(--verticalNavSubContainerBackgroundColorMobile);
15110
15111        /* title borders */
15112        --verticalNavTitleBorderTopMobile: var(--verticalNavTitleBorderTopDesktop);
15113        --verticalNavTitleBorderRightMobile: var(--verticalNavTitleBorderRightDesktop);
15114        --verticalNavTitleBorderBottomMobile: var(--verticalNavTitleBorderBottomDesktop);
15115        --verticalNavTitleBorderLeftMobile: var(--verticalNavTitleBorderLeftDesktop);
15116        --verticalNavTitleBorderTopHoverMobile: var(--verticalNavTitleBorderTopHoverDesktop);
15117        --verticalNavTitleBorderRightHoverMobile: var(--verticalNavTitleBorderRightHoverDesktop);
15118        --verticalNavTitleBorderBottomHoverMobile: var(--verticalNavTitleBorderBottomHoverDesktop);
15119        --verticalNavTitleBorderLeftHoverMobile: var(--verticalNavTitleBorderLeftHoverDesktop);
15120
15121        /* title corners */
15122        --verticalNavTitleBorderRadiusMobile: var(--verticalNavTitleBorderRadiusDesktop);
15123        --verticalNavTitleBorderRadiusHoverMobile: var(--verticalNavTitleBorderRadiusHoverDesktop);
15124
15125        /* title fill hover */
15126        --verticalNavTitleContainerBackgroundColorHoverMobile: var(--verticalNavTitleContainerBackgroundColorMobile);
15127
15128        /* title padding */
15129        --verticalNavTitlePaddingTopMobile: var(--verticalNavTitlePaddingTopDesktop);
15130        --verticalNavTitlePaddingBottomMobile: var(--verticalNavTitlePaddingBottomDesktop);
15131        --verticalNavTitlePaddingLeftMobile: var(--verticalNavTitlePaddingLeftDesktop);
15132        --verticalNavTitlePaddingRightMobile: var(--verticalNavTitlePaddingRightDesktop);
15133        --verticalNavTitlePaddingTopHoverMobile: var(--verticalNavTitlePaddingTopHoverDesktop);
15134        --verticalNavTitlePaddingBottomHoverMobile: var(--verticalNavTitlePaddingBottomHoverDesktop);
15135        --verticalNavTitlePaddingLeftHoverMobile: var(--verticalNavTitlePaddingLeftHoverDesktop);
15136        --verticalNavTitlePaddingRightHoverMobile: var(--verticalNavTitlePaddingRightHoverDesktop);
15137
15138        /* title text */
15139        --verticalNavTitleFontMobile: var(--verticalNavTitleFontDesktop);
15140        --verticalNavTitleFontStyleMobile: var(--verticalNavTitleFontStyleDesktop);
15141        --verticalNavTitleLetterSpacingMobile: var(--verticalNavTitleLetterSpacingDesktop);
15142        --verticalNavTitleTextDecorationMobile: var(--verticalNavTitleTextDecorationDesktop);
15143        --verticalNavTitleHoverFontColorMobile: var(--verticalNavTitleFontColorMobile);
15144
15145        /* apply title borders */
15146        --verticalNavTitleBorderTop: var(--verticalNavTitleBorderTopMobile);
15147        --verticalNavTitleBorderRight: var(--verticalNavTitleBorderRightMobile);
15148        --verticalNavTitleBorderBottom: var(--verticalNavTitleBorderBottomMobile);
15149        --verticalNavTitleBorderLeft: var(--verticalNavTitleBorderLeftMobile);
15150        --verticalNavTitleBorderTopHover: var(--verticalNavTitleBorderTopHoverMobile);
15151        --verticalNavTitleBorderRightHover: var(--verticalNavTitleBorderRightHoverMobile);
15152        --verticalNavTitleBorderBottomHover: var(--verticalNavTitleBorderBottomHoverMobile);
15153        --verticalNavTitleBorderLeftHover: var(--verticalNavTitleBorderLeftHoverMobile);
15154
15155        /* apply title corners */
15156        --verticalNavTitleBorderRadius: var(--verticalNavTitleBorderRadiusMobile);
15157        --verticalNavTitleBorderRadiusHover: var(--verticalNavTitleBorderRadiusHoverMobile);
15158
15159        /* apply title fill hover */
15160        --verticalNavTitleContainerBackgroundColorHover: var(--verticalNavTitleContainerBackgroundColorHoverMobile);
15161
15162        /* apply title padding */
15163        --verticalNavTitlePaddingTop: var(--verticalNavTitlePaddingTopMobile);
15164        --verticalNavTitlePaddingBottom: var(--verticalNavTitlePaddingBottomMobile);
15165        --verticalNavTitlePaddingLeft: var(--verticalNavTitlePaddingLeftMobile);
15166        --verticalNavTitlePaddingRight: var(--verticalNavTitlePaddingRightMobile);
15167        --verticalNavTitlePaddingTopHover: var(--verticalNavTitlePaddingTopHoverMobile);
15168        --verticalNavTitlePaddingBottomHover: var(--verticalNavTitlePaddingBottomHoverMobile);
15169        --verticalNavTitlePaddingLeftHover: var(--verticalNavTitlePaddingLeftHoverMobile);
15170        --verticalNavTitlePaddingRightHover: var(--verticalNavTitlePaddingRightHoverMobile);
15171
15172        /* apply title text */
15173        --verticalNavTitleFont: var(--verticalNavTitleFontMobile);
15174        --verticalNavTitleFontStyle: var(--verticalNavTitleFontStyleMobile);
15175        --verticalNavTitleLetterSpacing: var(--verticalNavTitleLetterSpacingMobile);
15176        --verticalNavTitleTextDecoration: var(--verticalNavTitleTextDecorationMobile);
15177        --verticalNavTitleHoverFontColor: var(--verticalNavTitleHoverFontColorMobile);
15178
15179        /* back button borders */
15180        --verticalNavBackButtonBorderTopMobile: var(--verticalNavBackButtonBorderTopDesktop);
15181        --verticalNavBackButtonBorderRightMobile: var(--verticalNavBackButtonBorderRightDesktop);
15182        --verticalNavBackButtonBorderBottomMobile: var(--verticalNavBackButtonBorderBottomDesktop);
15183        --verticalNavBackButtonBorderLeftMobile: var(--verticalNavBackButtonBorderLeftDesktop);
15184        --verticalNavBackButtonBorderTopHoverMobile: var(--verticalNavBackButtonBorderTopHoverDesktop);
15185        --verticalNavBackButtonBorderRightHoverMobile: var(--verticalNavBackButtonBorderRightHoverDesktop);
15186        --verticalNavBackButtonBorderBottomHoverMobile: var(--verticalNavBackButtonBorderBottomHoverDesktop);
15187        --verticalNavBackButtonBorderLeftHoverMobile: var(--verticalNavBackButtonBorderLeftHoverDesktop);
15188
15189        /* back button corners */
15190        --verticalNavBackButtonBorderRadiusMobile: var(--verticalNavBackButtonBorderRadiusDesktop);
15191        --verticalNavBackButtonBorderRadiusHoverMobile: var(--verticalNavBackButtonBorderRadiusHoverDesktop);
15192
15193        /* back button fill */
15194        --verticalNavBackButtonBackgroundColorMobile: var(--verticalNavBackButtonBackgroundColorDesktop);
15195        --verticalNavBackButtonHoverBackgroundColorMobile: var(--verticalNavBackButtonHoverBackgroundColorDesktop);
15196
15197        /* back button padding */
15198        --verticalNavBackButtonPaddingTopMobile: var(--verticalNavBackButtonPaddingTopDesktop);
15199        --verticalNavBackButtonPaddingBottomMobile: var(--verticalNavBackButtonPaddingBottomDesktop);
15200        --verticalNavBackButtonPaddingLeftMobile: var(--verticalNavBackButtonPaddingLeftDesktop);
15201        --verticalNavBackButtonPaddingRightMobile: var(--verticalNavBackButtonPaddingRightDesktop);
15202        --verticalNavBackButtonPaddingTopHoverMobile: var(--verticalNavBackButtonPaddingTopHoverDesktop);
15203        --verticalNavBackButtonPaddingBottomHoverMobile: var(--verticalNavBackButtonPaddingBottomHoverDesktop);
15204        --verticalNavBackButtonPaddingLeftHoverMobile: var(--verticalNavBackButtonPaddingLeftHoverDesktop);
15205        --verticalNavBackButtonPaddingRightHoverMobile: var(--verticalNavBackButtonPaddingRightHoverDesktop);
15206
15207        /* back button text */
15208        --verticalNavBackButtonFontMobile: var(--verticalNavBackButtonFontDesktop);
15209        --verticalNavBackButtonColorMobile: var(--verticalNavBackButtonColorDesktop);
15210        --verticalNavBackButtonFontSizeMobile: var(--verticalNavBackButtonFontSizeDesktop);
15211        --verticalNavBackButtonFontWeightMobile: var(--verticalNavBackButtonFontWeightDesktop);
15212        --verticalNavBackButtonFontStyleMobile: var(--verticalNavBackButtonFontStyleDesktop);
15213        --verticalNavBackButtonLetterSpacingMobile: var(--verticalNavBackButtonLetterSpacingDesktop);
15214        --verticalNavBackButtonTextDecorationMobile: var(--verticalNavBackButtonTextDecorationDesktop);
15215        --verticalNavBackButtonLineHeightMobile: var(--verticalNavBackButtonLineHeightDesktop);
15216        --verticalNavBackButtonHoverFontColorMobile: var(--verticalNavBackButtonHoverFontColorDesktop);
15217
15218        /* back button icon */
15219        --verticalNavBackButtonArrowSizeMobile: var(--verticalNavBackButtonArrowSizeDesktop);
15220        --verticalNavBackButtonArrowSizeHoverMobile: var(--verticalNavBackButtonArrowSizeHoverDesktop);
15221        --verticalNavBackButtonArrowSpacingMobile: var(--verticalNavBackButtonArrowSpacingDesktop);
15222        --verticalNavBackButtonArrowRotateMobile: var(--verticalNavBackButtonArrowRotateDesktop);
15223
15224        /* apply back button borders */
15225        --verticalNavBackButtonBorderTop: var(--verticalNavBackButtonBorderTopMobile);
15226        --verticalNavBackButtonBorderRight: var(--verticalNavBackButtonBorderRightMobile);
15227        --verticalNavBackButtonBorderBottom: var(--verticalNavBackButtonBorderBottomMobile);
15228        --verticalNavBackButtonBorderLeft: var(--verticalNavBackButtonBorderLeftMobile);
15229        --verticalNavBackButtonBorderTopHover: var(--verticalNavBackButtonBorderTopHoverMobile);
15230        --verticalNavBackButtonBorderRightHover: var(--verticalNavBackButtonBorderRightHoverMobile);
15231        --verticalNavBackButtonBorderBottomHover: var(--verticalNavBackButtonBorderBottomHoverMobile);
15232        --verticalNavBackButtonBorderLeftHover: var(--verticalNavBackButtonBorderLeftHoverMobile);
15233
15234        /* apply back button corners */
15235        --verticalNavBackButtonBorderRadius: var(--verticalNavBackButtonBorderRadiusMobile);
15236        --verticalNavBackButtonBorderRadiusHover: var(--verticalNavBackButtonBorderRadiusHoverMobile);
15237
15238        /* apply back button fill */
15239        --verticalNavBackButtonBackgroundColor: var(--verticalNavBackButtonBackgroundColorMobile);
15240        --verticalNavBackButtonHoverBackgroundColor: var(--verticalNavBackButtonHoverBackgroundColorMobile);
15241
15242        /* apply back button padding */
15243        --verticalNavBackButtonPaddingTop: var(--verticalNavBackButtonPaddingTopMobile);
15244        --verticalNavBackButtonPaddingBottom: var(--verticalNavBackButtonPaddingBottomMobile);
15245        --verticalNavBackButtonPaddingLeft: var(--verticalNavBackButtonPaddingLeftMobile);
15246        --verticalNavBackButtonPaddingRight: var(--verticalNavBackButtonPaddingRightMobile);
15247        --verticalNavBackButtonPaddingTopHover: var(--verticalNavBackButtonPaddingTopHoverMobile);
15248        --verticalNavBackButtonPaddingBottomHover: var(--verticalNavBackButtonPaddingBottomHoverMobile);
15249        --verticalNavBackButtonPaddingLeftHover: var(--verticalNavBackButtonPaddingLeftHoverMobile);
15250        --verticalNavBackButtonPaddingRightHover: var(--verticalNavBackButtonPaddingRightHoverMobile);
15251
15252        /* apply back button text */
15253        --verticalNavBackButtonFont: var(--verticalNavBackButtonFontMobile);
15254        --verticalNavBackButtonColor: var(--verticalNavBackButtonColorMobile);
15255        --verticalNavBackButtonFontSize: var(--verticalNavBackButtonFontSizeMobile);
15256        --verticalNavBackButtonFontWeight: var(--verticalNavBackButtonFontWeightMobile);
15257        --verticalNavBackButtonFontStyle: var(--verticalNavBackButtonFontStyleMobile);
15258        --verticalNavBackButtonLetterSpacing: var(--verticalNavBackButtonLetterSpacingMobile);
15259        --verticalNavBackButtonTextDecoration: var(--verticalNavBackButtonTextDecorationMobile);
15260        --verticalNavBackButtonLineHeight: var(--verticalNavBackButtonLineHeightMobile);
15261        --verticalNavBackButtonHoverFontColor: var(--verticalNavBackButtonHoverFontColorMobile);
15262
15263        /* apply back button icon */
15264        --verticalNavBackButtonArrowSize: var(--verticalNavBackButtonArrowSizeMobile);
15265        --verticalNavBackButtonArrowSizeHover: var(--verticalNavBackButtonArrowSizeHoverMobile);
15266        --verticalNavBackButtonArrowSpacing: var(--verticalNavBackButtonArrowSpacingMobile);
15267        --verticalNavBackButtonArrowRotate: var(--verticalNavBackButtonArrowRotateMobile);
15268    }
15269
15270    /* slide sub-menu behavior */
15271    .wmc_menu.wmcM_menuVerticalMobile.wmcM_menuSubMenuSlideMobile .navigation-module-container {
15272        & ul.navigation-nav--main-menu {
15273            width: 100%;
15274            max-width: none;
15275
15276            & ul.navigation-nav--sub-menu {
15277                transform: translateX(100%);
15278            }
15279
15280            &:has(.open) {
15281                transform: translateX(-100%);
15282
15283                & .open > ul.navigation-nav--sub-menu {
15284                    transform: translateX(100%);
15285
15286                    &:has(.open) {
15287                        transform: translateX(0px);
15288                    }
15289                }
15290            }
15291        }
15292
15293        & .navigation-nav--item:has(.navigation-nav--sub-menu) {
15294            grid-template-columns: 1fr var(--verticalNavArrowSize);
15295
15296            & > .arrow {
15297                display: var(--verticalNavArrowDisplay);
15298            }
15299        }
15300
15301        /*
15302         * Every nested level shares one caret, designed from Sub Menu Item,
15303         * independent of the main menu caret above.
15304         */
15305        & .navigation-nav--sub-item:has(.navigation-nav--sub-menu) > .arrow {
15306            display: var(--verticalNavSubArrowDisplay);
15307
15308            &::after {
15309                width: var(--verticalNavSubArrowSize);
15310                height: var(--verticalNavSubArrowSize);
15311                -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
15312                mask-image: var(--wmd_submenuCaretIconUrl);
15313                background-color: var(--verticalNavSubArrowColor);
15314                transform: var(--verticalNavSubArrowRotate);
15315            }
15316        }
15317        & .navigation-nav--sub-item:has(.navigation-nav--sub-menu):hover > .arrow::after {
15318            width: var(--verticalNavSubArrowSizeHover);
15319            height: var(--verticalNavSubArrowSizeHover);
15320            background-color: var(--verticalNavSubArrowColorHover);
15321            transform: var(--verticalNavSubArrowRotateHover);
15322        }
15323
15324        & ul.navigation-nav--sub-menu {
15325            max-width: none;
15326            background-color: var(--verticalNavSubContainerBackgroun
15326dColor);
15327        }
15328
15329        /* sub menu title */
15330        & .navigation-nav--parent-title {
15331            padding-top: var(--verticalNavTitlePaddingTop);
15332            padding-bottom: var(--verticalNavTitlePaddingBottom);
15333            padding-left: var(--verticalNavTitlePaddingLeft);
15334            padding-right: var(--verticalNavTitlePaddingRight);
15335            border-top: var(--verticalNavTitleBorderTop);
15336            border-right: var(--verticalNavTitleBorderRight);
15337            border-bottom: var(--verticalNavTitleBorderBottom);
15338            border-left: var(--verticalNavTitleBorderLeft);
15339            border-radius: var(--verticalNavTitleBorderRadius);
15340            background-color: var(--verticalNavTitleContainerBackgroundColor);
15341
15342            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
15343                padding-top: var(--verticalNavTitlePaddingTopHover);
15344                padding-bottom: var(--verticalNavTitlePaddingBottomHover);
15345                padding-left: var(--verticalNavTitlePaddingLeftHover);
15346                padding-right: var(--verticalNavTitlePaddingRightHover);
15347                border-top: var(--verticalNavTitleBorderTopHover);
15348                border-right: var(--verticalNavTitleBorderRightHover);
15349                border-bottom: var(--verticalNavTitleBorderBottomHover);
15350                border-left: var(--verticalNavTitleBorderLeftHover);
15351                border-radius: var(--verticalNavTitleBorderRadiusHover);
15352                background-color: var(--verticalNavTitleContainerBackgroundColorHover);
15353            }
15354
15355            & a {
15356                margin-bottom: 0;
15357                font-family: var(--verticalNavTitleFont);
15358                font-style: var(--verticalNavTitleFontStyle);
15359                letter-spacing: var(--verticalNavTitleLetterSpacing);
15360                line-height: var(--verticalNavTitleLineHeight);
15361                text-decoration: var(--verticalNavTitleTextDecoration);
15362
15363                &:hover, .wmcA_hoverState & {
15364                    color: var(--verticalNavTitleHoverFontColor);
15365                }
15366            }
15367        }
15368
15369        /* back button */
15370        & .navigation-nav--back {
15371            display: block;
15372            padding-top: var(--verticalNavBackButtonPaddingTop);
15373            padding-bottom: var(--verticalNavBackButtonPaddingBottom);
15374            padding-left: var(--verticalNavBackButtonPaddingLeft);
15375            padding-right: var(--verticalNavBackButtonPaddingRight);
15376            border-top: var(--verticalNavBackButtonBorderTop);
15377            border-right: var(--verticalNavBackButtonBorderRight);
15378            border-bottom: var(--verticalNavBackButtonBorderBottom);
15379            border-left: var(--verticalNavBackButtonBorderLeft);
15380            border-radius: var(--verticalNavBackButtonBorderRadius);
15381            background-color: var(--verticalNavBackButtonBackgroundColor);
15382
15383            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
15384                padding-top: var(--verticalNavBackButtonPaddingTopHover);
15385                padding-bottom: var(--verticalNavBackButtonPaddingBottomHover);
15386                padding-left: var(--verticalNavBackButtonPaddingLeftHover);
15387                padding-right: var(--verticalNavBackButtonPaddingRightHover);
15388                border-top: var(--verticalNavBackButtonBorderTopHover);
15389                border-right: var(--verticalNavBackButtonBorderRightHover);
15390                border-bottom: var(--verticalNavBackButtonBorderBottomHover);
15391                border-left: var(--verticalNavBackButtonBorderLeftHover);
15392                border-radius: var(--verticalNavBackButtonBorderRadiusHover);
15393                background-color: var(--verticalNavBackButtonHoverBackgroundColor);
15394            }
15395
15396            & a {
15397                display: inline-flex;
15398                align-items: center;
15399                margin-bottom: 0;
15400                gap: var(--verticalNavBackButtonArrowSpacing);
15401                font-family: var(--verticalNavBackButtonFont);
15402                font-size: var(--verticalNavBackButtonFontSize);
15403                font-weight: var(--verticalNavBackButtonFontWeight);
15404                font-style: var(--verticalNavBackButtonFontStyle);
15405                letter-spacing: var(--verticalNavBackButtonLetterSpacing);
15406                line-height: var(--verticalNavBackButtonLineHeight);
15407                text-decoration: var(--verticalNavBackButtonTextDecoration);
15408                color: var(--verticalNavBackButtonColor);
15409                background-color: transparent;
15410                width: 100%;
15411
15412                &::before {
15413                    display: inline-block;
15414                    content: '';
15415                    width: var(--verticalNavBackButtonArrowSize);
15416                    height: var(--verticalNavBackButtonArrowSize);
15417                    -webkit-mask-image: var(--wmd_backIconUrl);
15418                    mask-image: var(--wmd_backIconUrl);
15419                    -webkit-mask-size: contain;
15420                    mask-size: contain;
15421                    -webkit-mask-repeat: no-repeat;
15422                    mask-repeat: no-repeat;
15423                    -webkit-mask-position: center;
15424                    mask-position: center;
15425                    background-color: var(--verticalNavBackButtonColor);
15426                    transform: var(--verticalNavBackButtonArrowRotate);
15427                    transition: all 0.3s ease;
15428                }
15429
15430                &:hover, .wmcA_hoverState & {
15431                    color: var(--verticalNavBackButtonHoverFontColor);
15432
15433                    &::before {
15434                        background-color: var(--verticalNavBackButtonHoverFontColor);
15435                        width: var(--verticalNavBackButtonArrowSizeHover);
15436                        height: var(--verticalNavBackButtonArrowSizeHover);
15437                    }
15438                }
15439            }
15440        }
15441    }
15442
15443    .wmc_menu.wmcM_menuVerticalMobile.wmcM_menuSubMenuSlideMobile.wmcA_hoverState .navigation-module-container
15444    .navigation-nav--sub-item:has(.navigation-nav--sub-menu) > .arrow::after {
15445        width: var(--verticalNavSubArrowSizeHover);
15446        height: var(--verticalNavSubArrowSizeHover);
15447        background-color: var(--verticalNavSubArrowColorHover);
15448        transform: var(--verticalNavSubArrowRotateHover);
15449    }
15450}
15451</style>
15452            <style>/* menu/horizontal-sub-menu-accordion.css */
15453.wmc_menu {
15454    /* ---------------- accordion panel ---------------- */
15455    --horizontalNavSubAccordionBackgroundColorDesktop: transparent;
15456    --horizontalNavSubAccordionPaddingTopDesktop: 0px;
15457    --horizontalNavSubAccordionPaddingBottomDesktop: 0px;
15458    --horizontalNavSubAccordionPaddingLeftDesktop: 0px;
15459    --horizontalNavSubAccordionPaddingRightDesktop: 0px;
15460    --horizontalNavSubAccordionBorderTopDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
15461    --horizontalNavSubAccordionBorderRightDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
15462    --horizontalNavSubAccordionBorderBottomDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
15463    --horizontalNavSubAccordionBorderLeftDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
15464    --horizontalNavSubAccordionBorderRadiusDesktop: 0px 0px 0px 0px;
15465    --horizontalNavSubAccordionItemsSpacingDesktop: 0px;
15466    --horizontalNavSubAccordionTransitionDurationMsDesktop: 300;
15467
15468    /* ---------------- accordion icon ---------------- */
15469    --horizontalNavSubAccordionItemIconDisplayDesktop: flex;
15470    --horizontalNavSubAccordionItemIconSizeDesktop: 16px;
15471    --horizontalNavSubAccordionItemIconColorDesktop: var(--horizontalNavSubArrowColorDesktop);
15472    --horizontalNavSubAccordionItemIconBackgroundColorDesktop: transparent;
15473    --horizontalNavSubAccordionItemIconSpacingDesktop: 8px;
15474    --horizontalNavSubAccordionItemIconRotateDesktop: rotate(0deg);
15475    --horizontalNavSubAccordionItemIconRotateOpenDesktop: rotate(45deg);
15476    --horizontalNavSubAccordionItemIconColorHoverDesktop: var(--horizontalNavSubAccordionItemIconColorDesktop);
15477    --horizontalNavSubAccordionItemIconSizeHoverDesktop: var(--horizontalNavSubAccordionItemIconSizeDesktop);
15478    --horizontalNavSubAccordionItemIconRotateHoverDesktop: var(--horizontalNavSubAccordionItemIconRotateDesktop);
15479    --horizontalNavSubAccordionItemIconBackgroundColorHoverDesktop: var(--horizontalNavSubAccordionItemIconBackgroundColorDesktop);
15480    --horizontalNavSubAccordionItemIconColorActiveDesktop: var(--horizontalNavSubAccordionItemIconColorDesktop);
15481    --horizontalNavSubAccordionItemIconSizeActiveDesktop: var(--horizontalNavSubAccordionItemIconSizeDesktop);
15482    --horizontalNavSubAccordionItemIconRotateActiveDesktop: var(--horizontalNavSubAccordionItemIconRotateOpenDesktop);
15483    --horizontalNavSubAccordionItemIconBackgroundColorActiveDesktop: var(--horizontalNavSubAccordionItemIconBackgroundColorDesktop);
15484
15485    /* ---------------- accordion item ---------------- */
15486    --horizontalNavSubAccordionItemBackgroundColorDesktop: transparent;
15487    --horizontalNavSubAccordionItemHoverBackgroundColorDesktop: var(--horizontalNavSubAccordionItemBackgroundColorDesktop);
15488    --horizontalNavSubAccordionItemActiveBackgroundColorDesktop: var(--horizontalNavSubAccordionItemBackgroundColorDesktop);
15489    --horizontalNavSubAccordionItemActiveFontColorDesktop: var(--horizontalNavSubAccordionItemFontColorDesktop);
15490    --horizontalNavSubAccordionItemPaddingTopDesktop: var(--horizontalNavSubItemPaddingTopDesktop);
15491    --horizontalNavSubAccordionItemPaddingBottomDesktop: var(--horizontalNavSubItemPaddingBottomDesktop);
15492    --horizontalNavSubAccordionItemPaddingLeftDesktop: var(--horizontalNavSubItemPaddingLeftDesktop);
15493    --horizontalNavSubAccordionItemPaddingRightDesktop: var(--horizontalNavSubItemPaddingRightDesktop);
15494    --horizontalNavSubAccordionItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
15495    --horizontalNavSubAccordionItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
15496    --horizontalNavSubAccordionItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
15497    --horizontalNavSubAccordionItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
15498    --horizontalNavSubAccordionItemBorderRadiusDesktop: 0px 0px 0px 0px;
15499    --horizontalNavSubAccordionItemFontDesktop: var(--horizontalNavSubItemFontDesktop);
15500    --horizontalNavSubAccordionItemFontColorDesktop: var(--horizontalNavSubItemFontColorDesktop);
15501    --horizontalNavSubAccordionItemFontSizeDesktop: var(--horizontalNavSubItemFontSizeDesktop);
15502    --horizontalNavSubAccordionItemFontWeightDesktop: var(--horizontalNavSubItemFontWeightDesktop);
15503    --horizontalNavSubAccordionItemFontStyleDesktop: normal;
15504    --horizontalNavSubAccordionItemLineHeightDesktop: var(--horizontalNavSubItemLineHeightDesktop);
15505    --horizontalNavSubAccordionItemLetterSpacingDesktop: 0px;
15506    --horizontalNavSubAccordionItemTextDecorationDesktop: none;
15507    --horizontalNavSubAccordionItemHoverFontColorDesktop: var(--horizontalNavSubAccordionItemFontColorDesktop);
15508
15509    /* apply accordion panel */
15510    --horizontalNavSubAccordionBackgroundColor: var(--horizontalNavSubAccordionBackgroundColorDesktop);
15511    --horizontalNavSubAccordionPaddingTop: var(--horizontalNavSubAccordionPaddingTopDesktop);
15512    --horizontalNavSubAccordionPaddingBottom: var(--horizontalNavSubAccordionPaddingBottomDesktop);
15513    --horizontalNavSubAccordionPaddingLeft: var(--horizontalNavSubAccordionPaddingLeftDesktop);
15514    --horizontalNavSubAccordionPaddingRight: var(--horizontalNavSubAccordionPaddingRightDesktop);
15515    --horizontalNavSubAccordionBorderTop: var(--horizontalNavSubAccordionBorderTopDesktop);
15516    --horizontalNavSubAccordionBorderRight: var(--horizontalNavSubAccordionBorderRightDesktop);
15517    --horizontalNavSubAccordionBorderBottom: var(--horizontalNavSubAccordionBorderBottomDesktop);
15518    --horizontalNavSubAccordionBorderLeft: var(--horizontalNavSubAccordionBorderLeftDesktop);
15519    --horizontalNavSubAccordionBorderRadius: var(--horizontalNavSubAccordionBorderRadiusDesktop);
15520    --horizontalNavSubAccordionItemsSpacing: var(--horizontalNavSubAccordionItemsSpacingDesktop);
15521    --horizontalNavSubAccordionTransitionDurationMs: var(--horizontalNavSubAccordionTransitionDurationMsDesktop);
15522    --horizontalNavSubAccordionTransitionDuration: calc(1ms * var(--horizontalNavSubAccordionTransitionDurationMs));
15523
15524    /* apply accordion icon */
15525    --horizontalNavSubAccordionItemIconDisplay: var(--horizontalNavSubAccordionItemIconDisplayDesktop);
15526    --horizontalNavSubAccordionItemIconSize: var(--horizontalNavSubAccordionItemIconSizeDesktop);
15527    --horizontalNavSubAccordionItemIconColor: var(--horizontalNavSubAccordionItemIconColorDesktop);
15528    --horizontalNavSubAccordionItemIconBackgroundColor: var(--horizontalNavSubAccordionItemIconBackgroundColorDesktop);
15529    --horizontalNavSubAccordionItemIconSpacing: var(--horizontalNavSubAccordionItemIconSpacingDesktop);
15530    --horizontalNavSubAccordionItemIconRotate: var(--horizontalNavSubAccordionItemIconRotateDesktop);
15531    --horizontalNavSubAccordionItemIconRotateOpen: var(--horizontalNavSubAccordionItemIconRotateOpenDesktop);
15532    --horizontalNavSubAccordionItemIconColorHover: var(--horizontalNavSubAccordionItemIconColorHoverDesktop);
15533    --horizontalNavSubAccordionItemIconSizeHover: var(--horizontalNavSubAccordionItemIconSizeHoverDesktop);
15534    --horizontalNavSubAccordionItemIconRotateHover: var(--horizontalNavSubAccordionItemIconRotateHoverDesktop);
15535    --horizontalNavSubAccordionItemIconBackgroundColorHover: var(--horizontalNavSubAccordionItemIconBackgroundColorHoverDesktop);
15536    --horizontalNavSubAccordionItemIconColorActive: var(--horizontalNavSubAccordionItemIconColorActiveDesktop);
15537    --horizontalNavSubAccordionItemIconSizeActive: var(--horizontalNavSubAccordionItemIconSizeActiveDesktop);
15538    --horizontalNavSubAccordionItemIconRotateActive: var(--horizontalNavSubAccordionItemIconRotateActiveDesktop);
15539    --horizontalNavSubAccordionItemIconBackgroundColorActive: var(--horizontalNavSubAccordionItemIconBackgroundColorActiveDesktop);
15540
15541    /* apply accordion item */
15542    --horizontalNavSubAccordionItemBackgroundColor: var(--horizontalNavSubAccordionItemBackgroundColorDesktop);
15543    --horizontalNavSubAccordionItemHoverBackgroundColor: var(--horizontalNavSubAccordionItemHoverBackgroundColorDesktop);
15544    --horizontalNavSubAccordionItemActiveBackgroundColor: var(--horizontalNavSubAccordionItemActiveBackgroundColorDesktop);
15545    --horizontalNavSubAccordionItemActiveFontColor: var(--horizontalNavSubAccordionItemActiveFontColorDesktop);
15546    --horizontalNavSubAccordionItemPaddingTop: var(--horizontalNavSubAccordionItemPaddingTopDesktop);
15547    --horizontalNavSubAccordionItemPaddingBottom: var(--horizontalNavSubAccordionItemPaddingBottomDesktop);
15548    --horizontalNavSubAccordionItemPaddingLeft: var(--horizontalNavSubAccordionItemPaddingLeftDesktop);
15549    --horizontalNavSubAccordionItemPaddingRight: var(--horizontalNavSubAccordionItemPaddingRightDesktop);
15550    --horizontalNavSubAccordionItemBorderTop: var(--horizontalNavSubAccordionItemBorderTopDesktop);
15551    --horizontalNavSubAccordionItemBorderRight: var(--horizontalNavSubAccordionItemBorderRightDesktop);
15552    --horizontalNavSubAccordionItemBorderBottom: var(--horizontalNavSubAccordionItemBorderBottomDesktop);
15553    --horizontalNavSubAccordionItemBorderLeft: var(--horizontalNavSubAccordionItemBorderLeftDesktop);
15554    --horizontalNavSubAccordionItemBorderRadius: var(--horizontalNavSubAccordionItemBorderRadiusDesktop);
15555    --horizontalNavSubAccordionItemFont: var(--horizontalNavSubAccordionItemFontDesktop);
15556    --horizontalNavSubAccordionItemFontColor: var(--horizontalNavSubAccordionItemFontColorDesktop);
15557    --horizontalNavSubAccordionItemFontSize: var(--horizontalNavSubAccordionItemFontSizeDesktop);
15558    --horizontalNavSubAccordionItemFontWeight: var(--horizontalNavSubAccordionItemFontWeightDesktop);
15559    --horizontalNavSubAccordionItemFontStyle: var(--horizontalNavSubAccordionItemFontStyleDesktop);
15560    --horizontalNavSubAccordionItemLineHeight: var(--horizontalNavSubAccordionItemLineHeightDesktop);
15561    --horizontalNavSubAccordionItemLetterSpacing: var(--horizontalNavSubAccordionItemLetterSpacingDesktop);
15562    --horizontalNavSubAccordionItemTextDecoration: var(--horizontalNavSubAccordionItemTextDecorationDesktop);
15563    --horizontalNavSubAccordionItemHoverFontColor: var(--horizontalNavSubAccordionItemHoverFontColorDesktop);
15564}
15565
15566/**********************************************************
15567	Desktop
15568***********************************************************/
15569
15570@media all and (width >= 1040px) {
15571    .wmc_menu.wmcM_menuHorizontalDesktop.wmcM_menuSubMenuAccordionDesktop .navigation-module-container {
15572        & .navigation-nav--sub-item > .navigation-nav--sub-menu {
15573            position: static;
15574            display: flex;
15575            grid-row: 2;
15576            grid-column: 1;
15577            align-self: stretch;
15578            width: 100%;
15579            min-width: 0;
15580            min-height: 0;
15581            overflow: hidden;
15582            left: auto;
15583            right: auto;
15584            top: auto;
15585            transform: none;
15586            box-shadow: none;
15587            opacity: 1;
15588            pointer-events: auto;
15589            visibility: hidden;
15590            transition: visibility 0s linear var(--horizontalNavSubAccordionTransitionDuration);
15591            padding-top: var(--horizontalNavSubAccordionPaddingTop);
15592            padding-bottom: var(--horizontalNavSubAccordionPaddingBottom);
15593            padding-left: var(--horizontalNavSubAccordionPaddingLeft);
15594            padding-right: var(--horizontalNavSubAccordionPaddingRight);
15595            border-top: var(--horizontalNavSubAccordionBorderTop);
15596            border-right: var(--horizontalNavSubAccordionBorderRight);
15597            border-bottom: var(--horizontalNavSubAccordionBorderBottom);
15598            border-left: var(--horizontalNavSubAccordionBorderLeft);
15599            border-radius: var(--horizontalNavSubAccordionBorderRadius);
15600            background-color: var(--horizontalNavSubAccordionBackgroun
15600dColor);
15601            gap: var(--horizontalNavSubAccordionItemsSpacing);
15602        }
15603
15604        & .navigation-nav--sub-item .navigation-nav--sub-item > .navigation-nav--sub-menu {
15605            background-color: transparent;
15606        }
15607
15608
15609        & .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) {
15610            display: grid;
15611            grid-template-columns: 100%;
15612            grid-template-rows: auto 0fr;
15613            transition: grid-template-rows var(--horizontalNavSubAccordionTransitionDuration) ease;
15614            position: relative;
15615            padding-left: 0;
15616            padding-right: 0;
15617            --horizontalNavSubArrowSize: var(--horizontalNavSubAccordionItemIconSize);
15618            --horizontalNavSubArrowSpacing: var(--horizontalNavSubAccordionItemIconSpacing);
15619            --horizontalNavSubArrowColor: var(--horizontalNavSubAccordionItemIconColor);
15620            --horizontalNavSubArrowRotate: var(--horizontalNavSubAccordionItemIconRotate);
15621            --horizontalNavSubArrowSizeHover: var(--horizontalNavSubAccordionItemIconSizeHover);
15622            --horizontalNavSubArrowColorHover: var(--horizontalNavSubAccordionItemIconColorHover);
15623            --horizontalNavSubArrowRotateHover: var(--horizontalNavSubAccordionItemIconRotateHover);
15624            --horizontalNavSubArrowColorActive: var(--horizontalNavSubAccordionItemIconColorHover);
15625            --horizontalNavSubArrowRotateActive: var(--horizontalNavSubAccordionItemIconRotateHover);
15626
15627            & > a {
15628                display: grid;
15629                grid-row: 1;
15630                grid-column: 1;
15631                padding-left: var(--horizontalNavSubItemPaddingLeft);
15632                padding-right: var(--horizontalNavSubItemPaddingRight);
15633                grid-template-columns: 1fr calc(var(--horizontalNavSubAccordionItemIconSpacing) + var(--horizontalNavSubAccordionItemIconSize));
15634                align-items: center;
15635                width: 100%;
15636            }
15637
15638            & > .arrow {
15639                display: var(--horizontalNavSubAccordionItemIconDisplay);
15640                grid-row: 1;
15641                grid-column: 1;
15642                justify-self: end;
15643                align-items: center;
15644                justify-content: center;
15645                align-self: stretch;
15646                width: calc(var(--horizontalNavSubAccordionItemIconSpacing) + var(--horizontalNavSubAccordionItemIconSize));
15647                margin-left: 0;
15648                pointer-events: auto;
15649                cursor: pointer;
15650                z-index: 2;
15651                background-color: var(--horizontalNavSubAccordionItemIconBackgroundColor);
15652            }
15653
15654            /*
15655             * The flyout arrow inherits its states from Sub Menu Item; the
15656             * accordion toggle takes each state from the Icon tab instead.
15657             */
15658            & > .arrow::after {
15659                content: '';
15660                width: var(--horizontalNavSubAccordionItemIconSize);
15661                height: var(--horizontalNavSubAccordionItemIconSize);
15662                background-color: var(--horizontalNavSubAccordionItemIconColor);
15663                transform: var(--horizontalNavSubAccordionItemIconRotate);
15664                transition: transform var(--horizontalNavSubAccordionTransitionDuration) ease;
15665            }
15666
15667            &:hover > .arrow,
15668            & > .arrow:hover {
15669                background-color: var(--horizontalNavSubAccordionItemIconBackgroundColorHover);
15670            }
15671
15672            &:hover > .arrow::after,
15673            & > .arrow:hover::after {
15674                width: var(--horizontalNavSubAccordionItemIconSizeHover);
15675                height: var(--horizontalNavSubAccordionItemIconSizeHover);
15676                background-color: var(--horizontalNavSubAccordionItemIconColorHover);
15677                transform: var(--horizontalNavSubAccordionItemIconRotateHover);
15678            }
15679
15680            &.open {
15681                --horizontalNavSubArrowColor: var(--horizontalNavSubAccordionItemIconColorActive);
15682                --horizontalNavSubArrowRotate: var(--horizontalNavSubAccordionItemIconRotateActive);
15683                --horizontalNavSubArrowColorHover: var(--horizontalNavSubAccordionItemIconColorActive);
15684                --horizontalNavSubArrowRotateHover: var(--horizontalNavSubAccordionItemIconRotateActive);
15685                --horizontalNavSubArrowColorActive: var(--horizontalNavSubAccordionItemIconColorActive);
15686                --horizontalNavSubArrowRotateActive: var(--horizontalNavSubAccordionItemIconRotateActive);
15687            }
15688
15689            &.open > .arrow,
15690            &.open:hover > .arrow,
15691            &.open > .arrow:hover {
15692                background-color: var(--horizontalNavSubAccordionItemIconBackgroun
15692dColorActive);
15693            }
15694
15695            &.open > .arrow::after,
15696            &.open:hover > .arrow::after,
15697            &.open > .arrow:hover::after {
15698                width: var(--horizontalNavSubAccordionItemIconSizeActive);
15699                height: var(--horizontalNavSubAccordionItemIconSizeActive);
15700                background-color: var(--horizontalNavSubAccordionItemIconColorActive);
15701                transform: var(--horizontalNavSubAccordionItemIconRotateActive);
15702            }
15703
15704            &.open {
15705                grid-template-rows: auto 1fr;
15706
15707                & > .navigation-nav--sub-menu {
15708                    visibility: visible;
15709                    transition-delay: 0s;
15710                }
15711            }
15712        }
15713
15714        & .navigation-nav--sub-item .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) {
15715            & > a {
15716                padding-left: var(--horizontalNavSubAccordionItemPaddingLeft);
15717                padding-right: var(--horizontalNavSubAccordionItemPaddingRight);
15718            }
15719
15720            &.open {
15721                background-color: var(--horizontalNavSubAccordionItemActiveBackgroundColor);
15722
15723                & > a {
15724                    color: var(--horizontalNavSubAccordionItemActiveFontColor);
15725                }
15726            }
15727        }
15728
15729        /* rows inside an expanded panel */
15730        & .navigation-nav--sub-item > .navigation-nav--sub-menu > .navigation-nav--sub-item {
15731            padding-top: 0;
15732            padding-bottom: 0;
15733            border-top: var(--horizontalNavSubAccordionItemBorderTop);
15734            border-right: var(--horizontalNavSubAccordionItemBorderRight);
15735            border-bottom: var(--horizontalNavSubAccordionItemBorderBottom);
15736            border-left: var(--horizontalNavSubAccordionItemBorderLeft);
15737            border-radius: var(--horizontalNavSubAccordionItemBorderRadius);
15738            background-color: var(--horizontalNavSubAccordionItemBackgroun
15738dColor);
15739
15740            &:hover {
15741                background-color: var(--horizontalNavSubAccordionItemHoverBackgroundColor);
15742            }
15743
15744            &.open, &.wmcA_activeState {
15745                background-color: var(--horizontalNavSubAccordionItemActiveBackgroundColor);
15746
15747                & > a {
15748                    color: var(--horizontalNavSubAccordionItemActiveFontColor);
15749                }
15750            }
15751
15752            & > a {
15753                padding-top: var(--horizontalNavSubAccordionItemPaddingTop);
15754                padding-bottom: var(--horizontalNavSubAccordionItemPaddingBottom);
15755                padding-left: var(--horizontalNavSubAccordionItemPaddingLeft);
15756                padding-right: var(--horizontalNavSubAccordionItemPaddingRight);
15757                font-family: var(--horizontalNavSubAccordionItemFont);
15758                font-size: var(--horizontalNavSubAccordionItemFontSize);
15759                font-weight: var(--horizontalNavSubAccordionItemFontWeight);
15760                font-style: var(--horizontalNavSubAccordionItemFontStyle);
15761                line-height: var(--horizontalNavSubAccordionItemLineHeight);
15762                letter-spacing: var(--horizontalNavSubAccordionItemLetterSpacing);
15763                text-decoration: var(--horizontalNavSubAccordionItemTextDecoration);
15764                color: var(--horizontalNavSubAccordionItemFontColor);
15765
15766                &:hover {
15767                    color: var(--horizontalNavSubAccordionItemHoverFontColor);
15768                }
15769            }
15770        }
15771    }
15772
15773    .wmc_menu.wmcM_menuHorizontalDesktop.wmcM_menuSubMenuAccordionDesktop.wmcA_hoverState .navigation-module-container {
15774        & .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) {
15775            --horizontalNavSubArrowColor: var(--horizontalNavSubAccordionItemIconColorHover);
15776            --horizontalNavSubArrowRotate: var(--horizontalNavSubAccordionItemIconRotateHover);
15777            --horizontalNavSubArrowColorHover: var(--horizontalNavSubAccordionItemIconColorHover);
15778            --horizontalNavSubArrowRotateHover: var(--horizontalNavSubAccordionItemIconRotateHover);
15779            --horizontalNavSubArrowColorActive: var(--horizontalNavSubAccordionItemIconColorHover);
15780            --horizontalNavSubArrowRotateActive: var(--horizontalNavSubAccordionItemIconRotateHover);
15781        }
15782
15783        & .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) > .arrow {
15784            background-color: var(--horizontalNavSubAccordionItemIconBackgroundColorHover);
15785        }
15786
15787        & .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) > .arrow::after {
15788            width: var(--horizontalNavSubAccordionItemIconSizeHover);
15789            height: var(--horizontalNavSubAccordionItemIconSizeHover);
15790            background-color: var(--horizontalNavSubAccordionItemIconColorHover);
15791            transform: var(--horizontalNavSubAccordionItemIconRotateHover);
15792        }
15793
15794        & .navigation-nav--sub-item > .navigation-nav--sub-menu > .navigation-nav--sub-item {
15795            background-color: var(--horizontalNavSubAccordionItemHoverBackgroundColor);
15796
15797            & > a {
15798                color: var(--horizontalNavSubAccordionItemHoverFontColor);
15799            }
15800        }
15801    }
15802
15803    .wmc_menu.wmcM_menuHorizontalDesktop.wmcM_menuSubMenuAccordionDesktop.wmcA_activeState .navigation-module-container {
15804        & .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) {
15805            --horizontalNavSubArrowColor: var(--horizontalNavSubAccordionItemIconColorActive);
15806            --horizontalNavSubArrowRotate: var(--horizontalNavSubAccordionItemIconRotateActive);
15807            --horizontalNavSubArrowColorHover: var(--horizontalNavSubAccordionItemIconColorActive);
15808            --horizontalNavSubArrowRotateHover: var(--horizontalNavSubAccordionItemIconRotateActive);
15809            --horizontalNavSubArrowColorActive: var(--horizontalNavSubAccordionItemIconColorActive);
15810            --horizontalNavSubArrowRotateActive: var(--horizontalNavSubAccordionItemIconRotateActive);
15811        }
15812
15813        & .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) > .arrow {
15814            background-color: var(--horizontalNavSubAccordionItemIconBackgroun
15814dColorActive);
15815        }
15816
15817        & .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) > .arrow::after {
15818            width: var(--horizontalNavSubAccordionItemIconSizeActive);
15819            height: var(--horizontalNavSubAccordionItemIconSizeActive);
15820            background-color: var(--horizontalNavSubAccordionItemIconColorActive);
15821            transform: var(--horizontalNavSubAccordionItemIconRotateActive);
15822        }
15823
15824        & .navigation-nav--sub-item > .navigation-nav--sub-menu > .navigation-nav--sub-item {
15825            background-color: var(--horizontalNavSubAccordionItemActiveBackgroundColor);
15826
15827            & > a {
15828                color: var(--horizontalNavSubAccordionItemActiveFontColor);
15829            }
15830        }
15831    }
15832
15833}
15834
15835/**********************************************************
15836	Tablet
15837***********************************************************/
15838
15839@media all and (min-width: 650px) and (width < 1040px) {
15840    .wmc_menu {
15841        /* accordion panel */
15842        --horizontalNavSubAccordionBackgroundColorTablet: var(--horizontalNavSubAccordionBackgroundColorDesktop);
15843        --horizontalNavSubAccordionPaddingTopTablet: var(--horizontalNavSubAccordionPaddingTopDesktop);
15844        --horizontalNavSubAccordionPaddingBottomTablet: var(--horizontalNavSubAccordionPaddingBottomDesktop);
15845        --horizontalNavSubAccordionPaddingLeftTablet: var(--horizontalNavSubAccordionPaddingLeftDesktop);
15846        --horizontalNavSubAccordionPaddingRightTablet: var(--horizontalNavSubAccordionPaddingRightDesktop);
15847        --horizontalNavSubAccordionBorderTopTablet: var(--horizontalNavSubAccordionBorderTopDesktop);
15848        --horizontalNavSubAccordionBorderRightTablet: var(--horizontalNavSubAccordionBorderRightDesktop);
15849        --horizontalNavSubAccordionBorderBottomTablet: var(--horizontalNavSubAccordionBorderBottomDesktop);
15850        --horizontalNavSubAccordionBorderLeftTablet: var(--horizontalNavSubAccordionBorderLeftDesktop);
15851        --horizontalNavSubAccordionBorderRadiusTablet: var(--horizontalNavSubAccordionBorderRadiusDesktop);
15852        --horizontalNavSubAccordionItemsSpacingTablet: var(--horizontalNavSubAccordionItemsSpacingDesktop);
15853        --horizontalNavSubAccordionTransitionDurationMsTablet: var(--horizontalNavSubAccordionTransitionDurationMsDesktop);
15854
15855        /* accordion icon */
15856        --horizontalNavSubAccordionItemIconDisplayTablet: var(--horizontalNavSubAccordionItemIconDisplayDesktop);
15857        --horizontalNavSubAccordionItemIconSizeTablet: var(--horizontalNavSubAccordionItemIconSizeDesktop);
15858        --horizontalNavSubAccordionItemIconColorTablet: var(--horizontalNavSubAccordionItemIconColorDesktop);
15859        --horizontalNavSubAccordionItemIconBackgroundColorTablet: var(--horizontalNavSubAccordionItemIconBackgroundColorDesktop);
15860        --horizontalNavSubAccordionItemIconSpacingTablet: var(--horizontalNavSubAccordionItemIconSpacingDesktop);
15861        --horizontalNavSubAccordionItemIconRotateTablet: var(--horizontalNavSubAccordionItemIconRotateDesktop);
15862        --horizontalNavSubAccordionItemIconRotateOpenTablet: var(--horizontalNavSubAccordionItemIconRotateOpenDesktop);
15863        --horizontalNavSubAccordionItemIconColorHoverTablet: var(--horizontalNavSubAccordionItemIconColorDesktop);
15864        --horizontalNavSubAccordionItemIconSizeHoverTablet: var(--horizontalNavSubAccordionItemIconSizeDesktop);
15865        --horizontalNavSubAccordionItemIconRotateHoverTablet: var(--horizontalNavSubAccordionItemIconRotateDesktop);
15866        --horizontalNavSubAccordionItemIconBackgroundColorHoverTablet: var(--horizontalNavSubAccordionItemIconBackgroundColorDesktop);
15867        --horizontalNavSubAccordionItemIconColorActiveTablet: var(--horizontalNavSubAccordionItemIconColorDesktop);
15868        --horizontalNavSubAccordionItemIconSizeActiveTablet: var(--horizontalNavSubAccordionItemIconSizeDesktop);
15869        --horizontalNavSubAccordionItemIconRotateActiveTablet: var(--horizontalNavSubAccordionItemIconRotateOpenDesktop);
15870        --horizontalNavSubAccordionItemIconBackgroundColorActiveTablet: var(--horizontalNavSubAccordionItemIconBackgroundColorDesktop);
15871
15872        /* accordion item */
15873        --horizontalNavSubAccordionItemBackgroundColorTablet: var(--horizontalNavSubAccordionItemBackgroundColorDesktop);
15874        --horizontalNavSubAccordionItemHoverBackgroundColorTablet: var(--horizontalNavSubAccordionItemHoverBackgroundColorDesktop);
15875        --horizontalNavSubAccordionItemActiveBackgroundColorTablet: var(--horizontalNavSubAccordionItemActiveBackgroundColorDesktop);
15876        --horizontalNavSubAccordionItemActiveFontColorTablet: var(--horizontalNavSubAccordionItemActiveFontColorDesktop);
15877        --horizontalNavSubAccordionItemPaddingTopTablet: var(--horizontalNavSubAccordionItemPaddingTopDesktop);
15878        --horizontalNavSubAccordionItemPaddingBottomTablet: var(--horizontalNavSubAccordionItemPaddingBottomDesktop);
15879        --horizontalNavSubAccordionItemPaddingLeftTablet: var(--horizontalNavSubAccordionItemPaddingLeftDesktop);
15880        --horizontalNavSubAccordionItemPaddingRightTablet: var(--horizontalNavSubAccordionItemPaddingRightDesktop);
15881        --horizontalNavSubAccordionItemBorderTopTablet: var(--horizontalNavSubAccordionItemBorderTopDesktop);
15882        --horizontalNavSubAccordionItemBorderRightTablet: var(--horizontalNavSubAccordionItemBorderRightDesktop);
15883        --horizontalNavSubAccordionItemBorderBottomTablet: var(--horizontalNavSubAccordionItemBorderBottomDesktop);
15884        --horizontalNavSubAccordionItemBorderLeftTablet: var(--horizontalNavSubAccordionItemBorderLeftDesktop);
15885        --horizontalNavSubAccordionItemBorderRadiusTablet: var(--horizontalNavSubAccordionItemBorderRadiusDesktop);
15886        --horizontalNavSubAccordionItemFontTablet: var(--horizontalNavSubAccordionItemFontDesktop);
15887        --horizontalNavSubAccordionItemFontColorTablet: var(--horizontalNavSubAccordionItemFontColorDesktop);
15888        --horizontalNavSubAccordionItemFontSizeTablet: var(--horizontalNavSubAccordionItemFontSizeDesktop);
15889        --horizontalNavSubAccordionItemFontWeightTablet: var(--horizontalNavSubAccordionItemFontWeightDesktop);
15890        --horizontalNavSubAccordionItemFontStyleTablet: var(--horizontalNavSubAccordionItemFontStyleDesktop);
15891        --horizontalNavSubAccordionItemLineHeightTablet: var(--horizontalNavSubAccordionItemLineHeightDesktop);
15892        --horizontalNavSubAccordionItemLetterSpacingTablet: var(--horizontalNavSubAccordionItemLetterSpacingDesktop);
15893        --horizontalNavSubAccordionItemTextDecorationTablet: var(--horizontalNavSubAccordionItemTextDecorationDesktop);
15894        --horizontalNavSubAccordionItemHoverFontColorTablet: var(--horizontalNavSubAccordionItemHoverFontColorDesktop);
15895
15896        /* apply accordion panel */
15897        --horizontalNavSubAccordionBackgroundColor: var(--horizontalNavSubAccordionBackgroundColorTablet);
15898        --horizontalNavSubAccordionPaddingTop: var(--horizontalNavSubAccordionPaddingTopTablet);
15899        --horizontalNavSubAccordionPaddingBottom: var(--horizontalNavSubAccordionPaddingBottomTablet);
15900        --horizontalNavSubAccordionPaddingLeft: var(--horizontalNavSubAccordionPaddingLeftTablet);
15901        --horizontalNavSubAccordionPaddingRight: var(--horizontalNavSubAccordionPaddingRightTablet);
15902        --horizontalNavSubAccordionBorderTop: var(--horizontalNavSubAccordionBorderTopTablet);
15903        --horizontalNavSubAccordionBorderRight: var(--horizontalNavSubAccordionBorderRightTablet);
15904        --horizontalNavSubAccordionBorderBottom: var(--horizontalNavSubAccordionBorderBottomTablet);
15905        --horizontalNavSubAccordionBorderLeft: var(--horizontalNavSubAccordionBorderLeftTablet);
15906        --horizontalNavSubAccordionBorderRadius: var(--horizontalNavSubAccordionBorderRadiusTablet);
15907        --horizontalNavSubAccordionItemsSpacing: var(--horizontalNavSubAccordionItemsSpacingTablet);
15908        --horizontalNavSubAccordionTransitionDurationMs: var(--horizontalNavSubAccordionTransitionDurationMsTablet);
15909        --horizontalNavSubAccordionTransitionDuration: calc(1ms * var(--horizontalNavSubAccordionTransitionDurationMs));
15910
15911        /* apply accordion icon */
15912        --horizontalNavSubAccordionItemIconDisplay: var(--horizontalNavSubAccordionItemIconDisplayTablet);
15913        --horizontalNavSubAccordionItemIconSize: var(--horizontalNavSubAccordionItemIconSizeTablet);
15914        --horizontalNavSubAccordionItemIconColor: var(--horizontalNavSubAccordionItemIconColorTablet);
15915        --horizontalNavSubAccordionItemIconBackgroundColor: var(--horizontalNavSubAccordionItemIconBackgroundColorTablet);
15916        --horizontalNavSubAccordionItemIconSpacing: var(--horizontalNavSubAccordionItemIconSpacingTablet);
15917        --horizontalNavSubAccordionItemIconRotate: var(--horizontalNavSubAccordionItemIconRotateTablet);
15918        --horizontalNavSubAccordionItemIconRotateOpen: var(--horizontalNavSubAccordionItemIconRotateOpenTablet);
15919        --horizontalNavSubAccordionItemIconColorHover: var(--horizontalNavSubAccordionItemIconColorHoverTablet);
15920        --horizontalNavSubAccordionItemIconSizeHover: var(--horizontalNavSubAccordionItemIconSizeHoverTablet);
15921        --horizontalNavSubAccordionItemIconRotateHover: var(--horizontalNavSubAccordionItemIconRotateHoverTablet);
15922        --horizontalNavSubAccordionItemIconBackgroundColorHover: var(--horizontalNavSubAccordionItemIconBackgroundColorHoverTablet);
15923        --horizontalNavSubAccordionItemIconColorActive: var(--horizontalNavSubAccordionItemIconColorActiveTablet);
15924        --horizontalNavSubAccordionItemIconSizeActive: var(--horizontalNavSubAccordionItemIconSizeActiveTablet);
15925        --horizontalNavSubAccordionItemIconRotateActive: var(--horizontalNavSubAccordionItemIconRotateActiveTablet);
15926        --horizontalNavSubAccordionItemIconBackgroundColorActive: var(--horizontalNavSubAccordionItemIconBackgroundColorActiveTablet);
15927
15928        /* apply accordion item */
15929        --horizontalNavSubAccordionItemBackgroundColor: var(--horizontalNavSubAccordionItemBackgroundColorTablet);
15930        --horizontalNavSubAccordionItemHoverBackgroundColor: var(--horizontalNavSubAccordionItemHoverBackgroundColorTablet);
15931        --horizontalNavSubAccordionItemActiveBackgroundColor: var(--horizontalNavSubAccordionItemActiveBackgroundColorTablet);
15932        --horizontalNavSubAccordionItemActiveFontColor: var(--horizontalNavSubAccordionItemActiveFontColorTablet);
15933        --horizontalNavSubAccordionItemPaddingTop: var(--horizontalNavSubAccordionItemPaddingTopTablet);
15934        --horizontalNavSubAccordionItemPaddingBottom: var(--horizontalNavSubAccordionItemPaddingBottomTablet);
15935        --horizontalNavSubAccordionItemPaddingLeft: var(--horizontalNavSubAccordionItemPaddingLeftTablet);
15936        --horizontalNavSubAccordionItemPaddingRight: var(--horizontalNavSubAccordionItemPaddingRightTablet);
15937        --horizontalNavSubAccordionItemBorderTop: var(--horizontalNavSubAccordionItemBorderTopTablet);
15938        --horizontalNavSubAccordionItemBorderRight: var(--horizontalNavSubAccordionItemBorderRightTablet);
15939        --horizontalNavSubAccordionItemBorderBottom: var(--horizontalNavSubAccordionItemBorderBottomTablet);
15940        --horizontalNavSubAccordionItemBorderLeft: var(--horizontalNavSubAccordionItemBorderLeftTablet);
15941        --horizontalNavSubAccordionItemBorderRadius: var(--horizontalNavSubAccordionItemBorderRadiusTablet);
15942        --horizontalNavSubAccordionItemFont: var(--horizontalNavSubAccordionItemFontTablet);
15943        --horizontalNavSubAccordionItemFontColor: var(--horizontalNavSubAccordionItemFontColorTablet);
15944        --horizontalNavSubAccordionItemFontSize: var(--horizontalNavSubAccordionItemFontSizeTablet);
15945        --horizontalNavSubAccordionItemFontWeight: var(--horizontalNavSubAccordionItemFontWeightTablet);
15946        --horizontalNavSubAccordionItemFontStyle: var(--horizontalNavSubAccordionItemFontStyleTablet);
15947        --horizontalNavSubAccordionItemLineHeight: var(--horizontalNavSubAccordionItemLineHeightTablet);
15948        --horizontalNavSubAccordionItemLetterSpacing: var(--horizontalNavSubAccordionItemLetterSpacingTablet);
15949        --horizontalNavSubAccordionItemTextDecoration: var(--horizontalNavSubAccordionItemTextDecorationTablet);
15950        --horizontalNavSubAccordionItemHoverFontColor: var(--horizontalNavSubAccordionItemHoverFontColorTablet);
15951    }
15952
15953    .wmc_menu.wmcM_menuHorizontalTablet.wmcM_menuSubMenuAccordionTablet .navigation-module-container {
15954        & .navigation-nav--sub-item > .navigation-nav--sub-menu {
15955            position: static;
15956            display: flex;
15957            grid-row: 2;
15958            grid-column: 1;
15959            align-self: stretch;
15960            width: 100%;
15961            min-width: 0;
15962            min-height: 0;
15963            overflow: hidden;
15964            left: auto;
15965            right: auto;
15966            top: auto;
15967            transform: none;
15968            box-shadow: none;
15969            opacity: 1;
15970            pointer-events: auto;
15971            visibility: hidden;
15972            transition: visibility 0s linear var(--horizontalNavSubAccordionTransitionDuration);
15973            padding-top: var(--horizontalNavSubAccordionPaddingTop);
15974            padding-bottom: var(--horizontalNavSubAccordionPaddingBottom);
15975            padding-left: var(--horizontalNavSubAccordionPaddingLeft);
15976            padding-right: var(--horizontalNavSubAccordionPaddingRight);
15977            border-top: var(--horizontalNavSubAccordionBorderTop);
15978            border-right: var(--horizontalNavSubAccordionBorderRight);
15979            border-bottom: var(--horizontalNavSubAccordionBorderBottom);
15980            border-left: var(--horizontalNavSubAccordionBorderLeft);
15981            border-radius: var(--horizontalNavSubAccordionBorderRadius);
15982            background-color: var(--horizontalNavSubAccordionBackgroundColor);
15983            gap: var(--horizontalNavSubAccordionItemsSpacing);
15984        }
15985
15986        & .navigation-nav--sub-item .navigation-nav--sub-item > .navigation-nav--sub-menu {
15987            background-color: transparent;
15988        }
15989
15990        & .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) {
15991            display: grid;
15992            grid-template-columns: 100%;
15993            grid-template-rows: auto 0fr;
15994            transition: grid-template-rows var(--horizontalNavSubAccordionTransitionDuration) ease;
15995            position: relative;
15996            padding-left: 0;
15997            padding-right: 0;
15998            --horizontalNavSubArrowSize: var(--horizontalNavSubAccordionItemIconSize);
15999            --horizontalNavSubArrowSpacing: var(--horizontalNavSubAccordionItemIconSpacing);
16000            --horizontalNavSubArrowColor: var(--horizontalNavSubAccordionItemIconColor);
16001            --horizontalNavSubArrowRotate: var(--horizontalNavSubAccordionItemIconRotate);
16002            --horizontalNavSubArrowSizeHover: var(--horizontalNavSubAccordionItemIconSizeHover);
16003            --horizontalNavSubArrowColorHover: var(--horizontalNavSubAccordionItemIconColorHover);
16004            --horizontalNavSubArrowRotateHover: var(--horizontalNavSubAccordionItemIconRotateHover);
16005            --horizontalNavSubArrowColorActive: var(--horizontalNavSubAccordionItemIconColorHover);
16006            --horizontalNavSubArrowRotateActive: var(--horizontalNavSubAccordionItemIconRotateHover);
16007
16008            & > a {
16009                display: grid;
16010                grid-row: 1;
16011                grid-column: 1;
16012                padding-left: var(--horizontalNavSubItemPaddingLeft);
16013                padding-right: var(--horizontalNavSubItemPaddingRight);
16014                grid-template-columns: 1fr calc(var(--horizontalNavSubAccordionItemIconSpacing) + var(--horizontalNavSubAccordionItemIconSize));
16015                align-items: center;
16016                width: 100%;
16017            }
16018
16019            & > .arrow {
16020                display: var(--horizontalNavSubAccordionItemIconDisplay);
16021                grid-row: 1;
16022                grid-column: 1;
16023                justify-self: end;
16024                align-items: center;
16025                justify-content: center;
16026                align-self: stretch;
16027                width: calc(var(--horizontalNavSubAccordionItemIconSpacing) + var(--horizontalNavSubAccordionItemIconSize));
16028                margin-left: 0;
16029                pointer-events: auto;
16030                cursor: pointer;
16031                z-index: 2;
16032                background-color: var(--horizontalNavSubAccordionItemIconBackgroun
16032dColor);
16033            }
16034
16035            & > .arrow::after {
16036                content: '';
16037                width: var(--horizontalNavSubAccordionItemIconSize);
16038                height: var(--horizontalNavSubAccordionItemIconSize);
16039                background-color: var(--horizontalNavSubAccordionItemIconColor);
16040                transform: var(--horizontalNavSubAccordionItemIconRotate);
16041                transition: transform var(--horizontalNavSubAccordionTransitionDuration) ease;
16042            }
16043
16044            &:hover > .arrow,
16045            & > .arrow:hover {
16046                background-color: var(--horizontalNavSubAccordionItemIconBackgroundColorHover);
16047            }
16048
16049            &:hover > .arrow::after,
16050            & > .arrow:hover::after {
16051                width: var(--horizontalNavSubAccordionItemIconSizeHover);
16052                height: var(--horizontalNavSubAccordionItemIconSizeHover);
16053                background-color: var(--horizontalNavSubAccordionItemIconColorHover);
16054                transform: var(--horizontalNavSubAccordionItemIconRotateHover);
16055            }
16056
16057            &.open {
16058                --horizontalNavSubArrowColor: var(--horizontalNavSubAccordionItemIconColorActive);
16059                --horizontalNavSubArrowRotate: var(--horizontalNavSubAccordionItemIconRotateActive);
16060                --horizontalNavSubArrowColorHover: var(--horizontalNavSubAccordionItemIconColorActive);
16061                --horizontalNavSubArrowRotateHover: var(--horizontalNavSubAccordionItemIconRotateActive);
16062                --horizontalNavSubArrowColorActive: var(--horizontalNavSubAccordionItemIconColorActive);
16063                --horizontalNavSubArrowRotateActive: var(--horizontalNavSubAccordionItemIconRotateActive);
16064            }
16065
16066            &.open > .arrow,
16067            &.open:hover > .arrow,
16068            &.open > .arrow:hover {
16069                background-color: var(--horizontalNavSubAccordionItemIconBackgroundColorActive);
16070            }
16071
16072            &.open > .arrow::after,
16073            &.open:hover > .arrow::after,
16074            &.open > .arrow:hover::after {
16075                width: var(--horizontalNavSubAccordionItemIconSizeActive);
16076                height: var(--horizontalNavSubAccordionItemIconSizeActive);
16077                background-color: var(--horizontalNavSubAccordionItemIconColorActive);
16078                transform: var(--horizontalNavSubAccordionItemIconRotateActive);
16079            }
16080
16081            &.open {
16082                grid-template-rows: auto 1fr;
16083
16084                & > .navigation-nav--sub-menu {
16085                    visibility: visible;
16086                    transition-delay: 0s;
16087                }
16088            }
16089        }
16090
16091        & .navigation-nav--sub-item .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) {
16092            & > a {
16093                padding-left: var(--horizontalNavSubAccordionItemPaddingLeft);
16094                padding-right: var(--horizontalNavSubAccordionItemPaddingRight);
16095            }
16096
16097            &.open {
16098                background-color: var(--horizontalNavSubAccordionItemActiveBackgroundColor);
16099
16100                & > a {
16101                    color: var(--horizontalNavSubAccordionItemActiveFontColor);
16102                }
16103            }
16104        }
16105
16106        /* rows inside an expanded panel */
16107        & .navigation-nav--sub-item > .navigation-nav--sub-menu > .navigation-nav--sub-item {
16108            padding-top: 0;
16109            padding-bottom: 0;
16110            border-top: var(--horizontalNavSubAccordionItemBorderTop);
16111            border-right: var(--horizontalNavSubAccordionItemBorderRight);
16112            border-bottom: var(--horizontalNavSubAccordionItemBorderBottom);
16113            border-left: var(--horizontalNavSubAccordionItemBorderLeft);
16114            border-radius: var(--horizontalNavSubAccordionItemBorderRadius);
16115            background-color: var(--horizontalNavSubAccordionItemBackgroun
16115dColor);
16116
16117            &:hover {
16118                background-color: var(--horizontalNavSubAccordionItemHoverBackgroundColor);
16119            }
16120
16121            &.open, &.wmcA_activeState {
16122                background-color: var(--horizontalNavSubAccordionItemActiveBackgroundColor);
16123
16124                & > a {
16125                    color: var(--horizontalNavSubAccordionItemActiveFontColor);
16126                }
16127            }
16128
16129            & > a {
16130                padding-top: var(--horizontalNavSubAccordionItemPaddingTop);
16131                padding-bottom: var(--horizontalNavSubAccordionItemPaddingBottom);
16132                padding-left: var(--horizontalNavSubAccordionItemPaddingLeft);
16133                padding-right: var(--horizontalNavSubAccordionItemPaddingRight);
16134                font-family: var(--horizontalNavSubAccordionItemFont);
16135                font-size: var(--horizontalNavSubAccordionItemFontSize);
16136                font-weight: var(--horizontalNavSubAccordionItemFontWeight);
16137                font-style: var(--horizontalNavSubAccordionItemFontStyle);
16138                line-height: var(--horizontalNavSubAccordionItemLineHeight);
16139                letter-spacing: var(--horizontalNavSubAccordionItemLetterSpacing);
16140                text-decoration: var(--horizontalNavSubAccordionItemTextDecoration);
16141                color: var(--horizontalNavSubAccordionItemFontColor);
16142
16143                &:hover {
16144                    color: var(--horizontalNavSubAccordionItemHoverFontColor);
16145                }
16146            }
16147        }
16148    }
16149
16150    .wmc_menu.wmcM_menuHorizontalTablet.wmcM_menuSubMenuAccordionTablet.wmcA_hoverState .navigation-module-container {
16151        & .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) {
16152            --horizontalNavSubArrowColor: var(--horizontalNavSubAccordionItemIconColorHover);
16153            --horizontalNavSubArrowRotate: var(--horizontalNavSubAccordionItemIconRotateHover);
16154            --horizontalNavSubArrowColorHover: var(--horizontalNavSubAccordionItemIconColorHover);
16155            --horizontalNavSubArrowRotateHover: var(--horizontalNavSubAccordionItemIconRotateHover);
16156            --horizontalNavSubArrowColorActive: var(--horizontalNavSubAccordionItemIconColorHover);
16157            --horizontalNavSubArrowRotateActive: var(--horizontalNavSubAccordionItemIconRotateHover);
16158        }
16159
16160        & .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) > .arrow {
16161            background-color: var(--horizontalNavSubAccordionItemIconBackgroundColorHover);
16162        }
16163
16164        & .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) > .arrow::after {
16165            width: var(--horizontalNavSubAccordionItemIconSizeHover);
16166            height: var(--horizontalNavSubAccordionItemIconSizeHover);
16167            background-color: var(--horizontalNavSubAccordionItemIconColorHover);
16168            transform: var(--horizontalNavSubAccordionItemIconRotateHover);
16169        }
16170
16171        & .navigation-nav--sub-item > .navigation-nav--sub-menu > .navigation-nav--sub-item {
16172            background-color: var(--horizontalNavSubAccordionItemHoverBackgroundColor);
16173
16174            & > a {
16175                color: var(--horizontalNavSubAccordionItemHoverFontColor);
16176            }
16177        }
16178    }
16179
16180    .wmc_menu.wmcM_menuHorizontalTablet.wmcM_menuSubMenuAccordionTablet.wmcA_activeState .navigation-module-container {
16181        & .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) {
16182            --horizontalNavSubArrowColor: var(--horizontalNavSubAccordionItemIconColorActive);
16183            --horizontalNavSubArrowRotate: var(--horizontalNavSubAccordionItemIconRotateActive);
16184            --horizontalNavSubArrowColorHover: var(--horizontalNavSubAccordionItemIconColorActive);
16185            --horizontalNavSubArrowRotateHover: var(--horizontalNavSubAccordionItemIconRotateActive);
16186            --horizontalNavSubArrowColorActive: var(--horizontalNavSubAccordionItemIconColorActive);
16187            --horizontalNavSubArrowRotateActive: var(--horizontalNavSubAccordionItemIconRotateActive);
16188        }
16189
16190        & .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) > .arrow {
16191            background-color: var(--horizontalNavSubAccordionItemIconBackgroun
16191dColorActive);
16192        }
16193
16194        & .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) > .arrow::after {
16195            width: var(--horizontalNavSubAccordionItemIconSizeActive);
16196            height: var(--horizontalNavSubAccordionItemIconSizeActive);
16197            background-color: var(--horizontalNavSubAccordionItemIconColorActive);
16198            transform: var(--horizontalNavSubAccordionItemIconRotateActive);
16199        }
16200
16201        & .navigation-nav--sub-item > .navigation-nav--sub-menu > .navigation-nav--sub-item {
16202            background-color: var(--horizontalNavSubAccordionItemActiveBackgroundColor);
16203
16204            & > a {
16205                color: var(--horizontalNavSubAccordionItemActiveFontColor);
16206            }
16207        }
16208    }
16209
16210}
16211
16212/**********************************************************
16213	Mobile
16214***********************************************************/
16215
16216@media all and (width < 650px) {
16217    .wmc_menu {
16218        /* accordion panel */
16219        --horizontalNavSubAccordionBackgroundColorMobile: var(--horizontalNavSubAccordionBackgroundColorDesktop);
16220        --horizontalNavSubAccordionPaddingTopMobile: var(--horizontalNavSubAccordionPaddingTopDesktop);
16221        --horizontalNavSubAccordionPaddingBottomMobile: var(--horizontalNavSubAccordionPaddingBottomDesktop);
16222        --horizontalNavSubAccordionPaddingLeftMobile: var(--horizontalNavSubAccordionPaddingLeftDesktop);
16223        --horizontalNavSubAccordionPaddingRightMobile: var(--horizontalNavSubAccordionPaddingRightDesktop);
16224        --horizontalNavSubAccordionBorderTopMobile: var(--horizontalNavSubAccordionBorderTopDesktop);
16225        --horizontalNavSubAccordionBorderRightMobile: var(--horizontalNavSubAccordionBorderRightDesktop);
16226        --horizontalNavSubAccordionBorderBottomMobile: var(--horizontalNavSubAccordionBorderBottomDesktop);
16227        --horizontalNavSubAccordionBorderLeftMobile: var(--horizontalNavSubAccordionBorderLeftDesktop);
16228        --horizontalNavSubAccordionBorderRadiusMobile: var(--horizontalNavSubAccordionBorderRadiusDesktop);
16229        --horizontalNavSubAccordionItemsSpacingMobile: var(--horizontalNavSubAccordionItemsSpacingDesktop);
16230        --horizontalNavSubAccordionTransitionDurationMsMobile: var(--horizontalNavSubAccordionTransitionDurationMsDesktop);
16231
16232        /* accordion icon */
16233        --horizontalNavSubAccordionItemIconDisplayMobile: var(--horizontalNavSubAccordionItemIconDisplayDesktop);
16234        --horizontalNavSubAccordionItemIconSizeMobile: var(--horizontalNavSubAccordionItemIconSizeDesktop);
16235        --horizontalNavSubAccordionItemIconColorMobile: var(--horizontalNavSubAccordionItemIconColorDesktop);
16236        --horizontalNavSubAccordionItemIconBackgroundColorMobile: var(--horizontalNavSubAccordionItemIconBackgroundColorDesktop);
16237        --horizontalNavSubAccordionItemIconSpacingMobile: var(--horizontalNavSubAccordionItemIconSpacingDesktop);
16238        --horizontalNavSubAccordionItemIconRotateMobile: var(--horizontalNavSubAccordionItemIconRotateDesktop);
16239        --horizontalNavSubAccordionItemIconRotateOpenMobile: var(--horizontalNavSubAccordionItemIconRotateOpenDesktop);
16240        --horizontalNavSubAccordionItemIconColorHoverMobile: var(--horizontalNavSubAccordionItemIconColorDesktop);
16241        --horizontalNavSubAccordionItemIconSizeHoverMobile: var(--horizontalNavSubAccordionItemIconSizeDesktop);
16242        --horizontalNavSubAccordionItemIconRotateHoverMobile: var(--horizontalNavSubAccordionItemIconRotateDesktop);
16243        --horizontalNavSubAccordionItemIconBackgroundColorHoverMobile: var(--horizontalNavSubAccordionItemIconBackgroundColorDesktop);
16244        --horizontalNavSubAccordionItemIconColorActiveMobile: var(--horizontalNavSubAccordionItemIconColorDesktop);
16245        --horizontalNavSubAccordionItemIconSizeActiveMobile: var(--horizontalNavSubAccordionItemIconSizeDesktop);
16246        --horizontalNavSubAccordionItemIconRotateActiveMobile: var(--horizontalNavSubAccordionItemIconRotateOpenDesktop);
16247        --horizontalNavSubAccordionItemIconBackgroundColorActiveMobile: var(--horizontalNavSubAccordionItemIconBackgroundColorDesktop);
16248
16249        /* accordion item */
16250        --horizontalNavSubAccordionItemBackgroundColorMobile: var(--horizontalNavSubAccordionItemBackgroundColorDesktop);
16251        --horizontalNavSubAccordionItemHoverBackgroundColorMobile: var(--horizontalNavSubAccordionItemHoverBackgroundColorDesktop);
16252        --horizontalNavSubAccordionItemActiveBackgroundColorMobile: var(--horizontalNavSubAccordionItemActiveBackgroundColorDesktop);
16253        --horizontalNavSubAccordionItemActiveFontColorMobile: var(--horizontalNavSubAccordionItemActiveFontColorDesktop);
16254        --horizontalNavSubAccordionItemPaddingTopMobile: var(--horizontalNavSubAccordionItemPaddingTopDesktop);
16255        --horizontalNavSubAccordionItemPaddingBottomMobile: var(--horizontalNavSubAccordionItemPaddingBottomDesktop);
16256        --horizontalNavSubAccordionItemPaddingLeftMobile: var(--horizontalNavSubAccordionItemPaddingLeftDesktop);
16257        --horizontalNavSubAccordionItemPaddingRightMobile: var(--horizontalNavSubAccordionItemPaddingRightDesktop);
16258        --horizontalNavSubAccordionItemBorderTopMobile: var(--horizontalNavSubAccordionItemBorderTopDesktop);
16259        --horizontalNavSubAccordionItemBorderRightMobile: var(--horizontalNavSubAccordionItemBorderRightDesktop);
16260        --horizontalNavSubAccordionItemBorderBottomMobile: var(--horizontalNavSubAccordionItemBorderBottomDesktop);
16261        --horizontalNavSubAccordionItemBorderLeftMobile: var(--horizontalNavSubAccordionItemBorderLeftDesktop);
16262        --horizontalNavSubAccordionItemBorderRadiusMobile: var(--horizontalNavSubAccordionItemBorderRadiusDesktop);
16263        --horizontalNavSubAccordionItemFontMobile: var(--horizontalNavSubAccordionItemFontDesktop);
16264        --horizontalNavSubAccordionItemFontColorMobile: var(--horizontalNavSubAccordionItemFontColorDesktop);
16265        --horizontalNavSubAccordionItemFontSizeMobile: var(--horizontalNavSubAccordionItemFontSizeDesktop);
16266        --horizontalNavSubAccordionItemFontWeightMobile: var(--horizontalNavSubAccordionItemFontWeightDesktop);
16267        --horizontalNavSubAccordionItemFontStyleMobile: var(--horizontalNavSubAccordionItemFontStyleDesktop);
16268        --horizontalNavSubAccordionItemLineHeightMobile: var(--horizontalNavSubAccordionItemLineHeightDesktop);
16269        --horizontalNavSubAccordionItemLetterSpacingMobile: var(--horizontalNavSubAccordionItemLetterSpacingDesktop);
16270        --horizontalNavSubAccordionItemTextDecorationMobile: var(--horizontalNavSubAccordionItemTextDecorationDesktop);
16271        --horizontalNavSubAccordionItemHoverFontColorMobile: var(--horizontalNavSubAccordionItemHoverFontColorDesktop);
16272
16273        /* apply accordion panel */
16274        --horizontalNavSubAccordionBackgroundColor: var(--horizontalNavSubAccordionBackgroundColorMobile);
16275        --horizontalNavSubAccordionPaddingTop: var(--horizontalNavSubAccordionPaddingTopMobile);
16276        --horizontalNavSubAccordionPaddingBottom: var(--horizontalNavSubAccordionPaddingBottomMobile);
16277        --horizontalNavSubAccordionPaddingLeft: var(--horizontalNavSubAccordionPaddingLeftMobile);
16278        --horizontalNavSubAccordionPaddingRight: var(--horizontalNavSubAccordionPaddingRightMobile);
16279        --horizontalNavSubAccordionBorderTop: var(--horizontalNavSubAccordionBorderTopMobile);
16280        --horizontalNavSubAccordionBorderRight: var(--horizontalNavSubAccordionBorderRightMobile);
16281        --horizontalNavSubAccordionBorderBottom: var(--horizontalNavSubAccordionBorderBottomMobile);
16282        --horizontalNavSubAccordionBorderLeft: var(--horizontalNavSubAccordionBorderLeftMobile);
16283        --horizontalNavSubAccordionBorderRadius: var(--horizontalNavSubAccordionBorderRadiusMobile);
16284        --horizontalNavSubAccordionItemsSpacing: var(--horizontalNavSubAccordionItemsSpacingMobile);
16285        --horizontalNavSubAccordionTransitionDurationMs: var(--horizontalNavSubAccordionTransitionDurationMsMobile);
16286        --horizontalNavSubAccordionTransitionDuration: calc(1ms * var(--horizontalNavSubAccordionTransitionDurationMs));
16287
16288        /* apply accordion icon */
16289        --horizontalNavSubAccordionItemIconDisplay: var(--horizontalNavSubAccordionItemIconDisplayMobile);
16290        --horizontalNavSubAccordionItemIconSize: var(--horizontalNavSubAccordionItemIconSizeMobile);
16291        --horizontalNavSubAccordionItemIconColor: var(--horizontalNavSubAccordionItemIconColorMobile);
16292        --horizontalNavSubAccordionItemIconBackgroundColor: var(--horizontalNavSubAccordionItemIconBackgroundColorMobile);
16293        --horizontalNavSubAccordionItemIconSpacing: var(--horizontalNavSubAccordionItemIconSpacingMobile);
16294        --horizontalNavSubAccordionItemIconRotate: var(--horizontalNavSubAccordionItemIconRotateMobile);
16295        --horizontalNavSubAccordionItemIconRotateOpen: var(--horizontalNavSubAccordionItemIconRotateOpenMobile);
16296        --horizontalNavSubAccordionItemIconColorHover: var(--horizontalNavSubAccordionItemIconColorHoverMobile);
16297        --horizontalNavSubAccordionItemIconSizeHover: var(--horizontalNavSubAccordionItemIconSizeHoverMobile);
16298        --horizontalNavSubAccordionItemIconRotateHover: var(--horizontalNavSubAccordionItemIconRotateHoverMobile);
16299        --horizontalNavSubAccordionItemIconBackgroundColorHover: var(--horizontalNavSubAccordionItemIconBackgroundColorHoverMobile);
16300        --horizontalNavSubAccordionItemIconColorActive: var(--horizontalNavSubAccordionItemIconColorActiveMobile);
16301        --horizontalNavSubAccordionItemIconSizeActive: var(--horizontalNavSubAccordionItemIconSizeActiveMobile);
16302        --horizontalNavSubAccordionItemIconRotateActive: var(--horizontalNavSubAccordionItemIconRotateActiveMobile);
16303        --horizontalNavSubAccordionItemIconBackgroundColorActive: var(--horizontalNavSubAccordionItemIconBackgroundColorActiveMobile);
16304
16305        /* apply accordion item */
16306        --horizontalNavSubAccordionItemBackgroundColor: var(--horizontalNavSubAccordionItemBackgroundColorMobile);
16307        --horizontalNavSubAccordionItemHoverBackgroundColor: var(--horizontalNavSubAccordionItemHoverBackgroundColorMobile);
16308        --horizontalNavSubAccordionItemActiveBackgroundColor: var(--horizontalNavSubAccordionItemActiveBackgroundColorMobile);
16309        --horizontalNavSubAccordionItemActiveFontColor: var(--horizontalNavSubAccordionItemActiveFontColorMobile);
16310        --horizontalNavSubAccordionItemPaddingTop: var(--horizontalNavSubAccordionItemPaddingTopMobile);
16311        --horizontalNavSubAccordionItemPaddingBottom: var(--horizontalNavSubAccordionItemPaddingBottomMobile);
16312        --horizontalNavSubAccordionItemPaddingLeft: var(--horizontalNavSubAccordionItemPaddingLeftMobile);
16313        --horizontalNavSubAccordionItemPaddingRight: var(--horizontalNavSubAccordionItemPaddingRightMobile);
16314        --horizontalNavSubAccordionItemBorderTop: var(--horizontalNavSubAccordionItemBorderTopMobile);
16315        --horizontalNavSubAccordionItemBorderRight: var(--horizontalNavSubAccordionItemBorderRightMobile);
16316        --horizontalNavSubAccordionItemBorderBottom: var(--horizontalNavSubAccordionItemBorderBottomMobile);
16317        --horizontalNavSubAccordionItemBorderLeft: var(--horizontalNavSubAccordionItemBorderLeftMobile);
16318        --horizontalNavSubAccordionItemBorderRadius: var(--horizontalNavSubAccordionItemBorderRadiusMobile);
16319        --horizontalNavSubAccordionItemFont: var(--horizontalNavSubAccordionItemFontMobile);
16320        --horizontalNavSubAccordionItemFontColor: var(--horizontalNavSubAccordionItemFontColorMobile);
16321        --horizontalNavSubAccordionItemFontSize: var(--horizontalNavSubAccordionItemFontSizeMobile);
16322        --horizontalNavSubAccordionItemFontWeight: var(--horizontalNavSubAccordionItemFontWeightMobile);
16323        --horizontalNavSubAccordionItemFontStyle: var(--horizontalNavSubAccordionItemFontStyleMobile);
16324        --horizontalNavSubAccordionItemLineHeight: var(--horizontalNavSubAccordionItemLineHeightMobile);
16325        --horizontalNavSubAccordionItemLetterSpacing: var(--horizontalNavSubAccordionItemLetterSpacingMobile);
16326        --horizontalNavSubAccordionItemTextDecoration: var(--horizontalNavSubAccordionItemTextDecorationMobile);
16327        --horizontalNavSubAccordionItemHoverFontColor: var(--horizontalNavSubAccordionItemHoverFontColorMobile);
16328    }
16329
16330    .wmc_menu.wmcM_menuHorizontalMobile.wmcM_menuSubMenuAccordionMobile .navigation-module-container {
16331        & .navigation-nav--sub-item > .navigation-nav--sub-menu {
16332            position: static;
16333            display: flex;
16334            grid-row: 2;
16335            grid-column: 1;
16336            align-self: stretch;
16337            width: 100%;
16338            min-width: 0;
16339            min-height: 0;
16340            overflow: hidden;
16341            left: auto;
16342            right: auto;
16343            top: auto;
16344            transform: none;
16345            box-shadow: none;
16346            opacity: 1;
16347            pointer-events: auto;
16348            visibility: hidden;
16349            transition: visibility 0s linear var(--horizontalNavSubAccordionTransitionDuration);
16350            padding-top: var(--horizontalNavSubAccordionPaddingTop);
16351            padding-bottom: var(--horizontalNavSubAccordionPaddingBottom);
16352            padding-left: var(--horizontalNavSubAccordionPaddingLeft);
16353            padding-right: var(--horizontalNavSubAccordionPaddingRight);
16354            border-top: var(--horizontalNavSubAccordionBorderTop);
16355            border-right: var(--horizontalNavSubAccordionBorderRight);
16356            border-bottom: var(--horizontalNavSubAccordionBorderBottom);
16357            border-left: var(--horizontalNavSubAccordionBorderLeft);
16358            border-radius: var(--horizontalNavSubAccordionBorderRadius);
16359            background-color: var(--horizontalNavSubAccordionBackgroundColor);
16360            gap: var(--horizontalNavSubAccordionItemsSpacing);
16361        }
16362
16363        & .navigation-nav--sub-item .navigation-nav--sub-item > .navigation-nav--sub-menu {
16364            background-color: transparent;
16365        }
16366
16367        & .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) {
16368            display: grid;
16369            grid-template-columns: 100%;
16370            grid-template-rows: auto 0fr;
16371            transition: grid-template-rows var(--horizontalNavSubAccordionTransitionDuration) ease;
16372            position: relative;
16373            padding-left: 0;
16374            padding-right: 0;
16375            --horizontalNavSubArrowSize: var(--horizontalNavSubAccordionItemIconSize);
16376            --horizontalNavSubArrowSpacing: var(--horizontalNavSubAccordionItemIconSpacing);
16377            --horizontalNavSubArrowColor: var(--horizontalNavSubAccordionItemIconColor);
16378            --horizontalNavSubArrowRotate: var(--horizontalNavSubAccordionItemIconRotate);
16379            --horizontalNavSubArrowSizeHover: var(--horizontalNavSubAccordionItemIconSizeHover);
16380            --horizontalNavSubArrowColorHover: var(--horizontalNavSubAccordionItemIconColorHover);
16381            --horizontalNavSubArrowRotateHover: var(--horizontalNavSubAccordionItemIconRotateHover);
16382            --horizontalNavSubArrowColorActive: var(--horizontalNavSubAccordionItemIconColorHover);
16383            --horizontalNavSubArrowRotateActive: var(--horizontalNavSubAccordionItemIconRotateHover);
16384
16385            & > a {
16386                display: grid;
16387                grid-row: 1;
16388                grid-column: 1;
16389                padding-left: var(--horizontalNavSubItemPaddingLeft);
16390                padding-right: var(--horizontalNavSubItemPaddingRight);
16391                grid-template-columns: 1fr calc(var(--horizontalNavSubAccordionItemIconSpacing) + var(--horizontalNavSubAccordionItemIconSize));
16392                align-items: center;
16393                width: 100%;
16394            }
16395
16396            & > .arrow {
16397                display: var(--horizontalNavSubAccordionItemIconDisplay);
16398                grid-row: 1;
16399                grid-column: 1;
16400                justify-self: end;
16401                align-items: center;
16402                justify-content: center;
16403                align-self: stretch;
16404                width: calc(var(--horizontalNavSubAccordionItemIconSpacing) + var(--horizontalNavSubAccordionItemIconSize));
16405                margin-left: 0;
16406                pointer-events: auto;
16407                cursor: pointer;
16408                z-index: 2;
16409                background-color: var(--horizontalNavSubAccordionItemIconBackgroun
16409dColor);
16410            }
16411
16412            & > .arrow::after {
16413                content: '';
16414                width: var(--horizontalNavSubAccordionItemIconSize);
16415                height: var(--horizontalNavSubAccordionItemIconSize);
16416                background-color: var(--horizontalNavSubAccordionItemIconColor);
16417                transform: var(--horizontalNavSubAccordionItemIconRotate);
16418                transition: transform var(--horizontalNavSubAccordionTransitionDuration) ease;
16419            }
16420
16421            &:hover > .arrow,
16422            & > .arrow:hover {
16423                background-color: var(--horizontalNavSubAccordionItemIconBackgroundColorHover);
16424            }
16425
16426            &:hover > .arrow::after,
16427            & > .arrow:hover::after {
16428                width: var(--horizontalNavSubAccordionItemIconSizeHover);
16429                height: var(--horizontalNavSubAccordionItemIconSizeHover);
16430                background-color: var(--horizontalNavSubAccordionItemIconColorHover);
16431                transform: var(--horizontalNavSubAccordionItemIconRotateHover);
16432            }
16433
16434            &.open {
16435                --horizontalNavSubArrowColor: var(--horizontalNavSubAccordionItemIconColorActive);
16436                --horizontalNavSubArrowRotate: var(--horizontalNavSubAccordionItemIconRotateActive);
16437                --horizontalNavSubArrowColorHover: var(--horizontalNavSubAccordionItemIconColorActive);
16438                --horizontalNavSubArrowRotateHover: var(--horizontalNavSubAccordionItemIconRotateActive);
16439                --horizontalNavSubArrowColorActive: var(--horizontalNavSubAccordionItemIconColorActive);
16440                --horizontalNavSubArrowRotateActive: var(--horizontalNavSubAccordionItemIconRotateActive);
16441            }
16442
16443            &.open > .arrow,
16444            &.open:hover > .arrow,
16445            &.open > .arrow:hover {
16446                background-color: var(--horizontalNavSubAccordionItemIconBackgroundColorActive);
16447            }
16448
16449            &.open > .arrow::after,
16450            &.open:hover > .arrow::after,
16451            &.open > .arrow:hover::after {
16452                width: var(--horizontalNavSubAccordionItemIconSizeActive);
16453                height: var(--horizontalNavSubAccordionItemIconSizeActive);
16454                background-color: var(--horizontalNavSubAccordionItemIconColorActive);
16455                transform: var(--horizontalNavSubAccordionItemIconRotateActive);
16456            }
16457
16458            &.open {
16459                grid-template-rows: auto 1fr;
16460
16461                & > .navigation-nav--sub-menu {
16462                    visibility: visible;
16463                    transition-delay: 0s;
16464                }
16465            }
16466        }
16467
16468        & .navigation-nav--sub-item .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) {
16469            & > a {
16470                padding-left: var(--horizontalNavSubAccordionItemPaddingLeft);
16471                padding-right: var(--horizontalNavSubAccordionItemPaddingRight);
16472            }
16473
16474            &.open {
16475                background-color: var(--horizontalNavSubAccordionItemActiveBackgroundColor);
16476
16477                & > a {
16478                    color: var(--horizontalNavSubAccordionItemActiveFontColor);
16479                }
16480            }
16481        }
16482
16483        /* rows inside an expanded panel */
16484        & .navigation-nav--sub-item > .navigation-nav--sub-menu > .navigation-nav--sub-item {
16485            padding-top: 0;
16486            padding-bottom: 0;
16487            border-top: var(--horizontalNavSubAccordionItemBorderTop);
16488            border-right: var(--horizontalNavSubAccordionItemBorderRight);
16489            border-bottom: var(--horizontalNavSubAccordionItemBorderBottom);
16490            border-left: var(--horizontalNavSubAccordionItemBorderLeft);
16491            border-radius: var(--horizontalNavSubAccordionItemBorderRadius);
16492            background-color: var(--horizontalNavSubAccordionItemBackgroun
16492dColor);
16493
16494            &:hover {
16495                background-color: var(--horizontalNavSubAccordionItemHoverBackgroundColor);
16496            }
16497
16498            &.open, &.wmcA_activeState {
16499                background-color: var(--horizontalNavSubAccordionItemActiveBackgroundColor);
16500
16501                & > a {
16502                    color: var(--horizontalNavSubAccordionItemActiveFontColor);
16503                }
16504            }
16505
16506            & > a {
16507                padding-top: var(--horizontalNavSubAccordionItemPaddingTop);
16508                padding-bottom: var(--horizontalNavSubAccordionItemPaddingBottom);
16509                padding-left: var(--horizontalNavSubAccordionItemPaddingLeft);
16510                padding-right: var(--horizontalNavSubAccordionItemPaddingRight);
16511                font-family: var(--horizontalNavSubAccordionItemFont);
16512                font-size: var(--horizontalNavSubAccordionItemFontSize);
16513                font-weight: var(--horizontalNavSubAccordionItemFontWeight);
16514                font-style: var(--horizontalNavSubAccordionItemFontStyle);
16515                line-height: var(--horizontalNavSubAccordionItemLineHeight);
16516                letter-spacing: var(--horizontalNavSubAccordionItemLetterSpacing);
16517                text-decoration: var(--horizontalNavSubAccordionItemTextDecoration);
16518                color: var(--horizontalNavSubAccordionItemFontColor);
16519
16520                &:hover {
16521                    color: var(--horizontalNavSubAccordionItemHoverFontColor);
16522                }
16523            }
16524        }
16525    }
16526
16527    .wmc_menu.wmcM_menuHorizontalMobile.wmcM_menuSubMenuAccordionMobile.wmcA_hoverState .navigation-module-container {
16528        & .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) {
16529            --horizontalNavSubArrowColor: var(--horizontalNavSubAccordionItemIconColorHover);
16530            --horizontalNavSubArrowRotate: var(--horizontalNavSubAccordionItemIconRotateHover);
16531            --horizontalNavSubArrowColorHover: var(--horizontalNavSubAccordionItemIconColorHover);
16532            --horizontalNavSubArrowRotateHover: var(--horizontalNavSubAccordionItemIconRotateHover);
16533            --horizontalNavSubArrowColorActive: var(--horizontalNavSubAccordionItemIconColorHover);
16534            --horizontalNavSubArrowRotateActive: var(--horizontalNavSubAccordionItemIconRotateHover);
16535        }
16536
16537        & .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) > .arrow {
16538            background-color: var(--horizontalNavSubAccordionItemIconBackgroundColorHover);
16539        }
16540
16541        & .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) > .arrow::after {
16542            width: var(--horizontalNavSubAccordionItemIconSizeHover);
16543            height: var(--horizontalNavSubAccordionItemIconSizeHover);
16544            background-color: var(--horizontalNavSubAccordionItemIconColorHover);
16545            transform: var(--horizontalNavSubAccordionItemIconRotateHover);
16546        }
16547
16548        & .navigation-nav--sub-item > .navigation-nav--sub-menu > .navigation-nav--sub-item {
16549            background-color: var(--horizontalNavSubAccordionItemHoverBackgroundColor);
16550
16551            & > a {
16552                color: var(--horizontalNavSubAccordionItemHoverFontColor);
16553            }
16554        }
16555    }
16556
16557    .wmc_menu.wmcM_menuHorizontalMobile.wmcM_menuSubMenuAccordionMobile.wmcA_activeState .navigation-module-container {
16558        & .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) {
16559            --horizontalNavSubArrowColor: var(--horizontalNavSubAccordionItemIconColorActive);
16560            --horizontalNavSubArrowRotate: var(--horizontalNavSubAccordionItemIconRotateActive);
16561            --horizontalNavSubArrowColorHover: var(--horizontalNavSubAccordionItemIconColorActive);
16562            --horizontalNavSubArrowRotateHover: var(--horizontalNavSubAccordionItemIconRotateActive);
16563            --horizontalNavSubArrowColorActive: var(--horizontalNavSubAccordionItemIconColorActive);
16564            --horizontalNavSubArrowRotateActive: var(--horizontalNavSubAccordionItemIconRotateActive);
16565        }
16566
16567        & .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) > .arrow {
16568            background-color: var(--horizontalNavSubAccordionItemIconBackgroun
16568dColorActive);
16569        }
16570
16571        & .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) > .arrow::after {
16572            width: var(--horizontalNavSubAccordionItemIconSizeActive);
16573            height: var(--horizontalNavSubAccordionItemIconSizeActive);
16574            background-color: var(--horizontalNavSubAccordionItemIconColorActive);
16575            transform: var(--horizontalNavSubAccordionItemIconRotateActive);
16576        }
16577
16578        & .navigation-nav--sub-item > .navigation-nav--sub-menu > .navigation-nav--sub-item {
16579            background-color: var(--horizontalNavSubAccordionItemActiveBackgroundColor);
16580
16581            & > a {
16582                color: var(--horizontalNavSubAccordionItemActiveFontColor);
16583            }
16584        }
16585    }
16586
16587}
16588</style>
16589            <style>/* image.css */
16590wm-img {
16591    display: block;
16592}
16593
16594.wmc_image {
16595    --imageOpacity: 1;
16596    --colorOverlay: initial;
16597    --aspectRatioDesktop: 1;
16598    --aspectRatio: var(--aspectRatioDesktop);
16599    --pointOfInterest: var(--wmd_mediaPointOfInterest);
16600    --imageFit: cover;
16601    --svgFillMaskSize: cover;
16602    --svgFillMaskRepeat: no-repeat;
16603
16604    /* Flip (mirror) — scaleX/Y(-1) when on, identity when off. State- and */
16605    /* viewport-aware, mirroring the rotation/padding cascades. */
16606    --imageFlipXDesktop: scaleX(1);
16607    --imageFlipYDesktop: scaleY(1);
16608    --imageFlipXDesktopHover: var(--imageFlipXDesktop);
16609    --imageFlipYDesktopHover: var(--imageFlipYDesktop);
16610    --imageFlipXDesktopActive: var(--imageFlipXDesktopHover);
16611    --imageFlipYDesktopActive: var(--imageFlipYDesktopHover);
16612    --imageFlipX: var(--imageFlipXDesktop);
16613    --imageFlipY: var(--imageFlipYDesktop);
16614    --imageFlipXHover: var(--imageFlipXDesktopHover);
16615    --imageFlipYHover: var(--imageFlipYDesktopHover);
16616    --imageFlipXActive: var(--imageFlipXDesktopActive);
16617    --imageFlipYActive: var(--imageFlipYDesktopActive);
16618    --svgFillDesktop: initial;
16619    --svgFillDesktopHover: var(--svgFillDesktop);
16620    --svgFillDesktopActive: var(--svgFillDesktopHover);
16621    --svgFill: var(--svgFillDesktop);
16622    --svgFillHover: var(--svgFillDesktopHover);
16623    --svgFillActive: var(--svgFillDesktopActive);
16624
16625    --paddingTopDesktop: 0px;
16626    --paddingRightDesktop: 0px;
16627    --paddingBottomDesktop: 0px;
16628    --paddingLeftDesktop: 0px;
16629    --paddingTopDesktopHover: var(--paddingTopDesktop);
16630    --paddingRightDesktopHover: var(--paddingRightDesktop);
16631    --paddingBottomDesktopHover: var(--paddingBottomDesktop);
16632    --paddingLeftDesktopHover: var(--paddingLeftDesktop);
16633
16634    --paddingTopHover: var(--paddingTopDesktopHover);
16635    --paddingRightHover: var(--paddingRightDesktopHover);
16636    --paddingBottomHover: var(--paddingBottomDesktopHover);
16637    --paddingLeftHover: var(--paddingLeftDesktopHover);
16638
16639    --paddingTop: var(--paddingTopDesktop);
16640    --paddingRight: var(--paddingRightDesktop);
16641    --paddingBottom: var(--paddingBottomDesktop);
16642    --paddingLeft: var(--paddingLeftDesktop);
16643}
16644
16645.wmc_image .wms_overlay {
16646    width: 100%;
16647    height: 100%;
16648    position: absolute;
16649    inset: 0;
16650    pointer-events: none;
16651    z-index: 1;
16652    background-color: var(--colorOverlay);
16653    /* inset box-shadow on .wml paints below the element's content, so it can never be 
16654    seen on .wml as the <picture> covers it. This .wms_overlay is the topmost layer of
16655    the image, so the inner shadow is painted here instead.
16656    Note: .wml ::after is NOT available for this — core_editor.css reserves both ::after and ::before 
16657    on .wml for the "hidden for <device>" editor overlay. */
16658    border-radius: var(--borderRadius);
16659    box-shadow: var(--shadowInner);
16660    transition: box-shadow var(--transitionDurationHover) var(--transitionEasingHover);
16661}
16662
16663.wmc_image .wml {
16664    /* in Chromium, for a broken image the alt text is rendered instead of the image */
16665    /* if that text is too long, especially without spaces, the replaced element's size behaves... weird */
16666    /* with this setting we avoid layouting issues of alt text as the replaced element */
16667    /* also, this MUST be 'hidden'... 'clip' should behave the same, but doesn't do what one would expect */
16668    overflow: hidden;
16669    box-shadow: var(--shadow);
16670    border-radius: var(--borderRadius);
16671}
16672/*
16673 * core.css swaps --rotate on hover for every component. Flip is image-only, so it swaps here,
16674 * off the same element (.wml) so the two stay in step. Slightly narrower than core.css, which
16675 * also fires on focus — a keyboard-focused image gets the hover rotation but not the flip.
16676 * The active rule below comes later, so it wins when both match.
16677 */
16678.wmc_image .wml:hover,
16679.wmc_image.wmcA_hoverState .wml {
16680    --imageFlipX: var(--imageFlipXHover);
16681    --imageFlipY: var(--imageFlipYHover);
16682    --paddingTop: var(--paddingTopHover);
16683    --paddingRight: var(--paddingRightHover);
16684    --paddingBottom: var(--paddingBottomHover);
16685    --paddingLeft: var(--paddingLeftHover);
16686}
16687
16688.wmc_image.wmcA_activeState .wml {
16689    --imageFlipX: var(--imageFlipXActive);
16690    --imageFlipY: var(--imageFlipYActive);
16691    --paddingTop: var(--paddingTopHover);
16692    --paddingRight: var(--paddingRightHover);
16693    --paddingBottom: var(--paddingBottomHover);
16694    --paddingLeft: var(--paddingLeftHover);
16695}
16696
16697.wmc_image picture {
16698    border-top: var(--borderTop);
16699    border-right: var(--borderRight);
16700    border-bottom: var(--borderBottom);
16701    border-left: var(--borderLeft);
16702    border-radius: var(--borderRadius);
16703    border-width: var(--paddingTop) var(--paddingRight) var(--paddingBottom) var(--paddingLeft);
16704    border-color: transparent;
16705    overflow: hidden;
16706    /* Mirror the image on either axis; rotation is applied to the parent .wml */
16707    /* via the shared --rotate transform, so the two compose. */
16708    transform: var(--imageFlipX) var(--imageFlipY);
16709    /* Optimize rendering for synchronized transitions */
16710    will-change: border-radius;
16711    /* All transitions with explicit duration to sync border-radius with ::before borders */
16712    transition: border-radius var(--transitionDurationHover) var(--transitionEasingHover),
16713        border-width var(--transitionDurationHover) var(--transitionEasingHover),
16714        background-color var(--transitionDurationHover) var(--transitionEasingHover),
16715        box-shadow var(--transitionDurationHover) var(--transitionEasingHover),
16716        opacity var(--transitionDurationHover) var(--transitionEasingHover),
16717        filter var(--transitionDurationHover) var(--transitionEasingHover),
16718        color var(--transitionDurationHover) var(--transitionEasingHover),
16719        transform var(--transitionDurationHover) var(--transitionEasingKineticHover),
16720        margin var(--transitionDurationHover) var(--transitionEasingKineticHover),
16721        width var(--transitionDurationHover) var(--transitionEasingKineticHover),
16722        min-width var(--transitionDurationHover) var(--transitionEasingKineticHover),
16723        max-width var(--transitionDurationHover) var(--transitionEasingKineticHover),
16724        height var(--transitionDurationHover) var(--transitionEasingKineticHover),
16725        min-height var(--transitionDurationHover) var(--transitionEasingKineticHover),
16726        max-height var(--transitionDurationHover) var(--transitionEasingKineticHover),
16727        top var(--transitionDurationHover) var(--transitionEasingKineticHover),
16728        right var(--transitionDurationHover) var(--transitionEasingKineticHover),
16729        bottom var(--transitionDurationHover) var(--transitionEasingKineticHover),
16730        left var(--transitionDurationHover) var(--transitionEasingKineticHover),
16731        font-size var(--transitionDurationHover) var(--transitionEasingHover),
16732        font-weight var(--transitionDurationHover) var(--transitionEasingHover),
16733        font-style var(--transitionDurationHover) var(--transitionEasingHover),
16734        text-decoration var(--transitionDurationHover) var(--transitionEasingHover);
16735
16736    &::before {
16737        content: "";
16738        position: absolute;
16739        inset: 0;
16740        border-top: var(--borderTop);
16741        border-right: var(--borderRight);
16742        border-bottom: var(--borderBottom);
16743        border-left: var(--borderLeft);
16744        border-radius: var(--borderRadius);
16745        /* Optimize rendering for synchronized transitions */
16746        will-change: border-radius, border-top, border-right, border-bottom, border-left;
16747        /* Same transition timing and order as parent picture element - border-radius first to sync */
16748        transition: border-radius var(--transitionDurationHover) var(--transitionEasingHover),
16749            border-top var(--transitionDurationHover) var(--transitionEasingHover),
16750            border-right var(--transitionDurationHover) var(--transitionEasingHover),
16751            border-bottom var(--transitionDurationHover) var(--transitionEasingHover),
16752            border-left var(--transitionDurationHover) var(--transitionEasingHover);
16753    }
16754}
16755
16756.wmc_image picture {
16757    display: block;
16758    width: 100%;
16759    height: 100%;
16760}
16761
16762.wmc_image picture img {
16763    object-fit: var(--imageFit);
16764    width: 100%;
16765    height: 100%;
16766    opacity: var(--imageOpacity);
16767    aspect-ratio: var(--aspectRatio);
16768    object-position: var(--pointOfInterest);
16769    background-position: var(--pointOfInterest);
16770    /* we set display like this to ensure browsers correctly size the replaced element even when the image is broken */
16771    display: block;
16772}
16773
16774.wmc_image picture img::before {
16775    /* unlike Chromium, for broken images Firefox adds this additional pseudo-element into DOM to show the images' alt text */
16776    /* with these properties we control that pseudo-element's rendering and avoid layouting issues */
16777    position: absolute;
16778    display: block;
16779    top: 0;
16780    right: 0;
16781    bottom: 0;
16782    left: 0;
16783    overflow: clip;
16784}
16785
16786.wmc_image.wmcM_keepAspectRatio > .wml {
16787    height: min-content;
16788}
16789
16790.wmcM_imageContain.wmc_image picture img {
16791    object-fit: contain;
16792}
16793
16794.wmcM_imageScaleDown.wmc_image picture img {
16795    object-fit: scale-down;
16796}
16797
16798
16799.wmc_image:is(.wmcM_imageContain, .wmcM_imageScaleDown) {
16800    --svgFillMaskSize: contain;
16801}
16802
16803.wmcM_imageTile.wmc_image {
16804    --svgFillMaskSize: auto;
16805    --svgFillMaskRepeat: repeat;
16806}
16807
16808.wmc_image:is(.wmcM_parallaxDesktop, .wmcM_parallaxTablet, .wmcM_parallaxMobile) {
16809    --parallaxEnabled: 0;
16810    --parallaxOverscan: 0%;
16811}
16812
16813@media all and (width >= 1040px) {
16814    .wmc_image.wmcM_parallaxDesktop {
16815        --parallaxEnabled: 1;
16816    }
16817
16818    .wmc_image.wmcM_parallaxDesktop picture img {
16819        height: calc(100% + var(--parallaxOverscan));
16820        top: calc(var(--parallaxOverscan) / -2);
16821        position: relative;
16822    }
16823}
16824
16825@media all and (650px <= width < 1040px) {
16826    .wmc_image:is(.wmcM_parallaxDesktop, .wmcM_parallaxTablet):not(.wmcM_parallaxTabletDisabled) {
16827        --parallaxEnabled: 1;
16828    }
16829
16830    .wmc_image:is(.wmcM_parallaxDesktop, .wmcM_parallaxTablet):not(.wmcM_parallaxTabletDisabled) picture img {
16831        height: calc(100% + var(--parallaxOverscan));
16832        top: calc(var(--parallaxOverscan) / -2);
16833        position: relative;
16834    }
16835}
16836
16837/* SVG fill: tint an SVG image with a flat colour, the same way icons are */
16838/* coloured (.wml_icon > i) — use the SVG as a mask over a solid fill. */
16839/* wmcM_svgSource is server-rendered per instance from the actually resolved */
16840/* media's mime type (not the edit-time class list), so a fill enabled on a */
16841/* dynamic/CMS-bound image never bleeds onto a non-SVG resolved value. */
16842.wmc_image.wmcM_svgFill.wmcM_svgSource picture {
16843    background-color: var(--svgFill);
16844    -webkit-mask-image: var(--wmd_svgFillUrl);
16845            mask-image: var(--wmd_svgFillUrl);
16846    -webkit-mask-position: var(--pointOfInterest);
16847            mask-position: var(--pointOfInterest);
16848    -webkit-mask-size: var(--svgFillMaskSize);
16849            mask-size: var(--svgFillMaskSize);
16850    -webkit-mask-repeat: var(--svgFillMaskRepeat);
16851            mask-repeat: var(--svgFillMaskRepeat);
16852
16853    &:hover,
16854    .wmcA_hoverState & {
16855        --svgFill: var(--svgFillHover);
16856    }
16857
16858    .wmcA_activeState & {
16859        --svgFill: var(--svgFillActive);
16860    }
16861
16862    /* hide the original img so only the flat fill shows; keep box/sizing */
16863    > img {
16864        visibility: hidden;
16865    }
16866}
16867
16868.wmcM_imageScaleDown.wmc_image.wmcM_svgFill.wmcM_svgSource picture {
16869    -webkit-mask-size: var(--svgFillScaleDownSize, var(--svgFillMaskSize));
16870            mask-size: var(--svgFillScaleDownSize, var(--svgFillMaskSize));
16871}
16872
16873@media all and (width < 1040px) {
16874    .wmc_image {
16875        --aspectRatioTablet: 1;
16876        --aspectRatio: var(--aspectRatioTablet);
16877
16878        --paddingTopTablet: var(--paddingTopDesktop);
16879        --paddingRightTablet: var(--paddingRightDesktop);
16880        --paddingBottomTablet: var(--paddingBottomDesktop);
16881        --paddingLeftTablet: var(--paddingLeftDesktop);
16882        --paddingTopTabletHover: var(--paddingTopDesktopHover);
16883        --paddingRightTabletHover: var(--paddingRightDesktopHover);
16884        --paddingBottomTabletHover: var(--paddingBottomDesktopHover);
16885        --paddingLeftTabletHover: var(--paddingLeftDesktopHover);
16886
16887        --imageFlipXTablet: var(--imageFlipXDesktop);
16888        --imageFlipYTablet: var(--imageFlipYDesktop);
16889        --imageFlipXTabletHover: var(--imageFlipXDesktopHover);
16890        --imageFlipYTabletHover: var(--imageFlipYDesktopHover);
16891        --imageFlipXTabletActive: var(--imageFlipXTabletHover);
16892        --imageFlipYTabletActive: var(--imageFlipYTabletHover);
16893        --imageFlipX: var(--imageFlipXTablet);
16894        --imageFlipY: var(--imageFlipYTablet);
16895        --imageFlipXHover: var(--imageFlipXTabletHover);
16896        --imageFlipYHover: var(--imageFlipYTabletHover);
16897        --imageFlipXActive: var(--imageFlipXTabletActive);
16898        --imageFlipYActive: var(--imageFlipYTabletActive);
16899        --svgFillTablet: var(--svgFillDesktop);
16900        --svgFillTabletHover: var(--svgFillDesktopHover);
16901        --svgFillTabletActive: var(--svgFillTabletHover);
16902        --svgFill: var(--svgFillTablet);
16903        --svgFillHover: var(--svgFillTabletHover);
16904        --svgFillActive: var(--svgFillTabletActive);
16905
16906        --paddingTopHover: var(--paddingTopTabletHover);
16907        --paddingRightHover: var(--paddingRightTabletHover);
16908        --paddingBottomHover: var(--paddingBottomTabletHover);
16909        --paddingLeftHover: var(--paddingLeftTabletHover);
16910
16911        --paddingTop: var(--paddingTopTablet);
16912        --paddingRight: var(--paddingRightTablet);
16913        --paddingBottom: var(--paddingBottomTablet);
16914        --paddingLeft: var(--paddingLeftTablet);
16915    }
16916}
16917
16918
16919@media all and (width < 650px) {
16920    .wmc_image:is(.wmcM_parallaxDesktop, .wmcM_parallaxMobile):not(.wmcM_parallaxMobileDisabled) {
16921        --parallaxEnabled: 1;
16922    }
16923
16924    .wmc_image:is(.wmcM_parallaxDesktop, .wmcM_parallaxMobile):not(.wmcM_parallaxMobileDisabled) picture img {
16925        height: calc(100% + var(--parallaxOverscan));
16926        top: calc(var(--parallaxOverscan) / -2);
16927        position: relative;
16928    }
16929
16930    .wmc_image {
16931        --aspectRatioMobile: 1;
16932        --aspectRatio: var(--aspectRatioMobile);
16933
16934        --paddingTopMobile: var(--paddingTopDesktop);
16935        --paddingRightMobile: var(--paddingRightDesktop);
16936        --paddingBottomMobile: var(--paddingBottomDesktop);
16937        --paddingLeftMobile: var(--paddingLeftDesktop);
16938        --paddingTopMobileHover: var(--paddingTopDesktopHover);
16939        --paddingRightMobileHover: var(--paddingRightDesktopHover);
16940        --paddingBottomMobileHover: var(--paddingBottomDesktopHover);
16941        --paddingLeftMobileHover: var(--paddingLeftDesktopHover);
16942
16943        --imageFlipXMobile: var(--imageFlipXDesktop);
16944        --imageFlipYMobile: var(--imageFlipYDesktop);
16945        --imageFlipXMobileHover: var(--imageFlipXDesktopHover);
16946        --imageFlipYMobileHover: var(--imageFlipYDesktopHover);
16947        --imageFlipXMobileActive: var(--imageFlipXMobileHover);
16948        --imageFlipYMobileActive: var(--imageFlipYMobileHover);
16949        --imageFlipX: var(--imageFlipXMobile);
16950        --imageFlipY: var(--imageFlipYMobile);
16951        --imageFlipXHover: var(--imageFlipXMobileHover);
16952        --imageFlipYHover: var(--imageFlipYMobileHover);
16953        --imageFlipXActive: var(--imageFlipXMobileActive);
16954        --imageFlipYActive: var(--imageFlipYMobileActive);
16955        --svgFillMobile: var(--svgFillDesktop);
16956        --svgFillMobileHover: var(--svgFillDesktopHover);
16957        --svgFillMobileActive: var(--svgFillMobileHover);
16958        --svgFill: var(--svgFillMobile);
16959        --svgFillHover: var(--svgFillMobileHover);
16960        --svgFillActive: var(--svgFillMobileActive);
16961
16962        --paddingTopHover: var(--paddingTopMobileHover);
16963        --paddingRightHover: var(--paddingRightMobileHover);
16964        --paddingBottomHover: var(--paddingBottomMobileHover);
16965        --paddingLeftHover: var(--paddingLeftMobileHover);
16966
16967        --paddingTop: var(--paddingTopMobile);
16968        --paddingRight: var(--paddingRightMobile);
16969        --paddingBottom: var(--paddingBottomMobile);
16970        --paddingLeft: var(--paddingLeftMobile);
16971    }
16972}
16973</style>
16974            <style>/* form.css */
16975.wmc_form {
16976    /* arrow icon */
16977    --submitArrowIcon01: url("data:image/svg+xml,%3Csvg width='17' height='16' viewB
16977ox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 13L13.25 3M13.25 3L5.75 3M13.25 3V10.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
16978
16979    /* css properties for form */
16980    --inputPrimaryFont: var(--fontFamilyPrimary);
16981    --inputPrimaryColor: rgba(var(--colorPrimaryA),1);
16982    --inputSecondaryColor: rgba(var(--colorPrimaryE),1);
16983
16984    /* field wrapper */
16985    --fieldWrapperDisplayDesktop: grid;
16986    --fieldWrapperGridTemplateColumnsDesktop: 1fr;
16987    --fieldWrapperGapDesktop: 20px;
16988
16989    /* label */
16990    --labelDisplayDesktop: block;
16991    --labelPaddingTopDesktop: 0px;
16992    --labelPaddingBottomDesktop: 0px;
16993    --labelPaddingLeftDesktop: 0px;
16994    --labelPaddingRightDesktop: 0px;
16995    --labelMarginBottomDesktop: 15px;
16996    --labelFontDesktop: var(--inputPrimaryFont);
16997    --labelFontSizeDesktop: 14px;
16998    --labelFontColorDesktop: var(--inputPrimaryColor);
16999    --labelFontWeightDesktop: 400;
17000    --labelFontStyleDesktop: normal;
17001    --labelTextDecorationDesktop: none;
17002    --labelLetterSpacingDesktop: 0px;
17003    --labelLineHeightDesktop: normal;
17004
17005    /* input, select and textarea padding */
17006    --inputPaddingTopDesktop: 8px;
17007    --inputPaddingBottomDesktop: 8px;
17008    --inputPaddingLeftDesktop: 0px;
17009    --inputPaddingRightDesktop: 0px;
17010
17011    /* input, select and textarea border */
17012    --inputBorderTopDesktop: 0px solid var(--inputPrimaryColor);
17013    --inputBorderRightDesktop: 0px solid var(--inputPrimaryColor);
17014    --inputBorderBottomDesktop: 0px solid var(--inputPrimaryColor);
17015    --inputBorderLeftDesktop: 0px solid var(--inputPrimaryColor);
17016
17017    /* input, select and textarea radius */
17018    --inputBorderRadiusDesktop: 0px 0px 0px 0px;
17019
17020    /* input, select and textarea font */
17021    --inputFontDesktop: var(--inputPrimaryFont);
17022    --inputFontSizeDesktop: 16px;
17023    --inputFontWeightDesktop: 400;
17024    --inputFontStyleDesktop: normal;
17025    --inputFontColorDesktop: var(--inputPrimaryColor);
17026    --inputTextDecorationDesktop: none;
17027    --inputLetterSpacingDesktop: 0px;
17028    --inputLineHeightDesktop: 1.4;
17029    --inputWidthDesktop: 100%;
17030    --inputHeightDesktop: auto;
17031    --inputBackgroundColorDesktop: rgba(var(--colorBackgroundE),0);
17032    --inputTextAlignDesktop: left;
17033
17034    /* input, select and textarea placeholder */
17035    --inputPlaceholderPaddingLeftDesktop: 0px;
17036    --inputPlaceholderFontDesktop: var(--inputFontDesktop);
17037    --inputPlaceholderFontSizeDesktop: var(--inputFontSizeDesktop);
17038    --inputPlaceholderFontColorDesktop: var(--inputSecondaryColor);
17039    --inputPlaceholderFontWeightDesktop: 400;
17040    --inputPlaceholderFontStyleDesktop: normal;
17041    --inputPlaceholderTextDecorationDesktop: none;
17042    --inputPlaceholderLetterSpacingDesktop: 0px;
17043    --inputPlaceholderLineHeightDesktop: 1.4;
17044
17045    /* disclaimer text */
17046    --disclaimerTextFontDesktop: var(--fontFamilySecondary);
17047    --disclaimerTextFontSizeDesktop: 14px;
17048    --disclaimerTextFontColorDesktop: rgba(var(--colorBwGradientC), 1);
17049    --disclaimerTextFontWeightDesktop: 400;
17050    --disclaimerTextFontStyleDesktop: normal;
17051    --disclaimerTextDecorationDesktop: none;
17052    --disclaimerTextLetterSpacingDesktop: 0px;
17053    --disclaimerTextLineHeightDesktop: 1.4;
17054
17055    /* input, select and textarea padding hover */
17056    --inputPaddingTopHoverDesktop: var(--inputPaddingTopDesktop);
17057    --inputPaddingBottomHoverDesktop: var(--inputPaddingBottomDesktop);
17058    --inputPaddingLeftHoverDesktop: var(--inputPaddingLeftDesktop);
17059    --inputPaddingRightHoverDesktop: var(--inputPaddingRightDesktop);
17060
17061    /* input, select and textarea radius hover */
17062    --inputBorderRadiusHoverDesktop: var(--inputBorderRadiusDesktop);
17063
17064
17065
17066    /* input, select and textarea font hover */
17067    --inputFontHoverDesktop: var(--inputFontDesktop);
17068    --inputFontSizeHoverDesktop: var(--inputFontSizeDesktop);
17069    --inputFontWeightHoverDesktop: var(--inputFontWeightDesktop);
17070    --inputFontStyleHoverDesktop: var(--inputFontStyleDesktop);
17071    --inputFontColorHoverDesktop: var(--inputFontColorDesktop);
17072    --inputTextDecorationHoverDesktop: var(--inputTextDecorationDesktop);
17073    --inputBackgroundColorHoverDesktop: var(--inputBackgroundColorDesktop);
17074
17075    --inputBorderTopHoverDesktop: var(--inputBorderTopDesktop);
17076    --inputBorderRightHoverDesktop: var(--inputBorderRightDesktop);
17077    --inputBorderBottomHoverDesktop: var(--inputBorderBottomDesktop);
17078    --inputBorderLeftHoverDesktop: var(--inputBorderLeftDesktop);
17079
17080    /* input, select and textarea padding focus */
17081    --inputPaddingTopFocusDesktop: var(--inputPaddingTopDesktop);
17082    --inputPaddingBottomFocusDesktop: var(--inputPaddingBottomDesktop);
17083    --inputPaddingLeftFocusDesktop: var(--inputPaddingLeftDesktop);
17084    --inputPaddingRightFocusDesktop: var(--inputPaddingRightDesktop);
17085
17086    /* input, select and textarea radius focus */
17087    --inputBorderRadiusFocusDesktop: var(--inputBorderRadiusDesktop);
17088
17089    /* input, select and textarea focus */
17090    --inputFontFocusDesktop: var(--inputFontDesktop);
17091    --inputFontSizeFocusDesktop: var(--inputFontSizeDesktop);
17092    --inputFontWeightFocusDesktop: var(--inputFontWeightDesktop);
17093    --inputFontStyleFocusDesktop: var(--inputFontStyleDesktop);
17094    --inputFontColorFocusDesktop: var(--inputFontColorDesktop);
17095    --inputTextDecorationFocusDesktop: var(--inputTextDecorationDesktop);
17096    --inputBackgroundColorFocusDesktop: var(--inputBackgroundColorDesktop);
17097
17098    --inputBorderTopFocusDesktop: var(--inputBorderTopDesktop);
17099    --inputBorderRightFocusDesktop: var(--inputBorderRightDesktop);
17100    --inputBorderBottomFocusDesktop: var(--inputBorderBottomDesktop);
17101    --inputBorderLeftFocusDesktop: var(--inputBorderLeftDesktop);
17102
17103    /* time and date */
17104    --timeDateGridTemplateColumnsDesktop: 1fr;
17105    --timeDateAlignItemsDesktop: center;
17106
17107    /* radio and checkbox */
17108    --radioCheckboxGridColumnDesktop: 3;
17109    --radioCheckboxGridTemplateColumnsDesktop: repeat(var(--radioCheckboxGridColumnDesktop), 1fr);
17110    --radioCheckboxGridColumnGapDesktop: 40px;
17111    --labelRadioCheckboxDisplayDesktop: grid;
17112    --labelRadioCheckboxMarginBottomDesktop: 5px;
17113    --labelRadioCheckboxGridColumnDesktop: 2;
17114    --labelRadioCheckboxGridTemplateColumnsDesktop: repeat(var(--labelRadioCheckboxGridColumnDesktop), auto);
17115    --labelRadioCheckboxAlignItemsDesktop: center;
17116    --labelRadioCheckboxJustifyContentDesktop: start;
17117    --radioCheckboxJustifySelfDesktop: center;
17118    --radioCheckboxSizeDesktop: 20px;
17119    --radioCheckboxCursorDesktop: pointer;
17120    --labelRadioCheckboxGapDesktop: 10px;
17121
17122    /* textarea height */
17123    --textareaHeightDesktop: 150px;
17124
17125    /* radio and checkbox font */
17126    --labelRadioCheckboxFontSizeDesktop: var(--inputFontSizeDesktop);
17127    --labelRadioCheckboxFontColorDesktop: var(--inputFontColorDesktop);
17128    --labelRadioCheckboxFontWeightDesktop: var(--inputFontWeightDesktop);
17129    --labelRadioCheckboxFontStyleDesktop: var(--inputFontStyleDesktop);
17130    --labelRadioCheckboxTextDecorationDesktop: var(--inputTextDecorationDesktop);
17131    --labelRadioCheckboxLetterSpacingDesktop: var(--inputLetterSpacingDesktop);
17132    --labelRadioCheckboxLineHeightDesktop: var(--inputLineHeightDesktop);
17133
17134    /* form actions */
17135    --formActionsMarginTopDesktop: 10px;
17136    --formActionsTextAlignDesktop: left;
17137
17138    /* submit padding */
17139    --submitPaddingTopDesktop: 12px;
17140    --submitPaddingBottomDesktop: 12px;
17141    --submitPaddingLeftDesktop: 30px;
17142    --submitPaddingRightDesktop: 30px;
17143
17144    /* submit border */
17145    --submitBorderTopDesktop: 0px solid var(--inputPrimaryColor);
17146    --submitBorderRightDesktop: 0px solid var(--inputPrimaryColor);
17147    --submitBorderBottomDesktop: 0px solid var(--inputPrimaryColor);
17148    --submitBorderLeftDesktop: 0px solid var(--inputPrimaryColor);
17149
17150    /* submit border radius */
17151    --submitBorderRadiusDesktop: 0px 0px 0px 0px;
17152
17153    /* submit font */
17154    --submitFontDesktop: var(--inputPrimaryFont);
17155    --submitFontColorDesktop: rgba(var(--colorPrimaryJ),1);
17156    --submitFontSizeDesktop: 16px;
17157    --submitFontWeightDesktop: 400;
17158    --submitFontStyleDesktop: normal;
17159    --submitTextDecorationDesktop: none;
17160    --submitLetterSpacingDesktop: 0px;
17161    --submitLineHeightDesktop: normal;
17162    --submitBackgroundColorDesktop: rgba(var(--colorCtaE),1);
17163    --submitCursorDesktop: pointer;
17164    --submitWidthDesktop: auto;
17165
17166    /* submit arrow */
17167    --submitArrowDisplayDesktop: block;
17168    --submitArrowIconDesktop: var(--submitArrowIcon01);
17169    --submitArrowSizeDesktop: 16px;
17170    --submitArrowColorDesktop: rgba(var(--colorPrimaryJ),1);
17171    --submitArrowRotateDesktop: 0deg;
17172    --submitArrowGapDesktop: 5px;
17173
17174    /* error */
17175    --errorFontColorDesktop: rgba(var(--colorCtaE),1);
17176    --errorBorderColorDesktop: rgba(var(--colorCtaE),1);
17177    --errorPlaceholderFontColorDesktop: rgba(var(--colorCtaE),1);
17178
17179    /* required */
17180    --requiredColorDesktop: rgba(var(--colorSecondaryE),1);
17181
17182    /* notification */
17183    --notificationFontColorDesktop: var(--labelFontColorDesktop);
17184    --notificationFontColorHoverDesktop: var(--notificationFontColorDesktop);
17185
17186    /*
17187     apply CSS properties
17188    */
17189
17190    /* apply field wrapper */
17191    --fieldWrapperDisplay: var(--fieldWrapperDisplayDesktop);
17192    --fieldWrapperGridTemplateColumns: var(--fieldWrapperGridTemplateColumnsDesktop);
17193    --fieldWrapperGap: var(--fieldWrapperGapDesktop);
17194
17195    /* apply label */
17196    --labelDisplay: var(--labelDisplayDesktop);
17197    --labelPaddingTop: var(--labelPaddingTopDesktop);
17198    --labelPaddingBottom: var(--labelPaddingBottomDesktop);
17199    --labelPaddingLeft: var(--labelPaddingLeftDesktop);
17200    --labelPaddingRight: var(--labelPaddingRightDesktop);
17201    --labelMarginBottom: var(--labelMarginBottomDesktop);
17202    --labelFont: var(--labelFontDesktop);
17203    --labelFontSize: var(--labelFontSizeDesktop);
17204    --labelFontColor: var(--labelFontColorDesktop);
17205    --labelFontWeight: var(--labelFontWeightDesktop);
17206    --labelFontStyle: var(--labelFontStyleDesktop);
17207    --labelTextDecoration: var(--labelTextDecorationDesktop);
17208    --labelLetterSpacing: var(--labelLetterSpacingDesktop);
17209    --labelLineHeight: var(--labelLineHeightDesktop);
17210
17211    /* apply input, select and textarea padding */
17212    --inputPaddingTop: var(--inputPaddingTopDesktop);
17213    --inputPaddingBottom: var(--inputPaddingBottomDesktop);
17214    --inputPaddingLeft: var(--inputPaddingLeftDesktop);
17215    --inputPaddingRight: var(--inputPaddingRightDesktop);
17216
17217    /* apply input, select and textarea border */
17218    --inputBorderTop: var(--inputBorderTopDesktop);
17219    --inputBorderRight: var(--inputBorderRightDesktop);
17220    --inputBorderBottom: var(--inputBorderBottomDesktop);
17221    --inputBorderLeft: var(--inputBorderLeftDesktop);
17222
17223    /* apply input, select and textarea radius */
17224    --inputBorderRadius: var(--inputBorderRadiusDesktop);
17225
17226    /* apply input, select and textarea font */
17227    --inputFont: var(--inputFontDesktop);
17228    --inputFontSize: var(--inputFontSizeDesktop);
17229    --inputFontWeight: var(--inputFontWeightDesktop);
17230    --inputFontStyle: var(--inputFontStyleDesktop);
17231    --inputFontColor: var(--inputFontColorDesktop);
17232    --inputTextDecoration: var(--inputTextDecorationDesktop);
17233    --inputLetterSpacing: var(--inputLetterSpacingDesktop);
17234    --inputLineHeight: var(--inputLineHeightDesktop);
17235    --inputWidth: var(--inputWidthDesktop);
17236    --inputHeight: var(--inputHeightDesktop);
17237    --inputBackgroundColor: var(--inputBackgroundColorDesktop);
17238    --inputTextAlign: var(--inputTextAlignDesktop);
17239
17240    /* apply input, select and textarea placeholder */
17241    --inputPlaceholderPaddingLeft: var(--inputPlaceholderPaddingLeftDesktop);
17242    --inputPlaceholderFont: var(--inputPlaceholderFontDesktop);
17243    --inputPlaceholderFontSize: var(--inputPlaceholderFontSizeDesktop);
17244    --inputPlaceholderFontColor: var(--inputPlaceholderFontColorDesktop);
17245    --inputPlaceholderFontWeight: var(--inputPlaceholderFontWeightDesktop);
17246    --inputPlaceholderFontStyle: var(--inputPlaceholderFontStyleDesktop);
17247    --inputPlaceholderTextDecoration: var(--inputPlaceholderTextDecorationDesktop);
17248    --inputPlaceholderLetterSpacing: var(--inputPlaceholderLetterSpacingDesktop);
17249    --inputPlaceholderLineHeight: var(--inputPlaceholderLineHeightDesktop);
17250
17251    /* apply disclaimer text */
17252    --disclaimerTextFont: var(--disclaimerTextFontDesktop);
17253    --disclaimerTextFontSize: var(--disclaimerTextFontSizeDesktop);
17254    --disclaimerTextFontColor: var(--disclaimerTextFontColorDesktop);
17255    --disclaimerTextFontWeight: var(--disclaimerTextFontWeightDesktop);
17256    --disclaimerTextFontStyle: var(--disclaimerTextFontStyleDesktop);
17257    --disclaimerTextDecoration: var(--disclaimerTextDecorationDesktop);
17258    --disclaimerTextLetterSpacing: var(--disclaimerTextLetterSpacingDesktop);
17259    --disclaimerTextLineHeight: var(--disclaimerTextLineHeightDesktop);
17260
17261    /* apply input, select and textarea hover */
17262    --inputFontHover: var(--inputFontHoverDesktop);
17263    --inputFontSizeHover: var(--inputFontSizeHoverDesktop);
17264    --inputFontWeightHover: var(--inputFontWeightHoverDesktop);
17265    --inputFontStyleHover: var(--inputFontStyleHoverDesktop);
17266    --inputFontColorHover: var(--inputFontColorHoverDesktop);
17267    --inputTextDecorationHover: var(--inputTextDecorationHoverDesktop);
17268    --inputBorderTopHover: var(--inputBorderTopHoverDesktop);
17269    --inputBorderRightHover: var(--inputBorderRightHoverDesktop);
17270    --inputBorderBottomHover: var(--inputBorderBottomHoverDesktop);
17271    --inputBorderLeftHover: var(--inputBorderLeftHoverDesktop);
17272    --inputBorderRadiusHover: var(--inputBorderRadiusHoverDesktop);
17273    --inputBackgroundColorHover: var(--inputBackgroundColorHoverDesktop);
17274
17275    --inputPaddingTopHover: var(--inputPaddingTopHoverDesktop);
17276    --inputPaddingBottomHover: var(--inputPaddingBottomHoverDesktop);
17277    --inputPaddingLeftHover: var(--inputPaddingLeftHoverDesktop);
17278    --inputPaddingRightHover: var(--inputPaddingRightHoverDesktop);
17279
17280    /* apply input, select and textarea focus */
17281    --inputFontFocus: var(--inputFontFocusDesktop);
17282    --inputFontSizeFocus: var(--inputFontSizeFocusDesktop);
17283    --inputFontWeightFocus: var(--inputFontWeightFocusDesktop);
17284    --inputFontStyleFocus: var(--inputFontStyleFocusDesktop);
17285    --inputFontColorFocus: var(--inputFontColorFocusDesktop);
17286    --inputTextDecorationFocus: var(--inputTextDecorationFocusDesktop);
17287    --inputBorderTopFocus: var(--inputBorderTopFocusDesktop);
17288    --inputBorderRightFocus: var(--inputBorderRightFocusDesktop);
17289    --inputBorderBottomFocus: var(--inputBorderBottomFocusDesktop);
17290    --inputBorderLeftFocus: var(--inputBorderLeftFocusDesktop);
17291    --inputBackgroundColorFocus: var(--inputBackgroundColorFocusDesktop);
17292
17293    /* apply time and date */
17294    --timeDateGridTemplateColumns: var(--timeDateGridTemplateColumnsDesktop);
17295    --timeDateAlignItems: var(--timeDateAlignItemsDesktop);
17296
17297    /* apply radio and checkbox */
17298    --radioCheckboxGridColumn: var(--radioCheckboxGridColumnDesktop);
17299    --radioCheckboxGridTemplateColumns: var(--radioCheckboxGridTemplateColumnsDesktop);
17300    --radioCheckboxGridColumnGap: var(--radioCheckboxGridColumnGapDesktop);
17301    --labelRadioCheckboxDisplay: var(--labelRadioCheckboxDisplayDesktop);
17302    --labelRadioCheckboxMarginBottom: var(--labelRadioCheckboxMarginBottomDesktop);
17303    --labelRadioCheckboxGridColumn: var(--labelRadioCheckboxGridColumnDesktop);
17304    --labelRadioCheckboxGridTemplateColumns: var(--labelRadioCheckboxGridTemplateColumnsDesktop);
17305    --labelRadioCheckboxAlignItems: var(--labelRadioCheckboxAlignItemsDesktop);
17306    --labelRadioCheckboxJustifyContent: var(--labelRadioCheckboxJustifyContentDesktop);
17307    --radioCheckboxJustifySelf: var(--radioCheckboxJustifySelfDesktop);
17308    --radioCheckboxSize: var(--radioCheckboxSizeDesktop);
17309    --radioCheckboxCursor: var(--radioCheckboxCursorDesktop);
17310    --labelRadioCheckboxGap: var(--labelRadioCheckboxGapDesktop);
17311
17312    /* apply textarea height */
17313    --textareaHeight: var(--textareaHeightDesktop);
17314
17315    /* apply radio and checkbox font */
17316    --labelRadioCheckboxFontSize: var(--labelRadioCheckboxFontSizeDesktop);
17317    --labelRadioCheckboxFontWeight: var(--labelRadioCheckboxFontWeightDesktop);
17318    --labelRadioCheckboxFontStyle: var(--labelRadioCheckboxFontStyleDesktop);
17319    --labelRadioCheckboxFontColor: var(--labelRadioCheckboxFontColorDesktop);
17320    --labelRadioCheckboxTextDecoration: var(--labelRadioCheckboxTextDecorationDesktop);
17321    --labelRadioCheckboxLetterSpacing: var(--labelRadioCheckboxLetterSpacingDesktop);
17322    --labelRadioCheckboxLineHeight: var(--labelRadioCheckboxLineHeightDesktop);
17323
17324    /* apply form actions */
17325    --formActionsMarginTop: var(--formActionsMarginTopDesktop);
17326    --formActionsTextAlign: var(--formActionsTextAlignDesktop);
17327
17328    /* apply submit padding */
17329    --submitPaddingTop: var(--submitPaddingTopDesktop);
17330    --submitPaddingBottom: var(--submitPaddingBottomDesktop);
17331    --submitPaddingLeft: var(--submitPaddingLeftDesktop);
17332    --submitPaddingRight: var(--submitPaddingRightDesktop);
17333
17334    /* apply submit border */
17335    --submitBorderTop: var(--submitBorderTopDesktop);
17336    --submitBorderRight: var(--submitBorderRightDesktop);
17337    --submitBorderBottom: var(--submitBorderBottomDesktop);
17338    --submitBorderLeft: var(--submitBorderLeftDesktop);
17339
17340    /* apply submit border radius */
17341    --submitBorderRadius: var(--submitBorderRadiusDesktop);
17342
17343    /* apply submit font */
17344    --submitFont: var(--submitFontDesktop);
17345    --submitFontColor: var(--submitFontColorDesktop);
17346    --submitFontSize: var(--submitFontSizeDesktop);
17347    --submitFontWeight: var(--submitFontWeightDesktop);
17348    --submitFontStyle: var(--submitFontStyleDesktop);
17349    --submitTextDecoration: var(--submitTextDecorationDesktop);
17350    --submitLetterSpacing: var(--submitLetterSpacingDesktop);
17351    --submitLineHeight: var(--submitLineHeightDesktop);
17352    --submitBackgroundColor: var(--submitBackgroundColorDesktop);
17353    --submitCursor: var(--submitCursorDesktop);
17354    --submitWidth: var(--submitWidthDesktop);
17355
17356    /* apply submit arrow */
17357    --submitArrowDisplay: var(--submitArrowDisplayDesktop);
17358    --submitArrowIcon: var(--submitArrowIconDesktop);
17359    --submitArrowSize: var(--submitArrowSizeDesktop);
17360    --submitArrowColor: var(--submitArrowColorDesktop);
17361    --submitArrowRotate: var(--submitArrowRotateDesktop);
17362    --submitArrowGap: var(--submitArrowGapDesktop);
17363
17364    /* apply error */
17365    --errorFontColor: var(--errorFontColorDesktop);
17366    --errorBorderColor: var(--errorBorderColorDesktop);
17367    --errorPlaceholderFontColor: var(--errorPlaceholderFontColorDesktop);
17368
17369    /* apply required */
17370    --requiredColor: var(--requiredColorDesktop);
17371
17372    --height: min-content;
17373    /* apply notification */
17374    --notificationFontColor: var(--notificationFontColorDesktop);
17375    --notificationFontColorHover: var(--notificationFontColorHoverDesktop);
17376}
17377
17378@media all and (width < 1040px) {
17379    .wmc_form {
17380        /* field wrapper */
17381        --fieldWrapperDisplayTablet: grid;
17382        --fieldWrapperGridTemplateColumnsTablet: 1fr;
17383        --fieldWrapperGapTablet: var(--fieldWrapperGapDesktop);
17384
17385        /* label */
17386        --labelDisplayTablet: block;
17387        --labelPaddingTopTablet: 0px;
17388        --labelPaddingBottomTablet: 0px;
17389        --labelPaddingLeftTablet: var(--labelPaddingLeftDesktop);
17390        --labelPaddingRightTablet: 0px;
17391        --labelMarginBottomTablet: var(--labelMarginBottomDesktop);
17392        --labelFontSizeTablet: var(--labelFontSizeDesktop);
17393        --labelFontColorTablet: var(--labelFontColorDesktop);
17394        --labelFontWeightTablet: var(--labelFontWeightDesktop);
17395        --labelFontStyleTablet: var(--labelFontStyleDesktop);
17396        --labelTextDecorationTablet: var(--labelTextDecorationDesktop);
17397        --labelLetterSpacingTablet: var(--labelLetterSpacingDesktop);
17398        --labelLineHeightTablet: var(--labelLineHeightDesktop);
17399
17400        /* input, select and textarea padding */
17401        --inputPaddingTopTablet: var(--inputPaddingTopDesktop);
17402        --inputPaddingBottomTablet: var(--inputPaddingBottomDesktop);
17403        --inputPaddingLeftTablet: var(--inputPaddingLeftDesktop);
17404        --inputPaddingRightTablet: var(--inputPaddingRightDesktop);
17405
17406        /* input, select and textarea border */
17407        --inputBorderTopTablet: var(--inputBorderTopDesktop);
17408        --inputBorderRightTablet: var(--inputBorderRightDesktop);
17409        --inputBorderBottomTablet: var(--inputBorderBottomDesktop);
17410        --inputBorderLeftTablet: var(--inputBorderLeftDesktop);
17411
17412        /* input, select and textarea radius */
17413        --inputBorderRadiusTablet: var(--inputBorderRadiusDesktop);
17414
17415        /* input, select and textarea font */
17416        --inputFontTablet: var(--inputFontDesktop);
17417        --inputFontSizeTablet: var(--inputFontSizeDesktop);
17418        --inputFontWeightTablet: var(--inputFontWeightDesktop);
17419        --inputFontStyleTablet: var(--inputFontStyleDesktop);
17420        --inputFontColorTablet: var(--inputFontColorDesktop);
17421        --inputTextDecorationTablet: var(--inputTextDecorationDesktop);
17422        --inputLetterSpacingTablet: var(--inputLetterSpacingDesktop);
17423        --inputLineHeightTablet: var(--inputLineHeightDesktop);
17424        --inputWidthTablet: 100%;
17425        --inputHeightTablet: auto;
17426        --inputBackgroundColorTablet: var(--inputBackgroundColorDesktop);
17427        --inputTextAlignTablet: left;
17428
17429        /* input, select and textarea placeholder */
17430        --inputPlaceholderPaddingLeftTablet: var(--inputPlaceholderPaddingLeftDesktop);
17431        --inputPlaceholderFontTablet: var(--inputFontTablet);
17432        --inputPlaceholderFontSizeTablet: var(--inputFontSizeTablet);
17433        --inputPlaceholderFontColorTablet: var(--inputSecondaryColor);
17434        --inputPlaceholderFontWeightTablet: var(--inputPlaceholderFontWeightDesktop);
17435        --inputPlaceholderFontStyleTablet: var(--inputPlaceholderFontStyleDesktop);
17436        --inputPlaceholderTextDecorationTablet: var(--inputPlaceholderTextDecorationDesktop);
17437        --inputPlaceholderLetterSpacingTablet: var(--inputPlaceholderLetterSpacingDesktop);
17438        --inputPlaceholderLineHeightTablet: var(--inputPlaceholderLineHeightDesktop);
17439
17440        /* disclaimer text */
17441        --disclaimerTextFontTablet: var(--disclaimerTextFontDesktop);
17442        --disclaimerTextFontSizeTablet: var(--disclaimerTextFontSizeDesktop);
17443        --disclaimerTextFontColorTablet: var(--disclaimerTextFontColorDesktop);
17444        --disclaimerTextFontWeightTablet: var(--disclaimerTextFontWeightDesktop);
17445        --disclaimerTextFontStyleTablet: var(--disclaimerTextFontStyleDesktop);
17446        --disclaimerTextDecorationTablet: var(--disclaimerTextDecorationDesktop);
17447        --disclaimerTextLetterSpacingTablet: var(--disclaimerTextLetterSpacingDesktop);
17448        --disclaimerTextLineHeightTablet: var(--disclaimerTextLineHeightDesktop);
17449
17450        /* input, select and textarea padding hover */
17451        --inputPaddingTopHoverTablet: var(--inputPaddingTopHoverDesktop);
17452        --inputPaddingBottomHoverTablet: var(--inputPaddingBottomHoverDesktop);
17453        --inputPaddingLeftHoverTablet: var(--inputPaddingLeftHoverDesktop);
17454        --inputPaddingRightHoverTablet: var(--inputPaddingRightHoverDesktop);
17455
17456        /* input, select and textarea radius hover */
17457        --inputBorderRadiusHoverTablet: var(--inputBorderRadiusHoverDesktop);
17458
17459        /* input, select and textarea hover */
17460        --inputFontHoverTablet: var(--inputFontTablet);
17461        --inputFontSizeHoverTablet: var(--inputFontSizeTablet);
17462        --inputFontWeightHoverTablet: var(--inputFontWeightHoverDesktop);
17463        --inputFontStyleHoverTablet: var(--inputFontStyleHoverDesktop);
17464        --inputFontColorHoverTablet: var(--inputFontColorHoverDesktop);
17465        --inputTextDecorationHoverTablet: var(--inputTextDecorationHoverDesktop);
17466        --inputBackgroundColorHoverTablet: var(--inputBackgroundColorHoverDesktop);
17467
17468        --inputBorderTopHoverTablet: var(--inputBorderTopHoverDesktop);
17469        --inputBorderRightHoverTablet: var(--inputBorderRightHoverDesktop);
17470        --inputBorderBottomHoverTablet: var(--inputBorderBottomHoverDesktop);
17471        --inputBorderLeftHoverTablet: var(--inputBorderLeftHoverDesktop);
17472
17473        /* input, select and textarea focus */
17474        --inputFontFocusTablet: var(--inputFontTablet);
17475        --inputFontSizeFocusTablet: var(--inputFontSizeTablet);
17476        --inputFontWeightFocusTablet: var(--inputFontWeightTablet);
17477        --inputFontStyleFocusTablet: var(--inputFontStyleTablet);
17478        --inputFontColorFocusTablet: var(--inputFontColorDesktop);
17479        --inputTextDecorationFocusTablet: var(--inputTextDecorationTablet);
17480        --inputBorderTopFocusTablet: var(--inputBorderTopTablet);
17481        --inputBorderRightFocusTablet: var(--inputBorderRightTablet);
17482        --inputBorderBottomFocusTablet: var(--inputBorderBottomTablet);
17483        --inputBorderLeftFocusTablet: var(--inputBorderLeftTablet);
17484        --inputBackgroundColorFocusTablet: var(--inputBackgroundColorTablet);
17485
17486        /* time and date */
17487        --timeDateGridTemplateColumnsTablet: 1fr;
17488        --timeDateAlignItemsTablet: center;
17489
17490        /* radio and checkbox */
17491        --radioCheckboxGridColumnTablet: 3;
17492        --radioCheckboxGridTemplateColumnsTablet: repeat(var(--radioCheckboxGridColumnTablet), 1fr);
17493        --radioCheckboxGridColumnGapTablet: 20px;
17494        --labelRadioCheckboxDisplayTablet: grid;
17495        --labelRadioCheckboxMarginBottomTablet: 10px;
17496        --labelRadioCheckboxGridColumnTablet: 1;
17497        --labelRadioCheckboxGridTemplateColumnsTablet: repeat(var(--labelRadioCheckboxGridColumnTablet), auto);
17498        --labelRadioCheckboxAlignItemsTablet: center;
17499        --labelRadioCheckboxJustifyContentTablet: start;
17500        --radioCheckboxJustifySelfTablet: center;
17501        --radioCheckboxSizeTablet: 20px;
17502        --radioCheckboxCursorTablet: pointer;
17503        --labelRadioCheckboxGapTablet: 10px;
17504
17505        /* textarea height */
17506        --textareaHeightTablet: 120px;
17507
17508        /* radio and checkbox font */
17509        --labelRadioCheckboxFontSizeTablet: var(--labelRadioCheckboxFontSizeDesktop);
17510        --labelRadioCheckboxFontColorTablet: var(--labelRadioCheckboxFontColorDesktop);
17511        --labelRadioCheckboxFontWeightTablet: var(--labelRadioCheckboxFontWeightDesktop);
17512        --labelRadioCheckboxFontStyleTablet: var(--labelRadioCheckboxFontStyleDesktop);
17513        --labelRadioCheckboxTextDecorationTablet: var(--labelRadioCheckboxTextDecorationDesktop);
17514        --labelRadioCheckboxLetterSpacingTablet: var(--labelRadioCheckboxLetterSpacingDesktop);
17515        --labelRadioCheckboxLineHeightTablet: var(--labelRadioCheckboxLineHeightDesktop);
17516
17517        /* form actions */
17518        --formActionsMarginTopTablet: 10px;
17519        --formActionsTextAlignTablet: center;
17520
17521        /* submit padding */
17522        --submitPaddingTopTablet: 8px;
17523        --submitPaddingBottomTablet: 8px;
17524        --submitPaddingLeftTablet: 30px;
17525        --submitPaddingRightTablet: 30px;
17526
17527        /* submit border */
17528        --submitBorderTopTablet: 0px solid var(--inputPrimaryColor);
17529        --submitBorderRightTablet: 0px solid var(--inputPrimaryColor);
17530        --submitBorderBottomTablet: 0px solid var(--inputPrimaryColor);
17531        --submitBorderLeftTablet: 0px solid var(--inputPrimaryColor);
17532
17533        /* submit border radius */
17534        --submitBorderRadiusTablet: 0px 0px 0px 0px;
17535
17536        /* submit font */
17537        --submitFontTablet: var(--inputPrimaryFont);
17538        --submitFontColorTablet: rgba(var(--colorPrimaryJ),1);
17539        --submitFontSizeTablet: 16px;
17540        --submitFontWeightTablet: 400;
17541        --submitFontStyleTablet: normal;
17542        --submitTextDecorationTablet: none;
17543        --submitLetterSpacingTablet: 0px;
17544        --submitLineHeightTablet: normal;
17545        --submitBackgroundColorTablet: rgba(var(--colorCtaE),1);
17546        --submitCursorTablet: pointer;
17547        --submitWidthTablet: auto;
17548
17549        /* submit arrow */
17550        --submitArrowDisplayTablet: block;
17551        --submitArrowIconTablet: var(--submitArrowIcon01);
17552        --submitArrowSizeTablet: 16px;
17553        --submitArrowColorTablet: rgba(var(--colorPrimaryJ),1);
17554        --submitArrowRotateTablet: 0deg;
17555        --submitArrowGapTablet: 5px;
17556
17557        /* error */
17558        --errorFontColorTablet: rgba(var(--colorCtaE),1);
17559        --errorBorderColorTablet: rgba(var(--colorCtaE),1);
17560        --errorPlaceholderFontColorTablet: rgba(var(--colorCtaE),1);
17561
17562        /* required */
17563        --requiredColorTablet: rgba(var(--colorSecondaryE),1);
17564
17565        /* notification */
17566        --notificationFontColorTablet: var(--notificationFontColorDesktop);
17567        --notificationFontColorHoverTablet: var(--notificationFontColorTablet);
17568
17569        /*
17570         apply CSS properties
17571        */
17572
17573        /* apply field wrapper */
17574        --fieldWrapperDisplay: var(--fieldWrapperDisplayTablet);
17575        --fieldWrapperGridTemplateColumns: var(--fieldWrapperGridTemplateColumnsTablet);
17576        --fieldWrapperGap: var(--fieldWrapperGapTablet);
17577
17578        /* apply label */
17579        --labelDisplay: var(--labelDisplayTablet);
17580        --labelPaddingTop: var(--labelPaddingTopTablet);
17581        --labelPaddingBottom: var(--labelPaddingBottomTablet);
17582        --labelPaddingLeft: var(--labelPaddingLeftTablet);
17583        --labelPaddingRight: var(--labelPaddingRightTablet);
17584        --labelMarginBottom: var(--labelMarginBottomTablet);
17585        --labelFontSize: var(--labelFontSizeTablet);
17586        --labelFontColor: var(--labelFontColorTablet);
17587        --labelFontWeight: var(--labelFontWeightTablet);
17588        --labelFontStyle: var(--labelFontStyleTablet);
17589        --labelTextDecoration: var(--labelTextDecorationTablet);
17590        --labelLetterSpacing: var(--labelLetterSpacingTablet);
17591        --labelLineHeight: var(--labelLineHeightTablet);
17592
17593        /* apply input, select and textarea padding */
17594        --inputPaddingTop: var(--inputPaddingTopTablet);
17595        --inputPaddingBottom: var(--inputPaddingBottomTablet);
17596        --inputPaddingLeft: var(--inputPaddingLeftTablet);
17597        --inputPaddingRight: var(--inputPaddingRightTablet);
17598
17599        /* apply input, select and textarea border */
17600        --inputBorderTop: var(--inputBorderTopTablet);
17601        --inputBorderRight: var(--inputBorderRightTablet);
17602        --inputBorderBottom: var(--inputBorderBottomTablet);
17603        --inputBorderLeft: var(--inputBorderLeftTablet);
17604
17605        /* apply input, select and textarea radius */
17606        --inputBorderRadius: var(--inputBorderRadiusTablet);
17607
17608        /* apply input, select and textarea font */
17609        --inputFont: var(--inputFontTablet);
17610        --inputFontSize: var(--inputFontSizeTablet);
17611        --inputFontWeight: var(--inputFontWeightTablet);
17612        --inputFontStyle: var(--inputFontStyleTablet);
17613        --inputFontColor: var(--inputFontColorTablet);
17614        --inputTextDecoration: var(--inputTextDecorationTablet);
17615        --inputLetterSpacing: var(--inputLetterSpacingTablet);
17616        --inputLineHeight: var(--inputLineHeightTablet);
17617        --inputWidth: var(--inputWidthTablet);
17618        --inputHeight: var(--inputHeightTablet);
17619        --inputBackgroundColor: var(--inputBackgroundColorTablet);
17620        --inputTextAlign: var(--inputTextAlignTablet);
17621
17622        /* apply input, select and textarea placeholder */
17623        --inputPlaceholderPaddingLeft: var(--inputPlaceholderPaddingLeftTablet);
17624        --inputPlaceholderFont: var(--inputPlaceholderFontTablet);
17625        --inputPlaceholderFontSize: var(--inputPlaceholderFontSizeTablet);
17626        --inputPlaceholderFontColor: var(--inputPlaceholderFontColorTablet);
17627        --inputPlaceholderFontWeight: var(--inputPlaceholderFontWeightTablet);
17628        --inputPlaceholderFontStyle: var(--inputPlaceholderFontStyleTablet);
17629        --inputPlaceholderTextDecoration: var(--inputPlaceholderTextDecorationTablet);
17630        --inputPlaceholderLetterSpacing: var(--inputPlaceholderLetterSpacingTablet);
17631        --inputPlaceholderLineHeight: var(--inputPlaceholderLineHeightTablet);
17632
17633        /* apply disclaimer text */
17634        --disclaimerTextFont: var(--disclaimerTextFontTablet);
17635        --disclaimerTextFontSize: var(--disclaimerTextFontSizeTablet);
17636        --disclaimerTextFontColor: var(--disclaimerTextFontColorTablet);
17637        --disclaimerTextFontWeight: var(--disclaimerTextFontWeightTablet);
17638        --disclaimerTextFontStyle: var(--disclaimerTextFontStyleTablet);
17639        --disclaimerTextDecoration: var(--disclaimerTextDecorationTablet);
17640        --disclaimerTextLetterSpacing: var(--disclaimerTextLetterSpacingTablet);
17641        --disclaimerTextLineHeight: var(--disclaimerTextLineHeightTablet);
17642
17643        /* apply input, select and textarea hover */
17644        --inputFontHover: var(--inputFontHoverTablet);
17645        --inputFontSizeHover: var(--inputFontSizeHoverTablet);
17646        --inputFontWeightHover: var(--inputFontWeightHoverTablet);
17647        --inputFontStyleHover: var(--inputFontStyleHoverTablet);
17648        --inputFontColorHover: var(--inputFontColorHoverTablet);
17649        --inputTextDecorationHover: var(--inputTextDecorationHoverTablet);
17650        --inputBackgroundColorHover: var(--inputBackgroundColorHoverTablet);
17651
17652        --inputBorderTopHover: var(--inputBorderTopHoverTablet);
17653        --inputBorderRightHover: var(--inputBorderRightHoverTablet);
17654        --inputBorderBottomHover: var(--inputBorderBottomHoverTablet);
17655        --inputBorderLeftHover: var(--inputBorderLeftHoverTablet);
17656        --inputBorderRadiusHover: var(--inputBorderRadiusHoverTablet);
17657
17658        --inputPaddingTopHover: var(--inputPaddingTopHoverTablet);
17659        --inputPaddingBottomHover: var(--inputPaddingBottomHoverTablet);
17660        --inputPaddingLeftHover: var(--inputPaddingLeftHoverTablet);
17661        --inputPaddingRightHover: var(--inputPaddingRightHoverTablet);
17662
17663         /* input, select and textarea padding focus */
17664        --inputPaddingTopFocusTablet: var(--inputPaddingTopTablet);
17665        --inputPaddingBottomFocusTablet: var(--inputPaddingBottomTablet);
17666        --inputPaddingLeftFocusTablet: var(--inputPaddingLeftTablet);
17667        --inputPaddingRightFocusTablet: var(--inputPaddingRightTablet);
17668
17669        /* input, select and textarea radius focus */
17670        --inputBorderRadiusFocusTablet: var(--inputBorderRadiusTablet);
17671
17672        /* apply input, select and textarea focus */
17673        --inputFontFocus: var(--inputFontFocusTablet);
17674        --inputFontSizeFocus: var(--inputFontSizeFocusTablet);
17675        --inputFontWeightFocus: var(--inputFontWeightFocusTablet);
17676        --inputFontStyleFocus: var(--inputFontStyleFocusTablet);
17677        --inputFontColorFocus: var(--inputFontColorFocusTablet);
17678        --inputTextDecorationFocus: var(--inputTextDecorationFocusTablet);
17679        --inputBorderTopFocus: var(--inputBorderTopFocusTablet);
17680        --inputBorderRightFocus: var(--inputBorderRightFocusTablet);
17681        --inputBorderBottomFocus: var(--inputBorderBottomFocusTablet);
17682        --inputBorderLeftFocus: var(--inputBorderLeftFocusTablet);
17683        --inputBackgroundColorFocus: var(--inputBackgroundColorFocusTablet);
17684
17685        /* apply time and date */
17686        --timeDateGridTemplateColumns: var(--timeDateGridTemplateColumnsTablet);
17687        --timeDateAlignItems: var(--timeDateAlignItemsTablet);
17688
17689        /* apply radio and checkbox */
17690        --radioCheckboxGridColumn: var(--radioCheckboxGridColumnTablet);
17691        --radioCheckboxGridTemplateColumns: var(--radioCheckboxGridTemplateColumnsTablet);
17692        --radioCheckboxGridColumnGap: var(--radioCheckboxGridColumnGapTablet);
17693        --labelRadioCheckboxDisplay: var(--labelRadioCheckboxDisplayTablet);
17694        --labelRadioCheckboxMarginBottom: var(--labelRadioCheckboxMarginBottomTablet);
17695        --labelRadioCheckboxGridColumn: var(--labelRadioCheckboxGridColumnTablet);
17696        --labelRadioCheckboxGridTemplateColumns: var(--labelRadioCheckboxGridTemplateColumnsTablet);
17697        --labelRadioCheckboxAlignItems: var(--labelRadioCheckboxAlignItemsTablet);
17698        --labelRadioCheckboxJustifyContent: var(--labelRadioCheckboxJustifyContentTablet);
17699        --radioCheckboxJustifySelf: var(--radioCheckboxJustifySelfTablet);
17700        --radioCheckboxSize: var(--radioCheckboxSizeTablet);
17701        --radioCheckboxCursor: var(--radioCheckboxCursorTablet);
17702        --labelRadioCheckboxGap: var(--labelRadioCheckboxGapTablet);
17703
17704        /* apply textarea height */
17705        --textareaHeight: var(--textareaHeightTablet);
17706
17707        /* apply radio and checkbox font */
17708        --labelRadioCheckboxFontSize: var(--labelRadioCheckboxFontSizeTablet);
17709        --labelRadioCheckboxFontColor: var(--labelRadioCheckboxFontColorTablet);
17710        --labelRadioCheckboxFontWeight: var(--labelRadioCheckboxFontWeightTablet);
17711        --labelRadioCheckboxFontStyle: var(--labelRadioCheckboxFontStyleTablet);
17712        --labelRadioCheckboxTextDecoration: var(--labelRadioCheckboxTextDecorationTablet);
17713        --labelRadioCheckboxLetterSpacing: var(--labelRadioCheckboxLetterSpacingTablet);
17714        --labelRadioCheckboxLineHeight: var(--labelRadioCheckboxLineHeightTablet);
17715
17716        /* apply form actions */
17717        --formActionsMarginTop: var(--formActionsMarginTopTablet);
17718        --formActionsTextAlign: var(--formActionsTextAlignTablet);
17719
17720        /* apply submit padding */
17721        --submitPaddingTop: var(--submitPaddingTopTablet);
17722        --submitPaddingBottom: var(--submitPaddingBottomTablet);
17723        --submitPaddingLeft: var(--submitPaddingLeftTablet);
17724        --submitPaddingRight: var(--submitPaddingRightTablet);
17725
17726        /* apply submit border */
17727        --submitBorderTop: var(--submitBorderTopTablet);
17728        --submitBorderRight: var(--submitBorderRightTablet);
17729        --submitBorderBottom: var(--submitBorderBottomTablet);
17730        --submitBorderLeft: var(--submitBorderLeftTablet);
17731
17732        /* apply submit border radius */
17733        --submitBorderRadius: var(--submitBorderRadiusTablet);
17734
17735        /* apply submit font */
17736        --submitFont: var(--submitFontTablet);
17737        --submitFontColor: var(--submitFontColorTablet);
17738        --submitFontSize: var(--submitFontSizeTablet);
17739        --submitFontWeight: var(--submitFontWeightTablet);
17740        --submitFontStyle: var(--submitFontStyleTablet);
17741        --submitTextDecoration: var(--submitTextDecorationTablet);
17742        --submitLetterSpacing: var(--submitLetterSpacingTablet);
17743        --submitLineHeight: var(--submitLineHeightTablet);
17744        --submitBackgroundColor: var(--submitBackgroundColorTablet);
17745        --submitCursor: var(--submitCursorTablet);
17746        --submitWidth: var(--submitWidthTablet);
17747
17748        /* apply submit arrow */
17749        --submitArrowDisplay: var(--submitArrowDisplayTablet);
17750        --submitArrowIcon: var(--submitArrowIconTablet);
17751        --submitArrowSize: var(--submitArrowSizeTablet);
17752        --submitArrowColor: var(--submitArrowColorTablet);
17753        --submitArrowRotate: var(--submitArrowRotateTablet);
17754        --submitArrowGap: var(--submitArrowGapTablet);
17755
17756        /* apply error */
17757        --errorFontColor: var(--errorFontColorTablet);
17758        --errorBorderColor: var(--errorBorderColorTablet);
17759        --errorPlaceholderFontColor: var(--errorPlaceholderFontColorTablet);
17760
17761        /* apply required */
17762        --requiredColor: var(--requiredColorTablet);
17763
17764        /* apply notification */
17765        --notificationFontColor: var(--notificationFontColorTablet);
17766        --notificationFontColorHover: var(--notificationFontColorHoverTablet);
17767    }
17768
17769    .wmc_form >.wml{
17770        max-width: 100%;
17771    }
17772}
17773
17774@media all and (width < 650px) {
17775    .wmc_form {
17776        /* field wrapper */
17777        --fieldWrapperDisplayMobile: grid;
17778        --fieldWrapperGridTemplateColumnsMobile: 1fr;
17779        --fieldWrapperGapMobile: var(--fieldWrapperGapDesktop);
17780
17781        /* label */
17782        --labelDisplayMobile: block;
17783        --labelPaddingTopMobile: 0px;
17784        --labelPaddingBottomMobile: 0px;
17785        --labelPaddingLeftMobile: var(--labelPaddingLeftDesktop);
17786        --labelPaddingRightMobile: 0px;
17787        --labelMarginBottomMobile: var(--labelMarginBottomDesktop);
17788        --labelFontSizeMobile: var(--labelFontSizeDesktop);
17789        --labelFontColorMobile: var(--labelFontColorDesktop);
17790        --labelFontWeightMobile: var(--labelFontWeightDesktop);
17791        --labelFontStyleMobile: var(--labelFontStyleDesktop);
17792        --labelTextDecorationMobile: var(--labelTextDecorationDesktop);
17793        --labelLetterSpacingMobile: var(--labelLetterSpacingDesktop);
17794        --labelLineHeightMobile: var(--labelLineHeightDesktop);
17795
17796        /* input, select and textarea padding */
17797        --inputPaddingTopMobile: var(--inputPaddingTopDesktop);
17798        --inputPaddingBottomMobile: var(--inputPaddingBottomDesktop);
17799        --inputPaddingLeftMobile: var(--inputPaddingLeftDesktop);
17800        --inputPaddingRightMobile: var(--inputPaddingRightDesktop);
17801
17802        /* input, select and textarea border */
17803        --inputBorderTopMobile: var(--inputBorderTopDesktop);
17804        --inputBorderRightMobile: var(--inputBorderRightDesktop);
17805        --inputBorderBottomMobile: var(--inputBorderBottomDesktop);
17806        --inputBorderLeftMobile: var(--inputBorderLeftDesktop);
17807
17808        /* input, select and textarea radius */
17809        --inputBorderRadiusMobile: var(--inputBorderRadiusDesktop);
17810
17811        /* input, select and textarea font */
17812        --inputFontMobile: var(--inputFontDesktop);
17813        --inputFontSizeMobile: var(--inputFontSizeDesktop);
17814        --inputFontWeightMobile: var(--inputFontWeightDesktop);
17815        --inputFontStyleMobile: var(--inputFontStyleDesktop);
17816        --inputFontColorMobile: var(--inputFontColorDesktop);
17817        --inputTextDecorationMobile: var(--inputTextDecorationDesktop);
17818        --inputLetterSpacingMobile: var(--inputLetterSpacingDesktop);
17819        --inputLineHeightMobile: var(--inputLineHeightDesktop);
17820        --inputWidthMobile: 100%;
17821        --inputHeightMobile: auto;
17822        --inputBackgroundColorMobile: var(--inputBackgroundColorDesktop);
17823        --inputTextAlignMobile: left;
17824
17825        /* input, select and textarea placeholder */
17826        --inputPlaceholderPaddingLeftMobile: var(--inputPlaceholderPaddingLeftDesktop);
17827        --inputPlaceholderFontMobile: var(--inputFontMobile);
17828        --inputPlaceholderFontSizeMobile: var(--inputFontSizeMobile);
17829        --inputPlaceholderFontColorMobile: var(--inputSecondaryColor);
17830        --inputPlaceholderFontWeightMobile: var(--inputPlaceholderFontWeightDesktop);
17831        --inputPlaceholderFontStyleMobile: var(--inputPlaceholderFontStyleDesktop);
17832        --inputPlaceholderTextDecorationMobile: var(--inputPlaceholderTextDecorationDesktop);
17833        --inputPlaceholderLetterSpacingMobile: var(--inputPlaceholderLetterSpacingDesktop);
17834        --inputPlaceholderLineHeightMobile: var(--inputPlaceholderLineHeightDesktop);
17835
17836        /* disclaimer text */
17837        --disclaimerTextFontMobile: var(--disclaimerTextFontDesktop);
17838        --disclaimerTextFontSizeMobile: var(--disclaimerTextFontSizeDesktop);
17839        --disclaimerTextFontColorMobile: var(--disclaimerTextFontColorDesktop);
17840        --disclaimerTextFontWeightMobile: var(--disclaimerTextFontWeightDesktop);
17841        --disclaimerTextFontStyleMobile: var(--disclaimerTextFontStyleDesktop);
17842        --disclaimerTextDecorationMobile: var(--disclaimerTextDecorationDesktop);
17843        --disclaimerTextLetterSpacingMobile: var(--disclaimerTextLetterSpacingDesktop);
17844        --disclaimerTextLineHeightMobile: var(--disclaimerTextLineHeightDesktop);
17845
17846          /* input, select and textarea padding hover */
17847        --inputPaddingTopHoverMobile: var(--inputPaddingTopHoverDesktop);
17848        --inputPaddingBottomHoverMobile: var(--inputPaddingBottomHoverDesktop);
17849        --inputPaddingLeftHoverMobile: var(--inputPaddingLeftHoverDesktop);
17850        --inputPaddingRightHoverMobile: var(--inputPaddingRightHoverDesktop);
17851
17852        /* input, select and textarea radius hover */
17853        --inputBorderRadiusHoverMobile: var(--inputBorderRadiusHoverDesktop);
17854
17855        /* input, select and textarea font hover */
17856        --inputFontHoverMobile: var(--inputFontMobile);
17857        --inputFontSizeHoverMobile: var(--inputFontSizeMobile);
17858        --inputFontWeightHoverMobile: var(--inputFontWeightHoverDesktop);
17859        --inputFontStyleHoverMobile: var(--inputFontStyleHoverDesktop);
17860        --inputFontColorHoverMobile: var(--inputFontColorHoverDesktop);
17861        --inputTextDecorationHoverMobile: var(--inputTextDecorationHoverDesktop);
17862        --inputBackgroundColorHoverMobile: var(--inputBackgroundColorHoverDesktop);
17863
17864        --inputBorderTopHoverMobile: var(--inputBorderTopHoverDesktop);
17865        --inputBorderRightHoverMobile: var(--inputBorderRightHoverDesktop);
17866        --inputBorderBottomHoverMobile: var(--inputBorderBottomHoverDesktop);
17867        --inputBorderLeftHoverMobile: var(--inputBorderLeftHoverDesktop);
17868
17869         /* input, select and textarea padding focus */
17870        --inputPaddingTopFocusMobile: var(--inputPaddingTopMobile);
17871        --inputPaddingBottomFocusMobile: var(--inputPaddingBottomMobile);
17872        --inputPaddingLeftFocusMobile: var(--inputPaddingLeftMobile);
17873        --inputPaddingRightFocusMobile: var(--inputPaddingRightMobile);
17874
17875        /* input, select and textarea radius focus */
17876        --inputBorderRadiusFocusMobile: var(--inputBorderRadiusMobile);
17877
17878        /* input, select and textarea focus */
17879        --inputFontFocusMobile: var(--inputFontMobile);
17880        --inputFontSizeFocusMobile: var(--inputFontSizeMobile);
17881        --inputFontWeightFocusMobile: var(--inputFontWeightMobile);
17882        --inputFontStyleFocusMobile: var(--inputFontStyleMobile);
17883        --inputFontColorFocusMobile: var(--inputFontColorDesktop);
17884        --inputTextDecorationFocusMobile: var(--inputTextDecorationMobile);
17885        --inputBorderTopFocusMobile: var(--inputBorderTopMobile);
17886        --inputBorderRightFocusMobile: var(--inputBorderRightMobile);
17887        --inputBorderBottomFocusMobile: var(--inputBorderBottomMobile);
17888        --inputBorderLeftFocusMobile: var(--inputBorderLeftMobile);
17889        --inputBackgroundColorFocusMobile: var(--inputBackgroundColorMobile);
17890
17891        /* time and date */
17892        --timeDateGridTemplateColumnsMobile: 1fr;
17893        --timeDateAlignItemsMobile: center;
17894
17895        /* radio and checkbox */
17896        --radioCheckboxGridColumnMobile: 1;
17897        --radioCheckboxGridTemplateColumnsMobile: repeat(var(--radioCheckboxGridColumnMobile), 1fr);
17898        --radioCheckboxGridColumnGapMobile: 20px;
17899        --labelRadioCheckboxDisplayMobile: grid;
17900        --labelRadioCheckboxMarginBottomMobile: 10px;
17901        --labelRadioCheckboxGridColumnMobile: 2;
17902        --labelRadioCheckboxGridTemplateColumnsMobile: repeat(var(--labelRadioCheckboxGridColumnMobile), auto);
17903        --labelRadioCheckboxAlignItemsMobile: center;
17904        --labelRadioCheckboxJustifyContentMobile: start;
17905        --radioCheckboxJustifySelfMobile: center;
17906        --radioCheckboxSizeMobile: 20px;
17907        --radioCheckboxCursorMobile: pointer;
17908        --labelRadioCheckboxGapMobile: 10px;
17909
17910        /* textarea height */
17911        --textareaHeightMobile: 120px;
17912
17913        /* radio and checkbox font */
17914        --labelRadioCheckboxFontSizeMobile: var(--labelRadioCheckboxFontSizeDesktop);
17915        --labelRadioCheckboxFontColorMobile: var(--labelRadioCheckboxFontColorDesktop);
17916        --labelRadioCheckboxFontWeightMobile: var(--labelRadioCheckboxFontWeightDesktop);
17917        --labelRadioCheckboxFontStyleMobile: var(--labelRadioCheckboxFontStyleDesktop);
17918        --labelRadioCheckboxTextDecorationMobile: var(--labelRadioCheckboxTextDecorationDesktop);
17919        --labelRadioCheckboxLetterSpacingMobile: var(--labelRadioCheckboxLetterSpacingDesktop);
17920        --labelRadioCheckboxLineHeightMobile: var(--labelRadioCheckboxLineHeightDesktop);
17921
17922        /* form actions */
17923        --formActionsMarginTopMobile: 10px;
17924        --formActionsTextAlignMobile: right;
17925
17926        /* submit padding */
17927        --submitPaddingTopMobile: 12px;
17928        --submitPaddingBottomMobile: 12px;
17929        --submitPaddingLeftMobile: 30px;
17930        --submitPaddingRightMobile: 30px;
17931
17932        /* submit border */
17933        --submitBorderTopMobile: 0px solid var(--inputPrimaryColor);
17934        --submitBorderRightMobile: 0px solid var(--inputPrimaryColor);
17935        --submitBorderBottomMobile: 0px solid var(--inputPrimaryColor);
17936        --submitBorderLeftMobile: 0px solid var(--inputPrimaryColor);
17937
17938        /* submit border radius */
17939        --submitBorderRadiusMobile: 0px 0px 0px 0px;
17940
17941        /* submit font */
17942        --submitFontMobile: var(--inputPrimaryFont);
17943        --submitFontColorMobile: rgba(var(--colorPrimaryJ),1);
17944        --submitFontSizeMobile: 16px;
17945        --submitFontWeightMobile: 400;
17946        --submitFontStyleMobile: normal;
17947        --submitTextDecorationMobile: none;
17948        --submitLetterSpacingMobile: 0px;
17949        --submitLineHeightMobile: normal;
17950        --submitBackgroundColorMobile: rgba(var(--colorCtaE),1);
17951        --submitCursorMobile: pointer;
17952        --submitWidthMobile: auto;
17953
17954        /* submit arrow */
17955        --submitArrowDisplayMobile: block;
17956        --submitArrowIconMobile: var(--submitArrowIcon01);
17957        --submitArrowSizeMobile: 16px;
17958        --submitArrowColorMobile: rgba(var(--colorPrimaryJ),1);
17959        --submitArrowRotateMobile: 0deg;
17960        --submitArrowGapMobile: 5px;
17961
17962        /* error */
17963        --errorFontColorMobile: rgba(var(--colorCtaE),1);
17964        --errorBorderColorMobile: rgba(var(--colorCtaE),1);
17965        --errorPlaceholderFontColorMobile: rgba(var(--colorCtaE),1);
17966
17967        /* required */
17968        --requiredColorMobile: rgba(var(--colorSecondaryE),1);
17969
17970        /* notification */
17971        --notificationFontColorMobile: var(--notificationFontColorDesktop);
17972        --notificationFontColorHoverMobile: var(--notificationFontColorMobile);
17973
17974        /*
17975         apply CSS properties
17976        */
17977
17978        /* apply field wrapper */
17979        --fieldWrapperDisplay: var(--fieldWrapperDisplayMobile);
17980        --fieldWrapperGridTemplateColumns: var(--fieldWrapperGridTemplateColumnsMobile);
17981        --fieldWrapperGap: var(--fieldWrapperGapMobile);
17982
17983        /* apply label */
17984        --labelDisplay: var(--labelDisplayMobile);
17985        --labelPaddingTop: var(--labelPaddingTopMobile);
17986        --labelPaddingBottom: var(--labelPaddingBottomMobile);
17987        --labelPaddingLeft: var(--labelPaddingLeftMobile);
17988        --labelPaddingRight: var(--labelPaddingRightMobile);
17989        --labelMarginBottom: var(--labelMarginBottomMobile);
17990        --labelFontSize: var(--labelFontSizeMobile);
17991        --labelFontColor: var(--labelFontColorMobile);
17992        --labelFontWeight: var(--labelFontWeightMobile);
17993        --labelFontStyle: var(--labelFontStyleMobile);
17994        --labelTextDecoration: var(--labelTextDecorationMobile);
17995        --labelLetterSpacing: var(--labelLetterSpacingMobile);
17996        --labelLineHeight: var(--labelLineHeightMobile);
17997
17998        /* apply input, select and textarea padding */
17999        --inputPaddingTop: var(--inputPaddingTopMobile);
18000        --inputPaddingBottom: var(--inputPaddingBottomMobile);
18001        --inputPaddingLeft: var(--inputPaddingLeftMobile);
18002        --inputPaddingRight: var(--inputPaddingRightMobile);
18003
18004        /* apply input, select and textarea border */
18005        --inputBorderTop: var(--inputBorderTopMobile);
18006        --inputBorderRight: var(--inputBorderRightMobile);
18007        --inputBorderBottom: var(--inputBorderBottomMobile);
18008        --inputBorderLeft: var(--inputBorderLeftMobile);
18009
18010        /* apply input, select and textarea radius */
18011        --inputBorderRadius: var(--inputBorderRadiusMobile);
18012
18013        /* apply input, select and textarea font */
18014        --inputFont: var(--inputFontMobile);
18015        --inputFontSize: var(--inputFontSizeMobile);
18016        --inputFontWeight: var(--inputFontWeightMobile);
18017        --inputFontStyle: var(--inputFontStyleMobile);
18018        --inputFontColor: var(--inputFontColorMobile);
18019        --inputTextDecoration: var(--inputTextDecorationMobile);
18020        --inputLetterSpacing: var(--inputLetterSpacingMobile);
18021        --inputLineHeight: var(--inputLineHeightMobile);
18022        --inputWidth: var(--inputWidthMobile);
18023        --inputHeight: var(--inputHeightMobile);
18024        --inputBackgroundColor: var(--inputBackgroundColorMobile);
18025        --inputTextAlign: var(--inputTextAlignMobile);
18026
18027        /* apply input, select and textarea placeholder */
18028        --inputPlaceholderPaddingLeft: var(--inputPlaceholderPaddingLeftMobile);
18029        --inputPlaceholderFont: var(--inputPlaceholderFontMobile);
18030        --inputPlaceholderFontSize: var(--inputPlaceholderFontSizeMobile);
18031        --inputPlaceholderFontColor: var(--inputPlaceholderFontColorMobile);
18032        --inputPlaceholderFontWeight: var(--inputPlaceholderFontWeightMobile);
18033        --inputPlaceholderFontStyle: var(--inputPlaceholderFontStyleMobile);
18034        --inputPlaceholderTextDecoration: var(--inputPlaceholderTextDecorationMobile);
18035        --inputPlaceholderLetterSpacing: var(--inputPlaceholderLetterSpacingMobile);
18036        --inputPlaceholderLineHeight: var(--inputPlaceholderLineHeightMobile);
18037
18038        /* apply disclaimer text */
18039        --disclaimerTextFont: var(--disclaimerTextFontMobile);
18040        --disclaimerTextFontSize: var(--disclaimerTextFontSizeMobile);
18041        --disclaimerTextFontColor: var(--disclaimerTextFontColorMobile);
18042        --disclaimerTextFontWeight: var(--disclaimerTextFontWeightMobile);
18043        --disclaimerTextFontStyle: var(--disclaimerTextFontStyleMobile);
18044        --disclaimerTextDecoration: var(--disclaimerTextDecorationMobile);
18045        --disclaimerTextLetterSpacing: var(--disclaimerTextLetterSpacingMobile);
18046        --disclaimerTextLineHeight: var(--disclaimerTextLineHeightMobile);
18047
18048        /* apply input, select and textarea hover */
18049        --inputFontHover: var(--inputFontHoverMobile);
18050        --inputFontSizeHover: var(--inputFontSizeHoverMobile);
18051        --inputFontWeightHover: var(--inputFontWeightHoverMobile);
18052        --inputFontStyleHover: var(--inputFontStyleHoverMobile);
18053        --inputFontColorHover: var(--inputFontColorHoverMobile);
18054        --inputTextDecorationHover: var(--inputTextDecorationHoverMobile);
18055        --inputBorderTopHover: var(--inputBorderTopHoverMobile);
18056        --inputBorderRightHover: var(--inputBorderRightHoverMobile);
18057        --inputBorderBottomHover: var(--inputBorderBottomHoverMobile);
18058        --inputBorderLeftHover: var(--inputBorderLeftHoverMobile);
18059        --inputBorderRadiusHover: var(--inputBorderRadiusHoverMobile);
18060        --inputBackgroundColorHover: var(--inputBackgroundColorHoverMobile);
18061
18062        --inputPaddingTopHover: var(--inputPaddingTopHoverMobile);
18063        --inputPaddingBottomHover: var(--inputPaddingBottomHoverMobile);
18064        --inputPaddingLeftHover: var(--inputPaddingLeftHoverMobile);
18065        --inputPaddingRightHover: var(--inputPaddingRightHoverMobile);
18066
18067        /* apply input, select and textarea focus */
18068        --inputFontFocus: var(--inputFontFocusMobile);
18069        --inputFontSizeFocus: var(--inputFontSizeFocusMobile);
18070        --inputFontWeightFocus: var(--inputFontWeightFocusMobile);
18071        --inputFontStyleFocus: var(--inputFontStyleFocusMobile);
18072        --inputFontColorFocus: var(--inputFontColorFocusMobile);
18073        --inputTextDecorationFocus: var(--inputTextDecorationFocusMobile);
18074        --inputBorderTopFocus: var(--inputBorderTopFocusMobile);
18075        --inputBorderRightFocus: var(--inputBorderRightFocusMobile);
18076        --inputBorderBottomFocus: var(--inputBorderBottomFocusMobile);
18077        --inputBorderLeftFocus: var(--inputBorderLeftFocusMobile);
18078        --inputBackgroundColorFocus: var(--inputBackgroundColorFocusMobile);
18079
18080        /* apply time and date */
18081        --timeDateGridTemplateColumns: var(--timeDateGridTemplateColumnsMobile);
18082        --timeDateAlignItems: var(--timeDateAlignItemsMobile);
18083
18084        /* apply radio and checkbox */
18085        --radioCheckboxGridColumn: var(--radioCheckboxGridColumnMobile);
18086        --radioCheckboxGridTemplateColumns: var(--radioCheckboxGridTemplateColumnsMobile);
18087        --radioCheckboxGridColumnGap: var(--radioCheckboxGridColumnGapMobile);
18088        --labelRadioCheckboxDisplay: var(--labelRadioCheckboxDisplayMobile);
18089        --labelRadioCheckboxMarginBottom: var(--labelRadioCheckboxMarginBottomMobile);
18090        --labelRadioCheckboxGridColumn: var(--labelRadioCheckboxGridColumnMobile);
18091        --labelRadioCheckboxGridTemplateColumns: var(--labelRadioCheckboxGridTemplateColumnsMobile);
18092        --labelRadioCheckboxAlignItems: var(--labelRadioCheckboxAlignItemsMobile);
18093        --labelRadioCheckboxJustifyContent: var(--labelRadioCheckboxJustifyContentMobile);
18094        --radioCheckboxJustifySelf: var(--radioCheckboxJustifySelfMobile);
18095        --radioCheckboxSize: var(--radioCheckboxSizeMobile);
18096        --radioCheckboxCursor: var(--radioCheckboxCursorMobile);
18097        --labelRadioCheckboxGap: var(--labelRadioCheckboxGapMobile);
18098
18099        /* apply textarea height */
18100        --textareaHeight: var(--textareaHeightMobile);
18101
18102        /* apply radio and checkbox font */
18103        --labelRadioCheckboxFontSize: var(--labelRadioCheckboxFontSizeMobile);
18104        --labelRadioCheckboxFontColor: var(--labelRadioCheckboxFontColorMobile);
18105        --labelRadioCheckboxFontWeight: var(--labelRadioCheckboxFontWeightMobile);
18106        --labelRadioCheckboxFontStyle: var(--labelRadioCheckboxFontStyleMobile);
18107        --labelRadioCheckboxTextDecoration: var(--labelRadioCheckboxTextDecorationMobile);
18108        --labelRadioCheckboxLetterSpacing: var(--labelRadioCheckboxLetterSpacingMobile);
18109        --labelRadioCheckboxLineHeight: var(--labelRadioCheckboxLineHeightMobile);
18110
18111        /* apply form actions */
18112        --formActionsMarginTop: var(--formActionsMarginTopMobile);
18113        --formActionsTextAlign: var(--formActionsTextAlignMobile);
18114
18115        /* apply submit padding */
18116        --submitPaddingTop: var(--submitPaddingTopMobile);
18117        --submitPaddingBottom: var(--submitPaddingBottomMobile);
18118        --submitPaddingLeft: var(--submitPaddingLeftMobile);
18119        --submitPaddingRight: var(--submitPaddingRightMobile);
18120
18121        /* apply submit border */
18122        --submitBorderTop: var(--submitBorderTopMobile);
18123        --submitBorderRight: var(--submitBorderRightMobile);
18124        --submitBorderBottom: var(--submitBorderBottomMobile);
18125        --submitBorderLeft: var(--submitBorderLeftMobile);
18126
18127        /* apply submit border radius */
18128        --submitBorderRadius: var(--submitBorderRadiusMobile);
18129
18130        /* apply submit font */
18131        --submitFont: var(--submitFontMobile);
18132        --submitFontColor: var(--submitFontColorMobile);
18133        --submitFontSize: var(--submitFontSizeMobile);
18134        --submitFontWeight: var(--submitFontWeightMobile);
18135        --submitFontStyle: var(--submitFontStyleMobile);
18136        --submitTextDecoration: var(--submitTextDecorationMobile);
18137        --submitLetterSpacing: var(--submitLetterSpacingMobile);
18138        --submitLineHeight: var(--submitLineHeightMobile);
18139        --submitBackgroundColor: var(--submitBackgroundColorMobile);
18140        --submitCursor: var(--submitCursorMobile);
18141        --submitWidth: var(--submitWidthMobile);
18142
18143        /* apply submit arrow */
18144        --submitArrowDisplay: var(--submitArrowDisplayMobile);
18145        --submitArrowIcon: var(--submitArrowIconMobile);
18146        --submitArrowSize: var(--submitArrowSizeMobile);
18147        --submitArrowColor: var(--submitArrowColorMobile);
18148        --submitArrowRotate: var(--submitArrowRotateMobile);
18149        --submitArrowGap: var(--submitArrowGapMobile);
18150
18151        /* apply error */
18152        --errorFontColor: var(--errorFontColorMobile);
18153        --errorBorderColor: var(--errorBorderColorMobile);
18154        --errorPlaceholderFontColor: var(--errorPlaceholderFontColorMobile);
18155
18156        /* apply required */
18157        --requiredColor: var(--requiredColorMobile);
18158
18159        /* apply notification */
18160        --notificationFontColor: var(--notificationFontColorMobile);
18161        --notificationFontColorHover: var(--notificationFontColorHoverMobile);
18162    }
18163
18164    .wmc_form >.wml{
18165        max-width: 100%;
18166    }
18167}
18168
18169.wmc_form form {
18170    display: grid;
18171    grid-template-columns: 1fr;
18172    gap: var(--fieldWrapperGap);
18173    align-items: start;
18174    justify-content: center;
18175    width: 100%;
18176    max-width: 100%;
18177    margin: 0 auto;
18178}
18179
18180.wmc_form .field-wrapper {
18181    display: var(--fieldWrapperDisplay);
18182    grid-template-columns: var(--fieldWrapperGridTemplateColumns);
18183    min-width: 0;
18184}
18185
18186.wmc_form .time-date-wrapper {
18187    grid-template-columns: var(--timeDateGridTemplateColumns);
18188    align-items: var(--timeDateAlignItems);
18189}
18190
18191.wmc_form .radio-checkbox-wrapper {
18192    grid-template-columns: var(--radioCheckboxGridTemplateColumns);
18193    column-gap: var(--radioCheckboxGridColumnGap);
18194}
18195
18196.wmc_form .field-wrapper {
18197    & > label {
18198        display: var(--labelDisplay);
18199        padding-block-start: var(--labelPaddingTop);
18200        padding-block-end: var(--labelPaddingBottom);
18201        padding-inline-start: var(--labelPaddingLeft);
18202        padding-inline-end: var(--labelPaddingRight);
18203        margin-bottom: var(--labelMarginBottom);
18204        font-family: var(--labelFont);
18205        font-size: var(--labelFontSize);
18206        color: var(--labelFontColor);
18207        line-height: var(--labelLineHeight);
18208        letter-spacing: var(--labelLetterSpacing);
18209        text-decoration: var(--labelTextDecoration);
18210        font-weight: var(--labelFontWeight);
18211        font-style: var(--labelFontStyle);
18212    }
18213
18214    &.radio-checkbox-wrapper {
18215        & > label:not(:has(input)) {
18216            grid-column: span var(--radioCheckboxGridColumn);
18217        }
18218
18219        & > label:has(> input) {
18220            display: var(--labelRadioCheckboxDisplay);
18221            margin-bottom: var(--labelRadioCheckboxMarginBottom);
18222            grid-template-columns: var(--labelRadioCheckboxGridTemplateColumns);
18223            align-items: var(--labelRadioCheckboxAlignItems);
18224            justify-content: var(--labelRadioCheckboxJustifyContent);
18225            gap: var(--labelRadioCheckboxGap);
18226            min-width: 0;
18227
18228            /* need to update those css properties */
18229            font-family: var(--inputFont);
18230            font-size: var(--labelRadioCheckboxFontSize);
18231            font-weight: var(--labelRadioCheckboxFontWeight);
18232            font-style: var(--labelRadioCheckboxFontStyle);
18233            color: var(--labelRadioCheckboxFontColor);
18234            line-height: var(--labelRadioCheckboxLineHeight);
18235            letter-spacing: var(--labelRadioCheckboxLetterSpacing);
18236            text-decoration: var(--labelRadioCheckboxTextDecoration);
18237
18238            & > input[type="radio"],
18239            & > input[type="checkbox"] {
18240                padding: 0;
18241                margin: 0;
18242                width: var(--radioCheckboxSize);
18243                height: var(--radioCheckboxSize);
18244                cursor: var(--radioCheckboxCursor);
18245                justify-self: var(--radioCheckboxJustifySelf);
18246            }
18247        }
18248    }
18249
18250    &.time-date-wrapper {
18251        & > label {
18252            margin-bottom: var(--labelMarginBottom);
18253        }
18254    }
18255}
18256
18257.wmc_form input:not(:placeholder-shown),
18258.wmc_form textarea:not(:placeholder-shown) {
18259    text-decoration: var(--inputTextDecoration);
18260}
18261
18262.wmc_form select {
18263    text-decoration: var(--inputTextDecoration);
18264}
18265
18266.wmc_form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),
18267.wmc_form textarea,
18268.wmc_form select {
18269    padding-block-start: var(--inputPaddingTop);
18270    padding-block-end: var(--inputPaddingBottom);
18271    padding-inline-start: var(--inputPaddingLeft);
18272    padding-inline-end: var(--inputPaddingRight);
18273
18274    border-top: var(--inputBorderTop);
18275    border-right: var(--inputBorderRight);
18276    border-bottom: var(--inputBorderBottom);
18277    border-left: var(--inputBorderLeft);
18278    border-radius: var(--inputBorderRadius);
18279
18280    font-family: var(--inputFont);
18281    font-size: var(--inputFontSize);
18282    font-weight: var(--inputFontWeight);
18283    font-style: var(--inputFontStyle);
18284    color: var(--inputFontColor);
18285    line-height: var(--inputLineHeight);
18286    letter-spacing: var(--inputLetterSpacing);
18287    width: var(--inputWidth);
18288    height: var(--inputHeight);
18289    background-color: var(--inputBackgroundColor);
18290    text-align: var(--inputTextAlign);
18291
18292    &::placeholder {
18293        padding-inline-start: var(--inputPlaceholderPaddingLeft);
18294        font-family: var(--inputPlaceholderFont);
18295        color: var(--inputPlaceholderFontColor);
18296        font-size: var(--inputPlaceholderFontSize);
18297        font-weight: var(--inputPlaceholderFontWeight);
18298        font-style: var(--inputPlaceholderFontStyle);
18299        line-height: var(--inputPlaceholderLineHeight);
18300        letter-spacing: var(--inputPlaceholderLetterSpacing);
18301        text-decoration: var(--inputPlaceholderTextDecoration);
18302    }
18303
18304    &:hover, .wmcA_hoverState & {
18305        font-family: var(--inputFontHover);
18306        font-size: var(--inputFontSizeHover);
18307        font-weight: var(--inputFontWeightHover);
18308        font-style: var(--inputFontStyleHover);
18309        color: var(--inputFontColorHover);
18310        text-decoration: var(--inputTextDecorationHover);
18311        padding-block-start: var(--inputPaddingTopHover);
18312        padding-block-end: var(--inputPaddingBottomHover);
18313        padding-inline-start: var(--inputPaddingLeftHover);
18314        padding-inline-end: var(--inputPaddingRightHover);
18315        border-top: var(--inputBorderTopHover);
18316        border-right: var(--inputBorderRightHover);
18317        border-bottom: var(--inputBorderBottomHover);
18318        border-left: var(--inputBorderLeftHover);
18319        border-radius: var(--inputBorderRadiusHover);
18320        background-color: var(--inputBackgroundColorHover);
18321    }
18322
18323    &:focus {
18324        font-family: var(--inputFontFocus);
18325        font-size: var(--inputFontSizeFocus);
18326        font-weight: var(--inputFontWeightFocus);
18327        font-style: var(--inputFontStyleFocus);
18328        color: var(--inputFontColorFocus);
18329        text-decoration: var(--inputTextDecorationFocus);
18330        border-top: var(--inputBorderTopFocus);
18331        border-right: var(--inputBorderRightFocus);
18332        border-bottom: var(--inputBorderBottomFocus);
18333        border-left: var(--inputBorderLeftFocus);
18334        background-color: var(--inputBackgroundColorFocus);
18335        outline: none;
18336    }
18337}
18338
18339/* Date and Time inputs: Apply placeholder styles only when empty */
18340.wmc_form input[type="date"]:not(.has-value),
18341.wmc_form input[type="time"]:not(.has-value) {
18342    font-family: var(--inputPlaceholderFont) !important;
18343    color: var(--inputPlaceholderFontColor) !important;
18344    font-size: var(--inputPlaceholderFontSize) !important;
18345    font-weight: var(--inputPlaceholderFontWeight) !important;
18346    font-style: var(--inputPlaceholderFontStyle) !important;
18347    line-height: var(--inputPlaceholderLineHeight) !important;
18348    letter-spacing: var(--inputPlaceholderLetterSpacing) !important;
18349    text-decoration: var(--inputPlaceholderTextDecoration) !important;
18350}
18351.wmc_form textarea {
18352    height: var(--textareaHeight);
18353}
18354
18355.wmc_form input[type="submit"],
18356.wmc_form button[type="submit"] {
18357    display: inline;
18358    font-family: var(--submitFont);
18359    color: var(--submitFontColor);
18360    font-size: var(--submitFontSize);
18361    font-weight: var(--submitFontWeight);
18362    font-style: var(--submitFontStyle);
18363    text-decoration: var(--submitTextDecoration);
18364    letter-spacing: var(--submitLetterSpacing);
18365    line-height: var(--submitLineHeight);
18366    border: none;
18367    background-color: transparent;
18368    cursor: var(--submitCursor);
18369}
18370
18371.wmc_form .form-actions {
18372    margin-block-start: var(--formActionsMarginTop);
18373    text-align: var(--formActionsTextAlign);
18374
18375    & .submit-wrapper {
18376        display: inline-flex;
18377        align-items: center;
18378        justify-content: center;
18379        pointer-events: auto;
18380        position: relative;
18381        z-index: 0;
18382        cursor: var(--submitCursor);
18383        background-color: var(--submitBackgroundColor);
18384        gap: var(--submitArrowGap);
18385        width: var(--submitWidth);
18386
18387        padding-block-start: var(--submitPaddingTop);
18388        padding-block-end: var(--submitPaddingBottom);
18389        padding-inline-start: var(--submitPaddingLeft);
18390        padding-inline-end: var(--submitPaddingRight);
18391
18392        border-top: var(--submitBorderTop);
18393        border-right: var(--submitBorderRight);
18394        border-bottom: var(--submitBorderBottom);
18395        border-left: var(--submitBorderLeft);
18396        border-radius: var(--submitBorderRadius);
18397
18398        &::after {
18399            display: var(--submitArrowDisplay);
18400            content: '';
18401            width: var(--submitArrowSize);
18402            height: var(--submitArrowSize);
18403            -webkit-mask-image: var(--submitArrowIcon);
18404            mask-image: var(--submitArrowIcon);
18405            -webkit-mask-size: contain;
18406            mask-size: contain;
18407            -webkit-mask-repeat: no-repeat;
18408            mask-repeat: no-repeat;
18409            -webkit-mask-position: center;
18410            mask-position: center;
18411            background-color: var(--submitArrowColor);
18412            transform: rotate(var(--submitArrowRotate));
18413        }
18414    }
18415}
18416
18417.wmc_form .was-validated input:invalid:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
18418.wmc_form .was-validated textarea:invalid,
18419.wmc_form .was-validated select:invalid {
18420    color: var(--errorFontColor);
18421    border-color: var(--errorBorderColor);
18422}
18423
18424.wmc_form .was-validated input:invalid:not([type="submit"]):not([type="radio"]):not([type="checkbox"])::placeholder,
18425.wmc_form .was-validated textarea:invalid::placeholder,
18426.wmc_form .was-validated select:invalid::placeholder {
18427    color: var(--errorPlaceholderFontColor);
18428}
18429
18430.wmc_form .field-wrapper:has(input:required:not([type="submit"])),
18431.wmc_form .field-wrapper:has(textarea:required),
18432.wmc_form .field-wrapper:has(select:required) {
18433    & > label:not(:has(input))::after {
18434        content: '*';
18435        color: var(--requiredColor);
18436    }
18437}
18438
18439.wmc_form .field-wrapper:has(input[type="radio"]:required),
18440.wmc_form .field-wrapper:has(input[type="checkbox"]:required) {
18441    & > label:has(input) {
18442        position: relative;
18443    }
18444    & > label:has(input)::after {
18445        content: '*';
18446        display: inline-block;
18447        color: var(--requiredColor);
18448        position: absolute;
18449        left: -6px;
18450        top: -11px;
18451        z-index: 1;
18452    }
18453}
18454
18455/* Notifications */
18456.form-notification {
18457    display: none;
18458    padding: 1rem;
18459    margin-bottom: 1rem;
18460    font-weight: 500;
18461    color: var(--notificationFontColor);
18462    &:hover {
18463        color: var(--notificationFontColorHover);
18464    }
18465}
18466
18467.form-disclaimer {
18468    font-family: var(--disclaimerTextFont);
18469    font-size: var(--disclaimerTextFontSize);
18470    color: var(--disclaimerTextFontColor);
18471    font-weight: var(--disclaimerTextFontWeight);
18472    font-style: var(--disclaimerTextFontStyle);
18473    text-decoration: var(--disclaimerTextDecoration);
18474    letter-spacing: var(--disclaimerTextLetterSpacing);
18475    line-height: var(--disclaimerTextLineHeight);
18476}
18477
18478.wmc_form .loading-spinner {
18479    display: none;
18480    align-items: center;
18481    justify-content: center;
18482    width: fit-content;
18483}
18484
18485.wmc_form .spinner {
18486    width: 30px;
18487    height: 30px;
18488    border: 2px solid rgba(var(--colorCtaC),1);
18489    border-top: 2px solid rgba(var(--colorPrimaryJ),1);
18490    border-radius: 50%;
18491    animation: spin 1s linear infinite;
18492}
18493
18494@keyframes spin {
18495    0% { transform: rotate(0deg); }
18496    100% { transform: rotate(360deg); }
18497}
18498
18499</style>
18500            <style>/* columns.css */
18501@media all and (min-width: 1040px) {
18502    .wmc_columns.wmcM_stackDesktop > .wml_columns {
18503        grid-template-columns: unset;
18504        & > .wmc_column {
18505            --wm_columnsRatiosSum: 1;
18506            --contentWidthOverride: unset;
18507            grid-area: var(--gridPosition) / 1 / calc(var(--gridPosition) + 1) / -1;
18508
18509            & > .wml:not(:has(> .wmc)) {
18510                height: var(--height) !important;
18511                min-height: var(--minHeight) !important;
18512                max-height: var(--maxHeight) !important;
18513            }
18514        }
18515    }
18516}
18517
18518@media all and (min-width: 650px) and (max-width: 1039px) {
18519    .wmc_columns.wmcM_stackTablet > .wml_columns {
18520        grid-template-columns: unset;
18521        & > .wmc_column {
18522            --wm_columnsRatiosSum: 1;
18523            --contentWidthOverride: unset;
18524            grid-area: var(--gridPosition) / 1 / calc(var(--gridPosition) + 1) / -1;
18525
18526            & > .wml:not(:has(> .wmc)) {
18527                height: var(--height) !important;
18528                min-height: var(--minHeight) !important;
18529                max-height: var(--maxHeight) !important;
18530            }
18531        }
18532    }
18533}
18534
18535@media all and (max-width: 649px) {
18536    .wmc_columns > .wml_columns {
18537        grid-template-columns: unset;
18538        & > .wmc_column {
18539            --wm_columnsRatiosSum: 1;
18540            --contentWidthOverride: unset;
18541            grid-area: var(--gridPosition) / 1 / calc(var(--gridPosition) + 1) / -1;
18542
18543            & > .wml:not(:has(> .wmc)) {
18544                height: var(--height) !important;
18545                min-height: var(--minHeight) !important;
18546                max-height: var(--maxHeight) !important;
18547            }
18548        }
18549    }
18550}
18551</style>
18552            <style>/* breadcrumb.css */
18553.wmc_breadcrumb {
18554    --height: min-content;
18555
18556    --breadcrumbHorizontalGap: 0px;
18557    --breadcrumbVerticalGap: 0px;
18558    --breadcrumbHomeIconColor: rgba(var(--colorPrimaryA), 1);
18559    --breadcrumbDelimiterIconColor: rgba(var(--colorSecondaryC), 1);
18560    --breadcrumbHomeIconSize: 1.25rem;
18561    --wmd_homeIconUrl: ;
18562    --wmd_delimiterIconUrl: ;
18563
18564    /* item font */
18565    --breadcrumbItemFontDesktop: var(--fontFamilyPrimary);
18566    --breadcrumbItemFontColorDesktop: rgba(var(--colorPrimaryA), 1);
18567    --breadcrumbItemFontSizeDesktop: 16px;
18568    --breadcrumbItemFontWeightDesktop: 300;
18569    --breadcrumbItemTextDecorationDesktop: none;
18570    --breadcrumbItemFontStyleDesktop: normal;
18571    --breadcrumbItemLineHeightDesktop: 1.4;
18572    --breadcrumbDelimiterIconSizeDesktop: 1rem;
18573
18574    /*  item font hover */
18575    --breadcrumbItemHoverFontColorDesktop: var(--breadcrumbItemFontColorDesktop);
18576    --breadcrumbItemFontSizeHoverDesktop: var(--breadcrumbItemFontSizeDesktop);
18577    --breadcrumbItemFontWeightHoverDesktop: var(--breadcrumbItemFontWeightDesktop);
18578    --breadcrumbItemTextDecorationHoverDesktop: var(--breadcrumbItemTextDecorationDesktop);
18579    --breadcrumbItemFontStyleHoverDesktop: var(--breadcrumbItemFontStyleDesktop);
18580    --breadcrumbItemLineHeightHoverDesktop: var(--breadcrumbItemLineHeightDesktop);
18581
18582    --breadcrumbItemFont: var(--breadcrumbItemFontDesktop);
18583    --breadcrumbItemFontColor: var(--breadcrumbItemFontColorDesktop);
18584    --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeDesktop);
18585    --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightDesktop);
18586    --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationDesktop);
18587    --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleDesktop);
18588    --breadcrumbItemLineHeight: var(--breadcrumbItemLineHeightDesktop);
18589    --breadcrumbDelimiterIconSize: var(--breadcrumbDelimiterIconSizeDesktop);
18590
18591    a.wmd__item, span.wmd__item {
18592
18593
18594        &:hover,
18595        .wmcA_hoverState & {
18596            --breadcrumbItemFontColor: var(--breadcrumbItemHoverFontColorDesktop);
18597            --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeHoverDesktop);
18598            --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightHoverDesktop);
18599            --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationHoverDesktop);
18600            --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleHoverDesktop);
18601        }
18602    }
18603
18604    .wmd__item {
18605        transition: all 0.3s ease;
18606        -webkit-transition: all 0.3s ease;
18607
18608        /* apply  item font */
18609        font-family: var(--breadcrumbItemFont);
18610        color: var(--breadcrumbItemFontColor);
18611        font-size: var(--breadcrumbItemFontSize);
18612        font-weight: var(--breadcrumbItemFontWeight);
18613        text-decoration: var(--breadcrumbItemTextDecoration);
18614        font-style: var(--breadcrumbItemFontStyle);
18615        line-height: var(--breadcrumbItemLineHeight);
18616
18617        &:hover,
18618        .wmcA_hoverState & {
18619            --breadcrumbItemFontColor: var(--breadcrumbItemHoverFontColorDesktop);
18620            --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeHoverDesktop);
18621            --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightHoverDesktop);
18622            --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationHoverDesktop);
18623            --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleHoverDesktop);
18624            --breadcrumbItemLineHeight: var(--breadcrumbItemLineHeightHoverDesktop);
18625        }
18626    }
18627}
18628
18629@media all and (width < 1040px) {
18630    .wmc_breadcrumb {
18631        /* item font */
18632        --breadcrumbItemFontTablet: var(--breadcrumbItemFontDesktop);
18633        --breadcrumbItemFontColorTablet: var(--breadcrumbItemFontColorDesktop);
18634        --breadcrumbItemFontSizeTablet: var(--breadcrumbItemFontSizeDesktop);
18635        --breadcrumbItemFontWeightTablet: var(--breadcrumbItemFontWeightDesktop);
18636        --breadcrumbItemTextDecorationTablet: var(--breadcrumbItemTextDecorationDesktop);
18637        --breadcrumbItemFontStyleTablet: var(--breadcrumbItemFontStyleDesktop);
18638        --breadcrumbItemLineHeightTablet: var(--breadcrumbItemLineHeightDesktop);
18639        --breadcrumbDelimiterIconSizeTablet: var(--breadcrumbDelimiterIconSizeDesktop);
18640
18641        /* item font hover */
18642        --breadcrumbItemHoverFontColorTablet: var(--breadcrumbItemHoverFontColorDesktop);
18643        --breadcrumbItemFontSizeHoverTablet: var(--breadcrumbItemFontSizeTablet);
18644        --breadcrumbItemFontWeightHoverTablet: var(--breadcrumbItemFontWeightHoverDesktop);
18645        --breadcrumbItemTextDecorationHoverTablet: var(--breadcrumbItemTextDecorationHoverDesktop);
18646        --breadcrumbItemFontStyleHoverTablet: var(--breadcrumbItemFontStyleHoverDesktop);
18647        --breadcrumbItemLineHeightHoverTablet: var(--breadcrumbItemLineHeightHoverDesktop);
18648
18649        --breadcrumbItemFont: var(--breadcrumbItemFontTablet);
18650        --breadcrumbItemFontColor: var(--breadcrumbItemFontColorTablet);
18651        --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeTablet);
18652        --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightTablet);
18653        --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationTablet);
18654        --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleTablet);
18655        --breadcrumbItemLineHeight: var(--breadcrumbItemLineHeightTablet);
18656        --breadcrumbDelimiterIconSize: var(--breadcrumbDelimiterIconSizeTablet);
18657
18658        a.wmd__item, span.wmd__item {
18659            &:hover,
18660            .wmcA_hoverState & {
18661                --breadcrumbItemFontColor: var(--breadcrumbItemHoverFontColorTablet);
18662                --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeHoverTablet);
18663                --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightHoverTablet);
18664                --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationHoverTablet);
18665                --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleHoverTablet);
18666                --breadcrumbItemLineHeight: var(--breadcrumbItemLineHeightHoverTablet);
18667            }
18668        }
18669    }
18670}
18671
18672@media all and (width < 650px) {
18673    .wmc_breadcrumb {
18674        /* item font */
18675        --breadcrumbItemFontMobile: var(--breadcrumbItemFontDesktop);
18676        --breadcrumbItemFontColorMobile: var(--breadcrumbItemFontColorDesktop);
18677        --breadcrumbItemFontSizeMobile: var(--breadcrumbItemFontSizeDesktop);
18678        --breadcrumbItemFontWeightMobile: var(--breadcrumbItemFontWeightDesktop);
18679        --breadcrumbItemTextDecorationMobile: var(--breadcrumbItemTextDecorationDesktop);
18680        --breadcrumbItemFontStyleMobile: var(--breadcrumbItemFontStyleDesktop);
18681        --breadcrumbItemLineHeightMobile: var(--breadcrumbItemLineHeightDesktop);
18682        --breadcrumbDelimiterIconSizeMobile: var(--breadcrumbDelimiterIconSizeDesktop);
18683
18684        /*  item font hover*/
18685        --breadcrumbItemHoverFontColorMobile: var(--breadcrumbItemHoverFontColorDesktop);
18686        --breadcrumbItemFontSizeHoverMobile: var(--breadcrumbItemFontSizeMobile);
18687        --breadcrumbItemFontWeightHoverMobile: var(--breadcrumbItemFontWeightHoverDesktop);
18688        --breadcrumbItemTextDecorationHoverMobile: var(--breadcrumbItemTextDecorationHoverDesktop);
18689        --breadcrumbItemFontStyleHoverMobile: var(--breadcrumbItemFontStyleHoverDesktop);
18690        --breadcrumbItemLineHeightHoverMobile: var(--breadcrumbItemLineHeightHoverDesktop);
18691
18692        --breadcrumbItemFont: var(--breadcrumbItemFontMobile);
18693        --breadcrumbItemFontColor: var(--breadcrumbItemFontColorMobile);
18694        --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeMobile);
18695        --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightMobile);
18696        --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationMobile);
18697        --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleMobile);
18698        --breadcrumbItemLineHeight: var(--breadcrumbItemLineHeightMobile);
18699        --breadcrumbDelimiterIconSize: var(--breadcrumbDelimiterIconSizeMobile);
18700
18701        a.wmd__item, span.wmd__item {
18702            &:hover,
18703            .wmcA_hoverState & {
18704                --breadcrumbItemFontColor: var(--breadcrumbItemHoverFontColorMobile);
18705                --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeHoverMobile);
18706                --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightHoverMobile);
18707                --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationHoverMobile);
18708                --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleHoverMobile);
18709                --breadcrumbItemLineHeight: var(--breadcrumbItemLineHeightHoverMobile);
18710            }
18711        }
18712    }
18713}
18714
18715.wmc_breadcrumb .wmd_homeIcon i {
18716    transition: all 0.3s ease;
18717    -webkit-transition: all 0.3s ease;
18718    display: inline-block;
18719    width: var(--breadcrumbItemFontSize);
18720    height: var(--breadcrumbItemFontSize);
18721    background-color: var(--breadcrumbItemFontColor);
18722    mask: var(--wmd_homeIconUrl) center / contain no-repeat;
18723}
18724
18725.wmc_breadcrumb .wmd_delimiterIcon i {
18726    display: inline-block;
18727    width: var(--breadcrumbDelimiterIconSize);
18728    height: var(--breadcrumbDelimiterIconSize);
18729    background-color: var(--breadcrumbDelimiterIconColor);
18730    mask: var(--wmd_delimiterIconUrl) center / contain no-repeat;
18731}
18732
18733.wmc_breadcrumb .wml.wml_breadcrumb {
18734    display: block;
18735
18736    & > * {
18737        line-height: var(--breadcrumbItemLineHeight);
18738        vertical-align: middle;
18739
18740        &.wmd_homeIcon {
18741            display: inline-block;
18742            line-height: 0;
18743            & > a {
18744                display: inline-flex;
18745                width: var(--breadcrumbItemFontSize);
18746                height: var(--breadcrumbItemFontSize);
18747                justify-content: center;
18748                align-items: flex-start;
18749                & > span {
18750                    display: inline-flex;
18751                    width: var(--breadcrumbItemFontSize);
18752                    height: var(--breadcrumbItemFontSize);
18753                }
18754            }
18755        }
18756        &.space-separator {
18757            display: inline-block;
18758            width: var(--breadcrumbHorizontalGap);
18759        }
18760        &.wmd_delimiterIcon {
18761            display: inline-block;
18762            margin-right: var(--breadcrumbHorizontalGap);
18763            line-height: 0;
18764        }
18765    }
18766}
18767
18768.wmc_breadcrumb.wmcM_breadcrumbHideHome .wml.wml_breadcrumb {
18769    & > * {
18770        &.wmd_home + .space-separator,
18771        &.wmd_delimiterIcon--first + .space-separator {
18772            display: none;
18773        }
18774    }
18775}
18776
18777.wmc_breadcrumb.wmcM_breadcrumbHideSeparator .wml.wml_breadcrumb .wmd_delimiterIcon,
18778.wmc_breadcrumb.wmcM_breadcrumbHideHome .wml.wml_breadcrumb .wmd_home,
18779.wmc_breadcrumb.wmcM_breadcrumbHideHome .wml.wml_breadcrumb .wmd_delimiterIcon--first,
18780.wmc_breadcrumb.wmcM_breadcrumbHomeText .wml.wml_breadcrumb .wmd_homeIcon,
18781.wmc_breadcrumb:not(.wmcM_breadcrumbHomeText) .wml.wml_breadcrumb .wmd_homeText {
18782    display: none;
18783}
18784
18785.wmc_breadcrumb.wmcM_breadcrumbHomeText:not(.wmcM_breadcrumbHideHome) .wml.wml_breadcrumb .wmd_homeText {
18786    display: inline-block;
18787}
18788</style>
18789            <style>/* map.css */
18790.wmc_map {
18791    --mapCloseIconSize: 15px;
18792    --mapPopupWidth: 300px;
18793    --minHeightDesktop: 450px;
18794    --minHeightTablet: 450px;
18795    --minHeightMobile: 450px;
18796    --height: min-content;
18797}
18798
18799.wmc_map wm-google-map,
18800.wmc_map wm-leaflet-map {
18801    width: 100%;
18802    max-height: 100%;
18803    max-width: 100%;
18804    min-height: var(--minHeight);
18805    height: var(--minHeight);
18806    display: block;
18807    background-size: cover;
18808    background-image: url('data:image/webp;base64,UklGRmIBAABXRUJQVlA4IFYBAACQCwCdASpAACYAPmkqkEWkIqGZWk8wQAaEoAnTLLwslFdwQsgEBCt5ckj2Fb6NKbP8sBAux3bv1HEv6H2QC7zopFTTYjqGLxmGgjAkiPtuE4CKo3Dd97WDYIsw68XKyj8PE3LDAAD++NXEoSwFFGq9zrSCoYqny+vXGji7IzR7uzwrYPb5k+d2ZsR/SoyAo7F3rLqwZH54k8w/lJMBEtELj8SEP3F2cOoELUDyrWfS6wYvtcnzYYCp7Ia1TvXaJ5OofRbG4MRaMBExnYNfmGxfAwaVWfYFwNk/xKJjs5tf/0tzeW900Cx01gVKfQoM7T675e5M1sLB2HbKZysb251Nb3YHw+G/d+pFJzBe69m9jUO4iRdITHBVoyzttKPLbGg3R0KOfVlO8MsGU7p3r67HkciLOu+ZM//CVpiglMs4NxtdT5Qlp75lvyUvxmhRd/BwHx4AAAA=');
18809}
18810
18811.wmc_map .info-window {
18812    max-width: var(--mapPopupWidth);
18813
18814    & p {
18815        margin: 0;
18816        padding: 0;
18817        color: black;
18818        font-size: 14px;
18819        line-height: 1.4;
18820        margin-bottom: 3px;
18821
18822        &:last-child {
18823            margin-bottom: 0;
18824        }
18825    }
18826
18827    & .info-window-title {
18828        display: none;
18829        font-size: 14px;
18830        font-weight: bold;
18831        margin-bottom: 5px;
18832    }
18833
18834    & .info-window-address {
18835        display: block;
18836        font-size: 14px;
18837        font-weight: bold;
18838        margin-bottom: 5px;
18839    }
18840
18841    & .info-window-address-text {
18842        font-size: 12px;
18843    }
18844}
18845
18846/***
18847 * Google Maps
18848 ***/
18849
18850.wmc_map .gm-style .gm-style-iw-c {
18851    padding: 10px !important;
18852    border: none !important;
18853    outline: none !important;
18854
18855    * {
18856        outline: none !important;
18857    }
18858
18859    & .gm-style-iw-chr {
18860        position: absolute;
18861        top: 5px;
18862        right: 5px;
18863        width: var(--mapCloseIconSize);
18864        height: var(--mapCloseIconSize);
18865        z-index: 10;
18866
18867        & button {
18868            margin: 0;
18869            padding: 0;
18870            width: var(--mapCloseIconSize) !important;
18871            height: var(--mapCloseIconSize) !important;
18872        }
18873
18874        & span {
18875            margin: 0 !important;
18876            padding: 0;
18877            width: var(--mapCloseIconSize) !important;
18878            height: var(--mapCloseIconSize) !important;
18879        }
18880    }
18881
18882    & .gm-style-iw-d {
18883        margin: 0;
18884        padding: 0;
18885        overflow: hidden !important;
18886    }
18887}
18888
18889/***
18890 * Leaflet
18891 ***/
18892
18893.wmc_map .grayscale-layer {
18894    filter: grayscale(100%);
18895}
18896
18897.wmc_map .leaflet-popup-content {
18898    margin: 0 !important;
18899    padding: 10px !important;
18900    max-width: var(--mapPopupWidth) !important;
18901}
18902</style>
18903            <style>/* repeater.css */
18904.wmc_repeater {
18905    --height: min-content;
18906    --repeaterPaddingDesktop: 0px;
18907    --repeaterRowGapDesktop: 0px;
18908    --repeaterColumnGapDesktop: 0px;
18909    --repeaterJustifyContentDesktop: normal;
18910    --repeaterItemsPerRowDesktop: 3;
18911
18912    --repeaterPadding: var(--repeaterPaddingDesktop);
18913    --repeaterRowGap: var(--repeaterRowGapDesktop);
18914    --repeaterColumnGap: var(--repeaterColumnGapDesktop);
18915    --repeaterJustifyContent: var(--repeaterJustifyContentDesktop);
18916    --repeaterItemsPerRow: var(--repeaterItemsPerRowDesktop);
18917
18918    & > .wml_repeater {
18919        min-height: unset;
18920
18921        & > .wms_repeater {
18922            display: flex;
18923            flex-wrap: wrap;
18924            flex-direction: row;
18925            align-items: stretch;
18926            padding: var(--repeaterPadding);
18927            row-gap: var(--repeaterRowGap);
18928            column-gap: var(--repeaterColumnGap);
18929            justify-content: var(--repeaterJustifyContent);
18930
18931            & > .wmc_repeaterItem {
18932                display: flex;
18933                align-items: stretch;
18934                justify-items: stretch;
18935
18936                & > .wml_repeaterItem {
18937                    --marginLeft: 0px;
18938                    --marginTop: 0px;
18939                    --marginRight: 0px;
18940                    --marginBottom: 0px;
18941                }
18942            }
18943        }
18944    }
18945
18946    &:is(.wmcM_containerSizeFull, .wmcM_containerSizeFull--tablet, .wmcM_containerSizeFull--mobile) > .wml_repeater > .wms_repeater {
18947        justify-content: start;
18948
18949        & > .wmc_repeaterItem {
18950            flex: 0 0 calc((100% - (var(--repeaterColumnGap) * (var(--repeaterItemsPerRow) - 1))) / var(--repeaterItemsPerRow));
18951            max-width: calc((100% - (var(--repeaterColumnGap) * (var(--repeaterItemsPerRow) - 1))) / var(--repeaterItemsPerRow));
18952
18953            & > .wml_repeaterItem {
18954                width: 100%;
18955                max-width: none;
18956                min-width: 0;
18957            }
18958        }
18959    }
18960}
18961
18962@media all and (width < 1040px) {
18963    .wmc_repeater {
18964        --repeaterPaddingTablet: var(--repeaterPaddingDesktop);
18965        --repeaterRowGapTablet: var(--repeaterRowGapDesktop);
18966        --repeaterColumnGapTablet: var(--repeaterColumnGapDesktop);
18967        --repeaterJustifyContentTablet: var(--repeaterJustifyContentDesktop);
18968        --repeaterItemsPerRowTablet: var(--repeaterItemsPerRowDesktop);
18969
18970        --repeaterPadding: var(--repeaterPaddingTablet);
18971        --repeaterRowGap: var(--repeaterRowGapTablet);
18972        --repeaterColumnGap: var(--repeaterColumnGapTablet);
18973        --repeaterJustifyContent: var(--repeaterJustifyContentTablet);
18974        --repeaterItemsPerRow: var(--repeaterItemsPerRowTablet);
18975    }
18976}
18977
18978@media all and (width < 650px) {
18979    .wmc_repeater {
18980        --repeaterPaddingMobile: var(--repeaterPaddingTablet);
18981        --repeaterRowGapMobile: var(--repeaterRowGapTablet);
18982        --repeaterColumnGapMobile: var(--repeaterColumnGapTablet);
18983        --repeaterJustifyContentMobile: var(--repeaterJustifyContentTablet);
18984        --repeaterItemsPerRowMobile: var(--repeaterItemsPerRowTablet);
18985
18986        --repeaterPadding: var(--repeaterPaddingMobile);
18987        --repeaterRowGap: var(--repeaterRowGapMobile);
18988        --repeaterColumnGap: var(--repeaterColumnGapMobile);
18989        --repeaterJustifyContent: var(--repeaterJustifyContentMobile);
18990        --repeaterItemsPerRow: var(--repeaterItemsPerRowMobile);
18991    }
18992}
18993
18994.wmc_repeaterEmptyMessage {
18995    width: 100%;
18996}
18997
18998.wmc_repeaterItem {
18999    & > .wml {
19000        .wmcM_dynamicHeight > .wml {
19001            --height: var(--minHeight);
19002            height: var(--minHeight);
19003            min-height: var(--minHeight);
19004            max-height: fit-content;
19005            padding-bottom: calc(var(--dynamicPaddingBottom, 0px) + var(--paddingBottom, 0px));
19006        }
19007    }
19008}
19009
19010.wmc_repeater {
19011    /* mirrors --wm_columnsWidth: each item's share of the page content width;
19012       the viewport cancels out of the derivation, so the page gutter
19013       (viewport − contentWidth) lands distributed equally across the items */
19014    --wm_repeaterItemContentWidth: calc(
19015        (var(--contentWidthPage)
19016        - 2 * var(--repeaterPadding)
19017        - (var(--repeaterColumnGap) * (var(--repeaterItemsPerRow) - 1)))
19018        / var(--repeaterItemsPerRow)
19019    );
19020}
19021
19022.wmc_repeaterItem > .wml_repeaterItem > .wms_content > .wmc {
19023    --contentWidthOverride: var(--wm_repeaterItemContentWidth);
19024}
19025
19026@media all and (width < 650px) {
19027    /* core.css's own `--contentWidthOverride: unset` loses to the higher-specificity
19028       rule above, so the no-safe-zones-on-mobile rule must be restated here */
19029    .wmc_repeaterItem > .wml_repeaterItem > .wms_content > .wmc {
19030        --contentWidthOverride: unset;
19031    }
19032}
19033</style>
19034            <style>/* core_live.css */
19035/*** HOVER EFFECT FOR LIVE SITES ***/
19036.wmcM_animateHover {
19037    --transitionDurationHover: calc(1ms * var(--transitionDurationMsHover));
19038
19039    > .wml {
19040        pointer-events: auto;
19041        /*will-change: transform, opacity, filter;*/
19042    }
19043}
19044
19045/*** ENTRY ANIMATION FOR LIVE SITES ***/
19046.wmcM_animateEntry {
19047    --transitionDelayEntry: calc(1ms * var(--transitionDelayMsEntry));
19048    --transitionDurationEntry: calc(1ms * var(--transitionDurationMsEntry));
19049}
19050
19051.wmcM_animateEntry > .wml {
19052    /*will-change: transform, opacity, filter;*/
19053}
19054
19055.wmcM_animateEntry.wmcA_entryTransitionState > .wml,
19056.wmc_color_layer.wmcM_animateEntry.wmcA_entryTransitionState,
19057.wmc_gradient_layer.wmcM_animateEntry.wmcA_entryTransitionState {
19058    transition:
19059        all var(--transitionEasingEntry),
19060        transform var(--transitionEasingKineticEntry),
19061        border-radius var(--transitionEasingKineticEntry),
19062        margin var(--transitionEasingKineticEntry),
19063        width var(--transitionEasingKineticEntry),
19064        min-width var(--transitionEasingKineticEntry),
19065        max-width var(--transitionEasingKineticEntry),
19066        height var(--transitionEasingKineticEntry),
19067        min-height var(--transitionEasingKineticEntry),
19068        max-height var(--transitionEasingKineticEntry),
19069        top var(--transitionEasingKineticEntry),
19070        right var(--transitionEasingKineticEntry),
19071        bottom var(--transitionEasingKineticEntry),
19072        left var(--transitionEasingKineticEntry);
19073    transition-delay: var(--transitionDelayEntry);
19074    transition-duration: var(--transitionDurationEntry);
19075}
19076
19077.wmcM_animateEntry.wmcA_entryTransitionState {
19078    --filter: var(--filterEntryNormal);
19079}
19080.wmcM_animateEntry.wmcA_entryInitialState > .wml,
19081.wmc_color_layer.wmcM_animateEntry.wmcA_entryInitialState,
19082.wmc_gradient_layer.wmcM_animateEntry.wmcA_entryInitialState {
19083    transition: none;
19084    transform: var(--translateEntry) var(--scaleEntry) var(--rotateEntry);
19085    filter: var(--filterEntry);
19086}
19087.wmcM_animateEntry.wmcA_noTransition > .wml,
19088.wmc_color_layer.wmcM_animateEntry.wmcA_noTransition,
19089.wmc_gradient_layer.wmcM_animateEntry.wmcA_noTransition {
19090    transition: none !important;
19091}
19092.wmcM_animateEntry.wmcA_entryInitialState > .wml,
19093.wmc_color_layer.wmcM_animateEntry.wmcA_entryInitialState {
19094    opacity: var(--opacityEntry);
19095}
19096
19097.wmc_gradient_layer.wmcM_animateEntry.wmcA_entryInitialState {
19098    --bgGradientOpacity: calc(var(--bgGradientOpacityDesktop, 1) * var(--opacityEntry));
19099}
19100@media all and (650px <= width < 1040px) {
19101    .wmc_gradient_layer.wmcM_animateEntry.wmcA_entryInitialState {
19102        --bgGradientOpacity: calc(var(--bgGradientOpacityTablet, var(--bgGradientOpacityDesktop, 1)) * var(--opacityEntry));
19103    }
19104}
19105@media all and (width < 650px) {
19106    .wmc_gradient_layer.wmcM_animateEntry.wmcA_entryInitialState {
19107        --bgGradientOpacity: calc(var(--bgGradientOpacityMobile, var(--bgGradientOpacityDesktop, 1)) * var(--opacityEntry));
19108    }
19109}
19110
19111/*** EXIT ANIMATION FOR LIVE SITES ***/
19112.wmcM_animateExit {
19113    --transitionDelayExit: calc(1ms * var(--transitionDelayMsEntry));
19114    --transitionDurationExit: calc(1ms * var(--transitionDurationMsEntry));
19115}
19116
19117.wmcM_animateEntry.wmcM_animateExit {
19118    --transitionDelayExit: calc(1ms * var(--transitionDelayMsEntry));
19119    --transitionDurationExit: calc(1ms * var(--transitionDurationMsEntry));
19120}
19121
19122.wmcM_animateExit.wmcA_exitTransitionState > .wml {
19123    transition: opacity var(--transitionDurationExit) var(--transitionEasingEntry),
19124    transform var(--transitionDurationExit) var(--transitionEasingKineticEntry),
19125    filter var(--transitionDurationExit) var(--transitionEasingEntry);
19126    transition-delay: var(--transitionDelayExit);
19127}
19128
19129.wmcM_animateExit.wmcA_exitTransitionState {
19130    --filter: var(--filterEntryNormal);
19131}
19132
19133.wmc_section.wmcM_animateExit.wmcA_exitInitialState > .wml {
19134    transform: var(--translateEntry, translate3d(0, 0, -100px)) var(--scaleEntry, scale(0.8)) var(--rotateEntry, rotate(0deg)) !important;
19135    opacity: 0 !important;
19136    filter: var(--filterEntry, blur(0px)) !important;
19137}
19138
19139/*** HIDE COMPONENTS AND SECTIONS FOR LIVE SITES ***/
19140@media all and (1040px <= width) {
19141    .wmc:is(.wmcM_hidden--desktop) {
19142        visibility: hidden;
19143
19144        &.wmc_section {
19145            display: none;
19146        }
19147    }
19148}
19149
19150@media all and (650px <= width < 1040px) {
19151    .wmc:is(.wmcM_hidden--tablet) {
19152        visibility: hidden;
19153
19154        &.wmc_section {
19155            display: none;
19156        }
19157    }
19158}
19159
19160@media all and (width < 650px) {
19161    .wmc:is(.wmcM_hidden--mobile) {
19162        visibility: hidden;
19163
19164        &.wmc_section {
19165            display: none;
19166        }
19167    }
19168}
19169
19170/*** SLIDESHOW FOR LIVE SITES ***/
19171
19172.wmcM_stickyTopFixed.wmc_section {
19173    position: fixed;
19174    left: 0;
19175    right: 0;
19176    top: var(--stickyOffset, 0px);
19177}
19178
19179.wmcM_stickyBottomFixed.wmc_section {
19180    position: fixed;
19181    left: 0;
19182    right: 0;
19183    bottom: var(--stickyOffset, 0px);
19184}
19185
19186.wmcM_trailingTopRevealed.wmc_section {
19187    position: fixed;
19188    left: 0;
19189    right: 0;
19190    top: var(--stickyOffset, 0px);
19191    height: auto;
19192    overflow: visible;
19193}
19194
19195.wmcM_trailingBottomRevealed.wmc_section {
19196    position: fixed;
19197    left: 0;
19198    right: 0;
19199    bottom: var(--stickyOffset, 0px);
19200    height: auto;
19201    overflow: visible;
19202}
19203
19204.wmcM_scrollBehavior.wmcM_stickyBottom.wmcM_stickyBottomFixed {
19205    display: block;
19206}
19207
19208.wmcM_stickyTopFixed,
19209.wmcM_stickyBottomFixed,
19210.wmcM_trailingTopRevealed,
19211.wmcM_trailingBottomRevealed {
19212    z-index: 5000;
19213}
19214
19215.grecaptcha-badge {
19216    z-index: 999 !important;
19217}
19218
19219body > .wmc_section.wmc_section_sticky_state:is(.wmcM_stickyBottomFixed, .wmcM_trailingBottomRevealed) {
19220    transform-origin: 0 100% 0 !important;
19221}
19222
19223html.full_screen_open_body_fixed body > .wmc_section.wmc_section_sticky_state:has(.wmc_menu .navigation-module-container.active) {
19224    inset: 0 !important;
19225    width: calc(100dvw / var(--wm_scale)) !important;
19226    max-width: calc(100dvw / var(--wm_scale)) !important;
19227    min-width: calc(100dvw / var(--wm_scale)) !important;
19228    height: calc(100dvh / var(--wm_scale)) !important;
19229    max-height: calc(100dvh / var(--wm_scale)) !important;
19230    min-height: calc(100dvh / var(--wm_scale)) !important;
19231    transform-origin: 0 0 0 !important;
19232    --stickyOffset: 0px !important;
19233    z-index: 7000 !important;
19234}
19235
19236@media all and (width >= 1040px) {
19237    .wmcM_scrollBehavior.wmcM_stickyTop--desktop,
19238    .wmcM_scrollBehavior.wmcM_stickyBottom--desktop {
19239        --stickyOffsetDesktop: 0px;
19240        --scrollBehaviorDesktop: sticky;
19241        --scrollBehavior: sticky;
19242    }
19243
19244    .wmcM_scrollBehavior.wmcM_stickyBottom--desktop {
19245        display: none;
19246    }
19247
19248    .wmcM_scrollBehavior.wmcM_trailingTop--desktop,
19249    .wmcM_scrollBehavior.wmcM_trailingBottom--desktop {
19250        --stickyOffsetDesktop: 0px;
19251        --trailingAnchorIdDesktop: '';
19252        --revealThresholdDesktop: 0px;
19253        --scrollBehaviorDesktop: trailing;
19254        --scrollBehavior: trailing;
19255    }
19256
19257    .wmcM_scrollBehavior.wmcM_trailingTop--desktop.wmc_section:not(.wmcM_trailingTopRevealed),
19258    .wmcM_scrollBehavior.wmcM_trailingBottom--desktop.wmc_section:not(.wmcM_trailingBottomRevealed) {
19259        height: 0;
19260        overflow: hidden;
19261    }
19262}
19263
19264@media all and (width < 1040px) and (width >= 640px) {
19265    .wmcM_scrollBehavior.wmcM_stickyTop--tablet,
19266    .wmcM_scrollBehavior.wmcM_stickyBottom--tablet {
19267        --stickyOffsetTablet: 0px;
19268        --scrollBehaviorTablet: sticky;
19269        --scrollBehavior: sticky;
19270    }
19271
19272    .wmcM_scrollBehavior.wmcM_stickyBottom--tablet {
19273        display: none;
19274    }
19275
19276    .wmcM_scrollBehavior.wmcM_trailingTop--tablet,
19277    .wmcM_scrollBehavior.wmcM_trailingBottom--tablet {
19278        --stickyOffsetTablet: 0px;
19279        --trailingAnchorIdTablet: '';
19280        --revealThresholdTablet: 0px;
19281        --scrollBehaviorTablet: trailing;
19282        --scrollBehavior: trailing;
19283    }
19284
19285    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll {
19286        --stickyOffsetTablet: var(--stickyOffsetDesktop, 0px);
19287        --trailingAnchorIdTablet: var(--trailingAnchorIdDesktop, '');
19288        --revealThresholdTablet: var(--revealThresholdDesktop, 0px);
19289        --scrollBehaviorTablet: var(--scrollBehaviorDesktop, none);
19290    }
19291
19292    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll.wmcM_stickyTop--desktop {
19293        --scrollBehavior: sticky;
19294    }
19295
19296    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll.wmcM_stickyBottom--desktop {
19297        --scrollBehavior: sticky;
19298        display: none;
19299    }
19300
19301    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll.wmcM_trailingTop--desktop {
19302        --scrollBehavior: trailing;
19303    }
19304
19305    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll.wmcM_trailingBottom--desktop {
19306        --scrollBehavior: trailing;
19307    }
19308
19309    .wmcM_scrollBehavior.wmcM_trailingTop--tablet.wmc_section:not(.wmcM_trailingTopRevealed),
19310    .wmcM_scrollBehavior.wmcM_trailingBottom--tablet.wmc_section:not(.wmcM_trailingBottomRevealed),
19311    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll.wmcM_trailingTop--desktop.wmc_section:not(.wmcM_trailingTopRevealed),
19312    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll.wmcM_trailingBottom--desktop.wmc_section:not(.wmcM_trailingBottomRevealed) {
19313        height: 0;
19314        overflow: hidden;
19315    }
19316}
19317
19318@media all and (width < 640px) {
19319    .wmcM_scrollBehavior.wmcM_stickyTop--mobile,
19320    .wmcM_scrollBehavior.wmcM_stickyBottom--mobile {
19321        --stickyOffsetMobile: 0px;
19322        --scrollBehaviorMobile: sticky;
19323        --scrollBehavior: sticky;
19324    }
19325
19326    .wmcM_scrollBehavior.wmcM_trailingTop--mobile,
19327    .wmcM_scrollBehavior.wmcM_trailingBottom--mobile {
19328        --stickyOffsetMobile: 0px;
19329        --trailingAnchorIdMobile: '';
19330        --revealThresholdMobile: 0px;
19331        --scrollBehaviorMobile: trailing;
19332        --scrollBehavior: trailing;
19333    }
19334
19335    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll {
19336        --stickyOffsetMobile: var(--stickyOffsetDesktop, 0px);
19337        --trailingAnchorIdMobile: var(--trailingAnchorIdDesktop, '');
19338        --revealThresholdMobile: var(--revealThresholdDesktop, 0px);
19339        --scrollBehaviorMobile: var(--scrollBehaviorDesktop, none);
19340    }
19341
19342    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_stickyTop--desktop,
19343    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_stickyBottom--desktop {
19344        --scrollBehavior: sticky;
19345    }
19346
19347    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_trailingTop--desktop,
19348    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_trailingBottom--desktop {
19349        --scrollBehavior: trailing;
19350    }
19351
19352    .wmcM_scrollBehavior.wmcM_stickyBottom--mobile {
19353        display: none;
19354    }
19355
19356    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_stickyBottom--desktop {
19357        display: none;
19358    }
19359
19360    .wmcM_scrollBehavior.wmcM_trailingTop--mobile.wmc_section:not(.wmcM_trailingTopRevealed),
19361    .wmcM_scrollBehavior.wmcM_trailingBottom--mobile.wmc_section:not(.wmcM_trailingBottomRevealed),
19362    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_trailingTop--desktop.wmc_section:not(.wmcM_trailingTopRevealed),
19363    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_trailingBottom--desktop.wmc_section:not(.wmcM_trailingBottomRevealed) {
19364        height: 0;
19365        overflow: hidden;
19366    }
19367}
19368
19369
19370.wmc.wmc_section.wmc_section--dismissed {
19371    display: none !important;
19372}
19373
19374/** Override popUpSection minHeight set by editor */
19375.wmc_popUpSection {
19376    --minHeight: 0px !important;
19377}
19378
19379/**
19380    Prevent scroll while any dialog is open
19381 */
19382html:has(dialog[open]) {
19383    overflow: hidden !important;
19384}
19385
19386#fixed-components {
19387    position: fixed;
19388    inset: 0;
19389    display: grid;
19390    grid-template: 1fr / 1fr; /* single cell filling the viewport */
19391    pointer-events: none;
19392    z-index: 101;
19393
19394    & > .wmc {
19395        grid-area: 1 / 1;
19396        align-self: var(--fixedVerticalAlignment);
19397        justify-self: var(--fixedHorizontalAlignment);
19398        pointer-events: auto;
19399        margin: clamp(0px, var(--fixedVerticalOffset, 0px), 150px)
19400        clamp(0px, var(--fixedHorizontalOffset, 0px), 150px);
19401
19402        & > .wml {
19403            margin: 0;
19404        }
19405    }
19406}
19407
19408
19409</style>
19410            <style>/* text_live.css */
19411.wmc_text > .wml .wmcM_link,
19412.wmc_text > .wml a {
19413    &:hover,
19414    &:focus-within {
19415        &,
19416        & * {
19417            --textColor: var(--textColorHover);
19418            --textDecoration: var(--textDecorationHover);
19419            --textDecorationStyle: var(--textDecorationStyleHover);
19420            --textDecorationColor: var(--textDecorationColorHover);
19421        }
19422    }
19423}
19424</style>
19425        <style id="wmPersonalityCss">:root { --fontFamilyPrimary:'DM Sans',sans-serif;--title1_fontFamily:var(--fontFamilySecondary);--title2_fontFamily:var(--fontFamilyPrimary);--title3_fontFamily:var(--fontFamilyPrimary);--fontFamilySecondary:'DM Sans',sans-serif;--heading1_fontFamily:var(--fontFamilyPrimary);--heading2_fontFamily:var(--fontFamilySecondary);--heading3_fontFamily:var(--fontFamilySecondary);--heading4_fontFamily:var(--fontFamilySecondary);--heading5_fontFamily:var(--fontFamilySecondary);--heading6_fontFamily:var(--fontFamilySecondary);--link_fontColorMobile:rgb(0,0,0);--link_fontColorTablet:rgb(0,0,0);--link_fontStyleMobile:inherit;--link_fontStyleTablet:inherit;--link_fontColorDesktop:rgb(0,0,0);--link_fontStyleDesktop:inherit;--link_fontWeightMobile:inherit;--link_fontWeightTablet:inherit;--paragraph1_fontFamily:var(--fontFamilySecondary);--paragraph2_fontFamily:var(--fontFamilySecondary);--paragraph3_fontFamily:var(--fontFamilySecondary);--paragraph4_fontFamily:var(--fontFamilySecondary);--title1_fontSizeMobile:2.25rem;--title1_fontSizeTablet:2.25rem;--title2_fontSizeMobile:2.25rem;--title2_fontSizeTablet:2.25rem;--title3_fontSizeMobile:1.9rem;--title3_fontSizeTablet:1.9rem;--link_fontWeightDesktop:inherit;--title1_fontColorMobile:rgb(0,0,0);--title1_fontColorTablet:rgb(0,0,0);--title1_fontSizeDesktop:12.5rem;--title1_fontStyleMobile:normal;--title1_fontStyleTablet:normal;--title2_fontColorMobile:rgb(0,0,0);--title2_fontColorTablet:rgb(0,0,0);--title2_fontSizeDesktop:3.75rem;--title2_fontStyleMobile:normal;--title2_fontStyleTablet:normal;--title3_fontColorMobile:rgb(0,0,0);--title3_fontColorTablet:rgb(0,0,0);--title3_fontSizeDesktop:3.25rem;--title3_fontStyleMobile:normal;--title3_fontStyleTablet:normal;--heading1_fontSizeMobile:2.25rem;--heading1_fontSizeTablet:2.25rem;--heading2_fontSizeMobile:2rem;--heading2_fontSizeTablet:2rem;--heading3_fontSizeMobile:1.75rem;--heading3_fontSizeTablet:1.75rem;--heading4_fontSizeMobile:1.5rem;--heading4_fontSizeTablet:1.5rem;--heading5_fontSizeMobile:1.25rem;--heading5_fontSizeTablet:1.25rem;--heading6_fontSizeMobile:1rem;--heading6_fontSizeTablet:1rem;--title1_fontColorDesktop:rgb(0,0,0);--title1_fontStyleDesktop:normal;--title1_fontWeightMobile:900;--title1_fontWeightTablet:900;--title1_lineHeightMobile:1.1;--title1_lineHeightTablet:1.1;--title2_fontColorDesktop:rgb(0,0,0);--title2_fontStyleDesktop:normal;--title2_fontWeightMobile:800;--title2_fontWeightTablet:800;--title2_lineHeightMobile:1;--title2_lineHeightTablet:1;--title3_fontColorDesktop:rgb(0,0,0);--title3_fontStyleDesktop:normal;--title3_fontWeightMobile:700;--title3_fontWeightTablet:700;--title3_lineHeightMobile:1.1;--title3_lineHeightTablet:1.1;--heading1_fontColorMobile:rgb(0,0,0);--heading1_fontColorTablet:rgb(0,0,0);--heading1_fontSizeDesktop:3rem;--heading1_fontStyleMobile:normal;--heading1_fontStyleTablet:normal;--heading2_fontColorMobile:rgb(0,0,0);--heading2_fontColorTablet:rgb(0,0,0);--heading2_fontSizeDesktop:2.5rem;--heading2_fontStyleMobile:normal;--heading2_fontStyleTablet:normal;--heading3_fontColorMobile:rgb(0,0,0);--heading3_fontColorTablet:rgb(0,0,0);--heading3_fontSizeDesktop:2rem;--heading3_fontStyleMobile:normal;--heading3_fontStyleTablet:normal;--heading4_fontColorMobile:rgb(0,0,0);--heading4_fontColorTablet:rgb(0,0,0);--heading4_fontSizeDesktop:1.5rem;--heading4_fontStyleMobile:normal;--heading4_fontStyleTablet:normal;--heading5_fontColorMobile:rgb(0,0,0);--heading5_fontColorTablet:rgb(0,0,0);--heading5_fontSizeDesktop:1.25rem;--heading5_fontStyleMobile:normal;--heading5_fontStyleTablet:normal;--heading6_fontColorMobile:rgb(0,0,0);--heading6_fontColorTablet:rgb(0,0,0);--heading6_fontSizeDesktop:1rem;--heading6_fontStyleMobile:normal;--heading6_fontStyleTablet:normal;--title1_fontWeightDesktop:900;--title1_lineHeightDesktop:1.1;--title2_fontWeightDesktop:800;--title2_lineHeightDesktop:1.1;--title3_fontWeightDesktop:700;--title3_lineHeightDesktop:1.2;--heading1_fontColorDesktop:rgb(0,0,0);--heading1_fontStyleDesktop:normal;--heading1_fontWeightMobile:700;--heading1_fontWeightTablet:700;--heading1_lineHeightMobile:1.1;--heading1_lineHeightTablet:1.1;--heading2_fontColorDesktop:rgb(0,0,0);--heading2_fontStyleDesktop:normal;--heading2_fontWeightMobile:700;--heading2_fontWeightTablet:700;--heading2_lineHeightMobile:1.1;--heading2_lineHeightTablet:1.1;--heading3_fontColorDesktop:rgb(0,0,0);--heading3_fontStyleDesktop:normal;--heading3_fontWeightMobile:600;--heading3_fontWeightTablet:600;--heading3_lineHeightMobile:1.1;--heading3_lineHeightTablet:1.1;--heading4_fontColorDesktop:rgb(0,0,0);--heading4_fontStyleDesktop:normal;--heading4_fontWeightMobile:600;--heading4_fontWeightTablet:600;--heading4_lineHeightMobile:1.2;--heading4_lineHeightTablet:1.2;--heading5_fontColorDesktop:rgb(0,0,0);--heading5_fontStyleDesktop:normal;--heading5_fontWeightMobile:500;--heading5_fontWeightTablet:500;--heading5_lineHeightMobile:1.2;--heading5_lineHeightTablet:1.2;--heading6_fontColorDesktop:rgb(0,0,0);--heading6_fontStyleDesktop:normal;--heading6_fontWeightMobile:500;--heading6_fontWeightTablet:500;--heading6_lineHeightMobile:1.25;--heading6_lineHeightTablet:1.25;--link_hoverFontColorMobile:rgb(0,0,0);--link_hoverFontColorTablet:rgb(0,0,0);--link_textDecorationMobile:underline;--link_textDecorationTablet:underline;
19425--paragraph1_fontSizeMobile:1.25rem;--paragraph1_fontSizeTablet:1.25rem;--paragraph2_fontSizeMobile:1rem;--paragraph2_fontSizeTablet:1rem;--paragraph3_fontSizeMobile:1rem;--paragraph3_fontSizeTablet:1rem;--paragraph4_fontSizeMobile:0.75rem;--paragraph4_fontSizeTablet:0.75rem;--heading1_fontWeightDesktop:700;--heading1_lineHeightDesktop:1.1;--heading2_fontWeightDesktop:700;--heading2_lineHeightDesktop:1.1;--heading3_fontWeightDesktop:600;--heading3_lineHeightDesktop:1.1;--heading4_fontWeightDesktop:600;--heading4_lineHeightDesktop:1.1;--heading5_fontWeightDesktop:500;--heading5_lineHeightDesktop:1.2;--heading6_fontWeightDesktop:500;--heading6_lineHeightDesktop:1.3;--link_hoverFontColorDesktop:rgb(0,0,0);--link_textDecorationDesktop:underline;--paragraph1_fontColorMobile:rgb(0,0,0);--paragraph1_fontColorTablet:rgb(0,0,0);--paragraph1_fontSizeDesktop:1.25rem;--paragraph1_fontStyleMobile:normal;--paragraph1_fontStyleTablet:normal;--paragraph2_fontColorMobile:rgb(0,0,0);--paragraph2_fontColorTablet:rgb(0,0,0);--paragraph2_fontSizeDesktop:1.13rem;--paragraph2_fontStyleMobile:normal;--paragraph2_fontStyleTablet:normal;
19425--paragraph3_fontColorMobile:rgb(0,0,0);--paragraph3_fontColorTablet:rgb(0,0,0);--paragraph3_fontSizeDesktop:1rem;--paragraph3_fontStyleMobile:normal;--paragraph3_fontStyleTablet:normal;--paragraph4_fontColorMobile:rgb(0,0,0);--paragraph4_fontColorTablet:rgb(0,0,0);--paragraph4_fontSizeDesktop:0.75rem;--paragraph4_fontStyleMobile:normal;--paragraph4_fontStyleTablet:normal;--title1_letterSpacingMobile:-8px;--title1_letterSpacingTablet:-8px;--title2_letterSpacingMobile:0;--title2_letterSpacingTablet:0;--title3_letterSpacingMobile:0;--title3_letterSpacingTablet:0;--paragraph1_fontColorDesktop:rgb(0,0,0);--paragraph1_fontStyleDesktop:normal;--paragraph1_fontWeightMobile:400;--paragraph1_fontWeightTablet:400;--paragraph1_lineHeightMobile:1.25;--paragraph1_lineHeightTablet:1.25;--paragraph2_fontColorDesktop:rgb(0,0,0);--paragraph2_fontStyleDesktop:normal;--paragraph2_fontWeightMobile:400;--paragraph2_fontWeightTablet:400;--paragraph2_lineHeightMobile:1.5;--paragraph2_lineHeightTablet:1.5;--paragraph3_fontColorDesktop:rgb(0,0,0);--paragraph3_fontStyleDesktop:normal;--paragraph3_fontWeightMobile:400;--paragraph3_fontWeightTablet:400;--paragraph3_lineHeightMobile:1.5;--paragraph3_lineHeightTablet:1.5;--paragraph4_fontColorDesktop:rgb(0,0,0);--paragraph4_fontStyleDesktop:normal;--paragraph4_fontWeightMobile:400;--paragraph4_fontWeightTablet:400;--paragraph4_lineHeightMobile:1.3;--paragraph4_lineHeightTablet:1.3;--title1_letterSpacingDesktop:-8px;--title1_textDecorationMobile:none;--title1_textDecorationTablet:none;--title2_letterSpacingDesktop:0;--title2_textDecorationMobile:none;--title2_textDecorationTablet:none;--title3_letterSpacingDesktop:0;--title3_textDecorationMobile:none;--title3_textDecorationTablet:none;--heading1_letterSpacingMobile:0;--heading1_letterSpacingTablet:0;--heading2_letterSpacingMobile:0;--heading2_letterSpacingTablet:0;--heading3_letterSpacingMobile:0;--heading3_letterSpacingTablet:0;--heading4_letterSpacingMobile:0;--heading4_letterSpacingTablet:0;--heading5_letterSpacingMobile:0;--heading5_letterSpacingTablet:0;--heading6_letterSpacingMobile:0;--heading6_letterSpacingTablet:0;--paragraph1_fontWeightDesktop:400;--paragraph1_lineHeightDesktop:1.3;--paragraph2_fontWeightDesktop:400;--paragraph2_lineHeightDesktop:1.3;--paragraph3_fontWeightDesktop:400;--paragraph3_lineHeightDesktop:1.5;--paragraph4_fontWeightDesktop:400;--paragraph4_lineHeightDesktop:1.3;--title1_textDecorationDesktop:none;--title2_textDecorationDesktop:none;--title3_textDecorationDesktop:none;--heading1_letterSpacingDesktop:0;--heading1_textDecorationMobile:none;--heading1_textDecorationTablet:none;--heading2_letterSpacingDesktop:0;--heading2_textDecorationMobile:none;--heading2_textDecorationTablet:none;--heading3_letterSpacingDesktop:0;--heading3_textDecorationMobile:none;--heading3_textDecorationTablet:none;--heading4_letterSpacingDesktop:0;--heading4_textDecorationMobile:none;--heading4_textDecorationTablet:none;--heading5_letterSpacingDesktop:0;--heading5_textDecorationMobile:none;--heading5_textDecorationTablet:none;--heading6_letterSpacingDesktop:0;--heading6_textDecorationMobile:none;--heading6_textDecorationTablet:none;--title1_paragraphSpacingMobile:0;--title1_paragraphSpacingTablet:0;--title2_paragraphSpacingMobile:0;--title2_paragraphSpacingTablet:0;--title3_paragraphSpacingMobile:2rem;--title3_paragraphSpacingTablet:2rem;--heading1_textDecorationDesktop:none;--heading2_textDecorationDesktop:none;--heading3_textDecorationDesktop:none;--heading4_textDecorationDesktop:none;--heading5_textDecorationDesktop:none;--heading6_textDecorationDesktop:none;--link_hoverTextDecorationMobile:underline;--link_hoverTextDecorationTablet:underline;--link_textDecorationColorMobile:currentColor;--link_textDecorationColorTablet:currentColor;--link_textDecorationStyleMobile:solid;--link_textDecorationStyleTablet:solid;--paragraph1_letterSpacingMobile:0;--paragraph1_letterSpacingTablet:0;--paragraph2_letterSpacingMobile:0;--paragraph2_letterSpacingTablet:0;--paragraph3_letterSpacingMobile:0;--paragraph3_letterSpacingTablet:0;--paragraph4_letterSpacingMobile:0;--paragraph4_letterSpacingTablet:0;--title1_paragraphSpacingDesktop:0;--title2_paragraphSpacingDesktop:0;--title3_paragraphSpacingDesktop:2.5rem;--heading1_paragraphSpacingMobile:2rem;--heading1_paragraphSpacingTablet:2rem;--heading2_paragraphSpacingMobile:0.75rem;--heading2_paragraphSpacingTablet:0.75rem;--heading3_paragraphSpacingMobile:0.75rem;--heading3_paragraphSpacingTablet:0.75rem;--heading4_paragraphSpacingMobile:0.75rem;--heading4_paragraphSpacingTablet:0.75rem;--heading5_paragraphSpacingMobile:0.75rem;--heading5_paragraphSpacingTablet:0.75rem;--heading6_paragraphSpacingMobile:0.75rem;--heading6_paragraphSpacingTablet:0.75rem;--link_hoverTextDecorationDesktop:underline;--link_textDecorationColorDesktop:currentColor;--link_textDecorationStyleDesktop:solid;--paragraph1_letterSpacingDesktop:0;--paragraph1_textDecorationMobile:none;
19425--paragraph1_textDecorationTablet:none;--paragraph2_letterSpacingDesktop:0;--paragraph2_textDecorationMobile:none;--paragraph2_textDecorationTablet:none;--paragraph3_letterSpacingDesktop:0;--paragraph3_textDecorationMobile:none;--paragraph3_textDecorationTablet:none;--paragraph4_letterSpacingDesktop:0;--paragraph4_textDecorationMobile:none;--paragraph4_textDecorationTablet:none;--heading1_paragraphSpacingDesktop:2.5rem;--heading2_paragraphSpacingDesktop:0.75rem;--heading3_paragraphSpacingDesktop:0.75rem;--heading4_paragraphSpacingDesktop:0.75rem;--heading5_paragraphSpacingDesktop:0.75rem;--heading6_paragraphSpacingDesktop:0.75rem;--paragraph1_textDecorationDesktop:none;--paragraph2_textDecorationDesktop:none;--paragraph3_textDecorationDesktop:none;--paragraph4_textDecorationDesktop:none;--title1_textDecorationColorMobile:currentColor;--title1_textDecorationColorTablet:currentColor;--title1_textDecorationStyleMobile:solid;--title1_textDecorationStyleTablet:solid;--title2_textDecorationColorMobile:currentColor;--title2_textDecorationColorTablet:currentColor;--title2_textDecorationStyleMobile:solid;--title2_textDecorationStyleTablet:solid;--title3_textDecorationColorMobile:currentColor;--title3_textDecorationColorTablet:currentColor;--title3_textDecorationStyleMobile:solid;--title3_textDecorationStyleTablet:solid;--paragraph1_paragraphSpacingMobile:0.75rem;--paragraph1_paragraphSpacingTablet:0.75rem;--paragraph2_paragraphSpacingMobile:0.75rem;--paragraph2_paragraphSpacingTablet:0.75rem;--paragraph3_paragraphSpacingMobile:0.75rem;--paragraph3_paragraphSpacingTablet:0.75rem;--paragraph4_paragraphSpacingMobile:0.75rem;--paragraph4_paragraphSpacingTablet:0.75rem;--title1_textDecorationColorDesktop:currentColor;--title1_textDecorationStyleDesktop:solid;--title2_textDecorationColorDesktop:currentColor;--title2_textDecorationStyleDesktop:solid;--title3_textDecorationColorDesktop:currentColor;--title3_textDecorationStyleDesktop:solid;--heading1_textDecorationColorMobile:currentColor;--heading1_textDecorationColorTablet:currentColor;--heading1_textDecorationStyleMobile:solid;--heading1_textDecorationStyleTablet:solid;--heading2_textDecorationColorMobile:currentColor;--heading2_textDecorationColorTablet:currentColor;--heading2_textDecorationStyleMobile:solid;--heading2_textDecorationStyleTablet:solid;--heading3_textDecorationColorMobile:currentColor;--heading3_textDecorationColorTablet:currentColor;--heading3_textDecorationStyleMobile:solid;--heading3_textDecorationStyleTablet:solid;--heading4_textDecorationColorMobile:currentColor;--heading4_textDecorationColorTablet:currentColor;--heading4_textDecorationStyleMobile:solid;--heading4_textDecorationStyleTablet:solid;--heading5_textDecorationColorMobile:currentColor;--heading5_textDecorationColorTablet:currentColor;--heading5_textDecorationStyleMobile:solid;--heading5_textDecorationStyleTablet:solid;--heading6_textDecorationColorMobile:currentColor;--heading6_textDecorationColorTablet:currentColor;--heading6_textDecorationStyleMobile:solid;--heading6_textDecorationStyleTablet:solid;--paragraph1_paragraphSpacingDesktop:0.75rem;--paragraph2_paragraphSpacingDesktop:0.75rem;--paragraph3_paragraphSpacingDesktop:0.75rem;--paragraph4_paragraphSpacingDesktop:0.75rem;--heading1_textDecorationColorDesktop:currentColor;--heading1_textDecorationStyleDesktop:solid;--heading2_textDecorationColorDesktop:currentColor;--heading2_textDecorationStyleDesktop:solid;--heading3_textDecorationColorDesktop:currentColor;--heading3_textDecorationStyleDesktop:solid;--heading4_textDecorationColorDesktop:currentColor;--heading4_textDecorationStyleDesktop:solid;--heading5_textDecorationColorDesktop:currentColor;--heading5_textDecorationStyleDesktop:solid;--heading6_textDecorationColorDesktop:currentColor;--heading6_textDecorationStyleDesktop:solid;--link_hoverTextDecorationColorMobile:currentColor;--link_hoverTextDecorationColorTablet:currentColor;--link_hoverTextDecorationStyleMobile:solid;--link_hoverTextDecorationStyleTablet:solid;--link_hoverTextDecorationColorDesktop:currentColor;--link_hoverTextDecorationStyleDesktop:solid;--paragraph1_textDecorationColorMobile:currentColor;--paragraph1_textDecorationColorTablet:currentColor;--paragraph1_textDecorationStyleMobile:solid;--paragraph1_textDecorationStyleTablet:solid;--paragraph2_textDecorationColorMobile:currentColor;--paragraph2_textDecorationColorTablet:currentColor;--paragraph2_textDecorationStyleMobile:solid;--paragraph2_textDecorationStyleTablet:solid;--paragraph3_textDecorationColorMobile:currentColor;--paragraph3_textDecorationColorTablet:currentColor;--paragraph3_textDecorationStyleMobile:solid;--paragraph3_textDecorationStyleTablet:solid;--paragraph4_textDecorationColorMobile:currentColor;--paragraph4_textDecorationColorTablet:currentColor;--paragraph4_textDecorationStyleMobile:solid;--paragraph4_textDecorationStyleTablet:solid;--paragraph1_textDecorationColorDesktop:currentColor;--paragraph1_textDecorationStyleDesktop:solid;--paragraph2_textDecorationColorDesktop:currentColor;--paragraph2_textDecorationStyleDesktop:solid;--paragraph3_textDecorationColorDesktop:currentColor;--paragraph3_textDecorationStyleDesktop:solid;--paragraph4_textDecorationColorDesktop:currentColor;--paragraph4_textDecorationStyleDesktop:solid}
19426:root { --colorCtaA:4,14,15;--colorCtaB:81,61,17;--colorCtaC:121,92,25;--colorCtaD:142,107,30;--colorCtaE:182,138,38;--colorCtaF:203,154,43;--colorCtaG:213,174,85;--colorCtaH:223,194,127;--colorCtaI:239,224,191;--colorCtaJ:249,244,233;--colorPrimaryA:0,13,30;--colorPrimaryB:101,77,21;--colorPrimaryC:142,107,30;--colorPrimaryD:162,123,34;--colorPrimaryE:182,138,38;--colorPrimaryF:203,154,43;--colorPrimaryG:213,174,85;--colorPrimaryH:223,194,127;--colorPrimaryI:239,224,191;--colorPrimaryJ:249,244,233;--colorSecondaryA:6,11,14;--colorSecondaryB:81,61,17;--colorSecondaryC:121,92,25;
19426--colorSecondaryD:142,107,30;--colorSecondaryE:182,138,38;--colorSecondaryF:203,154,43;--colorSecondaryG:213,174,85;--colorSecondaryH:223,194,127;--colorSecondaryI:239,224,191;--colorSecondaryJ:249,244,233;--colorBackgroundA:13,12,12;--colorBackgroundB:41,35,35;--colorBackgroundC:68,59,59;--colorBackgroundD:96,82,82;--colorBackgroundE:123,106,106;--colorBackgroundF:149,131,131;--colorBackgroundG:172,159,159;--colorBackgroundH:196,186,186;--colorBackgroundI:219,214,214;--colorBackgroundJ:243,241,241;--colorCta--active:var(--colorCtaE);--colorPrimary--active:var(--colorPrimaryE);--colorSecondary--active:var(--colorSecondaryE);--colorBackground--active:var(--colorBackgroundE);--colorBwGradientA:0,0,0;--colorBwGradientB:51,51,51;--colorBwGradientC:77,77,77;--colorBwGradientD:102,102,102;--colorBwGradientE:128,128,128;--colorBwGradientF:153,153,153;--colorBwGradientG:179,179,179;--colorBwGradientH:204,204,204;--colorBwGradientI:230,230,230;--colorBwGradientJ:255,255,255;--colorBwGradient--active:var(--colorBwGradientE)}</style>
19427    <style id="wmCustomColorCss">:root { }</style>
19428    <style id="wmCustomGradientCss">:root { --customGradient0:linear-gradient(180deg, transparent 0%, rgba(var(--colorCtaD),1) 100%)}</style>
19429    <!-- Images -->
19430    <link rel="preconnect" href="https://media.evona.app">
19431
19432    <!-- Favicon -->
19433    <link rel="icon" type="image/png" href="https://storage.evona.app/b%2FD%2FJ%2FI%2F4%2FD%2FbDJI4DFwRwflWRmm2iUo9g3Y88O1puHqLXp0shFN">
19434
19435
19436    <!-- Fonts -->
19437        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
19438    <style>/* latin-ext */
19439@font-face {
19440  font-family: 'DM Sans';
19441  font-style: italic;
19442  font-weight: 100 1000;
19443  font-display: swap;
19444  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Fp2ywxg089UriCZa4ET-DNl0.woff2) format('woff2');
19445  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
19446}
19447/* latin */
19448@font-face {
19449  font-family: 'DM Sans';
19450  font-style: italic;
19451  font-weight: 100 1000;
19452  font-display: swap;
19453  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Fp2ywxg089UriCZa4Hz-D.woff2) format('woff2');
19454  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
19455}
19456/* latin-ext */
19457@font-face {
19458  font-family: 'DM Sans';
19459  font-style: normal;
19460  font-weight: 100 1000;
19461  font-display: swap;
19462  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format('woff2');
19463  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
19464}
19465/* latin */
19466@font-face {
19467  font-family: 'DM Sans';
19468  font-style: normal;
19469  font-weight: 100 1000;
19470  font-display: swap;
19471  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZOIHQ.woff2) format('woff2');
19472  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
19473}
19474</style>
19475
19476    
19476<script> /* bugfix: this simple declaration in this particular position in HTML prevents FOUC in Firefox */ let FF_FOUC_FIX; </script>
19476
19477
19478    
19478<script type="text/javascript">/* core/config.js */
19479;(() => {
19480    globalThis.wmJsConfig = function(
19481        {
19482            mediaUrl = '',
19483            mediaScale = 1,
19484            initialAutoStart = true,
19485        }
19486    ) {
19487        /** @type { { mediaUrl: string; mediaScale: number; initialAutoStart: boolean } } */
19488        globalThis.WMConstants = {
19489            mediaUrl,
19490            mediaScale,
19491            initialAutoStart,
19492        };
19493
19494        /**
19495         * @var WMComponents
19496         * @namespace WMComponents
19497         */
19498        globalThis.WMComponents = {};
19499
19500        /** @type { { [key: string]: any } } */
19501        globalThis.WMWatchers = {};
19502
19503        /** @type { ?string } */
19504        globalThis.wmDevice = null;
19505
19506        /** @type { boolean } */
19507        globalThis.wmUserInteraction = false;
19508    }
19509})();
19510</script>
19510
19511    
19511<script>
19512        ;(() => {
19513            wmJsConfig({
19514                mediaUrl: 'https://media.evona.app',
19515                mediaScale: 1,
19516                initialAutoStart: true,
19517            });
19518        })();
19519    </script>
19519
19520
19521    <!-- must never be deferred -->
19522    
19522<script type="text/javascript">/* core/wm-system.js */
19523;(() => {
19524    /* =================================== */
19525    /* ===== System Event Dispatcher ===== */
19526    /* =================================== */
19527
19528    globalThis.WmEvents ??= {};
19529    (globalThis.WmSystem ??= {}).emitEvent = function emitSystemEvent(
19530        constructor,
19531        ...arguments
19532    ) {
19533        if (!constructor) return false;
19534        try {
19535            const event = new constructor(...arguments);
19536            return dispatchEvent(event);
19537        } catch (e) {
19538            console.error(e);
19539            return false;
19540        }
19541    };
19542})();
19543</script>
19543
19544    
19544<script type="text/javascript">/* core/events.js */
19545;(() => {
19546    /* ==================================== */
19547    /* ===== Dismiss Behavior Handler ===== */
19548    /* ==================================== */
19549
19550    /**
19551     * @class {DismissEvent}
19552     */
19553    class DismissEvent extends Event {
19554        /**
19555         * @param {MouseEvent&{target:HTMLElement}} config.cause
19556         * @param {DismissType} config.type
19557         *
19558         */
19559        constructor(config) {
19560            super('wm-dismiss');
19561            /** @type {DismissType}*/
19562            this.dismissType = config.type;
19563            const { cause } = config;
19564            /** @type {string|undefined}*/
19565            this.sectionId = cause.target.closest('.wmc_section, .wmc_popUpSection')?.id;
19566        }
19567    }
19568
19569    (globalThis.WmEvents ??= {})['DismissEvent'] ??= DismissEvent;
19570
19571    /* ==================================== */
19572    /* ===== Popup Behavior Handler ===== */
19573    /* ==================================== */
19574
19575    /**
19576     * @class {PopUpOpenEvent}
19577     */
19578    class PopUpOpenEvent extends Event {
19579        /**
19580         * @param {MouseEvent&{target:HTMLElement}} config.cause
19581         * @param {string} config.popUpSectionId
19582         *
19583         */
19584        constructor(config) {
19585            super('wm-popup-open');
19586            const {  popUpSectionId } = config;
19587            /** @type {string}*/
19588            this.popUpSectionId = popUpSectionId;
19589        }
19590    }
19591
19592    (globalThis.WmEvents ??= {})['PopUpOpenEvent'] ??= PopUpOpenEvent;
19593})();
19594</script>
19594
19595    
19595<script type="text/javascript">/* core/device.js */
19596;(() => {
19597    // this is supported only in Chrome as of February 2026
19598    // allows for much more efficient scaling (without layout thrashing)
19599    const cssLengthDivisionSupported = CSS.supports('opacity: calc(100vw / 100px)') && CSS.supports('opacity: calc(100% / 100px)');
19600    if (!cssLengthDivisionSupported ) {
19601        console.warn( 'length division not supported in CSS - using JS fallback');
19602    }
19603
19604    class WmDeviceReadyEvent extends CustomEvent {
19605        constructor(detail = null) {
19606            super('wm-device-ready', { detail });
19607        }
19608    }
19609
19610    class WmDeviceChangeEvent extends CustomEvent {
19611        constructor(detail = null) {
19612            super('wm-device-change', { detail });
19613        }
19614    }
19615
19616    function setDeviceWidth(zeroDiff = false) {
19617        if (cssLengthDivisionSupported) {
19618            return;
19619        }
19620        const windowWidth = window.innerWidth;
19621        const windowWidthDiff = zeroDiff ? 0 : (windowWidth - document.documentElement.clientWidth);
19622        document.documentElement.style.setProperty('--wm_windowWidth', `${windowWidth}`);
19623        document.documentElement.style.setProperty('--wm_windowWidthDiff', `${windowWidthDiff}`);
19624        document.documentElement.style.setProperty('overflow-y', (windowWidthDiff > 0) ? 'scroll' : 'visible');
19625    }
19626
19627    function handleSetDevice()  {
19628        let device = 'Desktop';
19629        if (window.matchMedia('all and (650px <= width < 1040px)').matches) {
19630            device = 'Tablet';
19631        }
19632        if (window.matchMedia('all and (width < 650px)').matches) {
19633            device = 'Mobile';
19634        }
19635
19636        if (!globalThis.wmDevice) {
19637            globalThis.wmDevice = device;
19638            console.debug(`device: ${globalThis.wmDevice}`);
19639            window.dispatchEvent(new WmDeviceReadyEvent());
19640            return;
19641        }
19642
19643        if (globalThis.wmDevice !== device) {
19644            globalThis.wmDevice = device;
19645            console.debug(`device: ${globalThis.wmDevice}`);
19646            window.dispatchEvent(new WmDeviceChangeEvent());
19647        }
19648    }
19649
19650    /**
19651     * @param callback {function(): void}
19652     */
19653    function afterFramePaint(callback) {
19654        requestAnimationFrame(() => {
19655            const messageChannel = new MessageChannel();
19656            messageChannel.port1.onmessage = callback;
19657            messageChannel.port2.postMessage(undefined);
19658        });
19659    }
19660
19661    function setDevice() {
19662        setDeviceWidth(true);
19663        if ((!cssLengthDivisionSupported) && (document.body.clientHeight < document.body.scrollHeight)) {
19664            setDeviceWidth();
19665        }
19666        handleSetDevice();
19667        afterFramePaint(() => {
19668            if (document.documentElement.classList.contains('wm_initial')) {
19669                document.documentElement.classList.remove('wm_initial');
19670            }
19671            window.addEventListener('resize', setDevice, { once: true });
19672        });
19673    }
19674
19675    if (document.readyState === 'loading') {
19676        setDeviceWidth(true);
19677        window.addEventListener('DOMContentLoaded', setDevice, { once: true });
19678    } else {
19679        setDevice();
19680    }
19681})();
19682</script>
19682
19683    
19683<script type="text/javascript">/* core/reorder.js */
19684/**
19685 * Reorder components based on their grid position
19686 * for browsers to construct the DOM in the correct order for accessibility purposes
19687 */
19688;(() => {
19689    const processed = new WeakMap();
19690    let currentDevice = null;
19691    let observer = null;
19692    let isInitialized = false;
19693
19694    /**
19695     * Reorder a single container - optimized version
19696     * @param {HTMLElement} container
19697     */
19698    function reorderContainer(container, force = false) {
19699        const device = globalThis.wmDevice;
19700        if (!device) return;
19701
19702        const deviceKey = device;
19703        if (processed.get(container) === deviceKey) {
19704            if (!force) return;
19705        }
19706
19707        const gridPositionVar = `--gridPosition${device}`;
19708        const components = container.querySelectorAll(':scope > .wmc:not(.wmc_stub)');
19709
19710        if (components.length <= 1) {
19711            processed.set(container, deviceKey);
19712            return;
19713        }
19714
19715        // Fast path: check if already sorted by comparing first few elements
19716        const firstFew = Math.min(5, components.length);
19717        let likelySorted = true;
19718        let lastPos = -Infinity;
19719
19720        for (let i = 0; i < firstFew; i++) {
19721            const pos = parseInt(components[i].style.getPropertyValue(gridPositionVar), 10) || 0;
19722            if (pos < lastPos) {
19723                likelySorted = false;
19724                break;
19725            }
19726            lastPos = pos;
19727        }
19728
19729        if (likelySorted && firstFew === components.length) {
19730            processed.set(container, deviceKey);
19731            return;
19732        }
19733
19734        // Batch all reads
19735        const items = [];
19736        for (let i = 0; i < components.length; i++) {
19737            const pos = parseInt(components[i].style.getPropertyValue(gridPositionVar), 10) || 0;
19738            items.push({ element: components[i], position: pos, index: i });
19739        }
19740
19741        // Check if actually needs reordering
19742        let needsReorder = false;
19743        for (let i = 1; i < items.length; i++) {
19744            if (items[i].position < items[i - 1].position) {
19745                needsReorder = true;
19746                break;
19747            }
19748        }
19749
19750        if (!needsReorder) {
19751            processed.set(container, deviceKey);
19752            return;
19753        }
19754
19755        // Sort and reorder
19756        items.sort((a, b) => a.position - b.position);
19757
19758        const fragment = document.createDocumentFragment();
19759        for (const item of items) {
19760            fragment.appendChild(item.element);
19761        }
19762        container.appendChild(fragment);
19763
19764        processed.set(container, deviceKey);
19765    }
19766
19767    /**
19768     * Setup lazy reordering with IntersectionObserver
19769     */
19770    function setupLazyReordering(force = false) {
19771        if (force) {
19772            const containers = document.querySelectorAll('.wml');
19773            for (const container of containers) {
19774                reorderContainer(container, true);
19775            }
19776            return;
19777        }
19778
19779        if (observer) {
19780            observer.disconnect();
19781        }
19782
19783        observer = new IntersectionObserver((entries) => {
19784            const callback = () => {
19785                for (const entry of entries) {
19786                    if (entry.isIntersecting) {
19787                        reorderContainer(entry.target);
19788                        observer.unobserve(entry.target);
19789                    }
19790                }
19791            };
19792            if (typeof requestIdleCallback === 'function') {
19793                requestIdleCallback(callback, { timeout: 3000 });
19794            } else {
19795                // Fallback for browsers without requestIdleCallback
19796                setTimeout(callback, 1000);
19797            }
19798        }, { rootMargin: '100px' });
19799
19800        // Only observe containers with children
19801        const containers = document.querySelectorAll('.wml');
19802        for (const container of containers) {
19803            const hasMultipleChildren = container.querySelectorAll(':scope > .wmc:not(.wmc_stub)').length > 1;
19804            if (hasMultipleChildren) {
19805                observer.observe(container);
19806            }
19807        }
19808    }
19809
19810    /**
19811     * Handle device change - clear cache and re-observe
19812     */
19813    function handleDeviceChange() {
19814        const device = globalThis.wmDevice;
19815        if (device && device !== currentDevice) {
19816            currentDevice = device;
19817            // Don't clear processed map - device key will handle it
19818            if (isInitialized) {
19819                setupLazyReordering();
19820            }
19821        }
19822    }
19823
19824    /**
19825     * Initialize - but only after everything else
19826     */
19827    function init() {
19828        if (isInitialized) return;
19829        isInitialized = true;
19830
19831        currentDevice = globalThis.wmDevice;
19832        if (!currentDevice) {
19833            window.addEventListener('wm-device-ready', () => {
19834                currentDevice = globalThis.wmDevice;
19835                setupLazyReordering();
19836            }, { once: true });
19837        } else {
19838            setupLazyReordering();
19839        }
19840
19841        window.addEventListener('wm-device-change', handleDeviceChange);
19842
19843        // Pause when page hidden to save resources
19844        document.addEventListener('visibilitychange', () => {
19845            if (document.hidden && observer) {
19846                observer.disconnect();
19847            } else if (!document.hidden && isInitialized) {
19848                setupLazyReordering();
19849            }
19850        });
19851    }
19852
19853    window.triggerReordering = () => setupLazyReordering(true);
19854
19855    // CRITICAL: Maximum deferral - only run after everything else
19856    // Priority order: user interaction > idle > page load
19857    if (typeof requestIdleCallback === 'function') {
19858        requestIdleCallback(() => {
19859            if (!globalThis.wmUserInteraction) {
19860                window.addEventListener('wm-user-interaction', init, { once: true });
19861            } else {
19862                init();
19863            }
19864        }, { timeout: 5000 });
19865    } else {
19866        // Fallback for browsers without requestIdleCallback
19867        if (!globalThis.wmUserInteraction) {
19868            window.addEventListener('wm-user-interaction', init, { once: true });
19869        } else {
19870            setTimeout(init, 1000);
19871        }
19872    }
19873})();
19874</script>
19874
19875    
19875<script type="text/javascript">/* core/animate-entry.js */
19876;(() => {
19877    const CLASS_NAMES = {
19878        ANIMATE_ENTRY: 'wmcM_animateEntry',
19879        ANIMATE_EXIT: 'wmcM_animateExit',
19880        ENTRY_INITIAL_STATE: 'wmcA_entryInitialState',
19881        ENTRY_TRANSITION_STATE: 'wmcA_entryTransitionState',
19882        EXIT_INITIAL_STATE: 'wmcA_exitInitialState',
19883        EXIT_TRANSITION_STATE: 'wmcA_exitTransitionState',
19884        NO_TRANSITION: 'wmcA_noTransition'
19885    };
19886
19887    const CSS_VARIABLES = {
19888        TRANSITION_DELAY_ENTRY: '--transitionDelayMsEntry',
19889        TRANSITION_DURATION_ENTRY: '--transitionDurationMsEntry'
19890    };
19891
19892    const CONFIG = {
19893        ANIMATION_CLEANUP_DELAY: 50,
19894        EXIT_DEBOUNCE: 50
19895    };
19896
19897    const ENTRY_SELECTOR = '.' + CLASS_NAMES.ANIMATE_ENTRY;
19898    const ENTRY_TRANSITION_SELECTOR = '.' + CLASS_NAMES.ENTRY_TRANSITION_STATE;
19899    const ENTRY_INITIAL_SELECTOR = '.' + CLASS_NAMES.ENTRY_INITIAL_STATE;
19900    const ANIMATING_SELECTOR = ENTRY_SELECTOR + ENTRY_TRANSITION_SELECTOR + ':not(' + ENTRY_INITIAL_SELECTOR + ')';
19901
19902    const pinnedWmlStyles = new WeakMap();
19903
19904    function getTransitionTiming(element) {
19905        const style = getComputedStyle(element);
19906        const delay = parseInt(style.getPropertyValue(CSS_VARIABLES.TRANSITION_DELAY_ENTRY), 10) || 0;
19907        const duration = parseInt(style.getPropertyValue(CSS_VARIABLES.TRANSITION_DURATION_ENTRY), 10) || 0;
19908        return { delay, duration };
19909    }
19910
19911    function isAnimateEntry(element) {
19912        return element && element.classList.contains(CLASS_NAMES.ANIMATE_ENTRY);
19913    }
19914
19915    function isAnimatingEntry(element) {
19916        return isAnimateEntry(element)
19917            && element.classList.contains(CLASS_NAMES.ENTRY_TRANSITION_STATE)
19918            && !element.classList.contains(CLASS_NAMES.ENTRY_INITIAL_STATE);
19919    }
19920
19921    function getAnimatingEntries(container) {
19922        const targets = [];
19923        if (isAnimatingEntry(container)) {
19924            targets.push(container);
19925        }
19926        container.querySelectorAll(ANIMATING_SELECTOR).forEach(element => targets.push(element));
19927        return targets;
19928    }
19929
19930    const delay = ms => new Promise(resolve => setTimeout(resolve, ms));
19931
19932    function init() {
19933        const components = document.querySelectorAll(ENTRY_SELECTOR);
19934        components.forEach(component => component.classList.add(CLASS_NAMES.ENTRY_INITIAL_STATE, CLASS_NAMES.ENTRY_TRANSITION_STATE));
19935
19936        const apiTimeoutMap = new WeakMap();
19937
19938        globalThis.wmAnimateEntry = {
19939            triggerEntry(element) {
19940                if (!isAnimateEntry(element)) return;
19941
19942                element.classList.add(CLASS_NAMES.ENTRY_INITIAL_STATE, CLASS_NAMES.ENTRY_TRANSITION_STATE);
19943                void element.offsetHeight;
19944
19945                requestAnimationFrame(() => {
19946                    element.classList.remove(CLASS_NAMES.ENTRY_INITIAL_STATE);
19947
19948                    const { delay, duration } = getTransitionTiming(element);
19949
19950                    clearTimeout(apiTimeoutMap.get(element));
19951                    apiTimeoutMap.set(element, setTimeout(() => {
19952                        element.classList.remove(CLASS_NAMES.ENTRY_TRANSITION_STATE);
19953                        element.classList.add(CLASS_NAMES.NO_TRANSITION);
19954                        setTimeout(() => element.classList.remove(CLASS_NAMES.NO_TRANSITION), CONFIG.ANIMATION_CLEANUP_DELAY);
19955                    }, delay + duration));
19956                });
19957            },
19958
19959            triggerChildEntries(container) {
19960                if (!container) return;
19961
19962                const children = container.querySelectorAll(ENTRY_SELECTOR);
19963                children.forEach(child => {
19964                    this.triggerEntry(child);
19965                });
19966            },
19967
19968            completeEntry(element) {
19969                if (!isAnimateEntry(element)) return;
19970                clearTimeout(apiTimeoutMap.get(element));
19971                apiTimeoutMap.delete(element);
19972                element.classList.remove(CLASS_NAMES.ENTRY_INITIAL_STATE, CLASS_NAMES.ENTRY_TRANSITION_STATE);
19973                element.classList.add(CLASS_NAMES.NO_TRANSITION);
19974                setTimeout(() => element.classList.remove(CLASS_NAMES.NO_TRANSITION));
19975            },
19976
19977            freezeEntries(container) {
19978                if (!container) return;
19979
19980                getAnimatingEntries(container).forEach(element => {
19981                    const wml = element.querySelector(':scope > .wml');
19982                    if (!wml) return;
19983
19984                    const style = getComputedStyle(wml);
19985                    const pinned = {
19986                        opacity: style.opacity,
19987                        transform: style.transform,
19988                        filter: style.filter
19989                    };
19990
19991                    clearTimeout(apiTimeoutMap.get(element));
19992                    apiTimeoutMap.delete(element);
19993                    pinnedWmlStyles.set(element, pinned);
19994
19995                    element.classList.add(CLASS_NAMES.NO_TRANSITION);
19996                    wml.style.setProperty('opacity', pinned.opacity);
19997                    wml.style.setProperty('transform', pinned.transform);
19998                    wml.style.setProperty('filter', pinned.filter);
19999                });
20000            },
20001
20002            resumeEntries(container) {
20003                if (!container) return;
20004
20005                const frozen = getAnimatingEntries(container).filter(element => pinnedWmlStyles.has(element));
20006
20007                frozen.forEach(element => {
20008                    element.classList.remove(CLASS_NAMES.NO_TRANSITION);
20009                    void element.offsetHeight;
20010                });
20011
20012                requestAnimationFrame(() => {
20013                    frozen.forEach(element => {
20014                        const wml = element.querySelector(':scope > .wml');
20015                        if (!wml) {
20016                            pinnedWmlStyles.delete(element);
20017                            return;
20018                        }
20019
20020                        wml.style.removeProperty('opacity');
20021                        wml.style.removeProperty('transform');
20022                        wml.style.removeProperty('filter');
20023
20024                        const { delay, duration } = getTransitionTiming(element);
20025                        const release = () => {
20026                            wml.removeEventListener('transitionend', release);
20027                            clearTimeout(apiTimeoutMap.get(element));
20028                            apiTimeoutMap.delete(element);
20029                            pinnedWmlStyles.delete(element);
20030                            element.classList.remove(CLASS_NAMES.ENTRY_TRANSITION_STATE);
20031                            element.classList.add(CLASS_NAMES.NO_TRANSITION);
20032                            requestAnimationFrame(() => element.classList.remove(CLASS_NAMES.NO_TRANSITION));
20033                        };
20034                        wml.addEventListener('transitionend', release);
20035                        apiTimeoutMap.set(element, setTimeout(release, delay + duration + CONFIG.ANIMATION_CLEANUP_DELAY));
20036                    });
20037                });
20038            },
20039
20040            async triggerExit(element) {
20041                if (!element?.classList?.contains(CLASS_NAMES.ANIMATE_EXIT)) {
20042                    return;
20043                }
20044
20045                this.removeAllClasses(element);
20046                element.classList.add(CLASS_NAMES.EXIT_TRANSITION_STATE);
20047
20048                await delay(CONFIG.EXIT_DEBOUNCE);
20049                element.classList.add(CLASS_NAMES.EXIT_INITIAL_STATE);
20050
20051                const wmlElement = element.querySelector('.wml');
20052                if (wmlElement) {
20053                    delay(10).then(() => wmlElement.style.setProperty('opacity', '0', 'important'));
20054                }
20055
20056                const { delay: exitDelay, duration } = getTransitionTiming(element);
20057                await delay(exitDelay + duration);
20058
20059                element.classList.remove(CLASS_NAMES.EXIT_TRANSITION_STATE, CLASS_NAMES.EXIT_INITIAL_STATE);
20060                element.classList.add(CLASS_NAMES.NO_TRANSITION);
20061
20062                await delay(CONFIG.ANIMATION_CLEANUP_DELAY);
20063                element.classList.remove(CLASS_NAMES.NO_TRANSITION);
20064            },
20065
20066            resetToInitial(element) {
20067                if (!isAnimateEntry(element)) return;
20068                element.classList.add(CLASS_NAMES.ENTRY_INITIAL_STATE, CLASS_NAMES.ENTRY_TRANSITION_STATE);
20069            },
20070
20071            removeAllClasses(element) {
20072                if (!element) return;
20073                clearTimeout(apiTimeoutMap.get(element));
20074                apiTimeoutMap.delete(element);
20075                pinnedWmlStyles.delete(element);
20076                element.classList.remove(
20077                    CLASS_NAMES.ENTRY_INITIAL_STATE,
20078                    CLASS_NAMES.ENTRY_TRANSITION_STATE,
20079                    CLASS_NAMES.EXIT_INITIAL_STATE,
20080                    CLASS_NAMES.EXIT_TRANSITION_STATE,
20081                    CLASS_NAMES.NO_TRANSITION
20082                );
20083            },
20084
20085            observe(element) {},
20086            unobserve(element) {}
20087        };
20088
20089        // `data-animate-observe="<id>"` observes visibility via another element
20090        function observedTargetFor(component) {
20091            const targetId = component.dataset.animateObserve;
20092            if (!targetId) return component;
20093            return document.getElementById(targetId) ?? component;
20094        }
20095
20096        function animateEntryHandler() {
20097            const observerTimeoutMap = new WeakMap();
20098            const observedTargets = new WeakMap();
20099            const onScreenObserver = new IntersectionObserver(onScreenWatcher, {
20100                threshold: 0,
20101                rootMargin: '0px 0px -5% 0px'
20102            });
20103
20104            function observe(component) {
20105                const target = observedTargetFor(component);
20106                if (!observedTargets.has(target)) observedTargets.set(target, new Set());
20107                observedTargets.get(target).add(component);
20108                onScreenObserver.observe(target);
20109            }
20110
20111            components.forEach(observe);
20112
20113            window.addEventListener('transitionend', transitionEndHandler);
20114            window.addEventListener('transitioncancel', transitionEndHandler);
20115            window.addEventListener('wm-component-offscreen', offScreenHandler);
20116            window.addEventListener('wm-device-change', preventAnimateEntryOnDeviceChange);
20117
20118            function onScreenWatcher(entries, observer) {
20119                entries.forEach(entry => {
20120                    if (entry.isIntersecting) {
20121                        const target = entry.target;
20122                        observer.unobserve(target);
20123                        const animatedComponents = observedTargets.get(target) ?? new Set([target]);
20124                        observedTargets.delete(target);
20125                        animatedComponents.forEach(component => {
20126                            component.classList.remove(CLASS_NAMES.ENTRY_INITIAL_STATE);
20127
20128                            clearTimeout(observerTimeoutMap.get(component));
20129
20130                            const { delay, duration } = getTransitionTiming(component);
20131                            observerTimeoutMap.set(component, setTimeout(() => forceEndTransition(component), delay + duration));
20132                        });
20133                    }
20134                });
20135            }
20136
20137            function forceEndTransition(component, force = false) {
20138                if (pinnedWmlStyles.has(component)) return;
20139                if (force || observerTimeoutMap.get(component)) {
20140                    clearTimeout(observerTimeoutMap.get(component));
20141                    observerTimeoutMap.delete(component);
20142                    component.classList.remove(CLASS_NAMES.ENTRY_INITIAL_STATE, CLASS_NAMES.ENTRY_TRANSITION_STATE);
20143                    component.classList.add(CLASS_NAMES.NO_TRANSITION);
20144                    setTimeout(() => component.classList.remove(CLASS_NAMES.NO_TRANSITION));
20145                }
20146            }
20147
20148            function transitionEndHandler(event) {
20149                // Background layers (color/gradient) have no .wml child, so they carry
20150                // wmcM_animateEntry on themselves rather than on a parent of the transitioning node.
20151                const component = event.target.matches(`.${CLASS_NAMES.ANIMATE_ENTRY}`)
20152                    ? event.target
20153                    : event.target.parentElement;
20154                if (!component) return;
20155                if (pinnedWmlStyles.has(component)) return;
20156                if (!component?.matches(`.${CLASS_NAMES.ANIMATE_ENTRY}:not(.${CLASS_NAMES.ENTRY_INITIAL_STATE})`)) {
20157                    return;
20158                }
20159                forceEndTransition(component);
20160            }
20161
20162            function offScreenHandler(event) {
20163                const element = event.target;
20164                const offScreenComponents = element.querySelectorAll(ENTRY_SELECTOR);
20165                offScreenComponents.forEach(component => {
20166                    clearTimeout(observerTimeoutMap.get(component));
20167                    observerTimeoutMap.delete(component);
20168                    component.classList.add(CLASS_NAMES.ENTRY_INITIAL_STATE, CLASS_NAMES.ENTRY_TRANSITION_STATE);
20169                    observe(component);
20170                });
20171            }
20172
20173            function preventAnimateEntryOnDeviceChange() {
20174                components.forEach(component => forceEndTransition(component, true));
20175            }
20176
20177            globalThis.wmAnimateEntry.observe = function(element) {
20178                if (!isAnimateEntry(element)) return;
20179                onScreenObserver.observe(element);
20180            };
20181
20182            globalThis.wmAnimateEntry.unobserve = function(element) {
20183                if (!isAnimateEntry(element)) return;
20184                onScreenObserver.unobserve(element);
20185            };
20186        }
20187
20188        function callAnimateEntryHandler() {
20189            window.removeEventListener('wm-user-interaction', callAnimateEntryHandler);
20190            window.removeEventListener('load', callAnimateEntryHandler);
20191            animateEntryHandler();
20192        }
20193
20194        if (!globalThis.wmUserInteraction) {
20195            if (document.readyState !== 'complete') {
20196                window.addEventListener('wm-user-interaction', callAnimateEntryHandler);
20197                window.addEventListener('load', callAnimateEntryHandler);
20198            } else {
20199                animateEntryHandler();
20200            }
20201        } else {
20202            animateEntryHandler();
20203        }
20204    }
20205
20206    if (!globalThis.wmDevice) {
20207        window.addEventListener('wm-device-ready', init, { once: true });
20208    } else {
20209        init();
20210    }
20211})();
20212</script>
20212
20213    
20213<script type="text/javascript">/* core/animate-hover.js */
20214;(() => {
20215    function init() {
20216        console.debug('animate-hover: init');
20217
20218        function preventAnimateHoverOnDeviceChange() {
20219            const components = document.querySelectorAll('.wmcM_animateHover');
20220            components.forEach(component => component.classList.add('wmcA_noTransition'));
20221            setTimeout(() => {
20222                components.forEach(component => component.classList.remove('wmcA_noTransition'));
20223            });
20224        }
20225
20226        window.addEventListener('wm-device-change', preventAnimateHoverOnDeviceChange);
20227    }
20228
20229    if (!globalThis.wmDevice) {
20230        window.addEventListener('wm-device-ready', init, { once: true });
20231    } else {
20232        init();
20233    }
20234})();
20235</script>
20235
20236    
20236<script type="text/javascript">/* core/dismiss.js */
20237;(() => {
20238
20239    globalThis.WmLinkDismiss ??= {
20240        getDismissStore: getStore
20241    };
20242
20243    const { localStorage, sessionStorage } = window;
20244    // We store the preview path because of the proxy context.
20245    // Don't have a good way of stopping this running in the proxy
20246    const shard = location.pathname.match(/^\/(\d+\/preview\/)/)?.[1] ?? location.host;
20247    const key = `dismissed/${shard}`;
20248
20249    /**
20250     * @name UserDismissalStore
20251     * @type Object
20252     * @property {Record<string, UserDismissal>} data
20253     * @property {()=>UserDismissalStore} update
20254     */
20255
20256    /**
20257     * @name UserDismissal
20258     * @type {{
20259     *     sectionId: string;
20260     *     type: DismissType;
20261     *     actionDate: string;
20262     *     lastSeen: string;
20263     * }}
20264     */
20265
20266    /**
20267     * @param {DismissEvent} event
20268     */
20269    function handleNew(event) {
20270        const section = document.getElementById(event.sectionId);
20271        if (!section) return;
20272
20273        applyDismiss(section);
20274        /**
20275         * @type {Storage|undefined}
20276         */
20277        let storage;
20278        switch (event.dismissType) {
20279            case 'permanent':
20280                storage = localStorage;
20281                break;
20282            case 'session':
20283                storage = sessionStorage;
20284        }
20285        if (!storage) return;
20286        const store = getStore(storage);
20287        store.data[event.sectionId] = {
20288            type: event.dismissType,
20289            actionDate: new Date().toISOString(),
20290            lastSeen: new Date().toISOString()
20291        };
20292        store.update();
20293    }
20294
20295    /**
20296     * @param { HTMLElement|HTMLElement&{wmDismiss: ()=>void;} } section
20297     */
20298    function applyDismiss(section){
20299        // Check to see if the dismiss section is complex
20300        if (
20301            'wmDismiss' in section &&
20302            typeof section.wmDismiss === 'function' &&
20303            section.wmDismiss.length === 0
20304        ) {
20305            try {
20306                section.wmDismiss();
20307            } catch (e) {
20308                console.error(e);
20309            }
20310        } else {
20311            // Deprecated branch, the wmc_section should be applying this class itself
20312            section.classList.add('wmc_section--dismissed');
20313        }
20314    }
20315
20316    /**
20317     * @param {Storage} storage
20318     * @return UserDismissalStore
20319     */
20320    function getStore(storage) {
20321        /** @type {UserDismissalStore} */
20322        const store = JSON.parse(storage.getItem(key)) ?? {};
20323        store.data ??= {};
20324        store.update = () => {
20325            storage.setItem(key, JSON.stringify(store));
20326            return store;
20327        };
20328        return store;
20329    }
20330
20331    /**
20332     * @param {Storage} storage
20333     */
20334    function processStoredDismissals(storage) {
20335        const store = getStore(storage);
20336        const removed = [];
20337        // We don't need that high of a time resolution here.
20338        const lastSeen = new Date().toISOString();
20339        for (const [id, dismissal] of Object.entries(store.data)) {
20340            const section = document.getElementById(id);
20341            // Section might not be in the current view
20342            if (!section) continue;
20343
20344            const type = dismissal.type;
20345            /** @type {HTMLElement}*/
20346            const currentButton = section.querySelector(`[data-dismiss-type="${type}"]`);
20347
20348            // Our section no longer is of this type. Unset
20349            if (!currentButton) {
20350                delete store.data[id];
20351                removed.push(dismissal);
20352                continue;
20353            }
20354
20355            applyDismiss(section);
20356            // Mark that we have seen it
20357            dismissal.lastSeen = lastSeen;
20358        }
20359        return {
20360            store,
20361            removed
20362        };
20363    }
20364
20365    function startUp() {
20366        console.debug('dismiss: init');
20367        const permanentResults = processStoredDismissals(localStorage);
20368        const sessionResults = processStoredDismissals(sessionStorage);
20369        permanentResults.store.update();
20370        sessionResults.store.update();
20371
20372        window.addEventListener('wm-dismiss', handleNew);
20373    }
20374
20375    if (globalThis.WMConstants.initialAutoStart) {
20376        if (document.readyState === 'loading') {
20377            document.addEventListener('DOMContentLoaded', startUp, { once: true });
20378        } else {
20379            startUp();
20380        }
20381    }
20382})();
20383</script>
20383
20384
20385    <!-- @TODO: potential candidates to be deferred -->
20386    
20386<script type="text/javascript">/* core/sticky.js */
20387;(() => {
20388    const CLASS_NAMES = {
20389        STICKY_TOP: 'wmcM_stickyTop',
20390        STICKY_BOTTOM: 'wmcM_stickyBottom',
20391        STICKY_TOP_FIXED: 'wmcM_stickyTopFixed',
20392        STICKY_BOTTOM_FIXED: 'wmcM_stickyBottomFixed',
20393
20394        TRAILING_TOP: 'wmcM_trailingTop',
20395        TRAILING_BOTTOM: 'wmcM_trailingBottom',
20396        TRAILING_TOP_REVEALED: 'wmcM_trailingTopRevealed',
20397        TRAILING_BOTTOM_REVEALED: 'wmcM_trailingBottomRevealed',
20398
20399        ANIMATE_ENTRY: 'wmcM_animateEntry',
20400        ANIMATE_EXIT: 'wmcM_animateExit'
20401    };
20402
20403    const CSS_VARIABLES = {
20404        STICKY_OFFSET: '--stickyOffset',
20405        TRAILING_ANCHOR_ID: '--trailingAnchorId',
20406        REVEAL_THRESHOLD: '--revealThreshold',
20407        SCROLL_BEHAVIOR: '--scrollBehavior',
20408        TRANSITION_DELAY_ENTRY: '--transitionDelayMsEntry',
20409        TRANSITION_DURATION_ENTRY: '--transitionDurationMsEntry'
20410    };
20411
20412    const CONFIG = {
20413        POSITIONING: {
20414            FIXED_Z_INDEX: 5000,
20415            VISIBILITY_DEBOUNCE: 50
20416        },
20417        SELECTORS: {
20418            STICKY_ELEMENTS: '.wmcM_stickyTop, .wmcM_stickyBottom',
20419            TRAILING_ELEMENTS: '.wmcM_scrollBehavior'
20420        },
20421        CSS_CLASSES: {
20422            STICKY_STATE: 'wmc_section_sticky_state',
20423            SECTION_PLACEHOLDER: 'wmc_section_placeholder'
20424        }
20425    };
20426
20427    class SafeOperation {
20428        static execute(operation, fallback = null) {
20429            try {
20430                return operation();
20431            } catch (error) {
20432                if (fallback) {
20433                    try {
20434                        return fallback();
20435                    } catch (fallbackError) {
20436                        // Silent fallback failure
20437                    }
20438                }
20439                return null;
20440            }
20441        }
20442    }
20443
20444    class ElementStyleManager {
20445        static applyFixedPositioning(element, type, offset = 0) {
20446            const styles = this.getFixedStyles(type, offset);
20447            Object.entries(styles).forEach(([prop, value]) => {
20448                element.style.setProperty(prop, value);
20449            });
20450        }
20451
20452        static getFixedStyles(type, offset) {
20453            const baseStyles = {
20454                'position': 'fixed',
20455                'left': '0px',
20456                'right': '0px',
20457                'z-index': CONFIG.POSITIONING.FIXED_Z_INDEX.toString(),
20458                'display': 'block',
20459                'visibility': 'visible',
20460                'opacity': '1'
20461            };
20462
20463            if (type === 'top') {
20464                baseStyles.top = offset + 'px';
20465                baseStyles.bottom = 'auto';
20466            } else {
20467                baseStyles.bottom = offset + 'px';
20468                baseStyles.top = 'auto';
20469            }
20470
20471            return baseStyles;
20472        }
20473
20474        static clearPositioning(element) {
20475            const propsToRemove = [
20476                'position', 'top', 'left', 'right', 'bottom',
20477                'z-index', 'display', 'visibility', 'opacity'
20478            ];
20479            propsToRemove.forEach(prop => element.style.removeProperty(prop));
20480        }
20481    }
20482
20483    class DeviceDetector {
20484        constructor() {
20485            this.currentDevice = this.getCurrentDevice();
20486            this.listeners = new Set();
20487            this.setupListeners();
20488        }
20489
20490        getCurrentDevice() {
20491            const device = globalThis.wmDevice;
20492            return device.toLowerCase() || 'desktop';
20493        }
20494
20495        addListener(callback) {
20496            this.listeners.add(callback);
20497        }
20498
20499        removeListener(callback) {
20500            this.listeners.delete(callback);
20501        }
20502
20503        setupListeners() {
20504            const handleDeviceChange = () => {
20505                const newDevice = this.getCurrentDevice();
20506                if (newDevice !== this.currentDevice) {
20507                    const oldDevice = this.currentDevice;
20508                    this.currentDevice = newDevice;
20509                    this.listeners.forEach(callback => {
20510                        try {
20511                            callback(newDevice, oldDevice);
20512                        } catch (error) {
20513                        }
20514                    });
20515                }
20516            };
20517
20518            window.addEventListener('wm-device-change', handleDeviceChange);
20519            this.cleanup = () => {
20520                window.removeEventListener('wm-device-change', handleDeviceChange);
20521            };
20522        }
20523
20524        destroy() {
20525            this.listeners.clear();
20526            if (this.cleanup) {
20527                this.cleanup();
20528            }
20529        }
20530    }
20531
20532
20533    class DeviceChangeCommand {
20534        constructor(manager, oldDevice, newDevice) {
20535            this.manager = manager;
20536            this.oldDevice = oldDevice;
20537            this.newDevice = newDevice;
20538            this.elementsToPreserve = new Set();
20539            this.elementsToRecreate = new Set();
20540        }
20541
20542        analyze() {
20543            this.manager.watchers.forEach((watcher, element) => {
20544                const oldBehavior = this.manager.getElementBehaviorOnDevice(element, this.oldDevice);
20545                const newBehavior = this.manager.getElementBehaviorOnDevice(element, this.newDevice);
20546
20547                if (this.shouldPreserveElement(oldBehavior, newBehavior, watcher)) {
20548                    this.elementsToPreserve.add(element);
20549                } else {
20550                    this.elementsToRecreate.add(element);
20551                }
20552            });
20553            return this;
20554        }
20555
20556        shouldPreserveElement(oldBehavior, newBehavior, watcher) {
20557            if (oldBehavior !== newBehavior || oldBehavior === 'none') return false;
20558            if (oldBehavior === 'trailingTop' || oldBehavior === 'trailingBottom') return false;
20559            return true;
20560        }
20561
20562        execute() {
20563            this.cleanupRecreatedElements();
20564            this.updatePreservedElements();
20565            this.reinitialize();
20566            return this;
20567        }
20568
20569        cleanupRecreatedElements() {
20570            this.elementsToRecreate.forEach(element => {
20571                const watcher = this.manager.watchers.get(element);
20572                if (watcher) {
20573                    this.manager.returnToOriginalParent(element, true);
20574                    watcher.destroy();
20575                    this.manager.watchers.delete(element);
20576                }
20577            });
20578        }
20579
20580        updatePreservedElements() {
20581            this.elementsToPreserve.forEach(element => {
20582                const watcher = this.manager.watchers.get(element);
20583                if (watcher) {
20584                    watcher.parseConfiguration();
20585                    watcher.uniqueId = watcher.generateUniqueId();
20586                }
20587            });
20588        }
20589
20590        reinitialize() {
20591            this.manager.initializeStickyWatchers(this.elementsToPreserve);
20592            this.manager.initializeTrailingWatchers(this.elementsToPreserve);
20593        }
20594    }
20595
20596    class SectionWatcher {
20597        constructor(element, manager) {
20598            this.element = element;
20599            this.manager = manager;
20600            this.isActive = false;
20601            this.spacerElement = null;
20602            this.cleanup = [];
20603
20604            this.uniqueId = this.generateUniqueId();
20605
20606            this.validateElement();
20607            this.parseConfiguration();
20608            this.cacheElementProperties();
20609        }
20610
20611        generateUniqueId() {
20612            const rect = this.element.getBoundingClientRect();
20613            const classes = Array.from(this.element.classList).join('-');
20614            const timestamp = Date.now();
20615            const random = Math.random().toString(36).substring(2, 9);
20616            return `${classes}-${Math.round(rect.top)}-${Math.round(rect.left)}-${timestamp}-${random}`;
20617        }
20618
20619        validateElement() {
20620            if (!this.element || !(this.element instanceof Element)) {
20621                throw new Error('Invalid element provided to SectionWatcher');
20622            }
20623        }
20624
20625        parseConfiguration() {
20626            try {
20627                this.computedStyle = getComputedStyle(this.element);
20628                this.scrollBehavior = this.computedStyle.getPropertyValue(CSS_VARIABLES.SCROLL_BEHAVIOR).trim() || 'none';
20629                this.isScrollBehaviorEnabled = this.scrollBehavior !== 'none' && this.scrollBehavior !== '';
20630            } catch (error) {
20631                throw new Error(`Failed to get computed style: ${error.message}`);
20632            }
20633        }
20634
20635        cacheElementProperties() {
20636            try {
20637                const wasFixed = this.element.classList.contains('wmcM_stickyTopFixed') ||
20638                    this.element.classList.contains('wmcM_stickyBottomFixed');
20639
20640                if (wasFixed) {
20641                    this.manager.returnToOriginalParent(this.element, true);
20642                    this.element.classList.remove('wmcM_stickyTopFixed', 'wmcM_stickyBottomFixed');
20643                    this.clearPositioningStyles();
20644                }
20645
20646                // Force layout recalculation once
20647                void this.element.offsetHeight;
20648
20649                // Batch all reads together
20650                const rect = this.element.getBoundingClientRect();
20651                const offsetTop = this.element.offsetTop;
20652                const scrollY = window.scrollY;
20653
20654                // Store values
20655                this.originalHeight = rect.height;
20656                this.originalOffsetTop = offsetTop;
20657                this.originalAbsoluteTop = rect.top + scrollY;
20658
20659            } catch (error) {
20660                this.originalHeight = 0;
20661                this.originalOffsetTop = 0;
20662                this.originalAbsoluteTop = 100;
20663            }
20664        }
20665
20666        clearPositioningStyles() {
20667            ElementStyleManager.clearPositioning(this.element);
20668        }
20669
20670        createSpacer() {
20671            if (this.spacerElement) return this.spacerElement;
20672
20673            try {
20674                this.spacerElement = document.createElement('div');
20675                this.spacerElement.style.height = this.originalHeight + 'px';
20676                this.spacerElement.style.visibility = 'hidden';
20677
20678                if (this.element.parentNode) {
20679                    this.element.parentNode.insertBefore(this.spacerElement, this.element);
20680                } else {
20681                    throw new Error('Element has no parent node');
20682                }
20683
20684                return this.spacerElement;
20685            } catch (error) {
20686                this.spacerElement = null;
20687                throw new Error(`Failed to create spacer: ${error.message}`);
20688            }
20689        }
20690
20691        removeSpacer() {
20692            if (this.spacerElement) {
20693                try {
20694                    this.spacerElement.remove();
20695                } catch (error) {
20696                }
20697                this.spacerElement = null;
20698            }
20699        }
20700
20701        handleAnimationEntry() {
20702            globalThis.wmAnimateEntry?.triggerEntry(this.element);
20703        }
20704
20705        handleAnimationExit() {
20706            return globalThis.wmAnimateEntry?.triggerExit(this.element) || Promise.resolve();
20707        }
20708
20709        removeAnimationClasses() {
20710            globalThis.wmAnimateEntry?.removeAllClasses(this.element);
20711        }
20712
20713        resetAnimation() {
20714            globalThis.wmAnimateEntry?.resetToInitial(this.element);
20715        }
20716
20717        triggerChildAnimations() {
20718            globalThis.wmAnimateEntry?.triggerChildEntries(this.element);
20719        }
20720
20721        destroy() {
20722            this.cleanup.forEach(cleanupFn => {
20723                try {
20724                    cleanupFn();
20725                } catch (error) {
20726                }
20727            });
20728            this.cleanup = [];
20729            this.removeSpacer();
20730            this.isActive = false;
20731        }
20732    }
20733
20734    class StickyWatcher extends SectionWatcher {
20735        constructor(element,manager) {
20736            super(element, manager);
20737            this.isCurrentlyFixed = this.element.classList.contains(this.getFixedClassName());
20738            this.stickyOffset = parseInt(this.computedStyle.getPropertyValue(CSS_VARIABLES.STICKY_OFFSET)) || 0;
20739        }
20740
20741        getFixedClassName() {
20742            throw new Error('getFixedClassName must be implemented by subclass');
20743        }
20744
20745        makeFixed() {
20746            if (this.isCurrentlyFixed) return;
20747
20748            SafeOperation.execute(() => {
20749                globalThis.wmAnimateEntry?.freezeEntries(this.element);
20750                this.manager.moveToDocumentRoot(this.element, true);
20751                this.prepareElementForFixed();
20752                this.applyFixedPositioning();
20753                globalThis.wmAnimateEntry?.resumeEntries(this.element);
20754                this.isCurrentlyFixed = true;
20755            }, () => {
20756                this.manager.returnToOriginalParent(this.element);
20757            });
20758        }
20759
20760        prepareElementForFixed() {
20761            this.element.classList.add(this.getFixedClassName());
20762        }
20763
20764        applyFixedPositioning() {
20765            throw new Error('applyFixedPositioning must be implemented by subclass');
20766        }
20767
20768        makeNormal() {
20769            if (!this.isCurrentlyFixed) return;
20770
20771            SafeOperation.execute(() => {
20772                ElementStyleManager.clearPositioning(this.element);
20773                this.element.classList.remove(this.getFixedClassName());
20774                this.removeSpacer();
20775                this.restoreOriginalPosition();
20776                this.isCurrentlyFixed = false;
20777                this.element.offsetHeight;
20778            });
20779        }
20780
20781        restoreOriginalPosition() {
20782            const positionInfo = this.manager.originalPositions.get(this.element);
20783            if (positionInfo) {
20784                const { originalParent, nextSibling, placeholder } = positionInfo;
20785
20786                this.element.classList.remove(CONFIG.CSS_CLASSES.STICKY_STATE);
20787
20788                if (placeholder && placeholder.parentNode) {
20789                    originalParent.insertBefore(this.element, placeholder);
20790                    placeholder.remove();
20791                } else if (nextSibling && nextSibling.parentNode === originalParent) {
20792                    originalParent.insertBefore(this.element, nextSibling);
20793                } else {
20794                    originalParent.appendChild(this.element);
20795                }
20796
20797                this.manager.originalPositions.delete(this.element);
20798            }
20799        }
20800
20801        initialize() {
20802            if (!this.isScrollBehaviorEnabled) {
20803                return;
20804            }
20805            this.createPositionDetection();
20806        }
20807
20808        createPositionDetection() {
20809            throw new Error('createPositionDetection must be implemented by subclass');
20810        }
20811    }
20812
20813    class StickyTopWatcher extends StickyWatcher {
20814        getFixedClassName() {
20815            return CLASS_NAMES.STICKY_TOP_FIXED;
20816        }
20817
20818        applyFixedPositioning() {
20819            ElementStyleManager.applyFixedPositioning(this.element, 'top', this.stickyOffset);
20820            this.element.offsetHeight;
20821        }
20822
20823        createPositionDetection() {
20824            this.sentinel = document.createElement('div');
20825            this.sentinel.style.position = 'absolute';
20826            this.sentinel.style.top = this.originalAbsoluteTop + 'px';
20827            this.sentinel.style.height = '1px';
20828            this.sentinel.style.width = '1px';
20829            this.sentinel.style.visibility = 'hidden';
20830            this.sentinel.style.pointerEvents = 'none';
20831            document.body.appendChild(this.sentinel);
20832
20833            this.observer = new IntersectionObserver((entries) => {
20834                const entry = entries[0];
20835                const shouldBeFixed = !entry.isIntersecting && entry.boundingClientRect.top < 0;
20836
20837                if (shouldBeFixed && !this.isCurrentlyFixed) {
20838                    this.makeFixed();
20839                } else if (!shouldBeFixed && this.isCurrentlyFixed) {
20840                    this.makeNormal();
20841                }
20842            }, {
20843                root: null,
20844                rootMargin: '0px',
20845                threshold: 0
20846            });
20847
20848            this.observer.observe(this.sentinel);
20849            this.cleanup.push(() => {
20850                if (this.observer) {
20851                    this.observer.disconnect();
20852                    this.observer = null;
20853                }
20854                if (this.sentinel) {
20855                    this.sentinel.remove();
20856                    this.sentinel = null;
20857                }
20858            });
20859        }
20860    }
20861
20862    class StickyBottomWatcher extends StickyWatcher {
20863        getFixedClassName() {
20864            return CLASS_NAMES.STICKY_BOTTOM_FIXED;
20865        }
20866
20867        applyFixedPositioning() {
20868            ElementStyleManager.applyFixedPositioning(this.element, 'bottom', this.stickyOffset);
20869            this.element.offsetHeight;
20870        }
20871
20872        createPositionDetection() {
20873            this.element.style.setProperty('display', 'block', 'important');
20874            this.element.style.setProperty('visibility', 'visible', 'important');
20875            this.element.offsetHeight;
20876
20877            this.makeFixedWithoutPlaceholder();
20878            window.makeStickyBottomSectionsNormal = [...(window.makeStickyBottomSectionsNormal || []), this.makeNormal.b
20878ind(this)];
20879        }
20880        makeFixedWithoutPlaceholder() {
20881            if (this.isCurrentlyFixed) return;
20882
20883            SafeOperation.execute(() => {
20884                this.manager.moveToDocumentRoot(this.element, false);
20885                this.element.classList.add(this.getFixedClassName());
20886                this.handleAnimationEntry();
20887                this.triggerChildAnimations();
20888                this.applyFixedPositioning();
20889                this.isCurrentlyFixed = true;
20890            }, () => {
20891                this.manager.returnToOriginalParent(this.element);
20892            });
20893        }
20894    }
20895
20896    class TrailingWatcher extends SectionWatcher {
20897        constructor(element,manager) {
20898            super(element, manager);
20899            this.isRevealed = false;
20900            this.observer = null;
20901            this.pendingHideAnimation = null;
20902            this.debounceTimeout = null;
20903            this.parseTrailingConfiguration();
20904        }
20905
20906        parseTrailingConfiguration() {
20907            this.trailingAnchorId = this.computedStyle.getPropertyValue(CSS_VARIABLES.TRAILING_ANCHOR_ID)
20908                .replace(/['"]/g, '').trim();
20909            this.revealThreshold = parseInt(this.computedStyle.getPropertyValue(CSS_VARIABLES.REVEAL_THRESHOLD)) || 0;
20910
20911            if (!this.trailingAnchorId) {
20912                throw new Error('Trailing anchor ID is required');
20913            }
20914
20915            this.anchorElement = document.getElementById(this.trailingAnchorId);  // Direct call
20916            if (!this.anchorElement) {
20917                throw new Error(`Anchor element not found: ${this.trailingAnchorId}`);
20918            }
20919        }
20920
20921        getRevealedClassName() {
20922            const device = this.manager.deviceDetector.currentDevice;
20923            const deviceSuffix = device === 'desktop' ? '--desktop' : device === 'tablet' ? '--tablet' : '--mobile';
20924
20925            if (this.element.classList.contains(`wmcM_trailingTop${deviceSuffix}`)) {
20926                return CLASS_NAMES.TRAILING_TOP_REVEALED;
20927            } else if (this.element.classList.contains(`wmcM_trailingBottom${deviceSuffix}`)) {
20928                return CLASS_NAMES.TRAILING_BOTTOM_REVEALED;
20929            }
20930
20931            if (this.trailingType === 'top') {
20932                return CLASS_NAMES.TRAILING_TOP_REVEALED;
20933            } else if (this.trailingType === 'bottom') {
20934                return CLASS_NAMES.TRAILING_BOTTOM_REVEALED;
20935            }
20936
20937            if (this.element.classList.contains('wmcM_trailingTop')) {
20938                return CLASS_NAMES.TRAILING_TOP_REVEALED;
20939            } else if (this.element.classList.contains('wmcM_trailingBottom')) {
20940                return CLASS_NAMES.TRAILING_BOTTOM_REVEALED;
20941            }
20942
20943            throw new Error('Unknown trailing type');
20944        }
20945
20946        show() {
20947            if (this.isRevealed) return;
20948
20949            if (this.pendingHideAnimation) {
20950                this.pendingHideAnimation = null;
20951            }
20952
20953            this.isRevealed = true;
20954
20955            try {
20956                this.manager.moveToDocumentRoot(this.element, true);
20957                this.createSpacer();
20958                this.element.classList.add(this.getRevealedClassName());
20959
20960                this.element.style.display = '';
20961                if (this.element.classList.contains(CLASS_NAMES.ANIMATE_ENTRY)) {
20962                    this.element.classList.add(CLASS_NAMES.ANIMATE_EXIT);
20963                }
20964
20965                const wmlElement = this.element.querySelector('.wml');
20966                if (wmlElement) {
20967                    wmlElement.style.removeProperty('opacity');
20968                }
20969
20970                globalThis.wmAnimateEntry?.removeAllClasses(this.element);
20971                this.handleAnimationEntry();
20972                this.triggerChildAnimations();
20973            } catch (error) {
20974                this.isRevealed = false;
20975                this.manager.returnToOriginalParent(this.element);
20976                throw error;
20977            }
20978        }
20979
20980        async hide() {
20981            if (!this.isRevealed) return;
20982
20983            this.pendingHideAnimation = true;
20984            await this.handleAnimationExit();
20985
20986            if (!this.pendingHideAnimation) return;
20987
20988            this.isRevealed = false;
20989            this.removeSpacer();
20990            this.element.classList.remove(CLASS_NAMES.TRAILING_TOP_REVEALED, CLASS_NAMES.TRAILING_BOTTOM_REVEALED);
20991
20992            this.element.style.display = 'none';
20993            this.manager.returnToOriginalParent(this.element);
20994
20995            const wmlElement = this.element.querySelector('.wml');
20996            if (wmlElement) {
20997                wmlElement.style.removeProperty('opacity');
20998            }
20999
21000            globalThis.wmAnimateEntry?.removeAllClasses(this.element);
21001
21002            this.pendingHideAnimation = null;
21003        }
21004
21005        initialize() {
21006            if (!this.isScrollBehaviorEnabled) return;
21007
21008            try {
21009                this.observer = new IntersectionObserver((entries) => {
21010                    const entry = entries[0];
21011                    const shouldShow = !entry.isIntersecting && entry.boundingClientRect.top < 0;
21012
21013                    if (this.debounceTimeout) {
21014                        clearTimeout(this.debounceTimeout);
21015                    }
21016
21017                    this.debounceTimeout = setTimeout(() => {
21018                        if (shouldShow && !this.isRevealed && !this.pendingHideAnimation) {
21019                            this.show();
21020                        } else if (!shouldShow && this.isRevealed && !this.pendingHideAnimation) {
21021                            this.hide();
21022                        }
21023                        this.debounceTimeout = null;
21024                    }, CONFIG.POSITIONING.VISIBILITY_DEBOUNCE);
21025                }, {
21026                    root: null,
21027                    rootMargin: `-${this.revealThreshold}px 0px 0px 0px`,
21028                    threshold: 0
21029                });
21030
21031                this.observer.observe(this.anchorElement);
21032                this.cleanup.push(() => {
21033                    if (this.observer) {
21034                        this.observer.disconnect();
21035                        this.observer = null;
21036                    }
21037                    if (this.debounceTimeout) {
21038                        clearTimeout(this.debounceTimeout);
21039                        this.debounceTimeout = null;
21040                    }
21041                });
21042            } catch (error) {
21043                throw new Error(`Failed to create intersection observer: ${error.message}`);
21044            }
21045        }
21046    }
21047
21048    class WatcherManager {
21049        constructor() {
21050            this.watchers = new Map();
21051            this.isInitialized = false;
21052            this.originalPositions = new WeakMap();
21053            this.deviceDetector = new DeviceDetector();
21054
21055            this.setupDeviceChangeHandling();
21056        }
21057
21058        setupDeviceChangeHandling() {
21059            const deviceChangeHandler = (newDevice, oldDevice) => {
21060                setTimeout(() => this.handleDeviceChange(newDevice, oldDevice), 100);
21061            };
21062            this.deviceDetector.addListener(deviceChangeHandler);
21063
21064            this.globalCleanup = () => {
21065                this.deviceDetector.removeListener(deviceChangeHandler);
21066                this.deviceDetector.destroy();
21067            };
21068        }
21069
21070        getElementBehaviorOnDevice(element, device) {
21071            const deviceSuffix = `--${device.toLowerCase()}`;
21072
21073            if (element.classList.contains(`wmcM_stickyTop${deviceSuffix}`)) {
21074                return 'stickyTop';
21075            }
21076            if (element.classList.contains(`wmcM_stickyBottom${deviceSuffix}`)) {
21077                return 'stickyBottom';
21078            }
21079            if (element.classList.contains(`wmcM_trailingTop${deviceSuffix}`)) {
21080                return 'trailingTop';
21081            }
21082            if (element.classList.contains(`wmcM_trailingBottom${deviceSuffix}`)) {
21083                return 'trailingBottom';
21084            }
21085
21086            const isInherit = (device === 'tablet' && element.classList.contains('wmcM_tablet-inherit-scroll')) ||
21087                (device === 'mobile' && element.classList.contains('wmcM_mobile-inherit-scroll'));
21088
21089            if (isInherit) {
21090                if (element.classList.contains('wmcM_stickyTop--desktop')) {
21091                    return 'stickyTop';
21092                }
21093                if (element.classList.contains('wmcM_stickyBottom--desktop')) {
21094                    return 'stickyBottom';
21095                }
21096                if (element.classList.contains('wmcM_trailingTop--desktop')) {
21097                    return 'trailingTop';
21098                }
21099                if (element.classList.contains('wmcM_trailingBottom--desktop')) {
21100                    return 'trailingBottom';
21101                }
21102            }
21103
21104            return 'none';
21105        }
21106
21107        handleDeviceChange(newDevice, oldDevice) {
21108            new DeviceChangeCommand(this, oldDevice, newDevice)
21109                .analyze()
21110                .execute();
21111        }
21112
21113        reinitializeWatcher(element, watcher) {
21114            try {
21115                this.returnToOriginalParent(element, true);
21116                watcher.destroy();
21117                this.watchers.delete(element);
21118
21119                const behavior = this.getElementBehaviorOnDevice(element, this.deviceDetector.currentDevice);
21120
21121                let newWatcher = null;
21122                if (behavior === 'stickyTop') {
21123                    newWatcher = this.createWatcher(element, 'stickyTop');
21124                } else if (behavior === 'stickyBottom') {
21125                    newWatcher = this.createWatcher(element, 'stickyBottom');
21126                } else if (behavior === 'trailingTop' || behavior === 'trailingBottom') {
21127                    newWatcher = this.createWatcher(element, 'trailing');
21128                }
21129
21130                if (newWatcher) {
21131                    this.watchers.set(element, newWatcher);
21132                    newWatcher.initialize();
21133                }
21134            } catch (error) {
21135                this.watchers.delete(element);
21136            }
21137        }
21138
21139        createWatcher(element, type) {
21140            try {
21141                switch (type) {
21142                    case 'stickyTop':
21143                        return new StickyTopWatcher(element,this);
21144                    case 'stickyBottom':
21145                        return new StickyBottomWatcher(element, this);
21146                    case 'trailing':
21147                        return new TrailingWatcher(element, this);
21148                    default:
21149                        throw new Error(`Unknown watcher type: ${type}`);
21150                }
21151            } catch (error) {
21152                return null;
21153            }
21154        }
21155
21156        // We move sticky/trailing sections up to be a direct child of <body> because the
21157        // scaling transform (transform: scale3d on body > main and body > .wmcM_scrollBehavior,
21158        // see core.css) makes those wrappers the containing block for position: fixed. A fixed
21159        // element left inside them would resolve against the scaled wrapper instead of the
21160        // viewport, breaking its position and stacking. Reparenting to <body> escapes that.
21161        //
21162        // We use transform for scaling because CSS zoom lacks broad-enough browser support
21163        // (not yet 2 years of major-browser coverage). Once we switch scaling to zoom (which
21164        // does NOT establish a containing block for fixed elements), this move-to-root becomes
21165        // unnecessary - and so does the freeze/resume entry-animation handling in makeFixed(),
21166        // since that only exists to survive the reparent this move performs.
21167        moveToDocumentRoot(element, needsPlaceholder = true) {
21168            if (this.originalPositions.has(element)) {
21169                return false;
21170            }
21171
21172            const originalParent = element.parentNode;
21173            const nextSibling = element.nextElementSibling;
21174            const originalIndex = Array.from(originalParent.children).indexOf(element);
21175
21176            let placeholder = null;
21177
21178            if (needsPlaceholder) {
21179                placeholder = document.createElement('section');
21180                const rect = element.getBoundingClientRect();
21181
21182                placeholder.style.height = rect.height + 'px';
21183                placeholder.style.visibility = 'hidden';
21184                placeholder.style.pointerEvents = 'none';
21185                placeholder.classList.add('wmc', CONFIG.CSS_CLASSES.SECTION_PLACEHOLDER);
21186                const wmlDiv = document.createElement('div');
21187                wmlDiv.classList.add('wml');
21188                placeholder.appendChild(wmlDiv);
21189
21190                originalParent.insertBefore(placeholder, element);
21191            }
21192
21193            this.originalPositions.set(element, {
21194                originalParent,
21195                nextSibling,
21196                originalIndex,
21197                placeholder
21198            });
21199
21200            element.classList.add(CONFIG.CSS_CLASSES.STICKY_STATE);
21201
21202            document.body.appendChild(element);
21203            return true;
21204        }
21205
21206        returnToOriginalParent(element, forceReturn = false) {
21207            if (!forceReturn && this.watchers.has(element)) {
21208                return false;
21209            }
21210
21211            const positionInfo = this.originalPositions.get(element);
21212            if (!positionInfo) {
21213                return false;
21214            }
21215
21216            const { originalParent, nextSibling, placeholder } = positionInfo;
21217
21218            element.classList.remove(CONFIG.CSS_CLASSES.STICKY_STATE);
21219
21220
21221
21222            if (placeholder && placeholder.parentNode) {
21223                originalParent.insertBefore(element, placeholder);
21224                placeholder.remove();
21225            } else {
21226                if (nextSibling && nextSibling.parentNode === originalParent) {
21227                    originalParent.insertBefore(element, nextSibling);
21228                } else {
21229                    originalParent.appendChild(element);
21230                }
21231            }
21232
21233            this.originalPositions.delete(element);
21234            return true;
21235        }
21236
21237        initializeStickyWatchers(watchersToPreserve = new Set()) {
21238            const elementsInBody = Array.from(document.body.children).filter(child => {
21239                return child.classList && (
21240                    child.classList.contains('wmcM_stickyTop') ||
21241                    child.classList.contains('wmcM_stickyBottom')
21242                ) && child.tagName !== 'SCRIPT' && child.tagName !== 'STYLE';
21243            });
21244
21245            elementsInBody.forEach((element) => {
21246                if (!this.watchers.has(element)) {
21247                    element.classList.remove('wmcM_stickyTopFixed', 'wmcM_stickyBottomFixed');
21248                    ElementStyleManager.clearPositioning(element);
21249
21250                    const mainElement = document.querySelector('main, .main, #main') || document.querySelector('body > div:first-child');
21251                    if (mainElement) {
21252                        mainElement.appendChild(element);
21253                    } else {
21254                        document.body.appendChild(element);
21255                    }
21256                }
21257            });
21258
21259            if (elementsInBody.length > 0) {
21260                document.body.offsetHeight;
21261            }
21262
21263            const allStickyElements = new Set();
21264            document.querySelectorAll('.wmcM_stickyTop').forEach(el => allStickyElements.add(el));
21265            document.querySelectorAll('.wmcM_stickyBottom').forEach(el => allStickyElements.add(el));
21266
21267            Array.from(allStickyElements).forEach((el) => {
21268                if (watchersToPreserve.has(el)) return;
21269
21270                const behavior = this.getElementBehaviorOnDevice(el, this.deviceDetector.currentDevice);
21271
21272                if (behavior === 'stickyTop' || behavior === 'stickyBottom') {
21273                    const style = getComputedStyle(el);
21274                    const scrollBehavior = style.getPropertyValue('--scrollBehavior').trim();
21275
21276                    if (scrollBehavior === 'sticky') {
21277                        this.processStickyElement(el, behavior);
21278                    } else {
21279                        if (!this.watchers.has(el)) {
21280                            ElementStyleManager.clearPositioning(el);
21281                        }
21282                        el.classList.remove(CLASS_NAMES.STICKY_TOP_FIXED, CLASS_NAMES.STICKY_BOTTOM_FIXED);
21283                        globalThis.wmAnimateEntry?.removeAllClasses(el);
21284                    }
21285                } else {
21286                    if (!this.watchers.has(el)) {
21287                        ElementStyleManager.clearPositioning(el);
21288                    }
21289                    el.classList.remove(CLASS_NAMES.STICKY_TOP_FIXED, CLASS_NAMES.STICKY_BOTTOM_FIXED);
21290                    if (el.classList.contains(CLASS_NAMES.ANIMATE_ENTRY)) {
21291                        globalThis.wmAnimateEntry?.triggerEntry(el);
21292                    }
21293                }
21294            });
21295        }
21296
21297        processStickyElement(element, behavior) {
21298            element.classList.remove(CLASS_NAMES.STICKY_TOP_FIXED, CLASS_NAMES.STICKY_BOTTOM_FIXED);
21299
21300            if (behavior === 'stickyBottom') {
21301                element.style.setProperty('display', 'block', 'important');
21302                element.style.setProperty('visibility', 'visible', 'important');
21303                element.style.setProperty('position', 'relative', 'important');
21304
21305                // Handle animation for sticky bottom
21306                if (element.classList.contains(CLASS_NAMES.ANIMATE_ENTRY)) {
21307                    globalThis.wmAnimateEntry?.triggerEntry(element);
21308                }
21309            }
21310
21311            if (element.classList.contains(CLASS_NAMES.ANIMATE_ENTRY)) {
21312                element.classList.add(CLASS_NAMES.ANIMATE_EXIT);
21313            }
21314
21315            const watcher = this.createWatcher(element, behavior);
21316            if (watcher) {
21317                this.watchers.set(element, watcher);
21318                watcher.initialize();
21319            }
21320        }
21321        initializeTrailingWatchers(watchersToPreserve = new Set()) {
21322            const scrollBehaviorElements = document.querySelectorAll('.wmcM_scrollBehavior');
21323
21324            scrollBehaviorElements.forEach((el) => {
21325                if (watchersToPreserve.has(el)) return;
21326
21327                const hasTrailingTop = el.classList.contains('wmcM_trailingTop--desktop') ||
21328                    el.classList.contains('wmcM_trailingTop--tablet') ||
21329                    el.classList.contains('wmcM_trailingTop--mobile');
21330
21331                const hasTrailingBottom = el.classList.contains('wmcM_trailingBottom--desktop') ||
21332                    el.classList.contains('wmcM_trailingBottom--tablet') ||
21333                    el.classList.contains('wmcM_trailingBottom--mobile');
21334
21335                if (!hasTrailingTop && !hasTrailingBottom) return;
21336
21337                const style = getComputedStyle(el);
21338                const scrollBehavior = style.getPropertyValue('--scrollBehavior').trim();
21339
21340                if (scrollBehavior === 'trailing') {
21341                    const behavior = this.getElementBehaviorOnDevice(el, this.deviceDetector.currentDevice);
21342
21343                    if (behavior === 'trailingTop' || behavior === 'trailingBottom') {
21344                        this.processTrailingElement(el, behavior);
21345                    }
21346                } else {
21347                    el.style.removeProperty('display');
21348                    el.classList.remove(CLASS_NAMES.TRAILING_TOP_REVEALED, CLASS_NAMES.TRAILING_BOTTOM_REVEALED);
21349                    globalThis.wmAnimateEntry?.removeAllClasses(el);
21350                }
21351            });
21352        }
21353
21354        processTrailingElement(element, behavior) {
21355            element.classList.remove(CLASS_NAMES.TRAILING_TOP_REVEALED, CLASS_NAMES.TRAILING_BOTTOM_REVEALED);
21356
21357            if (element.classList.contains(CLASS_NAMES.ANIMATE_ENTRY)) {
21358                element.classList.add(CLASS_NAMES.ANIMATE_EXIT);
21359            }
21360
21361            const watcher = this.createWatcher(element, 'trailing');
21362            if (watcher) {
21363                watcher.trailingType = behavior === 'trailingTop' ? 'top' : 'bottom';
21364                this.watchers.set(element, watcher);
21365                watcher.initialize();
21366            }
21367        }
21368
21369        initialize() {
21370            this.cleanup();
21371
21372            try {
21373                this.initializeStickyWatchers();
21374                this.initializeTrailingWatchers();
21375                this.isInitialized = true;
21376            } catch (error) {
21377                this.cleanup();
21378                throw error;
21379            }
21380        }
21381
21382        cleanup() {
21383            this.watchers.forEach((watcher, element) => {
21384                try {
21385                    globalThis.wmAnimateEntry?.removeAllClasses(element);
21386                    this.returnToOriginalParent(element, true);
21387                    watcher.destroy();
21388                } catch (error) {
21389                }
21390            });
21391            this.watchers.clear();
21392            this.originalPositions = new WeakMap();
21393            this.isInitialized = false;
21394        }
21395
21396        destroy() {
21397            this.cleanup();
21398            if (this.globalCleanup) {
21399                this.globalCleanup();
21400            }
21401        }
21402    }
21403
21404    function initWatcherManager() {
21405        const watcherManager = new WatcherManager();
21406        watcherManager.initialize();
21407    }
21408
21409    function delayedInitWatcherManager() {
21410        initWatcherManager();
21411
21412        // @TODO: take a look at reveal animations, they do not fire every time
21413
21414        // @TODO: possibly delay some things until after user interaction (major rewrite required)
21415        // if (!globalThis.wmUserInteraction) {
21416        //     window.addEventListener('wm-user-interaction', initWatcherManager, { once: true });
21417        // } else {
21418        //     initWatcherManager();
21419        // }
21420    }
21421
21422    if (!globalThis.wmDevice) {
21423        window.addEventListener('wm-device-ready', delayedInitWatcherManager, { once: true });
21424    } else {
21425        delayedInitWatcherManager();
21426    }
21427})();
21428</script>
21428
21429    
21429<script type="text/javascript">/* core/parallax.js */
21430;(() => {
21431
21432    const COVER_EXCLUDING_CLASSES = ['wmcM_imageContain', 'wmcM_imageScaleDown', 'wmcM_imageTile'];
21433
21434    function isCoverSized(element) {
21435        return !COVER_EXCLUDING_CLASSES.some((cls) => element.classList.contains(cls));
21436    }
21437
21438    const CONFIG = {
21439        SPEED: 0.3,
21440        MAX_ZOOM_PERCENT: 50,
21441        SELECTOR: '.wmc_image:is(.wmcM_parallaxDesktop, .wmcM_parallaxTablet, .wmcM_parallaxMobile)',
21442        IMG_SELECTOR: ':scope > .wml picture img',
21443        OVERSCAN_PAD_PX: 2
21444    };
21445
21446    const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');
21447
21448    class ParallaxWatcher {
21449        constructor(element) {
21450            const img = element.querySelector(CONFIG.IMG_SELECTOR);
21451            this.elementRef = new WeakRef(element);
21452            this.imgRef = img ? new WeakRef(img) : null;
21453            this.isSupported = !!img && isCoverSized(element) && this.isEnabledForViewport(element);
21454            this.isOnScreen = false;
21455            this.boxTop = 0;
21456            this.boxHeight = 0;
21457            this.overscanPx = 0;
21458            this.maxTranslate = 0;
21459        }
21460
21461        get element() {
21462            const element = this.elementRef.deref();
21463            return element?.isConnected ? element : undefined;
21464        }
21465
21466        get img() {
21467            const img = this.imgRef?.deref();
21468            return img?.isConnected ? img : undefined;
21469        }
21470
21471        isEnabledForViewport(element) {
21472            return getComputedStyle(element).getPropertyValue('--parallaxEnabled').trim() === '1';
21473        }
21474
21475        matchesCurrentState(element) {
21476            const img = element.querySelector(CONFIG.IMG_SELECTOR);
21477            const isSupported = !!img && isCoverSized(element) && this.isEnabledForViewport(element);
21478            return (this.imgRef?.deref() ?? null) === img && this.isSupported === isSupported;
21479        }
21480
21481        measure() {
21482            const element = this.element;
21483            if (!this.isSupported || !element) return;
21484
21485            const rect = element.getBoundingClientRect();
21486            const scrollY = window.scrollY;
21487            this.boxTop = rect.top + scrollY;
21488            this.boxHeight = rect.height;
21489
21490            this.overscanPx = (this.boxHeight * CONFIG.MAX_ZOOM_PERCENT / 100) + CONFIG.OVERSCAN_PAD_PX;
21491            this.maxTranslate = this.overscanPx / 2;
21492
21493            const overscanPercent = this.boxHeight > 0
21494                ? (this.overscanPx / this.boxHeight) * 100
21495                : 0;
21496            element.style.setProperty('--parallaxOverscan', `${overscanPercent}%`);
21497        }
21498
21499        render(scrollY, viewportHeight) {
21500            const img = this.img;
21501            if (!this.isSupported || !img) return;
21502
21503            const boxTopFromViewportTop = this.boxTop - scrollY;
21504
21505            const range = viewportHeight + this.boxHeight;
21506            let progress = (viewportHeight - boxTopFromViewportTop) / range;
21507            if (progress < 0) progress = 0;
21508            else if (progress > 1) progress = 1;
21509
21510            let offset = (0.5 - progress) * range * (1 - CONFIG.SPEED);
21511            if (offset > this.maxTranslate) offset = this.maxTranslate;
21512            else if (offset < -this.maxTranslate) offset = -this.maxTranslate;
21513
21514            img.style.transform = `translate3d(0, ${offset}px, 0)`;
21515        }
21516
21517        setActive(active) {
21518            const img = this.img;
21519            if (!img) return;
21520
21521            img.style.willChange = active ? 'transform' : '';
21522        }
21523
21524        reset() {
21525            const img = this.img;
21526            if (img) {
21527                img.style.removeProperty('transform');
21528                img.style.willChange = '';
21529            }
21530            this.element?.style.removeProperty('--parallaxOverscan');
21531        }
21532
21533        destroy() {
21534            this.reset();
21535        }
21536    }
21537
21538    class ParallaxManager {
21539        constructor() {
21540            this.watchers = new WeakMap();
21541            this.trackedElementRefs = new Set();
21542            this.elementRefs = new WeakMap();
21543            this.onScreen = new Set();
21544            this.observer = null;
21545            this.isListening = false;
21546            this.rafId = null;
21547            this.lastScrollY = null; // null forces the first frame to render
21548            this.viewportHeight = window.innerHeight;
21549        }
21550
21551        refreshDimensions() {
21552            this.viewportHeight = window.innerHeight;
21553        }
21554
21555        get enabled() {
21556            return !prefersReducedMotion.matches;
21557        }
21558
21559        initialize() {
21560            this.teardown();
21561
21562            if (!this.enabled) return;
21563
21564            this.startRuntime();
21565            this.rescan();
21566        }
21567
21568        startRuntime() {
21569            if (this.observer) return;
21570            this.observer = new IntersectionObserver(
21571                (entries) => this.onIntersect(entries),
21572                { threshold: 0, rootMargin: '20% 0px 20% 0px' }
21573            );
21574
21575            if (!this.isListening) {
21576                window.addEventListener('scroll', this.onScroll, { passive: true });
21577                window.addEventListener('resize', this.onResize, { passive: true });
21578                this.isListening = true;
21579            }
21580        }
21581
21582        rescan() {
21583            if (!this.enabled) {
21584                this.teardown();
21585                return;
21586            }
21587
21588            this.startRuntime();
21589            const currentElements = new Set(
21590                [...document.querySelectorAll(CONFIG.SELECTOR)].filter((element) => element.isConnected)
21591            );
21592
21593            this.trackedElementRefs.forEach((elementRef) => {
21594                const element = elementRef.deref();
21595                if (!element) {
21596                    this.trackedElementRefs.delete(elementRef);
21597                    return;
21598                }
21599                if (!element.isConnected || !currentElements.has(element)) {
21600                    this.removeWatcher(element);
21601                }
21602            });
21603
21604            this.onScreen.forEach((watcher) => {
21605                if (!watcher.element) this.release(watcher);
21606            });
21607
21608            currentElements.forEach((element) => {
21609                const watcher = this.watchers.get(element);
21610                if (!watcher || !watcher.matchesCurrentState(element)) {
21611                    this.replaceWatcher(element);
21612                }
21613            });
21614
21615            this.refreshDimensions();
21616            this.onScreen.forEach((watcher) => watcher.measure());
21617            this.lastScrollY = null;
21618            this.requestFrame();
21619        }
21620
21621        refresh(element) {
21622            if (!this.enabled) {
21623                this.teardown();
21624                return;
21625            }
21626
21627            this.startRuntime();
21628            if (!element) return;
21629
21630            if (!element.isConnected || !element.matches(CONFIG.SELECTOR)) {
21631                this.removeWatcher(element);
21632                return;
21633            }
21634
21635            this.replaceWatcher(element);
21636            this.requestFrame();
21637        }
21638
21639        addWatcher(element) {
21640            const watcher = new ParallaxWatcher(element);
21641            const elementRef = new WeakRef(element);
21642            this.watchers.set(element, watcher);
21643            this.trackedElementRefs.add(elementRef);
21644            this.elementRefs.set(element, elementRef);
21645            if (watcher.isSupported) this.observer?.observe(element);
21646        }
21647
21648        replaceWatcher(element) {
21649            this.removeWatcher(element);
21650            this.addWatcher(element);
21651        }
21652
21653        removeWatcher(element) {
21654            const watcher = this.watchers.get(element);
21655            if (watcher) {
21656                this.release(watcher, element);
21657                this.watchers.delete(element);
21658            }
21659            const elementRef = this.elementRefs.get(element);
21660            if (elementRef) this.trackedElementRefs.delete(elementRef);
21661            this.elementRefs.delete(element);
21662        }
21663
21664        release(watcher, element) {
21665            watcher.isOnScreen = false;
21666            this.onScreen.delete(watcher);
21667            watcher.setActive(false);
21668            watcher.reset();
21669            if (element) this.observer?.unobserve(element);
21670        }
21671
21672        onIntersect = (entries) => {
21673            entries.forEach((entry) => {
21674                const watcher = this.watchers.get(entry.target);
21675                if (!watcher) return;
21676
21677                if (!watcher.element) {
21678                    this.removeWatcher(entry.target);
21679                    return;
21680                }
21681
21682                if (entry.isIntersecting) {
21683                    this.refreshDimensions();
21684                    watcher.measure();
21685                    watcher.setActive(true);
21686                    watcher.isOnScreen = true;
21687                    this.onScreen.add(watcher);
21688                    this.lastScrollY = null;
21689                } else if (watcher.isOnScreen) {
21690                    watcher.isOnScreen = false;
21691                    this.onScreen.delete(watcher);
21692                    watcher.setActive(false);
21693                    watcher.reset();
21694                }
21695            });
21696            this.requestFrame();
21697        };
21698
21699        onScroll = () => {
21700
21701            this.requestFrame();
21702        };
21703
21704        onResize = () => {
21705            this.refreshDimensions();
21706            this.onScreen.forEach((watcher) => watcher.measure());
21707            this.lastScrollY = null; // force a re-render at the new geometry
21708            this.requestFrame();
21709        };
21710
21711        requestFrame() {
21712            if (this.rafId !== null || this.onScreen.size === 0) return;
21713            this.rafId = requestAnimationFrame(this.tick);
21714        }
21715
21716        tick = () => {
21717            this.rafId = null;
21718            if (this.onScreen.size === 0) return; // idle: nothing to animate, stop the loop
21719
21720            const scrollY = window.scrollY;
21721            if (scrollY !== this.lastScrollY) {
21722                this.lastScrollY = scrollY;
21723                this.onScreen.forEach((watcher) => watcher.render(scrollY, this.viewportHeight));
21724            }
21725
21726        };
21727
21728        onDeviceChange = () => {
21729            this.initialize();
21730        };
21731
21732        onMotionPreferenceChange = () => {
21733            this.initialize();
21734        };
21735
21736        teardown() {
21737            if (this.rafId !== null) {
21738                cancelAnimationFrame(this.rafId);
21739                this.rafId = null;
21740            }
21741            if (this.observer) {
21742                this.observer.disconnect();
21743                this.observer = null;
21744            }
21745            if (this.isListening) {
21746                window.removeEventListener('scroll', this.onScroll);
21747                window.removeEventListener('resize', this.onResize);
21748                this.isListening = false;
21749            }
21750            const destroyedWatchers = new Set();
21751            this.trackedElementRefs.forEach((elementRef) => {
21752                const element = elementRef.deref();
21753                const watcher = element ? this.watchers.get(element) : undefined;
21754                if (!watcher) return;
21755                watcher.destroy();
21756                destroyedWatchers.add(watcher);
21757            });
21758            this.onScreen.forEach((watcher) => {
21759                if (!destroyedWatchers.has(watcher)) watcher.destroy();
21760            });
21761            this.trackedElementRefs.clear();
21762            this.onScreen.clear();
21763            this.watchers = new WeakMap();
21764            this.elementRefs = new WeakMap();
21765            this.lastScrollY = null;
21766        }
21767
21768        destroy() {
21769            this.teardown();
21770            window.removeEventListener('wm-device-change', this.onDeviceChange);
21771            prefersReducedMotion.removeEventListener('change', this.onMotionPreferenceChange);
21772        }
21773    }
21774
21775    const parallax = Object.assign((globalThis.WMWatchers ??= {}).parallax ??= {}, {
21776        pending: (globalThis.WMWatchers.parallax.pending ?? []),
21777        manager: null,
21778        post(message) {
21779            if (!this.manager) {
21780                this.pending.push(message);
21781                return;
21782            }
21783            dispatch(this.manager, message);
21784        },
21785        attach(manager) {
21786            this.detach();
21787            this.manager = manager;
21788            this.pending.splice(0).forEach((message) => dispatch(manager, message));
21789        },
21790        detach() {
21791            const manager = this.manager;
21792            this.manager = null;
21793            manager?.destroy();
21794        },
21795    });
21796
21797    function dispatch(manager, { type, id } = {}) {
21798        switch (type) {
21799            case 'rescan':
21800                manager.rescan();
21801                break;
21802            case 'refresh':
21803                manager.refresh(resolveParallaxElement(id));
21804                break;
21805            default:
21806                break;
21807        }
21808    }
21809
21810    function resolveParallaxElement(id) {
21811        if (!id) return undefined;
21812        return document.getElementById(id) ?? undefined;
21813    }
21814
21815    function init() {
21816        const manager = new ParallaxManager();
21817        manager.initialize();
21818        window.addEventListener('wm-device-change', manager.onDeviceChange);
21819        prefersReducedMotion.addEventListener('change', manager.onMotionPreferenceChange);
21820        parallax.attach(manager);
21821    }
21822
21823    if (!globalThis.wmDevice) {
21824        window.addEventListener('wm-device-ready', init, { once: true });
21825    } else {
21826        init();
21827    }
21828})();
21829</script>
21829
21830
21831    <!-- deferred -->
21832    
21832<script type="text/wmdjs">/* core/scroll-to-top.js */
21833;(() => {
21834    class WMScrollToTop {
21835        /**
21836         * @param {Object} options
21837         * @param {number} [options.threshold=200]
21838         * @param {HTMLElement|null} [options.scrollContainer=null]
21839         * @param {string} [options.buttonClass='wm_scrollToTop']
21840         * @param {string} [options.visibleClass='wm_scrollToTop--visible']
21841         * @param {HTMLElement|null} [options.root=null]
21842         * @param {boolean} [options.smooth=true]
21843         */
21844        constructor(options = {}) {
21845            if (typeof window === 'undefined' || typeof document === 'undefined') {
21846                console.warn('WMScrollToTop is not available in this environment');
21847                return;
21848            }
21849
21850            this.options = Object.freeze({
21851                threshold: 200,
21852                scrollContainer: null,
21853                buttonClass: 'wm_scrollToTop',
21854                visibleClass: 'wm_scrollToTop--visible',
21855                smooth: true,
21856                root: null,
21857                ...options
21858            });
21859
21860            this.button = null;
21861            this.isVisible = false;
21862            this.scrollFlag = false;
21863            this.animationFrameId = null;
21864            this.ownedAttribute = 'data-wm-scrolltotop';
21865            this.abortController = new AbortController();
21866            this.scrollContainer = this.options.scrollContainer || window;
21867
21868            this.initialize();
21869        }
21870
21871        initialize() {
21872            console.debug('scroll-to-top: init');
21873            this.createButton();
21874            this.bindEvents();
21875            this.updateVisibility();
21876            this.startAnimationFrameLoop();
21877        }
21878
21879        createButton() {
21880            const existingButton = document.querySelector(`.${this.options.buttonClass}[${this.ownedAttribute}="true"]`);
21881            if (existingButton) {
21882                this.button = existingButton;
21883                return;
21884            }
21885
21886            const buttonElement = document.createElement('button');
21887            buttonElement.className = this.options.buttonClass;
21888            buttonElement.type = 'button';
21889            buttonElement.setAttribute(this.ownedAttribute, 'true');
21890            buttonElement.setAttribute('aria-label', 'Scroll to top');
21891            buttonElement.setAttribute('title', 'Scroll to top');
21892            buttonElement.setAttribute('aria-hidden', 'true');
21893            buttonElement.hidden = true;
21894
21895            (this.options.root || document.body).appendChild(buttonElement);
21896            this.button = buttonElement;
21897        }
21898
21899        bindEvents() {
21900            const { signal } = this.abortController;
21901
21902            this.button.addEventListener('click', () => this.scrollToTop(), { signal });
21903            this.button.addEventListener('keydown', (e) => {
21904                if (e.key === 'Enter' || e.key === ' ') {
21905                    e.preventDefault();
21906                    this.scrollToTop();
21907                }
21908            }, { signal });
21909
21910            const onScrollEvent = () => { this.scrollFlag = true; };
21911            const onResizeEvent = () => { this.scrollFlag = true; };
21912
21913            const target = this.scrollContainer;
21914            (target || window).addEventListener('scroll', onScrollEvent, { passive: true, signal });
21915            window.addEventListener('resize', onResizeEvent, { passive: true, signal });
21916
21917            // Handle documentElement scroll for edge cases
21918            if (target === window || target === document || target == null) {
21919                document.addEventListener('scroll', onScrollEvent, { passive: true, signal });
21920            }
21921        }
21922
21923        startAnimationFrameLoop() {
21924            const updateLoop = () => {
21925                if (this.scrollFlag) {
21926                    this.scrollFlag = false;
21927                    this.updateVisibility();
21928                }
21929                this.animationFrameId = window.requestAnimationFrame(updateLoop);
21930            };
21931            this.animationFrameId = window.requestAnimationFrame(updateLoop);
21932        }
21933
21934        getScrollTop() {
21935            const container = this.scrollContainer;
21936            if (!container || container === window || container === document) {
21937                return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
21938            }
21939            return container.scrollTop || 0;
21940        }
21941
21942        updateVisibility() {
21943            if (!this.button) return;
21944
21945            // Hide if container is detached from DOM
21946            if (this.scrollContainer instanceof HTMLElement && !document.contains(this.scrollContainer)) {
21947                this.hideButton();
21948                return;
21949            }
21950
21951            const shouldShowButton = this.getScrollTop() > this.options.threshold;
21952            if (shouldShowButton && !this.isVisible) this.showButton();
21953            else if (!shouldShowButton && this.isVisible) this.hideButton();
21954        }
21955
21956        showButton() {
21957            if (!this.button) return;
21958            this.isVisible = true;
21959            this.button.hidden = false;
21960            this.button.setAttribute('aria-hidden', 'false');
21961            this.button.classList.add(this.options.visibleClass);
21962        }
21963
21964        hideButton() {
21965            if (!this.button) return;
21966            this.isVisible = false;
21967            this.button.classList.remove(this.options.visibleClass);
21968            this.button.setAttribute('aria-hidden', 'true');
21969            this.button.hidden = true;
21970        }
21971
21972        scrollToTop() {
21973            const prefersReducedMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
21974            const smoothScroll = this.options.smooth && !prefersReducedMotion;
21975
21976            const target = this.scrollContainer || window;
21977            const behavior = smoothScroll ? 'smooth' : 'auto';
21978
21979            if (target === window || target === document) {
21980                window.scrollTo({ top: 0, behavior });
21981            } else if (typeof target.scrollTo === 'function') {
21982                target.scrollTo({ top: 0, behavior });
21983            } else {
21984                // Fallback for elements that don't have scrollTo
21985                if (target instanceof HTMLElement) target.scrollTop = 0;
21986                else document.documentElement.scrollTop = 0;
21987            }
21988        }
21989
21990        destroy() {
21991            if (this.animationFrameId) {
21992                cancelAnimationFrame(this.animationFrameId);
21993                this.animationFrameId = null;
21994            }
21995            this.abortController.abort(); // Removes all listeners
21996            if (this.button) {
21997                this.button.remove();
21998                this.button = null;
21999            }
22000            this.isVisible = false;
22001        }
22002    }
22003
22004    const initializeScrollToTop = () => {
22005        if (window.wmScrollToTopInstance instanceof WMScrollToTop) {
22006            window.wmScrollToTopInstance.destroy();
22007        }
22008        window.wmScrollToTopInstance = new WMScrollToTop();
22009    };
22010
22011    if (!globalThis.wmUserInteraction) {
22012        window.addEventListener('wm-user-interaction', initializeScrollToTop, { once: true });
22013    } else {
22014        initializeScrollToTop();
22015    }
22016})();
22017</script>
22017
22018
22019    <!-- @TODO: figure out processing of these, some may potentially be allowed to be deferred -->
22020            
22020<script>/* core/hover-with-parent.js */
22021/**
22022 * Hover propagation barriers.
22023 *
22024 * CSS propagates a component's hover state down to its descendants. A component with
22025 * "hover with parent" disabled (wmcM_noParentHover) opts itself out, but CSS selectors
22026 * cannot express "also opt out my enabled descendants when the propagation originates
22027 * ABOVE me" — the rule is shared by every hovered ancestor and cannot anchor to which
22028 * specific element is the live hover root. So we resolve it at runtime: whenever the
22029 * hover/focus target changes, any wmcM_noParentHover boundary that is NOT itself the
22030 * (or inside the) hovered/focused/preview target gets wmcA_blockHoverPropagation, which
22031 * the CSS excludes from propagation — for the boundary AND, via a descendant combinator,
22032 * its whole subtree.
22033 *
22034 * Example: Shelf (enabled) > Box (wmcM_noParentHover) > Button (enabled)
22035 * - Hover Shelf: Box is blocked, so Shelf's hover does not reach Button.
22036 * - Hover Box:   the cursor is inside Box, so Box is "active" and not blocked; Box's own
22037 *                hover drives Button normally.
22038 * - Hover Button: Button (and Box, which contains the cursor) are active; nothing blocked.
22039 */
22040
22041;(() => {
22042    const BARRIER_CLASS = 'wmcA_blockHoverPropagation';
22043    const NO_PARENT_HOVER_CLASS = 'wmcM_noParentHover';
22044
22045    function init() {
22046        console.debug('hover-with-parent: init');
22047
22048        /** @type {Set<HTMLElement>} Boundaries currently carrying BARRIER_CLASS. */
22049        const blockedComponents = new Set();
22050        let scheduledUpdateId = null;
22051
22052        /**
22053         * Components that should drive hover right now: every .wmc under the cursor,
22054         * every .wmc on the focus path, and every component held in hover state by the
22055         * editor (wmcA_hoverState). Queried live each time so dynamically added/removed
22056         * components (drag & drop in the editor) are always reflected.
22057         * @returns {Set<HTMLElement>}
22058         */
22059        function getActiveComponents() {
22060            const active = new Set(document.querySelectorAll('.wmc:hover, .wmc.wmcA_hoverState'));
22061
22062            const focused = document.activeElement;
22063            if (focused && typeof focused.closest === 'function') {
22064                let el = focused.closest('.wmc');
22065                while (el) {
22066                    active.add(el);
22067                    el = el.parentElement?.closest('.wmc') ?? null;
22068                }
22069            }
22070            return active;
22071        }
22072
22073        function updateBarriers() {
22074            if (scheduledUpdateId !== null) return;
22075
22076            scheduledUpdateId = requestAnimationFrame(() => {
22077                scheduledUpdateId = null;
22078
22079                // Clear the previous round before recomputing.
22080                for (const el of blockedComponents) el.classList.remove(BARRIER_CLASS);
22081                blockedComponents.clear();
22082
22083                const activeComponents = getActiveComponents();
22084                if (activeComponents.size === 0) return;
22085
22086                // For every active component, block the wmcM_noParentHover boundaries beneath
22087                // it that are not themselves active. The CSS descendant combinator
22088                // (`.wmcA_blockHoverPropagation .wmc`) extends each block to the full subtree,
22089                // so we never need to tag descendants individually.
22090                for (const activeComponent of activeComponents) {
22091                    const boundaries = activeComponent.querySelectorAll('.' + NO_PARENT_HOVER_CLASS);
22092                    for (const boundary of boundaries) {
22093                        if (activeComponents.has(boundary)) continue;
22094                        boundary.classList.add(BARRIER_CLASS);
22095                        blockedComponents.add(boundary);
22096                    }
22097                }
22098            });
22099        }
22100
22101        // mouseover/mouseout bubble, so a single delegated pair covers every component —
22102        // present or future — and fires only when the hovered element changes (unlike
22103        // mousemove, which fires on every pixel). focusout is deferred so activeElement
22104        // has settled before we recompute.
22105        document.addEventListener('mouseover', updateBarriers, true);
22106        document.addEventListener('mouseout', updateBarriers, true);
22107        document.addEventListener('focusin', updateBarriers, true);
22108        document.addEventListener('focusout', () => setTimeout(updateBarriers, 0), true);
22109    }
22110
22111    if (!globalThis.wmDevice) {
22112        window.addEventListener('wm-device-ready', init, { once: true });
22113    } else {
22114        init();
22115    }
22116})();
22117</script>
22117
22118            
22118<script>/* menu.js */
22119;(() => {
22120    // Menu CSS class name constants
22121    const MENU_CSS_CLASSES = {
22122        hamburger: 'wmcM_menuHamburger',
22123        horizontal: 'wmcM_menuHorizontal',
22124        vertical: 'wmcM_menuVertical',
22125        mega: 'wmcM_menuMega'
22126    };
22127
22128    const SUB_MENU_BEHAVIOR_CSS_CLASSES = {
22129        slide: 'wmcM_menuSubMenuSlide',
22130        accordion: 'wmcM_menuSubMenuAccordion'
22131    };
22132
22133    // Every menu level is one of these two list-item types.
22134    const MENU_ITEM_SELECTOR = '.navigation-nav--item, .navigation-nav--sub-item';
22135    const POPOVER_HOVER_CLOSE_DELAY_MS = 120;
22136    const POPOVER_HOVER_CLOSE_DELAY_CHAINED_MS = 400;
22137
22138    /**
22139     * Shared base for the overflow strategies. 
22140     */
22141    class OverflowStrategy {
22142        /** @param {WMMenu} menu */
22143        constructor(menu) {
22144            this.menu = menu;
22145        }
22146
22147        prepareReflow() {}
22148
22149        apply() {}
22150
22151        setupCloneSubMenu(cloneTrigger, clonePanel) {}
22152
22153        teardown() {}
22154    }
22155
22156    /** The "active nothing": leave overflowing items exactly where they are. */
22157    class KeepOverflow extends OverflowStrategy {}
22158
22159    /** Collapse overflowing top-level items into a single shared "More" popover. */
22160    class GroupMoreOverflow extends OverflowStrategy {
22161        prepareReflow() {
22162            this.menu.classList.add('wmd_showMoreMenu');
22163        }
22164
22165        apply() {
22166            const menu = this.menu;
22167            const morePopoverId = `hnav-more-${menu.id || 'menu'}`;
22168            const moreMenuText = menu.dataset.moreMenuText ?? 'More';
22169
22170            const mainMenu = menu.querySelector('.navigation-nav--main-menu');
22171            const nav = menu.querySelector('.navigation-nav');
22172            const menuItems = [...mainMenu.querySelectorAll('.navigation-nav--item')].reverse();
22173            const existingMoreTrigger = menu.querySelector('.navigation-nav--more-trigger');
22174            const containerWidth = nav.offsetWidth - (existingMoreTrigger?.offsetWidth || 60);
22175
22176            // Reset all items to visible before re-measuring.
22177            menuItems.forEach((item) => {
22178                if (!item.classList.contains('navigation-nav--more-trigger')) {
22179                    item.style.display = '';
22180                }
22181            });
22182
22183            // Drop the previous build (More trigger + any hoisted panels) before
22184            // reflowing for the current width.
22185            this.teardown();
22186
22187            menuItems.forEach((item) => {
22188                if (item.classList.contains('navigation-nav--more-trigger')) return;
22189
22190                if (mainMenu.offsetWidth > containerWidth) {
22191                    const moreMenu = menu.querySelector('.navigation-nav--more-menu')
22192                        || this._createMoreMenu(morePopoverId);
22193                    const moreTrigger = menu.querySelector('.navigation-nav--more-trigger')
22194                        || this._createMoreTrigger(mainMenu, moreMenuText, morePopoverId);
22195                    this._handleOverflowItem(item, moreMenu, moreTrigger);
22196                } else {
22197                    item.style.display = '';
22198                }
22199            });
22200
22201            menu.wmHandleArrowClick();
22202
22203            const moreTriggerButton = menu.querySelector(
22204                '.navigation-nav--more-trigger button.arrow[popovertarget]'
22205            );
22206            if (moreTriggerButton) {
22207                menu.wmWirePopoverPair(moreTriggerButton, (trigger, panel)=>{
22208                    this.menu.wmMenuRole.positionPanel(trigger, panel)
22209                });
22210            }
22211
22212            menu.classList.remove('wmd_showMoreMenu');
22213        }
22214
22215        /** @protected */
22216        _createMoreMenu(morePopoverId) {
22217            const moreMenu = document.createElement('ul');
22218            moreMenu.className = 'navigation-nav--more-menu navigation-nav--sub-menu';
22219            moreMenu.id = morePopoverId;
22220            moreMenu.setAttribute('popover', 'auto');
22221            return moreMenu;
22222        }
22223
22224        /** @protected */
22225        _createMoreTrigger(mainMenu, moreMenuText, morePopoverId) {
22226            const moreTrigger = document.createElement('li');
22227            moreTrigger.className = 'navigation-nav--item navigation-nav--more-trigger';
22228            moreTrigger.innerHTML = `<a href="#">${moreMenuText}</a><button type="button" class="arrow" popovertarget="${morePopoverId}" aria-label="Toggle ${moreMenuText} sub menu"></button>`;
22229            mainMenu.appendChild(moreTrigger);
22230            return moreTrigger;
22231        }
22232
22233        /** @protected */
22234        _handleOverflowItem(item, moreMenu, moreTrigger) {
22235            const clone = item.cloneNode(true);
22236            clone.classList.remove('navigation-nav--item');
22237            clone.classList.add('navigation-nav--sub-item');
22238
22239            const cloneTrigger = clone.querySelector(':scope > button.arrow[popovertarget]');
22240            const clonePanel = clone.querySelector(':scope > .navigation-nav--sub-menu[popover]');
22241
22242            moreMenu.insertBefore(clone, moreMenu.firstChild);
22243            item.style.display = 'none';
22244            moreTrigger.appendChild(moreMenu);
22245            moreTrigger.style.display = '';
22246
22247            if (cloneTrigger && clonePanel) {
22248                this.setupCloneSubMenu(cloneTrigger, clonePanel);
22249            }
22250        }
22251
22252        setupCloneSubMenu(cloneTrigger, clonePanel) {
22253            clonePanel.removeAttribute('popover');
22254            clonePanel.removeAttribute('id');
22255            clonePanel.classList.remove('navigation-nav--mega-panel');
22256            cloneTrigger.removeAttribute('popovertarget');
22257        }
22258
22259        /**
22260         * Remove what `apply()` built.
22261         */
22262        teardown() {
22263            this.menu.querySelector('.navigation-nav--more-trigger')?.remove();
22264        }
22265    }
22266
22267    /** Mega variant of the "More" overflow.*/
22268    class MegaGroupMoreOverflow extends GroupMoreOverflow {
22269        setupCloneSubMenu(cloneTrigger, clonePanel) {
22270            const clonedPanelId = `${clonePanel.id || 'panel'}--more`;
22271            clonePanel.id = clonedPanelId;
22272            cloneTrigger.setAttribute('popovertarget', clonedPanelId);
22273
22274            const nav = this.menu.querySelector('.navigation-nav');
22275            (nav ?? this.menu).appendChild(clonePanel);
22276
22277            this.menu.wmWirePopoverPair(
22278                cloneTrigger,
22279                (trigger, panel) => this.menu.wmMenuRole.positionPanel(trigger, panel),
22280            );
22281        }
22282
22283        teardown() {
22284            super.teardown();
22285            this.menu.querySelectorAll('.navigation-nav--mega-panel[id$="--more"]').forEach((panel) => {
22286                if (panel.matches(':popover-open')) panel.hidePopover();
22287                panel.remove();
22288            });
22289        }
22290    }
22291
22292    /**
22293     * Sub-menu behaviors are the second axis of a menu's presentation: the
22294     * role owns the layout (horizontal / vertical / hamburger / mega), the
22295     * behavior owns how the levels below the first are revealed. 
22296     */
22297    class SubMenuBehavior {
22298        /** @param {WMMenu} menu */
22299        constructor(menu) {
22300            /** @readonly */
22301            this.menu = menu;
22302        }
22303
22304        /** @returns {'default' | 'accordion' | 'slide'} */
22305        get name() {
22306            return 'default';
22307        }
22308
22309        /**
22310         * Flyout panels are positioned by JS so they stay on screen. 
22311         *
22312         * @returns {boolean}
22313         */
22314        get positionsFlyouts() {
22315            return true;
22316        }
22317
22318        /**
22319         * A flyout panel closed. Anything a behavior expanded inside it has to
22320         * be collapsed, so the panel re-opens in its initial state.
22321         *
22322         * @param {HTMLElement} panel
22323         */
22324        onPanelClosed(panel) {}
22325    }
22326
22327    class AccordionSubMenuBehavior extends SubMenuBehavior {
22328        get name() {
22329            return 'accordion';
22330        }
22331
22332        get positionsFlyouts() {
22333            return false;
22334        }
22335
22336        /** @param {HTMLElement} panel */
22337        onPanelClosed(panel) {
22338            for (const item of panel.querySelectorAll('.navigation-nav--sub-item.open')) {
22339                item.classList.remove('open');
22340            }
22341        }
22342    }
22343
22344    /** Vertical navigation drills between levels; CSS owns the transforms. */
22345    class SlideSubMenuBehavior extends SubMenuBehavior {
22346        get name() {
22347            return 'slide';
22348        }
22349
22350        get positionsFlyouts() {
22351            return false;
22352        }
22353    }
22354
22355    /**
22356     * `MenuRole` is the Null Object base: every hook is a safe default, so a
22357     * role only overrides the behavior it actually has.
22358     * @implements IMenuRole
22359     */
22360    class MenuRole {
22361        /** @param {WMMenu} menu */
22362        constructor(menu) {
22363            /** @readonly */
22364            this.menu = menu;
22365            this.overflow = this._createOverflow();
22366        }
22367
22368        /** @returns {'hamburger' | 'mega' | 'horizontal' | 'vertical' | 'none'} */
22369        get name() {
22370            return 'none';
22371        }
22372
22373        /** @protected */
22374        _createOverflow() {
22375            return new KeepOverflow(this.menu);
22376        }
22377
22378        syncPanels() {
22379            this.menu.wmDemoteTopLevelPanels();
22380        }
22381
22382        setupInteractions() {}
22383
22384        teardown() {
22385            this.overflow.teardown();
22386        }
22387
22388        positionPanel(trigger, panel) {}
22389
22390        prepareReflow() {
22391            this.overflow.prepareReflow();
22392        }
22393
22394        handleOverflow() {
22395            this.overflow.apply();
22396        }
22397
22398        addParentElements() {}
22399
22400        addBackButtons() {}
22401
22402        setupHoverFlip() {}
22403
22404        adjustSubMenuPosition() {}
22405
22406        onItemToggled(arrowWrapper, isOpening) {}
22407
22408        onOutsideClick(e) {
22409            if (e.target.tagName === 'A' && e.target.getAttribute('href') === '#') {
22410                e.preventDefault();
22411            }
22412
22413            if (!this.menu.contains(e.target)) {
22414                this.menu
22415                    .querySelectorAll('.navigation-nav--item.open, .navigation-nav--sub-item.open')
22416                    .forEach((item) => item.classList.remove('open'));
22417            }
22418        }
22419    }
22420
22421
22422    // FIXME: This likely at one point will need to be broken out into a
22423    //  HorizontalLikeRole and a HorizontalRole. Megamenu overrides and doesn't
22424    //  Call some of the set up menus that Megamenu can, and this is already
22425    //  A Divergence that Inheritance will not handle cleanly.
22426    //  Either the roles will need to explicit about their behavior,
22427    //  Or further roles need to be made to compose this Actor's behavior.
22428    class HorizontalRole extends MenuRole {
22429        get name() {
22430            return 'horizontal';
22431        }
22432
22433        syncPanels() {
22434            this.menu.wmPromoteTopLevelPanels();
22435        }
22436
22437        setupInteractions() {
22438            this.menu.wmSetupPopoverMenu(
22439                '.navigation-nav--item > button.arrow[popovertarget]',
22440                (trigger, panel) => this.positionPanel(trigger, panel),
22441            );
22442        }
22443
22444        // CODE SMELL: Overrides, is Overriden
22445        positionPanel(trigger, panel) {
22446            const item = trigger.closest('.navigation-nav--item');
22447            if (!item) return;
22448            const rect = item.getBoundingClientRect();
22449            const ownerWindow = this.menu.ownerDocument.defaultView ?? window;
22450            const viewportWidth = ownerWindow.innerWidth || document.documentElement.clientWidth;
22451            let left = Math.round(rect.left);
22452            if (panel.matches(':popover-open')) {
22453                left = Math.max(0, Math.min(left, viewportWidth - panel.offsetWidth));
22454            }
22455            panel.style.setProperty('--horizontalNavSubPanelTriggerTop', `${Math.round(rect.bottom)}px`);
22456            panel.style.setProperty('--horizontalNavSubPanelTriggerLeft', `${left}px`);
22457        }
22458
22459        /** @protected
22460         * CODE SMELL: Overrides, is Overriden
22461         */
22462        _createOverflow() {
22463            return this.menu.dataset.moreMenu === 'true'
22464                ? new GroupMoreOverflow(this.menu)
22465                : super._createOverflow();
22466        }
22467
22468        // CODE SMELL: Overrides, is Overriden
22469        setupHoverFlip() {
22470            if (!this.menu.wmSubMenuBehavior.positionsFlyouts) return;
22471            this.menu.wmSetupHoverFlip();
22472        }
22473
22474        teardown() {
22475            super.teardown();
22476            this.menu.wmTeardownHoverFlip();
22477        }
22478
22479        // CODE SMELL: Overrides, is Overriden
22480        adjustSubMenuPosition() {
22481            if (!this.menu.wmSubMenuBehavior.positionsFlyouts) return;
22482            this.menu.wmAdjustSubMenuPosition();
22483        }
22484
22485        /**
22486         * Horizontal only injects a parent *link* when explicitly opted in.
22487         * CODE SMELL: Overrides, is Overriden
22488         */
22489        addParentElements() {
22490            if (this.menu.getAttribute('data-parent-menu-to-submenu') === 'true') {
22491                this.menu.wmInsertParentRows({ includeTitle: false });
22492            }
22493        }
22494    }
22495
22496    class MegaRole extends HorizontalRole {
22497        get name() {
22498            return 'mega';
22499        }
22500
22501        positionPanel(trigger, panel) {
22502            if (panel.matches('.navigation-nav--more-menu')) {
22503                super.positionPanel(trigger, panel);
22504                return;
22505            }
22506
22507            const moreMenu = trigger.closest('.navigation-nav--more-menu');
22508            const anchor = moreMenu ?? this.menu.querySelector('.navigation-nav--main-menu') ?? trigger;
22509            const rect = anchor.getBoundingClientRect();
22510            if (rect.width === 0 && rect.height === 0) return;
22511            panel.style.setProperty('--megaNavPanelTriggerTop', `${Math.round(rect.bottom)}px`);
22512        }
22513
22514        /**
22515         * @override
22516         * @protected
22517         */
22518        _createOverflow() {
22519            return this.menu.dataset.moreMenu === 'true'
22520                ? new MegaGroupMoreOverflow(this.menu)
22521                : super._createOverflow();
22522        }
22523
22524        setupHoverFlip() {}
22525
22526        adjustSubMenuPosition() {}
22527
22528        addParentElements() {}
22529    }
22530
22531    /**
22532     * Drill-in layouts (hamburger + vertical) present every level inline and
22533     * slide between them, resizing the drawer. 
22534     */
22535    class DrillInRole extends MenuRole {
22536        addParentElements() {
22537            this.menu.wmInsertParentRows({ includeTitle: true });
22538        }
22539
22540        addBackButtons() {
22541            this.menu.wmAddBackButtons();
22542        }
22543
22544        // Reverses addBackButtons()/addParentElements() so a later role
22545        // (Horizontal/Mega) doesn't inherit drill-in-only markup.
22546        teardown() {
22547            super.teardown();
22548            this.menu.wmRemoveBackButtons();
22549            this.menu.wmRemoveParentTitles();
22550        }
22551
22552        onItemToggled(arrowWrapper, isOpening) {
22553            if (!isOpening) return;
22554            const subMenu = arrowWrapper.querySelector('.navigation-nav--sub-menu');
22555            if (subMenu) this.menu.wmAdjustNavigationHeight(subMenu);
22556        }
22557
22558        // FIXME: Add All Shared Drilling behaviors from WmMenu
22559    }
22560
22561    class HamburgerRole extends DrillInRole {
22562        get name() {
22563            return 'hamburger';
22564        }
22565
22566        onOutsideClick() {}
22567
22568        // FIXME: Migrate all Unique Behaviors to the Hamburger Menu Roles
22569        //  From WMMenu to here
22570    }
22571
22572    class VerticalRole extends DrillInRole {
22573        get name() {
22574            return 'vertical';
22575        }
22576
22577        // FIXME: Migrate all Unique Behaviors to the Vertical Menu Roles
22578        //  From WMMenu to here
22579    }
22580
22581    class WMMenu extends HTMLElement {
22582        /** @type {number} */
22583        wmResizeTimer;
22584        /** @type {number} */
22585        wmScrollTop = 0;
22586        /** @type {number} */
22587        wmTouchStartTime = 0;
22588
22589        /** @type { [function] } */
22590        #onDisconnect = [];
22591        /** @type { [function] } */
22592        #onCleanup = [];
22593        /** @type {boolean | undefined} */
22594        #isTouch;
22595
22596        /**
22597         * The role for the type this menu is currently morphed into. Resolved in
22598         * `_init` and re-resolved whenever the viewport changes the type class.
22599         *
22600         * @type {MenuRole}
22601         */
22602        #role = new MenuRole(this);
22603
22604        /**
22605         * The sub-menu behavior for the current viewport. Re-resolved alongside
22606         * the role whenever the device changes.
22607         *
22608         * @type {SubMenuBehavior}
22609         */
22610        #subMenuBehavior = new SubMenuBehavior(this);
22611
22612        #menuCssClasses = { ...MENU_CSS_CLASSES };
22613
22614        #subMenuBehaviorCssClasses = { ...SUB_MENU_BEHAVIOR_CSS_CLASSES };
22615
22616        connectedCallback() {
22617            this._init();
22618            const resize = () => {
22619                this._resize();
22620            };
22621            const deviceChange = () => {
22622                this._init();
22623            };
22624
22625            const deviceReady = () => {
22626                this._init();
22627            };
22628
22629            // FIXME: We need to make sure that this completely accepts adoption so that when this component is "dropped" into the page, it has hooks to clean up
22630            const { ownerDocument: { defaultView: window } } = this;
22631            window.addEventListener('resize', resize);
22632            window.addEventListener('wm-device-change', deviceChange);
22633            window.addEventListener('wm-device-ready', deviceReady, { once: true });
22634            this.#onDisconnect.push(() => {
22635                window.removeEventListener('resize', resize);
22636                window.removeEventListener('wm-device-change', deviceChange);
22637                window.removeEventListener('wm-device-ready', deviceReady);
22638            });
22639        }
22640
22641        disconnectedCallback() {
22642            this._cleanup();
22643            for (const fn of this.#onDisconnect.splice(0, this.#onDisconnect.length)) try {
22644                fn();
22645            } catch (e) {
22646                console.error(e);
22647            }
22648        }
22649
22650        reinitialize() {
22651            console.debug(`reinitialize menu ${this.id}`);
22652            this._init();
22653        }
22654
22655        /**
22656         *
22657         * @returns {boolean}
22658         * @protected
22659         */
22660        _isHorizontal() {
22661            return this.classList.contains(this.#menuCssClasses.horizontal);
22662        }
22663
22664        /**
22665         *
22666         * @returns {boolean}
22667         * @protected
22668         */
22669        _isHamburger() {
22670            return this.classList.contains(this.#menuCssClasses.hamburger);
22671        }
22672
22673        /**
22674         *
22675         * @returns {boolean}
22676         * @protected
22677         */
22678        _isMega() {
22679            return this.classList.contains(this.#menuCssClasses.mega);
22680        }
22681
22682        /**
22683         * @public
22684         */
22685        getMenuType() {
22686            return this.#role.name
22687        }
22688
22689        /**
22690         * Factory for the role matching the menu's current type class. Mirrors
22691         * the precedence used by `getMenuType()`.
22692         *
22693         * @returns {MenuRole}
22694         * @protected
22695         */
22696        _resolveRole() {
22697            if (this._isHamburger()) return new HamburgerRole(this);
22698            if (this._isMega()) return new MegaRole(this);
22699            if (this._isHorizontal()) return new HorizontalRole(this);
22700            return new VerticalRole(this);
22701        }
22702
22703        /**
22704         * Factory for the sub-menu behavior matching the menu's current
22705         * behavior class.
22706         *
22707         * @returns {SubMenuBehavior}
22708         * @protected
22709         */
22710        _resolveSubMenuBehavior() {
22711            const { accordion, slide } = this.#subMenuBehaviorCssClasses;
22712            if (this.classList.contains(accordion)) return new AccordionSubMenuBehavior(this);
22713            if (this.classList.contains(slide)) return new SlideSubMenuBehavior(this);
22714            return new SubMenuBehavior(this);
22715        }
22716
22717        get wmMenuRole () {
22718            return this.#role;
22719        }
22720
22721        get wmSubMenuBehavior() {
22722            return this.#subMenuBehavior;
22723        }
22724
22725        /**
22726         * @public
22727         */
22728        getSubMenuBehavior() {
22729            return this.#subMenuBehavior.name;
22730        }
22731
22732        /**
22733         * Open or close a specific popover panel, regardless of the layout (horizontal/mega/Hamburger layouts) the
22734         * menu is currently morphed into.
22735         *
22736         * @param {HTMLElement | null} panel sub-menu / mega-panel / hamburger drawer element
22737         * @param {boolean} open
22738         * @param {HTMLElement | null} [source] invoking trigger
22739         * @public
22740         */
22741        setPanelOpen(panel, open, source = null) {
22742            if (!panel || !panel.isConnected || !panel.hasAttribute('popover')) return;
22743            panel.togglePopover(source ? { force: open, source } : open);
22744        }
22745
22746        /** @protected */
22747        _init() {
22748            this._cleanup();
22749            this._applyClassesViewportPrefix();
22750            this.#subMenuBehavior = this._resolveSubMenuBehavior();
22751            // FIXME: This should likely be part of our clean up, and should
22752            //  likely not be part of checking the menu behavior
22753            //  Correct during the untangle.
22754            if (!this.#subMenuBehavior.positionsFlyouts) this._clearFlyoutPositioning();
22755            this.#role = this._resolveRole();
22756            this.#role.syncPanels();
22757            this.#role.addParentElements();
22758            this.#role.addBackButtons();
22759            // FIXME: Move to the Hamburger Role
22760            this._toggleHamburgerMenu();
22761            // FIXME: Move to the Hamburger Role
22762            this._handleSamePageClicks();
22763            this._setupMenuObservers();
22764            this.wmHandleArrowClick();
22765            this.#role.setupInteractions();
22766            this._resize();
22767        }
22768
22769        /** @protected */
22770        _applyClassesViewportPrefix() {
22771            const { hamburger, horizontal, vertical, mega } = MENU_CSS_CLASSES;
22772            const device = globalThis.wmDevice ?? 'Desktop';
22773            this.#menuCssClasses = {
22774                hamburger: `${hamburger}${device}`,
22775                horizontal: `${horizontal}${device}`,
22776                vertical: `${vertical}${device}`,
22777                mega: `${mega}${device}`
22778            };
22779
22780            const { slide, accordion } = SUB_MENU_BEHAVIOR_CSS_CLASSES;
22781            this.#subMenuBehaviorCssClasses = {
22782                slide: `${slide}${device}`,
22783                accordion: `${accordion}${device}`
22784            };
22785        }
22786
22787        /**
22788         * Top-level sub-menus the server renders with a neutral `id`; popover
22789         * roles wire the `popover`/`popovertarget` markup at runtime per
22790         * viewport.
22791         *
22792         * @returns {NodeListOf<HTMLElement>}
22793         * @protected
22794         */
22795        _topLevelPanels() {
22796            return this.querySelectorAll(
22797                '.navigation-nav--item > .navigation-nav--sub-menu[id]:not(.navigation-nav--more-menu)'
22798            );
22799        }
22800
22801        /** Promote top-level sub-menus into hover-opened popover panels.
22802         */
22803        wmPromoteTopLevelPanels() {
22804            this._topLevelPanels().forEach((panel) => {
22805                const trigger = panel.parentElement.querySelector(':scope > button.arrow');
22806                panel.setAttribute('popover', 'auto');
22807                panel.classList.add('navigation-nav--mega-panel');
22808                trigger?.setAttribute('popovertarget', panel.id);
22809            });
22810        }
22811
22812        /** Strip popover markup so sub-menus present inline (drill-in).
22813         */
22814        wmDemoteTopLevelPanels() {
22815            this._topLevelPanels().forEach((panel) => {
22816                const trigger = panel.parentElement.querySelector(':scope > button.arrow');
22817                if (panel.hasAttribute('popover')) panel.togglePopover(false);
22818                panel.removeAttribute('popover');
22819                panel.classList.remove('navigation-nav--mega-panel');
22820                trigger?.removeAttribute('popovertarget');
22821            });
22822        }
22823
22824        /**
22825         * The flyout positioning writes inline, and those
22826         * survive a device change. 
22827         *
22828         * @protected
22829         */
22830        _clearFlyoutPositioning() {
22831            for (const subMenu of this.querySelectorAll('.navigation-nav--sub-menu')) {
22832                subMenu.style.removeProperty('left');
22833                subMenu.style.removeProperty('right');
22834                delete subMenu.dataset.growDirection;
22835            }
22836        }
22837
22838        /** @protected */
22839        _resetMenuItemsDisplay() {
22840            // Reset all menu items to visible (clears display:none from horizontal menu overflow)
22841            this.querySelectorAll('.navigation-nav--item').forEach((item) => {
22842                if (!item.classList.contains('navigation-nav--more-trigger')) {
22843                    item.style.removeProperty('display');
22844                }
22845            });
22846        }
22847
22848        /** @protected */
22849        _resetMenuInlineStyles() {
22850            // Clear display styles from menu items
22851            this._resetMenuItemsDisplay();
22852
22853            // Clear inline heights set by hamburger/vertical menus
22854            const navigationNav = this.querySelector('.navigation-nav');
22855            if (navigationNav) {
22856                navigationNav.style.removeProperty('height');
22857            }
22858        }
22859
22860        /** @protected */
22861        _cleanup = () => {
22862            this.#role.teardown();
22863
22864            for (const fn of this.#onCleanup.splice(0, this.#onCleanup.length)) try {
22865                fn();
22866            } catch (e) {
22867                console.error(e);
22868            }
22869
22870            if (this.wmResizeTimer) clearTimeout(this.wmResizeTimer);
22871
22872            // FIXME: This belongs to the Role's teardown
22873            const hamburgerPopover = this.querySelector('.navigation-module-container[popover]');
22874            if (hamburgerPopover) {
22875                this._setHamburgerPopover(hamburgerPopover, false);
22876            }
22877
22878            for (const el of this.querySelectorAll('.active')) {
22879                el.classList.remove('active');
22880            }
22881            for (const el of this.querySelectorAll('.open')) {
22882                el.classList.remove('open');
22883            }
22884
22885            /** @type {NodeListOf<HTMLElement>} */
22886            const delayedElements = this.querySelectorAll('[style*="--item-delay"]');
22887            for (const el of delayedElements) {
22888                el.style.removeProperty('--item-delay');
22889            }
22890
22891            // FIXME: This belongs to the Role's Teardown.
22892            // Clean up hamburger button event listener
22893            this.querySelector('.hamburger-button')?.removeEventListener(
22894                'click',
22895                this._hamburgerClickHandler
22896            );
22897
22898            this._resetMenuInlineStyles();
22899        };
22900
22901        /** @protected */
22902        _resize = () => {
22903            this.#role.prepareReflow();
22904            clearTimeout(this.wmResizeTimer);
22905            this.wmResizeTimer = setTimeout(() => {
22906                this.#role.handleOverflow();
22907            }, 50);
22908        };
22909
22910        /**
22911         * FIXME: This belongs in the Drill Behavior in Providers.
22912         * Insert a parent link row (and, for drill-in layouts, a parent title
22913         * row) at the top of every sub-menu so the parent stays reachable once
22914         * the sub-menu replaces it. Invoked by the role's `addParentElements()`.
22915         *
22916         * @param {{ includeTitle: boolean }} options
22917         */
22918        wmInsertParentRows({ includeTitle }) {
22919            const items = [
22920                ...this.querySelectorAll('.navigation-nav--item'),
22921                ...this.querySelectorAll('.navigation-nav--sub-item')
22922            ];
22923
22924            this._addParentElement(items, 'link');
22925
22926            if (includeTitle) {
22927                this._addParentElement(items, 'title');
22928            }
22929        }
22930
22931        /**
22932         * Reverses the 'title' half of `wmInsertParentRows()`. The 'link' rows
22933         * it also inserts are left alone - they share the plain
22934         * `.navigation-nav--sub-item` class with real menu content, so there's
22935         * no safe way to tell them apart without a dedicated marker.
22936         *
22937         * @public
22938         */
22939        wmRemoveParentTitles() {
22940            this.querySelectorAll('.navigation-nav--parent-title').forEach((el) => el.remove());
22941        }
22942
22943        /**
22944         * @param {HTMLElement[]} items
22945         * @param {'link' | 'title'} type
22946         * @protected
22947         */
22948        _addParentElement(items, type = 'link') {
22949            items.forEach(item => {
22950                const subMenu = item.querySelector('.navigation-nav--sub-menu');
22951                if (!subMenu) return;
22952
22953                // Check if parent element already exists
22954                const existingParentElement = subMenu.querySelector(
22955                    type === 'link' ? '.navigation-nav--sub-item' : '.navigation-nav--parent-title'
22956                );
22957                if (existingParentElement) return; // Skip if already exists
22958
22959                const parentLink = item.querySelector('a');
22960                if (!parentLink) return; // Folder items may have no link.
22961                const parentTitle = parentLink.textContent;
22962                const parentHref = parentLink.getAttribute('href');
22963
22964                // Create appropriate element based on type
22965                const element = type === 'link'
22966                    ? `<li class="navigation-nav--sub-item"><a href="${parentHref}">${parentTitle}</a></li>`
22967                    : `<li class="navigation-nav--parent-title"><a href="${parentHref}">${parentTitle}</a><span></span></li>`;
22968
22969                subMenu.insertAdjacentHTML('afterbegin', element);
22970            });
22971        }
22972
22973        /**
22974         * FIXME: This should be part of the Drill in Roles.
22975         * Drill-in only (wired by `DrillInRole.addBackButtons()`).
22976         */
22977        wmAddBackButtons() {
22978            let touchStartTime = 0;
22979
22980            this.querySelectorAll('.navigation-nav--sub-menu').forEach(subMenu => {
22981                // Skip if back button already exists
22982                if (subMenu.querySelector('.navigation-nav--back')) return;
22983
22984                const backButton = this._createBackButton();
22985                subMenu.insertBefore(backButton, subMenu.firstChild);
22986
22987                // Set back button event with touch device handling
22988                const backButtonLink = backButton.querySelector('a');
22989
22990                const handleClick = (e) => {
22991                    this._handleBackButtonClick(e, subMenu);
22992                };
22993
22994                if (this._isTouchDevice()) {
22995                    backButtonLink.addEventListener('touchstart', (e) => {
22996                        e.preventDefault();
22997                        touchStartTime = Date.now();
22998                    });
22999
23000                    backButtonLink.addEventListener('touchend', (e) => {
23001                        e.preventDefault();
23002                        if ((Date.now() - touchStartTime) < 2000) {
23003                            handleClick(e);
23004                        }
23005                    });
23006                } else {
23007                    backButtonLink.addEventListener('click', handleClick);
23008                }
23009            });
23010        }
23011
23012        /**
23013         * Reverses `wmAddBackButtons()`.
23014         *
23015         * @public
23016         */
23017        wmRemoveBackButtons() {
23018            this.querySelectorAll('.navigation-nav--back').forEach((el) => el.remove());
23019        }
23020
23021        /**
23022         * FIXME: This should be part of the Drill in Roles.
23023         * @protected
23024         * */
23025        _createBackButton() {
23026            const backButton = document.createElement('li');
23027            backButton.className = 'navigation-nav--back';
23028            backButton.innerHTML = '<a href="#">Back</a>';
23029            return backButton;
23030        }
23031
23032        /**
23033         * FIXME: This should be part of the Drill in Roles.
23034         * @protected
23035         * @param {MouseEvent} e
23036         * @param {HTMLElement} subMenu
23037         */
23038        _handleBackButtonClick(e, subMenu) {
23039            e.preventDefault();
23040            const parentItem = subMenu.closest(MENU_ITEM_SELECTOR);
23041            if (!parentItem) return;
23042
23043            parentItem.classList.remove('open');
23044
23045            // Back buttons only exist in drill-in layouts, so shrink the drawer
23046            // back to the parent level.
23047            const parentUl = subMenu.parentElement.closest('ul');
23048            if (parentUl) {
23049                this.wmAdjustNavigationHeight(parentUl);
23050            }
23051        }
23052
23053        /**
23054         * FIXME: This is part of Drill In Behavior Currently
23055         * @param {HTMLElement} parentUl
23056         */
23057        wmAdjustNavigationHeight(parentUl) {
23058            const navigationNav = this.querySelector('.navigation-nav');
23059            const { paddingTop, paddingBottom } = getComputedStyle(navigationNav);
23060            const parentHeight = parentUl.offsetHeight + parseInt(paddingTop) + parseInt(paddingBottom);
23061            navigationNav.style.height = `${parentHeight}px`;
23062        }
23063
23064        /**
23065         * @protected
23066         * FIXME: Move to the Hamburger Role Tear down and cleanup!
23067         */
23068        _toggleHamburgerMenu() {
23069            const button = this.querySelector('.hamburger-button');
23070            if (!button) return;
23071
23072            // Ensure the button type is set to prevent form submission
23073            button.type = 'button';
23074
23075            // Remove any existing event listener
23076            button.removeEventListener('click', this._hamburgerClickHandler);
23077
23078            // Add the event listener
23079            button.addEventListener('click', this._hamburgerClickHandler);
23080        }
23081
23082        /** @protected
23083         * FIXME: Move to the Hamburger Role!
23084         */
23085        _handleSamePageClicks() {
23086            this.addEventListener('click', this.#closeThenNavigate);
23087            this.#onCleanup.push(() => {
23088                this.removeEventListener('click', this.#closeThenNavigate);
23089            });
23090        }
23091
23092        /**
23093         *
23094         * FIXME: Move to the Hamburger Role!
23095         * @protected
23096         * @readonly
23097         * @param {MouseEvent} e
23098         * @return {void}
23099         */
23100        _hamburgerClickHandler = (e) => {
23101            e.preventDefault();
23102            e.stopPropagation();
23103            /** @type {HTMLButtonElement} */
23104            const button = e.target.closest('.hamburger-button');
23105            const navContainer = this.querySelector('.navigation-module-container');
23106            if (!navContainer) return;
23107
23108            const isHamburger = this._isHamburger();
23109            const mainMenuUl = this.querySelector('.navigation-nav--main-menu');
23110            const main = document.querySelector('main');
23111            const parentSection = this.closest('.wmc_section');
23112            const isInMovedSection = parentSection?.classList.contains('wmc_section_sticky_state') ?? false;
23113            const isOpening = !navContainer.classList.contains('active');
23114
23115            if (isOpening) {
23116                this.wmScrollTop = window.scrollY;
23117
23118                if (isInMovedSection) {
23119                    // Freeze the body in place and offset it by the saved scroll.
23120                    document.documentElement.style.setProperty('--wm_scrollTop', `-${this.wmScrollTop}px`);
23121                    document.documentElement.classList.add('full_screen_open_body_fixed');
23122                } else {
23123                    main?.style.setProperty('--wm_scrollTop', `${this.wmScrollTop}px`);
23124                }
23125
23126                const isScaled = main ? getComputedStyle(main).getPropertyValue('--wm_scale') !== '1' : false;
23127                this.style.setProperty(
23128                    '--wm_scrollTopNav',
23129                    isInMovedSection ? '0px' : `${isScaled ? this.wmScrollTop : 0}px`,
23130                );
23131
23132                button?.classList.add('active');
23133                navContainer.classList.add('active');
23134
23135                if (isHamburger) this._setHamburgerPopover(navContainer, true);
23136            } else {
23137                this._setHamburgerPopover(navContainer, false);
23138                button?.classList.remove('active');
23139                navContainer.classList.remove('active');
23140
23141                if (isInMovedSection) {
23142                    document.documentElement.classList.remove('full_screen_open_body_fixed');
23143                    document.documentElement.style.removeProperty('--wm_scrollTop');
23144                    window.scrollTo(0, this.wmScrollTop);
23145                } else {
23146                    window.scrollTo(0, this.wmScrollTop);
23147                    main?.style.setProperty('--wm_scrollTop', '0px');
23148                }
23149                this.style.setProperty('--wm_scrollTopNav', '0px');
23150            }
23151
23152            if (mainMenuUl) {
23153                const menuItems = mainMenuUl.querySelectorAll(':scope > li');
23154
23155                if (isOpening) {
23156                    menuItems.forEach((item, index) => {
23157                        item.style.setProperty('--item-delay', `${0.5 + (index * 0.04)}s`);
23158                    });
23159
23160                    setTimeout(() => {
23161                        mainMenuUl.classList.add('start-animation');
23162                    }, 50);
23163                    // Calculate total animation duration and remove delay after completion
23164                    const totalDelay = 0.5 + ((menuItems.length - 1) * 0.04);
23165                    const transitionDuration = 0.3; // From CSS transition: all 0.3s ease
23166                    const totalAnimationTime = (totalDelay + transitionDuration) * 1000;
23167
23168                    setTimeout(() => {
23169                        menuItems.forEach((item) => {
23170                            item.style.removeProperty('--item-delay');
23171                        });
23172                    }, totalAnimationTime);
23173                } else {
23174                    mainMenuUl.classList.remove('start-animation');
23175                    menuItems.forEach((item) => {
23176                        item.style.removeProperty('--item-delay');
23177                    });
23178                }
23179            }
23180
23181            if (isHamburger) {
23182                const navElement = this.querySelector('.navigation-nav');
23183                if (navElement && mainMenuUl) {
23184                    navElement.style.height = `${mainMenuUl.offsetHeight}px`;
23185                }
23186                this.querySelectorAll('.open').forEach(item => item.classList.remove('open'));
23187            }
23188        };
23189
23190        /**
23191         * Promote/demote the hamburger drawer to the top layer via the Popover
23192         * API.
23193         * // FIXME: Move to Hamburger Role
23194         *
23195         * @param {HTMLElement} container
23196         * @param {boolean} open
23197         * @protected
23198         */
23199        _setHamburgerPopover(container, open) {
23200            if (open) {
23201                container.setAttribute('popover', 'manual');
23202                container.togglePopover(open);
23203            } else {
23204                if (container.hasAttribute('popover')) container.togglePopover(open);
23205                container.removeAttribute('popover');
23206            }
23207        }
23208
23209        /** @protected */
23210        _setupMenuObservers() {
23211            // Only horizontal and mega menus reflow into a "More" overflow, and both share the same container markup.
23212            const resizeSelectors = [
23213                '.navigation-module-container',
23214                '.navigation-nav--main-menu'
23215            ];
23216
23217            const resizeObserver = new ResizeObserver(entries => {
23218                if (!entries.length) return;
23219                this._resize();
23220            });
23221
23222            resizeSelectors.forEach(selector => {
23223                this.querySelectorAll(selector).forEach(element => {
23224                    resizeObserver.observe(element);
23225                });
23226            });
23227        }
23228
23229        /**
23230         * @protected
23231         * This might need to be made public, or a function that can be just called.
23232         */
23233        _isTouchDevice() {
23234            this.#isTouch ??= ('ontouchstart' in window)
23235                || (navigator.maxTouchPoints > 0)
23236                || (navigator.msMaxTouchPoints > 0);
23237            return this.#isTouch;
23238        }
23239
23240        // FIXME: Add this to the Hamburger Role.
23241        #closeThenNavigate = (event) => {
23242            // Only the hamburger drawer covers the page, so it is the only
23243            // layout that must close before an in-page anchor can be reached.
23244            if (!this._isHamburger()) return;
23245            /** @type {HTMLAnchorElement|null} */
23246            const targetAnchor = event.target.closest('a');
23247            if (!targetAnchor) return;
23248            const linkUrl = new URL(targetAnchor.href, window.location.origin);
23249            if (linkUrl.pathname !== window.location.pathname) return;
23250            if (!linkUrl.hash) return;
23251            const targetElement = document.querySelector(linkUrl.hash);
23252            if (!targetElement) return;
23253            event.preventDefault();
23254            // Route through the hamburger button so the drawer popover is
23255            // dismissed via `_hamburgerClickHandler`, which also unwinds the
23256            // body scroll lock and restores the saved scroll position before
23257            // we jump to the anchor target.
23258            this.querySelector('.hamburger-button')?.click?.();
23259            targetElement.scrollIntoView({ behavior: 'instant' });
23260        };
23261
23262        #outsideClickHandler = (e) => {
23263            this.#role.onOutsideClick(e);
23264        };
23265
23266        #handleClick = (e) => {
23267            e.preventDefault();
23268            const arrowWrapper = e.target.closest(MENU_ITEM_SELECTOR);
23269            if (arrowWrapper) {
23270                this._toggleMenuItem(arrowWrapper);
23271                this.#role.adjustSubMenuPosition();
23272            }
23273        };
23274
23275        #handleTouchStart = (e) => {
23276            e.preventDefault();
23277            this.wmTouchStartTime = Date.now();
23278        };
23279
23280        #handleTouchEnd = (e) => {
23281            e.preventDefault();
23282            if ((Date.now() - this.wmTouchStartTime) < 2000) {
23283                this.#handleClick(e);
23284            }
23285        };
23286
23287        #flipOnHover = (e) => {
23288            this._flipSubItemSubMenu(e.currentTarget);
23289        };
23290
23291        wmHandleArrowClick() {
23292            this._setupEventHandlers();
23293            this.#role.setupHoverFlip();
23294
23295            document.removeEventListener('touchend', this.#outsideClickHandler);
23296            document.removeEventListener('click', this.#outsideClickHandler);
23297
23298            const eventType = this._isTouchDevice() ? 'touchend' : 'click';
23299            document.addEventListener(eventType, this.#outsideClickHandler);
23300        };
23301
23302        /**
23303         * FIXME: Move to Horizontal Role
23304         * Horizontal only (wired by `HorizontalRole.setupHoverFlip()`).
23305         */
23306        wmSetupHoverFlip() {
23307            this.querySelectorAll('.navigation-nav--sub-item').forEach((item) => {
23308                item.removeEventListener('mouseenter', this.#flipOnHover);
23309                item.addEventListener('mouseenter', this.#flipOnHover);
23310            });
23311        }
23312
23313        /**
23314         * FIXME: Move to Horizontal Role. Not sure if This should be called a
23315         *  Keep on Screen Strategy.
23316         * Remove the hover-flip listeners added by `_setupHoverFlip`.
23317         */
23318        wmTeardownHoverFlip() {
23319            this.querySelectorAll('.navigation-nav--sub-item').forEach((item) => {
23320                item.removeEventListener('mouseenter', this.#flipOnHover);
23321            });
23322        }
23323
23324        /**
23325         * @param {string} triggerSelector
23326         * @param {(trigger: HTMLElement, panel: HTMLElement) => void} positionPanel
23327         */
23328        wmSetupPopoverMenu(triggerSelector, positionPanel) {
23329            this.querySelectorAll(triggerSelector).forEach((trigger) => {
23330                this.wmWirePopoverPair(trigger, positionPanel);
23331            });
23332        }
23333
23334        /**
23335         * Bind hover/focus open + grace close on a popover trigger/panel pair.
23336         * `positionPanel` writes the anchor custom properties used by CSS.
23337         *
23338         * @param {HTMLElement} trigger
23339         * @param {(trigger: HTMLElement, panel: HTMLElement) => void} positionPanel
23340         */
23341        wmWirePopoverPair(trigger, positionPanel) {
23342            const panelId = trigger.getAttribute('popovertarget');
23343            if (!panelId) return;
23344            const panel = this.querySelector(`#${CSS.escape(panelId)}`);
23345            if (!panel) return;
23346            const triggerItem = trigger.closest(MENU_ITEM_SELECTOR);
23347            if (!triggerItem) return;
23348
23349            const isTouch = this._isTouchDevice();
23350            const ownerWindow = this.ownerDocument.defaultView ?? window;
23351            /** @type {number | undefined} */
23352            let closeTimer;
23353
23354            const cancelClose = () => {
23355                if (closeTimer !== undefined) {
23356                    clearTimeout(closeTimer);
23357                    closeTimer = undefined;
23358                }
23359            };
23360            const reposition = () => positionPanel(trigger, panel);
23361            const startTracking = () => {
23362                ownerWindow.addEventListener('scroll', reposition, { passive: true });
23363                ownerWindow.addEventListener('resize', reposition);
23364            };
23365            const stopTracking = () => {
23366                ownerWindow.removeEventListener('scroll', reposition);
23367                ownerWindow.removeEventListener('resize', reposition);
23368            };
23369
23370            const openPanel = () => {
23371                cancelClose();
23372                positionPanel(trigger, panel);
23373                this.setPanelOpen(panel, true, trigger);
23374            };
23375
23376            const closePanel = () => {
23377                this.setPanelOpen(panel, false);
23378            };
23379
23380            const hasOpenChildPopover = () => {
23381                for (const inv of panel.querySelectorAll('[popovertarget]')) {
23382                    const id = inv.getAttribute('popovertarget');
23383                    const target = id && this.querySelector(`#${CSS.escape(id)}`);
23384                    if (target && target.matches(':popover-open')) return true;
23385                }
23386                return false;
23387            };
23388
23389            const isStructurallyChained = !!trigger.closest('[popover]');
23390
23391            const scheduleClose = () => {
23392                cancelClose();
23393                const delay = isStructurallyChained
23394                    ? POPOVER_HOVER_CLOSE_DELAY_CHAINED_MS
23395                    : POPOVER_HOVER_CLOSE_DELAY_MS;
23396                closeTimer = setTimeout(() => {
23397                    closeTimer = undefined;
23398                    if (
23399                        triggerItem.matches(':hover')
23400                        || panel.matches(':hover')
23401                        || panel.contains(document.activeElement)
23402                    ) return;
23403                    // Defer closing while a chained child popover is still open.
23404                    if (hasOpenChildPopover()) {
23405                        scheduleClose();
23406                        return;
23407                    }
23408                    closePanel();
23409                }, delay);
23410            };
23411
23412            if (!isTouch) {
23413                triggerItem.addEventListener('mouseenter', openPanel);
23414                trigger.addEventListener('focus', openPanel);
23415                panel.addEventListener('mouseenter', cancelClose);
23416
23417                if (!isStructurallyChained) {
23418                    triggerItem.addEventListener('mouseleave', scheduleClose);
23419                }
23420                panel.addEventListener('mouseleave', scheduleClose);
23421            }
23422
23423            // Native popovertarget clicks flip display via the UA `:popover-open`
23424            // style before our `toggle` handler below gets to call
23425            // `positionPanel`, so the panel would otherwise paint once at its
23426            // unpositioned (0,0) fallback. Hide it the moment it starts to
23427            // open and reveal it only once real coordinates are set.
23428            const hideUntilPositioned = (event) => {
23429                if (event.newState === 'open') panel.style.visibility = 'hidden';
23430            };
23431            panel.addEventListener('beforetoggle', hideUntilPositioned);
23432
23433            const handleToggle = (event) => {
23434                if (event.newState === 'open') {
23435                    positionPanel(trigger, panel);
23436                    panel.style.removeProperty('visibility');
23437                    startTracking();
23438                } else {
23439                    stopTracking();
23440                    this.#subMenuBehavior.onPanelClosed(panel);
23441                }
23442            };
23443            panel.addEventListener('toggle', handleToggle);
23444
23445            this.#onCleanup.push(() => {
23446                cancelClose();
23447                closePanel();
23448                triggerItem.removeEventListener('mouseenter', openPanel);
23449                trigger.removeEventListener('focus', openPanel);
23450                panel.removeEventListener('mouseenter', cancelClose);
23451                triggerItem.removeEventListener('mouseleave', scheduleClose);
23452                panel.removeEventListener('mouseleave', scheduleClose);
23453                panel.removeEventListener('beforetoggle', hideUntilPositioned);
23454                panel.removeEventListener('toggle', handleToggle);
23455                stopTracking();
23456            });
23457        }
23458
23459        /**
23460         * FIXME: Everything here isn't WmMenu's job! Deciding
23461         *  which arrows get a click/touch handler vs. which are left for the
23462         *  Popover API is a per-role/behavior concern.
23463         * @protected
23464         */
23465        _setupEventHandlers() {
23466            const arrows = this.querySelectorAll('.arrow');
23467
23468            arrows.forEach(arrow => {
23469                // Always strip first, even for a popover trigger - an arrow
23470                // that was a drill-in toggle before a role switch may still
23471                // carry these from before it gained popovertarget, and a
23472                // stale touchstart/touchend preventDefault() permanently
23473                // swallows the compatibility click on touch/emulated-touch.
23474                arrow.removeEventListener('touchstart', this.#handleTouchStart);
23475                arrow.removeEventListener('touchend', this.#handleTouchEnd);
23476                arrow.removeEventListener('click', this.#handleClick);
23477
23478                // FIXME: This ain't my job! This belongs to the horizontal/mega top-level buttons roles!
23479                if (arrow.tagName === 'BUTTON' && arrow.hasAttribute('popovertarget')) return;
23480
23481                if (this._isTouchDevice()) {
23482                    arrow.addEventListener('touchstart', this.#handleTouchStart);
23483                    arrow.addEventListener('touchend', this.#handleTouchEnd);
23484                } else {
23485                    arrow.addEventListener('click', this.#handleClick);
23486                }
23487            });
23488        };
23489
23490
23491        /** @protected */
23492        _toggleMenuItem(arrowWrapper) {
23493            const parent = arrowWrapper.parentElement;
23494            const siblings = parent.querySelectorAll(MENU_ITEM_SELECTOR);
23495
23496            // Close other items at the same level
23497            siblings.forEach(sibling => {
23498                if (sibling !== arrowWrapper) {
23499                    sibling.classList.remove('open');
23500                }
23501            });
23502
23503            const isCurrentlyOpen = arrowWrapper.classList.contains('open');
23504            arrowWrapper.classList.toggle('open');
23505
23506            this.#role.onItemToggled(arrowWrapper, !isCurrentlyOpen);
23507        }
23508
23509        /**
23510         * FIXME: This should be part of the Keep On Screen Strategy or the like
23511         *   Or Added to HorizontalLikeRole or HorizontalRole.
23512         * Horizontal only (wired by `HorizontalRole.adjustSubMenuPosition()`).
23513         */
23514        wmAdjustSubMenuPosition() {
23515            const viewportWidth = window.innerWidth;
23516
23517            const flipMainMenuSubMenu = (item) => {
23518                const subMenu = item.querySelector('.navigation-nav--sub-menu');
23519                if (!subMenu || subMenu.hasAttribute('popover')) return;
23520
23521                const itemRect = item.getBoundingClientRect();
23522                const rightEdge = itemRect.right + subMenu.offsetWidth;
23523
23524                if (rightEdge > viewportWidth) {
23525                    if (itemRect.right > viewportWidth / 2) {
23526                        subMenu.style.left = 'auto';
23527                        subMenu.style.right = '0';
23528                        subMenu.dataset.growDirection = 'left';
23529                    } else {
23530                        subMenu.style.left = `${-(rightEdge - viewportWidth)}px`;
23531                        subMenu.style.right = 'auto';
23532                        subMenu.dataset.growDirection = 'right';
23533                    }
23534                } else {
23535                    subMenu.style.left = '0';
23536                    subMenu.style.right = 'auto';
23537                    subMenu.dataset.growDirection = 'right';
23538                }
23539            };
23540
23541            this.querySelectorAll('.navigation-nav--item').forEach(flipMainMenuSubMenu);
23542            this.querySelectorAll('.navigation-nav--sub-item').forEach((item) => this._flipSubItemSubMenu(item));
23543        }
23544
23545        /**
23546         * FIXME: Part of HoriontalLikeRole's Keep on Screen Strategy
23547         * @param {HTMLElement} subMenu
23548         * @param {'left' | 'right'} direction
23549         * @protected
23550         */
23551        _setSubMenuDirection(subMenu, direction) {
23552            subMenu.dataset.growDirection = direction;
23553            subMenu.style.left = direction === 'right' ? '100%' : 'auto';
23554            subMenu.style.right = direction === 'left' ? '100%' : 'auto';
23555        }
23556
23557        /**
23558         *
23559         * FIXME: Part of HoriontalLikeRole's Keep on Screen Strategy
23560         *
23561         * Position a nested sub-item flyout toward whichever side has room,
23562         * honoring the parent panel's recorded grow direction. Shared by the
23563         * hover handler (`#flipOnHover`) and the click-driven
23564         * `wmAdjustSubMenuPosition` so both paths agree (preserves the
23565         * horizontal-growth fix from SMBWMGR20-2739).
23566         *
23567         * @param {HTMLElement} item
23568         * @protected
23569         */
23570        _flipSubItemSubMenu(item) {
23571            const subMenu = item.querySelector(':scope > .navigation-nav--sub-menu');
23572            if (!subMenu) return;
23573
23574            const ownerWindow = this.ownerDocument.defaultView ?? window;
23575            const viewportWidth = ownerWindow.innerWidth || document.documentElement.clientWidth;
23576            const itemRect = item.getBoundingClientRect();
23577            const subMenuWidth = subMenu.offsetWidth;
23578            const spaceOnRight = viewportWidth - itemRect.right;
23579            const spaceOnLeft = itemRect.left;
23580            const parentSubMenu = item.closest('.navigation-nav--sub-menu');
23581            const preferredDirection = parentSubMenu?.dataset.growDirection === 'left' ? 'left' : 'right';
23582
23583            if (preferredDirection === 'left') {
23584                this._setSubMenuDirection(subMenu, spaceOnLeft >= subMenuWidth ? 'left' : 'right');
23585                return;
23586            }
23587
23588            this._setSubMenuDirection(subMenu, spaceOnRight >= subMenuWidth ? 'right' : 'left');
23589        }
23590    }
23591
23592    function init() {
23593        console.debug('menu: init');
23594
23595        globalThis.customElements.define('wm-menu', WMMenu);
23596        globalThis.WMComponents.WMMenu = WMMenu;
23597
23598        globalThis.initMenuComponent = (menu) => {
23599            if (menu instanceof WMMenu) menu.reinitialize();
23600        };
23601    }
23602
23603    if (!globalThis.wmUserInteraction) {
23604        window.addEventListener('wm-user-interaction', init, { once: true });
23605    } else {
23606        init();
23607    }
23608})();
23609</script>
23609
23610            
23610<script>/* image.js */
23611;(() => {
23612
23613    class WMImageBase extends HTMLElement {
23614
23615        static EMPTY_PIXEL = 'data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==';
23616        static initialImagesList = [];
23617        static observer = null;
23618        static resizeObserver = null;
23619        static resizeDelayTimer = null;
23620        static processingInitialBatch = true;
23621        static initialObserver = null;
23622        static mediaUrl = '';
23623        static mediaScale = 1;
23624
23625        /** @type boolean */
23626        isInitialized = false;
23627        /** @type number */
23628        pW = -1;
23629        /** @type number */
23630        pH = -1;
23631
23632        connectedCallback() {
23633            // wait for the next frame to ensure children (img) are parsed
23634            requestAnimationFrame(() => {
23635                this.init();
23636            });
23637        }
23638
23639        disconnectedCallback() {
23640            // NOTE
23641            // Intentionally do nothing on disconnectedCallback:
23642            // reorder.js shuffles wm-img nodes across breakpoints,
23643            // and tearing down the ResizeObserver here loses layout
23644            // tracking for the rest of the page lifecycle.
23645
23646            // if (!this.isInitialized) return;
23647            // const img = this.querySelector('img');
23648            // if (!img) return;
23649            //
23650            // if (WMImage.observer) WMImage.observer.unobserve(img);
23651            // if (WMImage.resizeObserver) WMImage.resizeObserver.unobserve(img);
23652        }
23653
23654        init() {
23655            // Start main observer in case it's not started
23656            WMImageBase.startMainObserver();
23657            if (WMImageBase.observer) {
23658                this.isInitialized = true;
23659                const img = this.querySelector('img');
23660                if (img) WMImageBase.observer.observe(img);
23661            }
23662        }
23663
23664        /**
23665         * @param force {boolean} flag to force-load the image
23666         */
23667        load(force = false) {
23668            const image = this.querySelector('img');
23669            if (!image || !image.dataset.wmSrc) return;
23670
23671            const wmSrc = image.dataset.wmSrc;
23672            let src = wmSrc;
23673            // Use the media URL from the data attribute if present, otherwise use the default
23674            let mediaUrl = image.dataset.wmMediaUrl || WMImage.mediaUrl;
23675
23676            let w = image.offsetWidth;
23677            let h = image.offsetHeight;
23678            let q = 80; // default quality
23679
23680            if (!!w && !!h) {
23681                // do not unnecessarily load a new image if any dimension didn't change more than 2 pixels
23682                if (
23683                    !force &&
23684                    (this.pW > -1) &&
23685                    (this.pH > -1) &&
23686                    (Math.abs(this.pW - w) <= 2) &&
23687                    (Math.abs(this.pH - h) <= 2)
23688                ) return;
23689
23690                this.pH = h;
23691                this.pW = w;
23692
23693                // adjust size and quality for DPR and scale
23694                const dpr = (window.devicePixelRatio > 1.2) ? 2 : 1;
23695                const scale = WMImage.mediaScale;
23696                w = Math.round(w * dpr * scale);
23697                h = Math.round(h * dpr * scale);
23698                q = Math.round(q * scale);
23699
23700                // ### method 1: exact, without cropping (fits the image to the "outside" of the box, focal point determined through CSS setting)
23701                if (!src.startsWith('http')) {
23702                    if (this.classList.contains('wmcM_imageTile')) {
23703                        src = `${mediaUrl}/${encodeURIComponent(src)}`;
23704                    } else {
23705                        const fit = (
23706                            this.classList.contains('wmcM_imageContain') ||
23707                            this.classList.contains('wmcM_imageScaleDown')
23708                        ) ? 'fit-in' : 'full-fit-in';
23709                        src = `${mediaUrl}/${fit}/${w}x${h}/filters:no_upscale():format(webp):quality(${q})/${encodeURIComponent(src)}`;
23710                    }
23711                }
23712
23713                // ### method 2: exact, with cropping (fits the image exactly, but we should provide the focal point to leave important stuff visible)
23714                // (window.devicePixelRatio > 1.1) && (w = w * 2) && (h = h * 2);
23715                // src = `/image/${w}x${h}/filters:no_upscale():format(webp):quality(${q})/${encodeURIComponent(src)}`;
23716                // src = `/image/${w}x${h}/smart/filters:no_upscale():format(webp):quality(${q})/${encodeURIComponent(src)}`;
23717
23718                // ### method 3: specific increments (reduces number of different sizes IR (thumbor) has to produce, but the algo needs tweaks for very small images)
23719                // const inc = 200;
23720                // w = Math.round((w + inc) / inc) * inc;
23721                // h = Math.round((h + inc) / inc) * inc;
23722                // (window.devicePixelRatio > 1.1) && (w = w * 2) && (h = h * 2);
23723                // src = `/image/full-fit-in/${w}x${h}/filters:no_upscale():format(webp):quality(${q})/${encodeURIComponent(src)}`;
23724            }
23725
23726            if ((src !== wmSrc) || (src.startsWith('http'))) {
23727                if (this.classList.contains('wmcM_imageTile')) {
23728                    image.src = WMImage.EMPTY_PIXEL;
23729                    image.style.backgroundImage = `url('${src}')`;
23730                } else {
23731                    image.style.removeProperty('background-image');
23732                    if (!image.src.endsWith(src)) {
23733                        // load the image behind the scenes
23734                        const newImage = new Image;
23735                        newImage.fetchPriority = image.fetchPriority ?? 'auto';
23736                        newImage.src = src;
23737                        newImage.addEventListener('load', () => {
23738                            // image loaded, apply (only fires if the image was actually successfully loaded)
23739                            image.src = newImage.src;
23740                            this.updateSvgFillScaleDownSize(image, newImage);
23741                        });
23742                    }
23743                }
23744            }
23745
23746            image.dataset.wmImageIsSet = 'true';
23747
23748            this.updateSvgFillScaleDownSize(image, image);
23749
23750            // Once loaded, we might want to observe for resizing
23751            WMImageBase.addToResizeObserver(this);
23752        }
23753
23754        updateSvgFillScaleDownSize(image, loaded) {
23755            const picture = image.closest('picture');
23756            if (!picture) return;
23757
23758            const measurable = this.classList.contains('wmcM_svgSource')
23759                && this.classList.contains('wmcM_imageScaleDown')
23760                && !loaded.src.startsWith('data:');
23761            const nW = loaded.naturalWidth;
23762            const nH = loaded.naturalHeight;
23763            const boxW = image.offsetWidth;
23764            const boxH = image.offsetHeight;
23765
23766            if (!measurable || !nW || !nH || !boxW || !boxH) {
23767                picture.style.removeProperty('--svgFillScaleDownSize');
23768                return;
23769            }
23770
23771            const scale = Math.min(1, boxW / nW, boxH / nH);
23772            picture.style.setProperty('--svgFillScaleDownSize', `${nW * scale}px ${nH * scale}px`);
23773        }
23774
23775        /**
23776         *
23777         * @param img {HTMLImageElement}
23778         * @param force {boolean} flag to force-load the image
23779         */
23780        static doLoad(img, force = false) {
23781            /** @type {WMImageBase} */
23782            const wmImg = img.closest('wm-img');
23783            if (wmImg) wmImg.load(force);
23784        }
23785
23786        static startMainObserver() {
23787            if (WMImageBase.observer) return;
23788            WMImageBase.observer = new IntersectionObserver((entries, observer) => {
23789                entries.forEach(entry => {
23790                    if (entry.isIntersecting || entry.intersectionRatio !== 0) {
23791                        const img = entry.target;
23792                        WMImage.doLoad(img);
23793                        observer.unobserve(img);
23794                    }
23795                });
23796            }, { rootMargin: '134%' });
23797        }
23798
23799        static addToResizeObserver(element) {
23800            if (!WMImageBase.resizeObserver) {
23801                WMImageBase.resizeObserver = new ResizeObserver(WMImageBase.resizeWatcher);
23802            }
23803            const image = element.querySelector('img');
23804            if (image) WMImageBase.resizeObserver.observe(image);
23805        }
23806
23807        static resizeWatcher(entries) {
23808            if (WMImageBase.resizeDelayTimer) clearTimeout(WMImageBase.resizeDelayTimer);
23809            entries.forEach(entry => {
23810                const image = entry.target; // This is the img
23811                if (image && image.dataset.wmImageIsSet) {
23812                    image.dataset.wmImageNeedsResize = 'true';
23813                }
23814            });
23815
23816            WMImageBase.resizeDelayTimer = setTimeout(() => {
23817                const imagesToResize = document.querySelectorAll('img[data-wm-image-needs-resize=\'true\']');
23818                imagesToResize.forEach(img => {
23819                    WMImageBase.doLoad(img); // Re-run load logic
23820                    img.dataset.wmImageNeedsResize = '';
23821                });
23822            }, 1000);
23823        }
23824
23825        static runInitialSetup() {
23826            WMImageBase.mediaUrl = globalThis.WMConstants.mediaUrl ?? '';
23827            WMImageBase.mediaScale = globalThis.WMConstants.mediaScale ?? 1;
23828        }
23829
23830        static runInitialPrioritization() {
23831            const initialImages = document.querySelectorAll('wm-img');
23832            if (initialImages.length === 0) {
23833                WMImageBase.finishInitialPrioritization();
23834                return;
23835            }
23836
23837            initialImages.forEach(wrapper => {
23838                const img = wrapper.querySelector('img');
23839                if (img) WMImageBase.initialObserver.observe(img);
23840            });
23841        }
23842
23843        static finishInitialPrioritization() {
23844            WMImageBase.initialObserver.disconnect();
23845            WMImageBase.processingInitialBatch = false;
23846
23847            // Sort and prioritize
23848            let currentCoverage = 0;
23849            let coverageChanges = 0;
23850            const allowedCoverageChanges = 3;
23851            const largestInitialImages = [];
23852            const otherInitialImages = [];
23853
23854            WMImageBase.initialImagesList.sort((a, b) => b.coverage - a.coverage);
23855
23856            WMImageBase.initialImagesList.forEach(o => {
23857                if (coverageChanges >= allowedCoverageChanges) {
23858                    otherInitialImages.push(o.img);
23859                    return;
23860                }
23861                if (currentCoverage === 0) {
23862                    currentCoverage = o.coverage;
23863                    largestInitialImages.push(o.img);
23864                    return;
23865                }
23866                if (o.coverage === currentCoverage) {
23867                    largestInitialImages.push(o.img);
23868                    return;
23869                }
23870                if (o.coverage < currentCoverage) {
23871                    currentCoverage = o.coverage;
23872                    coverageChanges++;
23873                    if (coverageChanges >= allowedCoverageChanges) {
23874                        otherInitialImages.push(o.img);
23875                    } else {
23876                        largestInitialImages.push(o.img);
23877                    }
23878                }
23879            });
23880
23881            largestInitialImages.forEach(img => {
23882                /** @type {HTMLImageElement} */
23883                if (img) {
23884                    img.loading = 'eager';
23885                    img.fetchPriority = 'high';
23886                }
23887                WMImageBase.doLoad(img);
23888            });
23889
23890            otherInitialImages.forEach(img => {
23891                /** @type {HTMLImageElement} */
23892                if (img) {
23893                    img.fetchPriority = 'high';
23894                }
23895                WMImageBase.doLoad(img);
23896            });
23897
23898            // start the main observer for everything else (and future images)
23899            WMImageBase.startMainObserver();
23900
23901            // observe any that weren't in the viewport initially but were in the DOM
23902            const offscreenImages = document.querySelectorAll('wm-img');
23903            offscreenImages.forEach(wrapper => {
23904                const img = wrapper.querySelector('img');
23905                // if it wasn't loaded yet (not in viewport, ergo no wmImageIsSet)
23906                if (img && !img.dataset.wmImageIsSet) {
23907                    WMImageBase.observer.observe(img);
23908                }
23909            });
23910        }
23911    }
23912
23913    // Initial observer for prioritization
23914    WMImageBase.initialObserver = new IntersectionObserver((entries) => {
23915        entries.forEach(entry => {
23916            if (entry.intersectionRatio <= Number.EPSILON) return;
23917            /** @type {HTMLImageElement} */
23918            const img = entry.target;
23919            // Calculate coverage
23920            const w = img.offsetWidth;
23921            const h = img.offsetHeight;
23922            const coverage = Math.round(w * h * entry.intersectionRatio);
23923            WMImageBase.initialObserver.unobserve(img);
23924            if (coverage > 0) WMImageBase.initialImagesList.push({ img, coverage });
23925        });
23926
23927        WMImageBase.finishInitialPrioritization();
23928    }, { rootMargin: '-1px' });
23929
23930    globalThis.WMComponents.WMImageBase = WMImageBase;
23931
23932    WMImageBase.runInitialSetup();
23933})();
23934</script>
23934
23935            
23935<script>/* form.js */
23936(() => {
23937    globalThis.WMForms ??= {};
23938    const initializedForms = new WeakSet();
23939
23940    /**
23941     * Initialize a single form with all event handlers and functionality
23942     * @param {HTMLFormElement} form
23943     * @returns {boolean} Whether initialization was successful
23944     */
23945    function initializeForm(form) {
23946        if (!form || !form.action || initializedForms.has(form)) return false;
23947
23948        console.debug('form: init');
23949        initializedForms.add(form);
23950
23951        const leadsUrl = form.dataset.submitUrl;
23952        const formId = form.dataset.formId;
23953        const url = form.action;
23954        const siteCapKey = form.dataset.siteCapKey;
23955        const hash = form.dataset.formHash;
23956        const successMsg = form.dataset.submitMessage;
23957        const redirectUrl = form.dataset.redirectUrl ?? null;
23958        const redirectTarget = form.dataset.redirectTarget ?? null;
23959
23960        // Find the notification div within the form's closest parent .wmc_form container
23961        const formContainer = form.closest('.wmc_form');
23962        const notifyDiv = hash ?
23963            formContainer.querySelector(`#notify_${hash}`) :
23964            formContainer.querySelector('.form-notification');
23965
23966        // Get submit button and loading spinner
23967        /** @type {HTMLInputElement|HTMLButtonElement}*/
23968        const submitButton = form.querySelector('[type="submit"]');
23969        /** @type {HTMLElement} */
23970        const loadingSpinner = form.querySelector('.loading-spinner');
23971
23972        // Get date and time inputs if they exist
23973        const preferredDateInput = form.querySelector('input[name="preferred_date"]');
23974        const preferredTimeInput = form.querySelector('input[name="preferred_time"]');
23975
23976        // Add asterisk to required field placeholders
23977        function addRequiredAsterisks() {
23978            const requiredFields = form.querySelectorAll(':is(input, textarea, select)[required]:not([placeholder$=" *"])');
23979            for (const fld of requiredFields) {
23980                fld.placeholder += ' *';
23981            }
23982        }
23983
23984        // Handle datalist swapping based on selected date
23985        function handleDateListSwap() {
23986            if (!preferredDateInput || !preferredTimeInput) return;
23987
23988            preferredDateInput.addEventListener('change', (e) => {
23989                const selectedDate = new Date(e.target.value);
23990                if (isNaN(selectedDate)) return;
23991
23992                const dayOfWeek = selectedDate.getDay(); // 0 = Sunday, 1 = Monday, etc.
23993                const dayNames = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'];
23994                const targetListId = `form_${dayNames[dayOfWeek]}`;
23995
23996                // Check if the target datalist exists
23997                const targetDatalist = document.getElementById(targetListId);
23998                if (targetDatalist) {
23999                    preferredTimeInput.setAttribute('list', targetListId);
24000                    // Clear the current value since the options may have changed
24001                    preferredTimeInput.value = '';
24002                }
24003            });
24004        }
24005
24006        // Handle date and time input states for styling
24007        function handleDateTimeInputStates() {
24008            const dateTimeInputs = form.querySelectorAll('input[type="date"], input[type="time"]');
24009            
24010            dateTimeInputs.forEach(input => {
24011                const updateState = () => {
24012                    if (input.value) {
24013                        input.classList.add('has-value');
24014                    } else {
24015                        input.classList.remove('has-value');
24016                    }
24017                };
24018                
24019                updateState();
24020                
24021                input.addEventListener('change', updateState);
24022                input.addEventListener('input', updateState);
24023            });
24024        }
24025
24026        addRequiredAsterisks();
24027        handleDateListSwap();
24028        handleDateTimeInputStates();
24029
24030        form.addEventListener('submit', async e => {
24031            e.preventDefault();
24032            form.classList.add('was-validated');
24033
24034            // Show loading spinner and hide submit button
24035            if (submitButton && loadingSpinner) {
24036                submitButton.style.display = 'none';
24037                loadingSpinner.style.display = 'flex';
24038                submitButton.disabled = true;
24039            }
24040
24041            try {
24042                let recaptchaToken = null;
24043
24044                // Check if grecaptcha script exists and is available
24045                if (typeof grecaptcha !== 'undefined' && siteCapKey) {
24046                    // wait for grecaptcha library to be ready
24047                    await new Promise(resolve => grecaptcha.ready(resolve));
24048                    // execute v3 and get the token
24049                    recaptchaToken = await grecaptcha.execute(siteCapKey, { action: 'submit' });
24050                }
24051
24052                // build your payload properly handling arrays (like checkboxes)
24053                const formData = new FormData(form);
24054                const formObject = {};
24055
24056                // Handle form data properly, including checkbox arrays
24057                for (const [key, value] of formData.entries()) {
24058                    if (formObject[key]) {
24059                        // If key already exists, convert to array or push to existing array
24060                        if (Array.isArray(formObject[key])) {
24061                            formObject[key].push(value);
24062                        } else {
24063                            formObject[key] = [formObject[key], value];
24064                        }
24065                    } else {
24066                        formObject[key] = value;
24067                    }
24068                }
24069
24070                const reqPayload = {
24071                    formId: formId,
24072                    form: formObject,
24073                    leadsUrl,
24074                    captchaToken: recaptchaToken
24075                };
24076
24077                // This is added due to page caching SMBWMGR20-1684
24078                const xsrfToken = decodeURIComponent(
24079                    (document.cookie.split('; ').find(r => r.startsWith('XSRF-TOKEN=')) || '').split('=')[1] || ''
24080                );
24081
24082                // fire off your fetch _inside_ the grecaptcha success
24083                const rsp = await fetch(url, {
24084                    method: 'POST',
24085                    headers: {
24086                        'Accept': 'application/json',
24087                        'Content-Type': 'application/json',
24088                        'X-XSRF-TOKEN': xsrfToken // This is added due to page caching SMBWMGR20-1684
24089                    },
24090                    body: JSON.stringify(reqPayload)
24091                });
24092
24093                const payload = await rsp.json();
24094
24095                if (!rsp.ok) {
24096                    const msg = Array.isArray(payload.error_message)
24097                        ? payload.error_message.join(' ')
24098                        : payload.error_message || `Server returned ${rsp.status}`;
24099                    return flashMessage(notifyDiv, msg, false);
24100                }
24101                if (redirectUrl !== null && redirectUrl !== '') {
24102                    if (redirectTarget !== null && redirectTarget !== '') {
24103                        window.open(redirectUrl, redirectTarget, 'noopener,noreferrer');
24104                    } else {
24105                        window.location.href = redirectUrl;
24106                    }
24107                }
24108
24109                flashMessage(notifyDiv, successMsg || 'Saved!', true);
24110                form.style.display = 'none';
24111
24112            } catch (err) {
24113                flashMessage(
24114                    notifyDiv,
24115                    err.message?.includes('JSON')
24116                        ? 'Received invalid JSON from server'
24117                        : err.message || 'Network error, please try again',
24118                    false
24119                );
24120            } finally {
24121                // Restore submit button on error
24122                if (submitButton && loadingSpinner) {
24123                    submitButton.disabled = false;
24124                    submitButton.style.display = '';
24125                    loadingSpinner.style.display = 'none';
24126                }
24127            }
24128        });
24129
24130        form.querySelector('input[type="submit"]')
24131            ?.addEventListener('click', () => form.classList.add('was-validated'));
24132
24133        return true;
24134    }
24135
24136    function flashMessage(notifyDiv, msg, hide = false) {
24137        if (!notifyDiv) {
24138            return;
24139        }
24140
24141        notifyDiv.innerHTML = msg;
24142        notifyDiv.style.display = 'block';
24143        if (hide) {
24144            setTimeout(() => (notifyDiv.style.display = 'none'), 10_000);
24145        }
24146    }
24147
24148    function setupIntersectionObserver() {
24149        const observer = new IntersectionObserver((entries) => {
24150            entries.forEach(entry => {
24151                if (!entry.isIntersecting) return;
24152                const form = entry.target.querySelector('form');
24153                if (!form) return;
24154                initializeForm(form);
24155                observer.unobserve(entry.target);
24156            });
24157        }, { threshold: 0 });
24158
24159        document.querySelectorAll('.wmc_form').forEach(formContainer => {
24160            observer.observe(formContainer);
24161        });
24162    }
24163
24164    function initializeAllForms() {
24165        document.querySelectorAll('.wmc_form form').forEach(initializeForm);
24166    }
24167
24168    globalThis.WMForms.initForm = initializeForm;
24169    globalThis.WMForms.initAllForms = initializeAllForms;
24170
24171    // Start initialization on user interaction
24172    if (!globalThis.wmUserInteraction) {
24173        window.addEventListener('wm-user-interaction', setupIntersectionObserver, { once: true });
24174    } else {
24175        setupIntersectionObserver();
24176    }
24177})();
24178</script>
24178
24179            
24179<script>/* columns.js */
24180;(() => {
24181
24182    class WMColumns extends HTMLElement {
24183        /** @type {?number} */
24184        wmHandle;
24185
24186        /** @type {function[]} */
24187        #onDisconnect = [];
24188
24189        connectedCallback() {
24190            const update = () => {
24191                this.updateStyles();
24192            };
24193
24194            window.addEventListener('wm-device-change', update);
24195            this.#onDisconnect.push(() => {
24196                window.removeEventListener('wm-device-change', update);
24197            });
24198
24199            if (document.readyState === 'loading') {
24200                document.addEventListener('DOMContentLoaded', update, { once: true });
24201            } else {
24202                update();
24203            }
24204        }
24205
24206        disconnectedCallback() {
24207            for (const fn of this.#onDisconnect.splice(0, this.#onDisconnect.length)) try {
24208                fn();
24209            } catch (e) {
24210                console.error(e);
24211            }
24212        }
24213
24214        updateStyles() {
24215            if (!this.isConnected) return;
24216
24217            if (this.wmHandle) window.cancelAnimationFrame(this.wmHandle);
24218
24219            this.wmHandle = window.requestAnimationFrame(() => {
24220                /** @type {HTMLElement | null} */
24221                const rootWml = this.querySelector(":scope > .wml");
24222                const device = globalThis.wmDevice || null;
24223                if (!rootWml || !device) {
24224                    this.wmHandle = null;
24225                    return;
24226                }
24227
24228                /** @type {WMCell[]} */
24229                const cells = [...rootWml.querySelectorAll(":scope > wm-cell")];
24230                const gridPositionVar = `--gridPosition${device}`;
24231
24232                cells.sort((a, b) =>
24233                    (parseInt(a.style.getPropertyValue(gridPositionVar), 10) || 0) - (parseInt(b.style.getPropertyValue(gridPositionVar), 10) || 0)
24234                );
24235
24236                const ratios = [];
24237                cells.forEach(cell => {
24238                    const ratio = parseInt(cell.style.getPropertyValue('--columnRatio'), 10) || 1;
24239                    ratios.push(ratio);
24240                });
24241
24242                const sum = ratios.reduce((a, b) => a + b, 0);
24243                const ratiosString = ratios.reduce((a, b) => a + `${b}fr `, '');
24244
24245                this.style.setProperty('--wm_columnsRatios', `${ratiosString.trim()}`);
24246                this.style.setProperty('--wm_columnsRatiosSum', `${sum}`);
24247                this.style.setProperty('--wm_columnsCount', `${ratios.length}`);
24248
24249                console.debug(`columns ratios for "${device}"`);
24250                this.wmHandle = null;
24251            });
24252        }
24253    }
24254
24255    class WMCell extends HTMLElement {
24256        /** @type {string[]} */
24257        static observedAttributes = ['style'];
24258        /** @type {WMColumns} */
24259
24260        attributeChangedCallback(name, oldValue, newValue) {
24261            if (!this.isConnected) return;
24262            const columns = this.closest('wm-columns');
24263            if (!(columns instanceof WMColumns)) return;
24264            columns.updateStyles();
24265        }
24266    }
24267
24268    globalThis.customElements.define('wm-columns', WMColumns);
24269    globalThis.customElements.define('wm-cell', WMCell);
24270    globalThis.WMComponents.WMColumns = WMColumns;
24271    globalThis.WMComponents.WMCell = WMCell;
24272})();
24273</script>
24273
24274            
24274<script>/* map.js */
24275;(() => {
24276
24277    /** @type {any[]} */
24278    const EmptyAddressArray = Object.freeze([]);
24279
24280    /**
24281     * @param {string} value
24282     * @return {string|null}
24283     */
24284    function maybeBase64(value) {
24285        try {
24286            return atob(value)
24287        } catch (e) {
24288            return null;
24289        }
24290    }
24291
24292    /**
24293     * @param {any[]|string|null} value
24294     * @return {any[]}
24295     */
24296    function parseAddresses (value) {
24297
24298        if (!value) return EmptyAddressArray;
24299        // There's a case were it isn't even encoded T_T
24300        if (Array.isArray(value)) return value;
24301        const maybeJsonString = maybeBase64(value);
24302        // There's a case where it isn't base64 encoded T_T
24303        const jsonString = maybeJsonString != null ? maybeJsonString : value;
24304        let addresses = EmptyAddressArray;
24305        try {
24306            addresses = JSON.parse(jsonString);
24307        } catch (e) {
24308            console.error('Invalid addresses payload', e);
24309            return EmptyAddressArray;
24310        }
24311
24312        if (Array.isArray(addresses)) return addresses;
24313
24314        console.error('Invalid addresses payload', addresses);
24315        return EmptyAddressArray;
24316    }
24317    function serializeAddresses(array) {
24318        if (!Array.isArray(array)) btoa('null');
24319        return btoa(JSON.stringify(array));
24320    }
24321
24322    class WMGoogleMap extends HTMLElement {
24323        // private backing fields
24324        #zoom = 11;
24325        #showInfoWindow = true;
24326        #markerClickEnabled = true;
24327        #showZoomControl = true;
24328        #grayscale = false;
24329        #addresses = [];
24330        markers = [];
24331        infoWindows = [];
24332        isInitialized = false;
24333        referenceCenter = null;
24334
24335
24336        static get observedAttributes() {
24337            return [
24338                'zoom',
24339                'show-info-window',
24340                'marker-click-enabled',
24341                'show-zoom-control',
24342                'grayscale',
24343                'addresses'
24344            ];
24345        }
24346
24347        // whenever one of those 6 attrs changes, this runs
24348        attributeChangedCallback(name, oldVal, newVal) {
24349            if (oldVal === newVal) return;
24350            switch (name) {
24351                case 'zoom':
24352                    const n = parseInt(newVal, 10);
24353                    if (isNaN(n)) {
24354                        // not a number at all → use your default
24355                        this.#zoom = 11;
24356                    } else {
24357                        // clamp negatives to 0, otherwise leave it alone
24358                        this.#zoom = Math.max(n, 0);
24359                    }
24360                    break;
24361                case 'show-info-window':
24362                    this.#showInfoWindow = newVal === '1';
24363                    break;
24364                case 'marker-click-enabled':
24365                    this.#markerClickEnabled = newVal === '1';
24366                    break;
24367                case 'show-zoom-control':
24368                    this.#showZoomControl = newVal === '1';
24369                    break;
24370                case 'grayscale':
24371                    this.#grayscale = newVal === '1';
24372                    break;
24373                case 'addresses':
24374                    this.#addresses = newVal;
24375                    break;
24376            }
24377
24378            // if you want to re-draw or re-init on every change:
24379            this._reinitializeIfReady();
24380        }
24381
24382        // JS property ↔ attribute reflectors:
24383        get defaultZoom() {
24384            return this.#zoom;
24385        }
24386
24387        set defaultZoom(v) {
24388            this.setAttribute('zoom', v);
24389        }
24390
24391        get isShowInfoWindow() {
24392            return this.#showInfoWindow;
24393        }
24394
24395        set isShowInfoWindow(v) {
24396            this.setAttribute('show-info-window', !!v);
24397        }
24398
24399        get isMarkerClickEnabled() {
24400            return this.#markerClickEnabled;
24401        }
24402
24403        set isMarkerClickEnabled(v) {
24404            this.setAttribute('marker-click-enabled', !!v);
24405        }
24406
24407        get isShowZoomControl() {
24408            return this.#showZoomControl;
24409        }
24410
24411        set isShowZoomControl(v) {
24412            this.setAttribute('show-zoom-control', !!v);
24413        }
24414
24415        get isGrayscale() {
24416            return this.#grayscale;
24417        }
24418
24419        set isGrayscale(v) {
24420            this.setAttribute('grayscale', !!v);
24421        }
24422
24423        get addresses() {
24424            return this.#addresses;
24425        }
24426
24427        set addresses(arr) {
24428            this.setAttribute('addresses', JSON.stringify(arr));
24429        }
24430
24431        // Grayscale style for Google Maps
24432        get grayscaleStyle() {
24433            return [
24434                {
24435                    "featureType": "all",
24436                    "elementType": "all",
24437                    "stylers": [
24438                        { "saturation": -100 },
24439                        { "gamma": 0.5 }
24440                    ]
24441                }
24442            ];
24443        }
24444
24445        constructor() {
24446            super();
24447            const mapContainer = this.closest('wm-map');
24448            for (const attribute of WMGoogleMap.observedAttributes) {
24449                let setVal;
24450                if (['addresses'].includes(attribute)) {
24451                    const raw = mapContainer.getAttribute(attribute);
24452                    setVal = parseAddresses(raw);
24453
24454                } else {
24455                    setVal = mapContainer.getAttribute(attribute);
24456                }
24457                this.attributeChangedCallback(attribute, undefined, setVal)
24458            }
24459        }
24460
24461        // —— NEW: observe parent <wm-map> for attribute changes ——
24462        connectedCallback() {
24463            const host = this.closest('wm-map');
24464            if (!host) return;
24465            this._hostObserver = new MutationObserver(mutations => {
24466                for (const m of mutations) {
24467                    if (m.type === 'attributes' &&
24468                        WMGoogleMap.observedAttributes.includes(m.attributeName)) {
24469                        const oldVal = m.oldValue;
24470                        const newVal = host.getAttribute(m.attributeName);
24471                        this.attributeChangedCallback(m.attributeName, oldVal, newVal);
24472                    }
24473                }
24474            });
24475            this._hostObserver.observe(host, {
24476                attributes: true,
24477                attributeOldValue: true,
24478                attributeFilter: WMGoogleMap.observedAttributes
24479            });
24480        }
24481
24482        disconnectedCallback() {
24483            if (this._hostObserver) {
24484                this._hostObserver.disconnect();
24485                this._hostObserver = null;
24486            }
24487        }
24488
24489        // —— END NEW ——
24490        _reinitializeIfReady() {
24491            if (this.map) {
24492                this._cleanup();
24493                // Add delay to ensure cleanup is complete before reinitializing
24494                setTimeout(() => {
24495                    this._init();
24496                }, 100);
24497            }
24498        }
24499
24500        /** @protected */
24501        _init() {
24502            if (this.isInitialized || typeof google === 'undefined' || !google.maps) return;
24503            if (this.#addresses.length === 0) return;
24504
24505            // Calculate center based on visible addresses
24506            let addresses = this.addresses;
24507            const center = this._calculateCenter(addresses);
24508
24509            this.map = new google.maps.Map(this, {
24510                zoom: this.#zoom,
24511                center: center,
24512                mapTypeId: google.maps.MapTypeId.ROADMAP,
24513                zoomControl: this.isShowZoomControl,
24514                mapTypeControl: false,
24515                scaleControl: false,
24516                streetViewControl: false,
24517                rotateControl: false,
24518                fullscreenControl: false,
24519                cameraControl: false,
24520                scrollwheel: false,
24521                styles: []
24522            });
24523
24524            // Create grayscale map type
24525            this.grayscaleMapType = new google.maps.StyledMapType(this.grayscaleStyle, {
24526                name: 'Grayscale'
24527            });
24528            this.map.mapTypes.set('grayscale', this.grayscaleMapType);
24529
24530            this._loadAddresses();
24531            this._applyGrayscale();
24532            this.isInitialized = true;
24533
24534            this._log('initialized');
24535        }
24536
24537        /** @protected */
24538
24539        _calculateCenter(raw = this.#addresses) {
24540            const addresses = parseAddresses(raw);
24541
24542            const n = addresses.length;
24543            if (n === 0) return { lat: 0, lng: 0 };
24544            if (n === 1) return { lat: +addresses[0].lat, lng: +addresses[0].lng };
24545
24546            let totalLat = 0;
24547            let totalLng = 0;
24548
24549            addresses.forEach(addressData => {
24550                totalLat += +addressData.lat;
24551                totalLng += +addressData.lng;
24552            });
24553
24554            return {
24555                lat: totalLat / n,
24556                lng: totalLng / n
24557            };
24558        }
24559
24560
24561        /** @protected */
24562
24563        _loadAddresses() {
24564            const addresses = parseAddresses(this.#addresses);
24565
24566            addresses.forEach(addressData => {
24567                this._addMarker(
24568                    +addressData.lat,
24569                    +addressData.lng,
24570                    addressData.name,
24571                    addressData.address
24572                );
24573            });
24574        }
24575
24576
24577        /** @protected */
24578        _addMarker(lat, lng, name, address) {
24579            const position = { lat: lat, lng: lng };
24580            const marker = new google.maps.Marker({
24581                position: position,
24582                map: this.map,
24583                title: name,
24584                animation: google.maps.Animation.DROP,
24585            });
24586
24587            const infoContent = `
24588                <div class="info-window">
24589                    <p class="info-window-address">${name}</p>
24590                    <p class="info-window-address-text">${address}</p>
24591                </div>
24592            `;
24593
24594            const infoWindow = new google.maps.InfoWindow({
24595                content: infoContent
24596            });
24597
24598            marker.addListener("click", () => {
24599                if (!this.isMarkerClickEnabled) return;
24600
24601                if (infoWindow.getMap()) {
24602                    infoWindow.close();
24603                } else {
24604                    infoWindow.open(this.map, marker);
24605                }
24606            });
24607
24608            this.markers.push({
24609                marker: marker,
24610                position: position,
24611                name: name,
24612                address: address,
24613            });
24614
24615            this.infoWindows.push(infoWindow);
24616        }
24617
24618        /** @protected */
24619        _fitBounds() {
24620            if (this.markers.length === 0) return;
24621
24622            const bounds = new google.maps.LatLngBounds();
24623            this.markers.forEach(markerData => {
24624                bounds.extend(markerData.position);
24625            });
24626
24627            // this.map.fitBounds(bounds);
24628
24629            if (this.map.getZoom() > this.#zoom) {
24630                this.map.setZoom(this.#zoom);
24631            }
24632
24633            // setTimeout(() => {
24634            //     this.map.setZoom(this.settings.defaultZoom);
24635            // }, 10);
24636        }
24637
24638        /** @protected */
24639        _applyGrayscale() {
24640            if (this.#grayscale) {
24641                this.map.setMapTypeId('grayscale');
24642            } else {
24643                this.map.setMapTypeId(google.maps.MapTypeId.ROADMAP);
24644            }
24645        }
24646
24647        /** @protected */
24648        _cleanup() {
24649            if (this.map) {
24650                this.markers.forEach(markerData => {
24651                    markerData.marker.setMap(null);
24652                });
24653                this.markers = [];
24654                this.infoWindows = [];
24655                this.map = null;
24656            }
24657            this.isInitialized = false;
24658        }
24659
24660        /** @protected */
24661        _log(...items) {
24662            console.debug('google-map:', ...items);
24663        }
24664
24665        // Public API
24666        wmSetData(data) {
24667            this.settings = data;
24668        }
24669
24670        wmInitialize() {
24671            this._init();
24672        }
24673
24674        wmFitBounds() {
24675            this._fitBounds();
24676        }
24677
24678        wmSetCenter(lat, lng) {
24679            if (this.map) {
24680                this.map.setCenter({ lat: lat, lng: lng });
24681            }
24682        }
24683
24684        wmSetZoom(zoom) {
24685            if (this.map) {
24686                this.map.setZoom(zoom);
24687            }
24688        }
24689
24690        wmOpenAllInfoWindows() {
24691            this.infoWindows.forEach(infoWindow => {
24692                infoWindow.setOptions({ disableAutoPan: true });
24693            });
24694
24695            this.markers.forEach((markerData, index) => {
24696                this.infoWindows[index].open(this.map, markerData.marker);
24697            });
24698        }
24699
24700        wmCloseAllInfoWindows() {
24701            this.infoWindows.forEach(infoWindow => {
24702                infoWindow.close();
24703            });
24704        }
24705
24706        wmApplySliderPosition(latOffset, lngOffset) {
24707            if (!this.map) return;
24708
24709            if (!this.referenceCenter) {
24710                this.referenceCenter = this.map.getCenter();
24711            }
24712
24713            const currentZoom = this.map.getZoom();
24714            const mapWidth = this.offsetWidth;
24715            const mapHeight = this.offsetHeight;
24716
24717            const zoomScale = Math.pow(2, currentZoom);
24718            const degreesPerPixelLng = 200 / (256 * zoomScale);
24719            const degreesPerPixelLat = 200 / (256 * zoomScale);
24720
24721            const latMovementPercent = parseFloat(latOffset) / 100;
24722            const lngMovementPercent = parseFloat(lngOffset) / 100;
24723
24724            const latPixels = latMovementPercent * mapHeight;
24725            const lngPixels = lngMovementPercent * mapWidth;
24726
24727            const latDegrees = latPixels * degreesPerPixelLat;
24728            const lngDegrees = lngPixels * degreesPerPixelLng;
24729
24730            const newLat = this.referenceCenter.lat() + latDegrees;
24731            const newLng = this.referenceCenter.lng() + lngDegrees;
24732
24733            this.map.setCenter({ lat: newLat, lng: newLng });
24734        }
24735    }
24736
24737    class WMLeafletMap extends HTMLElement {
24738
24739        // private backing fields
24740        #zoom = 11;
24741        #showInfoWindow = true;
24742        #markerClickEnabled = true;
24743        #showZoomControl = true;
24744        #grayscale = false;
24745        #addresses = [];
24746        markers = [];
24747        infoWindows = [];
24748        isInitialized = false;
24749        referenceCenter = null;
24750
24751
24752        static get observedAttributes() {
24753            return [
24754                'zoom',
24755                'show-info-window',
24756                'marker-click-enabled',
24757                'show-zoom-control',
24758                'grayscale',
24759                'addresses'
24760            ];
24761        }
24762
24763        /** @protected */
24764        _reinitializeIfReady() {
24765            if (this.map) {
24766                this._cleanup();
24767                // Add delay to ensure cleanup is complete before reinitializing
24768                setTimeout(() => {
24769                    this._init();
24770                }, 100);
24771            }
24772        }
24773
24774        attributeChangedCallback(name, oldVal, newVal) {
24775            if (oldVal === newVal) return;
24776            switch (name) {
24777                case 'zoom':
24778                    const n = parseInt(newVal, 10);
24779                    if (isNaN(n)) {
24780                        // not a number at all → use your default
24781                        this.#zoom = 11;
24782                    } else {
24783                        // clamp negatives to 0, otherwise leave it alone
24784                        this.#zoom = Math.max(n, 0);
24785                    }
24786                    break;
24787                case 'show-info-window':
24788                    this.#showInfoWindow = newVal === '1';
24789                    break;
24790                case 'marker-click-enabled':
24791                    this.#markerClickEnabled = newVal === '1';
24792                    break;
24793                case 'show-zoom-control':
24794                    this.#showZoomControl = newVal === '1';
24795                    break;
24796                case 'grayscale':
24797                    this.#grayscale = newVal === '1';
24798                    break;
24799                case 'addresses':
24800                    this.#addresses = newVal;
24801                    break;
24802            }
24803
24804            // if you want to re-draw or re-init on every change:
24805            this._reinitializeIfReady();
24806        }
24807
24808        // whenever one of those 6 attrs changes, this runs
24809
24810        // JS property ↔ attribute reflectors:
24811        get defaultZoom() {
24812            return this.#zoom;
24813        }
24814
24815        set defaultZoom(v) {
24816            this.setAttribute('zoom', v);
24817        }
24818
24819        get isShowInfoWindow() {
24820            return this.#showInfoWindow;
24821        }
24822
24823        set isShowInfoWindow(v) {
24824            this.setAttribute('show-info-window', !!v);
24825        }
24826
24827        get isMarkerClickEnabled() {
24828            return this.#markerClickEnabled;
24829        }
24830
24831        set isMarkerClickEnabled(v) {
24832            this.setAttribute('marker-click-enabled', !!v);
24833        }
24834
24835        get isShowZoomControl() {
24836            return this.#showZoomControl;
24837        }
24838
24839        set isShowZoomControl(v) {
24840            this.setAttribute('show-zoom-control', !!v);
24841        }
24842
24843        get isGrayscale() {
24844            return this.#grayscale;
24845        }
24846
24847        set isGrayscale(v) {
24848            this.setAttribute('grayscale', !!v);
24849        }
24850
24851        get addresses() {
24852            return this.#addresses;
24853        }
24854
24855        set addresses(arr) {
24856            this.setAttribute('addresses', JSON.stringify(arr));
24857        }
24858
24859        // Grayscale style for Google Maps
24860        get grayscaleStyle() {
24861            return [
24862                {
24863                    "featureType": "all",
24864                    "elementType": "all",
24865                    "stylers": [
24866                        { "saturation": -100 },
24867                        { "gamma": 0.5 }
24868                    ]
24869                }
24870            ];
24871        }
24872
24873        constructor() {
24874            super();
24875            let setVal;
24876            const mapContainer = this.closest('wm-map');
24877            for (const attribute of WMLeafletMap.observedAttributes) {
24878                if (['addresses'].includes(attribute)) {
24879                    const raw = mapContainer.getAttribute(attribute);
24880                    setVal = parseAddresses(raw);
24881                } else {
24882                    setVal = mapContainer.getAttribute(attribute);
24883                }
24884                this.attributeChangedCallback(attribute, undefined, setVal)
24885            }
24886        }
24887
24888        // —— NEW: observe parent <wm-map> ——
24889        connectedCallback() {
24890            const host = this.closest('wm-map');
24891            if (!host) return;
24892            this._hostObserver = new MutationObserver(mutations => {
24893                for (const m of mutations) {
24894                    if (m.type === 'attributes' &&
24895                        WMLeafletMap.observedAttributes.includes(m.attributeName)) {
24896                        const oldVal = m.oldValue;
24897                        const newVal = host.getAttribute(m.attributeName);
24898                        this.attributeChangedCallback(m.attributeName, oldVal, newVal);
24899                    }
24900                }
24901            });
24902            this._hostObserver.observe(host, {
24903                attributes: true,
24904                attributeOldValue: true,
24905                attributeFilter: WMLeafletMap.observedAttributes
24906            });
24907        }
24908
24909        disconnectedCallback() {
24910            if (this._hostObserver) {
24911                this._hostObserver.disconnect();
24912                this._hostObserver = null;
24913            }
24914        }
24915
24916        // —— END NEW ——
24917
24918        /** @protected */
24919        _init() {
24920            if (this.isInitialized || typeof L === 'undefined') return;
24921
24922            if (this.#addresses.length === 0) return;
24923
24924            // Calculate center based on visible addresses
24925            const center = this._calculateCenter(this.#addresses);
24926
24927            this.map = L.map(this, {
24928                zoomControl: this.#showZoomControl,
24929                attributionControl: true,
24930                closePopupOnClick: false,
24931                scrollWheelZoom: false
24932            }
24932).setView(center, this.#zoom);
24933
24934            this.normalLayer = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
24935                attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
24936            });
24937
24938            this.grayscaleLayer = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
24939                attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
24940                className: 'grayscale-layer'
24941            });
24942
24943            this.normalLayer.addTo(this.map);
24944
24945            setTimeout(() => {
24946                this.map.invalidateSize();
24947                this.map.setZoom(this.#zoom);
24948                this._loadAddresses();
24949                this._applyGrayscale();
24950                this.isInitialized = true;
24951                this._log('initialized');
24952            }, 100);
24953        }
24954
24955        /** @protected */
24956        _calculateCenter(raw = this.#addresses) {
24957            const addresses = parseAddresses(raw);
24958
24959            if (addresses.length === 0) {
24960                return [0, 0];
24961            }
24962
24963            if (addresses.length === 1) {
24964                return [addresses[0].lat, addresses[0].lng];
24965            }
24966
24967            // Calculate the center point of all addresses
24968            let totalLat = 0;
24969            let totalLng = 0;
24970
24971            addresses.forEach(address => {
24972                totalLat += address.lat;
24973                totalLng += address.lng;
24974            });
24975
24976            return [totalLat / addresses.length, totalLng / addresses.length];
24977        }
24978
24979        /** @protected */
24980        _loadAddresses() {
24981            const addresses = parseAddresses(this.#addresses);
24982
24983            addresses.forEach((addressData) => {
24984                this._addMarker(
24985                    addressData.lat,
24986                    addressData.lng,
24987                    addressData.name,
24988                    addressData.address
24989                );
24990            });
24991            this._fitBounds();
24992        }
24993
24994        /** @protected */
24995        _addMarker(lat, lng, name, address) {
24996            const marker = L.marker([lat, lng], {
24997                title: name
24998            }).addTo(this.map);
24999
25000            const infoContent = `
25001                <div class="info-window">
25002                    <p class="info-window-address">${name}</p>
25003                    <p class="info-window-address-text">${address}</p>
25004                </div>
25005            `;
25006
25007            const popup = L.popup({
25008                maxWidth: 350,
25009                className: 'info-window',
25010                autoClose: false,
25011                closeButton: true
25012            }).setContent(infoContent);
25013
25014            marker.bindPopup(popup);
25015
25016            this.markers.push({
25017                marker: marker,
25018                position: [lat, lng],
25019                name: name,
25020                address: address,
25021                popup: popup
25022            });
25023
25024            if (!this.#markerClickEnabled) {
25025                marker.off('click');
25026            }
25027        }
25028
25029        /** @protected */
25030        _fitBounds() {
25031            if (this.markers.length === 0) return;
25032
25033            const bounds = L.latLngBounds();
25034            this.markers.forEach(markerData => {
25035                bounds.extend(markerData.position);
25036            });
25037
25038            if (this.map.getZoom() < this.#zoom) {
25039                this.map.setZoom(this.#zoom);
25040            }
25041        }
25042
25043        /** @protected */
25044        _applyGrayscale() {
25045            if (this.#grayscale) {
25046                this.map.removeLayer(this.normalLayer);
25047                this.grayscaleLayer.addTo(this.map);
25048                const attribution = document.querySelector('.leaflet-control-attribution');
25049                if (attribution) attribution.classList.add('grayscale-layer');
25050            } else {
25051                this.map.removeLayer(this.grayscaleLayer);
25052                this.normalLayer.addTo(this.map);
25053                const attribution = document.querySelector('.leaflet-control-attribution');
25054                if (attribution) attribution.classList.remove('grayscale-layer');
25055            }
25056        }
25057
25058        /** @protected */
25059        _cleanup() {
25060            if (this.map) {
25061                this.map.remove();
25062                this.map = null;
25063                this.markers = [];
25064                this.normalLayer = null;
25065                this.grayscaleLayer = null;
25066            }
25067            this.isInitialized = false;
25068        }
25069
25070        /** @protected */
25071        _log(...items) {
25072            console.debug('leaflet-map:', ...items);
25073        }
25074
25075        // Public API
25076        wmSetData(data) {
25077            this.settings = data;
25078        }
25079
25080        wmInitialize() {
25081            this._init();
25082        }
25083
25084        wmFitBounds() {
25085            this._fitBounds();
25086        }
25087
25088        wmSetCenter(lat, lng) {
25089            if (this.map) {
25090                this.map.setView([lat, lng], this.#zoom);
25091            }
25092        }
25093
25094        wmSetZoom(zoom) {
25095            if (this.map) {
25096                this.map.setZoom(zoom);
25097            }
25098        }
25099
25100        wmOpenAllInfoWindows() {
25101            this.markers.forEach((markerData) => {
25102                const currentCenter = this.map.getCenter();
25103                markerData.marker.openPopup();
25104                this.map.setView(currentCenter, this.#zoom);
25105            });
25106        }
25107
25108        wmCloseAllInfoWindows() {
25109            this.markers.forEach((markerData) => {
25110                markerData.marker.closePopup();
25111            });
25112        }
25113
25114        wmApplySliderPosition(latOffset, lngOffset) {
25115            if (!this.map) return;
25116
25117            if (!this.referenceCenter) {
25118                this.referenceCenter = this.map.getCenter();
25119            }
25120
25121            const currentZoom = this.map.getZoom();
25122            const mapWidth = this.offsetWidth;
25123            const mapHeight = this.offsetHeight;
25124
25125            const zoomScale = Math.pow(2, currentZoom);
25126            const degreesPerPixelLng = 200 / (256 * zoomScale);
25127            const degreesPerPixelLat = 200 / (256 * zoomScale);
25128
25129            const latMovementPercent = parseFloat(latOffset) / 100;
25130            const lngMovementPercent = parseFloat(lngOffset) / 100;
25131
25132            const latPixels = latMovementPercent * mapHeight;
25133            const lngPixels = lngMovementPercent * mapWidth;
25134
25135            const latDegrees = latPixels * degreesPerPixelLat;
25136            const lngDegrees = lngPixels * degreesPerPixelLng;
25137
25138            const newLat = this.referenceCenter.lat + latDegrees;
25139            const newLng = this.referenceCenter.lng + lngDegrees;
25140
25141            this.map.setView([newLat, newLng], this.#zoom);
25142        }
25143    }
25144
25145    class WMMap extends HTMLElement {
25146        /** @type { WMGoogleMap | WMLeafletMap } */
25147        currentMap = null;
25148        /** @type { number } */
25149        latSlider = 0;
25150        /** @type { number } */
25151        lngSlider = 0;
25152        /** @type { boolean } */
25153        isGoogleMapsLoading = false;
25154        /** @type { boolean } */
25155        isLeafletLoading = false;
25156        /** @type { number } */
25157        wmHandle = 0;
25158
25159        #onDisconnect = [];
25160        #platform = 'google';
25161        #showInfoWindow = 0;
25162        #latSlider = 0;
25163        #lngSlider = 0;
25164
25165        static get observedAttributes() {
25166            return [
25167                'platform',
25168                'show-info-window',
25169                'lat-slider',
25170                'lng-slider'
25171            ];
25172        }
25173
25174        attributeChangedCallback(name, oldVal, newVal) {
25175            if (oldVal === newVal) return;
25176            switch (name) {
25177                case 'platform':
25178                    this.#platform = newVal;
25179                    break;
25180                case 'show-info-window':
25181                    this.#showInfoWindow = newVal === '1';
25182                    break;
25183                case 'lat-slider':
25184                    this.#latSlider = parseFloat(newVal) || 0;
25185                    break;
25186                case 'lng-slider':
25187                    this.#lngSlider = parseFloat(newVal) || 0;
25188                    break;
25189            }
25190
25191            this.wmReinitialize();
25192        }
25193
25194        connectedCallback() {
25195            this._reinitializeIfReady();
25196        }
25197
25198        disconnectedCallback() {
25199            for (const fn of this.#onDisconnect.splice(0, this.#onDisconnect.length)) try {
25200                fn();
25201            } catch (e) {
25202                console.error(e);
25203            }
25204        }
25205
25206        /** @protected */
25207        _reinitializeIfReady() {
25208            if (this.wmHandle) cancelAnimationFrame(this.wmHandle);
25209            this.wmHandle = requestAnimationFrame(() => {
25210                this._init();
25211            })
25212        }
25213
25214        constructor() {
25215            super()
25216            for (const attribute of WMMap.observedAttributes) {
25217                this.attributeChangedCallback(attribute, undefined, this.getAttribute(attribute));
25218            }
25219        }
25220
25221        get platformType() {
25222            return this.#platform;
25223        }
25224
25225        set platformType(v) {
25226            this.setAttribute('platform', v);
25227        }
25228
25229        /** @protected */
25230        _init() {
25231            this.latSlider = this.#latSlider;
25232            this.lngSlider = this.#lngSlider;
25233            this._loadMapPlatform();
25234            this._setupEventListeners();
25235
25236            this._log('initialized');
25237        }
25238
25239        /** @protected */
25240        _loadMapPlatform() {
25241            if (this.platformType === 'google') {
25242                this._loadGoogleMaps();
25243            } else {
25244                this._loadLeafletMaps();
25245            }
25246        }
25247
25248        /** @protected */
25249        _loadGoogleMaps() {
25250            if (this.isGoogleMapsLoading) return;
25251            this.isGoogleMapsLoading = true;
25252
25253            // Check if Google Maps is already loaded
25254            if (typeof google !== 'undefined' && google.maps) {
25255                this._initializeGoogleMap();
25256                return;
25257            }
25258
25259            // Check if script is already loading
25260            if (document.querySelector('script[src*="maps.googleapis.com"]')) {
25261                this._waitForGoogleMaps();
25262                return;
25263            }
25264
25265            const apiKey = this.getAttribute('google-api-key');
25266
25267            if (!apiKey || apiKey.trim() === '') {
25268                const errorMsg = 'Google Maps API key is missing! Please check the Tag Manager settings.';
25269                this._log(errorMsg);
25270                // Optionally, show error in the DOM
25271                this.innerHTML = `<div style='padding: 20px; text-align: center; width: 100%; height: 20px; color: red; font-weight: bold; position: absolute; top: 0; left: 0; right: 0; bottom: 0;'>${errorMsg}</div>`;
25272                this.isGoogleMapsLoading = false;
25273                return;
25274            }
25275            const script = document.createElement('script');
25276            script.src = `//maps.googleapis.com/maps/api/js?key=${apiKey}&loading=async`;
25277            script.async = true;
25278            script.defer = true;
25279            script.onload = () => {
25280                this._waitForGoogleMaps();
25281            };
25282            script.onerror = () => {
25283                this.isGoogleMapsLoading = false;
25284                this._log('Failed to load Google Maps API');
25285            };
25286            document.body.appendChild(script);
25287        }
25288
25289        /** @protected */
25290        _waitForGoogleMaps() {
25291            const checkGoogleMaps = () => {
25292                if (
25293                    typeof google !== 'undefined' &&
25294                    google.maps &&
25295                    google.maps.Map &&
25296                    google.maps.MapTypeId &&
25297                    google.maps.StyledMapType &&
25298                    google.maps.Marker &&
25299                    google.maps.InfoWindow &&
25300                    google.maps.LatLngBounds
25301                ) {
25302                    this._initializeGoogleMap();
25303                } else {
25304                    setTimeout(checkGoogleMaps, 100);
25305                }
25306            };
25307            checkGoogleMaps();
25308        }
25309
25310        /** @protected */
25311        _loadLeafletMaps() {
25312            if (this.isLeafletLoading) return;
25313            this.isLeafletLoading = true;
25314
25315            // Check if Leaflet is already loaded
25316            if (typeof L !== 'undefined') {
25317                this._initializeLeafletMap();
25318                return;
25319            }
25320
25321            // Check if script is already loading
25322            if (document.querySelector('script[src*="leaflet"]')) {
25323                this._waitForLeaflet();
25324                return;
25325            }
25326
25327            const script = document.createElement('script');
25328            script.src = '//unpkg.com/[email protected]/dist/leaflet.js';
25329            script.onload = () => {
25330                const link = document.createElement('link');
25331                link.rel = 'stylesheet';
25332                link.href = '//unpkg.com/[email protected]/dist/leaflet.css';
25333                document.head.appendChild(link);
25334                this._waitForLeaflet();
25335            };
25336            script.onerror = () => {
25337                this.isLeafletLoading = false;
25338                this._log('Failed to load Leaflet API');
25339            };
25340            document.body.appendChild(script);
25341        }
25342
25343        /** @protected */
25344        _waitForLeaflet() {
25345            const checkLeaflet = () => {
25346                if (typeof L !== 'undefined') {
25347                    this._initializeLeafletMap();
25348                } else {
25349                    setTimeout(checkLeaflet, 100);
25350                }
25351            };
25352            checkLeaflet();
25353        }
25354
25355        /** @protected */
25356        _initializeGoogleMap() {
25357            /** @type { WMGoogleMap } */
25358            const googleMapContainer = this.querySelector('wm-google-map');
25359            if (googleMapContainer) {
25360                googleMapContainer.style.display = 'block';
25361                this.currentMap = googleMapContainer;
25362
25363                // Initialize the Google Map component
25364                setTimeout(() => {
25365                    if (googleMapContainer.wmInitialize) {
25366                        googleMapContainer.wmInitialize();
25367                    }
25368                    this._applyInitialSettings();
25369                }, 100);
25370            }
25371            this.isGoogleMapsLoading = false;
25372        }
25373
25374        /** @protected */
25375        _initializeLeafletMap() {
25376            /** @type { WMLeafletMap } */
25377            const leafletMapContainer = this.querySelector('wm-leaflet-map');
25378            if (leafletMapContainer) {
25379                leafletMapContainer.style.display = 'block';
25380                this.currentMap = leafletMapContainer;
25381
25382                // Initialize the Leaflet Map component
25383                setTimeout(() => {
25384                    if (leafletMapContainer.wmInitialize) {
25385                        leafletMapContainer.wmInitialize();
25386                    }
25387                    this._applyInitialSettings();
25388                }, 100);
25389            }
25390            this.isLeafletLoading = false;
25391        }
25392
25393        /** @protected */
25394        _setupEventListeners() {
25395            // Use ResizeObserver to watch for size changes of the wm-map element
25396            const resizeObserver = new ResizeObserver(() => {
25397                setTimeout(() => {
25398                    this._applySliderPosition();
25399                }, 100);
25400            });
25401
25402            resizeObserver.observe(this);
25403
25404            this.#onDisconnect.push(() => {
25405                resizeObserver.disconnect();
25406            });
25407        }
25408
25409        /** @protected */
25410        _applyInitialSettings() {
25411            setTimeout(() => {
25412                // First fit bounds to show all markers
25413                if (this.currentMap && this.currentMap.wmFitBounds) {
25414                    this.currentMap.wmFitBounds();
25415                }
25416
25417                // Then apply slider position (this will override the center)
25418                setTimeout(() => {
25419                    this._applySliderPosition();
25420                    this._controlInfoWindow();
25421                }, 50);
25422            }, 100);
25423        }
25424
25425        /** @protected */
25426        _applySliderPosition() {
25427            if (this.currentMap && this.currentMap.wmApplySliderPosition) {
25428                this.currentMap.wmApplySliderPosition(this.latSlider, this.lngSlider);
25429            }
25430        }
25431
25432        /** @protected */
25433        _controlInfoWindow() {
25434            if (this.#showInfoWindow) {
25435                setTimeout(() => {
25436                    if (this.currentMap && this.currentMap.wmOpenAllInfoWindows) {
25437                        this.currentMap.wmOpenAllInfoWindows();
25438                    }
25439                }, 500);
25440            } else {
25441                if (this.currentMap && this.currentMap.wmCloseAllInfoWindows) {
25442                    this.currentMap.wmCloseAllInfoWindows();
25443                }
25444            }
25445        }
25446
25447        /** @protected */
25448        _log(...items) {
25449            console.debug('map:', ...items);
25450        }
25451
25452        wmReinitialize() {
25453            this._reinitializeIfReady();
25454        }
25455    }
25456
25457    function init() {
25458        console.debug('maps: init');
25459
25460        // Register custom elements
25461        globalThis.customElements.define('wm-google-map', WMGoogleMap);
25462        globalThis.customElements.define('wm-leaflet-map', WMLeafletMap);
25463        globalThis.customElements.define('wm-map', WMMap);
25464
25465        // Make components globally accessible
25466        globalThis.WMComponents.WMGoogleMap = WMGoogleMap;
25467        globalThis.WMComponents.WMLeafletMap = WMLeafletMap;
25468        globalThis.WMComponents.WMMap = WMMap;
25469    }
25470
25471    if (!globalThis.wmUserInteraction) {
25472        window.addEventListener('wm-user-interaction', init, { once: true });
25473    } else {
25474        init();
25475    }
25476})();
25477</script>
25477
25478            
25478<script>/* repeater.js */
25479;(() => {
25480    class WMRepeaterBase extends HTMLElement {
25481        constructor() {
25482            super();
25483        }
25484
25485        connectedCallback() {
25486        }
25487
25488        disconnectedCallback() {
25489        }
25490    }
25491
25492    function init() {
25493        globalThis.WMComponents.WMRepeaterBase = WMRepeaterBase;
25494    }
25495
25496    if (!globalThis.WMComponents.WMRepeaterBase) {
25497        init();
25498    }
25499})();
25500</script>
25500
25501            
25501<script>/* core_live.js */
25502;(() => {
25503    function maxRadiusRecalculation() {
25504
25505        function doMaxRadiusRecalculate(wml) {
25506            requestAnimationFrame(() => {
25507                const wmc = wml.closest('.wmc');
25508                if (!wmc) return;
25509
25510                wmc.classList.add('wmcA_noTransition');
25511                wml.offsetHeight; // force reflow
25512                wmc.style.setProperty('--wm_maxBorderRadius', `${Math.min(wml.offsetWidth, wml.offsetHeight) / 2}px`);
25513                requestAnimationFrame(() => {
25514                    wmc.classList.remove('wmcA_noTransition');
25515                });
25516            });
25517        }
25518
25519        function observerResizer(entries) {
25520            for (const entry of entries) {
25521                doMaxRadiusRecalculate(entry.target);
25522            }
25523        }
25524
25525        const resizeObserver = new ResizeObserver(observerResizer);
25526        const getRoundedComponents = ()=> document.querySelectorAll('.wmc[style*="--wm_maxBorderRadius"] > .wml');
25527        const components = getRoundedComponents();
25528        for (const component of components) {
25529            doMaxRadiusRecalculate(component);
25530            resizeObserver.observe(component);
25531        }
25532
25533        function disconnectObserver() {
25534            resizeObserver.disconnect();
25535        }
25536        if (document.readyState === 'complete') {
25537            disconnectObserver();
25538        } else {
25539            window.addEventListener('load', disconnectObserver, { once: true });
25540        }
25541
25542        function deviceChangeResizer() {
25543            const components = getRoundedComponents();
25544            for (const wml of components) {
25545                doMaxRadiusRecalculate(wml);
25546            }
25547        }
25548        window.addEventListener('wm-device-change', deviceChangeResizer);
25549        /**
25550         * TODO - find a better way to handle this in the future
25551         * the components in popup are not visible on initial load of the page
25552         * so we need this listener to recalculate the max radius for them when popup is open
25553         */
25554        window.addEventListener('wm-popup-open-max-radius-calc', deviceChangeResizer);
25555    }
25556
25557    if (!globalThis.wmDevice) {
25558        window.addEventListener('wm-device-ready', maxRadiusRecalculation, { once: true });
25559    } else {
25560        maxRadiusRecalculation();
25561    }
25562})();
25563</script>
25563
25564            
25564<script>/* popup-handler_live.js */
25565;(() => {
25566    /**
25567     * @typedef {HTMLElement} IRevealable
25568     * @property {number|false} wmTimeout
25569     * @property {()=>void} wmShow
25570     * @property {()=>void} wmShowAutomated
25571     */
25572
25573    /**
25574     * @class WmServices.PopupService
25575     */
25576    class PopupService {
25577        #running = false;
25578        /** @type {Array<()=>void>} */
25579        #awaiting = [];
25580
25581        constructor() {
25582        }
25583
25584        /**
25585         * @param  {IRevealable} revealable
25586         * @return void
25587         */
25588        registerTimeout(revealable) {
25589            if (!revealable.id) return;
25590            if (revealable.wmTimeout === false) return;
25591            const ref = new WeakRef(revealable);
25592            this._scheduleTimeout(() => {
25593                setTimeout(
25594                    () => {
25595                        const popup = ref.deref();
25596                        popup?.wmShowAutomated();
25597                    },
25598                    revealable.wmTimeout
25599                );
25600            });
25601        }
25602
25603        /**
25604         * @protected
25605         * @property {()=>void} callback
25606         */
25607        _scheduleTimeout(callback) {
25608            if (this.#running) {
25609                // Defer to the end of the task to
25610                // Prevent potential race conditions
25611                queueMicrotask(callback);
25612                return;
25613            }
25614            this.#awaiting.push(callback);
25615        }
25616
25617        initializeReveal() {
25618            this.#running = true;
25619            const tasks = this.#awaiting.splice(0, this.#awaiting.length);
25620            for (const task of tasks) {
25621                task();
25622            }
25623        }
25624    }
25625
25626    const instance = (globalThis.WmServices ??= {})['PopupService'] ??= new PopupService();
25627
25628
25629    if (globalThis.wmUserInteraction) {
25630        instance.initializeReveal();
25631    } else {
25632        window.addEventListener(
25633            'wm-user-interaction',
25634            () => instance.initializeReveal(),
25635            { once: true }
25636        );
25637    }
25638})();
25639</script>
25639
25640            
25640<script>/* image_live.js */
25641class WMImage extends globalThis.WMComponents.WMImageBase {
25642    constructor() {
25643        super();
25644    }
25645
25646    connectedCallback() {
25647        super.connectedCallback();
25648    }
25649
25650    disconnectedCallback() {
25651        super.disconnectedCallback();
25652    }
25653}
25654
25655window.customElements.define('wm-img', WMImage);
25656
25657function init() {
25658    console.debug('image: init');
25659    WMImage.runInitialPrioritization();
25660}
25661
25662if (document.readyState === 'loading') {
25663    document.addEventListener('DOMContentLoaded', init, { once: true });
25664} else {
25665    init();
25666}
25667</script>
25667
25668            
25668<script>/* repeater_live.js */
25669function init() {
25670    console.debug('repeater: init');
25671    const WMRepeater = globalThis.WMComponents.WMRepeaterBase;
25672    globalThis.customElements.define('wm-repeater', WMRepeater);
25673}
25674
25675if (!globalThis.wmDevice) {
25676    window.addEventListener('wm-device-ready', init, { once: true });
25677} else {
25678    init();
25679}
25680</script>
25680
25681    
25682    <!-- Header Tags -->
25683    <!-- Google tag (gtag.js) -->
vendor: 82 bytes, lines 25683-25684
25683
25684<script type="text/wmdjs" async src="https://www.googletagmanager.com/gtag/js?id=
25684G-LD15Z2T10D
vendor: 13 bytes, line 25684
25684" ></script>
25685<script type="text/wmdjs"  >
25686  
vendor: 134 bytes, lines 25686-25690
25686window.dataLayer = window.dataLayer || [];
25687  function gtag(){dataLayer.push(arguments);}
25688  gtag('js', new Date());
25689
25690  gtag('config', '
25690G-LD15Z2T10D
vendor: 4 bytes, line 25690
25690');
25691</script>
25691
25692
25693<!-- Google tag (gtag.js) -->
vendor: 82 bytes, lines 25693-25694
25693
25694<script type="text/wmdjs" async src="https://www.googletagmanager.com/gtag/js?id=
25694AW-18377139691
vendor: 13 bytes, line 25694
25694" ></script>
25695<script type="text/wmdjs"  >
25696  
vendor: 134 bytes, lines 25696-25700
25696window.dataLayer = window.dataLayer || [];
25697  function gtag(){dataLayer.push(arguments);}
25698  gtag('js', new Date());
25699
25700  gtag('config', '
25700AW-18377139691
vendor: 4 bytes, line 25700
25700');
25701</script>
25701
25702
25703
25704<style>
25705  .wmc_map wm-leaflet-map {
25706    display: none;
25707  }
25708  wm-leaflet-map#leaflet-map-a217b117-a8f7-4f3a-9c3e-bd1f8f33a8c4 {
25709    display: block !important;
25710    background-image: unset !important;
25711}
25712  </style>
25713    <!-- SchemaOrg -->
25714    
25714<script type="application/ld+json">
25715    {
25716    "@context": "https://schema.org",
25717    "priceRange": "Call for pricing options",
25718    "url": "https://walkin-chiro.com",
25719    "@type": "MedicalClinic",
25720    "name": "Innovative Chiropractic Rehab and Massage",
25721    "sameAs": [
25722        "https://www.yelp.com/biz/innovative-chiropractic-rehab-and-massage-mill-creek",
25723        "https://maps.app.goo.gl/hLqH7kzGtWemBcdR9",
25724        "https://www.facebook.com/Innovativecareclinic/",
25725        "https://www.instagram.com/innovative.chiropractic/"
25726    ],
25727    "telephone": "(425) 338-1555",
25728    "email": "[email protected]",
25729    "address": {
25730        "@type": "PostalAddress",
25731        "addressLocality": "Mill Creek",
25732        "addressRegion": "WA",
25733        "postalCode": "98012",
25734        "streetAddress": "1700 132nd Street SE, Suite C",
25735        "addressCountry": "USA"
25736    },
25737    "geo": {
25738        "@type": "GeoCoordinates",
25739        "latitude": 47.877909,
25740        "longitude": -122.209488
25741    },
25742    "hasMap": "https://maps.app.goo.gl/5zEJedPtY8fcBS5i9",
25743    "openingHoursSpecification": [
25744        {
25745            "@type": "OpeningHoursSpecification",
25746            "dayOfWeek": [
25747                "Monday",
25748                "Tuesday",
25749                "Wednesday",
25750                "Thursday",
25751                "Friday"
25752            ],
25753            "opens": "09:00",
25754            "closes": "19:00"
25755        }
25756    ],
25757    "description": "Innovative Chiropractic Rehab and Massage is your local Chiropractor in Mill Creek, WA serving all of your needs. Call us today for an appointment! Blog",
25758    "image": "https://storage.evona.app/U%2F8%2Fs%2F9%2Fg%2Fn%2FU8s9gnSuEPGr6Bk8fjPLFpf74Ve8kCVioSrxTQCI",
25759    "logo": "https://storage.evona.app/U%2F8%2Fs%2F9%2Fg%2Fn%2FU8s9gnSuEPGr6Bk8fjPLFpf74Ve8kCVioSrxTQCI"
25760}
25761</script>
25761
25762
25763    <!-- Website SchemaOrg -->
25764    
25764<script type="application/ld+json">
25765    {
25766    "@context": "https://schema.org",
25767    "@type": "WebSite",
25768    "name": "Innovative Chiropractic Rehab and Massage",
25769    "url": "https://walkin-chiro.com/"
25770}
25771</script>
25771
25772
25773</head>
25774<body class="">
25775
25776<!-- Body After Opening -->
25777
25778
25779<!-- Layout:L1 Footer and form -->
25780                    <!-- Page:page_1 Id:a2160659-9166-4daf-87d0-5e72faf203be -->
25781                <main id="a216064d-52a9-4c2b-8eb1-df850bf68212" class="wml wml_rows" style="">
25782            <!-- Placeholder:Untitled -->
25783    <!-- Wrapping layout:L2 Header, footer and form Id:a216064d-8184-4e65-850d-1ffd867f01f1 -->
25784<div id="a216064d-53f1-4a30-a06d-bf36fa19b595" class="wmc wmc_placeholder " style="--widthMobile:360px;--marginTopMobile:-2.00px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--gridPositionDesktop:1;" data-placeholder-content-id="a216064d-8184-4e65-850d-1ffd867f01f1">
25785    <div class="wml wml_rows">
25786        <div class="wms_background">
25787            <div class="wmc_color_layer "
25788    style=""
25789         data-animate-observe="a216064d-53f1-4a30-a06d-bf36fa19b595" >
25790</div>
25791        </div>
25792        <!-- Section:Header -->
25793<section id="a2160658-007b-4732-8d28-4abe95b91154" class="wmc wmc_section wmcM_scrollBehavior wmcM_tablet-inherit-scroll wmcM_mobile-inherit-scroll" style="--minHeightDesktop:35px;--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--stickyOffsetDesktop:0px;--revealThresholdDesktop:0;--trailingAnchorIdDesktop:a000fe7b-7966-4af7-98ae-8b9bbf1399a5;">
25794    <div class="wml wml_rows">
25795        <div class="wms_background">
25796            <div class="wmc_color_layer "
25797    style=""
25798         data-animate-observe="a2160658-007b-4732-8d28-4abe95b91154" >
25799</div>
25800        </div>
25801        <!-- Shelf:shelf_1 -->
25802<section id="a2178ff8-9dce-42c6-87c2-cab5262c1b0c" class="wmc wmc_shelf wmcM_containerSizeFull" style="--bgColorMobile:rgba(var(--colorBwGradientA),0.9);--bgColorTablet:rgba(var(--colorBwGradientA),0.9);--bgColorDesktop:rgba(var(--colorBwGradientA),0.9);--marginTopMobile:0px;--marginTopTablet:0px;--minHeightMobile:78.60000610351562px;--minHeightTablet:101px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--minHeightDesktop:103px;--marginLeftDesktop:-75px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;">
25803    <div class="wml wml_rows">
25804        <div class="wms_background">
25805            <div class="wmc_color_layer "
25806    style=""
25807         data-animate-observe="a2178ff8-9dce-42c6-87c2-cab5262c1b0c" >
25808</div>
25809        </div>
25810        <!-- Image:image_1 -->
25811<wm-img id="a2178ff8-740c-4240-ba6b-62ea59737f7b"  class="wmc wmc_image  wmcM_imageContain" style="--zIndex:1;--widthMobile:190px;--widthTablet:216px;--heightMobile:60px;--heightTablet:73px;--widthDesktop:260px;--heightDesktop:56.5px;--marginTopMobile:9.00px;--marginTopTablet:-56.00px;--marginLeftMobile:130px;--marginLeftTablet:0px;--marginTopDesktop:23.75px;--aspectRatioMobile:190 / 60;--aspectRatioTablet:216 / 73;--marginLeftDesktop:0px;--aspectRatioDesktop:260 / 57;--gridPositionMobile:1;--gridPositionTablet:2;--marginBottomMobile:8.80px;--marginBottomTablet:13.50px;--gridPositionDesktop:1;--marginBottomDesktop:22.75px;;">
25812    <a href="https://walkin-chiro.com/" class="wml">
25813        <div class="wms_overlay"></div>
25814        <picture>
25815            <img
25816                loading="lazy"
25817                data-wm-src="/q/t/R/1/6/k/qtR16kGcMHg8TFm4XRnUOeGQ2qvtsv2abzBTIW2C"
25818                                src="data:image/webp;base64,UklGRhQDAABXRUJQVlA4WAoAAAAQAAAAPwAADAAAQUxQSLwBAAANmS5E9D9AMYDbOJIEgHLfl3+ss7sWUfffhRAxARPgEIHJ/2kfq65av5ACJOT//3hVrTX+lwsV9Zsh11q2xn8yCOwvY1QUECJRBTEbZQs2lkEqBkwgHyEBsSVjmSxDPIC4TJZIybEedpQswQiJS17xGlKjfqgIxHXZMR5HASiBHB9fzAzXFeMIlKwDJREIBEaNOgIQlBgMsPWwkAgbKyQMFUuOIaOWCNYwiZL6EmLjEhEzwMRiAQZBXCEP4LVqhNgSEYNYLRMgJAwVNlD48hgRowSBCEMsgSwbFYEQu4BVB8pWiBwFq7A6VsWqUTjCgCteDxjMYONxjRAJEamHDITV8SjYKwZkDbGya0iJXQNY6wgzE0FVlNmIIbUgR318EzUq1nqNGscFvCQeBhvfAQZ7Pezxs/G6cBnGa8QoM2B8NwDECyErImA2fhhi9boQJrgsaliMo7BQOORA4Yof6sNwCEIgMHmJwGxZmdQhwxABGwKBIdYyrFEBEbkkDFUmYmLyVxORdY1CwMSAcdQhgAEWtmqUjUtQjxBbFtfHwGHyn0tKBBAYRMYackX9EEcs+6EQZSZWZWFhIjZK/gpWUDggMgEAADAFAJ0BKkAADQA+aSyPRaQioRgGAEAGhKAMtoeciWjgVLHN4JvRPvzzAMP8sOmG5SMAAP7m/fIgL1WLoPt/pqRbDMjnET8fyH621r6taar/D4RjMmTSazRki1FPcLYW7OfMGHHrOLvrq3Tv6bVQGPsHC2Og/a3Vh0c/UvjHwGbkgJc6ocBE1LyA1CAlexiL+6Qnfr/sQ6+Q5h4G+aWICTcfDIB8Jbx/+Z/Z1PIwOt/CplZC0V55+KWsC1gFd5f/8tfnnYdlJ+Kmo9uBa1ahzIVK/bEAjVSHL3fHDvhZuN/IYaMWu/eUFPCtC6Eo+FMf83A5V4vdgAO0ULP/ccnzO3f5zYt6ULywKuSZaFknLjFlcNzE6tIpP606Pf34V7TXldGyfR5cQQkC5a73ap8RZwAAAA=="
25819                title="ICM_logo_white-type-Rehab-300x60-1.png"
25820                alt=""
25821            >
25822        </picture>
25823    </a>
25824</wm-img>
25825    <!-- Button:button_1 -->
25826<div id="a2178ff8-7f6f-4dbc-92ad-8c3a2d2fc63c" class="wmc wmc_button wmcM_animateHover wmcM_hidden--mobile wmcM_hidden--tablet" style="--widthMobile:200px;--widthTablet:216px;--widthDesktop:225px;--bgColorDesktop:rgba(var(--colorCtaF),1);--flexGapDesktop:4px;--marginTopMobile:8.20px;--marginTopTablet:-38.90px;--borderTopDesktop:1px solid rgba(var(--colorCtaF),1);--marginLeftMobile:72px;--marginLeftTablet:449px;--marginTopDesktop:31.60px;--paddingTopMobile:10px;
25826--paddingTopTablet:10px;--borderLeftDesktop:1px solid rgba(var(--colorCtaF),1);--marginLeftDesktop:987px;--paddingLeftMobile:10px;--paddingLeftTablet:10px;--paddingTopDesktop:10px;--borderRightDesktop:1px solid rgba(var(--colorCtaF),1);--gridPositionMobile:1;--gridPositionTablet:2;--marginBottomMobile:8.80px;--marginBottomTablet:13.50px;--paddingLeftDesktop:16px;--paddingRightMobile:10px;--paddingRightTablet:10px;--bgColorDesktopHover:rgba(var(--colorCtaG),1);--borderBottomDesktop:1px solid rgba(var(--colorCtaF),1);--borderRadiusDesktop:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--gridPositionDesktop:1;--marginBottomDesktop:22.75px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:16px;--paddingBottomDesktop:10px;--borderTopDesktopHover:1px solid rgba(var(--colorCtaG),1);--borderLeftDesktopHover:1px solid rgba(var(--colorCtaG),1);--borderRightDesktopHover:1px solid rgba(var(--colorCtaG),1);--borderBottomDesktopHover:1px solid rgba(var(--colorCtaG),1);--borderRadiusDesktopHover:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--transitionDurationMsDesktopHover:500;">
25827    <a href="https://walkin-chiro.com/book-chiropractic" class="wml wml_button">
25828        <span class="wms_background">
25829            <div class="wmc_color_layer "
25830    style=""
25831         data-animate-observe="a2178ff8-7f6f-4dbc-92ad-8c3a2d2fc63c" >
25832</div>
25833        </span>
25834        <span class="wms_button">
25835            <!-- Button.Text:button_text -->
25836<span id="a2178ff8-7c25-441c-aa54-04d51244cd43" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
25837    <span class="wml">
25838        <p style class="wmcM_paragraph4"><span style="--fontSizeDesktop: 1rem; --letterSpacingDesktop: 1px; --fontWeightDesktop: 600; --textColorDesktop: rgba(var(--colorBwGradientA),1)">Book Appointment</span></p>
25839    </span>
25840</span>
25841            <!-- Button.Icon:button_icon -->
25842<span id="a2178ff8-7961-4fcd-af9e-b794827555cf" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:16px;--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:16px;--iconSizeDesktopActive:16px;">
25843    <span class="wml wml_icon">
25844        <i style="mask: url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023) center / contain no-repeat"></i>
25845    </span>
25846</span>
25847        </span>
25848    </a>
25849</div>
25850    <!-- Button:button_1 -->
25851<div id="a2178ff8-8b01-479b-8601-eef81abdbb2b" class="wmc wmc_button wmcM_animateHover wmcM_hidden--mobile" style="--widthMobile:196px;--widthTablet:188px;--widthDesktop:169px;--flexGapDesktop:4px;--marginTopMobile:13.20px;--marginTopTablet:-41.50px;--minHeightTablet:46px;--borderTopDesktop:none;--marginLeftMobile:78px;--marginLeftTablet:420.5px;--marginTopDesktop:29.05px;--minHeightDesktop:46px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:none;--marginLeftDesktop:792px;--paddingLeftMobile:10px;
25851--paddingLeftTablet:10px;--paddingTopDesktop:10px;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:2;--marginBottomMobile:8.80px;--marginBottomTablet:13.50px;--paddingLeftDesktop:0px;--paddingRightMobile:10px;--paddingRightTablet:10px;--borderBottomDesktop:none;--borderRadiusDesktop:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--gridPositionDesktop:1;--marginBottomDesktop:22.75px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:0px;--paddingBottomDesktop:10px;--borderTopDesktopHover:none;--borderLeftDesktopHover:none;--borderRightDesktopHover:none;--borderBottomDesktopHover:none;--borderRadiusDesktopHover:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--flexJustifyContentDesktop:start;--transitionDurationMsDesktopHover:500;">
25852    <a href="tel:4253381555" class="wml wml_button">
25853        <span class="wms_background">
25854            <div class="wmc_color_layer "
25855    style=""
25856         data-animate-observe="a2178ff8-8b01-479b-8601-eef81abdbb2b" >
25857</div>
25858        </span>
25859        <span class="wms_button">
25860            <!-- Button.Text:button_text -->
25861<span id="a2178ff8-8831-499b-8834-c6c51027529d" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
25862    <span class="wml">
25863        <p class="wmcM_paragraph4" style><span style="--fontSizeDesktop: 1.25rem; --letterSpacingDesktop: 1px; --fontWeightDesktop: 600; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --textColorDesktopHover: rgba(var(--colorCtaI),1);">&lpar;425&rpar; 338-1555</span></p>
25864    </span>
25865</span>
25866            <!-- Button.Icon:button_icon -->
25867<span id="a2178ff8-8411-4697-81fe-f9425bc8fea3" class="wmc wmc_icon wmc_buttonIcon wmcM_empty" style="--iconSizeDesktop:16px;--iconColorDesktop:rgba(var(--colorPrimaryH),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:16px;--iconColorDesktopHover:rgba(var(--colorPrimaryI),1);--iconSizeDesktopActive:16px;">
25868    <span class="wml wml_icon">
25869        <i style="mask: url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023) center / contain no-repeat"></i>
25870    </span>
25871</span>
25872        </span>
25873    </a>
25874</div>
25875    <!-- Button:button_1 -->
25876<div id="a2178ff8-9449-4039-bc95-9efa55f2577c" class="wmc wmc_button wmcM_animateHover wmcM_hidden--desktop wmcM_hidden--mobile" style="--widthMobile:46px;--widthTablet:43px;--widthDesktop:46px;--bgColorDesktop:rgba(var(--colorCtaF),1);--flexGapDesktop:4px;--borderTopTablet:1px solid rgba(var(--colorCtaF),1);--marginTopMobile:14.20px;--marginTopTablet:-1.50px;--minHeightMobile:54.800018310546875px;--borderLeftTablet:1px solid rgba(var(--colorCtaF),1);--borderTopDesktop:1px solid rgba(var(--colorCtaF),1);--marginLeftMobile:72px;--marginLeftTablet:611.5px;--marginTopDesktop:30.05px;--minHeightDesktop:44px;--paddingTopMobile:20px;--paddingTopTablet:40px;--borderLeftDesktop:1px solid rgba(var(--colorCtaF),1);--borderRightTablet:1px solid rgba(var(--colorCtaF),1);--marginLeftDesktop:724px;--paddingLeftMobile:8px;--paddingLeftTablet:8px;--paddingTopDesktop:8px;--borderBottomTablet:1px solid rgba(var(--colorCtaF),1);--borderRadiusMobile:0px 0px 0px 0px;--borderRadiusTablet:0px 0px 0px 0px;--borderRightDesktop:1px solid rgba(var(--colorCtaF),1);--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:8.80px;--marginBottomTablet:0.00px;--paddingLeftDesktop:8px;--paddingRightMobile:8px;--paddingRightTablet:8px;--bgColorDesktopHover:rgba(var(--colorCtaG),1);--borderBottomDesktop:1px solid rgba(var(--colorCtaF),1);--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:1;--marginBottomDesktop:22.75px;--paddingBottomMobile:4px;--paddingBottomTablet:4px;--paddingRightDesktop:8px;--paddingBottomDesktop:8px;--borderTopDesktopHover:1px solid rgba(var(--colorCtaG),1);--borderLeftDesktopHover:1px solid rgba(var(--colorCtaG),1);--borderRightDesktopHover:1px solid rgba(var(--colorCtaG),1);--borderBottomDesktopHover:1px solid rgba(var(--colorCtaG),1);--borderRadiusDesktopHover:0px 0px 0px 0px;--transitionDurationMsDesktopHover:500;">
25877    <a href="https://walkin-chiro.com/book-chiropractic" class="wml wml_button">
25878        <span class="wms_background">
25879            <div class="wmc_color_layer "
25880    style=""
25881         data-animate-observe="a2178ff8-9449-4039-bc95-9efa55f2577c" >
25882</div>
25883        </span>
25884        <span class="wms_button">
25885            <!-- Button.Text:button_text -->
25886<span id="a2178ff8-9157-4bc4-8418-f18eeed387e2" class="wmc wmc_text wmc_buttonText wmcM_visuallyHide" style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
25887    <span class="wml">
25888        <p style class="wmcM_paragraph4"><span style="--fontSizeDesktop: 1rem; --letterSpacingDesktop: 1px; --fontWeightDesktop: 600; --textColorDesktop: rgba(var(--colorBwGradientA),1)">Primary button</span></p>
25889    </span>
25890</span>
25891            <!-- Button.Icon:button_icon -->
25892<span id="a2178ff8-8eb3-475f-981e-5fcabcb85937" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:28px;--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:28px;--iconSizeDesktopActive:16px;">
25893    <span class="wml wml_icon">
25894        <i style="mask: url(https://storage.evona.app/w%2Fm%2Fb%2F4%2F7%2F8%2Fwmb4785680cd86ae8848615b8e9014d963b4c494) center / contain no-repeat"></i>
25895    </span>
25896</span>
25897        </span>
25898    </a>
25899</div>
25900    <!-- Menu:menu_2 -->
25901<wm-menu id="a2178ff8-9b45-4f02-a8db-b9713950afdb" class="wmc wmc_menu wmcM_animateHover wmcM_menuHamburgerDesktop wmcM_menuHamburgerMobile wmcM_menuHamburgerTablet wmd_showMoreMenu"
25902    style="--zIndex:1;--widthMobile:50px;--widthTablet:50px;--widthDesktop:51px;--marginTopMobile:14.60px;--marginTopTablet:-41.00px;--minHeightMobile:48px;--minHeightTablet:38px;--marginLeftMobile:0px;--marginLeftTablet:670px;--marginTopDesktop:26.98px;--minHeightDesktop:50px;--marginLeftDesktop:1229px;--gridPositionMobile:1;--gridPositionTablet:2;--marginBottomMobile:8.80px;--marginBottomTablet:13.50px;--gridPositionDesktop:1;--marginBottomDesktop:22.75px;--hamburgerTitleFontSizeMobile:36px;--hamburgerMenuIconColorDesktop:rgba(var(--colorBwGradientJ),1);--hamburgerNavArrowColorDesktop:rgba(var(--colorBwGradientB),1);--horizontalNavArrowSizeDesktop:24px;--hamburgerNavItemFontSizeMobile:36px;--hamburgerNavJustifySelfDesktop:left;--hamburgerTitleFontColorDesktop:rgba(var(--colorBwGradientB),1);--verticalNavBorderRadiusDesktop:0px 0px 0px 0px;--verticalNavItemFontSizeDesktop:16px;--hamburgerTitleArrowColorDesktop:rgba(var(--colorBwGradientB),1);--hamburgerTitlePaddingTopDesktop:8px;--horizontalNavArrowRotateDesktop:rotate(0deg);--horizontalNavBorderRadiusTablet:0px 0px 0px 0px;--hamburgerNavItemFontColorDesktop:rgba(var(--colorBwGradientB),1);--hamburgerNavSubArrowColorDesktop:rgba(var(--colorBwGradientB),1);--hamburgerTitleArrowRotateDesktop:rotate(90deg);--hamburgerTitlePaddingLeftDesktop:16px;--horizontalNavArrowSpacingDesktop:0px;--horizontalNavBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavItemFontSizeDesktop:16px;--hamburgerNavItemPaddingTopDesktop:8px;--hamburgerNavSeparatorColorDesktop:rgba(var(--colorPrimaryH),1);--hamburgerNavSubItemFontSizeMobile:24px;--hamburgerTitleBorderRadiusDesktop:0px 0px 0px 0px;--hamburgerTitlePaddingRightDesktop:16px;--verticalNavSeparatorHeightDesktop:1px;--hamburgerMenuIconHoverColorDesktop:rgba(var(--colorCtaI),1);--hamburgerNavArrowColorHoverDesktop:rgba(var(--colorPrimaryD),1);--hamburgerNavBackButtonColorDesktop:rgba(var(--colorBwGradientB),1);--hamburgerNavBackgroundColorDesktop:rgba(var(--colorPrimaryJ),1);--hamburgerNavItemPaddingLeftDesktop:16px;--hamburgerNavSeparatorHeightDesktop:1px;--hamburgerTitlePaddingBottomDesktop:8px;--horizontalNavItemPaddingTopDesktop:0px;--horizontalNavSeparatorColorDesktop:rgba(var(--colorCtaA),0.97);--horizontalNavSeparatorWidthDesktop:2px;--verticalNavItemBorderRadiusDesktop:0px 0px 0px 0px;--verticalNavSeparatorDisplayDesktop:block;--verticalNavSeparatorSpacingDesktop:20px;--hamburgerMenuIconActiveColorDesktop:rgba(var(--colorBwGradientB),1);--hamburgerNavArrowAutoSpacingDesktop:100%;--hamburgerNavItemBorderRadiusDesktop:0px 0px 0px 0px;--hamburgerNavItemFontSizeHoverMobile:36px;--hamburgerNavItemPaddingRightDesktop:16px;--hamburgerNavSeparatorSpacingDesktop:24px;--hamburgerNavSubItemFontColorDesktop:rgba(var(--colorBwGradientB),1);--hamburgerSlideContainerWidthDesktop:700px;--horizontalNavArrowColorHoverDesktop:rgba(var(--colorBwGradientD),1
25902);--horizontalNavItemPaddingLeftDesktop:0px;--horizontalNavSubItemFontSizeDesktop:14px;--hamburgerNavItemPaddingBottomDesktop:8px;--hamburgerNavSubItemPaddingTopDesktop:8px;--hamburgerTitleBackgroundColorDesktop:rgba(0,0,0,0);--horizontalNavItemBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavItemPaddingRightDesktop:0px;--horizontalNavSeparatorDisplayDesktop:block;--horizontalNavSeparatorSpacingDesktop:30px;--verticalNavItemHoverFontColorDesktop:rgba(var(--colorBwGradientD),1);--hamburgerNavItemHoverFontColorDesktop:rgba(var(--colorPrimaryD),1);--hamburgerNavSubArrowColorHoverDesktop:rgba(var(--colorBwGradientB),1);--hamburgerNavSubItemPaddingLeftDesktop:16px;--horizontalNavItemPaddingBottomDesktop:0px;--horizontalNavSubItemPaddingTopDesktop:10px;--hamburgerNavSubItemBorderRadiusDesktop:0px 0px 0px 0px;--hamburgerNavSubItemFontSizeHoverMobile:24px;--hamburgerNavSubItemPaddingRightDesktop:16px;--hamburgerNavSubSeparatorDisplayDesktop:none;--horizontalNavItemHoverFontColorDesktop:rgba(var(--colorBwGradientD),1);--horizontalNavSubItemPaddingLeftDesktop:7px;--hamburgerNavBackButtonPaddingTopDesktop:16px;--hamburgerNavSubItemPaddingBottomDesktop:8px;--horizontalNavSubItemBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavSubItemPaddingRightDesktop:7px;--hamburgerMenuIconActiveHoverColorDesktop:rgba(var(--colorPrimaryD),1);--hamburgerNavBackButtonPaddingLeftDesktop:16px;--hamburgerNavItemBorderRadiusHoverDesktop:0px 0px 0px 0px;--hamburgerNavSubItemHoverFontColorDesktop:rgba(var(--colorBwGradientB),1);--horizontalNavSubItemPaddingBottomDesktop:10px;--hamburgerNavBackButtonBorderBottomDesktop:1px solid rgba(var(--colorPrimaryH),1);--hamburgerNavBackButtonBorderRadiusDesktop:0px 0px 0px 0px;--hamburgerNavBackButtonPaddingRightDesktop:16px;--horizontalNavItemBorderRadiusHoverDesktop:0px 0px 0px 0px;--horizontalNavSubItemHoverFontColorDesktop:rgba(var(--colorBwGradientD),1);--hamburgerNavBackButtonPaddingBottomDesktop:16px;--hamburgerNavSubItemBorderRadiusHoverDesktop:0px 0px 0px 0px;--horizontalNavItemHoverBackgroundColorDesktop:rgba(var(--colorBwGradientD),0);--horizontalNavSubContainerBorderRadiusDesktop:0px 0px 0px 0px;--hamburgerNavSubItemHoverBackgroundColorDesktop:rgba(var(--colorPrimaryH),1);--horizontalNavSubContainerBackgroundColorDesktop:rgba(var(--colorBwGradientJ),1);--wmd_hamburgerIconUrl:url(https://storage.evona.app/w%2Fm%2F6%2F9%2F2%2Fd%2Fwm692d1804242e667c24372c9c468511de3474d1);--wmd_backIconUrl:url(https://storage.evona.app/w%2Fm%2F8%2F8%2F9%2F2%2Fwm8892f2ea984492d01ab40e847ed7b59d087b58);--wmd_closeIconUrl:url(https://storage.evona.app/w%2Fm%2Fa%2F8%2F6%2Fe%2Fwma86ed052b6dc7096340a1e26d001b340326079);--wmd_menuItemIconUrl:url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023);--wmd_submenuItemIconUrl:url(https://storage.evona.app/w%2Fm%2Ff%2F5%2F4%2F6%2Fwmf5464991a424a4453af8202a9e6eed459bc7e9);--wmd_caretIconUrl:url(https://storage.evona.app/w%2Fm%2F5%2Fd%2Fd%2F9%2Fwm5dd9784dce968281bff02df74f1d4a8c3cfeeb);--wmd_submenuCaretIconUrl:url(https://storage.evona.app/w%2Fm%2Fc%2Fc%2F5%2Fb%2Fwmcc5bfb25690c15d57c8ae6b7936c8ad0c0de50);"
25903    data-parent-menu-to-submenu="false"
25904    data-more-menu="true"
25905    data-more-menu-text="More">
25906    <div class="wml">
25907        <div class="wms_content">
25908            <div class="navigation-module-container">
25909                <button class="hamburger-button">
25910                    <span class="hamburger-button-icon--container">
25911                        <span class="hamburger-button-icon"></span>
25912                        <span
25913                            class="hamburger-button-text visually-hidden"
25914                        >
25915                            
25916                            MENU
25917                        </span>
25918                    </span>
25919                </button>
25920                                    <nav class="navigation-nav">
25921                        <ul class="navigation-nav--main-menu">
25922                                                            <li class="navigation-nav--item">
25923    <a
25924        href="https://walkin-chiro.com/"
25925        href="#"
25926            >
25927                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25928                Home
25929    </a>
25930    </li>
25931                                                                    <li class="navigation-nav--separator">&nbsp;</li>
25932                                                                                            <li class="navigation-nav--item">
25933    <a
25934        href="https://walkin-chiro.com/about-us"
25935        href="#"
25936            >
25937                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25938                About Us
25939    </a>
25940    </li>
25941                                                                    <li class="navigation-nav--separator">&nbsp;</li>
25942                                                                                            <li class="navigation-nav--item">
25943    <a
25944        href="https://walkin-chiro.com/services"
25945        href="#"
25946            >
25947                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25948                Services
25949    </a>
25950                        <button
25951                type="button"
25952                class="arrow"
25953                aria-label="Toggle Services sub menu"
25954            ></button>
25955                <ul
25956            class="navigation-nav--sub-menu"
25957             id="a2178ff8-9b45-4f02-a8db-b9713950afdb-panel-2"         >
25958                            <li class="navigation-nav--sub-item">
25959    <a
25960        href="https://walkin-chiro.com/services/auto-injury-care"
25961        href="#"
25962            >
25963                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25964                Auto Injury Care
25965    </a>
25966    </li>
25967                                    <li class="navigation-nav--separator">&nbsp;</li>
25968                                            <li class="navigation-nav--sub-item">
25969    <a
25970        href="https://walkin-chiro.com/services/chiropractic-care"
25971        href="#"
25972            >
25973                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25974                Chiropractic Care
25975    </a>
25976    </li>
25977                                    <li class="navigation-nav--separator">&nbsp;</li>
25978                                            <li class="navigation-nav--sub-item">
25979    <a
25980        href="https://walkin-chiro.com/services/pain-management"
25981        href="#"
25982            >
25983                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25984                Pain Management
25985    </a>
25986    </li>
25987                                    <li class="navigation-nav--separator">&nbsp;</li>
25988                                            <li class="navigation-nav--sub-item">
25989    <a
25990        href="https://walkin-chiro.com/services/l-i-work-injury"
25991        href="#"
25992            >
25993                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25994                L&amp;I / Work Injury
25995    </a>
25996    </li>
25997                                    <li class="navigation-nav--separator">&nbsp;</li>
25998                                            <li class="navigation-nav--sub-item">
25999    <a
26000        href="https://walkin-chiro.com/services/get-active-and-stay-active"
26001        href="#"
26002            >
26003                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26004                Get Active &amp; Stay Active
26005    </a>
26006    </li>
26007                                    <li class="navigation-nav--separator">&nbsp;</li>
26008                                            <li class="navigation-nav--sub-item">
26009    <a
26010        href="https://walkin-chiro.com/services/massage-therapy"
26011        href="#"
26012            >
26013                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26014                Massage Therapy
26015    </a>
26016                        <span class="arrow"></span>
26017                <ul
26018            class="navigation-nav--sub-menu"
26019                    >
26020                            <li class="navigation-nav--sub-item">
26021    <a
26022        href="https://walkin-chiro.com/services/massage-therapy/faqs"
26023        href="#"
26024            >
26025                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26026                Massage Therapy FAQs
26027    </a>
26028    </li>
26029                                    </ul>
26030    </li>
26031                                    <li class="navigation-nav--separator">&nbsp;</li>
26032                                            <li class="navigation-nav--sub-item">
26033    <a
26034        href="https://walkin-chiro.com/services/sports-injury-chiropractic-care"
26035        href="#"
26036            >
26037                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26038                Sports Injury Chiropractic Care
26039    </a>
26040    </li>
26041                                    </ul>
26042    </li>
26043                                                                    <li class="navigation-nav--separator">&nbsp;</li>
26044                                                                                            <li class="navigation-nav--item">
26045    <a
26046        
26047        href="#"
26048            >
26049                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26050                Meet Us
26051    </a>
26052                        <button
26053                type="button"
26054                class="arrow"
26055                aria-label="Toggle Meet Us sub menu"
26056            ></button>
26057                <ul
26058            class="navigation-nav--sub-menu"
26059             id="a2178ff8-9b45-4f02-a8db-b9713950afdb-panel-3"         >
26060                            <li class="navigation-nav--sub-item">
26061    <a
26062        href="https://walkin-chiro.com/our-doctors"
26063        href="#"
26064            >
26065                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26066                Our Doctors
26067    </a>
26068    </li>
26069                                    <li class="navigation-nav--separator">&nbsp;</li>
26070                                            <li class="navigation-nav--sub-item">
26071    <a
26072        href="https://walkin-chiro.com/our-staff"
26073        href="#"
26074            >
26075                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26076                Our Staff
26077    </a>
26078    </li>
26079                                    </ul>
26080    </li>
26081                                                                    <li class="navigation-nav--separator">&nbsp;</li>
26082                                                                                            <li class="navigation-nav--item">
26083    <a
26084        href="https://walkin-chiro.com/contact-us"
26085        href="#"
26086            >
26087                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26088                Contact Us
26089    </a>
26090    </li>
26091                                                                    <li class="navigation-nav--separator">&nbsp;</li>
26092                                                                                            <li class="navigation-nav--item">
26093    <a
26094        href="https://walkin-chiro.com/book-chiropractic"
26095        href="#"
26096            >
26097                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26098                Book Chiropractic
26099    </a>
26100    </li>
26101                                                                    <li class="navigation-nav--separator">&nbsp;</li>
26102                                                                                            <li class="navigation-nav--item">
26103    <a
26104        href="https://booksy.com/en-us/689575_innovative-chiropractic-rehab-massage_other_39188_bothell"
26105        href="https://booksy.com/en-us/689575_innovative-chiropractic-rehab-massage_other_39188_bothell"
26106                    target="_blank" rel="noopener noreferrer"
26107            >
26108                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26109                Book Massage
26110    </a>
26111    </li>
26112                                                                    <li class="navigation-nav--separator">&nbsp;</li>
26113                                                                                            <li class="navigation-nav--item">
26114    <a
26115        href="https://walkin-chiro.com/payment-options"
26116        href="#"
26117            >
26118                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26119                Payment Options
26120    </a>
26121    </li>
26122                                                                    <li class="navigation-nav--separator">&nbsp;</li>
26123                                                                                            <li class="navigation-nav--item">
26124    <a
26125        href="https://walkin-chiro.com/reviews"
26126        href="#"
26127            >
26128                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26129                Reviews
26130    </a>
26131    </li>
26132                                                                    <li class="navigation-nav--separator">&nbsp;</li>
26133                                                                                            <li class="navigation-nav--item">
26134    <a
26135        href="https://walkin-chiro.com/chiropractic-topics"
26136        href="#"
26137            >
26138                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26139                Chiropractic Topics
26140    </a>
26141    </li>
26142                                                                    <li class="navigation-nav--separator">&nbsp;</li>
26143                                                                                            <li class="navigation-nav--item">
26144    <a
26145        href="https://walkin-chiro.com/blog"
26146        href="#"
26147            >
26148                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26149                Blog
26150    </a>
26151    </li>
26152                                                                                    </ul>
26153                    </nav>
26154                            </div>
26155        </div>
26156    </div>
26157</wm-menu>
26158    </div>
26159</section>
26160    </div>
26161</section>
26162    <!-- Section:Sticky header -->
26163<section id="a2160657-f3c4-4c3a-9f67-9a6de9ce8f77" class="wmc wmc_section wmcM_scrollBehavior wmcM_tablet-inherit-scroll wmcM_trailingTop wmcM_trailingTop--desktop wmcM_mobile-inherit-scroll wmcM_animateEntry wmcM_animateEntry--slide-in-down-desktop wmcM_animateExit" style="--minHeightTablet:101.5px;--minHeightDesktop:14px;
26163--gridPositionMobile:2;--gridPositionTablet:2;--gridPositionDesktop:2;--opacityDesktopEntry:0;--stickyOffsetDesktop:0px;--translateDesktopEntry:translate3d(0, -200px, 0);--revealThresholdDesktop:0;--trailingAnchorIdDesktop:a2160658-007b-4732-8d28-4abe95b91154;--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:700;">
26164    <div class="wml wml_rows">
26165        <div class="wms_background">
26166            <div class="wmc_color_layer "
26167    style=""
26168         data-animate-observe="a2160657-f3c4-4c3a-9f67-9a6de9ce8f77" >
26169</div>
26170        </div>
26171        <!-- Shelf:shelf_1 -->
26172<section id="a2179019-d91f-4076-aa0b-5095e26fe5cd" class="wmc wmc_shelf wmcM_containerSizeFull" style="--widthDesktop:1400px;--bgColorMobile:rgba(var(--colorBwGradientA),1);--bgColorTablet:rgba(var(--colorBwGradientA),1);--bgColorDesktop:rgba(var(--colorBwGradientA),1);--marginTopMobile:0px;--marginTopTablet:0px;--minHeightMobile:80.78334045410156px;--minHeightTablet:101px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--minHeightDesktop:102px;--borderLeftDesktop:none;--marginLeftDesktop:-2px;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--borderBottomDesktop:1px solid rgba(var(--colorBwGradientI),1);--gridPositionDesktop:1;--marginBottomDesktop:0.00px;">
26173    <div class="wml wml_rows">
26174        <div class="wms_background">
26175            <div class="wmc_color_layer "
26176    style=""
26177         data-animate-observe="a2179019-d91f-4076-aa0b-5095e26fe5cd" >
26178</div>
26179        </div>
26180        <!-- Image:image_1 -->
26181<wm-img id="a2179019-b188-4a8e-924c-d661598dbb12"  class="wmc wmc_image  wmcM_imageContain wmcM_hidden--mobile" style="--zIndex:1;--widthMobile:190px;--widthTablet:216px;--heightMobile:60px;--heightTablet:73px;--widthDesktop:260px;--heightDesktop:56.5px;--marginTopMobile:-6.58px;--marginTopTablet:-58.00px;--marginLeftMobile:130px;--marginLeftTablet:0px;--marginTopDesktop:23.23px;--aspectRatioMobile:190 / 60;--aspectRatioTablet:216 / 73;--marginLeftDesktop:0px;--aspectRatioDesktop:260 / 57;--gridPositionMobile:1;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:15.50px;--gridPositionDesktop:1;--marginBottomDesktop:22.27px;;">
26182    <a href="https://walkin-chiro.com/" class="wml">
26183        <div class="wms_overlay"></div>
26184        <picture>
26185            <img
26186                loading="lazy"
26187                data-wm-src="/q/t/R/1/6/k/qtR16kGcMHg8TFm4XRnUOeGQ2qvtsv2abzBTIW2C"
26188                                src="data:image/webp;base64,UklGRhQDAABXRUJQVlA4WAoAAAAQAAAAPwAADAAAQUxQSLwBAAANmS5E9D9AMYDbOJIEgHLfl3+ss7sWUfffhRAxARPgEIHJ/2kfq65av5ACJOT//3hVrTX+lwsV9Zsh11q2xn8yCOwvY1QUECJRBTEbZQs2lkEqBkwgHyEBsSVjmSxDPIC4TJZIybEedpQswQiJS17xGlKjfqgIxHXZMR5HASiBHB9fzAzXFeMIlKwDJREIBEaNOgIQlBgMsPWwkAgbKyQMFUuOIaOWCNYwiZL6EmLjEhEzwMRiAQZBXCEP4LVqhNgSEYNYLRMgJAwVNlD48hgRowSBCEMsgSwbFYEQu4BVB8pWiBwFq7A6VsWqUTjCgCteDxjMYONxjRAJEamHDITV8SjYKwZkDbGya0iJXQNY6wgzE0FVlNmIIbUgR318EzUq1nqNGscFvCQeBhvfAQZ7Pezxs/G6cBnGa8QoM2B8NwDECyErImA2fhhi9boQJrgsaliMo7BQOORA4Yof6sNwCEIgMHmJwGxZmdQhwxABGwKBIdYyrFEBEbkkDFUmYmLyVxORdY1CwMSAcdQhgAEWtmqUjUtQjxBbFtfHwGHyn0tKBBAYRMYackX9EEcs+6EQZSZWZWFhIjZK/gpWUDggMgEAADAFAJ0BKkAADQA+aSyPRaQioRgGAEAGhKAMtoeciWjgVLHN4JvRPvzzAMP8sOmG5SMAAP7m/fIgL1WLoPt/pqRbDMjnET8fyH621r6taar/D4RjMmTSazRki1FPcLYW7OfMGHHrOLvrq3Tv6bVQGPsHC2Og/a3Vh0c/UvjHwGbkgJc6ocBE1LyA1CAlexiL+6Qnfr/sQ6+Q5h4G+aWICTcfDIB8Jbx/+Z/Z1PIwOt/CplZC0V55+KWsC1gFd5f/8tfnnYdlJ+Kmo9uBa1ahzIVK/bEAjVSHL3fHDvhZuN/IYaMWu/eUFPCtC6Eo+FMf83A5V4vdgAO0ULP/ccnzO3f5zYt6ULywKuSZaFknLjFlcNzE6tIpP606Pf34V7TXldGyfR5cQQkC5a73ap8RZwAAAA=="
26189                title="ICM_logo_white-type-Rehab-300x60-1.png"
26190                alt=""
26191            >
26192        </picture>
26193    </a>
26194</wm-img>
26195    <!-- Button:button_1 -->
26196<div id="a2179019-bd7c-4885-8d36-eeb5fb562a3b" class="wmc wmc_button wmcM_animateHover wmcM_hidden--mobile wmcM_hidden--tablet" style="--widthMobile:200px;--widthTablet:216px;--widthDesktop:225px;--bgColorDesktop:rgba(var(--colorCtaF),1);--flexGapDesktop:4px;--marginTopMobile:-7.80px;--marginTopTablet:-38.90px;--borderTopDesktop:1px solid rgba(var(--colorCtaF),1);--marginLeftMobile:72px;--marginLeftTablet:449px;--marginTopDesktop:31.55px;--paddingTopMobile:10px;
26196--paddingTopTablet:10px;--borderLeftDesktop:1px solid rgba(var(--colorCtaF),1);--marginLeftDesktop:987px;--paddingLeftMobile:10px;--paddingLeftTablet:10px;--paddingTopDesktop:10px;--borderRightDesktop:1px solid rgba(var(--colorCtaF),1);--gridPositionMobile:1;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:15.50px;--paddingLeftDesktop:16px;--paddingRightMobile:10px;--paddingRightTablet:10px;--bgColorDesktopHover:rgba(var(--colorCtaG),1);--borderBottomDesktop:1px solid rgba(var(--colorCtaF),1);--borderRadiusDesktop:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--gridPositionDesktop:1;--marginBottomDesktop:22.27px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:16px;--paddingBottomDesktop:10px;--borderTopDesktopHover:1px solid rgba(var(--colorCtaG),1);--borderLeftDesktopHover:1px solid rgba(var(--colorCtaG),1);--borderRightDesktopHover:1px solid rgba(var(--colorCtaG),1);--borderBottomDesktopHover:1px solid rgba(var(--colorCtaG),1);--borderRadiusDesktopHover:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--transitionDurationMsDesktopHover:500;">
26197    <a href="https://walkin-chiro.com/book-chiropractic" class="wml wml_button">
26198        <span class="wms_background">
26199            <div class="wmc_color_layer "
26200    style=""
26201         data-animate-observe="a2179019-bd7c-4885-8d36-eeb5fb562a3b" >
26202</div>
26203        </span>
26204        <span class="wms_button">
26205            <!-- Button.Text:button_text -->
26206<span id="a2179019-ba61-4273-bbc4-9a736ad8e108" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
26207    <span class="wml">
26208        <p style class="wmcM_paragraph4"><span style="--fontSizeDesktop: 1rem; --letterSpacingDesktop: 1px; --fontWeightDesktop: 600; --textColorDesktop: rgba(var(--colorBwGradientA),1)">Book Appointment</span></p>
26209    </span>
26210</span>
26211            <!-- Button.Icon:button_icon -->
26212<span id="a2179019-b787-402f-947b-71f0240e2030" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:16px;--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:16px;--iconSizeDesktopActive:16px;">
26213    <span class="wml wml_icon">
26214        <i style="mask: url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023) center / contain no-repeat"></i>
26215    </span>
26216</span>
26217        </span>
26218    </a>
26219</div>
26220    <!-- Button:button_1 -->
26221<div id="a2179019-cfef-452f-a0d0-a7fd9adc0300" class="wmc wmc_button wmcM_animateHover wmcM_hidden--desktop" style="--widthMobile:46px;--widthTablet:43px;--widthDesktop:46px;--bgColorDesktop:rgba(var(--colorCtaF),1);--flexGapDesktop:4px;--borderTopMobile:1px solid rgba(var(--colorCtaF),1);--borderTopTablet:1px solid rgba(var(--colorCtaF),1);--marginTopMobile:-53.82px;--marginTopTablet:-1.50px;--minHeightMobile:54.800018310546875px;--borderLeftMobile:1px solid rgba(var(--colorCtaF),1);--borderLeftTablet:1px solid rgba(var(--colorCtaF),1);--borderTopDesktop:1px solid rgba(var(--colorCtaF),1);--marginLeftMobile:274px;--marginLeftTablet:610px;--marginTopDesktop:32.50px;--minHeightDesktop:5px;--paddingTopMobile:20px;--paddingTopTablet:40px;--borderLeftDesktop:1px solid rgba(var(--colorCtaF),1);--borderRightMobile:1px solid rgba(var(--colorCtaF),1);--borderRightTablet:1px solid rgba(var(--colorCtaF),1);--marginLeftDesktop:705px;--paddingLeftMobile:8px;--paddingLeftTablet:8px;--paddingTopDesktop:8px;--borderBottomMobile:1px solid rgba(var(--colorCtaF),1);--borderBottomTablet:1px solid rgba(var(--colorCtaF),1);--borderRadiusMobile:0px 0px 0px 0px;--borderRadiusTablet:0px 0px 0px 0px;--borderRightDesktop:1px solid rgba(var(--colorCtaF),1);--gridPositionMobile:2;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--paddingLeftDesktop:8px;--paddingRightMobile:8px;--paddingRightTablet:8px;--bgColorDesktopHover:rgba(var(--colorCtaG),1);--borderBottomDesktop:1px solid rgba(var(--colorCtaF),1);--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:1;--marginBottomDesktop:22.27px;--paddingBottomMobile:4px;--paddingBottomTablet:4px;--paddingRightDesktop:8px;--paddingBottomDesktop:8px;--borderTopDesktopHover:1px solid rgba(var(--colorCtaG),1);--borderLeftDesktopHover:1px solid rgba(var(--colorCtaG),1);--borderRightDesktopHover:1px solid rgba(var(--colorCtaG),1);--borderBottomDesktopHover:1px solid rgba(var(--colorCtaG),1);--borderRadiusDesktopHover:0px 0px 0px 0px;--transitionDurationMsDesktopHover:500;">
26222    <a href="https://walkin-chiro.com/book-chiropractic" class="wml wml_button">
26223        <span class="wms_background">
26224            <div class="wmc_color_layer "
26225    style=""
26226         data-animate-observe="a2179019-cfef-452f-a0d0-a7fd9adc0300" >
26227</div>
26228        </span>
26229        <span class="wms_button">
26230            <!-- Button.Text:button_text -->
26231<span id="a2179019-cd5a-4c96-9067-0074f1449f91" class="wmc wmc_text wmc_buttonText wmcM_visuallyHide" style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
26232    <span class="wml">
26233        <p style class="wmcM_paragraph4"><span style="--fontSizeDesktop: 1rem; --letterSpacingDesktop: 1px; --fontWeightDesktop: 600; --textColorDesktop: rgba(var(--colorBwGradientA),1)">Primary button</span></p>
26234    </span>
26235</span>
26236            <!-- Button.Icon:button_icon -->
26237<span id="a2179019-cb00-42dc-9fbf-366747cde283" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:28px;--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:28px;--iconSizeDesktopActive:16px;">
26238    <span class="wml wml_icon">
26239        <i style="mask: url(https://storage.evona.app/w%2Fm%2Fb%2F4%2F7%2F8%2Fwmb4785680cd86ae8848615b8e9014d963b4c494) center / contain no-repeat"></i>
26240    </span>
26241</span>
26242        </span>
26243    </a>
26244</div>
26245    <!-- Button:button_1 -->
26246<div id="a2179019-c744-41b3-9cf9-842ef629251c" class="wmc wmc_button wmcM_animateHover" style="--widthMobile:194px;--widthTablet:192px;--widthDesktop:169px;--flexGapDesktop:4px;--marginTopMobile:-37.17px;--marginTopTablet:-40.00px;--minHeightTablet:46px;--borderTopDesktop:none;--marginLeftMobile:78px;--marginLeftTablet:418px;--marginTopDesktop:27.68px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:none;--marginLeftDesktop:791px;--paddingLeftMobile:10px;
26246--paddingLeftTablet:10px;--paddingTopDesktop:10px;--borderRightDesktop:none;--gridPositionMobile:3;--gridPositionTablet:2;--marginBottomMobile:14.98px;--marginBottomTablet:15.50px;--paddingLeftDesktop:0px;--paddingRightMobile:10px;--paddingRightTablet:10px;--borderBottomDesktop:none;--borderRadiusDesktop:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--gridPositionDesktop:1;--marginBottomDesktop:22.27px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:0px;--paddingBottomDesktop:10px;--borderTopDesktopHover:none;--borderLeftDesktopHover:none;--borderRightDesktopHover:none;--borderBottomDesktopHover:none;--borderRadiusDesktopHover:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--flexJustifyContentDesktop:start;--transitionDurationMsDesktopHover:500;">
26247    <a href="tel:4253381555" class="wml wml_button">
26248        <span class="wms_background">
26249            <div class="wmc_color_layer "
26250    style=""
26251         data-animate-observe="a2179019-c744-41b3-9cf9-842ef629251c" >
26252</div>
26253        </span>
26254        <span class="wms_button">
26255            <!-- Button.Text:button_text -->
26256<span id="a2179019-c4b8-4d9e-9915-d3cbcb41d9fd" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
26257    <span class="wml">
26258        <p class="wmcM_paragraph4" style><span style="--fontSizeDesktop: 1.25rem; --letterSpacingDesktop: 1px; --fontWeightDesktop: 600; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --textColorDesktopHover: rgba(var(--colorCtaI),1);">&lpar;425&rpar; 338-1555</span></p>
26259    </span>
26260</span>
26261            <!-- Button.Icon:button_icon -->
26262<span id="a2179019-c202-4835-abe5-cfcab7a0f0f9" class="wmc wmc_icon wmc_buttonIcon wmcM_empty" style="--iconSizeDesktop:16px;--iconColorDesktop:rgba(var(--colorPrimaryH),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:16px;--iconColorDesktopHover:rgba(var(--colorPrimaryI),1);--iconSizeDesktopActive:16px;">
26263    <span class="wml wml_icon">
26264        <i style="mask: url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023) center / contain no-repeat"></i>
26265    </span>
26266</span>
26267        </span>
26268    </a>
26269</div>
26270    <!-- Menu:menu_2 -->
26271<wm-menu id="a2179019-d61a-4041-bbf5-17e157958a5c" class="wmc wmc_menu wmcM_animateHover wmcM_menuHamburgerDesktop wmcM_menuHamburgerMobile wmcM_menuHamburgerTablet wmd_showMoreMenu"
26272    style="--zIndex:1;--widthMobile:50px;--widthTablet:50px;--widthDesktop:51px;--marginTopMobile:-38.98px;--marginTopTablet:-40.50px;--minHeightMobile:48px;--minHeightTablet:38px;--marginLeftMobile:0px;--marginLeftTablet:670px;--marginTopDesktop:26.47px;--minHeightDesktop:50px;--marginLeftDesktop:1229px;--gridPositionMobile:3;--gridPositionTablet:2;--marginBottomMobile:14.98px;--marginBottomTablet:15.50px;--gridPositionDesktop:1;--marginBottomDesktop:22.27px;--hamburgerTitleFontSizeMobile:36px;--hamburgerMenuIconColorDesktop:rgba(var(--colorBwGradientJ),1);--hamburgerNavArrowColorDesktop:rgba(var(--colorBwGradientB),1);--horizontalNavArrowSizeDesktop:24px;--hamburgerNavItemFontSizeMobile:36px;--hamburgerNavJustifySelfDesktop:left;--hamburgerTitleFontColorDesktop:rgba(var(--colorBwGradientB),1);--verticalNavBorderRadiusDesktop:0px 0px 0px 0px;--verticalNavItemFontSizeDesktop:16px;--hamburgerTitleArrowColorDesktop:rgba(var(--colorBwGradientB),1);--hamburgerTitlePaddingTopDesktop:8px;--horizontalNavArrowRotateDesktop:rotate(0deg);--horizontalNavBorderRadiusTablet:0px 0px 0px 0px;--hamburgerNavItemFontColorDesktop:rgba(var(--colorBwGradientB),1);--hamburgerNavSubArrowColorDesktop:rgba(var(--colorBwGradientB),1);--hamburgerTitleArrowRotateDesktop:rotate(90deg);--hamburgerTitlePaddingLeftDesktop:16px;--horizontalNavArrowSpacingDesktop:0px;--horizontalNavBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavItemFontSizeDesktop:16px;--hamburgerNavItemPaddingTopDesktop:8px;--hamburgerNavSeparatorColorDesktop:rgba(var(--colorPrimaryH),1);--hamburgerNavSubItemFontSizeMobile:24px;--hamburgerTitleBorderRadiusDesktop:0px 0px 0px 0px;--hamburgerTitlePaddingRightDesktop:16px;--verticalNavSeparatorHeightDesktop:1px;--hamburgerMenuIconHoverColorDesktop:rgba(var(--colorCtaI),1);--hamburgerNavArrowColorHoverDesktop:rgba(var(--colorPrimaryD),1);--hamburgerNavBackButtonColorDesktop:rgba(var(--colorBwGradientB),1);
26272--hamburgerNavBackgroundColorDesktop:rgba(var(--colorPrimaryJ),1);--hamburgerNavItemPaddingLeftDesktop:16px;--hamburgerNavSeparatorHeightDesktop:1px;--hamburgerTitlePaddingBottomDesktop:8px;--horizontalNavItemPaddingTopDesktop:0px;--horizontalNavSeparatorColorDesktop:rgba(var(--colorCtaA),0.97);--horizontalNavSeparatorWidthDesktop:2px;--verticalNavItemBorderRadiusDesktop:0px 0px 0px 0px;--verticalNavSeparatorDisplayDesktop:block;--verticalNavSeparatorSpacingDesktop:20px;--hamburgerMenuIconActiveColorDesktop:rgba(var(--colorBwGradientB),1);--hamburgerNavArrowAutoSpacingDesktop:100%;--hamburgerNavItemBorderRadiusDesktop:0px 0px 0px 0px;--hamburgerNavItemFontSizeHoverMobile:36px;--hamburgerNavItemPaddingRightDesktop:16px;--hamburgerNavSeparatorSpacingDesktop:24px;--hamburgerNavSubItemFontColorDesktop:rgba(var(--colorBwGradientB),1);--hamburgerSlideContainerWidthDesktop:700px;--horizontalNavArrowColorHoverDesktop:rgba(var(--colorBwGradientD),1);--horizontalNavItemPaddingLeftDesktop:0px;--horizontalNavSubItemFontSizeDesktop:14px;--hamburgerNavItemPaddingBottomDesktop:8px;--hamburgerNavSubItemPaddingTopDesktop:8px;--hamburgerTitleBackgroundColorDesktop:rgba(0,0,0,0);--horizontalNavItemBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavItemPaddingRightDesktop:0px;--horizontalNavSeparatorDisplayDesktop:block;--horizontalNavSeparatorSpacingDesktop:30px;--verticalNavItemHoverFontColorDesktop:rgba(var(--colorBwGradientD),1);--hamburgerNavItemHoverFontColorDesktop:rgba(var(--colorPrimaryD),1);--hamburgerNavSubArrowColorHoverDesktop:rgba(var(--colorBwGradientB),1);--hamburgerNavSubItemPaddingLeftDesktop:16px;--horizontalNavItemPaddingBottomDesktop:0px;--horizontalNavSubItemPaddingTopDesktop:10px;--hamburgerNavSubItemBorderRadiusDesktop:0px 0px 0px 0px;--hamburgerNavSubItemFontSizeHoverMobile:24px;--hamburgerNavSubItemPaddingRightDesktop:16px;--hamburgerNavSubSeparatorDisplayDesktop:none;--horizontalNavItemHoverFontColorDesktop:rgba(var(--colorBwGradientD),1);--horizontalNavSubItemPaddingLeftDesktop:7px;--hamburgerNavBackButtonPaddingTopDesktop:16px;--hamburgerNavSubItemPaddingBottomDesktop:8px;--horizontalNavSubItemBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavSubItemPaddingRightDesktop:7px;--hamburgerMenuIconActiveHoverColorDesktop:rgba(var(--colorPrimaryD),1);--hamburgerNavBackButtonPaddingLeftDesktop:16px;--hamburgerNavItemBorderRadiusHoverDesktop:0px 0px 0px 0px;--hamburgerNavSubItemHoverFontColorDesktop:rgba(var(--colorBwGradientB),1);--horizontalNavSubItemPaddingBottomDesktop:10px;--hamburgerNavBackButtonBorderBottomDesktop:1px solid rgba(var(--colorPrimaryH),1);--hamburgerNavBackButtonBorderRadiusDesktop:0px 0px 0px 0px;--hamburgerNavBackButtonPaddingRightDesktop:16px;--horizontalNavItemBorderRadiusHoverDesktop:0px 0px 0px 0px;--horizontalNavSubItemHoverFontColorDesktop:rgba(var(--colorBwGradientD),1);--hamburgerNavBackButtonPaddingBottomDesktop:16px;--hamburgerNavSubItemBorderRadiusHoverDesktop:0px 0px 0px 0px;--horizontalNavItemHoverBackgroundColorDesktop:rgba(var(--colorBwGradientD),0);--horizontalNavSubContainerBorderRadiusDesktop:0px 0px 0px 0px;--hamburgerNavSubItemHoverBackgroundColorDesktop:rgba(var(--colorPrimaryH),1);--horizontalNavSubContainerBackgroundColorDesktop:rgba(var(--colorBwGradientJ),1);--wmd_hamburgerIconUrl:url(https://storage.evona.app/w%2Fm%2F6%2F9%2F2%2Fd%2Fwm692d1804242e667c24372c9c468511de3474d1);--wmd_backIconUrl:url(https://storage.evona.app/w%2Fm%2F8%2F8%2F9%2F2%2Fwm8892f2ea984492d01ab40e847ed7b59d087b58);--wmd_closeIconUrl:url(https://storage.evona.app/w%2Fm%2Fa%2F8%2F6%2Fe%2Fwma86ed052b6dc7096340a1e26d001b340326079);--wmd_menuItemIconUrl:url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023);--wmd_submenuItemIconUrl:url(https://storage.evona.app/w%2Fm%2Ff%2F5%2F4%2F6%2Fwmf5464991a424a4453af8202a9e6eed459bc7e9);--wmd_caretIconUrl:url(https://storage.evona.app/w%2Fm%2F5%2Fd%2Fd%2F9%2Fwm5dd9784dce968281bff02df74f1d4a8c3cfeeb);--wmd_submenuCaretIconUrl:url(https://storage.evona.app/w%2Fm%2Fc%2Fc%2F5%2Fb%2Fwmcc5bfb25690c15d57c8ae6b7936c8ad0c0de50);"
26273    data-parent-menu-to-submenu="false"
26274    data-more-menu="true"
26275    data-more-menu-text="More">
26276    <div class="wml">
26277        <div class="wms_content">
26278            <div class="navigation-module-container">
26279                <button class="hamburger-button">
26280                    <span class="hamburger-button-icon--container">
26281                        <span class="hamburger-button-icon"></span>
26282                        <span
26283                            class="hamburger-button-text visually-hidden"
26284                        >
26285                            
26286                            MENU
26287                        </span>
26288                    </span>
26289                </button>
26290                                    <nav class="navigation-nav">
26291                        <ul class="navigation-nav--main-menu">
26292                                                            <li class="navigation-nav--item">
26293    <a
26294        href="https://walkin-chiro.com/"
26295        href="#"
26296            >
26297                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26298                Home
26299    </a>
26300    </li>
26301                                                                    <li class="navigation-nav--separator">&nbsp;</li>
26302                                                                                            <li class="navigation-nav--item">
26303    <a
26304        href="https://walkin-chiro.com/about-us"
26305        href="#"
26306            >
26307                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26308                About Us
26309    </a>
26310    </li>
26311                                                                    <li class="navigation-nav--separator">&nbsp;</li>
26312                                                                                            <li class="navigation-nav--item">
26313    <a
26314        href="https://walkin-chiro.com/services"
26315        href="#"
26316            >
26317                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26318                Services
26319    </a>
26320                        <button
26321                type="button"
26322                class="arrow"
26323                aria-label="Toggle Services sub menu"
26324            ></button>
26325                <ul
26326            class="navigation-nav--sub-menu"
26327             id="a2179019-d61a-4041-bbf5-17e157958a5c-panel-2"         >
26328                            <li class="navigation-nav--sub-item">
26329    <a
26330        href="https://walkin-chiro.com/services/auto-injury-care"
26331        href="#"
26332            >
26333                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26334                Auto Injury Care
26335    </a>
26336    </li>
26337                                    <li class="navigation-nav--separator">&nbsp;</li>
26338                                            <li class="navigation-nav--sub-item">
26339    <a
26340        href="https://walkin-chiro.com/services/chiropractic-care"
26341        href="#"
26342            >
26343                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26344                Chiropractic Care
26345    </a>
26346    </li>
26347                                    <li class="navigation-nav--separator">&nbsp;</li>
26348                                            <li class="navigation-nav--sub-item">
26349    <a
26350        href="https://walkin-chiro.com/services/pain-management"
26351        href="#"
26352            >
26353                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26354                Pain Management
26355    </a>
26356    </li>
26357                                    <li class="navigation-nav--separator">&nbsp;</li>
26358                                            <li class="navigation-nav--sub-item">
26359    <a
26360        href="https://walkin-chiro.com/services/l-i-work-injury"
26361        href="#"
26362            >
26363                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26364                L&amp;I / Work Injury
26365    </a>
26366    </li>
26367                                    <li class="navigation-nav--separator">&nbsp;</li>
26368                                            <li class="navigation-nav--sub-item">
26369    <a
26370        href="https://walkin-chiro.com/services/get-active-and-stay-active"
26371        href="#"
26372            >
26373                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26374                Get Active &amp; Stay Active
26375    </a>
26376    </li>
26377                                    <li class="navigation-nav--separator">&nbsp;</li>
26378                                            <li class="navigation-nav--sub-item">
26379    <a
26380        href="https://walkin-chiro.com/services/massage-therapy"
26381        href="#"
26382            >
26383                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26384                Massage Therapy
26385    </a>
26386                        <span class="arrow"></span>
26387                <ul
26388            class="navigation-nav--sub-menu"
26389                    >
26390                            <li class="navigation-nav--sub-item">
26391    <a
26392        href="https://walkin-chiro.com/services/massage-therapy/faqs"
26393        href="#"
26394            >
26395                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26396                Massage Therapy FAQs
26397    </a>
26398    </li>
26399                                    </ul>
26400    </li>
26401                                    <li class="navigation-nav--separator">&nbsp;</li>
26402                                            <li class="navigation-nav--sub-item">
26403    <a
26404        href="https://walkin-chiro.com/services/sports-injury-chiropractic-care"
26405        href="#"
26406            >
26407                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26408                Sports Injury Chiropractic Care
26409    </a>
26410    </li>
26411                                    </ul>
26412    </li>
26413                                                                    <li class="navigation-nav--separator">&nbsp;</li>
26414                                                                                            <li class="navigation-nav--item">
26415    <a
26416        
26417        href="#"
26418            >
26419                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26420                Meet Us
26421    </a>
26422                        <button
26423                type="button"
26424                class="arrow"
26425                aria-label="Toggle Meet Us sub menu"
26426            ></button>
26427                <ul
26428            class="navigation-nav--sub-menu"
26429             id="a2179019-d61a-4041-bbf5-17e157958a5c-panel-3"         >
26430                            <li class="navigation-nav--sub-item">
26431    <a
26432        href="https://walkin-chiro.com/our-doctors"
26433        href="#"
26434            >
26435                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26436                Our Doctors
26437    </a>
26438    </li>
26439                                    <li class="navigation-nav--separator">&nbsp;</li>
26440                                            <li class="navigation-nav--sub-item">
26441    <a
26442        href="https://walkin-chiro.com/our-staff"
26443        href="#"
26444            >
26445                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26446                Our Staff
26447    </a>
26448    </li>
26449                                    </ul>
26450    </li>
26451                                                                    <li class="navigation-nav--separator">&nbsp;</li>
26452                                                                                            <li class="navigation-nav--item">
26453    <a
26454        href="https://walkin-chiro.com/contact-us"
26455        href="#"
26456            >
26457                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26458                Contact Us
26459    </a>
26460    </li>
26461                                                                    <li class="navigation-nav--separator">&nbsp;</li>
26462                                                                                            <li class="navigation-nav--item">
26463    <a
26464        href="https://walkin-chiro.com/book-chiropractic"
26465        href="#"
26466            >
26467                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26468                Book Chiropractic
26469    </a>
26470    </li>
26471                                                                    <li class="navigation-nav--separator">&nbsp;</li>
26472                                                                                            <li class="navigation-nav--item">
26473    <a
26474        href="https://booksy.com/en-us/689575_innovative-chiropractic-rehab-massage_other_39188_bothell"
26475        href="https://booksy.com/en-us/689575_innovative-chiropractic-rehab-massage_other_39188_bothell"
26476                    target="_blank" rel="noopener noreferrer"
26477            >
26478                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26479                Book Massage
26480    </a>
26481    </li>
26482                                                                    <li class="navigation-nav--separator">&nbsp;</li>
26483                                                                                            <li class="navigation-nav--item">
26484    <a
26485        href="https://walkin-chiro.com/payment-options"
26486        href="#"
26487            >
26488                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26489                Payment Options
26490    </a>
26491    </li>
26492                                                                    <li class="navigation-nav--separator">&nbsp;</li>
26493                                                                                            <li class="navigation-nav--item">
26494    <a
26495        href="https://walkin-chiro.com/reviews"
26496        href="#"
26497            >
26498                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26499                Reviews
26500    </a>
26501    </li>
26502                                                                    <li class="navigation-nav--separator">&nbsp;</li>
26503                                                                                            <li class="navigation-nav--item">
26504    <a
26505        href="https://walkin-chiro.com/chiropractic-topics"
26506        href="#"
26507            >
26508                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26509                Chiropractic Topics
26510    </a>
26511    </li>
26512                                                                    <li class="navigation-nav--separator">&nbsp;</li>
26513                                                                                            <li class="navigation-nav--item">
26514    <a
26515        href="https://walkin-chiro.com/blog"
26516        href="#"
26517            >
26518                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26519                Blog
26520    </a>
26521    </li>
26522                                                                                    </ul>
26523                    </nav>
26524                            </div>
26525        </div>
26526    </div>
26527</wm-menu>
26528    </div>
26529</section>
26530    </div>
26531</section>
26532    <!-- Section:Page title -->
26533<section id="a2179104-7982-4a33-800a-af664000e5e1" class="wmc wmc_section " style="--bgColorDesktop:rgba(var(--colorBwGradientE),0.8);--minHeightMobile:135px;--minHeightTablet:137px;--minHeightDesktop:198.3000030517578px;
26533--gridPositionMobile:3;--gridPositionTablet:3;--gridPositionDesktop:3;">
26534    <div class="wml wml_rows">
26535        <div class="wms_background">
26536            <!-- Image: -->
26537<wm-img id="a2179104-70a5-485b-85c0-ccb1171fb130" data-layer-id="c2463e85-d413-474f-820b-e4a272a1872e" data-animate-observe="a2179104-7982-4a33-800a-af664000e5e1" class="wmc wmc_image  " style="--imageOpacity:1.00;--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;;">
26538    <div  class="wml">
26539        <div class="wms_overlay"></div>
26540        <picture>
26541            <img
26542                loading="lazy"
26543                data-wm-src="/W/u/W/3/w/6/WuW3w6O0vK2FEy0Co09QBPOu9ksQr0ZcqUMuTGta"
26544                                src="data:image/webp;base64,UklGRl4CAABXRUJQVlA4WAoAAAAQAAAAPwAADAAAQUxQSBICAAANmS5E9D8gMQDbuI0AkPn6t/PdUDfKjdb37hKJwBoRExC//nECVz++/bWUi2cPzuyfb38No5OLkyOBm6urBdrJUTuRq7++/LXAnSePzuCfHz/GJkdnF0dEy9XVb2+ESJ5EQGlX78gOwhaz/4RISrR7QRYSVOBRBEGhTwHl0bDNbj5RA4HyyJbSyIBiiMAQKKNtBQhibKW12CCWMQ4IAIJGgQAobSyFgjYyak++BYRFUESI0Naondi2hQEFtRAaEdZMwCgGgEgItXFnWygixlG7CIIwIgMbN9IaSBRZyg2ZgYRsBAAEQQQBsdBSmlCc0NKWiNGEgAoEQVDEsDKOymgt5OC/jSIMjKAsJAAQMmDEUhoAiEBrEkQw4J9CQCAxLIgCYiuwEYAICJkUIhAoEFACIogMLKwNChIBgZAvRCISARTSCMy2BhFDhgmFCQEZAbVmQAOoCMWgIbEFNCOy8eNNAYIAihYAECA3xYwCDgIohpiQiASQgZQACoMyAgIohAiigFEAFZMIoxgyIISgkBQzACMQgK0FSBSLCAgaQSAkhQIMnpCFlDJIAAiIDGDAaI3CCDYhErER1MqQEAqgMLKIUYpEbLQ9+ovMoAhRHNhmAbIFDDsRiA1gE6JiALHBAVAbZQuDgEFLHBUYLeioEG1xc3BkJIMgSsgIAgMAkQVsnBEV24YsRxFtlCWEgKKFGZWlLFZQOCAmAAAA0AIAnQEqQAANAD5tNJZHpCMiISgIAIANiWkAAD2joAD++5zAAAA="
26545                title="background-gradient-pattern.png"
26546                alt="gradient pattern on a background"
26547            >
26548        </picture>
26549    </div>
26550</wm-img>
26551                        
26552<div class="wmc_color_layer "
26553    style=""
26554         data-animate-observe="a2179104-7982-4a33-800a-af664000e5e1" >
26555</div>
26556        </div>
26557        <!-- Text:text_1 -->
26558<div id="a2179104-753f-4f7b-a576-df6c3b72fa48" class="wmc wmc_text " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:532px;--marginTopMobile:40.00px;--marginTopTablet:32.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:79.00px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:40.00px;--marginBottomTablet:32.00px;--gridPositionDesktop:1;--marginBottomDesktop:74.75px;"
26559            >
26560    <div class="wml">
26561        <div style class="wmcM_heading2"><span style="--textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilyPrimary)">Blog </span></div>
26562    </div>
26563</div>
26564    </div>
26565</section>
26566    <!-- Section:Breadcrumbs -->
26567<section id="a2160655-b1e7-47a4-9cb8-0c9dbe6ccfd6" class="wmc wmc_section " style="--minHeightMobile:32px;--minHeightTablet:33px;--minHeightDesktop:41.416656494140625px;--gridPositionMobile:4;--gridPositionTablet:4;--gridPositionDesktop:4;">
26568    <div class="wml wml_rows">
26569        <div class="wms_background">
26570            <div class="wmc_color_layer "
26571    style=""
26572         data-animate-observe="a2160655-b1e7-47a4-9cb8-0c9dbe6ccfd6" >
26573</div>
26574        </div>
26575        <!-- Shelf:shelf_1 -->
26576<section id="a2160655-b139-43e8-b686-365ca08d460b" class="wmc wmc_shelf wmcM_containerSizeFull" style="--marginTopMobile:0.00px;--marginTopTablet:0.00px;--minHeightMobile:32px;--minHeightTablet:32px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.15px;--minHeightDesktop:44.71665954589844px;--borderLeftDesktop:none;--marginLeftDesktop:315px;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--borderBottomDesktop:1px solid rgba(var(--colorBackgroundI),1);--gridPositionDesktop:1;--marginBottomDesktop:-0.15px;">
26577    <div class="wml wml_rows">
26578        <div class="wms_background">
26579            <div class="wmc_color_layer "
26580    style=""
26581         data-animate-observe="a2160655-b139-43e8-b686-365ca08d460b" >
26582</div>
26583        </div>
26584        <!-- Breadcrumb:breadcrumb_1 -->
26585<div id="a2160655-b08d-4219-b924-55d72b42a486" class="wmc wmc_breadcrumb wmcM_breadcrumbHomeText wmcM_animateHover" style="--wmd_homeIconUrl:url(https://storage.evona.app/w%2Fm%2F1%2Fa%2F7%2Fc%2Fwm1a7c5511e74b9c0b5d411b7e00724155047ef9);--wmd_delimiterIconUrl:url(https://storage.evona.app/w%2Fm%2Fe%2F4%2Ff%2Fe%2Fwme4fedf61a4fd249acd53aa0da4c6c9463e7a36);--widthMobile:320px;--widthTablet:600px;--widthDesktop:1280px;--marginTopMobile:12.00px;--marginTopTablet:10.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:15.15px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:12.00px;--marginBottomTablet:14.00px;--gridPositionDesktop:1;--marginBottomDesktop:14.85px;--breadcrumbVerticalGap:8px;--breadcrumbHorizontalGap:4px;--breadcrumbItemFontDesktop:var(--fontFamilySecondary);
26585--breadcrumbDelimiterIconColor:rgba(var(--colorBackgroundF),1);--breadcrumbItemFontColorDesktop:rgba(var(--colorBwGradientD),1);--breadcrumbDelimiterIconSizeDesktop:8px;--breadcrumbItemHoverFontColorDesktop:rgba(var(--colorPrimaryC),1);">
26586    <div class="wml wml_breadcrumb">
26587        <span class="wmd_home wmd_homeIcon" style="--icon-url: url(https://storage.evona.app/w%2Fm%2F1%2Fa%2F7%2Fc%2Fwm1a7c5511e74b9c0b5d411b7e00724155047ef9)">
26588    <a href="https://walkin-chiro.com/" class="wmd__item">
26589        <span>
26590                            <i></i>
26591                    </span>
26592    </a>
26593</span>
26594<span class="wmd_home wmd_homeText">
26595    <a href="https://walkin-chiro.com/" class="wmd__item">
26596        <span>
26597                            Home
26598                    </span>
26599    </a>
26600</span>
26601                            <span class="space-separator">&nbsp;</span>
26602            <span class="wmd_delimiterIcon wmd_delimiterIcon--first">
26603                <i></i>
26604            </span>
26605                                <span class="wmd__item">
26606                    Blog
26607            </span>
26608                        </div>
26609</div>
26610    </div>
26611</section>
26612    </div>
26613</section>
26614    <!-- Placeholder:Untitled -->
26615    <!-- Wrapping layout:Blog Listing Id:a2160659-81c7-4c3e-80ce-8f1938e480da -->
26616<div id="a216064d-8253-4792-a7ba-4b326987678d" class="wmc wmc_placeholder " style="--gridPositionMobile:5;--gridPositionTablet:5;--gridPositionDesktop:5;" data-placeholder-content-id="a2160659-81c7-4c3e-80ce-8f1938e480da">
26617    <div class="wml wml_rows">
26618        <div class="wms_background">
26619            <div class="wmc_color_layer "
26620    style=""
26621         data-animate-observe="a216064d-8253-4792-a7ba-4b326987678d" >
26622</div>
26623        </div>
26624        <!-- Section:section_1 -->
26625<section id="a2160659-8f34-4288-a56d-228ed88e3987" class="wmc wmc_section " style="--minHeightMobile:826.703125px;--minHeightTablet:459.1015625px;--minHeightDesktop:730.5625px;--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
26626    <div class="wml wml_rows">
26627        <div class="wms_background">
26628            <div class="wmc_color_layer "
26629    style=""
26630         data-animate-observe="a2160659-8f34-4288-a56d-228ed88e3987" >
26631</div>
26632        </div>
26633        <!-- Shelf:shelf_1 -->
26634<section id="a2160659-8e89-4e97-8acd-379fc9bd03d6" class="wmc wmc_shelf wmcM_containerSizeFull--mobile" style="--marginTopMobile:0.00px;--marginTopTablet:38.10px;--minHeightMobile:655.6328125px;--minHeightTablet:389.1015625px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.04px;--minHeightDesktop:683.40625px;--marginLeftDesktop:27px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:23.23px;--marginBottomTablet:44.00px;--gridPositionDesktop:1;--marginBottomDesktop:53.20px;">
26635    <div class="wml wml_rows">
26636        <div class="wms_background">
26637            <div class="wmc_color_layer "
26638    style=""
26639         data-animate-observe="a2160659-8e89-4e97-8acd-379fc9bd03d6" >
26640</div>
26641        </div>
26642        <!-- Repeater:repeater_1 -->
26643<wm-repeater id="a2160659-8d79-4f4e-86e5-04e375fa7652" class="wmc wmc_repeater wmi_repeatable wmcM_containerSizeFull--mobile wmcM_containerSizeFull" style="--widthMobile:300px;--widthTablet:497px;--widthDesktop:844px;--marginTopMobile:0.00px;--marginTopTablet:0px;--minHeightMobile:150px;--minHeightTablet:150px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:16.20px;--minHeightDesktop:676.0234375px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:-0.19px;--repeaterRowGapDesktop:20px;--repeaterColumnGapDesktop:20px;--repeaterItemsPerRowMobile:1;--repeaterItemsPerRowTablet:2;--repeaterJustifyContentDesktop:space-between;">
26644    <div class="wml wml_repeater">
26645        <div class="wms_background">
26646            <div class="wmc_color_layer "
26647    style=""
26648         data-animate-observe="a2160659-8d79-4f4e-86e5-04e375fa7652" >
26649</div>
26650        </div>
26651        <div class="wms_repeater">
26652                                        <div class="wmc wmc_text wmc_repeaterEmptyMessage">
26653                    <div class="wml">
26654                        <p>Nothing to show.</p>
26655                    </div>
26656                </div>
26657                    </div>
26658    </div>
26659</wm-repeater>
26660    </div>
26661</section>
26662    </div>
26663</section>
26664    </div>
26665</div>
26666    </div>
26667</div>
26668    <!-- Section:Map -->
26669<section id="a216064d-5c22-4213-82c4-0281fb0d9a35" class="wmc wmc_section " style="--marginTopMobile:2.00px;--minHeightMobile:401.138671875px;--minHeightTablet:435.95849609375px;--minHeightDesktop:416px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--gridPositionDesktop:2;">
26670    <div class="wml wml_rows">
26671        <div class="wms_background">
26672            <div class="wmc_color_layer "
26673    style=""
26674         data-animate-observe="a216064d-5c22-4213-82c4-0281fb0d9a35" >
26675</div>
26676        </div>
26677        <!-- Map:map -->
26678<wm-map id="a216064d-6c1d-4fa9-8959-2b2930259cbb" class="wmc wmc_map wmcM_containerSizeFull" style="--widthMobile:130px;--widthTablet:300px;--widthDesktop:500px;--marginTopMobile:0.00px;--marginTopTablet:0.39px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--minHeightDesktop:450px;--marginLeftDesktop:308px;
26678--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:-0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
26679                show-info-window="1"
26680        marker-click-enabled="1"
26681        platform="ib"
26682        show-zoom-control="1"
26683        zoom="15"
26684        lat-slider="0"
26685        lng-slider="0"
26686        grayscale="1"
26687        addresses='W3sibmFtZSI6Iklubm92YXRpdmUgQ2hpcm9wcmFjdGljIFJlaGFiIGFuZCBNYXNzYWdlIiwiYWRkcmVzcyI6IjE3MDAgMTMybmQgU3RyZWV0IFNFLCBTdWl0ZSBDLCBNaWxsIENyZWVrLCBXQSwgOTgwMTIsIFVTQSIsImxhdCI6NDcuODc3OTA5MSwibG5nIjotMTIyLjIwOTQ4ODIsImlkIjoiYTIxNjA2NGQtNmQxMC00ZjcwLTk5OGMtMmViNzFhODljMTUzIiwicGhvbmUiOiIoNDI1KSAzMzgtMTU1NSIsImVtYWlsIjoiaW5ub3ZhdGl2ZWNhcmVjbGluaWNAZ21haWwuY29tIn1d'
26688>
26689    <div class="wml">
26690                    <wm-leaflet-map id="leaflet-map-a216064d-6c1d-4fa9-8959-2b2930259cbb"></wm-leaflet-map>
26691            </div>
26692</wm-map>
26693    <!-- Button:button_1 -->
26694<div id="a241e4b3-f19f-4c81-91a7-8296aebb2f01" class="wmc wmc_button wmcM_animateHover" style="--widthMobile:320px;--widthTablet:720px;--widthDesktop:1272.7222213745117px;--flexGapDesktop:4px;--marginTopMobile:80.00px;--marginTopTablet:0.39px;--minHeightMobile:360.138671875px;--minHeightTablet:437.5693359375px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-445.68px;--minHeightDesktop:446.013671875px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:none;--marginLeftDesktop:-1px;--paddingLeftMobile:10px;
26694--paddingLeftTablet:10px;--paddingTopDesktop:10px;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:-0.00px;--paddingLeftDesktop:0px;--paddingRightMobile:10px;--paddingRightTablet:10px;--borderBottomDesktop:none;--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:2;--marginBottomDesktop:-0.32px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:0px;--paddingBottomDesktop:10px;--borderTopDesktopHover:none;--borderLeftDesktopHover:none;--borderRightDesktopHover:none;--borderBottomDesktopHover:none;--borderRadiusDesktopHover:0px 0px 0px 0px;--flexJustifyContentDesktop:start;--transitionDurationMsDesktopHover:500;">
26695    <a href="https://google.com/maps?sca_esv=114ce2f88324942a&rlz=1C1SQJL_enUS1186US1186&sxsrf=APpeQnsuwp7lnp0vTdTtkhji31CyS7r3qQ:1784039045211&biw=1408&bih=899&uact=5&gs_lp=Egxnd3Mtd2l6LXNlcnAiUklubm92YXRpdmUgQ2hpcm9wcmFjdGljIDE3MDAgMTMybmQgU3RyZWV0IFNFLCBTdWl0ZSBDIE1pbGwgQ3JlZWsgUHJvdmluY2UgV0EgOTgwMTIyBBAhGApIxk9QiApYhExwBngAkAEAmAFYoAHkDqoBAjI0uAEDyAEA-AEBmAIKoAK0A8ICCBAAGO8FGLADwgILEAAYiQUYogQYsAPCAgsQABiABBiiBBiwA8ICBRAAGO8FwgIIEAAYiQUYogTCAggQABiABBiiBJgDAIgGAZAGBZIHAjEwoAeyQbIHATW4B6gDwgcDMi44yAcNgAgB&um=1&ie=UTF-8&fb=1&gl=us&sa=X&geocode=KQtOS6mMBpBUMauZtvATbNX9&daddr=1700+132nd+St+SE+C,+Mill+Creek,+WA+98012" target="_blank" class="wml wml_button">
26696        <span class="wms_background">
26697            <div class="wmc_color_layer "
26698    style=""
26699         data-animate-observe="a241e4b3-f19f-4c81-91a7-8296aebb2f01" >
26700</div>
26701        </span>
26702        <span class="wms_button">
26703            <!-- Button.Text:button_text -->
26704<span id="a241e4b3-ee66-4050-b1cb-4998b3e8b076" class="wmc wmc_text wmc_buttonText wmcM_visuallyHide" style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
26705    <span class="wml">
26706        <p style class="wmcM_paragraph4"><span style="--fontSizeDesktop: 1rem; --letterSpacingDesktop: 1px; --fontWeightDesktop: 600; --textColorDesktop: rgba(var(--colorPrimaryH),1); --textColorDesktopHover: rgba(var(--colorPrimaryI),1)">Tertiary button</span></p>
26707    </span>
26708</span>
26709            <!-- Button.Icon:button_icon -->
26710<span id="a241e4b3-e95f-4072-9654-89ac3c5c9214" class="wmc wmc_icon wmc_buttonIcon wmcM_empty" style="--iconSizeDesktop:16px;--iconColorDesktop:rgba(var(--colorPrimaryH),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:16px;--iconColorDesktopHover:rgba(var(--colorPrimaryI),1);--iconSizeDesktopActive:16px;">
26711    <span class="wml wml_icon">
26712        <i style="mask: url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023) center / contain no-repeat"></i>
26713    </span>
26714</span>
26715        </span>
26716    </a>
26717</div>
26718    </div>
26719</section>
26720    <!-- Section:Contact form and hours -->
26721<section id="a216065a-852c-4ac3-abd8-439b7df9b869" class="wmc wmc_section " style="--marginTopMobile:-0.00px;--minHeightMobile:1494.4833984375px;--minHeightTablet:929px;--minHeightDesktop:799.5999755859375px;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0.00px;--gridPositionDesktop:3;">
26722    <div class="wml wml_rows">
26723        <div class="wms_background">
26724            <!-- Image: -->
26725<wm-img id="a2178eb1-77e6-4aef-aad3-3c6997ee51d3" data-layer-id="467b2f41-a227-4568-8c22-10abd73000c0" data-animate-observe="a216065a-852c-4ac3-abd8-439b7df9b869" class="wmc wmc_image  " style="--imageOpacity:0.10;--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;;">
26726    <div  class="wml">
26727        <div class="wms_overlay"></div>
26728        <picture>
26729            <img
26730                loading="lazy"
26731                data-wm-src="/Y/1/n/x/t/V/Y1nxtVp5wzZNa4mQqfhLxdDKTyvcZD5msQBwuj07"
26732                                src="data:image/webp;base64,UklGRrYBAABXRUJQVlA4IKoBAAAQDACdASpAACgAPm0mkkWkIiGZWk8wQAbEoAsR/UhBG3PPkXE7QaI9NEOau68jzLCxyqh1vqYcNtOzznudY2uc+BjwiAgpfw6539it3xcRkb0kdegU/rjTmMQzxUvjKboN4haDEwQbegAA/vvvPdudNMXX9YzasU6Fln9Fm/Dl6A0IUtizBNYzo63uskPxyd/5J5LAqdiuj81btOYFv3S6orpGJf2VhVsCSNmAE5lpuHwonXdQ17gwuRb4/+eGENa25u1tPsRdC92oi/UvDBSYwNBlHJDKlcGvh3v+mUJIzIUOnPWYSbbIlLcSa5QjBfHVioc3UmUwpWk0K/o4swOW17N07HqDqwoHHONn8ORkC3ovfIeIshyzXTMiMX41UWKybE3ddomhexuTVDD+WM4njYR0EpvEJ29xuMthA4/VWvqx34FygOIXIUskMSau1dAx6s1AylxQOTueaigr6/kuXmMt4zQk+Fm/nhalO2zocsnSE4OadFq4n9kdPXMPwmrZq5UXvqUrZ3OgkQpDKl8cUMrvFSSHZPYacNiNlj6HLLay9EO9b06AAAA="
26733                title="BG2-ICM-screen1.jpg"
26734                alt=""
26735            >
26736        </picture>
26737    </div>
26738</wm-img>
26739                        
26740<div class="wmc_color_layer "
26741    style=""
26742         data-animate-observe="a216065a-852c-4ac3-abd8-439b7df9b869" >
26743</div>
26744        </div>
26745        <!-- Shelf:shelf_1 -->
26746<section id="a216065a-81db-4830-a5ca-32e242802a3e" class="wmc wmc_shelf " style="--marginTopMobile:0.00px;--marginTopTablet:0.00px;--minHeightMobile:912px;--minHeightTablet:174px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--minHeightDesktop:770.5999755859375px;
26746--marginLeftDesktop:317px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:31.00px;--marginBottomTablet:23.89px;--gridPositionDesktop:1;--marginBottomDesktop:3.00px;">
26747    <div class="wml wml_rows">
26748        <div class="wms_background">
26749            <div class="wmc_color_layer "
26750    style=""
26751         data-animate-observe="a216065a-81db-4830-a5ca-32e242802a3e" >
26752</div>
26753        </div>
26754        <!-- Columns:columns_2 -->
26755<wm-columns id="a216065a-811b-456b-9eb8-9c57fc3e8ab1" class="wmc wmc_columns wmcM_containerSizeFull" style="--columnsCount:2;--columnsRatios:50fr 50fr;--marginTopMobile:0px;--marginTopTablet:0px;--minHeightTablet:250px;--columnsGapMobile:40px;--columnsGapTablet:40px;--columnsRatiosSum:100;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--columnsGapDesktop:40px;--marginLeftDesktop:306px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;--columnsPaddingMobile:0px;--columnsPaddingTablet:0px;--columnsPaddingDesktop:0px;">
26756    <div class="wml wml_columns">
26757        <div class="wms_background">
26758            <div class="wmc_color_layer "
26759    style=""
26760         data-animate-observe="a216065a-811b-456b-9eb8-9c57fc3e8ab1" >
26761</div>
26762        </div>
26763        <!-- Column:cell_2_1 -->
26764<wm-cell id="a216065a-6282-47f2-9e58-9e8fba08b5b6" class="wmc wmc_column " style="--columnRatio:50;--minHeightMobile:634.9666748046875px;--minHeightTablet:902.953125px;--minHeightDesktop:806.1385498046875px;--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
26765    <div class="wml wml_rows">
26766        <div class="wms_background">
26767            <div class="wmc_color_layer "
26768    style=""
26769         data-animate-observe="a216065a-6282-47f2-9e58-9e8fba08b5b6" >
26770</div>
26771        </div>
26772        <!-- Text:text_1 -->
26773<div id="a216065a-610f-44ec-94ad-436f08dbe023" class="wmc wmc_text wmcM_animateEntry wmcM_animateEntry--slide-in-right-desktop" style="--zIndex:1;--widthMobile:320px;--widthTablet:300px;--widthDesktop:353.5px;--marginTopMobile:40.00px;--marginTopTablet:48.00px;--minHeightMobile:72px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:60.00px;--minHeightDesktop:105.60000610351562px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;--opacityDesktopEntry:0;--translateDesktopEntry:translate3d(500px, 0, 0);--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:700;"
26774            >
26775    <div class="wml">
26776        <div style="--lineHeightDesktop: 1; --lineHeightTablet: 1; --lineHeightMobile: 1;" class="wmcM_heading1"><span style="--fontSizeTablet: 2.25rem; --fontSizeMobile: 2.25rem">Contact</span><br /><span style="--fontSizeTablet: 2.25rem; --fontSizeMobile: 2.25rem">us</span></div>
26777    </div>
26778</div>
26779    <!-- Form:form_1 -->
26780<div id="a216065a-604e-4ed5-9e6b-c2fcd07703a0" class="wmc wmc_form wmcM_animateHover" style="--widthMobile:320px;--widthTablet:340px;--widthDesktop:500px;--marginTopMobile:38.00px;--marginTopTablet:52.00px;--minHeightMobile:468px;--inputFontDesktop:var(--fontFamilySecondary);--labelFontDesktop:var(--fontFamilySecondary);--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:37.37px;--marginLeftDesktop:-0.000030517578125px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:4.97px;--marginBottomTablet:59.80px;--gridPositionDesktop:2;--marginBottomDesktop:18.82px;--labelFontSizeDesktop:16px;--inputBorderTopDesktop:1px solid rgba(var(--colorPrimaryA),1);--fieldWrapperGapDesktop:16px;--inputBorderLeftDesktop:1px solid rgba(var(--colorPrimaryA),1);--inputPaddingTopDesktop:10px;--inputBorderRightDesktop:1px solid rgba(var(--colorPrimaryA),1);--inputPaddingLeftDesktop:5px;--labelPaddingLeftDesktop:0px;--inputBorderBottomDesktop:1px solid rgba(var(--colorPrimaryA),1);--inputBorderRadiusDesktop:0px 0px 0px 0px;--inputPaddingRightDesktop:5px;--labelMarginBottomDesktop:3px;--inputPaddingBottomDesktop:10px;--inputBorderTopHoverDesktop:1px solid rgba(var(--colorPrimaryC),1);--inputBorderLeftHoverDesktop:1px solid rgba(var(--colorPrimaryC),1);--inputBorderRightHoverDesktop:1px solid rgba(var(--colorPrimaryC),1);--inputBorderBottomHoverDesktop:1px solid rgba(var(--colorPrimaryC),1);--inputPlaceholderFontColorMobile:rgba(var(--colorBwGradientH),1);--inputPlaceholderFontColorTablet:rgba(var(--colorBwGradientH),1);--inputPlaceholderFontSizeDesktop:14px;--inputPlaceholderFontColorDesktop:transparent;--labelRadioCheckboxFontSizeDesktop:16px;--labelRadioCheckboxFontColorDesktop:rgba(var(--colorBwGradientA),1);--labelRadioCheckboxLetterSpacingDesktop:0px;">
26781    <div class="wml">
26782                    <div class="form-notification" id="notify_BsEAfNOQsbouIhBB48T1qYI3"></div>
26783<form method="POST"
26784      action="https://walkin-chiro.com/submit_form"
26785      data-form-id="159541"
26786      data-form-hash="BsEAfNOQsbouIhBB48T1qYI3"
26787      data-submit-url="eyJpdiI6IldxU29odklFbmlkSnU2Skl0Q0NhVkE9PSIsInZhbHVlIjoiQ3B5VUN1YkxSRjdHTDJNYnBEek0yYkRlNDgyY1NjQlQ2dWowYnJIWm5rbEZtanpCc0hOb3VKUG02Qnh4V1lXazBYcEJJRVhUVTgwdkRSY0FSOU16OWVHclZwc3BHNGtjL2FHQjZjeUdTejA9IiwibWFjIjoiMzExOTJmZjZhNWFiZjVlMGQwMGYxZTUxZmI4MmFkZTUwMzNlYTBhN2E3MWI0YmU2M2Q3ZGM4YzI0MzNjZDE5ZiIsInRhZyI6IiJ9"
26788      data-submit-message="Thank you. Your submission has been sent."
26789      data-site-cap-key="6LfrgcArAAAAAO-cf15JEPqXF8eU6WKU-cmP22zt"
26790            >
26791
26792                        <div class="field-wrapper input-wrapper">
26793                    <label for="input_22" style=""> Name </label>
26794
26795    <input id="input_22"
26796           type="text"
26797           name="name"
26798           required
26799           placeholder="Enter your name (required)"
26800    >
26801
26802
26803
26804                </div>
26805                                            <div class="field-wrapper input-wrapper">
26806                    <label for="input_23" style=""> Email </label>
26807
26808    <input id="input_23"
26809           type="email"
26810           name="email"
26811           required
26812           placeholder="Enter email"
26813    >
26814
26815
26816
26817                </div>
26818                                            <div class="field-wrapper input-wrapper">
26819                    <label for="input_24" style=""> Phone </label>
26820
26821    <input id="input_24"
26822           type="tel"
26823           name="phone"
26824           required
26825           placeholder="(XXX)XXX-XXXX"
26826    >
26827
26828
26829
26830                </div>
26831                                            <div class="field-wrapper textarea-wrapper">
26832                    <label for="input_25" style=""> Comments </label>
26833<textarea id="input_25" name="comments" placeholder="Notes to the Doctor"></textarea>
26834                </div>
26835                                                <input id=""
26836           type="hidden"
26837           name="__lf_ref_name"
26838           
26839           placeholder=""
26840    >
26841                                                <input id=""
26842           type="hidden"
26843           name="__lf_title_name"
26844           
26845           placeholder=""
26846    >
26847                                                <input id=""
26848           type="hidden"
26849           name="__lf__ref_contact_field"
26850           
26851           placeholder=""
26852    >
26853                    
26854            <div class="form-disclaimer">Please do not submit any Protected Health Information (PHI).</div>
26855    
26856    <div class="form-actions submit-wrapper">
26857        <!-- Button:button_1 -->
26858<div id="096ef6b5-390d-5fd4-b3f1-46c980712383" class="wmc wmc_button wmcM_animateHover" style="--widthMobile:200px;--widthTablet:200px;--widthDesktop:200px;--bgColorDesktop:rgba(var(--colorCtaF),1);--flexGapDesktop:4px;--borderTopDesktop:1px solid rgba(var(--colorCtaF),1);--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:1px solid rgba(var(--colorCtaF),1);--paddingLeftMobile:10px;
26858--paddingLeftTablet:10px;--paddingTopDesktop:10px;--borderRightDesktop:1px solid rgba(var(--colorCtaF),1);--gridPositionMobile:2;--gridPositionTablet:2;--paddingLeftDesktop:16px;--paddingRightMobile:10px;--paddingRightTablet:10px;--bgColorDesktopHover:rgba(var(--colorCtaG),1);--borderBottomDesktop:1px solid rgba(var(--colorCtaF),1);--borderRadiusDesktop:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--gridPositionDesktop:1;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:16px;--paddingBottomDesktop:10px;--borderTopDesktopHover:1px solid rgba(var(--colorCtaG),1);--borderLeftDesktopHover:1px solid rgba(var(--colorCtaG),1);--borderRightDesktopHover:1px solid rgba(var(--colorCtaG),1);--borderBottomDesktopHover:1px solid rgba(var(--colorCtaG),1);--borderRadiusDesktopHover:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--transitionDurationMsDesktopHover:500;">
26859    <button type="submit" class="wml wml_button">
26860        <span class="wms_background">
26861            <div class="wmc_color_layer "
26862    style=""
26863         data-animate-observe="096ef6b5-390d-5fd4-b3f1-46c980712383" >
26864</div>
26865        </span>
26866        <span class="wms_button">
26867            <!-- Button.Text:button_text -->
26868<span id="7669b64c-6ac5-5020-b6d7-e1b384494140" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
26869    <span class="wml">
26870        <p style class="wmcM_paragraph4"><span style="--fontSizeDesktop: 1rem; --letterSpacingDesktop: 1px; --fontWeightDesktop: 600; --textColorDesktop: rgba(var(--colorBwGradientA),1)">Submit</span></p>
26871    </span>
26872</span>
26873            <!-- Button.Icon:button_icon -->
26874<span id="ba897dfa-996f-503d-ae80-bb7ac2f005ad" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:16px;--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:16px;--iconSizeDesktopActive:16px;">
26875    <span class="wml wml_icon">
26876        <i style="mask: url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023) center / contain no-repeat"></i>
26877    </span>
26878</span>
26879        </span>
26880    </button>
26881</div>
26882        <div class="loading-spinner">
26883            <div class="spinner"></div>
26884        </div>
26885    </div>
26886</form>
26887
26888
26889<div>
26890
26891
26892    
26893</div>
26894
26895                
26896    </div>
26897</div>
26898    </div>
26899</wm-cell>
26900    <!-- Column:cell_2_2 -->
26901<wm-cell id="a216065a-8074-4b9c-a8a8-d3082752ad7a" class="wmc wmc_column " style="--columnRatio:50;--minHeightMobile:751.683349609375px;--minHeightTablet:902.953125px;--minHeightDesktop:806.1385498046875px;--gridPositionMobile:2;--gridPositionTablet:2;--gridPositionDesktop:2;">
26902    <div class="wml wml_rows">
26903        <div class="wms_background">
26904            <div class="wmc_color_layer "
26905    style=""
26906         data-animate-observe="a216065a-8074-4b9c-a8a8-d3082752ad7a" >
26907</div>
26908        </div>
26909        <!-- Text:text_1 -->
26910<div id="a216065a-6333-4334-b40d-b9e50703ce5e" class="wmc wmc_text wmcM_animateEntry wmcM_animateEntry--slide-in-right-desktop" style="--zIndex:1;--widthMobile:320px;--widthTablet:300px;--widthDesktop:349px;--marginTopMobile:61.02px;--marginTopTablet:48.00px;--minHeightMobile:72px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:59.96px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;--opacityDesktopEntry:0;--translateDesktopEntry:translate3d(500px, 0, 0);--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:700;"
26911            >
26912    <div class="wml">
26913        <div style="--lineHeightMobile: 1; --lineHeightTablet: 1;" class="wmcM_heading1"><span style="--fontSizeTablet: 2.25rem; --fontSizeMobile: 2.25rem">Office hours 
&amp; location</span></div>
26914    </div>
26915</div>
26916    <!-- Box:box_1 -->
26917<div id="a216065a-7aed-4adb-95bf-7a3afab1f586" class="wmc wmc_box " style="--zIndex:0;--widthMobile:320px;--widthTablet:340px;--widthDesktop:620px;--marginTopMobile:41.00px;--marginTopTablet:52.00px;--minHeightMobile:298px;--minHeightTablet:520.2000122070312px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:47.41px;--minHeightDesktop:381.45050048828125px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;" >
26918    <div class="wml wml_box "
26919            >
26920        <svg class="wm_svgFilter">
26921    <filter id="wm_svgKnockoutFilter_a216065a-7aed-4adb-95bf-7a3afab1f586" color-interpolation-filters="sRGB">
26922        <feComponentTransfer result="inverseA">
26923            <feFuncA type="table" tableValues="1 0"/>
26924        </feComponentTransfer>
26925        <feFlood flood-color="var(--bgColor)"/>
26926        <feComposite operator="in" in2="inverseA"/>
26927    </filter>
26928</svg>
26929<style>
26930    [id='a216065a-7aed-4adb-95bf-7a3afab1f586'].wmcM_knockoutEffect .wms_content {
26931        filter: url(#wm_svgKnockoutFilter_a216065a-7aed-4adb-95bf-7a3afab1f586);
26932    }
26933</style>
26934                <div class="wms_background">
26935            <div class="wmc_color_layer "
26936    style=""
26937         data-animate-observe="a216065a-7aed-4adb-95bf-7a3afab1f586" >
26938</div>
26939        </div>
26940        <div class="wms_content wml_rows">
26941            <!-- Box:box_1 -->
26942<div id="a216065a-6755-47cd-aad2-3cc7d67bc626" class="wmc wmc_box wmcM_containerSizeFull wmcM_animateEntry wmcM_animateEntry--slide-in-right-desktop" style="--zIndex:2;--widthMobile:300px;--widthTablet:340px;--widthDesktop:620px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--minHeightMobile:66.3828125px;--minHeightTablet:59px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--minHeightDesktop:51px;--borderLeftDesktop:none;--marginLeftDesktop:0px;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;
26942--borderBottomDesktop:1px solid rgba(var(--colorBackgroundI),1);--gridPositionDesktop:1;--marginBottomDesktop:0.00px;--opacityDesktopEntry:0;--translateDesktopEntry:translate3d(500px, 0, 0);--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:700;" >
26943    <div class="wml wml_box "
26944            >
26945        <svg class="wm_svgFilter">
26946    <filter id="wm_svgKnockoutFilter_a216065a-6755-47cd-aad2-3cc7d67bc626" color-interpolation-filters="sRGB">
26947        <feComponentTransfer result="inverseA">
26948            <feFuncA type="table" tableValues="1 0"/>
26949        </feComponentTransfer>
26950        <feFlood flood-color="var(--bgColor)"/>
26951        <feComposite operator="in" in2="inverseA"/>
26952    </filter>
26953</svg>
26954<style>
26955    [id='a216065a-6755-47cd-aad2-3cc7d67bc626'].wmcM_knockoutEffect .wms_content {
26956        filter: url(#wm_svgKnockoutFilter_a216065a-6755-47cd-aad2-3cc7d67bc626);
26957    }
26958</style>
26959                <div class="wms_background">
26960            <div class="wmc_color_layer "
26961    style=""
26962         data-animate-observe="a216065a-6755-47cd-aad2-3cc7d67bc626" >
26963</div>
26964        </div>
26965        <div class="wms_content wml_rows">
26966            <!-- Text:text_1 -->
26967<div id="a216065a-648b-440c-b3b1-c60b2e23cea2" class="wmc wmc_text " style="--widthMobile:223.5px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:0.38px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:13.00px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:12.00px;"
26968            >
26969    <div class="wml">
26970        <div style class="wmcM_paragraph1"><span style>Monday</span></div>
26971    </div>
26972</div>
26973    <!-- Text:text_1 -->
26974<div id="a216065a-65f2-4151-8bb4-8c66cd684f0f" class="wmc wmc_text " style="--widthMobile:224px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:3.01px;--marginTopTablet:0.00px;--minHeightTablet:29px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:13.01px;--minHeightDesktop:26px;--marginLeftDesktop:330px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:11.00px;--marginBottomTablet:15.00px;--gridPositionDesktop:1;--marginBottomDesktop:12.00px;"
26975            >
26976    <div class="wml">
26977        <div class="wmcM_paragraph1" style="--textAlignDesktop: right; --textAlignTablet: left; --textAlignMobile: left;"><span style>9:00 am - 7:00 pm</span></div>
26978    </div>
26979</div>
26980        </div>
26981    </div>
26982</div>
26983    <!-- Box:box_1 -->
26984<div id="a216065a-6b07-40e2-b537-2d1ecc76f313" class="wmc wmc_box wmcM_containerSizeFull wmcM_animateEntry wmcM_animateEntry--slide-in-right-desktop" style="--zIndex:3;--widthMobile:320px;--widthTablet:340px;--widthDesktop:620px;--marginTopMobile:6.00px;--marginTopTablet:19.20px;--minHeightMobile:66.3828125px;--minHeightTablet:54.79998779296875px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--minHeightDesktop:51.0078125px;--borderLeftDesktop:none;--marginLeftDesktop:0px;--borderRightDesktop:none;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--borderBottomDesktop:1px solid rgba(var(--colorBackgroundI),1);--gridPositionDesktop:2;--marginBottomDesktop:0.00px;--opacityDesktopEntry:0;--translateDesktopEntry:translate3d(500px, 0, 0);--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:700;" >
26985    <div class="wml wml_box "
26986            >
26987        <svg class="wm_svgFilter">
26988    <filter id="wm_svgKnockoutFilter_a216065a-6b07-40e2-b537-2d1ecc76f313" color-interpolation-filters="sRGB">
26989        <feComponentTransfer result="inverseA">
26990            <feFuncA type="table" tableValues="1 0"/>
26991        </feComponentTransfer>
26992        <feFlood flood-color="var(--bgColor)"/>
26993        <feComposite operator="in" in2="inverseA"/>
26994    </filter>
26995</svg>
26996<style>
26997    [id='a216065a-6b07-40e2-b537-2d1ecc76f313'].wmcM_knockoutEffect .wms_content {
26998        filter: url(#wm_svgKnockoutFilter_a216065a-6b07-40e2-b537-2d1ecc76f313);
26999    }
27000</style>
27001                <div class="wms_background">
27002            <div class="wmc_color_layer "
27003    style=""
27004         data-animate-observe="a216065a-6b07-40e2-b537-2d1ecc76f313" >
27005</div>
27006        </div>
27007        <div class="wms_content wml_rows">
27008            <!-- Text:text_1 -->
27009<div id="a216065a-6822-4750-aa0c-48946dbb45f7" class="wmc wmc_text " style="--widthMobile:223.5px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:0.38px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:13.00px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:12.00px;"
27010            >
27011    <div class="wml">
27012        <div style class="wmcM_paragraph1"><span style>Tuesday </span></div>
27013    </div>
27014</div>
27015    <!-- Text:text_1 -->
27016<div id="a216065a-699a-4c8b-97a8-72edb71546a8" class="wmc wmc_text " style="--widthMobile:179.5px;--widthTablet:179.5px;--widthDesktop:290px;--marginTopMobile:3.01px;--marginTopTablet:0.00px;--minHeightTablet:29.79998779296875px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:13.01px;--minHeightDesktop:26px;--marginLeftDesktop:330px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:11.00px;--marginBottomTablet:14.20px;--gridPositionDesktop:1;--marginBottomDesktop:12.00px;"
27017            >
27018    <div class="wml">
27019        <div style="--textAlignDesktop: right;"><span style>9:00 am - 7:00 pm</span></div>
27020    </div>
27021</div>
27022        </div>
27023    </div>
27024</div>
27025    <!-- Box:box_1 -->
27026<div id="a216065a-6e78-499b-9a3b-5c90ca8b8fd3" class="wmc wmc_box wmcM_containerSizeFull wmcM_animateEntry wmcM_animateEntry--slide-in-right-desktop" style="--zIndex:4;--widthMobile:320px;--widthTablet:340px;--widthDesktop:620px;--marginTopMobile:6.23px;--marginTopTablet:19.00px;--minHeightMobile:66.3828125px;--minHeightTablet:69.80000305175781px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.03px;--minHeightDesktop:51.48333740234375px;--borderLeftDesktop:none;--marginLeftDesktop:0px;--borderRightDesktop:none;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;
27026--borderBottomDesktop:1px solid rgba(var(--colorBackgroundI),1);--gridPositionDesktop:3;--marginBottomDesktop:0.00px;--opacityDesktopEntry:0;--translateDesktopEntry:translate3d(500px, 0, 0);--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:700;" >
27027    <div class="wml wml_box "
27028            >
27029        <svg class="wm_svgFilter">
27030    <filter id="wm_svgKnockoutFilter_a216065a-6e78-499b-9a3b-5c90ca8b8fd3" color-interpolation-filters="sRGB">
27031        <feComponentTransfer result="inverseA">
27032            <feFuncA type="table" tableValues="1 0"/>
27033        </feComponentTransfer>
27034        <feFlood flood-color="var(--bgColor)"/>
27035        <feComposite operator="in" in2="inverseA"/>
27036    </filter>
27037</svg>
27038<style>
27039    [id='a216065a-6e78-499b-9a3b-5c90ca8b8fd3'].wmcM_knockoutEffect .wms_content {
27040        filter: url(#wm_svgKnockoutFilter_a216065a-6e78-499b-9a3b-5c90ca8b8fd3);
27041    }
27042</style>
27043                <div class="wms_background">
27044            <div class="wmc_color_layer "
27045    style=""
27046         data-animate-observe="a216065a-6e78-499b-9a3b-5c90ca8b8fd3" >
27047</div>
27048        </div>
27049        <div class="wms_content wml_rows">
27050            <!-- Text:text_1 -->
27051<div id="a216065a-6bc7-4ac2-8b28-0808bdb86e94" class="wmc wmc_text " style="--widthMobile:223.5px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:0px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:12.98px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:12.50px;"
27052            >
27053    <div class="wml">
27054        <div style class="wmcM_paragraph1"><span style>Wednesday</span></div>
27055    </div>
27056</div>
27057    <!-- Text:text_1 -->
27058<div id="a216065a-6d11-48ec-821d-a1e7d2f7f689" class="wmc wmc_text " style="--widthMobile:224px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:0px;--marginTopTablet:0.00px;--minHeightTablet:29.79998779296875px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:13.02px;--minHeightDesktop:26px;--marginLeftDesktop:330px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0px;--marginBottomTablet:14.00px;--gridPositionDesktop:1;--marginBottomDesktop:12.50px;"
27059            >
27060    <div class="wml">
27061        <div class="wmcM_paragraph1" style="--textAlignDesktop: right; --textAlignTablet: left; --textAlignMobile: left;"><span style>9:00 am - 7:00 pm</span></div>
27062    </div>
27063</div>
27064        </div>
27065    </div>
27066</div>
27067    <!-- Box:box_1 -->
27068<div id="a216065a-7597-48ad-9e46-41dfd7188d4b" class="wmc wmc_box wmcM_containerSizeFull wmcM_animateEntry wmcM_animateEntry--slide-in-right-desktop" style="--zIndex:4;--widthMobile:320px;--widthTablet:340px;--widthDesktop:620px;--marginTopMobile:11.62px;--marginTopTablet:13.00px;--minHeightMobile:66.38333129882812px;--minHeightTablet:67px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.48px;--minHeightDesktop:51.116668701171875px;--borderLeftDesktop:none;--marginLeftDesktop:0px;--borderRightDesktop:none;--gridPositionMobile:4;--gridPositionTablet:4;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--borderBottomDesktop:1px solid rgba(var(--colorBackgroundI),1);--gridPositionDesktop:4;--marginBottomDesktop:0.00px;--opacityDesktopEntry:0;--translateDesktopEntry:translate3d(500px, 0, 0);--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:700;" >
27069    <div class="wml wml_box "
27070            >
27071        <svg class="wm_svgFilter">
27072    <filter id="wm_svgKnockoutFilter_a216065a-7597-48ad-9e46-41dfd7188d4b" color-interpolation-filters="sRGB">
27073        <feComponentTransfer result="inverseA">
27074            <feFuncA type="table" tableValues="1 0"/>
27075        </feComponentTransfer>
27076        <feFlood flood-color="var(--bgColor)"/>
27077        <feComposite operator="in" in2="inverseA"/>
27078    </filter>
27079</svg>
27080<style>
27081    [id='a216065a-7597-48ad-9e46-41dfd7188d4b'].wmcM_knockoutEffect .wms_content {
27082        filter: url(#wm_svgKnockoutFilter_a216065a-7597-48ad-9e46-41dfd7188d4b);
27083    }
27084</style>
27085                <div class="wms_background">
27086            <div class="wmc_color_layer "
27087    style=""
27088         data-animate-observe="a216065a-7597-48ad-9e46-41dfd7188d4b" >
27089</div>
27090        </div>
27091        <div class="wms_content wml_rows">
27092            <!-- Text:text_1 -->
27093<div id="a216065a-72db-4925-9b9f-5766af3b80f9" class="wmc wmc_text " style="--widthMobile:223.5px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:0.38px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:12.98px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:12.13px;"
27094            >
27095    <div class="wml">
27096        <div style class="wmcM_paragraph1"><span style>Thursday</span></div>
27097    </div>
27098</div>
27099    <!-- Text:text_1 -->
27100<div id="a216065a-7445-45a8-a517-7114120f7ae6" class="wmc wmc_text " style="--widthMobile:224px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:3.01px;--marginTopTablet:0.00px;--minHeightTablet:29.79998779296875px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:13.02px;--minHeightDesktop:26px;--marginLeftDesktop:330px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0px;--marginBottomTablet:11.20px;--gridPositionDesktop:1;--marginBottomDesktop:12.13px;"
27101            >
27102    <div class="wml">
27103        <div class="wmcM_paragraph1" style="--textAlignDesktop: right; --textAlignTablet: left; --textAlignMobile: left;"><span style>9:00 am - 7:00 pm</span></div>
27104    </div>
27105</div>
27106        </div>
27107    </div>
27108</div>
27109    <!-- Box:box_1 -->
27110<div id="a216065a-79b1-4a43-a306-8fa0b90f5303" class="wmc wmc_box wmcM_containerSizeFull wmcM_animateEntry wmcM_animateEntry--slide-in-right-desktop" style="--zIndex:4;--widthMobile:320px;--widthTablet:340px;--widthDesktop:620px;--marginTopMobile:11.62px;--marginTopTablet:18.00px;--minHeightMobile:66.39999389648438px;--minHeightTablet:70px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.15px;--minHeightDesktop:51.04998779296875px;--borderLeftDesktop:none;--marginLeftDesktop:0px;--borderRightDesktop:none;--gridPositionMobile:5;
27110--gridPositionTablet:5;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--borderBottomDesktop:1px solid rgba(var(--colorBackgroundI),1);--gridPositionDesktop:5;--marginBottomDesktop:0.00px;--opacityDesktopEntry:0;--translateDesktopEntry:translate3d(500px, 0, 0);--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:700;" >
27111    <div class="wml wml_box "
27112            >
27113        <svg class="wm_svgFilter">
27114    <filter id="wm_svgKnockoutFilter_a216065a-79b1-4a43-a306-8fa0b90f5303" color-interpolation-filters="sRGB">
27115        <feComponentTransfer result="inverseA">
27116            <feFuncA type="table" tableValues="1 0"/>
27117        </feComponentTransfer>
27118        <feFlood flood-color="var(--bgColor)"/>
27119        <feComposite operator="in" in2="inverseA"/>
27120    </filter>
27121</svg>
27122<style>
27123    [id='a216065a-79b1-4a43-a306-8fa0b90f5303'].wmcM_knockoutEffect .wms_content {
27124        filter: url(#wm_svgKnockoutFilter_a216065a-79b1-4a43-a306-8fa0b90f5303);
27125    }
27126</style>
27127                <div class="wms_background">
27128            <div class="wmc_color_layer "
27129    style=""
27130         data-animate-observe="a216065a-79b1-4a43-a306-8fa0b90f5303" >
27131</div>
27132        </div>
27133        <div class="wms_content wml_rows">
27134            <!-- Text:text_1 -->
27135<div id="a216065a-766d-48b2-916f-0edb294755b8" class="wmc wmc_text " style="--widthMobile:223.5px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:0.38px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:12.98px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:12.03px;"
27136            >
27137    <div class="wml">
27138        <div style class="wmcM_paragraph1"><span style>Friday</span></div>
27139    </div>
27140</div>
27141    <!-- Text:text_1 -->
27142<div id="a216065a-7865-475e-adda-a976811008fa" class="wmc wmc_text " style="--widthMobile:224px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:3.01px;--marginTopTablet:0.00px;--minHeightTablet:29.79998779296875px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:13.02px;--minHeightDesktop:26px;--marginLeftDesktop:330px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:11.00px;--marginBottomTablet:14.20px;--gridPositionDesktop:1;--marginBottomDesktop:12.03px;"
27143            >
27144    <div class="wml">
27145        <div class="wmcM_paragraph1" style="--textAlignDesktop: right; --textAlignTablet: left; --textAlignMobile: left;"><span style>9:00 am - 7:00 pm</span></div>
27146    </div>
27147</div>
27148        </div>
27149    </div>
27150</div>
27151    <!-- Box:box_1 -->
27152<div id="a216065a-71f9-4feb-84b2-d6d7aa46b486" class="wmc wmc_box wmcM_containerSizeFull wmcM_animateEntry wmcM_animateEntry--slide-in-right-desktop" style="--zIndex:5;--widthMobile:320px;--widthTablet:340px;--widthDesktop:620px;--marginTopMobile:13.60px;--marginTopTablet:20.00px;--minHeightMobile:66.39999389648438px;--minHeightTablet:70px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.03px;--minHeightDesktop:51.0078125px;--borderLeftDesktop:none;--marginLeftDesktop:0px;--borderRightDesktop:none;--gridPositionMobile:6;--gridPositionTablet:6;--marginBottomMobile:0px;--marginBottomTablet:0px;--borderBottomDesktop:1px solid rgba(var(--colorBackgroundI),1);--gridPositionDesktop:6;--marginBottomDesktop:0.00px;--opacityDesktopEntry:0;--translateDesktopEntry:translate3d(500px, 0, 0);--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:700;" >
27153    <div class="wml wml_box "
27154            >
27155        <svg class="wm_svgFilter">
27156    <filter id="wm_svgKnockoutFilter_a216065a-71f9-4feb-84b2-d6d7aa46b486" color-interpolation-filters="sRGB">
27157        <feComponentTransfer result="inverseA">
27158            <feFuncA type="table" tableValues="1 0"/>
27159        </feComponentTransfer>
27160        <feFlood flood-color="var(--bgColor)"/>
27161        <feComposite operator="in" in2="inverseA"/>
27162    </filter>
27163</svg>
27164<style>
27165    [id='a216065a-71f9-4feb-84b2-d6d7aa46b486'].wmcM_knockoutEffect .wms_content {
27166        filter: url(#wm_svgKnockoutFilter_a216065a-71f9-4feb-84b2-d6d7a
27166a46b486);
27167    }
27168</style>
27169                <div class="wms_background">
27170            <div class="wmc_color_layer "
27171    style=""
27172         data-animate-observe="a216065a-71f9-4feb-84b2-d6d7aa46b486" >
27173</div>
27174        </div>
27175        <div class="wms_content wml_rows">
27176            <!-- Text:text_1 -->
27177<div id="a216065a-6f3a-42cc-be11-02b4bcc64d95" class="wmc wmc_text " style="--widthMobile:223.5px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:0.38px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:13.00px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:12.00px;"
27178            >
27179    <div class="wml">
27180        <div class="wmcM_paragraph1" style><span style>Saturday</span></div>
27181    </div>
27182</div>
27183    <!-- Text:text_1 -->
27184<div id="a216065a-70a8-491b-935c-eb2650effe57" class="wmc wmc_text " style="--widthMobile:224px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:3.01px;--marginTopTablet:0.00px;--minHeightTablet:28.79998779296875px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:13.01px;--minHeightDesktop:26px;--marginLeftDesktop:330px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:11.00px;--marginBottomTablet:15.20px;--gridPositionDesktop:1;--marginBottomDesktop:12.00px;"
27185            >
27186    <div class="wml">
27187        <div class="wmcM_paragraph1" style="--textAlignDesktop: right; --textAlignTablet: left; --textAlignMobile: left;"><span style>By Appointment Only (Massage)</span></div>
27188    </div>
27189</div>
27190        </div>
27191    </div>
27192</div>
27193    <!-- Box:box_1 -->
27194<div id="a2264b66-cd65-4b0d-8950-2b2e61035060" class="wmc wmc_box wmcM_containerSizeFull wmcM_animateEntry wmcM_animateEntry--slide-in-right-desktop" style="--zIndex:5;--widthMobile:320px;--widthTablet:340px;--widthDesktop:620px;--marginTopMobile:0px;--marginTopTablet:0px;--minHeightMobile:66.39999389648438px;--minHeightTablet:70px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.04px;--minHeightDesktop:51.01485061645508px;--borderLeftDesktop:none;--marginLeftDesktop:20px;--borderRightDesktop:none;--gridPositionMobile:7;--gridPositionTablet:7;--marginBottomMobile:0px;--marginBottomTablet:0px;--borderBottomDesktop:1px solid rgba(var(--colorBackgroundI),1);--gridPositionDesktop:7;--marginBottomDesktop:23.36px;--opacityDesktopEntry:0;--translateDesktopEntry:translate3d(500px, 0, 0);--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:700;" >
27195    <div class="wml wml_box "
27196            >
27197        <svg class="wm_svgFilter">
27198    <filter id="wm_svgKnockoutFilter_a2264b66-cd65-4b0d-8950-2b2e61035060" color-interpolation-filters="sRGB">
27199        <feComponentTransfer result="inverseA">
27200            <feFuncA type="table" tableValues="1 0"/>
27201        </feComponentTransfer>
27202        <feFlood flood-color="var(--bgColor)"/>
27203        <feComposite operator="in" in2="inverseA"/>
27204    </filter>
27205</svg>
27206<style>
27207    [id='a2264b66-cd65-4b0d-8950-2b2e61035060'].wmcM_knockoutEffect .wms_content {
27208        filter: url(#wm_svgKnockoutFilter_a2264b66-cd65-4b0d-8950-2b2e61035060);
27209    }
27210</style>
27211                <div class="wms_background">
27212            <div class="wmc_color_layer "
27213    style=""
27214         data-animate-observe="a2264b66-cd65-4b0d-8950-2b2e61035060" >
27215</div>
27216        </div>
27217        <div class="wms_content wml_rows">
27218            <!-- Text:text_1 -->
27219<div id="a2264b66-c3df-4dec-a3aa-7578683ab16c" class="wmc wmc_text " style="--widthMobile:223.5px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:0.38px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:13.00px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:12.00px;"
27220            >
27221    <div class="wml">
27222        <div class="wmcM_paragraph1" style><span style>Sunday</span></div>
27223    </div>
27224</div>
27225    <!-- Text:text_1 -->
27226<div id="a2264b66-c9b7-45e8-b118-36280dec9bb3" class="wmc wmc_text " style="--widthMobile:224px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:3.01px;--marginTopTablet:0.00px;--minHeightTablet:28.79998779296875px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:13.01px;--minHeightDesktop:26px;--marginLeftDesktop:330px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:11.00px;--marginBottomTablet:15.20px;--gridPositionDesktop:1;--marginBottomDesktop:12.00px;"
27227            >
27228    <div class="wml">
27229        <div class="wmcM_paragraph1" style="--textAlignDesktop: right; --textAlignTablet: left; --textAlignMobile: left;"><span style>Closed</span></div>
27230    </div>
27231</div>
27232        </div>
27233    </div>
27234</div>
27235        </div>
27236    </div>
27237</div>
27238    <!-- Text:text_1 -->
27239<div id="a216065a-7be3-4f56-aa90-2569948bd621" class="wmc wmc_text wmcM_containerSizeFull wmcM_animateEntry wmcM_animateEntry--slide-in-right-desktop" style="--widthMobile:320px;--widthTablet:340px;--widthDesktop:620px;--marginTopMobile:26.92px;--marginTopTablet:27.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:25.56px;--minHeightDesktop:78px;--marginLeftDesktop:-157px;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;
27239--opacityDesktopEntry:0;--translateDesktopEntry:translate3d(500px, 0, 0);--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:700;"
27240            >
27241    <div class="wml">
27242        <div style class="wmcM_paragraph1"><span style="--fontWeightDesktop: 700">Innovative Chiropractic Rehab and Massage</span><br /><span style>1700 132nd Street SE&comma; Suite C</span><br /><span style>Mill Creek, WA 98012</span></div>
27243    </div>
27244</div>
27245    <!-- Button:button_1 -->
27246<div id="a2178c69-4d60-4459-a98d-ab0855c6799d" class="wmc wmc_button wmcM_animateHover wmcM_animateEntry wmcM_animateEntry--slide-in-right-desktop wmcM_containerSizeFull" style="--widthMobile:200px;--widthTablet:200px;--widthDesktop:208px;--flexGapDesktop:4px;--marginTopMobile:0px;--marginTopTablet:0px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--minHeightDesktop:46px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:none;--marginLeftDesktop:-210px;--paddingLeftMobile:0px;--paddingLeftTablet:0px;--paddingTopDesktop:10px;--borderRightDesktop:none;--gridPositionMobile:5;--gridPositionTablet:5;--marginBottomMobile:0px;--marginBottomTablet:0px;--paddingLeftDesktop:0px;--paddingRightMobile:10px;
27246--paddingRightTablet:10px;--borderBottomDesktop:none;--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:4;--marginBottomDesktop:0.00px;--opacityDesktopEntry:0;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:0px;--paddingBottomDesktop:10px;--borderTopDesktopHover:none;--translateDesktopEntry:translate3d(500px, 0, 0);--borderLeftDesktopHover:none;--borderRightDesktopHover:none;--borderBottomDesktopHover:none;--borderRadiusDesktopHover:0px 0px 0px 0px;--flexJustifyContentDesktop:start;--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:700;--transitionDurationMsDesktopHover:500;">
27247    <a href="tel:4253381555" class="wml wml_button">
27248        <span class="wms_background">
27249            <div class="wmc_color_layer "
27250    style=""
27251         data-animate-observe="a2178c69-4d60-4459-a98d-ab0855c6799d" >
27252</div>
27253        </span>
27254        <span class="wms_button">
27255            <!-- Button.Text:button_text -->
27256<span id="a2178c69-48a8-4bf1-be56-774ab74484e0" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
27257    <span class="wml">
27258        <p style class="wmcM_paragraph1"><span style="--letterSpacingDesktop: 1px; --fontWeightDesktop: 400; --textColorDesktop: rgba(var(--colorPrimaryC),1); --textColorDesktopHover: rgba(var(--colorPrimaryB),1)">Phone: &lpar;425&rpar; 338-1555</span></p>
27259    </span>
27260</span>
27261            <!-- Button.Icon:button_icon -->
27262<span id="a2178c69-42f8-4e75-a498-3926cc4e1353" class="wmc wmc_icon wmc_buttonIcon wmcM_empty" style="--iconSizeDesktop:16px;--iconColorDesktop:rgba(var(--colorPrimaryC),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:16px;--iconColorDesktopHover:rgba(var(--colorPrimaryB),1);--iconSizeDesktopActive:16px;">
27263    <span class="wml wml_icon">
27264        <i style="mask: url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023) center / contain no-repeat"></i>
27265    </span>
27266</span>
27267        </span>
27268    </a>
27269</div>
27270    <!-- Button:button_1 -->
27271<div id="a2178c9c-d117-42ce-8d92-7590df7f23ff" class="wmc wmc_button wmcM_animateHover wmcM_animateEntry wmcM_animateEntry--slide-in-right-desktop wmcM_containerSizeFull" style="--widthMobile:200px;--widthTablet:200px;--widthDesktop:208px;--flexGapDesktop:4px;--marginTopMobile:0px;--marginTopTablet:0px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-3.85px;--minHeightDesktop:46px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:none;--marginLeftDesktop:39px;--paddingLeftMobile:0px;--paddingLeftTablet:0px;--paddingTopDesktop:10px;--borderRightDesktop:none;--gridPositionMobile:6;--gridPositionTablet:6;--marginBottomMobile:0px;--marginBottomTablet:0px;--paddingLeftDesktop:0px;--paddingRightMobile:10px;
27271--paddingRightTablet:10px;--borderBottomDesktop:none;--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:5;--marginBottomDesktop:18.82px;--opacityDesktopEntry:0;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:0px;--paddingBottomDesktop:10px;--borderTopDesktopHover:none;--translateDesktopEntry:translate3d(500px, 0, 0);--borderLeftDesktopHover:none;--borderRightDesktopHover:none;--borderBottomDesktopHover:none;--borderRadiusDesktopHover:0px 0px 0px 0px;--flexJustifyContentDesktop:start;--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:700;--transitionDurationMsDesktopHover:500;">
27272    <a href="tel:4253381555" class="wml wml_button">
27273        <span class="wms_background">
27274            <div class="wmc_color_layer "
27275    style=""
27276         data-animate-observe="a2178c9c-d117-42ce-8d92-7590df7f23ff" >
27277</div>
27278        </span>
27279        <span class="wms_button">
27280            <!-- Button.Text:button_text -->
27281<span id="a2178c9c-c91b-423a-ac0c-aa71d4f1618f" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
27282    <span class="wml">
27283        <p style class="wmcM_paragraph1"><span style="--letterSpacingDesktop: 1px; --fontWeightDesktop: 400; --textColorDesktop: rgba(var(--colorPrimaryC),1); --textColorDesktopHover: rgba(var(--colorPrimaryB),1)">Fax: &lpar;425&rpar; 338-0765</span></p>
27284    </span>
27285</span>
27286            <!-- Button.Icon:button_icon -->
27287<span id="a2178c9c-c3ad-4ac6-ab1a-00d4dcfe61e6" class="wmc wmc_icon wmc_buttonIcon wmcM_empty" style="--iconSizeDesktop:16px;--iconColorDesktop:rgba(var(--colorPrimaryC),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:16px;--iconColorDesktopHover:rgba(var(--colorPrimaryB),1);--iconSizeDesktopActive:16px;">
27288    <span class="wml wml_icon">
27289        <i style="mask: url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023) center / contain no-repeat"></i>
27290    </span>
27291</span>
27292        </span>
27293    </a>
27294</div>
27295    </div>
27296</wm-cell>
27297    </div>
27298</wm-columns>
27299    </div>
27300</section>
27301    </div>
27302</section>
27303    <!-- Section:Footer -->
27304<section id="a216064d-51f1-4096-9e4c-42b6e3b725ce" class="wmc wmc_section " style="--bgColorDesktop:rgba(var(--colorBwGradientD),1);--marginTopMobile:0.00px;--minHeightMobile:917.2999877929688px;--minHeightTablet:683.7920532226562px;--minHeightDesktop:688.6015625px;--gridPositionMobile:4;--gridPositionTablet:4;--marginBottomMobile:-0.00px;--gridPositionDesktop:4;">
27305    <div class="wml wml_rows">
27306        <div class="wms_background">
27307            <div class="wmc_color_layer "
27308    style=""
27309         data-animate-observe="a216064d-51f1-4096-9e4c-42b6e3b725ce" >
27310</div>
27311        </div>
27312        <!-- Shelf:shelf_1 -->
27313<section id="a216064d-6447-44c2-a63c-c2c6a6b37c16" class="wmc wmc_shelf " style="--widthMobile:320px;--widthDesktop:1280px;--marginTopMobile:30.00px;--marginTopTablet:0.00px;--minHeightMobile:170px;--minHeightTablet:121.78217315673828px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:50.00px;--minHeightDesktop:111px;--marginLeftDesktop:351px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;">
27314    <div class="wml wml_rows">
27315        <div class="wms_background">
27316            <div class="wmc_color_layer "
27317    style=""
27318         data-animate-observe="a216064d-6447-44c2-a63c-c2c6a6b37c16" >
27319</div>
27320        </div>
27321        <!-- Columns:columns_2 -->
27322<wm-columns id="a216064d-67d7-4532-bceb-787f46c1bb44" class="wmc wmc_columns wmcM_containerSizeFull" style="--columnsCount:2;--columnsRatios:60fr 40fr;--marginTopMobile:0px;--marginTopTablet:0.00px;--minHeightTablet:115px;--columnsGapMobile:24px;--columnsGapTablet:40px;--columnsRatiosSum:100;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--minHeightDesktop:67px;--columnsGapDesktop:40px;--marginLeftDesktop:447px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:3.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;--columnsPaddingMobile:0px;--columnsPaddingTablet:0px;--columnsPaddingDesktop:0px;">
27323    <div class="wml wml_columns">
27324        <div class="wms_background">
27325            <div class="wmc_color_layer "
27326    style=""
27327         data-animate-observe="a216064d-67d7-4532-bceb-787f46c1bb44" >
27328</div>
27329        </div>
27330        <!-- Column:cell_2_1 -->
27331<wm-cell id="a216064d-65de-4ead-82a1-fc5237f64df5" class="wmc wmc_column " style="--columnRatio:60;--marginTopMobile:0.00px;--minHeightMobile:47.5333251953125px;--minHeightTablet:118.78217315673828px;--minHeightDesktop:110.94058990478516px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--gridPositionDesktop:1;">
27332    <div class="wml wml_rows">
27333        <div class="wms_background">
27334            <div class="wmc_color_layer "
27335    style=""
27336         data-animate-observe="a216064d-65de-4ead-82a1-fc5237f64df5" >
27337</div>
27338        </div>
27339        <!-- Image:image_1 -->
27340<wm-img id="a216064d-64fe-4d7a-9772-5a7cc2ca7e65"  class="wmc wmc_image  " style="--widthMobile:319.6333618164
273400625px;--widthTablet:268.5px;--heightMobile:64.5333251953125px;--heightTablet:53.5px;--widthDesktop:279px;--heightDesktop:54.5px;--marginTopMobile:0.00px;--marginTopTablet:48.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:1.74px;--aspectRatioMobile:320 / 65;--aspectRatioTablet:269 / 54;--marginLeftDesktop:0px;--aspectRatioDesktop:279 / 55;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:-17.00px;--marginBottomTablet:17.29px;--gridPositionDesktop:1;--marginBottomDesktop:54.71px;;">
27341    <a href="https://walkin-chiro.com/" class="wml">
27342        <div class="wms_overlay"></div>
27343        <picture>
27344            <img
27345                loading="lazy"
27346                data-wm-src="/q/t/R/1/6/k/qtR16kGcMHg8TFm4XRnUOeGQ2qvtsv2abzBTIW2C"
27347                                src="data:image/webp;base64,UklGRhQDAABXRUJQVlA4WAoAAAAQAAAAPwAADAAAQUxQSLwBAAANmS5E9D9AMYDbOJIEgHLfl3+ss7sWUfffhRAxARPgEIHJ/2kfq65av5ACJOT//3hVrTX+lwsV9Zsh11q2xn8yCOwvY1QUECJRBTEbZQs2lkEqBkwgHyEBsSVjmSxDPIC4TJZIybEedpQswQiJS17xGlKjfqgIxHXZMR5HASiBHB9fzAzXFeMIlKwDJREIBEaNOgIQlBgMsPWwkAgbKyQMFUuOIaOWCNYwiZL6EmLjEhEzwMRiAQZBXCEP4LVqhNgSEYNYLRMgJAwVNlD48hgRowSBCEMsgSwbFYEQu4BVB8pWiBwFq7A6VsWqUTjCgCteDxjMYONxjRAJEamHDITV8SjYKwZkDbGya0iJXQNY6wgzE0FVlNmIIbUgR318EzUq1nqNGscFvCQeBhvfAQZ7Pezxs/G6cBnGa8QoM2B8NwDECyErImA2fhhi9boQJrgsaliMo7BQOORA4Yof6sNwCEIgMHmJwGxZmdQhwxABGwKBIdYyrFEBEbkkDFUmYmLyVxORdY1CwMSAcdQhgAEWtmqUjUtQjxBbFtfHwGHyn0tKBBAYRMYackX9EEcs+6EQZSZWZWFhIjZK/gpWUDggMgEAADAFAJ0BKkAADQA+aSyPRaQioRgGAEAGhKAMtoeciWjgVLHN4JvRPvzzAMP8sOmG5SMAAP7m/fIgL1WLoPt/pqRbDMjnET8fyH621r6taar/D4RjMmTSazRki1FPcLYW7OfMGHHrOLvrq3Tv6bVQGPsHC2Og/a3Vh0c/UvjHwGbkgJc6ocBE1LyA1CAlexiL+6Qnfr/sQ6+Q5h4G+aWICTcfDIB8Jbx/+Z/Z1PIwOt/CplZC0V55+KWsC1gFd5f/8tfnnYdlJ+Kmo9uBa1ahzIVK/bEAjVSHL3fHDvhZuN/IYaMWu/eUFPCtC6Eo+FMf83A5V4vdgAO0ULP/ccnzO3f5zYt6ULywKuSZaFknLjFlcNzE6tIpP606Pf34V7TXldGyfR5cQQkC5a73ap8RZwAAAA=="
27348                title="ICM_logo_white-type-Rehab-300x60-1.png"
27349                alt=""
27350            >
27351        </picture>
27352    </a>
27353</wm-img>
27354    </div>
27355</wm-cell>
27356    <!-- Column:cell_2_2 -->
27357<wm-cell id="a216064d-66e6-47d2-8f6f-3c6af21430b3" class="wmc wmc_column " style="--columnRatio:40;--widthMobile:320px;--marginTopMobile:16.00px;--minHeightMobile:48.93842697143555px;--minHeightTablet:118.78217315673828px;--marginLeftMobile:0px;--minHeightDesktop:110.94058990478516px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:8.00px;--gridPositionDesktop:2;">
27358    <div class="wml wml_rows">
27359        <div class="wms_background">
27360            <div class="wmc_color_layer "
27361    style=""
27362         data-animate-observe="a216064d-66e6-47d2-8f6f-3c6af21430b3" >
27363</div>
27364        </div>
27365        <!-- Button:button_1 -->
27366<div id="a219b1f0-bba4-470c-9119-55bebf4da0f2" class="wmc wmc_button wmcM_animateHover" style="--widthMobile:47px;--widthTablet:57px;--widthDesktop:48px;--marginTopMobile:0.00px;--marginTopTablet:47.87px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0.3515357971191406px;--marginTopDesktop:-0.06px;--minHeightDesktop:43.99009704589844px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:none;--marginLeftDesktop:303.9851722717285px;--paddingLeftMobile:10px;
27366--paddingLeftTablet:10px;--paddingTopDesktop:10px;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:4.79px;--marginBottomTablet:17.29px;--paddingLeftDesktop:10px;--paddingRightMobile:10px;--paddingRightTablet:10px;--borderBottomDesktop:none;--gridPositionDesktop:1;--marginBottomDesktop:54.71px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:10px;--paddingBottomDesktop:10px;--transitionDurationMsDesktopHover:500;">
27367    <a href="https&colon;&sol;&sol;maps&period;app&period;goo&period;gl&sol;hLqH7kzGtWemBcdR9" target="_blank" class="wml wml_button">
27368        <span class="wms_background">
27369            <div class="wmc_color_layer "
27370    style=""
27371         data-animate-observe="a219b1f0-bba4-470c-9119-55bebf4da0f2" >
27372</div>
27373        </span>
27374        <span class="wms_button">
27375            <!-- Button.Text:button_text -->
27376<span id="a219b1f0-b694-4b32-907b-d38c10b7abd9" class="wmc wmc_text wmc_buttonText wmcM_visuallyHide" style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
27377    <span class="wml">
27378        <p style><span style="--fontSizeDesktop: 1rem; --textColorDesktop: rgba(var(--colorBwGradientA));">Button Text</span></p>
27379    </span>
27380</span>
27381            <!-- Button.Icon:button_icon -->
27382<span id="a219b1f0-afc4-4a6c-8a62-9d700bf4253b" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:1.5rem;--iconColorDesktop:rgba(var(--colorSecondaryH),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconColorDesktopHover:rgba(var(--colorSecondaryI),1);">
27383    <span class="wml wml_icon">
27384        <i style="mask: url(https://storage.evona.app/w%2Fm%2F0%2F8%2F7%2Fd%2Fwm087da1f9bd9a6ef6c4def7120d3fd5eb347781) center / contain no-repeat"></i>
27385    </span>
27386</span>
27387        </span>
27388    </a>
27389</div>
27390    <!-- Button:button_1 -->
27391<div id="a219b1fb-9048-4aea-b435-ce5958b9b2a8" class="wmc wmc_button wmcM_animateHover" style="--widthMobile:47px;--widthTablet:57px;--widthDesktop:48px;--marginTopMobile:0.12px;--marginTopTablet:47.87px;--borderTopDesktop:none;--marginLeftMobile:47.471290588378906px;--marginLeftTablet:56.8465576171875px;--marginTopDesktop:-0.06px;--minHeightDesktop:43.99009704589844px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:none;--marginLeftDesktop:351.9851722717285px;--paddingLeftMobile:10px;
27391--paddingLeftTablet:10px;--paddingTopDesktop:10px;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:4.79px;--marginBottomTablet:17.29px;--paddingLeftDesktop:10px;--paddingRightMobile:10px;--paddingRightTablet:10px;--borderBottomDesktop:none;--gridPositionDesktop:1;--marginBottomDesktop:54.71px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:10px;--paddingBottomDesktop:10px;--transitionDurationMsDesktopHover:500;">
27392    <a href="https&colon;&sol;&sol;www&period;facebook&period;com&sol;Innovativecareclinic&sol;" target="_blank" class="wml wml_button">
27393        <span class="wms_background">
27394            <div class="wmc_color_layer "
27395    style=""
27396         data-animate-observe="a219b1fb-9048-4aea-b435-ce5958b9b2a8" >
27397</div>
27398        </span>
27399        <span class="wms_button">
27400            <!-- Button.Text:button_text -->
27401<span id="a219b1fb-8925-44c3-a030-886e03f10b08" class="wmc wmc_text wmc_buttonText wmcM_visuallyHide" style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
27402    <span class="wml">
27403        <p style><span style="--fontSizeDesktop: 1rem; --textColorDesktop: rgba(var(--colorBwGradientA));">Button Text</span></p>
27404    </span>
27405</span>
27406            <!-- Button.Icon:button_icon -->
27407<span id="a219b1fb-81af-4ffc-bf60-737ccee3dc6a" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:1.5rem;--iconColorDesktop:rgba(var(--colorSecondaryH),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconColorDesktopHover:rgba(var(--colorSecondaryI),1);">
27408    <span class="wml wml_icon">
27409        <i style="mask: url(https://storage.evona.app/w%2Fm%2F6%2F9%2Fa%2Fe%2Fwm69ae4dd661965351e400d1a1d8dc97459b0df6) center / contain no-repeat"></i>
27410    </span>
27411</span>
27412        </span>
27413    </a>
27414</div>
27415    <!-- Button:button_1 -->
27416<div id="a219b233-f41d-4547-a144-35296fd72a84" class="wmc wmc_button wmcM_animateHover" style="--widthMobile:47px;--widthTablet:57px;--widthDesktop:48px;--marginTopMobile:0.12px;--marginTopTablet:47.87px;--minHeightMobile:44.01910400390625px;--borderTopDesktop:none;--marginLeftMobile:94.95743942260742px;--marginLeftTablet:107.34655952453613px;--marginTopDesktop:-0.06px;--minHeightDesktop:43.99009704589844px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:none;--marginLeftDesktop:399.985294342041px;--paddingLeftMobile:10px;
27416--paddingLeftTablet:10px;--paddingTopDesktop:10px;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:4.79px;--marginBottomTablet:17.29px;--paddingLeftDesktop:10px;--paddingRightMobile:10px;--paddingRightTablet:10px;--borderBottomDesktop:none;--gridPositionDesktop:1;--marginBottomDesktop:54.71px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:10px;--paddingBottomDesktop:10px;--transitionDurationMsDesktopHover:500;">
27417    <a href="https&colon;&sol;&sol;www&period;instagram&period;com&sol;innovative&period;chiropractic&sol;" target="_blank" class="wml wml_button">
27418        <span class="wms_background">
27419            <div class="wmc_color_layer "
27420    style=""
27421         data-animate-observe="a219b233-f41d-4547-a144-35296fd72a84" >
27422</div>
27423        </span>
27424        <span class="wms_button">
27425            <!-- Button.Text:button_text -->
27426<span id="a219b233-eeef-4430-a81f-eb42752c180d" class="wmc wmc_text wmc_buttonText wmcM_visuallyHide" style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
27427    <span class="wml">
27428        <p style><span style="--fontSizeDesktop: 1rem; --textColorDesktop: rgba(var(--colorBwGradientA));">Button Text</span></p>
27429    </span>
27430</span>
27431            <!-- Button.Icon:button_icon -->
27432<span id="a219b233-e87d-48ba-a9ed-8cb7f1c4285e" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:1.5rem;--iconColorDesktop:rgba(var(--colorSecondaryH),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconColorDesktopHover:rgba(var(--colorSecondaryI),1);">
27433    <span class="wml wml_icon">
27434        <i style="mask: url(https://storage.evona.app/w%2Fm%2F6%2Fe%2Ff%2Fd%2Fwm6efd6ee9b55c4e9b53d030d39a3dfc41222f2d) center / contain no-repeat"></i>
27435    </span>
27436</span>
27437        </span>
27438    </a>
27439</div>
27440    <!-- Button:button_1 -->
27441<div id="a219b259-9b71-4ed7-8576-157dec8bf56a" class="wmc wmc_button wmcM_animateHover" style="--widthMobile:47px;--widthTablet:57px;--widthDesktop:48px;--marginTopMobile:0.09px;--marginTopTablet:47.87px;--borderTopDesktop:none;--marginLeftMobile:136.47128677368164px;--marginLeftTablet:159.34655952453613px;--marginTopDesktop:-0.06px;--minHeightDesktop:43.99009704589844px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:none;--marginLeftDesktop:447.985294342041px;--paddingLeftMobile:10px;
27441--paddingLeftTablet:10px;--paddingTopDesktop:10px;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:4.79px;--marginBottomTablet:17.29px;--paddingLeftDesktop:10px;--paddingRightMobile:10px;--paddingRightTablet:10px;--borderBottomDesktop:none;--gridPositionDesktop:1;--marginBottomDesktop:54.71px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:10px;--paddingBottomDesktop:10px;--transitionDurationMsDesktopHover:500;">
27442    <a href="https&colon;&sol;&sol;www&period;yelp&period;com&sol;biz&sol;innovative-chiropractic-rehab-and-massage-mill-creek" target="_blank" class="wml wml_button">
27443        <span class="wms_background">
27444            <div class="wmc_color_layer "
27445    style=""
27446         data-animate-observe="a219b259-9b71-4ed7-8576-157dec8bf56a" >
27447</div>
27448        </span>
27449        <span class="wms_button">
27450            <!-- Button.Text:button_text -->
27451<span id="a219b259-966c-4590-9dd7-a65080c92d98" class="wmc wmc_text wmc_buttonText wmcM_visuallyHide" style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
27452    <span class="wml">
27453        <p style><span style="--fontSizeDesktop: 1rem; --textColorDesktop: rgba(var(--colorBwGradientA));">Button Text</span></p>
27454    </span>
27455</span>
27456            <!-- Button.Icon:button_icon -->
27457<span id="a219b259-8e30-4016-8a4c-39c7ff9bf6d1" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:1.5rem;--iconColorDesktop:rgba(var(--colorSecondaryH),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconColorDesktopHover:rgba(var(--colorSecondaryI),1);">
27458    <span class="wml wml_icon">
27459        <i style="mask: url(https://storage.evona.app/w%2Fm%2Fc%2Fe%2F4%2Ff%2Fwmce4f52cb13b535478b778724a842971fd1ff90) center / contain no-repeat"></i>
27460    </span>
27461</span>
27462        </span>
27463    </a>
27464</div>
27465    </div>
27466</wm-cell>
27467    </div>
27468</wm-columns>
27469    </div>
27470</section>
27471    <!-- Shelf:shelf_1 -->
27472<section id="a216064d-534e-4ac5-8fe3-73a748d90a21" class="wmc wmc_shelf " style="--widthMobile:320px;--widthTablet:720px;--widthDesktop:1280px;--marginTopMobile:0.00px;--marginTopTablet:19.65px;--minHeightMobile:170px;--minHeightTablet:174px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:51.44px;--minHeightDesktop:253px;--marginLeftDesktop:264px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;">
27473    <div class="wml wml_rows">
27474        <div class="wms_background">
27475            <div class="wmc_color_layer "
27476    style=""
27477         data-animate-observe="a216064d-534e-4ac5-8fe3-73a748d90a21" >
27478</div>
27479        </div>
27480        <!-- Columns:columns_3 -->
27481<wm-columns id="a216064d-58cd-40b1-8a8d-cfd5231f4810" class="wmc wmc_columns wmcM_containerSizeFull" style="--columnsCount:3;--widthDesktop:1280px;--columnsRatios:50fr 25fr 25fr;--marginTopMobile:0px;--marginTopTablet:0px;--minHeightMobile:250px;--minHeightTablet:250px;--columnsGapMobile:29px;--columnsGapTablet:24px;--columnsRatiosSum:100;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:5.91px;--minHeightDesktop:242px;--columnsGapDesktop:60px;--marginLeftDesktop:143px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:5.09px;--columnsPaddingMobile:0px;--columnsPaddingTablet:0px;--columnsPaddingDesktop:0px;">
27482    <div class="wml wml_columns">
27483        <div class="wms_background">
27484            <div class="wmc_color_layer "
27485    style=""
27486         data-animate-observe="a216064d-58cd-40b1-8a8d-cfd5231f4810" >
27487</div>
27488        </div>
27489        <!-- Column:cell_3_1 -->
27490<wm-cell id="a216064d-5526-4ab2-be69-747c30d9cf2a" class="wmc wmc_column " style="--columnRatio:50;--minHeightMobile:156px;--minHeightTablet:327px;--minHeightDesktop:363.27777099609375px;--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
27491    <div class="wml wml_rows">
27492        <div class="wms_background">
27493            <div class="wmc_color_layer "
27494    style=""
27495         data-animate-observe="a216064d-5526-4ab2-be69-747c30d9cf2a" >
27496</div>
27497        </div>
27498        <!-- Text:text_1 -->
27499<div id="a216064d-5db4-4241-bf56-b063f6760024" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:247.00px;--gridPositionDesktop:1;--marginBottomDesktop:1.82px;"
27500            >
27501    <div class="wml">
27502        <div style="--lineHeightTablet: 1;" class="wmcM_paragraph1"><span style="--fontSizeTablet: 1rem;
27502 --textColorDesktop: rgba(var(--colorBwGradientJ),1)">We help individuals overcome pain and regain their mobility, providing personalized care solutions to help you get back to doing what you love quickly and effectively.</span></div>
27503    </div>
27504</div>
27505    </div>
27506</wm-cell>
27507    <!-- Column:cell_3_2 -->
27508<wm-cell id="a216064d-55d0-475a-8f77-b2be8acc7bbc" class="wmc wmc_column " style="--columnRatio:25;--minHeightMobile:123.25px;--minHeightTablet:327px;--minHeightDesktop:363.27777099609375px;--gridPositionMobile:2;--gridPositionTablet:2;--gridPositionDesktop:2;">
27509    <div class="wml wml_rows">
27510        <div class="wms_background">
27511            <div class="wmc_color_layer "
27512    style=""
27513         data-animate-observe="a216064d-55d0-475a-8f77-b2be8acc7bbc" >
27514</div>
27515        </div>
27516        <!-- Text:text_1 -->
27517<div id="a216064d-5f81-462a-9395-c84da2676324" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
27518            >
27519    <div class="wml">
27520        <div style class="wmcM_paragraph3"><span style="--letterSpacingDesktop: 2px; --fontWeightDesktop: 700; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilyPrimary)">EXPLORE</span></div>
27521    </div>
27522</div>
27523    <!-- Menu:menu_1 -->
27524<wm-menu id="a216064e-fa2f-47b8-af2a-33f9504f1bc7" class="wmc wmc_menu wmcM_animateHover wmcM_menuVerticalDesktop wmcM_menuVerticalMobile wmcM_menuVerticalTablet wmd_showMoreMenu"
27525    style="--widthMobile:300px;--widthTablet:123px;--widthDesktop:156.5px;--marginTopMobile:12.00px;--marginTopTablet:12.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:16.13px;--minHeightDesktop:241px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:62.75px;--gridPositionDesktop:2;--marginBottomDesktop:1.82px;--verticalNavItemFontDesktop:var(--fontFamilySecondary);--horizontalNavArrowSizeDesktop:24px;--verticalNavBorderRadiusDesktop:0px 0px 0px 0px;--verticalNavItemFontSizeDesktop:16px;--horizontalNavArrowRotateDesktop:rotate(0deg);--verticalNavItemFontColorDesktop:rgba(var(--colorBwGradientJ),1);--horizontalNavArrowSpacingDesktop:0px;--horizontalNavBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavItemFontSizeDesktop:16px;--verticalNavSeparatorHeightDesktop:1px;--horizontalNavItemPaddingTopDesktop:0px;--horizontalNavSeparatorColorDesktop:rgba(var(--colorCtaA),1);--horizontalNavSeparatorWidthDesktop:2px;--verticalNavItemBorderRadiusDesktop:0px 0px 0px 0px;--verticalNavSeparatorDisplayDesktop:none;--verticalNavSeparatorSpacingDesktop:24px;--horizontalNavArrowColorHoverDesktop:rgba(var(--colorBwGradientD),1);--horizontalNavItemPaddingLeftDesktop:0px;--horizontalNavSubItemFontSizeDesktop:14px;--horizontalNavItemBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavItemPaddingRightDesktop:0px;--horizontalNavSeparatorDisplayDesktop:block;--horizontalNavSeparatorSpacingDesktop:30px;--verticalNavItemHoverFontColorDesktop:rgba(var(--colorPrimaryI),1);--horizontalNavItemPaddingBottomDesktop:0px;--horizontalNavSubItemPaddingTopDesktop:10px;--horizontalNavItemHoverFontColorDesktop:rgba(var(--colorBwGradientD),1);--horizontalNavSubItemPaddingLeftDesktop:7px;--horizontalNavSubItemBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavSubItemPaddingRightDesktop:7px;--horizontalNavSubItemPaddingBottomDesktop:10px;--horizontalNavItemBorderRadiusHoverDesktop:0px 0px 0px 0px;--horizontalNavSubItemHoverFontColorDesktop:rgba(var(--colorBwGradientD),1);--horizontalNavItemHoverBackgroundColorDesktop:rgba(var(--colorBwGradientD),0);--horizontalNavSubContainerBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavSubContainerBackgroundColorDesktop:rgba(var(--colorBwGradientJ),1);--wmd_hamburgerIconUrl:url(https://storage.evona.app/w%2Fm%2Fe%2F9%2Ff%2F6%2Fwme9f6bd1608c8e7e481a785f005c362bbec762b);--wmd_backIconUrl:url(https://storage.evona.app/w%2Fm%2F8%2F8%2F9%2F2%2Fwm8892f2ea984492d01ab40e847ed7b59d087b58);--wmd_closeIconUrl:url(https://storage.evona.app/w%2Fm%2F9%2F5%2Fc%2Fd%2Fwm95cd121496a8bac8ec9af78365d420dd1189b3);--wmd_menuItemIconUrl:url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023);--wmd_submenuItemIconUrl:url(https://storage.evona.app/w%2Fm%2Ff%2F5%2F4%2F6%2Fwmf546499
275251a424a4453af8202a9e6eed459bc7e9);--wmd_submenuTitleIconUrl:url(https://storage.evona.app/w%2Fm%2Ff%2F5%2F4%2F6%2Fwmf5464991a424a4453af8202a9e6eed459bc7e9);--wmd_caretIconUrl:url(https://storage.evona.app/w%2Fm%2F2%2F1%2F7%2F0%2Fwm2170fa253c2e31e265c7b09a876adfbf970b23);--wmd_submenuCaretIconUrl:url(https://storage.evona.app/w%2Fm%2F9%2Fe%2F9%2Ff%2Fwm9e9f78809f590d8e9da9f5b0e2f8971a74d030);"
27526    data-parent-menu-to-submenu="false"
27527    data-more-menu="true"
27528    data-more-menu-text="More">
27529    <div class="wml">
27530        <div class="wms_content">
27531            <div class="navigation-module-container">
27532                <button class="hamburger-button">
27533                    <span class="hamburger-button-icon--container">
27534                        <span class="hamburger-button-icon"></span>
27535                        <span
27536                            class="hamburger-button-text visually-hidden"
27537                        >
27538                            
27539                            MENU
27540                        </span>
27541                    </span>
27542                </button>
27543                                    <nav class="navigation-nav">
27544                        <ul class="navigation-nav--main-menu">
27545                                                            <li class="navigation-nav--item">
27546    <a
27547        href="https://walkin-chiro.com/"
27548        href="#"
27549            >
27550                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
27551                Home
27552    </a>
27553    </li>
27554                                                                    <li class="navigation-nav--separator">&nbsp;</li>
27555                                                                                            <li class="navigation-nav--item">
27556    <a
27557        href="https://walkin-chiro.com/about-us"
27558        href="#"
27559            >
27560                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
27561                About Us
27562    </a>
27563    </li>
27564                                                                    <li class="navigation-nav--separator">&nbsp;</li>
27565                                                                                            <li class="navigation-nav--item">
27566    <a
27567        href="https://walkin-chiro.com/services"
27568        href="#"
27569            >
27570                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
27571                Services
27572    </a>
27573                        <button
27574                type="button"
27575                class="arrow"
27576                aria-label="Toggle Services sub menu"
27577            ></button>
27578                <ul
27579            class="navigation-nav--sub-menu"
27580             id="a216064e-fa2f-47b8-af2a-33f9504f1bc7-panel-2"         >
27581                            <li class="navigation-nav--sub-item">
27582    <a
27583        href="https://walkin-chiro.com/services/auto-injury-care"
27584        href="#"
27585            >
27586                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
27587                Auto Injury Care
27588    </a>
27589    </li>
27590                                    <li class="navigation-nav--separator">&nbsp;</li>
27591                                            <li class="navigation-nav--sub-item">
27592    <a
27593        href="https://walkin-chiro.com/services/chiropractic-care"
27594        href="#"
27595            >
27596                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
27597                Chiropractic Care
27598    </a>
27599    </li>
27600                                    <li class="navigation-nav--separator">&nbsp;</li>
27601                                            <li class="navigation-nav--sub-item">
27602    <a
27603        href="https://walkin-chiro.com/services/pain-management"
27604        href="#"
27605            >
27606                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
27607                Pain Management
27608    </a>
27609    </li>
27610                                    <li class="navigation-nav--separator">&nbsp;</li>
27611                                            <li class="navigation-nav--sub-item">
27612    <a
27613        href="https://walkin-chiro.com/services/l-i-work-injury"
27614        href="#"
27615            >
27616                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
27617                L&amp;I / Work Injury
27618    </a>
27619    </li>
27620                                    <li class="navigation-nav--separator">&nbsp;</li>
27621                                            <li class="navigation-nav--sub-item">
27622    <a
27623        href="https://walkin-chiro.com/services/get-active-and-stay-active"
27624        href="#"
27625            >
27626                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
27627                Get Active &amp; Stay Active
27628    </a>
27629    </li>
27630                                    <li class="navigation-nav--separator">&nbsp;</li>
27631                                            <li class="navigation-nav--sub-item">
27632    <a
27633        href="https://walkin-chiro.com/services/massage-therapy"
27634        href="#"
27635            >
27636                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
27637                Massage Therapy
27638    </a>
27639                        <span class="arrow"></span>
27640                <ul
27641            class="navigation-nav--sub-menu"
27642                    >
27643                            <li class="navigation-nav--sub-item">
27644    <a
27645        href="https://walkin-chiro.com/services/massage-therapy/faqs"
27646        href="#"
27647            >
27648                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
27649                Massage Therapy FAQs
27650    </a>
27651    </li>
27652                                    </ul>
27653    </li>
27654                                    <li class="navigation-nav--separator">&nbsp;</li>
27655                                            <li class="navigation-nav--sub-item">
27656    <a
27657        href="https://walkin-chiro.com/services/sports-injury-chiropractic-care"
27658        href="#"
27659            >
27660                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
27661                Sports Injury Chiropractic Care
27662    </a>
27663    </li>
27664                                    </ul>
27665    </li>
27666                                                                    <li class="navigation-nav--separator">&nbsp;</li>
27667                                                                                            <li class="navigation-nav--item">
27668    <a
27669        
27670        href="#"
27671            >
27672                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
27673                Meet Us
27674    </a>
27675                        <button
27676                type="button"
27677                class="arrow"
27678                aria-label="Toggle Meet Us sub menu"
27679            ></button>
27680                <ul
27681            class="navigation-nav--sub-menu"
27682             id="a216064e-fa2f-47b8-af2a-33f9504f1bc7-panel-3"         >
27683                            <li class="navigation-nav--sub-item">
27684    <a
27685        href="https://walkin-chiro.com/our-doctors"
27686        href="#"
27687            >
27688                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
27689                Our Doctors
27690    </a>
27691    </li>
27692                                    <li class="navigation-nav--separator">&nbsp;</li>
27693                                            <li class="navigation-nav--sub-item">
27694    <a
27695        href="https://walkin-chiro.com/our-staff"
27696        href="#"
27697            >
27698                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
27699                Our Staff
27700    </a>
27701    </li>
27702                                    </ul>
27703    </li>
27704                                                                    <li class="navigation-nav--separator">&nbsp;</li>
27705                                                                                            <li class="navigation-nav--item">
27706    <a
27707        href="https://walkin-chiro.com/contact-us"
27708        href="#"
27709            >
27710                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
27711                Contact Us
27712    </a>
27713    </li>
27714                                                                    <li class="navigation-nav--separator">&nbsp;</li>
27715                                                                                            <li class="navigation-nav--item">
27716    <a
27717        href="https://walkin-chiro.com/book-chiropractic"
27718        href="#"
27719            >
27720                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
27721                Book Chiropractic
27722    </a>
27723    </li>
27724                                                                    <li class="navigation-nav--separator">&nbsp;</li>
27725                                                                                            <li class="navigation-nav--item">
27726    <a
27727        href="https://booksy.com/en-us/689575_innovative-chiropractic-rehab-massage_other_39188_bothell"
27728        href="https://booksy.com/en-us/689575_innovative-chiropractic-rehab-massage_other_39188_bothell"
27729                    target="_blank" rel="noopener noreferrer"
27730            >
27731                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
27732                Book Massage
27733    </a>
27734    </li>
27735                                                                    <li class="navigation-nav--separator">&nbsp;</li>
27736                                                                                            <li class="navigation-nav--item">
27737    <a
27738        href="https://walkin-chiro.com/payment-options"
27739        href="#"
27740            >
27741                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
27742                Payment Options
27743    </a>
27744    </li>
27745                                                                    <li class="navigation-nav--separator">&nbsp;</li>
27746                                                                                            <li class="navigation-nav--item">
27747    <a
27748        href="https://walkin-chiro.com/reviews"
27749        href="#"
27750            >
27751                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
27752                Reviews
27753    </a>
27754    </li>
27755                                                                    <li class="navigation-nav--separator">&nbsp;</li>
27756                                                                                            <li class="navigation-nav--item">
27757    <a
27758        href="https://walkin-chiro.com/chiropractic-topics"
27759        href="#"
27760            >
27761                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
27762                Chiropractic Topics
27763    </a>
27764    </li>
27765                                                                    <li class="navigation-nav--separator">&nbsp;</li>
27766                                                                                            <li class="navigation-nav--item">
27767    <a
27768        href="https://walkin-chiro.com/blog"
27769        href="#"
27770            >
27771                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
27772                Blog
27773    </a>
27774    </li>
27775                                                                                    </ul>
27776                    </nav>
27777                            </div>
27778        </div>
27779    </div>
27780</wm-menu>
27781    </div>
27782</wm-cell>
27783    <!-- Column:cell_3_3 -->
27784<wm-cell id="a216064d-5489-4735-8654-530da280ed70" class="wmc wmc_column " style="--columnRatio:25;--minHeightMobile:143.25px;--minHeightTablet:327px;--minHeightDesktop:363.27777099609375px;--gridPositionMobile:3;--gridPositionTablet:3;--gridPositionDesktop:3;">
27785    <div class="wml wml_rows">
27786        <div class="wms_background">
27787            <div class="wmc_color_layer "
27788    style=""
27789         data-animate-observe="a216064d-5489-4735-8654-530da280ed70" >
27790</div>
27791        </div>
27792        <!-- Text:text_1 -->
27793<div id="a216064d-60f4-43bd-be8e-d82fc29c97d4" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.38px;--minHeightDesktop:24.5px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
27794            >
27795    <div class="wml">
27796        <div style class="wmcM_paragraph3"><span style="--letterSpacingDesktop: 2px; --fontWeightDesktop: 700;
27796 --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilyPrimary)">OUR LOCATION</span></div>
27797    </div>
27798</div>
27799    <!-- Text:text_1 -->
27800<div id="a216064d-62ed-4edc-b88c-6619ec866fec" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:320px;--widthTablet:168px;--widthDesktop:290px;--marginTopMobile:12.00px;--marginTopTablet:12.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:15.32px;--minHeightDesktop:31px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
27801            >
27802    <div class="wml">
27803        <div class="wmcM_paragraph3" style><span style="--textColorDesktop: rgba(var(--colorBwGradientJ),1);">1700 132nd Street SE&comma; Suite C</span><br /><span style="--textColorDesktop: rgba(var(--colorBwGradientJ),1);">Mill Creek, WA 98012</span></div>
27804    </div>
27805</div>
27806    <!-- Button:button_1 -->
27807<div id="a2178cd5-99f4-4ece-bbe2-80823c11fe47" class="wmc wmc_button wmcM_animateHover wmcM_containerSizeFull" style="--widthMobile:200px;--widthTablet:200px;--widthDesktop:208px;--flexGapDesktop:4px;--marginTopMobile:0px;--marginTopTablet:0px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:28.57px;--minHeightDesktop:41px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:none;--marginLeftDesktop:-110px;--paddingLeftMobile:0px;--paddingLeftTablet:0px;--paddingTopDesktop:10px;--borderRightDesktop:none;--gridPositionMobile:5;--gridPositionTablet:5;--marginBottomMobile:0px;--marginBottomTablet:0px;--paddingLeftDesktop:0px;--paddingRightMobile:10px;
27807--paddingRightTablet:10px;--borderBottomDesktop:none;--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:0px;--paddingBottomDesktop:10px;--borderTopDesktopHover:none;--borderLeftDesktopHover:none;--borderRightDesktopHover:none;--borderBottomDesktopHover:none;--borderRadiusDesktopHover:0px 0px 0px 0px;--flexJustifyContentDesktop:start;--transitionDurationMsDesktopHover:500;">
27808    <a href="tel:4253381555" class="wml wml_button">
27809        <span class="wms_background">
27810            <div class="wmc_color_layer "
27811    style=""
27812         data-animate-observe="a2178cd5-99f4-4ece-bbe2-80823c11fe47" >
27813</div>
27814        </span>
27815        <span class="wms_button">
27816            <!-- Button.Text:button_text -->
27817<span id="a2178cd5-8e5c-4509-a28b-0f07bd365b61" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
27818    <span class="wml">
27819        <p style class="wmcM_paragraph3"><span style="--letterSpacingDesktop: 1px; --fontWeightDesktop: 400; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --textColorDesktopHover: rgba(var(--colorPrimaryI),1)">Phone: &lpar;425&rpar; 338-1555</span></p>
27820    </span>
27821</span>
27822            <!-- Button.Icon:button_icon -->
27823<span id="a2178cd5-7db8-4512-bec4-b93858558ced" class="wmc wmc_icon wmc_buttonIcon wmcM_empty" style="--iconSizeDesktop:16px;--iconColorDesktop:rgba(var(--colorPrimaryC),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:16px;--iconColorDesktopHover:rgba(var(--colorPrimaryB),1);--iconSizeDesktopActive:16px;">
27824    <span class="wml wml_icon">
27825        <i style="mask: url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023) center / contain no-repeat"></i>
27826    </span>
27827</span>
27828        </span>
27829    </a>
27830</div>
27831    <!-- Button:button_1 -->
27832<div id="a2178d03-64aa-45c7-9084-caa376540f0f" class="wmc wmc_button wmcM_animateHover wmcM_containerSizeFull" style="--widthMobile:200px;--widthTablet:200px;--widthDesktop:208px;--flexGapDesktop:4px;--marginTopMobile:0px;--marginTopTablet:0px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.00px;--minHeightDesktop:41px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:none;--marginLeftDesktop:-51px;--paddingLeftMobile:0px;--paddingLeftTablet:0px;--paddingTopDesktop:10px;--borderRightDesktop:none;--gridPositionMobile:6;--gridPositionTablet:6;--marginBottomMobile:0px;--marginBottomTablet:0px;--paddingLeftDesktop:0px;--paddingRightMobile:10px;
27832--paddingRightTablet:10px;--borderBottomDesktop:none;--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:4;--marginBottomDesktop:1.82px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:0px;--paddingBottomDesktop:10px;--borderTopDesktopHover:none;--borderLeftDesktopHover:none;--borderRightDesktopHover:none;--borderBottomDesktopHover:none;--borderRadiusDesktopHover:0px 0px 0px 0px;--flexJustifyContentDesktop:start;--transitionDurationMsDesktopHover:500;">
27833    <a href="tel:4253381555" class="wml wml_button">
27834        <span class="wms_background">
27835            <div class="wmc_color_layer "
27836    style=""
27837         data-animate-observe="a2178d03-64aa-45c7-9084-caa376540f0f" >
27838</div>
27839        </span>
27840        <span class="wms_button">
27841            <!-- Button.Text:button_text -->
27842<span id="a2178d03-6068-4acf-aead-3da1b065462f" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
27843    <span class="wml">
27844        <p style class="wmcM_paragraph3"><span style="--letterSpacingDesktop: 1px; --fontWeightDesktop: 400; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --textColorDesktopHover: rgba(var(--colorPrimaryI),1)">Fax: &lpar;425&rpar; 338-0765</span></p>
27845    </span>
27846</span>
27847            <!-- Button.Icon:button_icon -->
27848<span id="a2178d03-5856-4953-9eb5-88e11814d0cc" class="wmc wmc_icon wmc_buttonIcon wmcM_empty" style="--iconSizeDesktop:16px;--iconColorDesktop:rgba(var(--colorPrimaryC),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:16px;--iconColorDesktopHover:rgba(var(--colorPrimaryB),1);--iconSizeDesktopActive:16px;">
27849    <span class="wml wml_icon">
27850        <i style="mask: url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023) center / contain no-repeat"></i>
27851    </span>
27852</span>
27853        </span>
27854    </a>
27855</div>
27856    </div>
27857</wm-cell>
27858    </div>
27859</wm-columns>
27860    </div>
27861</section>
27862    <!-- Menu:menu_2 -->
27863<wm-menu id="a2160657-03e6-4cf6-ab79-f91ae7e71e7f" class="wmc wmc_menu wmcM_animateHover wmcM_menuHorizontalDesktop wmcM_menuHorizontalMobile wmcM_menuHorizontalTablet"
27864    style="--zIndex:0;--widthMobile:320px;--widthTablet:525px;--widthDesktop:525px;--marginTopMobile:24.00px;--marginTopTablet:14.99px;--marginLeftMobile:0px;--marginLeftTablet:89px;--marginTopDesktop:20.88px;--minHeightDesktop:51.5px;--marginLeftDesktop:377.5px;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:11.00px;--marginBottomTablet:-0.00px;--gridPositionDesktop:3;--marginBottomDesktop:48.55px;--horizontalNavItemFontDesktop:var(--fontFamilySecondary);--horizontalNavArrowSizeDesktop:24px;--horizontalNavArrowColorDesktop:rgba(var(--colorBwGradientJ),1);--horizontalNavArrowRotateDesktop:rotate(0deg);--horizontalNavSubItemFontDesktop:var(--fontFamilySecondary);--horizontalNavArrowSpacingDesktop:8px;--horizontalNavBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavItemFontSizeDesktop:12px;--horizontalNavItemFontColorDesktop:rgba(var(--colorBwGradientJ),1);--horizontalNavSubArrowColorDesktop:rgba(var(--colorBwGradientJ),1);--horizontalNavSubPaddingTopDesktop:16px;--horizontalNavItemPaddingTopDesktop:0px;--horizontalNavSeparatorColorDesktop:rgba(var(--colorBwGradientJ),1);--horizontalNavSeparatorWidthDesktop:1px;--horizontalNavArrowColorHoverDesktop:rgba(var(--colorPrimaryG),1);--horizontalNavItemPaddingLeftDesktop:0px;--horizontalNavSubItemFontSizeDesktop:16px;--horizontalNavItemBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavItemPaddingRightDesktop:0px;--horizontalNavSeparatorDisplayDesktop:block;--horizontalNavSeparatorSpacingDesktop:24px;--horizontalNavSubItemFontColorDesktop:rgba(var(--colorBwGradientJ),1);--horizontalNavSubPaddingBottomDesktop:16px;--horizontalNavItemPaddingBottomDesktop:0px;--horizontalNavSubItemFontWeightDesktop:bold;--horizontalNavSubItemPaddingTopDesktop:16px;--horizontalNavItemHoverFontColorDesktop:rgba(var(--colorPrimaryI),1);--horizontalNavSubArrowColorHoverDesktop:rgba(var(--colorPrimaryG),1);--horizontalNavSubItemPaddingLeftDesktop:24px;
27864--horizontalNavSubItemBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavSubItemPaddingRightDesktop:24px;--horizontalNavSubItemPaddingBottomDesktop:16px;--horizontalNavItemBorderRadiusHoverDesktop:0px 0px 0px 0px;--horizontalNavSubItemHoverFontColorDesktop:rgba(var(--colorPrimaryG),1);--horizontalNavItemHoverBackgroundColorDesktop:rgba(var(--colorBwGradientD),0);--horizontalNavSubContainerBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavSubContainerBackgroundColorDesktop:rgba(var(--colorPrimaryA),1);--horizontalNavSubItemHoverBackgroundColorDesktop:rgba(var(--colorPrimaryB),1);--wmd_hamburgerIconUrl:url(https://storage.evona.app/w%2Fm%2F1%2Fa%2F7%2Fc%2Fwm1a7c5511e74b9c0b5d411b7e00724155047ef9);--wmd_caretIconUrl:url(https://storage.evona.app/w%2Fm%2F1%2Fa%2Fd%2F4%2Fwm1ad45e74b7e8f03b24851676d8d73e17aaaadf);--wmd_submenuCaretIconUrl:url(https://storage.evona.app/w%2Fm%2Ff%2F1%2Fe%2F9%2Fwmf1e986a44c63405380e03d88a9afcb0aa16c56);"
27865    data-parent-menu-to-submenu="false"
27866    data-more-menu="false"
27867    data-more-menu-text="More">
27868    <div class="wml">
27869        <div class="wms_content">
27870            <div class="navigation-module-container">
27871                <button class="hamburger-button">
27872                    <span class="hamburger-button-icon--container">
27873                        <span class="hamburger-button-icon"></span>
27874                        <span
27875                            class="hamburger-button-text visually-hidden"
27876                        >
27877                            
27878                            MENU
27879                        </span>
27880                    </span>
27881                </button>
27882                                    <nav class="navigation-nav">
27883                        <ul class="navigation-nav--main-menu">
27884                                                            <li class="navigation-nav--item">
27885    <a
27886        href="https://imatrix.com/chiropractic-marketing/"
27887        href="https://imatrix.com/chiropractic-marketing/"
27888                    target="_blank" rel="noopener noreferrer"
27889            >
27890                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
27891                Copyright © 2025 MH Sub I, LLC dba iMatrix
27892    </a>
27893    </li>
27894                                                                    <li class="navigation-nav--separator">&nbsp;</li>
27895                                                                                            <li class="navigation-nav--item">
27896    <a
27897        href="https://loginv2.chiromatrixbase.com/auth/realms/imatrix/protocol/openid-connect/auth?state=84a623ff72f19dfbb3d5fbedc5c50359&scope=openid%20email%20brand%20smbportalapi%20profile&response_type=code&approval_prompt=auto&redirect_uri=https%3A%2F%2Fportal.chiromatrixbase.com%2Fsite%2Flogin&client_id=smb-portal-chiromatrix"
27898        href="https://loginv2.chiromatrixbase.com/auth/realms/imatrix/protocol/openid-connect/auth?state=84a623ff72f19dfbb3d5fbedc5c50359&amp;scope=openid%20email%20brand%20smbportalapi%20profile&amp;response_type=code&amp;approval_prompt=auto&amp;redirect_uri=https%3A%2F%2Fportal.chiromatrixbase.com%2Fsite%2Flogin&amp;client_id=smb-portal-chiromatrix"
27899                    target="_blank" rel="noopener noreferrer"
27900            >
27901                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
27902                Admin Log In
27903    </a>
27904    </li>
27905                                                                    <li class="navigation-nav--separator">&nbsp;</li>
27906                                                                                            <li class="navigation-nav--item">
27907    <a
27908        href="https://www.internetbrands.com/privacy/privacy-main"
27909        href="https://www.internetbrands.com/privacy/privacy-main"
27910                    target="_blank" rel="noopener noreferrer"
27911            >
27912                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
27913                Privacy Policy
27914    </a>
27915    </li>
27916                                                                    <li class="navigation-nav--separator">&nbsp;</li>
27917                                                                                            <li class="navigation-nav--item">
27918    <a
27919        href="https://walkin-chiro.com/site-map"
27920        href="#"
27921            >
27922                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
27923                Site Map
27924    </a>
27925    </li>
27926                                                                                    </ul>
27927                    </nav>
27928                            </div>
27929        </div>
27930    </div>
27931</wm-menu>
27932    </div>
27933</section>
27934        </main>
27935
27936
27937
27938
27939    
27939<script type="text/wmdjs" src="//smbleads.ibsmb.com/js/CampaignTracker.min.js"></script>
vendor: 77 bytes, lines 27939-27940
27939
27940    <script type="text/wmdjs" src="//www.google.com/recaptcha/api.js?render=
279406LfrgcArAAAAAO-cf15JEPqXF8eU6WKU-cmP22zt
vendor: 16 bytes, lines 27940-27941
27940"></script>
27941    
27941<script type="text/wmdjs" src="//www.googletagmanager.com/gtag/js?id=G-YNSVLVS809"></script>
27941
27942
27943
27944<!-- Footer Tags -->
27945<!-- start number replacer -->
27946<script type="text/wmdjs"  >
27947  _ctRewriteUrl = "https://apps.chiromatrixbase.com/CallTracking/RewriteRule/clientId/20654?app=CallLeads"; 
27948</script>
vendor: 1 bytes, line 27948
27948
27949<script type="text/wmdjs" src="https://apps.chiromatrixbase.com/js/smb-number-changer.js" >
27950</script>
vendor: 1 bytes, line 27950
27950
27951<script type="text/wmdjs"  ><!--
27952vs_account_id = "7607415"; 
27953//--></script>
27953
27954<!-- end ad widget -->
27955
27956<script type="text/wmdjs"  >
27957/*<![CDATA[*/
27958window._rwREEl = (window._rwREEl || []).concat(
27959  JSON.parse(
27960    '{"el_id":"71bb18cc-abbc-4482-b5ae-dead78d07a3d","mode":"badge","pos":"bottom-left","key":"11392-28ec-68d4-6901-e7ea"}'
27961  )
27962);
27963/*]]>*/
27964</script>
27964
27965
27966<script type="text/wmdjs" src="https://rw-embed-data.s3.amazonaws.com/11392-28ec-68d4-6901-e7ea.js" ></script>
27966
27967
27968<script type="text/wmdjs" src="https://cdn.reviewwave.com/js/reviews_embed.js" ></script>
27968
27969
27970<!-- Call Tracking -->
27971<script type="text/javascript">
27972    _ctRewriteUrl = "https://apps.chiromatrixbase.com/CallTracking/RewriteRule/clientId/20654";
27973</script>
27973
27974
27975<script
27976    type="text/wmdjs"
27977    src="https://apps.chiromatrixbase.com/js/smb-number-changer.js?date=20261007"
27978    defer
27979></script>
27979
27980
27981
27982<!-- Accessibility -->
27983<script
27984    type="text/wmdjs"
27985    data-position="5"
27986    data-account="RcNKI7Xfag"
27987    src="https://cdn.userway.org/widget.js"
27988    defer
27989></script>
27989
27990
27991
27992<!-- Body Before Closing -->
27993
27994
27995<script type="text/javascript">/* core/wm-defer.js */
27996;(() => {
27997    'use strict';
27998
27999    // lazy load deferred JS scripts
28000    function lazyLoadScripts() {
28001        document
28002            .querySelectorAll("script[type='text/wmdjs']")
28003            .forEach(el => {
28004                const newEl = document.createElement('script');
28005                const src = el.getAttribute('data-src') ?? null;
28006                try {
28007                    // copy attributes
28008                    el.getAttributeNames().forEach(name => {
28009                        if (name !== 'data-src') {
28010                            try {
28011                                newEl.setAttribute(name, el.getAttribute(name));
28012                            } catch (ignoredErr) {
28013                                // ignore unqualified/invalid attributes
28014                            }
28015                        }
28016                    });
28017
28018                    // copy src of the script or the embedded script
28019                    if (src) {
28020                        newEl.src = src;
28021                    } else {
28022                        newEl.innerHTML = el.innerHTML ?? '';
28023                    }
28024
28025                    // insert the actual script
28026                    newEl.type = 'text/javascript';
28027                    el.insertAdjacentElement('beforebegin', newEl);
28028                    el.remove();
28029                } catch (err) {
28030                    console.error('Error invoking script element', el, newEl, err);
28031                }
28032            });
28033    }
28034
28035    if (!globalThis.wmUserInteraction) {
28036        window.addEventListener('wm-user-interaction', lazyLoadScripts, { once: true });
28037    } else {
28038        lazyLoadScripts();
28039    }
28040})();
28041</script>
vendor: 1 bytes, line 28041
28041
28042<script type="text/javascript">/* core/user-interaction.js */
28043;(() => {
28044
28045    class WmUserInteractionEvent extends CustomEvent {
28046        constructor(detail = null) {
28047            super('wm-user-interaction', { detail });
28048        }
28049    }
28050
28051    function doInit() {
28052        const interactionEvents = ['mousemove', 'mousedown', 'keydown', 'touchmove', 'touchstart'];
28053
28054        const timeInit = Date.now();
28055        const triggerDelay = 500;
28056        const minDelay = 1000;
28057        const maxDelay = 20000;
28058        const scrollThreshold = 50;
28059        let initialScroll = null;
28060
28061        // schedule dispatching after the maximum timeout
28062        const timer = setTimeout(dispatch, maxDelay);
28063        // initiate dispatching on user interaction
28064        interactionEvents.forEach(e => {
28065            window.addEventListener(e, dispatch);
28066        });
28067        window.addEventListener('scroll', scrollDetect);
28068
28069        function scrollDetect() {
28070            if (initialScroll === null) {
28071                initialScroll = window.scrollY;
28072            }
28073            if (Math.abs(window.scrollY - initialScroll) > scrollThreshold) {
28074                dispatch();
28075            }
28076        }
28077
28078        function dispatch() {
28079            // calculate the remaining trigger delay and ignore dispatch if it's not yet reached
28080            const timeDiff = Date.now() - timeInit;
28081            const triggerRemaining = (triggerDelay > timeDiff) ? (triggerDelay - timeDiff) : 0;
28082            if (triggerRemaining > 0) {
28083                return;
28084            }
28085
28086            // if reached, remove all triggers
28087            clearTimeout(timer);
28088            interactionEvents.forEach(e => {
28089                window.removeEventListener(e, dispatch);
28090            });
28091            window.removeEventListener('scroll', scrollDetect);
28092
28093            // calculate the remaining delay and dispatch as soon as allowed
28094            const timeRemaining = (minDelay > timeDiff) ? (minDelay - timeDiff) : 0;
28095
28096            if (timeRemaining > 0) {
28097                setTimeout(doDispatch, timeRemaining);
28098            } else {
28099                doDispatch();
28100            }
28101        }
28102    }
28103
28104    function doDispatch() {
28105        console.debug('interaction: dispatch');
28106        globalThis.wmUserInteraction = true;
28107        window.dispatchEvent(new WmUserInteractionEvent);
28108    }
28109
28110    function init() {
28111        if (globalThis.wmUserInteraction) return;
28112
28113        if (!globalThis.WMConstants.initialAutoStart) {
28114            doDispatch();
28115            return;
28116        }
28117
28118        doInit();
28119    }
28120
28121    if (!globalThis.wmDevice) {
28122        window.addEventListener('wm-device-ready', init, { once: true });
28123    } else {
28124        init();
28125    }
28126})();
28127</script>
vendor: 1 bytes, line 28127
28127
28128<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"d196281c546147658464881553a5d35e","r":1,"spa":2}' crossorigin="anonymous"></script>
28128
28129</body>
28130</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.