PageSourceSearch

https://www.whitehousechironj.com/contact

html whitehousechironj.com collected 2026-10-04 12:46:18 UTC 1,192,654 bytes, 23,875 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="aBRcpHTIl0fiGejgmmOSk46amgq9uvbaLfYVXbMI">
7    <meta name="description" content="Whitehouse Chiropractic Center provides chiropractic care. Dr. Eric Whitehouse is a Westfield Chiropractor, call us today at 908-654-0500!!">
8    <meta name="keywords" content="{CITY}, Chiropractor, Chiropractic, Chiropractic Care, {STATE}">
9    <meta name="robots" content="index, follow">
10
11    <!-- OpenGraphMeta -->
12    <meta property="og:title" content="Chiropractor in Westfield | Contact Us in Westfield | Whitehouse Chiropractic Center"/>
13    <meta property="og:type" content="website"/>
14    <meta property="og:description" content="Whitehouse Chiropractic Center provides chiropractic care. Dr. Eric Whitehouse is a Westfield Chiropractor, call us today at 908-654-0500!!"/>
15    <meta property="og:url" content="https://www.whitehousechironj.com/contact"/>
16
17
18    <!-- Matomo -->
19    
20
21    <title>Chiropractor in Westfield | Contact Us in Westfield | Whitehouse Chiropractic Center</title>
22
23    <!-- Google Tag -->
24<script type="text/wmdjs">
25    
vendor: 156 bytes, lines 25-32
25window.dataLayer = window.dataLayer || [];
26
27    function gtag() {
28        dataLayer.push(arguments);
29    }
30
31    gtag('js', new Date());
32    gtag('config', '
32UA-273128010-1
vendor: 16 bytes, lines 32-33
32');
33            
33gtag('event', 'page_view', {'send_to': 'G-6GZ5S3ZSDZ'});
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 > .wmc_color_layer,
417        .wml_icon > i,
418        .wmc_text > .wml *,
419        &.wmc_text > .wml * {
420            transition: background-color var(--transitionDurationHover) var(--transitionEasingHover),
421            box-shadow var(--transitionDurationHover) var(--transitionEasingHover),
422            opacity var(--transitionDurationHover) var(--transitionEasingHover),
423            filter var(--transitionDurationHover) var(--transitionEasingHover),
424            color var(--transitionDurationHover) var(--transitionEasingHover),
425            transform var(--transitionDurationHover) var(--transitionEasingKineticHover),
426            border-top var(--transitionDurationHover) var(--transitionEasingHover),
427            border-right var(--transitionDurationHover) var(--transitionEasingHover),
428            border-bottom var(--transitionDurationHover) var(--transitionEasingHover),
429            border-left var(--transitionDurationHover) var(--transitionEasingHover),
430            border-color var(--transitionDurationHover) var(--transitionEasingHover),
431            border-width var(--transitionDurationHover) var(--transitionEasingHover),
432            border-radius var(--transitionDurationHover) var(--transitionEasingHover),
433            margin var(--transitionDurationHover) var(--transitionEasingKineticHover),
434            width var(--transitionDurationHover) var(--transitionEasingKineticHover),
435            min-width var(--transitionDurationHover) var(--transitionEasingKineticHover),
436            max-width var(--transitionDurationHover) var(--transitionEasingKineticHover),
437            height var(--transitionDurationHover) var(--transitionEasingKineticHover),
438            min-height var(--transitionDurationHover) var(--transitionEasingKineticHover),
439            max-height var(--transitionDurationHover) var(--transitionEasingKineticHover),
440            top var(--transitionDurationHover) var(--transitionEasingKineticHover),
441            right var(--transitionDurationHover) var(--transitionEasingKineticHover),
442            bottom var(--transitionDurationHover) var(--transitionEasingKineticHover),
443            left var(--transitionDurationHover) var(--transitionEasingKineticHover),
444            font-size var(--transitionDurationHover) var(--transitionEasingHover),
445            font-weight var(--transitionDurationHover) var(--transitionEasingHover),
446            font-style var(--transitionDurationHover) var(--transitionEasingHover),
447            text-decoration var(--transitionDurationHover) var(--transitionEasingHover);
448        }
449
450        .wml_button > .wms_button {
451            transition: padding var(--transitionDurationHover) var(--transitionEasingKineticHover);
452        }
453
454        &:has(> .wml:hover),
455        &:has(> .wml:focus),
456        &:has(> .wml:focus-within),
457        &.wmcA_hoverState {
458            /**
459             NOT (component in active state OR parent in active state)
460             */
461            &:not(.wmcA_activeState, .wmcA_activeState &) {
462                &,
463                    /*
464                        don't transition button icon/text if button parent is hovered
465                    */
466                & .wmc:not(.wmcM_noParentHover, .wmcM_noParentHover > .wml_button > .wms_button .wmc, .wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc),
467                & .wmc:not(.wmcM_noParentHover, .wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc):is(.wml_button:hover .wmc, .wml_button:focus .wmc,  .wml_button:focus-within .wmc),
468                & .wmc:not(.wmcM_noParentHover, .wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc):is(.wmc_button.wmcA_hoverState .wmc),
469                & .wmc_button:not(.wmcM_noParentHover) > .wml_button .wmc:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc) {
470                    --bgColor: var(--bgColorHover);
471                    --marginTop: var(--marginTopHover);
472                    --marginBottom: var(--marginBottomHover);
473                    --marginLeft: var(--marginLeftHover);
474                    --marginRight: var(--marginRightHover);
475                    --offsetLeft: var(--offsetLeftHover);
476                    --offsetRight: var(--offsetRightHover);
477                    --translate: var(--translateHover);
478                    --scale: var(--scaleHover);
479                    --rotate: var(--rotateHover);
480                    --opacity: var(--opacityHover);
481                    --filter: var(--filterHover);
482                    --width: var(--widthHover);
483                    --height: var(--heightHover);
484                    --minWidth: var(--minWidthHover);
485                    --minHeight: var(--minHeightHover);
486                    --maxWidth: var(--maxWidthHover);
487                    --maxHeight: var(--maxHeightHover);
488                    --iconColor: var(--iconColorHover);
489                    --textShadow: var(--textShadowHover);
490                    --borderTop: var(--borderTopHover);
491                    --borderRight: var(--borderRightHover);
492                    --borderBottom: var(--borderBottomHover);
493                    --borderLeft: var(--borderLeftHover);
494                    --borderRadius: var(--borderRadiusHover);
495                    --shadow: var(--shadowHover);
496
497                    /* button and image padding hover (same tokens; nested buttons keep propagation guards) */
498                    &.wmc_image,
499                    &.wmc_button,
500                    & .wmc_button:not(.wmcM_noParentHover):not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc) {
501                        --paddingTop: var(--paddingTopHover);
502                        --paddingRight: var(--paddingRightHover);
503                        --paddingBottom: var(--paddingBottomHover);
504                        --paddingLeft: var(--paddingLeftHover);
505                    }
506
507                    /* text component, pieces of text */
508                    /* When component itself is hovered (text component), apply to its text */
509                    &.wmc_text:not(.wmc_buttonText) > .wml *,
510                    & .wmc_text:not(.wmc_buttonText):not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc) > .wml *,
511                    & .wmc_text:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc):is(.wmc_buttonText:is(.wmc_button.wmcA_hoverState .wmc)) > .wml *,
512                    & .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 *,
513                    & .wmc_button:has(> .wml:hover, > .wml:focus, > .wml:focus-within) .wmc_buttonText:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc) > .wml *,
514                    & .wmc_button:not(.wmcM_noParentHover) > .wml_button .wmc_buttonText:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc) > .wml * {
515                        --fontSize: var(--fontSizeHover);
516                        --fontWeight: var(--fontWeightHover);
517                        --fontStyle: var(--fontStyleHover);
518                        --textColor: var(--textColorHover);
519                        --textDecorationColor: var(--textDecorationColorHover);
520                        --textDecorationLine: var(--textDecorationLineHover);
521                    }
522
523                    &.wmc_icon:not(.wmc_buttonIcon) .wml_icon > i {
524                        --iconSize: var(--iconSizeHover);
525                    }
526                }
527
528                &.wmc_icon:not(.wmc_buttonIcon) .wml_icon > i,
529                & .wmc_icon:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc):is(.wmc_buttonIcon:is(.wmc_button.wmcA_hoverState .wmc)) .wml_icon > i,
530                & .wmc_button:has(> .wml:hover, > .wml:focus, > .wml:focus-within) .wmc_buttonIcon:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc) .wml_icon > i,
531                & .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,
532                & .wmc_button:not(.wmcM_noParentHover) > .wml_button .wmc_icon:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc) .wml_icon > i,
533                & .wmc_button:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc):is(.wmcA_hoverState .wml_icon > i) {
534                    --iconSize: var(--iconSizeHover);
535                }
536
537                /* &.wmc_button .wmc_icon.wmc_buttonIcon {
538                    --rotate: var(--rotateHover);
539                    --iconColor: var(--iconColorHover);
540                    --opacity: var(--opacityHover);
541                } */
542            }
543        }
544
545        &.wmcA_activeState {
546            .wml,
547            .wml > .wms_background,
548            .wml > .wms_background > .wmc_color_layer,
549            .wml_icon > i,
550            .wmc_text > .wml *,
551            &.wmc_text > .wml * {
552                /*
553                @TODO: with this applied, the transition to active is immediate without animation
554                @TODO: with this left out, the transition to active is animated, but had a little jitter
555                       fixed by also adding a "not active" condition for hover (above)
556                       needs to be checked for other components which have (or will have) active state
557                */
558                /*transition: none;*/
559            }
560
561            &,
562            & .wmc {
563                --bgColor: var(--bgColorActive);
564                --marginTop: var(--marginTopActive);
565                --marginBottom: var(--marginBottomActive);
566                --marginLeft: var(--marginLeftActive);
567                --marginRight: var(--marginRightActive);
568                --offsetLeft: var(--offsetLeftActive);
569                --offsetRight: var(--offsetRightActive);
570                --translate: var(--translateActive);
571                --scale: var(--scaleActive);
572                --rotate: var(--rotateActive);
573                --opacity: var(--opacityActive);
574                --filter: var(--filterActive);
575                --width: var(--widthActive);
576                --height: var(--heightActive);
577                --minWidth: var(--minWidthActive);
578                --minHeight: var(--minHeightActive);
579                --maxWidth: var(--maxWidthActive);
580                --maxHeight: var(--maxHeightActive);
581                --iconColor: var(--iconColorActive);
582
583                --textShadow: var(--textShadowActive);
584
585                --borderTop: var(--borderTopActive);
586                --borderRight: var(--borderRightActive);
587                --borderBottom: var(--borderBottomActive);
588                --borderLeft: var(--borderLeftActive);
589                --borderRadius: var(--borderRadiusActive);
590                --shadow: var(--shadowActive);
591
592                /* text component, pieces of text */
593                &.wmc_text > .wml * {
594                    --fontSize: var(--fontSizeActive);
595                    --fontWeight: var(--fontWeightActive);
596                    --fontStyle: var(--fontStyleActive);
597                    --textColor: var(--textColorActive);
598                    --textDecoration: var(--textDecorationActive);
599                }
600            }
601        }
602    }
603
604    &.wmcA_noTransition {
605        .wml,
606        .wml > .wms_background,
607        .wml > .wms_background > .wmc_color_layer,
608        .wml_icon > i,
609        .wmc_text > .wml *,
610        &.wmc_text > .wml * {
611            transition: none !important;
612        }
613    }
614}
615
616.wmcM_animateEntry {
617    --transitionDelayMsDesktopEntry: 0;
618    --transitionDurationMsDesktopEntry: 0;
619    --transitionEasingDesktopEntry: var(--transitionEasingPresetEase);
620    --transitionEasingKineticDesktopEntry: var(--transitionEasingPresetEase);
621    --translateDesktopEntry: var(--translateDesktop);
622    --scaleDesktopEntry: var(--scaleDesktop);
623    --rotateDesktopEntry: var(--rotateDesktop);
624    --opacityDesktopEntry: var(--opacityDesktop);
625    --filterDesktopEntry: var(--filterDesktop);
626    --filterDesktopEntryNormal: var(--filterDesktop);
627
628    --transitionDelayMsEntry: var(--transitionDelayMsDesktopEntry);
629    --transitionDurationMsEntry: var(--transitionDurationMsDesktopEntry);
630    --transitionEasingEntry: var(--transitionEasingDesktopEntry);
631    --transitionEasingKineticEntry: var(--transitionEasingKineticDesktopEntry);
632    --translateEntry: var(--translateDesktopEntry);
633    --scaleEntry: var(--scaleDesktopEntry);
634    --rotateEntry: var(--rotateDesktopEntry);
635    --opacityEntry: var(--opacityDesktopEntry);
636    --filterEntry: var(--filterDesktopEntry);
637    --filterEntryNormal: var(--filterDesktopEntryNormal);
638}
639
640.wml {
641    position: relative;
642    pointer-events: auto;
643    grid-column: var(--containerSize);
644    margin-top: var(--marginTop);
645    margin-bottom: var(--marginBottom);
646    margin-left: var(--marginLeft);
647    width: var(--width);
648    height: var(--height);
649    max-width: var(--maxWidth);
650    max-height: var(--maxHeight);
651    min-width: var(--minWidth);
652    min-height: var(--minHeight);
653    z-index: var(--zIndex);
654
655    transition: none;
656    /* filters: brightness, contrast, saturate, grayscale, invert, sepia, blur, drop-shadow, url(#svgFilterId) */
657    filter: var(--filter);
658    /* opacity: could be in the filters too, but it's better to do it with this dedicated css property */
659    opacity: var(--opacity);
660}
661
662.wml:not(.wml_icon) {
663    transform-origin: var(--transformOrigin);
664    transform: var(--translate) var(--scale) var(--rotate);
665}
666
667.wml_icon > i {
668    transform-origin: var(--transformOrigin);
669    transform: var(--translate) var(--scale) var(--rotate);
670}
671
672.wml_rows {
673    display: grid;
674    pointer-events: none;
675    grid-template-rows: repeat(48, min-content) 1fr;
676}
677
678.wml_columns {
679    display: grid;
680    pointer-events: none;
681    grid-template-columns: var(--wm_columnsRatios);
682    grid-gap: var(--columnsGap);
683    padding: var(--columnsPadding);
684}
685
686.wmc_section {
687    --containerSize: wm_full;
688}
689
690.wmc_globalContent {
691    --containerSize: wm_full;
692}
693
694.wmc_placeholder {
695    --containerSize: wm_full;
696}
697
698.wmc_shelf {
699    height: min-content;
700    --marginLeft: 0px !important;
701    --minWidth: initial !important;
702    --maxWidth: initial !important;
703    --width: initial !important;
704}
705
706.wmc_columns {
707    height: min-content;
708
709    --columnsPaddingDesktop: 0px;
710    --columnsPadding: var(--columnsPaddingDesktop);
711
712    --columnsGapDesktop: 0px;
713    --columnsGap: var(--columnsGapDesktop);
714
715    --wm_columnsCount: 1;
716    --wm_columnsRatiosSum: var(--wm_columnsCount);
717    --wm_columnsRatios: repeat(var(--wm_columnsCount), 1fr);
718    --wm_columnsWidth: calc(var(--contentWidthPage) - (2 * var(--columnsPadding)) - ((var(--wm_columnsCount) - 1) * var(--columnsGap)));
719
720    --marginLeft: 0px;
721    --minWidth: initial;
722    --width: initial;
723
724    & > .wml {
725        height: min-content;
726        min-height: unset;
727        max-height: unset;
728    }
729}
730
731.wmc_column {
732    --containerSize: wm_full;
733    --columnGridPosition: var(--gridPosition);
734    --columnRatio: 1;
735    --contentWidthColumn: calc(var(--wm_columnsWidth) / var(--wm_columnsRatiosSum) * var(--columnRatio));
736    --contentWidthOverride: var(--contentWidthColumn);
737    grid-area: 1 / var(--gridPosition) / 2 / calc(var(--gridPosition) + 1);
738}
739
740/* apply to "this" cell if and only if any of the sibling cells has a child */
741.wmc_columns:has(> .wml_columns > .wmc_column > .wml > .wmc) > .wml_columns > .wmc_column > .wml {
742    height: initial;
743    min-height: initial;
744    max-height: initial;
745}
746
747.wmc.wmcM_containerSizeFull {
748    --containerSize: wm_full;
749    --marginLeft: 0px;
750    --minWidth: initial;
751    --width: initial;
752    --marginLeftDesktopHover: 0px;
753    --minWidthDesktopHover: initial;
754    --widthDesktopHover: initial;
755    --marginLeftDesktopActive: 0px;
756    --minWidthDesktopActive: initial;
757    --widthDesktopActive: initial;
758
759    &.wmcM_animateHover {
760        --marginLeftDesktopHover: 0px;
761        --minWidthDesktopHover: initial;
762        --widthDesktopHover: initial;
763        --marginLeftDesktopActive: 0px;
764        --minWidthDesktopActive: initial;
765        --widthDesktopActive: initial;
766    }
767}
768
769.wmc.wmcM_containerSizeSafe {
770    --containerSize: wm_content;
771    --marginLeft: 0px;
772    --minWidth: initial;
773    --width: initial;
774
775    &.wmcM_animateHover {
776        --marginLeftDesktopHover: 0px;
777        --minWidthDesktopHover: initial;
778        --widthDesktopHover: initial;
779        --marginLeftDesktopActive: 0px;
780        --minWidthDesktopActive: initial;
781        --widthDesktopActive: initial;
782    }
783}
784
785.wmcM_containerAlignLeft {
786    --containerSpaceLeft: 0;
787}
788
789.wmcM_containerAlignRight {
790    --containerSpaceRight: 0;
791}
792
793.wmcM_knockoutEffect > .wml > .wms_background > .wmc_color_layer {
794    background-color: unset;
795}
796
797.wmcM_knockoutEffect > .wml,
798.wmcM_clipOverflow > .wml {
799    overflow: clip;
800}
801
802.wmcM_glassEffect > .wml > .wms_background > .wmc_color_layer {
803    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)), var(--bgColor);
804    backdrop-filter: blur(var(--glassEffectBlur));
805    -webkit-backdrop-filter: blur(var(--glassEffectBlur));
806}
807
808.wmcM_glassEffect > .wml > .wms_background {
809    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
810}
811
812.wms_background {
813    position: absolute;
814    left: 0;
815    top: 0;
816    right: 0;
817    bottom: 0;
818    overflow: hidden;
819    height: 100%;
820    width: 100%;
821    z-index: auto;
822    box-shadow: var(--shadow);
823    border-top: var(--borderTop);
824    border-right: var(--borderRight);
825    border-bottom: var(--borderBottom);
826    border-left: var(--borderLeft);
827    border-radius: var(--borderRadius);
828
829
830    .wmc {
831        --containerSize: wm_full !important;
832        position: absolute;
833        inset: 0;
834        height: 100%;
835
836        .wml {
837            pointer-events: none;
838        }
839    }
840
841    .wmc_video:has(lite-youtube) {
842        overflow: hidden;
843    }
844
845    .wmc_video lite-youtube > iframe {
846        position: absolute;
847        top: 50%;
848        left: 50%;
849        transform: translate(-50%, -50%);
850        border: 0;
851        opacity: var(--mediaOpacity);
852        pointer-events: none;
853
854        min-width: 100%;
855        min-height: 100%;
856        width: 100vw;
857        height: 56.25vw;
858
859        @media (max-aspect-ratio: 16/9) {
860            width: 177.78vh;
861        }
862    }
863}
864
865.wmc_color_layer {
866    position: absolute;
867    inset: 0;
868    pointer-events: none;
869    background-color: var(--bgColor);
870    opacity: var(--bgColorOpacity);
871    --bgColorOpacityDesktop: 1;
872    --bgColorOpacity: var(--bgColorOpacityDesktop);
873}
874
875/*
876 * Reset the values for real color layers only. These changes break Default Fill if not isolated.
877 * TODO: this is a stopgap keyed off a DOM attribute; a modifier class from
878 *  the blade side (e.g. distinguishing default-fill vs array layers) would
879 *  be the cleaner long-term fix.
880 */
881.wmc_color_layer[data-layer-id] {
882    --bgColorDesktop: initial;
883    --bgColorTablet: initial;
884    --bgColorMobile: initial;
885    --bgColor: var(--bgColorDesktop);
886}
887
888.wmc_gradient_layer {
889    position: absolute;
890    inset: 0;
891    pointer-events: none;
892    background: var(--bgGradient);
893    background-size: var(--bgGradientSize, 100% 100%);
894    background-position: var(--bgGradientPosition);
895    opacity: var(--bgGradientOpacity);
896    --bgGradient: var(--bgGradientDesktop);
897    --bgGradientOpacity: var(--bgGradientOpacityDesktop);
898}
899
900
901.wmc_button {
902    --paddingTopDesktop: 0px;
903    --paddingBottomDesktop: 0px;
904    --paddingLeftDesktop: 0px;
905    --paddingRightDesktop: 0px;
906    --paddingTopDesktopHover: var(--paddingTopDesktop);
907    --paddingBottomDesktopHover: var(--paddingBottomDesktop);
908    --paddingLeftDesktopHover: var(--paddingLeftDesktop);
909    --paddingRightDesktopHover: var(--paddingRightDesktop);
910    --flexGapDesktop: 0px;
911    --flexDirectionDesktop: row;
912    --flexAlignItemsDesktop: center;
913    --flexJustifyItemsDesktop: center;
914    --flexJustifyContentDesktop: center;
915
916    --paddingTopHover: var(--paddingTopDesktopHover);
917    --paddingRightHover: var(--paddingRightDesktopHover);
918    --paddingBottomHover: var(--paddingBottomDesktopHover);
919    --paddingLeftHover: var(--paddingLeftDesktopHover);
920
921    --paddingTop: var(--paddingTopDesktop);
922    --paddingBottom: var(--paddingBottomDesktop);
923    --paddingLeft: var(--paddingLeftDesktop);
924    --paddingRight: var(--paddingRightDesktop);
925    --flexGap: var(--flexGapDesktop);
926    --flexDirection: var(--flexDirectionDesktop);
927    --flexAlignItems: var(--flexAlignItemsDesktop);
928    --flexJustifyItems: var(--flexJustifyItemsDesktop);
929    --flexJustifyContent: var(--flexJustifyContentDesktop);
930}
931
932.wml_button {
933    display: grid;
934}
935
936.wmc_button > .wml_button > .wms_button {
937    display: flex;
938    padding: var(--paddingTop) var(--paddingRight) var(--paddingBottom) var(--paddingLeft);
939    gap: var(--flexGap);
940    flex-direction: var(--flexDirection);
941    align-items: var(--flexAlignItems);
942    justify-items: var(--flexJustifyItems);
943    justify-content: var(--flexJustifyContent);
944}
945
946.wml_button > .wms_button > .wmc_text * {
947    line-height: normal;
948    text-align-last: var(--textAlign);
949
950    &.wml :is(
951    div, p, wm-p, h1, h2, h3, h4, h5, h6,
952    .wmcM_paragraph1, .wmcM_paragraph2, .wmcM_paragraph3, .wmcM_paragraph4,
953    .wmcM_heading1, .wmcM_heading2, .wmcM_heading3, .wmcM_heading4, .wmcM_heading5, .wmcM_heading6,
954    .wmcM_title1, .wmcM_title2, .wmcM_title3
955    ):has(span) {
956        --fontSize: 0px;
957        --fontSizeHover: 0px;
958        --fontSizeActive: 0px;
959        --lineHeight: 0px;
960    }
961}
962
963.wml_button > .wms_button > .wmc,
964.wml_button > .wms_button > .wmc > .wml {
965    display: block;
966    width: initial;
967    height: initial;
968    margin: initial;
969}
970
971.wmc_button,
972.wmc_box {
973    /* ??? */
974    --heightDesktop: min-content;
975}
976
977.wmc {
978    --borderTopDesktop: 0px solid transparent;
979    --borderRightDesktop: 0px solid transparent;
980    --borderBottomDesktop: 0px solid transparent;
981    --borderLeftDesktop: 0px solid transparent;
982    --borderRadiusDesktop: 0px 0px 0px 0px / 0px 0px 0px 0px;
983    --shadowDesktop: none;
984
985    --wm_maxBorderRadius: 1000vw;
986
987    --borderTopDesktopHover: var(--borderTopDesktop);
988    --borderRightDesktopHover: var(--borderRightDesktop);
989    --borderBottomDesktopHover: var(--borderBottomDesktop);
990    --borderLeftDesktopHover: var(--borderLeftDesktop);
991    --borderRadiusDesktopHover: var(--borderRadiusDesktop);
992    --shadowDesktopHover: var(--shadowDesktop);
993
994    --borderTopDesktopActive: var(--borderTopDesktopHover);
995    --borderRightDesktopActive: var(--borderRightDesktopHover);
996    --borderBottomDesktopActive: var(--borderBottomDesktopHover);
997    --borderLeftDesktopActive: var(--borderLeftDesktopHover);
998    --borderRadiusDesktopActive: var(--borderRadiusDesktopHover);
999    --shadowDesktopActive: var(--shadowDesktopHover);
1000
1001    --borderTop: var(--borderTopDesktop);
1002    --borderRight: var(--borderRightDesktop);
1003    --borderBottom: var(--borderBottomDesktop);
1004    --borderLeft: var(--borderLeftDesktop);
1005    --borderRadius: var(--borderRadiusDesktop);
1006    --shadow: var(--shadowDesktop);
1007
1008    --borderTopHover: var(--borderTopDesktopHover);
1009    --borderRightHover: var(--borderRightDesktopHover);
1010    --borderBottomHover: var(--borderBottomDesktopHover);
1011    --borderLeftHover: var(--borderLeftDesktopHover);
1012    --borderRadiusHover: var(--borderRadiusDesktopHover);
1013    --shadowHover: var(--shadowDesktopHover);
1014
1015    --borderTopActive: var(--borderTopDesktopActive);
1016    --borderRightActive: var(--borderRightDesktopActive);
1017    --borderBottomActive: var(--borderBottomDesktopActive);
1018    --borderLeftActive: var(--borderLeftDesktopActive);
1019    --borderRadiusActive: var(--borderRadiusDesktopActive);
1020    --shadowActive: var(--shadowDesktopActive);
1021}
1022
1023.wmc_box > .wml_box {
1024    display: grid;
1025    pointer-events: none;
1026}
1027
1028.wmc_box > .wml_box.wmsM_hasBoxLink {
1029    pointer-events: auto;
1030    cursor: pointer;
1031}
1032
1033.wms_box-link {
1034    position: absolute;
1035    inset: 0;
1036    z-index: 1;
1037    text-decoration: none;
1038    color: inherit;
1039}
1040
1041.wmc_icon {
1042    --iconSizeDesktop: 1.5rem;
1043    --iconSizeDesktopHover: 1.5rem;
1044    --iconColorDesktop: rgba(var(--colorBwGradientA), 1);
1045    --iconColorDesktopHover: var(--iconColorDesktop);
1046    --iconColorDesktopActive: var(--iconColorDesktopHover);
1047    --iconSize: var(--iconSizeDesktop);
1048    --iconSizeHover: var(--iconSizeDesktopHover);
1049    --iconColor: var(--iconColorDesktop);
1050    --iconColorHover: var(--iconColorDesktopHover);
1051    --iconColorActive: var(--iconColorDesktopActive);
1052}
1053
1054.wml_icon {
1055    display: grid;
1056    place-items: center;
1057}
1058
1059.wml_icon > i {
1060    display: block;
1061    font-size: 0;
1062    background-color: var(--iconColor);
1063    width: var(--iconSize);
1064    height: var(--iconSize);
1065}
1066
1067.wmcM_hideVisuallyHidden {
1068    & form label:not(:has(input[type="checkbox"], input[type="radio"], input[type="submit"])) {
1069        width: 1px !important;
1070        height: 1px !important;
1071        padding: 0 !important;
1072        margin: -1px !important;
1073        overflow: hidden !important;
1074        clip: rect(0, 0, 0, 0) !important;
1075        white-space: nowrap !important;
1076        border: 0 !important;
1077        position: absolute !important;
1078    }
1079}
1080
1081@media all and (width < 1040px) {
1082    .wmc {
1083        --bgColorTablet: var(--bgColorDesktop);
1084        --marginTopTablet: 0px;
1085        --marginBottomTablet: 0px;
1086        --marginLeftTablet: 0px;
1087        --marginRightTablet: 0px;
1088        --offsetLeftTablet: 0px;
1089        --offsetRightTablet: 0px;
1090        --widthTablet: initial;
1091        --heightTablet: initial;
1092        --maxWidthTablet: initial;
1093        --maxHeightTablet: initial;
1094        --minWidthTablet: initial;
1095        /*--minHeightTablet: var(--wm_minHeight);*/
1096        --minHeightTablet: var(--minHeightFallback, var(--wm_minHeight));
1097        --transformOriginTablet: var(--transformOriginDesktop);
1098        --translateTablet: var(--translateDesktop);
1099        --scaleTablet: var(--scaleDesktop);
1100        --rotateTablet: var(--rotateDesktop);
1101        --opacityTablet: var(--opacityDesktop);
1102        --filterTablet: var(--filterDesktop);
1103        --glassEffectBlurTablet: var(--glassEffectBlurDesktop);
1104
1105        --bgColor: var(--bgColorTablet);
1106        --marginTop: var(--marginTopTablet);
1107        --marginBottom: var(--marginBottomTablet);
1108        --marginLeft: var(--marginLeftTablet);
1109        --marginRight: var(--marginRightTablet);
1110        --offsetLeft: var(--offsetLeftTablet);
1111        --offsetRight: var(--offsetRightTablet);
1112        --width: var(--widthTablet);
1113        --height: var(--heightTablet);
1114        --maxWidth: var(--maxWidthTablet);
1115        --maxHeight: var(--maxHeightTablet);
1116        --minWidth: var(--minWidthTablet);
1117        --minHeight: var(--minHeightTablet);
1118        --transformOrigin: var(--transformOriginTablet);
1119        --translate: var(--translateTablet);
1120        --scale: var(--scaleTablet);
1121        --rotate: var(--rotateTablet);
1122        --opacity: var(--opacityTablet);
1123        --filter: var(--filterTablet);
1124        --glassEffectBlur: var(--glassEffectBlurTablet);
1125
1126        --gridPositionTablet: auto;
1127        --gridPosition: var(--gridPositionTablet);
1128
1129        --contentWidthPage: var(--wm_tabletWidth);
1130
1131        /* Scroll Behavior Variables - Tablet */
1132        --stickyOffsetTablet: none;
1133        --trailingAnchorIdTablet: none;
1134        --revealThresholdTablet: none;
1135        --scrollBehaviorTablet: none;
1136
1137        --stickyOffset: var(--stickyOffsetTablet);
1138        --trailingAnchorId: var(--trailingAnchorIdTablet);
1139        --revealThreshold: var(--revealThresholdTablet);
1140        --scrollBehavior: var(--scrollBehaviorTablet);
1141
1142        /* Fixed elements variables */
1143        --fixedHorizontalAlignmentTablet: var(--fixedHorizontalAlignmentDesktop);
1144        --fixedVerticalAlignmentTablet: var(--fixedVerticalAlignmentDesktop);
1145        --fixedHorizontalOffsetTablet: var(--fixedHorizontalOffsetDesktop);
1146        --fixedVerticalOffsetTablet: var(--fixedVerticalOffsetDesktop);
1147
1148        --fixedHorizontalAlignment: var(--fixedHorizontalAlignmentTablet);
1149        --fixedVerticalAlignment: var(--fixedVerticalAlignmentTablet);
1150        --fixedHorizontalOffset: var(--fixedHorizontalOffsetTablet);
1151        --fixedVerticalOffset: var(--fixedVerticalOffsetTablet);
1152    }
1153
1154    .wmcM_animateHover {
1155        --transitionDurationMsTabletHover: var(--transitionDurationMsDesktopHover);
1156        --transitionEasingTabletHover: var(--transitionEasingDesktopHover);
1157        --transitionEasingKineticTabletHover: var(--transitionEasingKineticDesktopHover);
1158
1159        --transitionDurationMsHover: var(--transitionDurationMsTabletHover);
1160        --transitionEasingHover: var(--transitionEasingTabletHover);
1161        --transitionEasingKineticHover: var(--transitionEasingKineticTabletHover);
1162
1163        &,
1164        & .wmc {
1165            --bgColorTabletHover: var(--bgColorDesktopHover);
1166            --marginTopTabletHover: var(--marginTopTablet);
1167            --marginBottomTabletHover: var(--marginBottomTablet);
1168            --marginLeftTabletHover: var(--marginLeftTablet);
1169            --marginRightTabletHover: var(--marginRightTablet);
1170            --offsetLeftTabletHover: var(--offsetLeftTablet);
1171            --offsetRightTabletHover: var(--offsetRightTablet);
1172            --widthTabletHover: var(--widthTablet);
1173            --heightTabletHover: var(--heightTablet);
1174            --maxWidthTabletHover: var(--maxWidthTablet);
1175            --maxHeightTabletHover: var(--maxHeightTablet);
1176            --minWidthTabletHover: var(--minWidthTablet);
1177            --minHeightTabletHover: var(--minHeightTablet);
1178            --translateTabletHover: var(--translateDesktopHover);
1179            --scaleTabletHover: var(--scaleDesktopHover);
1180            --rotateTabletHover: var(--rotateDesktopHover);
1181            --opacityTabletHover: var(--opacityDesktopHover);
1182            --filterTabletHover: var(--filterDesktopHover);
1183
1184            --bgColorHover: var(--bgColorTabletHover);
1185            --marginTopHover: var(--marginTopTabletHover);
1186            --marginBottomHover: var(--marginBottomTabletHover);
1187            --marginLeftHover: var(--marginLeftTabletHover);
1188            --marginRightHover: var(--marginRightTabletHover);
1189            --offsetLeftHover: var(--offsetLeftTabletHover);
1190            --offsetRightHover: var(--offsetRightTabletHover);
1191            --widthHover: var(--widthTabletHover);
1192            --heightHover: var(--heightTabletHover);
1193            --maxWidthHover: var(--maxWidthTabletHover);
1194            --maxHeightHover: var(--maxHeightTabletHover);
1195            --minWidthHover: var(--minWidthTabletHover);
1196            --minHeightHover: var(--minHeightTabletHover);
1197            --translateHover: var(--translateTabletHover);
1198            --scaleHover: var(--scaleTabletHover);
1199            --rotateHover: var(--rotateTabletHover);
1200            --opacityHover: var(--opacityTabletHover);
1201            --filterHover: var(--filterTabletHover);
1202
1203            --bgColorTabletActive: var(--bgColorTabletHover);
1204            --marginTopTabletActive: var(--marginTopTabletHover);
1205            --marginBottomTabletActive: var(--marginBottomTabletHover);
1206            --marginLeftTabletActive: var(--marginLeftTabletHover);
1207            --marginRightTabletActive: var(--marginRightTabletHover);
1208            --offsetLeftTabletActive: var(--offsetLeftTabletHover);
1209            --offsetRightTabletActive: var(--offsetRightTabletHover);
1210            --widthTabletActive: var(--widthTabletHover);
1211            --heightTabletActive: var(--heightTabletHover);
1212            --maxWidthTabletActive: var(--maxWidthTabletHover);
1213            --maxHeightTabletActive: var(--maxHeightTabletHover);
1214            --minWidthTabletActive: var(--minWidthTabletHover);
1215            --minHeightTabletActive: var(--minHeightTabletHover);
1216            --translateTabletActive: var(--translateTabletHover);
1217            --scaleTabletActive: var(--scaleTabletHover);
1218            --rotateTabletActive: var(--rotateTabletHover);
1219            --opacityTabletActive: var(--opacityTabletHover);
1220            --filterTabletActive: var(--filterTabletHover);
1221
1222            --bgColorActive: var(--bgColorTabletActive);
1223            --marginTopActive: var(--marginTopTabletActive);
1224            --marginBottomActive: var(--marginBottomTabletActive);
1225            --marginLeftActive: var(--marginLeftTabletActive);
1226            --marginRightActive: var(--marginRightTabletActive);
1227            --offsetLeftActive: var(--offsetLeftTabletActive);
1228            --offsetRightActive: var(--offsetRightTabletActive);
1229            --widthActive: var(--widthTabletActive);
1230            --heightActive: var(--heightTabletActive);
1231            --maxWidthActive: var(--maxWidthTabletActive);
1232            --maxHeightActive: var(--maxHeightTabletActive);
1233            --minWidthActive: var(--minWidthTabletActive);
1234            --minHeightActive: var(--minHeightTabletActive);
1235            --translateActive: var(--translateTabletActive);
1236            --scaleActive: var(--scaleTabletActive);
1237            --rotateActive: var(--rotateTabletActive);
1238            --opacityActive: var(--opacityTabletActive);
1239            --filterActive: var(--filterTabletActive);
1240        }
1241    }
1242
1243    .wmcM_animateEntry {
1244        --transitionDelayMsTabletEntry: var(--transitionDelayMsDesktopEntry);
1245        --transitionDurationMsTabletEntry: var(--transitionDurationMsDesktopEntry);
1246        --transitionEasingTabletEntry: var(--transitionEasingDesktopEntry);
1247        --transitionEasingKineticTabletEntry: var(--transitionEasingKineticDesktopEntry);
1248        --translateTabletEntry: var(--translateDesktopEntry);
1249        --scaleTabletEntry: var(--scaleDesktopEntry);
1250        --rotateTabletEntry: var(--rotateDesktopEntry);
1251        --opacityTabletEntry: var(--opacityDesktopEntry);
1252        --filterTabletEntry: var(--filterDesktopEntry);
1253        --filterTabletEntryNormal: var(--filterDesktopEntryNormal);
1254
1255        --transitionDelayMsEntry: var(--transitionDelayMsTabletEntry);
1256        --transitionDurationMsEntry: var(--transitionDurationMsTabletEntry);
1257        --transitionEasingEntry: var(--transitionEasingTabletEntry);
1258        --transitionEasingKineticEntry: var(--transitionEasingKineticTabletEntry);
1259        --translateEntry: var(--translateTabletEntry);
1260        --scaleEntry: var(--scaleTabletEntry);
1261        --rotateEntry: var(--rotateTabletEntry);
1262        --opacityEntry: var(--opacityTabletEntry);
1263        --filterEntry: var(--filterTabletEntry);
1264        --filterEntryNormal: var(--filterTabletEntryNormal);
1265    }
1266
1267    .wmc_columns {
1268        --columnsPaddingTablet: 0px;
1269        --columnsPadding: var(--columnsPaddingTablet);
1270        --columnsGapTablet: 0px;
1271        --columnsGap: var(--columnsGapTablet);
1272    }
1273
1274    .wmc_button {
1275        --paddingTopTablet: var(--paddingTopDesktop);
1276        --paddingBottomTablet: var(--paddingBottomDesktop);
1277        --paddingLeftTablet: var(--paddingLeftDesktop);
1278        --paddingRightTablet: var(--paddingRightDesktop);
1279        --paddingTopTabletHover: var(--paddingTopDesktopHover);
1280        --paddingBottomTabletHover: var(--paddingBottomDesktopHover);
1281        --paddingLeftTabletHover: var(--paddingLeftDesktopHover);
1282        --paddingRightTabletHover: var(--paddingRightDesktopHover);
1283        --flexGapTablet: var(--flexGapDesktop);
1284        --flexDirectionTablet: var(--flexDirectionDesktop);
1285        --flexAlignItemsTablet: var(--flexAlignItemsDesktop);
1286        --flexJustifyItemsTablet: var(--flexJustifyItemsDesktop);
1287        --flexJustifyContentTablet: var(--flexJustifyContentDesktop);
1288
1289        --paddingTopHover: var(--paddingTopTabletHover);
1290        --paddingRightHover: var(--paddingRightTabletHover);
1291        --paddingBottomHover: var(--paddingBottomTabletHover);
1292        --paddingLeftHover: var(--paddingLeftTabletHover);
1293
1294        --paddingTop: var(--paddingTopTablet);
1295        --paddingBottom: var(--paddingBottomTablet);
1296        --paddingLeft: var(--paddingLeftTablet);
1297        --paddingRight: var(--paddingRightTablet);
1298        --flexGap: var(--flexGapTablet);
1299        --flexDirection: var(--flexDirectionTablet);
1300        --flexAlignItems: var(--flexAlignItemsTablet);
1301        --flexJustifyItems: var(--flexJustifyItemsTablet);
1302        --flexJustifyContent: var(--flexJustifyContentTablet);
1303    }
1304
1305    .wmc_button,
1306    .wmc_box {
1307        /* ??? */
1308        --heightTablet: min-content;
1309    }
1310
1311    .wmc {
1312        --borderTopTablet: var(--borderTopDesktop);
1313        --borderRightTablet: var(--borderRightDesktop);
1314        --borderBottomTablet: var(--borderBottomDesktop);
1315        --borderLeftTablet: var(--borderLeftDesktop);
1316        --borderRadiusTablet: var(--borderRadiusDesktop);
1317        --shadowTablet: none;
1318
1319        --borderTopTabletHover: var(--borderTopDesktopHover);
1320        --borderRightTabletHover: var(--borderRightDesktopHover);
1321        --borderBottomTabletHover: var(--borderBottomDesktopHover);
1322        --borderLeftTabletHover: var(--borderLeftDesktopHover);
1323        --borderRadiusTabletHover: var(--borderRadiusDesktopHover);
1324        --shadowTabletHover: var(--shadowTablet);
1325
1326        --borderTopTabletActive: var(--borderTopTabletHover);
1327        --borderRightTabletActive: var(--borderRightTabletHover);
1328        --borderBottomTabletActive: var(--borderBottomTabletHover);
1329        --borderLeftTabletActive: var(--borderLeftTabletHover);
1330        --borderRadiusTabletActive: var(--borderRadiusTabletHover);
1331        --shadowTabletActive: var(--shadowTabletHover);
1332
1333        --borderTop: var(--borderTopTablet);
1334        --borderRight: var(--borderRightTablet);
1335        --borderBottom: var(--borderBottomTablet);
1336        --borderLeft: var(--borderLeftTablet);
1337        --borderRadius: var(--borderRadiusTablet);
1338        --shadow: var(--shadowTablet);
1339
1340        --borderTopHover: var(--borderTopTabletHover);
1341        --borderRightHover: var(--borderRightTabletHover);
1342        --borderBottomHover: var(--borderBottomTabletHover);
1343        --borderLeftHover: var(--borderLeftTabletHover);
1344        --borderRadiusHover: var(--borderRadiusTabletHover);
1345        --shadowHover: var(--shadowTabletHover);
1346
1347        --borderTopActive: var(--borderTopTabletActive);
1348        --borderRightActive: var(--borderRightTabletActive);
1349        --borderBottomActive: var(--borderBottomTabletActive);
1350        --borderLeftActive: var(--borderLeftTabletActive);
1351        --borderRadiusActive: var(--borderRadiusTabletActive);
1352        --shadowActive: var(--shadowTabletActive);
1353    }
1354
1355    .wmc_icon {
1356        --iconSizeTablet: var(--iconSizeDesktop);
1357        --iconSizeTabletHover: var(--iconSizeDesktopHover);
1358        --iconColorTablet: var(--iconColorDesktop);
1359        --iconColorTabletHover: var(--iconColorDesktopHover);
1360        --iconColorTabletActive: var(--iconColorTabletHover);
1361        --iconSize: var(--iconSizeTablet);
1362        --iconSizeHover: var(--iconSizeTabletHover);
1363        --iconColor: var(--iconColorTablet);
1364        --iconColorHover: var(--iconColorTabletHover);
1365        --iconColorActive: var(--iconColorTabletActive);
1366    }
1367}
1368
1369@media all and (650px <= width < 1040px) {
1370    .wmc.wmcM_containerSizeFull:not(.wmcM_containerSizeContainer--tablet),
1371    .wmc.wmcM_containerSizeFull--tablet {
1372        --containerSize: wm_full;
1373        --marginLeft: 0px;
1374        --minWidth: initial;
1375        --width: initial;
1376        --marginLeftDesktopHover: 0px;
1377        --minWidthDesktopHover: initial;
1378        --widthDesktopHover: initial;
1379        --marginLeftDesktopActive: 0px;
1380        --minWidthDesktopActive: initial;
1381        --widthDesktopActive: initial;
1382
1383        &.wmcM_animateHover {
1384            --marginLeftTabletHover: 0px;
1385            --minWidthTabletHover: initial;
1386            --widthTabletHover: initial;
1387            --marginLeftTabletActive: 0px;
1388            --minWidthTabletActive: initial;
1389            --widthTabletActive: initial;
1390        }
1391    }
1392
1393    .wmc.wmcM_containerSizeContainer--tablet {
1394        --containerSize: wm_content;
1395        --marginLeft: var(--marginLeftTablet);
1396        --minWidth: var(--minWidthTablet);
1397        --width: var(--widthTablet);
1398
1399        &.wmcM_animateHover {
1400            --marginLeftTabletHover: var(--marginLeftTablet);
1401            --minWidthTabletHover: var(--minWidthTablet);
1402            --widthTabletHover: var(--widthTablet);
1403            --marginLeftTabletActive: var(--marginLeftTabletHover);
1404            --minWidthTabletActive: var(--minWidthTabletHover);
1405            --widthTabletActive: var(--widthTabletHover);
1406        }
1407    }
1408
1409    .wmc_color_layer {
1410        --bgColorOpacityTablet: var(--bgColorOpacityDesktop);
1411        --bgColorOpacity: var(--bgColorOpacityTablet);
1412    }
1413
1414    .wmc_color_layer[data-layer-id] {
1415        --bgColorTablet: var(--bgColorDesktop);
1416        --bgColor: var(--bgColorTablet);
1417    }
1418
1419    .wmc_gradient_layer {
1420        --bgGradientTablet: var(--bgGradientDesktop);
1421        --bgGradientOpacityTablet: var(--bgGradientOpacityDesktop);
1422        --bgGradient: var(--bgGradientTablet);
1423        --bgGradientOpacity: var(--bgGradientOpacityTablet);
1424    }
1425}
1426
1427
1428@media all and (width < 650px) {
1429    .wmc {
1430        --bgColorMobile: var(--bgColorDesktop);
1431        --marginTopMobile: 0px;
1432        --marginBottomMobile: 0px;
1433        --marginLeftMobile: 0px;
1434        --marginRightMobile: 0px;
1435        --offsetLeftMobile: 0px;
1436        --offsetRightMobile: 0px;
1437        --widthMobile: initial;
1438        --heightMobile: initial;
1439        --maxWidthMobile: initial;
1440        --maxHeightMobile: initial;
1441        --minWidthMobile: initial;
1442        /*--minHeightMobile: var(--wm_minHeight);*/
1443        --minHeightMobile: var(--minHeightFallback, var(--wm_minHeight));
1444        --transformOriginMobile: var(--transformOriginDesktop);
1445        --translateMobile: var(--translateDesktop);
1446        --scaleMobile: var(--scaleDesktop);
1447        --rotateMobile: var(--rotateDesktop);
1448        --opacityMobile: var(--opacityDesktop);
1449        --filterMobile: var(--filterDesktop);
1450        --glassEffectBlurMobile: var(--glassEffectBlurTablet);
1451
1452        --bgColor: var(--bgColorMobile);
1453        --marginTop: var(--marginTopMobile);
1454        --marginBottom: var(--marginBottomMobile);
1455        --marginLeft: var(--marginLeftMobile);
1456        --marginRight: var(--marginRightMobile);
1457        --offsetLeft: var(--offsetLeftMobile);
1458        --offsetRight: var(--offsetRightMobile);
1459        --width: var(--widthMobile);
1460        --height: var(--heightMobile);
1461        --maxWidth: var(--maxWidthMobile);
1462        --maxHeight: var(--maxHeightMobile);
1463        --minWidth: var(--minWidthMobile);
1464        --minHeight: var(--minHeightMobile);
1465        --transformOrigin: var(--transformOriginMobile);
1466        --translate: var(--translateMobile);
1467        --scale: var(--scaleMobile);
1468        --rotate: var(--rotateMobile);
1469        --opacity: var(--opacityMobile);
1470        --filter: var(--filterMobile);
1471        --glassEffectBlur: var(--glassEffectBlurMobile);
1472
1473        --gridPositionMobile: auto;
1474        --gridPosition: var(--gridPositionMobile);
1475
1476        --contentWidthPage: var(--wm_mobileWidth);
1477        --contentWidthOverride: unset;
1478
1479        /* Scroll Behavior Variables - Mobile */
1480        --stickyOffsetMobile: none;
1481        --trailingAnchorIdMobile: none;
1482        --revealThresholdMobile: none;
1483        --scrollBehaviorMobile: none;
1484
1485        --stickyOffset: var(--stickyOffsetMobile);
1486        --trailingAnchorId: var(--trailingAnchorIdMobile);
1487        --revealThreshold: var(--revealThresholdMobile);
1488        --scrollBehavior: var(--scrollBehaviorMobile);
1489
1490        grid-area: var(--gridPosition) / 1 / calc(var(--gridPosition) + 1) / 2;
1491    }
1492
1493    .wmcM_animateHover {
1494        --transitionDurationMsMobileHover: var(--transitionDurationMsDesktopHover);
1495        --transitionEasingMobileHover: var(--transitionEasingDesktopHover);
1496        --transitionEasingKineticMobileHover: var(--transitionEasingKineticDesktopHover);
1497
1498        --transitionDurationMsHover: var(--transitionDurationMsMobileHover);
1499        --transitionEasingHover: var(--transitionEasingMobileHover);
1500        --transitionEasingKineticHover: var(--transitionEasingKineticMobileHover);
1501
1502        &,
1503        & .wmc {
1504            --bgColorMobileHover: var(--bgColorDesktopHover);
1505            --marginTopMobileHover: var(--marginTopMobile);
1506            --marginBottomMobileHover: var(--marginBottomMobile);
1507            --marginLeftMobileHover: var(--marginLeftMobile);
1508            --marginRightMobileHover: var(--marginRightMobile);
1509            --offsetLeftMobileHover: var(--offsetLeftMobile);
1510            --offsetRightMobileHover: var(--offsetRightMobile);
1511            --widthMobileHover: var(--widthMobile);
1512            --heightMobileHover: var(--heightMobile);
1513            --maxWidthMobileHover: var(--maxWidthMobile);
1514            --maxHeightMobileHover: var(--maxHeightMobile);
1515            --minWidthMobileHover: var(--minWidthMobile);
1516            --minHeightMobileHover: var(--minHeightMobile);
1517            --translateMobileHover: var(--translateDesktopHover);
1518            --scaleMobileHover: var(--scaleDesktopHover);
1519            --rotateMobileHover: var(--rotateDesktopHover);
1520            --opacityMobileHover: var(--opacityDesktopHover);
1521            --filterMobileHover: var(--filterDesktopHover);
1522
1523            --bgColorHover: var(--bgColorMobileHover);
1524            --marginTopHover: var(--marginTopMobileHover);
1525            --marginBottomHover: var(--marginBottomMobileHover);
1526            --marginLeftHover: var(--marginLeftMobileHover);
1527            --marginRightHover: var(--marginRightMobileHover);
1528            --offsetLeftHover: var(--offsetLeftMobileHover);
1529            --offsetRightHover: var(--offsetRightMobileHover);
1530            --widthHover: var(--widthMobileHover);
1531            --heightHover: var(--heightMobileHover);
1532            --maxWidthHover: var(--maxWidthMobileHover);
1533            --maxHeightHover: var(--maxHeightMobileHover);
1534            --minWidthHover: var(--minWidthMobileHover);
1535            --minHeightHover: var(--minHeightMobileHover);
1536            --translateHover: var(--translateMobileHover);
1537            --scaleHover: var(--scaleMobileHover);
1538            --rotateHover: var(--rotateMobileHover);
1539            --opacityHover: var(--opacityMobileHover);
1540            --filterHover: var(--filterMobileHover);
1541
1542            --bgColorMobileActive: var(--bgColorMobileHover);
1543            --marginTopMobileActive: var(--marginTopMobileHover);
1544            --marginBottomMobileActive: var(--marginBottomMobileHover);
1545            --marginLeftMobileActive: var(--marginLeftMobileHover);
1546            --marginRightMobileActive: var(--marginRightMobileHover);
1547            --offsetLeftMobileActive: var(--offsetLeftMobileHover);
1548            --offsetRightMobileActive: var(--offsetRightMobileHover);
1549            --widthMobileActive: var(--widthMobileHover);
1550            --heightMobileActive: var(--heightMobileHover);
1551            --maxWidthMobileActive: var(--maxWidthMobileHover);
1552            --maxHeightMobileActive: var(--maxHeightMobileHover);
1553            --minWidthMobileActive: var(--minWidthMobileHover);
1554            --minHeightMobileActive: var(--minHeightMobileHover);
1555            --translateMobileActive: var(--translateMobileHover);
1556            --scaleMobileActive: var(--scaleMobileHover);
1557            --rotateMobileActive: var(--rotateMobileHover);
1558            --opacityMobileActive: var(--opacityMobileHover);
1559            --filterMobileActive: var(--filterMobileHover);
1560
1561            --bgColorActive: var(--bgColorMobileActive);
1562            --marginTopActive: var(--marginTopMobileActive);
1563            --marginBottomActive: var(--marginBottomMobileActive);
1564            --marginLeftActive: var(--marginLeftMobileActive);
1565            --marginRightActive: var(--marginRightMobileActive);
1566            --offsetLeftActive: var(--offsetLeftMobileActive);
1567            --offsetRightActive: var(--offsetRightMobileActive);
1568            --widthActive: var(--widthMobileActive);
1569            --heightActive: var(--heightMobileActive);
1570            --maxWidthActive: var(--maxWidthMobileActive);
1571            --maxHeightActive: var(--maxHeightMobileActive);
1572            --minWidthActive: var(--minWidthMobileActive);
1573            --minHeightActive: var(--minHeightMobileActive);
1574            --translateActive: var(--translateMobileActive);
1575            --scaleActive: var(--scaleMobileActive);
1576            --rotateActive: var(--rotateMobileActive);
1577            --opacityActive: var(--opacityMobileActive);
1578            --filterActive: var(--filterMobileActive);
1579        }
1580    }
1581
1582    .wmcM_animateEntry {
1583        --transitionDelayMsMobileEntry: var(--transitionDelayMsDesktopEntry);
1584        --transitionDurationMsMobileEntry: var(--transitionDurationMsDesktopEntry);
1585        --transitionEasingMobileEntry: var(--transitionEasingDesktopEntry);
1586        --transitionEasingKineticMobileEntry: var(--transitionEasingKineticDesktopEntry);
1587        --translateMobileEntry: var(--translateDesktopEntry);
1588        --scaleMobileEntry: var(--scaleDesktopEntry);
1589        --rotateMobileEntry: var(--rotateDesktopEntry);
1590        --opacityMobileEntry: var(--opacityDesktopEntry);
1591        --filterMobileEntry: var(--filterDesktopEntry);
1592        --filterMobileEntryNormal: var(--filterDesktopEntryNormal);
1593
1594        --transitionDelayMsEntry: var(--transitionDelayMsMobileEntry);
1595        --transitionDurationMsEntry: var(--transitionDurationMsMobileEntry);
1596        --transitionEasingEntry: var(--transitionEasingMobileEntry);
1597        --transitionEasingKineticEntry: var(--transitionEasingKineticMobileEntry);
1598        --translateEntry: var(--translateMobileEntry);
1599        --scaleEntry: var(--scaleMobileEntry);
1600        --rotateEntry: var(--rotateMobileEntry);
1601        --opacityEntry: var(--opacityMobileEntry);
1602        --filterEntry: var(--filterMobileEntry);
1603        --filterEntryNormal: var(--filterMobileEntryNormal);
1604    }
1605
1606    .wmc_columns {
1607        --columnsPaddingMobile: 0px;
1608        --columnsPadding: var(--columnsPaddingMobile);
1609        --columnsGapMobile: 0px;
1610        --columnsGap: var(--columnsGapMobile);
1611    }
1612
1613    .wml_columns {
1614        grid-template-columns: unset;
1615    }
1616
1617    .wmc.wmcM_containerSizeFull:not(.wmcM_containerSizeContainer--mobile),
1618    .wmc.wmcM_containerSizeFull--mobile {
1619        --containerSize: wm_full;
1620        --marginLeft: 0px;
1621        --minWidth: initial;
1622        --width: initial;
1623        --marginLeftDesktopHover: 0px;
1624        --minWidthDesktopHover: initial;
1625        --widthDesktopHover: initial;
1626        --marginLeftDesktopActive: 0px;
1627        --minWidthDesktopActive: initial;
1628        --widthDesktopActive: initial;
1629
1630        &.wmcM_animateHover {
1631            --marginLeftMobileHover: 0px;
1632            --minWidthMobileHover: initial;
1633            --widthMobileHover: initial;
1634            --marginLeftMobileActive: 0px;
1635            --minWidthMobileActive: initial;
1636            --widthMobileActive: initial;
1637        }
1638    }
1639
1640    .wmc.wmcM_containerSizeContainer--mobile {
1641        --containerSize: wm_content;
1642        --marginLeft: var(--marginLeftMobile);
1643        --minWidth: var(--minWidthMobile);
1644        --width: var(--widthMobile);
1645
1646        &.wmcM_animateHover {
1647            --marginLeftMobileHover: var(--marginLeftMobile);
1648            --minWidthMobileHover: var(--minWidthMobile);
1649            --widthMobileHover: var(--widthMobile);
1650            --marginLeftMobileActive: var(--marginLeftMobileHover);
1651            --minWidthMobileActive: var(--minWidthMobileHover);
1652            --widthMobileActive: var(--widthMobileHover);
1653        }
1654    }
1655
1656    .wmc_button {
1657        --paddingTopMobile: var(--paddingTopDesktop);
1658        --paddingBottomMobile: var(--paddingBottomDesktop);
1659        --paddingLeftMobile: var(--paddingLeftDesktop);
1660        --paddingRightMobile: var(--paddingRightDesktop);
1661        --paddingTopMobileHover: var(--paddingTopDesktopHover);
1662        --paddingBottomMobileHover: var(--paddingBottomDesktopHover);
1663        --paddingLeftMobileHover: var(--paddingLeftDesktopHover);
1664        --paddingRightMobileHover: var(--paddingRightDesktopHover);
1665        --flexGapMobile: var(--flexGapDesktop);
1666        --flexDirectionMobile: var(--flexDirectionDesktop);
1667        --flexAlignItemsMobile: var(--flexAlignItemsDesktop);
1668        --flexJustifyItemsMobile: var(--flexJustifyItemsDesktop);
1669        --flexJustifyContentMobile: var(--flexJustifyContentDesktop);
1670
1671        --paddingTopHover: var(--paddingTopMobileHover);
1672        --paddingRightHover: var(--paddingRightMobileHover);
1673        --paddingBottomHover: var(--paddingBottomMobileHover);
1674        --paddingLeftHover: var(--paddingLeftMobileHover);
1675
1676        --paddingTop: var(--paddingTopMobile);
1677        --paddingBottom: var(--paddingBottomMobile);
1678        --paddingLeft: var(--paddingLeftMobile);
1679        --paddingRight: var(--paddingRightMobile);
1680        --flexGap: var(--flexGapMobile);
1681        --flexDirection: var(--flexDirectionMobile);
1682        --flexAlignItems: var(--flexAlignItemsMobile);
1683        --flexJustifyItems: var(--flexJustifyItemsMobile);
1684        --flexJustifyContent: var(--flexJustifyContentMobile);
1685    }
1686
1687    .wmc_button,
1688    .wmc_box {
1689        /* ??? */
1690        --heightMobile: min-content;
1691    }
1692
1693    .wmc {
1694        --borderTopMobile: var(--borderTopDesktop);
1695        --borderRightMobile: var(--borderRightDesktop);
1696        --borderBottomMobile: var(--borderBottomDesktop);
1697        --borderLeftMobile: var(--borderLeftDesktop);
1698        --borderRadiusMobile: var(--borderRadiusDesktop);
1699        --shadowMobile: none;
1700
1701        --borderTopMobileHover: var(--borderTopDesktopHover);
1702        --borderRightMobileHover: var(--borderRightDesktopHover);
1703        --borderBottomMobileHover: var(--borderBottomDesktopHover);
1704        --borderLeftMobileHover: var(--borderLeftDesktopHover);
1705        --borderRadiusMobileHover: var(--borderRadiusDesktopHover);
1706        --shadowMobileHover: var(--shadowMobile);
1707
1708        --borderTopMobileActive: var(--borderTopMobileHover);
1709        --borderRightMobileActive: var(--borderRightMobileHover);
1710        --borderBottomMobileActive: var(--borderBottomMobileHover);
1711        --borderLeftMobileActive: var(--borderLeftMobileHover);
1712        --borderRadiusMobileActive: var(--borderRadiusMobileHover);
1713        --shadowMobileActive: var(--shadowMobileHover);
1714
1715        --borderTop: var(--borderTopMobile);
1716        --borderRight: var(--borderRightMobile);
1717        --borderBottom: var(--borderBottomMobile);
1718        --borderLeft: var(--borderLeftMobile);
1719        --borderRadius: var(--borderRadiusMobile);
1720        --shadow: var(--shadowMobile);
1721
1722        --borderTopHover: var(--borderTopMobileHover);
1723        --borderRightHover: var(--borderRightMobileHover);
1724        --borderBottomHover: var(--borderBottomMobileHover);
1725        --borderLeftHover: var(--borderLeftMobileHover);
1726        --borderRadiusHover: var(--borderRadiusMobileHover);
1727        --shadowHover: var(--shadowMobileHover);
1728
1729        --borderTopActive: var(--borderTopMobileActive);
1730        --borderRightActive: var(--borderRightMobileActive);
1731        --borderBottomActive: var(--borderBottomMobileActive);
1732        --borderLeftActive: var(--borderLeftMobileActive);
1733        --borderRadiusActive: var(--borderRadiusMobileActive);
1734        --shadowActive: var(--shadowMobileActive);
1735    }
1736
1737    .wmc_icon {
1738        --iconSizeMobile: var(--iconSizeDesktop);
1739        --iconSizeMobileHover: var(--iconSizeDesktopHover);
1740        --iconColorMobile: var(--iconColorDesktop);
1741        --iconColorMobileHover: var(--iconColorDesktopHover);
1742        --iconColorMobileActive: var(--iconColorMobileHover);
1743        --iconSize: var(--iconSizeMobile);
1744        --iconSizeHover: var(--iconSizeMobileHover);
1745        --iconColor: var(--iconColorMobile);
1746        --iconColorHover: var(--iconColorMobileHover);
1747        --iconColorActive: var(--iconColorMobileActive);
1748    }
1749
1750    .wmc_color_layer {
1751        --bgColorOpacityMobile: var(--bgColorOpacityDesktop);
1752        --bgColorOpacity: var(--bgColorOpacityMobile);
1753    }
1754
1755    .wmc_color_layer[data-layer-id] {
1756        --bgColorMobile: var(--bgColorDesktop);
1757        --bgColor: var(--bgColorMobile);
1758    }
1759
1760    .wmc_gradient_layer {
1761        --bgGradientMobile: var(--bgGradientDesktop);
1762        --bgGradientOpacityMobile: var(--bgGradientOpacityDesktop);
1763        --bgGradient: var(--bgGradientMobile);
1764        --bgGradientOpacity: var(--bgGradientOpacityMobile);
1765    }
1766}
1767
1768.wm_scrollToTop {
1769    position: fixed;
1770    right: 50px;
1771    bottom: 150px;
1772    width: 56px;
1773    height: 56px;
1774    border-radius: 8px;
1775    background-color: rgba(var(--colorCtaC), .75);
1776    color: rgba(var(--colorPrimaryJ), 1);
1777    border: 1px solid rgba(var(--colorBackgroundE), 1);
1778    cursor: pointer;
1779    display: flex;
1780    align-items: center;
1781    justify-content: center;
1782    font-family: var(--fontFamilySecondary);
1783    font-size: 24px;
1784    z-index: 1000;
1785    opacity: 0;
1786    transform: translateY(20px);
1787    transition: all 0.3s var(--transitionEasingPresetEaseOut);
1788    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
1789    user-select: none;
1790    visibility: hidden;
1791}
1792
1793.wm_scrollToTop:hover {
1794    background-color: rgba(var(--colorCtaC), 1);
1795    transform: translateY(-5px) scale(1.05);
1796    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
1797}
1798
1799.wm_scrollToTop.wm_scrollToTop--visible {
1800    opacity: 1;
1801    transform: translateY(0);
1802    visibility: visible;
1803}
1804
1805.wm_scrollToTop::before {
1806    content: '↑';
1807    font-weight: bold;
1808    line-height: 1;
1809}
1810
1811@media all and (width < 1040px) {
1812    .wm_scrollToTop {
1813        right: 30px;
1814        bottom: 120px;
1815        width: 48px;
1816        height: 48px;
1817        font-size: 22px;
1818    }
1819}
1820
1821@media all and (width < 650px) {
1822    .wm_scrollToTop {
1823        right: 20px;
1824        bottom: 100px;
1825        width: 44px;
1826        height: 44px;
1827        font-size: 20px;
1828    }
1829}
1830
1831/* Fixed body state for menus */
1832html.full_screen_open_body_fixed {
1833    overflow: hidden;
1834
1835    & body {
1836        overflow: hidden;
1837        position: fixed;
1838        top: var(--wm_scrollTop);
1839        width: 100%;
1840    }
1841}
1842
1843@media all and (1040px <= width) {
1844    .wmcM_visuallyHide {
1845        width: 1px !important;
1846        height: 1px !important;
1847        padding: 0 !important;
1848        margin: -1px !important;
1849        overflow: hidden !important;
1850        clip: rect(0, 0, 0, 0) !important;
1851        white-space: nowrap !important;
1852        border: 0 !important;
1853        position: absolute !important;
1854    }
1855
1856    .wmcM_empty {
1857        display: none !important;
1858    }
1859
1860    .wmcM_layerHide--desktop {
1861        display: none !important;
1862    }
1863}
1864
1865@media all and (650px <= width < 1040px) {
1866    .wmcM_visuallyHide:not(.wmcM_visuallyShow--tablet),
1867    .wmcM_visuallyHide--tablet {
1868        width: 1px !important;
1869        height: 1px !important;
1870        padding: 0 !important;
1871        margin: -1px !important;
1872        overflow: hidden !important;
1873        clip: rect(0, 0, 0, 0) !important;
1874        white-space: nowrap !important;
1875        border: 0 !important;
1876        position: absolute !important;
1877    }
1878
1879    .wmcM_empty:not(.wmcM_notEmpty--tablet),
1880    .wmcM_empty--tablet {
1881        display: none !important;
1882    }
1883
1884    .wmcM_layerHide--tablet {
1885        display: none !important;
1886    }
1887}
1888
1889@media all and (width < 650px) {
1890    .wmcM_visuallyHide:not(.wmcM_visuallyShow--mobile),
1891    .wmcM_visuallyHide--mobile {
1892        width: 1px !important;
1893        height: 1px !important;
1894        padding: 0 !important;
1895        margin: -1px !important;
1896        overflow: hidden !important;
1897        clip: rect(0, 0, 0, 0) !important;
1898        white-space: nowrap !important;
1899        border: 0 !important;
1900        position: absolute !important;
1901    }
1902
1903    .wmcM_empty:not(.wmcM_notEmpty--mobile),
1904    .wmcM_empty--mobile {
1905        display: none !important;
1906    }
1907
1908    .wmcM_layerHide--mobile {
1909        display: none !important;
1910    }
1911}
1912
1913:is(.wmc_section, .wmc_shelf) > .wml:has(> .wmc),
1914:is(.wmc_box) > .wml:has(> .wms_content > .wmc) {
1915    height: max-content;
1916    min-height: max-content;
1917    max-height: fit-content;
1918}
1919
1920@media all and (1040px <= width) {
1921    .wmcM_dynamicHeight {
1922        --dynamicPaddingBottomDesktop: 0px;
1923        --dynamicPaddingBottom: var(--dynamicPaddingBottomDesktop);
1924    }
1925}
1926
1927@media all and (650px <= width < 1040px) {
1928    .wmcM_dynamicHeight {
1929        --dynamicPaddingBottomTablet: var(--dynamicPaddingBottomDesktop);
1930        --dynamicPaddingBottom: var(--dynamicPaddingBottomTablet);
1931    }
1932}
1933
1934@media all and (width < 650px) {
1935    .wmcM_dynamicHeight {
1936        --dynamicPaddingBottomMobile: var(--dynamicPaddingBottomDesktop);
1937        --dynamicPaddingBottom: var(--dynamicPaddingBottomMobile);
1938    }
1939}
1940
1941.wmcM_dynamicHeight > .wml {
1942    height: max-content;
1943    min-height: max-content;
1944    max-height: fit-content;
1945    padding-bottom: calc(var(--dynamicPaddingBottom, 0px) + var(--paddingBottom, 0px));
1946}
1947
1948@media all and (width < 650px) {
1949    #fixed-components {
1950        display: none !important;
1951    }
1952}
1953</style>
1954            <style>/* visually-hidden.css */
1955/*TODO: Make these per viewport!*/
1956.visually-hidden,
1957.label-visually-hidden > label {
1958    width: 1px !important;
1959    height: 1px !important;
1960    padding: 0 !important;
1961    margin: -1px !important;
1962    overflow: hidden !important;
1963    clip: rect(0, 0, 0, 0) !important;
1964    white-space: nowrap !important;
1965    border: 0 !important;
1966    position: absolute !important;
1967}
1968
1969.visually-hidden:not(caption) {
1970    position: absolute !important;
1971}
1972
1973.visually-hidden-focusable:not(:focus):not(:focus-within) {
1974    width: 1px !important;
1975    height: 1px !important;
1976    padding: 0 !important;
1977    margin: -1px !important;
1978    overflow: hidden !important;
1979    clip: rect(0, 0, 0, 0) !important;
1980    white-space: nowrap !important;
1981    border: 0 !important;
1982    position: absolute !important;
1983}
1984
1985.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
1986    position: absolute !important;
1987}
1988</style>
1989            <style>/* text.css */
1990.wmc_text {
1991    --heightDesktop: min-content;
1992
1993    /* entire text, all devices */
1994    --textShadow: none;
1995    text-shadow: var(--textShadow);
1996
1997    /* entire text, per device */
1998    --paragraphSpacingDesktop: var(--paragraph1_paragraphSpacingDesktop);
1999    --paragraphSpacing: var(--paragraphSpacingDesktop);
2000
2001    /* pieces of text, all devices */
2002    --fontFamily: var(--paragraph1_fontFamily);
2003
2004    /* pieces of text, per device */
2005    --fontSizeDesktop: var(--paragraph1_fontSizeDesktop);
2006    --fontWeightDesktop: var(--paragraph1_fontWeightDesktop);
2007    --fontStyleDesktop: var(--paragraph1_fontStyleDesktop);
2008    --textColorDesktop: var(--paragraph1_fontColorDesktop);
2009    --textDecorationDesktop: var(--paragraph1_textDecorationDesktop);
2010    --textDecorationStyleDesktop: var(--paragraph1_textDecorationStyleDesktop);
2011    --textDecorationColorDesktop: var(--paragraph1_textDecorationColorDesktop);
2012    --textDecorationLineDesktop: var(--textDecorationDesktop);
2013    --textDecorationThicknessDesktop: initial;
2014    --textUnderlineOffsetDesktop: initial;
2015    --textDecorationSkipInkDesktop: initial;
2016    --letterSpacingDesktop: var(--paragraph1_letterSpacingDesktop);
2017    --lineHeightDesktop: var(--paragraph1_lineHeightDesktop);
2018    --textAlignDesktop: left;
2019    --textIndentDesktop: 0px;
2020    --textBackgroundColorDesktop: initial;
2021    --textTransformDesktop: initial;
2022    --fontVariantCapsDesktop: normal;
2023    --fontVariantLigaturesDesktop: none;
2024    --wm_writingModeDesktop: initial;
2025    --wm_writingMode: var(--wm_writingModeDesktop);
2026}
2027
2028.wmc_text > .wml > * {
2029    margin-block-end: var(--paragraphSpacing);
2030}
2031.wmc_text > .wml > :last-child {
2032    margin-block-end: 0;
2033}
2034
2035.wmc_text > .wml {
2036    writing-mode: var(--wm_writingMode);
2037}
2038
2039.wmc_text > .wml .wmcM_embed {
2040    --floatDesktop: initial;
2041    --float: var(--floatDesktop);
2042
2043    all: initial;
2044    display: inline-block;
2045    margin-block-start: 0;
2046    margin-block-end: 0;
2047    margin-inline-start: 0;
2048    margin-inline-end: 0;
2049    unicode-bidi: isolate;
2050    width: auto;
2051    height: auto;
2052    max-width: 100%;
2053    visibility: inherit;
2054
2055    float: var(--float);
2056    clear: none;
2057
2058    > .wmc > .wml {
2059        max-width: 100%;
2060    }
2061
2062    &:has(.wmcM_alignCenter) {
2063        /* @TODO: adjust when centering will also be per device */
2064        display: block !important;
2065        clear: both !important;
2066        float: none !important;
2067    }
2068
2069    > .wmc.wmcM_alignCenter {
2070        /* @TODO: adjust when centering will also be per device */
2071        & > .wml {
2072            margin-left: auto;
2073            margin-right: auto;
2074        }
2075    }
2076
2077    & iframe {
2078        height: var(--height);
2079        width: var(--width);
2080    }
2081
2082    & > .wmc_image {
2083        --aspectRatio: auto;
2084        --widthDesktop: auto;
2085        --heightDesktop: auto;
2086    }
2087}
2088
2089.wmc_text > .wml * {
2090    /* pieces of text, all devices */
2091    font-family: var(--fontFamily);
2092
2093    /* pieces of text, per device */
2094    --paragraphSpacing: var(--paragraphSpacingDesktop);
2095    --fontSize: var(--fontSizeDesktop);
2096    --fontWeight: var(--fontWeightDesktop);
2097    --fontStyle: var(--fontStyleDesktop);
2098    --textColor: var(--textColorDesktop);
2099    --textDecoration: var(--textDecorationDesktop);
2100    --textDecorationStyle: var(--textDecorationStyleDesktop);
2101    --textDecorationColor: var(--textDecorationColorDesktop);
2102    --textDecorationLine: var(--textDecorationLineDesktop);
2103    --textDecorationThickness: var(--textDecorationThicknessDesktop);
2104    --textUnderlineOffset: var(--textUnderlineOffsetDesktop);
2105    --textDecorationSkipInk: var(--textDecorationSkipInkDesktop);
2106    --letterSpacing: var(--letterSpacingDesktop);
2107    --lineHeight: var(--lineHeightDesktop);
2108    --textAlign: var(--textAlignDesktop);
2109    --textIndent: var(--textIndentDesktop);
2110    --textBackgroundColor: var(--textBackgroundColorDesktop);
2111    --textTransform: var(--textTransformDesktop);
2112    --fontVariantCaps: var(--fontVariantCapsDesktop);
2113    --fontVariantLigatures: var(--fontVariantLigaturesDesktop);
2114
2115    font-size: var(--fontSize);
2116    font-weight: var(--fontWeight);
2117    font-style: var(--fontStyle);
2118    color: var(--textColor);
2119    text-decoration: var(--textDecoration);
2120    text-decoration-style: var(--textDecorationStyle);
2121    text-decoration-color: var(--textDecorationColor, currentColor);
2122    text-decoration-line: var(--textDecorationLine);
2123    text-decoration-thickness: var(--textDecorationThickness);
2124    text-underline-offset: var(--textUnderlineOffset);
2125    text-decoration-skip-ink: var(--textDecorationSkipInk);
2126    letter-spacing: var(--letterSpacing);
2127    line-height: var(--lineHeight);
2128    text-align: var(--textAlign);
2129    text-indent: var(--textIndent);
2130    background-color: var(--textBackgroundColor);
2131    text-transform: var(--textTransform);
2132    font-variant-caps: var(--fontVariantCaps);
2133    font-variant-ligatures: var(--fontVariantLigatures);
2134
2135    --fontSizeDesktopHover: var(--fontSizeDesktop);
2136    --fontWeightDesktopHover: var(--fontWeightDesktop);
2137    --fontStyleDesktopHover: var(--fontStyleDesktop);
2138    --textColorDesktopHover: var(--textColorDesktop);
2139    --textDecorationDesktopHover: var(--textDecorationDesktop);
2140    --textDecorationStyleDesktopHover: var(--textDecorationStyleDesktop);
2141    --textDecorationColorDesktopHover: var(--textDecorationColorDesktop);
2142    --textDecorationLineDesktopHover: var(--textDecorationLineDesktop);
2143    --textDecorationThicknessDesktopHover: var(--textDecorationThicknessDesktop);
2144    --textUnderlineOffsetDesktopHover: var(--textUnderlineOffsetDesktop);
2145    --textDecorationSkipInkDesktopHover: var(--textDecorationSkipInkDesktop);
2146    --textTransformDesktopHover: var(--textTransformDesktop);
2147    --fontVariantCapsDesktopHover: var(--fontVariantCapsDesktop);
2148    --fontVariantLigaturesDesktopHover: var(--fontVariantLigaturesDesktop);
2149
2150    --fontSizeHover: var(--fontSizeDesktopHover);
2151    --fontWeightHover: var(--fontWeightDesktopHover);
2152    --textColorHover: var(--textColorDesktopHover);
2153    --fontStyleHover: var(--fontStyleDesktopHover);
2154    --textDecorationHover: var(--textDecorationDesktopHover);
2155    --textDecorationStyleHover: var(--textDecorationStyleDesktopHover);
2156    --textDecorationColorHover: var(--textDecorationColorDesktopHover);
2157    --textDecorationLineHover: var(--textDecorationLineDesktopHover);
2158    --textDecorationThicknessHover: var(--textDecorationThicknessDesktopHover);
2159    --textUnderlineOffsetHover: var(--textUnderlineOffsetDesktopHover);
2160    --textDecorationSkipInkHover: var(--textDecorationSkipInkDesktopHover);
2161    --textTransformHover: var(--textTransformDesktopHover);
2162    --fontVariantCapsHover: var(--fontVariantCapsDesktopHover);
2163    --fontVariantLigaturesHover: var(--fontVariantLigaturesDesktopHover);
2164
2165    --fontSizeDesktopActive: var(--fontSizeDesktopHover);
2166    --fontWeightDesktopActive: var(--fontWeightDesktopHover);
2167    --textColorDesktopActive: var(--textColorDesktopHover);
2168    --fontStyleDesktopActive: var(--fontStyleDesktopHover);
2169    --textDecorationDesktopActive: var(--textDecorationDesktopHover);
2170    --textDecorationStyleDesktopActive: var(--textDecorationStyleDesktopHover);
2171    --textDecorationColorDesktopActive: var(--textDecorationColorDesktopHover);
2172    --textDecorationLineDesktopActive: var(--textDecorationLineDesktopHover);
2173    --textDecorationThicknessDesktopActive: var(--textDecorationThicknessDesktopHover);
2174    --textUnderlineOffsetDesktopActive: var(--textUnderlineOffsetDesktopHover);
2175    --textDecorationSkipInkDesktopActive: var(--textDecorationSkipInkDesktopHover);
2176    --textTransformDesktopActive: var(--textTransformDesktopHover);
2177    --fontVariantCapsDesktopActive: var(--fontVariantCapsDesktopHover);
2178    --fontVariantLigaturesDesktopActive: var(--fontVariantLigaturesDesktopHover);
2179
2180    --fontSizeActive: var(--fontSizeDesktopActive);
2181    --fontWeightActive: var(--fontWeightDesktopActive);
2182    --textColorActive: var(--textColorDesktopActive);
2183    --fontStyleActive: var(--fontStyleDesktopActive);
2184    --textDecorationActive: var(--textDecorationDesktopActive);
2185    --textDecorationStyleActive: var(--textDecorationStyleDesktopActive);
2186    --textDecorationColorActive: var(--textDecorationColorDesktopActive);
2187    --textDecorationLineActive: var(--textDecorationLineDesktopActive);
2188    --textDecorationThicknessActive: var(--textDecorationThicknessDesktopActive);
2189    --textUnderlineOffsetActive: var(--textUnderlineOffsetDesktopActive);
2190    --textDecorationSkipInkActive: var(--textDecorationSkipInkDesktopActive);
2191    --textTransformActive: var(--textTransformDesktopActive);
2192    --fontVariantCapsActive: var(--fontVariantCapsDesktopActive);
2193    --fontVariantLigaturesActive: var(--fontVariantLigaturesDesktopActive);
2194}
2195
2196.wmc_text.wmcM_shadow {
2197    --textShadowDesktop: 0px 0px 0px transparent;
2198    --textShadowDesktopHover: var(--textShadowDesktop);
2199    --textShadowDesktopActive: var(--textShadowDesktopHover);
2200
2201    --textShadow: var(--textShadowDesktop);
2202    --textShadowHover: var(--textShadowDesktopHover);
2203    --textShadowActive: var(--textShadowDesktopActive);
2204}
2205
2206.wmc_text > .wml .wmcM_title1 {
2207    --fontFamily: var(--title1_fontFamily);
2208    --fontSizeDesktop: var(--title1_fontSizeDesktop);
2209    --fontWeightDesktop: var(--title1_fontWeightDesktop);
2210    --fontStyleDesktop: var(--title1_fontStyleDesktop);
2211    --textColorDesktop: var(--title1_fontColorDesktop);
2212    --textDecorationDesktop: var(--title1_textDecorationDesktop);
2213    --textDecorationStyleDesktop: var(--title1_textDecorationStyleDesktop);
2214    --textDecorationColorDesktop: var(--title1_textDecorationColorDesktop);
2215    --textDecorationLineDesktop: var(--title1_textDecorationLineDesktop, var(--title1_textDecorationDesktop));
2216    --lineHeightDesktop: var(--title1_lineHeightDesktop);
2217    --letterSpacingDesktop: var(--title1_letterSpacingDesktop);
2218    --paragraphSpacingDesktop: var(--title1_paragraphSpacingDesktop);
2219}
2220
2221.wmc_text > .wml .wmcM_title2 {
2222    --fontFamily: var(--title2_fontFamily);
2223    --fontSizeDesktop: var(--title2_fontSizeDesktop);
2224    --fontWeightDesktop: var(--title2_fontWeightDesktop);
2225    --fontStyleDesktop: var(--title2_fontStyleDesktop);
2226    --textColorDesktop: var(--title2_fontColorDesktop);
2227    --textDecorationDesktop: var(--title2_textDecorationDesktop);
2228    --textDecorationStyleDesktop: var(--title2_textDecorationStyleDesktop);
2229    --textDecorationColorDesktop: var(--title2_textDecorationColorDesktop);
2230    --textDecorationLineDesktop: var(--title2_textDecorationLineDesktop, var(--title2_textDecorationDesktop));
2231    --lineHeightDesktop: var(--title2_lineHeightDesktop);
2232    --letterSpacingDesktop: var(--title2_letterSpacingDesktop);
2233    --paragraphSpacingDesktop: var(--title2_paragraphSpacingDesktop);
2234}
2235
2236.wmc_text > .wml .wmcM_title3 {
2237    --fontFamily: var(--title3_fontFamily);
2238    --fontSizeDesktop: var(--title3_fontSizeDesktop);
2239    --fontWeightDesktop: var(--title3_fontWeightDesktop);
2240    --fontStyleDesktop: var(--title3_fontStyleDesktop);
2241    --textColorDesktop: var(--title3_fontColorDesktop);
2242    --textDecorationDesktop: var(--title3_textDecorationDesktop);
2243    --textDecorationStyleDesktop: var(--title3_textDecorationStyleDesktop);
2244    --textDecorationColorDesktop: var(--title3_textDecorationColorDesktop);
2245    --textDecorationLineDesktop: var(--title3_textDecorationLineDesktop, var(--title3_textDecorationDesktop));
2246    --lineHeightDesktop: var(--title3_lineHeightDesktop);
2247    --letterSpacingDesktop: var(--title3_letterSpacingDesktop);
2248    --paragraphSpacingDesktop: var(--title3_paragraphSpacingDesktop);
2249}
2250
2251.wmc_text > .wml .wmcM_heading1,
2252.wmc_text > .wml h1 {
2253    --fontFamily: var(--heading1_fontFamily);
2254    --fontSizeDesktop: var(--heading1_fontSizeDesktop);
2255    --fontWeightDesktop: var(--heading1_fontWeightDesktop);
2256    --fontStyleDesktop: var(--heading1_fontStyleDesktop);
2257    --textColorDesktop: var(--heading1_fontColorDesktop);
2258    --textDecorationDesktop: var(--heading1_textDecorationDesktop);
2259    --textDecorationStyleDesktop: var(--heading1_textDecorationStyleDesktop);
2260    --textDecorationColorDesktop: var(--heading1_textDecorationColorDesktop);
2261    --textDecorationLineDesktop: var(--heading1_textDecorationLineDesktop, var(--heading1_textDecorationDesktop));
2262    --lineHeightDesktop: var(--heading1_lineHeightDesktop);
2263    --letterSpacingDesktop: var(--heading1_letterSpacingDesktop);
2264    --paragraphSpacingDesktop: var(--heading1_paragraphSpacingDesktop);
2265}
2266
2267.wmc_text > .wml .wmcM_heading2,
2268.wmc_text > .wml h2 {
2269    --fontFamily: var(--heading2_fontFamily);
2270    --fontSizeDesktop: var(--heading2_fontSizeDesktop);
2271    --fontWeightDesktop: var(--heading2_fontWeightDesktop);
2272    --fontStyleDesktop: var(--heading2_fontStyleDesktop);
2273    --textColorDesktop: var(--heading2_fontColorDesktop);
2274    --textDecorationDesktop: var(--heading2_textDecorationDesktop);
2275    --textDecorationStyleDesktop: var(--heading2_textDecorationStyleDesktop);
2276    --textDecorationColorDesktop: var(--heading2_textDecorationColorDesktop);
2277    --textDecorationLineDesktop: var(--heading2_textDecorationLineDesktop, var(--heading2_textDecorationDesktop));
2278    --lineHeightDesktop: var(--heading2_lineHeightDesktop);
2279    --letterSpacingDesktop: var(--heading2_letterSpacingDesktop);
2280    --paragraphSpacingDesktop: var(--heading2_paragraphSpacingDesktop);
2281}
2282
2283.wmc_text > .wml .wmcM_heading3,
2284.wmc_text > .wml h3 {
2285    --fontFamily: var(--heading3_fontFamily);
2286    --fontSizeDesktop: var(--heading3_fontSizeDesktop);
2287    --fontWeightDesktop: var(--heading3_fontWeightDesktop);
2288    --fontStyleDesktop: var(--heading3_fontStyleDesktop);
2289    --textColorDesktop: var(--heading3_fontColorDesktop);
2290    --textDecorationDesktop: var(--heading3_textDecorationDesktop);
2291    --textDecorationStyleDesktop: var(--heading3_textDecorationStyleDesktop);
2292    --textDecorationColorDesktop: var(--heading3_textDecorationColorDesktop);
2293    --textDecorationLineDesktop: var(--heading3_textDecorationLineDesktop, var(--heading3_textDecorationDesktop));
2294    --lineHeightDesktop: var(--heading3_lineHeightDesktop);
2295    --letterSpacingDesktop: var(--heading3_letterSpacingDesktop);
2296    --paragraphSpacingDesktop: var(--heading3_paragraphSpacingDesktop);
2297}
2298
2299.wmc_text > .wml .wmcM_heading4,
2300.wmc_text > .wml h4 {
2301    --fontFamily: var(--heading4_fontFamily);
2302    --fontSizeDesktop: var(--heading4_fontSizeDesktop);
2303    --fontWeightDesktop: var(--heading4_fontWeightDesktop);
2304    --fontStyleDesktop: var(--heading4_fontStyleDesktop);
2305    --textColorDesktop: var(--heading4_fontColorDesktop);
2306    --textDecorationDesktop: var(--heading4_textDecorationDesktop);
2307    --textDecorationStyleDesktop: var(--heading4_textDecorationStyleDesktop);
2308    --textDecorationColorDesktop: var(--heading4_textDecorationColorDesktop);
2309    --textDecorationLineDesktop: var(--heading4_textDecorationLineDesktop, var(--heading4_textDecorationDesktop));
2310    --lineHeightDesktop: var(--heading4_lineHeightDesktop);
2311    --letterSpacingDesktop: var(--heading4_letterSpacingDesktop);
2312    --paragraphSpacingDesktop: var(--heading4_paragraphSpacingDesktop);
2313}
2314
2315.wmc_text > .wml .wmcM_heading5,
2316.wmc_text > .wml h5 {
2317    --fontFamily: var(--heading5_fontFamily);
2318    --fontSizeDesktop: var(--heading5_fontSizeDesktop);
2319    --fontWeightDesktop: var(--heading5_fontWeightDesktop);
2320    --fontStyleDesktop: var(--heading5_fontStyleDesktop);
2321    --textColorDesktop: var(--heading5_fontColorDesktop);
2322    --textDecorationDesktop: var(--heading5_textDecorationDesktop);
2323    --textDecorationStyleDesktop: var(--heading5_textDecorationStyleDesktop);
2324    --textDecorationColorDesktop: var(--heading5_textDecorationColorDesktop);
2325    --textDecorationLineDesktop: var(--heading5_textDecorationLineDesktop, var(--heading5_textDecorationDesktop));
2326    --lineHeightDesktop: var(--heading5_lineHeightDesktop);
2327    --letterSpacingDesktop: var(--heading5_letterSpacingDesktop);
2328    --paragraphSpacingDesktop: var(--heading5_paragraphSpacingDesktop);
2329}
2330
2331.wmc_text > .wml .wmcM_heading6,
2332.wmc_text > .wml h6 {
2333    --fontFamily: var(--heading6_fontFamily);
2334    --fontSizeDesktop: var(--heading6_fontSizeDesktop);
2335    --fontWeightDesktop: var(--heading6_fontWeightDesktop);
2336    --fontStyleDesktop: var(--heading6_fontStyleDesktop);
2337    --textColorDesktop: var(--heading6_fontColorDesktop);
2338    --textDecorationDesktop: var(--heading6_textDecorationDesktop);
2339    --textDecorationStyleDesktop: var(--heading6_textDecorationStyleDesktop);
2340    --textDecorationColorDesktop: var(--heading6_textDecorationColorDesktop);
2341    --textDecorationLineDesktop: var(--heading6_textDecorationLineDesktop, var(--heading6_textDecorationDesktop));
2342    --lineHeightDesktop: var(--heading6_lineHeightDesktop);
2343    --letterSpacingDesktop: var(--heading6_letterSpacingDesktop);
2344    --paragraphSpacingDesktop: var(--heading6_paragraphSpacingDesktop);
2345}
2346
2347.wmc_text > .wml .wmcM_paragraph1,
2348.wmc_text > .wml p,
2349.wmc_text > .wml div {
2350    --fontFamily: var(--paragraph1_fontFamily);
2351    --fontSizeDesktop: var(--paragraph1_fontSizeDesktop);
2352    --fontWeightDesktop: var(--paragraph1_fontWeightDesktop);
2353    --fontStyleDesktop: var(--paragraph1_fontStyleDesktop);
2354    --textColorDesktop: var(--paragraph1_fontColorDesktop);
2355    --textDecorationDesktop: var(--paragraph1_textDecorationDesktop);
2356    --textDecorationStyleDesktop: var(--paragraph1_textDecorationStyleDesktop);
2357    --textDecorationColorDesktop: var(--paragraph1_textDecorationColorDesktop);
2358    --textDecorationLineDesktop: var(--paragraph1_textDecorationLineDesktop, var(--paragraph1_textDecorationDesktop));
2359    --lineHeightDesktop: var(--paragraph1_lineHeightDesktop);
2360    --letterSpacingDesktop: var(--paragraph1_letterSpacingDesktop);
2361    --paragraphSpacingDesktop: var(--paragraph1_paragraphSpacingDesktop);
2362}
2363
2364.wmc_text > .wml .wmcM_paragraph2 {
2365    --fontFamily: var(--paragraph2_fontFamily);
2366    --fontSizeDesktop: var(--paragraph2_fontSizeDesktop);
2367    --fontWeightDesktop: var(--paragraph2_fontWeightDesktop);
2368    --fontStyleDesktop: var(--paragraph2_fontStyleDesktop);
2369    --textColorDesktop: var(--paragraph2_fontColorDesktop);
2370    --textDecorationDesktop: var(--paragraph2_textDecorationDesktop);
2371    --textDecorationStyleDesktop: var(--paragraph2_textDecorationStyleDesktop);
2372    --textDecorationColorDesktop: var(--paragraph2_textDecorationColorDesktop);
2373    --textDecorationLineDesktop: var(--paragraph2_textDecorationLineDesktop, var(--paragraph2_textDecorationDesktop));
2374    --lineHeightDesktop: var(--paragraph2_lineHeightDesktop);
2375    --letterSpacingDesktop: var(--paragraph2_letterSpacingDesktop);
2376    --paragraphSpacingDesktop: var(--paragraph2_paragraphSpacingDesktop);
2377}
2378
2379.wmc_text > .wml .wmcM_paragraph3 {
2380    --fontFamily: var(--paragraph3_fontFamily);
2381    --fontSizeDesktop: var(--paragraph3_fontSizeDesktop);
2382    --fontWeightDesktop: var(--paragraph3_fontWeightDesktop);
2383    --fontStyleDesktop: var(--paragraph3_fontStyleDesktop);
2384    --textColorDesktop: var(--paragraph3_fontColorDesktop);
2385    --textDecorationDesktop: var(--paragraph3_textDecorationDesktop);
2386    --textDecorationStyleDesktop: var(--paragraph3_textDecorationStyleDesktop);
2387    --textDecorationColorDesktop: var(--paragraph3_textDecorationColorDesktop);
2388    --textDecorationLineDesktop: var(--paragraph3_textDecorationLineDesktop, var(--paragraph3_textDecorationDesktop));
2389    --lineHeightDesktop: var(--paragraph3_lineHeightDesktop);
2390    --letterSpacingDesktop: var(--paragraph3_letterSpacingDesktop);
2391    --paragraphSpacingDesktop: var(--paragraph3_paragraphSpacingDesktop);
2392}
2393
2394.wmc_text > .wml .wmcM_paragraph4 {
2395    --fontFamily: var(--paragraph4_fontFamily);
2396    --fontSizeDesktop: var(--paragraph4_fontSizeDesktop);
2397    --fontWeightDesktop: var(--paragraph4_fontWeightDesktop);
2398    --fontStyleDesktop: var(--paragraph4_fontStyleDesktop);
2399    --textColorDesktop: var(--paragraph4_fontColorDesktop);
2400    --textDecorationDesktop: var(--paragraph4_textDecorationDesktop);
2401    --textDecorationStyleDesktop: var(--paragraph4_textDecorationStyleDesktop);
2402    --textDecorationColorDesktop: var(--paragraph4_textDecorationColorDesktop);
2403    --textDecorationLineDesktop: var(--paragraph4_textDecorationLineDesktop, var(--paragraph4_textDecorationDesktop));
2404    --lineHeightDesktop: var(--paragraph4_lineHeightDesktop);
2405    --letterSpacingDesktop: var(--paragraph4_letterSpacingDesktop);
2406    --paragraphSpacingDesktop: var(--paragraph4_paragraphSpacingDesktop);
2407}
2408
2409.wmc_text > .wml .wmcM_link,
2410.wmc_text > .wml .wmcM_link *,
2411.wmc_text > .wml a,
2412.wmc_text > .wml a * {
2413    --fontWeightDesktop: var(--link_fontWeightDesktop);
2414    --fontStyleDesktop: var(--link_fontStyleDesktop);
2415    --textColorDesktop: var(--link_fontColorDesktop);
2416    --textDecorationDesktop: var(--link_textDecorationDesktop);
2417    --textDecorationStyleDesktop: var(--link_textDecorationStyleDesktop);
2418    --textDecorationColorDesktop: var(--link_textDecorationColorDesktop);
2419    --textDecorationLineDesktop: var(--link_textDecorationLineDesktop, var(--link_textDecorationDesktop));
2420
2421    --textColorDesktopHover: var(--link_hoverFontColorDesktop);
2422    --textDecorationDesktopHover: var(--link_hoverTextDecorationDesktop);
2423    --textDecorationStyleDesktopHover: var(--link_hoverTextDecorationStyleDesktop);
2424    --textDecorationColorDesktopHover: var(--link_hoverTextDecorationColorDesktop);
2425    --textDecorationLineDesktopHover: var(--link_hoverTextDecorationLineDesktop, var(--link_hoverTextDecorationDesktop));
2426}
2427
2428@media all and (width >= 1040px) {
2429    .wmc_text.wmcM_sidewaysLR--desktop,
2430    .wmc_text.wmcM_sidewaysRL--desktop {
2431        & > .wml {
2432            width: min-content;
2433            min-width: var(--width);
2434            height: var(--minHeight);
2435        }
2436    }
2437
2438    .wmc_text.wmcM_sidewaysLR--desktop {
2439        --wm_writingModeDesktop: sideways-lr;
2440    }
2441
2442    .wmc_text.wmcM_sidewaysRL--desktop {
2443        --wm_writingModeDesktop: sideways-rl;
2444    }
2445
2446    .wmc_text.wmcM_sidewaysNormal--desktop {
2447        --wm_writingModeDesktop: initial;
2448    }
2449
2450    .wmc_text > .wml .wmcM_embed:has(> .wmc.wmcM_containerSizeFull) {
2451        display: block;
2452        clear: both;
2453        float: none;
2454    }
2455}
2456
2457@media all and (width < 1040px) {
2458    .wmc_text {
2459        --heightTablet: min-content;
2460
2461        /* entire text, per device */
2462        --paragraphSpacingTablet: var(--paragraph1_paragraphSpacingTablet);
2463        --paragraphSpacing: var(--paragraphSpacingTablet);
2464
2465        /* pieces of text, per device */
2466        --fontSizeTablet: var(--paragraph1_fontSizeTablet);
2467        --fontWeightTablet: var(--paragraph1_fontWeightTablet);
2468        --fontStyleTablet: var(--paragraph1_fontStyleTablet);
2469        --textColorTablet: var(--paragraph1_fontColorTablet);
2470        --textDecorationTablet: var(--paragraph1_textDecorationTablet);
2471        --textDecorationStyleTablet: var(--paragraph1_textDecorationStyleTablet);
2472        --textDecorationColorTablet: var(--paragraph1_textDecorationColorTablet);
2473        --textDecorationLineTablet: var(--textDecorationTablet);
2474        --textDecorationThicknessTablet: initial;
2475        --textUnderlineOffsetTablet: initial;
2476        --textDecorationSkipInkTablet: initial;
2477        --letterSpacingTablet: var(--paragraph1_letterSpacingTablet);
2478        --lineHeightTablet: var(--paragraph1_lineHeightTablet);
2479        --textAlignTablet: left;
2480        --textIndentTablet: 0px;
2481        --textBackgroundColorTablet: initial;
2482        --textTransformTablet: none;
2483        --fontVariantCapsTablet: normal;
2484        --fontVariantLigaturesTablet: none;
2485
2486        --wm_writingModeTablet: initial;
2487        --wm_writingMode: var(--wm_writingModeTablet);
2488    }
2489
2490    .wmc_text > .wml * {
2491        /* inherit from desktop */
2492        --fontSizeTablet: var(--fontSizeDesktop);
2493        --fontWeightTablet: var(--fontWeightDesktop);
2494        --fontStyleTablet: var(--fontStyleDesktop);
2495        --textColorTablet: var(--textColorDesktop);
2496        --textDecorationTablet: var(--textDecorationDesktop);
2497        --textDecorationStyleTablet: var(--textDecorationStyleDesktop);
2498        --textDecorationColorTablet: var(--textDecorationColorDesktop);
2499        --textDecorationLineTablet: var(--textDecorationLineDesktop);
2500        --textDecorationThicknessTablet: var(--textDecorationThicknessDesktop);
2501        --textUnderlineOffsetTablet: var(--textUnderlineOffsetDesktop);
2502        --textDecorationSkipInkTablet: var(--textDecorationSkipInkDesktop);
2503        --letterSpacingTablet: var(--letterSpacingDesktop);
2504        --textBackgroundColorTablet: var(--textBackgroundColorDesktop);
2505        --textTransformTablet: var(--textTransformDesktop);
2506        --fontVariantCapsTablet: var(--fontVariantCapsDesktop);
2507        --fontVariantLigaturesTablet: var(--fontVariantLigaturesDesktop);
2508
2509        /* pieces of text, per device */
2510        --paragraphSpacing: var(--paragraphSpacingTablet);
2511        --fontSize: var(--fontSizeTablet);
2512        --fontWeight: var(--fontWeightTablet);
2513        --fontStyle: var(--fontStyleTablet);
2514        --textColor: var(--textColorTablet);
2515        --textDecoration: var(--textDecorationTablet);
2516        --textDecorationStyle: var(--textDecorationStyleTablet);
2517        --textDecorationColor: var(--textDecorationColorTablet);
2518        --textDecorationLine: var(--textDecorationLineTablet);
2519        --textDecorationThickness: var(--textDecorationThicknessTablet);
2520        --textUnderlineOffset: var(--textUnderlineOffsetTablet);
2521        --textDecorationSkipInk: var(--textDecorationSkipInkTablet);
2522        --letterSpacing: var(--letterSpacingTablet);
2523        --lineHeight: var(--lineHeightTablet);
2524        --textAlign: var(--textAlignTablet);
2525        --textIndent: var(--textIndentTablet);
2526        --textBackgroundColor: var(--textBackgroundColorTablet);
2527        --textTransform: var(--textTransformTablet);
2528        --fontVariantCaps: var(--fontVariantCapsTablet);
2529        --fontVariantLigatures: var(--fontVariantLigaturesTablet);
2530
2531        /* pieces of text , per device hover */
2532        --fontSizeTabletHover: var(--fontSizeTablet);
2533        --fontWeightTabletHover: var(--fontWeightTablet);
2534        --fontStyleTabletHover: var(--fontStyleTablet);
2535        --textColorTabletHover: var(--textColorTablet);
2536        --textDecorationTabletHover: var(--textDecorationTablet);
2537        --textDecorationStyleTabletHover: var(--textDecorationStyleTablet);
2538        --textDecorationColorTabletHover: var(--textDecorationColorTablet);
2539        --textDecorationLineTabletHover: var(--textDecorationLineTablet);
2540        --textDecorationThicknessTabletHover: var(--textDecorationThicknessTablet);
2541        --textUnderlineOffsetTabletHover: var(--textUnderlineOffsetTablet);
2542        --textDecorationSkipInkTabletHover: var(--textDecorationSkipInkTablet);
2543        --textTransformTabletHover: var(--textTransformTablet);
2544        --fontVariantCapsTabletHover: var(--fontVariantCapsTablet);
2545        --fontVariantLigaturesTabletHover: var(--fontVariantLigaturesTablet);
2546
2547        --fontSizeHover: var(--fontSizeTabletHover);
2548        --fontWeightHover: var(--fontWeightTabletHover);
2549        --fontStyleHover: var(--fontStyleTabletHover);
2550        --textColorHover: var(--textColorTabletHover);
2551        --textDecorationHover: var(--textDecorationTabletHover);
2552        --textDecorationStyleHover: var(--textDecorationStyleTabletHover);
2553        --textDecorationColorHover: var(--textDecorationColorTabletHover);
2554        --textDecorationLineHover: var(--textDecorationLineTabletHover);
2555        --textDecorationThicknessHover: var(--textDecorationThicknessTabletHover);
2556        --textUnderlineOffsetHover: var(--textUnderlineOffsetTabletHover);
2557        --textDecorationSkipInkHover: var(--textDecorationSkipInkTabletHover);
2558        --textTransformHover: var(--textTransformTabletHover);
2559        --fontVariantCapsHover: var(--fontVariantCapsTabletHover);
2560        --fontVariantLigaturesHover: var(--fontVariantLigaturesTabletHover);
2561
2562        --fontSizeTabletActive: var(--fontSizeTabletHover);
2563        --fontWeightTabletActive: var(--fontWeightTabletHover);
2564        --fontStyleTabletActive: var(--fontStyleTabletHover);
2565        --textColorTabletActive: var(--textColorTabletHover);
2566        --textDecorationTabletActive: var(--textDecorationTabletHover);
2567        --textDecorationStyleTabletActive: var(--textDecorationStyleTabletHover);
2568        --textDecorationColorTabletActive: var(--textDecorationColorTabletHover);
2569        --textDecorationLineTabletActive: var(--textDecorationLineTabletHover);
2570        --textDecorationThicknessTabletActive: var(--textDecorationThicknessTabletHover);
2571        --textUnderlineOffsetTabletActive: var(--textUnderlineOffsetTabletHover);
2572        --textDecorationSkipInkTabletActive: var(--textDecorationSkipInkTabletHover);
2573        --textTransformTabletActive: var(--textTransformTabletHover);
2574        --fontVariantCapsTabletActive: var(--fontVariantCapsTabletHover);
2575        --fontVariantLigaturesTabletActive: var(--fontVariantLigaturesTabletHover);
2576
2577        --fontSizeActive: var(--fontSizeTabletActive);
2578        --fontWeightActive: var(--fontWeightTabletActive);
2579        --fontStyleActive: var(--fontStyleTabletActive);
2580        --textColorActive: var(--textColorTabletActive);
2581        --textDecorationActive: var(--textDecorationTabletActive);
2582        --textDecorationStyleActive: var(--textDecorationStyleTabletActive);
2583        --textDecorationColorActive: var(--textDecorationColorTabletActive);
2584        --textDecorationLineActive: var(--textDecorationLineTabletActive);
2585        --textDecorationThicknessActive: var(--textDecorationThicknessTabletActive);
2586        --textUnderlineOffsetActive: var(--textUnderlineOffsetTabletActive);
2587        --textDecorationSkipInkActive: var(--textDecorationSkipInkTabletActive);
2588        --textTransformActive: var(--textTransformTabletActive);
2589        --fontVariantCapsActive: var(--fontVariantCapsTabletActive);
2590        --fontVariantLigaturesActive: var(--fontVariantLigaturesTabletActive);
2591    }
2592
2593    .wmc_text > .wml .wmcM_title1 {
2594        --fontSizeTablet: var(--title1_fontSizeTablet);
2595        --fontWeightTablet: var(--title1_fontWeightTablet);
2596        --fontStyleTablet: var(--title1_fontStyleTablet);
2597        --textColorTablet: var(--title1_fontColorTablet);
2598        --textDecorationTablet: var(--title1_textDecorationTablet);
2599        --textDecorationStyleTablet: var(--title1_textDecorationStyleTablet);
2600        --textDecorationColorTablet: var(--title1_textDecorationColorTablet);
2601        --textDecorationLineTablet: var(--title1_textDecorationLineTablet, var(--title1_textDecorationTablet));
2602        --letterSpacingTablet: var(--title1_letterSpacingTablet);
2603        --lineHeightTablet: var(--title1_lineHeightTablet);
2604        --paragraphSpacingTablet: var(--title1_paragraphSpacingTablet);
2605    }
2606
2607    .wmc_text > .wml .wmcM_title2 {
2608        --fontSizeTablet: var(--title2_fontSizeTablet);
2609        --fontWeightTablet: var(--title2_fontWeightTablet);
2610        --fontStyleTablet: var(--title2_fontStyleTablet);
2611        --textColorTablet: var(--title2_fontColorTablet);
2612        --textDecorationTablet: var(--title2_textDecorationTablet);
2613        --textDecorationStyleTablet: var(--title2_textDecorationStyleTablet);
2614        --textDecorationColorTablet: var(--title2_textDecorationColorTablet);
2615        --textDecorationLineTablet: var(--title2_textDecorationLineTablet, var(--title2_textDecorationTablet));
2616        --letterSpacingTablet: var(--title2_letterSpacingTablet);
2617        --lineHeightTablet: var(--title2_lineHeightTablet);
2618        --paragraphSpacingTablet: var(--title2_paragraphSpacingTablet);
2619    }
2620
2621    .wmc_text > .wml .wmcM_title3 {
2622        --fontSizeTablet: var(--title3_fontSizeTablet);
2623        --fontWeightTablet: var(--title3_fontWeightTablet);
2624        --fontStyleTablet: var(--title3_fontStyleTablet);
2625        --textColorTablet: var(--title3_fontColorTablet);
2626        --textDecorationTablet: var(--title3_textDecorationTablet);
2627        --textDecorationStyleTablet: var(--title3_textDecorationStyleTablet);
2628        --textDecorationColorTablet: var(--title3_textDecorationColorTablet);
2629        --textDecorationLineTablet: var(--title3_textDecorationLineTablet, var(--title3_textDecorationTablet));
2630        --letterSpacingTablet: var(--title3_letterSpacingTablet);
2631        --lineHeightTablet: var(--title3_lineHeightTablet);
2632        --paragraphSpacingTablet: var(--title3_paragraphSpacingTablet);
2633    }
2634
2635    .wmc_text > .wml .wmcM_heading1,
2636    .wmc_text > .wml h1 {
2637        --fontSizeTablet: var(--heading1_fontSizeTablet);
2638        --fontWeightTablet: var(--heading1_fontWeightTablet);
2639        --fontStyleTablet: var(--heading1_fontStyleTablet);
2640        --textColorTablet: var(--heading1_fontColorTablet);
2641        --textDecorationTablet: var(--heading1_textDecorationTablet);
2642        --textDecorationStyleTablet: var(--heading1_textDecorationStyleTablet);
2643        --textDecorationColorTablet: var(--heading1_textDecorationColorTablet);
2644        --textDecorationLineTablet: var(--heading1_textDecorationLineTablet, var(--heading1_textDecorationTablet));
2645        --letterSpacingTablet: var(--heading1_letterSpacingTablet);
2646        --lineHeightTablet: var(--heading1_lineHeightTablet);
2647        --paragraphSpacingTablet: var(--heading1_paragraphSpacingTablet);
2648    }
2649
2650    .wmc_text > .wml .wmcM_heading2,
2651    .wmc_text > .wml h2 {
2652        --fontSizeTablet: var(--heading2_fontSizeTablet);
2653        --fontWeightTablet: var(--heading2_fontWeightTablet);
2654        --fontStyleTablet: var(--heading2_fontStyleTablet);
2655        --textColorTablet: var(--heading2_fontColorTablet);
2656        --textDecorationTablet: var(--heading2_textDecorationTablet);
2657        --textDecorationStyleTablet: var(--heading2_textDecorationStyleTablet);
2658        --textDecorationColorTablet: var(--heading2_textDecorationColorTablet);
2659        --textDecorationLineTablet: var(--heading2_textDecorationLineTablet, var(--heading2_textDecorationTablet));
2660        --letterSpacingTablet: var(--heading2_letterSpacingTablet);
2661        --lineHeightTablet: var(--heading2_lineHeightTablet);
2662        --paragraphSpacingTablet: var(--heading2_paragraphSpacingTablet);
2663    }
2664
2665    .wmc_text > .wml .wmcM_heading3,
2666    .wmc_text > .wml h3 {
2667        --fontSizeTablet: var(--heading3_fontSizeTablet);
2668        --fontWeightTablet: var(--heading3_fontWeightTablet);
2669        --fontStyleTablet: var(--heading3_fontStyleTablet);
2670        --textColorTablet: var(--heading3_fontColorTablet);
2671        --textDecorationTablet: var(--heading3_textDecorationTablet);
2672        --textDecorationStyleTablet: var(--heading3_textDecorationStyleTablet);
2673        --textDecorationColorTablet: var(--heading3_textDecorationColorTablet);
2674        --textDecorationLineTablet: var(--heading3_textDecorationLineTablet, var(--heading3_textDecorationTablet));
2675        --letterSpacingTablet: var(--heading3_letterSpacingTablet);
2676        --lineHeightTablet: var(--heading3_lineHeightTablet);
2677        --paragraphSpacingTablet: var(--heading3_paragraphSpacingTablet);
2678    }
2679
2680    .wmc_text > .wml .wmcM_heading4,
2681    .wmc_text > .wml h4 {
2682        --fontSizeTablet: var(--heading4_fontSizeTablet);
2683        --fontWeightTablet: var(--heading4_fontWeightTablet);
2684        --fontStyleTablet: var(--heading4_fontStyleTablet);
2685        --textColorTablet: var(--heading4_fontColorTablet);
2686        --textDecorationTablet: var(--heading4_textDecorationTablet);
2687        --textDecorationStyleTablet: var(--heading4_textDecorationStyleTablet);
2688        --textDecorationColorTablet: var(--heading4_textDecorationColorTablet);
2689        --textDecorationLineTablet: var(--heading4_textDecorationLineTablet, var(--heading4_textDecorationTablet));
2690        --letterSpacingTablet: var(--heading4_letterSpacingTablet);
2691        --lineHeightTablet: var(--heading4_lineHeightTablet);
2692        --paragraphSpacingTablet: var(--heading4_paragraphSpacingTablet);
2693    }
2694
2695    .wmc_text > .wml .wmcM_heading5,
2696    .wmc_text > .wml h5 {
2697        --fontSizeTablet: var(--heading5_fontSizeTablet);
2698        --fontWeightTablet: var(--heading5_fontWeightTablet);
2699        --fontStyleTablet: var(--heading5_fontStyleTablet);
2700        --textColorTablet: var(--heading5_fontColorTablet);
2701        --textDecorationTablet: var(--heading5_textDecorationTablet);
2702        --textDecorationStyleTablet: var(--heading5_textDecorationStyleTablet);
2703        --textDecorationColorTablet: var(--heading5_textDecorationColorTablet);
2704        --textDecorationLineTablet: var(--heading5_textDecorationLineTablet, var(--heading5_textDecorationTablet));
2705        --letterSpacingTablet: var(--heading5_letterSpacingTablet);
2706        --lineHeightTablet: var(--heading5_lineHeightTablet);
2707        --paragraphSpacingTablet: var(--heading5_paragraphSpacingTablet);
2708    }
2709
2710    .wmc_text > .wml .wmcM_heading6,
2711    .wmc_text > .wml h6 {
2712        --fontSizeTablet: var(--heading6_fontSizeTablet);
2713        --fontWeightTablet: var(--heading6_fontWeightTablet);
2714        --fontStyleTablet: var(--heading6_fontStyleTablet);
2715        --textColorTablet: var(--heading6_fontColorTablet);
2716        --textDecorationTablet: var(--heading6_textDecorationTablet);
2717        --textDecorationStyleTablet: var(--heading6_textDecorationStyleTablet);
2718        --textDecorationColorTablet: var(--heading6_textDecorationColorTablet);
2719        --textDecorationLineTablet: var(--heading6_textDecorationLineTablet, var(--heading6_textDecorationTablet));
2720        --letterSpacingTablet: var(--heading6_letterSpacingTablet);
2721        --lineHeightTablet: var(--heading6_lineHeightTablet);
2722        --paragraphSpacingTablet: var(--heading6_paragraphSpacingTablet);
2723    }
2724
2725    .wmc_text > .wml .wmcM_paragraph1,
2726    .wmc_text > .wml p,
2727    .wmc_text > .wml div {
2728        --fontSizeTablet: var(--paragraph1_fontSizeTablet);
2729        --fontWeightTablet: var(--paragraph1_fontWeightTablet);
2730        --fontStyleTablet: var(--paragraph1_fontStyleTablet);
2731        --textColorTablet: var(--paragraph1_fontColorTablet);
2732        --textDecorationTablet: var(--paragraph1_textDecorationTablet);
2733        --textDecorationStyleTablet: var(--paragraph1_textDecorationStyleTablet);
2734        --textDecorationColorTablet: var(--paragraph1_textDecorationColorTablet);
2735        --textDecorationLineTablet: var(--paragraph1_textDecorationLineTablet, var(--paragraph1_textDecorationTablet));
2736        --letterSpacingTablet: var(--paragraph1_letterSpacingTablet);
2737        --lineHeightTablet: var(--paragraph1_lineHeightTablet);
2738        --paragraphSpacingTablet: var(--paragraph1_paragraphSpacingTablet);
2739    }
2740
2741    .wmc_text > .wml .wmcM_paragraph2 {
2742        --fontSizeTablet: var(--paragraph2_fontSizeTablet);
2743        --fontWeightTablet: var(--paragraph2_fontWeightTablet);
2744        --fontStyleTablet: var(--paragraph2_fontStyleTablet);
2745        --textColorTablet: var(--paragraph2_fontColorTablet);
2746        --textDecorationTablet: var(--paragraph2_textDecorationTablet);
2747        --textDecorationStyleTablet: var(--paragraph2_textDecorationStyleTablet);
2748        --textDecorationColorTablet: var(--paragraph2_textDecorationColorTablet);
2749        --textDecorationLineTablet: var(--paragraph2_textDecorationLineTablet, var(--paragraph2_textDecorationTablet));
2750        --letterSpacingTablet: var(--paragraph2_letterSpacingTablet);
2751        --lineHeightTablet: var(--paragraph2_lineHeightTablet);
2752        --paragraphSpacingTablet: var(--paragraph2_paragraphSpacingTablet);
2753    }
2754
2755    .wmc_text > .wml .wmcM_paragraph3 {
2756        --fontSizeTablet: var(--paragraph3_fontSizeTablet);
2757        --fontWeightTablet: var(--paragraph3_fontWeightTablet);
2758        --fontStyleTablet: var(--paragraph3_fontStyleTablet);
2759        --textColorTablet: var(--paragraph3_fontColorTablet);
2760        --textDecorationTablet: var(--paragraph3_textDecorationTablet);
2761        --textDecorationStyleTablet: var(--paragraph3_textDecorationStyleTablet);
2762        --textDecorationColorTablet: var(--paragraph3_textDecorationColorTablet);
2763        --textDecorationLineTablet: var(--paragraph3_textDecorationLineTablet, var(--paragraph3_textDecorationTablet));
2764        --letterSpacingTablet: var(--paragraph3_letterSpacingTablet);
2765        --lineHeightTablet: var(--paragraph3_lineHeightTablet);
2766        --paragraphSpacingTablet: var(--paragraph3_paragraphSpacingTablet);
2767    }
2768
2769    .wmc_text > .wml .wmcM_paragraph4 {
2770        --fontSizeTablet: var(--paragraph4_fontSizeTablet);
2771        --fontWeightTablet: var(--paragraph4_fontWeightTablet);
2772        --fontStyleTablet: var(--paragraph4_fontStyleTablet);
2773        --textColorTablet: var(--paragraph4_fontColorTablet);
2774        --textDecorationTablet: var(--paragraph4_textDecorationTablet);
2775        --textDecorationStyleTablet: var(--paragraph4_textDecorationStyleTablet);
2776        --textDecorationColorTablet: var(--paragraph4_textDecorationColorTablet);
2777        --textDecorationLineTablet: var(--paragraph4_textDecorationLineTablet, var(--paragraph4_textDecorationTablet));
2778        --letterSpacingTablet: var(--paragraph4_letterSpacingTablet);
2779        --lineHeightTablet: var(--paragraph4_lineHeightTablet);
2780        --paragraphSpacingTablet: var(--paragraph4_paragraphSpacingTablet);
2781    }
2782
2783    .wmc_text > .wml .wmcM_link,
2784    .wmc_text > .wml .wmcM_link *,
2785    .wmc_text > .wml a,
2786    .wmc_text > .wml a * {
2787        --fontWeightTablet: var(--link_fontWeightTablet);
2788        --fontStyleTablet: var(--link_fontStyleTablet);
2789        --textColorTablet: var(--link_fontColorTablet);
2790        --textDecorationTablet: var(--link_textDecorationTablet);
2791        --textDecorationStyleTablet: var(--link_textDecorationStyleTablet);
2792        --textDecorationColorTablet: var(--link_textDecorationColorTablet);
2793        --textDecorationLineTablet: var(--link_textDecorationLineTablet, var(--link_textDecorationTablet));
2794
2795        --textColorTabletHover: var(--link_hoverFontColorTablet);
2796        --textDecorationTabletHover: var(--link_hoverTextDecorationTablet);
2797        --textDecorationStyleTabletHover: var(--link_hoverTextDecorationStyleTablet);
2798        --textDecorationColorTabletHover: var(--link_hoverTextDecorationColorTablet);
2799        --textDecorationLineTabletHover: var(--link_hoverTextDecorationLineTablet, var(--link_hoverTextDecorationTablet));
2800    }
2801
2802    .wmc_text.wmcM_shadow {
2803        --textShadowTablet: 0px 0px 0px transparent;
2804        --textShadowTabletHover: var(--textShadowTablet);
2805        --textShadowTabletActive: var(--textShadowTabletHover);
2806
2807        --textShadow: var(--textShadowTablet);
2808        --textShadowHover: var(--textShadowTabletHover);
2809        --textShadowActive: var(--textShadowTabletActive);
2810    }
2811
2812    .wmc_text {
2813        /* inherit from desktop */
2814        --paragraphSpacingTablet: var(--paragraphSpacingDesktop);
2815    }
2816
2817    .wmc_text > .wml .wmcM_title1,
2818    .wmc_text > .wml .wmcM_title2,
2819    .wmc_text > .wml .wmcM_title3,
2820    .wmc_text > .wml .wmcM_heading1,
2821    .wmc_text > .wml h1,
2822    .wmc_text > .wml .wmcM_heading2,
2823    .wmc_text > .wml h2,
2824    .wmc_text > .wml .wmcM_heading3,
2825    .wmc_text > .wml h3,
2826    .wmc_text > .wml .wmcM_heading4,
2827    .wmc_text > .wml h4,
2828    .wmc_text > .wml .wmcM_heading5,
2829    .wmc_text > .wml h5,
2830    .wmc_text > .wml .wmcM_heading6,
2831    .wmc_text > .wml h6,
2832    .wmc_text > .wml .wmcM_paragraph1,
2833    .wmc_text > .wml p,
2834    .wmc_text > .wml div,
2835    .wmc_text > .wml .wmcM_paragraph2,
2836    .wmc_text > .wml .wmcM_paragraph3,
2837    .wmc_text > .wml .wmcM_paragraph4 {
2838        /* inherit from desktop */
2839        --textAlignTablet: var(--textAlignDesktop);
2840    }
2841}
2842
2843@media all and (width < 1040px) and (width >= 650px) {
2844    .wmc_text.wmcM_sidewaysLR--tablet,
2845    .wmc_text.wmcM_sidewaysRL--tablet {
2846        & > .wml {
2847            width: min-content;
2848            min-width: var(--width);
2849            height: var(--minHeight);
2850        }
2851    }
2852
2853    .wmc_text.wmcM_sidewaysLR--tablet {
2854        --wm_writingModeTablet: sideways-lr;
2855    }
2856
2857    .wmc_text.wmcM_sidewaysRL--tablet {
2858        --wm_writingModeTablet: sideways-rl;
2859    }
2860
2861    .wmc_text.wmcM_sidewaysNormal--tablet {
2862        --wm_writingModeTablet: initial;
2863    }
2864
2865    .wmc_text > .wml .wmcM_embed {
2866        --floatTablet: var(--floatDesktop);
2867        --float: var(--floatTablet);
2868        clear: none;
2869    }
2870
2871    .wmc_text > .wml .wmcM_embed:has(
2872            > .wmc.wmcM_containerSizeFull:not(.wmcM_containerSizeContainer--tablet),
2873            > .wmc.wmcM_containerSizeFull--tablet
2874        ) {
2875        display: block;
2876        clear: both;
2877        float: none;
2878    }
2879}
2880
2881@media all and (width < 650px) {
2882    .wmc_text {
2883        --heightMobile: min-content;
2884
2885        /* entire text, per device */
2886        --paragraphSpacingMobile: var(--paragraph1_paragraphSpacingMobile);
2887        --paragraphSpacing: var(--paragraphSpacingMobile);
2888
2889        /* pieces of text, per device */
2890        --fontSizeMobile: var(--paragraph1_fontSizeMobile);
2891        --fontWeightMobile: var(--paragraph1_fontWeightMobile);
2892        --fontStyleMobile: var(--paragraph1_fontStyleMobile);
2893        --textColorMobile: var(--paragraph1_fontColorMobile);
2894        --textDecorationMobile: var(--paragraph1_textDecorationMobile);
2895        --textDecorationStyleMobile: var(--paragraph1_textDecorationStyleMobile);
2896        --textDecorationColorMobile: var(--paragraph1_textDecorationColorMobile);
2897        --textDecorationLineMobile: var(--textDecorationMobile);
2898        --letterSpacingMobile: var(--paragraph1_letterSpacingMobile);
2899        --lineHeightMobile: var(--paragraph1_lineHeightMobile);
2900        --textAlignMobile: left;
2901        --textIndentMobile: 0px;
2902        --textBackgroundColorMobile: initial;
2903        --textTransformMobile: none;
2904        --fontVariantCapsMobile: normal;
2905        --textVariantLigaturesMobile: none;
2906        --textUnderlineOffsetMobile: initial;
2907        --textDecorationSkipInkMobile: initial;
2908
2909        --wm_writingModeMobile: initial;
2910        --wm_writingMode: var(--wm_writingModeMobile);
2911    }
2912
2913    .wmc_text > .wml * {
2914        /* inherit from desktop */
2915        --fontSizeMobile: var(--fontSizeDesktop);
2916        --fontWeightMobile: var(--fontWeightDesktop);
2917        --fontStyleMobile: var(--fontStyleDesktop);
2918        --textColorMobile: var(--textColorDesktop);
2919        --textDecorationMobile: var(--textDecorationDesktop);
2920        --textDecorationStyleMobile: var(--textDecorationStyleDesktop);
2921        --textDecorationColorMobile: var(--textDecorationColorDesktop);
2922        --textDecorationLineMobile: var(--textDecorationLineDesktop);
2923        --textDecorationThicknessMobile: var(--textDecorationThicknessDesktop);
2924        --textUnderlineOffsetMobile: var(--textUnderlineOffsetDesktop);
2925        --textDecorationSkipInkMobile: var(--textDecorationSkipInkDesktop);
2926        --letterSpacingMobile: var(--letterSpacingDesktop);
2927        --textBackgroundColorMobile: var(--textBackgroundColorDesktop);
2928        --textTransformMobile: var(--textTransformDesktop);
2929        --fontVariantCapsMobile: var(--fontVariantCapsDesktop);
2930        --fontVariantLigaturesMobile: var(--fontVariantLigaturesDesktop);
2931
2932        /* pieces of text, per device */
2933        --paragraphSpacing: var(--paragraphSpacingMobile);
2934        --fontSize: var(--fontSizeMobile);
2935        --fontWeight: var(--fontWeightMobile);
2936        --fontStyle: var(--fontStyleMobile);
2937        --textColor: var(--textColorMobile);
2938        --textDecoration: var(--textDecorationMobile);
2939        --textDecorationStyle: var(--textDecorationStyleMobile);
2940        --textDecorationColor: var(--textDecorationColorMobile);
2941        --textDecorationLine: var(--textDecorationLineMobile);
2942        --textDecorationThickness: var(--textDecorationThicknessMobile);
2943        --textUnderlineOffset: var(--textUnderlineOffsetMobile);
2944        --textDecorationSkipInk: var(--textDecorationSkipInkMobile);
2945        --letterSpacing: var(--letterSpacingMobile);
2946        --lineHeight: var(--lineHeightMobile);
2947        --textAlign: var(--textAlignMobile);
2948        --textIndent: var(--textIndentMobile);
2949        --textBackgroundColor: var(--textBackgroundColorMobile);
2950        --textTransform: var(--textTransformMobile);
2951        --fontVariantCaps: var(--fontVariantCapsMobile);
2952        --fontVariantLigatures: var(--fontVariantLigaturesMobile);
2953
2954        /* pieces of text, per device  hover*/
2955        --fontSizeMobileHover: var(--fontSizeMobile);
2956        --fontWeightMobileHover: var(--fontWeightMobile);
2957        --fontStyleMobileHover: var(--fontStyleMobile);
2958        --textColorMobileHover: var(--textColorMobile);
2959        --textDecorationMobileHover: var(--textDecorationMobile);
2960        --textDecorationStyleMobileHover: var(--textDecorationStyleMobile);
2961        --textDecorationColorMobileHover: var(--textDecorationColorMobile);
2962        --textDecorationLineMobileHover: var(--textDecorationLineMobile);
2963        --textDecorationThicknessMobileHover: var(--textDecorationThicknessMobile);
2964        --textUnderlineOffsetMobileHover: var(--textUnderlineOffsetMobile);
2965        --textDecorationSkipInkMobileHover: var(--textDecorationSkipInkMobile);
2966        --textTransformMobileHover: var(--textTransformMobile);
2967        --fontVariantCapsMobileHover: var(--fontVariantCapsMobile);
2968        --fontVariantLigaturesMobileHover: var(--fontVariantLigaturesMobile);
2969
2970        --fontSizeHover: var(--fontSizeMobileHover);
2971        --fontWeightHover: var(--fontWeightMobileHover);
2972        --fontStyleHover: var(--fontStyleMobileHover);
2973        --textColorHover: var(--textColorMobileHover);
2974        --textDecorationHover: var(--textDecorationMobileHover);
2975        --textDecorationStyleHover: var(--textDecorationStyleMobileHover);
2976        --textDecorationColorHover: var(--textDecorationColorMobileHover);
2977        --textDecorationLineHover: var(--textDecorationLineMobileHover);
2978        --textDecorationThicknessHover: var(--textDecorationThicknessMobileHover);
2979        --textUnderlineOffsetHover: var(--textUnderlineOffsetMobileHover);
2980        --textDecorationSkipInkHover: var(--textDecorationSkipInkMobileHover);
2981        --textTransformHover: var(--textTransformMobileHover);
2982        --fontVariantCapsHover: var(--fontVariantCapsMobileHover);
2983        --fontVariantLigaturesHover: var(--fontVariantLigaturesMobileHover);
2984
2985        --fontSizeMobileActive: var(--fontSizeMobileHover);
2986        --fontWeightMobileActive: var(--fontWeightMobileHover);
2987        --fontStyleMobileActive: var(--fontStyleMobileHover);
2988        --textColorMobileActive: var(--textColorMobileHover);
2989        --textDecorationMobileActive: var(--textDecorationMobileHover);
2990        --textDecorationStyleMobileActive: var(--textDecorationStyleMobileHover);
2991        --textDecorationColorMobileActive: var(--textDecorationColorMobileHover);
2992        --textDecorationLineMobileActive: var(--textDecorationLineMobileHover);
2993        --textDecorationThicknessMobileActive: var(--textDecorationThicknessMobileHover);
2994        --textUnderlineOffsetMobileActive: var(--textUnderlineOffsetMobileHover);
2995        --textDecorationSkipInkMobileActive: var(--textDecorationSkipInkMobileHover);
2996        --textTransformMobileActive: var(--textTransformMobileHover);
2997        --fontVariantCapsMobileActive: var(--fontVariantCapsMobileHover);
2998        --fontVariantLigaturesMobileActive: var(--fontVariantLigaturesMobileHover);
2999
3000        --fontSizeActive: var(--fontSizeMobileActive);
3001        --fontWeightActive: var(--fontWeightMobileActive);
3002        --fontStyleActive: var(--fontStyleMobileActive);
3003        --textColorActive: var(--textColorMobileActive);
3004        --textDecorationActive: var(--textDecorationMobileActive);
3005        --textDecorationStyleActive: var(--textDecorationStyleMobileActive);
3006        --textDecorationColorActive: var(--textDecorationColorMobileActive);
3007        --textDecorationLineActive: var(--textDecorationLineMobileActive);
3008        --textDecorationThicknessActive: var(--textDecorationThicknessMobileActive);
3009        --textUnderlineOffsetActive: var(--textUnderlineOffsetMobileActive);
3010        --textDecorationSkipInkActive: var(--textDecorationSkipInkMobileActive);
3011        --textTransformActive: var(--textTransformMobileActive);
3012        --fontVariantCapsActive: var(--fontVariantCapsMobileActive);
3013        --fontVariantLigaturesActive: var(--fontVariantLigaturesMobileActive);
3014    }
3015
3016    .wmc_text > .wml .wmcM_title1 {
3017        --fontSizeMobile: var(--title1_fontSizeMobile);
3018        --fontWeightMobile: var(--title1_fontWeightMobile);
3019        --fontStyleMobile: var(--title1_fontStyleMobile);
3020        --textColorMobile: var(--title1_fontColorMobile);
3021        --textDecorationMobile: var(--title1_textDecorationMobile);
3022        --textDecorationStyleMobile: var(--title1_textDecorationStyleMobile);
3023        --textDecorationColorMobile: var(--title1_textDecorationColorMobile);
3024        --textDecorationLineMobile: var(--title1_textDecorationLineMobile, var(--title1_textDecorationMobile));
3025        --letterSpacingMobile: var(--title1_letterSpacingMobile);
3026        --lineHeightMobile: var(--title1_lineHeightMobile);
3027        --paragraphSpacingMobile: var(--title1_paragraphSpacingMobile);
3028    }
3029
3030    .wmc_text > .wml .wmcM_title2 {
3031        --fontSizeMobile: var(--title2_fontSizeMobile);
3032        --fontWeightMobile: var(--title2_fontWeightMobile);
3033        --fontStyleMobile: var(--title2_fontStyleMobile);
3034        --textColorMobile: var(--title2_fontColorMobile);
3035        --textDecorationMobile: var(--title2_textDecorationMobile);
3036        --textDecorationStyleMobile: var(--title2_textDecorationStyleMobile);
3037        --textDecorationColorMobile: var(--title2_textDecorationColorMobile);
3038        --textDecorationLineMobile: var(--title2_textDecorationLineMobile, var(--title2_textDecorationMobile));
3039        --letterSpacingMobile: var(--title2_letterSpacingMobile);
3040        --lineHeightMobile: var(--title2_lineHeightMobile);
3041        --paragraphSpacingMobile: var(--title2_paragraphSpacingMobile);
3042    }
3043
3044    .wmc_text > .wml .wmcM_title3 {
3045        --fontSizeMobile: var(--title3_fontSizeMobile);
3046        --fontWeightMobile: var(--title3_fontWeightMobile);
3047        --fontStyleMobile: var(--title3_fontStyleMobile);
3048        --textColorMobile: var(--title3_fontColorMobile);
3049        --textDecorationMobile: var(--title3_textDecorationMobile);
3050        --textDecorationStyleMobile: var(--title3_textDecorationStyleMobile);
3051        --textDecorationColorMobile: var(--title3_textDecorationColorMobile);
3052        --textDecorationLineMobile: var(--title3_textDecorationLineMobile, var(--title3_textDecorationMobile));
3053        --letterSpacingMobile: var(--title3_letterSpacingMobile);
3054        --lineHeightMobile: var(--title3_lineHeightMobile);
3055        --paragraphSpacingMobile: var(--title3_paragraphSpacingMobile);
3056    }
3057
3058    .wmc_text > .wml .wmcM_heading1,
3059    .wmc_text > .wml h1 {
3060        --fontSizeMobile: var(--heading1_fontSizeMobile);
3061        --fontWeightMobile: var(--heading1_fontWeightMobile);
3062        --fontStyleMobile: var(--heading1_fontStyleMobile);
3063        --textColorMobile: var(--heading1_fontColorMobile);
3064        --textDecorationMobile: var(--heading1_textDecorationMobile);
3065        --textDecorationStyleMobile: var(--heading1_textDecorationStyleMobile);
3066        --textDecorationColorMobile: var(--heading1_textDecorationColorMobile);
3067        --textDecorationLineMobile: var(--heading1_textDecorationLineMobile, var(--heading1_textDecorationMobile));
3068        --letterSpacingMobile: var(--heading1_letterSpacingMobile);
3069        --lineHeightMobile: var(--heading1_lineHeightMobile);
3070        --paragraphSpacingMobile: var(--heading1_paragraphSpacingMobile);
3071    }
3072
3073    .wmc_text > .wml .wmcM_heading2,
3074    .wmc_text > .wml h2 {
3075        --fontSizeMobile: var(--heading2_fontSizeMobile);
3076        --fontWeightMobile: var(--heading2_fontWeightMobile);
3077        --fontStyleMobile: var(--heading2_fontStyleMobile);
3078        --textColorMobile: var(--heading2_fontColorMobile);
3079        --textDecorationMobile: var(--heading2_textDecorationMobile);
3080        --textDecorationStyleMobile: var(--heading2_textDecorationStyleMobile);
3081        --textDecorationColorMobile: var(--heading2_textDecorationColorMobile);
3082        --textDecorationLineMobile: var(--heading2_textDecorationLineMobile, var(--heading2_textDecorationMobile));
3083        --letterSpacingMobile: var(--heading2_letterSpacingMobile);
3084        --lineHeightMobile: var(--heading2_lineHeightMobile);
3085        --paragraphSpacingMobile: var(--heading2_paragraphSpacingMobile);
3086    }
3087
3088    .wmc_text > .wml .wmcM_heading3,
3089    .wmc_text > .wml h3 {
3090        --fontSizeMobile: var(--heading3_fontSizeMobile);
3091        --fontWeightMobile: var(--heading3_fontWeightMobile);
3092        --fontStyleMobile: var(--heading3_fontStyleMobile);
3093        --textColorMobile: var(--heading3_fontColorMobile);
3094        --textDecorationMobile: var(--heading3_textDecorationMobile);
3095        --textDecorationStyleMobile: var(--heading3_textDecorationStyleMobile);
3096        --textDecorationColorMobile: var(--heading3_textDecorationColorMobile);
3097        --textDecorationLineMobile: var(--heading3_textDecorationLineMobile, var(--heading3_textDecorationMobile));
3098        --letterSpacingMobile: var(--heading3_letterSpacingMobile);
3099        --lineHeightMobile: var(--heading3_lineHeightMobile);
3100        --paragraphSpacingMobile: var(--heading3_paragraphSpacingMobile);
3101    }
3102
3103    .wmc_text > .wml .wmcM_heading4,
3104    .wmc_text > .wml h4 {
3105        --fontSizeMobile: var(--heading4_fontSizeMobile);
3106        --fontWeightMobile: var(--heading4_fontWeightMobile);
3107        --fontStyleMobile: var(--heading4_fontStyleMobile);
3108        --textColorMobile: var(--heading4_fontColorMobile);
3109        --textDecorationMobile: var(--heading4_textDecorationMobile);
3110        --textDecorationStyleMobile: var(--heading4_textDecorationStyleMobile);
3111        --textDecorationColorMobile: var(--heading4_textDecorationColorMobile);
3112        --textDecorationLineMobile: var(--heading4_textDecorationLineMobile, var(--heading4_textDecorationMobile));
3113        --letterSpacingMobile: var(--heading4_letterSpacingMobile);
3114        --lineHeightMobile: var(--heading4_lineHeightMobile);
3115        --paragraphSpacingMobile: var(--heading4_paragraphSpacingMobile);
3116    }
3117
3118    .wmc_text > .wml .wmcM_heading5,
3119    .wmc_text > .wml h5 {
3120        --fontSizeMobile: var(--heading5_fontSizeMobile);
3121        --fontWeightMobile: var(--heading5_fontWeightMobile);
3122        --fontStyleMobile: var(--heading5_fontStyleMobile);
3123        --textColorMobile: var(--heading5_fontColorMobile);
3124        --textDecorationMobile: var(--heading5_textDecorationMobile);
3125        --textDecorationStyleMobile: var(--heading5_textDecorationStyleMobile);
3126        --textDecorationColorMobile: var(--heading5_textDecorationColorMobile);
3127        --textDecorationLineMobile: var(--heading5_textDecorationLineMobile, var(--heading5_textDecorationMobile));
3128        --letterSpacingMobile: var(--heading5_letterSpacingMobile);
3129        --lineHeightMobile: var(--heading5_lineHeightMobile);
3130        --paragraphSpacingMobile: var(--heading5_paragraphSpacingMobile);
3131    }
3132
3133    .wmc_text > .wml .wmcM_heading6,
3134    .wmc_text > .wml h6 {
3135        --fontSizeMobile: var(--heading6_fontSizeMobile);
3136        --fontWeightMobile: var(--heading6_fontWeightMobile);
3137        --fontStyleMobile: var(--heading6_fontStyleMobile);
3138        --textColorMobile: var(--heading6_fontColorMobile);
3139        --textDecorationMobile: var(--heading6_textDecorationMobile);
3140        --textDecorationStyleMobile: var(--heading6_textDecorationStyleMobile);
3141        --textDecorationColorMobile: var(--heading6_textDecorationColorMobile);
3142        --textDecorationLineMobile: var(--heading6_textDecorationLineMobile, var(--heading6_textDecorationMobile));
3143        --letterSpacingMobile: var(--heading6_letterSpacingMobile);
3144        --lineHeightMobile: var(--heading6_lineHeightMobile);
3145        --paragraphSpacingMobile: var(--heading6_paragraphSpacingMobile);
3146    }
3147
3148    .wmc_text > .wml .wmcM_paragraph1,
3149    .wmc_text > .wml p,
3150    .wmc_text > .wml div {
3151        --fontSizeMobile: var(--paragraph1_fontSizeMobile);
3152        --fontWeightMobile: var(--paragraph1_fontWeightMobile);
3153        --fontStyleMobile: var(--paragraph1_fontStyleMobile);
3154        --textColorMobile: var(--paragraph1_fontColorMobile);
3155        --textDecorationMobile: var(--paragraph1_textDecorationMobile);
3156        --textDecorationStyleMobile: var(--paragraph1_textDecorationStyleMobile);
3157        --textDecorationColorMobile: var(--paragraph1_textDecorationColorMobile);
3158        --textDecorationLineMobile: var(--paragraph1_textDecorationLineMobile, var(--paragraph1_textDecorationMobile));
3159        --letterSpacingMobile: var(--paragraph1_letterSpacingMobile);
3160        --lineHeightMobile: var(--paragraph1_lineHeightMobile);
3161        --paragraphSpacingMobile: var(--paragraph1_paragraphSpacingMobile);
3162    }
3163
3164    .wmc_text > .wml .wmcM_paragraph2 {
3165        --fontSizeMobile: var(--paragraph2_fontSizeMobile);
3166        --fontWeightMobile: var(--paragraph2_fontWeightMobile);
3167        --fontStyleMobile: var(--paragraph2_fontStyleMobile);
3168        --textColorMobile: var(--paragraph2_fontColorMobile);
3169        --textDecorationMobile: var(--paragraph2_textDecorationMobile);
3170        --textDecorationStyleMobile: var(--paragraph2_textDecorationStyleMobile);
3171        --textDecorationColorMobile: var(--paragraph2_textDecorationColorMobile);
3172        --textDecorationLineMobile: var(--paragraph2_textDecorationLineMobile, var(--paragraph2_textDecorationMobile));
3173        --letterSpacingMobile: var(--paragraph2_letterSpacingMobile);
3174        --lineHeightMobile: var(--paragraph2_lineHeightMobile);
3175        --paragraphSpacingMobile: var(--paragraph2_paragraphSpacingMobile);
3176    }
3177
3178    .wmc_text > .wml .wmcM_paragraph3 {
3179        --fontSizeMobile: var(--paragraph3_fontSizeMobile);
3180        --fontWeightMobile: var(--paragraph3_fontWeightMobile);
3181        --fontStyleMobile: var(--paragraph3_fontStyleMobile);
3182        --textColorMobile: var(--paragraph3_fontColorMobile);
3183        --textDecorationMobile: var(--paragraph3_textDecorationMobile);
3184        --textDecorationStyleMobile: var(--paragraph3_textDecorationStyleMobile);
3185        --textDecorationColorMobile: var(--paragraph3_textDecorationColorMobile);
3186        --textDecorationLineMobile: var(--paragraph3_textDecorationLineMobile, var(--paragraph3_textDecorationMobile));
3187        --letterSpacingMobile: var(--paragraph3_letterSpacingMobile);
3188        --lineHeightMobile: var(--paragraph3_lineHeightMobile);
3189        --paragraphSpacingMobile: var(--paragraph3_paragraphSpacingMobile);
3190    }
3191
3192    .wmc_text > .wml .wmcM_paragraph4 {
3193        --fontSizeMobile: var(--paragraph4_fontSizeMobile);
3194        --fontWeightMobile: var(--paragraph4_fontWeightMobile);
3195        --fontStyleMobile: var(--paragraph4_fontStyleMobile);
3196        --textColorMobile: var(--paragraph4_fontColorMobile);
3197        --textDecorationMobile: var(--paragraph4_textDecorationMobile);
3198        --textDecorationStyleMobile: var(--paragraph4_textDecorationStyleMobile);
3199        --textDecorationColorMobile: var(--paragraph4_textDecorationColorMobile);
3200        --textDecorationLineMobile: var(--paragraph4_textDecorationLineMobile, var(--paragraph4_textDecorationMobile));
3201        --letterSpacingMobile: var(--paragraph4_letterSpacingMobile);
3202        --lineHeightMobile: var(--paragraph4_lineHeightMobile);
3203        --paragraphSpacingMobile: var(--paragraph4_paragraphSpacingMobile);
3204    }
3205
3206    .wmc_text > .wml .wmcM_link,
3207    .wmc_text > .wml .wmcM_link *,
3208    .wmc_text > .wml a,
3209    .wmc_text > .wml a * {
3210        --fontWeightMobile: var(--link_fontWeightMobile);
3211        --fontStyleMobile: var(--link_fontStyleMobile);
3212        --textColorMobile: var(--link_fontColorMobile);
3213        --textDecorationMobile: var(--link_textDecorationMobile);
3214        --textDecorationStyleMobile: var(--link_textDecorationStyleMobile);
3215        --textDecorationColorMobile: var(--link_textDecorationColorMobile);
3216        --textDecorationLineMobile: var(--link_textDecorationLineMobile, var(--link_textDecorationMobile));
3217
3218        --textColorMobileHover: var(--link_hoverFontColorMobile);
3219        --textDecorationMobileHover: var(--link_hoverTextDecorationMobile);
3220        --textDecorationStyleMobileHover: var(--link_hoverTextDecorationStyleMobile);
3221        --textDecorationColorMobileHover: var(--link_hoverTextDecorationColorMobile);
3222        --textDecorationLineMobileHover: var(--link_hoverTextDecorationLineMobile, var(--link_hoverTextDecorationMobile));
3223    }
3224
3225    .wmc_text.wmcM_shadow {
3226        --textShadowMobile: 0px 0px 0px transparent;
3227        --textShadowMobileHover: var(--textShadowMobile);
3228        --textShadowMobileActive: var(--textShadowMobileHover);
3229
3230        --textShadow: var(--textShadowMobile);
3231        --textShadowHover: var(--textShadowMobileHover);
3232        --textShadowActive: var(--textShadowMobileActive);
3233    }
3234
3235    .wmc_text.wmcM_sidewaysLR--mobile,
3236    .wmc_text.wmcM_sidewaysRL--mobile {
3237        & > .wml {
3238            width: min-content;
3239            min-width: var(--width);
3240            height: var(--minHeight);
3241        }
3242    }
3243
3244    .wmc_text.wmcM_sidewaysLR--mobile {
3245        --wm_writingModeMobile: sideways-lr;
3246    }
3247
3248    .wmc_text.wmcM_sidewaysRL--mobile {
3249        --wm_writingModeMobile: sideways-rl;
3250    }
3251
3252    .wmc_text.wmcM_sidewaysNormal--mobile {
3253        --wm_writingModeMobile: initial;
3254    }
3255
3256    .wmc_text {
3257        /* inherit from desktop */
3258        --paragraphSpacingMobile: var(--paragraphSpacingDesktop);
3259    }
3260
3261    .wmc_text > .wml .wmcM_title1,
3262    .wmc_text > .wml .wmcM_title2,
3263    .wmc_text > .wml .wmcM_title3,
3264    .wmc_text > .wml .wmcM_heading1,
3265    .wmc_text > .wml h1,
3266    .wmc_text > .wml .wmcM_heading2,
3267    .wmc_text > .wml h2,
3268    .wmc_text > .wml .wmcM_heading3,
3269    .wmc_text > .wml h3,
3270    .wmc_text > .wml .wmcM_heading4,
3271    .wmc_text > .wml h4,
3272    .wmc_text > .wml .wmcM_heading5,
3273    .wmc_text > .wml h5,
3274    .wmc_text > .wml .wmcM_heading6,
3275    .wmc_text > .wml h6,
3276    .wmc_text > .wml .wmcM_paragraph1,
3277    .wmc_text > .wml p,
3278    .wmc_text > .wml div,
3279    .wmc_text > .wml .wmcM_paragraph2,
3280    .wmc_text > .wml .wmcM_paragraph3,
3281    .wmc_text > .wml .wmcM_paragraph4 {
3282        /* inherit from desktop */
3283        --textAlignMobile: var(--textAlignDesktop);
3284    }
3285
3286    .wmc_text > .wml .wmcM_embed {
3287        --floatMobile: var(--floatDesktop);
3288        --float: var(--floatMobile);
3289        clear: none;
3290    }
3291
3292    .wmc_text > .wml .wmcM_embed:has(
3293            > .wmc.wmcM_containerSizeFull:not(.wmcM_containerSizeContainer--mobile),
3294            > .wmc.wmcM_containerSizeFull--mobile
3295        ) {
3296        display: block;
3297        clear: both;
3298        float: none;
3299    }
3300}
3301</style>
3302            <style>/* global-placeholder.css */
3303.wmc_globalPlaceholder {
3304    --containerSize: wm_full;
3305
3306    /*
3307    & > .wml:has(> .wmc) {
3308        min-height: unset;
3309    }
3310    */
3311}
3312</style>
3313            <style>/* columns.css */
3314@media all and (min-width: 1040px) {
3315    .wmc_columns.wmcM_stackDesktop > .wml_columns {
3316        grid-template-columns: unset;
3317        & > .wmc_column {
3318            --wm_columnsRatiosSum: 1;
3319            --contentWidthOverride: unset;
3320            grid-area: var(--gridPosition) / 1 / calc(var(--gridPosition) + 1) / -1;
3321
3322            & > .wml:not(:has(> .wmc)) {
3323                height: var(--height) !important;
3324                min-height: var(--minHeight) !important;
3325                max-height: var(--maxHeight) !important;
3326            }
3327        }
3328    }
3329}
3330
3331@media all and (min-width: 650px) and (max-width: 1039px) {
3332    .wmc_columns.wmcM_stackTablet > .wml_columns {
3333        grid-template-columns: unset;
3334        & > .wmc_column {
3335            --wm_columnsRatiosSum: 1;
3336            --contentWidthOverride: unset;
3337            grid-area: var(--gridPosition) / 1 / calc(var(--gridPosition) + 1) / -1;
3338
3339            & > .wml:not(:has(> .wmc)) {
3340                height: var(--height) !important;
3341                min-height: var(--minHeight) !important;
3342                max-height: var(--maxHeight) !important;
3343            }
3344        }
3345    }
3346}
3347
3348@media all and (max-width: 649px) {
3349    .wmc_columns > .wml_columns {
3350        grid-template-columns: unset;
3351        & > .wmc_column {
3352            --wm_columnsRatiosSum: 1;
3353            --contentWidthOverride: unset;
3354            grid-area: var(--gridPosition) / 1 / calc(var(--gridPosition) + 1) / -1;
3355
3356            & > .wml:not(:has(> .wmc)) {
3357                height: var(--height) !important;
3358                min-height: var(--minHeight) !important;
3359                max-height: var(--maxHeight) !important;
3360            }
3361        }
3362    }
3363}
3364</style>
3365            <style>/* menu.css */
3366:is(main, body > .wmc_section):has(.wmc_menu .navigation-module-container.active) {
3367    & .wmc:not(:has(.wmc_menu .navigation-module-container.active)) {
3368        opacity: 0 !important;
3369        visibility: hidden !important;
3370        pointer-events: none !important;
3371        transition: none;
3372    }
3373
3374    & .wmc.wmc_menu:has(.navigation-module-container.active) {
3375        opacity: 1 !important;
3376        visibility: visible !important;
3377    }
3378
3379    & .wms_background {
3380        opacity: 0 !important;
3381        visibility: hidden !important;
3382    }
3383}
3384
3385main:has(.wmc_menu .navigation-module-container.active) {
3386    --wm_scrollTop: 0px;
3387    overflow: visible !important;
3388    position: fixed;
3389
3390    max-height: calc(100dvh / var(--wm_scale));
3391    min-height: calc(100dvh / var(--wm_scale));
3392    width: calc(100dvw / var(--wm_scale)) !important;
3393    top: calc(-1 * var(--wm_scrollTop));
3394    left: 0;
3395}
3396
3397:is(.wmc_section, .wmc_placeholder, .wmc_globalContent, .wmc_globalPlaceholder):has(.navigation-module-container) {
3398    --zIndex: 100;
3399
3400    & + :is(.wmc_section, .wmc_placeholder, .wmc_globalContent, .wmc_globalPlaceholder):has(.navigation-module-container) {
3401        --zIndex: 99;
3402
3403        & + :is(.wmc_section, .wmc_placeholder, .wmc_globalContent, .wmc_globalPlaceholder):has(.navigation-module-container) {
3404            --zIndex: 98;
3405        }
3406    }
3407}
3408
3409/* `.arrow` may be a <span> or a <button popovertarget>; strip UA chrome. */
3410.wmc_menu button.arrow {
3411    background: transparent;
3412    border: 0;
3413    padding: 0;
3414    margin: 0;
3415    color: inherit;
3416    font: inherit;
3417}
3418
3419.wmc_menu > .wml {
3420    height: max-content;
3421}
3422
3423.wmc_menu {
3424    --heightDesktop: max-content;
3425    --navPrimaryFont: var(--fontFamilyPrimary);
3426    --wm_scrollTopNav: 0px;
3427
3428    /* icons */
3429    --wmd_hamburgerIconUrl: ;
3430    --wmd_backIconUrl: ;
3431    --wmd_closeIconUrl: ;
3432    --wmd_menuItemIconUrl: ;
3433    --wmd_submenuItemIconUrl: ;
3434    --wmd_submenuTitleIconUrl: ;
3435    --wmd_caretIconUrl: ;
3436    --wmd_submenuCaretIconUrl: ;
3437
3438    /**********************
3439		horizontal main nav
3440	***********************/
3441
3442    /* main nav padding */
3443    --horizontalNavPaddingTopDesktop: 0px;
3444    --horizontalNavPaddingBottomDesktop: 0px;
3445    --horizontalNavPaddingLeftDesktop: 0px;
3446    --horizontalNavPaddingRightDesktop: 0px;
3447
3448    /* main nav justify content */
3449    --horizontalNavJustifyContentDesktop: flex-start;
3450
3451    /* main nav item padding */
3452    --horizontalNavItemPaddingTopDesktop: 5px;
3453    --horizontalNavItemPaddingBottomDesktop: 5px;
3454    --horizontalNavItemPaddingLeftDesktop: 0px;
3455    --horizontalNavItemPaddingRightDesktop: 0px;
3456
3457    /* main nav item padding  hover*/
3458    --horizontalNavItemPaddingTopHoverDesktop: var(--horizontalNavItemPaddingTopDesktop);
3459    --horizontalNavItemPaddingBottomHoverDesktop: var(--horizontalNavItemPaddingBottomDesktop);
3460    --horizontalNavItemPaddingLeftHoverDesktop: var(--horizontalNavItemPaddingLeftDesktop);
3461    --horizontalNavItemPaddingRightHoverDesktop: var(--horizontalNavItemPaddingRightDesktop);
3462
3463    /* main nav item font */
3464    --horizontalNavItemFontDesktop: var(--navPrimaryFont);
3465    --horizontalNavItemFontColorDesktop: rgba(var(--colorPrimaryA), 1);
3466    --horizontalNavItemLineHeightDesktop: normal;
3467    --horizontalNavItemFontSizeDesktop: 16px;
3468    --horizontalNavItemFontWeightDesktop: 400;
3469    --horizontalNavBackgroundColorDesktop: transparent;
3470    --horizontalNavItemBackgroundColorDesktop: transparent;
3471    --horizontalNavItemLetterSpacingDesktop: 0px;
3472    --horizontalNavItemTextDecorationDesktop: none;
3473    --horizontalNavItemFontStyleDesktop: normal;
3474
3475    /* main nav item font hover */
3476    --horizontalNavItemHoverFontColorDesktop: var(--horizontalNavItemFontColorDesktop);
3477    --horizontalNavItemHoverBackgroundColorDesktop: var(--horizontalNavItemBackgroundColorDesktop);
3478    --horizontalNavItemFontSizeHoverDesktop: var(--horizontalNavItemFontSizeDesktop);
3479    --horizontalNavItemFontWeightHoverDesktop: var(--horizontalNavItemFontWeightDesktop);
3480    --horizontalNavItemTextDecorationHoverDesktop: var(--horizontalNavItemTextDecorationDesktop);
3481    --horizontalNavItemFontStyleHoverDesktop: var(--horizontalNavItemFontStyleDesktop);
3482
3483    /* main nav item font active */
3484    --horizontalNavItemActiveFontColorDesktop: var(--horizontalNavItemHoverFontColorDesktop);
3485    --horizontalNavItemActiveBackgroundColorDesktop: var(--horizontalNavItemHoverBackgroundColorDesktop);
3486
3487
3488    /* main nav border */
3489    --horizontalNavBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3490    --horizontalNavBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3491    --horizontalNavBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3492    --horizontalNavBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3493
3494    /* main nav border radius  hover*/
3495    --horizontalNavBorderRadiusDesktop: 0px 0px 0px 0px;
3496    --horizontalNavBorderRadiusHoverDesktop: var(--horizontalNavBorderRadiusDesktop);
3497
3498    /* main nav item border */
3499    --horizontalNavItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3500    --horizontalNavItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3501    --horizontalNavItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3502    --horizontalNavItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3503
3504    /* main nav item border hover */
3505    --horizontalNavItemBorderTopHoverDesktop: var(--horizontalNavItemBorderTopDesktop);
3506    --horizontalNavItemBorderRightHoverDesktop: var(--horizontalNavItemBorderRightDesktop);
3507    --horizontalNavItemBorderBottomHoverDesktop: var(--horizontalNavItemBorderBottomDesktop);
3508    --horizontalNavItemBorderLeftHoverDesktop: var(--horizontalNavItemBorderLeftDesktop);
3509
3510    /* main nav item border radius */
3511    --horizontalNavItemBorderRadiusDesktop: 0px 0px 0px 0px;
3512    --horizontalNavItemBorderRadiusHoverDesktop: var(--horizontalNavItemBorderRadiusDesktop);
3513
3514    /* separator */
3515    --horizontalNavSeparatorDisplayDesktop: block;
3516    --horizontalNavSeparatorWidthDesktop: 0px;
3517    --horizontalNavSeparatorHeightDesktop: 100%;
3518    --horizontalNavSeparatorColorDesktop: rgba(var(--colorPrimaryA), 1);
3519    --horizontalNavSeparatorSpacingDesktop: 20px;
3520
3521    /* sub separator */
3522    --horizontalNavSubSeparatorDisplayDesktop: block;
3523    --horizontalNavSubSeparatorWidthDesktop: 100%;
3524    --horizontalNavSubSeparatorHeightDesktop: 0px;
3525    --horizontalNavSubSeparatorColorDesktop: rgba(var(--colorPrimaryA), 1);
3526    --horizontalNavSubSeparatorSpacingDesktop: 0px;
3527
3528    /* arrow */
3529    --horizontalNavArrowSizeDesktop: 24px;
3530    --horizontalNavArrowSpacingDesktop: 5px;
3531    --horizontalNavArrowColorDesktop: rgba(var(--colorPrimaryA), 1);
3532    --horizontalNavArrowRotateDesktop: 0deg;
3533    --horizontalNavArrowSizeHoverDesktop: var(--horizontalNavArrowSizeDesktop);
3534    --horizontalNavArrowColorHoverDesktop: var(--horizontalNavArrowColorDesktop);
3535    --horizontalNavArrowRotateHoverDesktop: var(--horizontalNavArrowRotateDesktop);
3536    --horizontalNavArrowSizeActiveDesktop: var(--horizontalNavArrowSizeDesktop);
3537    --horizontalNavArrowColorActiveDesktop: var(--horizontalNavArrowColorHoverDesktop);
3538    --horizontalNavArrowRotateActiveDesktop: var(--horizontalNavArrowRotateHoverDesktop);
3539
3540    /* sub arrow */
3541    --horizontalNavSubArrowSizeDesktop: 24px;
3542    --horizontalNavSubArrowSpacingDesktop: 5px;
3543    --horizontalNavSubArrowColorDesktop: rgba(var(--colorPrimaryA), 1);
3544    --horizontalNavSubArrowRotateDesktop: -90deg;
3545    --horizontalNavSubArrowSizeHoverDesktop: var(--horizontalNavSubArrowSizeDesktop);
3546    --horizontalNavSubArrowColorHoverDesktop: var(--horizontalNavSubArrowColorDesktop);
3547    --horizontalNavSubArrowRotateHoverDesktop: var(--horizontalNavSubArrowRotateDesktop);
3548    --horizontalNavSubArrowSizeActiveDesktop: var(--horizontalNavSubArrowSizeDesktop);
3549    --horizontalNavSubArrowColorActiveDesktop: var(--horizontalNavSubArrowColorHoverDesktop);
3550    --horizontalNavSubArrowRotateActiveDesktop: var(--horizontalNavSubArrowRotateHoverDesktop);
3551
3552    /* sub nav item padding */
3553    --horizontalNavSubItemPaddingTopDesktop: 7px;
3554    --horizontalNavSubItemPaddingBottomDesktop: 7px;
3555    --horizontalNavSubItemPaddingLeftDesktop: 10px;
3556    --horizontalNavSubItemPaddingRightDesktop: 10px;
3557
3558    /* sub nav item padding hover */
3559    --horizontalNavSubItemPaddingTopHoverDesktop:  var(--horizontalNavSubItemPaddingTopDesktop);
3560    --horizontalNavSubItemPaddingBottomHoverDesktop: var(--horizontalNavSubItemPaddingBottomDesktop);
3561    --horizontalNavSubItemPaddingLeftHoverDesktop: var(--horizontalNavSubItemPaddingLeftDesktop);
3562    --horizontalNavSubItemPaddingRightHoverDesktop: var(--horizontalNavSubItemPaddingRightDesktop);
3563
3564    /* sub nav item font */
3565    --horizontalNavSubItemFontDesktop: var(--navPrimaryFont);
3566    --horizontalNavSubItemFontColorDesktop: rgba(var(--colorPrimaryA), 1);
3567    --horizontalNavSubItemLineHeightDesktop: normal;
3568    --horizontalNavSubItemFontSizeDesktop: 16px;
3569    --horizontalNavSubItemFontWeightDesktop: 400;
3570    --horizontalNavSubItemHoverFontColorDesktop: var(--horizontalNavSubItemFontColorDesktop); /* fix */
3571    --horizontalNavSubItemBackgroundColorDesktop: transparent;
3572    --horizontalNavSubItemHoverBackgroundColorDesktop: var(--horizontalNavSubItemBackgroundColorDesktop); /* fix */
3573    --horizontalNavSubItemTextDecorationDesktop: none;
3574    --horizontalNavSubItemFontStyleDesktop: normal;
3575    --horizontalNavSubItemLetterSpacingDesktop: 0px;
3576
3577    /* sub nav item font hover */
3578    --horizontalNavSubItemFontSizeHoverDesktop: var(--horizontalNavSubItemFontSizeDesktop);
3579    --horizontalNavSubItemFontWeightHoverDesktop: var(--horizontalNavSubItemFontWeightDesktop);
3580    --horizontalNavSubItemTextDecorationHoverDesktop: var(--horizontalNavSubItemTextDecorationDesktop);
3581    --horizontalNavSubItemFontStyleHoverDesktop: var(--horizontalNavSubItemFontStyleDesktop);
3582
3583    /* sub nav item font active */
3584    --horizontalNavSubItemActiveFontColorDesktop: var(--horizontalNavSubItemHoverFontColorDesktop);
3585    --horizontalNavSubItemActiveBackgroundColorDesktop: var(--horizontalNavSubItemHoverBackgroundColorDesktop);
3586
3587    /* sub nav item border */
3588    --horizontalNavSubItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3589    --horizontalNavSubItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3590    --horizontalNavSubItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3591    --horizontalNavSubItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3592
3593    /* sub nav item border hover */
3594    --horizontalNavSubItemBorderTopHoverDesktop: var(--horizontalNavSubItemBorderTopDesktop);
3595    --horizontalNavSubItemBorderRightHoverDesktop: var(--horizontalNavSubItemBorderRightDesktop);
3596    --horizontalNavSubItemBorderBottomHoverDesktop: var(--horizontalNavSubItemBorderBottomDesktop);
3597    --horizontalNavSubItemBorderLeftHoverDesktop: var(--horizontalNavSubItemBorderLeftDesktop);
3598
3599    /* sub nav item border radius */
3600    --horizontalNavSubItemBorderRadiusDesktop: 0px 0px 0px 0px;
3601    --horizontalNavSubItemBorderRadiusHoverDesktop: var(--horizontalNavSubItemBorderRadiusDesktop);
3602
3603    /* sub menu container */
3604    --horizontalNavSubPaddingTopDesktop: 0px;
3605    --horizontalNavSubPaddingBottomDesktop: 0px;
3606    --horizontalNavSubPaddingLeftDesktop: 0px;
3607    --horizontalNavSubPaddingRightDesktop: 0px;
3608    --horizontalNavSubContainerWidthDesktop: 200px;
3609    --horizontalNavSubContainerBackgroundColorDesktop: rgba(var(--colorPrimaryF), 1);
3610
3611    /* sub menu container shadow */
3612    --horizontalNavSubContainerShadowDesktop: none;
3613
3614    /* sub menu container border */
3615    --horizontalNavSubContainerBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3616    --horizontalNavSubContainerBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3617    --horizontalNavSubContainerBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3618    --horizontalNavSubContainerBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3619
3620    /* sub menu container border radius */
3621    --horizontalNavSubContainerBorderRadiusDesktop: 0px 0px 0px 0px;
3622
3623    /**********************
3624		mega panel layout
3625	***********************/
3626
3627    /* `--megaNavPanelWidth` doubles as the "full width vs grid-contained"
3628       toggle: 100vw = full-width, max-content (or a fixed width) = contained. */
3629    --megaNavPanelNumberOfCellsDesktop: 4;
3630    --megaNavPanelCellSpacingDesktop: 64px;
3631    --megaNavPanelPaddingTopDesktop: 40px;
3632    --megaNavPanelPaddingRightDesktop: 40px;
3633    --megaNavPanelPaddingBottomDesktop: 40px;
3634    --megaNavPanelPaddingLeftDesktop: 40px;
3635    --megaNavPanelWidthDesktop: 100vw;
3636
3637    /* mega main-menu separator */
3638    --megaNavSeparatorDisplayDesktop: block;
3639    --megaNavSeparatorWidthDesktop: 0px;
3640    --megaNavSeparatorColorDesktop: rgba(var(--colorPrimaryA), 1);
3641    --megaNavSeparatorSpacingDesktop: 20px;
3642    /* mega main-menu item — independent defaults (mirror horizontal defaults) */
3643    --megaNavItemPaddingTopDesktop: 5px;
3644    --megaNavItemPaddingBottomDesktop: 5px;
3645    --megaNavItemPaddingLeftDesktop: 0px;
3646    --megaNavItemPaddingRightDesktop: 0px;
3647    --megaNavItemPaddingTopHoverDesktop: var(--megaNavItemPaddingTopDesktop);
3648    --megaNavItemPaddingBottomHoverDesktop: var(--megaNavItemPaddingBottomDesktop);
3649    --megaNavItemPaddingLeftHoverDesktop: var(--megaNavItemPaddingLeftDesktop);
3650    --megaNavItemPaddingRightHoverDesktop: var(--megaNavItemPaddingRightDesktop);
3651    --megaNavItemFontDesktop: var(--navPrimaryFont);
3652    --megaNavItemFontColorDesktop: rgba(var(--colorPrimaryA), 1);
3653    --megaNavItemLineHeightDesktop: normal;
3654    --megaNavItemFontSizeDesktop: 16px;
3655    --megaNavItemFontWeightDesktop: 400;
3656    --megaNavItemBackgroundColorDesktop: transparent;
3657    --megaNavItemLetterSpacingDesktop: 0px;
3658    --megaNavItemTextDecorationDesktop: none;
3659    --megaNavItemFontStyleDesktop: normal;
3660    --megaNavItemHoverFontColorDesktop: var(--megaNavItemFontColorDesktop);
3661    --megaNavItemHoverBackgroundColorDesktop: var(--megaNavItemBackgroundColorDesktop);
3662    --megaNavItemFontSizeHoverDesktop: var(--megaNavItemFontSizeDesktop);
3663    --megaNavItemFontWeightHoverDesktop: var(--megaNavItemFontWeightDesktop);
3664    --megaNavItemTextDecorationHoverDesktop: var(--megaNavItemTextDecorationDesktop);
3665    --megaNavItemFontStyleHoverDesktop: var(--megaNavItemFontStyleDesktop);
3666    --megaNavItemActiveFontColorDesktop: var(--megaNavItemHoverFontColorDesktop);
3667    --megaNavItemActiveBackgroundColorDesktop: var(--megaNavItemHoverBackgroundColorDesktop);
3668    --megaNavItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3669    --megaNavItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3670    --megaNavItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3671    --megaNavItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
3672    --megaNavItemBorderTopHoverDesktop: var(--megaNavItemBorderTopDesktop);
3673    --megaNavItemBorderRightHoverDesktop: var(--megaNavItemBorderRightDesktop);
3674    --megaNavItemBorderBottomHoverDesktop: var(--megaNavItemBorderBottomDesktop);
3675    --megaNavItemBorderLeftHoverDesktop: var(--megaNavItemBorderLeftDesktop);
3676    --megaNavItemBorderRadiusDesktop: 0px 0px 0px 0px;
3677    --megaNavItemBorderRadiusHoverDesktop: var(--megaNavItemBorderRadiusDesktop);
3678
3679    /*****
3680		apply css properties
3681	*****/
3682
3683    /* apply main nav padding */
3684    --horizontalNavPaddingTop: var(--horizontalNavPaddingTopDesktop);
3685    --horizontalNavPaddingBottom: var(--horizontalNavPaddingBottomDesktop);
3686    --horizontalNavPaddingLeft: var(--horizontalNavPaddingLeftDesktop);
3687    --horizontalNavPaddingRight: var(--horizontalNavPaddingRightDesktop);
3688
3689    /* apply main nav justify content */
3690    --horizontalNavJustifyContent: var(--horizontalNavJustifyContentDesktop);
3691
3692    /* apply main nav item padding */
3693    --horizontalNavItemPaddingTop: var(--horizontalNavItemPaddingTopDesktop);
3694    --horizontalNavItemPaddingBottom: var(--horizontalNavItemPaddingBottomDesktop);
3695    --horizontalNavItemPaddingLeft: var(--horizontalNavItemPaddingLeftDesktop);
3696    --horizontalNavItemPaddingRight: var(--horizontalNavItemPaddingRightDesktop);
3697
3698    /* apply main nav item padding hover */
3699    --horizontalNavItemPaddingTopHover: var(--horizontalNavItemPaddingTopHoverDesktop);
3700    --horizontalNavItemPaddingBottomHover: var(--horizontalNavItemPaddingBottomHoverDesktop);
3701    --horizontalNavItemPaddingLeftHover: var(--horizontalNavItemPaddingLeftHoverDesktop);
3702    --horizontalNavItemPaddingRightHover: var(--horizontalNavItemPaddingRightHoverDesktop);
3703
3704    /* apply main nav item font */
3705    --horizontalNavItemFont: var(--horizontalNavItemFontDesktop);
3706    --horizontalNavItemFontColor: var(--horizontalNavItemFontColorDesktop);
3707    --horizontalNavItemLineHeight: var(--horizontalNavItemLineHeightDesktop);
3708    --horizontalNavItemFontSize: var(--horizontalNavItemFontSizeDesktop);
3709    --horizontalNavItemFontWeight: var(--horizontalNavItemFontWeightDesktop);
3710    --horizontalNavItemHoverFontColor: var(--horizontalNavItemHoverFontColorDesktop);
3711    --horizontalNavBackgroundColor: var(--horizontalNavBackgroundColorDesktop);
3712    --horizontalNavItemBackgroundColor: var(--horizontalNavItemBackgroundColorDesktop);
3713    --horizontalNavItemHoverBackgroundColor: var(--horizontalNavItemHoverBackgroundColorDesktop);
3714    --horizontalNavItemLetterSpacing: var(--horizontalNavItemLetterSpacingDesktop);
3715    --horizontalNavItemTextDecoration: var(--horizontalNavItemTextDecorationDesktop);
3716    --horizontalNavItemFontStyle: var(--horizontalNavItemFontStyleDesktop);
3717
3718    /* apply main nav item font hover */
3719    --horizontalNavItemFontSizeHover: var(--horizontalNavItemFontSizeHoverDesktop);
3720    --horizontalNavItemFontWeightHover: var(--horizontalNavItemFontWeightHoverDesktop);
3721    --horizontalNavItemTextDecorationHover: var(--horizontalNavItemTextDecorationHoverDesktop);
3722    --horizontalNavItemFontStyleHover: var(--horizontalNavItemFontStyleHoverDesktop);
3723
3724    /* apply main nav item font active */
3725    --horizontalNavItemActiveFontColor: var(--horizontalNavItemActiveFontColorDesktop);
3726    --horizontalNavItemActiveBackgroundColor: var(--horizontalNavItemActiveBackgroundColorDesktop);
3727
3728
3729    /* apply main nav border */
3730    --horizontalNavBorderTop: var(--horizontalNavBorderTopDesktop);
3731    --horizontalNavBorderRight: var(--horizontalNavBorderRightDesktop);
3732    --horizontalNavBorderBottom: var(--horizontalNavBorderBottomDesktop);
3733    --horizontalNavBorderLeft: var(--horizontalNavBorderLeftDesktop);
3734    /*apply main nav border radius hover*/
3735    --horizontalNavBorderRadius: var(--horizontalNavBorderRadiusDesktop);
3736    --horizontalNavBorderRadiusHover: var(--horizontalNavBorderRadiusHoverDesktop);
3737
3738    /* apply main nav item border */
3739    --horizontalNavItemBorderTop: var(--horizontalNavItemBorderTopDesktop);
3740    --horizontalNavItemBorderRight: var(--horizontalNavItemBorderRightDesktop);
3741    --horizontalNavItemBorderBottom: var(--horizontalNavItemBorderBottomDesktop);
3742    --horizontalNavItemBorderLeft: var(--horizontalNavItemBorderLeftDesktop);
3743    /* apply main nav item border hover */
3744    --horizontalNavItemBorderTopHover: var(--horizontalNavItemBorderTopHoverDesktop);
3745    --horizontalNavItemBorderRightHover: var(--horizontalNavItemBorderRightHoverDesktop);
3746    --horizontalNavItemBorderBottomHover: var(--horizontalNavItemBorderBottomHoverDesktop);
3747    --horizontalNavItemBorderLeftHover: var(--horizontalNavItemBorderLeftHoverDesktop);
3748
3749
3750    /* apply main nav item border radius */
3751    --horizontalNavItemBorderRadius: var(--horizontalNavItemBorderRadiusDesktop);
3752    --horizontalNavItemBorderRadiusHover: var(--horizontalNavItemBorderRadiusHoverDesktop);
3753
3754    /* apply separator */
3755    --horizontalNavSeparatorDisplay: var(--horizontalNavSeparatorDisplayDesktop);
3756    --horizontalNavSeparatorWidth: var(--horizontalNavSeparatorWidthDesktop);
3757    --horizontalNavSeparatorHeight: var(--horizontalNavSeparatorHeightDesktop);
3758    --horizontalNavSeparatorColor: var(--horizontalNavSeparatorColorDesktop);
3759    --horizontalNavSeparatorSpacing: var(--horizontalNavSeparatorSpacingDesktop);
3760
3761    /* apply mega separator */
3762    --megaNavSeparatorDisplay: var(--megaNavSeparatorDisplayDesktop);
3763    --megaNavSeparatorWidth: var(--megaNavSeparatorWidthDesktop);
3764    --megaNavSeparatorColor: var(--megaNavSeparatorColorDesktop);
3765    --megaNavSeparatorSpacing: var(--megaNavSeparatorSpacingDesktop);
3766
3767    /* apply sub separator */
3768    --horizontalNavSubSeparatorDisplay: var(--horizontalNavSubSeparatorDisplayDesktop);
3769    --horizontalNavSubSeparatorWidth: var(--horizontalNavSubSeparatorWidthDesktop);
3770    --horizontalNavSubSeparatorHeight: var(--horizontalNavSubSeparatorHeightDesktop);
3771    --horizontalNavSubSeparatorColor: var(--horizontalNavSubSeparatorColorDesktop);
3772    --horizontalNavSubSeparatorSpacing: var(--horizontalNavSubSeparatorSpacingDesktop);
3773
3774    /* apply arrow */
3775    --horizontalNavArrowSize: var(--horizontalNavArrowSizeDesktop);
3776    --horizontalNavArrowDisplay: var(--horizontalNavArrowDisplayDesktop);
3777    --horizontalNavItemIconDisplay: var(--horizontalNavItemIconDisplayDesktop);
3778    --horizontalNavItemIconColor: var(--horizontalNavItemIconColorDesktop);
3779    --horizontalNavItemIconColorHover: var(--horizontalNavItemIconColorHoverDesktop);
3780    --horizontalNavItemIconColorActive: var(--horizontalNavItemIconColorActiveDesktop);
3781    --horizontalNavItemIconSize: var(--horizontalNavItemIconSizeDesktop);
3782    --horizontalNavItemIconSizeHover: var(--horizontalNavItemIconSizeHoverDesktop);
3783    --horizontalNavItemIconSizeActive: var(--horizontalNavItemIconSizeActiveDesktop);
3784    --horizontalNavItemIconRotate: var(--horizontalNavItemIconRotateDesktop);
3785    --horizontalNavItemIconRotateHover: var(--horizontalNavItemIconRotateHoverDesktop);
3786    --horizontalNavItemIconRotateActive: var(--horizontalNavItemIconRotateActiveDesktop);
3787    --horizontalNavItemIconSpacing: var(--horizontalNavItemIconSpacingDesktop);
3788    --horizontalNavSubItemIconDisplay: var(--horizontalNavSubItemIconDisplayDesktop);
3789    --horizontalNavSubItemIconColor: var(--horizontalNavSubItemIconColorDesktop);
3790    --horizontalNavSubItemIconColorHover: var(--horizontalNavSubItemIconColorHoverDesktop);
3791    --horizontalNavSubItemIconColorActive: var(--horizontalNavSubItemIconColorActiveDesktop);
3792    --horizontalNavSubItemIconSize: var(--horizontalNavSubItemIconSizeDesktop);
3793    --horizontalNavSubItemIconSizeHover: var(--horizontalNavSubItemIconSizeHoverDesktop);
3794    --horizontalNavSubItemIconSizeActive: var(--horizontalNavSubItemIconSizeActiveDesktop);
3795    --horizontalNavSubItemIconRotate: var(--horizontalNavSubItemIconRotateDesktop);
3796    --horizontalNavSubItemIconRotateHover: var(--horizontalNavSubItemIconRotateHoverDesktop);
3797    --horizontalNavSubItemIconRotateActive: var(--horizontalNavSubItemIconRotateActiveDesktop);
3798    --horizontalNavSubItemIconSpacing: var(--horizontalNavSubItemIconSpacingDesktop);
3799    --horizontalNavArrowSpacing: var(--horizontalNavArrowSpacingDesktop);
3800    --horizontalNavArrowColor: var(--horizontalNavArrowColorDesktop);
3801    --horizontalNavArrowRotate: var(--horizontalNavArrowRotateDesktop);
3802    --horizontalNavArrowSizeHover: var(--horizontalNavArrowSizeHoverDesktop);
3803    --horizontalNavArrowColorHover: var(--horizontalNavArrowColorHoverDesktop);
3804    --horizontalNavArrowRotateHover: var(--horizontalNavArrowRotateHoverDesktop);
3805    --horizontalNavArrowSizeActive: var(--horizontalNavArrowSizeActiveDesktop);
3806    --horizontalNavArrowColorActive: var(--horizontalNavArrowColorActiveDesktop);
3807    --horizontalNavArrowRotateActive: var(--horizontalNavArrowRotateActiveDesktop);
3808
3809    /* apply sub arrow */
3810    --horizontalNavSubArrowSize: var(--horizontalNavSubArrowSizeDesktop);
3811    --horizontalNavSubArrowDisplay: var(--horizontalNavSubArrowDisplayDesktop);
3812    --horizontalNavSubArrowSpacing: var(--horizontalNavSubArrowSpacingDesktop);
3813    --horizontalNavSubArrowColor: var(--horizontalNavSubArrowColorDesktop);
3814    --horizontalNavSubArrowRotate: var(--horizontalNavSubArrowRotateDesktop);
3815    --horizontalNavSubArrowSizeHover: var(--horizontalNavSubArrowSizeHoverDesktop);
3816    --horizontalNavSubArrowColorHover: var(--horizontalNavSubArrowColorHoverDesktop);
3817    --horizontalNavSubArrowRotateHover: var(--horizontalNavSubArrowRotateHoverDesktop);
3818    --horizontalNavSubArrowSizeActive: var(--horizontalNavSubArrowSizeActiveDesktop);
3819    --horizontalNavSubArrowColorActive: var(--horizontalNavSubArrowColorActiveDesktop);
3820    --horizontalNavSubArrowRotateActive: var(--horizontalNavSubArrowRotateActiveDesktop);
3821
3822    /* apply sub */
3823    --horizontalNavSubItemPaddingTop: var(--horizontalNavSubItemPaddingTopDesktop);
3824    --horizontalNavSubItemPaddingBottom: var(--horizontalNavSubItemPaddingBottomDesktop);
3825    --horizontalNavSubItemPaddingLeft: var(--horizontalNavSubItemPaddingLeftDesktop);
3826    --horizontalNavSubItemPaddingRight: var(--horizontalNavSubItemPaddingRightDesktop);
3827
3828    /* apply sub nav item padding hover */
3829    --horizontalNavSubItemPaddingTopHover: var(--horizontalNavSubItemPaddingTopHoverDesktop);
3830    --horizontalNavSubItemPaddingBottomHover: var(--horizontalNavSubItemPaddingBottomHoverDesktop);
3831    --horizontalNavSubItemPaddingLeftHover: var(--horizontalNavSubItemPaddingLeftHoverDesktop);
3832    --horizontalNavSubItemPaddingRightHover: var(--horizontalNavSubItemPaddingRightHoverDesktop);
3833
3834
3835    /* apply sub nav item font */
3836    --horizontalNavSubItemFont: var(--horizontalNavSubItemFontDesktop);
3837    --horizontalNavSubItemFontColor: var(--horizontalNavSubItemFontColorDesktop);
3838    --horizontalNavSubItemLineHeight: var(--horizontalNavSubItemLineHeightDesktop);
3839    --horizontalNavSubItemFontSize: var(--horizontalNavSubItemFontSizeDesktop);
3840    --horizontalNavSubItemFontWeight: var(--horizontalNavSubItemFontWeightDesktop);
3841    --horizontalNavSubItemHoverFontColor: var(--horizontalNavSubItemHoverFontColorDesktop);
3842    --horizontalNavSubItemBackgroundColor: var(--horizontalNavSubItemBackgroundColorDesktop);
3843    --horizontalNavSubItemHoverBackgroundColor: var(--horizontalNavSubItemHoverBackgroundColorDesktop);
3844    --horizontalNavSubItemTextDecoration: var(--horizontalNavSubItemTextDecorationDesktop);
3845    --horizontalNavSubItemFontStyle: var(--horizontalNavSubItemFontStyleDesktop);
3846    --horizontalNavSubItemLetterSpacing: var(--horizontalNavSubItemLetterSpacingDesktop);
3847
3848    /* apply sub nav item font hover */
3849    --horizontalNavSubItemFontSizeHover: var(--horizontalNavSubItemFontSizeHoverDesktop);
3850    --horizontalNavSubItemFontWeightHover: var(--horizontalNavSubItemFontWeightHoverDesktop);
3851    --horizontalNavSubItemTextDecorationHover: var(--horizontalNavSubItemTextDecorationHoverDesktop);
3852    --horizontalNavSubItemFontStyleHover: var(--horizontalNavSubItemFontStyleHoverDesktop);
3853
3854    /* apply sub nav item font active */
3855    --horizontalNavSubItemActiveFontColor: var(--horizontalNavSubItemActiveFontColorDesktop);
3856    --horizontalNavSubItemActiveBackgroundColor: var(--horizontalNavSubItemActiveBackgroundColorDesktop);
3857
3858    /* apply sub nav item border */
3859    --horizontalNavSubItemBorderTop: var(--horizontalNavSubItemBorderTopDesktop);
3860    --horizontalNavSubItemBorderRight: var(--horizontalNavSubItemBorderRightDesktop);
3861    --horizontalNavSubItemBorderBottom: var(--horizontalNavSubItemBorderBottomDesktop);
3862    --horizontalNavSubItemBorderLeft: var(--horizontalNavSubItemBorderLeftDesktop);
3863
3864    /* apply sub nav item border hover */
3865    --horizontalNavSubItemBorderTopHover: var(--horizontalNavSubItemBorderTopHoverDesktop);
3866    --horizontalNavSubItemBorderRightHover: var(--horizontalNavSubItemBorderRightHoverDesktop);
3867    --horizontalNavSubItemBorderBottomHover: var(--horizontalNavSubItemBorderBottomHoverDesktop);
3868    --horizontalNavSubItemBorderLeftHover: var(--horizontalNavSubItemBorderLeftHoverDesktop);
3869
3870    /* apply sub nav item border radius */
3871    --horizontalNavSubItemBorderRadius: var(--horizontalNavSubItemBorderRadiusDesktop);
3872    --horizontalNavSubItemBorderRadiusHover: var(--horizontalNavSubItemBorderRadiusHoverDesktop);
3873
3874    /* apply sub menu container */
3875    --horizontalNavSubPaddingTop: var(--horizontalNavSubPaddingTopDesktop);
3876    --horizontalNavSubPaddingBottom: var(--horizontalNavSubPaddingBottomDesktop);
3877    --horizontalNavSubPaddingLeft: var(--horizontalNavSubPaddingLeftDesktop);
3878    --horizontalNavSubPaddingRight: var(--horizontalNavSubPaddingRightDesktop);
3879    --horizontalNavSubContainerWidth: var(--horizontalNavSubContainerWidthDesktop);
3880    --horizontalNavSubContainerBackgroundColor: var(--horizontalNavSubContainerBackgroundColorDesktop);
3881
3882    /* apply sub menu container shadow */
3883    --horizontalNavSubContainerShadow: var(--horizontalNavSubContainerShadowDesktop);
3884
3885    /* apply sub menu container border */
3886    --horizontalNavSubContainerBorderTop: var(--horizontalNavSubContainerBorderTopDesktop);
3887    --horizontalNavSubContainerBorderRight: var(--horizontalNavSubContainerBorderRightDesktop);
3888    --horizontalNavSubContainerBorderBottom: var(--horizontalNavSubContainerBorderBottomDesktop);
3889    --horizontalNavSubContainerBorderLeft: var(--horizontalNavSubContainerBorderLeftDesktop);
3890
3891    /* apply sub menu container border radius */
3892    --horizontalNavSubContainerBorderRadius: var(--horizontalNavSubContainerBorderRadiusDesktop);
3893
3894    /**********************
3895		hamburger main nav
3896	***********************/
3897
3898    /* main background color */
3899    --hamburgerNavBackgroundColorDesktop: rgba(var(--colorPrimaryC), 1);
3900
3901    /* main nav padding */
3902    --hamburgerNavPaddingTopDesktop: 50px;
3903    --hamburgerNavPaddingBottomDesktop: 50px;
3904    --hamburgerNavPaddingLeftDesktop: 100px;
3905    --hamburgerNavPaddingRightDesktop: 100px;
3906
3907    /* hamburger menu icon */
3908    --hamburgerMenuIconSizeDesktop: 50px;
3909    --hamburgerMenuIconSizeHoverDesktop: var(--hamburgerMenuIconSizeDesktop);
3910    --hamburgerMenuIconColorDesktop: rgba(var(--colorPrimaryA), 1);
3911    --hamburgerMenuIconHoverColorDesktop: var(--hamburgerMenuIconColorDesktop);
3912    --hamburgerMenuIconActiveSizeDesktop: 50px;
3913    --hamburgerMenuIconActiveColorDesktop: rgba(var(--colorPrimaryJ), 1);
3914    --hamburgerMenuIconActiveHoverColorDesktop: var(--hamburgerMenuIconActiveColorDesktop);
3915    --hamburgerMenuIconActiveSizeHoverDesktop: var(--hamburgerMenuIconActiveSizeDesktop);
3916    --hamburgerMenuDisplayDesktop: block;
3917    --hamburgerMenuJustifySelfDesktop: end;
3918
3919    /* main nav justify self */
3920    --hamburgerNavJustifySelfDesktop: center;
3921
3922    /* main nav items alignment */
3923    --hamburgerNavItemsAlignmentDesktop: left;
3924
3925    /* main nav item padding */
3926    --hamburgerNavItemPaddingTopDesktop: 10px;
3927    --hamburgerNavItemPaddingBottomDesktop: 10px;
3928    --hamburgerNavItemPaddingLeftDesktop: 0px;
3929    --hamburgerNavItemPaddingRightDesktop: 0px;
3930
3931    /* main nav item padding hover */
3932    --hamburgerNavItemPaddingTopHoverDesktop: var(--hamburgerNavItemPaddingTopDesktop);
3933    --hamburgerNavItemPaddingBottomHoverDesktop: var(--hamburgerNavItemPaddingBottomDesktop);
3934    --hamburgerNavItemPaddingLeftHoverDesktop: var(--hamburgerNavItemPaddingLeftDesktop);
3935    --hamburgerNavItemPaddingRightHoverDesktop: var(--hamburgerNavItemPaddingRightDesktop);
3936
3937    /* main nav item border */
3938    --hamburgerNavItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
3939    --hamburgerNavItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
3940    --hamburgerNavItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
3941    --hamburgerNavItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
3942
3943    /* main nav item border hover */
3944    --hamburgerNavItemBorderTopHoverDesktop: var(--hamburgerNavItemBorderTopDesktop);
3945    --hamburgerNavItemBorderRightHoverDesktop: var(--hamburgerNavItemBorderRightDesktop);
3946    --hamburgerNavItemBorderBottomHoverDesktop: var(--hamburgerNavItemBorderBottomDesktop);
3947    --hamburgerNavItemBorderLeftHoverDesktop: var(--hamburgerNavItemBorderLeftDesktop);
3948
3949    /* main nav item border radius */
3950    --hamburgerNavItemBorderRadiusDesktop: 0px 0px 0px 0px;
3951    --hamburgerNavItemBorderRadiusHoverDesktop: var(--hamburgerNavItemBorderRadiusDesktop);
3952
3953    /* main nav item font */
3954    --hamburgerNavItemFontDesktop: var(--navPrimaryFont);
3955    --hamburgerNavItemFontColorDesktop: rgba(var(--colorPrimaryJ), 1);
3956    --hamburgerNavItemLineHeightDesktop: normal;
3957    --hamburgerNavItemFontSizeDesktop: 48px;
3958    --hamburgerNavItemFontWeightDesktop: 400;
3959    --hamburgerNavItemBackgroundColorDesktop: transparent;
3960    --hamburgerNavItemLetterSpacingDesktop: 0px;
3961    --hamburgerNavItemTextDecorationDesktop: none;
3962    --hamburgerNavItemFontStyleDesktop: normal;
3963
3964    /* main nav item font hover */
3965    --hamburgerNavItemHoverFontColorDesktop: var(--hamburgerNavItemFontColorDesktop);
3966    --hamburgerNavItemHoverBackgroundColorDesktop: var(--hamburgerNavItemBackgroundColorDesktop);
3967    --hamburgerNavItemFontHoverDesktop: var(--hamburgerNavItemFontDesktop);
3968    --hamburgerNavItemLineHeightHoverDesktop: var(--hamburgerNavItemLineHeightDesktop);
3969    --hamburgerNavItemFontSizeHoverDesktop: var(--hamburgerNavItemFontSizeDesktop);
3970    --hamburgerNavItemFontWeightHoverDesktop: var(--hamburgerNavItemFontWeightDesktop);
3971    --hamburgerNavItemLetterSpacingHoverDesktop: var(--hamburgerNavItemLetterSpacingDesktop);
3972    --hamburgerNavItemTextDecorationHoverDesktop: var(--hamburgerNavItemTextDecorationDesktop);
3973    --hamburgerNavItemFontStyleHoverDesktop: var(--hamburgerNavItemFontStyleDesktop);
3974
3975    /* separator */
3976    --hamburgerNavSeparatorDisplayDesktop: block;
3977    --hamburgerNavSeparatorWidthDesktop: 100%;
3978    --hamburgerNavSeparatorHeightDesktop: 1px;
3979    --hamburgerNavSeparatorColorDesktop: rgba(var(--colorPrimaryJ), 1);
3980    --hamburgerNavSeparatorSpacingDesktop: 20px;
3981
3982    /* sub separator */
3983    --hamburgerNavSubSeparatorDisplayDesktop: block;
3984    --hamburgerNavSubSeparatorWidthDesktop: 100%;
3985    --hamburgerNavSubSeparatorHeightDesktop: 1px;
3986    --hamburgerNavSubSeparatorColorDesktop: rgba(var(--colorPrimaryJ), 1);
3987    --hamburgerNavSubSeparatorSpacingDesktop: 20px;
3988
3989    /* arrow */
3990    --hamburgerNavArrowSizeDesktop: 64px;
3991    --hamburgerNavArrowColorDesktop: rgba(var(--colorPrimaryJ), 1);
3992    --hamburgerNavArrowSpacingDesktop: 25px;
3993    --hamburgerNavArrowRotateDesktop: 0deg;
3994    --hamburgerNavArrowAutoSpacingDesktop: 100%; /* off: auto */
3995    --hamburgerNavArrowSizeHoverDesktop: var(--hamburgerNavArrowSizeDesktop);
3996    --hamburgerNavArrowColorHoverDesktop: var(--hamburgerNavArrowColorDesktop);
3997    --hamburgerNavArrowRotateHoverDesktop: var(--hamburgerNavArrowRotateDesktop);
3998
3999    /* sub arrow */
4000    --hamburgerNavSubArrowSizeDesktop: 32px;
4001    --hamburgerNavSubArrowColorDesktop: rgba(var(--colorPrimaryJ), 1);
4002    --hamburgerNavSubArrowSpacingDesktop: 25px;
4003    --hamburgerNavSubArrowRotateDesktop: 0deg;
4004    --hamburgerNavSubArrowAutoSpacingDesktop: 100%; /* off: auto */
4005    --hamburgerNavSubArrowSizeHoverDesktop: var(--hamburgerNavSubArrowSizeDesktop);
4006    --hamburgerNavSubArrowColorHoverDesktop: var(--hamburgerNavSubArrowColorDesktop);
4007    --hamburgerNavSubArrowRotateHoverDesktop: var(--hamburgerNavSubArrowRotateDesktop);
4008
4009    /* sub menu background color */
4010    --hamburgerNavSubBackgroundColorDesktop: transparent;
4011
4012    /* sub nav item padding */
4013    --hamburgerNavSubItemPaddingTopDesktop: 10px;
4014    --hamburgerNavSubItemPaddingRightDesktop: 0px;
4015    --hamburgerNavSubItemPaddingBottomDesktop: 10px;
4016    --hamburgerNavSubItemPaddingLeftDesktop: 0px;
4017
4018    /* sub nav item padding hover */
4019    --hamburgerNavSubItemPaddingTopHoverDesktop: var(--hamburgerNavSubItemPaddingTopDesktop);
4020    --hamburgerNavSubItemPaddingRightHoverDesktop: var(--hamburgerNavSubItemPaddingRightDesktop);
4021    --hamburgerNavSubItemPaddingBottomHoverDesktop: var(--hamburgerNavSubItemPaddingBottomDesktop);
4022    --hamburgerNavSubItemPaddingLeftHoverDesktop: var(--hamburgerNavSubItemPaddingLeftDesktop);
4023
4024    /* sub nav item border */
4025    --hamburgerNavSubItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
4026    --hamburgerNavSubItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
4027    --hamburgerNavSubItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
4028    --hamburgerNavSubItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
4029
4030    /* sub nav item border */
4031    --hamburgerNavSubItemBorderTopHoverDesktop: var(--hamburgerNavSubItemBorderTopDesktop);
4032    --hamburgerNavSubItemBorderRightHoverDesktop: var(--hamburgerNavSubItemBorderRightDesktop);
4033    --hamburgerNavSubItemBorderBottomHoverDesktop: var(--hamburgerNavSubItemBorderBottomDesktop);
4034    --hamburgerNavSubItemBorderLeftHoverDesktop: var(--hamburgerNavSubItemBorderLeftDesktop);
4035
4036    /* sub nav item border radius */
4037    --hamburgerNavSubItemBorderRadiusDesktop: 0px 0px 0px 0px;
4038    --hamburgerNavSubItemBorderRadiusHoverDesktop: var(--hamburgerNavSubItemBorderRadiusDesktop);
4039
4040    /* sub nav item background color */
4041    --hamburgerNavSubItemBackgroundColorDesktop: transparent;
4042
4043    /* sub nav item hover background color */
4044    --hamburgerNavSubItemHoverBackgroundColorDesktop: var(--hamburgerNavSubItemBackgroundColorDesktop);
4045
4046    /* sub nav item font */
4047    --hamburgerNavSubItemFontDesktop: var(--navPrimaryFont);
4048    --hamburgerNavSubItemFontColorDesktop: rgba(var(--colorPrimaryJ), 1);
4049    --hamburgerNavSubItemLineHeightDesktop: normal;
4050    --hamburgerNavSubItemFontSizeDesktop: 28px;
4051    --hamburgerNavSubItemFontWeightDesktop: 400;
4052    --hamburgerNavSubItemTextDecorationDesktop: none;
4053    --hamburgerNavSubItemFontStyleDesktop: normal;
4054    --hamburgerNavSubItemLetterSpacingDesktop: 0px;
4055
4056    /* sub nav item font hover */
4057    --hamburgerNavSubItemHoverFontColorDesktop: var(--hamburgerNavSubItemFontColorDesktop);
4058    --hamburgerNavSubItemFontHoverDesktop: var(--hamburgerNavSubItemFontDesktop);
4059    --hamburgerNavSubItemLineHeightHoverDesktop: var(--hamburgerNavSubItemLineHeightDesktop);
4060    --hamburgerNavSubItemFontSizeHoverDesktop: var(--hamburgerNavSubItemFontSizeDesktop);
4061    --hamburgerNavSubItemFontWeightHoverDesktop: var(--hamburgerNavSubItemFontWeightDesktop);
4062    --hamburgerNavSubItemLetterSpacingHoverDesktop: var(--hamburgerNavSubItemLetterSpacingDesktop);
4063    --hamburgerNavSubItemTextDecorationHoverDesktop: var(--hamburgerNavSubItemTextDecorationDesktop);
4064    --hamburgerNavSubItemFontStyleHoverDesktop: var(--hamburgerNavSubItemFontStyleDesktop);
4065
4066    /* nav back button border */
4067    --hamburgerNavBackButtonBorderTopDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
4068    --hamburgerNavBackButtonBorderRightDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
4069    --hamburgerNavBackButtonBorderBottomDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
4070    --hamburgerNavBackButtonBorderLeftDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
4071
4072    /* nav back button border hover */
4073    --hamburgerNavBackButtonBorderTopHoverDesktop: var(--hamburgerNavBackButtonBorderTopDesktop);
4074    --hamburgerNavBackButtonBorderRightHoverDesktop: var(--hamburgerNavBackButtonBorderRightDesktop);
4075    --hamburgerNavBackButtonBorderBottomHoverDesktop: var(--hamburgerNavBackButtonBorderBottomDesktop);
4076    --hamburgerNavBackButtonBorderLeftHoverDesktop: var(--hamburgerNavBackButtonBorderLeftDesktop);
4077
4078    /* nav back button border radius */
4079    --hamburgerNavBackButtonBorderRadiusDesktop: 0px 0px 0px 0px;
4080    --hamburgerNavBackButtonBorderRadiusHoverDesktop: var(--hamburgerNavBackButtonBorderRadiusDesktop);
4081
4082    /* nav back button background color */
4083    --hamburgerNavBackButtonBackgroundColorDesktop: transparent;
4084
4085    /* nav back button hover background color */
4086    --hamburgerNavBackButtonHoverBackgroundColorDesktop: var(--hamburgerNavBackButtonBackgroundColorDesktop);
4087
4088    /* nav back button */
4089    --hamburgerNavBackButtonPaddingTopDesktop: 10px;
4090    --hamburgerNavBackButtonPaddingBottomDesktop: 10px;
4091    --hamburgerNavBackButtonPaddingLeftDesktop: 0px;
4092    --hamburgerNavBackButtonPaddingRightDesktop: 0px;
4093    --hamburgerNavBackButtonFontDesktop: var(--navPrimaryFont);
4094    --hamburgerNavBackButtonColorDesktop: rgba(var(--colorPrimaryJ), 1);
4095    --hamburgerNavBackButtonFontSizeDesktop: 28px;
4096    --hamburgerNavBackButtonFontWeightDesktop: 400;
4097    --hamburgerNavBackButtonFontStyleDesktop: normal;
4098    --hamburgerNavBackButtonLetterSpacingDesktop: 0px;
4099    --hamburgerNavBackButtonTextDecorationDesktop: none;
4100    --hamburgerNavBackButtonLineHeightDesktop: normal;
4101    --hamburgerNavBackButtonHoverFontColorDesktop: var(--hamburgerNavBackButtonColorDesktop);
4102
4103    /* nav back button hover  */
4104    --hamburgerNavBackButtonPaddingTopHoverDesktop: var(--hamburgerNavBackButtonPaddingTopDesktop);
4105    --hamburgerNavBackButtonPaddingBottomHoverDesktop: var(--hamburgerNavBackButtonPaddingBottomDesktop);
4106    --hamburgerNavBackButtonPaddingLeftHoverDesktop: var(--hamburgerNavBackButtonPaddingLeftDesktop);
4107    --hamburgerNavBackButtonPaddingRightHoverDesktop: var(--hamburgerNavBackButtonPaddingRightDesktop);
4108
4109    /* nav back button arrow */
4110    --hamburgerNavBackButtonArrowSizeDesktop: 24px;
4111    --hamburgerNavBackButtonArrowSizeHoverDesktop: var(--hamburgerNavBackButtonArrowSizeDesktop);
4112    --hamburgerNavBackButtonArrowColorDesktop: rgba(var(--colorPrimaryJ), 1);
4113    --hamburgerNavBackButtonArrowSpacingDesktop: 10px;
4114    --hamburgerNavBackButtonArrowRotateDesktop: 0deg;
4115
4116    /* parent title border */
4117    --hamburgerTitleBorderTopDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
4118    --hamburgerTitleBorderRightDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
4119    --hamburgerTitleBorderBottomDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
4120    --hamburgerTitleBorderLeftDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
4121
4122    /* parent title border */
4123    --hamburgerTitleBorderTopHoverDesktop: var(--hamburgerTitleBorderTopDesktop);
4124    --hamburgerTitleBorderRightHoverDesktop: var(--hamburgerTitleBorderRightDesktop);
4125    --hamburgerTitleBorderBottomHoverDesktop: var(--hamburgerTitleBorderBottomDesktop);
4126    --hamburgerTitleBorderLeftHoverDesktop: var(--hamburgerTitleBorderLeftDesktop);
4127
4128    /* parent title border radius */
4129    --hamburgerTitleBorderRadiusDesktop: 0px 0px 0px 0px;
4130    --hamburgerTitleBorderRadiusHoverDesktop: var(--hamburgerTitleBorderRadiusDesktop);
4131
4132    /* parent title background color */
4133    --hamburgerTitleBackgroundColorDesktop: transparent;
4134    --hamburgerTitleBackgroundColorHoverDesktop: var(--hamburgerTitleBackgroundColorDesktop);
4135
4136    /* parent title padding */
4137    --hamburgerTitlePaddingTopDesktop: 10px;
4138    --hamburgerTitlePaddingBottomDesktop: 10px;
4139    --hamburgerTitlePaddingLeftDesktop: 0px;
4140    --hamburgerTitlePaddingRightDesktop: 0px;
4141
4142    /* parent title padding hover*/
4143    --hamburgerTitlePaddingTopHoverDesktop: var(--hamburgerTitlePaddingTopDesktop);
4144    --hamburgerTitlePaddingBottomHoverDesktop: var(--hamburgerTitlePaddingBottomDesktop);
4145    --hamburgerTitlePaddingLeftHoverDesktop: var(--hamburgerTitlePaddingLeftDesktop);
4146    --hamburgerTitlePaddingRightHoverDesktop: var(--hamburgerTitlePaddingRightDesktop);
4147
4148    /* parent title font */
4149    --hamburgerTitleFontDesktop: var(--navPrimaryFont);
4150    --hamburgerTitleFontColorDesktop: rgba(var(--colorPrimaryJ), 1);
4151    --hamburgerTitleFontSizeDesktop: 48px;
4152    --hamburgerTitleLineHeightDesktop: normal;
4153    --hamburgerTitleFontWeightDesktop: 400;
4154    --hamburgerTitleFontStyleDesktop: normal;
4155    --hamburgerTitleLetterSpacingDesktop: 0px;
4156    --hamburgerTitleTextDecorationDesktop: none;
4157
4158    /* parent title arrow */
4159    --hamburgerTitleArrowSizeDesktop: 64px;
4160    --hamburgerTitleArrowColorDesktop: rgba(var(--colorPrimaryJ), 1);
4161    --hamburgerTitleArrowSpacingDesktop: 15px;
4162    --hamburgerTitleArrowRotateDesktop: 0deg;
4163
4164    /* slide container */
4165    --hamburgerSlideContainerWidthDesktop: 800px;
4166
4167    /*****
4168		apply css properties
4169	*****/
4170
4171    /* apply main background color */
4172    --hamburgerNavBackgroundColor: var(--hamburgerNavBackgroundColorDesktop);
4173
4174    /* apply main nav padding */
4175    --hamburgerNavPaddingTop: var(--hamburgerNavPaddingTopDesktop);
4176    --hamburgerNavPaddingBottom: var(--hamburgerNavPaddingBottomDesktop);
4177    --hamburgerNavPaddingLeft: var(--hamburgerNavPaddingLeftDesktop);
4178    --hamburgerNavPaddingRight: var(--hamburgerNavPaddingRightDesktop);
4179
4180    /* apply hamburger menu icon */
4181    --hamburgerMenuIconSize: var(--hamburgerMenuIconSizeDesktop);
4182    --hamburgerMenuIconSizeHover: var(--hamburgerMenuIconSizeHoverDesktop);
4183    --hamburgerMenuIconColor: var(--hamburgerMenuIconColorDesktop);
4184    --hamburgerMenuIconHoverColor: var(--hamburgerMenuIconHoverColorDesktop);
4185    --hamburgerMenuIconActiveSize: var(--hamburgerMenuIconActiveSizeDesktop);
4186    --hamburgerMenuIconActiveColor: var(--hamburgerMenuIconActiveColorDesktop);
4187    --hamburgerMenuIconActiveHoverColor: var(--hamburgerMenuIconActiveHoverColorDesktop);
4188    --hamburgerMenuIconActiveSizeHover: var(--hamburgerMenuIconActiveSizeHoverDesktop);
4189    --hamburgerMenuDisplay: var(--hamburgerMenuDisplayDesktop);
4190    --hamburgerMenuJustifySelf: var(--hamburgerMenuJustifySelfDesktop);
4191
4192    /* apply main nav justify self */
4193    --hamburgerNavJustifySelf: var(--hamburgerNavJustifySelfDesktop);
4194
4195    /* apply main nav items alignment */
4196    --hamburgerNavItemsAlignment: var(--hamburgerNavItemsAlignmentDesktop);
4197
4198    /* apply main nav item padding */
4199    --hamburgerNavItemPaddingTop: var(--hamburgerNavItemPaddingTopDesktop);
4200    --hamburgerNavItemPaddingBottom: var(--hamburgerNavItemPaddingBottomDesktop);
4201    --hamburgerNavItemPaddingLeft: var(--hamburgerNavItemPaddingLeftDesktop);
4202    --hamburgerNavItemPaddingRight: var(--hamburgerNavItemPaddingRightDesktop);
4203
4204    /* apply main nav item padding hover */
4205    --hamburgerNavItemPaddingTopHover: var(--hamburgerNavItemPaddingTopHoverDesktop);
4206    --hamburgerNavItemPaddingBottomHover: var(--hamburgerNavItemPaddingBottomHoverDesktop);
4207    --hamburgerNavItemPaddingLeftHover: var(--hamburgerNavItemPaddingLeftHoverDesktop);
4208    --hamburgerNavItemPaddingRightHover: var(--hamburgerNavItemPaddingRightHoverDesktop);
4209
4210    /* apply main nav item border */
4211    --hamburgerNavItemBorderTop: var(--hamburgerNavItemBorderTopDesktop);
4212    --hamburgerNavItemBorderRight: var(--hamburgerNavItemBorderRightDesktop);
4213    --hamburgerNavItemBorderBottom: var(--hamburgerNavItemBorderBottomDesktop);
4214    --hamburgerNavItemBorderLeft: var(--hamburgerNavItemBorderLeftDesktop);
4215
4216    /* apply main nav item border hover */
4217    --hamburgerNavItemBorderTopHover: var(--hamburgerNavItemBorderTopHoverDesktop);
4218    --hamburgerNavItemBorderRightHover: var(--hamburgerNavItemBorderRightHoverDesktop);
4219    --hamburgerNavItemBorderBottomHover: var(--hamburgerNavItemBorderBottomHoverDesktop);
4220    --hamburgerNavItemBorderLeftHover: var(--hamburgerNavItemBorderLeftHoverDesktop);
4221
4222    /* apply main nav item border radius */
4223    --hamburgerNavItemBorderRadius: var(--hamburgerNavItemBorderRadiusDesktop);
4224    --hamburgerNavItemBorderRadiusHover: var(--hamburgerNavItemBorderRadiusHoverDesktop);
4225
4226    /* apply main nav item font */
4227    --hamburgerNavItemFont: var(--hamburgerNavItemFontDesktop);
4228    --hamburgerNavItemFontColor: var(--hamburgerNavItemFontColorDesktop);
4229    --hamburgerNavItemLineHeight: var(--hamburgerNavItemLineHeightDesktop);
4230    --hamburgerNavItemFontSize: var(--hamburgerNavItemFontSizeDesktop);
4231    --hamburgerNavItemFontWeight: var(--hamburgerNavItemFontWeightDesktop);
4232    --hamburgerNavItemBackgroundColor: var(--hamburgerNavItemBackgroundColorDesktop);
4233    --hamburgerNavItemLetterSpacing: var(--hamburgerNavItemLetterSpacingDesktop);
4234    --hamburgerNavItemTextDecoration: var(--hamburgerNavItemTextDecorationDesktop);
4235    --hamburgerNavItemFontStyle: var(--hamburgerNavItemFontStyleDesktop);
4236
4237    /* apply main van item font hover */
4238    --hamburgerNavItemHoverFontColor: var(--hamburgerNavItemHoverFontColorDesktop);
4239    --hamburgerNavItemHoverBackgroundColor: var(--hamburgerNavItemHoverBackgroundColorDesktop);
4240    --hamburgerNavItemFontHover: var(--hamburgerNavItemFontHoverDesktop);
4241    --hamburgerNavItemLineHeightHover: var(--hamburgerNavItemLineHeightHoverDesktop);
4242    --hamburgerNavItemFontSizeHover: var(--hamburgerNavItemFontSizeHoverDesktop);
4243    --hamburgerNavItemFontWeightHover: var(--hamburgerNavItemFontWeightHoverDesktop);
4244    --hamburgerNavItemLetterSpacingHover: var(--hamburgerNavItemLetterSpacingHoverDesktop);
4245    --hamburgerNavItemTextDecorationHover: var(--hamburgerNavItemTextDecorationHoverDesktop);
4246    --hamburgerNavItemFontStyleHover: var(--hamburgerNavItemFontStyleHoverDesktop);
4247
4248    /* apply separator */
4249    --hamburgerNavSeparatorDisplay: var(--hamburgerNavSeparatorDisplayDesktop);
4250    --hamburgerNavSeparatorWidth: var(--hamburgerNavSeparatorWidthDesktop);
4251    --hamburgerNavSeparatorHeight: var(--hamburgerNavSeparatorHeightDesktop);
4252    --hamburgerNavSeparatorColor: var(--hamburgerNavSeparatorColorDesktop);
4253    --hamburgerNavSeparatorSpacing: var(--hamburgerNavSeparatorSpacingDesktop);
4254
4255    /* apply sub separator */
4256    --hamburgerNavSubSeparatorDisplay: var(--hamburgerNavSubSeparatorDisplayDesktop);
4257    --hamburgerNavSubSeparatorWidth: var(--hamburgerNavSubSeparatorWidthDesktop);
4258    --hamburgerNavSubSeparatorHeight: var(--hamburgerNavSubSeparatorHeightDesktop);
4259    --hamburgerNavSubSeparatorColor: var(--hamburgerNavSubSeparatorColorDesktop);
4260    --hamburgerNavSubSeparatorSpacing: var(--hamburgerNavSubSeparatorSpacingDesktop);
4261
4262    /* apply arrow */
4263    --hamburgerNavArrowSize: var(--hamburgerNavArrowSizeDesktop);
4264    --hamburgerNavArrowColor: var(--hamburgerNavArrowColorDesktop);
4265    --hamburgerNavArrowSpacing: var(--hamburgerNavArrowSpacingDesktop);
4266    --hamburgerNavArrowRotate: var(--hamburgerNavArrowRotateDesktop);
4267    --hamburgerNavArrowAutoSpacing: var(--hamburgerNavArrowAutoSpacingDesktop);
4268    --hamburgerNavArrowSizeHover: var(--hamburgerNavArrowSizeHoverDesktop);
4269    --hamburgerNavArrowColorHover: var(--hamburgerNavArrowColorHoverDesktop);
4270    --hamburgerNavArrowRotateHover: var(--hamburgerNavArrowRotateHoverDesktop);
4271
4272    /* apply main item icon */
4273    --hamburgerNavItemIconDisplay: var(--hamburgerNavItemIconDisplayDesktop);
4274    --hamburgerNavItemIconColor: var(--hamburgerNavItemIconColorDesktop);
4275    --hamburgerNavItemIconColorHover: var(--hamburgerNavItemIconColorHoverDesktop);
4276    --hamburgerNavItemIconSize: var(--hamburgerNavItemIconSizeDesktop);
4277    --hamburgerNavItemIconSizeHover: var(--hamburgerNavItemIconSizeHoverDesktop);
4278    --hamburgerNavItemIconRotate: var(--hamburgerNavItemIconRotateDesktop);
4279    --hamburgerNavItemIconRotateHover: var(--hamburgerNavItemIconRotateHoverDesktop);
4280    --hamburgerNavItemIconSpacing: var(--hamburgerNavItemIconSpacingDesktop);
4281    --hamburgerNavSubItemIconDisplay: var(--hamburgerNavSubItemIconDisplayDesktop);
4282    --hamburgerNavSubItemIconColor: var(--hamburgerNavSubItemIconColorDesktop);
4283    --hamburgerNavSubItemIconColorHover: var(--hamburgerNavSubItemIconColorHoverDesktop);
4284    --hamburgerNavSubItemIconSize: var(--hamburgerNavSubItemIconSizeDesktop);
4285    --hamburgerNavSubItemIconSizeHover: var(--hamburgerNavSubItemIconSizeHoverDesktop);
4286    --hamburgerNavSubItemIconRotate: var(--hamburgerNavSubItemIconRotateDesktop);
4287    --hamburgerNavSubItemIconRotateHover: var(--hamburgerNavSubItemIconRotateHoverDesktop);
4288    --hamburgerNavSubItemIconSpacing: var(--hamburgerNavSubItemIconSpacingDesktop);
4289
4290    /* apply sub arrow */
4291    --hamburgerNavSubArrowSize: var(--hamburgerNavSubArrowSizeDesktop);
4292    --hamburgerNavSubArrowColor: var(--hamburgerNavSubArrowColorDesktop);
4293    --hamburgerNavSubArrowSpacing: var(--hamburgerNavSubArrowSpacingDesktop);
4294    --hamburgerNavSubArrowRotate: var(--hamburgerNavSubArrowRotateDesktop);
4295    --hamburgerNavSubArrowAutoSpacing: var(--hamburgerNavSubArrowAutoSpacingDesktop);
4296    --hamburgerNavSubArrowSizeHover: var(--hamburgerNavSubArrowSizeHoverDesktop);
4297    --hamburgerNavSubArrowColorHover: var(--hamburgerNavSubArrowColorHoverDesktop);
4298    --hamburgerNavSubArrowRotateHover: var(--hamburgerNavSubArrowRotateHoverDesktop);
4299
4300    /* apply sub menu background color */
4301    --hamburgerNavSubBackgroundColor: var(--hamburgerNavSubBackgroundColorDesktop);
4302
4303    /* apply sub nav item padding */
4304    --hamburgerNavSubItemPaddingTop: var(--hamburgerNavSubItemPaddingTopDesktop);
4305    --hamburgerNavSubItemPaddingRight: var(--hamburgerNavSubItemPaddingRightDesktop);
4306    --hamburgerNavSubItemPaddingBottom: var(--hamburgerNavSubItemPaddingBottomDesktop);
4307    --hamburgerNavSubItemPaddingLeft: var(--hamburgerNavSubItemPaddingLeftDesktop);
4308
4309    /* apply sub nav item padding hover*/
4310    --hamburgerNavSubItemPaddingTopHover: var(--hamburgerNavSubItemPaddingTopHoverDesktop);
4311    --hamburgerNavSubItemPaddingRightHover: var(--hamburgerNavSubItemPaddingRightHoverDesktop);
4312    --hamburgerNavSubItemPaddingBottomHover: var(--hamburgerNavSubItemPaddingBottomHoverDesktop);
4313    --hamburgerNavSubItemPaddingLeftHover: var(--hamburgerNavSubItemPaddingLeftHoverDesktop);
4314
4315    /* apply sub nav item border */
4316    --hamburgerNavSubItemBorderTop: var(--hamburgerNavSubItemBorderTopDesktop);
4317    --hamburgerNavSubItemBorderRight: var(--hamburgerNavSubItemBorderRightDesktop);
4318    --hamburgerNavSubItemBorderBottom: var(--hamburgerNavSubItemBorderBottomDesktop);
4319    --hamburgerNavSubItemBorderLeft: var(--hamburgerNavSubItemBorderLeftDesktop);
4320
4321    /* apply sub nav item border hover */
4322    --hamburgerNavSubItemBorderTopHover: var(--hamburgerNavSubItemBorderTopHoverDesktop);
4323    --hamburgerNavSubItemBorderRightHover: var(--hamburgerNavSubItemBorderRightHoverDesktop);
4324    --hamburgerNavSubItemBorderBottomHover: var(--hamburgerNavSubItemBorderBottomHoverDesktop);
4325    --hamburgerNavSubItemBorderLeftHover: var(--hamburgerNavSubItemBorderLeftHoverDesktop);
4326
4327    /* apply sub nav item border radius */
4328    --hamburgerNavSubItemBorderRadius: var(--hamburgerNavSubItemBorderRadiusDesktop);
4329    --hamburgerNavSubItemBorderRadiusHover: var(--hamburgerNavSubItemBorderRadiusHoverDesktop);
4330
4331    /* apply sub nav item background color */
4332    --hamburgerNavSubItemBackgroundColor: var(--hamburgerNavSubItemBackgroundColorDesktop);
4333
4334    /* apply sub nav item hover background color */
4335    --hamburgerNavSubItemHoverBackgroundColor: var(--hamburgerNavSubItemHoverBackgroundColorDesktop);
4336
4337    /* apply sub nav item font */
4338    --hamburgerNavSubItemFont: var(--hamburgerNavSubItemFontDesktop);
4339    --hamburgerNavSubItemFontColor: var(--hamburgerNavSubItemFontColorDesktop);
4340    --hamburgerNavSubItemLineHeight: var(--hamburgerNavSubItemLineHeightDesktop);
4341    --hamburgerNavSubItemFontSize: var(--hamburgerNavSubItemFontSizeDesktop);
4342    --hamburgerNavSubItemFontWeight: var(--hamburgerNavSubItemFontWeightDesktop);
4343    --hamburgerNavSubItemHoverFontColor: var(--hamburgerNavSubItemHoverFontColorDesktop);
4344    --hamburgerNavSubItemTextDecoration: var(--hamburgerNavSubItemTextDecorationDesktop);
4345    --hamburgerNavSubItemFontStyle: var(--hamburgerNavSubItemFontStyleDesktop);
4346    --hamburgerNavSubItemLetterSpacing: var(--hamburgerNavSubItemLetterSpacingDesktop);
4347
4348    /* apply sub van item font hover */
4349    --hamburgerNavSubItemFontHover: var(--hamburgerNavSubItemFontHoverDesktop);
4350    --hamburgerNavSubItemLineHeightHover: var(--hamburgerNavSubItemLineHeightHoverDesktop);
4351    --hamburgerNavSubItemFontSizeHover: var(--hamburgerNavSubItemFontSizeHoverDesktop);
4352    --hamburgerNavSubItemFontWeightHover: var(--hamburgerNavSubItemFontWeightHoverDesktop);
4353    --hamburgerNavSubItemLetterSpacingHover: var(--hamburgerNavSubItemLetterSpacingHoverDesktop);
4354    --hamburgerNavSubItemTextDecorationHover: var(--hamburgerNavSubItemTextDecorationHoverDesktop);
4355    --hamburgerNavSubItemFontStyleHover: var(--hamburgerNavSubItemFontStyleHoverDesktop);
4356
4357    /* apply nav back button border */
4358    --hamburgerNavBackButtonBorderTop: var(--hamburgerNavBackButtonBorderTopDesktop);
4359    --hamburgerNavBackButtonBorderRight: var(--hamburgerNavBackButtonBorderRightDesktop);
4360    --hamburgerNavBackButtonBorderBottom: var(--hamburgerNavBackButtonBorderBottomDesktop);
4361    --hamburgerNavBackButtonBorderLeft: var(--hamburgerNavBackButtonBorderLeftDesktop);
4362
4363    /* apply nav back button border hover */
4364    --hamburgerNavBackButtonBorderTopHover: var(--hamburgerNavBackButtonBorderTopHoverDesktop);
4365    --hamburgerNavBackButtonBorderRightHover: var(--hamburgerNavBackButtonBorderRightHoverDesktop);
4366    --hamburgerNavBackButtonBorderBottomHover: var(--hamburgerNavBackButtonBorderBottomHoverDesktop);
4367    --hamburgerNavBackButtonBorderLeftHover: var(--hamburgerNavBackButtonBorderLeftHoverDesktop);
4368
4369    /* apply nav back button border radius */
4370    --hamburgerNavBackButtonBorderRadius: var(--hamburgerNavBackButtonBorderRadiusDesktop);
4371    --hamburgerNavBackButtonBorderRadiusHover: var(--hamburgerNavBackButtonBorderRadiusHoverDesktop);
4372
4373    /* apply nav back button background color */
4374    --hamburgerNavBackButtonBackgroundColor: var(--hamburgerNavBackButtonBackgroundColorDesktop);
4375
4376    /* apply nav back button hover background color */
4377    --hamburgerNavBackButtonHoverBackgroundColor: var(--hamburgerNavBackButtonHoverBackgroundColorDesktop);
4378
4379    /* apply nav back button */
4380    --hamburgerNavBackButtonPaddingTop: var(--hamburgerNavBackButtonPaddingTopDesktop);
4381    --hamburgerNavBackButtonPaddingBottom: var(--hamburgerNavBackButtonPaddingBottomDesktop);
4382    --hamburgerNavBackButtonPaddingLeft: var(--hamburgerNavBackButtonPaddingLeftDesktop);
4383    --hamburgerNavBackButtonPaddingRight: var(--hamburgerNavBackButtonPaddingRightDesktop);
4384    --hamburgerNavBackButtonFont: var(--hamburgerNavBackButtonFontDesktop);
4385    --hamburgerNavBackButtonColor: var(--hamburgerNavBackButtonColorDesktop);
4386    --hamburgerNavBackButtonFontSize: var(--hamburgerNavBackButtonFontSizeDesktop);
4387    --hamburgerNavBackButtonFontWeight: var(--hamburgerNavBackButtonFontWeightDesktop);
4388    --hamburgerNavBackButtonFontStyle: var(--hamburgerNavBackButtonFontStyleDesktop);
4389    --hamburgerNavBackButtonLetterSpacing: var(--hamburgerNavBackButtonLetterSpacingDesktop);
4390    --hamburgerNavBackButtonTextDecoration: var(--hamburgerNavBackButtonTextDecorationDesktop);
4391    --hamburgerNavBackButtonLineHeight: var(--hamburgerNavBackButtonLineHeightDesktop);
4392    --hamburgerNavBackButtonHoverFontColor: var(--hamburgerNavBackButtonHoverFontColorDesktop);
4393
4394
4395    /* apply nav back button hover*/
4396    --hamburgerNavBackButtonPaddingTopHover: var(--hamburgerNavBackButtonPaddingTopHoverDesktop);
4397    --hamburgerNavBackButtonPaddingBottomHover: var(--hamburgerNavBackButtonPaddingBottomHoverDesktop);
4398    --hamburgerNavBackButtonPaddingLeftHover: var(--hamburgerNavBackButtonPaddingLeftHoverDesktop);
4399    --hamburgerNavBackButtonPaddingRightHover: var(--hamburgerNavBackButtonPaddingRightHoverDesktop);
4400
4401    /* apply nav back button arrow */
4402    --hamburgerNavBackButtonArrowSize: var(--hamburgerNavBackButtonArrowSizeDesktop);
4403    --hamburgerNavBackButtonArrowSizeHover: var(--hamburgerNavBackButtonArrowSizeHoverDesktop);
4404    --hamburgerNavBackButtonArrowColor: var(--hamburgerNavBackButtonArrowColorDesktop);
4405    --hamburgerNavBackButtonArrowSpacing: var(--hamburgerNavBackButtonArrowSpacingDesktop);
4406    --hamburgerNavBackButtonArrowRotate: var(--hamburgerNavBackButtonArrowRotateDesktop);
4407
4408    /* apply parent title border */
4409    --hamburgerTitleBorderTop: var(--hamburgerTitleBorderTopDesktop);
4410    --hamburgerTitleBorderRight: var(--hamburgerTitleBorderRightDesktop);
4411    --hamburgerTitleBorderBottom: var(--hamburgerTitleBorderBottomDesktop);
4412    --hamburgerTitleBorderLeft: var(--hamburgerTitleBorderLeftDesktop);
4413    /* apply parent title border hover */
4414    --hamburgerTitleBorderTopHover: var(--hamburgerTitleBorderTopHoverDesktop);
4415    --hamburgerTitleBorderRightHover: var(--hamburgerTitleBorderRightHoverDesktop);
4416    --hamburgerTitleBorderBottomHover: var(--hamburgerTitleBorderBottomHoverDesktop);
4417    --hamburgerTitleBorderLeftHover: var(--hamburgerTitleBorderLeftHoverDesktop);
4418
4419    /* apply parent title border radius */
4420    --hamburgerTitleBorderRadius: var(--hamburgerTitleBorderRadiusDesktop);
4421    --hamburgerTitleBorderRadiusHover: var(--hamburgerTitleBorderRadiusHoverDesktop);
4422
4423    /* apply parent title background color */
4424    --hamburgerTitleBackgroundColor: var(--hamburgerTitleBackgroundColorDesktop);
4425    --hamburgerTitleBackgroundColorHover: var(--hamburgerTitleBackgroundColorHoverDesktop);
4426
4427    /* apply parent title padding */
4428    --hamburgerTitlePaddingTop: var(--hamburgerTitlePaddingTopDesktop);
4429    --hamburgerTitlePaddingBottom: var(--hamburgerTitlePaddingBottomDesktop);
4430    --hamburgerTitlePaddingLeft: var(--hamburgerTitlePaddingLeftDesktop);
4431    --hamburgerTitlePaddingRight: var(--hamburgerTitlePaddingRightDesktop);
4432    /* apply parent title padding hover */
4433    --hamburgerTitlePaddingTopHover: var(--hamburgerTitlePaddingTopHoverDesktop);
4434    --hamburgerTitlePaddingBottomHover: var(--hamburgerTitlePaddingBottomHoverDesktop);
4435    --hamburgerTitlePaddingLeftHover: var(--hamburgerTitlePaddingLeftHoverDesktop);
4436    --hamburgerTitlePaddingRightHover: var(--hamburgerTitlePaddingRightHoverDesktop);
4437
4438    /* apply parent title font */
4439    --hamburgerTitleFont: var(--hamburgerTitleFontDesktop);
4440    --hamburgerTitleFontColor: var(--hamburgerTitleFontColorDesktop);
4441    --hamburgerTitleFontSize: var(--hamburgerTitleFontSizeDesktop);
4442    --hamburgerTitleFontWeight: var(--hamburgerTitleFontWeightDesktop);
4443    --hamburgerTitleFontStyle: var(--hamburgerTitleFontStyleDesktop);
4444    --hamburgerTitleLetterSpacing: var(--hamburgerTitleLetterSpacingDesktop);
4445    --hamburgerTitleTextDecoration: var(--hamburgerTitleTextDecorationDesktop);
4446    --hamburgerTitleLineHeight: var(--hamburgerTitleLineHeightDesktop);
4447
4448    /* apply parent title arrow */
4449    --hamburgerTitleArrowSize: var(--hamburgerTitleArrowSizeDesktop);
4450    --hamburgerTitleArrowColor: var(--hamburgerTitleArrowColorDesktop);
4451    --hamburgerTitleArrowSpacing: var(--hamburgerTitleArrowSpacingDesktop);
4452    --hamburgerTitleArrowRotate: var(--hamburgerTitleArrowRotateDesktop);
4453
4454    /* apply slide container */
4455    --hamburgerSlideContainerWidth: var(--hamburgerSlideContainerWidthDesktop);
4456
4457    /**********************
4458		vertical main nav
4459	***********************/
4460    /* main nav justify content */
4461    --verticalNavJustifySelfDesktop: center;
4462
4463    /* main nav items alignment */
4464    --verticalNavItemsAlignmentDesktop: left;
4465
4466    /* main nav width */
4467    --verticalNavWidthDesktop: 100%;
4468
4469    /* main nav padding */
4470    --verticalNavPaddingTopDesktop: 0px;
4471    --verticalNavPaddingBottomDesktop: 0px;
4472    --verticalNavPaddingLeftDesktop: 0px;
4473    --verticalNavPaddingRightDesktop: 0px;
4474
4475    /* main nav border */
4476    --verticalNavBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
4477    --verticalNavBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
4478    --verticalNavBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
4479    --verticalNavBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
4480
4481    /* main nav border radius */
4482    --verticalNavBorderRadiusDesktop: 0px 0px 0px 0px;
4483
4484    /* main nav item font */
4485    --verticalNavItemFontDesktop: var(--navPrimaryFont);
4486    --verticalNavItemFontColorDesktop: rgba(var(--colorPrimaryA), 1);
4487    --verticalNavItemFontSizeDesktop: 16px;
4488    --verticalNavItemFontWeightDesktop: 400;
4489    --verticalNavItemLineHeightDesktop: normal;
4490    --verticalNavItemTextDecorationDesktop: none;
4491    --verticalNavItemFontStyleDesktop: normal;
4492    --verticalNavItemLetterSpacingDesktop: 0px;
4493    --verticalNavItemBackgroundColorDesktop: transparent;
4494
4495    /* main nav item font hover*/
4496    --verticalNavItemFontSizeHoverDesktop: var(--verticalNavItemFontSizeDesktop);
4497    --verticalNavItemFontWeightHoverDesktop: var(--verticalNavItemFontWeightDesktop);
4498    --verticalNavItemTextDecorationHoverDesktop: var(--verticalNavItemTextDecorationDesktop);
4499    --verticalNavItemFontStyleHoverDesktop: var(--verticalNavItemFontStyleDesktop);
4500    --verticalNavItemHoverFontColorDesktop: var(--verticalNavItemFontColorDesktop);
4501    --verticalNavItemHoverBackgroundColorDesktop: var(--verticalNavItemBackgroundColorDesktop);
4502
4503    /* main nav item padding */
4504    --verticalNavItemPaddingTopDesktop: 0px;
4505    --verticalNavItemPaddingRightDesktop: 0px;
4506    --verticalNavItemPaddingBottomDesktop: 0px;
4507    --verticalNavItemPaddingLeftDesktop: 0px;
4508
4509    /* main nav item padding  hover*/
4510    --verticalNavItemPaddingTopHoverDesktop: var(--verticalNavItemPaddingTopDesktop);
4511    --verticalNavItemPaddingRightHoverDesktop: var(--verticalNavItemPaddingRightDesktop);
4512    --verticalNavItemPaddingBottomHoverDesktop: var(--verticalNavItemPaddingBottomDesktop);
4513    --verticalNavItemPaddingLeftHoverDesktop: var(--verticalNavItemPaddingLeftDesktop);
4514
4515    /* main nav item border */
4516    --verticalNavItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
4517    --verticalNavItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
4518    --verticalNavItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
4519    --verticalNavItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
4520    /* main nav item border hover*/
4521    --verticalNavItemBorderTopHoverDesktop: var(--verticalNavItemBorderTopDesktop);
4522    --verticalNavItemBorderRightHoverDesktop: var(--verticalNavItemBorderRightDesktop);
4523    --verticalNavItemBorderBottomHoverDesktop: var(--verticalNavItemBorderBottomDesktop);
4524    --verticalNavItemBorderLeftHoverDesktop: var(--verticalNavItemBorderLeftDesktop);
4525
4526    /* main nav item border radius */
4527    --verticalNavItemBorderRadiusDesktop: 0px 0px 0px 0px;
4528    --verticalNavItemBorderRadiusHoverDesktop: var(--verticalNavItemBorderRadiusDesktop);
4529
4530    /* arrow */
4531    --verticalNavArrowSizeDesktop: 24px;
4532    --verticalNavArrowWidthDesktop: 24px;
4533    --verticalNavArrowSpacingDesktop: 10px;
4534    --verticalNavArrowColorDesktop: rgba(var(--colorPrimaryA), 1);
4535    --verticalNavArrowRotateDesktop: -90deg;
4536
4537    /* title */
4538    --verticalNavTitleFontColorDesktop: rgba(var(--colorPrimaryA), 1);
4539    --verticalNavTitleLineHeightDesktop: normal;
4540    --verticalNavTitleFontSizeDesktop: 21px;
4541    --verticalNavTitleFontWeightDesktop: 700;
4542    --verticalNavTitleContainerBackgroundColorDesktop: transparent;
4543
4544    /* sub nav item font */
4545    --verticalNavSubItemFontDesktop: var(--navPrimaryFont);
4546    --verticalNavSubItemFontColorDesktop: rgba(var(--colorPrimaryA), 1);
4547    --verticalNavSubItemFontSizeDesktop: 16px;
4548    --verticalNavSubItemFontWeightDesktop: 400;
4549    --verticalNavSubItemLineHeightDesktop: normal;
4550    --verticalNavSubItemTextDecorationDesktop: none;
4551    --verticalNavSubItemFontStyleDesktop: normal;
4552    --verticalNavSubItemLetterSpacingDesktop: 0px;
4553    --verticalNavSubItemBackgroundColorDesktop: transparent;
4554    --verticalNavSubItemHoverFontColorDesktop: var(--verticalNavSubItemFontColorDesktop);
4555    --verticalNavSubItemHoverBackgroundColorDesktop: var(--verticalNavSubItemBackgroundColorDesktop);
4556
4557    /* sub nav item padding */
4558    --verticalNavSubItemPaddingTopDesktop: 0px;
4559    --verticalNavSubItemPaddingRightDesktop: 0px;
4560    --verticalNavSubItemPaddingBottomDesktop: 0px;
4561    --verticalNavSubItemPaddingLeftDesktop: 0px;
4562
4563    /* sub nav item border */
4564    --verticalNavSubItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
4565    --verticalNavSubItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
4566    --verticalNavSubItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
4567    --verticalNavSubItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
4568
4569    /* sub nav item border radius */
4570    --verticalNavSubItemBorderRadiusDesktop: 0px 0px 0px 0px;
4571
4572    /* sub nav arrow */
4573    --verticalNavSubArrowSizeDesktop: 24px;
4574    --verticalNavSubArrowWidthDesktop: 24px;
4575    --verticalNavSubArrowSpacingDesktop: 10px;
4576    --verticalNavSubArrowColorDesktop: rgba(var(--colorPrimaryH), 1);
4577    --verticalNavSubArrowRotateDesktop: -90deg;
4578
4579    /* slide container */
4580    --verticalSlideContainerWidthDesktop: 400px;
4581
4582    /* separator */
4583    --verticalNavSeparatorDisplayDesktop: block;
4584    --verticalNavSeparatorWidthDesktop: 100%;
4585    --verticalNavSeparatorHeightDesktop: 1px;
4586    --verticalNavSeparatorColorDesktop: rgba(var(--colorPrimaryA), 1);
4587    --verticalNavSeparatorSpacingDesktop: 10px;
4588
4589    /* sub separator */
4590    --verticalNavSubSeparatorDisplayDesktop: block;
4591    --verticalNavSubSeparatorWidthDesktop: 100%;
4592    --verticalNavSubSeparatorHeightDesktop: 1px;
4593    --verticalNavSubSeparatorColorDesktop: rgba(var(--colorPrimaryA), 1);
4594    --verticalNavSubSeparatorSpacingDesktop: 10px;
4595
4596    /*****
4597		apply css properties
4598	*****/
4599
4600    /* apply main nav justify content */
4601    --verticalNavJustifySelf: var(--verticalNavJustifySelfDesktop);
4602
4603    /* apply main nav items alignment */
4604    --verticalNavItemsAlignment: var(--verticalNavItemsAlignmentDesktop);
4605
4606    /* apply main nav width */
4607    --verticalNavWidth: var(--verticalNavWidthDesktop);
4608
4609    /* apply main nav padding */
4610    --verticalNavPaddingTop: var(--verticalNavPaddingTopDesktop);
4611    --verticalNavPaddingBottom: var(--verticalNavPaddingBottomDesktop);
4612    --verticalNavPaddingLeft: var(--verticalNavPaddingLeftDesktop);
4613    --verticalNavPaddingRight: var(--verticalNavPaddingRightDesktop);
4614
4615    /* apply main nav border */
4616    --verticalNavBorderTop: var(--verticalNavBorderTopDesktop);
4617    --verticalNavBorderRight: var(--verticalNavBorderRightDesktop);
4618    --verticalNavBorderBottom: var(--verticalNavBorderBottomDesktop);
4619    --verticalNavBorderLeft: var(--verticalNavBorderLeftDesktop);
4620
4621    /* apply main nav border radius */
4622    --verticalNavBorderRadius: var(--verticalNavBorderRadiusDesktop);
4623
4624    /* apply main nav item font */
4625    --verticalNavItemFont: var(--verticalNavItemFontDesktop);
4626    --verticalNavItemFontColor: var(--verticalNavItemFontColorDesktop);
4627    --verticalNavItemFontSize: var(--verticalNavItemFontSizeDesktop);
4628    --verticalNavItemFontWeight: var(--verticalNavItemFontWeightDesktop);
4629    --verticalNavItemLineHeight: var(--verticalNavItemLineHeightDesktop);
4630    --verticalNavItemTextDecoration: var(--verticalNavItemTextDecorationDesktop);
4631    --verticalNavItemFontStyle: var(--verticalNavItemFontStyleDesktop);
4632    --verticalNavItemLetterSpacing: var(--verticalNavItemLetterSpacingDesktop);
4633    --verticalNavItemBackgroundColor: var(--verticalNavItemBackgroundColorDesktop);
4634    --verticalNavItemHoverFontColor: var(--verticalNavItemHoverFontColorDesktop);
4635    --verticalNavItemHoverBackgroundColor: var(--verticalNavItemHoverBackgroundColorDesktop);
4636
4637
4638    /* main nav item font hover*/
4639    --verticalNavItemFontSizeHover: var(--verticalNavItemFontSizeHoverDesktop);
4640    --verticalNavItemFontWeightHover: var(--verticalNavItemFontWeightHoverDesktop);
4641    --verticalNavItemTextDecorationHover: var(--verticalNavItemTextDecorationHoverDesktop);
4642    --verticalNavItemFontStyleHover: var(--verticalNavItemFontStyleHoverDesktop);
4643
4644
4645    /* apply main nav item padding */
4646    --verticalNavItemPaddingTop: var(--verticalNavItemPaddingTopDesktop);
4647    --verticalNavItemPaddingRight: var(--verticalNavItemPaddingRightDesktop);
4648    --verticalNavItemPaddingBottom: var(--verticalNavItemPaddingBottomDesktop);
4649    --verticalNavItemPaddingLeft: var(--verticalNavItemPaddingLeftDesktop);
4650    /* apply main nav item padding hover */
4651    --verticalNavItemPaddingTopHover: var(--verticalNavItemPaddingTopHoverDesktop);
4652    --verticalNavItemPaddingRightHover: var(--verticalNavItemPaddingRightHoverDesktop);
4653    --verticalNavItemPaddingBottomHover: var(--verticalNavItemPaddingBottomHoverDesktop);
4654    --verticalNavItemPaddingLeftHover: var(--verticalNavItemPaddingLeftHoverDesktop);
4655
4656    /* apply main nav item border */
4657    --verticalNavItemBorderTop: var(--verticalNavItemBorderTopDesktop);
4658    --verticalNavItemBorderRight: var(--verticalNavItemBorderRightDesktop);
4659    --verticalNavItemBorderBottom: var(--verticalNavItemBorderBottomDesktop);
4660    --verticalNavItemBorderLeft: var(--verticalNavItemBorderLeftDesktop);
4661    /* apply main nav item border hover */
4662    --verticalNavItemBorderTopHover: var(--verticalNavItemBorderTopHoverDesktop);
4663    --verticalNavItemBorderRightHover: var(--verticalNavItemBorderRightHoverDesktop);
4664    --verticalNavItemBorderBottomHover: var(--verticalNavItemBorderBottomHoverDesktop);
4665    --verticalNavItemBorderLeftHover: var(--verticalNavItemBorderLeftHoverDesktop);
4666
4667    /* apply main nav item border radius */
4668    --verticalNavItemBorderRadius: var(--verticalNavItemBorderRadiusDesktop);
4669    --verticalNavItemBorderRadiusHover: var(--verticalNavItemBorderRadiusHoverDesktop);
4670
4671    /* apply arrow */
4672    --verticalNavArrowSize: var(--verticalNavArrowSizeDesktop);
4673    --verticalNavItemIconDisplay: var(--verticalNavItemIconDisplayDesktop);
4674    --verticalNavItemIconColor: var(--verticalNavItemIconColorDesktop);
4675    --verticalNavItemIconColorHover: var(--verticalNavItemIconColorHoverDesktop);
4676    --verticalNavItemIconSize: var(--verticalNavItemIconSizeDesktop);
4677    --verticalNavItemIconSizeHover: var(--verticalNavItemIconSizeHoverDesktop);
4678    --verticalNavItemIconRotate: var(--verticalNavItemIconRotateDesktop);
4679    --verticalNavItemIconRotateHover: var(--verticalNavItemIconRotateHoverDesktop);
4680    --verticalNavItemIconSpacing: var(--verticalNavItemIconSpacingDesktop);
4681    --verticalNavSubItemIconDisplay: var(--verticalNavSubItemIconDisplayDesktop);
4682    --verticalNavSubItemIconColor: var(--verticalNavSubItemIconColorDesktop);
4683    --verticalNavSubItemIconColorHover: var(--verticalNavSubItemIconColorHoverDesktop);
4684    --verticalNavSubItemIconSize: var(--verticalNavSubItemIconSizeDesktop);
4685    --verticalNavSubItemIconSizeHover: var(--verticalNavSubItemIconSizeHoverDesktop);
4686    --verticalNavSubItemIconRotate: var(--verticalNavSubItemIconRotateDesktop);
4687    --verticalNavSubItemIconRotateHover: var(--verticalNavSubItemIconRotateHoverDesktop);
4688    --verticalNavSubItemIconSpacing: var(--verticalNavSubItemIconSpacingDesktop);
4689    --verticalNavArrowWidth: var(--verticalNavArrowWidthDesktop);
4690    --verticalNavArrowSpacing: var(--verticalNavArrowSpacingDesktop);
4691    --verticalNavArrowColor: var(--verticalNavArrowColorDesktop);
4692    --verticalNavArrowRotate: var(--verticalNavArrowRotateDesktop);
4693
4694    /* apply title */
4695    --verticalNavTitleFontColor: var(--verticalNavTitleFontColorDesktop);
4696    --verticalNavTitleLineHeight: var(--verticalNavTitleLineHeightDesktop);
4697    --verticalNavTitleFontSize: var(--verticalNavTitleFontSizeDesktop);
4698    --verticalNavTitleFontWeight: var(--verticalNavTitleFontWeightDesktop);
4699    --verticalNavTitleContainerBackgroundColor: var(--verticalNavTitleContainerBackgroundColorDesktop);
4700
4701    /* apply sub nav item font */
4702    --verticalNavSubItemFont: var(--verticalNavSubItemFontDesktop);
4703    --verticalNavSubItemFontColor: var(--verticalNavSubItemFontColorDesktop);
4704    --verticalNavSubItemFontSize: var(--verticalNavSubItemFontSizeDesktop);
4705    --verticalNavSubItemFontWeight: var(--verticalNavSubItemFontWeightDesktop);
4706    --verticalNavSubItemLineHeight: var(--verticalNavSubItemLineHeightDesktop);
4707    --verticalNavSubItemTextDecoration: var(--verticalNavSubItemTextDecorationDesktop);
4708    --verticalNavSubItemFontStyle: var(--verticalNavSubItemFontStyleDesktop);
4709    --verticalNavSubItemLetterSpacing: var(--verticalNavSubItemLetterSpacingDesktop);
4710    --verticalNavSubItemBackgroundColor: var(--verticalNavSubItemBackgroundColorDesktop);
4711    --verticalNavSubItemHoverFontColor: var(--verticalNavSubItemHoverFontColorDesktop);
4712    --verticalNavSubItemHoverBackgroundColor: var(--verticalNavSubItemHoverBackgroundColorDesktop);
4713
4714    /* apply sub nav item padding */
4715    --verticalNavSubItemPaddingTop: var(--verticalNavSubItemPaddingTopDesktop);
4716    --verticalNavSubItemPaddingRight: var(--verticalNavSubItemPaddingRightDesktop);
4717    --verticalNavSubItemPaddingBottom: var(--verticalNavSubItemPaddingBottomDesktop);
4718    --verticalNavSubItemPaddingLeft: var(--verticalNavSubItemPaddingLeftDesktop);
4719
4720    /* apply sub nav item border */
4721    --verticalNavSubItemBorderTop: var(--verticalNavSubItemBorderTopDesktop);
4722    --verticalNavSubItemBorderRight: var(--verticalNavSubItemBorderRightDesktop);
4723    --verticalNavSubItemBorderBottom: var(--verticalNavSubItemBorderBottomDesktop);
4724    --verticalNavSubItemBorderLeft: var(--verticalNavSubItemBorderLeftDesktop);
4725
4726    /* apply sub nav item border radius */
4727    --verticalNavSubItemBorderRadius: var(--verticalNavSubItemBorderRadiusDesktop);
4728
4729    /* apply sub nav arrow */
4730    --verticalNavSubArrowSize: var(--verticalNavSubArrowSizeDesktop);
4731    --verticalNavSubArrowWidth: var(--verticalNavSubArrowWidthDesktop);
4732    --verticalNavSubArrowSpacing: var(--verticalNavSubArrowSpacingDesktop);
4733    --verticalNavSubArrowColor: var(--verticalNavSubArrowColorDesktop);
4734    --verticalNavSubArrowRotate: var(--verticalNavSubArrowRotateDesktop);
4735
4736    /* apply slide container */
4737    --verticalSlideContainerWidth: var(--verticalSlideContainerWidthDesktop);
4738
4739    /* apply separator */
4740    --verticalNavSeparatorDisplay: var(--verticalNavSeparatorDisplayDesktop);
4741    --verticalNavSeparatorWidth: var(--verticalNavSeparatorWidthDesktop);
4742    --verticalNavSeparatorHeight: var(--verticalNavSeparatorHeightDesktop);
4743    --verticalNavSeparatorColor: var(--verticalNavSeparatorColorDesktop);
4744    --verticalNavSeparatorSpacing: var(--verticalNavSeparatorSpacingDesktop);
4745
4746    /* apply sub separator */
4747    --verticalNavSubSeparatorDisplay: var(--verticalNavSubSeparatorDisplayDesktop);
4748    --verticalNavSubSeparatorWidth: var(--verticalNavSubSeparatorWidthDesktop);
4749    --verticalNavSubSeparatorHeight: var(--verticalNavSubSeparatorHeightDesktop);
4750    --verticalNavSubSeparatorColor: var(--verticalNavSubSeparatorColorDesktop);
4751    --verticalNavSubSeparatorSpacing: var(--verticalNavSubSeparatorSpacingDesktop);
4752
4753}
4754
4755@media all and (min-width: 650px) and (width < 1040px) {
4756    .wmc_menu {
4757        --heightTablet: max-content;
4758
4759        /**********************
4760			horizontal main nav
4761		***********************/
4762
4763        /* main nav padding */
4764        --horizontalNavPaddingTopTablet: var(--horizontalNavPaddingTopDesktop);
4765        --horizontalNavPaddingBottomTablet: var(--horizontalNavPaddingBottomDesktop);
4766        --horizontalNavPaddingLeftTablet: var(--horizontalNavPaddingLeftDesktop);
4767        --horizontalNavPaddingRightTablet: var(--horizontalNavPaddingRightDesktop);
4768
4769        /* main nav justify content */
4770        --horizontalNavJustifyContentTablet: flex-start;
4771
4772        /* main nav item padding */
4773        --horizontalNavItemPaddingTopTablet: var(--horizontalNavItemPaddingTopDesktop);
4774        --horizontalNavItemPaddingBottomTablet: var(--horizontalNavItemPaddingBottomDesktop);
4775        --horizontalNavItemPaddingLeftTablet: var(--horizontalNavItemPaddingLeftDesktop);
4776        --horizontalNavItemPaddingRightTablet: var(--horizontalNavItemPaddingRightDesktop);
4777
4778        /* main nav item padding  hover*/
4779        --horizontalNavItemPaddingTopHoverTablet: var(--horizontalNavItemPaddingTopHoverDesktop);
4780        --horizontalNavItemPaddingBottomHoverTablet: var(--horizontalNavItemPaddingBottomHoverDesktop);
4781        --horizontalNavItemPaddingLeftHoverTablet: var(--horizontalNavItemPaddingLeftHoverDesktop);
4782        --horizontalNavItemPaddingRightHoverTablet: var(--horizontalNavItemPaddingRightHoverDesktop);
4783
4784
4785        /* main nav item font */
4786        --horizontalNavItemFontTablet: var(--horizontalNavItemFontDesktop);
4787        --horizontalNavItemFontColorTablet: var(--horizontalNavItemFontColorDesktop);
4788        --horizontalNavItemLineHeightTablet: var(--horizontalNavItemLineHeightDesktop);
4789        --horizontalNavItemFontSizeTablet: var(--horizontalNavItemFontSizeDesktop);
4790        --horizontalNavItemFontWeightTablet: var(--horizontalNavItemFontWeightDesktop);
4791        --horizontalNavBackgroundColorTablet: var(--horizontalNavBackgroundColorDesktop);
4792        --horizontalNavItemBackgroundColorTablet: var(--horizontalNavItemBackgroundColorDesktop);
4793        --horizontalNavItemLetterSpacingTablet: var(--horizontalNavItemLetterSpacingDesktop);
4794        --horizontalNavItemTextDecorationTablet: var(--horizontalNavItemTextDecorationDesktop);
4795        --horizontalNavItemFontStyleTablet: var(--horizontalNavItemFontStyleDesktop);
4796
4797        /* main nav item font hover */
4798        --horizontalNavItemHoverFontColorTablet: var(--horizontalNavItemHoverFontColorDesktop);
4799        --horizontalNavItemHoverBackgroundColorTablet: var(--horizontalNavItemHoverBackgroundColorDesktop);
4800        --horizontalNavItemFontSizeHoverTablet: var(--horizontalNavItemFontSizeHoverDesktop);
4801        --horizontalNavItemFontWeightHoverTablet: var(--horizontalNavItemFontWeightHoverDesktop);
4802        --horizontalNavItemTextDecorationHoverTablet: var(--horizontalNavItemTextDecorationHoverDesktop);
4803        --horizontalNavItemFontStyleHoverTablet: var(--horizontalNavItemFontStyleHoverDesktop);
4804
4805        /* main nav item font active */
4806        --horizontalNavItemActiveFontColorTablet: var(--horizontalNavItemActiveFontColorDesktop);
4807        --horizontalNavItemActiveBackgroundColorTablet: var(--horizontalNavItemActiveBackgroundColorDesktop);
4808
4809        /* main nav border */
4810        --horizontalNavBorderTopTablet: var(--horizontalNavBorderTopDesktop);
4811        --horizontalNavBorderRightTablet: var(--horizontalNavBorderRightDesktop);
4812        --horizontalNavBorderBottomTablet: var(--horizontalNavBorderBottomDesktop);
4813        --horizontalNavBorderLeftTablet: var(--horizontalNavBorderLeftDesktop);
4814
4815        /* main nav border radius hover*/
4816        --horizontalNavBorderRadiusTablet: var(--horizontalNavBorderRadiusDesktop);
4817        --horizontalNavBorderRadiusHoverTablet: var(--horizontalNavBorderRadiusHoverDesktop);
4818
4819        /* main nav item border */
4820        --horizontalNavItemBorderTopTablet: var(--horizontalNavItemBorderTopDesktop);
4821        --horizontalNavItemBorderRightTablet: var(--horizontalNavItemBorderRightDesktop);
4822        --horizontalNavItemBorderBottomTablet: var(--horizontalNavItemBorderBottomDesktop);
4823        --horizontalNavItemBorderLeftTablet: var(--horizontalNavItemBorderLeftDesktop);
4824
4825        /* main nav item border hover */
4826        --horizontalNavItemBorderTopHoverTablet: var(--horizontalNavItemBorderTopHoverDesktop);
4827        --horizontalNavItemBorderRightHoverTablet: var(--horizontalNavItemBorderRightHoverDesktop);
4828        --horizontalNavItemBorderBottomHoverTablet: var(--horizontalNavItemBorderBottomHoverDesktop);
4829        --horizontalNavItemBorderLeftHoverTablet: var(--horizontalNavItemBorderLeftHoverDesktop);
4830
4831        /* main nav item border radius */
4832        --horizontalNavItemBorderRadiusTablet: var(--horizontalNavItemBorderRadiusDesktop);
4833        --horizontalNavItemBorderRadiusHoverTablet: var(--horizontalNavItemBorderRadiusHoverDesktop);
4834
4835        /* separator */
4836        --horizontalNavSeparatorDisplayTablet: var(--horizontalNavSeparatorDisplayDesktop);
4837        --horizontalNavSeparatorWidthTablet: var(--horizontalNavSeparatorWidthDesktop);
4838        --horizontalNavSeparatorHeightTablet: var(--horizontalNavSeparatorHeightDesktop);
4839        --horizontalNavSeparatorColorTablet: var(--horizontalNavSeparatorColorDesktop);
4840        --horizontalNavSeparatorSpacingTablet: var(--horizontalNavSeparatorSpacingDesktop);
4841
4842        /* sub separator */
4843        --horizontalNavSubSeparatorDisplayTablet: var(--horizontalNavSubSeparatorDisplayDesktop);
4844        --horizontalNavSubSeparatorWidthTablet: var(--horizontalNavSubSeparatorWidthDesktop);
4845        --horizontalNavSubSeparatorHeightTablet: var(--horizontalNavSubSeparatorHeightDesktop);
4846        --horizontalNavSubSeparatorColorTablet: var(--horizontalNavSubSeparatorColorDesktop);
4847        --horizontalNavSubSeparatorSpacingTablet: var(--horizontalNavSubSeparatorSpacingDesktop);
4848
4849        /* arrow */
4850        --horizontalNavArrowSizeTablet: var(--horizontalNavArrowSizeDesktop);
4851        --horizontalNavArrowSpacingTablet: var(--horizontalNavArrowSpacingDesktop);
4852        --horizontalNavArrowColorTablet: var(--horizontalNavArrowColorDesktop);
4853        --horizontalNavArrowRotateTablet: var(--horizontalNavArrowRotateDesktop);
4854        --horizontalNavArrowSizeHoverTablet: var(--horizontalNavArrowSizeHoverDesktop);
4855        --horizontalNavArrowColorHoverTablet: var(--horizontalNavArrowColorHoverDesktop);
4856        --horizontalNavArrowRotateHoverTablet: var(--horizontalNavArrowRotateHoverDesktop);
4857        --horizontalNavArrowSizeActiveTablet: var(--horizontalNavArrowSizeActiveDesktop);
4858        --horizontalNavArrowColorActiveTablet: var(--horizontalNavArrowColorActiveDesktop);
4859        --horizontalNavArrowRotateActiveTablet: var(--horizontalNavArrowRotateActiveDesktop);
4860
4861        /* sub arrow */
4862        --horizontalNavSubArrowSizeTablet: var(--horizontalNavSubArrowSizeDesktop);
4863        --horizontalNavSubArrowSpacingTablet: var(--horizontalNavSubArrowSpacingDesktop);
4864        --horizontalNavSubArrowColorTablet: var(--horizontalNavSubArrowColorDesktop);
4865        --horizontalNavSubArrowRotateTablet: var(--horizontalNavSubArrowRotateDesktop);
4866        --horizontalNavSubArrowSizeHoverTablet: var(--horizontalNavSubArrowSizeHoverDesktop);
4867        --horizontalNavSubArrowColorHoverTablet: var(--horizontalNavSubArrowColorHoverDesktop);
4868        --horizontalNavSubArrowRotateHoverTablet: var(--horizontalNavSubArrowRotateHoverDesktop);
4869        --horizontalNavSubArrowSizeActiveTablet: var(--horizontalNavSubArrowSizeActiveDesktop);
4870        --horizontalNavSubArrowColorActiveTablet: var(--horizontalNavSubArrowColorActiveDesktop);
4871        --horizontalNavSubArrowRotateActiveTablet: var(--horizontalNavSubArrowRotateActiveDesktop);
4872
4873        /* sub nav */
4874        --horizontalNavSubItemPaddingTopTablet: var(--horizontalNavSubItemPaddingTopDesktop);
4875        --horizontalNavSubItemPaddingBottomTablet: var(--horizontalNavSubItemPaddingBottomDesktop);
4876        --horizontalNavSubItemPaddingLeftTablet: var(--horizontalNavSubItemPaddingLeftDesktop);
4877        --horizontalNavSubItemPaddingRightTablet: var(--horizontalNavSubItemPaddingRightDesktop);
4878
4879        /* sub nav item padding hover */
4880        --horizontalNavSubItemPaddingTopHoverTablet: var(--horizontalNavSubItemPaddingTopHoverDesktop);
4881        --horizontalNavSubItemPaddingBottomHoverTablet: var(--horizontalNavSubItemPaddingBottomHoverDesktop);
4882        --horizontalNavSubItemPaddingLeftHoverTablet: var(--horizontalNavSubItemPaddingLeftHoverDesktop);
4883        --horizontalNavSubItemPaddingRightHoverTablet: var(--horizontalNavSubItemPaddingRightHoverDesktop);
4884
4885        /* sub nav item font */
4886        --horizontalNavSubItemFontTablet: var(--horizontalNavSubItemFontDesktop);
4887        --horizontalNavSubItemFontColorTablet: var(--horizontalNavSubItemFontColorDesktop);
4888        --horizontalNavSubItemLineHeightTablet: var(--horizontalNavSubItemLineHeightDesktop);
4889        --horizontalNavSubItemFontSizeTablet: var(--horizontalNavSubItemFontSizeDesktop);
4890        --horizontalNavSubItemFontWeightTablet: var(--horizontalNavSubItemFontWeightDesktop);
4891        --horizontalNavSubItemHoverFontColorTablet: var(--horizontalNavSubItemHoverFontColorDesktop);
4892        --horizontalNavSubItemBackgroundColorTablet: var(--horizontalNavSubItemBackgroundColorDesktop);
4893        --horizontalNavSubItemHoverBackgroundColorTablet: var(--horizontalNavSubItemHoverBackgroundColorDesktop);
4894        --horizontalNavSubItemTextDecorationTablet: var(--horizontalNavSubItemTextDecorationDesktop);
4895        --horizontalNavSubItemFontStyleTablet: var(--horizontalNavSubItemFontStyleDesktop);
4896        --horizontalNavSubItemLetterSpacingTablet: var(--horizontalNavSubItemLetterSpacingDesktop);
4897
4898        /* sub nav item font hover */
4899        --horizontalNavSubItemFontSizeHoverTablet: var(--horizontalNavSubItemFontSizeHoverDesktop);
4900        --horizontalNavSubItemFontWeightHoverTablet: var(--horizontalNavSubItemFontWeightHoverDesktop);
4901        --horizontalNavSubItemTextDecorationHoverTablet: var(--horizontalNavSubItemTextDecorationHoverDesktop);
4902        --horizontalNavSubItemFontStyleHoverTablet: var(--horizontalNavSubItemFontStyleHoverDesktop);
4903
4904        /* sub nav item font active */
4905        --horizontalNavSubItemActiveFontColorTablet: var(--horizontalNavSubItemActiveFontColorDesktop);
4906        --horizontalNavSubItemActiveBackgroundColorTablet: var(--horizontalNavSubItemActiveBackgroundColorDesktop);
4907
4908        /* sub nav item border */
4909        --horizontalNavSubItemBorderTopTablet: var(--horizontalNavSubItemBorderTopDesktop);
4910        --horizontalNavSubItemBorderRightTablet: var(--horizontalNavSubItemBorderRightDesktop);
4911        --horizontalNavSubItemBorderBottomTablet: var(--horizontalNavSubItemBorderBottomDesktop);
4912        --horizontalNavSubItemBorderLeftTablet: var(--horizontalNavSubItemBorderLeftDesktop);
4913
4914        /* sub nav item border hover */
4915        --horizontalNavSubItemBorderTopHoverTablet: var(--horizontalNavSubItemBorderTopHoverDesktop);
4916        --horizontalNavSubItemBorderRightHoverTablet: var(--horizontalNavSubItemBorderRightHoverDesktop);
4917        --horizontalNavSubItemBorderBottomHoverTablet: var(--horizontalNavSubItemBorderBottomHoverDesktop);
4918        --horizontalNavSubItemBorderLeftHoverTablet: var(--horizontalNavSubItemBorderLeftHoverDesktop);
4919
4920        /* sub nav item border radius */
4921        --horizontalNavSubItemBorderRadiusTablet: var(--horizontalNavSubItemBorderRadiusDesktop);
4922        --horizontalNavSubItemBorderRadiusHoverTablet: var(--horizontalNavSubItemBorderRadiusHoverDesktop);
4923
4924        /* sub menu container */
4925        --horizontalNavSubPaddingTopTablet: var(--horizontalNavSubPaddingTopDesktop);
4926        --horizontalNavSubPaddingBottomTablet: var(--horizontalNavSubPaddingBottomDesktop);
4927        --horizontalNavSubPaddingLeftTablet: var(--horizontalNavSubPaddingLeftDesktop);
4928        --horizontalNavSubPaddingRightTablet: var(--horizontalNavSubPaddingRightDesktop);
4929        --horizontalNavSubContainerWidthTablet: var(--horizontalNavSubContainerWidthDesktop);
4930        --horizontalNavSubContainerBackgroundColorTablet: var(--horizontalNavSubContainerBackgroundColorDesktop);
4931
4932        /* sub menu container shadow */
4933        --horizontalNavSubContainerShadowTablet: none;
4934
4935        /* sub menu container border */
4936        --horizontalNavSubContainerBorderTopTablet: var(--horizontalNavSubContainerBorderTopDesktop);
4937        --horizontalNavSubContainerBorderRightTablet: var(--horizontalNavSubContainerBorderRightDesktop);
4938        --horizontalNavSubContainerBorderBottomTablet: var(--horizontalNavSubContainerBorderBottomDesktop);
4939        --horizontalNavSubContainerBorderLeftTablet: var(--horizontalNavSubContainerBorderLeftDesktop);
4940
4941        /* sub menu container border radius */
4942        --horizontalNavSubContainerBorderRadiusTablet: var(--horizontalNavSubContainerBorderRadiusDesktop);
4943
4944        /* mega panel layout */
4945        --megaNavPanelNumberOfCellsTablet: var(--megaNavPanelNumberOfCellsDesktop);
4946        --megaNavPanelCellSpacingTablet: var(--megaNavPanelCellSpacingDesktop);
4947        --megaNavPanelPaddingTopTablet: var(--megaNavPanelPaddingTopDesktop);
4948        --megaNavPanelPaddingRightTablet: var(--megaNavPanelPaddingRightDesktop);
4949        --megaNavPanelPaddingBottomTablet: var(--megaNavPanelPaddingBottomDesktop);
4950        --megaNavPanelPaddingLeftTablet: var(--megaNavPanelPaddingLeftDesktop);
4951        --megaNavPanelWidthTablet: var(--megaNavPanelWidthDesktop);
4952
4953        --megaNavSeparatorDisplayTablet: var(--megaNavSeparatorDisplayDesktop);
4954        --megaNavSeparatorWidthTablet: var(--megaNavSeparatorWidthDesktop);
4955        --megaNavSeparatorColorTablet: var(--megaNavSeparatorColorDesktop);
4956        --megaNavSeparatorSpacingTablet: var(--megaNavSeparatorSpacingDesktop);
4957
4958        /*****
4959			apply css properties
4960		*****/
4961
4962        /* apply main nav padding */
4963        --horizontalNavPaddingTop: var(--horizontalNavPaddingTopTablet);
4964        --horizontalNavPaddingBottom: var(--horizontalNavPaddingBottomTablet);
4965        --horizontalNavPaddingLeft: var(--horizontalNavPaddingLeftTablet);
4966        --horizontalNavPaddingRight: var(--horizontalNavPaddingRightTablet);
4967
4968        /* apply main nav justify content */
4969        --horizontalNavJustifyContent: var(--horizontalNavJustifyContentTablet);
4970
4971        /* apply main nav item padding */
4972        --horizontalNavItemPaddingTop: var(--horizontalNavItemPaddingTopTablet);
4973        --horizontalNavItemPaddingBottom: var(--horizontalNavItemPaddingBottomTablet);
4974        --horizontalNavItemPaddingLeft: var(--horizontalNavItemPaddingLeftTablet);
4975        --horizontalNavItemPaddingRight: var(--horizontalNavItemPaddingRightTablet);
4976
4977        /* apply main nav item padding hover */
4978        --horizontalNavItemPaddingTopHover: var(--horizontalNavItemPaddingTopHoverTablet);
4979        --horizontalNavItemPaddingBottomHover: var(--horizontalNavItemPaddingBottomHoverTablet);
4980        --horizontalNavItemPaddingLeftHover: var(--horizontalNavItemPaddingLeftHoverTablet);
4981        --horizontalNavItemPaddingRightHover: var(--horizontalNavItemPaddingRightHoverTablet);
4982
4983
4984        /* apply main nav item font */
4985        --horizontalNavItemFont: var(--horizontalNavItemFontTablet);
4986        --horizontalNavItemFontColor: var(--horizontalNavItemFontColorTablet);
4987        --horizontalNavItemLineHeight: var(--horizontalNavItemLineHeightTablet);
4988        --horizontalNavItemFontSize: var(--horizontalNavItemFontSizeTablet);
4989        --horizontalNavItemFontWeight: var(--horizontalNavItemFontWeightTablet);
4990        --horizontalNavItemHoverFontColor: var(--horizontalNavItemHoverFontColorTablet);
4991        --horizontalNavBackgroundColor: var(--horizontalNavBackgroundColorTablet);
4992        --horizontalNavItemBackgroundColor: var(--horizontalNavItemBackgroundColorTablet);
4993        --horizontalNavItemHoverBackgroundColor: var(--horizontalNavItemHoverBackgroundColorTablet);
4994        --horizontalNavItemLetterSpacing: var(--horizontalNavItemLetterSpacingTablet);
4995        --horizontalNavItemTextDecoration: var(--horizontalNavItemTextDecorationTablet);
4996        --horizontalNavItemFontStyle: var(--horizontalNavItemFontStyleTablet);
4997        /* main nav item font hover */
4998        --horizontalNavItemFontSizeHover: var(--horizontalNavItemFontSizeHoverTablet);
4999        --horizontalNavItemFontWeightHover: var(--horizontalNavItemFontWeightHoverTablet);
5000        --horizontalNavItemTextDecorationHover: var(--horizontalNavItemTextDecorationHoverTablet);
5001        --horizontalNavItemFontStyleHover: var(--horizontalNavItemFontStyleHoverTablet);
5002
5003        /* apply main nav item font active */
5004        --horizontalNavItemActiveFontColor: var(--horizontalNavItemActiveFontColorTablet);
5005        --horizontalNavItemActiveBackgroundColor: var(--horizontalNavItemActiveBackgroundColorTablet);
5006
5007
5008        /* apply main nav border */
5009        --horizontalNavBorderTop: var(--horizontalNavBorderTopTablet);
5010        --horizontalNavBorderRight: var(--horizontalNavBorderRightTablet);
5011        --horizontalNavBorderBottom: var(--horizontalNavBorderBottomTablet);
5012        --horizontalNavBorderLeft: var(--horizontalNavBorderLeftTablet);
5013
5014        /*apply main nav border radius hover*/
5015        --horizontalNavBorderRadius: var(--horizontalNavBorderRadiusTablet);
5016        --horizontalNavBorderRadiusHover: var(--horizontalNavBorderRadiusHoverTablet);
5017
5018        /* apply main nav item border */
5019        --horizontalNavItemBorderTop: var(--horizontalNavItemBorderTopTablet);
5020        --horizontalNavItemBorderRight: var(--horizontalNavItemBorderRightTablet);
5021        --horizontalNavItemBorderBottom: var(--horizontalNavItemBorderBottomTablet);
5022        --horizontalNavItemBorderLeft: var(--horizontalNavItemBorderLeftTablet);
5023
5024        /* apply main nav item border hover */
5025        --horizontalNavItemBorderTopHover: var(--horizontalNavItemBorderTopHoverTablet);
5026        --horizontalNavItemBorderRightHover: var(--horizontalNavItemBorderRightHoverTablet);
5027        --horizontalNavItemBorderBottomHover: var(--horizontalNavItemBorderBottomHoverTablet);
5028        --horizontalNavItemBorderLeftHover: var(--horizontalNavItemBorderLeftHoverTablet);
5029
5030
5031        /* apply main nav item border radius */
5032        --horizontalNavItemBorderRadius: var(--horizontalNavItemBorderRadiusTablet);
5033        --horizontalNavItemBorderRadiusHover: var(--horizontalNavItemBorderRadiusHoverTablet);
5034
5035        /* apply separator */
5036        --horizontalNavSeparatorDisplay: var(--horizontalNavSeparatorDisplayTablet);
5037        --horizontalNavSeparatorWidth: var(--horizontalNavSeparatorWidthTablet);
5038        --horizontalNavSeparatorHeight: var(--horizontalNavSeparatorHeightTablet);
5039        --horizontalNavSeparatorColor: var(--horizontalNavSeparatorColorTablet);
5040        --horizontalNavSeparatorSpacing: var(--horizontalNavSeparatorSpacingTablet);
5041
5042        /* apply mega separator */
5043        --megaNavSeparatorDisplay: var(--megaNavSeparatorDisplayTablet);
5044        --megaNavSeparatorWidth: var(--megaNavSeparatorWidthTablet);
5045        --megaNavSeparatorColor: var(--megaNavSeparatorColorTablet);
5046        --megaNavSeparatorSpacing: var(--megaNavSeparatorSpacingTablet);
5047
5048        /* apply sub separator */
5049        --horizontalNavSubSeparatorDisplay: var(--horizontalNavSubSeparatorDisplayTablet);
5050        --horizontalNavSubSeparatorWidth: var(--horizontalNavSubSeparatorWidthTablet);
5051        --horizontalNavSubSeparatorHeight: var(--horizontalNavSubSeparatorHeightTablet);
5052        --horizontalNavSubSeparatorColor: var(--horizontalNavSubSeparatorColorTablet);
5053        --horizontalNavSubSeparatorSpacing: var(--horizontalNavSubSeparatorSpacingTablet);
5054
5055        /* apply arrow */
5056        --horizontalNavArrowSize: var(--horizontalNavArrowSizeTablet);
5057        --horizontalNavArrowDisplay: var(--horizontalNavArrowDisplayTablet);
5058        --horizontalNavItemIconDisplay: var(--horizontalNavItemIconDisplayTablet);
5059        --horizontalNavItemIconColor: var(--horizontalNavItemIconColorTablet);
5060        --horizontalNavItemIconColorHover: var(--horizontalNavItemIconColorHoverTablet);
5061        --horizontalNavItemIconColorActive: var(--horizontalNavItemIconColorActiveTablet);
5062        --horizontalNavItemIconSize: var(--horizontalNavItemIconSizeTablet);
5063        --horizontalNavItemIconSizeHover: var(--horizontalNavItemIconSizeHoverTablet);
5064        --horizontalNavItemIconSizeActive: var(--horizontalNavItemIconSizeActiveTablet);
5065        --horizontalNavItemIconRotate: var(--horizontalNavItemIconRotateTablet);
5066        --horizontalNavItemIconRotateHover: var(--horizontalNavItemIconRotateHoverTablet);
5067        --horizontalNavItemIconRotateActive: var(--horizontalNavItemIconRotateActiveTablet);
5068        --horizontalNavItemIconSpacing: var(--horizontalNavItemIconSpacingTablet);
5069        --horizontalNavSubItemIconDisplay: var(--horizontalNavSubItemIconDisplayTablet);
5070        --horizontalNavSubItemIconColor: var(--horizontalNavSubItemIconColorTablet);
5071        --horizontalNavSubItemIconColorHover: var(--horizontalNavSubItemIconColorHoverTablet);
5072        --horizontalNavSubItemIconColorActive: var(--horizontalNavSubItemIconColorActiveTablet);
5073        --horizontalNavSubItemIconSize: var(--horizontalNavSubItemIconSizeTablet);
5074        --horizontalNavSubItemIconSizeHover: var(--horizontalNavSubItemIconSizeHoverTablet);
5075        --horizontalNavSubItemIconSizeActive: var(--horizontalNavSubItemIconSizeActiveTablet);
5076        --horizontalNavSubItemIconRotate: var(--horizontalNavSubItemIconRotateTablet);
5077        --horizontalNavSubItemIconRotateHover: var(--horizontalNavSubItemIconRotateHoverTablet);
5078        --horizontalNavSubItemIconRotateActive: var(--horizontalNavSubItemIconRotateActiveTablet);
5079        --horizontalNavSubItemIconSpacing: var(--horizontalNavSubItemIconSpacingTablet);
5080        --horizontalNavArrowSpacing: var(--horizontalNavArrowSpacingTablet);
5081        --horizontalNavArrowColor: var(--horizontalNavArrowColorTablet);
5082        --horizontalNavArrowRotate: var(--horizontalNavArrowRotateTablet);
5083        --horizontalNavArrowSizeHover: var(--horizontalNavArrowSizeHoverTablet);
5084        --horizontalNavArrowColorHover: var(--horizontalNavArrowColorHoverTablet);
5085        --horizontalNavArrowRotateHover: var(--horizontalNavArrowRotateHoverTablet);
5086        --horizontalNavArrowSizeActive: var(--horizontalNavArrowSizeActiveTablet);
5087        --horizontalNavArrowColorActive: var(--horizontalNavArrowColorActiveTablet);
5088        --horizontalNavArrowRotateActive: var(--horizontalNavArrowRotateActiveTablet);
5089
5090        /* apply sub arrow */
5091        --horizontalNavSubArrowSize: var(--horizontalNavSubArrowSizeTablet);
5092        --horizontalNavSubArrowDisplay: var(--horizontalNavSubArrowDisplayTablet);
5093        --horizontalNavSubArrowSpacing: var(--horizontalNavSubArrowSpacingTablet);
5094        --horizontalNavSubArrowColor: var(--horizontalNavSubArrowColorTablet);
5095        --horizontalNavSubArrowRotate: var(--horizontalNavSubArrowRotateTablet);
5096        --horizontalNavSubArrowSizeHover: var(--horizontalNavSubArrowSizeHoverTablet);
5097        --horizontalNavSubArrowColorHover: var(--horizontalNavSubArrowColorHoverTablet);
5098        --horizontalNavSubArrowRotateHover: var(--horizontalNavSubArrowRotateHoverTablet);
5099        --horizontalNavSubArrowSizeActive: var(--horizontalNavSubArrowSizeActiveTablet);
5100        --horizontalNavSubArrowColorActive: var(--horizontalNavSubArrowColorActiveTablet);
5101        --horizontalNavSubArrowRotateActive: var(--horizontalNavSubArrowRotateActiveTablet);
5102
5103        /* apply sub */
5104        --horizontalNavSubItemPaddingTop: var(--horizontalNavSubItemPaddingTopTablet);
5105        --horizontalNavSubItemPaddingBottom: var(--horizontalNavSubItemPaddingBottomTablet);
5106        --horizontalNavSubItemPaddingLeft: var(--horizontalNavSubItemPaddingLeftTablet);
5107        --horizontalNavSubItemPaddingRight: var(--horizontalNavSubItemPaddingRightTablet);
5108
5109        /* apply sub nav item padding hover */
5110        --horizontalNavSubItemPaddingTopHover: var(--horizontalNavSubItemPaddingTopHoverTablet);
5111        --horizontalNavSubItemPaddingBottomHover: var(--horizontalNavSubItemPaddingBottomHoverTablet);
5112        --horizontalNavSubItemPaddingLeftHover: var(--horizontalNavSubItemPaddingLeftHoverTablet);
5113        --horizontalNavSubItemPaddingRightHover: var(--horizontalNavSubItemPaddingRightHoverTablet);
5114
5115
5116        /* apply sub nav item font */
5117        --horizontalNavSubItemFont: var(--horizontalNavSubItemFontTablet);
5118        --horizontalNavSubItemFontColor: var(--horizontalNavSubItemFontColorTablet);
5119        --horizontalNavSubItemLineHeight: var(--horizontalNavSubItemLineHeightTablet);
5120        --horizontalNavSubItemFontSize: var(--horizontalNavSubItemFontSizeTablet);
5121        --horizontalNavSubItemFontWeight: var(--horizontalNavSubItemFontWeightTablet);
5122        --horizontalNavSubItemHoverFontColor: var(--horizontalNavSubItemHoverFontColorTablet);
5123        --horizontalNavSubItemBackgroundColor: var(--horizontalNavSubItemBackgroundColorTablet);
5124        --horizontalNavSubItemHoverBackgroundColor: var(--horizontalNavSubItemHoverBackgroundColorTablet);
5125        --horizontalNavSubItemTextDecoration: var(--horizontalNavSubItemTextDecorationTablet);
5126        --horizontalNavSubItemFontStyle: var(--horizontalNavSubItemFontStyleTablet);
5127        --horizontalNavSubItemLetterSpacing: var(--horizontalNavSubItemLetterSpacingTablet);
5128
5129        /* apply sub nav item font hover */
5130        --horizontalNavSubItemFontSizeHover: var(--horizontalNavSubItemFontSizeHoverTablet);
5131        --horizontalNavSubItemFontWeightHover: var(--horizontalNavSubItemFontWeightHoverTablet);
5132        --horizontalNavSubItemTextDecorationHover: var(--horizontalNavSubItemTextDecorationHoverTablet);
5133        --horizontalNavSubItemFontStyleHover: var(--horizontalNavSubItemFontStyleHoverTablet);
5134
5135        /* apply sub nav item font active */
5136        --horizontalNavSubItemActiveFontColor: var(--horizontalNavSubItemActiveFontColorTablet);
5137        --horizontalNavSubItemActiveBackgroundColor: var(--horizontalNavSubItemActiveBackgroundColorTablet);
5138
5139
5140        /* apply sub nav item border */
5141        --horizontalNavSubItemBorderTop: var(--horizontalNavSubItemBorderTopTablet);
5142        --horizontalNavSubItemBorderRight: var(--horizontalNavSubItemBorderRightTablet);
5143        --horizontalNavSubItemBorderBottom: var(--horizontalNavSubItemBorderBottomTablet);
5144        --horizontalNavSubItemBorderLeft: var(--horizontalNavSubItemBorderLeftTablet);
5145
5146        /* apply sub nav item border hover */
5147        --horizontalNavSubItemBorderTopHover: var(--horizontalNavSubItemBorderTopHoverTablet);
5148        --horizontalNavSubItemBorderRightHover: var(--horizontalNavSubItemBorderRightHoverTablet);
5149        --horizontalNavSubItemBorderBottomHover: var(--horizontalNavSubItemBorderBottomHoverTablet);
5150        --horizontalNavSubItemBorderLeftHover: var(--horizontalNavSubItemBorderLeftHoverTablet);
5151
5152        /* apply sub nav item border radius */
5153        --horizontalNavSubItemBorderRadius: var(--horizontalNavSubItemBorderRadiusTablet);
5154        --horizontalNavSubItemBorderRadiusHover: var(--horizontalNavSubItemBorderRadiusHoverTablet);
5155
5156        /* apply sub menu container */
5157        --horizontalNavSubPaddingTop: var(--horizontalNavSubPaddingTopTablet);
5158        --horizontalNavSubPaddingBottom: var(--horizontalNavSubPaddingBottomTablet);
5159        --horizontalNavSubPaddingLeft: var(--horizontalNavSubPaddingLeftTablet);
5160        --horizontalNavSubPaddingRight: var(--horizontalNavSubPaddingRightTablet);
5161        --horizontalNavSubContainerWidth: var(--horizontalNavSubContainerWidthTablet);
5162        --horizontalNavSubContainerBackgroundColor: var(--horizontalNavSubContainerBackgroundColorTablet);
5163
5164        /* apply sub menu container shadow */
5165        --horizontalNavSubContainerShadow: var(--horizontalNavSubContainerShadowTablet);
5166
5167        /* apply sub menu container border */
5168        --horizontalNavSubContainerBorderTop: var(--horizontalNavSubContainerBorderTopTablet);
5169        --horizontalNavSubContainerBorderRight: var(--horizontalNavSubContainerBorderRightTablet);
5170        --horizontalNavSubContainerBorderBottom: var(--horizontalNavSubContainerBorderBottomTablet);
5171        --horizontalNavSubContainerBorderLeft: var(--horizontalNavSubContainerBorderLeftTablet);
5172
5173        /* apply sub menu container border radius */
5174        --horizontalNavSubContainerBorderRadius: var(--horizontalNavSubContainerBorderRadiusTablet);
5175
5176        /**********************
5177			hamburger main nav
5178		***********************/
5179        /* main background color */
5180        --hamburgerNavBackgroundColorTablet: var(--hamburgerNavBackgroundColorDesktop);
5181
5182        /* main padding */
5183        --hamburgerNavPaddingTopTablet: 25px;
5184        --hamburgerNavPaddingBottomTablet: 25px;
5185        --hamburgerNavPaddingLeftTablet: 50px;
5186        --hamburgerNavPaddingRightTablet: 50px;
5187
5188        /* hamburger menu icon */
5189        --hamburgerMenuIconSizeTablet: var(--hamburgerMenuIconSizeDesktop);
5190        --hamburgerMenuIconSizeHoverTablet: var(--hamburgerMenuIconSizeHoverDesktop);
5191        --hamburgerMenuIconColorTablet: var(--hamburgerMenuIconColorDesktop);
5192        --hamburgerMenuIconHoverColorTablet: var(--hamburgerMenuIconHoverColorDesktop);
5193        --hamburgerMenuIconActiveSizeTablet: var(--hamburgerMenuIconActiveSizeDesktop);
5194        --hamburgerMenuIconActiveColorTablet: var(--hamburgerMenuIconActiveColorDesktop);
5195        --hamburgerMenuIconActiveHoverColorTablet: var(--hamburgerMenuIconActiveHoverColorDesktop);
5196        --hamburgerMenuIconActiveSizeHoverTablet: var(--hamburgerMenuIconActiveSizeHoverDesktop);
5197        --hamburgerMenuDisplayTablet: var(--hamburgerMenuDisplayDesktop);
5198        --hamburgerMenuJustifySelfTablet: var(--hamburgerMenuJustifySelfDesktop);
5199
5200        /* main nav justify self */
5201        --hamburgerNavJustifySelfTablet: var(--hamburgerNavJustifySelfDesktop);
5202
5203        /* main nav items alignment */
5204        --hamburgerNavItemsAlignmentTablet: var(--hamburgerNavItemsAlignmentDesktop);
5205
5206        /* main nav item padding */
5207        --hamburgerNavItemPaddingTopTablet: var(--hamburgerNavItemPaddingTopDesktop);
5208        --hamburgerNavItemPaddingBottomTablet: var(--hamburgerNavItemPaddingBottomDesktop);
5209        --hamburgerNavItemPaddingLeftTablet: var(--hamburgerNavItemPaddingLeftDesktop);
5210        --hamburgerNavItemPaddingRightTablet: var(--hamburgerNavItemPaddingRightDesktop);
5211
5212        /* main nav item padding hover*/
5213        --hamburgerNavItemPaddingTopHoverTablet: var(--hamburgerNavItemPaddingTopHoverDesktop);
5214        --hamburgerNavItemPaddingBottomHoverTablet: var(--hamburgerNavItemPaddingBottomHoverDesktop);
5215        --hamburgerNavItemPaddingLeftHoverTablet: var(--hamburgerNavItemPaddingLeftHoverDesktop);
5216        --hamburgerNavItemPaddingRightHoverTablet: var(--hamburgerNavItemPaddingRightHoverDesktop);
5217
5218        /* main nav item border */
5219        --hamburgerNavItemBorderTopTablet: var(--hamburgerNavItemBorderTopDesktop);
5220        --hamburgerNavItemBorderRightTablet: var(--hamburgerNavItemBorderRightDesktop);
5221        --hamburgerNavItemBorderBottomTablet: var(--hamburgerNavItemBorderBottomDesktop);
5222        --hamburgerNavItemBorderLeftTablet: var(--hamburgerNavItemBorderLeftDesktop);
5223
5224        /* main nav item border hover*/
5225        --hamburgerNavItemBorderTopHoverTablet: var(--hamburgerNavItemBorderTopHoverDesktop);
5226        --hamburgerNavItemBorderRightHoverTablet: var(--hamburgerNavItemBorderRightHoverDesktop);
5227        --hamburgerNavItemBorderBottomHoverTablet: var(--hamburgerNavItemBorderBottomHoverDesktop);
5228        --hamburgerNavItemBorderLeftHoverTablet: var(--hamburgerNavItemBorderLeftHoverDesktop);
5229
5230        /* main nav item border radius */
5231        --hamburgerNavItemBorderRadiusTablet: var(--hamburgerNavItemBorderRadiusDesktop);
5232        --hamburgerNavItemBorderRadiusTabletHover: var(--hamburgerNavItemBorderRadiusHoverDesktop);
5233
5234        /* main nav item font */
5235        --hamburgerNavItemFontTablet: var(--hamburgerNavItemFontDesktop);
5236        --hamburgerNavItemFontColorTablet: var(--hamburgerNavItemFontColorDesktop);
5237        --hamburgerNavItemLineHeightTablet: var(--hamburgerNavItemLineHeightDesktop);
5238        --hamburgerNavItemFontSizeTablet: var(--hamburgerNavItemFontSizeDesktop);
5239        --hamburgerNavItemFontWeightTablet: var(--hamburgerNavItemFontWeightDesktop);
5240        --hamburgerNavItemBackgroundColorTablet: var(--hamburgerNavItemBackgroundColorDesktop);
5241        --hamburgerNavItemLetterSpacingTablet: var(--hamburgerNavItemLetterSpacingDesktop);
5242        --hamburgerNavItemTextDecorationTablet: var(--hamburgerNavItemTextDecorationDesktop);
5243        --hamburgerNavItemFontStyleTablet: var(--hamburgerNavItemFontStyleDesktop);
5244
5245        /* main nav item hover font */
5246        --hamburgerNavItemHoverFontColorTablet: var(--hamburgerNavItemHoverFontColorDesktop);
5247        --hamburgerNavItemHoverBackgroundColorTablet: var(--hamburgerNavItemHoverBackgroundColorDesktop);
5248        --hamburgerNavItemFontHoverTablet: var(--hamburgerNavItemFontHoverDesktop);
5249        --hamburgerNavItemLineHeightHoverTablet: var(--hamburgerNavItemLineHeightHoverDesktop);
5250        --hamburgerNavItemFontSizeHoverTablet: var(--hamburgerNavItemFontSizeHoverDesktop);
5251        --hamburgerNavItemFontWeightHoverTablet: var(--hamburgerNavItemFontWeightHoverDesktop);
5252        --hamburgerNavItemLetterSpacingHoverTablet: var(--hamburgerNavItemLetterSpacingTablet);
5253        --hamburgerNavItemTextDecorationHoverTablet: var(--hamburgerNavItemTextDecorationHoverDesktop);
5254        --hamburgerNavItemFontStyleHoverTablet: var(--hamburgerNavItemFontStyleHoverDesktop);
5255
5256        /* separator */
5257        --hamburgerNavSeparatorDisplayTablet: var(--hamburgerNavSeparatorDisplayDesktop);
5258        --hamburgerNavSeparatorWidthTablet: var(--hamburgerNavSeparatorWidthDesktop);
5259        --hamburgerNavSeparatorHeightTablet: var(--hamburgerNavSeparatorHeightDesktop);
5260        --hamburgerNavSeparatorColorTablet: var(--hamburgerNavSeparatorColorDesktop);
5261        --hamburgerNavSeparatorSpacingTablet: var(--hamburgerNavSeparatorSpacingDesktop);
5262
5263        /* sub separator */
5264        --hamburgerNavSubSeparatorDisplayTablet: var(--hamburgerNavSubSeparatorDisplayDesktop);
5265        --hamburgerNavSubSeparatorWidthTablet: var(--hamburgerNavSubSeparatorWidthDesktop);
5266        --hamburgerNavSubSeparatorHeightTablet: var(--hamburgerNavSubSeparatorHeightDesktop);
5267        --hamburgerNavSubSeparatorColorTablet: var(--hamburgerNavSubSeparatorColorDesktop);
5268        --hamburgerNavSubSeparatorSpacingTablet: var(--hamburgerNavSubSeparatorSpacingDesktop);
5269
5270        /* arrow */
5271        --hamburgerNavArrowSizeTablet: var(--hamburgerNavArrowSizeDesktop);
5272        --hamburgerNavArrowColorTablet: var(--hamburgerNavArrowColorDesktop);
5273        --hamburgerNavArrowSpacingTablet: var(--hamburgerNavArrowSpacingDesktop);
5274        --hamburgerNavArrowRotateTablet: var(--hamburgerNavArrowRotateDesktop);
5275        --hamburgerNavArrowAutoSpacingTablet: var(--hamburgerNavArrowAutoSpacingDesktop); /* off: auto */
5276        --hamburgerNavArrowSizeHoverTablet: var(--hamburgerNavArrowSizeHoverDesktop);
5277        --hamburgerNavArrowColorHoverTablet: var(--hamburgerNavArrowColorHoverDesktop);
5278        --hamburgerNavArrowRotateHoverTablet: var(--hamburgerNavArrowRotateHoverDesktop);
5279
5280        /* sub arrow */
5281        --hamburgerNavSubArrowSizeTablet: var(--hamburgerNavSubArrowSizeDesktop);
5282        --hamburgerNavSubArrowColorTablet: var(--hamburgerNavSubArrowColorDesktop);
5283        --hamburgerNavSubArrowSpacingTablet: var(--hamburgerNavSubArrowSpacingDesktop);
5284        --hamburgerNavSubArrowRotateTablet: var(--hamburgerNavSubArrowRotateDesktop);
5285        --hamburgerNavSubArrowAutoSpacingTablet: var(--hamburgerNavSubArrowAutoSpacingDesktop); /* off: auto */
5286        --hamburgerNavSubArrowSizeHoverTablet: var(--hamburgerNavSubArrowSizeHoverDesktop);
5287        --hamburgerNavSubArrowColorHoverTablet: var(--hamburgerNavSubArrowColorHoverDesktop);
5288        --hamburgerNavSubArrowRotateHoverTablet: var(--hamburgerNavSubArrowRotateHoverDesktop);
5289
5290        /* sub menu background color */
5291        --hamburgerNavSubBackgroundColorTablet: transparent;
5292
5293        /* sub nav item padding */
5294        --hamburgerNavSubItemPaddingTopTablet: var(--hamburgerNavSubItemPaddingTopDesktop);
5295        --hamburgerNavSubItemPaddingBottomTablet: var(--hamburgerNavSubItemPaddingBottomDesktop);
5296        --hamburgerNavSubItemPaddingLeftTablet: var(--hamburgerNavSubItemPaddingLeftDesktop);
5297        --hamburgerNavSubItemPaddingRightTablet: var(--hamburgerNavSubItemPaddingRightDesktop);
5298
5299        /* sub nav item padding hover*/
5300        --hamburgerNavSubItemPaddingTopHoverTablet: var(--hamburgerNavSubItemPaddingTopHoverDesktop);
5301        --hamburgerNavSubItemPaddingBottomHoverTablet: var(--hamburgerNavSubItemPaddingBottomHoverDesktop);
5302        --hamburgerNavSubItemPaddingLeftHoverTablet: var(--hamburgerNavSubItemPaddingLeftHoverDesktop);
5303        --hamburgerNavSubItemPaddingRightHoverTablet: var(--hamburgerNavSubItemPaddingRightHoverDesktop);
5304
5305        /* sub nav item border */
5306        --hamburgerNavSubItemBorderTopTablet: var(--hamburgerNavSubItemBorderTopDesktop);
5307        --hamburgerNavSubItemBorderRightTablet: var(--hamburgerNavSubItemBorderRightDesktop);
5308        --hamburgerNavSubItemBorderBottomTablet: var(--hamburgerNavSubItemBorderBottomDesktop);
5309        --hamburgerNavSubItemBorderLeftTablet: var(--hamburgerNavSubItemBorderLeftDesktop);
5310
5311        /* sub nav item border Hover*/
5312        --hamburgerNavSubItemBorderTopHoverTablet: var(--hamburgerNavSubItemBorderTopHoverDesktop);
5313        --hamburgerNavSubItemBorderRightHoverTablet: var(--hamburgerNavSubItemBorderRightHoverDesktop);
5314        --hamburgerNavSubItemBorderBottomHoverTablet: var(--hamburgerNavSubItemBorderBottomHoverDesktop);
5315        --hamburgerNavSubItemBorderLeftHoverTablet: var(--hamburgerNavSubItemBorderLeftHoverDesktop);
5316
5317        /* sub nav item border radius */
5318        --hamburgerNavSubItemBorderRadiusTablet: var(--hamburgerNavSubItemBorderRadiusDesktop);
5319        --hamburgerNavSubItemBorderRadiusHoverTablet: var(--hamburgerNavSubItemBorderRadiusHoverDesktop);
5320
5321        /* sub nav item background color */
5322        --hamburgerNavSubItemBackgroundColorTablet: var(--hamburgerNavSubItemBackgroundColorDesktop);
5323
5324        /* sub nav item hover background color */
5325        --hamburgerNavSubItemHoverBackgroundColorTablet: var(--hamburgerNavSubItemHoverBackgroundColorDesktop);
5326
5327        /* sub nav item font */
5328        --hamburgerNavSubItemFontTablet: var(--hamburgerNavSubItemFontDesktop);
5329        --hamburgerNavSubItemFontColorTablet: var(--hamburgerNavSubItemFontColorDesktop);
5330        --hamburgerNavSubItemLineHeightTablet: var(--hamburgerNavSubItemLineHeightDesktop);
5331        --hamburgerNavSubItemFontSizeTablet: var(--hamburgerNavSubItemFontSizeDesktop);
5332        --hamburgerNavSubItemFontWeightTablet: var(--hamburgerNavSubItemFontWeightDesktop);
5333        --hamburgerNavSubItemTextDecorationTablet: var(--hamburgerNavSubItemTextDecorationDesktop);
5334        --hamburgerNavSubItemFontStyleTablet: var(--hamburgerNavSubItemFontStyleDesktop);
5335        --hamburgerNavSubItemLetterSpacingTablet: var(--hamburgerNavSubItemLetterSpacingDesktop);
5336
5337        /* sub nav item hover font */
5338        --hamburgerNavSubItemHoverFontColorTablet: var(--hamburgerNavSubItemHoverFontColorDesktop);
5339        --hamburgerNavSubItemFontHoverTablet: var(--hamburgerNavSubItemFontHoverDesktop);
5340        --hamburgerNavSubItemLineHeightHoverTablet: var(--hamburgerNavSubItemLineHeightHoverDesktop);
5341        --hamburgerNavSubItemFontSizeHoverTablet: var(--hamburgerNavSubItemFontSizeHoverDesktop);
5342        --hamburgerNavSubItemFontWeightHoverTablet: var(--hamburgerNavSubItemFontWeightHoverDesktop);
5343        --hamburgerNavSubItemLetterSpacingHoverTablet: var(--hamburgerNavSubItemLetterSpacingTablet);
5344        --hamburgerNavSubItemTextDecorationHoverTablet: var(--hamburgerNavSubItemTextDecorationHoverDesktop);
5345        --hamburgerNavSubItemFontStyleHoverTablet: var(--hamburgerNavSubItemFontStyleHoverDesktop);
5346
5347        /* nav back button border */
5348        --hamburgerNavBackButtonBorderTopTablet: var(--hamburgerNavBackButtonBorderTopDesktop);
5349        --hamburgerNavBackButtonBorderRightTablet: var(--hamburgerNavBackButtonBorderRightDesktop);
5350        --hamburgerNavBackButtonBorderBottomTablet: var(--hamburgerNavBackButtonBorderBottomDesktop);
5351        --hamburgerNavBackButtonBorderLeftTablet: var(--hamburgerNavBackButtonBorderLeftDesktop);
5352
5353        /* nav back button border  hover*/
5354        --hamburgerNavBackButtonBorderTopHoverTablet: var(--hamburgerNavBackButtonBorderTopHoverDesktop);
5355        --hamburgerNavBackButtonBorderRightHoverTablet: var(--hamburgerNavBackButtonBorderRightHoverDesktop);
5356        --hamburgerNavBackButtonBorderBottomHoverTablet: var(--hamburgerNavBackButtonBorderBottomHoverDesktop);
5357        --hamburgerNavBackButtonBorderLeftHoverTablet: var(--hamburgerNavBackButtonBorderLeftHoverDesktop);
5358
5359        /* nav back button border radius */
5360        --hamburgerNavBackButtonBorderRadiusTablet: var(--hamburgerNavBackButtonBorderRadiusDesktop);
5361        --hamburgerNavBackButtonBorderRadiusHoverTablet: var(--hamburgerNavBackButtonBorderRadiusHoverDesktop);
5362
5363        /* nav back button background color */
5364        --hamburgerNavBackButtonBackgroundColorTablet: var(--hamburgerNavBackButtonBackgroundColorDesktop);
5365
5366        /* nav back button hover background color */
5367        --hamburgerNavBackButtonHoverBackgroundColorTablet: var(--hamburgerNavBackButtonHoverBackgroundColorDesktop);
5368
5369        /* nav back button */
5370        --hamburgerNavBackButtonPaddingTopTablet: var(--hamburgerNavBackButtonPaddingTopDesktop);
5371        --hamburgerNavBackButtonPaddingBottomTablet: var(--hamburgerNavBackButtonPaddingBottomDesktop);
5372        --hamburgerNavBackButtonPaddingLeftTablet: var(--hamburgerNavBackButtonPaddingLeftDesktop);
5373        --hamburgerNavBackButtonPaddingRightTablet: var(--hamburgerNavBackButtonPaddingRightDesktop);
5374        --hamburgerNavBackButtonFontTablet: var(--hamburgerNavBackButtonFontDesktop);
5375        --hamburgerNavBackButtonColorTablet: var(--hamburgerNavBackButtonColorDesktop);
5376        --hamburgerNavBackButtonFontSizeTablet: var(--hamburgerNavBackButtonFontSizeDesktop);
5377        --hamburgerNavBackButtonFontWeightTablet: var(--hamburgerNavBackButtonFontWeightDesktop);
5378        --hamburgerNavBackButtonFontStyleTablet: var(--hamburgerNavBackButtonFontStyleDesktop);
5379        --hamburgerNavBackButtonLetterSpacingTablet: var(--hamburgerNavBackButtonLetterSpacingDesktop);
5380        --hamburgerNavBackButtonTextDecorationTablet: var(--hamburgerNavBackButtonTextDecorationDesktop);
5381        --hamburgerNavBackButtonLineHeightTablet: var(--hamburgerNavBackButtonLineHeightDesktop);
5382        --hamburgerNavBackButtonHoverFontColorTablet: var(--hamburgerNavBackButtonHoverFontColorDesktop);
5383
5384        /* nav back button hover*/
5385        --hamburgerNavBackButtonPaddingTopHoverTablet: var(--hamburgerNavBackButtonPaddingTopHoverDesktop);
5386        --hamburgerNavBackButtonPaddingBottomHoverTablet: var(--hamburgerNavBackButtonPaddingBottomHoverDesktop);
5387        --hamburgerNavBackButtonPaddingLeftHoverTablet: var(--hamburgerNavBackButtonPaddingLeftHoverDesktop);
5388        --hamburgerNavBackButtonPaddingRightHoverTablet: var(--hamburgerNavBackButtonPaddingRightHoverDesktop);
5389
5390        /* nav back button arrow */
5391        --hamburgerNavBackButtonArrowSizeTablet: var(--hamburgerNavBackButtonArrowSizeDesktop);
5392        --hamburgerNavBackButtonArrowSizeHoverTablet: var(--hamburgerNavBackButtonArrowSizeHoverDesktop);
5393        --hamburgerNavBackButtonArrowColorTablet: var(--hamburgerNavBackButtonArrowColorDesktop);
5394        --hamburgerNavBackButtonArrowSpacingTablet: var(--hamburgerNavBackButtonArrowSpacingDesktop);
5395        --hamburgerNavBackButtonArrowRotateTablet: var(--hamburgerNavBackButtonArrowRotateDesktop);
5396
5397        /* parent title border */
5398        --hamburgerTitleBorderTopTablet: var(--hamburgerTitleBorderTopDesktop);
5399        --hamburgerTitleBorderRightTablet: var(--hamburgerTitleBorderRightDesktop);
5400        --hamburgerTitleBorderBottomTablet: var(--hamburgerTitleBorderBottomDesktop);
5401        --hamburgerTitleBorderLeftTablet: var(--hamburgerTitleBorderLeftDesktop);
5402        /* parent title border */
5403        --hamburgerTitleBorderTopHoverTablet: var(--hamburgerTitleBorderTopHoverDesktop);
5404        --hamburgerTitleBorderRightHoverTablet: var(--hamburgerTitleBorderRightHoverDesktop);
5405        --hamburgerTitleBorderBottomHoverTablet: var(--hamburgerTitleBorderBottomHoverDesktop);
5406        --hamburgerTitleBorderLeftHoverTablet: var(--hamburgerTitleBorderLeftHoverDesktop);
5407
5408        /* parent title border radius */
5409        --hamburgerTitleBorderRadiusTablet: var(--hamburgerTitleBorderRadiusDesktop);
5410        --hamburgerTitleBorderRadiusHoverTablet: var(--hamburgerTitleBorderRadiusHoverDesktop);
5411
5412        /* parent title background color */
5413        --hamburgerTitleBackgroundColorTablet: var(--hamburgerTitleBackgroundColorDesktop);
5414        --hamburgerTitleBackgroundColorHoverTablet: var(--hamburgerTitleBackgroundColorHoverDesktop);
5415
5416        /* parent title padding */
5417        --hamburgerTitlePaddingTopTablet: var(--hamburgerTitlePaddingTopDesktop);
5418        --hamburgerTitlePaddingBottomTablet: var(--hamburgerTitlePaddingBottomDesktop);
5419        --hamburgerTitlePaddingLeftTablet: var(--hamburgerTitlePaddingLeftDesktop);
5420        --hamburgerTitlePaddingRightTablet: var(--hamburgerTitlePaddingRightDesktop);
5421
5422        /* parent title padding hover*/
5423        --hamburgerTitlePaddingTopHoverTablet: var(--hamburgerTitlePaddingTopHoverDesktop);
5424        --hamburgerTitlePaddingBottomHoverTablet: var(--hamburgerTitlePaddingBottomHoverDesktop);
5425        --hamburgerTitlePaddingLeftHoverTablet: var(--hamburgerTitlePaddingLeftHoverDesktop);
5426        --hamburgerTitlePaddingRightHoverTablet: var(--hamburgerTitlePaddingRightHoverDesktop);
5427
5428        /* parent title font */
5429        --hamburgerTitleFontTablet: var(--hamburgerTitleFontDesktop);
5430        --hamburgerTitleFontColorTablet: var(--hamburgerTitleFontColorDesktop);
5431        --hamburgerTitleFontSizeTablet: var(--hamburgerTitleFontSizeDesktop);
5432        --hamburgerTitleFontWeightTablet: var(--hamburgerTitleFontWeightDesktop);
5433        --hamburgerTitleFontStyleTablet: var(--hamburgerTitleFontStyleDesktop);
5434        --hamburgerTitleLetterSpacingTablet: var(--hamburgerTitleLetterSpacingDesktop);
5435        --hamburgerTitleTextDecorationTablet: var(--hamburgerTitleTextDecorationDesktop);
5436        --hamburgerTitleLineHeightTablet: var(--hamburgerTitleLineHeightDesktop);
5437
5438        /* parent title arrow */
5439        --hamburgerTitleArrowSizeTablet: var(--hamburgerTitleArrowSizeDesktop);
5440        --hamburgerTitleArrowColorTablet: var(--hamburgerTitleArrowColorDesktop);
5441        --hamburgerTitleArrowSpacingTablet: var(--hamburgerTitleArrowSpacingDesktop);
5442        --hamburgerTitleArrowRotateTablet: var(--hamburgerTitleArrowRotateDesktop);
5443
5444        /* slide container */
5445        --hamburgerSlideContainerWidthTablet: var(--hamburgerSlideContainerWidthDesktop);
5446
5447        /*****
5448			apply css properties
5449		*****/
5450
5451        /* apply main background color */
5452        --hamburgerNavBackgroundColor: var(--hamburgerNavBackgroundColorTablet);
5453
5454        /* apply main padding */
5455        --hamburgerNavPaddingTop: var(--hamburgerNavPaddingTopTablet);
5456        --hamburgerNavPaddingBottom: var(--hamburgerNavPaddingBottomTablet);
5457        --hamburgerNavPaddingLeft: var(--hamburgerNavPaddingLeftTablet);
5458        --hamburgerNavPaddingRight: var(--hamburgerNavPaddingRightTablet);
5459
5460        /* apply hamburger menu icon */
5461        --hamburgerMenuIconSize: var(--hamburgerMenuIconSizeTablet);
5462        --hamburgerMenuIconSizeHover: var(--hamburgerMenuIconSizeHoverTablet);
5463        --hamburgerMenuIconColor: var(--hamburgerMenuIconColorTablet);
5464        --hamburgerMenuIconHoverColor: var(--hamburgerMenuIconHoverColorTablet);
5465        --hamburgerMenuIconActiveSize: var(--hamburgerMenuIconActiveSizeTablet);
5466        --hamburgerMenuIconActiveColor: var(--hamburgerMenuIconActiveColorTablet);
5467        --hamburgerMenuIconActiveHoverColor: var(--hamburgerMenuIconActiveHoverColorTablet);
5468        --hamburgerMenuIconActiveSizeHover: var(--hamburgerMenuIconActiveSizeHoverTablet);
5469        --hamburgerMenuDisplay: var(--hamburgerMenuDisplayTablet);
5470        --hamburgerMenuJustifySelf: var(--hamburgerMenuJustifySelfTablet);
5471
5472        /* apply main nav justify self */
5473        --hamburgerNavJustifySelf: var(--hamburgerNavJustifySelfTablet);
5474
5475        /* apply main nav items alignment */
5476        --hamburgerNavItemsAlignment: var(--hamburgerNavItemsAlignmentTablet);
5477
5478        /* apply main nav item padding */
5479        --hamburgerNavItemPaddingTop: var(--hamburgerNavItemPaddingTopTablet);
5480        --hamburgerNavItemPaddingBottom: var(--hamburgerNavItemPaddingBottomTablet);
5481        --hamburgerNavItemPaddingLeft: var(--hamburgerNavItemPaddingLeftTablet);
5482        --hamburgerNavItemPaddingRight: var(--hamburgerNavItemPaddingRightTablet);
5483
5484        /* apply main nav item padding hover*/
5485        --hamburgerNavItemPaddingTopHover: var(--hamburgerNavItemPaddingTopHoverTablet);
5486        --hamburgerNavItemPaddingBottomHover: var(--hamburgerNavItemPaddingBottomHoverTablet);
5487        --hamburgerNavItemPaddingLeftHover: var(--hamburgerNavItemPaddingLeftHoverTablet);
5488        --hamburgerNavItemPaddingRightHover: var(--hamburgerNavItemPaddingRightHoverTablet);
5489
5490        /* apply main nav item border */
5491        --hamburgerNavItemBorderTop: var(--hamburgerNavItemBorderTopTablet);
5492        --hamburgerNavItemBorderRight: var(--hamburgerNavItemBorderRightTablet);
5493        --hamburgerNavItemBorderBottom: var(--hamburgerNavItemBorderBottomTablet);
5494        --hamburgerNavItemBorderLeft: var(--hamburgerNavItemBorderLeftTablet);
5495        /* apply main nav item border hover */
5496        --hamburgerNavItemBorderTopHover: var(--hamburgerNavItemBorderTopHoverTablet);
5497        --hamburgerNavItemBorderRightHover: var(--hamburgerNavItemBorderRightHoverTablet);
5498        --hamburgerNavItemBorderBottomHover: var(--hamburgerNavItemBorderBottomHoverTablet);
5499        --hamburgerNavItemBorderLeftHover: var(--hamburgerNavItemBorderLeftHoverTablet);
5500
5501        /* apply main nav item border radius */
5502        --hamburgerNavItemBorderRadius: var(--hamburgerNavItemBorderRadiusTablet);
5503        --hamburgerNavItemBorderRadiusHover: var(--hamburgerNavItemBorderRadiusTabletHover);
5504
5505        /* apply main nav item font */
5506        --hamburgerNavItemFont: var(--hamburgerNavItemFontTablet);
5507        --hamburgerNavItemFontColor: var(--hamburgerNavItemFontColorTablet);
5508        --hamburgerNavItemLineHeight: var(--hamburgerNavItemLineHeightTablet);
5509        --hamburgerNavItemFontSize: var(--hamburgerNavItemFontSizeTablet);
5510        --hamburgerNavItemFontWeight: var(--hamburgerNavItemFontWeightTablet);
5511        --hamburgerNavItemBackgroundColor: var(--hamburgerNavItemBackgroundColorTablet);
5512        --hamburgerNavItemLetterSpacing: var(--hamburgerNavItemLetterSpacingTablet);
5513        --hamburgerNavItemTextDecoration: var(--hamburgerNavItemTextDecorationTablet);
5514        --hamburgerNavItemFontStyle: var(--hamburgerNavItemFontStyleTablet);
5515
5516        /* apply main nav item hover font */
5517        --hamburgerNavItemHoverFontColor: var(--hamburgerNavItemHoverFontColorTablet);
5518        --hamburgerNavItemHoverBackgroundColor: var(--hamburgerNavItemHoverBackgroundColorTablet);
5519        --hamburgerNavItemFontHover: var(--hamburgerNavItemFontHoverTablet);
5520        --hamburgerNavItemLineHeightHover: var(--hamburgerNavItemLineHeightHoverTablet);
5521        --hamburgerNavItemFontSizeHover: var(--hamburgerNavItemFontSizeHoverTablet);
5522        --hamburgerNavItemFontWeightHover: var(--hamburgerNavItemFontWeightHoverTablet);
5523        --hamburgerNavItemLetterSpacingHover: var(--hamburgerNavItemLetterSpacingHoverTablet);
5524        --hamburgerNavItemTextDecorationHover: var(--hamburgerNavItemTextDecorationHoverTablet);
5525        --hamburgerNavItemFontStyleHover: var(--hamburgerNavItemFontStyleHoverTablet);
5526
5527        /* apply separator */
5528        --hamburgerNavSeparatorDisplay: var(--hamburgerNavSeparatorDisplayTablet);
5529        --hamburgerNavSeparatorWidth: var(--hamburgerNavSeparatorWidthTablet);
5530        --hamburgerNavSeparatorHeight: var(--hamburgerNavSeparatorHeightTablet);
5531        --hamburgerNavSeparatorColor: var(--hamburgerNavSeparatorColorTablet);
5532        --hamburgerNavSeparatorSpacing: var(--hamburgerNavSeparatorSpacingTablet);
5533
5534        /* apply sub separator */
5535        --hamburgerNavSubSeparatorDisplay: var(--hamburgerNavSubSeparatorDisplayTablet);
5536        --hamburgerNavSubSeparatorWidth: var(--hamburgerNavSubSeparatorWidthTablet);
5537        --hamburgerNavSubSeparatorHeight: var(--hamburgerNavSubSeparatorHeightTablet);
5538        --hamburgerNavSubSeparatorColor: var(--hamburgerNavSubSeparatorColorTablet);
5539        --hamburgerNavSubSeparatorSpacing: var(--hamburgerNavSubSeparatorSpacingTablet);
5540
5541        /* apply arrow */
5542        --hamburgerNavArrowSize: var(--hamburgerNavArrowSizeTablet);
5543        --hamburgerNavArrowColor: var(--hamburgerNavArrowColorTablet);
5544        --hamburgerNavArrowSpacing: var(--hamburgerNavArrowSpacingTablet);
5545        --hamburgerNavArrowRotate: var(--hamburgerNavArrowRotateTablet);
5546        --hamburgerNavArrowAutoSpacing: var(--hamburgerNavArrowAutoSpacingTablet);
5547        --hamburgerNavArrowSizeHover: var(--hamburgerNavArrowSizeHoverTablet);
5548        --hamburgerNavArrowColorHover: var(--hamburgerNavArrowColorHoverTablet);
5549        --hamburgerNavArrowRotateHover: var(--hamburgerNavArrowRotateHoverTablet);
5550
5551        /* apply main item icon */
5552        --hamburgerNavItemIconDisplay: var(--hamburgerNavItemIconDisplayTablet);
5553        --hamburgerNavItemIconColor: var(--hamburgerNavItemIconColorTablet);
5554        --hamburgerNavItemIconColorHover: var(--hamburgerNavItemIconColorHoverTablet);
5555        --hamburgerNavItemIconSize: var(--hamburgerNavItemIconSizeTablet);
5556        --hamburgerNavItemIconSizeHover: var(--hamburgerNavItemIconSizeHoverTablet);
5557        --hamburgerNavItemIconRotate: var(--hamburgerNavItemIconRotateTablet);
5558        --hamburgerNavItemIconRotateHover: var(--hamburgerNavItemIconRotateHoverTablet);
5559        --hamburgerNavItemIconSpacing: var(--hamburgerNavItemIconSpacingTablet);
5560        --hamburgerNavSubItemIconDisplay: var(--hamburgerNavSubItemIconDisplayTablet);
5561        --hamburgerNavSubItemIconColor: var(--hamburgerNavSubItemIconColorTablet);
5562        --hamburgerNavSubItemIconColorHover: var(--hamburgerNavSubItemIconColorHoverTablet);
5563        --hamburgerNavSubItemIconSize: var(--hamburgerNavSubItemIconSizeTablet);
5564        --hamburgerNavSubItemIconSizeHover: var(--hamburgerNavSubItemIconSizeHoverTablet);
5565        --hamburgerNavSubItemIconRotate: var(--hamburgerNavSubItemIconRotateTablet);
5566        --hamburgerNavSubItemIconRotateHover: var(--hamburgerNavSubItemIconRotateHoverTablet);
5567        --hamburgerNavSubItemIconSpacing: var(--hamburgerNavSubItemIconSpacingTablet);
5568
5569        /* apply sub arrow */
5570        --hamburgerNavSubArrowSize: var(--hamburgerNavSubArrowSizeTablet);
5571        --hamburgerNavSubArrowColor: var(--hamburgerNavSubArrowColorTablet);
5572        --hamburgerNavSubArrowSpacing: var(--hamburgerNavSubArrowSpacingTablet);
5573        --hamburgerNavSubArrowRotate: var(--hamburgerNavSubArrowRotateTablet);
5574        --hamburgerNavSubArrowAutoSpacing: var(--hamburgerNavSubArrowAutoSpacingTablet);
5575        --hamburgerNavSubArrowSizeHover: var(--hamburgerNavSubArrowSizeHoverTablet);
5576        --hamburgerNavSubArrowColorHover: var(--hamburgerNavSubArrowColorHoverTablet);
5577        --hamburgerNavSubArrowRotateHover: var(--hamburgerNavSubArrowRotateHoverTablet);
5578
5579        /* apply sub menu background color */
5580        --hamburgerNavSubBackgroundColor: var(--hamburgerNavSubBackgroundColorTablet);
5581
5582        /* apply sub nav item padding */
5583        --hamburgerNavSubItemPaddingTop: var(--hamburgerNavSubItemPaddingTopTablet);
5584        --hamburgerNavSubItemPaddingBottom: var(--hamburgerNavSubItemPaddingBottomTablet);
5585        --hamburgerNavSubItemPaddingLeft: var(--hamburgerNavSubItemPaddingLeftTablet);
5586        --hamburgerNavSubItemPaddingRight: var(--hamburgerNavSubItemPaddingRightTablet);
5587        /* apply sub nav item padding hover*/
5588        --hamburgerNavSubItemPaddingTopHover: var(--hamburgerNavSubItemPaddingTopHoverTablet);
5589        --hamburgerNavSubItemPaddingBottomHover: var(--hamburgerNavSubItemPaddingBottomHoverTablet);
5590        --hamburgerNavSubItemPaddingLeftHover: var(--hamburgerNavSubItemPaddingLeftHoverTablet);
5591        --hamburgerNavSubItemPaddingRightHover: var(--hamburgerNavSubItemPaddingRightHoverTablet);
5592
5593        /* apply sub nav item border */
5594        --hamburgerNavSubItemBorderTop: var(--hamburgerNavSubItemBorderTopTablet);
5595        --hamburgerNavSubItemBorderRight: var(--hamburgerNavSubItemBorderRightTablet);
5596        --hamburgerNavSubItemBorderBottom: var(--hamburgerNavSubItemBorderBottomTablet);
5597        --hamburgerNavSubItemBorderLeft: var(--hamburgerNavSubItemBorderLeftTablet);
5598        /* apply sub nav item border hover*/
5599        --hamburgerNavSubItemBorderTopHover: var(--hamburgerNavSubItemBorderTopHoverTablet);
5600        --hamburgerNavSubItemBorderRightHover: var(--hamburgerNavSubItemBorderRightHoverTablet);
5601        --hamburgerNavSubItemBorderBottomHover: var(--hamburgerNavSubItemBorderBottomHoverTablet);
5602        --hamburgerNavSubItemBorderLeftHover: var(--hamburgerNavSubItemBorderLeftHoverTablet);
5603
5604        /* apply sub nav item border radius */
5605        --hamburgerNavSubItemBorderRadius: var(--hamburgerNavSubItemBorderRadiusTablet);
5606        --hamburgerNavSubItemBorderRadiusHover: var(--hamburgerNavSubItemBorderRadiusHoverTablet);
5607
5608        /* apply sub nav item background color */
5609        --hamburgerNavSubItemBackgroundColor: var(--hamburgerNavSubItemBackgroundColorTablet);
5610
5611        /* apply sub nav item hover background color */
5612        --hamburgerNavSubItemHoverBackgroundColor: var(--hamburgerNavSubItemHoverBackgroundColorTablet);
5613
5614        /* apply sub nav item font */
5615        --hamburgerNavSubItemFont: var(--hamburgerNavSubItemFontTablet);
5616        --hamburgerNavSubItemFontColor: var(--hamburgerNavSubItemFontColorTablet);
5617        --hamburgerNavSubItemLineHeight: var(--hamburgerNavSubItemLineHeightTablet);
5618        --hamburgerNavSubItemFontSize: var(--hamburgerNavSubItemFontSizeTablet);
5619        --hamburgerNavSubItemFontWeight: var(--hamburgerNavSubItemFontWeightTablet);
5620        --hamburgerNavSubItemTextDecoration: var(--hamburgerNavSubItemTextDecorationTablet);
5621        --hamburgerNavSubItemFontStyle: var(--hamburgerNavSubItemFontStyleTablet);
5622        --hamburgerNavSubItemLetterSpacing: var(--hamburgerNavSubItemLetterSpacingTablet);
5623
5624        /* apply sub nav item hover font */
5625        --hamburgerNavSubItemHoverFontColor: var(--hamburgerNavSubItemHoverFontColorTablet);
5626        --hamburgerNavSubItemFontHover: var(--hamburgerNavSubItemFontHoverTablet);
5627        --hamburgerNavSubItemLineHeightHover: var(--hamburgerNavSubItemLineHeightHoverTablet);
5628        --hamburgerNavSubItemFontSizeHover: var(--hamburgerNavSubItemFontSizeHoverTablet);
5629        --hamburgerNavSubItemFontWeightHover: var(--hamburgerNavSubItemFontWeightHoverTablet);
5630        --hamburgerNavSubItemLetterSpacingHover: var(--hamburgerNavSubItemLetterSpacingHoverTablet);
5631        --hamburgerNavSubItemTextDecorationHover: var(--hamburgerNavSubItemTextDecorationHoverTablet);
5632        --hamburgerNavSubItemFontStyleHover: var(--hamburgerNavSubItemFontStyleHoverTablet);
5633
5634        /* apply nav back button border */
5635        --hamburgerNavBackButtonBorderTop: var(--hamburgerNavBackButtonBorderTopTablet);
5636        --hamburgerNavBackButtonBorderRight: var(--hamburgerNavBackButtonBorderRightTablet);
5637        --hamburgerNavBackButtonBorderBottom: var(--hamburgerNavBackButtonBorderBottomTablet);
5638        --hamburgerNavBackButtonBorderLeft: var(--hamburgerNavBackButtonBorderLeftTablet);
5639        /* apply nav back button border hover*/
5640        --hamburgerNavBackButtonBorderTopHover: var(--hamburgerNavBackButtonBorderTopHoverTablet);
5641        --hamburgerNavBackButtonBorderRightHover: var(--hamburgerNavBackButtonBorderRightHoverTablet);
5642        --hamburgerNavBackButtonBorderBottomHover: var(--hamburgerNavBackButtonBorderBottomHoverTablet);
5643        --hamburgerNavBackButtonBorderLeftHover: var(--hamburgerNavBackButtonBorderLeftHoverTablet);
5644
5645        /* apply nav back button border radius */
5646        --hamburgerNavBackButtonBorderRadius: var(--hamburgerNavBackButtonBorderRadiusTablet);
5647        --hamburgerNavBackButtonBorderRadiusHover: var(--hamburgerNavBackButtonBorderRadiusHoverTablet);
5648
5649        /* apply nav back button background color */
5650        --hamburgerNavBackButtonBackgroundColor: var(--hamburgerNavBackButtonBackgroundColorTablet);
5651
5652        /* apply nav back button hover background color */
5653        --hamburgerNavBackButtonHoverBackgroundColor: var(--hamburgerNavBackButtonHoverBackgroundColorTablet);
5654
5655        /* apply nav back button */
5656        --hamburgerNavBackButtonPaddingTop: var(--hamburgerNavBackButtonPaddingTopTablet);
5657        --hamburgerNavBackButtonPaddingBottom: var(--hamburgerNavBackButtonPaddingBottomTablet);
5658        --hamburgerNavBackButtonPaddingLeft: var(--hamburgerNavBackButtonPaddingLeftTablet);
5659        --hamburgerNavBackButtonPaddingRight: var(--hamburgerNavBackButtonPaddingRightTablet);
5660        --hamburgerNavBackButtonFont: var(--hamburgerNavBackButtonFontTablet);
5661        --hamburgerNavBackButtonColor: var(--hamburgerNavBackButtonColorTablet);
5662        --hamburgerNavBackButtonFontSize: var(--hamburgerNavBackButtonFontSizeTablet);
5663        --hamburgerNavBackButtonFontWeight: var(--hamburgerNavBackButtonFontWeightTablet);
5664        --hamburgerNavBackButtonFontStyle: var(--hamburgerNavBackButtonFontStyleTablet);
5665        --hamburgerNavBackButtonLetterSpacing: var(--hamburgerNavBackButtonLetterSpacingTablet);
5666        --hamburgerNavBackButtonTextDecoration: var(--hamburgerNavBackButtonTextDecorationTablet);
5667        --hamburgerNavBackButtonLineHeight: var(--hamburgerNavBackButtonLineHeightTablet);
5668        --hamburgerNavBackButtonHoverFontColor: var(--hamburgerNavBackButtonHoverFontColorTablet);
5669
5670        /* apply nav back button hover */
5671        --hamburgerNavBackButtonPaddingTopHover: var(--hamburgerNavBackButtonPaddingTopHoverTablet);
5672        --hamburgerNavBackButtonPaddingBottomHover: var(--hamburgerNavBackButtonPaddingBottomHoverTablet);
5673        --hamburgerNavBackButtonPaddingLeftHover: var(--hamburgerNavBackButtonPaddingLeftHoverTablet);
5674        --hamburgerNavBackButtonPaddingRightHover: var(--hamburgerNavBackButtonPaddingRightHoverTablet);
5675
5676        /* apply nav back button arrow */
5677        --hamburgerNavBackButtonArrowSize: var(--hamburgerNavBackButtonArrowSizeTablet);
5678        --hamburgerNavBackButtonArrowSizeHover: var(--hamburgerNavBackButtonArrowSizeHoverTablet);
5679        --hamburgerNavBackButtonArrowColor: var(--hamburgerNavBackButtonArrowColorTablet);
5680        --hamburgerNavBackButtonArrowSpacing: var(--hamburgerNavBackButtonArrowSpacingTablet);
5681        --hamburgerNavBackButtonArrowRotate: var(--hamburgerNavBackButtonArrowRotateTablet);
5682
5683        /* apply parent title border */
5684        --hamburgerTitleBorderTop: var(--hamburgerTitleBorderTopTablet);
5685        --hamburgerTitleBorderRight: var(--hamburgerTitleBorderRightTablet);
5686        --hamburgerTitleBorderBottom: var(--hamburgerTitleBorderBottomTablet);
5687        --hamburgerTitleBorderLeft: var(--hamburgerTitleBorderLeftTablet);
5688        /* apply parent title border hover */
5689        --hamburgerTitleBorderTopHover: var(--hamburgerTitleBorderTopHoverTablet);
5690        --hamburgerTitleBorderRightHover: var(--hamburgerTitleBorderRightHoverTablet);
5691        --hamburgerTitleBorderBottomHover: var(--hamburgerTitleBorderBottomHoverTablet);
5692        --hamburgerTitleBorderLeftHover: var(--hamburgerTitleBorderLeftHoverTablet);
5693
5694        /* apply parent title border radius */
5695        --hamburgerTitleBorderRadius: var(--hamburgerTitleBorderRadiusTablet);
5696        --hamburgerTitleBorderRadiusHover: var(--hamburgerTitleBorderRadiusHoverTablet);
5697
5698        /* apply parent title background color */
5699        --hamburgerTitleBackgroundColor: var(--hamburgerTitleBackgroundColorTablet);
5700        --hamburgerTitleBackgroundColorHover: var(--hamburgerTitleBackgroundColorHoverTablet);
5701
5702        /* apply parent title padding */
5703        --hamburgerTitlePaddingTop: var(--hamburgerTitlePaddingTopTablet);
5704        --hamburgerTitlePaddingBottom: var(--hamburgerTitlePaddingBottomTablet);
5705        --hamburgerTitlePaddingLeft: var(--hamburgerTitlePaddingLeftTablet);
5706        --hamburgerTitlePaddingRight: var(--hamburgerTitlePaddingRightTablet);
5707        /* apply parent title padding hover*/
5708        --hamburgerTitlePaddingTopHover: var(--hamburgerTitlePaddingTopHoverTablet);
5709        --hamburgerTitlePaddingBottomHover: var(--hamburgerTitlePaddingBottomHoverTablet);
5710        --hamburgerTitlePaddingLeftHover: var(--hamburgerTitlePaddingLeftHoverTablet);
5711        --hamburgerTitlePaddingRightHover: var(--hamburgerTitlePaddingRightHoverTablet);
5712
5713        /* apply parent title font */
5714        --hamburgerTitleFont: var(--hamburgerTitleFontTablet);
5715        --hamburgerTitleFontColor: var(--hamburgerTitleFontColorTablet);
5716        --hamburgerTitleFontSize: var(--hamburgerTitleFontSizeTablet);
5717        --hamburgerTitleFontWeight: var(--hamburgerTitleFontWeightTablet);
5718        --hamburgerTitleFontStyle: var(--hamburgerTitleFontStyleTablet);
5719        --hamburgerTitleLetterSpacing: var(--hamburgerTitleLetterSpacingTablet);
5720        --hamburgerTitleTextDecoration: var(--hamburgerTitleTextDecorationTablet);
5721        --hamburgerTitleLineHeight: var(--hamburgerTitleLineHeightTablet);
5722
5723        /* apply parent title arrow */
5724        --hamburgerTitleArrowSize: var(--hamburgerTitleArrowSizeTablet);
5725        --hamburgerTitleArrowColor: var(--hamburgerTitleArrowColorTablet);
5726        --hamburgerTitleArrowSpacing: var(--hamburgerTitleArrowSpacingTablet);
5727        --hamburgerTitleArrowRotate: var(--hamburgerTitleArrowRotateTablet);
5728
5729        /* apply slide container */
5730        --hamburgerSlideContainerWidth: var(--hamburgerSlideContainerWidthTablet);
5731
5732        /**********************
5733			vertical main nav
5734		***********************/
5735
5736        /* main nav justify content */
5737        --verticalNavJustifySelfTablet: center;
5738
5739        /* main nav items alignment */
5740        --verticalNavItemsAlignmentTablet: var(--verticalNavItemsAlignmentDesktop);
5741
5742        /* main nav width */
5743        --verticalNavWidthTablet: 100%;
5744
5745        /* main nav padding */
5746        --verticalNavPaddingTopTablet: var(--verticalNavPaddingTopDesktop);
5747        --verticalNavPaddingBottomTablet: var(--verticalNavPaddingBottomDesktop);
5748        --verticalNavPaddingLeftTablet: var(--verticalNavPaddingLeftDesktop);
5749        --verticalNavPaddingRightTablet: var(--verticalNavPaddingRightDesktop);
5750
5751        /* main nav border */
5752        --verticalNavBorderTopTablet: var(--verticalNavBorderTopDesktop);
5753        --verticalNavBorderRightTablet: var(--verticalNavBorderRightDesktop);
5754        --verticalNavBorderBottomTablet: var(--verticalNavBorderBottomDesktop);
5755        --verticalNavBorderLeftTablet: var(--verticalNavBorderLeftDesktop);
5756
5757        /* main nav border radius */
5758        --verticalNavBorderRadiusTablet: var(--verticalNavBorderRadiusDesktop);
5759
5760        /* main nav item font */
5761        --verticalNavItemFontTablet: var(--verticalNavItemFontDesktop);
5762        --verticalNavItemFontColorTablet: var(--verticalNavItemFontColorDesktop);
5763        --verticalNavItemFontSizeTablet: var(--verticalNavItemFontSizeDesktop);
5764        --verticalNavItemFontWeightTablet: var(--verticalNavItemFontWeightDesktop);
5765        --verticalNavItemLineHeightTablet: var(--verticalNavItemLineHeightDesktop);
5766        --verticalNavItemTextDecorationTablet: var(--verticalNavItemTextDecorationDesktop);
5767        --verticalNavItemFontStyleTablet: var(--verticalNavItemFontStyleDesktop);
5768        --verticalNavItemLetterSpacingTablet: var(--verticalNavItemLetterSpacingDesktop);
5769        --verticalNavItemBackgroundColorTablet: var(--verticalNavItemBackgroundColorDesktop);
5770
5771
5772        /* main nav item font hover*/
5773        --verticalNavItemFontSizeHoverTablet: var(--verticalNavItemFontSizeHoverDesktop);
5774        --verticalNavItemFontWeightHoverTablet: var(--verticalNavItemFontWeightHoverDesktop);
5775        --verticalNavItemTextDecorationHoverTablet: var(--verticalNavItemTextDecorationHoverDesktop);
5776        --verticalNavItemFontStyleHoverTablet: var(--verticalNavItemFontStyleHoverDesktop);
5777        --verticalNavItemHoverFontColorTablet: var(--verticalNavItemHoverFontColorDesktop);
5778        --verticalNavItemHoverBackgroundColorTablet: var(--verticalNavItemHoverBackgroundColorDesktop);
5779
5780
5781        /* main nav item padding */
5782        --verticalNavItemPaddingTopTablet: var(--verticalNavItemPaddingTopDesktop);
5783        --verticalNavItemPaddingRightTablet: var(--verticalNavItemPaddingRightDesktop);
5784        --verticalNavItemPaddingBottomTablet: var(--verticalNavItemPaddingBottomDesktop);
5785        --verticalNavItemPaddingLeftTablet: var(--verticalNavItemPaddingLeftDesktop);
5786
5787        /* main nav item padding hover */
5788        --verticalNavItemPaddingTopHoverTablet: var(--verticalNavItemPaddingTopHoverDesktop);
5789        --verticalNavItemPaddingRightHoverTablet: var(--verticalNavItemPaddingRightHoverDesktop);
5790        --verticalNavItemPaddingBottomHoverTablet: var(--verticalNavItemPaddingBottomHoverDesktop);
5791        --verticalNavItemPaddingLeftHoverTablet: var(--verticalNavItemPaddingLeftHoverDesktop);
5792
5793        /* main nav item border */
5794        --verticalNavItemBorderTopTablet: var(--verticalNavItemBorderTopDesktop);
5795        --verticalNavItemBorderRightTablet: var(--verticalNavItemBorderRightDesktop);
5796        --verticalNavItemBorderBottomTablet: var(--verticalNavItemBorderBottomDesktop);
5797        --verticalNavItemBorderLeftTablet: var(--verticalNavItemBorderLeftDesktop);
5798
5799        /* main nav item border hover */
5800        --verticalNavItemBorderTopHoverTablet: var(--verticalNavItemBorderTopHoverDesktop);
5801        --verticalNavItemBorderRightHoverTablet: var(--verticalNavItemBorderRightHoverDesktop);
5802        --verticalNavItemBorderBottomHoverTablet: var(--verticalNavItemBorderBottomHoverDesktop);
5803        --verticalNavItemBorderLeftHoverTablet: var(--verticalNavItemBorderLeftHoverDesktop);
5804
5805        /* main nav item border radius */
5806        --verticalNavItemBorderRadiusTablet: var(--verticalNavItemBorderRadiusDesktop);
5807        --verticalNavItemBorderRadiusHoverTablet: var(--verticalNavItemBorderRadiusHoverDesktop);
5808
5809        /* arrow */
5810        --verticalNavArrowSizeTablet: 24px;
5811        --verticalNavArrowWidthTablet: 24px;
5812        --verticalNavArrowSpacingTablet: 10px;
5813        --verticalNavArrowColorTablet: rgba(var(--colorPrimaryA), 1);
5814        --verticalNavArrowRotateTablet: -90deg;
5815
5816        /* title */
5817        --verticalNavTitleFontColorTablet: rgba(var(--colorPrimaryH), 1);
5818        --verticalNavTitleLineHeightTablet: 1.4;
5819        --verticalNavTitleFontSizeTablet: 21px;
5820        --verticalNavTitleFontWeightTablet: 700;
5821        --verticalNavTitleContainerBackgroundColorTablet: transparent;
5822
5823        /* sub nav item font */
5824        --verticalNavSubItemFontTablet: var(--navPrimaryFont);
5825        --verticalNavSubItemFontColorTablet: rgba(var(--colorPrimaryA), 1);
5826        --verticalNavSubItemFontSizeTablet: 16px;
5827        --verticalNavSubItemFontWeightTablet: 400;
5828        --verticalNavSubItemLineHeightTablet: normal;
5829        --verticalNavSubItemTextDecorationTablet: none;
5830        --verticalNavSubItemFontStyleTablet: normal;
5831        --verticalNavSubItemLetterSpacingTablet: 0px;
5832        --verticalNavSubItemBackgroundColorTablet: transparent;
5833        --verticalNavSubItemHoverFontColorTablet: var(--verticalNavSubItemFontColorTablet);
5834        --verticalNavSubItemHoverBackgroundColorTablet: var(--verticalNavSubItemBackgroundColorTablet);
5835
5836        /* sub nav item padding */
5837        --verticalNavSubItemPaddingTopTablet: 0px;
5838        --verticalNavSubItemPaddingRightTablet: 0px;
5839        --verticalNavSubItemPaddingBottomTablet: 0px;
5840        --verticalNavSubItemPaddingLeftTablet: 0px;
5841
5842        /* sub nav item border */
5843        --verticalNavSubItemBorderTopTablet: 0px none rgba(var(--colorPrimaryA), 1);
5844        --verticalNavSubItemBorderRightTablet: 0px none rgba(var(--colorPrimaryA), 1);
5845        --verticalNavSubItemBorderBottomTablet: 0px none rgba(var(--colorPrimaryA), 1);
5846        --verticalNavSubItemBorderLeftTablet: 0px none rgba(var(--colorPrimaryA), 1);
5847
5848        /* sub nav item border radius */
5849        --verticalNavSubItemBorderRadiusTablet: 0px 0px 0px 0px;
5850
5851        /* sub nav arrow */
5852        --verticalNavSubArrowSizeTablet: 24px;
5853        --verticalNavSubArrowWidthTablet: 24px;
5854        --verticalNavSubArrowSpacingTablet: 10px;
5855
5856        /* slide container */
5857        --verticalSlideContainerWidthTablet: 400px;
5858
5859        /* separator */
5860        --verticalNavSeparatorDisplayTablet: var(--verticalNavSeparatorDisplayDesktop);
5861        --verticalNavSeparatorWidthTablet: var(--verticalNavSeparatorWidthDesktop);
5862        --verticalNavSeparatorHeightTablet: var(--verticalNavSeparatorHeightDesktop);
5863        --verticalNavSeparatorColorTablet: var(--verticalNavSeparatorColorDesktop);
5864        --verticalNavSeparatorSpacingTablet: var(--verticalNavSeparatorSpacingDesktop);
5865
5866        /* sub separator */
5867        --verticalNavSubSeparatorDisplayTablet: var(--verticalNavSubSeparatorDisplayDesktop);
5868        --verticalNavSubSeparatorWidthTablet: var(--verticalNavSubSeparatorWidthDesktop);
5869        --verticalNavSubSeparatorHeightTablet: var(--verticalNavSubSeparatorHeightDesktop);
5870        --verticalNavSubSeparatorColorTablet: var(--verticalNavSubSeparatorColorDesktop);
5871        --verticalNavSubSeparatorSpacingTablet: var(--verticalNavSubSeparatorSpacingDesktop);
5872
5873        /*****
5874			apply css properties
5875		*****/
5876
5877        /* apply main nav justify content */
5878        --verticalNavJustifySelf: var(--verticalNavJustifySelfTablet);
5879
5880        /* apply main nav items alignment */
5881        --verticalNavItemsAlignment: var(--verticalNavItemsAlignmentTablet);
5882
5883        /* apply main nav width */
5884        --verticalNavWidth: var(--verticalNavWidthTablet);
5885
5886        /* apply main nav padding */
5887        --verticalNavPaddingTop: var(--verticalNavPaddingTopTablet);
5888        --verticalNavPaddingBottom: var(--verticalNavPaddingBottomTablet);
5889        --verticalNavPaddingLeft: var(--verticalNavPaddingLeftTablet);
5890        --verticalNavPaddingRight: var(--verticalNavPaddingRightTablet);
5891
5892        /* apply main nav border */
5893        --verticalNavBorderTop: var(--verticalNavBorderTopTablet);
5894        --verticalNavBorderRight: var(--verticalNavBorderRightTablet);
5895        --verticalNavBorderBottom: var(--verticalNavBorderBottomTablet);
5896        --verticalNavBorderLeft: var(--verticalNavBorderLeftTablet);
5897
5898        /* apply main nav border radius */
5899        --verticalNavBorderRadius: var(--verticalNavBorderRadiusTablet);
5900
5901        /* apply main nav item font */
5902        --verticalNavItemFont: var(--verticalNavItemFontTablet);
5903        --verticalNavItemFontColor: var(--verticalNavItemFontColorTablet);
5904        --verticalNavItemFontSize: var(--verticalNavItemFontSizeTablet);
5905        --verticalNavItemFontWeight: var(--verticalNavItemFontWeightTablet);
5906        --verticalNavItemLineHeight: var(--verticalNavItemLineHeightTablet);
5907        --verticalNavItemTextDecoration: var(--verticalNavItemTextDecorationTablet);
5908        --verticalNavItemFontStyle: var(--verticalNavItemFontStyleTablet);
5909        --verticalNavItemLetterSpacing: var(--verticalNavItemLetterSpacingTablet);
5910        --verticalNavItemBackgroundColor: var(--verticalNavItemBackgroundColorTablet);
5911        --verticalNavItemHoverFontColor: var(--verticalNavItemHoverFontColorTablet);
5912        --verticalNavItemHoverBackgroundColor: var(--verticalNavItemHoverBackgroundColorTablet);
5913
5914        /* main nav item font hover*/
5915        --verticalNavItemFontSizeHover: var(--verticalNavItemFontSizeHoverTablet);
5916        --verticalNavItemFontWeightHover: var(--verticalNavItemFontWeightHoverTablet);
5917        --verticalNavItemTextDecorationHover: var(--verticalNavItemTextDecorationHoverTablet);
5918        --verticalNavItemFontStyleHover: var(--verticalNavItemFontStyleHoverTablet);
5919
5920
5921        /* apply main nav item padding */
5922        --verticalNavItemPaddingTop: var(--verticalNavItemPaddingTopTablet);
5923        --verticalNavItemPaddingRight: var(--verticalNavItemPaddingRightTablet);
5924        --verticalNavItemPaddingBottom: var(--verticalNavItemPaddingBottomTablet);
5925        --verticalNavItemPaddingLeft: var(--verticalNavItemPaddingLeftTablet);
5926        /* apply main nav item padding Hover*/
5927        --verticalNavItemPaddingTopHover: var(--verticalNavItemPaddingTopHoverTablet);
5928        --verticalNavItemPaddingRightHover: var(--verticalNavItemPaddingRightHoverTablet);
5929        --verticalNavItemPaddingBottomHover: var(--verticalNavItemPaddingBottomHoverTablet);
5930        --verticalNavItemPaddingLeftHover: var(--verticalNavItemPaddingLeftHoverTablet);
5931
5932        /* apply main nav item border */
5933        --verticalNavItemBorderTop: var(--verticalNavItemBorderTopTablet);
5934        --verticalNavItemBorderRight: var(--verticalNavItemBorderRightTablet);
5935        --verticalNavItemBorderBottom: var(--verticalNavItemBorderBottomTablet);
5936        --verticalNavItemBorderLeft: var(--verticalNavItemBorderLeftTablet);
5937        /* apply main nav item border hover*/
5938        --verticalNavItemBorderTopHover: var(--verticalNavItemBorderTopHoverTablet);
5939        --verticalNavItemBorderRightHover: var(--verticalNavItemBorderRightHoverTablet);
5940        --verticalNavItemBorderBottomHover: var(--verticalNavItemBorderBottomHoverTablet);
5941        --verticalNavItemBorderLeftHover: var(--verticalNavItemBorderLeftHoverTablet);
5942
5943        /* apply main nav item border radius */
5944        --verticalNavItemBorderRadius: var(--verticalNavItemBorderRadiusTablet);
5945        --verticalNavItemBorderRadiusHover: var(--verticalNavItemBorderRadiusHoverTablet);
5946
5947        /* apply arrow */
5948        --verticalNavArrowSize: var(--verticalNavArrowSizeTablet);
5949        --verticalNavItemIconDisplay: var(--verticalNavItemIconDisplayTablet);
5950        --verticalNavItemIconColor: var(--verticalNavItemIconColorTablet);
5951        --verticalNavItemIconColorHover: var(--verticalNavItemIconColorHoverTablet);
5952        --verticalNavItemIconSize: var(--verticalNavItemIconSizeTablet);
5953        --verticalNavItemIconSizeHover: var(--verticalNavItemIconSizeHoverTablet);
5954        --verticalNavItemIconRotate: var(--verticalNavItemIconRotateTablet);
5955        --verticalNavItemIconRotateHover: var(--verticalNavItemIconRotateHoverTablet);
5956        --verticalNavItemIconSpacing: var(--verticalNavItemIconSpacingTablet);
5957        --verticalNavSubItemIconDisplay: var(--verticalNavSubItemIconDisplayTablet);
5958        --verticalNavSubItemIconColor: var(--verticalNavSubItemIconColorTablet);
5959        --verticalNavSubItemIconColorHover: var(--verticalNavSubItemIconColorHoverTablet);
5960        --verticalNavSubItemIconSize: var(--verticalNavSubItemIconSizeTablet);
5961        --verticalNavSubItemIconSizeHover: var(--verticalNavSubItemIconSizeHoverTablet);
5962        --verticalNavSubItemIconRotate: var(--verticalNavSubItemIconRotateTablet);
5963        --verticalNavSubItemIconRotateHover: var(--verticalNavSubItemIconRotateHoverTablet);
5964        --verticalNavSubItemIconSpacing: var(--verticalNavSubItemIconSpacingTablet);
5965        --verticalNavArrowWidth: var(--verticalNavArrowWidthTablet);
5966        --verticalNavArrowSpacing: var(--verticalNavArrowSpacingTablet);
5967        --verticalNavArrowColor: var(--verticalNavArrowColorTablet);
5968        --verticalNavArrowRotate: var(--verticalNavArrowRotateTablet);
5969
5970        /* apply title */
5971        --verticalNavTitleFontColor: var(--verticalNavTitleFontColorTablet);
5972        --verticalNavTitleLineHeight: var(--verticalNavTitleLineHeightTablet);
5973        --verticalNavTitleFontSize: var(--verticalNavTitleFontSizeTablet);
5974        --verticalNavTitleFontWeight: var(--verticalNavTitleFontWeightTablet);
5975        --verticalNavTitleContainerBackgroundColor: var(--verticalNavTitleContainerBackgroundColorTablet);
5976
5977        /* apply sub nav item font */
5978        --verticalNavSubItemFont: var(--verticalNavSubItemFontTablet);
5979        --verticalNavSubItemFontColor: var(--verticalNavSubItemFontColorTablet);
5980        --verticalNavSubItemFontSize: var(--verticalNavSubItemFontSizeTablet);
5981        --verticalNavSubItemFontWeight: var(--verticalNavSubItemFontWeightTablet);
5982        --verticalNavSubItemLineHeight: var(--verticalNavSubItemLineHeightTablet);
5983        --verticalNavSubItemTextDecoration: var(--verticalNavSubItemTextDecorationTablet);
5984        --verticalNavSubItemFontStyle: var(--verticalNavSubItemFontStyleTablet);
5985        --verticalNavSubItemLetterSpacing: var(--verticalNavSubItemLetterSpacingTablet);
5986        --verticalNavSubItemBackgroundColor: var(--verticalNavSubItemBackgroundColorTablet);
5987        --verticalNavSubItemHoverFontColor: var(--verticalNavSubItemHoverFontColorTablet);
5988        --verticalNavSubItemHoverBackgroundColor: var(--verticalNavSubItemHoverBackgroundColorTablet);
5989
5990        /* apply sub nav item padding */
5991        --verticalNavSubItemPaddingTop: var(--verticalNavSubItemPaddingTopTablet);
5992        --verticalNavSubItemPaddingRight: var(--verticalNavSubItemPaddingRightTablet);
5993        --verticalNavSubItemPaddingBottom: var(--verticalNavSubItemPaddingBottomTablet);
5994        --verticalNavSubItemPaddingLeft: var(--verticalNavSubItemPaddingLeftTablet);
5995
5996        /* apply sub nav item border */
5997        --verticalNavSubItemBorderTop: var(--verticalNavSubItemBorderTopTablet);
5998        --verticalNavSubItemBorderRight: var(--verticalNavSubItemBorderRightTablet);
5999        --verticalNavSubItemBorderBottom: var(--verticalNavSubItemBorderBottomTablet);
6000        --verticalNavSubItemBorderLeft: var(--verticalNavSubItemBorderLeftTablet);
6001
6002        /* apply sub nav item border radius */
6003        --verticalNavSubItemBorderRadius: var(--verticalNavSubItemBorderRadiusTablet);
6004
6005        /* apply sub nav arrow */
6006        --verticalNavSubArrowSize: var(--verticalNavSubArrowSizeTablet);
6007        --verticalNavSubArrowWidth: var(--verticalNavSubArrowWidthTablet);
6008        --verticalNavSubArrowSpacing: var(--verticalNavSubArrowSpacingTablet);
6009
6010        /* apply slide container */
6011        --verticalSlideContainerWidth: var(--verticalSlideContainerWidthTablet);
6012
6013        /* apply separator */
6014        --verticalNavSeparatorDisplay: var(--verticalNavSeparatorDisplayTablet);
6015        --verticalNavSeparatorWidth: var(--verticalNavSeparatorWidthTablet);
6016        --verticalNavSeparatorHeight: var(--verticalNavSeparatorHeightTablet);
6017        --verticalNavSeparatorColor: var(--verticalNavSeparatorColorTablet);
6018        --verticalNavSeparatorSpacing: var(--verticalNavSeparatorSpacingTablet);
6019
6020        /* apply sub separator */
6021        --verticalNavSubSeparatorDisplay: var(--verticalNavSubSeparatorDisplayTablet);
6022        --verticalNavSubSeparatorWidth: var(--verticalNavSubSeparatorWidthTablet);
6023        --verticalNavSubSeparatorHeight: var(--verticalNavSubSeparatorHeightTablet);
6024        --verticalNavSubSeparatorColor: var(--verticalNavSubSeparatorColorTablet);
6025        --verticalNavSubSeparatorSpacing: var(--verticalNavSubSeparatorSpacingTablet);
6026    }
6027
6028    /* Horizontal Navigation Styles */
6029    .wmc_menu.wmcM_menuHorizontalTablet.wmd_showMoreMenu {
6030        & .navigation-module-container {
6031            overflow: hidden;
6032        }
6033
6034        & .navigation-module-container ul.navigation-nav--main-menu {
6035            flex-wrap: nowrap !important;
6036            overflow: hidden;
6037
6038            & > .navigation-nav--item {
6039                flex-shrink: 0;
6040            }
6041        }
6042    }
6043
6044    .wmc_menu.wmcM_menuHorizontalTablet .navigation-module-container,
6045    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container {
6046        & .navigation-nav {
6047            display: flex;
6048            justify-content: var(--horizontalNavJustifyContent);
6049        }
6050
6051        /* level 1: main menu */
6052
6053        & ul.navigation-nav--main-menu {
6054            display: inline-flex;
6055            padding-left: var(--horizontalNavPaddingLeft);
6056            padding-right: var(--horizontalNavPaddingRight);
6057            padding-top: var(--horizontalNavPaddingTop);
6058            padding-bottom: var(--horizontalNavPaddingBottom);
6059            margin-left: 0;
6060            margin-right: 0;
6061            flex-direction: row;
6062            flex-wrap: wrap;
6063            align-self: center;
6064            list-style: none;
6065            background-color: var(--horizontalNavBackgroundColor);
6066            border-top: var(--horizontalNavBorderTop);
6067            border-right: var(--horizontalNavBorderRight);
6068            border-bottom: var(--horizontalNavBorderBottom);
6069            border-radius: var(--horizontalNavBorderRadius);
6070            border-left: var(--horizontalNavBorderLeft);
6071            column-gap: calc(var(--horizontalNavSeparatorSpacing) / 2);
6072
6073            & > .navigation-nav--separator {
6074                display: var(--horizontalNavSeparatorDisplay);
6075                width: var(--horizontalNavSeparatorWidth);
6076                height: var(--horizontalNavSeparatorHeight);
6077                background-color: var(--horizontalNavSeparatorColor);
6078                align-self: center;
6079                font-size: var(--horizontalNavItemFontSize);
6080                line-height: 1.4;
6081            }
6082        }
6083
6084        /* level 1: li item */
6085
6086        & .navigation-nav--item {
6087            display: grid;
6088            grid-template-columns: 1fr;
6089            align-items: center;
6090            background-color: var(--navItemBackgroundColor);
6091            border-top: var(--navItemBorderTop);
6092            border-right: var(--navItemBorderRight);
6093            border-bottom: var(--navItemBorderBottom);
6094            border-left: var(--navItemBorderLeft);
6095            border-radius: var(--navItemBorderRadius);
6096
6097            &:hover, .wmcA_hoverState &:not(.wmcA_activeState) {
6098                background-color: var(--navItemHoverBackgroundColor);
6099                border-top: var(--navItemBorderTopHover);
6100                border-right: var(--navItemBorderRightHover);
6101                border-bottom: var(--navItemBorderBottomHover);
6102                border-left: var(--navItemBorderLeftHover);
6103                border-radius: var(--navItemBorderRadiusHover);
6104
6105            }
6106
6107            &.open, &.wmcA_activeState, .wmcA_activeState & {
6108                background-color: var(--navItemActiveBackgroundColor);
6109            }
6110
6111            &:has(.navigation-nav--sub-menu):hover, &:has(.navigation-nav--sub-menu).wmcA_activeState {
6112                background-color: var(--navItemActiveBackgroundColor);
6113            }
6114
6115            & > a {
6116                display: flex;
6117                align-items: center;
6118                padding-top: var(--navItemPaddingTop);
6119                padding-bottom: var(--navItemPaddingBottom);
6120                padding-left: var(--navItemPaddingLeft);
6121                padding-right: var(--navItemPaddingRight);
6122                font-family: var(--navItemFont);
6123                color: var(--navItemFontColor);
6124                line-height: var(--navItemLineHeight);
6125                background-color: transparent;
6126                letter-spacing: var(--navItemLetterSpacing);
6127                font-size: var(--navItemFontSize);
6128                text-decoration: var(--navItemTextDecoration);
6129                font-weight: var(--navItemFontWeight);
6130                font-style: var(--navItemFontStyle);
6131
6132                &:hover, .wmcA_hoverState & {
6133                    color: var(--navItemHoverFontColor);
6134                    font-size: var(--navItemFontSizeHover);
6135                    text-decoration: var(--navItemTextDecorationHover);
6136                    font-weight: var(--navItemFontWeightHover);
6137                    font-style: var(--navItemFontStyleHover);
6138                    padding-top: var(--navItemPaddingTopHover);
6139                    padding-bottom: var(--navItemPaddingBottomHover);
6140                    padding-left: var(--navItemPaddingLeftHover);
6141                    padding-right: var(--navItemPaddingRightHover);
6142                }
6143
6144                .navigation-nav--item.open > &, .navigation-nav--item.wmcA_activeState > &, .wmcA_activeState & {
6145                    color: var(--navItemActiveFontColor);
6146                }
6147
6148                .navigation-nav--item:has(> .navigation-nav--sub-menu):hover > &, .navigation-nav--item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
6149                    color: var(--navItemActiveFontColor);
6150                }
6151            }
6152
6153            &:hover > .navigation-nav--sub-menu,
6154            &:has(.navigation-nav--sub-menu:hover) > .navigation-nav--sub-menu,
6155            .wmcA_hoverState & > .navigation-nav--sub-menu,
6156            &.open > .navigation-nav--sub-menu {
6157                opacity: 1;
6158                visibility: visible;
6159                transform: translateY(0);
6160            }
6161
6162            & .arrow {
6163                display: none;
6164                pointer-events: none;
6165            }
6166
6167            &:has(.navigation-nav--sub-menu) {
6168                display: grid;
6169                grid-template-columns: 1fr calc(var(--horizontalNavArrowSpacing) + var(--horizontalNavArrowSize));
6170                align-items: center;
6171                position: relative;
6172                padding-right: calc(var(--navItemPaddingRight) / 2);
6173
6174                & > a {
6175                    padding-right: 0;
6176                    width: 100%;
6177                }
6178
6179                & > .arrow {
6180                    display: var(--horizontalNavArrowDisplay, flex);
6181                    align-items: center;
6182                    justify-content: center;
6183                    pointer-events: auto;
6184                    position: relative;
6185                    z-index: 1;
6186                    width: var(--horizontalNavArrowSize);
6187                    height: 100%;
6188                    cursor: pointer;
6189                    margin-left: var(--horizontalNavArrowSpacing);
6190
6191                    &::after {
6192                        display: block;
6193                        content: '';
6194                        width: var(--horizontalNavArrowSize);
6195                        height: var(--horizontalNavArrowSize);
6196                        -webkit-mask-image: var(--wmd_caretIconUrl);
6197                        mask-image: var(--wmd_caretIconUrl);
6198                        -webkit-mask-size: contain;
6199                        mask-size: contain;
6200                        -webkit-mask-repeat: no-repeat;
6201                        mask-repeat: no-repeat;
6202                        -webkit-mask-position: center;
6203                        mask-position: center;
6204                        background-color: var(--horizontalNavArrowColor);
6205                        transform: var(--horizontalNavArrowRotate);
6206                        position: absolute;
6207                        left: auto;
6208                        right: auto;
6209                        top: auto;
6210                        bottom: auto;
6211                        z-index: 1;
6212                        transition: all 0.2s ease;
6213                    }
6214
6215                    &:hover, .wmcA_hoverState & {
6216                        &::after {
6217                            width: var(--horizontalNavArrowSizeHover);
6218                            height: var(--horizontalNavArrowSizeHover);
6219                            background-color: var(--horizontalNavArrowColorHover);
6220                            transform: var(--horizontalNavArrowRotateHover);
6221                        }
6222                    }
6223
6224                    .navigation-nav--item.open > &, .navigation-nav--item.wmcA_activeState > &, .wmcA_activeState & {
6225                        &::after {
6226                            background-color: var(--horizontalNavArrowColorActive);
6227                            transform: var(--horizontalNavArrowRotateActive);
6228                        }
6229                    }
6230
6231                    .navigation-nav--item:has(> .navigation-nav--sub-menu):hover > &, .navigation-nav--item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
6232                        &::after {
6233                            background-color: var(--horizontalNavArrowColorActive);
6234                            transform: var(--horizontalNavArrowRotateActive);
6235                        }
6236                    }
6237                }
6238            }
6239
6240            &.navigation-nav--more-trigger {
6241                padding-right: var(--navItemPaddingRight);
6242                grid-template-columns: 1fr max-content;
6243            }
6244        }
6245
6246        /* level 2: sub menu */
6247
6248        & .navigation-nav--sub-menu {
6249            display: flex;
6250            flex-direction: column;
6251            padding-top: var(--horizontalNavSubPaddingTop);
6252            padding-bottom: var(--horizontalNavSubPaddingBottom);
6253            padding-left: var(--horizontalNavSubPaddingLeft);
6254            padding-right: var(--horizontalNavSubPaddingRight);
6255            position: absolute;
6256            list-style: none;
6257            top: 100%;
6258            left: 0;
6259            opacity: 0;
6260            visibility: hidden;
6261            transform: translateY(10px);
6262            transition: all 0.3s ease;
6263            z-index: 100;
6264            min-width: var(--horizontalNavSubContainerWidth);
6265            box-shadow: var(--horizontalNavSubContainerShadow);
6266            background-color: var(--horizontalNavSubContainerBackgroun
6266dColor);
6267            gap: calc(var(--horizontalNavSubSeparatorSpacing) / 2);
6268            border-top: var(--horizontalNavSubContainerBorderTop);
6269            border-right: var(--horizontalNavSubContainerBorderRight);
6270            border-bottom: var(--horizontalNavSubContainerBorderBottom);
6271            border-left: var(--horizontalNavSubContainerBorderLeft);
6272            border-radius: var(--horizontalNavSubContainerBorderRadius);
6273
6274            & > .navigation-nav--separator {
6275                display: var(--horizontalNavSubSeparatorDisplay);
6276                margin: 0 auto;
6277                width: var(--horizontalNavSubSeparatorWidth);
6278                height: var(--horizontalNavSubSeparatorHeight);
6279                background-color: var(--horizontalNavSubSeparatorColor);
6280                align-self: center;
6281            }
6282        }
6283
6284        /* level 2: li sub item */
6285
6286        & .navigation-nav--sub-item {
6287            border-top: var(--horizontalNavSubItemBorderTop);
6288            border-right: var(--horizontalNavSubItemBorderRight);
6289            border-bottom: var(--horizontalNavSubItemBorderBottom);
6290            border-left: var(--horizontalNavSubItemBorderLeft);
6291            border-radius: var(--horizontalNavSubItemBorderRadius);
6292            background-color: var(--horizontalNavSubItemBackgroun
6292dColor);
6293
6294            &:hover:not(.wmcA_activeState), .wmcA_hoverState .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > &:not(.wmcA_activeState) {
6295                border-radius: var(--horizontalNavSubItemBorderRadiusHover);
6296                background-color: var(--horizontalNavSubItemHoverBackgroundColor);
6297                border-top: var(--horizontalNavSubItemBorderTopHover);
6298                border-right: var(--horizontalNavSubItemBorderRightHover);
6299                border-bottom: var(--horizontalNavSubItemBorderBottomHover);
6300                border-left: var(--horizontalNavSubItemBorderLeftHover);
6301            }
6302
6303            &.open, &.wmcA_activeState, .wmcA_activeState .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > & {
6304                background-color: var(--horizontalNavSubItemActiveBackgroundColor);
6305            }
6306
6307            &:has(.navigation-nav--sub-menu):hover, &:has(.navigation-nav--sub-menu).wmcA_activeState {
6308                background-color: var(--horizontalNavSubItemActiveBackgroundColor);
6309            }
6310
6311            & > a {
6312                display: flex;
6313                align-items: center;
6314                padding-top: var(--horizontalNavSubItemPaddingTop);
6315                padding-bottom: var(--horizontalNavSubItemPaddingBottom);
6316                padding-left: var(--horizontalNavSubItemPaddingLeft);
6317                padding-right: var(--horizontalNavSubItemPaddingRight);
6318                font-family: var(--horizontalNavSubItemFont);
6319                color: var(--horizontalNavSubItemFontColor);
6320                line-height: var(--horizontalNavSubItemLineHeight);
6321                background-color: transparent;
6322                letter-spacing: var(--horizontalNavSubItemLetterSpacing);
6323                font-weight: var(--horizontalNavSubItemFontWeight);
6324                font-size: var(--horizontalNavSubItemFontSize);
6325                text-decoration: var(--horizontalNavSubItemTextDecoration);
6326                font-style: var(--horizontalNavSubItemFontStyle);
6327
6328                &: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 > & {
6329                    color: var(--horizontalNavSubItemHoverFontColor);
6330                    font-weight: var(--horizontalNavSubItemFontWeightHover);
6331                    font-size: var(--horizontalNavSubItemFontSizeHover);
6332                    text-decoration: var(--horizontalNavSubItemTextDecorationHover);
6333                    font-style: var(--horizontalNavSubItemFontStyleHover);
6334                    padding-top: var(--horizontalNavSubItemPaddingTopHover);
6335                    padding-bottom: var(--horizontalNavSubItemPaddingBottomHover);
6336                    padding-left: var(--horizontalNavSubItemPaddingLeftHover);
6337                    padding-right: var(--horizontalNavSubItemPaddingRightHover);
6338                }
6339
6340                .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 > & {
6341                    color: var(--horizontalNavSubItemActiveFontColor);
6342                }
6343
6344                .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 > & {
6345                    color: var(--horizontalNavSubItemActiveFontColor);
6346                }
6347            }
6348
6349            &:has(.navigation-nav--sub-menu) {
6350                display: grid;
6351                grid-template-columns: 1fr calc(var(--horizontalNavSubArrowSpacing) + var(--horizontalNavSubArrowSize));
6352                align-items: center;
6353                position: relative;
6354                padding-right: calc(var(--horizontalNavSubItemPaddingRight) / 2);
6355
6356                & > a {
6357                    padding-right: 0;
6358                    width: 100%;
6359                }
6360
6361                & > .arrow {
6362                    display: var(--horizontalNavSubArrowDisplay, flex);
6363                    align-items: center;
6364                    justify-content: center;
6365                    pointer-events: auto;
6366                    position: relative;
6367                    z-index: 1;
6368                    width: var(--horizontalNavSubArrowSize);
6369                    height: 100%;
6370                    cursor: pointer;
6371                    margin-left: var(--horizontalNavSubArrowSpacing);
6372
6373                    &::after {
6374                        display: block;
6375                        content: '';
6376                        width: var(--horizontalNavSubArrowSize);
6377                        height: var(--horizontalNavSubArrowSize);
6378                        -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
6379                        mask-image: var(--wmd_submenuCaretIconUrl);
6380                        -webkit-mask-size: contain;
6381                        mask-size: contain;
6382                        -webkit-mask-repeat: no-repeat;
6383                        mask-repeat: no-repeat;
6384                        -webkit-mask-position: center;
6385                        mask-position: center;
6386                        background-color: var(--horizontalNavSubArrowColor);
6387                        transform: var(--horizontalNavSubArrowRotate);
6388                        position: absolute;
6389                        left: auto;
6390                        right: auto;
6391                        top: auto;
6392                        bottom: auto;
6393                        z-index: 1;
6394                        transition: all 0.2s ease;
6395                    }
6396
6397                    &: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 > & {
6398                        &::after {
6399                            width: var(--horizontalNavSubArrowSizeHover);
6400                            height: var(--horizontalNavSubArrowSizeHover);
6401                            background-color: var(--horizontalNavSubArrowColorHover);
6402                            transform: var(--horizontalNavSubArrowRotateHover);
6403                        }
6404                    }
6405
6406                    .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 > & {
6407                        &::after {
6408                            background-color: var(--horizontalNavSubArrowColorActive);
6409                            transform: var(--horizontalNavSubArrowRotateActive);
6410                        }
6411                    }
6412
6413                    .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 > & {
6414                        &::after {
6415                            background-color: var(--horizontalNavSubArrowColorActive);
6416                            transform: var(--horizontalNavSubArrowRotateActive);
6417                        }
6418                    }
6419                }
6420            }
6421
6422            /* Third level submenu styles */
6423
6424            & > .navigation-nav--sub-menu {
6425                top: 0;
6426                left: 100%;
6427            }
6428
6429            &:hover > .navigation-nav--sub-menu,
6430            &:has(.navigation-nav--sub-menu:hover) > .navigation-nav--sub-menu,
6431            .wmcA_hoverState & > .navigation-nav--sub-menu,
6432            &.open > .navigation-nav--sub-menu {
6433                opacity: 1;
6434                visibility: visible;
6435                transform: translateX(0);
6436            }
6437        }
6438
6439        /* parent title */
6440
6441        & .navigation-nav--parent-title {
6442            display: none;
6443
6444            & a {
6445                padding-top: var(--horizontalNavSubItemPaddingTop);
6446                padding-bottom: var(--horizontalNavSubItemPaddingBottom);
6447                padding-left: var(--horizontalNavSubItemPaddingLeft);
6448                padding-right: var(--horizontalNavSubItemPaddingRight);
6449                font-family: var(--horizontalNavSubItemFont);
6450                font-size: var(--horizontalNavSubItemFontSize);
6451                font-weight: 700;
6452                color: var(--horizontalNavSubItemFontColor);
6453                border-bottom: 1px solid var(--horizontalNavSubItemFontColor);
6454                margin-bottom: 4px;
6455            }
6456
6457            & > span {
6458                display: none;
6459            }
6460        }
6461
6462        /* back button: NONE */
6463
6464        & .navigation-nav--back {
6465            display: none;
6466        }
6467
6468        /* hide separator for hidden items */
6469
6470        .navigation-nav--item[style="display: none;"] + .navigation-nav--separator {
6471            display: none;
6472        }
6473    }
6474
6475    /* Hamburger Navigation Styles */
6476    .wmc_menu.wmcM_menuHamburgerTablet .navigation-module-container {
6477        background-color: transparent;
6478
6479        &.active {
6480            overflow-y: auto;
6481            -webkit-overflow-scrolling: touch;
6482            scrollbar-width: thin;
6483            scrollbar-color: rgba(var(--colorBwGradientJ), 0.3) transparent;
6484            display: grid;
6485            grid-template-columns: 1fr;
6486            grid-template-rows: max-content 1fr;
6487            position: fixed;
6488            padding-top: var(--hamburgerNavPaddingTop);
6489            padding-bottom: var(--hamburgerNavPaddingBottom);
6490            padding-left: var(--hamburgerNavPaddingLeft);
6491            padding-right: var(--hamburgerNavPaddingRight);
6492            top: calc(var(--wm_scrollTopNav) / var(--wm_scale));
6493            left: 0;
6494            width: 100%;
6495            height: 100%;
6496            z-index: 1000;
6497            background-color: var(--hamburgerNavBackgroundColor);
6498            transition: background-color 0.8s ease-in;
6499
6500            & .navigation-nav {
6501                display: block;
6502
6503                & > ul.navigation-nav--main-menu.start-animation {
6504                    & > li {
6505                        --item-delay: ;
6506                        top: 0;
6507                        opacity: 1;
6508                        transition-delay: var(--item-delay, 0.5s);
6509                    }
6510                }
6511            }
6512        }
6513
6514        & .navigation-nav {
6515            display: none;
6516            position: relative;
6517            z-index: 100;
6518            overflow: hidden;
6519            justify-self: var(--hamburgerNavJustifySelf);
6520            max-width: var(--hamburgerSlideContainerWidth);
6521            width: 100%;
6522
6523            & * {
6524                transition: all 0.3s ease;
6525            }
6526
6527            & > ul.navigation-nav--main-menu {
6528                & > li {
6529                    top: 100px;
6530                    opacity: 0;
6531                    position: relative;
6532
6533                    &.open {
6534                        position: static;
6535                    }
6536                }
6537            }
6538        }
6539
6540        /* level 1: main menu */
6541
6542        & ul.navigation-nav--main-menu {
6543            display: grid;
6544            margin: 0;
6545            padding: 0;
6546            grid-template-columns: 1fr;
6547            list-style: none;
6548            width: 100%;
6549            max-width: var(--hamburgerSlideContainerWidth);
6550            gap: calc(var(--hamburgerNavSeparatorSpacing) / 2);
6551            background-color: transparent;
6552
6553            & ul.navigation-nav--sub-menu {
6554                transform: translateX(var(--hamburgerSlideContainerWidth));
6555            }
6556
6557            &:has(.open) {
6558                transform: translateX(calc(var(--hamburgerSlideContainerWidth) * -1));
6559
6560                & .open > ul.navigation-nav--sub-menu {
6561                    transform: translateX(var(--hamburgerSlideContainerWidth));
6562
6563                    &:has(.open) {
6564                        transform: translateX(0px);
6565                    }
6566                }
6567            }
6568
6569            & > .navigation-nav--separator {
6570                display: var(--hamburgerNavSeparatorDisplay);
6571                margin: 0 auto;
6572                width: var(--hamburgerNavSeparatorWidth);
6573                height: var(--hamburgerNavSeparatorHeight);
6574                background-color: var(--hamburgerNavSeparatorColor);
6575                align-self: center;
6576            }
6577        }
6578
6579        /* level 1: li item */
6580
6581        & .navigation-nav--item {
6582            display: flex;
6583            align-items: center;
6584            border-top: var(--hamburgerNavItemBorderTop);
6585            border-right: var(--hamburgerNavItemBorderRight);
6586            border-bottom: var(--hamburgerNavItemBorderBottom);
6587            border-left: var(--hamburgerNavItemBorderLeft);
6588            border-radius: var(--hamburgerNavItemBorderRadius);
6589            background-color: var(--hamburgerNavItemBackgroundColor);
6590
6591            &:hover, .wmcA_hoverState &, .wmcA_hoverState & {
6592                background-color: var(--hamburgerNavItemHoverBackgroundColor);
6593                border-top: var(--hamburgerNavItemBorderTopHover);
6594                border-right: var(--hamburgerNavItemBorderRightHover);
6595                border-bottom: var(--hamburgerNavItemBorderBottomHover);
6596                border-left: var(--hamburgerNavItemBorderLeftHover);
6597                border-radius: var(--hamburgerNavItemBorderRadiusHover);
6598            }
6599
6600            & > a {
6601                display: flex;
6602                align-items: center;
6603                justify-content: var(--hamburgerNavItemsAlignment);
6604                text-align: var(--hamburgerNavItemsAlignment);
6605                padding-top: var(--hamburgerNavItemPaddingTop);
6606                padding-bottom: var(--hamburgerNavItemPaddingBottom);
6607                padding-left: var(--hamburgerNavItemPaddingLeft);
6608                padding-right: var(--hamburgerNavItemPaddingRight);
6609                font-family: var(--hamburgerNavItemFont);
6610                font-size: var(--hamburgerNavItemFontSize);
6611                color: var(--hamburgerNavItemFontColor);
6612                font-weight: var(--hamburgerNavItemFontWeight);
6613                line-height: var(--hamburgerNavItemLineHeight);
6614                text-decoration: var(--hamburgerNavItemTextDecoration);
6615                font-style: var(--hamburgerNavItemFontStyle);
6616                letter-spacing: var(--hamburgerNavItemLetterSpacing);
6617                background-color: transparent;
6618                width: var(--hamburgerNavArrowAutoSpacing);
6619
6620                &:hover, .wmcA_hoverState & {
6621                    color: var(--hamburgerNavItemHoverFontColor);
6622                    font-size: var(--hamburgerNavItemFontSizeHover) !important;
6623                    padding-top: var(--hamburgerNavItemPaddingTopHover);
6624                    padding-bottom: var(--hamburgerNavItemPaddingBottomHover);
6625                    padding-left: var(--hamburgerNavItemPaddingLeftHover);
6626                    padding-right: var(--hamburgerNavItemPaddingRightHover);
6627                    font-family: var(--hamburgerNavItemFontHover);
6628                    font-weight: var(--hamburgerNavItemFontWeightHover);
6629                    line-height: var(--hamburgerNavItemLineHeightHover);
6630                    text-decoration: var(--hamburgerNavItemTextDecorationHover);
6631                    font-style: var(--hamburgerNavItemFontStyleHover);
6632                    letter-spacing: var(--hamburgerNavItemLetterSpacingHover);
6633                }
6634            }
6635
6636            & .arrow {
6637                display: none;
6638                pointer-events: none;
6639            }
6640
6641            /* Items without a sub menu reserve the arrow footprint so their
6642               text aligns with arrowed items for any items alignment. */
6643            &:not(:has(.navigation-nav--sub-menu)) {
6644                gap: var(--hamburgerNavArrowSpacing);
6645                padding-right: var(--hamburgerNavItemPaddingRight);
6646
6647                & > a {
6648                    padding-right: 0;
6649                }
6650
6651                &::after {
6652                    content: '';
6653                    flex: 0 0 var(--hamburgerNavArrowSize);
6654                    height: var(--hamburgerNavArrowSize);
6655                }
6656            }
6657
6658            &:has(.navigation-nav--sub-menu) {
6659                display: flex;
6660                align-items: center;
6661                gap: var(--hamburgerNavArrowSpacing);
6662                padding-right: var(--hamburgerNavItemPaddingRight);
6663
6664                & > a {
6665                    padding-right: 0;
6666                }
6667
6668                & > .arrow {
6669                    display: flex;
6670                    align-items: center;
6671                    justify-content: flex-end;
6672                    pointer-events: auto;
6673                    position: relative;
6674                    z-index: 1;
6675                    width: var(--hamburgerNavArrowSize);
6676                    height: var(--hamburgerNavArrowSize);
6677                    cursor: pointer;
6678
6679                    &::after {
6680                        display: block;
6681                        content: '';
6682                        width: var(--hamburgerNavArrowSize);
6683                        height: var(--hamburgerNavArrowSize);
6684                        -webkit-mask-image: var(--wmd_menuItemIconUrl);
6685                        mask-image: var(--wmd_menuItemIconUrl);
6686                        -webkit-mask-size: contain;
6687                        mask-size: contain;
6688                        -webkit-mask-repeat: no-repeat;
6689                        mask-repeat: no-repeat;
6690                        -webkit-mask-position: center;
6691                        mask-position: center;
6692                        background-color: var(--hamburgerNavArrowColor);
6693                        transform: var(--hamburgerNavArrowRotate);
6694                        transition: all 0.3s ease;
6695                    }
6696
6697                    &:hover, .wmcA_hoverState & {
6698                        width: var(--hamburgerNavArrowSizeHover);
6699                        height: var(--hamburgerNavArrowSizeHover);
6700
6701                        &::after {
6702                            width: var(--hamburgerNavArrowSizeHover);
6703                            height: var(--hamburgerNavArrowSizeHover);
6704                            background-color: var(--hamburgerNavArrowColorHover);
6705                            transform: var(--hamburgerNavArrowRotateHover);
6706                        }
6707                    }
6708                }
6709            }
6710
6711            &.open > .navigation-nav--sub-menu {
6712                z-index: 1;
6713                opacity: 1;
6714                visibility: visible;
6715                pointer-events: auto;
6716            }
6717        }
6718
6719        /* level 2: sub menu */
6720
6721        & .navigation-nav--sub-menu {
6722            display: grid;
6723            margin: 0;
6724            padding: 0;
6725            grid-template-columns: 1fr;
6726            position: absolute;
6727            top: 0;
6728            left: 0;
6729            z-index: -1;
6730            list-style: none;
6731            opacity: 0;
6732            visibility: hidden;
6733            width: 100%;
6734            max-width: var(--hamburgerSlideContainerWidth);
6735            background-color: var(--hamburgerNavSubBackgroundColor);
6736            pointer-events: none;
6737            gap: calc(var(--hamburgerNavSubSeparatorSpacing) / 2);
6738
6739            & > .navigation-nav--separator {
6740                display: var(--hamburgerNavSubSeparatorDisplay);
6741                margin: 0 auto;
6742                width: var(--hamburgerNavSubSeparatorWidth);
6743                height: var(--hamburgerNavSubSeparatorHeight);
6744                background-color: var(--hamburgerNavSubSeparatorColor);
6745                align-self: center;
6746            }
6747        }
6748
6749        /* level 2: li sub item */
6750
6751        & .navigation-nav--sub-item {
6752            display: flex;
6753            align-items: center;
6754
6755            border-top: var(--hamburgerNavSubItemBorderTop);
6756            border-right: var(--hamburgerNavSubItemBorderRight);
6757            border-bottom: var(--hamburgerNavSubItemBorderBottom);
6758            border-left: var(--hamburgerNavSubItemBorderLeft);
6759            border-radius: var(--hamburgerNavSubItemBorderRadius);
6760            background-color: var(--hamburgerNavSubItemBackgroun
6760dColor);
6761
6762            &:hover, .wmcA_hoverState & {
6763                background-color: var(--hamburgerNavSubItemHoverBackgroundColor);
6764                border-radius: var(--hamburgerNavSubItemBorderRadiusHover);
6765                border-top: var(--hamburgerNavSubItemBorderTopHover);
6766                border-right: var(--hamburgerNavSubItemBorderRightHover);
6767                border-bottom: var(--hamburgerNavSubItemBorderBottomHover);
6768                border-left: var(--hamburgerNavSubItemBorderLeftHover);
6769            }
6770
6771            & > a {
6772                display: flex;
6773                align-items: center;
6774                padding-top: var(--hamburgerNavSubItemPaddingTop);
6775                padding-bottom: var(--hamburgerNavSubItemPaddingBottom);
6776                padding-left: var(--hamburgerNavSubItemPaddingLeft);
6777                padding-right: var(--hamburgerNavSubItemPaddingRight);
6778                font-family: var(--hamburgerNavSubItemFont);
6779                font-size: var(--hamburgerNavSubItemFontSize);
6780                color: var(--hamburgerNavSubItemFontColor);
6781                font-weight: var(--hamburgerNavSubItemFontWeight);
6782                line-height: var(--hamburgerNavSubItemLineHeight);
6783                text-decoration: var(--hamburgerNavSubItemTextDecoration);
6784                font-style: var(--hamburgerNavSubItemFontStyle);
6785                letter-spacing: var(--hamburgerNavSubItemLetterSpacing);
6786                background-color: transparent;
6787                width: var(--hamburgerNavSubArrowAutoSpacing);
6788
6789                &:hover, .wmcA_hoverState & {
6790                    color: var(--hamburgerNavSubItemHoverFontColor);
6791                    font-size: var(--hamburgerNavSubItemFontSizeHover);
6792                    font-family: var(--hamburgerNavSubItemFontHover);
6793                    font-weight: var(--hamburgerNavSubItemFontWeightHover);
6794                    line-height: var(--hamburgerNavSubItemLineHeightHover);
6795                    text-decoration: var(--hamburgerNavSubItemTextDecorationHover);
6796                    font-style: var(--hamburgerNavSubItemFontStyleHover);
6797                    letter-spacing: var(--hamburgerNavSubItemLetterSpacingHover);
6798                    padding-top: var(--hamburgerNavSubItemPaddingTopHover);
6799                    padding-bottom: var(--hamburgerNavSubItemPaddingBottomHover);
6800                    padding-left: var(--hamburgerNavSubItemPaddingLeftHover);
6801                    padding-right: var(--hamburgerNavSubItemPaddingRightHover);
6802                }
6803            }
6804
6805            &:has(.navigation-nav--sub-menu) {
6806                display: flex;
6807                align-items: center;
6808                gap: var(--hamburgerNavSubArrowSpacing);
6809                padding-right: var(--hamburgerNavSubItemPaddingRight);
6810
6811                & > a {
6812                    padding-right: 0;
6813                }
6814
6815                & > .arrow {
6816                    display: flex;
6817                    align-items: center;
6818                    justify-content: flex-end;
6819                    pointer-events: auto;
6820                    position: relative;
6821                    z-index: 1;
6822                    width: var(--hamburgerNavSubArrowSize);
6823                    height: var(--hamburgerNavSubArrowSize);
6824                    cursor: pointer;
6825
6826                    &::after {
6827                        display: block;
6828                        content: '';
6829                        width: var(--hamburgerNavSubArrowSize);
6830                        height: var(--hamburgerNavSubArrowSize);
6831                        -webkit-mask-image: var(--wmd_submenuItemIconUrl);
6832                        mask-image: var(--wmd_submenuItemIconUrl);
6833                        -webkit-mask-size: contain;
6834                        mask-size: contain;
6835                        -webkit-mask-repeat: no-repeat;
6836                        mask-repeat: no-repeat;
6837                        -webkit-mask-position: center;
6838                        mask-position: center;
6839                        background-color: var(--hamburgerNavSubArrowColor);
6840                        transform: var(--hamburgerNavSubArrowRotate);
6841                        transition: all 0.3s ease;
6842                    }
6843
6844                    &:hover, .wmcA_hoverState & {
6845                        width: var(--hamburgerNavSubArrowSizeHover);
6846                        height: var(--hamburgerNavSubArrowSizeHover);
6847
6848                        &::after {
6849                            width: var(--hamburgerNavSubArrowSizeHover);
6850                            height: var(--hamburgerNavSubArrowSizeHover);
6851                            background-color: var(--hamburgerNavSubArrowColorHover);
6852                            transform: var(--hamburgerNavSubArrowRotateHover);
6853                        }
6854                    }
6855                }
6856            }
6857
6858            &.open > .navigation-nav--sub-menu {
6859                z-index: 1;
6860                opacity: 1;
6861                visibility: visible;
6862                pointer-events: auto;
6863            }
6864        }
6865
6866        /* parent title */
6867
6868        & .navigation-nav--parent-title {
6869            display: flex;
6870            align-items: center;
6871            gap: var(--hamburgerTitleArrowSpacing);
6872            padding-right: var(--hamburgerTitlePaddingRight);
6873            border-top: var(--hamburgerTitleBorderTop);
6874            border-right: var(--hamburgerTitleBorderRight);
6875            border-bottom: var(--hamburgerTitleBorderBottom);
6876            border-left: var(--hamburgerTitleBorderLeft);
6877            border-radius: var(--hamburgerTitleBorderRadius);
6878            background-color: var(--hamburgerTitleBackgroundColor);
6879
6880            &:hover, .wmcA_hoverState & {
6881                /* border-top: var(--hamburgerTitleBorderTopHover);
6882                border-right: var(--hamburgerTitleBorderRightHover);
6883                border-bottom: var(--hamburgerTitleBorderBottomHover);
6884                border-left: var(--hamburgerTitleBorderLeftHover);
6885                border-radius: var(--hamburgerTitleBorderRadiusHover);
6886                background-color: var(--hamburgerTitleBackgroundColorHover);
6887                padding-right: var(--hamburgerTitlePaddingRightHover); */
6888            }
6889
6890            & > a {
6891                display: block;
6892                padding-top: var(--hamburgerTitlePaddingTop);
6893                padding-bottom: var(--hamburgerTitlePaddingBottom);
6894                padding-left: var(--hamburgerTitlePaddingLeft);
6895                padding-right: var(--hamburgerTitlePaddingRight);
6896                font-family: var(--hamburgerTitleFont);
6897                font-size: var(--hamburgerTitleFontSize);
6898                line-height: var(--hamburgerTitleLineHeight);
6899                font-weight: var(--hamburgerTitleFontWeight);
6900                color: var(--hamburgerTitleFontColor);
6901                font-style: var(--hamburgerTitleFontStyle);
6902                letter-spacing: var(--hamburgerTitleLetterSpacing);
6903                text-decoration: var(--hamburgerTitleTextDecoration);
6904                pointer-events: none;
6905                width: 100%;
6906
6907                &:hover, .wmcA_hoverState & {
6908                    padding-top: var(--hamburgerTitlePaddingTopHover);
6909                    padding-bottom: var(--hamburgerTitlePaddingBottomHover);
6910                    padding-left: var(--hamburgerTitlePaddingLeftHover);
6911                    padding-right: var(--hamburgerTitlePaddingRightHover);
6912                }
6913            }
6914
6915            & > span {
6916                display: flex;
6917                align-items: center;
6918                justify-content: flex-end;
6919                pointer-events: auto;
6920                position: relative;
6921                z-index: 1;
6922                width: var(--hamburgerTitleArrowSize);
6923                height: var(--hamburgerTitleArrowSize);
6924
6925                &::after {
6926                    display: block;
6927                    content: '';
6928                    width: var(--hamburgerTitleArrowSize);
6929                    height: var(--hamburgerTitleArrowSize);
6930                    -webkit-mask-image: var(--wmd_menuItemIconUrl);
6931                    mask-image: var(--wmd_menuItemIconUrl);
6932                    -webkit-mask-size: contain;
6933                    mask-size: contain;
6934                    -webkit-mask-repeat: no-repeat;
6935                    mask-repeat: no-repeat;
6936                    -webkit-mask-position: center;
6937                    mask-position: center;
6938                    background-color: var(--hamburgerTitleArrowColor);
6939                    transform: var(--hamburgerTitleArrowRotate);
6940                }
6941            }
6942        }
6943
6944        /* back button */
6945
6946        & .navigation-nav--back {
6947            display: block;
6948            padding-top: var(--hamburgerNavBackButtonPaddingTop);
6949            padding-bottom: var(--hamburgerNavBackButtonPaddingBottom);
6950            padding-left: var(--hamburgerNavBackButtonPaddingLeft);
6951            padding-right: var(--hamburgerNavBackButtonPaddingRight);
6952            border-top: var(--hamburgerNavBackButtonBorderTop);
6953            border-right: var(--hamburgerNavBackButtonBorderRight);
6954            border-bottom: var(--hamburgerNavBackButtonBorderBottom);
6955            border-left: var(--hamburgerNavBackButtonBorderLeft);
6956            border-radius: var(--hamburgerNavBackButtonBorderRadius);
6957            background-color: var(--hamburgerNavBackButtonBackgroundColor);
6958
6959            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
6960                border-radius: var(--hamburgerNavBackButtonBorderRadiusHover);
6961                background-color: var(--hamburgerNavBackButtonHoverBackgroundColor);
6962                padding-top: var(--hamburgerNavBackButtonPaddingTopHover);
6963                padding-bottom: var(--hamburgerNavBackButtonPaddingBottomHover);
6964                padding-left: var(--hamburgerNavBackButtonPaddingLeftHover);
6965                padding-right: var(--hamburgerNavBackButtonPaddingRightHover);
6966                border-top: var(--hamburgerNavBackButtonBorderTopHover);
6967                border-right: var(--hamburgerNavBackButtonBorderRightHover);
6968                border-bottom: var(--hamburgerNavBackButtonBorderBottomHover);
6969                border-left: var(--hamburgerNavBackButtonBorderLeftHover);
6970            }
6971
6972            & a {
6973                display: inline-flex;
6974                align-items: center;
6975                gap: var(--hamburgerNavBackButtonArrowSpacing);
6976                font-family: var(--hamburgerNavBackButtonFont);
6977                font-size: var(--hamburgerNavBackButtonFontSize);
6978                font-weight: var(--hamburgerNavBackButtonFontWeight);
6979                color: var(--hamburgerNavBackButtonColor);
6980                text-decoration: var(--hamburgerNavBackButtonTextDecoration);
6981                line-height: var(--hamburgerNavBackButtonLineHeight);
6982                font-style: var(--hamburgerNavBackButtonFontStyle);
6983                letter-spacing: var(--hamburgerNavBackButtonLetterSpacing);
6984                background-color: transparent;
6985                width: 100%;
6986
6987                &::before {
6988                    content: '';
6989                    display: inline-block;
6990                    width: var(--hamburgerNavBackButtonArrowSize);
6991                    height: var(--hamburgerNavBackButtonArrowSize);
6992                    -webkit-mask-image: var(--wmd_backIconUrl);
6993                    mask-image: var(--wmd_backIconUrl);
6994                    -webkit-mask-size: contain;
6995                    mask-size: contain;
6996                    -webkit-mask-repeat: no-repeat;
6997                    mask-repeat: no-repeat;
6998                    -webkit-mask-position: center;
6999                    mask-position: center;
7000                    background-color: var(--hamburgerNavBackButtonColor);
7001                    transform: var(--hamburgerNavBackButtonArrowRotate);
7002                    transition: all 0.3s ease;
7003                }
7004
7005                &:hover, .wmcA_hoverState & {
7006                    color: var(--hamburgerNavBackButtonHoverFontColor);
7007
7008                    &::before {
7009                        background-color: var(--hamburgerNavBackButtonHoverFontColor);
7010                        width: var(--hamburgerNavBackButtonArrowSizeHover);
7011                        height: var(--hamburgerNavBackButtonArrowSizeHover);
7012                    }
7013                }
7014            }
7015        }
7016
7017        /* hamburger button */
7018
7019        & .hamburger-button {
7020            display: flex;
7021            justify-content: center;
7022            align-items: center;
7023            padding: 0;
7024            margin: 0;
7025            position: relative;
7026            z-index: 100;
7027            cursor: pointer;
7028            background-color: transparent;
7029            border: none;
7030            width: var(--hamburgerMenuIconSize);
7031            height: var(--hamburgerMenuIconSize);
7032            flex-wrap: wrap;
7033
7034            & * {
7035                transition: all 0.3s ease;
7036            }
7037
7038            &.show-border {
7039                border: 1px solid var(--hamburgerMenuIconColor);
7040            }
7041
7042            & .hamburger-button-icon--container {
7043                display: block;
7044                width: var(--hamburgerMenuIconSize);
7045                height: var(--hamburgerMenuIconSize);
7046            }
7047
7048            & .hamburger-button-icon {
7049                display: flex;
7050                align-items: center;
7051                justify-content: center;
7052                margin: auto;
7053                width: var(--hamburgerMenuIconSize);
7054                height: var(--hamburgerMenuIconSize);
7055
7056                &::before {
7057                    content: '';
7058                    display: inline-block;
7059                    width: var(--hamburgerMenuIconSize);
7060                    height: var(--hamburgerMenuIconSize);
7061                    -webkit-mask-image: var(--wmd_hamburgerIconUrl);
7062                    mask-image: var(--wmd_hamburgerIconUrl);
7063                    -webkit-mask-size: contain;
7064                    mask-size: contain;
7065                    -webkit-mask-repeat: no-repeat;
7066                    mask-repeat: no-repeat;
7067                    -webkit-mask-position: center;
7068                    mask-position: center;
7069                    background-color: var(--hamburgerMenuIconColor);
7070                }
7071            }
7072
7073            & .hamburger-button-text {
7074                display: var(--hamburgerMenuDisplay);
7075                font-family: var(--hamburgerNavItemFont);
7076                font-size: 12px;
7077                font-weight: 700;
7078                line-height: 1;
7079                color: var(--hamburgerMenuIconColor);
7080                text-align: center;
7081                text-decoration: none;
7082                text-transform: uppercase;
7083            }
7084
7085            &:hover, .wmcA_hoverState & {
7086                & .hamburger-button-icon--container {
7087                    width: var(--hamburgerMenuIconSizeHover);
7088                    height: var(--hamburgerMenuIconSizeHover);
7089                }
7090
7091                & .hamburger-button-icon {
7092                    width: var(--hamburgerMenuIconSizeHover);
7093                    height: var(--hamburgerMenuIconSizeHover);
7094
7095                    &::before {
7096                        background-color: var(--hamburgerMenuIconHoverColor);
7097                        width: var(--hamburgerMenuIconSizeHover);
7098                        height: var(--hamburgerMenuIconSizeHover)
7099                    }
7100                }
7101
7102                & .hamburger-button-text {
7103                    color: var(--hamburgerMenuIconHoverColor);
7104                }
7105            }
7106
7107            &.active {
7108                margin-bottom: 25px;
7109                justify-self: var(--hamburgerMenuJustifySelf);
7110                width: var(--hamburgerMenuIconActiveSize);
7111                height: var(--hamburgerMenuIconActiveSize);
7112
7113                & .hamburger-button-icon--container {
7114                    width: var(--hamburgerMenuIconActiveSize);
7115                    height: var(--hamburgerMenuIconActiveSize);
7116                }
7117
7118                & .hamburger-button-icon {
7119                    width: var(--hamburgerMenuIconActiveSize);
7120                    height: var(--hamburgerMenuIconActiveSize);
7121
7122                    &::before {
7123                        width: var(--hamburgerMenuIconActiveSize);
7124                        height: var(--hamburgerMenuIconActiveSize);
7125                        -webkit-mask-image: var(--wmd_closeIconUrl);
7126                        mask-image: var(--wmd_closeIconUrl);
7127                        background-color: var(--hamburgerMenuIconActiveColor);
7128                    }
7129                }
7130
7131                & .hamburger-button-text {
7132                    color: var(--hamburgerMenuIconActiveColor);
7133                    height: 1px;
7134                    padding: 0;
7135                    margin: -1px;
7136                    visibility: hidden;
7137                    transition: none;
7138                    position: absolute;
7139                }
7140
7141                &:hover, .wmcA_hoverState & {
7142                    & .hamburger-button-icon--container {
7143                        width: var(--hamburgerMenuIconActiveSizeHover);
7144                        height: var(--hamburgerMenuIconActiveSizeHover);
7145                    }
7146
7147                    & .hamburger-button-icon {
7148                        width: var(--hamburgerMenuIconActiveSizeHover);
7149                        height: var(--hamburgerMenuIconActiveSizeHover);
7150
7151                        &::before {
7152                            width: var(--hamburgerMenuIconActiveSizeHover);
7153                            height: var(--hamburgerMenuIconActiveSizeHover);
7154                            background-color: var(--hamburgerMenuIconActiveHoverColor);
7155                        }
7156                    }
7157
7158                    & .hamburger-button-text {
7159                        color: var(--hamburgerMenuIconActiveHoverColor);
7160                    }
7161                }
7162            }
7163        }
7164    }
7165
7166    /* Vertical Navigation Styles */
7167    .wmc_menu.wmcM_menuVerticalTablet .navigation-module-container {
7168        & .navigation-nav {
7169            overflow: hidden;
7170            position: relative;
7171            padding-top: var(--verticalNavPaddingTop);
7172            padding-bottom: var(--verticalNavPaddingBottom);
7173            padding-left: var(--verticalNavPaddingLeft);
7174            padding-right: var(--verticalNavPaddingRight);
7175            border-top: var(--verticalNavBorderTop);
7176            border-right: var(--verticalNavBorderRight);
7177            border-bottom: var(--verticalNavBorderBottom);
7178            border-left: var(--verticalNavBorderLeft);
7179            border-radius: var(--verticalNavBorderRadius);
7180
7181            & * {
7182                transition: all 0.3s ease;
7183            }
7184        }
7185
7186        /* level 1: main menu */
7187
7188        & ul.navigation-nav--main-menu {
7189            display: grid;
7190            margin: 0;
7191            padding: 0;
7192            grid-template-columns: 1fr;
7193            align-self: center;
7194            justify-self: var(--verticalNavJustifySelf);
7195            list-style: none;
7196            width: var(--verticalNavWidth);
7197            max-width: var(--verticalSlideContainerWidth);
7198            gap: calc(var(--verticalNavSeparatorSpacing) / 2);
7199
7200            & ul.navigation-nav--sub-menu {
7201                transform: translateX(var(--verticalSlideContainerWidth));
7202            }
7203
7204            &:has(.open) {
7205                transform: translateX(calc(var(--verticalSlideContainerWidth) * -1));
7206
7207                & .open > ul.navigation-nav--sub-menu {
7208                    transform: translateX(var(--verticalSlideContainerWidth));
7209
7210                    &:has(.open) {
7211                        transform: translateX(0px);
7212                    }
7213                }
7214            }
7215
7216            /* separator */
7217
7218            & > .navigation-nav--separator {
7219                display: var(--verticalNavSeparatorDisplay);
7220                margin: 0 auto;
7221                width: var(--verticalNavSeparatorWidth);
7222                height: var(--verticalNavSeparatorHeight);
7223                background-color: var(--verticalNavSeparatorColor);
7224            }
7225        }
7226
7227        /* level 1: li item */
7228
7229        & .navigation-nav--item {
7230            display: grid;
7231            grid-template-columns: 1fr;
7232            align-items: center;
7233            border-top: var(--verticalNavItemBorderTop);
7234            border-right: var(--verticalNavItemBorderRight);
7235            border-bottom: var(--verticalNavItemBorderBottom);
7236            border-left: var(--verticalNavItemBorderLeft);
7237            border-radius: var(--verticalNavItemBorderRadius);
7238            background-color: var(--verticalNavItemBackgroundColor);
7239
7240            &:hover, .wmcA_hoverState & {
7241                border-top: var(--verticalNavItemBorderTopHover);
7242                border-right: var(--verticalNavItemBorderRightHover);
7243                border-bottom: var(--verticalNavItemBorderBottomHover);
7244                border-left: var(--verticalNavItemBorderLeftHover);
7245                border-radius: var(--verticalNavItemBorderRadiusHover);
7246            }
7247
7248            & > a {
7249                display: flex;
7250                align-items: center;
7251                justify-content: var(--verticalNavItemsAlignment);
7252                text-align: var(--verticalNavItemsAlignment);
7253                padding-top: var(--verticalNavItemPaddingTop);
7254                padding-right: var(--verticalNavItemPaddingRight);
7255                padding-bottom: var(--verticalNavItemPaddingBottom);
7256                padding-left: var(--verticalNavItemPaddingLeft);
7257                font-family: var(--verticalNavItemFont);
7258                font-size: var(--verticalNavItemFontSize);
7259                font-weight: var(--verticalNavItemFontWeight);
7260                color: var(--verticalNavItemFontColor);
7261                line-height: var(--verticalNavItemLineHeight);
7262                text-decoration: var(--verticalNavItemTextDecoration);
7263                font-style: var(--verticalNavItemFontStyle);
7264                background-color: transparent;
7265                letter-spacing: var(--verticalNavItemLetterSpacing);
7266
7267                &:hover, .wmcA_hoverState & {
7268                    color: var(--verticalNavItemHoverFontColor);
7269                    padding-top: var(--verticalNavItemPaddingTopHover);
7270                    padding-right: var(--verticalNavItemPaddingRightHover);
7271                    padding-bottom: var(--verticalNavItemPaddingBottomHover);
7272                    padding-left: var(--verticalNavItemPaddingLeftHover);
7273                    font-style: var(--verticalNavItemFontStyleHover);
7274                    text-decoration: var(--verticalNavItemTextDecorationHover);
7275                    font-size: var(--verticalNavItemFontSizeHover);
7276                    font-weight: var(--verticalNavItemFontWeightHover);
7277                }
7278            }
7279
7280            & .arrow {
7281                display: none;
7282                pointer-events: none;
7283            }
7284
7285            /* hide: no sub menu for vertical navigation */
7286
7287            &:has(.navigation-nav--sub-menu) {
7288                display: grid;
7289                /* grid-template-columns: 1fr var(--verticalNavArrowSize); */
7290                grid-template-columns: 1fr;
7291                align-items: center;
7292                column-gap: var(--verticalNavArrowSpacing);
7293                padding-right: var(--verticalNavItemPaddingRight);
7294
7295                & > a {
7296                    padding-right: 0;
7297                    width: 100%;
7298                }
7299
7300                & > .arrow {
7301                    display: none; /* hide: no sub menu for vertical navigation */
7302                    align-items: center;
7303                    justify-content: flex-end;
7304                    pointer-events: auto;
7305                    position: relative;
7306                    z-index: 1;
7307                    width: var(--verticalNavArrowSize);
7308                    height: var(--verticalNavArrowSize);
7309                    cursor: pointer;
7310
7311                    &::after {
7312                        display: block;
7313                        content: '';
7314                        width: var(--verticalNavArrowSize);
7315                        height: var(--verticalNavArrowSize);
7316                        -webkit-mask-image: var(--wmd_caretIconUrl);
7317                        mask-image: var(--wmd_caretIconUrl);
7318                        -webkit-mask-size: contain;
7319                        mask-size: contain;
7320                        -webkit-mask-repeat: no-repeat;
7321                        mask-repeat: no-repeat;
7322                        -webkit-mask-position: center;
7323                        mask-position: center;
7324                        background-color: var(--verticalNavArrowColor);
7325                        transform: var(--verticalNavArrowRotate);
7326                    }
7327                }
7328            }
7329
7330            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
7331                background-color: var(--verticalNavItemHoverBackgroun
7331dColor);
7332
7333                & .arrow:hover, .wmcA_hoverState & {
7334                    &::after {
7335                        border-left-color: var(--verticalNavItemHoverFontColor);
7336                    }
7337                }
7338            }
7339
7340            &.open {
7341                & > .arrow {
7342                    &::after {
7343                        transform: rotate(90deg);
7344                    }
7345                }
7346
7347                & > .navigation-nav--sub-menu {
7348                    display: grid;
7349                    grid-template-columns: 1fr;
7350                    opacity: 1;
7351                    visibility: visible;
7352                    pointer-events: auto;
7353                }
7354            }
7355        }
7356
7357        /* level 2: sub menu */
7358
7359        & .navigation-nav--sub-menu {
7360            display: none;
7361            margin: 0;
7362            padding: 0;
7363            position: absolute;
7364            top: 0;
7365            left: 0;
7366            z-index: -1;
7367            list-style: none;
7368            opacity: 0;
7369            visibility: hidden;
7370            width: 100%;
7371            max-width: var(--verticalSlideContainerWidth);
7372            pointer-events: none;
7373            gap: calc(var(--verticalNavSubSeparatorSpacing) / 2);
7374
7375            /* separator */
7376
7377            & > .navigation-nav--separator {
7378                display: var(--verticalNavSubSeparatorDisplay);
7379                margin: 0 auto;
7380                width: var(--verticalNavSubSeparatorWidth);
7381                height: var(--verticalNavSubSeparatorHeight);
7382                background-color: var(--verticalNavSubSeparatorColor);
7383            }
7384        }
7385
7386        /* level 2: li sub item */
7387
7388        & .navigation-nav--sub-item {
7389            display: grid;
7390            grid-template-columns: 1fr;
7391            align-items: center;
7392            border-top: var(--verticalNavSubItemBorderTop);
7393            border-right: var(--verticalNavSubItemBorderRight);
7394            border-bottom: var(--verticalNavSubItemBorderBottom);
7395            border-left: var(--verticalNavSubItemBorderLeft);
7396            border-radius: var(--verticalNavSubItemBorderRadius);
7397            background-color: var(--verticalNavSubItemBackgroundColor);
7398
7399            & > a {
7400                display: flex;
7401                align-items: center;
7402                padding-top: var(--verticalNavSubItemPaddingTop);
7403                padding-right: var(--verticalNavSubItemPaddingRight);
7404                padding-bottom: var(--verticalNavSubItemPaddingBottom);
7405                padding-left: var(--verticalNavSubItemPaddingLeft);
7406                font-family: var(--verticalNavSubItemFont);
7407                font-size: var(--verticalNavSubItemFontSize);
7408                color: var(--verticalNavSubItemFontColor);
7409                font-weight: var(--verticalNavSubItemFontWeight);
7410                line-height: var(--verticalNavSubItemLineHeight);
7411                text-decoration: var(--verticalNavSubItemTextDecoration);
7412                font-style: var(--verticalNavSubItemFontStyle);
7413                letter-spacing: var(--verticalNavSubItemLetterSpacing);
7414                background-color: transparent;
7415
7416                &:hover, .wmcA_hoverState & {
7417                    color: var(--verticalNavSubItemHoverFontColor);
7418                }
7419            }
7420
7421            &:has(.navigation-nav--sub-menu) {
7422                display: grid;
7423                grid-template-columns: 1fr calc(var(--verticalNavSubArrowSpacing) + var(--verticalNavSubArrowSize));
7424                align-items: center;
7425                column-gap: var(--verticalNavSubArrowSpacing);
7426                padding-right: var(--verticalNavSubItemPaddingRight);
7427
7428                & > a {
7429                    padding-right: 0;
7430                    width: 100%;
7431                }
7432
7433                & > .arrow {
7434                    display: flex;
7435                    align-items: center;
7436                    justify-content: flex-end;
7437                    pointer-events: auto;
7438                    position: relative;
7439                    z-index: 1;
7440                    width: calc(var(--verticalNavSubArrowSpacing) + var(--verticalNavSubArrowSize));
7441                    height: 100%;
7442                    cursor: pointer;
7443
7444                    &::after {
7445                        display: block;
7446                        content: '';
7447                        width: var(--verticalNavSubArrowSize);
7448                        height: var(--verticalNavSubArrowSize);
7449                        -webkit-mask-image: var(--wmd_submenuItemIconUrl);
7450                        mask-image: var(--wmd_submenuItemIconUrl);
7451                        -webkit-mask-size: contain;
7452                        mask-size: contain;
7453                        -webkit-mask-repeat: no-repeat;
7454                        mask-repeat: no-repeat;
7455                        -webkit-mask-position: center;
7456                        mask-position: center;
7457                        background-color: var(--verticalNavSubArrowColor);
7458                        transform: var(--verticalNavSubArrowRotate);
7459                    }
7460                }
7461            }
7462
7463            /* Third level submenu styles */
7464
7465            & > .navigation-nav--sub-menu {
7466                display: none;
7467                opacity: 0;
7468                visibility: hidden;
7469                gap: calc(var(--verticalNavSubSeparatorSpacing) / 2);
7470            }
7471
7472            &:hover, .wmcA_hoverState & {
7473                background-color: var(--verticalNavSubItemHoverBackgroundColor);
7474
7475                & .arrow:hover, .wmcA_hoverState & {
7476                    &::after {
7477                        border-left-color: var(--verticalNavSubItemHoverFontColor);
7478                    }
7479                }
7480            }
7481
7482            &.open {
7483                & > .arrow {
7484                    &::after {
7485                        transform: rotate(90deg);
7486                    }
7487                }
7488
7489                & > .navigation-nav--sub-menu {
7490                    display: grid;
7491                    grid-template-columns: 1fr;
7492                    opacity: 1;
7493                    visibility: visible;
7494                    pointer-events: auto;
7495                }
7496            }
7497        }
7498
7499        /* parent title */
7500
7501        & .navigation-nav--parent-title {
7502            display: grid;
7503            padding: 15px 0 10px 0;
7504            grid-template-columns: 1fr max-content;
7505            align-items: center;
7506            gap: var(--verticalNavSubSeparatorSpacing);
7507            border: none;
7508            background-color: var(--verticalNavTitleContainerBackgroun
7508dColor);
7509
7510            &:hover, .wmcA_hoverState & {
7511                background-color: var(--verticalNavTitleContainerBackgroundColor);
7512            }
7513
7514            & a {
7515                display: block;
7516                margin-bottom: 4px;
7517                padding: 0;
7518                font-family: var(--verticalNavItemFont);
7519                font-size: var(--verticalNavTitleFontSize);
7520                font-weight: var(--verticalNavTitleFontWeight);
7521                color: var(--verticalNavTitleFontColor);
7522                text-decoration: none;
7523                cursor: pointer;
7524                pointer-events: none;
7525            }
7526
7527            & > span {
7528                display: none;
7529            }
7530        }
7531
7532        /* back button: NONE */
7533
7534        & .navigation-nav--back {
7535            display: block;
7536            padding: 15px 0;
7537            border-bottom: 1px solid var(--verticalNavArrowColor);
7538
7539            & a {
7540                display: inline-flex;
7541                margin-bottom: 10px;
7542                align-items: center;
7543                gap: 10px;
7544                font-family: var(--verticalNavItemFont);
7545                font-size: var(--verticalNavItemFontSize);
7546                font-weight: 400;
7547                color: var(--verticalNavItemFontColor);
7548                text-decoration: none;
7549
7550                &:hover, .wmcA_hoverState & {
7551                    color: var(--verticalNavItemHoverFontColor);
7552                }
7553
7554                &::before {
7555                    display: block;
7556                    content: '';
7557                    width: var(--verticalNavSubArrowSize);
7558                    height: var(--verticalNavSubArrowSize);
7559                    -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
7560                    mask-image: var(--wmd_submenuCaretIconUrl);
7561                    -webkit-mask-size: contain;
7562                    mask-size: contain;
7563                    -webkit-mask-repeat: no-repeat;
7564                    mask-repeat: no-repeat;
7565                    -webkit-mask-position: center;
7566                    mask-position: center;
7567                    background-color: var(--verticalNavSubArrowColor);
7568                    transform: rotate(90deg);
7569                }
7570            }
7571        }
7572    }
7573
7574    body > .wmc_section .wmc_menu.wmcM_menuHamburgerTablet:has(.navigation-module-container.active) {
7575        z-index: 6000 !important;
7576    }
7577}
7578
7579@media all and (width < 650px) {
7580    .wmc_menu {
7581        --heightMobile: max-content;
7582
7583        /**********************
7584			horizontal main nav
7585		***********************/
7586
7587        /* main nav padding */
7588        --horizontalNavPaddingTopMobile: var(--horizontalNavPaddingTopDesktop);
7589        --horizontalNavPaddingBottomMobile: var(--horizontalNavPaddingBottomDesktop);
7590        --horizontalNavPaddingLeftMobile: var(--horizontalNavPaddingLeftDesktop);
7591        --horizontalNavPaddingRightMobile: var(--horizontalNavPaddingRightDesktop);
7592
7593        /* main nav justify content */
7594        --horizontalNavJustifyContentMobile: flex-start;
7595
7596        /* main nav item padding */
7597        --horizontalNavItemPaddingTopMobile: var(--horizontalNavItemPaddingTopDesktop);
7598        --horizontalNavItemPaddingBottomMobile: var(--horizontalNavItemPaddingBottomDesktop);
7599        --horizontalNavItemPaddingLeftMobile: var(--horizontalNavItemPaddingLeftDesktop);
7600        --horizontalNavItemPaddingRightMobile: var(--horizontalNavItemPaddingRightDesktop);
7601        /* main nav item padding hover */
7602        --horizontalNavItemPaddingTopHoverMobile: var(--horizontalNavItemPaddingTopHoverDesktop);
7603        --horizontalNavItemPaddingBottomHoverMobile: var(--horizontalNavItemPaddingBottomHoverDesktop);
7604        --horizontalNavItemPaddingLeftHoverMobile: var(--horizontalNavItemPaddingLeftHoverDesktop);
7605        --horizontalNavItemPaddingRightHoverMobile: var(--horizontalNavItemPaddingRightHoverDesktop);
7606
7607
7608        /* main nav item font */
7609        --horizontalNavItemFontMobile: var(--horizontalNavItemFontDesktop);
7610        --horizontalNavItemFontColorMobile: var(--horizontalNavItemFontColorDesktop);
7611        --horizontalNavItemLineHeightMobile: var(--horizontalNavItemLineHeightDesktop);
7612        --horizontalNavItemFontSizeMobile: var(--horizontalNavItemFontSizeDesktop);
7613        --horizontalNavItemFontWeightMobile: var(--horizontalNavItemFontWeightDesktop);
7614        --horizontalNavBackgroundColorMobile: var(--horizontalNavBackgroundColorDesktop);
7615        --horizontalNavItemBackgroundColorMobile: var(--horizontalNavItemBackgroundColorDesktop);
7616        --horizontalNavItemLetterSpacingMobile: var(--horizontalNavItemLetterSpacingDesktop);
7617        --horizontalNavItemTextDecorationMobile: var(--horizontalNavItemTextDecorationDesktop);
7618        --horizontalNavItemFontStyleMobile: var(--horizontalNavItemFontStyleDesktop);
7619
7620        /* main nav item font hover*/
7621        --horizontalNavItemHoverFontColorMobile: var(--horizontalNavItemHoverFontColorDesktop);
7622        --horizontalNavItemHoverBackgroundColorMobile: var(--horizontalNavItemHoverBackgroundColorDesktop);
7623        --horizontalNavItemFontSizeHoverMobile: var(--horizontalNavItemFontSizeHoverDesktop);
7624        --horizontalNavItemFontWeightHoverMobile: var(--horizontalNavItemFontWeightHoverDesktop);
7625        --horizontalNavItemTextDecorationHoverMobile: var(--horizontalNavItemTextDecorationHoverDesktop);
7626        --horizontalNavItemFontStyleHoverMobile: var(--horizontalNavItemFontStyleHoverDesktop);
7627
7628        /* main nav item font active */
7629        --horizontalNavItemActiveFontColorMobile: var(--horizontalNavItemActiveFontColorDesktop);
7630        --horizontalNavItemActiveBackgroundColorMobile: var(--horizontalNavItemActiveBackgroundColorDesktop);
7631
7632        /* main nav border */
7633        --horizontalNavBorderTopMobile: var(--horizontalNavBorderTopDesktop);
7634        --horizontalNavBorderRightMobile: var(--horizontalNavBorderRightDesktop);
7635        --horizontalNavBorderBottomMobile: var(--horizontalNavBorderBottomDesktop);
7636        --horizontalNavBorderLeftMobile: var(--horizontalNavBorderLeftDesktop);
7637
7638        /* main nav border radius hover*/
7639        --horizontalNavBorderRadiusMobile: var(--horizontalNavBorderRadiusDesktop);
7640        --horizontalNavBorderRadiusHoverMobile: var(--horizontalNavBorderRadiusHoverDesktop);
7641
7642        /* main nav item border */
7643        --horizontalNavItemBorderTopMobile: var(--horizontalNavItemBorderTopDesktop);
7644        --horizontalNavItemBorderRightMobile: var(--horizontalNavItemBorderRightDesktop);
7645        --horizontalNavItemBorderBottomMobile: var(--horizontalNavItemBorderBottomDesktop);
7646        --horizontalNavItemBorderLeftMobile: var(--horizontalNavItemBorderLeftDesktop);
7647
7648        /* main nav item border hover */
7649        --horizontalNavItemBorderTopHoverMobile: var(--horizontalNavItemBorderTopHoverDesktop);
7650        --horizontalNavItemBorderRightHoverMobile: var(--horizontalNavItemBorderRightHoverDesktop);
7651        --horizontalNavItemBorderBottomHoverMobile: var(--horizontalNavItemBorderBottomHoverDesktop);
7652        --horizontalNavItemBorderLeftHoverMobile: var(--horizontalNavItemBorderLeftHoverDesktop);
7653
7654        /* main nav item border radius */
7655        --horizontalNavItemBorderRadiusMobile: var(--horizontalNavItemBorderRadiusDesktop);
7656        --horizontalNavItemBorderRadiusHoverMobile: var(--horizontalNavItemBorderRadiusHoverDesktop);
7657
7658        /* separator */
7659        --horizontalNavSeparatorDisplayMobile: var(--horizontalNavSeparatorDisplayDesktop);
7660        --horizontalNavSeparatorWidthMobile: var(--horizontalNavSeparatorWidthDesktop);
7661        --horizontalNavSeparatorHeightMobile: var(--horizontalNavSeparatorHeightDesktop);
7662        --horizontalNavSeparatorColorMobile: var(--horizontalNavSeparatorColorDesktop);
7663        --horizontalNavSeparatorSpacingMobile: var(--horizontalNavSeparatorSpacingDesktop);
7664
7665        /* sub separator */
7666        --horizontalNavSubSeparatorDisplayMobile: var(--horizontalNavSubSeparatorDisplayDesktop);
7667        --horizontalNavSubSeparatorWidthMobile: var(--horizontalNavSubSeparatorWidthDesktop);
7668        --horizontalNavSubSeparatorHeightMobile: var(--horizontalNavSubSeparatorHeightDesktop);
7669        --horizontalNavSubSeparatorColorMobile: var(--horizontalNavSubSeparatorColorDesktop);
7670        --horizontalNavSubSeparatorSpacingMobile: var(--horizontalNavSubSeparatorSpacingDesktop);
7671
7672        /* arrow */
7673        --horizontalNavArrowSizeMobile: var(--horizontalNavArrowSizeDesktop);
7674        --horizontalNavArrowSpacingMobile: var(--horizontalNavArrowSpacingDesktop);
7675        --horizontalNavArrowColorMobile: var(--horizontalNavArrowColorDesktop);
7676        --horizontalNavArrowRotateMobile: var(--horizontalNavArrowRotateDesktop);
7677        --horizontalNavArrowSizeHoverMobile: var(--horizontalNavArrowSizeHoverDesktop);
7678        --horizontalNavArrowColorHoverMobile: var(--horizontalNavArrowColorHoverDesktop);
7679        --horizontalNavArrowRotateHoverMobile: var(--horizontalNavArrowRotateHoverDesktop);
7680        --horizontalNavArrowSizeActiveMobile: var(--horizontalNavArrowSizeActiveDesktop);
7681        --horizontalNavArrowColorActiveMobile: var(--horizontalNavArrowColorActiveDesktop);
7682        --horizontalNavArrowRotateActiveMobile: var(--horizontalNavArrowRotateActiveDesktop);
7683
7684        /* sub arrow */
7685        --horizontalNavSubArrowSizeMobile: var(--horizontalNavSubArrowSizeDesktop);
7686        --horizontalNavSubArrowSpacingMobile: var(--horizontalNavSubArrowSpacingDesktop);
7687        --horizontalNavSubArrowColorMobile: var(--horizontalNavSubArrowColorDesktop);
7688        --horizontalNavSubArrowRotateMobile: var(--horizontalNavSubArrowRotateDesktop);
7689        --horizontalNavSubArrowSizeHoverMobile: var(--horizontalNavSubArrowSizeHoverDesktop);
7690        --horizontalNavSubArrowColorHoverMobile: var(--horizontalNavSubArrowColorHoverDesktop);
7691        --horizontalNavSubArrowRotateHoverMobile: var(--horizontalNavSubArrowRotateHoverDesktop);
7692        --horizontalNavSubArrowSizeActiveMobile: var(--horizontalNavSubArrowSizeActiveDesktop);
7693        --horizontalNavSubArrowColorActiveMobile: var(--horizontalNavSubArrowColorActiveDesktop);
7694        --horizontalNavSubArrowRotateActiveMobile: var(--horizontalNavSubArrowRotateActiveDesktop);
7695
7696        /* sub nav */
7697        --horizontalNavSubItemPaddingTopMobile: var(--horizontalNavSubItemPaddingTopDesktop);
7698        --horizontalNavSubItemPaddingBottomMobile: var(--horizontalNavSubItemPaddingBottomDesktop);
7699        --horizontalNavSubItemPaddingLeftMobile: var(--horizontalNavSubItemPaddingLeftDesktop);
7700        --horizontalNavSubItemPaddingRightMobile: var(--horizontalNavSubItemPaddingRightDesktop);
7701
7702        /* sub nav item padding hover */
7703        --horizontalNavSubItemPaddingTopHoverMobile: var(--horizontalNavSubItemPaddingTopHoverDesktop);
7704        --horizontalNavSubItemPaddingBottomHoverMobile: var(--horizontalNavSubItemPaddingBottomHoverDesktop);
7705        --horizontalNavSubItemPaddingLeftHoverMobile: var(--horizontalNavSubItemPaddingLeftHoverDesktop);
7706        --horizontalNavSubItemPaddingRightHoverMobile: var(--horizontalNavSubItemPaddingRightHoverDesktop);
7707
7708        /* sub nav item font */
7709        --horizontalNavSubItemFontMobile: var(--horizontalNavSubItemFontDesktop);
7710        --horizontalNavSubItemFontColorMobile: var(--horizontalNavSubItemFontColorDesktop);
7711        --horizontalNavSubItemLineHeightMobile: var(--horizontalNavSubItemLineHeightDesktop);
7712        --horizontalNavSubItemFontSizeMobile: var(--horizontalNavSubItemFontSizeDesktop);
7713        --horizontalNavSubItemFontWeightMobile: var(--horizontalNavSubItemFontWeightDesktop);
7714        --horizontalNavSubItemBackgroundColorMobile: var(--horizontalNavSubItemBackgroundColorDesktop);
7715        --horizontalNavSubItemTextDecorationMobile: var(--horizontalNavSubItemTextDecorationDesktop);
7716        --horizontalNavSubItemFontStyleMobile: var(--horizontalNavSubItemFontStyleDesktop);
7717        --horizontalNavSubItemLetterSpacingMobile: var(--horizontalNavSubItemLetterSpacingDesktop);
7718
7719        /* sub nav item font hover */
7720        --horizontalNavSubItemHoverFontColorMobile: var(--horizontalNavSubItemHoverFontColorDesktop);
7721        --horizontalNavSubItemHoverBackgroundColorMobile: var(--horizontalNavSubItemHoverBackgroundColorDesktop);
7722        --horizontalNavSubItemFontSizeHoverMobile: var(--horizontalNavSubItemFontSizeHoverDesktop);
7723        --horizontalNavSubItemFontWeightHoverMobile: var(--horizontalNavSubItemFontWeightHoverDesktop);
7724        --horizontalNavSubItemTextDecorationHoverMobile: var(--horizontalNavSubItemTextDecorationHoverDesktop);
7725        --horizontalNavSubItemFontStyleHoverMobile: var(--horizontalNavSubItemFontStyleHoverDesktop);
7726
7727        /* sub nav item font active */
7728        --horizontalNavSubItemActiveFontColorMobile: var(--horizontalNavSubItemActiveFontColorDesktop);
7729        --horizontalNavSubItemActiveBackgroundColorMobile: var(--horizontalNavSubItemActiveBackgroundColorDesktop);
7730
7731        /* sub nav item border */
7732        --horizontalNavSubItemBorderTopMobile: var(--horizontalNavSubItemBorderTopDesktop);
7733        --horizontalNavSubItemBorderRightMobile: var(--horizontalNavSubItemBorderRightDesktop);
7734        --horizontalNavSubItemBorderBottomMobile: var(--horizontalNavSubItemBorderBottomDesktop);
7735        --horizontalNavSubItemBorderLeftMobile: var(--horizontalNavSubItemBorderLeftDesktop);
7736
7737        /* sub nav item border hover */
7738        --horizontalNavSubItemBorderTopHoverMobile: var(--horizontalNavSubItemBorderTopHoverDesktop);
7739        --horizontalNavSubItemBorderRightHoverMobile: var(--horizontalNavSubItemBorderRightHoverDesktop);
7740        --horizontalNavSubItemBorderBottomHoverMobile: var(--horizontalNavSubItemBorderBottomHoverDesktop);
7741        --horizontalNavSubItemBorderLeftHoverMobile: var(--horizontalNavSubItemBorderLeftHoverDesktop);
7742
7743        /* sub nav item border radius */
7744        --horizontalNavSubItemBorderRadiusMobile: var(--horizontalNavSubItemBorderRadiusDesktop);
7745        --horizontalNavSubItemBorderRadiusHoverMobile: var(--horizontalNavSubItemBorderRadiusHoverDesktop);
7746
7747        /* sub menu container */
7748        --horizontalNavSubPaddingTopMobile: var(--horizontalNavSubPaddingTopDesktop);
7749        --horizontalNavSubPaddingBottomMobile: var(--horizontalNavSubPaddingBottomDesktop);
7750        --horizontalNavSubPaddingLeftMobile: var(--horizontalNavSubPaddingLeftDesktop);
7751        --horizontalNavSubPaddingRightMobile: var(--horizontalNavSubPaddingRightDesktop);
7752        --horizontalNavSubContainerWidthMobile: var(--horizontalNavSubContainerWidthDesktop);
7753        --horizontalNavSubContainerBackgroundColorMobile: var(--horizontalNavSubContainerBackgroundColorDesktop);
7754
7755        /* sub menu container shadow */
7756        --horizontalNavSubContainerShadowMobile: none;
7757
7758        /* sub menu container border */
7759        --horizontalNavSubContainerBorderTopMobile: var(--horizontalNavSubContainerBorderTopDesktop);
7760        --horizontalNavSubContainerBorderRightMobile: var(--horizontalNavSubContainerBorderRightDesktop);
7761        --horizontalNavSubContainerBorderBottomMobile: var(--horizontalNavSubContainerBorderBottomDesktop);
7762        --horizontalNavSubContainerBorderLeftMobile: var(--horizontalNavSubContainerBorderLeftDesktop);
7763
7764        /* sub menu container border radius */
7765        --horizontalNavSubContainerBorderRadiusMobile: var(--horizontalNavSubContainerBorderRadiusDesktop);
7766
7767        /* mega panel layout */
7768        --megaNavPanelNumberOfCellsMobile: var(--megaNavPanelNumberOfCellsDesktop);
7769        --megaNavPanelCellSpacingMobile: var(--megaNavPanelCellSpacingDesktop);
7770        --megaNavPanelPaddingTopMobile: var(--megaNavPanelPaddingTopDesktop);
7771        --megaNavPanelPaddingRightMobile: var(--megaNavPanelPaddingRightDesktop);
7772        --megaNavPanelPaddingBottomMobile: var(--megaNavPanelPaddingBottomDesktop);
7773        --megaNavPanelPaddingLeftMobile: var(--megaNavPanelPaddingLeftDesktop);
7774        --megaNavPanelWidthMobile: var(--megaNavPanelWidthDesktop);
7775
7776        --megaNavSeparatorDisplayMobile: var(--megaNavSeparatorDisplayDesktop);
7777        --megaNavSeparatorWidthMobile: var(--megaNavSeparatorWidthDesktop);
7778        --megaNavSeparatorColorMobile: var(--megaNavSeparatorColorDesktop);
7779        --megaNavSeparatorSpacingMobile: var(--megaNavSeparatorSpacingDesktop);
7780
7781        /*****
7782			apply css properties
7783		*****/
7784
7785        /* apply main nav padding */
7786        --horizontalNavPaddingTop: var(--horizontalNavPaddingTopMobile);
7787        --horizontalNavPaddingBottom: var(--horizontalNavPaddingBottomMobile);
7788        --horizontalNavPaddingLeft: var(--horizontalNavPaddingLeftMobile);
7789        --horizontalNavPaddingRight: var(--horizontalNavPaddingRightMobile);
7790
7791        /* apply main nav justify content */
7792        --horizontalNavJustifyContent: var(--horizontalNavJustifyContentMobile);
7793
7794        /* apply main nav item padding */
7795        --horizontalNavItemPaddingTop: var(--horizontalNavItemPaddingTopMobile);
7796        --horizontalNavItemPaddingBottom: var(--horizontalNavItemPaddingBottomMobile);
7797        --horizontalNavItemPaddingLeft: var(--horizontalNavItemPaddingLeftMobile);
7798        --horizontalNavItemPaddingRight: var(--horizontalNavItemPaddingRightMobile);
7799
7800        /* apply main nav item padding hover */
7801        --horizontalNavItemPaddingTopHover: var(--horizontalNavItemPaddingTopHoverMobile);
7802        --horizontalNavItemPaddingBottomHover: var(--horizontalNavItemPaddingBottomHoverMobile);
7803        --horizontalNavItemPaddingLeftHover: var(--horizontalNavItemPaddingLeftHoverMobile);
7804        --horizontalNavItemPaddingRightHover: var(--horizontalNavItemPaddingRightHoverMobile);
7805
7806        /* apply main nav item font */
7807        --horizontalNavItemFont: var(--horizontalNavItemFontMobile);
7808        --horizontalNavItemFontColor: var(--horizontalNavItemFontColorMobile);
7809        --horizontalNavItemLineHeight: var(--horizontalNavItemLineHeightMobile);
7810        --horizontalNavItemFontSize: var(--horizontalNavItemFontSizeMobile);
7811        --horizontalNavItemFontWeight: var(--horizontalNavItemFontWeightMobile);
7812        --horizontalNavItemHoverFontColor: var(--horizontalNavItemHoverFontColorMobile);
7813        --horizontalNavBackgroundColor: var(--horizontalNavBackgroundColorMobile);
7814        --horizontalNavItemBackgroundColor: var(--horizontalNavItemBackgroundColorMobile);
7815        --horizontalNavItemHoverBackgroundColor: var(--horizontalNavItemHoverBackgroundColorMobile);
7816        --horizontalNavItemLetterSpacing: var(--horizontalNavItemLetterSpacingMobile);
7817        --horizontalNavItemTextDecoration: var(--horizontalNavItemTextDecorationMobile);
7818        --horizontalNavItemFontStyle: var(--horizontalNavItemFontStyleMobile);
7819
7820        /* main nav item font hover*/
7821        --horizontalNavItemFontSizeHover: var(--horizontalNavItemFontSizeHoverMobile);
7822        --horizontalNavItemFontWeightHover: var(--horizontalNavItemFontWeightHoverMobile);
7823        --horizontalNavItemTextDecorationHover: var(--horizontalNavItemTextDecorationHoverMobile);
7824        --horizontalNavItemFontStyleHover: var(--horizontalNavItemFontStyleHoverMobile);
7825
7826        /* apply main nav item font active */
7827        --horizontalNavItemActiveFontColor: var(--horizontalNavItemActiveFontColorMobile);
7828        --horizontalNavItemActiveBackgroundColor: var(--horizontalNavItemActiveBackgroundColorMobile);
7829
7830
7831        /* apply main nav border */
7832        --horizontalNavBorderTop: var(--horizontalNavBorderTopMobile);
7833        --horizontalNavBorderRight: var(--horizontalNavBorderRightMobile);
7834        --horizontalNavBorderBottom: var(--horizontalNavBorderBottomMobile);
7835        --horizontalNavBorderLeft: var(--horizontalNavBorderLeftMobile);
7836
7837        /* main nav border radius hover*/
7838        --horizontalNavBorderRadius: var(--horizontalNavBorderRadiusMobile);
7839        --horizontalNavBorderRadiusHover: var(--horizontalNavBorderRadiusHoverMobile);
7840
7841        /* apply main nav item border */
7842        --horizontalNavItemBorderTop: var(--horizontalNavItemBorderTopMobile);
7843        --horizontalNavItemBorderRight: var(--horizontalNavItemBorderRightMobile);
7844        --horizontalNavItemBorderBottom: var(--horizontalNavItemBorderBottomMobile);
7845        --horizontalNavItemBorderLeft: var(--horizontalNavItemBorderLeftMobile);
7846
7847        /* apply main nav item border hover */
7848        --horizontalNavItemBorderTopHover: var(--horizontalNavItemBorderTopHoverMobile);
7849        --horizontalNavItemBorderRightHover: var(--horizontalNavItemBorderRightHoverMobile);
7850        --horizontalNavItemBorderBottomHover: var(--horizontalNavItemBorderBottomHoverMobile);
7851        --horizontalNavItemBorderLeftHover: var(--horizontalNavItemBorderLeftHoverMobile);
7852
7853        /* apply main nav item border radius */
7854        --horizontalNavItemBorderRadius: var(--horizontalNavItemBorderRadiusMobile);
7855        --horizontalNavItemBorderRadiusHover: var(--horizontalNavItemBorderRadiusHoverMobile);
7856
7857        /* apply separator */
7858        --horizontalNavSeparatorDisplay: var(--horizontalNavSeparatorDisplayMobile);
7859        --horizontalNavSeparatorWidth: var(--horizontalNavSeparatorWidthMobile);
7860        --horizontalNavSeparatorHeight: var(--horizontalNavSeparatorHeightMobile);
7861        --horizontalNavSeparatorColor: var(--horizontalNavSeparatorColorMobile);
7862        --horizontalNavSeparatorSpacing: var(--horizontalNavSeparatorSpacingMobile);
7863
7864        /* apply mega separator */
7865        --megaNavSeparatorDisplay: var(--megaNavSeparatorDisplayMobile);
7866        --megaNavSeparatorWidth: var(--megaNavSeparatorWidthMobile);
7867        --megaNavSeparatorColor: var(--megaNavSeparatorColorMobile);
7868        --megaNavSeparatorSpacing: var(--megaNavSeparatorSpacingMobile);
7869
7870        /* apply sub separator */
7871        --horizontalNavSubSeparatorDisplay: var(--horizontalNavSubSeparatorDisplayMobile);
7872        --horizontalNavSubSeparatorWidth: var(--horizontalNavSubSeparatorWidthMobile);
7873        --horizontalNavSubSeparatorHeight: var(--horizontalNavSubSeparatorHeightMobile);
7874        --horizontalNavSubSeparatorColor: var(--horizontalNavSubSeparatorColorMobile);
7875        --horizontalNavSubSeparatorSpacing: var(--horizontalNavSubSeparatorSpacingMobile);
7876
7877        /* apply arrow */
7878        --horizontalNavArrowSize: var(--horizontalNavArrowSizeMobile);
7879        --horizontalNavArrowDisplay: var(--horizontalNavArrowDisplayMobile);
7880        --horizontalNavItemIconDisplay: var(--horizontalNavItemIconDisplayMobile);
7881        --horizontalNavItemIconColor: var(--horizontalNavItemIconColorMobile);
7882        --horizontalNavItemIconColorHover: var(--horizontalNavItemIconColorHoverMobile);
7883        --horizontalNavItemIconColorActive: var(--horizontalNavItemIconColorActiveMobile);
7884        --horizontalNavItemIconSize: var(--horizontalNavItemIconSizeMobile);
7885        --horizontalNavItemIconSizeHover: var(--horizontalNavItemIconSizeHoverMobile);
7886        --horizontalNavItemIconSizeActive: var(--horizontalNavItemIconSizeActiveMobile);
7887        --horizontalNavItemIconRotate: var(--horizontalNavItemIconRotateMobile);
7888        --horizontalNavItemIconRotateHover: var(--horizontalNavItemIconRotateHoverMobile);
7889        --horizontalNavItemIconRotateActive: var(--horizontalNavItemIconRotateActiveMobile);
7890        --horizontalNavItemIconSpacing: var(--horizontalNavItemIconSpacingMobile);
7891        --horizontalNavSubItemIconDisplay: var(--horizontalNavSubItemIconDisplayMobile);
7892        --horizontalNavSubItemIconColor: var(--horizontalNavSubItemIconColorMobile);
7893        --horizontalNavSubItemIconColorHover: var(--horizontalNavSubItemIconColorHoverMobile);
7894        --horizontalNavSubItemIconColorActive: var(--horizontalNavSubItemIconColorActiveMobile);
7895        --horizontalNavSubItemIconSize: var(--horizontalNavSubItemIconSizeMobile);
7896        --horizontalNavSubItemIconSizeHover: var(--horizontalNavSubItemIconSizeHoverMobile);
7897        --horizontalNavSubItemIconSizeActive: var(--horizontalNavSubItemIconSizeActiveMobile);
7898        --horizontalNavSubItemIconRotate: var(--horizontalNavSubItemIconRotateMobile);
7899        --horizontalNavSubItemIconRotateHover: var(--horizontalNavSubItemIconRotateHoverMobile);
7900        --horizontalNavSubItemIconRotateActive: var(--horizontalNavSubItemIconRotateActiveMobile);
7901        --horizontalNavSubItemIconSpacing: var(--horizontalNavSubItemIconSpacingMobile);
7902        --horizontalNavArrowSpacing: var(--horizontalNavArrowSpacingMobile);
7903        --horizontalNavArrowColor: var(--horizontalNavArrowColorMobile);
7904        --horizontalNavArrowRotate: var(--horizontalNavArrowRotateMobile);
7905        --horizontalNavArrowSizeHover: var(--horizontalNavArrowSizeHoverMobile);
7906        --horizontalNavArrowColorHover: var(--horizontalNavArrowColorHoverMobile);
7907        --horizontalNavArrowRotateHover: var(--horizontalNavArrowRotateHoverMobile);
7908        --horizontalNavArrowSizeActive: var(--horizontalNavArrowSizeActiveMobile);
7909        --horizontalNavArrowColorActive: var(--horizontalNavArrowColorActiveMobile);
7910        --horizontalNavArrowRotateActive: var(--horizontalNavArrowRotateActiveMobile);
7911
7912        /* apply sub arrow */
7913        --horizontalNavSubArrowSize: var(--horizontalNavSubArrowSizeMobile);
7914        --horizontalNavSubArrowDisplay: var(--horizontalNavSubArrowDisplayMobile);
7915        --horizontalNavSubArrowSpacing: var(--horizontalNavSubArrowSpacingMobile);
7916        --horizontalNavSubArrowColor: var(--horizontalNavSubArrowColorMobile);
7917        --horizontalNavSubArrowRotate: var(--horizontalNavSubArrowRotateMobile);
7918        --horizontalNavSubArrowSizeHover: var(--horizontalNavSubArrowSizeHoverMobile);
7919        --horizontalNavSubArrowColorHover: var(--horizontalNavSubArrowColorHoverMobile);
7920        --horizontalNavSubArrowRotateHover: var(--horizontalNavSubArrowRotateHoverMobile);
7921        --horizontalNavSubArrowSizeActive: var(--horizontalNavSubArrowSizeActiveMobile);
7922        --horizontalNavSubArrowColorActive: var(--horizontalNavSubArrowColorActiveMobile);
7923        --horizontalNavSubArrowRotateActive: var(--horizontalNavSubArrowRotateActiveMobile);
7924
7925        /* apply sub */
7926        --horizontalNavSubItemPaddingTop: var(--horizontalNavSubItemPaddingTopMobile);
7927        --horizontalNavSubItemPaddingBottom: var(--horizontalNavSubItemPaddingBottomMobile);
7928        --horizontalNavSubItemPaddingLeft: var(--horizontalNavSubItemPaddingLeftMobile);
7929        --horizontalNavSubItemPaddingRight: var(--horizontalNavSubItemPaddingRightMobile);
7930
7931        /* apply sub nav item padding hover */
7932        --horizontalNavSubItemPaddingTopHover: var(--horizontalNavSubItemPaddingTopHoverMobile);
7933        --horizontalNavSubItemPaddingBottomHover: var(--horizontalNavSubItemPaddingBottomHoverMobile);
7934        --horizontalNavSubItemPaddingLeftHover: var(--horizontalNavSubItemPaddingLeftHoverMobile);
7935        --horizontalNavSubItemPaddingRightHover: var(--horizontalNavSubItemPaddingRightHoverMobile);
7936
7937        /* apply sub nav item font */
7938        --horizontalNavSubItemFont: var(--horizontalNavSubItemFontMobile);
7939        --horizontalNavSubItemFontColor: var(--horizontalNavSubItemFontColorMobile);
7940        --horizontalNavSubItemLineHeight: var(--horizontalNavSubItemLineHeightMobile);
7941        --horizontalNavSubItemFontSize: var(--horizontalNavSubItemFontSizeMobile);
7942        --horizontalNavSubItemFontWeight: var(--horizontalNavSubItemFontWeightMobile);
7943        --horizontalNavSubItemHoverFontColor: var(--horizontalNavSubItemHoverFontColorMobile);
7944        --horizontalNavSubItemBackgroundColor: var(--horizontalNavSubItemBackgroundColorMobile);
7945        --horizontalNavSubItemHoverBackgroundColor: var(--horizontalNavSubItemHoverBackgroundColorMobile);
7946        --horizontalNavSubItemTextDecoration: var(--horizontalNavSubItemTextDecorationMobile);
7947        --horizontalNavSubItemFontStyle: var(--horizontalNavSubItemFontStyleMobile);
7948        --horizontalNavSubItemLetterSpacing: var(--horizontalNavSubItemLetterSpacingMobile);
7949
7950        /* apply sub nav item font hover */
7951        --horizontalNavSubItemFontSizeHover: var(--horizontalNavSubItemFontSizeHoverMobile);
7952        --horizontalNavSubItemFontWeightHover: var(--horizontalNavSubItemFontWeightHoverMobile);
7953        --horizontalNavSubItemTextDecorationHover: var(--horizontalNavSubItemTextDecorationHoverMobile);
7954        --horizontalNavSubItemFontStyleHover: var(--horizontalNavSubItemFontStyleHoverMobile);
7955
7956        /* apply sub nav item font active */
7957        --horizontalNavSubItemActiveFontColor: var(--horizontalNavSubItemActiveFontColorMobile);
7958        --horizontalNavSubItemActiveBackgroundColor: var(--horizontalNavSubItemActiveBackgroundColorMobile);
7959
7960        /* apply sub nav item border */
7961        --horizontalNavSubItemBorderTop: var(--horizontalNavSubItemBorderTopMobile);
7962        --horizontalNavSubItemBorderRight: var(--horizontalNavSubItemBorderRightMobile);
7963        --horizontalNavSubItemBorderBottom: var(--horizontalNavSubItemBorderBottomMobile);
7964        --horizontalNavSubItemBorderLeft: var(--horizontalNavSubItemBorderLeftMobile);
7965
7966        /* apply sub nav item border hover */
7967        --horizontalNavSubItemBorderTopHover: var(--horizontalNavSubItemBorderTopHoverMobile);
7968        --horizontalNavSubItemBorderRightHover: var(--horizontalNavSubItemBorderRightHoverMobile);
7969        --horizontalNavSubItemBorderBottomHover: var(--horizontalNavSubItemBorderBottomHoverMobile);
7970        --horizontalNavSubItemBorderLeftHover: var(--horizontalNavSubItemBorderLeftHoverMobile);
7971
7972        /* apply sub nav item border radius */
7973        --horizontalNavSubItemBorderRadius: var(--horizontalNavSubItemBorderRadiusMobile);
7974        --horizontalNavSubItemBorderRadiusHover: var(--horizontalNavSubItemBorderRadiusHoverMobile);
7975
7976        /* apply sub menu container */
7977        --horizontalNavSubPaddingTop: var(--horizontalNavSubPaddingTopMobile);
7978        --horizontalNavSubPaddingBottom: var(--horizontalNavSubPaddingBottomMobile);
7979        --horizontalNavSubPaddingLeft: var(--horizontalNavSubPaddingLeftMobile);
7980        --horizontalNavSubPaddingRight: var(--horizontalNavSubPaddingRightMobile);
7981        --horizontalNavSubContainerWidth: var(--horizontalNavSubContainerWidthMobile);
7982        --horizontalNavSubContainerBackgroundColor: var(--horizontalNavSubContainerBackgroundColorMobile);
7983
7984        /* apply sub menu container shadow */
7985        --horizontalNavSubContainerShadow: var(--horizontalNavSubContainerShadowMobile);
7986
7987        /* apply sub menu container border */
7988        --horizontalNavSubContainerBorderTop: var(--horizontalNavSubContainerBorderTopMobile);
7989        --horizontalNavSubContainerBorderRight: var(--horizontalNavSubContainerBorderRightMobile);
7990        --horizontalNavSubContainerBorderBottom: var(--horizontalNavSubContainerBorderBottomMobile);
7991        --horizontalNavSubContainerBorderLeft: var(--horizontalNavSubContainerBorderLeftMobile);
7992
7993        /* apply sub menu container border radius */
7994        --horizontalNavSubContainerBorderRadius: var(--horizontalNavSubContainerBorderRadiusMobile);
7995
7996        /**********************
7997			hamburger main nav
7998		***********************/
7999        /* main background color */
8000        --hamburgerNavBackgroundColorMobile: var(--hamburgerNavBackgroundColorDesktop);
8001
8002        /* main padding */
8003        --hamburgerNavPaddingTopMobile: 25px;
8004        --hamburgerNavPaddingBottomMobile: 25px;
8005        --hamburgerNavPaddingLeftMobile: 15px;
8006        --hamburgerNavPaddingRightMobile: 15px;
8007
8008        /* hamburger menu icon */
8009        --hamburgerMenuIconSizeMobile: var(--hamburgerMenuIconSizeDesktop);
8010        --hamburgerMenuIconSizeHoverMobile: var(--hamburgerMenuIconSizeHoverDesktop);
8011        --hamburgerMenuIconColorMobile: var(--hamburgerMenuIconColorDesktop);
8012        --hamburgerMenuIconHoverColorMobile: var(--hamburgerMenuIconHoverColorDesktop);
8013        --hamburgerMenuIconActiveSizeMobile: var(--hamburgerMenuIconActiveSizeDesktop);
8014        --hamburgerMenuIconActiveColorMobile: var(--hamburgerMenuIconActiveColorDesktop);
8015        --hamburgerMenuIconActiveHoverColorMobile: var(--hamburgerMenuIconActiveHoverColorDesktop);
8016        --hamburgerMenuIconActiveSizeHoverMobile: var(--hamburgerMenuIconActiveSizeHoverDesktop);
8017        --hamburgerMenuDisplayMobile: var(--hamburgerMenuDisplayDesktop);
8018        --hamburgerMenuJustifySelfMobile: var(--hamburgerMenuJustifySelfDesktop);
8019
8020        /* main nav justify self */
8021        --hamburgerNavJustifySelfMobile: var(--hamburgerNavJustifySelfDesktop);
8022
8023        /* main nav items alignment */
8024        --hamburgerNavItemsAlignmentMobile: var(--hamburgerNavItemsAlignmentDesktop);
8025
8026        /* main nav item padding */
8027        --hamburgerNavItemPaddingTopMobile: var(--hamburgerNavItemPaddingTopDesktop);
8028        --hamburgerNavItemPaddingBottomMobile: var(--hamburgerNavItemPaddingBottomDesktop);
8029        --hamburgerNavItemPaddingLeftMobile: var(--hamburgerNavItemPaddingLeftDesktop);
8030        --hamburgerNavItemPaddingRightMobile: var(--hamburgerNavItemPaddingRightDesktop);
8031
8032        /* main nav item padding hover*/
8033        --hamburgerNavItemPaddingTopMobileHover: var(--hamburgerNavItemPaddingTopHoverDesktop);
8034        --hamburgerNavItemPaddingBottomMobileHover: var(--hamburgerNavItemPaddingBottomHoverDesktop);
8035        --hamburgerNavItemPaddingLeftMobileHover: var(--hamburgerNavItemPaddingLeftHoverDesktop);
8036        --hamburgerNavItemPaddingRightMobileHover: var(--hamburgerNavItemPaddingRightHoverDesktop);
8037
8038        /* main nav item border */
8039        --hamburgerNavItemBorderTopMobile: var(--hamburgerNavItemBorderTopDesktop);
8040        --hamburgerNavItemBorderRightMobile: var(--hamburgerNavItemBorderRightDesktop);
8041        --hamburgerNavItemBorderBottomMobile: var(--hamburgerNavItemBorderBottomDesktop);
8042        --hamburgerNavItemBorderLeftMobile: var(--hamburgerNavItemBorderLeftDesktop);
8043
8044        /* main nav item border hover */
8045        --hamburgerNavItemBorderTopHoverMobile: var(--hamburgerNavItemBorderTopHoverDesktop);
8046        --hamburgerNavItemBorderRightHoverMobile: var(--hamburgerNavItemBorderRightHoverDesktop);
8047        --hamburgerNavItemBorderBottomHoverMobile: var(--hamburgerNavItemBorderBottomHoverDesktop);
8048        --hamburgerNavItemBorderLeftHoverMobile: var(--hamburgerNavItemBorderLeftHoverDesktop);
8049
8050        /* main nav item border radius */
8051        --hamburgerNavItemBorderRadiusMobile: var(--hamburgerNavItemBorderRadiusDesktop);
8052        --hamburgerNavItemBorderRadiusMobileHover: var(--hamburgerNavItemBorderRadiusHoverDesktop);
8053
8054        /* main nav item font */
8055        --hamburgerNavItemFontMobile: var(--hamburgerNavItemFontDesktop);
8056        --hamburgerNavItemFontColorMobile: var(--hamburgerNavItemFontColorDesktop);
8057        --hamburgerNavItemLineHeightMobile: var(--hamburgerNavItemLineHeightDesktop);
8058        --hamburgerNavItemFontSizeMobile: var(--hamburgerNavItemFontSizeDesktop);
8059        --hamburgerNavItemFontWeightMobile: var(--hamburgerNavItemFontWeightDesktop);
8060        --hamburgerNavItemBackgroundColorMobile: var(--hamburgerNavItemBackgroundColorDesktop);
8061        --hamburgerNavItemLetterSpacingMobile: var(--hamburgerNavItemLetterSpacingDesktop);
8062        --hamburgerNavItemTextDecorationMobile: var(--hamburgerNavItemTextDecorationDesktop);
8063        --hamburgerNavItemFontStyleMobile: var(--hamburgerNavItemFontStyleDesktop);
8064
8065        /* main nav item hover font */
8066        --hamburgerNavItemHoverFontColorMobile: var(--hamburgerNavItemHoverFontColorDesktop);
8067        --hamburgerNavItemHoverBackgroundColorMobile: var(--hamburgerNavItemHoverBackgroundColorDesktop);
8068        --hamburgerNavItemFontHoverMobile: var(--hamburgerNavItemFontHoverDesktop);
8069        --hamburgerNavItemLineHeightHoverMobile: var(--hamburgerNavItemLineHeightHoverDesktop);
8070        --hamburgerNavItemFontSizeHoverMobile: var(--hamburgerNavItemFontSizeHoverDesktop);
8071        --hamburgerNavItemFontWeightHoverMobile: var(--hamburgerNavItemFontWeightHoverDesktop);
8072        --hamburgerNavItemLetterSpacingHoverMobile: var(--hamburgerNavItemLetterSpacingMobile);
8073        --hamburgerNavItemTextDecorationHoverMobile: var(--hamburgerNavItemTextDecorationHoverDesktop);
8074        --hamburgerNavItemFontStyleHoverMobile: var(--hamburgerNavItemFontStyleHoverDesktop);
8075
8076        /* separator */
8077        --hamburgerNavSeparatorDisplayMobile: var(--hamburgerNavSeparatorDisplayDesktop);
8078        --hamburgerNavSeparatorWidthMobile: var(--hamburgerNavSeparatorWidthDesktop);
8079        --hamburgerNavSeparatorHeightMobile: var(--hamburgerNavSeparatorHeightDesktop);
8080        --hamburgerNavSeparatorColorMobile: var(--hamburgerNavSeparatorColorDesktop);
8081        --hamburgerNavSeparatorSpacingMobile: var(--hamburgerNavSeparatorSpacingDesktop);
8082
8083        /* sub separator */
8084        --hamburgerNavSubSeparatorDisplayMobile: var(--hamburgerNavSubSeparatorDisplayDesktop);
8085        --hamburgerNavSubSeparatorWidthMobile: var(--hamburgerNavSubSeparatorWidthDesktop);
8086        --hamburgerNavSubSeparatorHeightMobile: var(--hamburgerNavSubSeparatorHeightDesktop);
8087        --hamburgerNavSubSeparatorColorMobile: var(--hamburgerNavSubSeparatorColorDesktop);
8088        --hamburgerNavSubSeparatorSpacingMobile: var(--hamburgerNavSubSeparatorSpacingDesktop);
8089
8090        /* arrow */
8091        --hamburgerNavArrowSizeMobile: var(--hamburgerNavArrowSizeDesktop);
8092        --hamburgerNavArrowColorMobile: var(--hamburgerNavArrowColorDesktop);
8093        --hamburgerNavArrowSpacingMobile: var(--hamburgerNavArrowSpacingDesktop);
8094        --hamburgerNavArrowRotateMobile: var(--hamburgerNavArrowRotateDesktop);
8095        --hamburgerNavArrowAutoSpacingMobile: var(--hamburgerNavArrowAutoSpacingDesktop); /* off: auto */
8096        --hamburgerNavArrowSizeHoverMobile: var(--hamburgerNavArrowSizeHoverDesktop);
8097        --hamburgerNavArrowColorHoverMobile: var(--hamburgerNavArrowColorHoverDesktop);
8098        --hamburgerNavArrowRotateHoverMobile: var(--hamburgerNavArrowRotateHoverDesktop);
8099
8100        /* sub arrow */
8101        --hamburgerNavSubArrowSizeMobile: var(--hamburgerNavSubArrowSizeDesktop);
8102        --hamburgerNavSubArrowColorMobile: var(--hamburgerNavSubArrowColorDesktop);
8103        --hamburgerNavSubArrowSpacingMobile: var(--hamburgerNavSubArrowSpacingDesktop);
8104        --hamburgerNavSubArrowRotateMobile: var(--hamburgerNavSubArrowRotateDesktop);
8105        --hamburgerNavSubArrowAutoSpacingMobile: var(--hamburgerNavSubArrowAutoSpacingDesktop); /* off: auto */
8106        --hamburgerNavSubArrowSizeHoverMobile: var(--hamburgerNavSubArrowSizeHoverDesktop);
8107        --hamburgerNavSubArrowColorHoverMobile: var(--hamburgerNavSubArrowColorHoverDesktop);
8108        --hamburgerNavSubArrowRotateHoverMobile: var(--hamburgerNavSubArrowRotateHoverDesktop);
8109
8110        /* sub menu background color */
8111        --hamburgerNavSubBackgroundColorMobile: transparent;
8112
8113        /* sub nav item padding */
8114        --hamburgerNavSubItemPaddingTopMobile: var(--hamburgerNavSubItemPaddingTopDesktop);
8115        --hamburgerNavSubItemPaddingBottomMobile: var(--hamburgerNavSubItemPaddingBottomDesktop);
8116        --hamburgerNavSubItemPaddingLeftMobile: var(--hamburgerNavSubItemPaddingLeftDesktop);
8117        --hamburgerNavSubItemPaddingRightMobile: var(--hamburgerNavSubItemPaddingRightDesktop);
8118
8119        /* sub nav item padding hover */
8120        --hamburgerNavSubItemPaddingTopHoverMobile: var(--hamburgerNavSubItemPaddingTopHoverDesktop);
8121        --hamburgerNavSubItemPaddingBottomHoverMobile: var(--hamburgerNavSubItemPaddingBottomHoverDesktop);
8122        --hamburgerNavSubItemPaddingLeftHoverMobile: var(--hamburgerNavSubItemPaddingLeftHoverDesktop);
8123        --hamburgerNavSubItemPaddingRightHoverMobile: var(--hamburgerNavSubItemPaddingRightHoverDesktop);
8124
8125        /* sub nav item border */
8126        --hamburgerNavSubItemBorderTopMobile: var(--hamburgerNavSubItemBorderTopDesktop);
8127        --hamburgerNavSubItemBorderRightMobile: var(--hamburgerNavSubItemBorderRightDesktop);
8128        --hamburgerNavSubItemBorderBottomMobile: var(--hamburgerNavSubItemBorderBottomDesktop);
8129        --hamburgerNavSubItemBorderLeftMobile: var(--hamburgerNavSubItemBorderLeftDesktop);
8130
8131        /* sub nav item border hover */
8132        --hamburgerNavSubItemBorderTopHoverMobile: var(--hamburgerNavSubItemBorderTopHoverDesktop);
8133        --hamburgerNavSubItemBorderRightHoverMobile: var(--hamburgerNavSubItemBorderRightHoverDesktop);
8134        --hamburgerNavSubItemBorderBottomHoverMobile: var(--hamburgerNavSubItemBorderBottomHoverDesktop);
8135        --hamburgerNavSubItemBorderLeftHoverMobile: var(--hamburgerNavSubItemBorderLeftHoverDesktop);
8136
8137        /* sub nav item border radius */
8138        --hamburgerNavSubItemBorderRadiusMobile: var(--hamburgerNavSubItemBorderRadiusDesktop);
8139        --hamburgerNavSubItemBorderRadiusHoverMobile: var(--hamburgerNavSubItemBorderRadiusHoverDesktop);
8140
8141        /* sub nav item background color */
8142        --hamburgerNavSubItemBackgroundColorMobile: var(--hamburgerNavSubItemBackgroundColorDesktop);
8143
8144        /* sub nav item hover background color */
8145        --hamburgerNavSubItemHoverBackgroundColorMobile: var(--hamburgerNavSubItemHoverBackgroundColorDesktop);
8146
8147        /* sub nav item font */
8148        --hamburgerNavSubItemFontMobile: var(--hamburgerNavSubItemFontDesktop);
8149        --hamburgerNavSubItemFontColorMobile: var(--hamburgerNavSubItemFontColorDesktop);
8150        --hamburgerNavSubItemLineHeightMobile: var(--hamburgerNavSubItemLineHeightDesktop);
8151        --hamburgerNavSubItemFontSizeMobile: var(--hamburgerNavSubItemFontSizeDesktop);
8152        --hamburgerNavSubItemFontWeightMobile: var(--hamburgerNavSubItemFontWeightDesktop);
8153        --hamburgerNavSubItemTextDecorationMobile: var(--hamburgerNavSubItemTextDecorationDesktop);
8154        --hamburgerNavSubItemFontStyleMobile: var(--hamburgerNavSubItemFontStyleDesktop);
8155        --hamburgerNavSubItemLetterSpacingMobile: var(--hamburgerNavSubItemLetterSpacingDesktop);
8156
8157        /* sub nav item hover font */
8158        --hamburgerNavSubItemHoverFontColorMobile: var(--hamburgerNavSubItemHoverFontColorDesktop);
8159        --hamburgerNavSubItemFontHoverMobile: var(--hamburgerNavSubItemFontHoverDesktop);
8160        --hamburgerNavSubItemLineHeightHoverMobile: var(--hamburgerNavSubItemLineHeightHoverDesktop);
8161        --hamburgerNavSubItemFontSizeHoverMobile: var(--hamburgerNavSubItemFontSizeHoverDesktop);
8162        --hamburgerNavSubItemFontWeightHoverMobile: var(--hamburgerNavSubItemFontWeightHoverDesktop);
8163        --hamburgerNavSubItemLetterSpacingHoverMobile: var(--hamburgerNavSubItemLetterSpacingMobile);
8164        --hamburgerNavSubItemTextDecorationHoverMobile: var(--hamburgerNavSubItemTextDecorationHoverDesktop);
8165        --hamburgerNavSubItemFontStyleHoverMobile: var(--hamburgerNavSubItemFontStyleHoverDesktop);
8166
8167        /* nav back button border */
8168        --hamburgerNavBackButtonBorderTopMobile: var(--hamburgerNavBackButtonBorderTopDesktop);
8169        --hamburgerNavBackButtonBorderRightMobile: var(--hamburgerNavBackButtonBorderRightDesktop);
8170        --hamburgerNavBackButtonBorderBottomMobile: var(--hamburgerNavBackButtonBorderBottomDesktop);
8171        --hamburgerNavBackButtonBorderLeftMobile: var(--hamburgerNavBackButtonBorderLeftDesktop);
8172        /* nav back button border hover */
8173        --hamburgerNavBackButtonBorderTopHoverMobile: var(--hamburgerNavBackButtonBorderTopHoverDesktop);
8174        --hamburgerNavBackButtonBorderRightHoverMobile: var(--hamburgerNavBackButtonBorderRightHoverDesktop);
8175        --hamburgerNavBackButtonBorderBottomHoverMobile: var(--hamburgerNavBackButtonBorderBottomHoverDesktop);
8176        --hamburgerNavBackButtonBorderLeftHoverMobile: var(--hamburgerNavBackButtonBorderLeftHoverDesktop);
8177
8178        /* nav back button border radius */
8179        --hamburgerNavBackButtonBorderRadiusMobile: var(--hamburgerNavBackButtonBorderRadiusDesktop);
8180        --hamburgerNavBackButtonBorderRadiusHoverMobile: var(--hamburgerNavBackButtonBorderRadiusHoverDesktop);
8181
8182        /* nav back button background color */
8183        --hamburgerNavBackButtonBackgroundColorMobile: var(--hamburgerNavBackButtonBackgroundColorDesktop);
8184
8185        /* nav back button hover background color */
8186        --hamburgerNavBackButtonHoverBackgroundColorMobile: var(--hamburgerNavBackButtonHoverBackgroundColorDesktop);
8187
8188        /* nav back button */
8189        --hamburgerNavBackButtonPaddingTopMobile: var(--hamburgerNavBackButtonPaddingTopDesktop);
8190        --hamburgerNavBackButtonPaddingBottomMobile: var(--hamburgerNavBackButtonPaddingBottomDesktop);
8191        --hamburgerNavBackButtonPaddingLeftMobile: var(--hamburgerNavBackButtonPaddingLeftDesktop);
8192        --hamburgerNavBackButtonPaddingRightMobile: var(--hamburgerNavBackButtonPaddingRightDesktop);
8193        --hamburgerNavBackButtonFontMobile: var(--hamburgerNavBackButtonFontDesktop);
8194        --hamburgerNavBackButtonColorMobile: var(--hamburgerNavBackButtonColorDesktop);
8195        --hamburgerNavBackButtonFontSizeMobile: var(--hamburgerNavBackButtonFontSizeDesktop);
8196        --hamburgerNavBackButtonFontWeightMobile: var(--hamburgerNavBackButtonFontWeightDesktop);
8197        --hamburgerNavBackButtonFontStyleMobile: var(--hamburgerNavBackButtonFontStyleDesktop);
8198        --hamburgerNavBackButtonLetterSpacingMobile: var(--hamburgerNavBackButtonLetterSpacingDesktop);
8199        --hamburgerNavBackButtonTextDecorationMobile: var(--hamburgerNavBackButtonTextDecorationDesktop);
8200        --hamburgerNavBackButtonLineHeightMobile: var(--hamburgerNavBackButtonLineHeightDesktop);
8201        --hamburgerNavBackButtonHoverFontColorMobile: var(--hamburgerNavBackButtonHoverFontColorDesktop);
8202
8203        /* nav back button hover */
8204        --hamburgerNavBackButtonPaddingTopHoverMobile: var(--hamburgerNavBackButtonPaddingTopHoverDesktop);
8205        --hamburgerNavBackButtonPaddingBottomHoverMobile: var(--hamburgerNavBackButtonPaddingBottomHoverDesktop);
8206        --hamburgerNavBackButtonPaddingLeftHoverMobile: var(--hamburgerNavBackButtonPaddingLeftHoverDesktop);
8207        --hamburgerNavBackButtonPaddingRightHoverMobile: var(--hamburgerNavBackButtonPaddingRightHoverDesktop);
8208
8209
8210        /* nav back button arrow */
8211        --hamburgerNavBackButtonArrowSizeMobile: var(--hamburgerNavBackButtonArrowSizeDesktop);
8212        --hamburgerNavBackButtonArrowSizeHoverMobile: var(--hamburgerNavBackButtonArrowSizeHoverDesktop);
8213        --hamburgerNavBackButtonArrowColorMobile: var(--hamburgerNavBackButtonArrowColorDesktop);
8214        --hamburgerNavBackButtonArrowSpacingMobile: var(--hamburgerNavBackButtonArrowSpacingDesktop);
8215        --hamburgerNavBackButtonArrowRotateMobile: var(--hamburgerNavBackButtonArrowRotateDesktop);
8216
8217        /* parent title border */
8218        --hamburgerTitleBorderTopMobile: var(--hamburgerTitleBorderTopDesktop);
8219        --hamburgerTitleBorderRightMobile: var(--hamburgerTitleBorderRightDesktop);
8220        --hamburgerTitleBorderBottomMobile: var(--hamburgerTitleBorderBottomDesktop);
8221        --hamburgerTitleBorderLeftMobile: var(--hamburgerTitleBorderLeftDesktop);
8222
8223        /* parent title border hover */
8224        --hamburgerTitleBorderTopHoverMobile: var(--hamburgerTitleBorderTopHoverDesktop);
8225        --hamburgerTitleBorderRightHoverMobile: var(--hamburgerTitleBorderRightHoverDesktop);
8226        --hamburgerTitleBorderBottomHoverMobile: var(--hamburgerTitleBorderBottomHoverDesktop);
8227        --hamburgerTitleBorderLeftHoverMobile: var(--hamburgerTitleBorderLeftHoverDesktop);
8228
8229        /* parent title border radius */
8230        --hamburgerTitleBorderRadiusMobile: var(--hamburgerTitleBorderRadiusDesktop);
8231        --hamburgerTitleBorderRadiusHoverMobile: var(--hamburgerTitleBorderRadiusHoverDesktop);
8232
8233        /* parent title background color */
8234        --hamburgerTitleBackgroundColorMobile: var(--hamburgerTitleBackgroundColorDesktop);
8235        --hamburgerTitleBackgroundColorHoverMobile: var(--hamburgerTitleBackgroundColorHoverDesktop);
8236
8237        /* parent title padding */
8238        --hamburgerTitlePaddingTopMobile: var(--hamburgerTitlePaddingTopDesktop);
8239        --hamburgerTitlePaddingBottomMobile: var(--hamburgerTitlePaddingBottomDesktop);
8240        --hamburgerTitlePaddingLeftMobile: var(--hamburgerTitlePaddingLeftDesktop);
8241        --hamburgerTitlePaddingRightMobile: var(--hamburgerTitlePaddingRightDesktop);
8242
8243        /* parent title padding hover */
8244        --hamburgerTitlePaddingTopHoverMobile: var(--hamburgerTitlePaddingTopHoverDesktop);
8245        --hamburgerTitlePaddingBottomHoverMobile: var(--hamburgerTitlePaddingBottomHoverDesktop);
8246        --hamburgerTitlePaddingLeftHoverMobile: var(--hamburgerTitlePaddingLeftHoverDesktop);
8247        --hamburgerTitlePaddingRightHoverMobile: var(--hamburgerTitlePaddingRightHoverDesktop);
8248
8249        /* parent title font */
8250        --hamburgerTitleFontMobile: var(--hamburgerTitleFontDesktop);
8251        --hamburgerTitleFontColorMobile: var(--hamburgerTitleFontColorDesktop);
8252        --hamburgerTitleFontSizeMobile: var(--hamburgerTitleFontSizeDesktop);
8253        --hamburgerTitleFontWeightMobile: var(--hamburgerTitleFontWeightDesktop);
8254        --hamburgerTitleFontStyleMobile: var(--hamburgerTitleFontStyleDesktop);
8255        --hamburgerTitleLetterSpacingMobile: var(--hamburgerTitleLetterSpacingDesktop);
8256        --hamburgerTitleTextDecorationMobile: var(--hamburgerTitleTextDecorationDesktop);
8257        --hamburgerTitleLineHeightMobile: var(--hamburgerTitleLineHeightDesktop);
8258
8259        /* parent title arrow */
8260        --hamburgerTitleArrowSizeMobile: var(--hamburgerTitleArrowSizeDesktop);
8261        --hamburgerTitleArrowColorMobile: var(--hamburgerTitleArrowColorDesktop);
8262        --hamburgerTitleArrowSpacingMobile: var(--hamburgerTitleArrowSpacingDesktop);
8263        --hamburgerTitleArrowRotateMobile: var(--hamburgerTitleArrowRotateDesktop);
8264
8265        /* slide container */
8266        --hamburgerSlideContainerWidthMobile: 100vh;
8267
8268        /*****
8269			apply css properties
8270		*****/
8271
8272        /* apply main background color */
8273        --hamburgerNavBackgroundColor: var(--hamburgerNavBackgroundColorMobile);
8274
8275        /* apply main padding */
8276        --hamburgerNavPaddingTop: var(--hamburgerNavPaddingTopMobile);
8277        --hamburgerNavPaddingBottom: var(--hamburgerNavPaddingBottomMobile);
8278        --hamburgerNavPaddingLeft: var(--hamburgerNavPaddingLeftMobile);
8279        --hamburgerNavPaddingRight: var(--hamburgerNavPaddingRightMobile);
8280
8281        /* apply hamburger menu icon */
8282        --hamburgerMenuIconSize: var(--hamburgerMenuIconSizeMobile);
8283        --hamburgerMenuIconSizeHover: var(--hamburgerMenuIconSizeHoverMobile);
8284        --hamburgerMenuIconColor: var(--hamburgerMenuIconColorMobile);
8285        --hamburgerMenuIconHoverColor: var(--hamburgerMenuIconHoverColorMobile);
8286        --hamburgerMenuIconActiveSize: var(--hamburgerMenuIconActiveSizeMobile);
8287        --hamburgerMenuIconActiveColor: var(--hamburgerMenuIconActiveColorMobile);
8288        --hamburgerMenuIconActiveHoverColor: var(--hamburgerMenuIconActiveHoverColorMobile);
8289        --hamburgerMenuIconActiveSizeHover: var(--hamburgerMenuIconActiveSizeHoverMobile);
8290        --hamburgerMenuDisplay: var(--hamburgerMenuDisplayMobile);
8291        --hamburgerMenuJustifySelf: var(--hamburgerMenuJustifySelfMobile);
8292
8293        /* apply main nav justify self */
8294        --hamburgerNavJustifySelf: var(--hamburgerNavJustifySelfMobile);
8295
8296        /* apply main nav items alignment */
8297        --hamburgerNavItemsAlignment: var(--hamburgerNavItemsAlignmentMobile);
8298
8299        /* apply main nav item padding */
8300        --hamburgerNavItemPaddingTop: var(--hamburgerNavItemPaddingTopMobile);
8301        --hamburgerNavItemPaddingBottom: var(--hamburgerNavItemPaddingBottomMobile);
8302        --hamburgerNavItemPaddingLeft: var(--hamburgerNavItemPaddingLeftMobile);
8303        --hamburgerNavItemPaddingRight: var(--hamburgerNavItemPaddingRightMobile);
8304
8305        /* apply main nav item padding hover*/
8306        --hamburgerNavItemPaddingTopHover: var(--hamburgerNavItemPaddingTopMobileHover);
8307        --hamburgerNavItemPaddingBottomHover: var(--hamburgerNavItemPaddingBottomMobileHover);
8308        --hamburgerNavItemPaddingLeftHover: var(--hamburgerNavItemPaddingLeftMobileHover);
8309        --hamburgerNavItemPaddingRightHover: var(--hamburgerNavItemPaddingRightMobileHover);
8310
8311        /* apply main nav item border */
8312        --hamburgerNavItemBorderTop: var(--hamburgerNavItemBorderTopMobile);
8313        --hamburgerNavItemBorderRight: var(--hamburgerNavItemBorderRightMobile);
8314        --hamburgerNavItemBorderBottom: var(--hamburgerNavItemBorderBottomMobile);
8315        --hamburgerNavItemBorderLeft: var(--hamburgerNavItemBorderLeftMobile);
8316        /* apply main nav item border hover */
8317        --hamburgerNavItemBorderTopHover: var(--hamburgerNavItemBorderTopHoverMobile);
8318        --hamburgerNavItemBorderRightHover: var(--hamburgerNavItemBorderRightHoverMobile);
8319        --hamburgerNavItemBorderBottomHover: var(--hamburgerNavItemBorderBottomHoverMobile);
8320        --hamburgerNavItemBorderLeftHover: var(--hamburgerNavItemBorderLeftHoverMobile);
8321
8322        /* apply main nav item border radius */
8323        --hamburgerNavItemBorderRadius: var(--hamburgerNavItemBorderRadiusMobile);
8324        --hamburgerNavItemBorderRadiusHover: var(--hamburgerNavItemBorderRadiusMobileHover);
8325
8326        /* apply main nav item font */
8327        --hamburgerNavItemFont: var(--hamburgerNavItemFontMobile);
8328        --hamburgerNavItemFontColor: var(--hamburgerNavItemFontColorMobile);
8329        --hamburgerNavItemLineHeight: var(--hamburgerNavItemLineHeightMobile);
8330        --hamburgerNavItemFontSize: var(--hamburgerNavItemFontSizeMobile);
8331        --hamburgerNavItemFontWeight: var(--hamburgerNavItemFontWeightMobile);
8332        --hamburgerNavItemBackgroundColor: var(--hamburgerNavItemBackgroundColorMobile);
8333        --hamburgerNavItemLetterSpacing: var(--hamburgerNavItemLetterSpacingMobile);
8334        --hamburgerNavItemTextDecoration: var(--hamburgerNavItemTextDecorationMobile);
8335        --hamburgerNavItemFontStyle: var(--hamburgerNavItemFontStyleMobile);
8336
8337        /* apply main nav item hover font */
8338        --hamburgerNavItemHoverFontColor: var(--hamburgerNavItemHoverFontColorMobile);
8339        --hamburgerNavItemHoverBackgroundColor: var(--hamburgerNavItemHoverBackgroundColorMobile);
8340        --hamburgerNavItemFontHover: var(--hamburgerNavItemFontHoverMobile);
8341        --hamburgerNavItemLineHeightHover: var(--hamburgerNavItemLineHeightHoverMobile);
8342        --hamburgerNavItemFontSizeHover: var(--hamburgerNavItemFontSizeHoverMobile);
8343        --hamburgerNavItemFontWeightHover: var(--hamburgerNavItemFontWeightHoverMobile);
8344        --hamburgerNavItemLetterSpacingHover: var(--hamburgerNavItemLetterSpacingHoverMobile);
8345        --hamburgerNavItemTextDecorationHover: var(--hamburgerNavItemTextDecorationHoverMobile);
8346        --hamburgerNavItemFontStyleHover: var(--hamburgerNavItemFontStyleHoverMobile);
8347
8348        /* apply separator */
8349        --hamburgerNavSeparatorDisplay: var(--hamburgerNavSeparatorDisplayMobile);
8350        --hamburgerNavSeparatorWidth: var(--hamburgerNavSeparatorWidthMobile);
8351        --hamburgerNavSeparatorHeight: var(--hamburgerNavSeparatorHeightMobile);
8352        --hamburgerNavSeparatorColor: var(--hamburgerNavSeparatorColorMobile);
8353        --hamburgerNavSeparatorSpacing: var(--hamburgerNavSeparatorSpacingMobile);
8354
8355        /* apply sub separator */
8356        --hamburgerNavSubSeparatorDisplay: var(--hamburgerNavSubSeparatorDisplayMobile);
8357        --hamburgerNavSubSeparatorWidth: var(--hamburgerNavSubSeparatorWidthMobile);
8358        --hamburgerNavSubSeparatorHeight: var(--hamburgerNavSubSeparatorHeightMobile);
8359        --hamburgerNavSubSeparatorColor: var(--hamburgerNavSubSeparatorColorMobile);
8360        --hamburgerNavSubSeparatorSpacing: var(--hamburgerNavSubSeparatorSpacingMobile);
8361
8362        /* apply arrow */
8363        --hamburgerNavArrowSize: var(--hamburgerNavArrowSizeMobile);
8364        --hamburgerNavArrowColor: var(--hamburgerNavArrowColorMobile);
8365        --hamburgerNavArrowSpacing: var(--hamburgerNavArrowSpacingMobile);
8366        --hamburgerNavArrowRotate: var(--hamburgerNavArrowRotateMobile);
8367        --hamburgerNavArrowAutoSpacing: var(--hamburgerNavArrowAutoSpacingMobile);
8368        --hamburgerNavArrowSizeHover: var(--hamburgerNavArrowSizeHoverMobile);
8369        --hamburgerNavArrowColorHover: var(--hamburgerNavArrowColorHoverMobile);
8370        --hamburgerNavArrowRotateHover: var(--hamburgerNavArrowRotateHoverMobile);
8371
8372        /* apply main item icon */
8373        --hamburgerNavItemIconDisplay: var(--hamburgerNavItemIconDisplayMobile);
8374        --hamburgerNavItemIconColor: var(--hamburgerNavItemIconColorMobile);
8375        --hamburgerNavItemIconColorHover: var(--hamburgerNavItemIconColorHoverMobile);
8376        --hamburgerNavItemIconSize: var(--hamburgerNavItemIconSizeMobile);
8377        --hamburgerNavItemIconSizeHover: var(--hamburgerNavItemIconSizeHoverMobile);
8378        --hamburgerNavItemIconRotate: var(--hamburgerNavItemIconRotateMobile);
8379        --hamburgerNavItemIconRotateHover: var(--hamburgerNavItemIconRotateHoverMobile);
8380        --hamburgerNavItemIconSpacing: var(--hamburgerNavItemIconSpacingMobile);
8381        --hamburgerNavSubItemIconDisplay: var(--hamburgerNavSubItemIconDisplayMobile);
8382        --hamburgerNavSubItemIconColor: var(--hamburgerNavSubItemIconColorMobile);
8383        --hamburgerNavSubItemIconColorHover: var(--hamburgerNavSubItemIconColorHoverMobile);
8384        --hamburgerNavSubItemIconSize: var(--hamburgerNavSubItemIconSizeMobile);
8385        --hamburgerNavSubItemIconSizeHover: var(--hamburgerNavSubItemIconSizeHoverMobile);
8386        --hamburgerNavSubItemIconRotate: var(--hamburgerNavSubItemIconRotateMobile);
8387        --hamburgerNavSubItemIconRotateHover: var(--hamburgerNavSubItemIconRotateHoverMobile);
8388        --hamburgerNavSubItemIconSpacing: var(--hamburgerNavSubItemIconSpacingMobile);
8389
8390        /* apply sub arrow */
8391        --hamburgerNavSubArrowSize: var(--hamburgerNavSubArrowSizeMobile);
8392        --hamburgerNavSubArrowColor: var(--hamburgerNavSubArrowColorMobile);
8393        --hamburgerNavSubArrowSpacing: var(--hamburgerNavSubArrowSpacingMobile);
8394        --hamburgerNavSubArrowRotate: var(--hamburgerNavSubArrowRotateMobile);
8395        --hamburgerNavSubArrowAutoSpacing: var(--hamburgerNavSubArrowAutoSpacingMobile);
8396        --hamburgerNavSubArrowSizeHover: var(--hamburgerNavSubArrowSizeHoverMobile);
8397        --hamburgerNavSubArrowColorHover: var(--hamburgerNavSubArrowColorHoverMobile);
8398        --hamburgerNavSubArrowRotateHover: var(--hamburgerNavSubArrowRotateHoverMobile);
8399
8400        /* apply sub menu background color */
8401        --hamburgerNavSubBackgroundColor: var(--hamburgerNavSubBackgroundColorMobile);
8402
8403        /* apply sub nav item padding */
8404        --hamburgerNavSubItemPaddingTop: var(--hamburgerNavSubItemPaddingTopMobile);
8405        --hamburgerNavSubItemPaddingBottom: var(--hamburgerNavSubItemPaddingBottomMobile);
8406        --hamburgerNavSubItemPaddingLeft: var(--hamburgerNavSubItemPaddingLeftMobile);
8407        --hamburgerNavSubItemPaddingRight: var(--hamburgerNavSubItemPaddingRightMobile);
8408
8409        /* apply sub nav item padding hover */
8410        --hamburgerNavSubItemPaddingTopHover: var(--hamburgerNavSubItemPaddingTopHoverMobile);
8411        --hamburgerNavSubItemPaddingBottomHover: var(--hamburgerNavSubItemPaddingBottomHoverMobile);
8412        --hamburgerNavSubItemPaddingLeftHover: var(--hamburgerNavSubItemPaddingLeftHoverMobile);
8413        --hamburgerNavSubItemPaddingRightHover: var(--hamburgerNavSubItemPaddingRightHoverMobile);
8414
8415        /* apply sub nav item border */
8416        --hamburgerNavSubItemBorderTop: var(--hamburgerNavSubItemBorderTopMobile);
8417        --hamburgerNavSubItemBorderRight: var(--hamburgerNavSubItemBorderRightMobile);
8418        --hamburgerNavSubItemBorderBottom: var(--hamburgerNavSubItemBorderBottomMobile);
8419        --hamburgerNavSubItemBorderLeft: var(--hamburgerNavSubItemBorderLeftMobile);
8420        /* apply sub nav item border */
8421        --hamburgerNavSubItemBorderTopHover: var(--hamburgerNavSubItemBorderTopHoverMobile);
8422        --hamburgerNavSubItemBorderRightHover: var(--hamburgerNavSubItemBorderRightHoverMobile);
8423        --hamburgerNavSubItemBorderBottomHover: var(--hamburgerNavSubItemBorderBottomHoverMobile);
8424        --hamburgerNavSubItemBorderLeftHover: var(--hamburgerNavSubItemBorderLeftHoverMobile);
8425
8426        /* apply sub nav item border radius */
8427        --hamburgerNavSubItemBorderRadius: var(--hamburgerNavSubItemBorderRadiusMobile);
8428        --hamburgerNavSubItemBorderRadiusHover: var(--hamburgerNavSubItemBorderRadiusHoverMobile);
8429
8430        /* apply sub nav item background color */
8431        --hamburgerNavSubItemBackgroundColor: var(--hamburgerNavSubItemBackgroundColorMobile);
8432
8433        /* apply sub nav item hover background color */
8434        --hamburgerNavSubItemHoverBackgroundColor: var(--hamburgerNavSubItemHoverBackgroundColorMobile);
8435
8436        /* apply sub nav item font */
8437        --hamburgerNavSubItemFont: var(--hamburgerNavSubItemFontMobile);
8438        --hamburgerNavSubItemFontColor: var(--hamburgerNavSubItemFontColorMobile);
8439        --hamburgerNavSubItemLineHeight: var(--hamburgerNavSubItemLineHeightMobile);
8440        --hamburgerNavSubItemFontSize: var(--hamburgerNavSubItemFontSizeMobile);
8441        --hamburgerNavSubItemFontWeight: var(--hamburgerNavSubItemFontWeightMobile);
8442        --hamburgerNavSubItemHoverFontColor: var(--hamburgerNavSubItemHoverFontColorMobile);
8443        --hamburgerNavSubItemTextDecoration: var(--hamburgerNavSubItemTextDecorationMobile);
8444        --hamburgerNavSubItemFontStyle: var(--hamburgerNavSubItemFontStyleMobile);
8445        --hamburgerNavSubItemLetterSpacing: var(--hamburgerNavSubItemLetterSpacingMobile);
8446
8447        /* apply sub nav item hover font */
8448        --hamburgerNavSubItemFontHover: var(--hamburgerNavSubItemFontHoverMobile);
8449        --hamburgerNavSubItemLineHeightHover: var(--hamburgerNavSubItemLineHeightHoverMobile);
8450        --hamburgerNavSubItemFontSizeHover: var(--hamburgerNavSubItemFontSizeHoverMobile);
8451        --hamburgerNavSubItemFontWeightHover: var(--hamburgerNavSubItemFontWeightHoverMobile);
8452        --hamburgerNavSubItemLetterSpacingHover: var(--hamburgerNavSubItemLetterSpacingHoverMobile);
8453        --hamburgerNavSubItemTextDecorationHover: var(--hamburgerNavSubItemTextDecorationHoverMobile);
8454        --hamburgerNavSubItemFontStyleHover: var(--hamburgerNavSubItemFontStyleHoverMobile);
8455
8456        /* apply nav back button border */
8457        --hamburgerNavBackButtonBorderTopHover: var(--hamburgerNavBackButtonBorderTopHoverMobile);
8458        --hamburgerNavBackButtonBorderRightHover: var(--hamburgerNavBackButtonBorderRightHoverMobile);
8459        --hamburgerNavBackButtonBorderBottomHover: var(--hamburgerNavBackButtonBorderBottomHoverMobile);
8460        --hamburgerNavBackButtonBorderLeftHover: var(--hamburgerNavBackButtonBorderLeftHoverMobile);
8461        /* apply nav back button border */
8462        --hamburgerNavBackButtonBorderTop: var(--hamburgerNavBackButtonBorderTopMobile);
8463        --hamburgerNavBackButtonBorderRight: var(--hamburgerNavBackButtonBorderRightMobile);
8464        --hamburgerNavBackButtonBorderBottom: var(--hamburgerNavBackButtonBorderBottomMobile);
8465        --hamburgerNavBackButtonBorderLeft: var(--hamburgerNavBackButtonBorderLeftMobile);
8466
8467        /* apply nav back button border radius */
8468        --hamburgerNavBackButtonBorderRadius: var(--hamburgerNavBackButtonBorderRadiusMobile);
8469        --hamburgerNavBackButtonBorderRadiusHover: var(--hamburgerNavBackButtonBorderRadiusHoverMobile);
8470
8471        /* apply nav back button background color */
8472        --hamburgerNavBackButtonBackgroundColor: var(--hamburgerNavBackButtonBackgroundColorMobile);
8473
8474        /* apply nav back button hover background color */
8475        --hamburgerNavBackButtonHoverBackgroundColor: var(--hamburgerNavBackButtonHoverBackgroundColorMobile);
8476
8477        /* apply nav back button */
8478        --hamburgerNavBackButtonPaddingTop: var(--hamburgerNavBackButtonPaddingTopMobile);
8479        --hamburgerNavBackButtonPaddingBottom: var(--hamburgerNavBackButtonPaddingBottomMobile);
8480        --hamburgerNavBackButtonPaddingLeft: var(--hamburgerNavBackButtonPaddingLeftMobile);
8481        --hamburgerNavBackButtonPaddingRight: var(--hamburgerNavBackButtonPaddingRightMobile);
8482        --hamburgerNavBackButtonFont: var(--hamburgerNavBackButtonFontMobile);
8483        --hamburgerNavBackButtonColor: var(--hamburgerNavBackButtonColorMobile);
8484        --hamburgerNavBackButtonFontSize: var(--hamburgerNavBackButtonFontSizeMobile);
8485        --hamburgerNavBackButtonFontWeight: var(--hamburgerNavBackButtonFontWeightMobile);
8486        --hamburgerNavBackButtonFontStyle: var(--hamburgerNavBackButtonFontStyleMobile);
8487        --hamburgerNavBackButtonLetterSpacing: var(--hamburgerNavBackButtonLetterSpacingMobile);
8488        --hamburgerNavBackButtonTextDecoration: var(--hamburgerNavBackButtonTextDecorationMobile);
8489        --hamburgerNavBackButtonLineHeight: var(--hamburgerNavBackButtonLineHeightMobile);
8490        --hamburgerNavBackButtonHoverFontColor: var(--hamburgerNavBackButtonHoverFontColorMobile);
8491
8492        /* apply nav back button hover*/
8493        --hamburgerNavBackButtonPaddingTopHover: var(--hamburgerNavBackButtonPaddingTopHoverMobile);
8494        --hamburgerNavBackButtonPaddingBottomHover: var(--hamburgerNavBackButtonPaddingBottomHoverMobile);
8495        --hamburgerNavBackButtonPaddingLeftHover: var(--hamburgerNavBackButtonPaddingLeftHoverMobile);
8496        --hamburgerNavBackButtonPaddingRightHover: var(--hamburgerNavBackButtonPaddingRightHoverMobile);
8497
8498        /* apply nav back button arrow */
8499        --hamburgerNavBackButtonArrowSize: var(--hamburgerNavBackButtonArrowSizeMobile);
8500        --hamburgerNavBackButtonArrowSizeHover: var(--hamburgerNavBackButtonArrowSizeHoverMobile);
8501        --hamburgerNavBackButtonArrowColor: var(--hamburgerNavBackButtonArrowColorMobile);
8502        --hamburgerNavBackButtonArrowSpacing: var(--hamburgerNavBackButtonArrowSpacingMobile);
8503        --hamburgerNavBackButtonArrowRotate: var(--hamburgerNavBackButtonArrowRotateMobile);
8504
8505        /* apply parent title border */
8506        --hamburgerTitleBorderTop: var(--hamburgerTitleBorderTopMobile);
8507        --hamburgerTitleBorderRight: var(--hamburgerTitleBorderRightMobile);
8508        --hamburgerTitleBorderBottom: var(--hamburgerTitleBorderBottomMobile);
8509        --hamburgerTitleBorderLeft: var(--hamburgerTitleBorderLeftMobile);
8510        /* apply parent title border hover */
8511        --hamburgerTitleBorderTopHover: var(--hamburgerTitleBorderTopHoverMobile);
8512        --hamburgerTitleBorderRightHover: var(--hamburgerTitleBorderRightHoverMobile);
8513        --hamburgerTitleBorderBottomHover: var(--hamburgerTitleBorderBottomHoverMobile);
8514        --hamburgerTitleBorderLeftHover: var(--hamburgerTitleBorderLeftHoverMobile);
8515
8516        /* apply parent title border radius */
8517        --hamburgerTitleBorderRadius: var(--hamburgerTitleBorderRadiusMobile);
8518        --hamburgerTitleBorderRadiusHover: var(--hamburgerTitleBorderRadiusHoverMobile);
8519
8520        /* apply parent title background color */
8521        --hamburgerTitleBackgroundColor: var(--hamburgerTitleBackgroundColorMobile);
8522        --hamburgerTitleBackgroundColorHover: var(--hamburgerTitleBackgroundColorHoverMobile);
8523
8524        /* apply parent title padding */
8525        --hamburgerTitlePaddingTop: var(--hamburgerTitlePaddingTopMobile);
8526        --hamburgerTitlePaddingBottom: var(--hamburgerTitlePaddingBottomMobile);
8527        --hamburgerTitlePaddingLeft: var(--hamburgerTitlePaddingLeftMobile);
8528        --hamburgerTitlePaddingRight: var(--hamburgerTitlePaddingRightMobile);
8529        /* apply parent title padding hover */
8530        --hamburgerTitlePaddingTopHover: var(--hamburgerTitlePaddingTopHoverMobile);
8531        --hamburgerTitlePaddingBottomHover: var(--hamburgerTitlePaddingBottomHoverMobile);
8532        --hamburgerTitlePaddingLeftHover: var(--hamburgerTitlePaddingLeftHoverMobile);
8533        --hamburgerTitlePaddingRightHover: var(--hamburgerTitlePaddingRightHoverMobile);
8534
8535        /* apply parent title font */
8536        --hamburgerTitleFont: var(--hamburgerTitleFontMobile);
8537        --hamburgerTitleFontColor: var(--hamburgerTitleFontColorMobile);
8538        --hamburgerTitleFontSize: var(--hamburgerTitleFontSizeMobile);
8539        --hamburgerTitleFontWeight: var(--hamburgerTitleFontWeightMobile);
8540        --hamburgerTitleFontStyle: var(--hamburgerTitleFontStyleMobile);
8541        --hamburgerTitleLetterSpacing: var(--hamburgerTitleLetterSpacingMobile);
8542        --hamburgerTitleTextDecoration: var(--hamburgerTitleTextDecorationMobile);
8543        --hamburgerTitleLineHeight: var(--hamburgerTitleLineHeightMobile);
8544
8545        /* apply parent title arrow */
8546        --hamburgerTitleArrowSize: var(--hamburgerTitleArrowSizeMobile);
8547        --hamburgerTitleArrowColor: var(--hamburgerTitleArrowColorMobile);
8548        --hamburgerTitleArrowSpacing: var(--hamburgerTitleArrowSpacingMobile);
8549        --hamburgerTitleArrowRotate: var(--hamburgerTitleArrowRotateMobile);
8550
8551        /* apply slide container */
8552        --hamburgerSlideContainerWidth: var(--hamburgerSlideContainerWidthMobile);
8553
8554        /**********************
8555			vertical main nav
8556		***********************/
8557
8558        /* main nav justify content */
8559        --verticalNavJustifySelfMobile: center;
8560
8561        /* main nav items alignment */
8562        --verticalNavItemsAlignmentMobile: var(--verticalNavItemsAlignmentDesktop);
8563
8564        /* main nav width */
8565        --verticalNavWidthMobile: 100%;
8566
8567        /* main nav padding */
8568        --verticalNavPaddingTopMobile: var(--verticalNavPaddingTopDesktop);
8569        --verticalNavPaddingBottomMobile: var(--verticalNavPaddingBottomDesktop);
8570        --verticalNavPaddingLeftMobile: var(--verticalNavPaddingLeftDesktop);
8571        --verticalNavPaddingRightMobile: var(--verticalNavPaddingRightDesktop);
8572
8573        /* main nav border */
8574        --verticalNavBorderTopMobile: var(--verticalNavBorderTopDesktop);
8575        --verticalNavBorderRightMobile: var(--verticalNavBorderRightDesktop);
8576        --verticalNavBorderBottomMobile: var(--verticalNavBorderBottomDesktop);
8577        --verticalNavBorderLeftMobile: var(--verticalNavBorderLeftDesktop);
8578
8579        /* main nav border radius */
8580        --verticalNavBorderRadiusMobile: var(--verticalNavBorderRadiusDesktop);
8581
8582        /* main nav item font */
8583        --verticalNavItemFontMobile: var(--verticalNavItemFontDesktop);
8584        --verticalNavItemFontColorMobile: var(--verticalNavItemFontColorDesktop);
8585        --verticalNavItemFontSizeMobile: var(--verticalNavItemFontSizeDesktop);
8586        --verticalNavItemFontWeightMobile: var(--verticalNavItemFontWeightDesktop);
8587        --verticalNavItemLineHeightMobile: var(--verticalNavItemLineHeightDesktop);
8588        --verticalNavItemTextDecorationMobile: var(--verticalNavItemTextDecorationDesktop);
8589        --verticalNavItemFontStyleMobile: var(--verticalNavItemFontStyleDesktop);
8590        --verticalNavItemLetterSpacingMobile: var(--verticalNavItemLetterSpacingDesktop);
8591        --verticalNavItemBackgroundColorMobile: var(--verticalNavItemBackgroundColorDesktop);
8592
8593        /* main nav item font hover*/
8594        --verticalNavItemHoverFontColorMobile: var(--verticalNavItemHoverFontColorDesktop);
8595        --verticalNavItemHoverBackgroundColorMobile: var(--verticalNavItemHoverBackgroundColorDesktop);
8596        --verticalNavItemFontSizeHoverMobile: var(--verticalNavItemFontSizeHoverDesktop);
8597        --verticalNavItemFontWeightHoverMobile: var(--verticalNavItemFontWeightHoverDesktop);
8598        --verticalNavItemTextDecorationHoverMobile: var(--verticalNavItemTextDecorationHoverDesktop);
8599        --verticalNavItemFontStyleHoverMobile: var(--verticalNavItemFontStyleHoverDesktop);
8600
8601
8602        /* main nav item padding */
8603        --verticalNavItemPaddingTopMobile: var(--verticalNavItemPaddingTopDesktop);
8604        --verticalNavItemPaddingRightMobile: var(--verticalNavItemPaddingRightDesktop);
8605        --verticalNavItemPaddingBottomMobile: var(--verticalNavItemPaddingBottomDesktop);
8606        --verticalNavItemPaddingLeftMobile: var(--verticalNavItemPaddingLeftDesktop);
8607
8608        /* main nav item padding hover */
8609        --verticalNavItemPaddingTopHoverMobile: var(--verticalNavItemPaddingTopHoverDesktop);
8610        --verticalNavItemPaddingRightHoverMobile: var(--verticalNavItemPaddingRightHoverDesktop);
8611        --verticalNavItemPaddingBottomHoverMobile: var(--verticalNavItemPaddingBottomHoverDesktop);
8612        --verticalNavItemPaddingLeftHoverMobile: var(--verticalNavItemPaddingLeftHoverDesktop);
8613
8614        /* main nav item border */
8615        --verticalNavItemBorderTopMobile: var(--verticalNavItemBorderTopDesktop);
8616        --verticalNavItemBorderRightMobile: var(--verticalNavItemBorderRightDesktop);
8617        --verticalNavItemBorderBottomMobile: var(--verticalNavItemBorderBottomDesktop);
8618        --verticalNavItemBorderLeftMobile: var(--verticalNavItemBorderLeftDesktop);
8619
8620        /* main nav item border hover*/
8621        --verticalNavItemBorderTopHoverMobile: var(--verticalNavItemBorderTopHoverDesktop);
8622        --verticalNavItemBorderRightHoverMobile: var(--verticalNavItemBorderRightHoverDesktop);
8623        --verticalNavItemBorderBottomHoverMobile: var(--verticalNavItemBorderBottomHoverDesktop);
8624        --verticalNavItemBorderLeftHoverMobile: var(--verticalNavItemBorderLeftHoverDesktop);
8625
8626        /* main nav item border radius */
8627        --verticalNavItemBorderRadiusMobile: var(--verticalNavItemBorderRadiusDesktop);
8628        --verticalNavItemBorderRadiusHoverMobile: var(--verticalNavItemBorderRadiusHoverDesktop);
8629
8630        /* arrow */
8631        --verticalNavArrowSizeMobile: 24px;
8632        --verticalNavArrowWidthMobile: 24px;
8633        --verticalNavArrowSpacingMobile: 10px;
8634        --verticalNavArrowColorMobile: rgba(var(--colorPrimaryA), 1);
8635        --verticalNavArrowRotateMobile: -90deg;
8636
8637        /* title */
8638        --verticalNavTitleFontColorMobile: rgba(var(--colorPrimaryH), 1);
8639        --verticalNavTitleLineHeightMobile: 1.4;
8640        --verticalNavTitleFontSizeMobile: 21px;
8641        --verticalNavTitleFontWeightMobile: 700;
8642        --verticalNavTitleContainerBackgroundColorMobile: transparent;
8643
8644        /* sub nav item font */
8645        --verticalNavSubItemFontMobile: var(--navPrimaryFont);
8646        --verticalNavSubItemFontColorMobile: rgba(var(--colorPrimaryA), 1);
8647        --verticalNavSubItemFontSizeMobile: 16px;
8648        --verticalNavSubItemFontWeightMobile: 400;
8649        --verticalNavSubItemLineHeightMobile: normal;
8650        --verticalNavSubItemTextDecorationMobile: none;
8651        --verticalNavSubItemFontStyleMobile: normal;
8652        --verticalNavSubItemLetterSpacingMobile: 0px;
8653        --verticalNavSubItemBackgroundColorMobile: transparent;
8654        --verticalNavSubItemHoverFontColorMobile: var(--verticalNavSubItemFontColorMobile);
8655        --verticalNavSubItemHoverBackgroundColorMobile: var(--verticalNavSubItemBackgroundColorMobile);
8656
8657        /* sub nav item padding */
8658        --verticalNavSubItemPaddingTopMobile: 0px;
8659        --verticalNavSubItemPaddingRightMobile: 0px;
8660        --verticalNavSubItemPaddingBottomMobile: 0px;
8661        --verticalNavSubItemPaddingLeftMobile: 0px;
8662
8663        /* sub nav item border */
8664        --verticalNavSubItemBorderTopMobile: 0px none rgba(var(--colorPrimaryA), 1);
8665        --verticalNavSubItemBorderRightMobile: 0px none rgba(var(--colorPrimaryA), 1);
8666        --verticalNavSubItemBorderBottomMobile: 0px none rgba(var(--colorPrimaryA), 1);
8667        --verticalNavSubItemBorderLeftMobile: 0px none rgba(var(--colorPrimaryA), 1);
8668
8669        /* sub nav item border radius */
8670        --verticalNavSubItemBorderRadiusMobile: 0px 0px 0px 0px;
8671
8672        /* sub nav arrow */
8673        --verticalNavSubArrowSizeMobile: 24px;
8674        --verticalNavSubArrowWidthMobile: 24px;
8675        --verticalNavSubArrowSpacingMobile: 10px;
8676
8677        /* slide container */
8678        --verticalSlideContainerWidthMobile: 400px;
8679
8680        /* separator */
8681        --verticalNavSeparatorDisplayMobile: var(--verticalNavSeparatorDisplayDesktop);
8682        --verticalNavSeparatorWidthMobile: var(--verticalNavSeparatorWidthDesktop);
8683        --verticalNavSeparatorHeightMobile: var(--verticalNavSeparatorHeightDesktop);
8684        --verticalNavSeparatorColorMobile: var(--verticalNavSeparatorColorDesktop);
8685        --verticalNavSeparatorSpacingMobile: var(--verticalNavSeparatorSpacingDesktop);
8686
8687        /* sub separator */
8688        --verticalNavSubSeparatorDisplayMobile: var(--verticalNavSubSeparatorDisplayDesktop);
8689        --verticalNavSubSeparatorWidthMobile: var(--verticalNavSubSeparatorWidthDesktop);
8690        --verticalNavSubSeparatorHeightMobile: var(--verticalNavSubSeparatorHeightDesktop);
8691        --verticalNavSubSeparatorColorMobile: var(--verticalNavSubSeparatorColorDesktop);
8692        --verticalNavSubSeparatorSpacingMobile: var(--verticalNavSubSeparatorSpacingDesktop);
8693
8694        /*****
8695			apply css properties
8696		*****/
8697
8698        /* apply main nav justify content */
8699        --verticalNavJustifySelf: var(--verticalNavJustifySelfMobile);
8700
8701        /* apply main nav items alignment */
8702        --verticalNavItemsAlignment: var(--verticalNavItemsAlignmentMobile);
8703
8704        /* apply main nav width */
8705        --verticalNavWidth: var(--verticalNavWidthMobile);
8706
8707        /* apply main nav padding */
8708        --verticalNavPaddingTop: var(--verticalNavPaddingTopMobile);
8709        --verticalNavPaddingBottom: var(--verticalNavPaddingBottomMobile);
8710        --verticalNavPaddingLeft: var(--verticalNavPaddingLeftMobile);
8711        --verticalNavPaddingRight: var(--verticalNavPaddingRightMobile);
8712
8713        /* apply main nav border */
8714        --verticalNavBorderTop: var(--verticalNavBorderTopMobile);
8715        --verticalNavBorderRight: var(--verticalNavBorderRightMobile);
8716        --verticalNavBorderBottom: var(--verticalNavBorderBottomMobile);
8717        --verticalNavBorderLeft: var(--verticalNavBorderLeftMobile);
8718
8719        /* apply main nav border radius */
8720        --verticalNavBorderRadius: var(--verticalNavBorderRadiusMobile);
8721
8722        /* apply main nav item font */
8723        --verticalNavItemFont: var(--verticalNavItemFontMobile);
8724        --verticalNavItemFontColor: var(--verticalNavItemFontColorMobile);
8725        --verticalNavItemFontSize: var(--verticalNavItemFontSizeMobile);
8726        --verticalNavItemFontWeight: var(--verticalNavItemFontWeightMobile);
8727        --verticalNavItemLineHeight: var(--verticalNavItemLineHeightMobile);
8728        --verticalNavItemTextDecoration: var(--verticalNavItemTextDecorationMobile);
8729        --verticalNavItemFontStyle: var(--verticalNavItemFontStyleMobile);
8730        --verticalNavItemLetterSpacing: var(--verticalNavItemLetterSpacingMobile);
8731        --verticalNavItemBackgroundColor: var(--verticalNavItemBackgroundColorMobile);
8732        --verticalNavItemHoverFontColor: var(--verticalNavItemHoverFontColorMobile);
8733        --verticalNavItemHoverBackgroundColor: var(--verticalNavItemHoverBackgroundColorMobile);
8734
8735        /* apply main nav item font hover*/
8736        --verticalNavItemFontSizeHover: var(--verticalNavItemFontSizeHoverMobile);
8737        --verticalNavItemFontWeightHover: var(--verticalNavItemFontWeightHoverMobile);
8738        --verticalNavItemTextDecorationHover: var(--verticalNavItemTextDecorationHoverMobile);
8739        --verticalNavItemFontStyleHover: var(--verticalNavItemFontStyleHoverMobile);
8740
8741
8742        /* apply main nav item padding */
8743        --verticalNavItemPaddingTop: var(--verticalNavItemPaddingTopMobile);
8744        --verticalNavItemPaddingRight: var(--verticalNavItemPaddingRightMobile);
8745        --verticalNavItemPaddingBottom: var(--verticalNavItemPaddingBottomMobile);
8746        --verticalNavItemPaddingLeft: var(--verticalNavItemPaddingLeftMobile);
8747        /* apply main nav item padding hover*/
8748        --verticalNavItemPaddingTopHover: var(--verticalNavItemPaddingTopHoverMobile);
8749        --verticalNavItemPaddingRightHover: var(--verticalNavItemPaddingRightHoverMobile);
8750        --verticalNavItemPaddingBottomHover: var(--verticalNavItemPaddingBottomHoverMobile);
8751        --verticalNavItemPaddingLeftHover: var(--verticalNavItemPaddingLeftHoverMobile);
8752
8753        /* apply main nav item border */
8754        --verticalNavItemBorderTop: var(--verticalNavItemBorderTopMobile);
8755        --verticalNavItemBorderRight: var(--verticalNavItemBorderRightMobile);
8756        --verticalNavItemBorderBottom: var(--verticalNavItemBorderBottomMobile);
8757        --verticalNavItemBorderLeft: var(--verticalNavItemBorderLeftMobile);
8758
8759        /* apply main nav item border hover */
8760        --verticalNavItemBorderTopHover: var(--verticalNavItemBorderTopHoverMobile);
8761        --verticalNavItemBorderRightHover: var(--verticalNavItemBorderRightHoverMobile);
8762        --verticalNavItemBorderBottomHover: var(--verticalNavItemBorderBottomHoverMobile);
8763        --verticalNavItemBorderLeftHover: var(--verticalNavItemBorderLeftHoverMobile);
8764
8765        /* apply main nav item border radius */
8766        --verticalNavItemBorderRadius: var(--verticalNavItemBorderRadiusMobile);
8767        --verticalNavItemBorderRadiusHover: var(--verticalNavItemBorderRadiusHoverMobile);
8768
8769        /* apply arrow */
8770        --verticalNavArrowSize: var(--verticalNavArrowSizeMobile);
8771        --verticalNavItemIconDisplay: var(--verticalNavItemIconDisplayMobile);
8772        --verticalNavItemIconColor: var(--verticalNavItemIconColorMobile);
8773        --verticalNavItemIconColorHover: var(--verticalNavItemIconColorHoverMobile);
8774        --verticalNavItemIconSize: var(--verticalNavItemIconSizeMobile);
8775        --verticalNavItemIconSizeHover: var(--verticalNavItemIconSizeHoverMobile);
8776        --verticalNavItemIconRotate: var(--verticalNavItemIconRotateMobile);
8777        --verticalNavItemIconRotateHover: var(--verticalNavItemIconRotateHoverMobile);
8778        --verticalNavItemIconSpacing: var(--verticalNavItemIconSpacingMobile);
8779        --verticalNavSubItemIconDisplay: var(--verticalNavSubItemIconDisplayMobile);
8780        --verticalNavSubItemIconColor: var(--verticalNavSubItemIconColorMobile);
8781        --verticalNavSubItemIconColorHover: var(--verticalNavSubItemIconColorHoverMobile);
8782        --verticalNavSubItemIconSize: var(--verticalNavSubItemIconSizeMobile);
8783        --verticalNavSubItemIconSizeHover: var(--verticalNavSubItemIconSizeHoverMobile);
8784        --verticalNavSubItemIconRotate: var(--verticalNavSubItemIconRotateMobile);
8785        --verticalNavSubItemIconRotateHover: var(--verticalNavSubItemIconRotateHoverMobile);
8786        --verticalNavSubItemIconSpacing: var(--verticalNavSubItemIconSpacingMobile);
8787        --verticalNavArrowWidth: var(--verticalNavArrowWidthMobile);
8788        --verticalNavArrowSpacing: var(--verticalNavArrowSpacingMobile);
8789        --verticalNavArrowColor: var(--verticalNavArrowColorMobile);
8790        --verticalNavArrowRotate: var(--verticalNavArrowRotateMobile);
8791
8792        /* apply title */
8793        --verticalNavTitleFontColor: var(--verticalNavTitleFontColorMobile);
8794        --verticalNavTitleLineHeight: var(--verticalNavTitleLineHeightMobile);
8795        --verticalNavTitleFontSize: var(--verticalNavTitleFontSizeMobile);
8796        --verticalNavTitleFontWeight: var(--verticalNavTitleFontWeightMobile);
8797        --verticalNavTitleContainerBackgroundColor: var(--verticalNavTitleContainerBackgroundColorMobile);
8798
8799        /* apply sub nav item font */
8800        --verticalNavSubItemFont: var(--verticalNavSubItemFontMobile);
8801        --verticalNavSubItemFontColor: var(--verticalNavSubItemFontColorMobile);
8802        --verticalNavSubItemFontSize: var(--verticalNavSubItemFontSizeMobile);
8803        --verticalNavSubItemFontWeight: var(--verticalNavSubItemFontWeightMobile);
8804        --verticalNavSubItemLineHeight: var(--verticalNavSubItemLineHeightMobile);
8805        --verticalNavSubItemTextDecoration: var(--verticalNavSubItemTextDecorationMobile);
8806        --verticalNavSubItemFontStyle: var(--verticalNavSubItemFontStyleMobile);
8807        --verticalNavSubItemLetterSpacing: var(--verticalNavSubItemLetterSpacingMobile);
8808        --verticalNavSubItemBackgroundColor: var(--verticalNavSubItemBackgroundColorMobile);
8809        --verticalNavSubItemHoverFontColor: var(--verticalNavSubItemHoverFontColorMobile);
8810        --verticalNavSubItemHoverBackgroundColor: var(--verticalNavSubItemHoverBackgroundColorMobile);
8811
8812        /* apply sub nav item padding */
8813        --verticalNavSubItemPaddingTop: var(--verticalNavSubItemPaddingTopMobile);
8814        --verticalNavSubItemPaddingRight: var(--verticalNavSubItemPaddingRightMobile);
8815        --verticalNavSubItemPaddingBottom: var(--verticalNavSubItemPaddingBottomMobile);
8816        --verticalNavSubItemPaddingLeft: var(--verticalNavSubItemPaddingLeftMobile);
8817
8818        /* apply sub nav item border */
8819        --verticalNavSubItemBorderTop: var(--verticalNavSubItemBorderTopMobile);
8820        --verticalNavSubItemBorderRight: var(--verticalNavSubItemBorderRightMobile);
8821        --verticalNavSubItemBorderBottom: var(--verticalNavSubItemBorderBottomMobile);
8822        --verticalNavSubItemBorderLeft: var(--verticalNavSubItemBorderLeftMobile);
8823
8824        /* apply sub nav item border radius */
8825        --verticalNavSubItemBorderRadius: var(--verticalNavSubItemBorderRadiusMobile);
8826
8827        /* apply sub nav arrow */
8828        --verticalNavSubArrowSize: var(--verticalNavSubArrowSizeMobile);
8829        --verticalNavSubArrowWidth: var(--verticalNavSubArrowWidthMobile);
8830        --verticalNavSubArrowSpacing: var(--verticalNavSubArrowSpacingMobile);
8831
8832        /* apply slide container */
8833        --verticalSlideContainerWidth: var(--verticalSlideContainerWidthMobile);
8834
8835        /* apply separator */
8836        --verticalNavSeparatorDisplay: var(--verticalNavSeparatorDisplayMobile);
8837        --verticalNavSeparatorWidth: var(--verticalNavSeparatorWidthMobile);
8838        --verticalNavSeparatorHeight: var(--verticalNavSeparatorHeightMobile);
8839        --verticalNavSeparatorColor: var(--verticalNavSeparatorColorMobile);
8840        --verticalNavSeparatorSpacing: var(--verticalNavSeparatorSpacingMobile);
8841
8842        /* apply sub separator */
8843        --verticalNavSubSeparatorDisplay: var(--verticalNavSubSeparatorDisplayMobile);
8844        --verticalNavSubSeparatorWidth: var(--verticalNavSubSeparatorWidthMobile);
8845        --verticalNavSubSeparatorHeight: var(--verticalNavSubSeparatorHeightMobile);
8846        --verticalNavSubSeparatorColor: var(--verticalNavSubSeparatorColorMobile);
8847        --verticalNavSubSeparatorSpacing: var(--verticalNavSubSeparatorSpacingMobile);
8848    }
8849
8850    /* Horizontal Navigation Styles */
8851    .wmc_menu.wmcM_menuHorizontalMobile.wmd_showMoreMenu {
8852        & .navigation-module-container {
8853            overflow: hidden;
8854        }
8855
8856        & .navigation-module-container ul.navigation-nav--main-menu {
8857            flex-wrap: nowrap !important;
8858            overflow: hidden;
8859
8860            & > .navigation-nav--item {
8861                flex-shrink: 0;
8862            }
8863        }
8864    }
8865
8866    .wmc_menu.wmcM_menuHorizontalMobile .navigation-module-container,
8867    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container {
8868        & .navigation-nav {
8869            display: flex;
8870            justify-content: var(--horizontalNavJustifyContent);
8871        }
8872
8873        /* level 1: main menu */
8874
8875        & ul.navigation-nav--main-menu {
8876            display: inline-flex;
8877            padding-left: var(--horizontalNavPaddingLeft);
8878            padding-right: var(--horizontalNavPaddingRight);
8879            padding-top: var(--horizontalNavPaddingTop);
8880            padding-bottom: var(--horizontalNavPaddingBottom);
8881            margin-left: 0;
8882            margin-right: 0;
8883            flex-direction: row;
8884            flex-wrap: wrap;
8885            align-self: center;
8886            list-style: none;
8887            background-color: var(--horizontalNavBackgroundColor);
8888            border-top: var(--horizontalNavBorderTop);
8889            border-right: var(--horizontalNavBorderRight);
8890            border-bottom: var(--horizontalNavBorderBottom);
8891            border-radius: var(--horizontalNavBorderRadius);
8892            border-left: var(--horizontalNavBorderLeft);
8893            column-gap: calc(var(--horizontalNavSeparatorSpacing) / 2);
8894
8895            & > .navigation-nav--separator {
8896                display: var(--horizontalNavSeparatorDisplay);
8897                width: var(--horizontalNavSeparatorWidth);
8898                height: var(--horizontalNavSeparatorHeight);
8899                background-color: var(--horizontalNavSeparatorColor);
8900                align-self: center;
8901                font-size: var(--horizontalNavItemFontSize);
8902                line-height: 1.4;
8903            }
8904        }
8905
8906        /* level 1: li item */
8907
8908        & .navigation-nav--item {
8909            display: grid;
8910            grid-template-columns: 1fr;
8911            align-items: center;
8912            background-color: var(--navItemBackgroundColor);
8913            border-top: var(--navItemBorderTop);
8914            border-right: var(--navItemBorderRight);
8915            border-bottom: var(--navItemBorderBottom);
8916            border-left: var(--navItemBorderLeft);
8917            border-radius: var(--navItemBorderRadius);
8918
8919            &:hover, .wmcA_hoverState &:not(.wmcA_activeState) {
8920                background-color: var(--navItemHoverBackgroundColor);
8921                border-top: var(--navItemBorderTopHover);
8922                border-right: var(--navItemBorderRightHover);
8923                border-bottom: var(--navItemBorderBottomHover);
8924                border-left: var(--navItemBorderLeftHover);
8925                border-radius: var(--navItemBorderRadiusHover);
8926
8927            }
8928
8929            &.open, &.wmcA_activeState, .wmcA_activeState & {
8930                background-color: var(--navItemActiveBackgroundColor);
8931            }
8932
8933            &:has(.navigation-nav--sub-menu):hover, &:has(.navigation-nav--sub-menu).wmcA_activeState {
8934                background-color: var(--navItemActiveBackgroundColor);
8935            }
8936
8937            & > a {
8938                display: flex;
8939                align-items: center;
8940                padding-top: var(--navItemPaddingTop);
8941                padding-bottom: var(--navItemPaddingBottom);
8942                padding-left: var(--navItemPaddingLeft);
8943                padding-right: var(--navItemPaddingRight);
8944                font-family: var(--navItemFont);
8945                color: var(--navItemFontColor);
8946                line-height: var(--navItemLineHeight);
8947                background-color: transparent;
8948                letter-spacing: var(--navItemLetterSpacing);
8949                font-size: var(--navItemFontSize);
8950                text-decoration: var(--navItemTextDecoration);
8951                font-weight: var(--navItemFontWeight);
8952                font-style: var(--navItemFontStyle);
8953
8954                &:hover, .wmcA_hoverState & {
8955                    color: var(--navItemHoverFontColor);
8956                    font-size: var(--navItemFontSizeHover);
8957                    text-decoration: var(--navItemTextDecorationHover);
8958                    font-weight: var(--navItemFontWeightHover);
8959                    font-style: var(--navItemFontStyleHover);
8960                    padding-top: var(--navItemPaddingTopHover);
8961                    padding-bottom: var(--navItemPaddingBottomHover);
8962                    padding-left: var(--navItemPaddingLeftHover);
8963                    padding-right: var(--navItemPaddingRightHover);
8964                }
8965
8966                .navigation-nav--item.open > &, .navigation-nav--item.wmcA_activeState > &, .wmcA_activeState & {
8967                    color: var(--navItemActiveFontColor);
8968                }
8969
8970                .navigation-nav--item:has(> .navigation-nav--sub-menu):hover > &, .navigation-nav--item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
8971                    color: var(--navItemActiveFontColor);
8972                }
8973            }
8974
8975            &:hover > .navigation-nav--sub-menu,
8976            &:has(.navigation-nav--sub-menu:hover) > .navigation-nav--sub-menu,
8977            .wmcA_hoverState & > .navigation-nav--sub-menu,
8978            &.open > .navigation-nav--sub-menu {
8979                opacity: 1;
8980                visibility: visible;
8981                transform: translateY(0);
8982            }
8983
8984            & .arrow {
8985                display: none;
8986                pointer-events: none;
8987            }
8988
8989            &:has(.navigation-nav--sub-menu) {
8990                display: grid;
8991                grid-template-columns: 1fr calc(var(--horizontalNavArrowSpacing) + var(--horizontalNavArrowSize));
8992                align-items: center;
8993                position: relative;
8994                padding-right: calc(var(--navItemPaddingRight) / 2);
8995
8996                & > a {
8997                    padding-right: 0;
8998                    width: 100%;
8999                }
9000
9001                & > .arrow {
9002                    display: var(--horizontalNavArrowDisplay, flex);
9003                    align-items: center;
9004                    justify-content: center;
9005                    pointer-events: auto;
9006                    position: relative;
9007                    z-index: 1;
9008                    width: var(--horizontalNavArrowSize);
9009                    height: 100%;
9010                    cursor: pointer;
9011                    margin-left: var(--horizontalNavArrowSpacing);
9012
9013                    &::after {
9014                        display: block;
9015                        content: '';
9016                        width: var(--horizontalNavArrowSize);
9017                        height: var(--horizontalNavArrowSize);
9018                        -webkit-mask-image: var(--wmd_caretIconUrl);
9019                        mask-image: var(--wmd_caretIconUrl);
9020                        -webkit-mask-size: contain;
9021                        mask-size: contain;
9022                        -webkit-mask-repeat: no-repeat;
9023                        mask-repeat: no-repeat;
9024                        -webkit-mask-position: center;
9025                        mask-position: center;
9026                        background-color: var(--horizontalNavArrowColor);
9027                        transform: var(--horizontalNavArrowRotate);
9028                        position: absolute;
9029                        left: auto;
9030                        right: auto;
9031                        top: auto;
9032                        bottom: auto;
9033                        z-index: 1;
9034                        transition: all 0.2s ease;
9035                    }
9036
9037                    &:hover, .wmcA_hoverState & {
9038                        &::after {
9039                            width: var(--horizontalNavArrowSizeHover);
9040                            height: var(--horizontalNavArrowSizeHover);
9041                            background-color: var(--horizontalNavArrowColorHover);
9042                            transform: var(--horizontalNavArrowRotateHover);
9043                        }
9044                    }
9045
9046                    .navigation-nav--item.open > &, .navigation-nav--item.wmcA_activeState > &, .wmcA_activeState & {
9047                        &::after {
9048                            background-color: var(--horizontalNavArrowColorActive);
9049                            transform: var(--horizontalNavArrowRotateActive);
9050                        }
9051                    }
9052
9053                    .navigation-nav--item:has(> .navigation-nav--sub-menu):hover > &, .navigation-nav--item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
9054                        &::after {
9055                            background-color: var(--horizontalNavArrowColorActive);
9056                            transform: var(--horizontalNavArrowRotateActive);
9057                        }
9058                    }
9059                }
9060            }
9061
9062            &.navigation-nav--more-trigger {
9063                padding-right: var(--navItemPaddingRight);
9064                grid-template-columns: 1fr max-content;
9065            }
9066        }
9067
9068        /* level 2: sub menu */
9069
9070        & .navigation-nav--sub-menu {
9071            display: flex;
9072            flex-direction: column;
9073            padding-top: var(--horizontalNavSubPaddingTop);
9074            padding-bottom: var(--horizontalNavSubPaddingBottom);
9075            padding-left: var(--horizontalNavSubPaddingLeft);
9076            padding-right: var(--horizontalNavSubPaddingRight);
9077            position: absolute;
9078            list-style: none;
9079            top: 100%;
9080            left: 0;
9081            opacity: 0;
9082            visibility: hidden;
9083            transform: translateY(10px);
9084            transition: all 0.3s ease;
9085            z-index: 100;
9086            min-width: var(--horizontalNavSubContainerWidth);
9087            box-shadow: var(--horizontalNavSubContainerShadow);
9088            background-color: var(--horizontalNavSubContainerBackgroun
9088dColor);
9089            gap: calc(var(--horizontalNavSubSeparatorSpacing) / 2);
9090            border-top: var(--horizontalNavSubContainerBorderTop);
9091            border-right: var(--horizontalNavSubContainerBorderRight);
9092            border-bottom: var(--horizontalNavSubContainerBorderBottom);
9093            border-left: var(--horizontalNavSubContainerBorderLeft);
9094            border-radius: var(--horizontalNavSubContainerBorderRadius);
9095
9096            & > .navigation-nav--separator {
9097                display: var(--horizontalNavSubSeparatorDisplay);
9098                margin: 0 auto;
9099                width: var(--horizontalNavSubSeparatorWidth);
9100                height: var(--horizontalNavSubSeparatorHeight);
9101                background-color: var(--horizontalNavSubSeparatorColor);
9102                align-self: center;
9103            }
9104        }
9105
9106        /* level 2: li sub item */
9107
9108        & .navigation-nav--sub-item {
9109            border-top: var(--horizontalNavSubItemBorderTop);
9110            border-right: var(--horizontalNavSubItemBorderRight);
9111            border-bottom: var(--horizontalNavSubItemBorderBottom);
9112            border-left: var(--horizontalNavSubItemBorderLeft);
9113            border-radius: var(--horizontalNavSubItemBorderRadius);
9114            background-color: var(--horizontalNavSubItemBackgroun
9114dColor);
9115
9116            &:hover:not(.wmcA_activeState), .wmcA_hoverState .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > &:not(.wmcA_activeState) {
9117                border-radius: var(--horizontalNavSubItemBorderRadiusHover);
9118                background-color: var(--horizontalNavSubItemHoverBackgroundColor);
9119                border-top: var(--horizontalNavSubItemBorderTopHover);
9120                border-right: var(--horizontalNavSubItemBorderRightHover);
9121                border-bottom: var(--horizontalNavSubItemBorderBottomHover);
9122                border-left: var(--horizontalNavSubItemBorderLeftHover);
9123            }
9124
9125            &.open, &.wmcA_activeState, .wmcA_activeState .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > & {
9126                background-color: var(--horizontalNavSubItemActiveBackgroundColor);
9127            }
9128
9129            &:has(.navigation-nav--sub-menu):hover, &:has(.navigation-nav--sub-menu).wmcA_activeState {
9130                background-color: var(--horizontalNavSubItemActiveBackgroundColor);
9131            }
9132
9133            & > a {
9134                display: flex;
9135                align-items: center;
9136                padding-top: var(--horizontalNavSubItemPaddingTop);
9137                padding-bottom: var(--horizontalNavSubItemPaddingBottom);
9138                padding-left: var(--horizontalNavSubItemPaddingLeft);
9139                padding-right: var(--horizontalNavSubItemPaddingRight);
9140                font-family: var(--horizontalNavSubItemFont);
9141                color: var(--horizontalNavSubItemFontColor);
9142                line-height: var(--horizontalNavSubItemLineHeight);
9143                background-color: transparent;
9144                letter-spacing: var(--horizontalNavSubItemLetterSpacing);
9145                font-weight: var(--horizontalNavSubItemFontWeight);
9146                font-size: var(--horizontalNavSubItemFontSize);
9147                text-decoration: var(--horizontalNavSubItemTextDecoration);
9148                font-style: var(--horizontalNavSubItemFontStyle);
9149
9150                &: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 > & {
9151                    color: var(--horizontalNavSubItemHoverFontColor);
9152                    font-weight: var(--horizontalNavSubItemFontWeightHover);
9153                    font-size: var(--horizontalNavSubItemFontSizeHover);
9154                    text-decoration: var(--horizontalNavSubItemTextDecorationHover);
9155                    font-style: var(--horizontalNavSubItemFontStyleHover);
9156                    padding-top: var(--horizontalNavSubItemPaddingTopHover);
9157                    padding-bottom: var(--horizontalNavSubItemPaddingBottomHover);
9158                    padding-left: var(--horizontalNavSubItemPaddingLeftHover);
9159                    padding-right: var(--horizontalNavSubItemPaddingRightHover);
9160                }
9161
9162                .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 > & {
9163                    color: var(--horizontalNavSubItemActiveFontColor);
9164                }
9165
9166                .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 > & {
9167                    color: var(--horizontalNavSubItemActiveFontColor);
9168                }
9169            }
9170
9171            &:has(.navigation-nav--sub-menu) {
9172                display: grid;
9173                grid-template-columns: 1fr calc(var(--horizontalNavSubArrowSpacing) + var(--horizontalNavSubArrowSize));
9174                align-items: center;
9175                position: relative;
9176                padding-right: calc(var(--horizontalNavSubItemPaddingRight) / 2);
9177
9178                & > a {
9179                    padding-right: 0;
9180                    width: 100%;
9181                }
9182
9183                & > .arrow {
9184                    display: var(--horizontalNavSubArrowDisplay, flex);
9185                    align-items: center;
9186                    justify-content: center;
9187                    pointer-events: auto;
9188                    position: relative;
9189                    z-index: 1;
9190                    width: var(--horizontalNavSubArrowSize);
9191                    height: 100%;
9192                    cursor: pointer;
9193                    margin-left: var(--horizontalNavSubArrowSpacing);
9194
9195                    &::after {
9196                        display: block;
9197                        content: '';
9198                        width: var(--horizontalNavSubArrowSize);
9199                        height: var(--horizontalNavSubArrowSize);
9200                        -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
9201                        mask-image: var(--wmd_submenuCaretIconUrl);
9202                        -webkit-mask-size: contain;
9203                        mask-size: contain;
9204                        -webkit-mask-repeat: no-repeat;
9205                        mask-repeat: no-repeat;
9206                        -webkit-mask-position: center;
9207                        mask-position: center;
9208                        background-color: var(--horizontalNavSubArrowColor);
9209                        transform: var(--horizontalNavSubArrowRotate);
9210                        position: absolute;
9211                        left: auto;
9212                        right: auto;
9213                        top: auto;
9214                        bottom: auto;
9215                        z-index: 1;
9216                        transition: all 0.2s ease;
9217                    }
9218
9219                    &: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 > & {
9220                        &::after {
9221                            width: var(--horizontalNavSubArrowSizeHover);
9222                            height: var(--horizontalNavSubArrowSizeHover);
9223                            background-color: var(--horizontalNavSubArrowColorHover);
9224                            transform: var(--horizontalNavSubArrowRotateHover);
9225                        }
9226                    }
9227
9228                    .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 > & {
9229                        &::after {
9230                            background-color: var(--horizontalNavSubArrowColorActive);
9231                            transform: var(--horizontalNavSubArrowRotateActive);
9232                        }
9233                    }
9234
9235                    .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 > & {
9236                        &::after {
9237                            background-color: var(--horizontalNavSubArrowColorActive);
9238                            transform: var(--horizontalNavSubArrowRotateActive);
9239                        }
9240                    }
9241                }
9242            }
9243
9244            /* Third level submenu styles */
9245
9246            & > .navigation-nav--sub-menu {
9247                top: 0;
9248                left: 100%;
9249            }
9250
9251            &:hover > .navigation-nav--sub-menu,
9252            &:has(.navigation-nav--sub-menu:hover) > .navigation-nav--sub-menu,
9253            .wmcA_hoverState & > .navigation-nav--sub-menu,
9254            &.open > .navigation-nav--sub-menu {
9255                opacity: 1;
9256                visibility: visible;
9257                transform: translateX(0);
9258            }
9259        }
9260
9261        /* parent title */
9262
9263        & .navigation-nav--parent-title {
9264            display: none;
9265
9266            & a {
9267                padding-top: var(--horizontalNavSubItemPaddingTop);
9268                padding-bottom: var(--horizontalNavSubItemPaddingBottom);
9269                padding-left: var(--horizontalNavSubItemPaddingLeft);
9270                padding-right: var(--horizontalNavSubItemPaddingRight);
9271                font-family: var(--horizontalNavSubItemFont);
9272                font-size: var(--horizontalNavSubItemFontSize);
9273                font-weight: 700;
9274                color: var(--horizontalNavSubItemFontColor);
9275                border-bottom: 1px solid var(--horizontalNavSubItemFontColor);
9276                margin-bottom: 4px;
9277            }
9278
9279            & > span {
9280                display: none;
9281            }
9282        }
9283
9284        /* back button: NONE */
9285
9286        & .navigation-nav--back {
9287            display: none;
9288        }
9289
9290        /* hide separator for hidden items */
9291
9292        .navigation-nav--item[style="display: none;"] + .navigation-nav--separator {
9293            display: none;
9294        }
9295    }
9296
9297    /* Hamburger Navigation Styles */
9298    .wmc_menu.wmcM_menuHamburgerMobile .navigation-module-container {
9299        background-color: transparent;
9300
9301        &.active {
9302            overflow-y: auto;
9303            -webkit-overflow-scrolling: touch;
9304            scrollbar-width: thin;
9305            scrollbar-color: rgba(var(--colorBwGradientJ), 0.3) transparent;
9306            display: grid;
9307            grid-template-columns: 1fr;
9308            grid-template-rows: max-content 1fr;
9309            position: fixed;
9310            padding-top: var(--hamburgerNavPaddingTop);
9311            padding-bottom: var(--hamburgerNavPaddingBottom);
9312            padding-left: var(--hamburgerNavPaddingLeft);
9313            padding-right: var(--hamburgerNavPaddingRight);
9314            top: calc(var(--wm_scrollTopNav) / var(--wm_scale));
9315            left: 0;
9316            width: 100%;
9317            height: 100%;
9318            z-index: 1000;
9319            background-color: var(--hamburgerNavBackgroundColor);
9320            transition: background-color 0.8s ease-in;
9321
9322            & .navigation-nav {
9323                display: block;
9324
9325                & > ul.navigation-nav--main-menu.start-animation {
9326                    & > li {
9327                        --item-delay: ;
9328                        top: 0;
9329                        opacity: 1;
9330                        transition-delay: var(--item-delay, 0.5s);
9331                    }
9332                }
9333            }
9334        }
9335
9336        & .navigation-nav {
9337            display: none;
9338            position: relative;
9339            z-index: 100;
9340            overflow: hidden;
9341            justify-self: var(--hamburgerNavJustifySelf);
9342            max-width: var(--hamburgerSlideContainerWidth);
9343            width: 100%;
9344
9345            & * {
9346                transition: all 0.3s ease;
9347            }
9348
9349            & > ul.navigation-nav--main-menu {
9350                & > li {
9351                    top: 100px;
9352                    opacity: 0;
9353                    position: relative;
9354
9355                    &.open {
9356                        position: static;
9357                    }
9358                }
9359            }
9360        }
9361
9362        /* level 1: main menu */
9363
9364        & ul.navigation-nav--main-menu {
9365            display: grid;
9366            margin: 0;
9367            padding: 0;
9368            grid-template-columns: 1fr;
9369            list-style: none;
9370            width: 100%;
9371            max-width: var(--hamburgerSlideContainerWidth);
9372            gap: calc(var(--hamburgerNavSeparatorSpacing) / 2);
9373            background-color: transparent;
9374
9375            & ul.navigation-nav--sub-menu {
9376                transform: translateX(var(--hamburgerSlideContainerWidth));
9377            }
9378
9379            &:has(.open) {
9380                transform: translateX(calc(var(--hamburgerSlideContainerWidth) * -1));
9381
9382                & .open > ul.navigation-nav--sub-menu {
9383                    transform: translateX(var(--hamburgerSlideContainerWidth));
9384
9385                    &:has(.open) {
9386                        transform: translateX(0px);
9387                    }
9388                }
9389            }
9390
9391            & > .navigation-nav--separator {
9392                display: var(--hamburgerNavSeparatorDisplay);
9393                margin: 0 auto;
9394                width: var(--hamburgerNavSeparatorWidth);
9395                height: var(--hamburgerNavSeparatorHeight);
9396                background-color: var(--hamburgerNavSeparatorColor);
9397                align-self: center;
9398            }
9399        }
9400
9401        /* level 1: li item */
9402
9403        & .navigation-nav--item {
9404            display: flex;
9405            align-items: center;
9406            border-top: var(--hamburgerNavItemBorderTop);
9407            border-right: var(--hamburgerNavItemBorderRight);
9408            border-bottom: var(--hamburgerNavItemBorderBottom);
9409            border-left: var(--hamburgerNavItemBorderLeft);
9410            border-radius: var(--hamburgerNavItemBorderRadius);
9411            background-color: var(--hamburgerNavItemBackgroundColor);
9412
9413            &:hover, .wmcA_hoverState &, .wmcA_hoverState & {
9414                background-color: var(--hamburgerNavItemHoverBackgroundColor);
9415                border-top: var(--hamburgerNavItemBorderTopHover);
9416                border-right: var(--hamburgerNavItemBorderRightHover);
9417                border-bottom: var(--hamburgerNavItemBorderBottomHover);
9418                border-left: var(--hamburgerNavItemBorderLeftHover);
9419                border-radius: var(--hamburgerNavItemBorderRadiusHover);
9420            }
9421
9422            & > a {
9423                display: flex;
9424                align-items: center;
9425                justify-content: var(--hamburgerNavItemsAlignment);
9426                text-align: var(--hamburgerNavItemsAlignment);
9427                padding-top: var(--hamburgerNavItemPaddingTop);
9428                padding-bottom: var(--hamburgerNavItemPaddingBottom);
9429                padding-left: var(--hamburgerNavItemPaddingLeft);
9430                padding-right: var(--hamburgerNavItemPaddingRight);
9431                font-family: var(--hamburgerNavItemFont);
9432                font-size: var(--hamburgerNavItemFontSize);
9433                color: var(--hamburgerNavItemFontColor);
9434                font-weight: var(--hamburgerNavItemFontWeight);
9435                line-height: var(--hamburgerNavItemLineHeight);
9436                text-decoration: var(--hamburgerNavItemTextDecoration);
9437                font-style: var(--hamburgerNavItemFontStyle);
9438                letter-spacing: var(--hamburgerNavItemLetterSpacing);
9439                background-color: transparent;
9440                width: var(--hamburgerNavArrowAutoSpacing);
9441
9442                &:hover, .wmcA_hoverState & {
9443                    color: var(--hamburgerNavItemHoverFontColor);
9444                    font-size: var(--hamburgerNavItemFontSizeHover) !important;
9445                    padding-top: var(--hamburgerNavItemPaddingTopHover);
9446                    padding-bottom: var(--hamburgerNavItemPaddingBottomHover);
9447                    padding-left: var(--hamburgerNavItemPaddingLeftHover);
9448                    padding-right: var(--hamburgerNavItemPaddingRightHover);
9449                    font-family: var(--hamburgerNavItemFontHover);
9450                    font-weight: var(--hamburgerNavItemFontWeightHover);
9451                    line-height: var(--hamburgerNavItemLineHeightHover);
9452                    text-decoration: var(--hamburgerNavItemTextDecorationHover);
9453                    font-style: var(--hamburgerNavItemFontStyleHover);
9454                    letter-spacing: var(--hamburgerNavItemLetterSpacingHover);
9455                }
9456            }
9457
9458            & .arrow {
9459                display: none;
9460                pointer-events: none;
9461            }
9462
9463            /* Items without a sub menu reserve the arrow footprint so their
9464               text aligns with arrowed items for any items alignment. */
9465            &:not(:has(.navigation-nav--sub-menu)) {
9466                gap: var(--hamburgerNavArrowSpacing);
9467                padding-right: var(--hamburgerNavItemPaddingRight);
9468
9469                & > a {
9470                    padding-right: 0;
9471                }
9472
9473                &::after {
9474                    content: '';
9475                    flex: 0 0 var(--hamburgerNavArrowSize);
9476                    height: var(--hamburgerNavArrowSize);
9477                }
9478            }
9479
9480            &:has(.navigation-nav--sub-menu) {
9481                display: flex;
9482                align-items: center;
9483                gap: var(--hamburgerNavArrowSpacing);
9484                padding-right: var(--hamburgerNavItemPaddingRight);
9485
9486                & > a {
9487                    padding-right: 0;
9488                }
9489
9490                & > .arrow {
9491                    display: flex;
9492                    align-items: center;
9493                    justify-content: flex-end;
9494                    pointer-events: auto;
9495                    position: relative;
9496                    z-index: 1;
9497                    width: var(--hamburgerNavArrowSize);
9498                    height: var(--hamburgerNavArrowSize);
9499                    cursor: pointer;
9500
9501                    &::after {
9502                        display: block;
9503                        content: '';
9504                        width: var(--hamburgerNavArrowSize);
9505                        height: var(--hamburgerNavArrowSize);
9506                        -webkit-mask-image: var(--wmd_menuItemIconUrl);
9507                        mask-image: var(--wmd_menuItemIconUrl);
9508                        -webkit-mask-size: contain;
9509                        mask-size: contain;
9510                        -webkit-mask-repeat: no-repeat;
9511                        mask-repeat: no-repeat;
9512                        -webkit-mask-position: center;
9513                        mask-position: center;
9514                        background-color: var(--hamburgerNavArrowColor);
9515                        transform: var(--hamburgerNavArrowRotate);
9516                        transition: all 0.3s ease;
9517                    }
9518
9519                    &:hover, .wmcA_hoverState & {
9520                        width: var(--hamburgerNavArrowSizeHover);
9521                        height: var(--hamburgerNavArrowSizeHover);
9522
9523                        &::after {
9524                            width: var(--hamburgerNavArrowSizeHover);
9525                            height: var(--hamburgerNavArrowSizeHover);
9526                            background-color: var(--hamburgerNavArrowColorHover);
9527                            transform: var(--hamburgerNavArrowRotateHover);
9528                        }
9529                    }
9530                }
9531            }
9532
9533            &.open > .navigation-nav--sub-menu {
9534                z-index: 1;
9535                opacity: 1;
9536                visibility: visible;
9537                pointer-events: auto;
9538            }
9539        }
9540
9541        /* level 2: sub menu */
9542
9543        & .navigation-nav--sub-menu {
9544            display: grid;
9545            margin: 0;
9546            padding: 0;
9547            grid-template-columns: 1fr;
9548            position: absolute;
9549            top: 0;
9550            left: 0;
9551            z-index: -1;
9552            list-style: none;
9553            opacity: 0;
9554            visibility: hidden;
9555            width: 100%;
9556            max-width: var(--hamburgerSlideContainerWidth);
9557            background-color: var(--hamburgerNavSubBackgroundColor);
9558            pointer-events: none;
9559            gap: calc(var(--hamburgerNavSubSeparatorSpacing) / 2);
9560
9561            & > .navigation-nav--separator {
9562                display: var(--hamburgerNavSubSeparatorDisplay);
9563                margin: 0 auto;
9564                width: var(--hamburgerNavSubSeparatorWidth);
9565                height: var(--hamburgerNavSubSeparatorHeight);
9566                background-color: var(--hamburgerNavSubSeparatorColor);
9567                align-self: center;
9568            }
9569        }
9570
9571        /* level 2: li sub item */
9572
9573        & .navigation-nav--sub-item {
9574            display: flex;
9575            align-items: center;
9576
9577            border-top: var(--hamburgerNavSubItemBorderTop);
9578            border-right: var(--hamburgerNavSubItemBorderRight);
9579            border-bottom: var(--hamburgerNavSubItemBorderBottom);
9580            border-left: var(--hamburgerNavSubItemBorderLeft);
9581            border-radius: var(--hamburgerNavSubItemBorderRadius);
9582            background-color: var(--hamburgerNavSubItemBackgroun
9582dColor);
9583
9584            &:hover, .wmcA_hoverState & {
9585                background-color: var(--hamburgerNavSubItemHoverBackgroundColor);
9586                border-radius: var(--hamburgerNavSubItemBorderRadiusHover);
9587                border-top: var(--hamburgerNavSubItemBorderTopHover);
9588                border-right: var(--hamburgerNavSubItemBorderRightHover);
9589                border-bottom: var(--hamburgerNavSubItemBorderBottomHover);
9590                border-left: var(--hamburgerNavSubItemBorderLeftHover);
9591            }
9592
9593            & > a {
9594                display: flex;
9595                align-items: center;
9596                padding-top: var(--hamburgerNavSubItemPaddingTop);
9597                padding-bottom: var(--hamburgerNavSubItemPaddingBottom);
9598                padding-left: var(--hamburgerNavSubItemPaddingLeft);
9599                padding-right: var(--hamburgerNavSubItemPaddingRight);
9600                font-family: var(--hamburgerNavSubItemFont);
9601                font-size: var(--hamburgerNavSubItemFontSize);
9602                color: var(--hamburgerNavSubItemFontColor);
9603                font-weight: var(--hamburgerNavSubItemFontWeight);
9604                line-height: var(--hamburgerNavSubItemLineHeight);
9605                text-decoration: var(--hamburgerNavSubItemTextDecoration);
9606                font-style: var(--hamburgerNavSubItemFontStyle);
9607                letter-spacing: var(--hamburgerNavSubItemLetterSpacing);
9608                background-color: transparent;
9609                width: var(--hamburgerNavSubArrowAutoSpacing);
9610
9611                &:hover, .wmcA_hoverState & {
9612                    color: var(--hamburgerNavSubItemHoverFontColor);
9613                    font-size: var(--hamburgerNavSubItemFontSizeHover);
9614                    font-family: var(--hamburgerNavSubItemFontHover);
9615                    font-weight: var(--hamburgerNavSubItemFontWeightHover);
9616                    line-height: var(--hamburgerNavSubItemLineHeightHover);
9617                    text-decoration: var(--hamburgerNavSubItemTextDecorationHover);
9618                    font-style: var(--hamburgerNavSubItemFontStyleHover);
9619                    letter-spacing: var(--hamburgerNavSubItemLetterSpacingHover);
9620                    padding-top: var(--hamburgerNavSubItemPaddingTopHover);
9621                    padding-bottom: var(--hamburgerNavSubItemPaddingBottomHover);
9622                    padding-left: var(--hamburgerNavSubItemPaddingLeftHover);
9623                    padding-right: var(--hamburgerNavSubItemPaddingRightHover);
9624                }
9625            }
9626
9627            &:has(.navigation-nav--sub-menu) {
9628                display: flex;
9629                align-items: center;
9630                gap: var(--hamburgerNavSubArrowSpacing);
9631                padding-right: var(--hamburgerNavSubItemPaddingRight);
9632
9633                & > a {
9634                    padding-right: 0;
9635                }
9636
9637                & > .arrow {
9638                    display: flex;
9639                    align-items: center;
9640                    justify-content: flex-end;
9641                    pointer-events: auto;
9642                    position: relative;
9643                    z-index: 1;
9644                    width: var(--hamburgerNavSubArrowSize);
9645                    height: var(--hamburgerNavSubArrowSize);
9646                    cursor: pointer;
9647
9648                    &::after {
9649                        display: block;
9650                        content: '';
9651                        width: var(--hamburgerNavSubArrowSize);
9652                        height: var(--hamburgerNavSubArrowSize);
9653                        -webkit-mask-image: var(--wmd_submenuItemIconUrl);
9654                        mask-image: var(--wmd_submenuItemIconUrl);
9655                        -webkit-mask-size: contain;
9656                        mask-size: contain;
9657                        -webkit-mask-repeat: no-repeat;
9658                        mask-repeat: no-repeat;
9659                        -webkit-mask-position: center;
9660                        mask-position: center;
9661                        background-color: var(--hamburgerNavSubArrowColor);
9662                        transform: var(--hamburgerNavSubArrowRotate);
9663                        transition: all 0.3s ease;
9664                    }
9665
9666                    &:hover, .wmcA_hoverState & {
9667                        width: var(--hamburgerNavSubArrowSizeHover);
9668                        height: var(--hamburgerNavSubArrowSizeHover);
9669
9670                        &::after {
9671                            width: var(--hamburgerNavSubArrowSizeHover);
9672                            height: var(--hamburgerNavSubArrowSizeHover);
9673                            background-color: var(--hamburgerNavSubArrowColorHover);
9674                            transform: var(--hamburgerNavSubArrowRotateHover);
9675                        }
9676                    }
9677                }
9678            }
9679
9680            &.open > .navigation-nav--sub-menu {
9681                z-index: 1;
9682                opacity: 1;
9683                visibility: visible;
9684                pointer-events: auto;
9685            }
9686        }
9687
9688        /* parent title */
9689
9690        & .navigation-nav--parent-title {
9691            display: flex;
9692            align-items: center;
9693            gap: var(--hamburgerTitleArrowSpacing);
9694            padding-right: var(--hamburgerTitlePaddingRight);
9695            border-top: var(--hamburgerTitleBorderTop);
9696            border-right: var(--hamburgerTitleBorderRight);
9697            border-bottom: var(--hamburgerTitleBorderBottom);
9698            border-left: var(--hamburgerTitleBorderLeft);
9699            border-radius: var(--hamburgerTitleBorderRadius);
9700            background-color: var(--hamburgerTitleBackgroundColor);
9701
9702            &:hover, .wmcA_hoverState & {
9703                /* border-top: var(--hamburgerTitleBorderTopHover);
9704                border-right: var(--hamburgerTitleBorderRightHover);
9705                border-bottom: var(--hamburgerTitleBorderBottomHover);
9706                border-left: var(--hamburgerTitleBorderLeftHover);
9707                border-radius: var(--hamburgerTitleBorderRadiusHover);
9708                background-color: var(--hamburgerTitleBackgroundColorHover);
9709                padding-right: var(--hamburgerTitlePaddingRightHover); */
9710            }
9711
9712            & > a {
9713                display: block;
9714                padding-top: var(--hamburgerTitlePaddingTop);
9715                padding-bottom: var(--hamburgerTitlePaddingBottom);
9716                padding-left: var(--hamburgerTitlePaddingLeft);
9717                padding-right: var(--hamburgerTitlePaddingRight);
9718                font-family: var(--hamburgerTitleFont);
9719                font-size: var(--hamburgerTitleFontSize);
9720                line-height: var(--hamburgerTitleLineHeight);
9721                font-weight: var(--hamburgerTitleFontWeight);
9722                color: var(--hamburgerTitleFontColor);
9723                font-style: var(--hamburgerTitleFontStyle);
9724                letter-spacing: var(--hamburgerTitleLetterSpacing);
9725                text-decoration: var(--hamburgerTitleTextDecoration);
9726                pointer-events: none;
9727                width: 100%;
9728
9729                &:hover, .wmcA_hoverState & {
9730                    padding-top: var(--hamburgerTitlePaddingTopHover);
9731                    padding-bottom: var(--hamburgerTitlePaddingBottomHover);
9732                    padding-left: var(--hamburgerTitlePaddingLeftHover);
9733                    padding-right: var(--hamburgerTitlePaddingRightHover);
9734                }
9735            }
9736
9737            & > span {
9738                display: flex;
9739                align-items: center;
9740                justify-content: flex-end;
9741                pointer-events: auto;
9742                position: relative;
9743                z-index: 1;
9744                width: var(--hamburgerTitleArrowSize);
9745                height: var(--hamburgerTitleArrowSize);
9746
9747                &::after {
9748                    display: block;
9749                    content: '';
9750                    width: var(--hamburgerTitleArrowSize);
9751                    height: var(--hamburgerTitleArrowSize);
9752                    -webkit-mask-image: var(--wmd_menuItemIconUrl);
9753                    mask-image: var(--wmd_menuItemIconUrl);
9754                    -webkit-mask-size: contain;
9755                    mask-size: contain;
9756                    -webkit-mask-repeat: no-repeat;
9757                    mask-repeat: no-repeat;
9758                    -webkit-mask-position: center;
9759                    mask-position: center;
9760                    background-color: var(--hamburgerTitleArrowColor);
9761                    transform: var(--hamburgerTitleArrowRotate);
9762                }
9763            }
9764        }
9765
9766        /* back button */
9767
9768        & .navigation-nav--back {
9769            display: block;
9770            padding-top: var(--hamburgerNavBackButtonPaddingTop);
9771            padding-bottom: var(--hamburgerNavBackButtonPaddingBottom);
9772            padding-left: var(--hamburgerNavBackButtonPaddingLeft);
9773            padding-right: var(--hamburgerNavBackButtonPaddingRight);
9774            border-top: var(--hamburgerNavBackButtonBorderTop);
9775            border-right: var(--hamburgerNavBackButtonBorderRight);
9776            border-bottom: var(--hamburgerNavBackButtonBorderBottom);
9777            border-left: var(--hamburgerNavBackButtonBorderLeft);
9778            border-radius: var(--hamburgerNavBackButtonBorderRadius);
9779            background-color: var(--hamburgerNavBackButtonBackgroundColor);
9780
9781            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
9782                border-radius: var(--hamburgerNavBackButtonBorderRadiusHover);
9783                background-color: var(--hamburgerNavBackButtonHoverBackgroundColor);
9784                padding-top: var(--hamburgerNavBackButtonPaddingTopHover);
9785                padding-bottom: var(--hamburgerNavBackButtonPaddingBottomHover);
9786                padding-left: var(--hamburgerNavBackButtonPaddingLeftHover);
9787                padding-right: var(--hamburgerNavBackButtonPaddingRightHover);
9788                border-top: var(--hamburgerNavBackButtonBorderTopHover);
9789                border-right: var(--hamburgerNavBackButtonBorderRightHover);
9790                border-bottom: var(--hamburgerNavBackButtonBorderBottomHover);
9791                border-left: var(--hamburgerNavBackButtonBorderLeftHover);
9792            }
9793
9794            & a {
9795                display: inline-flex;
9796                align-items: center;
9797                gap: var(--hamburgerNavBackButtonArrowSpacing);
9798                font-family: var(--hamburgerNavBackButtonFont);
9799                font-size: var(--hamburgerNavBackButtonFontSize);
9800                font-weight: var(--hamburgerNavBackButtonFontWeight);
9801                color: var(--hamburgerNavBackButtonColor);
9802                text-decoration: var(--hamburgerNavBackButtonTextDecoration);
9803                line-height: var(--hamburgerNavBackButtonLineHeight);
9804                font-style: var(--hamburgerNavBackButtonFontStyle);
9805                letter-spacing: var(--hamburgerNavBackButtonLetterSpacing);
9806                background-color: transparent;
9807                width: 100%;
9808
9809                &::before {
9810                    content: '';
9811                    display: inline-block;
9812                    width: var(--hamburgerNavBackButtonArrowSize);
9813                    height: var(--hamburgerNavBackButtonArrowSize);
9814                    -webkit-mask-image: var(--wmd_backIconUrl);
9815                    mask-image: var(--wmd_backIconUrl);
9816                    -webkit-mask-size: contain;
9817                    mask-size: contain;
9818                    -webkit-mask-repeat: no-repeat;
9819                    mask-repeat: no-repeat;
9820                    -webkit-mask-position: center;
9821                    mask-position: center;
9822                    background-color: var(--hamburgerNavBackButtonColor);
9823                    transform: var(--hamburgerNavBackButtonArrowRotate);
9824                    transition: all 0.3s ease;
9825                }
9826
9827                &:hover, .wmcA_hoverState & {
9828                    color: var(--hamburgerNavBackButtonHoverFontColor);
9829
9830                    &::before {
9831                        background-color: var(--hamburgerNavBackButtonHoverFontColor);
9832                        width: var(--hamburgerNavBackButtonArrowSizeHover);
9833                        height: var(--hamburgerNavBackButtonArrowSizeHover);
9834                    }
9835                }
9836            }
9837        }
9838
9839        /* hamburger button */
9840
9841        & .hamburger-button {
9842            display: flex;
9843            justify-content: center;
9844            align-items: center;
9845            padding: 0;
9846            margin: 0;
9847            position: relative;
9848            z-index: 100;
9849            cursor: pointer;
9850            background-color: transparent;
9851            border: none;
9852            width: var(--hamburgerMenuIconSize);
9853            height: var(--hamburgerMenuIconSize);
9854            flex-wrap: wrap;
9855
9856            & * {
9857                transition: all 0.3s ease;
9858            }
9859
9860            &.show-border {
9861                border: 1px solid var(--hamburgerMenuIconColor);
9862            }
9863
9864            & .hamburger-button-icon--container {
9865                display: block;
9866                width: var(--hamburgerMenuIconSize);
9867                height: var(--hamburgerMenuIconSize);
9868            }
9869
9870            & .hamburger-button-icon {
9871                display: flex;
9872                align-items: center;
9873                justify-content: center;
9874                margin: auto;
9875                width: var(--hamburgerMenuIconSize);
9876                height: var(--hamburgerMenuIconSize);
9877
9878                &::before {
9879                    content: '';
9880                    display: inline-block;
9881                    width: var(--hamburgerMenuIconSize);
9882                    height: var(--hamburgerMenuIconSize);
9883                    -webkit-mask-image: var(--wmd_hamburgerIconUrl);
9884                    mask-image: var(--wmd_hamburgerIconUrl);
9885                    -webkit-mask-size: contain;
9886                    mask-size: contain;
9887                    -webkit-mask-repeat: no-repeat;
9888                    mask-repeat: no-repeat;
9889                    -webkit-mask-position: center;
9890                    mask-position: center;
9891                    background-color: var(--hamburgerMenuIconColor);
9892                }
9893            }
9894
9895            & .hamburger-button-text {
9896                display: var(--hamburgerMenuDisplay);
9897                font-family: var(--hamburgerNavItemFont);
9898                font-size: 12px;
9899                font-weight: 700;
9900                line-height: 1;
9901                color: var(--hamburgerMenuIconColor);
9902                text-align: center;
9903                text-decoration: none;
9904                text-transform: uppercase;
9905            }
9906
9907            &:hover, .wmcA_hoverState & {
9908                & .hamburger-button-icon--container {
9909                    width: var(--hamburgerMenuIconSizeHover);
9910                    height: var(--hamburgerMenuIconSizeHover);
9911                }
9912
9913                & .hamburger-button-icon {
9914                    width: var(--hamburgerMenuIconSizeHover);
9915                    height: var(--hamburgerMenuIconSizeHover);
9916
9917                    &::before {
9918                        background-color: var(--hamburgerMenuIconHoverColor);
9919                        width: var(--hamburgerMenuIconSizeHover);
9920                        height: var(--hamburgerMenuIconSizeHover)
9921                    }
9922                }
9923
9924                & .hamburger-button-text {
9925                    color: var(--hamburgerMenuIconHoverColor);
9926                }
9927            }
9928
9929            &.active {
9930                margin-bottom: 25px;
9931                justify-self: var(--hamburgerMenuJustifySelf);
9932                width: var(--hamburgerMenuIconActiveSize);
9933                height: var(--hamburgerMenuIconActiveSize);
9934
9935                & .hamburger-button-icon--container {
9936                    width: var(--hamburgerMenuIconActiveSize);
9937                    height: var(--hamburgerMenuIconActiveSize);
9938                }
9939
9940                & .hamburger-button-icon {
9941                    width: var(--hamburgerMenuIconActiveSize);
9942                    height: var(--hamburgerMenuIconActiveSize);
9943
9944                    &::before {
9945                        width: var(--hamburgerMenuIconActiveSize);
9946                        height: var(--hamburgerMenuIconActiveSize);
9947                        -webkit-mask-image: var(--wmd_closeIconUrl);
9948                        mask-image: var(--wmd_closeIconUrl);
9949                        background-color: var(--hamburgerMenuIconActiveColor);
9950                    }
9951                }
9952
9953                & .hamburger-button-text {
9954                    color: var(--hamburgerMenuIconActiveColor);
9955                    height: 1px;
9956                    padding: 0;
9957                    margin: -1px;
9958                    visibility: hidden;
9959                    transition: none;
9960                    position: absolute;
9961                }
9962
9963                &:hover, .wmcA_hoverState & {
9964                    & .hamburger-button-icon--container {
9965                        width: var(--hamburgerMenuIconActiveSizeHover);
9966                        height: var(--hamburgerMenuIconActiveSizeHover);
9967                    }
9968
9969                    & .hamburger-button-icon {
9970                        width: var(--hamburgerMenuIconActiveSizeHover);
9971                        height: var(--hamburgerMenuIconActiveSizeHover);
9972
9973                        &::before {
9974                            width: var(--hamburgerMenuIconActiveSizeHover);
9975                            height: var(--hamburgerMenuIconActiveSizeHover);
9976                            background-color: var(--hamburgerMenuIconActiveHoverColor);
9977                        }
9978                    }
9979
9980                    & .hamburger-button-text {
9981                        color: var(--hamburgerMenuIconActiveHoverColor);
9982                    }
9983                }
9984            }
9985        }
9986    }
9987
9988    /* Vertical Navigation Styles */
9989    .wmc_menu.wmcM_menuVerticalMobile .navigation-module-container {
9990        & .navigation-nav {
9991            overflow: hidden;
9992            position: relative;
9993            padding-top: var(--verticalNavPaddingTop);
9994            padding-bottom: var(--verticalNavPaddingBottom);
9995            padding-left: var(--verticalNavPaddingLeft);
9996            padding-right: var(--verticalNavPaddingRight);
9997            border-top: var(--verticalNavBorderTop);
9998            border-right: var(--verticalNavBorderRight);
9999            border-bottom: var(--verticalNavBorderBottom);
10000            border-left: var(--verticalNavBorderLeft);
10001            border-radius: var(--verticalNavBorderRadius);
10002
10003            & * {
10004                transition: all 0.3s ease;
10005            }
10006        }
10007
10008        /* level 1: main menu */
10009
10010        & ul.navigation-nav--main-menu {
10011            display: grid;
10012            margin: 0;
10013            padding: 0;
10014            grid-template-columns: 1fr;
10015            align-self: center;
10016            justify-self: var(--verticalNavJustifySelf);
10017            list-style: none;
10018            width: var(--verticalNavWidth);
10019            max-width: var(--verticalSlideContainerWidth);
10020            gap: calc(var(--verticalNavSeparatorSpacing) / 2);
10021
10022            & ul.navigation-nav--sub-menu {
10023                transform: translateX(var(--verticalSlideContainerWidth));
10024            }
10025
10026            &:has(.open) {
10027                transform: translateX(calc(var(--verticalSlideContainerWidth) * -1));
10028
10029                & .open > ul.navigation-nav--sub-menu {
10030                    transform: translateX(var(--verticalSlideContainerWidth));
10031
10032                    &:has(.open) {
10033                        transform: translateX(0px);
10034                    }
10035                }
10036            }
10037
10038            /* separator */
10039
10040            & > .navigation-nav--separator {
10041                display: var(--verticalNavSeparatorDisplay);
10042                margin: 0 auto;
10043                width: var(--verticalNavSeparatorWidth);
10044                height: var(--verticalNavSeparatorHeight);
10045                background-color: var(--verticalNavSeparatorColor);
10046            }
10047        }
10048
10049        /* level 1: li item */
10050
10051        & .navigation-nav--item {
10052            display: grid;
10053            grid-template-columns: 1fr;
10054            align-items: center;
10055            border-top: var(--verticalNavItemBorderTop);
10056            border-right: var(--verticalNavItemBorderRight);
10057            border-bottom: var(--verticalNavItemBorderBottom);
10058            border-left: var(--verticalNavItemBorderLeft);
10059            border-radius: var(--verticalNavItemBorderRadius);
10060            background-color: var(--verticalNavItemBackgroundColor);
10061
10062            &:hover, .wmcA_hoverState & {
10063                border-top: var(--verticalNavItemBorderTopHover);
10064                border-right: var(--verticalNavItemBorderRightHover);
10065                border-bottom: var(--verticalNavItemBorderBottomHover);
10066                border-left: var(--verticalNavItemBorderLeftHover);
10067                border-radius: var(--verticalNavItemBorderRadiusHover);
10068            }
10069
10070            & > a {
10071                display: flex;
10072                align-items: center;
10073                justify-content: var(--verticalNavItemsAlignment);
10074                text-align: var(--verticalNavItemsAlignment);
10075                padding-top: var(--verticalNavItemPaddingTop);
10076                padding-right: var(--verticalNavItemPaddingRight);
10077                padding-bottom: var(--verticalNavItemPaddingBottom);
10078                padding-left: var(--verticalNavItemPaddingLeft);
10079                font-family: var(--verticalNavItemFont);
10080                font-size: var(--verticalNavItemFontSize);
10081                font-weight: var(--verticalNavItemFontWeight);
10082                color: var(--verticalNavItemFontColor);
10083                line-height: var(--verticalNavItemLineHeight);
10084                text-decoration: var(--verticalNavItemTextDecoration);
10085                font-style: var(--verticalNavItemFontStyle);
10086                background-color: transparent;
10087                letter-spacing: var(--verticalNavItemLetterSpacing);
10088
10089                &:hover, .wmcA_hoverState & {
10090                    color: var(--verticalNavItemHoverFontColor);
10091                    padding-top: var(--verticalNavItemPaddingTopHover);
10092                    padding-right: var(--verticalNavItemPaddingRightHover);
10093                    padding-bottom: var(--verticalNavItemPaddingBottomHover);
10094                    padding-left: var(--verticalNavItemPaddingLeftHover);
10095                    font-style: var(--verticalNavItemFontStyleHover);
10096                    text-decoration: var(--verticalNavItemTextDecorationHover);
10097                    font-size: var(--verticalNavItemFontSizeHover);
10098                    font-weight: var(--verticalNavItemFontWeightHover);
10099                }
10100            }
10101
10102            & .arrow {
10103                display: none;
10104                pointer-events: none;
10105            }
10106
10107            /* hide: no sub menu for vertical navigation */
10108
10109            &:has(.navigation-nav--sub-menu) {
10110                display: grid;
10111                /* grid-template-columns: 1fr var(--verticalNavArrowSize); */
10112                grid-template-columns: 1fr;
10113                align-items: center;
10114                column-gap: var(--verticalNavArrowSpacing);
10115                padding-right: var(--verticalNavItemPaddingRight);
10116
10117                & > a {
10118                    padding-right: 0;
10119                    width: 100%;
10120                }
10121
10122                & > .arrow {
10123                    display: none; /* hide: no sub menu for vertical navigation */
10124                    align-items: center;
10125                    justify-content: flex-end;
10126                    pointer-events: auto;
10127                    position: relative;
10128                    z-index: 1;
10129                    width: var(--verticalNavArrowSize);
10130                    height: var(--verticalNavArrowSize);
10131                    cursor: pointer;
10132
10133                    &::after {
10134                        display: block;
10135                        content: '';
10136                        width: var(--verticalNavArrowSize);
10137                        height: var(--verticalNavArrowSize);
10138                        -webkit-mask-image: var(--wmd_caretIconUrl);
10139                        mask-image: var(--wmd_caretIconUrl);
10140                        -webkit-mask-size: contain;
10141                        mask-size: contain;
10142                        -webkit-mask-repeat: no-repeat;
10143                        mask-repeat: no-repeat;
10144                        -webkit-mask-position: center;
10145                        mask-position: center;
10146                        background-color: var(--verticalNavArrowColor);
10147                        transform: var(--verticalNavArrowRotate);
10148                    }
10149                }
10150            }
10151
10152            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
10153                background-color: var(--verticalNavItemHoverBackgroun
10153dColor);
10154
10155                & .arrow:hover, .wmcA_hoverState & {
10156                    &::after {
10157                        border-left-color: var(--verticalNavItemHoverFontColor);
10158                    }
10159                }
10160            }
10161
10162            &.open {
10163                & > .arrow {
10164                    &::after {
10165                        transform: rotate(90deg);
10166                    }
10167                }
10168
10169                & > .navigation-nav--sub-menu {
10170                    display: grid;
10171                    grid-template-columns: 1fr;
10172                    opacity: 1;
10173                    visibility: visible;
10174                    pointer-events: auto;
10175                }
10176            }
10177        }
10178
10179        /* level 2: sub menu */
10180
10181        & .navigation-nav--sub-menu {
10182            display: none;
10183            margin: 0;
10184            padding: 0;
10185            position: absolute;
10186            top: 0;
10187            left: 0;
10188            z-index: -1;
10189            list-style: none;
10190            opacity: 0;
10191            visibility: hidden;
10192            width: 100%;
10193            max-width: var(--verticalSlideContainerWidth);
10194            pointer-events: none;
10195            gap: calc(var(--verticalNavSubSeparatorSpacing) / 2);
10196
10197            /* separator */
10198
10199            & > .navigation-nav--separator {
10200                display: var(--verticalNavSubSeparatorDisplay);
10201                margin: 0 auto;
10202                width: var(--verticalNavSubSeparatorWidth);
10203                height: var(--verticalNavSubSeparatorHeight);
10204                background-color: var(--verticalNavSubSeparatorColor);
10205            }
10206        }
10207
10208        /* level 2: li sub item */
10209
10210        & .navigation-nav--sub-item {
10211            display: grid;
10212            grid-template-columns: 1fr;
10213            align-items: center;
10214            border-top: var(--verticalNavSubItemBorderTop);
10215            border-right: var(--verticalNavSubItemBorderRight);
10216            border-bottom: var(--verticalNavSubItemBorderBottom);
10217            border-left: var(--verticalNavSubItemBorderLeft);
10218            border-radius: var(--verticalNavSubItemBorderRadius);
10219            background-color: var(--verticalNavSubItemBackgroundColor);
10220
10221            & > a {
10222                display: flex;
10223                align-items: center;
10224                padding-top: var(--verticalNavSubItemPaddingTop);
10225                padding-right: var(--verticalNavSubItemPaddingRight);
10226                padding-bottom: var(--verticalNavSubItemPaddingBottom);
10227                padding-left: var(--verticalNavSubItemPaddingLeft);
10228                font-family: var(--verticalNavSubItemFont);
10229                font-size: var(--verticalNavSubItemFontSize);
10230                color: var(--verticalNavSubItemFontColor);
10231                font-weight: var(--verticalNavSubItemFontWeight);
10232                line-height: var(--verticalNavSubItemLineHeight);
10233                text-decoration: var(--verticalNavSubItemTextDecoration);
10234                font-style: var(--verticalNavSubItemFontStyle);
10235                letter-spacing: var(--verticalNavSubItemLetterSpacing);
10236                background-color: transparent;
10237
10238                &:hover, .wmcA_hoverState & {
10239                    color: var(--verticalNavSubItemHoverFontColor);
10240                }
10241            }
10242
10243            &:has(.navigation-nav--sub-menu) {
10244                display: grid;
10245                grid-template-columns: 1fr calc(var(--verticalNavSubArrowSpacing) + var(--verticalNavSubArrowSize));
10246                align-items: center;
10247                column-gap: var(--verticalNavSubArrowSpacing);
10248                padding-right: var(--verticalNavSubItemPaddingRight);
10249
10250                & > a {
10251                    padding-right: 0;
10252                    width: 100%;
10253                }
10254
10255                & > .arrow {
10256                    display: flex;
10257                    align-items: center;
10258                    justify-content: flex-end;
10259                    pointer-events: auto;
10260                    position: relative;
10261                    z-index: 1;
10262                    width: calc(var(--verticalNavSubArrowSpacing) + var(--verticalNavSubArrowSize));
10263                    height: 100%;
10264                    cursor: pointer;
10265
10266                    &::after {
10267                        display: block;
10268                        content: '';
10269                        width: var(--verticalNavSubArrowSize);
10270                        height: var(--verticalNavSubArrowSize);
10271                        -webkit-mask-image: var(--wmd_submenuItemIconUrl);
10272                        mask-image: var(--wmd_submenuItemIconUrl);
10273                        -webkit-mask-size: contain;
10274                        mask-size: contain;
10275                        -webkit-mask-repeat: no-repeat;
10276                        mask-repeat: no-repeat;
10277                        -webkit-mask-position: center;
10278                        mask-position: center;
10279                        background-color: var(--verticalNavSubArrowColor);
10280                        transform: var(--verticalNavSubArrowRotate);
10281                    }
10282                }
10283            }
10284
10285            /* Third level submenu styles */
10286
10287            & > .navigation-nav--sub-menu {
10288                display: none;
10289                opacity: 0;
10290                visibility: hidden;
10291                gap: calc(var(--verticalNavSubSeparatorSpacing) / 2);
10292            }
10293
10294            &:hover, .wmcA_hoverState & {
10295                background-color: var(--verticalNavSubItemHoverBackgroundColor);
10296
10297                & .arrow:hover, .wmcA_hoverState & {
10298                    &::after {
10299                        border-left-color: var(--verticalNavSubItemHoverFontColor);
10300                    }
10301                }
10302            }
10303
10304            &.open {
10305                & > .arrow {
10306                    &::after {
10307                        transform: rotate(90deg);
10308                    }
10309                }
10310
10311                & > .navigation-nav--sub-menu {
10312                    display: grid;
10313                    grid-template-columns: 1fr;
10314                    opacity: 1;
10315                    visibility: visible;
10316                    pointer-events: auto;
10317                }
10318            }
10319        }
10320
10321        /* parent title */
10322
10323        & .navigation-nav--parent-title {
10324            display: grid;
10325            padding: 15px 0 10px 0;
10326            grid-template-columns: 1fr max-content;
10327            align-items: center;
10328            gap: var(--verticalNavSubSeparatorSpacing);
10329            border: none;
10330            background-color: var(--verticalNavTitleContainerBackgroun
10330dColor);
10331
10332            &:hover, .wmcA_hoverState & {
10333                background-color: var(--verticalNavTitleContainerBackgroundColor);
10334            }
10335
10336            & a {
10337                display: block;
10338                margin-bottom: 4px;
10339                padding: 0;
10340                font-family: var(--verticalNavItemFont);
10341                font-size: var(--verticalNavTitleFontSize);
10342                font-weight: var(--verticalNavTitleFontWeight);
10343                color: var(--verticalNavTitleFontColor);
10344                text-decoration: none;
10345                cursor: pointer;
10346                pointer-events: none;
10347            }
10348
10349            & > span {
10350                display: none;
10351            }
10352        }
10353
10354        /* back button: NONE */
10355
10356        & .navigation-nav--back {
10357            display: block;
10358            padding: 15px 0;
10359            border-bottom: 1px solid var(--verticalNavArrowColor);
10360
10361            & a {
10362                display: inline-flex;
10363                margin-bottom: 10px;
10364                align-items: center;
10365                gap: 10px;
10366                font-family: var(--verticalNavItemFont);
10367                font-size: var(--verticalNavItemFontSize);
10368                font-weight: 400;
10369                color: var(--verticalNavItemFontColor);
10370                text-decoration: none;
10371
10372                &:hover, .wmcA_hoverState & {
10373                    color: var(--verticalNavItemHoverFontColor);
10374                }
10375
10376                &::before {
10377                    display: block;
10378                    content: '';
10379                    width: var(--verticalNavSubArrowSize);
10380                    height: var(--verticalNavSubArrowSize);
10381                    -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
10382                    mask-image: var(--wmd_submenuCaretIconUrl);
10383                    -webkit-mask-size: contain;
10384                    mask-size: contain;
10385                    -webkit-mask-repeat: no-repeat;
10386                    mask-repeat: no-repeat;
10387                    -webkit-mask-position: center;
10388                    mask-position: center;
10389                    background-color: var(--verticalNavSubArrowColor);
10390                    transform: rotate(90deg);
10391                }
10392            }
10393        }
10394    }
10395
10396    body > .wmcM_scrollBehavior  .wmc_menu.wmcM_menuHamburgerMobile .navigation-module-container.active{
10397        transform: scale(calc(1 / var(--wm_scale))) !important;
10398        transform-origin: 0 0 !important;
10399        position: fixed !important;
10400        top: 0 !important;
10401        left: 0 !important;
10402        width: 100dvw !important;
10403        height: 100dvh !important;
10404    }
10405
10406    body > .wmc_section .wmc_menu.wmcM_menuHamburgerMobile:has(.navigation-module-container.active) {
10407        z-index: 6000 !important;
10408    }
10409}
10410
10411
10412.wmc_menu .hamburger-button {
10413    display: none;
10414}
10415
10416@media all and (width >= 1040px) {
10417    /* Horizontal Navigation Styles */
10418    .wmc_menu.wmcM_menuHorizontalDesktop.wmd_showMoreMenu {
10419        & .navigation-module-container {
10420            overflow: hidden;
10421        }
10422
10423        & .navigation-module-container ul.navigation-nav--main-menu {
10424            flex-wrap: nowrap !important;
10425            overflow: hidden;
10426
10427            & > .navigation-nav--item {
10428                flex-shrink: 0;
10429            }
10430        }
10431    }
10432
10433    .wmc_menu.wmcM_menuHorizontalDesktop .navigation-module-container,
10434    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container {
10435        & .navigation-nav {
10436            display: flex;
10437            justify-content: var(--horizontalNavJustifyContent);
10438        }
10439
10440        /* level 1: main menu */
10441
10442        & ul.navigation-nav--main-menu {
10443            display: inline-flex;
10444            padding-left: var(--horizontalNavPaddingLeft);
10445            padding-right: var(--horizontalNavPaddingRight);
10446            padding-top: var(--horizontalNavPaddingTop);
10447            padding-bottom: var(--horizontalNavPaddingBottom);
10448            margin-left: 0;
10449            margin-right: 0;
10450            flex-direction: row;
10451            flex-wrap: wrap;
10452            align-self: center;
10453            list-style: none;
10454            background-color: var(--horizontalNavBackgroundColor);
10455            border-top: var(--horizontalNavBorderTop);
10456            border-right: var(--horizontalNavBorderRight);
10457            border-bottom: var(--horizontalNavBorderBottom);
10458            border-radius: var(--horizontalNavBorderRadius);
10459            border-left: var(--horizontalNavBorderLeft);
10460            column-gap: calc(var(--horizontalNavSeparatorSpacing) / 2);
10461
10462            & > .navigation-nav--separator {
10463                display: var(--horizontalNavSeparatorDisplay);
10464                width: var(--horizontalNavSeparatorWidth);
10465                height: var(--horizontalNavSeparatorHeight);
10466                background-color: var(--horizontalNavSeparatorColor);
10467                align-self: center;
10468                font-size: var(--horizontalNavItemFontSize);
10469                line-height: 1.4;
10470            }
10471        }
10472
10473        /* level 1: li item */
10474
10475        & .navigation-nav--item {
10476            display: grid;
10477            grid-template-columns: 1fr;
10478            align-items: center;
10479            background-color: var(--navItemBackgroundColor);
10480            border-top: var(--navItemBorderTop);
10481            border-right: var(--navItemBorderRight);
10482            border-bottom: var(--navItemBorderBottom);
10483            border-left: var(--navItemBorderLeft);
10484            border-radius: var(--navItemBorderRadius);
10485
10486            &:hover, .wmcA_hoverState &:not(.wmcA_activeState) {
10487                background-color: var(--navItemHoverBackgroundColor);
10488                border-top: var(--navItemBorderTopHover);
10489                border-right: var(--navItemBorderRightHover);
10490                border-bottom: var(--navItemBorderBottomHover);
10491                border-left: var(--navItemBorderLeftHover);
10492                border-radius: var(--navItemBorderRadiusHover);
10493
10494            }
10495
10496            &.open, &.wmcA_activeState, .wmcA_activeState & {
10497                background-color: var(--navItemActiveBackgroundColor);
10498            }
10499
10500            &:has(.navigation-nav--sub-menu):hover, &:has(.navigation-nav--sub-menu).wmcA_activeState {
10501                background-color: var(--navItemActiveBackgroundColor);
10502            }
10503
10504            & > a {
10505                display: flex;
10506                align-items: center;
10507                padding-top: var(--navItemPaddingTop);
10508                padding-bottom: var(--navItemPaddingBottom);
10509                padding-left: var(--navItemPaddingLeft);
10510                padding-right: var(--navItemPaddingRight);
10511                font-family: var(--navItemFont);
10512                color: var(--navItemFontColor);
10513                line-height: var(--navItemLineHeight);
10514                background-color: transparent;
10515                letter-spacing: var(--navItemLetterSpacing);
10516                font-size: var(--navItemFontSize);
10517                text-decoration: var(--navItemTextDecoration);
10518                font-weight: var(--navItemFontWeight);
10519                font-style: var(--navItemFontStyle);
10520
10521                &:hover, .wmcA_hoverState & {
10522                    color: var(--navItemHoverFontColor);
10523                    font-size: var(--navItemFontSizeHover);
10524                    text-decoration: var(--navItemTextDecorationHover);
10525                    font-weight: var(--navItemFontWeightHover);
10526                    font-style: var(--navItemFontStyleHover);
10527                    padding-top: var(--navItemPaddingTopHover);
10528                    padding-bottom: var(--navItemPaddingBottomHover);
10529                    padding-left: var(--navItemPaddingLeftHover);
10530                    padding-right: var(--navItemPaddingRightHover);
10531                }
10532
10533                .navigation-nav--item.open > &, .navigation-nav--item.wmcA_activeState > &, .wmcA_activeState & {
10534                    color: var(--navItemActiveFontColor);
10535                }
10536
10537                .navigation-nav--item:has(> .navigation-nav--sub-menu):hover > &, .navigation-nav--item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
10538                    color: var(--navItemActiveFontColor);
10539                }
10540            }
10541
10542            &:hover > .navigation-nav--sub-menu,
10543            &:has(.navigation-nav--sub-menu:hover) > .navigation-nav--sub-menu,
10544            .wmcA_hoverState & > .navigation-nav--sub-menu,
10545            &.open > .navigation-nav--sub-menu {
10546                opacity: 1;
10547                visibility: visible;
10548                transform: translateY(0);
10549            }
10550
10551            & .arrow {
10552                display: none;
10553                pointer-events: none;
10554            }
10555
10556            &:has(.navigation-nav--sub-menu) {
10557                display: grid;
10558                grid-template-columns: 1fr calc(var(--horizontalNavArrowSpacing) + var(--horizontalNavArrowSize));
10559                align-items: center;
10560                position: relative;
10561                padding-right: calc(var(--navItemPaddingRight) / 2);
10562
10563                & > a {
10564                    padding-right: 0;
10565                    width: 100%;
10566                }
10567
10568                & > .arrow {
10569                    display: var(--horizontalNavArrowDisplay, flex);
10570                    align-items: center;
10571                    justify-content: center;
10572                    pointer-events: auto;
10573                    position: relative;
10574                    z-index: 1;
10575                    width: var(--horizontalNavArrowSize);
10576                    height: 100%;
10577                    cursor: pointer;
10578                    margin-left: var(--horizontalNavArrowSpacing);
10579
10580                    &::after {
10581                        display: block;
10582                        content: '';
10583                        width: var(--horizontalNavArrowSize);
10584                        height: var(--horizontalNavArrowSize);
10585                        -webkit-mask-image: var(--wmd_caretIconUrl);
10586                        mask-image: var(--wmd_caretIconUrl);
10587                        -webkit-mask-size: contain;
10588                        mask-size: contain;
10589                        -webkit-mask-repeat: no-repeat;
10590                        mask-repeat: no-repeat;
10591                        -webkit-mask-position: center;
10592                        mask-position: center;
10593                        background-color: var(--horizontalNavArrowColor);
10594                        transform: var(--horizontalNavArrowRotate);
10595                        position: absolute;
10596                        left: auto;
10597                        right: auto;
10598                        top: auto;
10599                        bottom: auto;
10600                        z-index: 1;
10601                        transition: all 0.2s ease;
10602                    }
10603
10604                    &:hover, .wmcA_hoverState & {
10605                        &::after {
10606                            width: var(--horizontalNavArrowSizeHover);
10607                            height: var(--horizontalNavArrowSizeHover);
10608                            background-color: var(--horizontalNavArrowColorHover);
10609                            transform: var(--horizontalNavArrowRotateHover);
10610                        }
10611                    }
10612
10613                    .navigation-nav--item.open > &, .navigation-nav--item.wmcA_activeState > &, .wmcA_activeState & {
10614                        &::after {
10615                            background-color: var(--horizontalNavArrowColorActive);
10616                            transform: var(--horizontalNavArrowRotateActive);
10617                        }
10618                    }
10619
10620                    .navigation-nav--item:has(> .navigation-nav--sub-menu):hover > &, .navigation-nav--item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
10621                        &::after {
10622                            background-color: var(--horizontalNavArrowColorActive);
10623                            transform: var(--horizontalNavArrowRotateActive);
10624                        }
10625                    }
10626                }
10627            }
10628
10629            &.navigation-nav--more-trigger {
10630                padding-right: var(--navItemPaddingRight);
10631                grid-template-columns: 1fr max-content;
10632            }
10633        }
10634
10635        /* level 2: sub menu */
10636
10637        & .navigation-nav--sub-menu {
10638            display: flex;
10639            flex-direction: column;
10640            padding-top: var(--horizontalNavSubPaddingTop);
10641            padding-bottom: var(--horizontalNavSubPaddingBottom);
10642            padding-left: var(--horizontalNavSubPaddingLeft);
10643            padding-right: var(--horizontalNavSubPaddingRight);
10644            position: absolute;
10645            list-style: none;
10646            top: 100%;
10647            left: 0;
10648            opacity: 0;
10649            visibility: hidden;
10650            transform: translateY(10px);
10651            transition: all 0.3s ease;
10652            z-index: 100;
10653            min-width: var(--horizontalNavSubContainerWidth);
10654            box-shadow: var(--horizontalNavSubContainerShadow);
10655            background-color: var(--horizontalNavSubContainerBackgroun
10655dColor);
10656            gap: calc(var(--horizontalNavSubSeparatorSpacing) / 2);
10657            border-top: var(--horizontalNavSubContainerBorderTop);
10658            border-right: var(--horizontalNavSubContainerBorderRight);
10659            border-bottom: var(--horizontalNavSubContainerBorderBottom);
10660            border-left: var(--horizontalNavSubContainerBorderLeft);
10661            border-radius: var(--horizontalNavSubContainerBorderRadius);
10662
10663            & > .navigation-nav--separator {
10664                display: var(--horizontalNavSubSeparatorDisplay);
10665                margin: 0 auto;
10666                width: var(--horizontalNavSubSeparatorWidth);
10667                height: var(--horizontalNavSubSeparatorHeight);
10668                background-color: var(--horizontalNavSubSeparatorColor);
10669                align-self: center;
10670            }
10671        }
10672
10673        /* level 2: li sub item */
10674
10675        & .navigation-nav--sub-item {
10676            border-top: var(--horizontalNavSubItemBorderTop);
10677            border-right: var(--horizontalNavSubItemBorderRight);
10678            border-bottom: var(--horizontalNavSubItemBorderBottom);
10679            border-left: var(--horizontalNavSubItemBorderLeft);
10680            border-radius: var(--horizontalNavSubItemBorderRadius);
10681            background-color: var(--horizontalNavSubItemBackgroun
10681dColor);
10682
10683            &:hover:not(.wmcA_activeState), .wmcA_hoverState .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > &:not(.wmcA_activeState) {
10684                border-radius: var(--horizontalNavSubItemBorderRadiusHover);
10685                background-color: var(--horizontalNavSubItemHoverBackgroundColor);
10686                border-top: var(--horizontalNavSubItemBorderTopHover);
10687                border-right: var(--horizontalNavSubItemBorderRightHover);
10688                border-bottom: var(--horizontalNavSubItemBorderBottomHover);
10689                border-left: var(--horizontalNavSubItemBorderLeftHover);
10690            }
10691
10692            &.open, &.wmcA_activeState, .wmcA_activeState .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > & {
10693                background-color: var(--horizontalNavSubItemActiveBackgroundColor);
10694            }
10695
10696            &:has(.navigation-nav--sub-menu):hover, &:has(.navigation-nav--sub-menu).wmcA_activeState {
10697                background-color: var(--horizontalNavSubItemActiveBackgroundColor);
10698            }
10699
10700            & > a {
10701                display: flex;
10702                align-items: center;
10703                padding-top: var(--horizontalNavSubItemPaddingTop);
10704                padding-bottom: var(--horizontalNavSubItemPaddingBottom);
10705                padding-left: var(--horizontalNavSubItemPaddingLeft);
10706                padding-right: var(--horizontalNavSubItemPaddingRight);
10707                font-family: var(--horizontalNavSubItemFont);
10708                color: var(--horizontalNavSubItemFontColor);
10709                line-height: var(--horizontalNavSubItemLineHeight);
10710                background-color: transparent;
10711                letter-spacing: var(--horizontalNavSubItemLetterSpacing);
10712                font-weight: var(--horizontalNavSubItemFontWeight);
10713                font-size: var(--horizontalNavSubItemFontSize);
10714                text-decoration: var(--horizontalNavSubItemTextDecoration);
10715                font-style: var(--horizontalNavSubItemFontStyle);
10716
10717                &: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 > & {
10718                    color: var(--horizontalNavSubItemHoverFontColor);
10719                    font-weight: var(--horizontalNavSubItemFontWeightHover);
10720                    font-size: var(--horizontalNavSubItemFontSizeHover);
10721                    text-decoration: var(--horizontalNavSubItemTextDecorationHover);
10722                    font-style: var(--horizontalNavSubItemFontStyleHover);
10723                    padding-top: var(--horizontalNavSubItemPaddingTopHover);
10724                    padding-bottom: var(--horizontalNavSubItemPaddingBottomHover);
10725                    padding-left: var(--horizontalNavSubItemPaddingLeftHover);
10726                    padding-right: var(--horizontalNavSubItemPaddingRightHover);
10727                }
10728
10729                .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 > & {
10730                    color: var(--horizontalNavSubItemActiveFontColor);
10731                }
10732
10733                .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 > & {
10734                    color: var(--horizontalNavSubItemActiveFontColor);
10735                }
10736            }
10737
10738            &:has(.navigation-nav--sub-menu) {
10739                display: grid;
10740                grid-template-columns: 1fr calc(var(--horizontalNavSubArrowSpacing) + var(--horizontalNavSubArrowSize));
10741                align-items: center;
10742                position: relative;
10743                padding-right: calc(var(--horizontalNavSubItemPaddingRight) / 2);
10744
10745                & > a {
10746                    padding-right: 0;
10747                    width: 100%;
10748                }
10749
10750                & > .arrow {
10751                    display: var(--horizontalNavSubArrowDisplay, flex);
10752                    align-items: center;
10753                    justify-content: center;
10754                    pointer-events: auto;
10755                    position: relative;
10756                    z-index: 1;
10757                    width: var(--horizontalNavSubArrowSize);
10758                    height: 100%;
10759                    cursor: pointer;
10760                    margin-left: var(--horizontalNavSubArrowSpacing);
10761
10762                    &::after {
10763                        display: block;
10764                        content: '';
10765                        width: var(--horizontalNavSubArrowSize);
10766                        height: var(--horizontalNavSubArrowSize);
10767                        -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
10768                        mask-image: var(--wmd_submenuCaretIconUrl);
10769                        -webkit-mask-size: contain;
10770                        mask-size: contain;
10771                        -webkit-mask-repeat: no-repeat;
10772                        mask-repeat: no-repeat;
10773                        -webkit-mask-position: center;
10774                        mask-position: center;
10775                        background-color: var(--horizontalNavSubArrowColor);
10776                        transform: var(--horizontalNavSubArrowRotate);
10777                        position: absolute;
10778                        left: auto;
10779                        right: auto;
10780                        top: auto;
10781                        bottom: auto;
10782                        z-index: 1;
10783                        transition: all 0.2s ease;
10784                    }
10785
10786                    &: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 > & {
10787                        &::after {
10788                            width: var(--horizontalNavSubArrowSizeHover);
10789                            height: var(--horizontalNavSubArrowSizeHover);
10790                            background-color: var(--horizontalNavSubArrowColorHover);
10791                            transform: var(--horizontalNavSubArrowRotateHover);
10792                        }
10793                    }
10794
10795                    .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 > & {
10796                        &::after {
10797                            background-color: var(--horizontalNavSubArrowColorActive);
10798                            transform: var(--horizontalNavSubArrowRotateActive);
10799                        }
10800                    }
10801
10802                    .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 > & {
10803                        &::after {
10804                            background-color: var(--horizontalNavSubArrowColorActive);
10805                            transform: var(--horizontalNavSubArrowRotateActive);
10806                        }
10807                    }
10808                }
10809            }
10810
10811            /* Third level submenu styles */
10812
10813            & > .navigation-nav--sub-menu {
10814                top: 0;
10815                left: 100%;
10816            }
10817
10818            &:hover > .navigation-nav--sub-menu,
10819            &:has(.navigation-nav--sub-menu:hover) > .navigation-nav--sub-menu,
10820            .wmcA_hoverState & > .navigation-nav--sub-menu,
10821            &.open > .navigation-nav--sub-menu {
10822                opacity: 1;
10823                visibility: visible;
10824                transform: translateX(0);
10825            }
10826        }
10827
10828        /* parent title */
10829
10830        & .navigation-nav--parent-title {
10831            display: none;
10832
10833            & a {
10834                padding-top: var(--horizontalNavSubItemPaddingTop);
10835                padding-bottom: var(--horizontalNavSubItemPaddingBottom);
10836                padding-left: var(--horizontalNavSubItemPaddingLeft);
10837                padding-right: var(--horizontalNavSubItemPaddingRight);
10838                font-family: var(--horizontalNavSubItemFont);
10839                font-size: var(--horizontalNavSubItemFontSize);
10840                font-weight: 700;
10841                color: var(--horizontalNavSubItemFontColor);
10842                border-bottom: 1px solid var(--horizontalNavSubItemFontColor);
10843                margin-bottom: 4px;
10844            }
10845
10846            & > span {
10847                display: none;
10848            }
10849        }
10850
10851        /* back button: NONE */
10852
10853        & .navigation-nav--back {
10854            display: none;
10855        }
10856
10857        /* hide separator for hidden items */
10858
10859        .navigation-nav--item[style="display: none;"] + .navigation-nav--separator {
10860            display: none;
10861        }
10862    }
10863
10864    /* Hamburger Navigation Styles */
10865    .wmc_menu.wmcM_menuHamburgerDesktop .navigation-module-container {
10866        background-color: transparent;
10867
10868        &.active {
10869            overflow-y: auto;
10870            -webkit-overflow-scrolling: touch;
10871            scrollbar-width: thin;
10872            scrollbar-color: rgba(var(--colorBwGradientJ), 0.3) transparent;
10873            display: grid;
10874            grid-template-columns: 1fr;
10875            grid-template-rows: max-content 1fr;
10876            position: fixed;
10877            padding-top: var(--hamburgerNavPaddingTop);
10878            padding-bottom: var(--hamburgerNavPaddingBottom);
10879            padding-left: var(--hamburgerNavPaddingLeft);
10880            padding-right: var(--hamburgerNavPaddingRight);
10881            top: calc(var(--wm_scrollTopNav) / var(--wm_scale));
10882            left: 0;
10883            width: 100%;
10884            height: 100%;
10885            z-index: 1000;
10886            background-color: var(--hamburgerNavBackgroundColor);
10887            transition: background-color 0.8s ease-in;
10888
10889            & .navigation-nav {
10890                display: block;
10891
10892                & > ul.navigation-nav--main-menu.start-animation {
10893                    & > li {
10894                        --item-delay: ;
10895                        top: 0;
10896                        opacity: 1;
10897                        transition-delay: var(--item-delay, 0.5s);
10898                    }
10899                }
10900            }
10901        }
10902
10903        & .navigation-nav {
10904            display: none;
10905            position: relative;
10906            z-index: 100;
10907            overflow: hidden;
10908            justify-self: var(--hamburgerNavJustifySelf);
10909            max-width: var(--hamburgerSlideContainerWidth);
10910            width: 100%;
10911
10912            & * {
10913                transition: all 0.3s ease;
10914            }
10915
10916            & > ul.navigation-nav--main-menu {
10917                & > li {
10918                    top: 100px;
10919                    opacity: 0;
10920                    position: relative;
10921
10922                    &.open {
10923                        position: static;
10924                    }
10925                }
10926            }
10927        }
10928
10929        /* level 1: main menu */
10930
10931        & ul.navigation-nav--main-menu {
10932            display: grid;
10933            margin: 0;
10934            padding: 0;
10935            grid-template-columns: 1fr;
10936            list-style: none;
10937            width: 100%;
10938            max-width: var(--hamburgerSlideContainerWidth);
10939            gap: calc(var(--hamburgerNavSeparatorSpacing) / 2);
10940            background-color: transparent;
10941
10942            & ul.navigation-nav--sub-menu {
10943                transform: translateX(var(--hamburgerSlideContainerWidth));
10944            }
10945
10946            &:has(.open) {
10947                transform: translateX(calc(var(--hamburgerSlideContainerWidth) * -1));
10948
10949                & .open > ul.navigation-nav--sub-menu {
10950                    transform: translateX(var(--hamburgerSlideContainerWidth));
10951
10952                    &:has(.open) {
10953                        transform: translateX(0px);
10954                    }
10955                }
10956            }
10957
10958            & > .navigation-nav--separator {
10959                display: var(--hamburgerNavSeparatorDisplay);
10960                margin: 0 auto;
10961                width: var(--hamburgerNavSeparatorWidth);
10962                height: var(--hamburgerNavSeparatorHeight);
10963                background-color: var(--hamburgerNavSeparatorColor);
10964                align-self: center;
10965            }
10966        }
10967
10968        /* level 1: li item */
10969
10970        & .navigation-nav--item {
10971            display: flex;
10972            align-items: center;
10973            border-top: var(--hamburgerNavItemBorderTop);
10974            border-right: var(--hamburgerNavItemBorderRight);
10975            border-bottom: var(--hamburgerNavItemBorderBottom);
10976            border-left: var(--hamburgerNavItemBorderLeft);
10977            border-radius: var(--hamburgerNavItemBorderRadius);
10978            background-color: var(--hamburgerNavItemBackgroundColor);
10979
10980            &:hover, .wmcA_hoverState &, .wmcA_hoverState & {
10981                background-color: var(--hamburgerNavItemHoverBackgroundColor);
10982                border-top: var(--hamburgerNavItemBorderTopHover);
10983                border-right: var(--hamburgerNavItemBorderRightHover);
10984                border-bottom: var(--hamburgerNavItemBorderBottomHover);
10985                border-left: var(--hamburgerNavItemBorderLeftHover);
10986                border-radius: var(--hamburgerNavItemBorderRadiusHover);
10987            }
10988
10989            & > a {
10990                display: flex;
10991                align-items: center;
10992                justify-content: var(--hamburgerNavItemsAlignment);
10993                text-align: var(--hamburgerNavItemsAlignment);
10994                padding-top: var(--hamburgerNavItemPaddingTop);
10995                padding-bottom: var(--hamburgerNavItemPaddingBottom);
10996                padding-left: var(--hamburgerNavItemPaddingLeft);
10997                padding-right: var(--hamburgerNavItemPaddingRight);
10998                font-family: var(--hamburgerNavItemFont);
10999                font-size: var(--hamburgerNavItemFontSize);
11000                color: var(--hamburgerNavItemFontColor);
11001                font-weight: var(--hamburgerNavItemFontWeight);
11002                line-height: var(--hamburgerNavItemLineHeight);
11003                text-decoration: var(--hamburgerNavItemTextDecoration);
11004                font-style: var(--hamburgerNavItemFontStyle);
11005                letter-spacing: var(--hamburgerNavItemLetterSpacing);
11006                background-color: transparent;
11007                width: var(--hamburgerNavArrowAutoSpacing);
11008
11009                &:hover, .wmcA_hoverState & {
11010                    color: var(--hamburgerNavItemHoverFontColor);
11011                    font-size: var(--hamburgerNavItemFontSizeHover) !important;
11012                    padding-top: var(--hamburgerNavItemPaddingTopHover);
11013                    padding-bottom: var(--hamburgerNavItemPaddingBottomHover);
11014                    padding-left: var(--hamburgerNavItemPaddingLeftHover);
11015                    padding-right: var(--hamburgerNavItemPaddingRightHover);
11016                    font-family: var(--hamburgerNavItemFontHover);
11017                    font-weight: var(--hamburgerNavItemFontWeightHover);
11018                    line-height: var(--hamburgerNavItemLineHeightHover);
11019                    text-decoration: var(--hamburgerNavItemTextDecorationHover);
11020                    font-style: var(--hamburgerNavItemFontStyleHover);
11021                    letter-spacing: var(--hamburgerNavItemLetterSpacingHover);
11022                }
11023            }
11024
11025            & .arrow {
11026                display: none;
11027                pointer-events: none;
11028            }
11029
11030            /* Items without a sub menu reserve the arrow footprint so their
11031               text aligns with arrowed items for any items alignment. */
11032            &:not(:has(.navigation-nav--sub-menu)) {
11033                gap: var(--hamburgerNavArrowSpacing);
11034                padding-right: var(--hamburgerNavItemPaddingRight);
11035
11036                & > a {
11037                    padding-right: 0;
11038                }
11039
11040                &::after {
11041                    content: '';
11042                    flex: 0 0 var(--hamburgerNavArrowSize);
11043                    height: var(--hamburgerNavArrowSize);
11044                }
11045            }
11046
11047            &:has(.navigation-nav--sub-menu) {
11048                display: flex;
11049                align-items: center;
11050                gap: var(--hamburgerNavArrowSpacing);
11051                padding-right: var(--hamburgerNavItemPaddingRight);
11052
11053                & > a {
11054                    padding-right: 0;
11055                }
11056
11057                & > .arrow {
11058                    display: flex;
11059                    align-items: center;
11060                    justify-content: flex-end;
11061                    pointer-events: auto;
11062                    position: relative;
11063                    z-index: 1;
11064                    width: var(--hamburgerNavArrowSize);
11065                    height: var(--hamburgerNavArrowSize);
11066                    cursor: pointer;
11067
11068                    &::after {
11069                        display: block;
11070                        content: '';
11071                        width: var(--hamburgerNavArrowSize);
11072                        height: var(--hamburgerNavArrowSize);
11073                        -webkit-mask-image: var(--wmd_menuItemIconUrl);
11074                        mask-image: var(--wmd_menuItemIconUrl);
11075                        -webkit-mask-size: contain;
11076                        mask-size: contain;
11077                        -webkit-mask-repeat: no-repeat;
11078                        mask-repeat: no-repeat;
11079                        -webkit-mask-position: center;
11080                        mask-position: center;
11081                        background-color: var(--hamburgerNavArrowColor);
11082                        transform: var(--hamburgerNavArrowRotate);
11083                        transition: all 0.3s ease;
11084                    }
11085
11086                    &:hover, .wmcA_hoverState & {
11087                        width: var(--hamburgerNavArrowSizeHover);
11088                        height: var(--hamburgerNavArrowSizeHover);
11089
11090                        &::after {
11091                            width: var(--hamburgerNavArrowSizeHover);
11092                            height: var(--hamburgerNavArrowSizeHover);
11093                            background-color: var(--hamburgerNavArrowColorHover);
11094                            transform: var(--hamburgerNavArrowRotateHover);
11095                        }
11096                    }
11097                }
11098            }
11099
11100            &.open > .navigation-nav--sub-menu {
11101                z-index: 1;
11102                opacity: 1;
11103                visibility: visible;
11104                pointer-events: auto;
11105            }
11106        }
11107
11108        /* level 2: sub menu */
11109
11110        & .navigation-nav--sub-menu {
11111            display: grid;
11112            margin: 0;
11113            padding: 0;
11114            grid-template-columns: 1fr;
11115            position: absolute;
11116            top: 0;
11117            left: 0;
11118            z-index: -1;
11119            list-style: none;
11120            opacity: 0;
11121            visibility: hidden;
11122            width: 100%;
11123            max-width: var(--hamburgerSlideContainerWidth);
11124            background-color: var(--hamburgerNavSubBackgroundColor);
11125            pointer-events: none;
11126            gap: calc(var(--hamburgerNavSubSeparatorSpacing) / 2);
11127
11128            & > .navigation-nav--separator {
11129                display: var(--hamburgerNavSubSeparatorDisplay);
11130                margin: 0 auto;
11131                width: var(--hamburgerNavSubSeparatorWidth);
11132                height: var(--hamburgerNavSubSeparatorHeight);
11133                background-color: var(--hamburgerNavSubSeparatorColor);
11134                align-self: center;
11135            }
11136        }
11137
11138        /* level 2: li sub item */
11139
11140        & .navigation-nav--sub-item {
11141            display: flex;
11142            align-items: center;
11143
11144            border-top: var(--hamburgerNavSubItemBorderTop);
11145            border-right: var(--hamburgerNavSubItemBorderRight);
11146            border-bottom: var(--hamburgerNavSubItemBorderBottom);
11147            border-left: var(--hamburgerNavSubItemBorderLeft);
11148            border-radius: var(--hamburgerNavSubItemBorderRadius);
11149            background-color: var(--hamburgerNavSubItemBackgroun
11149dColor);
11150
11151            &:hover, .wmcA_hoverState & {
11152                background-color: var(--hamburgerNavSubItemHoverBackgroundColor);
11153                border-radius: var(--hamburgerNavSubItemBorderRadiusHover);
11154                border-top: var(--hamburgerNavSubItemBorderTopHover);
11155                border-right: var(--hamburgerNavSubItemBorderRightHover);
11156                border-bottom: var(--hamburgerNavSubItemBorderBottomHover);
11157                border-left: var(--hamburgerNavSubItemBorderLeftHover);
11158            }
11159
11160            & > a {
11161                display: flex;
11162                align-items: center;
11163                padding-top: var(--hamburgerNavSubItemPaddingTop);
11164                padding-bottom: var(--hamburgerNavSubItemPaddingBottom);
11165                padding-left: var(--hamburgerNavSubItemPaddingLeft);
11166                padding-right: var(--hamburgerNavSubItemPaddingRight);
11167                font-family: var(--hamburgerNavSubItemFont);
11168                font-size: var(--hamburgerNavSubItemFontSize);
11169                color: var(--hamburgerNavSubItemFontColor);
11170                font-weight: var(--hamburgerNavSubItemFontWeight);
11171                line-height: var(--hamburgerNavSubItemLineHeight);
11172                text-decoration: var(--hamburgerNavSubItemTextDecoration);
11173                font-style: var(--hamburgerNavSubItemFontStyle);
11174                letter-spacing: var(--hamburgerNavSubItemLetterSpacing);
11175                background-color: transparent;
11176                width: var(--hamburgerNavSubArrowAutoSpacing);
11177
11178                &:hover, .wmcA_hoverState & {
11179                    color: var(--hamburgerNavSubItemHoverFontColor);
11180                    font-size: var(--hamburgerNavSubItemFontSizeHover);
11181                    font-family: var(--hamburgerNavSubItemFontHover);
11182                    font-weight: var(--hamburgerNavSubItemFontWeightHover);
11183                    line-height: var(--hamburgerNavSubItemLineHeightHover);
11184                    text-decoration: var(--hamburgerNavSubItemTextDecorationHover);
11185                    font-style: var(--hamburgerNavSubItemFontStyleHover);
11186                    letter-spacing: var(--hamburgerNavSubItemLetterSpacingHover);
11187                    padding-top: var(--hamburgerNavSubItemPaddingTopHover);
11188                    padding-bottom: var(--hamburgerNavSubItemPaddingBottomHover);
11189                    padding-left: var(--hamburgerNavSubItemPaddingLeftHover);
11190                    padding-right: var(--hamburgerNavSubItemPaddingRightHover);
11191                }
11192            }
11193
11194            &:has(.navigation-nav--sub-menu) {
11195                display: flex;
11196                align-items: center;
11197                gap: var(--hamburgerNavSubArrowSpacing);
11198                padding-right: var(--hamburgerNavSubItemPaddingRight);
11199
11200                & > a {
11201                    padding-right: 0;
11202                }
11203
11204                & > .arrow {
11205                    display: flex;
11206                    align-items: center;
11207                    justify-content: flex-end;
11208                    pointer-events: auto;
11209                    position: relative;
11210                    z-index: 1;
11211                    width: var(--hamburgerNavSubArrowSize);
11212                    height: var(--hamburgerNavSubArrowSize);
11213                    cursor: pointer;
11214
11215                    &::after {
11216                        display: block;
11217                        content: '';
11218                        width: var(--hamburgerNavSubArrowSize);
11219                        height: var(--hamburgerNavSubArrowSize);
11220                        -webkit-mask-image: var(--wmd_submenuItemIconUrl);
11221                        mask-image: var(--wmd_submenuItemIconUrl);
11222                        -webkit-mask-size: contain;
11223                        mask-size: contain;
11224                        -webkit-mask-repeat: no-repeat;
11225                        mask-repeat: no-repeat;
11226                        -webkit-mask-position: center;
11227                        mask-position: center;
11228                        background-color: var(--hamburgerNavSubArrowColor);
11229                        transform: var(--hamburgerNavSubArrowRotate);
11230                        transition: all 0.3s ease;
11231                    }
11232
11233                    &:hover, .wmcA_hoverState & {
11234                        width: var(--hamburgerNavSubArrowSizeHover);
11235                        height: var(--hamburgerNavSubArrowSizeHover);
11236
11237                        &::after {
11238                            width: var(--hamburgerNavSubArrowSizeHover);
11239                            height: var(--hamburgerNavSubArrowSizeHover);
11240                            background-color: var(--hamburgerNavSubArrowColorHover);
11241                            transform: var(--hamburgerNavSubArrowRotateHover);
11242                        }
11243                    }
11244                }
11245            }
11246
11247            &.open > .navigation-nav--sub-menu {
11248                z-index: 1;
11249                opacity: 1;
11250                visibility: visible;
11251                pointer-events: auto;
11252            }
11253        }
11254
11255        /* parent title */
11256
11257        & .navigation-nav--parent-title {
11258            display: flex;
11259            align-items: center;
11260            gap: var(--hamburgerTitleArrowSpacing);
11261            padding-right: var(--hamburgerTitlePaddingRight);
11262            border-top: var(--hamburgerTitleBorderTop);
11263            border-right: var(--hamburgerTitleBorderRight);
11264            border-bottom: var(--hamburgerTitleBorderBottom);
11265            border-left: var(--hamburgerTitleBorderLeft);
11266            border-radius: var(--hamburgerTitleBorderRadius);
11267            background-color: var(--hamburgerTitleBackgroundColor);
11268
11269            &:hover, .wmcA_hoverState & {
11270                /* border-top: var(--hamburgerTitleBorderTopHover);
11271                border-right: var(--hamburgerTitleBorderRightHover);
11272                border-bottom: var(--hamburgerTitleBorderBottomHover);
11273                border-left: var(--hamburgerTitleBorderLeftHover);
11274                border-radius: var(--hamburgerTitleBorderRadiusHover);
11275                background-color: var(--hamburgerTitleBackgroundColorHover);
11276                padding-right: var(--hamburgerTitlePaddingRightHover); */
11277            }
11278
11279            & > a {
11280                display: block;
11281                padding-top: var(--hamburgerTitlePaddingTop);
11282                padding-bottom: var(--hamburgerTitlePaddingBottom);
11283                padding-left: var(--hamburgerTitlePaddingLeft);
11284                padding-right: var(--hamburgerTitlePaddingRight);
11285                font-family: var(--hamburgerTitleFont);
11286                font-size: var(--hamburgerTitleFontSize);
11287                line-height: var(--hamburgerTitleLineHeight);
11288                font-weight: var(--hamburgerTitleFontWeight);
11289                color: var(--hamburgerTitleFontColor);
11290                font-style: var(--hamburgerTitleFontStyle);
11291                letter-spacing: var(--hamburgerTitleLetterSpacing);
11292                text-decoration: var(--hamburgerTitleTextDecoration);
11293                pointer-events: none;
11294                width: 100%;
11295
11296                &:hover, .wmcA_hoverState & {
11297                    padding-top: var(--hamburgerTitlePaddingTopHover);
11298                    padding-bottom: var(--hamburgerTitlePaddingBottomHover);
11299                    padding-left: var(--hamburgerTitlePaddingLeftHover);
11300                    padding-right: var(--hamburgerTitlePaddingRightHover);
11301                }
11302            }
11303
11304            & > span {
11305                display: flex;
11306                align-items: center;
11307                justify-content: flex-end;
11308                pointer-events: auto;
11309                position: relative;
11310                z-index: 1;
11311                width: var(--hamburgerTitleArrowSize);
11312                height: var(--hamburgerTitleArrowSize);
11313
11314                &::after {
11315                    display: block;
11316                    content: '';
11317                    width: var(--hamburgerTitleArrowSize);
11318                    height: var(--hamburgerTitleArrowSize);
11319                    -webkit-mask-image: var(--wmd_menuItemIconUrl);
11320                    mask-image: var(--wmd_menuItemIconUrl);
11321                    -webkit-mask-size: contain;
11322                    mask-size: contain;
11323                    -webkit-mask-repeat: no-repeat;
11324                    mask-repeat: no-repeat;
11325                    -webkit-mask-position: center;
11326                    mask-position: center;
11327                    background-color: var(--hamburgerTitleArrowColor);
11328                    transform: var(--hamburgerTitleArrowRotate);
11329                }
11330            }
11331        }
11332
11333        /* back button */
11334
11335        & .navigation-nav--back {
11336            display: block;
11337            padding-top: var(--hamburgerNavBackButtonPaddingTop);
11338            padding-bottom: var(--hamburgerNavBackButtonPaddingBottom);
11339            padding-left: var(--hamburgerNavBackButtonPaddingLeft);
11340            padding-right: var(--hamburgerNavBackButtonPaddingRight);
11341            border-top: var(--hamburgerNavBackButtonBorderTop);
11342            border-right: var(--hamburgerNavBackButtonBorderRight);
11343            border-bottom: var(--hamburgerNavBackButtonBorderBottom);
11344            border-left: var(--hamburgerNavBackButtonBorderLeft);
11345            border-radius: var(--hamburgerNavBackButtonBorderRadius);
11346            background-color: var(--hamburgerNavBackButtonBackgroundColor);
11347
11348            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
11349                border-radius: var(--hamburgerNavBackButtonBorderRadiusHover);
11350                background-color: var(--hamburgerNavBackButtonHoverBackgroundColor);
11351                padding-top: var(--hamburgerNavBackButtonPaddingTopHover);
11352                padding-bottom: var(--hamburgerNavBackButtonPaddingBottomHover);
11353                padding-left: var(--hamburgerNavBackButtonPaddingLeftHover);
11354                padding-right: var(--hamburgerNavBackButtonPaddingRightHover);
11355                border-top: var(--hamburgerNavBackButtonBorderTopHover);
11356                border-right: var(--hamburgerNavBackButtonBorderRightHover);
11357                border-bottom: var(--hamburgerNavBackButtonBorderBottomHover);
11358                border-left: var(--hamburgerNavBackButtonBorderLeftHover);
11359            }
11360
11361            & a {
11362                display: inline-flex;
11363                align-items: center;
11364                gap: var(--hamburgerNavBackButtonArrowSpacing);
11365                font-family: var(--hamburgerNavBackButtonFont);
11366                font-size: var(--hamburgerNavBackButtonFontSize);
11367                font-weight: var(--hamburgerNavBackButtonFontWeight);
11368                color: var(--hamburgerNavBackButtonColor);
11369                text-decoration: var(--hamburgerNavBackButtonTextDecoration);
11370                line-height: var(--hamburgerNavBackButtonLineHeight);
11371                font-style: var(--hamburgerNavBackButtonFontStyle);
11372                letter-spacing: var(--hamburgerNavBackButtonLetterSpacing);
11373                background-color: transparent;
11374                width: 100%;
11375
11376                &::before {
11377                    content: '';
11378                    display: inline-block;
11379                    width: var(--hamburgerNavBackButtonArrowSize);
11380                    height: var(--hamburgerNavBackButtonArrowSize);
11381                    -webkit-mask-image: var(--wmd_backIconUrl);
11382                    mask-image: var(--wmd_backIconUrl);
11383                    -webkit-mask-size: contain;
11384                    mask-size: contain;
11385                    -webkit-mask-repeat: no-repeat;
11386                    mask-repeat: no-repeat;
11387                    -webkit-mask-position: center;
11388                    mask-position: center;
11389                    background-color: var(--hamburgerNavBackButtonColor);
11390                    transform: var(--hamburgerNavBackButtonArrowRotate);
11391                    transition: all 0.3s ease;
11392                }
11393
11394                &:hover, .wmcA_hoverState & {
11395                    color: var(--hamburgerNavBackButtonHoverFontColor);
11396
11397                    &::before {
11398                        background-color: var(--hamburgerNavBackButtonHoverFontColor);
11399                        width: var(--hamburgerNavBackButtonArrowSizeHover);
11400                        height: var(--hamburgerNavBackButtonArrowSizeHover);
11401                    }
11402                }
11403            }
11404        }
11405
11406        /* hamburger button */
11407
11408        & .hamburger-button {
11409            display: flex;
11410            justify-content: center;
11411            align-items: center;
11412            padding: 0;
11413            margin: 0;
11414            position: relative;
11415            z-index: 100;
11416            cursor: pointer;
11417            background-color: transparent;
11418            border: none;
11419            width: var(--hamburgerMenuIconSize);
11420            height: var(--hamburgerMenuIconSize);
11421            flex-wrap: wrap;
11422
11423            & * {
11424                transition: all 0.3s ease;
11425            }
11426
11427            &.show-border {
11428                border: 1px solid var(--hamburgerMenuIconColor);
11429            }
11430
11431            & .hamburger-button-icon--container {
11432                display: block;
11433                width: var(--hamburgerMenuIconSize);
11434                height: var(--hamburgerMenuIconSize);
11435            }
11436
11437            & .hamburger-button-icon {
11438                display: flex;
11439                align-items: center;
11440                justify-content: center;
11441                margin: auto;
11442                width: var(--hamburgerMenuIconSize);
11443                height: var(--hamburgerMenuIconSize);
11444
11445                &::before {
11446                    content: '';
11447                    display: inline-block;
11448                    width: var(--hamburgerMenuIconSize);
11449                    height: var(--hamburgerMenuIconSize);
11450                    -webkit-mask-image: var(--wmd_hamburgerIconUrl);
11451                    mask-image: var(--wmd_hamburgerIconUrl);
11452                    -webkit-mask-size: contain;
11453                    mask-size: contain;
11454                    -webkit-mask-repeat: no-repeat;
11455                    mask-repeat: no-repeat;
11456                    -webkit-mask-position: center;
11457                    mask-position: center;
11458                    background-color: var(--hamburgerMenuIconColor);
11459                }
11460            }
11461
11462            & .hamburger-button-text {
11463                display: var(--hamburgerMenuDisplay);
11464                font-family: var(--hamburgerNavItemFont);
11465                font-size: 12px;
11466                font-weight: 700;
11467                line-height: 1;
11468                color: var(--hamburgerMenuIconColor);
11469                text-align: center;
11470                text-decoration: none;
11471                text-transform: uppercase;
11472            }
11473
11474            &:hover, .wmcA_hoverState & {
11475                & .hamburger-button-icon--container {
11476                    width: var(--hamburgerMenuIconSizeHover);
11477                    height: var(--hamburgerMenuIconSizeHover);
11478                }
11479
11480                & .hamburger-button-icon {
11481                    width: var(--hamburgerMenuIconSizeHover);
11482                    height: var(--hamburgerMenuIconSizeHover);
11483
11484                    &::before {
11485                        background-color: var(--hamburgerMenuIconHoverColor);
11486                        width: var(--hamburgerMenuIconSizeHover);
11487                        height: var(--hamburgerMenuIconSizeHover)
11488                    }
11489                }
11490
11491                & .hamburger-button-text {
11492                    color: var(--hamburgerMenuIconHoverColor);
11493                }
11494            }
11495
11496            &.active {
11497                margin-bottom: 25px;
11498                justify-self: var(--hamburgerMenuJustifySelf);
11499                width: var(--hamburgerMenuIconActiveSize);
11500                height: var(--hamburgerMenuIconActiveSize);
11501
11502                & .hamburger-button-icon--container {
11503                    width: var(--hamburgerMenuIconActiveSize);
11504                    height: var(--hamburgerMenuIconActiveSize);
11505                }
11506
11507                & .hamburger-button-icon {
11508                    width: var(--hamburgerMenuIconActiveSize);
11509                    height: var(--hamburgerMenuIconActiveSize);
11510
11511                    &::before {
11512                        width: var(--hamburgerMenuIconActiveSize);
11513                        height: var(--hamburgerMenuIconActiveSize);
11514                        -webkit-mask-image: var(--wmd_closeIconUrl);
11515                        mask-image: var(--wmd_closeIconUrl);
11516                        background-color: var(--hamburgerMenuIconActiveColor);
11517                    }
11518                }
11519
11520                & .hamburger-button-text {
11521                    color: var(--hamburgerMenuIconActiveColor);
11522                    height: 1px;
11523                    padding: 0;
11524                    margin: -1px;
11525                    visibility: hidden;
11526                    transition: none;
11527                    position: absolute;
11528                }
11529
11530                &:hover, .wmcA_hoverState & {
11531                    & .hamburger-button-icon--container {
11532                        width: var(--hamburgerMenuIconActiveSizeHover);
11533                        height: var(--hamburgerMenuIconActiveSizeHover);
11534                    }
11535
11536                    & .hamburger-button-icon {
11537                        width: var(--hamburgerMenuIconActiveSizeHover);
11538                        height: var(--hamburgerMenuIconActiveSizeHover);
11539
11540                        &::before {
11541                            width: var(--hamburgerMenuIconActiveSizeHover);
11542                            height: var(--hamburgerMenuIconActiveSizeHover);
11543                            background-color: var(--hamburgerMenuIconActiveHoverColor);
11544                        }
11545                    }
11546
11547                    & .hamburger-button-text {
11548                        color: var(--hamburgerMenuIconActiveHoverColor);
11549                    }
11550                }
11551            }
11552        }
11553    }
11554
11555    /* Vertical Navigation Styles */
11556    .wmc_menu.wmcM_menuVerticalDesktop .navigation-module-container {
11557        & .navigation-nav {
11558            overflow: hidden;
11559            position: relative;
11560            padding-top: var(--verticalNavPaddingTop);
11561            padding-bottom: var(--verticalNavPaddingBottom);
11562            padding-left: var(--verticalNavPaddingLeft);
11563            padding-right: var(--verticalNavPaddingRight);
11564            border-top: var(--verticalNavBorderTop);
11565            border-right: var(--verticalNavBorderRight);
11566            border-bottom: var(--verticalNavBorderBottom);
11567            border-left: var(--verticalNavBorderLeft);
11568            border-radius: var(--verticalNavBorderRadius);
11569
11570            & * {
11571                transition: all 0.3s ease;
11572            }
11573        }
11574
11575        /* level 1: main menu */
11576
11577        & ul.navigation-nav--main-menu {
11578            display: grid;
11579            margin: 0;
11580            padding: 0;
11581            grid-template-columns: 1fr;
11582            align-self: center;
11583            justify-self: var(--verticalNavJustifySelf);
11584            list-style: none;
11585            width: var(--verticalNavWidth);
11586            max-width: var(--verticalSlideContainerWidth);
11587            gap: calc(var(--verticalNavSeparatorSpacing) / 2);
11588
11589            & ul.navigation-nav--sub-menu {
11590                transform: translateX(var(--verticalSlideContainerWidth));
11591            }
11592
11593            &:has(.open) {
11594                transform: translateX(calc(var(--verticalSlideContainerWidth) * -1));
11595
11596                & .open > ul.navigation-nav--sub-menu {
11597                    transform: translateX(var(--verticalSlideContainerWidth));
11598
11599                    &:has(.open) {
11600                        transform: translateX(0px);
11601                    }
11602                }
11603            }
11604
11605            /* separator */
11606
11607            & > .navigation-nav--separator {
11608                display: var(--verticalNavSeparatorDisplay);
11609                margin: 0 auto;
11610                width: var(--verticalNavSeparatorWidth);
11611                height: var(--verticalNavSeparatorHeight);
11612                background-color: var(--verticalNavSeparatorColor);
11613            }
11614        }
11615
11616        /* level 1: li item */
11617
11618        & .navigation-nav--item {
11619            display: grid;
11620            grid-template-columns: 1fr;
11621            align-items: center;
11622            border-top: var(--verticalNavItemBorderTop);
11623            border-right: var(--verticalNavItemBorderRight);
11624            border-bottom: var(--verticalNavItemBorderBottom);
11625            border-left: var(--verticalNavItemBorderLeft);
11626            border-radius: var(--verticalNavItemBorderRadius);
11627            background-color: var(--verticalNavItemBackgroundColor);
11628
11629            &:hover, .wmcA_hoverState & {
11630                border-top: var(--verticalNavItemBorderTopHover);
11631                border-right: var(--verticalNavItemBorderRightHover);
11632                border-bottom: var(--verticalNavItemBorderBottomHover);
11633                border-left: var(--verticalNavItemBorderLeftHover);
11634                border-radius: var(--verticalNavItemBorderRadiusHover);
11635            }
11636
11637            & > a {
11638                display: flex;
11639                align-items: center;
11640                justify-content: var(--verticalNavItemsAlignment);
11641                text-align: var(--verticalNavItemsAlignment);
11642                padding-top: var(--verticalNavItemPaddingTop);
11643                padding-right: var(--verticalNavItemPaddingRight);
11644                padding-bottom: var(--verticalNavItemPaddingBottom);
11645                padding-left: var(--verticalNavItemPaddingLeft);
11646                font-family: var(--verticalNavItemFont);
11647                font-size: var(--verticalNavItemFontSize);
11648                font-weight: var(--verticalNavItemFontWeight);
11649                color: var(--verticalNavItemFontColor);
11650                line-height: var(--verticalNavItemLineHeight);
11651                text-decoration: var(--verticalNavItemTextDecoration);
11652                font-style: var(--verticalNavItemFontStyle);
11653                background-color: transparent;
11654                letter-spacing: var(--verticalNavItemLetterSpacing);
11655
11656                &:hover, .wmcA_hoverState & {
11657                    color: var(--verticalNavItemHoverFontColor);
11658                    padding-top: var(--verticalNavItemPaddingTopHover);
11659                    padding-right: var(--verticalNavItemPaddingRightHover);
11660                    padding-bottom: var(--verticalNavItemPaddingBottomHover);
11661                    padding-left: var(--verticalNavItemPaddingLeftHover);
11662                    font-style: var(--verticalNavItemFontStyleHover);
11663                    text-decoration: var(--verticalNavItemTextDecorationHover);
11664                    font-size: var(--verticalNavItemFontSizeHover);
11665                    font-weight: var(--verticalNavItemFontWeightHover);
11666                }
11667            }
11668
11669            & .arrow {
11670                display: none;
11671                pointer-events: none;
11672            }
11673
11674            /* hide: no sub menu for vertical navigation */
11675
11676            &:has(.navigation-nav--sub-menu) {
11677                display: grid;
11678                /* grid-template-columns: 1fr var(--verticalNavArrowSize); */
11679                grid-template-columns: 1fr;
11680                align-items: center;
11681                column-gap: var(--verticalNavArrowSpacing);
11682                padding-right: var(--verticalNavItemPaddingRight);
11683
11684                & > a {
11685                    padding-right: 0;
11686                    width: 100%;
11687                }
11688
11689                & > .arrow {
11690                    display: none; /* hide: no sub menu for vertical navigation */
11691                    align-items: center;
11692                    justify-content: flex-end;
11693                    pointer-events: auto;
11694                    position: relative;
11695                    z-index: 1;
11696                    width: var(--verticalNavArrowSize);
11697                    height: var(--verticalNavArrowSize);
11698                    cursor: pointer;
11699
11700                    &::after {
11701                        display: block;
11702                        content: '';
11703                        width: var(--verticalNavArrowSize);
11704                        height: var(--verticalNavArrowSize);
11705                        -webkit-mask-image: var(--wmd_caretIconUrl);
11706                        mask-image: var(--wmd_caretIconUrl);
11707                        -webkit-mask-size: contain;
11708                        mask-size: contain;
11709                        -webkit-mask-repeat: no-repeat;
11710                        mask-repeat: no-repeat;
11711                        -webkit-mask-position: center;
11712                        mask-position: center;
11713                        background-color: var(--verticalNavArrowColor);
11714                        transform: var(--verticalNavArrowRotate);
11715                    }
11716                }
11717            }
11718
11719            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
11720                background-color: var(--verticalNavItemHoverBackgroun
11720dColor);
11721
11722                & .arrow:hover, .wmcA_hoverState & {
11723                    &::after {
11724                        border-left-color: var(--verticalNavItemHoverFontColor);
11725                    }
11726                }
11727            }
11728
11729            &.open {
11730                & > .arrow {
11731                    &::after {
11732                        transform: rotate(90deg);
11733                    }
11734                }
11735
11736                & > .navigation-nav--sub-menu {
11737                    display: grid;
11738                    grid-template-columns: 1fr;
11739                    opacity: 1;
11740                    visibility: visible;
11741                    pointer-events: auto;
11742                }
11743            }
11744        }
11745
11746        /* level 2: sub menu */
11747
11748        & .navigation-nav--sub-menu {
11749            display: none;
11750            margin: 0;
11751            padding: 0;
11752            position: absolute;
11753            top: 0;
11754            left: 0;
11755            z-index: -1;
11756            list-style: none;
11757            opacity: 0;
11758            visibility: hidden;
11759            width: 100%;
11760            max-width: var(--verticalSlideContainerWidth);
11761            pointer-events: none;
11762            gap: calc(var(--verticalNavSubSeparatorSpacing) / 2);
11763
11764            /* separator */
11765
11766            & > .navigation-nav--separator {
11767                display: var(--verticalNavSubSeparatorDisplay);
11768                margin: 0 auto;
11769                width: var(--verticalNavSubSeparatorWidth);
11770                height: var(--verticalNavSubSeparatorHeight);
11771                background-color: var(--verticalNavSubSeparatorColor);
11772            }
11773        }
11774
11775        /* level 2: li sub item */
11776
11777        & .navigation-nav--sub-item {
11778            display: grid;
11779            grid-template-columns: 1fr;
11780            align-items: center;
11781            border-top: var(--verticalNavSubItemBorderTop);
11782            border-right: var(--verticalNavSubItemBorderRight);
11783            border-bottom: var(--verticalNavSubItemBorderBottom);
11784            border-left: var(--verticalNavSubItemBorderLeft);
11785            border-radius: var(--verticalNavSubItemBorderRadius);
11786            background-color: var(--verticalNavSubItemBackgroundColor);
11787
11788            & > a {
11789                display: flex;
11790                align-items: center;
11791                padding-top: var(--verticalNavSubItemPaddingTop);
11792                padding-right: var(--verticalNavSubItemPaddingRight);
11793                padding-bottom: var(--verticalNavSubItemPaddingBottom);
11794                padding-left: var(--verticalNavSubItemPaddingLeft);
11795                font-family: var(--verticalNavSubItemFont);
11796                font-size: var(--verticalNavSubItemFontSize);
11797                color: var(--verticalNavSubItemFontColor);
11798                font-weight: var(--verticalNavSubItemFontWeight);
11799                line-height: var(--verticalNavSubItemLineHeight);
11800                text-decoration: var(--verticalNavSubItemTextDecoration);
11801                font-style: var(--verticalNavSubItemFontStyle);
11802                letter-spacing: var(--verticalNavSubItemLetterSpacing);
11803                background-color: transparent;
11804
11805                &:hover, .wmcA_hoverState & {
11806                    color: var(--verticalNavSubItemHoverFontColor);
11807                }
11808            }
11809
11810            &:has(.navigation-nav--sub-menu) {
11811                display: grid;
11812                grid-template-columns: 1fr calc(var(--verticalNavSubArrowSpacing) + var(--verticalNavSubArrowSize));
11813                align-items: center;
11814                column-gap: var(--verticalNavSubArrowSpacing);
11815                padding-right: var(--verticalNavSubItemPaddingRight);
11816
11817                & > a {
11818                    padding-right: 0;
11819                    width: 100%;
11820                }
11821
11822                & > .arrow {
11823                    display: flex;
11824                    align-items: center;
11825                    justify-content: flex-end;
11826                    pointer-events: auto;
11827                    position: relative;
11828                    z-index: 1;
11829                    width: calc(var(--verticalNavSubArrowSpacing) + var(--verticalNavSubArrowSize));
11830                    height: 100%;
11831                    cursor: pointer;
11832
11833                    &::after {
11834                        display: block;
11835                        content: '';
11836                        width: var(--verticalNavSubArrowSize);
11837                        height: var(--verticalNavSubArrowSize);
11838                        -webkit-mask-image: var(--wmd_submenuItemIconUrl);
11839                        mask-image: var(--wmd_submenuItemIconUrl);
11840                        -webkit-mask-size: contain;
11841                        mask-size: contain;
11842                        -webkit-mask-repeat: no-repeat;
11843                        mask-repeat: no-repeat;
11844                        -webkit-mask-position: center;
11845                        mask-position: center;
11846                        background-color: var(--verticalNavSubArrowColor);
11847                        transform: var(--verticalNavSubArrowRotate);
11848                    }
11849                }
11850            }
11851
11852            /* Third level submenu styles */
11853
11854            & > .navigation-nav--sub-menu {
11855                display: none;
11856                opacity: 0;
11857                visibility: hidden;
11858                gap: calc(var(--verticalNavSubSeparatorSpacing) / 2);
11859            }
11860
11861            &:hover, .wmcA_hoverState & {
11862                background-color: var(--verticalNavSubItemHoverBackgroundColor);
11863
11864                & .arrow:hover, .wmcA_hoverState & {
11865                    &::after {
11866                        border-left-color: var(--verticalNavSubItemHoverFontColor);
11867                    }
11868                }
11869            }
11870
11871            &.open {
11872                & > .arrow {
11873                    &::after {
11874                        transform: rotate(90deg);
11875                    }
11876                }
11877
11878                & > .navigation-nav--sub-menu {
11879                    display: grid;
11880                    grid-template-columns: 1fr;
11881                    opacity: 1;
11882                    visibility: visible;
11883                    pointer-events: auto;
11884                }
11885            }
11886        }
11887
11888        /* parent title */
11889
11890        & .navigation-nav--parent-title {
11891            display: grid;
11892            padding: 15px 0 10px 0;
11893            grid-template-columns: 1fr max-content;
11894            align-items: center;
11895            gap: var(--verticalNavSubSeparatorSpacing);
11896            border: none;
11897            background-color: var(--verticalNavTitleContainerBackgroun
11897dColor);
11898
11899            &:hover, .wmcA_hoverState & {
11900                background-color: var(--verticalNavTitleContainerBackgroundColor);
11901            }
11902
11903            & a {
11904                display: block;
11905                margin-bottom: 4px;
11906                padding: 0;
11907                font-family: var(--verticalNavItemFont);
11908                font-size: var(--verticalNavTitleFontSize);
11909                font-weight: var(--verticalNavTitleFontWeight);
11910                color: var(--verticalNavTitleFontColor);
11911                text-decoration: none;
11912                cursor: pointer;
11913                pointer-events: none;
11914            }
11915
11916            & > span {
11917                display: none;
11918            }
11919        }
11920
11921        /* back button: NONE */
11922
11923        & .navigation-nav--back {
11924            display: block;
11925            padding: 15px 0;
11926            border-bottom: 1px solid var(--verticalNavArrowColor);
11927
11928            & a {
11929                display: inline-flex;
11930                margin-bottom: 10px;
11931                align-items: center;
11932                gap: 10px;
11933                font-family: var(--verticalNavItemFont);
11934                font-size: var(--verticalNavItemFontSize);
11935                font-weight: 400;
11936                color: var(--verticalNavItemFontColor);
11937                text-decoration: none;
11938
11939                &:hover, .wmcA_hoverState & {
11940                    color: var(--verticalNavItemHoverFontColor);
11941                }
11942
11943                &::before {
11944                    display: block;
11945                    content: '';
11946                    width: var(--verticalNavSubArrowSize);
11947                    height: var(--verticalNavSubArrowSize);
11948                    -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
11949                    mask-image: var(--wmd_submenuCaretIconUrl);
11950                    -webkit-mask-size: contain;
11951                    mask-size: contain;
11952                    -webkit-mask-repeat: no-repeat;
11953                    mask-repeat: no-repeat;
11954                    -webkit-mask-position: center;
11955                    mask-position: center;
11956                    background-color: var(--verticalNavSubArrowColor);
11957                    transform: rotate(90deg);
11958                }
11959            }
11960        }
11961    }
11962
11963    body > .wmc_section .wmc_menu.wmcM_menuHamburgerDesktop:has(.navigation-module-container.active) {
11964        z-index: 6000 !important;
11965    }
11966}
11967
11968.wmc_menu {
11969    /* Panel layout */
11970    --megaNavPanelNumberOfCells: var(--megaNavPanelNumberOfCellsDesktop);
11971    --megaNavPanelCellSpacing: var(--megaNavPanelCellSpacingDesktop);
11972    --megaNavPanelPaddingTop: var(--megaNavPanelPaddingTopDesktop);
11973    --megaNavPanelPaddingRight: var(--megaNavPanelPaddingRightDesktop);
11974    --megaNavPanelPaddingBottom: var(--megaNavPanelPaddingBottomDesktop);
11975    --megaNavPanelPaddingLeft: var(--megaNavPanelPaddingLeftDesktop);
11976    --megaNavPanelWidth: var(--megaNavPanelWidthDesktop);
11977    /* Panel fill / border / shadow */
11978    --megaNavPanelBackgroundColor: var(--megaNavPanelBackgroundColorDesktop);
11979    --megaNavPanelBorderTop: var(--megaNavPanelBorderTopDesktop);
11980    --megaNavPanelBorderRight: var(--megaNavPanelBorderRightDesktop);
11981    --megaNavPanelBorderBottom: var(--megaNavPanelBorderBottomDesktop);
11982    --megaNavPanelBorderLeft: var(--megaNavPanelBorderLeftDesktop);
11983    --megaNavPanelBorderRadius: var(--megaNavPanelBorderRadiusDesktop);
11984    --megaNavPanelShadow: var(--megaNavPanelShadowDesktop);
11985    /* Main item icon */
11986    --megaNavItemIconDisplay: var(--megaNavItemIconDisplayDesktop);
11987    --megaNavItemIconColor: var(--megaNavItemIconColorDesktop);
11988    --megaNavItemIconColorHover: var(--megaNavItemIconColorHoverDesktop);
11989    --megaNavItemIconSize: var(--megaNavItemIconSizeDesktop);
11990    --megaNavItemIconSizeHover: var(--megaNavItemIconSizeHoverDesktop);
11991    --megaNavItemIconRotate: var(--megaNavItemIconRotateDesktop);
11992    --megaNavItemIconRotateHover: var(--megaNavItemIconRotateHoverDesktop);
11993    --megaNavItemIconSpacing: var(--megaNavItemIconSpacingDesktop);
11994    /* mega main item */
11995    --megaNavItemBackgroundColor: var(--megaNavItemBackgroundColorDesktop);
11996    --megaNavItemBorderTop: var(--megaNavItemBorderTopDesktop);
11997    --megaNavItemBorderRight: var(--megaNavItemBorderRightDesktop);
11998    --megaNavItemBorderBottom: var(--megaNavItemBorderBottomDesktop);
11999    --megaNavItemBorderLeft: var(--megaNavItemBorderLeftDesktop);
12000    --megaNavItemBorderRadius: var(--megaNavItemBorderRadiusDesktop);
12001    --megaNavItemPaddingTop: var(--megaNavItemPaddingTopDesktop);
12002    --megaNavItemPaddingBottom: var(--megaNavItemPaddingBottomDesktop);
12003    --megaNavItemPaddingLeft: var(--megaNavItemPaddingLeftDesktop);
12004    --megaNavItemPaddingRight: var(--megaNavItemPaddingRightDesktop);
12005    --megaNavItemFont: var(--megaNavItemFontDesktop);
12006    --megaNavItemFontColor: var(--megaNavItemFontColorDesktop);
12007    --megaNavItemLineHeight: var(--megaNavItemLineHeightDesktop);
12008    --megaNavItemLetterSpacing: var(--megaNavItemLetterSpacingDesktop);
12009    --megaNavItemFontSize: var(--megaNavItemFontSizeDesktop);
12010    --megaNavItemTextDecoration: var(--megaNavItemTextDecorationDesktop);
12011    --megaNavItemFontWeight: var(--megaNavItemFontWeightDesktop);
12012    --megaNavItemFontStyle: var(--megaNavItemFontStyleDesktop);
12013    --megaNavItemHoverBackgroundColor: var(--megaNavItemHoverBackgroundColorDesktop);
12014    --megaNavItemBorderTopHover: var(--megaNavItemBorderTopHoverDesktop);
12015    --megaNavItemBorderRightHover: var(--megaNavItemBorderRightHoverDesktop);
12016    --megaNavItemBorderBottomHover: var(--megaNavItemBorderBottomHoverDesktop);
12017    --megaNavItemBorderLeftHover: var(--megaNavItemBorderLeftHoverDesktop);
12018    --megaNavItemBorderRadiusHover: var(--megaNavItemBorderRadiusHoverDesktop);
12019    --megaNavItemPaddingTopHover: var(--megaNavItemPaddingTopHoverDesktop);
12020    --megaNavItemPaddingBottomHover: var(--megaNavItemPaddingBottomHoverDesktop);
12021    --megaNavItemPaddingLeftHover: var(--megaNavItemPaddingLeftHoverDesktop);
12022    --megaNavItemPaddingRightHover: var(--megaNavItemPaddingRightHoverDesktop);
12023    --megaNavItemHoverFontColor: var(--megaNavItemHoverFontColorDesktop);
12024    --megaNavItemFontSizeHover: var(--megaNavItemFontSizeHoverDesktop);
12025    --megaNavItemTextDecorationHover: var(--megaNavItemTextDecorationHoverDesktop);
12026    --megaNavItemFontWeightHover: var(--megaNavItemFontWeightHoverDesktop);
12027    --megaNavItemFontStyleHover: var(--megaNavItemFontStyleHoverDesktop);
12028    --megaNavItemActiveBackgroundColor: var(--megaNavItemActiveBackgroundColorDesktop);
12029    --megaNavItemActiveFontColor: var(--megaNavItemActiveFontColorDesktop);
12030    /* Caret */
12031    --megaNavArrowDisplay: var(--megaNavArrowDisplayDesktop);
12032    --megaNavArrowSize: var(--megaNavArrowSizeDesktop);
12033    --megaNavArrowColor: var(--megaNavArrowColorDesktop);
12034    --megaNavArrowRotate: var(--megaNavArrowRotateDesktop);
12035    --megaNavArrowSizeHover: var(--megaNavArrowSizeHoverDesktop);
12036    --megaNavArrowColorHover: var(--megaNavArrowColorHoverDesktop);
12037    --megaNavArrowRotateHover: var(--megaNavArrowRotateHoverDesktop);
12038    --megaNavArrowSpacing: var(--megaNavArrowSpacingDesktop);
12039    /* Sub mega item (column title) — font */
12040    --megaNavSubItemFont: var(--megaNavSubItemFontDesktop);
12041    --megaNavSubItemFontColor: var(--megaNavSubItemFontColorDesktop);
12042    --megaNavSubItemFontSize: var(--megaNavSubItemFontSizeDesktop);
12043    --megaNavSubItemFontWeight: var(--megaNavSubItemFontWeightDesktop);
12044    --megaNavSubItemFontStyle: var(--megaNavSubItemFontStyleDesktop);
12045    --megaNavSubItemLineHeight: var(--megaNavSubItemLineHeightDesktop);
12046    --megaNavSubItemLetterSpacing: var(--megaNavSubItemLetterSpacingDesktop);
12047    --megaNavSubItemTextDecoration: var(--megaNavSubItemTextDecorationDesktop);
12048    --megaNavSubItemHoverFontColor: var(--megaNavSubItemHoverFontColorDesktop);
12049    --megaNavSubItemHoverFontSize: var(--megaNavSubItemHoverFontSizeDesktop);
12050    --megaNavSubItemHoverFontWeight: var(--megaNavSubItemHoverFontWeightDesktop);
12051    --megaNavSubItemHoverFontStyle: var(--megaNavSubItemHoverFontStyleDesktop);
12052    --megaNavSubItemHoverTextDecoration: var(--megaNavSubItemHoverTextDecorationDesktop);
12053    /* Sub mega item — fill / border / padding */
12054    --megaNavSubItemBackgroundColor: var(--megaNavSubItemBackgroundColorDesktop);
12055    --megaNavSubItemHoverBackgroundColor: var(--megaNavSubItemHoverBackgroundColorDesktop);
12056    --megaNavSubItemBorderTop: var(--megaNavSubItemBorderTopDesktop);
12057    --megaNavSubItemBorderRight: var(--megaNavSubItemBorderRightDesktop);
12058    --megaNavSubItemBorderBottom: var(--megaNavSubItemBorderBottomDesktop);
12059    --megaNavSubItemBorderLeft: var(--megaNavSubItemBorderLeftDesktop);
12060    --megaNavSubItemBorderRadius: var(--megaNavSubItemBorderRadiusDesktop);
12061    --megaNavSubItemBorderTopHover: var(--megaNavSubItemBorderTopHoverDesktop);
12062    --megaNavSubItemBorderRightHover: var(--megaNavSubItemBorderRightHoverDesktop);
12063    --megaNavSubItemBorderBottomHover: var(--megaNavSubItemBorderBottomHoverDesktop);
12064    --megaNavSubItemBorderLeftHover: var(--megaNavSubItemBorderLeftHoverDesktop);
12065    --megaNavSubItemBorderRadiusHover: var(--megaNavSubItemBorderRadiusHoverDesktop);
12066    --megaNavSubItemPaddingTop: var(--megaNavSubItemPaddingTopDesktop);
12067    --megaNavSubItemPaddingRight: var(--megaNavSubItemPaddingRightDesktop);
12068    --megaNavSubItemPaddingBottom: var(--megaNavSubItemPaddingBottomDesktop);
12069    --megaNavSubItemPaddingLeft: var(--megaNavSubItemPaddingLeftDesktop);
12070    --megaNavSubItemPaddingTopHover: var(--megaNavSubItemPaddingTopHoverDesktop);
12071    --megaNavSubItemPaddingRightHover: var(--megaNavSubItemPaddingRightHoverDesktop);
12072    --megaNavSubItemPaddingBottomHover: var(--megaNavSubItemPaddingBottomHoverDesktop);
12073    --megaNavSubItemPaddingLeftHover: var(--megaNavSubItemPaddingLeftHoverDesktop);
12074    /* Sub mega item — icon */
12075    --megaNavSubItemIconDisplay: var(--megaNavSubItemIconDisplayDesktop);
12076    --megaNavSubItemIconColor: var(--megaNavSubItemIconColorDesktop);
12077    --megaNavSubItemIconColorHover: var(--megaNavSubItemIconColorHoverDesktop);
12078    --megaNavSubItemIconSize: var(--megaNavSubItemIconSizeDesktop);
12079    --megaNavSubItemIconSizeHover: var(--megaNavSubItemIconSizeHoverDesktop);
12080    --megaNavSubItemIconRotate: var(--megaNavSubItemIconRotateDesktop);
12081    --megaNavSubItemIconRotateHover: var(--megaNavSubItemIconRotateHoverDesktop);
12082    --megaNavSubItemIconSpacing: var(--megaNavSubItemIconSpacingDesktop);
12083    /* Child mega item — font */
12084    --megaNavChildItemFont: var(--megaNavChildItemFontDesktop);
12085    --megaNavChildItemFontColor: var(--megaNavChildItemFontColorDesktop);
12086    --megaNavChildItemFontSize: var(--megaNavChildItemFontSizeDesktop);
12087    --megaNavChildItemFontWeight: var(--megaNavChildItemFontWeightDesktop);
12088    --megaNavChildItemFontStyle: var(--megaNavChildItemFontStyleDesktop);
12089    --megaNavChildItemLineHeight: var(--megaNavChildItemLineHeightDesktop);
12090    --megaNavChildItemLetterSpacing: var(--megaNavChildItemLetterSpacingDesktop);
12091    --megaNavChildItemTextDecoration: var(--megaNavChildItemTextDecorationDesktop);
12092    --megaNavChildItemHoverFontColor: var(--megaNavChildItemHoverFontColorDesktop);
12093    --megaNavChildItemHoverFontSize: var(--megaNavChildItemHoverFontSizeDesktop);
12094    --megaNavChildItemHoverFontWeight: var(--megaNavChildItemHoverFontWeightDesktop);
12095    --megaNavChildItemHoverFontStyle: var(--megaNavChildItemHoverFontStyleDesktop);
12096    --megaNavChildItemHoverTextDecoration: var(--megaNavChildItemHoverTextDecorationDesktop);
12097    /* Child mega item — fill / border / padding */
12098    --megaNavChildItemBackgroundColor: var(--megaNavChildItemBackgroundColorDesktop);
12099    --megaNavChildItemHoverBackgroundColor: var(--megaNavChildItemHoverBackgroundColorDesktop);
12100    --megaNavChildItemBorderTop: var(--megaNavChildItemBorderTopDesktop);
12101    --megaNavChildItemBorderRight: var(--megaNavChildItemBorderRightDesktop);
12102    --megaNavChildItemBorderBottom: var(--megaNavChildItemBorderBottomDesktop);
12103    --megaNavChildItemBorderLeft: var(--megaNavChildItemBorderLeftDesktop);
12104    --megaNavChildItemBorderRadius: var(--megaNavChildItemBorderRadiusDesktop);
12105    --megaNavChildItemBorderTopHover: var(--megaNavChildItemBorderTopHoverDesktop);
12106    --megaNavChildItemBorderRightHover: var(--megaNavChildItemBorderRightHoverDesktop);
12107    --megaNavChildItemBorderBottomHover: var(--megaNavChildItemBorderBottomHoverDesktop);
12108    --megaNavChildItemBorderLeftHover: var(--megaNavChildItemBorderLeftHoverDesktop);
12109    --megaNavChildItemBorderRadiusHover: var(--megaNavChildItemBorderRadiusHoverDesktop);
12110    --megaNavChildItemPaddingTop: var(--megaNavChildItemPaddingTopDesktop);
12111    --megaNavChildItemPaddingRight: var(--megaNavChildItemPaddingRightDesktop);
12112    --megaNavChildItemPaddingBottom: var(--megaNavChildItemPaddingBottomDesktop);
12113    --megaNavChildItemPaddingLeft: var(--megaNavChildItemPaddingLeftDesktop);
12114    --megaNavChildItemPaddingTopHover: var(--megaNavChildItemPaddingTopHoverDesktop);
12115    --megaNavChildItemPaddingRightHover: var(--megaNavChildItemPaddingRightHoverDesktop);
12116    --megaNavChildItemPaddingBottomHover: var(--megaNavChildItemPaddingBottomHoverDesktop);
12117    --megaNavChildItemPaddingLeftHover: var(--megaNavChildItemPaddingLeftHoverDesktop);
12118    /* Child mega item — icon */
12119    --megaNavChildItemIconDisplay: var(--megaNavChildItemIconDisplayDesktop);
12120    --megaNavChildItemIconColor: var(--megaNavChildItemIconColorDesktop);
12121    --megaNavChildItemIconColorHover: var(--megaNavChildItemIconColorHoverDesktop);
12122    --megaNavChildItemIconSize: var(--megaNavChildItemIconSizeDesktop);
12123    --megaNavChildItemIconSizeHover: var(--megaNavChildItemIconSizeHoverDesktop);
12124    --megaNavChildItemIconRotate: var(--megaNavChildItemIconRotateDesktop);
12125    --megaNavChildItemIconRotateHover: var(--megaNavChildItemIconRotateHoverDesktop);
12126    --megaNavChildItemIconSpacing: var(--megaNavChildItemIconSpacingDesktop);
12127}
12128
12129@media all and (width < 1040px) {
12130    .wmc_menu {
12131        --megaNavPanelNumberOfCells: var(--megaNavPanelNumberOfCellsTablet, var(--megaNavPanelNumberOfCellsDesktop));
12132        --megaNavPanelCellSpacing: var(--megaNavPanelCellSpacingTablet, var(--megaNavPanelCellSpacingDesktop));
12133        --megaNavPanelPaddingTop: var(--megaNavPanelPaddingTopTablet, var(--megaNavPanelPaddingTopDesktop));
12134        --megaNavPanelPaddingRight: var(--megaNavPanelPaddingRightTablet, var(--megaNavPanelPaddingRightDesktop));
12135        --megaNavPanelPaddingBottom: var(--megaNavPanelPaddingBottomTablet, var(--megaNavPanelPaddingBottomDesktop));
12136        --megaNavPanelPaddingLeft: var(--megaNavPanelPaddingLeftTablet, var(--megaNavPanelPaddingLeftDesktop));
12137        --megaNavPanelWidth: var(--megaNavPanelWidthTablet, var(--megaNavPanelWidthDesktop));
12138        --megaNavPanelBackgroundColor: var(--megaNavPanelBackgroundColorTablet, var(--megaNavPanelBackgroundColorDesktop));
12139        --megaNavPanelBorderTop: var(--megaNavPanelBorderTopTablet, var(--megaNavPanelBorderTopDesktop));
12140        --megaNavPanelBorderRight: var(--megaNavPanelBorderRightTablet, var(--megaNavPanelBorderRightDesktop));
12141        --megaNavPanelBorderBottom: var(--megaNavPanelBorderBottomTablet, var(--megaNavPanelBorderBottomDesktop));
12142        --megaNavPanelBorderLeft: var(--megaNavPanelBorderLeftTablet, var(--megaNavPanelBorderLeftDesktop));
12143        --megaNavPanelBorderRadius: var(--megaNavPanelBorderRadiusTablet, var(--megaNavPanelBorderRadiusDesktop));
12144        --megaNavPanelShadow: var(--megaNavPanelShadowTablet, var(--megaNavPanelShadowDesktop));
12145        --megaNavItemIconDisplay: var(--megaNavItemIconDisplayTablet, var(--megaNavItemIconDisplayDesktop));
12146        --megaNavItemIconColor: var(--megaNavItemIconColorTablet, var(--megaNavItemIconColorDesktop));
12147        --megaNavItemIconColorHover: var(--megaNavItemIconColorHoverTablet, var(--megaNavItemIconColorHoverDesktop));
12148        --megaNavItemIconSize: var(--megaNavItemIconSizeTablet, var(--megaNavItemIconSizeDesktop));
12149        --megaNavItemIconSizeHover: var(--megaNavItemIconSizeHoverTablet, var(--megaNavItemIconSizeHoverDesktop));
12150        --megaNavItemIconRotate: var(--megaNavItemIconRotateTablet, var(--megaNavItemIconRotateDesktop));
12151        --megaNavItemIconRotateHover: var(--megaNavItemIconRotateHoverTablet, var(--megaNavItemIconRotateHoverDesktop));
12152        --megaNavItemIconSpacing: var(--megaNavItemIconSpacingTablet, var(--megaNavItemIconSpacingDesktop));
12153        /* mega main item */
12154        --megaNavItemBackgroundColor: var(--megaNavItemBackgroundColorTablet, var(--megaNavItemBackgroundColorDesktop));
12155        --megaNavItemBorderTop: var(--megaNavItemBorderTopTablet, var(--megaNavItemBorderTopDesktop));
12156        --megaNavItemBorderRight: var(--megaNavItemBorderRightTablet, var(--megaNavItemBorderRightDesktop));
12157        --megaNavItemBorderBottom: var(--megaNavItemBorderBottomTablet, var(--megaNavItemBorderBottomDesktop));
12158        --megaNavItemBorderLeft: var(--megaNavItemBorderLeftTablet, var(--megaNavItemBorderLeftDesktop));
12159        --megaNavItemBorderRadius: var(--megaNavItemBorderRadiusTablet, var(--megaNavItemBorderRadiusDesktop));
12160        --megaNavItemPaddingTop: var(--megaNavItemPaddingTopTablet, var(--megaNavItemPaddingTopDesktop));
12161        --megaNavItemPaddingBottom: var(--megaNavItemPaddingBottomTablet, var(--megaNavItemPaddingBottomDesktop));
12162        --megaNavItemPaddingLeft: var(--megaNavItemPaddingLeftTablet, var(--megaNavItemPaddingLeftDesktop));
12163        --megaNavItemPaddingRight: var(--megaNavItemPaddingRightTablet, var(--megaNavItemPaddingRightDesktop));
12164        --megaNavItemFont: var(--megaNavItemFontTablet, var(--megaNavItemFontDesktop));
12165        --megaNavItemFontColor: var(--megaNavItemFontColorTablet, var(--megaNavItemFontColorDesktop));
12166        --megaNavItemLineHeight: var(--megaNavItemLineHeightTablet, var(--megaNavItemLineHeightDesktop));
12167        --megaNavItemLetterSpacing: var(--megaNavItemLetterSpacingTablet, var(--megaNavItemLetterSpacingDesktop));
12168        --megaNavItemFontSize: var(--megaNavItemFontSizeTablet, var(--megaNavItemFontSizeDesktop));
12169        --megaNavItemTextDecoration: var(--megaNavItemTextDecorationTablet, var(--megaNavItemTextDecorationDesktop));
12170        --megaNavItemFontWeight: var(--megaNavItemFontWeightTablet, var(--megaNavItemFontWeightDesktop));
12171        --megaNavItemFontStyle: var(--megaNavItemFontStyleTablet, var(--megaNavItemFontStyleDesktop));
12172        --megaNavItemHoverBackgroundColor: var(--megaNavItemHoverBackgroundColorTablet, var(--megaNavItemHoverBackgroundColorDesktop));
12173        --megaNavItemBorderTopHover: var(--megaNavItemBorderTopHoverTablet, var(--megaNavItemBorderTopHoverDesktop));
12174        --megaNavItemBorderRightHover: var(--megaNavItemBorderRightHoverTablet, var(--megaNavItemBorderRightHoverDesktop));
12175        --megaNavItemBorderBottomHover: var(--megaNavItemBorderBottomHoverTablet, var(--megaNavItemBorderBottomHoverDesktop));
12176        --megaNavItemBorderLeftHover: var(--megaNavItemBorderLeftHoverTablet, var(--megaNavItemBorderLeftHoverDesktop));
12177        --megaNavItemBorderRadiusHover: var(--megaNavItemBorderRadiusHoverTablet, var(--megaNavItemBorderRadiusHoverDesktop));
12178        --megaNavItemPaddingTopHover: var(--megaNavItemPaddingTopHoverTablet, var(--megaNavItemPaddingTopHoverDesktop));
12179        --megaNavItemPaddingBottomHover: var(--megaNavItemPaddingBottomHoverTablet, var(--megaNavItemPaddingBottomHoverDesktop));
12180        --megaNavItemPaddingLeftHover: var(--megaNavItemPaddingLeftHoverTablet, var(--megaNavItemPaddingLeftHoverDesktop));
12181        --megaNavItemPaddingRightHover: var(--megaNavItemPaddingRightHoverTablet, var(--megaNavItemPaddingRightHoverDesktop));
12182        --megaNavItemHoverFontColor: var(--megaNavItemHoverFontColorTablet, var(--megaNavItemHoverFontColorDesktop));
12183        --megaNavItemFontSizeHover: var(--megaNavItemFontSizeHoverTablet, var(--megaNavItemFontSizeHoverDesktop));
12184        --megaNavItemTextDecorationHover: var(--megaNavItemTextDecorationHoverTablet, var(--megaNavItemTextDecorationHoverDesktop));
12185        --megaNavItemFontWeightHover: var(--megaNavItemFontWeightHoverTablet, var(--megaNavItemFontWeightHoverDesktop));
12186        --megaNavItemFontStyleHover: var(--megaNavItemFontStyleHoverTablet, var(--megaNavItemFontStyleHoverDesktop));
12187        --megaNavItemActiveBackgroundColor: var(--megaNavItemActiveBackgroundColorTablet, var(--megaNavItemActiveBackgroundColorDesktop));
12188        --megaNavItemActiveFontColor: var(--megaNavItemActiveFontColorTablet, var(--megaNavItemActiveFontColorDesktop));
12189        --megaNavArrowDisplay: var(--megaNavArrowDisplayTablet, var(--megaNavArrowDisplayDesktop));
12190        --megaNavArrowSize: var(--megaNavArrowSizeTablet, var(--megaNavArrowSizeDesktop));
12191        --megaNavArrowColor: var(--megaNavArrowColorTablet, var(--megaNavArrowColorDesktop));
12192        --megaNavArrowRotate: var(--megaNavArrowRotateTablet, var(--megaNavArrowRotateDesktop));
12193        --megaNavArrowSizeHover: var(--megaNavArrowSizeHoverTablet, var(--megaNavArrowSizeTablet, var(--megaNavArrowSizeDesktop)));
12194        --megaNavArrowColorHover: var(--megaNavArrowColorHoverTablet, var(--megaNavArrowColorHoverDesktop));
12195        --megaNavArrowRotateHover: var(--megaNavArrowRotateHoverTablet, var(--megaNavArrowRotateHoverDesktop));
12196        --megaNavArrowSpacing: var(--megaNavArrowSpacingTablet, var(--megaNavArrowSpacingDesktop));
12197        --megaNavSubItemFont: var(--megaNavSubItemFontTablet, var(--megaNavSubItemFontDesktop));
12198        --megaNavSubItemFontColor: var(--megaNavSubItemFontColorTablet, var(--megaNavSubItemFontColorDesktop));
12199        --megaNavSubItemFontSize: var(--megaNavSubItemFontSizeTablet, var(--megaNavSubItemFontSizeDesktop));
12200        --megaNavSubItemFontWeight: var(--megaNavSubItemFontWeightTablet, var(--megaNavSubItemFontWeightDesktop));
12201        --megaNavSubItemFontStyle: var(--megaNavSubItemFontStyleTablet, var(--megaNavSubItemFontStyleDesktop));
12202        --megaNavSubItemLineHeight: var(--megaNavSubItemLineHeightTablet, var(--megaNavSubItemLineHeightDesktop));
12203        --megaNavSubItemLetterSpacing: var(--megaNavSubItemLetterSpacingTablet, var(--megaNavSubItemLetterSpacingDesktop));
12204        --megaNavSubItemTextDecoration: var(--megaNavSubItemTextDecorationTablet, var(--megaNavSubItemTextDecorationDesktop));
12205        --megaNavSubItemHoverFontColor: var(--megaNavSubItemHoverFontColorTablet, var(--megaNavSubItemHoverFontColorDesktop));
12206        --megaNavSubItemHoverFontSize: var(--megaNavSubItemHoverFontSizeTablet, var(--megaNavSubItemHoverFontSizeDesktop));
12207        --megaNavSubItemHoverFontWeight: var(--megaNavSubItemHoverFontWeightTablet, var(--megaNavSubItemHoverFontWeightDesktop));
12208        --megaNavSubItemHoverFontStyle: var(--megaNavSubItemHoverFontStyleTablet, var(--megaNavSubItemHoverFontStyleDesktop));
12209        --megaNavSubItemHoverTextDecoration: var(--megaNavSubItemHoverTextDecorationTablet, var(--megaNavSubItemHoverTextDecorationDesktop));
12210        --megaNavSubItemBackgroundColor: var(--megaNavSubItemBackgroundColorTablet, var(--megaNavSubItemBackgroundColorDesktop));
12211        --megaNavSubItemHoverBackgroundColor: var(--megaNavSubItemHoverBackgroundColorTablet, var(--megaNavSubItemHoverBackgroundColorDesktop));
12212        --megaNavSubItemBorderTop: var(--megaNavSubItemBorderTopTablet, var(--megaNavSubItemBorderTopDesktop));
12213        --megaNavSubItemBorderRight: var(--megaNavSubItemBorderRightTablet, var(--megaNavSubItemBorderRightDesktop));
12214        --megaNavSubItemBorderBottom: var(--megaNavSubItemBorderBottomTablet, var(--megaNavSubItemBorderBottomDesktop));
12215        --megaNavSubItemBorderLeft: var(--megaNavSubItemBorderLeftTablet, var(--megaNavSubItemBorderLeftDesktop));
12216        --megaNavSubItemBorderRadius: var(--megaNavSubItemBorderRadiusTablet, var(--megaNavSubItemBorderRadiusDesktop));
12217        --megaNavSubItemBorderTopHover: var(--megaNavSubItemBorderTopHoverTablet, var(--megaNavSubItemBorderTopHoverDesktop));
12218        --megaNavSubItemBorderRightHover: var(--megaNavSubItemBorderRightHoverTablet, var(--megaNavSubItemBorderRightHoverDesktop));
12219        --megaNavSubItemBorderBottomHover: var(--megaNavSubItemBorderBottomHoverTablet, var(--megaNavSubItemBorderBottomHoverDesktop));
12220        --megaNavSubItemBorderLeftHover: var(--megaNavSubItemBorderLeftHoverTablet, var(--megaNavSubItemBorderLeftHoverDesktop));
12221        --megaNavSubItemBorderRadiusHover: var(--megaNavSubItemBorderRadiusHoverTablet, var(--megaNavSubItemBorderRadiusHoverDesktop));
12222        --megaNavSubItemPaddingTop: var(--megaNavSubItemPaddingTopTablet, var(--megaNavSubItemPaddingTopDesktop));
12223        --megaNavSubItemPaddingRight: var(--megaNavSubItemPaddingRightTablet, var(--megaNavSubItemPaddingRightDesktop));
12224        --megaNavSubItemPaddingBottom: var(--megaNavSubItemPaddingBottomTablet, var(--megaNavSubItemPaddingBottomDesktop));
12225        --megaNavSubItemPaddingLeft: var(--megaNavSubItemPaddingLeftTablet, var(--megaNavSubItemPaddingLeftDesktop));
12226        --megaNavSubItemPaddingTopHover: var(--megaNavSubItemPaddingTopHoverTablet, var(--megaNavSubItemPaddingTopHoverDesktop));
12227        --megaNavSubItemPaddingRightHover: var(--megaNavSubItemPaddingRightHoverTablet, var(--megaNavSubItemPaddingRightHoverDesktop));
12228        --megaNavSubItemPaddingBottomHover: var(--megaNavSubItemPaddingBottomHoverTablet, var(--megaNavSubItemPaddingBottomHoverDesktop));
12229        --megaNavSubItemPaddingLeftHover: var(--megaNavSubItemPaddingLeftHoverTablet, var(--megaNavSubItemPaddingLeftHoverDesktop));
12230        --megaNavSubItemIconDisplay: var(--megaNavSubItemIconDisplayTablet, var(--megaNavSubItemIconDisplayDesktop));
12231        --megaNavSubItemIconColor: var(--megaNavSubItemIconColorTablet, var(--megaNavSubItemIconColorDesktop));
12232        --megaNavSubItemIconColorHover: var(--megaNavSubItemIconColorHoverTablet, var(--megaNavSubItemIconColorHoverDesktop));
12233        --megaNavSubItemIconSize: var(--megaNavSubItemIconSizeTablet, var(--megaNavSubItemIconSizeDesktop));
12234        --megaNavSubItemIconSizeHover: var(--megaNavSubItemIconSizeHoverTablet, var(--megaNavSubItemIconSizeHoverDesktop));
12235        --megaNavSubItemIconRotate: var(--megaNavSubItemIconRotateTablet, var(--megaNavSubItemIconRotateDesktop));
12236        --megaNavSubItemIconRotateHover: var(--megaNavSubItemIconRotateHoverTablet, var(--megaNavSubItemIconRotateHoverDesktop));
12237        --megaNavSubItemIconSpacing: var(--megaNavSubItemIconSpacingTablet, var(--megaNavSubItemIconSpacingDesktop));
12238        --megaNavChildItemFont: var(--megaNavChildItemFontTablet, var(--megaNavChildItemFontDesktop));
12239        --megaNavChildItemFontColor: var(--megaNavChildItemFontColorTablet, var(--megaNavChildItemFontColorDesktop));
12240        --megaNavChildItemFontSize: var(--megaNavChildItemFontSizeTablet, var(--megaNavChildItemFontSizeDesktop));
12241        --megaNavChildItemFontWeight: var(--megaNavChildItemFontWeightTablet, var(--megaNavChildItemFontWeightDesktop));
12242        --megaNavChildItemFontStyle: var(--megaNavChildItemFontStyleTablet, var(--megaNavChildItemFontStyleDesktop));
12243        --megaNavChildItemLineHeight: var(--megaNavChildItemLineHeightTablet, var(--megaNavChildItemLineHeightDesktop));
12244        --megaNavChildItemLetterSpacing: var(--megaNavChildItemLetterSpacingTablet, var(--megaNavChildItemLetterSpacingDesktop));
12245        --megaNavChildItemTextDecoration: var(--megaNavChildItemTextDecorationTablet, var(--megaNavChildItemTextDecorationDesktop));
12246        --megaNavChildItemHoverFontColor: var(--megaNavChildItemHoverFontColorTablet, var(--megaNavChildItemHoverFontColorDesktop));
12247        --megaNavChildItemHoverFontSize: var(--megaNavChildItemHoverFontSizeTablet, var(--megaNavChildItemHoverFontSizeDesktop));
12248        --megaNavChildItemHoverFontWeight: var(--megaNavChildItemHoverFontWeightTablet, var(--megaNavChildItemHoverFontWeightDesktop));
12249        --megaNavChildItemHoverFontStyle: var(--megaNavChildItemHoverFontStyleTablet, var(--megaNavChildItemHoverFontStyleDesktop));
12250        --megaNavChildItemHoverTextDecoration: var(--megaNavChildItemHoverTextDecorationTablet, var(--megaNavChildItemHoverTextDecorationDesktop));
12251        --megaNavChildItemBackgroundColor: var(--megaNavChildItemBackgroundColorTablet, var(--megaNavChildItemBackgroundColorDesktop));
12252        --megaNavChildItemHoverBackgroundColor: var(--megaNavChildItemHoverBackgroundColorTablet, var(--megaNavChildItemHoverBackgroundColorDesktop));
12253        --megaNavChildItemBorderTop: var(--megaNavChildItemBorderTopTablet, var(--megaNavChildItemBorderTopDesktop));
12254        --megaNavChildItemBorderRight: var(--megaNavChildItemBorderRightTablet, var(--megaNavChildItemBorderRightDesktop));
12255        --megaNavChildItemBorderBottom: var(--megaNavChildItemBorderBottomTablet, var(--megaNavChildItemBorderBottomDesktop));
12256        --megaNavChildItemBorderLeft: var(--megaNavChildItemBorderLeftTablet, var(--megaNavChildItemBorderLeftDesktop));
12257        --megaNavChildItemBorderRadius: var(--megaNavChildItemBorderRadiusTablet, var(--megaNavChildItemBorderRadiusDesktop));
12258        --megaNavChildItemBorderTopHover: var(--megaNavChildItemBorderTopHoverTablet, var(--megaNavChildItemBorderTopHoverDesktop));
12259        --megaNavChildItemBorderRightHover: var(--megaNavChildItemBorderRightHoverTablet, var(--megaNavChildItemBorderRightHoverDesktop));
12260        --megaNavChildItemBorderBottomHover: var(--megaNavChildItemBorderBottomHoverTablet, var(--megaNavChildItemBorderBottomHoverDesktop));
12261        --megaNavChildItemBorderLeftHover: var(--megaNavChildItemBorderLeftHoverTablet, var(--megaNavChildItemBorderLeftHoverDesktop));
12262        --megaNavChildItemBorderRadiusHover: var(--megaNavChildItemBorderRadiusHoverTablet, var(--megaNavChildItemBorderRadiusHoverDesktop));
12263        --megaNavChildItemPaddingTop: var(--megaNavChildItemPaddingTopTablet, var(--megaNavChildItemPaddingTopDesktop));
12264        --megaNavChildItemPaddingRight: var(--megaNavChildItemPaddingRightTablet, var(--megaNavChildItemPaddingRightDesktop));
12265        --megaNavChildItemPaddingBottom: var(--megaNavChildItemPaddingBottomTablet, var(--megaNavChildItemPaddingBottomDesktop));
12266        --megaNavChildItemPaddingLeft: var(--megaNavChildItemPaddingLeftTablet, var(--megaNavChildItemPaddingLeftDesktop));
12267        --megaNavChildItemPaddingTopHover: var(--megaNavChildItemPaddingTopHoverTablet, var(--megaNavChildItemPaddingTopHoverDesktop));
12268        --megaNavChildItemPaddingRightHover: var(--megaNavChildItemPaddingRightHoverTablet, var(--megaNavChildItemPaddingRightHoverDesktop));
12269        --megaNavChildItemPaddingBottomHover: var(--megaNavChildItemPaddingBottomHoverTablet, var(--megaNavChildItemPaddingBottomHoverDesktop));
12270        --megaNavChildItemPaddingLeftHover: var(--megaNavChildItemPaddingLeftHoverTablet, var(--megaNavChildItemPaddingLeftHoverDesktop));
12271        --megaNavChildItemIconDisplay: var(--megaNavChildItemIconDisplayTablet, var(--megaNavChildItemIconDisplayDesktop));
12272        --megaNavChildItemIconColor: var(--megaNavChildItemIconColorTablet, var(--megaNavChildItemIconColorDesktop));
12273        --megaNavChildItemIconColorHover: var(--megaNavChildItemIconColorHoverTablet, var(--megaNavChildItemIconColorHoverDesktop));
12274        --megaNavChildItemIconSize: var(--megaNavChildItemIconSizeTablet, var(--megaNavChildItemIconSizeDesktop));
12275        --megaNavChildItemIconSizeHover: var(--megaNavChildItemIconSizeHoverTablet, var(--megaNavChildItemIconSizeHoverDesktop));
12276        --megaNavChildItemIconRotate: var(--megaNavChildItemIconRotateTablet, var(--megaNavChildItemIconRotateDesktop));
12277        --megaNavChildItemIconRotateHover: var(--megaNavChildItemIconRotateHoverTablet, var(--megaNavChildItemIconRotateHoverDesktop));
12278        --megaNavChildItemIconSpacing: var(--megaNavChildItemIconSpacingTablet, var(--megaNavChildItemIconSpacingDesktop));
12279    }
12280}
12281
12282@media all and (width < 650px) {
12283    .wmc_menu {
12284        --megaNavPanelNumberOfCells: var(--megaNavPanelNumberOfCellsMobile, var(--megaNavPanelNumberOfCellsDesktop));
12285        --megaNavPanelCellSpacing: var(--megaNavPanelCellSpacingMobile, var(--megaNavPanelCellSpacingDesktop));
12286        --megaNavPanelPaddingTop: var(--megaNavPanelPaddingTopMobile, var(--megaNavPanelPaddingTopDesktop));
12287        --megaNavPanelPaddingRight: var(--megaNavPanelPaddingRightMobile, var(--megaNavPanelPaddingRightDesktop));
12288        --megaNavPanelPaddingBottom: var(--megaNavPanelPaddingBottomMobile, var(--megaNavPanelPaddingBottomDesktop));
12289        --megaNavPanelPaddingLeft: var(--megaNavPanelPaddingLeftMobile, var(--megaNavPanelPaddingLeftDesktop));
12290        --megaNavPanelWidth: var(--megaNavPanelWidthMobile, var(--megaNavPanelWidthDesktop));
12291        --megaNavPanelBackgroundColor: var(--megaNavPanelBackgroundColorMobile, var(--megaNavPanelBackgroundColorDesktop));
12292        --megaNavPanelBorderTop: var(--megaNavPanelBorderTopMobile, var(--megaNavPanelBorderTopDesktop));
12293        --megaNavPanelBorderRight: var(--megaNavPanelBorderRightMobile, var(--megaNavPanelBorderRightDesktop));
12294        --megaNavPanelBorderBottom: var(--megaNavPanelBorderBottomMobile, var(--megaNavPanelBorderBottomDesktop));
12295        --megaNavPanelBorderLeft: var(--megaNavPanelBorderLeftMobile, var(--megaNavPanelBorderLeftDesktop));
12296        --megaNavPanelBorderRadius: var(--megaNavPanelBorderRadiusMobile, var(--megaNavPanelBorderRadiusDesktop));
12297        --megaNavPanelShadow: var(--megaNavPanelShadowMobile, var(--megaNavPanelShadowDesktop));
12298        --megaNavItemIconDisplay: var(--megaNavItemIconDisplayMobile, var(--megaNavItemIconDisplayDesktop));
12299        --megaNavItemIconColor: var(--megaNavItemIconColorMobile, var(--megaNavItemIconColorDesktop));
12300        --megaNavItemIconColorHover: var(--megaNavItemIconColorHoverMobile, var(--megaNavItemIconColorHoverDesktop));
12301        --megaNavItemIconSize: var(--megaNavItemIconSizeMobile, var(--megaNavItemIconSizeDesktop));
12302        --megaNavItemIconSizeHover: var(--megaNavItemIconSizeHoverMobile, var(--megaNavItemIconSizeHoverDesktop));
12303        --megaNavItemIconRotate: var(--megaNavItemIconRotateMobile, var(--megaNavItemIconRotateDesktop));
12304        --megaNavItemIconRotateHover: var(--megaNavItemIconRotateHoverMobile, var(--megaNavItemIconRotateHoverDesktop));
12305        --megaNavItemIconSpacing: var(--megaNavItemIconSpacingMobile, var(--megaNavItemIconSpacingDesktop));
12306        /* mega main item */
12307        --megaNavItemBackgroundColor: var(--megaNavItemBackgroundColorMobile, var(--megaNavItemBackgroundColorDesktop));
12308        --megaNavItemBorderTop: var(--megaNavItemBorderTopMobile, var(--megaNavItemBorderTopDesktop));
12309        --megaNavItemBorderRight: var(--megaNavItemBorderRightMobile, var(--megaNavItemBorderRightDesktop));
12310        --megaNavItemBorderBottom: var(--megaNavItemBorderBottomMobile, var(--megaNavItemBorderBottomDesktop));
12311        --megaNavItemBorderLeft: var(--megaNavItemBorderLeftMobile, var(--megaNavItemBorderLeftDesktop));
12312        --megaNavItemBorderRadius: var(--megaNavItemBorderRadiusMobile, var(--megaNavItemBorderRadiusDesktop));
12313        --megaNavItemPaddingTop: var(--megaNavItemPaddingTopMobile, var(--megaNavItemPaddingTopDesktop));
12314        --megaNavItemPaddingBottom: var(--megaNavItemPaddingBottomMobile, var(--megaNavItemPaddingBottomDesktop));
12315        --megaNavItemPaddingLeft: var(--megaNavItemPaddingLeftMobile, var(--megaNavItemPaddingLeftDesktop));
12316        --megaNavItemPaddingRight: var(--megaNavItemPaddingRightMobile, var(--megaNavItemPaddingRightDesktop));
12317        --megaNavItemFont: var(--megaNavItemFontMobile, var(--megaNavItemFontDesktop));
12318        --megaNavItemFontColor: var(--megaNavItemFontColorMobile, var(--megaNavItemFontColorDesktop));
12319        --megaNavItemLineHeight: var(--megaNavItemLineHeightMobile, var(--megaNavItemLineHeightDesktop));
12320        --megaNavItemLetterSpacing: var(--megaNavItemLetterSpacingMobile, var(--megaNavItemLetterSpacingDesktop));
12321        --megaNavItemFontSize: var(--megaNavItemFontSizeMobile, var(--megaNavItemFontSizeDesktop));
12322        --megaNavItemTextDecoration: var(--megaNavItemTextDecorationMobile, var(--megaNavItemTextDecorationDesktop));
12323        --megaNavItemFontWeight: var(--megaNavItemFontWeightMobile, var(--megaNavItemFontWeightDesktop));
12324        --megaNavItemFontStyle: var(--megaNavItemFontStyleMobile, var(--megaNavItemFontStyleDesktop));
12325        --megaNavItemHoverBackgroundColor: var(--megaNavItemHoverBackgroundColorMobile, var(--megaNavItemHoverBackgroundColorDesktop));
12326        --megaNavItemBorderTopHover: var(--megaNavItemBorderTopHoverMobile, var(--megaNavItemBorderTopHoverDesktop));
12327        --megaNavItemBorderRightHover: var(--megaNavItemBorderRightHoverMobile, var(--megaNavItemBorderRightHoverDesktop));
12328        --megaNavItemBorderBottomHover: var(--megaNavItemBorderBottomHoverMobile, var(--megaNavItemBorderBottomHoverDesktop));
12329        --megaNavItemBorderLeftHover: var(--megaNavItemBorderLeftHoverMobile, var(--megaNavItemBorderLeftHoverDesktop));
12330        --megaNavItemBorderRadiusHover: var(--megaNavItemBorderRadiusHoverMobile, var(--megaNavItemBorderRadiusHoverDesktop));
12331        --megaNavItemPaddingTopHover: var(--megaNavItemPaddingTopHoverMobile, var(--megaNavItemPaddingTopHoverDesktop));
12332        --megaNavItemPaddingBottomHover: var(--megaNavItemPaddingBottomHoverMobile, var(--megaNavItemPaddingBottomHoverDesktop));
12333        --megaNavItemPaddingLeftHover: var(--megaNavItemPaddingLeftHoverMobile, var(--megaNavItemPaddingLeftHoverDesktop));
12334        --megaNavItemPaddingRightHover: var(--megaNavItemPaddingRightHoverMobile, var(--megaNavItemPaddingRightHoverDesktop));
12335        --megaNavItemHoverFontColor: var(--megaNavItemHoverFontColorMobile, var(--megaNavItemHoverFontColorDesktop));
12336        --megaNavItemFontSizeHover: var(--megaNavItemFontSizeHoverMobile, var(--megaNavItemFontSizeHoverDesktop));
12337        --megaNavItemTextDecorationHover: var(--megaNavItemTextDecorationHoverMobile, var(--megaNavItemTextDecorationHoverDesktop));
12338        --megaNavItemFontWeightHover: var(--megaNavItemFontWeightHoverMobile, var(--megaNavItemFontWeightHoverDesktop));
12339        --megaNavItemFontStyleHover: var(--megaNavItemFontStyleHoverMobile, var(--megaNavItemFontStyleHoverDesktop));
12340        --megaNavItemActiveBackgroundColor: var(--megaNavItemActiveBackgroundColorMobile, var(--megaNavItemActiveBackgroundColorDesktop));
12341        --megaNavItemActiveFontColor: var(--megaNavItemActiveFontColorMobile, var(--megaNavItemActiveFontColorDesktop));
12342        --megaNavArrowDisplay: var(--megaNavArrowDisplayMobile, var(--megaNavArrowDisplayDesktop));
12343        --megaNavArrowSize: var(--megaNavArrowSizeMobile, var(--megaNavArrowSizeDesktop));
12344        --megaNavArrowColor: var(--megaNavArrowColorMobile, var(--megaNavArrowColorDesktop));
12345        --megaNavArrowRotate: var(--megaNavArrowRotateMobile, var(--megaNavArrowRotateDesktop));
12346        --megaNavArrowSizeHover: var(--megaNavArrowSizeHoverMobile, var(--megaNavArrowSizeMobile, var(--megaNavArrowDesktop)));
12347        --megaNavArrowColorHover: var(--megaNavArrowColorHoverMobile, var(--megaNavArrowColorHoverDesktop));
12348        --megaNavArrowRotateHover: var(--megaNavArrowRotateHoverMobile, var(--megaNavArrowRotateHoverDesktop));
12349        --megaNavArrowSpacing: var(--megaNavArrowSpacingMobile, var(--megaNavArrowSpacingDesktop));
12350        --megaNavSubItemFont: var(--megaNavSubItemFontMobile, var(--megaNavSubItemFontDesktop));
12351        --megaNavSubItemFontColor: var(--megaNavSubItemFontColorMobile, var(--megaNavSubItemFontColorDesktop));
12352        --megaNavSubItemFontSize: var(--megaNavSubItemFontSizeMobile, var(--megaNavSubItemFontSizeDesktop));
12353        --megaNavSubItemFontWeight: var(--megaNavSubItemFontWeightMobile, var(--megaNavSubItemFontWeightDesktop));
12354        --megaNavSubItemFontStyle: var(--megaNavSubItemFontStyleMobile, var(--megaNavSubItemFontStyleDesktop));
12355        --megaNavSubItemLineHeight: var(--megaNavSubItemLineHeightMobile, var(--megaNavSubItemLineHeightDesktop));
12356        --megaNavSubItemLetterSpacing: var(--megaNavSubItemLetterSpacingMobile, var(--megaNavSubItemLetterSpacingDesktop));
12357        --megaNavSubItemTextDecoration: var(--megaNavSubItemTextDecorationMobile, var(--megaNavSubItemTextDecorationDesktop));
12358        --megaNavSubItemHoverFontColor: var(--megaNavSubItemHoverFontColorMobile, var(--megaNavSubItemHoverFontColorDesktop));
12359        --megaNavSubItemHoverFontSize: var(--megaNavSubItemHoverFontSizeMobile, var(--megaNavSubItemHoverFontSizeDesktop));
12360        --megaNavSubItemHoverFontWeight: var(--megaNavSubItemHoverFontWeightMobile, var(--megaNavSubItemHoverFontWeightDesktop));
12361        --megaNavSubItemHoverFontStyle: var(--megaNavSubItemHoverFontStyleMobile, var(--megaNavSubItemHoverFontStyleDesktop));
12362        --megaNavSubItemHoverTextDecoration: var(--megaNavSubItemHoverTextDecorationMobile, var(--megaNavSubItemHoverTextDecorationDesktop));
12363        --megaNavSubItemBackgroundColor: var(--megaNavSubItemBackgroundColorMobile, var(--megaNavSubItemBackgroundColorDesktop));
12364        --megaNavSubItemHoverBackgroundColor: var(--megaNavSubItemHoverBackgroundColorMobile, var(--megaNavSubItemHoverBackgroundColorDesktop));
12365        --megaNavSubItemBorderTop: var(--megaNavSubItemBorderTopMobile, var(--megaNavSubItemBorderTopDesktop));
12366        --megaNavSubItemBorderRight: var(--megaNavSubItemBorderRightMobile, var(--megaNavSubItemBorderRightDesktop));
12367        --megaNavSubItemBorderBottom: var(--megaNavSubItemBorderBottomMobile, var(--megaNavSubItemBorderBottomDesktop));
12368        --megaNavSubItemBorderLeft: var(--megaNavSubItemBorderLeftMobile, var(--megaNavSubItemBorderLeftDesktop));
12369        --megaNavSubItemBorderRadius: var(--megaNavSubItemBorderRadiusMobile, var(--megaNavSubItemBorderRadiusDesktop));
12370        --megaNavSubItemBorderTopHover: var(--megaNavSubItemBorderTopHoverMobile, var(--megaNavSubItemBorderTopHoverDesktop));
12371        --megaNavSubItemBorderRightHover: var(--megaNavSubItemBorderRightHoverMobile, var(--megaNavSubItemBorderRightHoverDesktop));
12372        --megaNavSubItemBorderBottomHover: var(--megaNavSubItemBorderBottomHoverMobile, var(--megaNavSubItemBorderBottomHoverDesktop));
12373        --megaNavSubItemBorderLeftHover: var(--megaNavSubItemBorderLeftHoverMobile, var(--megaNavSubItemBorderLeftHoverDesktop));
12374        --megaNavSubItemBorderRadiusHover: var(--megaNavSubItemBorderRadiusHoverMobile, var(--megaNavSubItemBorderRadiusHoverDesktop));
12375        --megaNavSubItemPaddingTop: var(--megaNavSubItemPaddingTopMobile, var(--megaNavSubItemPaddingTopDesktop));
12376        --megaNavSubItemPaddingRight: var(--megaNavSubItemPaddingRightMobile, var(--megaNavSubItemPaddingRightDesktop));
12377        --megaNavSubItemPaddingBottom: var(--megaNavSubItemPaddingBottomMobile, var(--megaNavSubItemPaddingBottomDesktop));
12378        --megaNavSubItemPaddingLeft: var(--megaNavSubItemPaddingLeftMobile, var(--megaNavSubItemPaddingLeftDesktop));
12379        --megaNavSubItemPaddingTopHover: var(--megaNavSubItemPaddingTopHoverMobile, var(--megaNavSubItemPaddingTopHoverDesktop));
12380        --megaNavSubItemPaddingRightHover: var(--megaNavSubItemPaddingRightHoverMobile, var(--megaNavSubItemPaddingRightHoverDesktop));
12381        --megaNavSubItemPaddingBottomHover: var(--megaNavSubItemPaddingBottomHoverMobile, var(--megaNavSubItemPaddingBottomHoverDesktop));
12382        --megaNavSubItemPaddingLeftHover: var(--megaNavSubItemPaddingLeftHoverMobile, var(--megaNavSubItemPaddingLeftHoverDesktop));
12383        --megaNavSubItemIconDisplay: var(--megaNavSubItemIconDisplayMobile, var(--megaNavSubItemIconDisplayDesktop));
12384        --megaNavSubItemIconColor: var(--megaNavSubItemIconColorMobile, var(--megaNavSubItemIconColorDesktop));
12385        --megaNavSubItemIconColorHover: var(--megaNavSubItemIconColorHoverMobile, var(--megaNavSubItemIconColorHoverDesktop));
12386        --megaNavSubItemIconSize: var(--megaNavSubItemIconSizeMobile, var(--megaNavSubItemIconSizeDesktop));
12387        --megaNavSubItemIconSizeHover: var(--megaNavSubItemIconSizeHoverMobile, var(--megaNavSubItemIconSizeHoverDesktop));
12388        --megaNavSubItemIconRotate: var(--megaNavSubItemIconRotateMobile, var(--megaNavSubItemIconRotateDesktop));
12389        --megaNavSubItemIconRotateHover: var(--megaNavSubItemIconRotateHoverMobile, var(--megaNavSubItemIconRotateHoverDesktop));
12390        --megaNavSubItemIconSpacing: var(--megaNavSubItemIconSpacingMobile, var(--megaNavSubItemIconSpacingDesktop));
12391        --megaNavChildItemFont: var(--megaNavChildItemFontMobile, var(--megaNavChildItemFontDesktop));
12392        --megaNavChildItemFontColor: var(--megaNavChildItemFontColorMobile, var(--megaNavChildItemFontColorDesktop));
12393        --megaNavChildItemFontSize: var(--megaNavChildItemFontSizeMobile, var(--megaNavChildItemFontSizeDesktop));
12394        --megaNavChildItemFontWeight: var(--megaNavChildItemFontWeightMobile, var(--megaNavChildItemFontWeightDesktop));
12395        --megaNavChildItemFontStyle: var(--megaNavChildItemFontStyleMobile, var(--megaNavChildItemFontStyleDesktop));
12396        --megaNavChildItemLineHeight: var(--megaNavChildItemLineHeightMobile, var(--megaNavChildItemLineHeightDesktop));
12397        --megaNavChildItemLetterSpacing: var(--megaNavChildItemLetterSpacingMobile, var(--megaNavChildItemLetterSpacingDesktop));
12398        --megaNavChildItemTextDecoration: var(--megaNavChildItemTextDecorationMobile, var(--megaNavChildItemTextDecorationDesktop));
12399        --megaNavChildItemHoverFontColor: var(--megaNavChildItemHoverFontColorMobile, var(--megaNavChildItemHoverFontColorDesktop));
12400        --megaNavChildItemHoverFontSize: var(--megaNavChildItemHoverFontSizeMobile, var(--megaNavChildItemHoverFontSizeDesktop));
12401        --megaNavChildItemHoverFontWeight: var(--megaNavChildItemHoverFontWeightMobile, var(--megaNavChildItemHoverFontWeightDesktop));
12402        --megaNavChildItemHoverFontStyle: var(--megaNavChildItemHoverFontStyleMobile, var(--megaNavChildItemHoverFontStyleDesktop));
12403        --megaNavChildItemHoverTextDecoration: var(--megaNavChildItemHoverTextDecorationMobile, var(--megaNavChildItemHoverTextDecorationDesktop));
12404        --megaNavChildItemBackgroundColor: var(--megaNavChildItemBackgroundColorMobile, var(--megaNavChildItemBackgroundColorDesktop));
12405        --megaNavChildItemHoverBackgroundColor: var(--megaNavChildItemHoverBackgroundColorMobile, var(--megaNavChildItemHoverBackgroundColorDesktop));
12406        --megaNavChildItemBorderTop: var(--megaNavChildItemBorderTopMobile, var(--megaNavChildItemBorderTopDesktop));
12407        --megaNavChildItemBorderRight: var(--megaNavChildItemBorderRightMobile, var(--megaNavChildItemBorderRightDesktop));
12408        --megaNavChildItemBorderBottom: var(--megaNavChildItemBorderBottomMobile, var(--megaNavChildItemBorderBottomDesktop));
12409        --megaNavChildItemBorderLeft: var(--megaNavChildItemBorderLeftMobile, var(--megaNavChildItemBorderLeftDesktop));
12410        --megaNavChildItemBorderRadius: var(--megaNavChildItemBorderRadiusMobile, var(--megaNavChildItemBorderRadiusDesktop));
12411        --megaNavChildItemBorderTopHover: var(--megaNavChildItemBorderTopHoverMobile, var(--megaNavChildItemBorderTopHoverDesktop));
12412        --megaNavChildItemBorderRightHover: var(--megaNavChildItemBorderRightHoverMobile, var(--megaNavChildItemBorderRightHoverDesktop));
12413        --megaNavChildItemBorderBottomHover: var(--megaNavChildItemBorderBottomHoverMobile, var(--megaNavChildItemBorderBottomHoverDesktop));
12414        --megaNavChildItemBorderLeftHover: var(--megaNavChildItemBorderLeftHoverMobile, var(--megaNavChildItemBorderLeftHoverDesktop));
12415        --megaNavChildItemBorderRadiusHover: var(--megaNavChildItemBorderRadiusHoverMobile, var(--megaNavChildItemBorderRadiusHoverDesktop));
12416        --megaNavChildItemPaddingTop: var(--megaNavChildItemPaddingTopMobile, var(--megaNavChildItemPaddingTopDesktop));
12417        --megaNavChildItemPaddingRight: var(--megaNavChildItemPaddingRightMobile, var(--megaNavChildItemPaddingRightDesktop));
12418        --megaNavChildItemPaddingBottom: var(--megaNavChildItemPaddingBottomMobile, var(--megaNavChildItemPaddingBottomDesktop));
12419        --megaNavChildItemPaddingLeft: var(--megaNavChildItemPaddingLeftMobile, var(--megaNavChildItemPaddingLeftDesktop));
12420        --megaNavChildItemPaddingTopHover: var(--megaNavChildItemPaddingTopHoverMobile, var(--megaNavChildItemPaddingTopHoverDesktop));
12421        --megaNavChildItemPaddingRightHover: var(--megaNavChildItemPaddingRightHoverMobile, var(--megaNavChildItemPaddingRightHoverDesktop));
12422        --megaNavChildItemPaddingBottomHover: var(--megaNavChildItemPaddingBottomHoverMobile, var(--megaNavChildItemPaddingBottomHoverDesktop));
12423        --megaNavChildItemPaddingLeftHover: var(--megaNavChildItemPaddingLeftHoverMobile, var(--megaNavChildItemPaddingLeftHoverDesktop));
12424        --megaNavChildItemIconDisplay: var(--megaNavChildItemIconDisplayMobile, var(--megaNavChildItemIconDisplayDesktop));
12425        --megaNavChildItemIconColor: var(--megaNavChildItemIconColorMobile, var(--megaNavChildItemIconColorDesktop));
12426        --megaNavChildItemIconColorHover: var(--megaNavChildItemIconColorHoverMobile, var(--megaNavChildItemIconColorHoverDesktop));
12427        --megaNavChildItemIconSize: var(--megaNavChildItemIconSizeMobile, var(--megaNavChildItemIconSizeDesktop));
12428        --megaNavChildItemIconSizeHover: var(--megaNavChildItemIconSizeHoverMobile, var(--megaNavChildItemIconSizeHoverDesktop));
12429        --megaNavChildItemIconRotate: var(--megaNavChildItemIconRotateMobile, var(--megaNavChildItemIconRotateDesktop));
12430        --megaNavChildItemIconRotateHover: var(--megaNavChildItemIconRotateHoverMobile, var(--megaNavChildItemIconRotateHoverDesktop));
12431        --megaNavChildItemIconSpacing: var(--megaNavChildItemIconSpacingMobile, var(--megaNavChildItemIconSpacingDesktop));
12432    }
12433}
12434
12435@media all and (width >= 1040px) {
12436    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container ul.navigation-nav--main-menu {
12437        column-gap: calc(var(--megaNavSeparatorSpacing) / 2);
12438
12439        & > .navigation-nav--separator {
12440            display: var(--megaNavSeparatorDisplay);
12441            width: var(--megaNavSeparatorWidth);
12442            background-color: var(--megaNavSeparatorColor);
12443        }
12444    }
12445
12446    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]) {
12447        display: grid;
12448        grid-template-columns: 1fr calc(var(--megaNavArrowSpacing, 8px) + var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
12449        align-items: center;
12450        position: relative;
12451        padding-right: calc(var(--navItemPaddingRight) / 2);
12452    }
12453
12454    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]):hover,
12455    .wmcA_hoverState.wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]),
12456    .wmcA_hoverState .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]) {
12457        padding-right: calc(var(--navItemPaddingRightHover) / 2);
12458    }
12459
12460    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]) > a {
12461        padding-right: 0;
12462        width: 100%;
12463    }
12464
12465    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item > button.arrow[popovertarget] {
12466        display: var(--megaNavArrowDisplay, flex);
12467        align-items: center;
12468        justify-content: center;
12469        width: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
12470        height: 100%;
12471        margin-left: var(--megaNavArrowSpacing, 8px);
12472        background: transparent;
12473        border: 0;
12474        padding: 0;
12475        cursor: pointer;
12476        pointer-events: auto;
12477        --horizontalNavArrowColorActive: var(--megaNavArrowColorHover, var(--megaNavArrowColor, currentColor));
12478        --horizontalNavArrowRotateActive: var(--megaNavArrowRotateHover, var(--megaNavArrowRotate, none));
12479    }
12480
12481    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item > button.arrow[popovertarget]::after {
12482        content: '';
12483        display: block;
12484        width: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
12485        height: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
12486        -webkit-mask-image: var(--wmd_caretIconUrl);
12487        mask-image: var(--wmd_caretIconUrl);
12488        -webkit-mask-size: contain;
12489        mask-size: contain;
12490        -webkit-mask-repeat: no-repeat;
12491        mask-repeat: no-repeat;
12492        -webkit-mask-position: center;
12493        mask-position: center;
12494        background-color: var(--megaNavArrowColor, currentColor);
12495        transform: var(--megaNavArrowRotate, none);
12496        transition: transform 0.2s ease, background-color 0.2s ease;
12497    }
12498
12499    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:hover > button.arrow[popovertarget]::after,
12500    .wmcA_hoverState.wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item > button.arrow[popovertarget]::after,
12501    .wmcA_hoverState .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item > button.arrow[popovertarget]::after {
12502        width: var(--megaNavArrowSizeHover, var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
12503        height: var(--megaNavArrowSizeHover, var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
12504        background-color: var(--megaNavArrowColorHover, var(--megaNavArrowColor, currentColor));
12505        transform: var(--megaNavArrowRotateHover, var(--megaNavArrowRotate, none));
12506    }
12507}
12508
12509@media all and (width < 1040px) {
12510    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container ul.navigation-nav--main-menu {
12511        column-gap: calc(var(--megaNavSeparatorSpacing) / 2);
12512
12513        & > .navigation-nav--separator {
12514            display: var(--megaNavSeparatorDisplay);
12515            width: var(--megaNavSeparatorWidth);
12516            background-color: var(--megaNavSeparatorColor);
12517        }
12518    }
12519
12520    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]) {
12521        display: grid;
12522        grid-template-columns: 1fr calc(var(--megaNavArrowSpacing, 8px) + var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
12523        align-items: center;
12524        position: relative;
12525        padding-right: calc(var(--navItemPaddingRight) / 2);
12526    }
12527
12528    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]):hover,
12529    .wmcA_hoverState.wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]),
12530    .wmcA_hoverState .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]) {
12531        padding-right: calc(var(--navItemPaddingRightHover) / 2);
12532    }
12533
12534    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]) > a {
12535        padding-right: 0;
12536        width: 100%;
12537    }
12538
12539    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item > button.arrow[popovertarget] {
12540        display: var(--megaNavArrowDisplay, flex);
12541        align-items: center;
12542        justify-content: center;
12543        width: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
12544        height: 100%;
12545        margin-left: var(--megaNavArrowSpacing, 8px);
12546        background: transparent;
12547        border: 0;
12548        padding: 0;
12549        cursor: pointer;
12550        pointer-events: auto;
12551        --horizontalNavArrowColorActive: var(--megaNavArrowColorHover, var(--megaNavArrowColor, currentColor));
12552        --horizontalNavArrowRotateActive: var(--megaNavArrowRotateHover, var(--megaNavArrowRotate, none));
12553    }
12554
12555    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item > button.arrow[popovertarget]::after {
12556        content: '';
12557        display: block;
12558        width: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
12559        height: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
12560        -webkit-mask-image: var(--wmd_caretIconUrl);
12561        mask-image: var(--wmd_caretIconUrl);
12562        -webkit-mask-size: contain;
12563        mask-size: contain;
12564        -webkit-mask-repeat: no-repeat;
12565        mask-repeat: no-repeat;
12566        -webkit-mask-position: center;
12567        mask-position: center;
12568        background-color: var(--megaNavArrowColor, currentColor);
12569        transform: var(--megaNavArrowRotate, none);
12570        transition: transform 0.2s ease, background-color 0.2s ease;
12571    }
12572
12573    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:hover > button.arrow[popovertarget]::after,
12574    .wmcA_hoverState.wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item > button.arrow[popovertarget]::after,
12575    .wmcA_hoverState .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item > button.arrow[popovertarget]::after {
12576        width: var(--megaNavArrowSizeHover, var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
12577        height: var(--megaNavArrowSizeHover, var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
12578        background-color: var(--megaNavArrowColorHover, var(--megaNavArrowColor, currentColor));
12579        transform: var(--megaNavArrowRotateHover, var(--megaNavArrowRotate, none));
12580    }
12581}
12582
12583@media all and (width < 650px) {
12584    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container ul.navigation-nav--main-menu {
12585        column-gap: calc(var(--megaNavSeparatorSpacing) / 2);
12586
12587        & > .navigation-nav--separator {
12588            display: var(--megaNavSeparatorDisplay);
12589            width: var(--megaNavSeparatorWidth);
12590            background-color: var(--megaNavSeparatorColor);
12591        }
12592    }
12593
12594    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]) {
12595        display: grid;
12596        grid-template-columns: 1fr calc(var(--megaNavArrowSpacing, 8px) + var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
12597        align-items: center;
12598        position: relative;
12599        padding-right: calc(var(--navItemPaddingRight) / 2);
12600    }
12601
12602    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]):hover,
12603    .wmcA_hoverState.wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]),
12604    .wmcA_hoverState .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]) {
12605        padding-right: calc(var(--navItemPaddingRightHover) / 2);
12606    }
12607
12608    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]) > a {
12609        padding-right: 0;
12610        width: 100%;
12611    }
12612
12613    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item > button.arrow[popovertarget] {
12614        display: var(--megaNavArrowDisplay, flex);
12615        align-items: center;
12616        justify-content: center;
12617        width: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
12618        height: 100%;
12619        margin-left: var(--megaNavArrowSpacing, 8px);
12620        background: transparent;
12621        border: 0;
12622        padding: 0;
12623        cursor: pointer;
12624        pointer-events: auto;
12625        --horizontalNavArrowColorActive: var(--megaNavArrowColorHover, var(--megaNavArrowColor, currentColor));
12626        --horizontalNavArrowRotateActive: var(--megaNavArrowRotateHover, var(--megaNavArrowRotate, none));
12627    }
12628
12629    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item > button.arrow[popovertarget]::after {
12630        content: '';
12631        display: block;
12632        width: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
12633        height: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
12634        -webkit-mask-image: var(--wmd_caretIconUrl);
12635        mask-image: var(--wmd_caretIconUrl);
12636        -webkit-mask-size: contain;
12637        mask-size: contain;
12638        -webkit-mask-repeat: no-repeat;
12639        mask-repeat: no-repeat;
12640        -webkit-mask-position: center;
12641        mask-position: center;
12642        background-color: var(--megaNavArrowColor, currentColor);
12643        transform: var(--megaNavArrowRotate, none);
12644        transition: transform 0.2s ease, background-color 0.2s ease;
12645    }
12646
12647    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:hover > button.arrow[popovertarget]::after,
12648    .wmcA_hoverState.wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item > button.arrow[popovertarget]::after,
12649    .wmcA_hoverState .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item > button.arrow[popovertarget]::after {
12650        width: var(--megaNavArrowSizeHover, var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
12651        height: var(--megaNavArrowSizeHover, var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
12652        background-color: var(--megaNavArrowColorHover, var(--megaNavArrowColor, currentColor));
12653        transform: var(--megaNavArrowRotateHover, var(--megaNavArrowRotate, none));
12654    }
12655}
12656
12657.wmc_menu .navigation-module-container .navigation-nav--item > a > i {
12658    display: var(--navItemIconDisplay, none);
12659    width: var(--navItemIconSize, 16px);
12660    height: var(--navItemIconSize, 16px);
12661    margin-right: var(--navItemIconSpacing, 8px);
12662    background-color: var(--navItemIconColor, currentColor);
12663    transform: var(--navItemIconRotate, none);
12664    -webkit-mask-size: contain;
12665    mask-size: contain;
12666    -webkit-mask-repeat: no-repeat;
12667    mask-repeat: no-repeat;
12668    -webkit-mask-position: center;
12669    mask-position: center;
12670    flex-shrink: 0;
12671    transition: background-color 0.2s ease, transform 0.2s ease;
12672}
12673
12674.wmc_menu .navigation-module-container .navigation-nav--item > a:hover > i,
12675.wmcA_hoverState.wmc_menu .navigation-module-container .navigation-nav--item > a > i,
12676.wmcA_hoverState .wmc_menu .navigation-module-container .navigation-nav--item > a > i {
12677    width: var(--navItemIconSizeHover, var(--navItemIconSize, 16px));
12678    height: var(--navItemIconSizeHover, var(--navItemIconSize, 16px));
12679    background-color: var(--navItemIconColorHover, var(--navItemIconColor, currentColor));
12680    transform: var(--navItemIconRotateHover, var(--navItemIconRotate, none));
12681}
12682
12683.wmc_menu .navigation-module-container .navigation-nav--item.open > a > i,
12684.wmc_menu .navigation-module-container .navigation-nav--item.wmcA_activeState > a > i,
12685.wmcA_activeState.wmc_menu .navigation-module-container .navigation-nav--item > a > i,
12686.wmcA_activeState .wmc_menu .navigation-module-container .navigation-nav--item > a > i {
12687    width: var(--navItemIconSizeActive, var(--navItemIconSize, 16px));
12688    height: var(--navItemIconSizeActive, var(--navItemIconSize, 16px));
12689    background-color: var(--navItemIconColorActive, var(--navItemIconColor, currentColor));
12690    transform: var(--navItemIconRotateActive, var(--navItemIconRotate, none));
12691}
12692
12693.wmc_menu .navigation-module-container .navigation-nav--sub-item > a > i {
12694    display: var(--navSubItemIconDisplay, none);
12695    width: var(--navSubItemIconSize, 16px);
12696    height: var(--navSubItemIconSize, 16px);
12697    margin-right: var(--navSubItemIconSpacing, 8px);
12698    background-color: var(--navSubItemIconColor, currentColor);
12699    transform: var(--navSubItemIconRotate, none);
12700    -webkit-mask-size: contain;
12701    mask-size: contain;
12702    -webkit-mask-repeat: no-repeat;
12703    mask-repeat: no-repeat;
12704    -webkit-mask-position: center;
12705    mask-position: center;
12706    flex-shrink: 0;
12707    transition: background-color 0.2s ease, transform 0.2s ease;
12708}
12709
12710.wmc_menu .navigation-module-container .navigation-nav--sub-item > a:hover > i,
12711.wmcA_hoverState.wmc_menu .navigation-module-container .navigation-nav--sub-item > a > i,
12712.wmcA_hoverState .wmc_menu .navigation-module-container .navigation-nav--sub-item > a > i {
12713    width: var(--navSubItemIconSizeHover, var(--navSubItemIconSize, 16px));
12714    height: var(--navSubItemIconSizeHover, var(--navSubItemIconSize, 16px));
12715    background-color: var(--navSubItemIconColorHover, var(--navSubItemIconColor, currentColor));
12716    transform: var(--navSubItemIconRotateHover, var(--navSubItemIconRotate, none));
12717}
12718
12719.wmc_menu .navigation-module-container .navigation-nav--sub-item.open > a > i,
12720.wmc_menu .navigation-module-container .navigation-nav--sub-item.wmcA_activeState > a > i,
12721.wmcA_activeState.wmc_menu .navigation-module-container .navigation-nav--sub-item > a > i,
12722.wmcA_activeState .wmc_menu .navigation-module-container .navigation-nav--sub-item > a > i {
12723    width: var(--navSubItemIconSizeActive, var(--navSubItemIconSize, 16px));
12724    height: var(--navSubItemIconSizeActive, var(--navSubItemIconSize, 16px));
12725    background-color: var(--navSubItemIconColorActive, var(--navSubItemIconColor, currentColor));
12726    transform: var(--navSubItemIconRotateActive, var(--navSubItemIconRotate, none));
12727}
12728
12729/* Map the active type's icon vars -> neutral names, one device at a time.
12730   Base var names (no *Desktop/*Tablet/*Mobile suffix) are already resolved
12731   to the correct per-viewport value by the apply chain above, so each
12732   media query only needs to pick the type that is active at that width. */
12733@media all and (width >= 1040px) {
12734    .wmc_menu.wmcM_menuHorizontalDesktop {
12735        /* horizontal main item */
12736        --navItemBackgroundColor: var(--horizontalNavItemBackgroundColor);
12737        --navItemBorderTop: var(--horizontalNavItemBorderTop);
12738        --navItemBorderRight: var(--horizontalNavItemBorderRight);
12739        --navItemBorderBottom: var(--horizontalNavItemBorderBottom);
12740        --navItemBorderLeft: var(--horizontalNavItemBorderLeft);
12741        --navItemBorderRadius: var(--horizontalNavItemBorderRadius);
12742        --navItemPaddingTop: var(--horizontalNavItemPaddingTop);
12743        --navItemPaddingBottom: var(--horizontalNavItemPaddingBottom);
12744        --navItemPaddingLeft: var(--horizontalNavItemPaddingLeft);
12745        --navItemPaddingRight: var(--horizontalNavItemPaddingRight);
12746        --navItemFont: var(--horizontalNavItemFont);
12747        --navItemFontColor: var(--horizontalNavItemFontColor);
12748        --navItemLineHeight: var(--horizontalNavItemLineHeight);
12749        --navItemLetterSpacing: var(--horizontalNavItemLetterSpacing);
12750        --navItemFontSize: var(--horizontalNavItemFontSize);
12751        --navItemTextDecoration: var(--horizontalNavItemTextDecoration);
12752        --navItemFontWeight: var(--horizontalNavItemFontWeight);
12753        --navItemFontStyle: var(--horizontalNavItemFontStyle);
12754        --navItemHoverBackgroundColor: var(--horizontalNavItemHoverBackgroundColor);
12755        --navItemBorderTopHover: var(--horizontalNavItemBorderTopHover);
12756        --navItemBorderRightHover: var(--horizontalNavItemBorderRightHover);
12757        --navItemBorderBottomHover: var(--horizontalNavItemBorderBottomHover);
12758        --navItemBorderLeftHover: var(--horizontalNavItemBorderLeftHover);
12759        --navItemBorderRadiusHover: var(--horizontalNavItemBorderRadiusHover);
12760        --navItemPaddingTopHover: var(--horizontalNavItemPaddingTopHover);
12761        --navItemPaddingBottomHover: var(--horizontalNavItemPaddingBottomHover);
12762        --navItemPaddingLeftHover: var(--horizontalNavItemPaddingLeftHover);
12763        --navItemPaddingRightHover: var(--horizontalNavItemPaddingRightHover);
12764        --navItemHoverFontColor: var(--horizontalNavItemHoverFontColor);
12765        --navItemFontSizeHover: var(--horizontalNavItemFontSizeHover);
12766        --navItemTextDecorationHover: var(--horizontalNavItemTextDecorationHover);
12767        --navItemFontWeightHover: var(--horizontalNavItemFontWeightHover);
12768        --navItemFontStyleHover: var(--horizontalNavItemFontStyleHover);
12769        --navItemActiveBackgroundColor: var(--horizontalNavItemActiveBackgroundColor);
12770        --navItemActiveFontColor: var(--horizontalNavItemActiveFontColor);
12771        --navItemIconDisplay: var(--horizontalNavItemIconDisplay);
12772        --navItemIconSize: var(--horizontalNavItemIconSize);
12773        --navItemIconSizeHover: var(--horizontalNavItemIconSizeHover);
12774        --navItemIconSizeActive: var(--horizontalNavItemIconSizeActive);
12775        --navItemIconColor: var(--horizontalNavItemIconColor);
12776        --navItemIconColorHover: var(--horizontalNavItemIconColorHover);
12777        --navItemIconColorActive: var(--horizontalNavItemIconColorActive);
12778        --navItemIconSpacing: var(--horizontalNavItemIconSpacing);
12779        --navItemIconRotate: var(--horizontalNavItemIconRotate);
12780        --navItemIconRotateHover: var(--horizontalNavItemIconRotateHover);
12781        --navItemIconRotateActive: var(--horizontalNavItemIconRotateActive);
12782        --navSubItemIconDisplay: var(--horizontalNavSubItemIconDisplay);
12783        --navSubItemIconSize: var(--horizontalNavSubItemIconSize);
12784        --navSubItemIconSizeHover: var(--horizontalNavSubItemIconSizeHover);
12785        --navSubItemIconSizeActive: var(--horizontalNavSubItemIconSizeActive);
12786        --navSubItemIconColor: var(--horizontalNavSubItemIconColor);
12787        --navSubItemIconColorHover: var(--horizontalNavSubItemIconColorHover);
12788        --navSubItemIconColorActive: var(--horizontalNavSubItemIconColorActive);
12789        --navSubItemIconSpacing: var(--horizontalNavSubItemIconSpacing);
12790        --navSubItemIconRotate: var(--horizontalNavSubItemIconRotate);
12791        --navSubItemIconRotateHover: var(--horizontalNavSubItemIconRotateHover);
12792        --navSubItemIconRotateActive: var(--horizontalNavSubItemIconRotateActive);
12793    }
12794    .wmc_menu.wmcM_menuMegaDesktop {
12795        /* mega main item */
12796        --navItemBackgroundColor: var(--megaNavItemBackgroundColor);
12797        --navItemBorderTop: var(--megaNavItemBorderTop);
12798        --navItemBorderRight: var(--megaNavItemBorderRight);
12799        --navItemBorderBottom: var(--megaNavItemBorderBottom);
12800        --navItemBorderLeft: var(--megaNavItemBorderLeft);
12801        --navItemBorderRadius: var(--megaNavItemBorderRadius);
12802        --navItemPaddingTop: var(--megaNavItemPaddingTop);
12803        --navItemPaddingBottom: var(--megaNavItemPaddingBottom);
12804        --navItemPaddingLeft: var(--megaNavItemPaddingLeft);
12805        --navItemPaddingRight: var(--megaNavItemPaddingRight);
12806        --navItemFont: var(--megaNavItemFont);
12807        --navItemFontColor: var(--megaNavItemFontColor);
12808        --navItemLineHeight: var(--megaNavItemLineHeight);
12809        --navItemLetterSpacing: var(--megaNavItemLetterSpacing);
12810        --navItemFontSize: var(--megaNavItemFontSize);
12811        --navItemTextDecoration: var(--megaNavItemTextDecoration);
12812        --navItemFontWeight: var(--megaNavItemFontWeight);
12813        --navItemFontStyle: var(--megaNavItemFontStyle);
12814        --navItemHoverBackgroundColor: var(--megaNavItemHoverBackgroundColor);
12815        --navItemBorderTopHover: var(--megaNavItemBorderTopHover);
12816        --navItemBorderRightHover: var(--megaNavItemBorderRightHover);
12817        --navItemBorderBottomHover: var(--megaNavItemBorderBottomHover);
12818        --navItemBorderLeftHover: var(--megaNavItemBorderLeftHover);
12819        --navItemBorderRadiusHover: var(--megaNavItemBorderRadiusHover);
12820        --navItemPaddingTopHover: var(--megaNavItemPaddingTopHover);
12821        --navItemPaddingBottomHover: var(--megaNavItemPaddingBottomHover);
12822        --navItemPaddingLeftHover: var(--megaNavItemPaddingLeftHover);
12823        --navItemPaddingRightHover: var(--megaNavItemPaddingRightHover);
12824        --navItemHoverFontColor: var(--megaNavItemHoverFontColor);
12825        --navItemFontSizeHover: var(--megaNavItemFontSizeHover);
12826        --navItemTextDecorationHover: var(--megaNavItemTextDecorationHover);
12827        --navItemFontWeightHover: var(--megaNavItemFontWeightHover);
12828        --navItemFontStyleHover: var(--megaNavItemFontStyleHover);
12829        --navItemActiveBackgroundColor: var(--megaNavItemActiveBackgroundColor);
12830        --navItemActiveFontColor: var(--megaNavItemActiveFontColor);
12831        --navItemIconDisplay: var(--megaNavItemIconDisplay);
12832        --navItemIconSize: var(--megaNavItemIconSize);
12833        --navItemIconSizeHover: var(--megaNavItemIconSizeHover);
12834        --navItemIconColor: var(--megaNavItemIconColor);
12835        --navItemIconColorHover: var(--megaNavItemIconColorHover);
12836        --navItemIconSpacing: var(--megaNavItemIconSpacing);
12837        --navItemIconRotate: var(--megaNavItemIconRotate);
12838        --navItemIconRotateHover: var(--megaNavItemIconRotateHover);
12839    }
12840    .wmc_menu.wmcM_menuHamburgerDesktop {
12841        --navItemIconDisplay: var(--hamburgerNavItemIconDisplay);
12842        --navItemIconSize: var(--hamburgerNavItemIconSize);
12843        --navItemIconSizeHover: var(--hamburgerNavItemIconSizeHover);
12844        --navItemIconColor: var(--hamburgerNavItemIconColor);
12845        --navItemIconColorHover: var(--hamburgerNavItemIconColorHover);
12846        --navItemIconSpacing: var(--hamburgerNavItemIconSpacing);
12847        --navItemIconRotate: var(--hamburgerNavItemIconRotate);
12848        --navItemIconRotateHover: var(--hamburgerNavItemIconRotateHover);
12849        --navSubItemIconDisplay: var(--hamburgerNavSubItemIconDisplay);
12850        --navSubItemIconSize: var(--hamburgerNavSubItemIconSize);
12851        --navSubItemIconSizeHover: var(--hamburgerNavSubItemIconSizeHover);
12852        --navSubItemIconColor: var(--hamburgerNavSubItemIconColor);
12853        --navSubItemIconColorHover: var(--hamburgerNavSubItemIconColorHover);
12854        --navSubItemIconSpacing: var(--hamburgerNavSubItemIconSpacing);
12855        --navSubItemIconRotate: var(--hamburgerNavSubItemIconRotate);
12856        --navSubItemIconRotateHover: var(--hamburgerNavSubItemIconRotateHover);
12857    }
12858    .wmc_menu.wmcM_menuVerticalDesktop {
12859        --navItemIconDisplay: var(--verticalNavItemIconDisplay);
12860        --navItemIconSize: var(--verticalNavItemIconSize);
12861        --navItemIconSizeHover: var(--verticalNavItemIconSizeHover);
12862        --navItemIconColor: var(--verticalNavItemIconColor);
12863        --navItemIconColorHover: var(--verticalNavItemIconColorHover);
12864        --navItemIconSpacing: var(--verticalNavItemIconSpacing);
12865        --navItemIconRotate: var(--verticalNavItemIconRotate);
12866        --navItemIconRotateHover: var(--verticalNavItemIconRotateHover);
12867        --navSubItemIconDisplay: var(--verticalNavSubItemIconDisplay);
12868        --navSubItemIconSize: var(--verticalNavSubItemIconSize);
12869        --navSubItemIconSizeHover: var(--verticalNavSubItemIconSizeHover);
12870        --navSubItemIconColor: var(--verticalNavSubItemIconColor);
12871        --navSubItemIconColorHover: var(--verticalNavSubItemIconColorHover);
12872        --navSubItemIconSpacing: var(--verticalNavSubItemIconSpacing);
12873        --navSubItemIconRotate: var(--verticalNavSubItemIconRotate);
12874        --navSubItemIconRotateHover: var(--verticalNavSubItemIconRotateHover);
12875    }
12876}
12877
12878@media all and (min-width: 650px) and (width < 1040px) {
12879    .wmc_menu.wmcM_menuHorizontalTablet {
12880        /* horizontal main item */
12881        --navItemBackgroundColor: var(--horizontalNavItemBackgroundColor);
12882        --navItemBorderTop: var(--horizontalNavItemBorderTop);
12883        --navItemBorderRight: var(--horizontalNavItemBorderRight);
12884        --navItemBorderBottom: var(--horizontalNavItemBorderBottom);
12885        --navItemBorderLeft: var(--horizontalNavItemBorderLeft);
12886        --navItemBorderRadius: var(--horizontalNavItemBorderRadius);
12887        --navItemPaddingTop: var(--horizontalNavItemPaddingTop);
12888        --navItemPaddingBottom: var(--horizontalNavItemPaddingBottom);
12889        --navItemPaddingLeft: var(--horizontalNavItemPaddingLeft);
12890        --navItemPaddingRight: var(--horizontalNavItemPaddingRight);
12891        --navItemFont: var(--horizontalNavItemFont);
12892        --navItemFontColor: var(--horizontalNavItemFontColor);
12893        --navItemLineHeight: var(--horizontalNavItemLineHeight);
12894        --navItemLetterSpacing: var(--horizontalNavItemLetterSpacing);
12895        --navItemFontSize: var(--horizontalNavItemFontSize);
12896        --navItemTextDecoration: var(--horizontalNavItemTextDecoration);
12897        --navItemFontWeight: var(--horizontalNavItemFontWeight);
12898        --navItemFontStyle: var(--horizontalNavItemFontStyle);
12899        --navItemHoverBackgroundColor: var(--horizontalNavItemHoverBackgroundColor);
12900        --navItemBorderTopHover: var(--horizontalNavItemBorderTopHover);
12901        --navItemBorderRightHover: var(--horizontalNavItemBorderRightHover);
12902        --navItemBorderBottomHover: var(--horizontalNavItemBorderBottomHover);
12903        --navItemBorderLeftHover: var(--horizontalNavItemBorderLeftHover);
12904        --navItemBorderRadiusHover: var(--horizontalNavItemBorderRadiusHover);
12905        --navItemPaddingTopHover: var(--horizontalNavItemPaddingTopHover);
12906        --navItemPaddingBottomHover: var(--horizontalNavItemPaddingBottomHover);
12907        --navItemPaddingLeftHover: var(--horizontalNavItemPaddingLeftHover);
12908        --navItemPaddingRightHover: var(--horizontalNavItemPaddingRightHover);
12909        --navItemHoverFontColor: var(--horizontalNavItemHoverFontColor);
12910        --navItemFontSizeHover: var(--horizontalNavItemFontSizeHover);
12911        --navItemTextDecorationHover: var(--horizontalNavItemTextDecorationHover);
12912        --navItemFontWeightHover: var(--horizontalNavItemFontWeightHover);
12913        --navItemFontStyleHover: var(--horizontalNavItemFontStyleHover);
12914        --navItemActiveBackgroundColor: var(--horizontalNavItemActiveBackgroundColor);
12915        --navItemActiveFontColor: var(--horizontalNavItemActiveFontColor);
12916        --navItemIconDisplay: var(--horizontalNavItemIconDisplay);
12917        --navItemIconSize: var(--horizontalNavItemIconSize);
12918        --navItemIconSizeHover: var(--horizontalNavItemIconSizeHover);
12919        --navItemIconSizeActive: var(--horizontalNavItemIconSizeActive);
12920        --navItemIconColor: var(--horizontalNavItemIconColor);
12921        --navItemIconColorHover: var(--horizontalNavItemIconColorHover);
12922        --navItemIconColorActive: var(--horizontalNavItemIconColorActive);
12923        --navItemIconSpacing: var(--horizontalNavItemIconSpacing);
12924        --navItemIconRotate: var(--horizontalNavItemIconRotate);
12925        --navItemIconRotateHover: var(--horizontalNavItemIconRotateHover);
12926        --navItemIconRotateActive: var(--horizontalNavItemIconRotateActive);
12927        --navSubItemIconDisplay: var(--horizontalNavSubItemIconDisplay);
12928        --navSubItemIconSize: var(--horizontalNavSubItemIconSize);
12929        --navSubItemIconSizeHover: var(--horizontalNavSubItemIconSizeHover);
12930        --navSubItemIconSizeActive: var(--horizontalNavSubItemIconSizeActive);
12931        --navSubItemIconColor: var(--horizontalNavSubItemIconColor);
12932        --navSubItemIconColorHover: var(--horizontalNavSubItemIconColorHover);
12933        --navSubItemIconColorActive: var(--horizontalNavSubItemIconColorActive);
12934        --navSubItemIconSpacing: var(--horizontalNavSubItemIconSpacing);
12935        --navSubItemIconRotate: var(--horizontalNavSubItemIconRotate);
12936        --navSubItemIconRotateHover: var(--horizontalNavSubItemIconRotateHover);
12937        --navSubItemIconRotateActive: var(--horizontalNavSubItemIconRotateActive);
12938    }
12939    .wmc_menu.wmcM_menuMegaTablet {
12940        /* mega main item */
12941        --navItemBackgroundColor: var(--megaNavItemBackgroundColor);
12942        --navItemBorderTop: var(--megaNavItemBorderTop);
12943        --navItemBorderRight: var(--megaNavItemBorderRight);
12944        --navItemBorderBottom: var(--megaNavItemBorderBottom);
12945        --navItemBorderLeft: var(--megaNavItemBorderLeft);
12946        --navItemBorderRadius: var(--megaNavItemBorderRadius);
12947        --navItemPaddingTop: var(--megaNavItemPaddingTop);
12948        --navItemPaddingBottom: var(--megaNavItemPaddingBottom);
12949        --navItemPaddingLeft: var(--megaNavItemPaddingLeft);
12950        --navItemPaddingRight: var(--megaNavItemPaddingRight);
12951        --navItemFont: var(--megaNavItemFont);
12952        --navItemFontColor: var(--megaNavItemFontColor);
12953        --navItemLineHeight: var(--megaNavItemLineHeight);
12954        --navItemLetterSpacing: var(--megaNavItemLetterSpacing);
12955        --navItemFontSize: var(--megaNavItemFontSize);
12956        --navItemTextDecoration: var(--megaNavItemTextDecoration);
12957        --navItemFontWeight: var(--megaNavItemFontWeight);
12958        --navItemFontStyle: var(--megaNavItemFontStyle);
12959        --navItemHoverBackgroundColor: var(--megaNavItemHoverBackgroundColor);
12960        --navItemBorderTopHover: var(--megaNavItemBorderTopHover);
12961        --navItemBorderRightHover: var(--megaNavItemBorderRightHover);
12962        --navItemBorderBottomHover: var(--megaNavItemBorderBottomHover);
12963        --navItemBorderLeftHover: var(--megaNavItemBorderLeftHover);
12964        --navItemBorderRadiusHover: var(--megaNavItemBorderRadiusHover);
12965        --navItemPaddingTopHover: var(--megaNavItemPaddingTopHover);
12966        --navItemPaddingBottomHover: var(--megaNavItemPaddingBottomHover);
12967        --navItemPaddingLeftHover: var(--megaNavItemPaddingLeftHover);
12968        --navItemPaddingRightHover: var(--megaNavItemPaddingRightHover);
12969        --navItemHoverFontColor: var(--megaNavItemHoverFontColor);
12970        --navItemFontSizeHover: var(--megaNavItemFontSizeHover);
12971        --navItemTextDecorationHover: var(--megaNavItemTextDecorationHover);
12972        --navItemFontWeightHover: var(--megaNavItemFontWeightHover);
12973        --navItemFontStyleHover: var(--megaNavItemFontStyleHover);
12974        --navItemActiveBackgroundColor: var(--megaNavItemActiveBackgroundColor);
12975        --navItemActiveFontColor: var(--megaNavItemActiveFontColor);
12976        --navItemIconDisplay: var(--megaNavItemIconDisplay);
12977        --navItemIconSize: var(--megaNavItemIconSize);
12978        --navItemIconSizeHover: var(--megaNavItemIconSizeHover);
12979        --navItemIconColor: var(--megaNavItemIconColor);
12980        --navItemIconColorHover: var(--megaNavItemIconColorHover);
12981        --navItemIconSpacing: var(--megaNavItemIconSpacing);
12982        --navItemIconRotate: var(--megaNavItemIconRotate);
12983        --navItemIconRotateHover: var(--megaNavItemIconRotateHover);
12984    }
12985    .wmc_menu.wmcM_menuHamburgerTablet {
12986        --navItemIconDisplay: var(--hamburgerNavItemIconDisplay);
12987        --navItemIconSize: var(--hamburgerNavItemIconSize);
12988        --navItemIconSizeHover: var(--hamburgerNavItemIconSizeHover);
12989        --navItemIconColor: var(--hamburgerNavItemIconColor);
12990        --navItemIconColorHover: var(--hamburgerNavItemIconColorHover);
12991        --navItemIconSpacing: var(--hamburgerNavItemIconSpacing);
12992        --navItemIconRotate: var(--hamburgerNavItemIconRotate);
12993        --navItemIconRotateHover: var(--hamburgerNavItemIconRotateHover);
12994        --navSubItemIconDisplay: var(--hamburgerNavSubItemIconDisplay);
12995        --navSubItemIconSize: var(--hamburgerNavSubItemIconSize);
12996        --navSubItemIconSizeHover: var(--hamburgerNavSubItemIconSizeHover);
12997        --navSubItemIconColor: var(--hamburgerNavSubItemIconColor);
12998        --navSubItemIconColorHover: var(--hamburgerNavSubItemIconColorHover);
12999        --navSubItemIconSpacing: var(--hamburgerNavSubItemIconSpacing);
13000        --navSubItemIconRotate: var(--hamburgerNavSubItemIconRotate);
13001        --navSubItemIconRotateHover: var(--hamburgerNavSubItemIconRotateHover);
13002    }
13003    .wmc_menu.wmcM_menuVerticalTablet {
13004        --navItemIconDisplay: var(--verticalNavItemIconDisplay);
13005        --navItemIconSize: var(--verticalNavItemIconSize);
13006        --navItemIconSizeHover: var(--verticalNavItemIconSizeHover);
13007        --navItemIconColor: var(--verticalNavItemIconColor);
13008        --navItemIconColorHover: var(--verticalNavItemIconColorHover);
13009        --navItemIconSpacing: var(--verticalNavItemIconSpacing);
13010        --navItemIconRotate: var(--verticalNavItemIconRotate);
13011        --navItemIconRotateHover: var(--verticalNavItemIconRotateHover);
13012        --navSubItemIconDisplay: var(--verticalNavSubItemIconDisplay);
13013        --navSubItemIconSize: var(--verticalNavSubItemIconSize);
13014        --navSubItemIconSizeHover: var(--verticalNavSubItemIconSizeHover);
13015        --navSubItemIconColor: var(--verticalNavSubItemIconColor);
13016        --navSubItemIconColorHover: var(--verticalNavSubItemIconColorHover);
13017        --navSubItemIconSpacing: var(--verticalNavSubItemIconSpacing);
13018        --navSubItemIconRotate: var(--verticalNavSubItemIconRotate);
13019        --navSubItemIconRotateHover: var(--verticalNavSubItemIconRotateHover);
13020    }
13021}
13022
13023@media all and (width < 650px) {
13024    .wmc_menu.wmcM_menuHorizontalMobile {
13025        /* horizontal main item */
13026        --navItemBackgroundColor: var(--horizontalNavItemBackgroundColor);
13027        --navItemBorderTop: var(--horizontalNavItemBorderTop);
13028        --navItemBorderRight: var(--horizontalNavItemBorderRight);
13029        --navItemBorderBottom: var(--horizontalNavItemBorderBottom);
13030        --navItemBorderLeft: var(--horizontalNavItemBorderLeft);
13031        --navItemBorderRadius: var(--horizontalNavItemBorderRadius);
13032        --navItemPaddingTop: var(--horizontalNavItemPaddingTop);
13033        --navItemPaddingBottom: var(--horizontalNavItemPaddingBottom);
13034        --navItemPaddingLeft: var(--horizontalNavItemPaddingLeft);
13035        --navItemPaddingRight: var(--horizontalNavItemPaddingRight);
13036        --navItemFont: var(--horizontalNavItemFont);
13037        --navItemFontColor: var(--horizontalNavItemFontColor);
13038        --navItemLineHeight: var(--horizontalNavItemLineHeight);
13039        --navItemLetterSpacing: var(--horizontalNavItemLetterSpacing);
13040        --navItemFontSize: var(--horizontalNavItemFontSize);
13041        --navItemTextDecoration: var(--horizontalNavItemTextDecoration);
13042        --navItemFontWeight: var(--horizontalNavItemFontWeight);
13043        --navItemFontStyle: var(--horizontalNavItemFontStyle);
13044        --navItemHoverBackgroundColor: var(--horizontalNavItemHoverBackgroundColor);
13045        --navItemBorderTopHover: var(--horizontalNavItemBorderTopHover);
13046        --navItemBorderRightHover: var(--horizontalNavItemBorderRightHover);
13047        --navItemBorderBottomHover: var(--horizontalNavItemBorderBottomHover);
13048        --navItemBorderLeftHover: var(--horizontalNavItemBorderLeftHover);
13049        --navItemBorderRadiusHover: var(--horizontalNavItemBorderRadiusHover);
13050        --navItemPaddingTopHover: var(--horizontalNavItemPaddingTopHover);
13051        --navItemPaddingBottomHover: var(--horizontalNavItemPaddingBottomHover);
13052        --navItemPaddingLeftHover: var(--horizontalNavItemPaddingLeftHover);
13053        --navItemPaddingRightHover: var(--horizontalNavItemPaddingRightHover);
13054        --navItemHoverFontColor: var(--horizontalNavItemHoverFontColor);
13055        --navItemFontSizeHover: var(--horizontalNavItemFontSizeHover);
13056        --navItemTextDecorationHover: var(--horizontalNavItemTextDecorationHover);
13057        --navItemFontWeightHover: var(--horizontalNavItemFontWeightHover);
13058        --navItemFontStyleHover: var(--horizontalNavItemFontStyleHover);
13059        --navItemActiveBackgroundColor: var(--horizontalNavItemActiveBackgroundColor);
13060        --navItemActiveFontColor: var(--horizontalNavItemActiveFontColor);
13061        --navItemIconDisplay: var(--horizontalNavItemIconDisplay);
13062        --navItemIconSize: var(--horizontalNavItemIconSize);
13063        --navItemIconSizeHover: var(--horizontalNavItemIconSizeHover);
13064        --navItemIconSizeActive: var(--horizontalNavItemIconSizeActive);
13065        --navItemIconColor: var(--horizontalNavItemIconColor);
13066        --navItemIconColorHover: var(--horizontalNavItemIconColorHover);
13067        --navItemIconColorActive: var(--horizontalNavItemIconColorActive);
13068        --navItemIconSpacing: var(--horizontalNavItemIconSpacing);
13069        --navItemIconRotate: var(--horizontalNavItemIconRotate);
13070        --navItemIconRotateHover: var(--horizontalNavItemIconRotateHover);
13071        --navItemIconRotateActive: var(--horizontalNavItemIconRotateActive);
13072        --navSubItemIconDisplay: var(--horizontalNavSubItemIconDisplay);
13073        --navSubItemIconSize: var(--horizontalNavSubItemIconSize);
13074        --navSubItemIconSizeHover: var(--horizontalNavSubItemIconSizeHover);
13075        --navSubItemIconSizeActive: var(--horizontalNavSubItemIconSizeActive);
13076        --navSubItemIconColor: var(--horizontalNavSubItemIconColor);
13077        --navSubItemIconColorHover: var(--horizontalNavSubItemIconColorHover);
13078        --navSubItemIconColorActive: var(--horizontalNavSubItemIconColorActive);
13079        --navSubItemIconSpacing: var(--horizontalNavSubItemIconSpacing);
13080        --navSubItemIconRotate: var(--horizontalNavSubItemIconRotate);
13081        --navSubItemIconRotateHover: var(--horizontalNavSubItemIconRotateHover);
13082        --navSubItemIconRotateActive: var(--horizontalNavSubItemIconRotateActive);
13083    }
13084    .wmc_menu.wmcM_menuMegaMobile {
13085        /* mega main item */
13086        --navItemBackgroundColor: var(--megaNavItemBackgroundColor);
13087        --navItemBorderTop: var(--megaNavItemBorderTop);
13088        --navItemBorderRight: var(--megaNavItemBorderRight);
13089        --navItemBorderBottom: var(--megaNavItemBorderBottom);
13090        --navItemBorderLeft: var(--megaNavItemBorderLeft);
13091        --navItemBorderRadius: var(--megaNavItemBorderRadius);
13092        --navItemPaddingTop: var(--megaNavItemPaddingTop);
13093        --navItemPaddingBottom: var(--megaNavItemPaddingBottom);
13094        --navItemPaddingLeft: var(--megaNavItemPaddingLeft);
13095        --navItemPaddingRight: var(--megaNavItemPaddingRight);
13096        --navItemFont: var(--megaNavItemFont);
13097        --navItemFontColor: var(--megaNavItemFontColor);
13098        --navItemLineHeight: var(--megaNavItemLineHeight);
13099        --navItemLetterSpacing: var(--megaNavItemLetterSpacing);
13100        --navItemFontSize: var(--megaNavItemFontSize);
13101        --navItemTextDecoration: var(--megaNavItemTextDecoration);
13102        --navItemFontWeight: var(--megaNavItemFontWeight);
13103        --navItemFontStyle: var(--megaNavItemFontStyle);
13104        --navItemHoverBackgroundColor: var(--megaNavItemHoverBackgroundColor);
13105        --navItemBorderTopHover: var(--megaNavItemBorderTopHover);
13106        --navItemBorderRightHover: var(--megaNavItemBorderRightHover);
13107        --navItemBorderBottomHover: var(--megaNavItemBorderBottomHover);
13108        --navItemBorderLeftHover: var(--megaNavItemBorderLeftHover);
13109        --navItemBorderRadiusHover: var(--megaNavItemBorderRadiusHover);
13110        --navItemPaddingTopHover: var(--megaNavItemPaddingTopHover);
13111        --navItemPaddingBottomHover: var(--megaNavItemPaddingBottomHover);
13112        --navItemPaddingLeftHover: var(--megaNavItemPaddingLeftHover);
13113        --navItemPaddingRightHover: var(--megaNavItemPaddingRightHover);
13114        --navItemHoverFontColor: var(--megaNavItemHoverFontColor);
13115        --navItemFontSizeHover: var(--megaNavItemFontSizeHover);
13116        --navItemTextDecorationHover: var(--megaNavItemTextDecorationHover);
13117        --navItemFontWeightHover: var(--megaNavItemFontWeightHover);
13118        --navItemFontStyleHover: var(--megaNavItemFontStyleHover);
13119        --navItemActiveBackgroundColor: var(--megaNavItemActiveBackgroundColor);
13120        --navItemActiveFontColor: var(--megaNavItemActiveFontColor);
13121        --navItemIconDisplay: var(--megaNavItemIconDisplay);
13122        --navItemIconSize: var(--megaNavItemIconSize);
13123        --navItemIconSizeHover: var(--megaNavItemIconSizeHover);
13124        --navItemIconColor: var(--megaNavItemIconColor);
13125        --navItemIconColorHover: var(--megaNavItemIconColorHover);
13126        --navItemIconSpacing: var(--megaNavItemIconSpacing);
13127        --navItemIconRotate: var(--megaNavItemIconRotate);
13128        --navItemIconRotateHover: var(--megaNavItemIconRotateHover);
13129    }
13130    .wmc_menu.wmcM_menuHamburgerMobile {
13131        --navItemIconDisplay: var(--hamburgerNavItemIconDisplay);
13132        --navItemIconSize: var(--hamburgerNavItemIconSize);
13133        --navItemIconSizeHover: var(--hamburgerNavItemIconSizeHover);
13134        --navItemIconColor: var(--hamburgerNavItemIconColor);
13135        --navItemIconColorHover: var(--hamburgerNavItemIconColorHover);
13136        --navItemIconSpacing: var(--hamburgerNavItemIconSpacing);
13137        --navItemIconRotate: var(--hamburgerNavItemIconRotate);
13138        --navItemIconRotateHover: var(--hamburgerNavItemIconRotateHover);
13139        --navSubItemIconDisplay: var(--hamburgerNavSubItemIconDisplay);
13140        --navSubItemIconSize: var(--hamburgerNavSubItemIconSize);
13141        --navSubItemIconSizeHover: var(--hamburgerNavSubItemIconSizeHover);
13142        --navSubItemIconColor: var(--hamburgerNavSubItemIconColor);
13143        --navSubItemIconColorHover: var(--hamburgerNavSubItemIconColorHover);
13144        --navSubItemIconSpacing: var(--hamburgerNavSubItemIconSpacing);
13145        --navSubItemIconRotate: var(--hamburgerNavSubItemIconRotate);
13146        --navSubItemIconRotateHover: var(--hamburgerNavSubItemIconRotateHover);
13147    }
13148    .wmc_menu.wmcM_menuVerticalMobile {
13149        --navItemIconDisplay: var(--verticalNavItemIconDisplay);
13150        --navItemIconSize: var(--verticalNavItemIconSize);
13151        --navItemIconSizeHover: var(--verticalNavItemIconSizeHover);
13152        --navItemIconColor: var(--verticalNavItemIconColor);
13153        --navItemIconColorHover: var(--verticalNavItemIconColorHover);
13154        --navItemIconSpacing: var(--verticalNavItemIconSpacing);
13155        --navItemIconRotate: var(--verticalNavItemIconRotate);
13156        --navItemIconRotateHover: var(--verticalNavItemIconRotateHover);
13157        --navSubItemIconDisplay: var(--verticalNavSubItemIconDisplay);
13158        --navSubItemIconSize: var(--verticalNavSubItemIconSize);
13159        --navSubItemIconSizeHover: var(--verticalNavSubItemIconSizeHover);
13160        --navSubItemIconColor: var(--verticalNavSubItemIconColor);
13161        --navSubItemIconColorHover: var(--verticalNavSubItemIconColorHover);
13162        --navSubItemIconSpacing: var(--verticalNavSubItemIconSpacing);
13163        --navSubItemIconRotate: var(--verticalNavSubItemIconRotate);
13164        --navSubItemIconRotateHover: var(--verticalNavSubItemIconRotateHover);
13165    }
13166}
13167
13168.wmc_menu .navigation-nav--icon-spacer {
13169    visibility: hidden;
13170}
13171
13172/*
13173 * Top/bottom spacing of the horizontal & mega menu bar.
13174 */
13175.wmc_menu[class*="wmcM_menuHorizontal"] .navigation-nav--main-menu,
13176.wmc_menu[class*="wmcM_menuMega"] .navigation-nav--main-menu {
13177    margin-top: var(--horizontalNavMenuVerticalSpacing, 1rem);
13178    margin-bottom: var(--horizontalNavMenuVerticalSpacing, 1rem);
13179}
13180
13181
13182@media all and (width >= 1040px) {
13183    .wmc_menu.wmcM_menuMegaDesktop {
13184        /* Hidden until promoted to the top layer via the Popover API. */
13185        & .navigation-nav--sub-menu.navigation-nav--mega-panel {
13186            display: none;
13187            position: fixed;
13188            top: var(--megaNavPanelTriggerTop, 0);
13189            left: max(0px, calc((100vw - var(--megaNavPanelWidth, 100vw)) / 2));
13190            inset-block-end: auto;
13191            inset-inline-end: auto;
13192            margin: 0;
13193            box-sizing: border-box;
13194            width: var(--megaNavPanelWidth, 100vw);
13195            max-width: 100vw;
13196            grid-template-columns: repeat(var(--megaNavPanelNumberOfCells, 4), minmax(0, 1fr));
13197            gap: var(--megaNavPanelCellSpacing, 24px);
13198            padding: var(--megaNavPanelPaddingTop, 40px) var(--megaNavPanelPaddingRight, 40px) var(--megaNavPanelPaddingBottom, 40px) var(--megaNavPanelPaddingLeft, 40px);
13199            background-color: var(--megaNavPanelBackgroundColor, #fff);
13200            border-top: var(--megaNavPanelBorderTop, 0 none transparent);
13201            border-right: var(--megaNavPanelBorderRight, 0 none transparent);
13202            border-bottom: var(--megaNavPanelBorderBottom, 0 none transparent);
13203            border-left: var(--megaNavPanelBorderLeft, 0 none transparent);
13204            border-radius: var(--megaNavPanelBorderRadius, 0);
13205            box-shadow: var(--megaNavPanelShadow, 0 6px 24px rgba(0, 0, 0, 0.08));
13206            z-index: 1000;
13207            min-width: 0;
13208            opacity: 1;
13209            visibility: visible;
13210            transform: none;
13211            transition: none;
13212        }
13213
13214        /* Shown only while the panel is open in the top layer. */
13215        & .navigation-nav--sub-menu.navigation-nav--mega-panel:popover-open {
13216            display: grid;
13217        }
13218
13219        & .navigation-module-container .navigation-nav--sub-menu.navigation-nav--mega-panel .arrow,
13220        & .navigation-module-container .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--separator {
13221            display: none;
13222        }
13223
13224        /* Nested sub-menus inside the panel are laid out statically as
13225           columns/lists, not as hover flyouts. */
13226        & .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--sub-menu {
13227            position: static;
13228            opacity: 1;
13229            visibility: visible;
13230            transform: none;
13231            max-height: none;
13232            background-color: transparent;
13233        }
13234
13235        & .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) {
13236            display: flex;
13237            flex-direction: column;
13238            align-items: stretch;
13239            grid-template-columns: none;
13240            position: static;
13241            padding-right: 0;
13242        }
13243
13244        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item {
13245            min-width: 0;
13246            display: flex;
13247            flex-direction: column;
13248            align-items: stretch;
13249            justify-items: stretch;
13250            position: static;
13251            padding-right: 0;
13252            gap: 8px;
13253        }
13254
13255        /* Column title (the column sub-item's own link). */
13256        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a {
13257            display: inline-flex;
13258            align-items: center;
13259            width: 100%;
13260            gap: var(--megaNavSubItemIconSpacing, 8px);
13261            background-color: var(--megaNavSubItemBackgroundColor, transparent);
13262            border-top: var(--megaNavSubItemBorderTop, 0 none transparent);
13263            border-right: var(--megaNavSubItemBorderRight, 0 none transparent);
13264            border-bottom: var(--megaNavSubItemBorderBottom, 0 none transparent);
13265            border-left: var(--megaNavSubItemBorderLeft, 0 none transparent);
13266            border-radius: var(--megaNavSubItemBorderRadius, 0);
13267            padding: var(--megaNavSubItemPaddingTop, 0) var(--megaNavSubItemPaddingRight, 0)
13268                     var(--megaNavSubItemPaddingBottom, 8px) var(--megaNavSubItemPaddingLeft, 0);
13269            font-family: var(--megaNavSubItemFont, inherit);
13270            color: var(--megaNavSubItemFontColor, currentColor);
13271            font-size: var(--megaNavSubItemFontSize, 18px);
13272            font-weight: var(--megaNavSubItemFontWeight, 600);
13273            font-style: var(--megaNavSubItemFontStyle, normal);
13274            line-height: var(--megaNavSubItemLineHeight, normal);
13275            letter-spacing: var(--megaNavSubItemLetterSpacing, 0);
13276            text-decoration: var(--megaNavSubItemTextDecoration, none);
13277            text-transform: none;
13278        }
13279
13280        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a:hover,
13281        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a,
13282        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a {
13283            background-color: var(--megaNavSubItemHoverBackgroundColor, transparent);
13284            color: var(--megaNavSubItemHoverFontColor, currentColor);
13285            font-size: var(--megaNavSubItemHoverFontSize, var(--megaNavSubItemFontSize, 18px));
13286            font-weight: var(--megaNavSubItemHoverFontWeight, var(--megaNavSubItemFontWeight, 600));
13287            font-style: var(--megaNavSubItemHoverFontStyle, var(--megaNavSubItemFontStyle, normal));
13288            text-decoration: var(--megaNavSubItemHoverTextDecoration, var(--megaNavSubItemTextDecoration, none));
13289            border-top: var(--megaNavSubItemBorderTopHover, var(--megaNavSubItemBorderTop, 0 none transparent));
13290            border-right: var(--megaNavSubItemBorderRightHover, var(--megaNavSubItemBorderRight, 0 none transparent));
13291            border-bottom: var(--megaNavSubItemBorderBottomHover, var(--megaNavSubItemBorderBottom, 0 none transparent));
13292            border-left: var(--megaNavSubItemBorderLeftHover, var(--megaNavSubItemBorderLeft, 0 none transparent));
13293            border-radius: var(--megaNavSubItemBorderRadiusHover, var(--megaNavSubItemBorderRadius, 0));
13294            padding: var(--megaNavSubItemPaddingTopHover, var(--megaNavSubItemPaddingTop, 0))
13295                     var(--megaNavSubItemPaddingRightHover, var(--megaNavSubItemPaddingRight, 0))
13296                     var(--megaNavSubItemPaddingBottomHover, var(--megaNavSubItemPaddingBottom, 8px))
13297                     var(--megaNavSubItemPaddingLeftHover, var(--megaNavSubItemPaddingLeft, 0));
13298        }
13299
13300        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i {
13301            display: var(--megaNavSubItemIconDisplay, none);
13302            width: var(--megaNavSubItemIconSize, 16px);
13303            height: var(--megaNavSubItemIconSize, 16px);
13304            background-color: var(--megaNavSubItemIconColor, currentColor);
13305            transform: var(--megaNavSubItemIconRotate, none);
13306            -webkit-mask-size: contain;
13307            mask-size: contain;
13308            -webkit-mask-repeat: no-repeat;
13309            mask-repeat: no-repeat;
13310            -webkit-mask-position: center;
13311            mask-position: center;
13312            flex-shrink: 0;
13313            transition: background-color 0.2s ease, transform 0.2s ease;
13314        }
13315
13316        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a:hover > i,
13317        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i,
13318        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i {
13319            width: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
13320            height: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
13321            background-color: var(--megaNavSubItemIconColorHover, var(--megaNavSubItemIconColor, currentColor));
13322            transform: var(--megaNavSubItemIconRotateHover, var(--megaNavSubItemIconRotate, none));
13323        }
13324
13325        /* List of children inside a column (the column's nested sub-menu). */
13326        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu {
13327            list-style: none;
13328            padding: 0;
13329            margin: 0;
13330            display: flex;
13331            flex-direction: column;
13332            gap: 4px;
13333        }
13334
13335        /* Each individual link inside a column, at any nesting depth. */
13336        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a {
13337            display: inline-flex;
13338            align-items: center;
13339            width: 100%;
13340            gap: var(--megaNavChildItemIconSpacing, 8px);
13341            background-color: var(--megaNavChildItemBackgroundColor, transparent);
13342            border-top: var(--megaNavChildItemBorderTop, 0 none transparent);
13343            border-right: var(--megaNavChildItemBorderRight, 0 none transparent);
13344            border-bottom: var(--megaNavChildItemBorderBottom, 0 none transparent);
13345            border-left: var(--megaNavChildItemBorderLeft, 0 none transparent);
13346            border-radius: var(--megaNavChildItemBorderRadius, 0);
13347            padding: var(--megaNavChildItemPaddingTop, 4px) var(--megaNavChildItemPaddingRight, 0)
13348                     var(--megaNavChildItemPaddingBottom, 4px) var(--megaNavChildItemPaddingLeft, 0);
13349            font-family: var(--megaNavChildItemFont, inherit);
13350            color: var(--megaNavChildItemFontColor, currentColor);
13351            font-size: var(--megaNavChildItemFontSize, 14px);
13352            font-weight: var(--megaNavChildItemFontWeight, 400);
13353            font-style: var(--megaNavChildItemFontStyle, normal);
13354            line-height: var(--megaNavChildItemLineHeight, normal);
13355            letter-spacing: var(--megaNavChildItemLetterSpacing, 0);
13356            text-decoration: var(--megaNavChildItemTextDecoration, none);
13357        }
13358
13359        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a:hover,
13360        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a,
13361        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a {
13362            background-color: var(--megaNavChildItemHoverBackgroundColor, transparent);
13363            color: var(--megaNavChildItemHoverFontColor, currentColor);
13364            font-size: var(--megaNavChildItemHoverFontSize, var(--megaNavChildItemFontSize, 14px));
13365            font-weight: var(--megaNavChildItemHoverFontWeight, var(--megaNavChildItemFontWeight, 400));
13366            font-style: var(--megaNavChildItemHoverFontStyle, var(--megaNavChildItemFontStyle, normal));
13367            text-decoration: var(--megaNavChildItemHoverTextDecoration, var(--megaNavChildItemTextDecoration, none));
13368            border-top: var(--megaNavChildItemBorderTopHover, var(--megaNavChildItemBorderTop, 0 none transparent));
13369            border-right: var(--megaNavChildItemBorderRightHover, var(--megaNavChildItemBorderRight, 0 none transparent));
13370            border-bottom: var(--megaNavChildItemBorderBottomHover, var(--megaNavChildItemBorderBottom, 0 none transparent));
13371            border-left: var(--megaNavChildItemBorderLeftHover, var(--megaNavChildItemBorderLeft, 0 none transparent));
13372            border-radius: var(--megaNavChildItemBorderRadiusHover, var(--megaNavChildItemBorderRadius, 0));
13373        }
13374
13375        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i {
13376            display: var(--megaNavChildItemIconDisplay, none);
13377            width: var(--megaNavChildItemIconSize, 14px);
13378            height: var(--megaNavChildItemIconSize, 14px);
13379            background-color: var(--megaNavChildItemIconColor, currentColor);
13380            transform: var(--megaNavChildItemIconRotate, none);
13381            -webkit-mask-size: contain;
13382            mask-size: contain;
13383            -webkit-mask-repeat: no-repeat;
13384            mask-repeat: no-repeat;
13385            -webkit-mask-position: center;
13386            mask-position: center;
13387            flex-shrink: 0;
13388            transition: background-color 0.2s ease, transform 0.2s ease;
13389        }
13390
13391        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a:hover > i,
13392        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i,
13393        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i {
13394            width: var(--megaNavChildItemIconSizeHover, var(--megaNavChildItemIconSize, 14px));
13395            height: var(--megaNavChildItemIconSizeHover, var(--megaNavChildItemIconSize, 14px));
13396            background-color: var(--megaNavChildItemIconColorHover, var(--megaNavChildItemIconColor, currentColor));
13397            transform: var(--megaNavChildItemIconRotateHover, var(--megaNavChildItemIconRotate, none));
13398        }
13399
13400        /* Deeper nested groups inside a column are indented under their parent. */
13401        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-menu {
13402            list-style: none;
13403            margin: 0;
13404            padding: 0;
13405            padding-left: 16px;
13406            display: flex;
13407            flex-direction: column;
13408            gap: 4px;
13409        }
13410
13411        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu {
13412            background-color: var(--megaNavPanelBackgroundColor, #fff);
13413        }
13414
13415        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item {
13416            min-width: 0;
13417            position: static;
13418            background-color: var(--megaNavSubItemBackgroundColor, transparent);
13419            border-top: var(--megaNavSubItemBorderTop, 0 none transparent);
13420            border-right: var(--megaNavSubItemBorderRight, 0 none transparent);
13421            border-bottom: var(--megaNavSubItemBorderBottom, 0 none transparent);
13422            border-left: var(--megaNavSubItemBorderLeft, 0 none transparent);
13423            border-radius: var(--megaNavSubItemBorderRadius, 0);
13424        }
13425
13426        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item:hover,
13427        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item,
13428        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item {
13429            background-color: var(--megaNavSubItemHoverBackgroundColor, transparent);
13430            border-top: var(--megaNavSubItemBorderTopHover, var(--megaNavSubItemBorderTop, 0 none transparent));
13431            border-right: var(--megaNavSubItemBorderRightHover, var(--megaNavSubItemBorderRight, 0 none transparent));
13432            border-bottom: var(--megaNavSubItemBorderBottomHover, var(--megaNavSubItemBorderBottom, 0 none transparent));
13433            border-left: var(--megaNavSubItemBorderLeftHover, var(--megaNavSubItemBorderLeft, 0 none transparent));
13434            border-radius: var(--megaNavSubItemBorderRadiusHover, var(--megaNavSubItemBorderRadius, 0));
13435        }
13436
13437        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a {
13438            display: inline-flex;
13439            align-items: center;
13440            width: 100%;
13441            gap: var(--megaNavSubItemIconSpacing, 8px);
13442            background-color: transparent;
13443            padding: var(--megaNavSubItemPaddingTop, 0) var(--megaNavSubItemPaddingRight, 0)
13444                     var(--megaNavSubItemPaddingBottom, 8px) var(--megaNavSubItemPaddingLeft, 0);
13445            font-family: var(--megaNavSubItemFont, inherit);
13446            color: var(--megaNavSubItemFontColor, currentColor);
13447            font-size: var(--megaNavSubItemFontSize, 18px);
13448            font-weight: var(--megaNavSubItemFontWeight, 600);
13449            font-style: var(--megaNavSubItemFontStyle, normal);
13450            line-height: var(--megaNavSubItemLineHeight, normal);
13451            letter-spacing: var(--megaNavSubItemLetterSpacing, 0);
13452            text-decoration: var(--megaNavSubItemTextDecoration, none);
13453            text-transform: none;
13454        }
13455
13456        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a:hover,
13457        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a,
13458        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a {
13459            color: var(--megaNavSubItemHoverFontColor, currentColor);
13460            font-weight: var(--megaNavSubItemHoverFontWeight, var(--megaNavSubItemFontWeight, 600));
13461            font-style: var(--megaNavSubItemHoverFontStyle, var(--megaNavSubItemFontStyle, normal));
13462            text-decoration: var(--megaNavSubItemHoverTextDecoration, var(--megaNavSubItemTextDecoration, none));
13463            padding: var(--megaNavSubItemPaddingTopHover, var(--megaNavSubItemPaddingTop, 0))
13464                     var(--megaNavSubItemPaddingRightHover, var(--megaNavSubItemPaddingRight, 0))
13465                     var(--megaNavSubItemPaddingBottomHover, var(--megaNavSubItemPaddingBottom, 8px))
13466                     var(--megaNavSubItemPaddingLeftHover, var(--megaNavSubItemPaddingLeft, 0));
13467        }
13468
13469        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i {
13470            display: var(--megaNavSubItemIconDisplay, none);
13471            width: var(--megaNavSubItemIconSize, 16px);
13472            height: var(--megaNavSubItemIconSize, 16px);
13473            background-color: var(--megaNavSubItemIconColor, currentColor);
13474            transform: var(--megaNavSubItemIconRotate, none);
13475            -webkit-mask-size: contain;
13476            mask-size: contain;
13477            -webkit-mask-repeat: no-repeat;
13478            mask-repeat: no-repeat;
13479            -webkit-mask-position: center;
13480            mask-position: center;
13481            flex-shrink: 0;
13482            transition: background-color 0.2s ease, transform 0.2s ease;
13483        }
13484
13485        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a:hover > i,
13486        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i,
13487        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i {
13488            width: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
13489            height: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
13490            background-color: var(--megaNavSubItemIconColorHover, var(--megaNavSubItemIconColor, currentColor));
13491        }
13492    }
13493}
13494
13495@media all and (width < 1040px) {
13496    .wmc_menu.wmcM_menuMegaTablet {
13497        & .navigation-nav--sub-menu.navigation-nav--mega-panel {
13498            display: none;
13499            position: fixed;
13500            top: var(--megaNavPanelTriggerTop, 0);
13501            left: max(0px, calc((100vw - var(--megaNavPanelWidth, 100vw)) / 2));
13502            inset-block-end: auto;
13503            inset-inline-end: auto;
13504            margin: 0;
13505            box-sizing: border-box;
13506            width: var(--megaNavPanelWidth, 100vw);
13507            max-width: 100vw;
13508            grid-template-columns: repeat(min(var(--megaNavPanelNumberOfCells, 4), 2), minmax(0, 1fr));
13509            gap: var(--megaNavPanelCellSpacing, 24px);
13510            padding: var(--megaNavPanelPaddingTop, 40px) var(--megaNavPanelPaddingRight, 40px) var(--megaNavPanelPaddingBottom, 40px) var(--megaNavPanelPaddingLeft, 40px);
13511            background-color: var(--megaNavPanelBackgroundColor, #fff);
13512            border-top: var(--megaNavPanelBorderTop, 0 none transparent);
13513            border-right: var(--megaNavPanelBorderRight, 0 none transparent);
13514            border-bottom: var(--megaNavPanelBorderBottom, 0 none transparent);
13515            border-left: var(--megaNavPanelBorderLeft, 0 none transparent);
13516            border-radius: var(--megaNavPanelBorderRadius, 0);
13517            box-shadow: var(--megaNavPanelShadow, 0 6px 24px rgba(0, 0, 0, 0.08));
13518            z-index: 1000;
13519            min-width: 0;
13520            opacity: 1;
13521            visibility: visible;
13522            transform: none;
13523            transition: none;
13524        }
13525
13526        & .navigation-nav--sub-menu.navigation-nav--mega-panel:popover-open {
13527            display: grid;
13528        }
13529
13530        & .navigation-module-container .navigation-nav--sub-menu.navigation-nav--mega-panel .arrow,
13531        & .navigation-module-container .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--separator {
13532            display: none;
13533        }
13534
13535        & .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--sub-menu {
13536            position: static;
13537            opacity: 1;
13538            visibility: visible;
13539            transform: none;
13540            max-height: none;
13541            background-color: transparent;
13542        }
13543
13544        & .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) {
13545            display: flex;
13546            flex-direction: column;
13547            align-items: stretch;
13548            grid-template-columns: none;
13549            position: static;
13550            padding-right: 0;
13551        }
13552
13553        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item {
13554            min-width: 0;
13555            display: flex;
13556            flex-direction: column;
13557            align-items: stretch;
13558            justify-items: stretch;
13559            position: static;
13560            padding-right: 0;
13561            gap: 8px;
13562        }
13563
13564        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a {
13565            display: inline-flex;
13566            align-items: center;
13567            width: 100%;
13568            gap: var(--megaNavSubItemIconSpacing, 8px);
13569            background-color: var(--megaNavSubItemBackgroundColor, transparent);
13570            border-top: var(--megaNavSubItemBorderTop, 0 none transparent);
13571            border-right: var(--megaNavSubItemBorderRight, 0 none transparent);
13572            border-bottom: var(--megaNavSubItemBorderBottom, 0 none transparent);
13573            border-left: var(--megaNavSubItemBorderLeft, 0 none transparent);
13574            border-radius: var(--megaNavSubItemBorderRadius, 0);
13575            padding: var(--megaNavSubItemPaddingTop, 0) var(--megaNavSubItemPaddingRight, 0)
13576                     var(--megaNavSubItemPaddingBottom, 8px) var(--megaNavSubItemPaddingLeft, 0);
13577            font-family: var(--megaNavSubItemFont, inherit);
13578            color: var(--megaNavSubItemFontColor, currentColor);
13579            font-size: var(--megaNavSubItemFontSize, 18px);
13580            font-weight: var(--megaNavSubItemFontWeight, 600);
13581            font-style: var(--megaNavSubItemFontStyle, normal);
13582            line-height: var(--megaNavSubItemLineHeight, normal);
13583            letter-spacing: var(--megaNavSubItemLetterSpacing, 0);
13584            text-decoration: var(--megaNavSubItemTextDecoration, none);
13585            text-transform: none;
13586        }
13587
13588        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a:hover,
13589        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a,
13590        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a {
13591            background-color: var(--megaNavSubItemHoverBackgroundColor, transparent);
13592            color: var(--megaNavSubItemHoverFontColor, currentColor);
13593            font-size: var(--megaNavSubItemHoverFontSize, var(--megaNavSubItemFontSize, 18px));
13594            font-weight: var(--megaNavSubItemHoverFontWeight, var(--megaNavSubItemFontWeight, 600));
13595            font-style: var(--megaNavSubItemHoverFontStyle, var(--megaNavSubItemFontStyle, normal));
13596            text-decoration: var(--megaNavSubItemHoverTextDecoration, var(--megaNavSubItemTextDecoration, none));
13597            border-top: var(--megaNavSubItemBorderTopHover, var(--megaNavSubItemBorderTop, 0 none transparent));
13598            border-right: var(--megaNavSubItemBorderRightHover, var(--megaNavSubItemBorderRight, 0 none transparent));
13599            border-bottom: var(--megaNavSubItemBorderBottomHover, var(--megaNavSubItemBorderBottom, 0 none transparent));
13600            border-left: var(--megaNavSubItemBorderLeftHover, var(--megaNavSubItemBorderLeft, 0 none transparent));
13601            border-radius: var(--megaNavSubItemBorderRadiusHover, var(--megaNavSubItemBorderRadius, 0));
13602            padding: var(--megaNavSubItemPaddingTopHover, var(--megaNavSubItemPaddingTop, 0))
13603                     var(--megaNavSubItemPaddingRightHover, var(--megaNavSubItemPaddingRight, 0))
13604                     var(--megaNavSubItemPaddingBottomHover, var(--megaNavSubItemPaddingBottom, 8px))
13605                     var(--megaNavSubItemPaddingLeftHover, var(--megaNavSubItemPaddingLeft, 0));
13606        }
13607
13608        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i {
13609            display: var(--megaNavSubItemIconDisplay, none);
13610            width: var(--megaNavSubItemIconSize, 16px);
13611            height: var(--megaNavSubItemIconSize, 16px);
13612            background-color: var(--megaNavSubItemIconColor, currentColor);
13613            transform: var(--megaNavSubItemIconRotate, none);
13614            -webkit-mask-size: contain;
13615            mask-size: contain;
13616            -webkit-mask-repeat: no-repeat;
13617            mask-repeat: no-repeat;
13618            -webkit-mask-position: center;
13619            mask-position: center;
13620            flex-shrink: 0;
13621            transition: background-color 0.2s ease, transform 0.2s ease;
13622        }
13623
13624        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a:hover > i,
13625        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i,
13626        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i {
13627            width: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
13628            height: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
13629            background-color: var(--megaNavSubItemIconColorHover, var(--megaNavSubItemIconColor, currentColor));
13630            transform: var(--megaNavSubItemIconRotateHover, var(--megaNavSubItemIconRotate, none));
13631        }
13632
13633        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu {
13634            list-style: none;
13635            padding: 0;
13636            margin: 0;
13637            display: flex;
13638            flex-direction: column;
13639            gap: 4px;
13640        }
13641
13642        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a {
13643            display: inline-flex;
13644            align-items: center;
13645            width: 100%;
13646            gap: var(--megaNavChildItemIconSpacing, 8px);
13647            background-color: var(--megaNavChildItemBackgroundColor, transparent);
13648            border-top: var(--megaNavChildItemBorderTop, 0 none transparent);
13649            border-right: var(--megaNavChildItemBorderRight, 0 none transparent);
13650            border-bottom: var(--megaNavChildItemBorderBottom, 0 none transparent);
13651            border-left: var(--megaNavChildItemBorderLeft, 0 none transparent);
13652            border-radius: var(--megaNavChildItemBorderRadius, 0);
13653            padding: var(--megaNavChildItemPaddingTop, 4px) var(--megaNavChildItemPaddingRight, 0)
13654                     var(--megaNavChildItemPaddingBottom, 4px) var(--megaNavChildItemPaddingLeft, 0);
13655            font-family: var(--megaNavChildItemFont, inherit);
13656            color: var(--megaNavChildItemFontColor, currentColor);
13657            font-size: var(--megaNavChildItemFontSize, 14px);
13658            font-weight: var(--megaNavChildItemFontWeight, 400);
13659            font-style: var(--megaNavChildItemFontStyle, normal);
13660            line-height: var(--megaNavChildItemLineHeight, normal);
13661            letter-spacing: var(--megaNavChildItemLetterSpacing, 0);
13662            text-decoration: var(--megaNavChildItemTextDecoration, none);
13663        }
13664
13665        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a:hover,
13666        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a,
13667        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a {
13668            background-color: var(--megaNavChildItemHoverBackgroundColor, transparent);
13669            color: var(--megaNavChildItemHoverFontColor, currentColor);
13670            font-size: var(--megaNavChildItemHoverFontSize, var(--megaNavChildItemFontSize, 14px));
13671            font-weight: var(--megaNavChildItemHoverFontWeight, var(--megaNavChildItemFontWeight, 400));
13672            font-style: var(--megaNavChildItemHoverFontStyle, var(--megaNavChildItemFontStyle, normal));
13673            text-decoration: var(--megaNavChildItemHoverTextDecoration, var(--megaNavChildItemTextDecoration, none));
13674            border-top: var(--megaNavChildItemBorderTopHover, var(--megaNavChildItemBorderTop, 0 none transparent));
13675            border-right: var(--megaNavChildItemBorderRightHover, var(--megaNavChildItemBorderRight, 0 none transparent));
13676            border-bottom: var(--megaNavChildItemBorderBottomHover, var(--megaNavChildItemBorderBottom, 0 none transparent));
13677            border-left: var(--megaNavChildItemBorderLeftHover, var(--megaNavChildItemBorderLeft, 0 none transparent));
13678            border-radius: var(--megaNavChildItemBorderRadiusHover, var(--megaNavChildItemBorderRadius, 0));
13679        }
13680
13681        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i {
13682            display: var(--megaNavChildItemIconDisplay, none);
13683            width: var(--megaNavChildItemIconSize, 14px);
13684            height: var(--megaNavChildItemIconSize, 14px);
13685            background-color: var(--megaNavChildItemIconColor, currentColor);
13686            transform: var(--megaNavChildItemIconRotate, none);
13687            -webkit-mask-size: contain;
13688            mask-size: contain;
13689            -webkit-mask-repeat: no-repeat;
13690            mask-repeat: no-repeat;
13691            -webkit-mask-position: center;
13692            mask-position: center;
13693            flex-shrink: 0;
13694            transition: background-color 0.2s ease, transform 0.2s ease;
13695        }
13696
13697        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a:hover > i,
13698        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i,
13699        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i {
13700            width: var(--megaNavChildItemIconSizeHover, var(--megaNavChildItemIconSize, 14px));
13701            height: var(--megaNavChildItemIconSizeHover, var(--megaNavChildItemIconSize, 14px));
13702            background-color: var(--megaNavChildItemIconColorHover, var(--megaNavChildItemIconColor, currentColor));
13703            transform: var(--megaNavChildItemIconRotateHover, var(--megaNavChildItemIconRotate, none));
13704        }
13705
13706        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-menu {
13707            list-style: none;
13708            margin: 0;
13709            padding: 0;
13710            padding-left: 16px;
13711            display: flex;
13712            flex-direction: column;
13713            gap: 4px;
13714        }
13715
13716        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu {
13717            background-color: var(--megaNavPanelBackgroundColor, #fff);
13718        }
13719
13720        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item {
13721            min-width: 0;
13722            position: static;
13723            background-color: var(--megaNavSubItemBackgroundColor, transparent);
13724            border-top: var(--megaNavSubItemBorderTop, 0 none transparent);
13725            border-right: var(--megaNavSubItemBorderRight, 0 none transparent);
13726            border-bottom: var(--megaNavSubItemBorderBottom, 0 none transparent);
13727            border-left: var(--megaNavSubItemBorderLeft, 0 none transparent);
13728            border-radius: var(--megaNavSubItemBorderRadius, 0);
13729        }
13730
13731        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item:hover,
13732        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item,
13733        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item {
13734            background-color: var(--megaNavSubItemHoverBackgroundColor, transparent);
13735            border-top: var(--megaNavSubItemBorderTopHover, var(--megaNavSubItemBorderTop, 0 none transparent));
13736            border-right: var(--megaNavSubItemBorderRightHover, var(--megaNavSubItemBorderRight, 0 none transparent));
13737            border-bottom: var(--megaNavSubItemBorderBottomHover, var(--megaNavSubItemBorderBottom, 0 none transparent));
13738            border-left: var(--megaNavSubItemBorderLeftHover, var(--megaNavSubItemBorderLeft, 0 none transparent));
13739            border-radius: var(--megaNavSubItemBorderRadiusHover, var(--megaNavSubItemBorderRadius, 0));
13740        }
13741
13742        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a {
13743            display: inline-flex;
13744            align-items: center;
13745            width: 100%;
13746            gap: var(--megaNavSubItemIconSpacing, 8px);
13747            background-color: transparent;
13748            padding: var(--megaNavSubItemPaddingTop, 0) var(--megaNavSubItemPaddingRight, 0)
13749                     var(--megaNavSubItemPaddingBottom, 8px) var(--megaNavSubItemPaddingLeft, 0);
13750            font-family: var(--megaNavSubItemFont, inherit);
13751            color: var(--megaNavSubItemFontColor, currentColor);
13752            font-size: var(--megaNavSubItemFontSize, 18px);
13753            font-weight: var(--megaNavSubItemFontWeight, 600);
13754            font-style: var(--megaNavSubItemFontStyle, normal);
13755            line-height: var(--megaNavSubItemLineHeight, normal);
13756            letter-spacing: var(--megaNavSubItemLetterSpacing, 0);
13757            text-decoration: var(--megaNavSubItemTextDecoration, none);
13758            text-transform: none;
13759        }
13760
13761        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a:hover,
13762        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a,
13763        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a {
13764            color: var(--megaNavSubItemHoverFontColor, currentColor);
13765            font-weight: var(--megaNavSubItemHoverFontWeight, var(--megaNavSubItemFontWeight, 600));
13766            font-style: var(--megaNavSubItemHoverFontStyle, var(--megaNavSubItemFontStyle, normal));
13767            text-decoration: var(--megaNavSubItemHoverTextDecoration, var(--megaNavSubItemTextDecoration, none));
13768            padding: var(--megaNavSubItemPaddingTopHover, var(--megaNavSubItemPaddingTop, 0))
13769                     var(--megaNavSubItemPaddingRightHover, var(--megaNavSubItemPaddingRight, 0))
13770                     var(--megaNavSubItemPaddingBottomHover, var(--megaNavSubItemPaddingBottom, 8px))
13771                     var(--megaNavSubItemPaddingLeftHover, var(--megaNavSubItemPaddingLeft, 0));
13772        }
13773
13774        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i {
13775            display: var(--megaNavSubItemIconDisplay, none);
13776            width: var(--megaNavSubItemIconSize, 16px);
13777            height: var(--megaNavSubItemIconSize, 16px);
13778            background-color: var(--megaNavSubItemIconColor, currentColor);
13779            transform: var(--megaNavSubItemIconRotate, none);
13780            -webkit-mask-size: contain;
13781            mask-size: contain;
13782            -webkit-mask-repeat: no-repeat;
13783            mask-repeat: no-repeat;
13784            -webkit-mask-position: center;
13785            mask-position: center;
13786            flex-shrink: 0;
13787            transition: background-color 0.2s ease, transform 0.2s ease;
13788        }
13789
13790        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a:hover > i,
13791        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i,
13792        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i {
13793            width: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
13794            height: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
13795            background-color: var(--megaNavSubItemIconColorHover, var(--megaNavSubItemIconColor, currentColor));
13796        }
13797    }
13798}
13799
13800@media all and (width < 650px) {
13801    .wmc_menu.wmcM_menuMegaMobile {
13802        & .navigation-nav--sub-menu.navigation-nav--mega-panel {
13803            display: none;
13804            position: fixed;
13805            top: var(--megaNavPanelTriggerTop, 0);
13806            left: 0;
13807            right: 0;
13808            inset-block-end: auto;
13809            inset-inline-end: auto;
13810            margin: 0;
13811            box-sizing: border-box;
13812            width: 100vw;
13813            max-width: 100vw;
13814            grid-template-columns: 1fr;
13815            gap: var(--megaNavPanelCellSpacing, 24px);
13816            padding: var(--megaNavPanelPaddingTop, 40px) var(--megaNavPanelPaddingRight, 40px) var(--megaNavPanelPaddingBottom, 40px) var(--megaNavPanelPaddingLeft, 40px);
13817            background-color: var(--megaNavPanelBackgroundColor, #fff);
13818            border-top: var(--megaNavPanelBorderTop, 0 none transparent);
13819            border-right: var(--megaNavPanelBorderRight, 0 none transparent);
13820            border-bottom: var(--megaNavPanelBorderBottom, 0 none transparent);
13821            border-left: var(--megaNavPanelBorderLeft, 0 none transparent);
13822            border-radius: var(--megaNavPanelBorderRadius, 0);
13823            box-shadow: var(--megaNavPanelShadow, 0 6px 24px rgba(0, 0, 0, 0.08));
13824            z-index: 1000;
13825            min-width: 0;
13826            opacity: 1;
13827            visibility: visible;
13828            transform: none;
13829            transition: none;
13830        }
13831
13832        & .navigation-nav--sub-menu.navigation-nav--mega-panel:popover-open {
13833            display: grid;
13834        }
13835
13836        & .navigation-module-container .navigation-nav--sub-menu.navigation-nav--mega-panel .arrow,
13837        & .navigation-module-container .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--separator {
13838            display: none;
13839        }
13840
13841        & .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--sub-menu {
13842            position: static;
13843            opacity: 1;
13844            visibility: visible;
13845            transform: none;
13846            max-height: none;
13847            background-color: transparent;
13848        }
13849
13850        & .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) {
13851            display: flex;
13852            flex-direction: column;
13853            align-items: stretch;
13854            grid-template-columns: none;
13855            position: static;
13856            padding-right: 0;
13857        }
13858
13859        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item {
13860            min-width: 0;
13861            display: flex;
13862            flex-direction: column;
13863            align-items: stretch;
13864            justify-items: stretch;
13865            position: static;
13866            padding-right: 0;
13867            gap: 8px;
13868        }
13869
13870        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a {
13871            display: inline-flex;
13872            align-items: center;
13873            width: 100%;
13874            gap: var(--megaNavSubItemIconSpacing, 8px);
13875            background-color: var(--megaNavSubItemBackgroundColor, transparent);
13876            border-top: var(--megaNavSubItemBorderTop, 0 none transparent);
13877            border-right: var(--megaNavSubItemBorderRight, 0 none transparent);
13878            border-bottom: var(--megaNavSubItemBorderBottom, 0 none transparent);
13879            border-left: var(--megaNavSubItemBorderLeft, 0 none transparent);
13880            border-radius: var(--megaNavSubItemBorderRadius, 0);
13881            padding: var(--megaNavSubItemPaddingTop, 0) var(--megaNavSubItemPaddingRight, 0)
13882                     var(--megaNavSubItemPaddingBottom, 8px) var(--megaNavSubItemPaddingLeft, 0);
13883            font-family: var(--megaNavSubItemFont, inherit);
13884            color: var(--megaNavSubItemFontColor, currentColor);
13885            font-size: var(--megaNavSubItemFontSize, 18px);
13886            font-weight: var(--megaNavSubItemFontWeight, 600);
13887            font-style: var(--megaNavSubItemFontStyle, normal);
13888            line-height: var(--megaNavSubItemLineHeight, normal);
13889            letter-spacing: var(--megaNavSubItemLetterSpacing, 0);
13890            text-decoration: var(--megaNavSubItemTextDecoration, none);
13891            text-transform: none;
13892        }
13893
13894        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a:hover,
13895        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a,
13896        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a {
13897            background-color: var(--megaNavSubItemHoverBackgroundColor, transparent);
13898            color: var(--megaNavSubItemHoverFontColor, currentColor);
13899            font-size: var(--megaNavSubItemHoverFontSize, var(--megaNavSubItemFontSize, 18px));
13900            font-weight: var(--megaNavSubItemHoverFontWeight, var(--megaNavSubItemFontWeight, 600));
13901            font-style: var(--megaNavSubItemHoverFontStyle, var(--megaNavSubItemFontStyle, normal));
13902            text-decoration: var(--megaNavSubItemHoverTextDecoration, var(--megaNavSubItemTextDecoration, none));
13903            border-top: var(--megaNavSubItemBorderTopHover, var(--megaNavSubItemBorderTop, 0 none transparent));
13904            border-right: var(--megaNavSubItemBorderRightHover, var(--megaNavSubItemBorderRight, 0 none transparent));
13905            border-bottom: var(--megaNavSubItemBorderBottomHover, var(--megaNavSubItemBorderBottom, 0 none transparent));
13906            border-left: var(--megaNavSubItemBorderLeftHover, var(--megaNavSubItemBorderLeft, 0 none transparent));
13907            border-radius: var(--megaNavSubItemBorderRadiusHover, var(--megaNavSubItemBorderRadius, 0));
13908            padding: var(--megaNavSubItemPaddingTopHover, var(--megaNavSubItemPaddingTop, 0))
13909                     var(--megaNavSubItemPaddingRightHover, var(--megaNavSubItemPaddingRight, 0))
13910                     var(--megaNavSubItemPaddingBottomHover, var(--megaNavSubItemPaddingBottom, 8px))
13911                     var(--megaNavSubItemPaddingLeftHover, var(--megaNavSubItemPaddingLeft, 0));
13912        }
13913
13914        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i {
13915            display: var(--megaNavSubItemIconDisplay, none);
13916            width: var(--megaNavSubItemIconSize, 16px);
13917            height: var(--megaNavSubItemIconSize, 16px);
13918            background-color: var(--megaNavSubItemIconColor, currentColor);
13919            transform: var(--megaNavSubItemIconRotate, none);
13920            -webkit-mask-size: contain;
13921            mask-size: contain;
13922            -webkit-mask-repeat: no-repeat;
13923            mask-repeat: no-repeat;
13924            -webkit-mask-position: center;
13925            mask-position: center;
13926            flex-shrink: 0;
13927            transition: background-color 0.2s ease, transform 0.2s ease;
13928        }
13929
13930        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a:hover > i,
13931        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i,
13932        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i {
13933            width: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
13934            height: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
13935            background-color: var(--megaNavSubItemIconColorHover, var(--megaNavSubItemIconColor, currentColor));
13936            transform: var(--megaNavSubItemIconRotateHover, var(--megaNavSubItemIconRotate, none));
13937        }
13938
13939        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu {
13940            list-style: none;
13941            padding: 0;
13942            margin: 0;
13943            display: flex;
13944            flex-direction: column;
13945            gap: 4px;
13946        }
13947
13948        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a {
13949            display: inline-flex;
13950            align-items: center;
13951            width: 100%;
13952            gap: var(--megaNavChildItemIconSpacing, 8px);
13953            background-color: var(--megaNavChildItemBackgroundColor, transparent);
13954            border-top: var(--megaNavChildItemBorderTop, 0 none transparent);
13955            border-right: var(--megaNavChildItemBorderRight, 0 none transparent);
13956            border-bottom: var(--megaNavChildItemBorderBottom, 0 none transparent);
13957            border-left: var(--megaNavChildItemBorderLeft, 0 none transparent);
13958            border-radius: var(--megaNavChildItemBorderRadius, 0);
13959            padding: var(--megaNavChildItemPaddingTop, 4px) var(--megaNavChildItemPaddingRight, 0)
13960                     var(--megaNavChildItemPaddingBottom, 4px) var(--megaNavChildItemPaddingLeft, 0);
13961            font-family: var(--megaNavChildItemFont, inherit);
13962            color: var(--megaNavChildItemFontColor, currentColor);
13963            font-size: var(--megaNavChildItemFontSize, 14px);
13964            font-weight: var(--megaNavChildItemFontWeight, 400);
13965            font-style: var(--megaNavChildItemFontStyle, normal);
13966            line-height: var(--megaNavChildItemLineHeight, normal);
13967            letter-spacing: var(--megaNavChildItemLetterSpacing, 0);
13968            text-decoration: var(--megaNavChildItemTextDecoration, none);
13969        }
13970
13971        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a:hover,
13972        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a,
13973        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a {
13974            background-color: var(--megaNavChildItemHoverBackgroundColor, transparent);
13975            color: var(--megaNavChildItemHoverFontColor, currentColor);
13976            font-size: var(--megaNavChildItemHoverFontSize, var(--megaNavChildItemFontSize, 14px));
13977            font-weight: var(--megaNavChildItemHoverFontWeight, var(--megaNavChildItemFontWeight, 400));
13978            font-style: var(--megaNavChildItemHoverFontStyle, var(--megaNavChildItemFontStyle, normal));
13979            text-decoration: var(--megaNavChildItemHoverTextDecoration, var(--megaNavChildItemTextDecoration, none));
13980            border-top: var(--megaNavChildItemBorderTopHover, var(--megaNavChildItemBorderTop, 0 none transparent));
13981            border-right: var(--megaNavChildItemBorderRightHover, var(--megaNavChildItemBorderRight, 0 none transparent));
13982            border-bottom: var(--megaNavChildItemBorderBottomHover, var(--megaNavChildItemBorderBottom, 0 none transparent));
13983            border-left: var(--megaNavChildItemBorderLeftHover, var(--megaNavChildItemBorderLeft, 0 none transparent));
13984            border-radius: var(--megaNavChildItemBorderRadiusHover, var(--megaNavChildItemBorderRadius, 0));
13985        }
13986
13987        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i {
13988            display: var(--megaNavChildItemIconDisplay, none);
13989            width: var(--megaNavChildItemIconSize, 14px);
13990            height: var(--megaNavChildItemIconSize, 14px);
13991            background-color: var(--megaNavChildItemIconColor, currentColor);
13992            transform: var(--megaNavChildItemIconRotate, none);
13993            -webkit-mask-size: contain;
13994            mask-size: contain;
13995            -webkit-mask-repeat: no-repeat;
13996            mask-repeat: no-repeat;
13997            -webkit-mask-position: center;
13998            mask-position: center;
13999            flex-shrink: 0;
14000            transition: background-color 0.2s ease, transform 0.2s ease;
14001        }
14002
14003        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a:hover > i,
14004        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i,
14005        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i {
14006            width: var(--megaNavChildItemIconSizeHover, var(--megaNavChildItemIconSize, 14px));
14007            height: var(--megaNavChildItemIconSizeHover, var(--megaNavChildItemIconSize, 14px));
14008            background-color: var(--megaNavChildItemIconColorHover, var(--megaNavChildItemIconColor, currentColor));
14009            transform: var(--megaNavChildItemIconRotateHover, var(--megaNavChildItemIconRotate, none));
14010        }
14011
14012        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-menu {
14013            list-style: none;
14014            margin: 0;
14015            padding: 0;
14016            padding-left: 16px;
14017            display: flex;
14018            flex-direction: column;
14019            gap: 4px;
14020        }
14021
14022        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu {
14023            background-color: var(--megaNavPanelBackgroundColor, #fff);
14024        }
14025
14026        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item {
14027            min-width: 0;
14028            position: static;
14029            background-color: var(--megaNavSubItemBackgroundColor, transparent);
14030            border-top: var(--megaNavSubItemBorderTop, 0 none transparent);
14031            border-right: var(--megaNavSubItemBorderRight, 0 none transparent);
14032            border-bottom: var(--megaNavSubItemBorderBottom, 0 none transparent);
14033            border-left: var(--megaNavSubItemBorderLeft, 0 none transparent);
14034            border-radius: var(--megaNavSubItemBorderRadius, 0);
14035        }
14036
14037        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item:hover,
14038        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item,
14039        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item {
14040            background-color: var(--megaNavSubItemHoverBackgroundColor, transparent);
14041            border-top: var(--megaNavSubItemBorderTopHover, var(--megaNavSubItemBorderTop, 0 none transparent));
14042            border-right: var(--megaNavSubItemBorderRightHover, var(--megaNavSubItemBorderRight, 0 none transparent));
14043            border-bottom: var(--megaNavSubItemBorderBottomHover, var(--megaNavSubItemBorderBottom, 0 none transparent));
14044            border-left: var(--megaNavSubItemBorderLeftHover, var(--megaNavSubItemBorderLeft, 0 none transparent));
14045            border-radius: var(--megaNavSubItemBorderRadiusHover, var(--megaNavSubItemBorderRadius, 0));
14046        }
14047
14048        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a {
14049            display: inline-flex;
14050            align-items: center;
14051            width: 100%;
14052            gap: var(--megaNavSubItemIconSpacing, 8px);
14053            background-color: transparent;
14054            padding: var(--megaNavSubItemPaddingTop, 0) var(--megaNavSubItemPaddingRight, 0)
14055                     var(--megaNavSubItemPaddingBottom, 8px) var(--megaNavSubItemPaddingLeft, 0);
14056            font-family: var(--megaNavSubItemFont, inherit);
14057            color: var(--megaNavSubItemFontColor, currentColor);
14058            font-size: var(--megaNavSubItemFontSize, 18px);
14059            font-weight: var(--megaNavSubItemFontWeight, 600);
14060            font-style: var(--megaNavSubItemFontStyle, normal);
14061            line-height: var(--megaNavSubItemLineHeight, normal);
14062            letter-spacing: var(--megaNavSubItemLetterSpacing, 0);
14063            text-decoration: var(--megaNavSubItemTextDecoration, none);
14064            text-transform: none;
14065        }
14066
14067        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a:hover,
14068        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a,
14069        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a {
14070            color: var(--megaNavSubItemHoverFontColor, currentColor);
14071            font-weight: var(--megaNavSubItemHoverFontWeight, var(--megaNavSubItemFontWeight, 600));
14072            font-style: var(--megaNavSubItemHoverFontStyle, var(--megaNavSubItemFontStyle, normal));
14073            text-decoration: var(--megaNavSubItemHoverTextDecoration, var(--megaNavSubItemTextDecoration, none));
14074            padding: var(--megaNavSubItemPaddingTopHover, var(--megaNavSubItemPaddingTop, 0))
14075                     var(--megaNavSubItemPaddingRightHover, var(--megaNavSubItemPaddingRight, 0))
14076                     var(--megaNavSubItemPaddingBottomHover, var(--megaNavSubItemPaddingBottom, 8px))
14077                     var(--megaNavSubItemPaddingLeftHover, var(--megaNavSubItemPaddingLeft, 0));
14078        }
14079
14080        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i {
14081            display: var(--megaNavSubItemIconDisplay, none);
14082            width: var(--megaNavSubItemIconSize, 16px);
14083            height: var(--megaNavSubItemIconSize, 16px);
14084            background-color: var(--megaNavSubItemIconColor, currentColor);
14085            transform: var(--megaNavSubItemIconRotate, none);
14086            -webkit-mask-size: contain;
14087            mask-size: contain;
14088            -webkit-mask-repeat: no-repeat;
14089            mask-repeat: no-repeat;
14090            -webkit-mask-position: center;
14091            mask-position: center;
14092            flex-shrink: 0;
14093            transition: background-color 0.2s ease, transform 0.2s ease;
14094        }
14095
14096        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a:hover > i,
14097        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i,
14098        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i {
14099            width: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
14100            height: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
14101            background-color: var(--megaNavSubItemIconColorHover, var(--megaNavSubItemIconColor, currentColor));
14102        }
14103    }
14104}
14105
14106@media all and (width >= 1040px) {
14107    .wmc_menu.wmcM_menuHorizontalDesktop .navigation-nav--item > .navigation-nav--sub-menu[popover],
14108    .wmc_menu.wmcM_menuMegaDesktop .navigation-nav--more-trigger > .navigation-nav--more-menu[popover] {
14109        display: none;
14110        position: fixed;
14111        top: var(--horizontalNavSubPanelTriggerTop, 0);
14112        left: var(--horizontalNavSubPanelTriggerLeft, 0);
14113        right: auto;
14114        bottom: auto;
14115        margin: 0;
14116        overflow: visible;
14117        opacity: 1;
14118        visibility: visible;
14119        transform: none;
14120        transition: none;
14121        z-index: auto;
14122    }
14123
14124    .wmc_menu.wmcM_menuHorizontalDesktop .navigation-nav--item > .navigation-nav--sub-menu[popover]:popover-open,
14125    .wmc_menu.wmcM_menuMegaDesktop .navigation-nav--more-trigger > .navigation-nav--more-menu[popover]:popover-open {
14126        display: flex;
14127    }
14128}
14129
14130@media all and (width < 1040px) {
14131    .wmc_menu.wmcM_menuHorizontalTablet .navigation-nav--item > .navigation-nav--sub-menu[popover],
14132    .wmc_menu.wmcM_menuMegaTablet .navigation-nav--more-trigger > .navigation-nav--more-menu[popover] {
14133        display: none;
14134        position: fixed;
14135        top: var(--horizontalNavSubPanelTriggerTop, 0);
14136        left: var(--horizontalNavSubPanelTriggerLeft, 0);
14137        right: auto;
14138        bottom: auto;
14139        margin: 0;
14140        overflow: visible;
14141        opacity: 1;
14142        visibility: visible;
14143        transform: none;
14144        transition: none;
14145        z-index: auto;
14146    }
14147
14148    .wmc_menu.wmcM_menuHorizontalTablet .navigation-nav--item > .navigation-nav--sub-menu[popover]:popover-open,
14149    .wmc_menu.wmcM_menuMegaTablet .navigation-nav--more-trigger > .navigation-nav--more-menu[popover]:popover-open {
14150        display: flex;
14151    }
14152}
14153
14154@media all and (width < 650px) {
14155    .wmc_menu.wmcM_menuHorizontalMobile .navigation-nav--item > .navigation-nav--sub-menu[popover],
14156    .wmc_menu.wmcM_menuMegaMobile .navigation-nav--more-trigger > .navigation-nav--more-menu[popover] {
14157        display: none;
14158        position: fixed;
14159        top: var(--horizontalNavSubPanelTriggerTop, 0);
14160        left: var(--horizontalNavSubPanelTriggerLeft, 0);
14161        right: auto;
14162        bottom: auto;
14163        margin: 0;
14164        overflow: visible;
14165        opacity: 1;
14166        visibility: visible;
14167        transform: none;
14168        transition: none;
14169        z-index: auto;
14170    }
14171
14172    .wmc_menu.wmcM_menuHorizontalMobile .navigation-nav--item > .navigation-nav--sub-menu[popover]:popover-open,
14173    .wmc_menu.wmcM_menuMegaMobile .navigation-nav--more-trigger > .navigation-nav--more-menu[popover]:popover-open {
14174        display: flex;
14175    }
14176}
14177
14178.wmc_menu.wmcM_menuMegaDesktop .navigation-nav--more-menu > .navigation-nav--sub-item:has(> button.arrow[popovertarget]),
14179.wmc_menu.wmcM_menuMegaTablet .navigation-nav--more-menu > .navigation-nav--sub-item:has(> button.arrow[popovertarget]),
14180.wmc_menu.wmcM_menuMegaMobile .navigation-nav--more-menu > .navigation-nav--sub-item:has(> button.arrow[popovertarget]) {
14181    display: grid;
14182    grid-template-columns: 1fr calc(var(--horizontalNavSubArrowSpacing, 8px) + var(--horizontalNavSubArrowSize, 12px));
14183    align-items: center;
14184}
14185
14186.wmc_menu.wmcM_menuMegaDesktop .navigation-nav--more-menu > .navigation-nav--sub-item:has(> button.arrow[popovertarget]) > a,
14187.wmc_menu.wmcM_menuMegaTablet .navigation-nav--more-menu > .navigation-nav--sub-item:has(> button.arrow[popovertarget]) > a,
14188.wmc_menu.wmcM_menuMegaMobile .navigation-nav--more-menu > .navigation-nav--sub-item:has(> button.arrow[popovertarget]) > a {
14189    padding-right: 0;
14190    width: 100%;
14191}
14192
14193.wmc_menu.wmcM_menuMegaDesktop .navigation-nav--more-menu > .navigation-nav--sub-item > button.arrow[popovertarget],
14194.wmc_menu.wmcM_menuMegaTablet .navigation-nav--more-menu > .navigation-nav--sub-item > button.arrow[popovertarget],
14195.wmc_menu.wmcM_menuMegaMobile .navigation-nav--more-menu > .navigation-nav--sub-item > button.arrow[popovertarget] {
14196    display: flex;
14197    align-items: center;
14198    justify-content: center;
14199    width: var(--horizontalNavSubArrowSize, 12px);
14200    height: 100%;
14201    margin-left: var(--horizontalNavSubArrowSpacing, 8px);
14202    background: transparent;
14203    border: 0;
14204    padding: 0;
14205    cursor: pointer;
14206    pointer-events: auto;
14207}
14208
14209.wmc_menu.wmcM_menuMegaDesktop .navigation-nav--more-menu > .navigation-nav--sub-item > button.arrow[popovertarget]::after,
14210.wmc_menu.wmcM_menuMegaTablet .navigation-nav--more-menu > .navigation-nav--sub-item > button.arrow[popovertarget]::after,
14211.wmc_menu.wmcM_menuMegaMobile .navigation-nav--more-menu > .navigation-nav--sub-item > button.arrow[popovertarget]::after {
14212    content: '';
14213    display: block;
14214    width: var(--horizontalNavSubArrowSize, 12px);
14215    height: var(--horizontalNavSubArrowSize, 12px);
14216    -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
14217    mask-image: var(--wmd_submenuCaretIconUrl);
14218    -webkit-mask-size: contain;
14219    mask-size: contain;
14220    -webkit-mask-repeat: no-repeat;
14221    mask-repeat: no-repeat;
14222    -webkit-mask-position: center;
14223    mask-position: center;
14224    background-color: var(--horizontalNavSubArrowColor, currentColor);
14225    transition: transform 0.2s ease, background-color 0.2s ease;
14226}
14227
14228.wmc_menu .navigation-module-container.active:popover-open {
14229    position: fixed;
14230    top: 0;
14231    left: 0;
14232    right: auto;
14233    bottom: auto;
14234    width: calc(100vw / var(--wm_scale));
14235    height: calc(100dvh / var(--wm_scale));
14236    max-width: none;
14237    transform: scale(var(--wm_scale));
14238    transform-origin: 0 0;
14239    margin: 0;
14240    border: 0;
14241}
14242
14243body > .wmcM_scrollBehavior .wmc_menu.wmcM_menuHamburgerMobile .navigation-module-container.active:popover-open {
14244    transform: scale(var(--wm_scale)) !important;
14245    transform-origin: 0 0 !important;
14246    top: 0 !important;
14247    left: 0 !important;
14248    width: calc(100vw / var(--wm_scale)) !important;
14249    height: calc(100dvh / var(--wm_scale)) !important;
14250}
14251</style>
14252            <style>/* button.css */
14253.wmc_button :where(button) {
14254	appearance: none;
14255	-webkit-appearance: none;
14256	background: none;
14257	background-color: transparent;
14258	border: 0;
14259}
14260</style>
14261            <style>/* image.css */
14262wm-img {
14263    display: block;
14264}
14265
14266.wmc_image {
14267    --imageOpacity: 1;
14268    --colorOverlay: initial;
14269    --aspectRatioDesktop: 1;
14270    --aspectRatio: var(--aspectRatioDesktop);
14271    --pointOfInterest: var(--wmd_mediaPointOfInterest);
14272    --imageFit: cover;
14273
14274    /* Flip (mirror) — scaleX/Y(-1) when on, identity when off. State- and */
14275    /* viewport-aware, mirroring the rotation/padding cascades. */
14276    --imageFlipXDesktop: scaleX(1);
14277    --imageFlipYDesktop: scaleY(1);
14278    --imageFlipXDesktopHover: var(--imageFlipXDesktop);
14279    --imageFlipYDesktopHover: var(--imageFlipYDesktop);
14280    --imageFlipXDesktopActive: var(--imageFlipXDesktopHover);
14281    --imageFlipYDesktopActive: var(--imageFlipYDesktopHover);
14282    --imageFlipX: var(--imageFlipXDesktop);
14283    --imageFlipY: var(--imageFlipYDesktop);
14284    --imageFlipXHover: var(--imageFlipXDesktopHover);
14285    --imageFlipYHover: var(--imageFlipYDesktopHover);
14286    --imageFlipXActive: var(--imageFlipXDesktopActive);
14287    --imageFlipYActive: var(--imageFlipYDesktopActive);
14288
14289    --paddingTopDesktop: 0px;
14290    --paddingRightDesktop: 0px;
14291    --paddingBottomDesktop: 0px;
14292    --paddingLeftDesktop: 0px;
14293    --paddingTopDesktopHover: var(--paddingTopDesktop);
14294    --paddingRightDesktopHover: var(--paddingRightDesktop);
14295    --paddingBottomDesktopHover: var(--paddingBottomDesktop);
14296    --paddingLeftDesktopHover: var(--paddingLeftDesktop);
14297
14298    --paddingTopHover: var(--paddingTopDesktopHover);
14299    --paddingRightHover: var(--paddingRightDesktopHover);
14300    --paddingBottomHover: var(--paddingBottomDesktopHover);
14301    --paddingLeftHover: var(--paddingLeftDesktopHover);
14302
14303    --paddingTop: var(--paddingTopDesktop);
14304    --paddingRight: var(--paddingRightDesktop);
14305    --paddingBottom: var(--paddingBottomDesktop);
14306    --paddingLeft: var(--paddingLeftDesktop);
14307}
14308
14309.wmc_image .wms_overlay {
14310    width: 100%;
14311    height: 100%;
14312    position: absolute;
14313    pointer-events: none;
14314    z-index: 1;
14315    background-color: var(--colorOverlay);
14316}
14317
14318.wmc_image .wml {
14319    /* in Chromium, for a broken image the alt text is rendered instead of the image */
14320    /* if that text is too long, especially without spaces, the replaced element's size behaves... weird */
14321    /* with this setting we avoid layouting issues of alt text as the replaced element */
14322    /* also, this MUST be 'hidden'... 'clip' should behave the same, but doesn't do what one would expect */
14323    overflow: hidden;
14324}
14325.wmc_image picture {
14326    border-top: var(--borderTop);
14327    border-right: var(--borderRight);
14328    border-bottom: var(--borderBottom);
14329    border-left: var(--borderLeft);
14330    border-radius: var(--borderRadius);
14331    border-width: var(--paddingTop) var(--paddingRight) var(--paddingBottom) var(--paddingLeft);
14332    border-color: transparent;
14333    overflow: hidden;
14334    /* Mirror the image on either axis; rotation is applied to the parent .wml */
14335    /* via the shared --rotate transform, so the two compose. */
14336    transform: var(--imageFlipX) var(--imageFlipY);
14337    /* Optimize rendering for synchronized transitions */
14338    will-change: border-radius;
14339    /* All transitions with explicit duration to sync border-radius with ::before borders */
14340    transition: border-radius var(--transitionDurationHover) var(--transitionEasingHover),
14341        border-width var(--transitionDurationHover) var(--transitionEasingHover),
14342        background-color var(--transitionDurationHover) var(--transitionEasingHover),
14343        box-shadow var(--transitionDurationHover) var(--transitionEasingHover),
14344        opacity var(--transitionDurationHover) var(--transitionEasingHover),
14345        filter var(--transitionDurationHover) var(--transitionEasingHover),
14346        color var(--transitionDurationHover) var(--transitionEasingHover),
14347        transform var(--transitionDurationHover) var(--transitionEasingKineticHover),
14348        margin var(--transitionDurationHover) var(--transitionEasingKineticHover),
14349        width var(--transitionDurationHover) var(--transitionEasingKineticHover),
14350        min-width var(--transitionDurationHover) var(--transitionEasingKineticHover),
14351        max-width var(--transitionDurationHover) var(--transitionEasingKineticHover),
14352        height var(--transitionDurationHover) var(--transitionEasingKineticHover),
14353        min-height var(--transitionDurationHover) var(--transitionEasingKineticHover),
14354        max-height var(--transitionDurationHover) var(--transitionEasingKineticHover),
14355        top var(--transitionDurationHover) var(--transitionEasingKineticHover),
14356        right var(--transitionDurationHover) var(--transitionEasingKineticHover),
14357        bottom var(--transitionDurationHover) var(--transitionEasingKineticHover),
14358        left var(--transitionDurationHover) var(--transitionEasingKineticHover),
14359        font-size var(--transitionDurationHover) var(--transitionEasingHover),
14360        font-weight var(--transitionDurationHover) var(--transitionEasingHover),
14361        font-style var(--transitionDurationHover) var(--transitionEasingHover),
14362        text-decoration var(--transitionDurationHover) var(--transitionEasingHover);
14363
14364    &:hover,
14365    .wmcA_hoverState & {
14366        --paddingTop: var(--paddingTopHover);
14367        --paddingRight: var(--paddingRightHover);
14368        --paddingBottom: var(--paddingBottomHover);
14369        --paddingLeft: var(--paddingLeftHover);
14370        --imageFlipX: var(--imageFlipXHover);
14371        --imageFlipY: var(--imageFlipYHover);
14372    }
14373
14374    .wmcA_activeState & {
14375        --imageFlipX: var(--imageFlipXActive);
14376        --imageFlipY: var(--imageFlipYActive);
14377    }
14378
14379    &::before {
14380        content: "";
14381        position: absolute;
14382        inset: 0;
14383        border-top: var(--borderTop);
14384        border-right: var(--borderRight);
14385        border-bottom: var(--borderBottom);
14386        border-left: var(--borderLeft);
14387        border-radius: var(--borderRadius);
14388        /* Optimize rendering for synchronized transitions */
14389        will-change: border-radius, border-top, border-right, border-bottom, border-left;
14390        /* Same transition timing and order as parent picture element - border-radius first to sync */
14391        transition: border-radius var(--transitionDurationHover) var(--transitionEasingHover),
14392            border-top var(--transitionDurationHover) var(--transitionEasingHover),
14393            border-right var(--transitionDurationHover) var(--transitionEasingHover),
14394            border-bottom var(--transitionDurationHover) var(--transitionEasingHover),
14395            border-left var(--transitionDurationHover) var(--transitionEasingHover);
14396    }
14397}
14398
14399.wmc_image picture {
14400    display: block;
14401    width: 100%;
14402    height: 100%;
14403}
14404
14405.wmc_image picture img {
14406    object-fit: var(--imageFit);
14407    width: 100%;
14408    height: 100%;
14409    opacity: var(--imageOpacity);
14410    aspect-ratio: var(--aspectRatio);
14411    object-position: var(--pointOfInterest);
14412    background-position: var(--pointOfInterest);
14413    /* we set display like this to ensure browsers correctly size the replaced element even when the image is broken */
14414    display: block;
14415}
14416
14417.wmc_image picture img::before {
14418    /* unlike Chromium, for broken images Firefox adds this additional pseudo-element into DOM to show the images' alt text */
14419    /* with these properties we control that pseudo-element's rendering and avoid layouting issues */
14420    position: absolute;
14421    display: block;
14422    top: 0;
14423    right: 0;
14424    bottom: 0;
14425    left: 0;
14426    overflow: clip;
14427}
14428
14429.wmc_image.wmcM_keepAspectRatio > .wml {
14430    height: min-content;
14431}
14432
14433.wmcM_imageContain.wmc_image picture img {
14434    object-fit: contain;
14435}
14436
14437.wmcM_imageScaleDown.wmc_image picture img {
14438    object-fit: scale-down;
14439}
14440
14441
14442@media all and (width < 1040px) {
14443    .wmc_image {
14444        --aspectRatioTablet: 1;
14445        --aspectRatio: var(--aspectRatioTablet);
14446
14447        --paddingTopTablet: var(--paddingTopDesktop);
14448        --paddingRightTablet: var(--paddingRightDesktop);
14449        --paddingBottomTablet: var(--paddingBottomDesktop);
14450        --paddingLeftTablet: var(--paddingLeftDesktop);
14451        --paddingTopTabletHover: var(--paddingTopDesktopHover);
14452        --paddingRightTabletHover: var(--paddingRightDesktopHover);
14453        --paddingBottomTabletHover: var(--paddingBottomDesktopHover);
14454        --paddingLeftTabletHover: var(--paddingLeftDesktopHover);
14455
14456        --imageFlipXTablet: var(--imageFlipXDesktop);
14457        --imageFlipYTablet: var(--imageFlipYDesktop);
14458        --imageFlipXTabletHover: var(--imageFlipXDesktopHover);
14459        --imageFlipYTabletHover: var(--imageFlipYDesktopHover);
14460        --imageFlipXTabletActive: var(--imageFlipXTabletHover);
14461        --imageFlipYTabletActive: var(--imageFlipYTabletHover);
14462        --imageFlipX: var(--imageFlipXTablet);
14463        --imageFlipY: var(--imageFlipYTablet);
14464        --imageFlipXHover: var(--imageFlipXTabletHover);
14465        --imageFlipYHover: var(--imageFlipYTabletHover);
14466        --imageFlipXActive: var(--imageFlipXTabletActive);
14467        --imageFlipYActive: var(--imageFlipYTabletActive);
14468
14469        --paddingTopHover: var(--paddingTopTabletHover);
14470        --paddingRightHover: var(--paddingRightTabletHover);
14471        --paddingBottomHover: var(--paddingBottomTabletHover);
14472        --paddingLeftHover: var(--paddingLeftTabletHover);
14473
14474        --paddingTop: var(--paddingTopTablet);
14475        --paddingRight: var(--paddingRightTablet);
14476        --paddingBottom: var(--paddingBottomTablet);
14477        --paddingLeft: var(--paddingLeftTablet);
14478    }
14479}
14480
14481
14482@media all and (width < 650px) {
14483    .wmc_image {
14484        --aspectRatioMobile: 1;
14485        --aspectRatio: var(--aspectRatioMobile);
14486
14487        --paddingTopMobile: var(--paddingTopDesktop);
14488        --paddingRightMobile: var(--paddingRightDesktop);
14489        --paddingBottomMobile: var(--paddingBottomDesktop);
14490        --paddingLeftMobile: var(--paddingLeftDesktop);
14491        --paddingTopMobileHover: var(--paddingTopDesktopHover);
14492        --paddingRightMobileHover: var(--paddingRightDesktopHover);
14493        --paddingBottomMobileHover: var(--paddingBottomDesktopHover);
14494        --paddingLeftMobileHover: var(--paddingLeftDesktopHover);
14495
14496        --imageFlipXMobile: var(--imageFlipXDesktop);
14497        --imageFlipYMobile: var(--imageFlipYDesktop);
14498        --imageFlipXMobileHover: var(--imageFlipXDesktopHover);
14499        --imageFlipYMobileHover: var(--imageFlipYDesktopHover);
14500        --imageFlipXMobileActive: var(--imageFlipXMobileHover);
14501        --imageFlipYMobileActive: var(--imageFlipYMobileHover);
14502        --imageFlipX: var(--imageFlipXMobile);
14503        --imageFlipY: var(--imageFlipYMobile);
14504        --imageFlipXHover: var(--imageFlipXMobileHover);
14505        --imageFlipYHover: var(--imageFlipYMobileHover);
14506        --imageFlipXActive: var(--imageFlipXMobileActive);
14507        --imageFlipYActive: var(--imageFlipYMobileActive);
14508
14509        --paddingTopHover: var(--paddingTopMobileHover);
14510        --paddingRightHover: var(--paddingRightMobileHover);
14511        --paddingBottomHover: var(--paddingBottomMobileHover);
14512        --paddingLeftHover: var(--paddingLeftMobileHover);
14513
14514        --paddingTop: var(--paddingTopMobile);
14515        --paddingRight: var(--paddingRightMobile);
14516        --paddingBottom: var(--paddingBottomMobile);
14517        --paddingLeft: var(--paddingLeftMobile);
14518    }
14519}
14520</style>
14521            <style>/* breadcrumb.css */
14522.wmc_breadcrumb {
14523    --height: min-content;
14524
14525    --breadcrumbHorizontalGap: 0px;
14526    --breadcrumbVerticalGap: 0px;
14527    --breadcrumbHomeIconColor: rgba(var(--colorPrimaryA), 1);
14528    --breadcrumbDelimiterIconColor: rgba(var(--colorSecondaryC), 1);
14529    --breadcrumbHomeIconSize: 1.25rem;
14530    --wmd_homeIconUrl: ;
14531    --wmd_delimiterIconUrl: ;
14532
14533    /* item font */
14534    --breadcrumbItemFontDesktop: var(--fontFamilyPrimary);
14535    --breadcrumbItemFontColorDesktop: rgba(var(--colorPrimaryA), 1);
14536    --breadcrumbItemFontSizeDesktop: 16px;
14537    --breadcrumbItemFontWeightDesktop: 300;
14538    --breadcrumbItemTextDecorationDesktop: none;
14539    --breadcrumbItemFontStyleDesktop: normal;
14540    --breadcrumbItemLineHeightDesktop: 1.4;
14541    --breadcrumbDelimiterIconSizeDesktop: 1rem;
14542
14543    /*  item font hover */
14544    --breadcrumbItemHoverFontColorDesktop: var(--breadcrumbItemFontColorDesktop);
14545    --breadcrumbItemFontSizeHoverDesktop: var(--breadcrumbItemFontSizeDesktop);
14546    --breadcrumbItemFontWeightHoverDesktop: var(--breadcrumbItemFontWeightDesktop);
14547    --breadcrumbItemTextDecorationHoverDesktop: var(--breadcrumbItemTextDecorationDesktop);
14548    --breadcrumbItemFontStyleHoverDesktop: var(--breadcrumbItemFontStyleDesktop);
14549    --breadcrumbItemLineHeightHoverDesktop: var(--breadcrumbItemLineHeightDesktop);
14550
14551    --breadcrumbItemFont: var(--breadcrumbItemFontDesktop);
14552    --breadcrumbItemFontColor: var(--breadcrumbItemFontColorDesktop);
14553    --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeDesktop);
14554    --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightDesktop);
14555    --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationDesktop);
14556    --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleDesktop);
14557    --breadcrumbItemLineHeight: var(--breadcrumbItemLineHeightDesktop);
14558    --breadcrumbDelimiterIconSize: var(--breadcrumbDelimiterIconSizeDesktop);
14559
14560    a.wmd__item, span.wmd__item {
14561
14562
14563        &:hover,
14564        .wmcA_hoverState & {
14565            --breadcrumbItemFontColor: var(--breadcrumbItemHoverFontColorDesktop);
14566            --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeHoverDesktop);
14567            --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightHoverDesktop);
14568            --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationHoverDesktop);
14569            --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleHoverDesktop);
14570        }
14571    }
14572
14573    .wmd__item {
14574        transition: all 0.3s ease;
14575        -webkit-transition: all 0.3s ease;
14576
14577        /* apply  item font */
14578        font-family: var(--breadcrumbItemFont);
14579        color: var(--breadcrumbItemFontColor);
14580        font-size: var(--breadcrumbItemFontSize);
14581        font-weight: var(--breadcrumbItemFontWeight);
14582        text-decoration: var(--breadcrumbItemTextDecoration);
14583        font-style: var(--breadcrumbItemFontStyle);
14584        line-height: var(--breadcrumbItemLineHeight);
14585
14586        &:hover,
14587        .wmcA_hoverState & {
14588            --breadcrumbItemFontColor: var(--breadcrumbItemHoverFontColorDesktop);
14589            --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeHoverDesktop);
14590            --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightHoverDesktop);
14591            --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationHoverDesktop);
14592            --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleHoverDesktop);
14593            --breadcrumbItemLineHeight: var(--breadcrumbItemLineHeightHoverDesktop);
14594        }
14595    }
14596}
14597
14598@media all and (width < 1040px) {
14599    .wmc_breadcrumb {
14600        /* item font */
14601        --breadcrumbItemFontTablet: var(--breadcrumbItemFontDesktop);
14602        --breadcrumbItemFontColorTablet: var(--breadcrumbItemFontColorDesktop);
14603        --breadcrumbItemFontSizeTablet: var(--breadcrumbItemFontSizeDesktop);
14604        --breadcrumbItemFontWeightTablet: var(--breadcrumbItemFontWeightDesktop);
14605        --breadcrumbItemTextDecorationTablet: var(--breadcrumbItemTextDecorationDesktop);
14606        --breadcrumbItemFontStyleTablet: var(--breadcrumbItemFontStyleDesktop);
14607        --breadcrumbItemLineHeightTablet: var(--breadcrumbItemLineHeightDesktop);
14608        --breadcrumbDelimiterIconSizeTablet: var(--breadcrumbDelimiterIconSizeDesktop);
14609
14610        /* item font hover */
14611        --breadcrumbItemHoverFontColorTablet: var(--breadcrumbItemHoverFontColorDesktop);
14612        --breadcrumbItemFontSizeHoverTablet: var(--breadcrumbItemFontSizeTablet);
14613        --breadcrumbItemFontWeightHoverTablet: var(--breadcrumbItemFontWeightHoverDesktop);
14614        --breadcrumbItemTextDecorationHoverTablet: var(--breadcrumbItemTextDecorationHoverDesktop);
14615        --breadcrumbItemFontStyleHoverTablet: var(--breadcrumbItemFontStyleHoverDesktop);
14616        --breadcrumbItemLineHeightHoverTablet: var(--breadcrumbItemLineHeightHoverDesktop);
14617
14618        --breadcrumbItemFont: var(--breadcrumbItemFontTablet);
14619        --breadcrumbItemFontColor: var(--breadcrumbItemFontColorTablet);
14620        --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeTablet);
14621        --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightTablet);
14622        --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationTablet);
14623        --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleTablet);
14624        --breadcrumbItemLineHeight: var(--breadcrumbItemLineHeightTablet);
14625        --breadcrumbDelimiterIconSize: var(--breadcrumbDelimiterIconSizeTablet);
14626
14627        a.wmd__item, span.wmd__item {
14628            &:hover,
14629            .wmcA_hoverState & {
14630                --breadcrumbItemFontColor: var(--breadcrumbItemHoverFontColorTablet);
14631                --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeHoverTablet);
14632                --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightHoverTablet);
14633                --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationHoverTablet);
14634                --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleHoverTablet);
14635                --breadcrumbItemLineHeight: var(--breadcrumbItemLineHeightHoverTablet);
14636            }
14637        }
14638    }
14639}
14640
14641@media all and (width < 650px) {
14642    .wmc_breadcrumb {
14643        /* item font */
14644        --breadcrumbItemFontMobile: var(--breadcrumbItemFontDesktop);
14645        --breadcrumbItemFontColorMobile: var(--breadcrumbItemFontColorDesktop);
14646        --breadcrumbItemFontSizeMobile: var(--breadcrumbItemFontSizeDesktop);
14647        --breadcrumbItemFontWeightMobile: var(--breadcrumbItemFontWeightDesktop);
14648        --breadcrumbItemTextDecorationMobile: var(--breadcrumbItemTextDecorationDesktop);
14649        --breadcrumbItemFontStyleMobile: var(--breadcrumbItemFontStyleDesktop);
14650        --breadcrumbItemLineHeightMobile: var(--breadcrumbItemLineHeightDesktop);
14651        --breadcrumbDelimiterIconSizeMobile: var(--breadcrumbDelimiterIconSizeDesktop);
14652
14653        /*  item font hover*/
14654        --breadcrumbItemHoverFontColorMobile: var(--breadcrumbItemHoverFontColorDesktop);
14655        --breadcrumbItemFontSizeHoverMobile: var(--breadcrumbItemFontSizeMobile);
14656        --breadcrumbItemFontWeightHoverMobile: var(--breadcrumbItemFontWeightHoverDesktop);
14657        --breadcrumbItemTextDecorationHoverMobile: var(--breadcrumbItemTextDecorationHoverDesktop);
14658        --breadcrumbItemFontStyleHoverMobile: var(--breadcrumbItemFontStyleHoverDesktop);
14659        --breadcrumbItemLineHeightHoverMobile: var(--breadcrumbItemLineHeightHoverDesktop);
14660
14661        --breadcrumbItemFont: var(--breadcrumbItemFontMobile);
14662        --breadcrumbItemFontColor: var(--breadcrumbItemFontColorMobile);
14663        --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeMobile);
14664        --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightMobile);
14665        --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationMobile);
14666        --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleMobile);
14667        --breadcrumbItemLineHeight: var(--breadcrumbItemLineHeightMobile);
14668        --breadcrumbDelimiterIconSize: var(--breadcrumbDelimiterIconSizeMobile);
14669
14670        a.wmd__item, span.wmd__item {
14671            &:hover,
14672            .wmcA_hoverState & {
14673                --breadcrumbItemFontColor: var(--breadcrumbItemHoverFontColorMobile);
14674                --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeHoverMobile);
14675                --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightHoverMobile);
14676                --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationHoverMobile);
14677                --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleHoverMobile);
14678                --breadcrumbItemLineHeight: var(--breadcrumbItemLineHeightHoverMobile);
14679            }
14680        }
14681    }
14682}
14683
14684.wmc_breadcrumb .wmd_homeIcon i {
14685    transition: all 0.3s ease;
14686    -webkit-transition: all 0.3s ease;
14687    display: inline-block;
14688    width: var(--breadcrumbItemFontSize);
14689    height: var(--breadcrumbItemFontSize);
14690    background-color: var(--breadcrumbItemFontColor);
14691    mask: var(--wmd_homeIconUrl) center / contain no-repeat;
14692}
14693
14694.wmc_breadcrumb .wmd_delimiterIcon i {
14695    display: inline-block;
14696    width: var(--breadcrumbDelimiterIconSize);
14697    height: var(--breadcrumbDelimiterIconSize);
14698    background-color: var(--breadcrumbDelimiterIconColor);
14699    mask: var(--wmd_delimiterIconUrl) center / contain no-repeat;
14700}
14701
14702.wmc_breadcrumb .wml.wml_breadcrumb {
14703    display: block;
14704
14705    & > * {
14706        line-height: var(--breadcrumbItemLineHeight);
14707        vertical-align: middle;
14708
14709        &.wmd_homeIcon {
14710            display: inline-block;
14711            line-height: 0;
14712            & > a {
14713                display: inline-flex;
14714                width: var(--breadcrumbItemFontSize);
14715                height: var(--breadcrumbItemFontSize);
14716                justify-content: center;
14717                align-items: flex-start;
14718                & > span {
14719                    display: inline-flex;
14720                    width: var(--breadcrumbItemFontSize);
14721                    height: var(--breadcrumbItemFontSize);
14722                }
14723            }
14724        }
14725        &.space-separator {
14726            display: inline-block;
14727            width: var(--breadcrumbHorizontalGap);
14728        }
14729        &.wmd_delimiterIcon {
14730            display: inline-block;
14731            margin-right: var(--breadcrumbHorizontalGap);
14732            line-height: 0;
14733        }
14734    }
14735}
14736
14737.wmc_breadcrumb.wmcM_breadcrumbHideHome .wml.wml_breadcrumb {
14738    & > * {
14739        &.wmd_home + .space-separator,
14740        &.wmd_delimiterIcon--first + .space-separator {
14741            display: none;
14742        }
14743    }
14744}
14745
14746.wmc_breadcrumb.wmcM_breadcrumbHideSeparator .wml.wml_breadcrumb .wmd_delimiterIcon,
14747.wmc_breadcrumb.wmcM_breadcrumbHideHome .wml.wml_breadcrumb .wmd_home,
14748.wmc_breadcrumb.wmcM_breadcrumbHideHome .wml.wml_breadcrumb .wmd_delimiterIcon--first,
14749.wmc_breadcrumb.wmcM_breadcrumbHomeText .wml.wml_breadcrumb .wmd_homeIcon,
14750.wmc_breadcrumb:not(.wmcM_breadcrumbHomeText) .wml.wml_breadcrumb .wmd_homeText {
14751    display: none;
14752}
14753
14754.wmc_breadcrumb.wmcM_breadcrumbHomeText:not(.wmcM_breadcrumbHideHome) .wml.wml_breadcrumb .wmd_homeText {
14755    display: inline-block;
14756}
14757</style>
14758            <style>/* map.css */
14759.wmc_map {
14760    --mapCloseIconSize: 15px;
14761    --mapPopupWidth: 300px;
14762    --minHeightDesktop: 450px;
14763    --minHeightTablet: 450px;
14764    --minHeightMobile: 450px;
14765    --height: min-content;
14766}
14767
14768.wmc_map wm-google-map,
14769.wmc_map wm-leaflet-map {
14770    width: 100%;
14771    max-height: 100%;
14772    max-width: 100%;
14773    min-height: var(--minHeight);
14774    height: var(--minHeight);
14775    display: block;
14776    background-size: cover;
14777    background-image: url('data:image/webp;base64,UklGRmIBAABXRUJQVlA4IFYBAACQCwCdASpAACYAPmkqkEWkIqGZWk8wQAaEoAnTLLwslFdwQsgEBCt5ckj2Fb6NKbP8sBAux3bv1HEv6H2QC7zopFTTYjqGLxmGgjAkiPtuE4CKo3Dd97WDYIsw68XKyj8PE3LDAAD++NXEoSwFFGq9zrSCoYqny+vXGji7IzR7uzwrYPb5k+d2ZsR/SoyAo7F3rLqwZH54k8w/lJMBEtELj8SEP3F2cOoELUDyrWfS6wYvtcnzYYCp7Ia1TvXaJ5OofRbG4MRaMBExnYNfmGxfAwaVWfYFwNk/xKJjs5tf/0tzeW900Cx01gVKfQoM7T675e5M1sLB2HbKZysb251Nb3YHw+G/d+pFJzBe69m9jUO4iRdITHBVoyzttKPLbGg3R0KOfVlO8MsGU7p3r67HkciLOu+ZM//CVpiglMs4NxtdT5Qlp75lvyUvxmhRd/BwHx4AAAA=');
14778}
14779
14780.wmc_map .info-window {
14781    max-width: var(--mapPopupWidth);
14782
14783    & p {
14784        margin: 0;
14785        padding: 0;
14786        color: black;
14787        font-size: 14px;
14788        line-height: 1.4;
14789        margin-bottom: 3px;
14790
14791        &:last-child {
14792            margin-bottom: 0;
14793        }
14794    }
14795
14796    & .info-window-title {
14797        display: none;
14798        font-size: 14px;
14799        font-weight: bold;
14800        margin-bottom: 5px;
14801    }
14802
14803    & .info-window-address {
14804        display: block;
14805        font-size: 14px;
14806        font-weight: bold;
14807        margin-bottom: 5px;
14808    }
14809
14810    & .info-window-address-text {
14811        font-size: 12px;
14812    }
14813}
14814
14815/***
14816 * Google Maps
14817 ***/
14818
14819.wmc_map .gm-style .gm-style-iw-c {
14820    padding: 10px !important;
14821    border: none !important;
14822    outline: none !important;
14823
14824    * {
14825        outline: none !important;
14826    }
14827
14828    & .gm-style-iw-chr {
14829        position: absolute;
14830        top: 5px;
14831        right: 5px;
14832        width: var(--mapCloseIconSize);
14833        height: var(--mapCloseIconSize);
14834        z-index: 10;
14835
14836        & button {
14837            margin: 0;
14838            padding: 0;
14839            width: var(--mapCloseIconSize) !important;
14840            height: var(--mapCloseIconSize) !important;
14841        }
14842
14843        & span {
14844            margin: 0 !important;
14845            padding: 0;
14846            width: var(--mapCloseIconSize) !important;
14847            height: var(--mapCloseIconSize) !important;
14848        }
14849    }
14850
14851    & .gm-style-iw-d {
14852        margin: 0;
14853        padding: 0;
14854        overflow: hidden !important;
14855    }
14856}
14857
14858/***
14859 * Leaflet
14860 ***/
14861
14862.wmc_map .grayscale-layer {
14863    filter: grayscale(100%);
14864}
14865
14866.wmc_map .leaflet-popup-content {
14867    margin: 0 !important;
14868    padding: 10px !important;
14869    max-width: var(--mapPopupWidth) !important;
14870}
14871</style>
14872            <style>/* core_live.css */
14873/*** HOVER EFFECT FOR LIVE SITES ***/
14874.wmcM_animateHover {
14875    --transitionDurationHover: calc(1ms * var(--transitionDurationMsHover));
14876
14877    > .wml {
14878        pointer-events: auto;
14879        /*will-change: transform, opacity, filter;*/
14880    }
14881}
14882
14883/*** ENTRY ANIMATION FOR LIVE SITES ***/
14884.wmcM_animateEntry {
14885    --transitionDelayEntry: calc(1ms * var(--transitionDelayMsEntry));
14886    --transitionDurationEntry: calc(1ms * var(--transitionDurationMsEntry));
14887}
14888
14889.wmcM_animateEntry > .wml {
14890    /*will-change: transform, opacity, filter;*/
14891}
14892
14893.wmcM_animateEntry.wmcA_entryTransitionState > .wml,
14894.wmc_color_layer.wmcM_animateEntry.wmcA_entryTransitionState,
14895.wmc_gradient_layer.wmcM_animateEntry.wmcA_entryTransitionState {
14896    transition:
14897        all var(--transitionEasingEntry),
14898        transform var(--transitionEasingKineticEntry),
14899        border-radius var(--transitionEasingKineticEntry),
14900        margin var(--transitionEasingKineticEntry),
14901        width var(--transitionEasingKineticEntry),
14902        min-width var(--transitionEasingKineticEntry),
14903        max-width var(--transitionEasingKineticEntry),
14904        height var(--transitionEasingKineticEntry),
14905        min-height var(--transitionEasingKineticEntry),
14906        max-height var(--transitionEasingKineticEntry),
14907        top var(--transitionEasingKineticEntry),
14908        right var(--transitionEasingKineticEntry),
14909        bottom var(--transitionEasingKineticEntry),
14910        left var(--transitionEasingKineticEntry);
14911    transition-delay: var(--transitionDelayEntry);
14912    transition-duration: var(--transitionDurationEntry);
14913}
14914
14915.wmcM_animateEntry.wmcA_entryTransitionState {
14916    --filter: var(--filterEntryNormal);
14917}
14918.wmcM_animateEntry.wmcA_entryInitialState > .wml,
14919.wmc_color_layer.wmcM_animateEntry.wmcA_entryInitialState,
14920.wmc_gradient_layer.wmcM_animateEntry.wmcA_entryInitialState {
14921    transition: none;
14922    transform: var(--translateEntry) var(--scaleEntry) var(--rotateEntry);
14923    filter: var(--filterEntry);
14924}
14925.wmcM_animateEntry.wmcA_noTransition > .wml,
14926.wmc_color_layer.wmcM_animateEntry.wmcA_noTransition,
14927.wmc_gradient_layer.wmcM_animateEntry.wmcA_noTransition {
14928    transition: none !important;
14929}
14930.wmcM_animateEntry.wmcA_entryInitialState > .wml,
14931.wmc_color_layer.wmcM_animateEntry.wmcA_entryInitialState {
14932    opacity: var(--opacityEntry);
14933}
14934
14935.wmc_gradient_layer.wmcM_animateEntry.wmcA_entryInitialState {
14936    --bgGradientOpacity: calc(var(--bgGradientOpacityDesktop, 1) * var(--opacityEntry));
14937}
14938@media all and (650px <= width < 1040px) {
14939    .wmc_gradient_layer.wmcM_animateEntry.wmcA_entryInitialState {
14940        --bgGradientOpacity: calc(var(--bgGradientOpacityTablet, var(--bgGradientOpacityDesktop, 1)) * var(--opacityEntry));
14941    }
14942}
14943@media all and (width < 650px) {
14944    .wmc_gradient_layer.wmcM_animateEntry.wmcA_entryInitialState {
14945        --bgGradientOpacity: calc(var(--bgGradientOpacityMobile, var(--bgGradientOpacityDesktop, 1)) * var(--opacityEntry));
14946    }
14947}
14948
14949/*** EXIT ANIMATION FOR LIVE SITES ***/
14950.wmcM_animateExit {
14951    --transitionDelayExit: calc(1ms * var(--transitionDelayMsEntry));
14952    --transitionDurationExit: calc(1ms * var(--transitionDurationMsEntry));
14953}
14954
14955.wmcM_animateEntry.wmcM_animateExit {
14956    --transitionDelayExit: calc(1ms * var(--transitionDelayMsEntry));
14957    --transitionDurationExit: calc(1ms * var(--transitionDurationMsEntry));
14958}
14959
14960.wmcM_animateExit.wmcA_exitTransitionState > .wml {
14961    transition: opacity var(--transitionDurationExit) var(--transitionEasingEntry),
14962    transform var(--transitionDurationExit) var(--transitionEasingKineticEntry),
14963    filter var(--transitionDurationExit) var(--transitionEasingEntry);
14964    transition-delay: var(--transitionDelayExit);
14965}
14966
14967.wmcM_animateExit.wmcA_exitTransitionState {
14968    --filter: var(--filterEntryNormal);
14969}
14970
14971.wmc_section.wmcM_animateExit.wmcA_exitInitialState > .wml {
14972    transform: var(--translateEntry, translate3d(0, 0, -100px)) var(--scaleEntry, scale(0.8)) var(--rotateEntry, rotate(0deg)) !important;
14973    opacity: 0 !important;
14974    filter: var(--filterEntry, blur(0px)) !important;
14975}
14976
14977/*** HIDE COMPONENTS AND SECTIONS FOR LIVE SITES ***/
14978@media all and (1040px <= width) {
14979    .wmc:is(.wmcM_hidden--desktop) {
14980        visibility: hidden;
14981
14982        &.wmc_section {
14983            display: none;
14984        }
14985    }
14986}
14987
14988@media all and (650px <= width < 1040px) {
14989    .wmc:is(.wmcM_hidden--tablet) {
14990        visibility: hidden;
14991
14992        &.wmc_section {
14993            display: none;
14994        }
14995    }
14996}
14997
14998@media all and (width < 650px) {
14999    .wmc:is(.wmcM_hidden--mobile) {
15000        visibility: hidden;
15001
15002        &.wmc_section {
15003            display: none;
15004        }
15005    }
15006}
15007
15008/*** SLIDESHOW FOR LIVE SITES ***/
15009
15010.wmcM_stickyTopFixed.wmc_section {
15011    position: fixed;
15012    left: 0;
15013    right: 0;
15014    top: var(--stickyOffset, 0px);
15015}
15016
15017.wmcM_stickyBottomFixed.wmc_section {
15018    position: fixed;
15019    left: 0;
15020    right: 0;
15021    bottom: var(--stickyOffset, 0px);
15022}
15023
15024.wmcM_trailingTopRevealed.wmc_section {
15025    position: fixed;
15026    left: 0;
15027    right: 0;
15028    top: var(--stickyOffset, 0px);
15029    height: auto;
15030    overflow: visible;
15031}
15032
15033.wmcM_trailingBottomRevealed.wmc_section {
15034    position: fixed;
15035    left: 0;
15036    right: 0;
15037    bottom: var(--stickyOffset, 0px);
15038    height: auto;
15039    overflow: visible;
15040}
15041
15042.wmcM_scrollBehavior.wmcM_stickyBottom.wmcM_stickyBottomFixed {
15043    display: block;
15044}
15045
15046.wmcM_stickyTopFixed,
15047.wmcM_stickyBottomFixed,
15048.wmcM_trailingTopRevealed,
15049.wmcM_trailingBottomRevealed {
15050    z-index: 5000;
15051}
15052
15053.grecaptcha-badge {
15054    z-index: 999 !important;
15055}
15056
15057body > .wmc_section.wmc_section_sticky_state:is(.wmcM_stickyBottomFixed, .wmcM_trailingBottomRevealed) {
15058    transform-origin: 0 100% 0 !important;
15059}
15060
15061html.full_screen_open_body_fixed body > .wmc_section.wmc_section_sticky_state:has(.wmc_menu .navigation-module-container.active) {
15062    inset: 0 !important;
15063    width: calc(100dvw / var(--wm_scale)) !important;
15064    max-width: calc(100dvw / var(--wm_scale)) !important;
15065    min-width: calc(100dvw / var(--wm_scale)) !important;
15066    height: calc(100dvh / var(--wm_scale)) !important;
15067    max-height: calc(100dvh / var(--wm_scale)) !important;
15068    min-height: calc(100dvh / var(--wm_scale)) !important;
15069    transform-origin: 0 0 0 !important;
15070    --stickyOffset: 0px !important;
15071    z-index: 7000 !important;
15072}
15073
15074@media all and (width >= 1040px) {
15075    .wmcM_scrollBehavior.wmcM_stickyTop--desktop,
15076    .wmcM_scrollBehavior.wmcM_stickyBottom--desktop {
15077        --stickyOffsetDesktop: 0px;
15078        --scrollBehaviorDesktop: sticky;
15079        --scrollBehavior: sticky;
15080    }
15081
15082    .wmcM_scrollBehavior.wmcM_stickyBottom--desktop {
15083        display: none;
15084    }
15085
15086    .wmcM_scrollBehavior.wmcM_trailingTop--desktop,
15087    .wmcM_scrollBehavior.wmcM_trailingBottom--desktop {
15088        --stickyOffsetDesktop: 0px;
15089        --trailingAnchorIdDesktop: '';
15090        --revealThresholdDesktop: 0px;
15091        --scrollBehaviorDesktop: trailing;
15092        --scrollBehavior: trailing;
15093    }
15094
15095    .wmcM_scrollBehavior.wmcM_trailingTop--desktop.wmc_section:not(.wmcM_trailingTopRevealed),
15096    .wmcM_scrollBehavior.wmcM_trailingBottom--desktop.wmc_section:not(.wmcM_trailingBottomRevealed) {
15097        height: 0;
15098        overflow: hidden;
15099    }
15100}
15101
15102@media all and (width < 1040px) and (width >= 640px) {
15103    .wmcM_scrollBehavior.wmcM_stickyTop--tablet,
15104    .wmcM_scrollBehavior.wmcM_stickyBottom--tablet {
15105        --stickyOffsetTablet: 0px;
15106        --scrollBehaviorTablet: sticky;
15107        --scrollBehavior: sticky;
15108    }
15109
15110    .wmcM_scrollBehavior.wmcM_stickyBottom--tablet {
15111        display: none;
15112    }
15113
15114    .wmcM_scrollBehavior.wmcM_trailingTop--tablet,
15115    .wmcM_scrollBehavior.wmcM_trailingBottom--tablet {
15116        --stickyOffsetTablet: 0px;
15117        --trailingAnchorIdTablet: '';
15118        --revealThresholdTablet: 0px;
15119        --scrollBehaviorTablet: trailing;
15120        --scrollBehavior: trailing;
15121    }
15122
15123    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll {
15124        --stickyOffsetTablet: var(--stickyOffsetDesktop, 0px);
15125        --trailingAnchorIdTablet: var(--trailingAnchorIdDesktop, '');
15126        --revealThresholdTablet: var(--revealThresholdDesktop, 0px);
15127        --scrollBehaviorTablet: var(--scrollBehaviorDesktop, none);
15128    }
15129
15130    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll.wmcM_stickyTop--desktop {
15131        --scrollBehavior: sticky;
15132    }
15133
15134    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll.wmcM_stickyBottom--desktop {
15135        --scrollBehavior: sticky;
15136        display: none;
15137    }
15138
15139    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll.wmcM_trailingTop--desktop {
15140        --scrollBehavior: trailing;
15141    }
15142
15143    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll.wmcM_trailingBottom--desktop {
15144        --scrollBehavior: trailing;
15145    }
15146
15147    .wmcM_scrollBehavior.wmcM_trailingTop--tablet.wmc_section:not(.wmcM_trailingTopRevealed),
15148    .wmcM_scrollBehavior.wmcM_trailingBottom--tablet.wmc_section:not(.wmcM_trailingBottomRevealed),
15149    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll.wmcM_trailingTop--desktop.wmc_section:not(.wmcM_trailingTopRevealed),
15150    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll.wmcM_trailingBottom--desktop.wmc_section:not(.wmcM_trailingBottomRevealed) {
15151        height: 0;
15152        overflow: hidden;
15153    }
15154}
15155
15156@media all and (width < 640px) {
15157    .wmcM_scrollBehavior.wmcM_stickyTop--mobile,
15158    .wmcM_scrollBehavior.wmcM_stickyBottom--mobile {
15159        --stickyOffsetMobile: 0px;
15160        --scrollBehaviorMobile: sticky;
15161        --scrollBehavior: sticky;
15162    }
15163
15164    .wmcM_scrollBehavior.wmcM_trailingTop--mobile,
15165    .wmcM_scrollBehavior.wmcM_trailingBottom--mobile {
15166        --stickyOffsetMobile: 0px;
15167        --trailingAnchorIdMobile: '';
15168        --revealThresholdMobile: 0px;
15169        --scrollBehaviorMobile: trailing;
15170        --scrollBehavior: trailing;
15171    }
15172
15173    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll {
15174        --stickyOffsetMobile: var(--stickyOffsetDesktop, 0px);
15175        --trailingAnchorIdMobile: var(--trailingAnchorIdDesktop, '');
15176        --revealThresholdMobile: var(--revealThresholdDesktop, 0px);
15177        --scrollBehaviorMobile: var(--scrollBehaviorDesktop, none);
15178    }
15179
15180    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_stickyTop--desktop,
15181    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_stickyBottom--desktop {
15182        --scrollBehavior: sticky;
15183    }
15184
15185    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_trailingTop--desktop,
15186    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_trailingBottom--desktop {
15187        --scrollBehavior: trailing;
15188    }
15189
15190    .wmcM_scrollBehavior.wmcM_stickyBottom--mobile {
15191        display: none;
15192    }
15193
15194    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_stickyBottom--desktop {
15195        display: none;
15196    }
15197
15198    .wmcM_scrollBehavior.wmcM_trailingTop--mobile.wmc_section:not(.wmcM_trailingTopRevealed),
15199    .wmcM_scrollBehavior.wmcM_trailingBottom--mobile.wmc_section:not(.wmcM_trailingBottomRevealed),
15200    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_trailingTop--desktop.wmc_section:not(.wmcM_trailingTopRevealed),
15201    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_trailingBottom--desktop.wmc_section:not(.wmcM_trailingBottomRevealed) {
15202        height: 0;
15203        overflow: hidden;
15204    }
15205}
15206
15207
15208.wmc.wmc_section.wmc_section--dismissed {
15209    display: none !important;
15210}
15211
15212/** Override popUpSection minHeight set by editor */
15213.wmc_popUpSection {
15214    --minHeight: 0px !important;
15215}
15216
15217/**
15218    Prevent scroll while any dialog is open
15219 */
15220html:has(dialog[open]) {
15221    overflow: hidden !important;
15222}
15223
15224#fixed-components {
15225    position: fixed;
15226    inset: 0;
15227    display: grid;
15228    grid-template: 1fr / 1fr; /* single cell filling the viewport */
15229    pointer-events: none;
15230    z-index: 101;
15231
15232    & > .wmc {
15233        grid-area: 1 / 1;
15234        align-self: var(--fixedVerticalAlignment);
15235        justify-self: var(--fixedHorizontalAlignment);
15236        pointer-events: auto;
15237        margin: clamp(0px, var(--fixedVerticalOffset, 0px), 150px)
15238        clamp(0px, var(--fixedHorizontalOffset, 0px), 150px);
15239
15240        & > .wml {
15241            margin: 0;
15242        }
15243    }
15244}
15245
15246
15247</style>
15248            <style>/* text_live.css */
15249.wmc_text > .wml .wmcM_link,
15250.wmc_text > .wml a {
15251    &:hover,
15252    &:focus-within {
15253        &,
15254        & * {
15255            --textColor: var(--textColorHover);
15256            --textDecoration: var(--textDecorationHover);
15257            --textDecorationStyle: var(--textDecorationStyleHover);
15258            --textDecorationColor: var(--textDecorationColorHover);
15259        }
15260    }
15261}
15262</style>
15263        <style id="wmPersonalityCss">
15263:root { --fontFamilyPrimary:'Oswald',sans-serif;--title1_fontFamily:var(--fontFamilySecondary);--title2_fontFamily:var(--fontFamilyPrimary);--title3_fontFamily:var(--fontFamilyPrimary);--fontFamilySecondary:'Raleway',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:rgba(var(--customColor4),1);--link_fontColorTablet:rgba(var(--customColor4),1);--link_fontStyleMobile:inherit;--link_fontStyleTablet:inherit;--link_fontColorDesktop:rgba(var(--customColor4),1);--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:rgba(var(--customColor2),1);--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:rgba(var(--customColor5),1);--link_hoverFontColorTablet:rgba(var(--customColor5),1);--link_textDecorationMobile:none;--link_textDecorationTablet:none;
15263--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:rgba(var(--customColor5),1);--link_textDecorationDesktop:none;--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;
15263--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:0px;--title2_letterSpacingTablet:0px;--title3_letterSpacingMobile:0px;--title3_letterSpacingTablet:0px;--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:0px;--title2_textDecorationMobile:none;--title2_textDecorationTablet:none;--title3_letterSpacingDesktop:0px;--title3_textDecorationMobile:none;--title3_textDecorationTablet:none;--heading1_letterSpacingMobile:0px;--heading1_letterSpacingTablet:0px;--heading2_letterSpacingMobile:0px;--heading2_letterSpacingTablet:0px;--heading3_letterSpacingMobile:0px;--heading3_letterSpacingTablet:0px;--heading4_letterSpacingMobile:0px;--heading4_letterSpacingTablet:0px;--heading5_letterSpacingMobile:0px;--heading5_letterSpacingTablet:0px;--heading6_letterSpacingMobile:0px;--heading6_letterSpacingTablet:0px;--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:0px;--heading1_textDecorationMobile:none;--heading1_textDecorationTablet:none;--heading2_letterSpacingDesktop:0px;--heading2_textDecorationMobile:none;--heading2_textDecorationTablet:none;--heading3_letterSpacingDesktop:0px;--heading3_textDecorationMobile:none;--heading3_textDecorationTablet:none;--heading4_letterSpacingDesktop:0px;--heading4_textDecorationMobile:none;--heading4_textDecorationTablet:none;--heading5_letterSpacingDesktop:0px;--heading5_textDecorationMobile:none;--heading5_textDecorationTablet:none;--heading6_letterSpacingDesktop:0px;--heading6_textDecorationMobile:none;--heading6_textDecorationTablet:none;--title1_paragraphSpacingMobile:0rem;--title1_paragraphSpacingTablet:0rem;--title2_paragraphSpacingMobile:0rem;--title2_paragraphSpacingTablet:0rem;--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:0px;--paragraph1_letterSpacingTablet:0px;--paragraph2_letterSpacingMobile:0px;--paragraph2_letterSpacingTablet:0px;--paragraph3_letterSpacingMobile:0px;--paragraph3_letterSpacingTablet:0px;--paragraph4_letterSpacingMobile:0px;--paragraph4_letterSpacingTablet:0px;--title1_paragraphSpacingDesktop:0rem;--title2_paragraphSpacingDesktop:0rem;--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:0px;--paragraph1_textDecorationMobile:none;
15263--paragraph1_textDecorationTablet:none;--paragraph2_letterSpacingDesktop:0px;--paragraph2_textDecorationMobile:none;--paragraph2_textDecorationTablet:none;--paragraph3_letterSpacingDesktop:0px;--paragraph3_textDecorationMobile:none;--paragraph3_textDecorationTablet:none;--paragraph4_letterSpacingDesktop:0px;--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}
15264:root { --colorCtaA:16,23,7;--colorCtaB:44,62,19;--colorCtaC:72,100,32;--colorCtaD:100,139,44;--colorCtaE:128,178,56;--colorCtaF:153,201,84;--colorCtaG:176,213,123;--colorCtaH:199,226,161;--colorCtaI:222,238,200;--colorCtaJ:245,250,239;--colorPrimaryA:16,23,7;--colorPrimaryB:44,62,19;--colorPrimaryC:72,100,32;--colorPrimaryD:100,139,44;--colorPrimaryE:128,178,56;--colorPrimaryF:153,201,84;--colorPrimaryG:176,213,123;--colorPrimaryH:199,226,161;--colorPrimaryI:222,238,200;--colorPrimaryJ:245,250,239;--colorSecondaryA:16,23,7;--colorSecondaryB:44,62,19;--colorSecondaryC:72,100,32;
15264--colorSecondaryD:100,139,44;--colorSecondaryE:128,178,56;--colorSecondaryF:153,201,84;--colorSecondaryG:176,213,123;--colorSecondaryH:199,225,162;--colorSecondaryI:222,238,200;--colorSecondaryJ:245,250,239;--colorBackgroundA:0,0,0;--colorBackgroundB:26,26,26;--colorBackgroundC:51,51,51;--colorBackgroundD:77,77,77;--colorBackgroundE:102,102,102;--colorBackgroundF:128,128,128;--colorBackgroundG:153,153,153;--colorBackgroundH:179,179,179;--colorBackgroundI:204,204,204;--colorBackgroundJ:230,230,230;--colorCta--active:var(--colorCtaE);--colorPrimary--active:var(--colorPrimaryE);--colorSecondary--active:var(--colorSecondaryD);--colorBackground--active:var(--colorBackgroundA);--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>
15265    <style id="wmCustomColorCss">:root { --customColor1:255,127,0;--customColor2:216,24,32;--customColor3:35,111,145;--customColor4:78,171,237;--customColor5:162,209,242}</style>
15266    <style id="wmCustomGradientCss">:root { }</style>
15267    <!-- Images -->
15268    <link rel="preconnect" href="https://media.evona.app">
15269
15270    <!-- Favicon -->
15271    <link rel="icon" type="image/png" href="https://storage.evona.app/h%2FL%2Fv%2FY%2Fy%2F0%2FhLvYy0SgkyUo4jBF7iDUPQFm9TvUjbPgJ1TPDbxO">
15272
15273
15274    <!-- Fonts -->
15275        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
15276    <style>/* cyrillic-ext */
15277@font-face {
15278  font-family: 'Oswald';
15279  font-style: normal;
15280  font-weight: 200 700;
15281  font-display: swap;
15282  src: url(https://fonts.gstatic.com/s/oswald/v57/TK3iWkUHHAIjg752FD8Ghe4.woff2) format('woff2');
15283  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
15284}
15285/* cyrillic */
15286@font-face {
15287  font-family: 'Oswald';
15288  font-style: normal;
15289  font-weight: 200 700;
15290  font-display: swap;
15291  src: url(https://fonts.gstatic.com/s/oswald/v57/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2');
15292  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
15293}
15294/* vietnamese */
15295@font-face {
15296  font-family: 'Oswald';
15297  font-style: normal;
15298  font-weight: 200 700;
15299  font-display: swap;
15300  src: url(https://fonts.gstatic.com/s/oswald/v57/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format('woff2');
15301  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
15302}
15303/* latin-ext */
15304@font-face {
15305  font-family: 'Oswald';
15306  font-style: normal;
15307  font-weight: 200 700;
15308  font-display: swap;
15309  src: url(https://fonts.gstatic.com/s/oswald/v57/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2');
15310  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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
15311}
15312/* latin */
15313@font-face {
15314  font-family: 'Oswald';
15315  font-style: normal;
15316  font-weight: 200 700;
15317  font-display: swap;
15318  src: url(https://fonts.gstatic.com/s/oswald/v57/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');
15319  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;
15320}
15321
15322/* cyrillic-ext */
15323@font-face {
15324  font-family: 'Raleway';
15325  font-style: italic;
15326  font-weight: 100 900;
15327  font-display: swap;
15328  src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptsg8zYS_SKggPNyCg4QIFqPfE.woff2) format('woff2');
15329  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
15330}
15331/* cyrillic */
15332@font-face {
15333  font-family: 'Raleway';
15334  font-style: italic;
15335  font-weight: 100 900;
15336  font-display: swap;
15337  src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptsg8zYS_SKggPNyCg4SYFqPfE.woff2) format('woff2');
15338  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
15339}
15340/* vietnamese */
15341@font-face {
15342  font-family: 'Raleway';
15343  font-style: italic;
15344  font-weight: 100 900;
15345  font-display: swap;
15346  src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptsg8zYS_SKggPNyCg4QoFqPfE.woff2) format('woff2');
15347  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
15348}
15349/* latin-ext */
15350@font-face {
15351  font-family: 'Raleway';
15352  font-style: italic;
15353  font-weight: 100 900;
15354  font-display: swap;
15355  src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptsg8zYS_SKggPNyCg4Q4FqPfE.woff2) format('woff2');
15356  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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
15357}
15358/* latin */
15359@font-face {
15360  font-family: 'Raleway';
15361  font-style: italic;
15362  font-weight: 100 900;
15363  font-display: swap;
15364  src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptsg8zYS_SKggPNyCg4TYFq.woff2) format('woff2');
15365  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;
15366}
15367/* cyrillic-ext */
15368@font-face {
15369  font-family: 'Raleway';
15370  font-style: normal;
15371  font-weight: 100 900;
15372  font-display: swap;
15373  src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptug8zYS_SKggPNyCAIT5lu.woff2) format('woff2');
15374  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
15375}
15376/* cyrillic */
15377@font-face {
15378  font-family: 'Raleway';
15379  font-style: normal;
15380  font-weight: 100 900;
15381  font-display: swap;
15382  src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptug8zYS_SKggPNyCkIT5lu.woff2) format('woff2');
15383  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
15384}
15385/* vietnamese */
15386@font-face {
15387  font-family: 'Raleway';
15388  font-style: normal;
15389  font-weight: 100 900;
15390  font-display: swap;
15391  src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptug8zYS_SKggPNyCIIT5lu.woff2) format('woff2');
15392  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
15393}
15394/* latin-ext */
15395@font-face {
15396  font-family: 'Raleway';
15397  font-style: normal;
15398  font-weight: 100 900;
15399  font-display: swap;
15400  src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
15401  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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
15402}
15403/* latin */
15404@font-face {
15405  font-family: 'Raleway';
15406  font-style: normal;
15407  font-weight: 100 900;
15408  font-display: swap;
15409  src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
15410  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;
15411}
15412</style>
15413
15414    
15414<script> /* bugfix: this simple declaration in this particular position in HTML prevents FOUC in Firefox */ let FF_FOUC_FIX; </script>
15414
15415
15416    
15416<script type="text/javascript">/* core/config.js */
15417;(() => {
15418    globalThis.wmJsConfig = function(
15419        {
15420            mediaUrl = '',
15421            mediaScale = 1,
15422            initialAutoStart = true,
15423        }
15424    ) {
15425        /** @type { { mediaUrl: string; mediaScale: number; initialAutoStart: boolean } } */
15426        globalThis.WMConstants = {
15427            mediaUrl,
15428            mediaScale,
15429            initialAutoStart,
15430        };
15431
15432        /**
15433         * @var WMComponents
15434         * @namespace WMComponents
15435         */
15436        globalThis.WMComponents = {};
15437
15438        /** @type { { [key: string]: any } } */
15439        globalThis.WMWatchers = {};
15440
15441        /** @type { ?string } */
15442        globalThis.wmDevice = null;
15443
15444        /** @type { boolean } */
15445        globalThis.wmUserInteraction = false;
15446    }
15447})();
15448</script>
15448
15449    
15449<script>
15450        ;(() => {
15451            wmJsConfig({
15452                mediaUrl: 'https://media.evona.app',
15453                mediaScale: 1,
15454                initialAutoStart: true,
15455            });
15456        })();
15457    </script>
15457
15458
15459    <!-- must never be deferred -->
15460    
15460<script type="text/javascript">/* core/wm-system.js */
15461;(() => {
15462    /* =================================== */
15463    /* ===== System Event Dispatcher ===== */
15464    /* =================================== */
15465
15466    globalThis.WmEvents ??= {};
15467    (globalThis.WmSystem ??= {}).emitEvent = function emitSystemEvent(
15468        constructor,
15469        ...arguments
15470    ) {
15471        if (!constructor) return false;
15472        try {
15473            const event = new constructor(...arguments);
15474            return dispatchEvent(event);
15475        } catch (e) {
15476            console.error(e);
15477            return false;
15478        }
15479    };
15480})();
15481</script>
15481
15482    
15482<script type="text/javascript">/* core/events.js */
15483;(() => {
15484    /* ==================================== */
15485    /* ===== Dismiss Behavior Handler ===== */
15486    /* ==================================== */
15487
15488    /**
15489     * @class {DismissEvent}
15490     */
15491    class DismissEvent extends Event {
15492        /**
15493         * @param {MouseEvent&{target:HTMLElement}} config.cause
15494         * @param {DismissType} config.type
15495         *
15496         */
15497        constructor(config) {
15498            super('wm-dismiss');
15499            /** @type {DismissType}*/
15500            this.dismissType = config.type;
15501            const { cause } = config;
15502            /** @type {string|undefined}*/
15503            this.sectionId = cause.target.closest('.wmc_section, .wmc_popUpSection')?.id;
15504        }
15505    }
15506
15507    (globalThis.WmEvents ??= {})['DismissEvent'] ??= DismissEvent;
15508
15509    /* ==================================== */
15510    /* ===== Popup Behavior Handler ===== */
15511    /* ==================================== */
15512
15513    /**
15514     * @class {PopUpOpenEvent}
15515     */
15516    class PopUpOpenEvent extends Event {
15517        /**
15518         * @param {MouseEvent&{target:HTMLElement}} config.cause
15519         * @param {string} config.popUpSectionId
15520         *
15521         */
15522        constructor(config) {
15523            super('wm-popup-open');
15524            const {  popUpSectionId } = config;
15525            /** @type {string}*/
15526            this.popUpSectionId = popUpSectionId;
15527        }
15528    }
15529
15530    (globalThis.WmEvents ??= {})['PopUpOpenEvent'] ??= PopUpOpenEvent;
15531})();
15532</script>
15532
15533    
15533<script type="text/javascript">/* core/device.js */
15534;(() => {
15535    // this is supported only in Chrome as of February 2026
15536    // allows for much more efficient scaling (without layout thrashing)
15537    const cssLengthDivisionSupported = CSS.supports('opacity: calc(100vw / 100px)') && CSS.supports('opacity: calc(100% / 100px)');
15538    if (!cssLengthDivisionSupported ) {
15539        console.warn( 'length division not supported in CSS - using JS fallback');
15540    }
15541
15542    class WmDeviceReadyEvent extends CustomEvent {
15543        constructor(detail = null) {
15544            super('wm-device-ready', { detail });
15545        }
15546    }
15547
15548    class WmDeviceChangeEvent extends CustomEvent {
15549        constructor(detail = null) {
15550            super('wm-device-change', { detail });
15551        }
15552    }
15553
15554    function setDeviceWidth(zeroDiff = false) {
15555        if (cssLengthDivisionSupported) {
15556            return;
15557        }
15558        const windowWidth = window.innerWidth;
15559        const windowWidthDiff = zeroDiff ? 0 : (windowWidth - document.documentElement.clientWidth);
15560        document.documentElement.style.setProperty('--wm_windowWidth', `${windowWidth}`);
15561        document.documentElement.style.setProperty('--wm_windowWidthDiff', `${windowWidthDiff}`);
15562        document.documentElement.style.setProperty('overflow-y', (windowWidthDiff > 0) ? 'scroll' : 'visible');
15563    }
15564
15565    function handleSetDevice()  {
15566        let device = 'Desktop';
15567        if (window.matchMedia('all and (650px <= width < 1040px)').matches) {
15568            device = 'Tablet';
15569        }
15570        if (window.matchMedia('all and (width < 650px)').matches) {
15571            device = 'Mobile';
15572        }
15573
15574        if (!globalThis.wmDevice) {
15575            globalThis.wmDevice = device;
15576            console.debug(`device: ${globalThis.wmDevice}`);
15577            window.dispatchEvent(new WmDeviceReadyEvent());
15578            return;
15579        }
15580
15581        if (globalThis.wmDevice !== device) {
15582            globalThis.wmDevice = device;
15583            console.debug(`device: ${globalThis.wmDevice}`);
15584            window.dispatchEvent(new WmDeviceChangeEvent());
15585        }
15586    }
15587
15588    /**
15589     * @param callback {function(): void}
15590     */
15591    function afterFramePaint(callback) {
15592        requestAnimationFrame(() => {
15593            const messageChannel = new MessageChannel();
15594            messageChannel.port1.onmessage = callback;
15595            messageChannel.port2.postMessage(undefined);
15596        });
15597    }
15598
15599    function setDevice() {
15600        setDeviceWidth(true);
15601        if ((!cssLengthDivisionSupported) && (document.body.clientHeight < document.body.scrollHeight)) {
15602            setDeviceWidth();
15603        }
15604        handleSetDevice();
15605        afterFramePaint(() => {
15606            if (document.documentElement.classList.contains('wm_initial')) {
15607                document.documentElement.classList.remove('wm_initial');
15608            }
15609            window.addEventListener('resize', setDevice, { once: true });
15610        });
15611    }
15612
15613    if (document.readyState === 'loading') {
15614        setDeviceWidth(true);
15615        window.addEventListener('DOMContentLoaded', setDevice, { once: true });
15616    } else {
15617        setDevice();
15618    }
15619})();
15620</script>
15620
15621    
15621<script type="text/javascript">/* core/reorder.js */
15622/**
15623 * Reorder components based on their grid position
15624 * for browsers to construct the DOM in the correct order for accessibility purposes
15625 */
15626;(() => {
15627    const processed = new WeakMap();
15628    let currentDevice = null;
15629    let observer = null;
15630    let isInitialized = false;
15631
15632    /**
15633     * Reorder a single container - optimized version
15634     * @param {HTMLElement} container
15635     */
15636    function reorderContainer(container, force = false) {
15637        const device = globalThis.wmDevice;
15638        if (!device) return;
15639
15640        const deviceKey = device;
15641        if (processed.get(container) === deviceKey) {
15642            if (!force) return;
15643        }
15644
15645        const gridPositionVar = `--gridPosition${device}`;
15646        const components = container.querySelectorAll(':scope > .wmc:not(.wmc_stub)');
15647
15648        if (components.length <= 1) {
15649            processed.set(container, deviceKey);
15650            return;
15651        }
15652
15653        // Fast path: check if already sorted by comparing first few elements
15654        const firstFew = Math.min(5, components.length);
15655        let likelySorted = true;
15656        let lastPos = -Infinity;
15657
15658        for (let i = 0; i < firstFew; i++) {
15659            const pos = parseInt(components[i].style.getPropertyValue(gridPositionVar), 10) || 0;
15660            if (pos < lastPos) {
15661                likelySorted = false;
15662                break;
15663            }
15664            lastPos = pos;
15665        }
15666
15667        if (likelySorted && firstFew === components.length) {
15668            processed.set(container, deviceKey);
15669            return;
15670        }
15671
15672        // Batch all reads
15673        const items = [];
15674        for (let i = 0; i < components.length; i++) {
15675            const pos = parseInt(components[i].style.getPropertyValue(gridPositionVar), 10) || 0;
15676            items.push({ element: components[i], position: pos, index: i });
15677        }
15678
15679        // Check if actually needs reordering
15680        let needsReorder = false;
15681        for (let i = 1; i < items.length; i++) {
15682            if (items[i].position < items[i - 1].position) {
15683                needsReorder = true;
15684                break;
15685            }
15686        }
15687
15688        if (!needsReorder) {
15689            processed.set(container, deviceKey);
15690            return;
15691        }
15692
15693        // Sort and reorder
15694        items.sort((a, b) => a.position - b.position);
15695
15696        const fragment = document.createDocumentFragment();
15697        for (const item of items) {
15698            fragment.appendChild(item.element);
15699        }
15700        container.appendChild(fragment);
15701
15702        processed.set(container, deviceKey);
15703    }
15704
15705    /**
15706     * Setup lazy reordering with IntersectionObserver
15707     */
15708    function setupLazyReordering(force = false) {
15709        if (force) {
15710            const containers = document.querySelectorAll('.wml');
15711            for (const container of containers) {
15712                reorderContainer(container, true);
15713            }
15714            return;
15715        }
15716
15717        if (observer) {
15718            observer.disconnect();
15719        }
15720
15721        observer = new IntersectionObserver((entries) => {
15722            const callback = () => {
15723                for (const entry of entries) {
15724                    if (entry.isIntersecting) {
15725                        reorderContainer(entry.target);
15726                        observer.unobserve(entry.target);
15727                    }
15728                }
15729            };
15730            if (typeof requestIdleCallback === 'function') {
15731                requestIdleCallback(callback, { timeout: 3000 });
15732            } else {
15733                // Fallback for browsers without requestIdleCallback
15734                setTimeout(callback, 1000);
15735            }
15736        }, { rootMargin: '100px' });
15737
15738        // Only observe containers with children
15739        const containers = document.querySelectorAll('.wml');
15740        for (const container of containers) {
15741            const hasMultipleChildren = container.querySelectorAll(':scope > .wmc:not(.wmc_stub)').length > 1;
15742            if (hasMultipleChildren) {
15743                observer.observe(container);
15744            }
15745        }
15746    }
15747
15748    /**
15749     * Handle device change - clear cache and re-observe
15750     */
15751    function handleDeviceChange() {
15752        const device = globalThis.wmDevice;
15753        if (device && device !== currentDevice) {
15754            currentDevice = device;
15755            // Don't clear processed map - device key will handle it
15756            if (isInitialized) {
15757                setupLazyReordering();
15758            }
15759        }
15760    }
15761
15762    /**
15763     * Initialize - but only after everything else
15764     */
15765    function init() {
15766        if (isInitialized) return;
15767        isInitialized = true;
15768
15769        currentDevice = globalThis.wmDevice;
15770        if (!currentDevice) {
15771            window.addEventListener('wm-device-ready', () => {
15772                currentDevice = globalThis.wmDevice;
15773                setupLazyReordering();
15774            }, { once: true });
15775        } else {
15776            setupLazyReordering();
15777        }
15778
15779        window.addEventListener('wm-device-change', handleDeviceChange);
15780
15781        // Pause when page hidden to save resources
15782        document.addEventListener('visibilitychange', () => {
15783            if (document.hidden && observer) {
15784                observer.disconnect();
15785            } else if (!document.hidden && isInitialized) {
15786                setupLazyReordering();
15787            }
15788        });
15789    }
15790
15791    window.triggerReordering = () => setupLazyReordering(true);
15792
15793    // CRITICAL: Maximum deferral - only run after everything else
15794    // Priority order: user interaction > idle > page load
15795    if (typeof requestIdleCallback === 'function') {
15796        requestIdleCallback(() => {
15797            if (!globalThis.wmUserInteraction) {
15798                window.addEventListener('wm-user-interaction', init, { once: true });
15799            } else {
15800                init();
15801            }
15802        }, { timeout: 5000 });
15803    } else {
15804        // Fallback for browsers without requestIdleCallback
15805        if (!globalThis.wmUserInteraction) {
15806            window.addEventListener('wm-user-interaction', init, { once: true });
15807        } else {
15808            setTimeout(init, 1000);
15809        }
15810    }
15811})();
15812</script>
15812
15813    
15813<script type="text/javascript">/* core/animate-entry.js */
15814;(() => {
15815    const CLASS_NAMES = {
15816        ANIMATE_ENTRY: 'wmcM_animateEntry',
15817        ANIMATE_EXIT: 'wmcM_animateExit',
15818        ENTRY_INITIAL_STATE: 'wmcA_entryInitialState',
15819        ENTRY_TRANSITION_STATE: 'wmcA_entryTransitionState',
15820        EXIT_INITIAL_STATE: 'wmcA_exitInitialState',
15821        EXIT_TRANSITION_STATE: 'wmcA_exitTransitionState',
15822        NO_TRANSITION: 'wmcA_noTransition'
15823    };
15824
15825    const CSS_VARIABLES = {
15826        TRANSITION_DELAY_ENTRY: '--transitionDelayMsEntry',
15827        TRANSITION_DURATION_ENTRY: '--transitionDurationMsEntry'
15828    };
15829
15830    const CONFIG = {
15831        ANIMATION_CLEANUP_DELAY: 50,
15832        EXIT_DEBOUNCE: 50
15833    };
15834
15835    const ENTRY_SELECTOR = '.' + CLASS_NAMES.ANIMATE_ENTRY;
15836    const ENTRY_TRANSITION_SELECTOR = '.' + CLASS_NAMES.ENTRY_TRANSITION_STATE;
15837    const ENTRY_INITIAL_SELECTOR = '.' + CLASS_NAMES.ENTRY_INITIAL_STATE;
15838    const ANIMATING_SELECTOR = ENTRY_SELECTOR + ENTRY_TRANSITION_SELECTOR + ':not(' + ENTRY_INITIAL_SELECTOR + ')';
15839
15840    const pinnedWmlStyles = new WeakMap();
15841
15842    function getTransitionTiming(element) {
15843        const style = getComputedStyle(element);
15844        const delay = parseInt(style.getPropertyValue(CSS_VARIABLES.TRANSITION_DELAY_ENTRY), 10) || 0;
15845        const duration = parseInt(style.getPropertyValue(CSS_VARIABLES.TRANSITION_DURATION_ENTRY), 10) || 0;
15846        return { delay, duration };
15847    }
15848
15849    function isAnimateEntry(element) {
15850        return element && element.classList.contains(CLASS_NAMES.ANIMATE_ENTRY);
15851    }
15852
15853    function isAnimatingEntry(element) {
15854        return isAnimateEntry(element)
15855            && element.classList.contains(CLASS_NAMES.ENTRY_TRANSITION_STATE)
15856            && !element.classList.contains(CLASS_NAMES.ENTRY_INITIAL_STATE);
15857    }
15858
15859    function getAnimatingEntries(container) {
15860        const targets = [];
15861        if (isAnimatingEntry(container)) {
15862            targets.push(container);
15863        }
15864        container.querySelectorAll(ANIMATING_SELECTOR).forEach(element => targets.push(element));
15865        return targets;
15866    }
15867
15868    const delay = ms => new Promise(resolve => setTimeout(resolve, ms));
15869
15870    function init() {
15871        const components = document.querySelectorAll(ENTRY_SELECTOR);
15872        components.forEach(component => component.classList.add(CLASS_NAMES.ENTRY_INITIAL_STATE, CLASS_NAMES.ENTRY_TRANSITION_STATE));
15873
15874        const apiTimeoutMap = new WeakMap();
15875
15876        globalThis.wmAnimateEntry = {
15877            triggerEntry(element) {
15878                if (!isAnimateEntry(element)) return;
15879
15880                element.classList.add(CLASS_NAMES.ENTRY_INITIAL_STATE, CLASS_NAMES.ENTRY_TRANSITION_STATE);
15881                void element.offsetHeight;
15882
15883                requestAnimationFrame(() => {
15884                    element.classList.remove(CLASS_NAMES.ENTRY_INITIAL_STATE);
15885
15886                    const { delay, duration } = getTransitionTiming(element);
15887
15888                    clearTimeout(apiTimeoutMap.get(element));
15889                    apiTimeoutMap.set(element, setTimeout(() => {
15890                        element.classList.remove(CLASS_NAMES.ENTRY_TRANSITION_STATE);
15891                        element.classList.add(CLASS_NAMES.NO_TRANSITION);
15892                        setTimeout(() => element.classList.remove(CLASS_NAMES.NO_TRANSITION), CONFIG.ANIMATION_CLEANUP_DELAY);
15893                    }, delay + duration));
15894                });
15895            },
15896
15897            triggerChildEntries(container) {
15898                if (!container) return;
15899
15900                const children = container.querySelectorAll(ENTRY_SELECTOR);
15901                children.forEach(child => {
15902                    this.triggerEntry(child);
15903                });
15904            },
15905
15906            completeEntry(element) {
15907                if (!isAnimateEntry(element)) return;
15908                clearTimeout(apiTimeoutMap.get(element));
15909                apiTimeoutMap.delete(element);
15910                element.classList.remove(CLASS_NAMES.ENTRY_INITIAL_STATE, CLASS_NAMES.ENTRY_TRANSITION_STATE);
15911                element.classList.add(CLASS_NAMES.NO_TRANSITION);
15912                setTimeout(() => element.classList.remove(CLASS_NAMES.NO_TRANSITION));
15913            },
15914
15915            freezeEntries(container) {
15916                if (!container) return;
15917
15918                getAnimatingEntries(container).forEach(element => {
15919                    const wml = element.querySelector(':scope > .wml');
15920                    if (!wml) return;
15921
15922                    const style = getComputedStyle(wml);
15923                    const pinned = {
15924                        opacity: style.opacity,
15925                        transform: style.transform,
15926                        filter: style.filter
15927                    };
15928
15929                    clearTimeout(apiTimeoutMap.get(element));
15930                    apiTimeoutMap.delete(element);
15931                    pinnedWmlStyles.set(element, pinned);
15932
15933                    element.classList.add(CLASS_NAMES.NO_TRANSITION);
15934                    wml.style.setProperty('opacity', pinned.opacity);
15935                    wml.style.setProperty('transform', pinned.transform);
15936                    wml.style.setProperty('filter', pinned.filter);
15937                });
15938            },
15939
15940            resumeEntries(container) {
15941                if (!container) return;
15942
15943                const frozen = getAnimatingEntries(container).filter(element => pinnedWmlStyles.has(element));
15944
15945                frozen.forEach(element => {
15946                    element.classList.remove(CLASS_NAMES.NO_TRANSITION);
15947                    void element.offsetHeight;
15948                });
15949
15950                requestAnimationFrame(() => {
15951                    frozen.forEach(element => {
15952                        const wml = element.querySelector(':scope > .wml');
15953                        if (!wml) {
15954                            pinnedWmlStyles.delete(element);
15955                            return;
15956                        }
15957
15958                        wml.style.removeProperty('opacity');
15959                        wml.style.removeProperty('transform');
15960                        wml.style.removeProperty('filter');
15961
15962                        const { delay, duration } = getTransitionTiming(element);
15963                        const release = () => {
15964                            wml.removeEventListener('transitionend', release);
15965                            clearTimeout(apiTimeoutMap.get(element));
15966                            apiTimeoutMap.delete(element);
15967                            pinnedWmlStyles.delete(element);
15968                            element.classList.remove(CLASS_NAMES.ENTRY_TRANSITION_STATE);
15969                            element.classList.add(CLASS_NAMES.NO_TRANSITION);
15970                            requestAnimationFrame(() => element.classList.remove(CLASS_NAMES.NO_TRANSITION));
15971                        };
15972                        wml.addEventListener('transitionend', release);
15973                        apiTimeoutMap.set(element, setTimeout(release, delay + duration + CONFIG.ANIMATION_CLEANUP_DELAY));
15974                    });
15975                });
15976            },
15977
15978            async triggerExit(element) {
15979                if (!element?.classList?.contains(CLASS_NAMES.ANIMATE_EXIT)) {
15980                    return;
15981                }
15982
15983                this.removeAllClasses(element);
15984                element.classList.add(CLASS_NAMES.EXIT_TRANSITION_STATE);
15985
15986                await delay(CONFIG.EXIT_DEBOUNCE);
15987                element.classList.add(CLASS_NAMES.EXIT_INITIAL_STATE);
15988
15989                const wmlElement = element.querySelector('.wml');
15990                if (wmlElement) {
15991                    delay(10).then(() => wmlElement.style.setProperty('opacity', '0', 'important'));
15992                }
15993
15994                const { delay: exitDelay, duration } = getTransitionTiming(element);
15995                await delay(exitDelay + duration);
15996
15997                element.classList.remove(CLASS_NAMES.EXIT_TRANSITION_STATE, CLASS_NAMES.EXIT_INITIAL_STATE);
15998                element.classList.add(CLASS_NAMES.NO_TRANSITION);
15999
16000                await delay(CONFIG.ANIMATION_CLEANUP_DELAY);
16001                element.classList.remove(CLASS_NAMES.NO_TRANSITION);
16002            },
16003
16004            resetToInitial(element) {
16005                if (!isAnimateEntry(element)) return;
16006                element.classList.add(CLASS_NAMES.ENTRY_INITIAL_STATE, CLASS_NAMES.ENTRY_TRANSITION_STATE);
16007            },
16008
16009            removeAllClasses(element) {
16010                if (!element) return;
16011                clearTimeout(apiTimeoutMap.get(element));
16012                apiTimeoutMap.delete(element);
16013                pinnedWmlStyles.delete(element);
16014                element.classList.remove(
16015                    CLASS_NAMES.ENTRY_INITIAL_STATE,
16016                    CLASS_NAMES.ENTRY_TRANSITION_STATE,
16017                    CLASS_NAMES.EXIT_INITIAL_STATE,
16018                    CLASS_NAMES.EXIT_TRANSITION_STATE,
16019                    CLASS_NAMES.NO_TRANSITION
16020                );
16021            },
16022
16023            observe(element) {},
16024            unobserve(element) {}
16025        };
16026
16027        // `data-animate-observe="<id>"` observes visibility via another element
16028        function observedTargetFor(component) {
16029            const targetId = component.dataset.animateObserve;
16030            if (!targetId) return component;
16031            return document.getElementById(targetId) ?? component;
16032        }
16033
16034        function animateEntryHandler() {
16035            const observerTimeoutMap = new WeakMap();
16036            const observedTargets = new WeakMap();
16037            const onScreenObserver = new IntersectionObserver(onScreenWatcher, {
16038                threshold: 0,
16039                rootMargin: '0px 0px -5% 0px'
16040            });
16041
16042            function observe(component) {
16043                const target = observedTargetFor(component);
16044                if (!observedTargets.has(target)) observedTargets.set(target, new Set());
16045                observedTargets.get(target).add(component);
16046                onScreenObserver.observe(target);
16047            }
16048
16049            components.forEach(observe);
16050
16051            window.addEventListener('transitionend', transitionEndHandler);
16052            window.addEventListener('transitioncancel', transitionEndHandler);
16053            window.addEventListener('wm-component-offscreen', offScreenHandler);
16054            window.addEventListener('wm-device-change', preventAnimateEntryOnDeviceChange);
16055
16056            function onScreenWatcher(entries, observer) {
16057                entries.forEach(entry => {
16058                    if (entry.isIntersecting) {
16059                        const target = entry.target;
16060                        observer.unobserve(target);
16061                        const animatedComponents = observedTargets.get(target) ?? new Set([target]);
16062                        observedTargets.delete(target);
16063                        animatedComponents.forEach(component => {
16064                            component.classList.remove(CLASS_NAMES.ENTRY_INITIAL_STATE);
16065
16066                            clearTimeout(observerTimeoutMap.get(component));
16067
16068                            const { delay, duration } = getTransitionTiming(component);
16069                            observerTimeoutMap.set(component, setTimeout(() => forceEndTransition(component), delay + duration));
16070                        });
16071                    }
16072                });
16073            }
16074
16075            function forceEndTransition(component, force = false) {
16076                if (pinnedWmlStyles.has(component)) return;
16077                if (force || observerTimeoutMap.get(component)) {
16078                    clearTimeout(observerTimeoutMap.get(component));
16079                    observerTimeoutMap.delete(component);
16080                    component.classList.remove(CLASS_NAMES.ENTRY_INITIAL_STATE, CLASS_NAMES.ENTRY_TRANSITION_STATE);
16081                    component.classList.add(CLASS_NAMES.NO_TRANSITION);
16082                    setTimeout(() => component.classList.remove(CLASS_NAMES.NO_TRANSITION));
16083                }
16084            }
16085
16086            function transitionEndHandler(event) {
16087                // Background layers (color/gradient) have no .wml child, so they carry
16088                // wmcM_animateEntry on themselves rather than on a parent of the transitioning node.
16089                const component = event.target.matches(`.${CLASS_NAMES.ANIMATE_ENTRY}`)
16090                    ? event.target
16091                    : event.target.parentElement;
16092                if (!component) return;
16093                if (pinnedWmlStyles.has(component)) return;
16094                if (!component?.matches(`.${CLASS_NAMES.ANIMATE_ENTRY}:not(.${CLASS_NAMES.ENTRY_INITIAL_STATE})`)) {
16095                    return;
16096                }
16097                forceEndTransition(component);
16098            }
16099
16100            function offScreenHandler(event) {
16101                const element = event.target;
16102                const offScreenComponents = element.querySelectorAll(ENTRY_SELECTOR);
16103                offScreenComponents.forEach(component => {
16104                    clearTimeout(observerTimeoutMap.get(component));
16105                    observerTimeoutMap.delete(component);
16106                    component.classList.add(CLASS_NAMES.ENTRY_INITIAL_STATE, CLASS_NAMES.ENTRY_TRANSITION_STATE);
16107                    observe(component);
16108                });
16109            }
16110
16111            function preventAnimateEntryOnDeviceChange() {
16112                components.forEach(component => forceEndTransition(component, true));
16113            }
16114
16115            globalThis.wmAnimateEntry.observe = function(element) {
16116                if (!isAnimateEntry(element)) return;
16117                onScreenObserver.observe(element);
16118            };
16119
16120            globalThis.wmAnimateEntry.unobserve = function(element) {
16121                if (!isAnimateEntry(element)) return;
16122                onScreenObserver.unobserve(element);
16123            };
16124        }
16125
16126        function callAnimateEntryHandler() {
16127            window.removeEventListener('wm-user-interaction', callAnimateEntryHandler);
16128            window.removeEventListener('load', callAnimateEntryHandler);
16129            animateEntryHandler();
16130        }
16131
16132        if (!globalThis.wmUserInteraction) {
16133            if (document.readyState !== 'complete') {
16134                window.addEventListener('wm-user-interaction', callAnimateEntryHandler);
16135                window.addEventListener('load', callAnimateEntryHandler);
16136            } else {
16137                animateEntryHandler();
16138            }
16139        } else {
16140            animateEntryHandler();
16141        }
16142    }
16143
16144    if (!globalThis.wmDevice) {
16145        window.addEventListener('wm-device-ready', init, { once: true });
16146    } else {
16147        init();
16148    }
16149})();
16150</script>
16150
16151    
16151<script type="text/javascript">/* core/animate-hover.js */
16152;(() => {
16153    function init() {
16154        console.debug('animate-hover: init');
16155
16156        function preventAnimateHoverOnDeviceChange() {
16157            const components = document.querySelectorAll('.wmcM_animateHover');
16158            components.forEach(component => component.classList.add('wmcA_noTransition'));
16159            setTimeout(() => {
16160                components.forEach(component => component.classList.remove('wmcA_noTransition'));
16161            });
16162        }
16163
16164        window.addEventListener('wm-device-change', preventAnimateHoverOnDeviceChange);
16165    }
16166
16167    if (!globalThis.wmDevice) {
16168        window.addEventListener('wm-device-ready', init, { once: true });
16169    } else {
16170        init();
16171    }
16172})();
16173</script>
16173
16174    
16174<script type="text/javascript">/* core/dismiss.js */
16175;(() => {
16176
16177    globalThis.WmLinkDismiss ??= {
16178        getDismissStore: getStore
16179    };
16180
16181    const { localStorage, sessionStorage } = window;
16182    // We store the preview path because of the proxy context.
16183    // Don't have a good way of stopping this running in the proxy
16184    const shard = location.pathname.match(/^\/(\d+\/preview\/)/)?.[1] ?? location.host;
16185    const key = `dismissed/${shard}`;
16186
16187    /**
16188     * @name UserDismissalStore
16189     * @type Object
16190     * @property {Record<string, UserDismissal>} data
16191     * @property {()=>UserDismissalStore} update
16192     */
16193
16194    /**
16195     * @name UserDismissal
16196     * @type {{
16197     *     sectionId: string;
16198     *     type: DismissType;
16199     *     actionDate: string;
16200     *     lastSeen: string;
16201     * }}
16202     */
16203
16204    /**
16205     * @param {DismissEvent} event
16206     */
16207    function handleNew(event) {
16208        const section = document.getElementById(event.sectionId);
16209        if (!section) return;
16210
16211        applyDismiss(section);
16212        /**
16213         * @type {Storage|undefined}
16214         */
16215        let storage;
16216        switch (event.dismissType) {
16217            case 'permanent':
16218                storage = localStorage;
16219                break;
16220            case 'session':
16221                storage = sessionStorage;
16222        }
16223        if (!storage) return;
16224        const store = getStore(storage);
16225        store.data[event.sectionId] = {
16226            type: event.dismissType,
16227            actionDate: new Date().toISOString(),
16228            lastSeen: new Date().toISOString()
16229        };
16230        store.update();
16231    }
16232
16233    /**
16234     * @param { HTMLElement|HTMLElement&{wmDismiss: ()=>void;} } section
16235     */
16236    function applyDismiss(section){
16237        // Check to see if the dismiss section is complex
16238        if (
16239            'wmDismiss' in section &&
16240            typeof section.wmDismiss === 'function' &&
16241            section.wmDismiss.length === 0
16242        ) {
16243            try {
16244                section.wmDismiss();
16245            } catch (e) {
16246                console.error(e);
16247            }
16248        } else {
16249            // Deprecated branch, the wmc_section should be applying this class itself
16250            section.classList.add('wmc_section--dismissed');
16251        }
16252    }
16253
16254    /**
16255     * @param {Storage} storage
16256     * @return UserDismissalStore
16257     */
16258    function getStore(storage) {
16259        /** @type {UserDismissalStore} */
16260        const store = JSON.parse(storage.getItem(key)) ?? {};
16261        store.data ??= {};
16262        store.update = () => {
16263            storage.setItem(key, JSON.stringify(store));
16264            return store;
16265        };
16266        return store;
16267    }
16268
16269    /**
16270     * @param {Storage} storage
16271     */
16272    function processStoredDismissals(storage) {
16273        const store = getStore(storage);
16274        const removed = [];
16275        // We don't need that high of a time resolution here.
16276        const lastSeen = new Date().toISOString();
16277        for (const [id, dismissal] of Object.entries(store.data)) {
16278            const section = document.getElementById(id);
16279            // Section might not be in the current view
16280            if (!section) continue;
16281
16282            const type = dismissal.type;
16283            /** @type {HTMLElement}*/
16284            const currentButton = section.querySelector(`[data-dismiss-type="${type}"]`);
16285
16286            // Our section no longer is of this type. Unset
16287            if (!currentButton) {
16288                delete store.data[id];
16289                removed.push(dismissal);
16290                continue;
16291            }
16292
16293            applyDismiss(section);
16294            // Mark that we have seen it
16295            dismissal.lastSeen = lastSeen;
16296        }
16297        return {
16298            store,
16299            removed
16300        };
16301    }
16302
16303    function startUp() {
16304        console.debug('dismiss: init');
16305        const permanentResults = processStoredDismissals(localStorage);
16306        const sessionResults = processStoredDismissals(sessionStorage);
16307        permanentResults.store.update();
16308        sessionResults.store.update();
16309
16310        window.addEventListener('wm-dismiss', handleNew);
16311    }
16312
16313    if (globalThis.WMConstants.initialAutoStart) {
16314        if (document.readyState === 'loading') {
16315            document.addEventListener('DOMContentLoaded', startUp, { once: true });
16316        } else {
16317            startUp();
16318        }
16319    }
16320})();
16321</script>
16321
16322
16323    <!-- @TODO: potential candidates to be deferred -->
16324    
16324<script type="text/javascript">/* core/sticky.js */
16325;(() => {
16326    const CLASS_NAMES = {
16327        STICKY_TOP: 'wmcM_stickyTop',
16328        STICKY_BOTTOM: 'wmcM_stickyBottom',
16329        STICKY_TOP_FIXED: 'wmcM_stickyTopFixed',
16330        STICKY_BOTTOM_FIXED: 'wmcM_stickyBottomFixed',
16331
16332        TRAILING_TOP: 'wmcM_trailingTop',
16333        TRAILING_BOTTOM: 'wmcM_trailingBottom',
16334        TRAILING_TOP_REVEALED: 'wmcM_trailingTopRevealed',
16335        TRAILING_BOTTOM_REVEALED: 'wmcM_trailingBottomRevealed',
16336
16337        ANIMATE_ENTRY: 'wmcM_animateEntry',
16338        ANIMATE_EXIT: 'wmcM_animateExit'
16339    };
16340
16341    const CSS_VARIABLES = {
16342        STICKY_OFFSET: '--stickyOffset',
16343        TRAILING_ANCHOR_ID: '--trailingAnchorId',
16344        REVEAL_THRESHOLD: '--revealThreshold',
16345        SCROLL_BEHAVIOR: '--scrollBehavior',
16346        TRANSITION_DELAY_ENTRY: '--transitionDelayMsEntry',
16347        TRANSITION_DURATION_ENTRY: '--transitionDurationMsEntry'
16348    };
16349
16350    const CONFIG = {
16351        POSITIONING: {
16352            FIXED_Z_INDEX: 5000,
16353            VISIBILITY_DEBOUNCE: 50
16354        },
16355        SELECTORS: {
16356            STICKY_ELEMENTS: '.wmcM_stickyTop, .wmcM_stickyBottom',
16357            TRAILING_ELEMENTS: '.wmcM_scrollBehavior'
16358        },
16359        CSS_CLASSES: {
16360            STICKY_STATE: 'wmc_section_sticky_state',
16361            SECTION_PLACEHOLDER: 'wmc_section_placeholder'
16362        }
16363    };
16364
16365    class SafeOperation {
16366        static execute(operation, fallback = null) {
16367            try {
16368                return operation();
16369            } catch (error) {
16370                if (fallback) {
16371                    try {
16372                        return fallback();
16373                    } catch (fallbackError) {
16374                        // Silent fallback failure
16375                    }
16376                }
16377                return null;
16378            }
16379        }
16380    }
16381
16382    class ElementStyleManager {
16383        static applyFixedPositioning(element, type, offset = 0) {
16384            const styles = this.getFixedStyles(type, offset);
16385            Object.entries(styles).forEach(([prop, value]) => {
16386                element.style.setProperty(prop, value);
16387            });
16388        }
16389
16390        static getFixedStyles(type, offset) {
16391            const baseStyles = {
16392                'position': 'fixed',
16393                'left': '0px',
16394                'right': '0px',
16395                'z-index': CONFIG.POSITIONING.FIXED_Z_INDEX.toString(),
16396                'display': 'block',
16397                'visibility': 'visible',
16398                'opacity': '1'
16399            };
16400
16401            if (type === 'top') {
16402                baseStyles.top = offset + 'px';
16403                baseStyles.bottom = 'auto';
16404            } else {
16405                baseStyles.bottom = offset + 'px';
16406                baseStyles.top = 'auto';
16407            }
16408
16409            return baseStyles;
16410        }
16411
16412        static clearPositioning(element) {
16413            const propsToRemove = [
16414                'position', 'top', 'left', 'right', 'bottom',
16415                'z-index', 'display', 'visibility', 'opacity'
16416            ];
16417            propsToRemove.forEach(prop => element.style.removeProperty(prop));
16418        }
16419    }
16420
16421    class DeviceDetector {
16422        constructor() {
16423            this.currentDevice = this.getCurrentDevice();
16424            this.listeners = new Set();
16425            this.setupListeners();
16426        }
16427
16428        getCurrentDevice() {
16429            const device = globalThis.wmDevice;
16430            return device.toLowerCase() || 'desktop';
16431        }
16432
16433        addListener(callback) {
16434            this.listeners.add(callback);
16435        }
16436
16437        removeListener(callback) {
16438            this.listeners.delete(callback);
16439        }
16440
16441        setupListeners() {
16442            const handleDeviceChange = () => {
16443                const newDevice = this.getCurrentDevice();
16444                if (newDevice !== this.currentDevice) {
16445                    const oldDevice = this.currentDevice;
16446                    this.currentDevice = newDevice;
16447                    this.listeners.forEach(callback => {
16448                        try {
16449                            callback(newDevice, oldDevice);
16450                        } catch (error) {
16451                        }
16452                    });
16453                }
16454            };
16455
16456            window.addEventListener('wm-device-change', handleDeviceChange);
16457            this.cleanup = () => {
16458                window.removeEventListener('wm-device-change', handleDeviceChange);
16459            };
16460        }
16461
16462        destroy() {
16463            this.listeners.clear();
16464            if (this.cleanup) {
16465                this.cleanup();
16466            }
16467        }
16468    }
16469
16470
16471    class DeviceChangeCommand {
16472        constructor(manager, oldDevice, newDevice) {
16473            this.manager = manager;
16474            this.oldDevice = oldDevice;
16475            this.newDevice = newDevice;
16476            this.elementsToPreserve = new Set();
16477            this.elementsToRecreate = new Set();
16478        }
16479
16480        analyze() {
16481            this.manager.watchers.forEach((watcher, element) => {
16482                const oldBehavior = this.manager.getElementBehaviorOnDevice(element, this.oldDevice);
16483                const newBehavior = this.manager.getElementBehaviorOnDevice(element, this.newDevice);
16484
16485                if (this.shouldPreserveElement(oldBehavior, newBehavior, watcher)) {
16486                    this.elementsToPreserve.add(element);
16487                } else {
16488                    this.elementsToRecreate.add(element);
16489                }
16490            });
16491            return this;
16492        }
16493
16494        shouldPreserveElement(oldBehavior, newBehavior, watcher) {
16495            if (oldBehavior !== newBehavior || oldBehavior === 'none') return false;
16496            if (oldBehavior === 'trailingTop' || oldBehavior === 'trailingBottom') return false;
16497            return true;
16498        }
16499
16500        execute() {
16501            this.cleanupRecreatedElements();
16502            this.updatePreservedElements();
16503            this.reinitialize();
16504            return this;
16505        }
16506
16507        cleanupRecreatedElements() {
16508            this.elementsToRecreate.forEach(element => {
16509                const watcher = this.manager.watchers.get(element);
16510                if (watcher) {
16511                    this.manager.returnToOriginalParent(element, true);
16512                    watcher.destroy();
16513                    this.manager.watchers.delete(element);
16514                }
16515            });
16516        }
16517
16518        updatePreservedElements() {
16519            this.elementsToPreserve.forEach(element => {
16520                const watcher = this.manager.watchers.get(element);
16521                if (watcher) {
16522                    watcher.parseConfiguration();
16523                    watcher.uniqueId = watcher.generateUniqueId();
16524                }
16525            });
16526        }
16527
16528        reinitialize() {
16529            this.manager.initializeStickyWatchers(this.elementsToPreserve);
16530            this.manager.initializeTrailingWatchers(this.elementsToPreserve);
16531        }
16532    }
16533
16534    class SectionWatcher {
16535        constructor(element, manager) {
16536            this.element = element;
16537            this.manager = manager;
16538            this.isActive = false;
16539            this.spacerElement = null;
16540            this.cleanup = [];
16541
16542            this.uniqueId = this.generateUniqueId();
16543
16544            this.validateElement();
16545            this.parseConfiguration();
16546            this.cacheElementProperties();
16547        }
16548
16549        generateUniqueId() {
16550            const rect = this.element.getBoundingClientRect();
16551            const classes = Array.from(this.element.classList).join('-');
16552            const timestamp = Date.now();
16553            const random = Math.random().toString(36).substring(2, 9);
16554            return `${classes}-${Math.round(rect.top)}-${Math.round(rect.left)}-${timestamp}-${random}`;
16555        }
16556
16557        validateElement() {
16558            if (!this.element || !(this.element instanceof Element)) {
16559                throw new Error('Invalid element provided to SectionWatcher');
16560            }
16561        }
16562
16563        parseConfiguration() {
16564            try {
16565                this.computedStyle = getComputedStyle(this.element);
16566                this.scrollBehavior = this.computedStyle.getPropertyValue(CSS_VARIABLES.SCROLL_BEHAVIOR).trim() || 'none';
16567                this.isScrollBehaviorEnabled = this.scrollBehavior !== 'none' && this.scrollBehavior !== '';
16568            } catch (error) {
16569                throw new Error(`Failed to get computed style: ${error.message}`);
16570            }
16571        }
16572
16573        cacheElementProperties() {
16574            try {
16575                const wasFixed = this.element.classList.contains('wmcM_stickyTopFixed') ||
16576                    this.element.classList.contains('wmcM_stickyBottomFixed');
16577
16578                if (wasFixed) {
16579                    this.manager.returnToOriginalParent(this.element, true);
16580                    this.element.classList.remove('wmcM_stickyTopFixed', 'wmcM_stickyBottomFixed');
16581                    this.clearPositioningStyles();
16582                }
16583
16584                // Force layout recalculation once
16585                void this.element.offsetHeight;
16586
16587                // Batch all reads together
16588                const rect = this.element.getBoundingClientRect();
16589                const offsetTop = this.element.offsetTop;
16590                const scrollY = window.scrollY;
16591
16592                // Store values
16593                this.originalHeight = rect.height;
16594                this.originalOffsetTop = offsetTop;
16595                this.originalAbsoluteTop = rect.top + scrollY;
16596
16597            } catch (error) {
16598                this.originalHeight = 0;
16599                this.originalOffsetTop = 0;
16600                this.originalAbsoluteTop = 100;
16601            }
16602        }
16603
16604        clearPositioningStyles() {
16605            ElementStyleManager.clearPositioning(this.element);
16606        }
16607
16608        createSpacer() {
16609            if (this.spacerElement) return this.spacerElement;
16610
16611            try {
16612                this.spacerElement = document.createElement('div');
16613                this.spacerElement.style.height = this.originalHeight + 'px';
16614                this.spacerElement.style.visibility = 'hidden';
16615
16616                if (this.element.parentNode) {
16617                    this.element.parentNode.insertBefore(this.spacerElement, this.element);
16618                } else {
16619                    throw new Error('Element has no parent node');
16620                }
16621
16622                return this.spacerElement;
16623            } catch (error) {
16624                this.spacerElement = null;
16625                throw new Error(`Failed to create spacer: ${error.message}`);
16626            }
16627        }
16628
16629        removeSpacer() {
16630            if (this.spacerElement) {
16631                try {
16632                    this.spacerElement.remove();
16633                } catch (error) {
16634                }
16635                this.spacerElement = null;
16636            }
16637        }
16638
16639        handleAnimationEntry() {
16640            globalThis.wmAnimateEntry?.triggerEntry(this.element);
16641        }
16642
16643        handleAnimationExit() {
16644            return globalThis.wmAnimateEntry?.triggerExit(this.element) || Promise.resolve();
16645        }
16646
16647        removeAnimationClasses() {
16648            globalThis.wmAnimateEntry?.removeAllClasses(this.element);
16649        }
16650
16651        resetAnimation() {
16652            globalThis.wmAnimateEntry?.resetToInitial(this.element);
16653        }
16654
16655        triggerChildAnimations() {
16656            globalThis.wmAnimateEntry?.triggerChildEntries(this.element);
16657        }
16658
16659        destroy() {
16660            this.cleanup.forEach(cleanupFn => {
16661                try {
16662                    cleanupFn();
16663                } catch (error) {
16664                }
16665            });
16666            this.cleanup = [];
16667            this.removeSpacer();
16668            this.isActive = false;
16669        }
16670    }
16671
16672    class StickyWatcher extends SectionWatcher {
16673        constructor(element,manager) {
16674            super(element, manager);
16675            this.isCurrentlyFixed = this.element.classList.contains(this.getFixedClassName());
16676            this.stickyOffset = parseInt(this.computedStyle.getPropertyValue(CSS_VARIABLES.STICKY_OFFSET)) || 0;
16677        }
16678
16679        getFixedClassName() {
16680            throw new Error('getFixedClassName must be implemented by subclass');
16681        }
16682
16683        makeFixed() {
16684            if (this.isCurrentlyFixed) return;
16685
16686            SafeOperation.execute(() => {
16687                globalThis.wmAnimateEntry?.freezeEntries(this.element);
16688                this.manager.moveToDocumentRoot(this.element, true);
16689                this.prepareElementForFixed();
16690                this.applyFixedPositioning();
16691                globalThis.wmAnimateEntry?.resumeEntries(this.element);
16692                this.isCurrentlyFixed = true;
16693            }, () => {
16694                this.manager.returnToOriginalParent(this.element);
16695            });
16696        }
16697
16698        prepareElementForFixed() {
16699            this.element.classList.add(this.getFixedClassName());
16700        }
16701
16702        applyFixedPositioning() {
16703            throw new Error('applyFixedPositioning must be implemented by subclass');
16704        }
16705
16706        makeNormal() {
16707            if (!this.isCurrentlyFixed) return;
16708
16709            SafeOperation.execute(() => {
16710                ElementStyleManager.clearPositioning(this.element);
16711                this.element.classList.remove(this.getFixedClassName());
16712                this.removeSpacer();
16713                this.restoreOriginalPosition();
16714                this.isCurrentlyFixed = false;
16715                this.element.offsetHeight;
16716            });
16717        }
16718
16719        restoreOriginalPosition() {
16720            const positionInfo = this.manager.originalPositions.get(this.element);
16721            if (positionInfo) {
16722                const { originalParent, nextSibling, placeholder } = positionInfo;
16723
16724                this.element.classList.remove(CONFIG.CSS_CLASSES.STICKY_STATE);
16725
16726                if (placeholder && placeholder.parentNode) {
16727                    originalParent.insertBefore(this.element, placeholder);
16728                    placeholder.remove();
16729                } else if (nextSibling && nextSibling.parentNode === originalParent) {
16730                    originalParent.insertBefore(this.element, nextSibling);
16731                } else {
16732                    originalParent.appendChild(this.element);
16733                }
16734
16735                this.manager.originalPositions.delete(this.element);
16736            }
16737        }
16738
16739        initialize() {
16740            if (!this.isScrollBehaviorEnabled) {
16741                return;
16742            }
16743            this.createPositionDetection();
16744        }
16745
16746        createPositionDetection() {
16747            throw new Error('createPositionDetection must be implemented by subclass');
16748        }
16749    }
16750
16751    class StickyTopWatcher extends StickyWatcher {
16752        getFixedClassName() {
16753            return CLASS_NAMES.STICKY_TOP_FIXED;
16754        }
16755
16756        applyFixedPositioning() {
16757            ElementStyleManager.applyFixedPositioning(this.element, 'top', this.stickyOffset);
16758            this.element.offsetHeight;
16759        }
16760
16761        createPositionDetection() {
16762            this.sentinel = document.createElement('div');
16763            this.sentinel.style.position = 'absolute';
16764            this.sentinel.style.top = this.originalAbsoluteTop + 'px';
16765            this.sentinel.style.height = '1px';
16766            this.sentinel.style.width = '1px';
16767            this.sentinel.style.visibility = 'hidden';
16768            this.sentinel.style.pointerEvents = 'none';
16769            document.body.appendChild(this.sentinel);
16770
16771            this.observer = new IntersectionObserver((entries) => {
16772                const entry = entries[0];
16773                const shouldBeFixed = !entry.isIntersecting && entry.boundingClientRect.top < 0;
16774
16775                if (shouldBeFixed && !this.isCurrentlyFixed) {
16776                    this.makeFixed();
16777                } else if (!shouldBeFixed && this.isCurrentlyFixed) {
16778                    this.makeNormal();
16779                }
16780            }, {
16781                root: null,
16782                rootMargin: '0px',
16783                threshold: 0
16784            });
16785
16786            this.observer.observe(this.sentinel);
16787            this.cleanup.push(() => {
16788                if (this.observer) {
16789                    this.observer.disconnect();
16790                    this.observer = null;
16791                }
16792                if (this.sentinel) {
16793                    this.sentinel.remove();
16794                    this.sentinel = null;
16795                }
16796            });
16797        }
16798    }
16799
16800    class StickyBottomWatcher extends StickyWatcher {
16801        getFixedClassName() {
16802            return CLASS_NAMES.STICKY_BOTTOM_FIXED;
16803        }
16804
16805        applyFixedPositioning() {
16806            ElementStyleManager.applyFixedPositioning(this.element, 'bottom', this.stickyOffset);
16807            this.element.offsetHeight;
16808        }
16809
16810        createPositionDetection() {
16811            this.element.style.setProperty('display', 'block', 'important');
16812            this.element.style.setProperty('visibility', 'visible', 'important');
16813            this.element.offsetHeight;
16814
16815            this.makeFixedWithoutPlaceholder();
16816            window.makeStickyBottomSectionsNormal = [...(window.makeStickyBottomSectionsNormal || []), this.makeNormal.b
16816ind(this)];
16817        }
16818        makeFixedWithoutPlaceholder() {
16819            if (this.isCurrentlyFixed) return;
16820
16821            SafeOperation.execute(() => {
16822                this.manager.moveToDocumentRoot(this.element, false);
16823                this.element.classList.add(this.getFixedClassName());
16824                this.handleAnimationEntry();
16825                this.triggerChildAnimations();
16826                this.applyFixedPositioning();
16827                this.isCurrentlyFixed = true;
16828            }, () => {
16829                this.manager.returnToOriginalParent(this.element);
16830            });
16831        }
16832    }
16833
16834    class TrailingWatcher extends SectionWatcher {
16835        constructor(element,manager) {
16836            super(element, manager);
16837            this.isRevealed = false;
16838            this.observer = null;
16839            this.pendingHideAnimation = null;
16840            this.debounceTimeout = null;
16841            this.parseTrailingConfiguration();
16842        }
16843
16844        parseTrailingConfiguration() {
16845            this.trailingAnchorId = this.computedStyle.getPropertyValue(CSS_VARIABLES.TRAILING_ANCHOR_ID)
16846                .replace(/['"]/g, '').trim();
16847            this.revealThreshold = parseInt(this.computedStyle.getPropertyValue(CSS_VARIABLES.REVEAL_THRESHOLD)) || 0;
16848
16849            if (!this.trailingAnchorId) {
16850                throw new Error('Trailing anchor ID is required');
16851            }
16852
16853            this.anchorElement = document.getElementById(this.trailingAnchorId);  // Direct call
16854            if (!this.anchorElement) {
16855                throw new Error(`Anchor element not found: ${this.trailingAnchorId}`);
16856            }
16857        }
16858
16859        getRevealedClassName() {
16860            const device = this.manager.deviceDetector.currentDevice;
16861            const deviceSuffix = device === 'desktop' ? '--desktop' : device === 'tablet' ? '--tablet' : '--mobile';
16862
16863            if (this.element.classList.contains(`wmcM_trailingTop${deviceSuffix}`)) {
16864                return CLASS_NAMES.TRAILING_TOP_REVEALED;
16865            } else if (this.element.classList.contains(`wmcM_trailingBottom${deviceSuffix}`)) {
16866                return CLASS_NAMES.TRAILING_BOTTOM_REVEALED;
16867            }
16868
16869            if (this.trailingType === 'top') {
16870                return CLASS_NAMES.TRAILING_TOP_REVEALED;
16871            } else if (this.trailingType === 'bottom') {
16872                return CLASS_NAMES.TRAILING_BOTTOM_REVEALED;
16873            }
16874
16875            if (this.element.classList.contains('wmcM_trailingTop')) {
16876                return CLASS_NAMES.TRAILING_TOP_REVEALED;
16877            } else if (this.element.classList.contains('wmcM_trailingBottom')) {
16878                return CLASS_NAMES.TRAILING_BOTTOM_REVEALED;
16879            }
16880
16881            throw new Error('Unknown trailing type');
16882        }
16883
16884        show() {
16885            if (this.isRevealed) return;
16886
16887            if (this.pendingHideAnimation) {
16888                this.pendingHideAnimation = null;
16889            }
16890
16891            this.isRevealed = true;
16892
16893            try {
16894                this.manager.moveToDocumentRoot(this.element, true);
16895                this.createSpacer();
16896                this.element.classList.add(this.getRevealedClassName());
16897
16898                this.element.style.display = '';
16899                if (this.element.classList.contains(CLASS_NAMES.ANIMATE_ENTRY)) {
16900                    this.element.classList.add(CLASS_NAMES.ANIMATE_EXIT);
16901                }
16902
16903                const wmlElement = this.element.querySelector('.wml');
16904                if (wmlElement) {
16905                    wmlElement.style.removeProperty('opacity');
16906                }
16907
16908                globalThis.wmAnimateEntry?.removeAllClasses(this.element);
16909                this.handleAnimationEntry();
16910                this.triggerChildAnimations();
16911            } catch (error) {
16912                this.isRevealed = false;
16913                this.manager.returnToOriginalParent(this.element);
16914                throw error;
16915            }
16916        }
16917
16918        async hide() {
16919            if (!this.isRevealed) return;
16920
16921            this.pendingHideAnimation = true;
16922            await this.handleAnimationExit();
16923
16924            if (!this.pendingHideAnimation) return;
16925
16926            this.isRevealed = false;
16927            this.removeSpacer();
16928            this.element.classList.remove(CLASS_NAMES.TRAILING_TOP_REVEALED, CLASS_NAMES.TRAILING_BOTTOM_REVEALED);
16929
16930            this.element.style.display = 'none';
16931            this.manager.returnToOriginalParent(this.element);
16932
16933            const wmlElement = this.element.querySelector('.wml');
16934            if (wmlElement) {
16935                wmlElement.style.removeProperty('opacity');
16936            }
16937
16938            globalThis.wmAnimateEntry?.removeAllClasses(this.element);
16939
16940            this.pendingHideAnimation = null;
16941        }
16942
16943        initialize() {
16944            if (!this.isScrollBehaviorEnabled) return;
16945
16946            try {
16947                this.observer = new IntersectionObserver((entries) => {
16948                    const entry = entries[0];
16949                    const shouldShow = !entry.isIntersecting && entry.boundingClientRect.top < 0;
16950
16951                    if (this.debounceTimeout) {
16952                        clearTimeout(this.debounceTimeout);
16953                    }
16954
16955                    this.debounceTimeout = setTimeout(() => {
16956                        if (shouldShow && !this.isRevealed && !this.pendingHideAnimation) {
16957                            this.show();
16958                        } else if (!shouldShow && this.isRevealed && !this.pendingHideAnimation) {
16959                            this.hide();
16960                        }
16961                        this.debounceTimeout = null;
16962                    }, CONFIG.POSITIONING.VISIBILITY_DEBOUNCE);
16963                }, {
16964                    root: null,
16965                    rootMargin: `-${this.revealThreshold}px 0px 0px 0px`,
16966                    threshold: 0
16967                });
16968
16969                this.observer.observe(this.anchorElement);
16970                this.cleanup.push(() => {
16971                    if (this.observer) {
16972                        this.observer.disconnect();
16973                        this.observer = null;
16974                    }
16975                    if (this.debounceTimeout) {
16976                        clearTimeout(this.debounceTimeout);
16977                        this.debounceTimeout = null;
16978                    }
16979                });
16980            } catch (error) {
16981                throw new Error(`Failed to create intersection observer: ${error.message}`);
16982            }
16983        }
16984    }
16985
16986    class WatcherManager {
16987        constructor() {
16988            this.watchers = new Map();
16989            this.isInitialized = false;
16990            this.originalPositions = new WeakMap();
16991            this.deviceDetector = new DeviceDetector();
16992
16993            this.setupDeviceChangeHandling();
16994        }
16995
16996        setupDeviceChangeHandling() {
16997            const deviceChangeHandler = (newDevice, oldDevice) => {
16998                setTimeout(() => this.handleDeviceChange(newDevice, oldDevice), 100);
16999            };
17000            this.deviceDetector.addListener(deviceChangeHandler);
17001
17002            this.globalCleanup = () => {
17003                this.deviceDetector.removeListener(deviceChangeHandler);
17004                this.deviceDetector.destroy();
17005            };
17006        }
17007
17008        getElementBehaviorOnDevice(element, device) {
17009            const deviceSuffix = `--${device.toLowerCase()}`;
17010
17011            if (element.classList.contains(`wmcM_stickyTop${deviceSuffix}`)) {
17012                return 'stickyTop';
17013            }
17014            if (element.classList.contains(`wmcM_stickyBottom${deviceSuffix}`)) {
17015                return 'stickyBottom';
17016            }
17017            if (element.classList.contains(`wmcM_trailingTop${deviceSuffix}`)) {
17018                return 'trailingTop';
17019            }
17020            if (element.classList.contains(`wmcM_trailingBottom${deviceSuffix}`)) {
17021                return 'trailingBottom';
17022            }
17023
17024            const isInherit = (device === 'tablet' && element.classList.contains('wmcM_tablet-inherit-scroll')) ||
17025                (device === 'mobile' && element.classList.contains('wmcM_mobile-inherit-scroll'));
17026
17027            if (isInherit) {
17028                if (element.classList.contains('wmcM_stickyTop--desktop')) {
17029                    return 'stickyTop';
17030                }
17031                if (element.classList.contains('wmcM_stickyBottom--desktop')) {
17032                    return 'stickyBottom';
17033                }
17034                if (element.classList.contains('wmcM_trailingTop--desktop')) {
17035                    return 'trailingTop';
17036                }
17037                if (element.classList.contains('wmcM_trailingBottom--desktop')) {
17038                    return 'trailingBottom';
17039                }
17040            }
17041
17042            return 'none';
17043        }
17044
17045        handleDeviceChange(newDevice, oldDevice) {
17046            new DeviceChangeCommand(this, oldDevice, newDevice)
17047                .analyze()
17048                .execute();
17049        }
17050
17051        reinitializeWatcher(element, watcher) {
17052            try {
17053                this.returnToOriginalParent(element, true);
17054                watcher.destroy();
17055                this.watchers.delete(element);
17056
17057                const behavior = this.getElementBehaviorOnDevice(element, this.deviceDetector.currentDevice);
17058
17059                let newWatcher = null;
17060                if (behavior === 'stickyTop') {
17061                    newWatcher = this.createWatcher(element, 'stickyTop');
17062                } else if (behavior === 'stickyBottom') {
17063                    newWatcher = this.createWatcher(element, 'stickyBottom');
17064                } else if (behavior === 'trailingTop' || behavior === 'trailingBottom') {
17065                    newWatcher = this.createWatcher(element, 'trailing');
17066                }
17067
17068                if (newWatcher) {
17069                    this.watchers.set(element, newWatcher);
17070                    newWatcher.initialize();
17071                }
17072            } catch (error) {
17073                this.watchers.delete(element);
17074            }
17075        }
17076
17077        createWatcher(element, type) {
17078            try {
17079                switch (type) {
17080                    case 'stickyTop':
17081                        return new StickyTopWatcher(element,this);
17082                    case 'stickyBottom':
17083                        return new StickyBottomWatcher(element, this);
17084                    case 'trailing':
17085                        return new TrailingWatcher(element, this);
17086                    default:
17087                        throw new Error(`Unknown watcher type: ${type}`);
17088                }
17089            } catch (error) {
17090                return null;
17091            }
17092        }
17093
17094        // We move sticky/trailing sections up to be a direct child of <body> because the
17095        // scaling transform (transform: scale3d on body > main and body > .wmcM_scrollBehavior,
17096        // see core.css) makes those wrappers the containing block for position: fixed. A fixed
17097        // element left inside them would resolve against the scaled wrapper instead of the
17098        // viewport, breaking its position and stacking. Reparenting to <body> escapes that.
17099        //
17100        // We use transform for scaling because CSS zoom lacks broad-enough browser support
17101        // (not yet 2 years of major-browser coverage). Once we switch scaling to zoom (which
17102        // does NOT establish a containing block for fixed elements), this move-to-root becomes
17103        // unnecessary - and so does the freeze/resume entry-animation handling in makeFixed(),
17104        // since that only exists to survive the reparent this move performs.
17105        moveToDocumentRoot(element, needsPlaceholder = true) {
17106            if (this.originalPositions.has(element)) {
17107                return false;
17108            }
17109
17110            const originalParent = element.parentNode;
17111            const nextSibling = element.nextElementSibling;
17112            const originalIndex = Array.from(originalParent.children).indexOf(element);
17113
17114            let placeholder = null;
17115
17116            if (needsPlaceholder) {
17117                placeholder = document.createElement('section');
17118                const rect = element.getBoundingClientRect();
17119
17120                placeholder.style.height = rect.height + 'px';
17121                placeholder.style.visibility = 'hidden';
17122                placeholder.style.pointerEvents = 'none';
17123                placeholder.classList.add('wmc', CONFIG.CSS_CLASSES.SECTION_PLACEHOLDER);
17124                const wmlDiv = document.createElement('div');
17125                wmlDiv.classList.add('wml');
17126                placeholder.appendChild(wmlDiv);
17127
17128                originalParent.insertBefore(placeholder, element);
17129            }
17130
17131            this.originalPositions.set(element, {
17132                originalParent,
17133                nextSibling,
17134                originalIndex,
17135                placeholder
17136            });
17137
17138            element.classList.add(CONFIG.CSS_CLASSES.STICKY_STATE);
17139
17140            document.body.appendChild(element);
17141            return true;
17142        }
17143
17144        returnToOriginalParent(element, forceReturn = false) {
17145            if (!forceReturn && this.watchers.has(element)) {
17146                return false;
17147            }
17148
17149            const positionInfo = this.originalPositions.get(element);
17150            if (!positionInfo) {
17151                return false;
17152            }
17153
17154            const { originalParent, nextSibling, placeholder } = positionInfo;
17155
17156            element.classList.remove(CONFIG.CSS_CLASSES.STICKY_STATE);
17157
17158
17159
17160            if (placeholder && placeholder.parentNode) {
17161                originalParent.insertBefore(element, placeholder);
17162                placeholder.remove();
17163            } else {
17164                if (nextSibling && nextSibling.parentNode === originalParent) {
17165                    originalParent.insertBefore(element, nextSibling);
17166                } else {
17167                    originalParent.appendChild(element);
17168                }
17169            }
17170
17171            this.originalPositions.delete(element);
17172            return true;
17173        }
17174
17175        initializeStickyWatchers(watchersToPreserve = new Set()) {
17176            const elementsInBody = Array.from(document.body.children).filter(child => {
17177                return child.classList && (
17178                    child.classList.contains('wmcM_stickyTop') ||
17179                    child.classList.contains('wmcM_stickyBottom')
17180                ) && child.tagName !== 'SCRIPT' && child.tagName !== 'STYLE';
17181            });
17182
17183            elementsInBody.forEach((element) => {
17184                if (!this.watchers.has(element)) {
17185                    element.classList.remove('wmcM_stickyTopFixed', 'wmcM_stickyBottomFixed');
17186                    ElementStyleManager.clearPositioning(element);
17187
17188                    const mainElement = document.querySelector('main, .main, #main') || document.querySelector('body > div:first-child');
17189                    if (mainElement) {
17190                        mainElement.appendChild(element);
17191                    } else {
17192                        document.body.appendChild(element);
17193                    }
17194                }
17195            });
17196
17197            if (elementsInBody.length > 0) {
17198                document.body.offsetHeight;
17199            }
17200
17201            const allStickyElements = new Set();
17202            document.querySelectorAll('.wmcM_stickyTop').forEach(el => allStickyElements.add(el));
17203            document.querySelectorAll('.wmcM_stickyBottom').forEach(el => allStickyElements.add(el));
17204
17205            Array.from(allStickyElements).forEach((el) => {
17206                if (watchersToPreserve.has(el)) return;
17207
17208                const behavior = this.getElementBehaviorOnDevice(el, this.deviceDetector.currentDevice);
17209
17210                if (behavior === 'stickyTop' || behavior === 'stickyBottom') {
17211                    const style = getComputedStyle(el);
17212                    const scrollBehavior = style.getPropertyValue('--scrollBehavior').trim();
17213
17214                    if (scrollBehavior === 'sticky') {
17215                        this.processStickyElement(el, behavior);
17216                    } else {
17217                        if (!this.watchers.has(el)) {
17218                            ElementStyleManager.clearPositioning(el);
17219                        }
17220                        el.classList.remove(CLASS_NAMES.STICKY_TOP_FIXED, CLASS_NAMES.STICKY_BOTTOM_FIXED);
17221                        globalThis.wmAnimateEntry?.removeAllClasses(el);
17222                    }
17223                } else {
17224                    if (!this.watchers.has(el)) {
17225                        ElementStyleManager.clearPositioning(el);
17226                    }
17227                    el.classList.remove(CLASS_NAMES.STICKY_TOP_FIXED, CLASS_NAMES.STICKY_BOTTOM_FIXED);
17228                    if (el.classList.contains(CLASS_NAMES.ANIMATE_ENTRY)) {
17229                        globalThis.wmAnimateEntry?.triggerEntry(el);
17230                    }
17231                }
17232            });
17233        }
17234
17235        processStickyElement(element, behavior) {
17236            element.classList.remove(CLASS_NAMES.STICKY_TOP_FIXED, CLASS_NAMES.STICKY_BOTTOM_FIXED);
17237
17238            if (behavior === 'stickyBottom') {
17239                element.style.setProperty('display', 'block', 'important');
17240                element.style.setProperty('visibility', 'visible', 'important');
17241                element.style.setProperty('position', 'relative', 'important');
17242
17243                // Handle animation for sticky bottom
17244                if (element.classList.contains(CLASS_NAMES.ANIMATE_ENTRY)) {
17245                    globalThis.wmAnimateEntry?.triggerEntry(element);
17246                }
17247            }
17248
17249            if (element.classList.contains(CLASS_NAMES.ANIMATE_ENTRY)) {
17250                element.classList.add(CLASS_NAMES.ANIMATE_EXIT);
17251            }
17252
17253            const watcher = this.createWatcher(element, behavior);
17254            if (watcher) {
17255                this.watchers.set(element, watcher);
17256                watcher.initialize();
17257            }
17258        }
17259        initializeTrailingWatchers(watchersToPreserve = new Set()) {
17260            const scrollBehaviorElements = document.querySelectorAll('.wmcM_scrollBehavior');
17261
17262            scrollBehaviorElements.forEach((el) => {
17263                if (watchersToPreserve.has(el)) return;
17264
17265                const hasTrailingTop = el.classList.contains('wmcM_trailingTop--desktop') ||
17266                    el.classList.contains('wmcM_trailingTop--tablet') ||
17267                    el.classList.contains('wmcM_trailingTop--mobile');
17268
17269                const hasTrailingBottom = el.classList.contains('wmcM_trailingBottom--desktop') ||
17270                    el.classList.contains('wmcM_trailingBottom--tablet') ||
17271                    el.classList.contains('wmcM_trailingBottom--mobile');
17272
17273                if (!hasTrailingTop && !hasTrailingBottom) return;
17274
17275                const style = getComputedStyle(el);
17276                const scrollBehavior = style.getPropertyValue('--scrollBehavior').trim();
17277
17278                if (scrollBehavior === 'trailing') {
17279                    const behavior = this.getElementBehaviorOnDevice(el, this.deviceDetector.currentDevice);
17280
17281                    if (behavior === 'trailingTop' || behavior === 'trailingBottom') {
17282                        this.processTrailingElement(el, behavior);
17283                    }
17284                } else {
17285                    el.style.removeProperty('display');
17286                    el.classList.remove(CLASS_NAMES.TRAILING_TOP_REVEALED, CLASS_NAMES.TRAILING_BOTTOM_REVEALED);
17287                    globalThis.wmAnimateEntry?.removeAllClasses(el);
17288                }
17289            });
17290        }
17291
17292        processTrailingElement(element, behavior) {
17293            element.classList.remove(CLASS_NAMES.TRAILING_TOP_REVEALED, CLASS_NAMES.TRAILING_BOTTOM_REVEALED);
17294
17295            if (element.classList.contains(CLASS_NAMES.ANIMATE_ENTRY)) {
17296                element.classList.add(CLASS_NAMES.ANIMATE_EXIT);
17297            }
17298
17299            const watcher = this.createWatcher(element, 'trailing');
17300            if (watcher) {
17301                watcher.trailingType = behavior === 'trailingTop' ? 'top' : 'bottom';
17302                this.watchers.set(element, watcher);
17303                watcher.initialize();
17304            }
17305        }
17306
17307        initialize() {
17308            this.cleanup();
17309
17310            try {
17311                this.initializeStickyWatchers();
17312                this.initializeTrailingWatchers();
17313                this.isInitialized = true;
17314            } catch (error) {
17315                this.cleanup();
17316                throw error;
17317            }
17318        }
17319
17320        cleanup() {
17321            this.watchers.forEach((watcher, element) => {
17322                try {
17323                    globalThis.wmAnimateEntry?.removeAllClasses(element);
17324                    this.returnToOriginalParent(element, true);
17325                    watcher.destroy();
17326                } catch (error) {
17327                }
17328            });
17329            this.watchers.clear();
17330            this.originalPositions = new WeakMap();
17331            this.isInitialized = false;
17332        }
17333
17334        destroy() {
17335            this.cleanup();
17336            if (this.globalCleanup) {
17337                this.globalCleanup();
17338            }
17339        }
17340    }
17341
17342    function initWatcherManager() {
17343        const watcherManager = new WatcherManager();
17344        watcherManager.initialize();
17345    }
17346
17347    function delayedInitWatcherManager() {
17348        initWatcherManager();
17349
17350        // @TODO: take a look at reveal animations, they do not fire every time
17351
17352        // @TODO: possibly delay some things until after user interaction (major rewrite required)
17353        // if (!globalThis.wmUserInteraction) {
17354        //     window.addEventListener('wm-user-interaction', initWatcherManager, { once: true });
17355        // } else {
17356        //     initWatcherManager();
17357        // }
17358    }
17359
17360    if (!globalThis.wmDevice) {
17361        window.addEventListener('wm-device-ready', delayedInitWatcherManager, { once: true });
17362    } else {
17363        delayedInitWatcherManager();
17364    }
17365})();
17366</script>
17366
17367
17368    <!-- deferred -->
17369    
17369<script type="text/wmdjs">/* core/scroll-to-top.js */
17370;(() => {
17371    class WMScrollToTop {
17372        /**
17373         * @param {Object} options
17374         * @param {number} [options.threshold=200]
17375         * @param {HTMLElement|null} [options.scrollContainer=null]
17376         * @param {string} [options.buttonClass='wm_scrollToTop']
17377         * @param {string} [options.visibleClass='wm_scrollToTop--visible']
17378         * @param {HTMLElement|null} [options.root=null]
17379         * @param {boolean} [options.smooth=true]
17380         */
17381        constructor(options = {}) {
17382            if (typeof window === 'undefined' || typeof document === 'undefined') {
17383                console.warn('WMScrollToTop is not available in this environment');
17384                return;
17385            }
17386
17387            this.options = Object.freeze({
17388                threshold: 200,
17389                scrollContainer: null,
17390                buttonClass: 'wm_scrollToTop',
17391                visibleClass: 'wm_scrollToTop--visible',
17392                smooth: true,
17393                root: null,
17394                ...options
17395            });
17396
17397            this.button = null;
17398            this.isVisible = false;
17399            this.scrollFlag = false;
17400            this.animationFrameId = null;
17401            this.ownedAttribute = 'data-wm-scrolltotop';
17402            this.abortController = new AbortController();
17403            this.scrollContainer = this.options.scrollContainer || window;
17404
17405            this.initialize();
17406        }
17407
17408        initialize() {
17409            console.debug('scroll-to-top: init');
17410            this.createButton();
17411            this.bindEvents();
17412            this.updateVisibility();
17413            this.startAnimationFrameLoop();
17414        }
17415
17416        createButton() {
17417            const existingButton = document.querySelector(`.${this.options.buttonClass}[${this.ownedAttribute}="true"]`);
17418            if (existingButton) {
17419                this.button = existingButton;
17420                return;
17421            }
17422
17423            const buttonElement = document.createElement('button');
17424            buttonElement.className = this.options.buttonClass;
17425            buttonElement.type = 'button';
17426            buttonElement.setAttribute(this.ownedAttribute, 'true');
17427            buttonElement.setAttribute('aria-label', 'Scroll to top');
17428            buttonElement.setAttribute('title', 'Scroll to top');
17429            buttonElement.setAttribute('aria-hidden', 'true');
17430            buttonElement.hidden = true;
17431
17432            (this.options.root || document.body).appendChild(buttonElement);
17433            this.button = buttonElement;
17434        }
17435
17436        bindEvents() {
17437            const { signal } = this.abortController;
17438
17439            this.button.addEventListener('click', () => this.scrollToTop(), { signal });
17440            this.button.addEventListener('keydown', (e) => {
17441                if (e.key === 'Enter' || e.key === ' ') {
17442                    e.preventDefault();
17443                    this.scrollToTop();
17444                }
17445            }, { signal });
17446
17447            const onScrollEvent = () => { this.scrollFlag = true; };
17448            const onResizeEvent = () => { this.scrollFlag = true; };
17449
17450            const target = this.scrollContainer;
17451            (target || window).addEventListener('scroll', onScrollEvent, { passive: true, signal });
17452            window.addEventListener('resize', onResizeEvent, { passive: true, signal });
17453
17454            // Handle documentElement scroll for edge cases
17455            if (target === window || target === document || target == null) {
17456                document.addEventListener('scroll', onScrollEvent, { passive: true, signal });
17457            }
17458        }
17459
17460        startAnimationFrameLoop() {
17461            const updateLoop = () => {
17462                if (this.scrollFlag) {
17463                    this.scrollFlag = false;
17464                    this.updateVisibility();
17465                }
17466                this.animationFrameId = window.requestAnimationFrame(updateLoop);
17467            };
17468            this.animationFrameId = window.requestAnimationFrame(updateLoop);
17469        }
17470
17471        getScrollTop() {
17472            const container = this.scrollContainer;
17473            if (!container || container === window || container === document) {
17474                return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
17475            }
17476            return container.scrollTop || 0;
17477        }
17478
17479        updateVisibility() {
17480            if (!this.button) return;
17481
17482            // Hide if container is detached from DOM
17483            if (this.scrollContainer instanceof HTMLElement && !document.contains(this.scrollContainer)) {
17484                this.hideButton();
17485                return;
17486            }
17487
17488            const shouldShowButton = this.getScrollTop() > this.options.threshold;
17489            if (shouldShowButton && !this.isVisible) this.showButton();
17490            else if (!shouldShowButton && this.isVisible) this.hideButton();
17491        }
17492
17493        showButton() {
17494            if (!this.button) return;
17495            this.isVisible = true;
17496            this.button.hidden = false;
17497            this.button.setAttribute('aria-hidden', 'false');
17498            this.button.classList.add(this.options.visibleClass);
17499        }
17500
17501        hideButton() {
17502            if (!this.button) return;
17503            this.isVisible = false;
17504            this.button.classList.remove(this.options.visibleClass);
17505            this.button.setAttribute('aria-hidden', 'true');
17506            this.button.hidden = true;
17507        }
17508
17509        scrollToTop() {
17510            const prefersReducedMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
17511            const smoothScroll = this.options.smooth && !prefersReducedMotion;
17512
17513            const target = this.scrollContainer || window;
17514            const behavior = smoothScroll ? 'smooth' : 'auto';
17515
17516            if (target === window || target === document) {
17517                window.scrollTo({ top: 0, behavior });
17518            } else if (typeof target.scrollTo === 'function') {
17519                target.scrollTo({ top: 0, behavior });
17520            } else {
17521                // Fallback for elements that don't have scrollTo
17522                if (target instanceof HTMLElement) target.scrollTop = 0;
17523                else document.documentElement.scrollTop = 0;
17524            }
17525        }
17526
17527        destroy() {
17528            if (this.animationFrameId) {
17529                cancelAnimationFrame(this.animationFrameId);
17530                this.animationFrameId = null;
17531            }
17532            this.abortController.abort(); // Removes all listeners
17533            if (this.button) {
17534                this.button.remove();
17535                this.button = null;
17536            }
17537            this.isVisible = false;
17538        }
17539    }
17540
17541    const initializeScrollToTop = () => {
17542        if (window.wmScrollToTopInstance instanceof WMScrollToTop) {
17543            window.wmScrollToTopInstance.destroy();
17544        }
17545        window.wmScrollToTopInstance = new WMScrollToTop();
17546    };
17547
17548    if (!globalThis.wmUserInteraction) {
17549        window.addEventListener('wm-user-interaction', initializeScrollToTop, { once: true });
17550    } else {
17551        initializeScrollToTop();
17552    }
17553})();
17554</script>
17554
17555
17556    <!-- @TODO: figure out processing of these, some may potentially be allowed to be deferred -->
17557            
17557<script>/* core/hover-with-parent.js */
17558/**
17559 * Hover propagation barriers.
17560 *
17561 * CSS propagates a component's hover state down to its descendants. A component with
17562 * "hover with parent" disabled (wmcM_noParentHover) opts itself out, but CSS selectors
17563 * cannot express "also opt out my enabled descendants when the propagation originates
17564 * ABOVE me" — the rule is shared by every hovered ancestor and cannot anchor to which
17565 * specific element is the live hover root. So we resolve it at runtime: whenever the
17566 * hover/focus target changes, any wmcM_noParentHover boundary that is NOT itself the
17567 * (or inside the) hovered/focused/preview target gets wmcA_blockHoverPropagation, which
17568 * the CSS excludes from propagation — for the boundary AND, via a descendant combinator,
17569 * its whole subtree.
17570 *
17571 * Example: Shelf (enabled) > Box (wmcM_noParentHover) > Button (enabled)
17572 * - Hover Shelf: Box is blocked, so Shelf's hover does not reach Button.
17573 * - Hover Box:   the cursor is inside Box, so Box is "active" and not blocked; Box's own
17574 *                hover drives Button normally.
17575 * - Hover Button: Button (and Box, which contains the cursor) are active; nothing blocked.
17576 */
17577
17578;(() => {
17579    const BARRIER_CLASS = 'wmcA_blockHoverPropagation';
17580    const NO_PARENT_HOVER_CLASS = 'wmcM_noParentHover';
17581
17582    function init() {
17583        console.debug('hover-with-parent: init');
17584
17585        /** @type {Set<HTMLElement>} Boundaries currently carrying BARRIER_CLASS. */
17586        const blockedComponents = new Set();
17587        let scheduledUpdateId = null;
17588
17589        /**
17590         * Components that should drive hover right now: every .wmc under the cursor,
17591         * every .wmc on the focus path, and every component held in hover state by the
17592         * editor (wmcA_hoverState). Queried live each time so dynamically added/removed
17593         * components (drag & drop in the editor) are always reflected.
17594         * @returns {Set<HTMLElement>}
17595         */
17596        function getActiveComponents() {
17597            const active = new Set(document.querySelectorAll('.wmc:hover, .wmc.wmcA_hoverState'));
17598
17599            const focused = document.activeElement;
17600            if (focused && typeof focused.closest === 'function') {
17601                let el = focused.closest('.wmc');
17602                while (el) {
17603                    active.add(el);
17604                    el = el.parentElement?.closest('.wmc') ?? null;
17605                }
17606            }
17607            return active;
17608        }
17609
17610        function updateBarriers() {
17611            if (scheduledUpdateId !== null) return;
17612
17613            scheduledUpdateId = requestAnimationFrame(() => {
17614                scheduledUpdateId = null;
17615
17616                // Clear the previous round before recomputing.
17617                for (const el of blockedComponents) el.classList.remove(BARRIER_CLASS);
17618                blockedComponents.clear();
17619
17620                const activeComponents = getActiveComponents();
17621                if (activeComponents.size === 0) return;
17622
17623                // For every active component, block the wmcM_noParentHover boundaries beneath
17624                // it that are not themselves active. The CSS descendant combinator
17625                // (`.wmcA_blockHoverPropagation .wmc`) extends each block to the full subtree,
17626                // so we never need to tag descendants individually.
17627                for (const activeComponent of activeComponents) {
17628                    const boundaries = activeComponent.querySelectorAll('.' + NO_PARENT_HOVER_CLASS);
17629                    for (const boundary of boundaries) {
17630                        if (activeComponents.has(boundary)) continue;
17631                        boundary.classList.add(BARRIER_CLASS);
17632                        blockedComponents.add(boundary);
17633                    }
17634                }
17635            });
17636        }
17637
17638        // mouseover/mouseout bubble, so a single delegated pair covers every component —
17639        // present or future — and fires only when the hovered element changes (unlike
17640        // mousemove, which fires on every pixel). focusout is deferred so activeElement
17641        // has settled before we recompute.
17642        document.addEventListener('mouseover', updateBarriers, true);
17643        document.addEventListener('mouseout', updateBarriers, true);
17644        document.addEventListener('focusin', updateBarriers, true);
17645        document.addEventListener('focusout', () => setTimeout(updateBarriers, 0), true);
17646    }
17647
17648    if (!globalThis.wmDevice) {
17649        window.addEventListener('wm-device-ready', init, { once: true });
17650    } else {
17651        init();
17652    }
17653})();
17654</script>
17654
17655            
17655<script>/* columns.js */
17656;(() => {
17657
17658    class WMColumns extends HTMLElement {
17659        /** @type {?number} */
17660        wmHandle;
17661
17662        /** @type {function[]} */
17663        #onDisconnect = [];
17664
17665        connectedCallback() {
17666            const update = () => {
17667                this.updateStyles();
17668            };
17669
17670            window.addEventListener('wm-device-change', update);
17671            this.#onDisconnect.push(() => {
17672                window.removeEventListener('wm-device-change', update);
17673            });
17674
17675            if (document.readyState === 'loading') {
17676                document.addEventListener('DOMContentLoaded', update, { once: true });
17677            } else {
17678                update();
17679            }
17680        }
17681
17682        disconnectedCallback() {
17683            for (const fn of this.#onDisconnect.splice(0, this.#onDisconnect.length)) try {
17684                fn();
17685            } catch (e) {
17686                console.error(e);
17687            }
17688        }
17689
17690        updateStyles() {
17691            if (!this.isConnected) return;
17692
17693            if (this.wmHandle) window.cancelAnimationFrame(this.wmHandle);
17694
17695            this.wmHandle = window.requestAnimationFrame(() => {
17696                /** @type {HTMLElement | null} */
17697                const rootWml = this.querySelector(":scope > .wml");
17698                const device = globalThis.wmDevice || null;
17699                if (!rootWml || !device) {
17700                    this.wmHandle = null;
17701                    return;
17702                }
17703
17704                /** @type {WMCell[]} */
17705                const cells = [...rootWml.querySelectorAll(":scope > wm-cell")];
17706                const gridPositionVar = `--gridPosition${device}`;
17707
17708                cells.sort((a, b) =>
17709                    (parseInt(a.style.getPropertyValue(gridPositionVar), 10) || 0) - (parseInt(b.style.getPropertyValue(gridPositionVar), 10) || 0)
17710                );
17711
17712                const ratios = [];
17713                cells.forEach(cell => {
17714                    const ratio = parseInt(cell.style.getPropertyValue('--columnRatio'), 10) || 1;
17715                    ratios.push(ratio);
17716                });
17717
17718                const sum = ratios.reduce((a, b) => a + b, 0);
17719                const ratiosString = ratios.reduce((a, b) => a + `${b}fr `, '');
17720
17721                this.style.setProperty('--wm_columnsRatios', `${ratiosString.trim()}`);
17722                this.style.setProperty('--wm_columnsRatiosSum', `${sum}`);
17723                this.style.setProperty('--wm_columnsCount', `${ratios.length}`);
17724
17725                console.debug(`columns ratios for "${device}"`);
17726                this.wmHandle = null;
17727            });
17728        }
17729    }
17730
17731    class WMCell extends HTMLElement {
17732        /** @type {string[]} */
17733        static observedAttributes = ['style'];
17734        /** @type {WMColumns} */
17735
17736        attributeChangedCallback(name, oldValue, newValue) {
17737            if (!this.isConnected) return;
17738            const columns = this.closest('wm-columns');
17739            if (!(columns instanceof WMColumns)) return;
17740            columns.updateStyles();
17741        }
17742    }
17743
17744    globalThis.customElements.define('wm-columns', WMColumns);
17745    globalThis.customElements.define('wm-cell', WMCell);
17746    globalThis.WMComponents.WMColumns = WMColumns;
17747    globalThis.WMComponents.WMCell = WMCell;
17748})();
17749</script>
17749
17750            
17750<script>/* menu.js */
17751;(() => {
17752    // Menu CSS class name constants
17753    const MENU_CSS_CLASSES = {
17754        hamburger: 'wmcM_menuHamburger',
17755        horizontal: 'wmcM_menuHorizontal',
17756        vertical: 'wmcM_menuVertical',
17757        mega: 'wmcM_menuMega'
17758    };
17759
17760    // Every menu level is one of these two list-item types.
17761    const MENU_ITEM_SELECTOR = '.navigation-nav--item, .navigation-nav--sub-item';
17762    const POPOVER_HOVER_CLOSE_DELAY_MS = 120;
17763    const POPOVER_HOVER_CLOSE_DELAY_CHAINED_MS = 400;
17764
17765    /**
17766     * Shared base for the overflow strategies. 
17767     */
17768    class OverflowStrategy {
17769        /** @param {WMMenu} menu */
17770        constructor(menu) {
17771            this.menu = menu;
17772        }
17773
17774        prepareReflow() {}
17775
17776        apply() {}
17777
17778        setupCloneSubMenu(cloneTrigger, clonePanel) {}
17779
17780        teardown() {}
17781    }
17782
17783    /** The "active nothing": leave overflowing items exactly where they are. */
17784    class KeepOverflow extends OverflowStrategy {}
17785
17786    /** Collapse overflowing top-level items into a single shared "More" popover. */
17787    class GroupMoreOverflow extends OverflowStrategy {
17788        prepareReflow() {
17789            this.menu.classList.add('wmd_showMoreMenu');
17790        }
17791
17792        apply() {
17793            const menu = this.menu;
17794            const morePopoverId = `hnav-more-${menu.id || 'menu'}`;
17795            const moreMenuText = menu.dataset.moreMenuText ?? 'More';
17796
17797            const mainMenu = menu.querySelector('.navigation-nav--main-menu');
17798            const nav = menu.querySelector('.navigation-nav');
17799            const menuItems = [...mainMenu.querySelectorAll('.navigation-nav--item')].reverse();
17800            const existingMoreTrigger = menu.querySelector('.navigation-nav--more-trigger');
17801            const containerWidth = nav.offsetWidth - (existingMoreTrigger?.offsetWidth || 60);
17802
17803            // Reset all items to visible before re-measuring.
17804            menuItems.forEach((item) => {
17805                if (!item.classList.contains('navigation-nav--more-trigger')) {
17806                    item.style.display = '';
17807                }
17808            });
17809
17810            // Drop the previous build (More trigger + any hoisted panels) before
17811            // reflowing for the current width.
17812            this.teardown();
17813
17814            menuItems.forEach((item) => {
17815                if (item.classList.contains('navigation-nav--more-trigger')) return;
17816
17817                if (mainMenu.offsetWidth > containerWidth) {
17818                    const moreMenu = menu.querySelector('.navigation-nav--more-menu')
17819                        || this._createMoreMenu(morePopoverId);
17820                    const moreTrigger = menu.querySelector('.navigation-nav--more-trigger')
17821                        || this._createMoreTrigger(mainMenu, moreMenuText, morePopoverId);
17822                    this._handleOverflowItem(item, moreMenu, moreTrigger);
17823                } else {
17824                    item.style.display = '';
17825                }
17826            });
17827
17828            menu.wmHandleArrowClick();
17829
17830            const moreTriggerButton = menu.querySelector(
17831                '.navigation-nav--more-trigger button.arrow[popovertarget]'
17832            );
17833            if (moreTriggerButton) {
17834                menu.wmWirePopoverPair(moreTriggerButton, (trigger, panel)=>{
17835                    this.menu.wmMenuRole.positionPanel(trigger, panel)
17836                });
17837            }
17838
17839            menu.classList.remove('wmd_showMoreMenu');
17840        }
17841
17842        /** @protected */
17843        _createMoreMenu(morePopoverId) {
17844            const moreMenu = document.createElement('ul');
17845            moreMenu.className = 'navigation-nav--more-menu navigation-nav--sub-menu';
17846            moreMenu.id = morePopoverId;
17847            moreMenu.setAttribute('popover', 'auto');
17848            return moreMenu;
17849        }
17850
17851        /** @protected */
17852        _createMoreTrigger(mainMenu, moreMenuText, morePopoverId) {
17853            const moreTrigger = document.createElement('li');
17854            moreTrigger.className = 'navigation-nav--item navigation-nav--more-trigger';
17855            moreTrigger.innerHTML = `<a href="#">${moreMenuText}</a><button type="button" class="arrow" popovertarget="${morePopoverId}" aria-label="Toggle ${moreMenuText} sub menu"></button>`;
17856            mainMenu.appendChild(moreTrigger);
17857            return moreTrigger;
17858        }
17859
17860        /** @protected */
17861        _handleOverflowItem(item, moreMenu, moreTrigger) {
17862            const clone = item.cloneNode(true);
17863            clone.classList.remove('navigation-nav--item');
17864            clone.classList.add('navigation-nav--sub-item');
17865
17866            const cloneTrigger = clone.querySelector(':scope > button.arrow[popovertarget]');
17867            const clonePanel = clone.querySelector(':scope > .navigation-nav--sub-menu[popover]');
17868
17869            moreMenu.insertBefore(clone, moreMenu.firstChild);
17870            item.style.display = 'none';
17871            moreTrigger.appendChild(moreMenu);
17872            moreTrigger.style.display = '';
17873
17874            if (cloneTrigger && clonePanel) {
17875                this.setupCloneSubMenu(cloneTrigger, clonePanel);
17876            }
17877        }
17878
17879        setupCloneSubMenu(cloneTrigger, clonePanel) {
17880            clonePanel.removeAttribute('popover');
17881            clonePanel.removeAttribute('id');
17882            clonePanel.classList.remove('navigation-nav--mega-panel');
17883            cloneTrigger.removeAttribute('popovertarget');
17884        }
17885
17886        /**
17887         * Remove what `apply()` built.
17888         */
17889        teardown() {
17890            this.menu.querySelector('.navigation-nav--more-trigger')?.remove();
17891        }
17892    }
17893
17894    /** Mega variant of the "More" overflow.*/
17895    class MegaGroupMoreOverflow extends GroupMoreOverflow {
17896        setupCloneSubMenu(cloneTrigger, clonePanel) {
17897            const clonedPanelId = `${clonePanel.id || 'panel'}--more`;
17898            clonePanel.id = clonedPanelId;
17899            cloneTrigger.setAttribute('popovertarget', clonedPanelId);
17900
17901            const nav = this.menu.querySelector('.navigation-nav');
17902            (nav ?? this.menu).appendChild(clonePanel);
17903
17904            this.menu.wmWirePopoverPair(
17905                cloneTrigger,
17906                (trigger, panel) => this.menu.wmMenuRole.positionPanel(trigger, panel),
17907            );
17908        }
17909
17910        teardown() {
17911            super.teardown();
17912            this.menu.querySelectorAll('.navigation-nav--mega-panel[id$="--more"]').forEach((panel) => {
17913                if (panel.matches(':popover-open')) panel.hidePopover();
17914                panel.remove();
17915            });
17916        }
17917    }
17918
17919    /**
17920     * `MenuRole` is the Null Object base: every hook is a safe default, so a
17921     * role only overrides the behavior it actually has.
17922     * @implements IMenuRole
17923     */
17924    class MenuRole {
17925        /** @param {WMMenu} menu */
17926        constructor(menu) {
17927            /** @readonly */
17928            this.menu = menu;
17929            this.overflow = this._createOverflow();
17930        }
17931
17932        /** @returns {'hamburger' | 'mega' | 'horizontal' | 'vertical' | 'none'} */
17933        get name() {
17934            return 'none';
17935        }
17936
17937        /** @protected */
17938        _createOverflow() {
17939            return new KeepOverflow(this.menu);
17940        }
17941
17942        syncPanels() {
17943            this.menu.wmDemoteTopLevelPanels();
17944        }
17945
17946        setupInteractions() {}
17947
17948        teardown() {
17949            this.overflow.teardown();
17950        }
17951
17952        positionPanel(trigger, panel) {}
17953
17954        prepareReflow() {
17955            this.overflow.prepareReflow();
17956        }
17957
17958        handleOverflow() {
17959            this.overflow.apply();
17960        }
17961
17962        addParentElements() {}
17963
17964        addBackButtons() {}
17965
17966        setupHoverFlip() {}
17967
17968        adjustSubMenuPosition() {}
17969
17970        onItemToggled(arrowWrapper, isOpening) {}
17971
17972        onOutsideClick(e) {
17973            if (e.target.tagName === 'A' && e.target.getAttribute('href') === '#') {
17974                e.preventDefault();
17975            }
17976
17977            if (!this.menu.contains(e.target)) {
17978                this.menu
17979                    .querySelectorAll('.navigation-nav--item.open, .navigation-nav--sub-item.open')
17980                    .forEach((item) => item.classList.remove('open'));
17981            }
17982        }
17983    }
17984
17985
17986    // FIXME: This likely at one point will need to be broken out into a
17987    //  HorizontalLikeRole and a HorizontalRole. Megamenu overrides and doesn't
17988    //  Call some of the set up menus that Megamenu can, and this is already
17989    //  A Divergence that Inheritance will not handle cleanly.
17990    //  Either the roles will need to explicit about their behavior,
17991    //  Or further roles need to be made to compose this Actor's behavior.
17992    class HorizontalRole extends MenuRole {
17993        get name() {
17994            return 'horizontal';
17995        }
17996
17997        syncPanels() {
17998            this.menu.wmPromoteTopLevelPanels();
17999        }
18000
18001        setupInteractions() {
18002            this.menu.wmSetupPopoverMenu(
18003                '.navigation-nav--item > button.arrow[popovertarget]',
18004                (trigger, panel) => this.positionPanel(trigger, panel),
18005            );
18006        }
18007
18008        // CODE SMELL: Overrides, is Overriden
18009        positionPanel(trigger, panel) {
18010            const item = trigger.closest('.navigation-nav--item');
18011            if (!item) return;
18012            const rect = item.getBoundingClientRect();
18013            const ownerWindow = this.menu.ownerDocument.defaultView ?? window;
18014            const viewportWidth = ownerWindow.innerWidth || document.documentElement.clientWidth;
18015            let left = Math.round(rect.left);
18016            if (panel.matches(':popover-open')) {
18017                left = Math.max(0, Math.min(left, viewportWidth - panel.offsetWidth));
18018            }
18019            panel.style.setProperty('--horizontalNavSubPanelTriggerTop', `${Math.round(rect.bottom)}px`);
18020            panel.style.setProperty('--horizontalNavSubPanelTriggerLeft', `${left}px`);
18021        }
18022
18023        /** @protected
18024         * CODE SMELL: Overrides, is Overriden
18025         */
18026        _createOverflow() {
18027            return this.menu.dataset.moreMenu === 'true'
18028                ? new GroupMoreOverflow(this.menu)
18029                : super._createOverflow();
18030        }
18031
18032        // CODE SMELL: Overrides, is Overriden
18033        setupHoverFlip() {
18034            this.menu.wmSetupHoverFlip();
18035        }
18036
18037        teardown() {
18038            super.teardown();
18039            this.menu.wmTeardownHoverFlip();
18040        }
18041
18042        // CODE SMELL: Overrides, is Overriden
18043        adjustSubMenuPosition() {
18044            this.menu.wmAdjustSubMenuPosition();
18045        }
18046
18047        /**
18048         * Horizontal only injects a parent *link* when explicitly opted in.
18049         * CODE SMELL: Overrides, is Overriden
18050         */
18051        addParentElements() {
18052            if (this.menu.getAttribute('data-parent-menu-to-submenu') === 'true') {
18053                this.menu.wmInsertParentRows({ includeTitle: false });
18054            }
18055        }
18056    }
18057
18058    class MegaRole extends HorizontalRole {
18059        get name() {
18060            return 'mega';
18061        }
18062
18063        positionPanel(trigger, panel) {
18064            if (panel.matches('.navigation-nav--more-menu')) {
18065                super.positionPanel(trigger, panel);
18066                return;
18067            }
18068
18069            const moreMenu = trigger.closest('.navigation-nav--more-menu');
18070            const anchor = moreMenu ?? this.menu.querySelector('.navigation-nav--main-menu') ?? trigger;
18071            const rect = anchor.getBoundingClientRect();
18072            if (rect.width === 0 && rect.height === 0) return;
18073            panel.style.setProperty('--megaNavPanelTriggerTop', `${Math.round(rect.bottom)}px`);
18074        }
18075
18076        /**
18077         * @override
18078         * @protected
18079         */
18080        _createOverflow() {
18081            return this.menu.dataset.moreMenu === 'true'
18082                ? new MegaGroupMoreOverflow(this.menu)
18083                : super._createOverflow();
18084        }
18085
18086        setupHoverFlip() {}
18087
18088        adjustSubMenuPosition() {}
18089
18090        addParentElements() {}
18091    }
18092
18093    /**
18094     * Drill-in layouts (hamburger + vertical) present every level inline and
18095     * slide between them, resizing the drawer. 
18096     */
18097    class DrillInRole extends MenuRole {
18098        addParentElements() {
18099            this.menu.wmInsertParentRows({ includeTitle: true });
18100        }
18101
18102        addBackButtons() {
18103            this.menu.wmAddBackButtons();
18104        }
18105
18106        onItemToggled(arrowWrapper, isOpening) {
18107            if (!isOpening) return;
18108            const subMenu = arrowWrapper.querySelector('.navigation-nav--sub-menu');
18109            if (subMenu) this.menu.wmAdjustNavigationHeight(subMenu);
18110        }
18111
18112        // FIXME: Add All Shared Drilling behaviors from WmMenu
18113    }
18114
18115    class HamburgerRole extends DrillInRole {
18116        get name() {
18117            return 'hamburger';
18118        }
18119
18120        onOutsideClick() {}
18121
18122        // FIXME: Migrate all Unique Behaviors to the Hamburger Menu Roles
18123        //  From WMMenu to here
18124    }
18125
18126    class VerticalRole extends DrillInRole {
18127        get name() {
18128            return 'vertical';
18129        }
18130
18131        // FIXME: Migrate all Unique Behaviors to the Vertical Menu Roles
18132        //  From WMMenu to here
18133    }
18134
18135    class WMMenu extends HTMLElement {
18136        /** @type {number} */
18137        wmResizeTimer;
18138        /** @type {number} */
18139        wmScrollTop = 0;
18140        /** @type {number} */
18141        wmTouchStartTime = 0;
18142
18143        /** @type { [function] } */
18144        #onDisconnect = [];
18145        /** @type { [function] } */
18146        #onCleanup = [];
18147        /** @type {boolean | undefined} */
18148        #isTouch;
18149
18150        /**
18151         * The role for the type this menu is currently morphed into. Resolved in
18152         * `_init` and re-resolved whenever the viewport changes the type class.
18153         *
18154         * @type {MenuRole}
18155         */
18156        #role = new MenuRole(this);
18157
18158        #menuCssClasses = { ...MENU_CSS_CLASSES };
18159
18160        connectedCallback() {
18161            this._init();
18162            const resize = () => {
18163                this._resize();
18164            };
18165            const deviceChange = () => {
18166                this._init();
18167            };
18168
18169            const deviceReady = () => {
18170                this._init();
18171            };
18172
18173            // 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
18174            const { ownerDocument: { defaultView: window } } = this;
18175            window.addEventListener('resize', resize);
18176            window.addEventListener('wm-device-change', deviceChange);
18177            window.addEventListener('wm-device-ready', deviceReady, { once: true });
18178            this.#onDisconnect.push(() => {
18179                window.removeEventListener('resize', resize);
18180                window.removeEventListener('wm-device-change', deviceChange);
18181                window.removeEventListener('wm-device-ready', deviceReady);
18182            });
18183        }
18184
18185        disconnectedCallback() {
18186            this._cleanup();
18187            for (const fn of this.#onDisconnect.splice(0, this.#onDisconnect.length)) try {
18188                fn();
18189            } catch (e) {
18190                console.error(e);
18191            }
18192        }
18193
18194        reinitialize() {
18195            console.debug(`reinitialize menu ${this.id}`);
18196            this._init();
18197        }
18198
18199        /**
18200         *
18201         * @returns {boolean}
18202         * @protected
18203         */
18204        _isHorizontal() {
18205            return this.classList.contains(this.#menuCssClasses.horizontal);
18206        }
18207
18208        /**
18209         *
18210         * @returns {boolean}
18211         * @protected
18212         */
18213        _isHamburger() {
18214            return this.classList.contains(this.#menuCssClasses.hamburger);
18215        }
18216
18217        /**
18218         *
18219         * @returns {boolean}
18220         * @protected
18221         */
18222        _isMega() {
18223            return this.classList.contains(this.#menuCssClasses.mega);
18224        }
18225
18226        /**
18227         * @public
18228         */
18229        getMenuType() {
18230            return this.#role.name
18231        }
18232
18233        /**
18234         * Factory for the role matching the menu's current type class. Mirrors
18235         * the precedence used by `getMenuType()`.
18236         *
18237         * @returns {MenuRole}
18238         * @protected
18239         */
18240        _resolveRole() {
18241            if (this._isHamburger()) return new HamburgerRole(this);
18242            if (this._isMega()) return new MegaRole(this);
18243            if (this._isHorizontal()) return new HorizontalRole(this);
18244            return new VerticalRole(this);
18245        }
18246
18247        get wmMenuRole () {
18248            return this.#role;
18249        }
18250
18251        /**
18252         * Open or close a specific popover panel, regardless of the layout (horizontal/mega/Hamburger layouts) the
18253         * menu is currently morphed into.
18254         *
18255         * @param {HTMLElement | null} panel sub-menu / mega-panel / hamburger drawer element
18256         * @param {boolean} open
18257         * @param {HTMLElement | null} [source] invoking trigger
18258         * @public
18259         */
18260        setPanelOpen(panel, open, source = null) {
18261            if (!panel || !panel.isConnected || !panel.hasAttribute('popover')) return;
18262            panel.togglePopover(source ? { force: open, source } : open);
18263        }
18264
18265        /** @protected */
18266        _init() {
18267            this._cleanup();
18268            this._applyClassesViewportPrefix();
18269            this.#role = this._resolveRole();
18270            this.#role.syncPanels();
18271            this.#role.addParentElements();
18272            this.#role.addBackButtons();
18273            // FIXME: Move to the Hamburger Role
18274            this._toggleHamburgerMenu();
18275            // FIXME: Move to the Hamburger Role
18276            this._handleSamePageClicks();
18277            this._setupMenuObservers();
18278            this.wmHandleArrowClick();
18279            this.#role.setupInteractions();
18280            this._resize();
18281        }
18282
18283        /** @protected */
18284        _applyClassesViewportPrefix() {
18285            const { hamburger, horizontal, vertical, mega } = MENU_CSS_CLASSES;
18286            const device = globalThis.wmDevice ?? 'Desktop';
18287            this.#menuCssClasses = {
18288                hamburger: `${hamburger}${device}`,
18289                horizontal: `${horizontal}${device}`,
18290                vertical: `${vertical}${device}`,
18291                mega: `${mega}${device}`
18292            };
18293        }
18294
18295        /**
18296         * Top-level sub-menus the server renders with a neutral `id`; popover
18297         * roles wire the `popover`/`popovertarget` markup at runtime per
18298         * viewport.
18299         *
18300         * @returns {NodeListOf<HTMLElement>}
18301         * @protected
18302         */
18303        _topLevelPanels() {
18304            return this.querySelectorAll(
18305                '.navigation-nav--item > .navigation-nav--sub-menu[id]:not(.navigation-nav--more-menu)'
18306            );
18307        }
18308
18309        /** Promote top-level sub-menus into hover-opened popover panels.
18310         */
18311        wmPromoteTopLevelPanels() {
18312            this._topLevelPanels().forEach((panel) => {
18313                const trigger = panel.parentElement.querySelector(':scope > button.arrow');
18314                panel.setAttribute('popover', 'auto');
18315                panel.classList.add('navigation-nav--mega-panel');
18316                trigger?.setAttribute('popovertarget', panel.id);
18317            });
18318        }
18319
18320        /** Strip popover markup so sub-menus present inline (drill-in).
18321         */
18322        wmDemoteTopLevelPanels() {
18323            this._topLevelPanels().forEach((panel) => {
18324                const trigger = panel.parentElement.querySelector(':scope > button.arrow');
18325                if (panel.hasAttribute('popover')) panel.togglePopover(false);
18326                panel.removeAttribute('popover');
18327                trigger?.removeAttribute('popovertarget');
18328            });
18329        }
18330
18331        /** @protected */
18332        _resetMenuItemsDisplay() {
18333            // Reset all menu items to visible (clears display:none from horizontal menu overflow)
18334            this.querySelectorAll('.navigation-nav--item').forEach((item) => {
18335                if (!item.classList.contains('navigation-nav--more-trigger')) {
18336                    item.style.removeProperty('display');
18337                }
18338            });
18339        }
18340
18341        /** @protected */
18342        _resetMenuInlineStyles() {
18343            // Clear display styles from menu items
18344            this._resetMenuItemsDisplay();
18345
18346            // Clear inline heights set by hamburger/vertical menus
18347            const navigationNav = this.querySelector('.navigation-nav');
18348            if (navigationNav) {
18349                navigationNav.style.removeProperty('height');
18350            }
18351        }
18352
18353        /** @protected */
18354        _cleanup = () => {
18355            this.#role.teardown();
18356
18357            for (const fn of this.#onCleanup.splice(0, this.#onCleanup.length)) try {
18358                fn();
18359            } catch (e) {
18360                console.error(e);
18361            }
18362
18363            if (this.wmResizeTimer) clearTimeout(this.wmResizeTimer);
18364
18365            // FIXME: This belongs to the Role's teardown
18366            const hamburgerPopover = this.querySelector('.navigation-module-container[popover]');
18367            if (hamburgerPopover) {
18368                this._setHamburgerPopover(hamburgerPopover, false);
18369            }
18370
18371            for (const el of this.querySelectorAll('.active')) {
18372                el.classList.remove('active');
18373            }
18374            for (const el of this.querySelectorAll('.open')) {
18375                el.classList.remove('open');
18376            }
18377
18378            /** @type {NodeListOf<HTMLElement>} */
18379            const delayedElements = this.querySelectorAll('[style*="--item-delay"]');
18380            for (const el of delayedElements) {
18381                el.style.removeProperty('--item-delay');
18382            }
18383
18384            // FIXME: This belongs to the Role's Teardown.
18385            // Clean up hamburger button event listener
18386            this.querySelector('.hamburger-button')?.removeEventListener(
18387                'click',
18388                this._hamburgerClickHandler
18389            );
18390
18391            this._resetMenuInlineStyles();
18392        };
18393
18394        /** @protected */
18395        _resize = () => {
18396            this.#role.prepareReflow();
18397            clearTimeout(this.wmResizeTimer);
18398            this.wmResizeTimer = setTimeout(() => {
18399                this.#role.handleOverflow();
18400            }, 50);
18401        };
18402
18403        /**
18404         * FIXME: This belongs in the Drill Behavior in Providers.
18405         * Insert a parent link row (and, for drill-in layouts, a parent title
18406         * row) at the top of every sub-menu so the parent stays reachable once
18407         * the sub-menu replaces it. Invoked by the role's `addParentElements()`.
18408         *
18409         * @param {{ includeTitle: boolean }} options
18410         */
18411        wmInsertParentRows({ includeTitle }) {
18412            const items = [
18413                ...this.querySelectorAll('.navigation-nav--item'),
18414                ...this.querySelectorAll('.navigation-nav--sub-item')
18415            ];
18416
18417            this._addParentElement(items, 'link');
18418
18419            if (includeTitle) {
18420                this._addParentElement(items, 'title');
18421            }
18422        }
18423
18424        /**
18425         * @param {HTMLElement[]} items
18426         * @param {'link' | 'title'} type
18427         * @protected
18428         */
18429        _addParentElement(items, type = 'link') {
18430            items.forEach(item => {
18431                const subMenu = item.querySelector('.navigation-nav--sub-menu');
18432                if (!subMenu) return;
18433
18434                // Check if parent element already exists
18435                const existingParentElement = subMenu.querySelector(
18436                    type === 'link' ? '.navigation-nav--sub-item' : '.navigation-nav--parent-title'
18437                );
18438                if (existingParentElement) return; // Skip if already exists
18439
18440                const parentLink = item.querySelector('a');
18441                if (!parentLink) return; // Folder items may have no link.
18442                const parentTitle = parentLink.textContent;
18443                const parentHref = parentLink.getAttribute('href');
18444
18445                // Create appropriate element based on type
18446                const element = type === 'link'
18447                    ? `<li class="navigation-nav--sub-item"><a href="${parentHref}">${parentTitle}</a></li>`
18448                    : `<li class="navigation-nav--parent-title"><a href="${parentHref}">${parentTitle}</a><span></span></li>`;
18449
18450                subMenu.insertAdjacentHTML('afterbegin', element);
18451            });
18452        }
18453
18454        /**
18455         * FIXME: This should be part of the Drill in Roles.
18456         * Drill-in only (wired by `DrillInRole.addBackButtons()`).
18457         */
18458        wmAddBackButtons() {
18459            let touchStartTime = 0;
18460
18461            this.querySelectorAll('.navigation-nav--sub-menu').forEach(subMenu => {
18462                // Skip if back button already exists
18463                if (subMenu.querySelector('.navigation-nav--back')) return;
18464
18465                const backButton = this._createBackButton();
18466                subMenu.insertBefore(backButton, subMenu.firstChild);
18467
18468                // Set back button event with touch device handling
18469                const backButtonLink = backButton.querySelector('a');
18470
18471                const handleClick = (e) => {
18472                    this._handleBackButtonClick(e, subMenu);
18473                };
18474
18475                if (this._isTouchDevice()) {
18476                    backButtonLink.addEventListener('touchstart', (e) => {
18477                        e.preventDefault();
18478                        touchStartTime = Date.now();
18479                    });
18480
18481                    backButtonLink.addEventListener('touchend', (e) => {
18482                        e.preventDefault();
18483                        if ((Date.now() - touchStartTime) < 2000) {
18484                            handleClick(e);
18485                        }
18486                    });
18487                } else {
18488                    backButtonLink.addEventListener('click', handleClick);
18489                }
18490            });
18491        }
18492
18493        /**
18494         * FIXME: This should be part of the Drill in Roles.
18495         * @protected
18496         * */
18497        _createBackButton() {
18498            const backButton = document.createElement('li');
18499            backButton.className = 'navigation-nav--back';
18500            backButton.innerHTML = '<a href="#">Back</a>';
18501            return backButton;
18502        }
18503
18504        /**
18505         * FIXME: This should be part of the Drill in Roles.
18506         * @protected
18507         * @param {MouseEvent} e
18508         * @param {HTMLElement} subMenu
18509         */
18510        _handleBackButtonClick(e, subMenu) {
18511            e.preventDefault();
18512            const parentItem = subMenu.closest(MENU_ITEM_SELECTOR);
18513            if (!parentItem) return;
18514
18515            parentItem.classList.remove('open');
18516
18517            // Back buttons only exist in drill-in layouts, so shrink the drawer
18518            // back to the parent level.
18519            const parentUl = subMenu.parentElement.closest('ul');
18520            if (parentUl) {
18521                this.wmAdjustNavigationHeight(parentUl);
18522            }
18523        }
18524
18525        /**
18526         * FIXME: This is part of Drill In Behavior Currently
18527         * @param {HTMLElement} parentUl
18528         */
18529        wmAdjustNavigationHeight(parentUl) {
18530            const navigationNav = this.querySelector('.navigation-nav');
18531            const { paddingTop, paddingBottom } = getComputedStyle(navigationNav);
18532            const parentHeight = parentUl.offsetHeight + parseInt(paddingTop) + parseInt(paddingBottom);
18533            navigationNav.style.height = `${parentHeight}px`;
18534        }
18535
18536        /**
18537         * @protected
18538         * FIXME: Move to the Hamburger Role Tear down and cleanup!
18539         */
18540        _toggleHamburgerMenu() {
18541            const button = this.querySelector('.hamburger-button');
18542            if (!button) return;
18543
18544            // Ensure the button type is set to prevent form submission
18545            button.type = 'button';
18546
18547            // Remove any existing event listener
18548            button.removeEventListener('click', this._hamburgerClickHandler);
18549
18550            // Add the event listener
18551            button.addEventListener('click', this._hamburgerClickHandler);
18552        }
18553
18554        /** @protected
18555         * FIXME: Move to the Hamburger Role!
18556         */
18557        _handleSamePageClicks() {
18558            this.addEventListener('click', this.#closeThenNavigate);
18559            this.#onCleanup.push(() => {
18560                this.removeEventListener('click', this.#closeThenNavigate);
18561            });
18562        }
18563
18564        /**
18565         *
18566         * FIXME: Move to the Hamburger Role!
18567         * @protected
18568         * @readonly
18569         * @param {MouseEvent} e
18570         * @return {void}
18571         */
18572        _hamburgerClickHandler = (e) => {
18573            e.preventDefault();
18574            e.stopPropagation();
18575            /** @type {HTMLButtonElement} */
18576            const button = e.target.closest('.hamburger-button');
18577            const navContainer = this.querySelector('.navigation-module-container');
18578            if (!navContainer) return;
18579
18580            const isHamburger = this._isHamburger();
18581            const mainMenuUl = this.querySelector('.navigation-nav--main-menu');
18582            const main = document.querySelector('main');
18583            const parentSection = this.closest('.wmc_section');
18584            const isInMovedSection = parentSection?.classList.contains('wmc_section_sticky_state') ?? false;
18585            const isOpening = !navContainer.classList.contains('active');
18586
18587            if (isOpening) {
18588                this.wmScrollTop = window.scrollY;
18589
18590                if (isInMovedSection) {
18591                    // Freeze the body in place and offset it by the saved scroll.
18592                    document.documentElement.style.setProperty('--wm_scrollTop', `-${this.wmScrollTop}px`);
18593                    document.documentElement.classList.add('full_screen_open_body_fixed');
18594                } else {
18595                    main?.style.setProperty('--wm_scrollTop', `${this.wmScrollTop}px`);
18596                }
18597
18598                const isScaled = main ? getComputedStyle(main).getPropertyValue('--wm_scale') !== '1' : false;
18599                this.style.setProperty(
18600                    '--wm_scrollTopNav',
18601                    isInMovedSection ? '0px' : `${isScaled ? this.wmScrollTop : 0}px`,
18602                );
18603
18604                button?.classList.add('active');
18605                navContainer.classList.add('active');
18606
18607                if (isHamburger) this._setHamburgerPopover(navContainer, true);
18608            } else {
18609                this._setHamburgerPopover(navContainer, false);
18610                button?.classList.remove('active');
18611                navContainer.classList.remove('active');
18612
18613                if (isInMovedSection) {
18614                    document.documentElement.classList.remove('full_screen_open_body_fixed');
18615                    document.documentElement.style.removeProperty('--wm_scrollTop');
18616                    window.scrollTo(0, this.wmScrollTop);
18617                } else {
18618                    window.scrollTo(0, this.wmScrollTop);
18619                    main?.style.setProperty('--wm_scrollTop', '0px');
18620                }
18621                this.style.setProperty('--wm_scrollTopNav', '0px');
18622            }
18623
18624            if (mainMenuUl) {
18625                const menuItems = mainMenuUl.querySelectorAll(':scope > li');
18626
18627                if (isOpening) {
18628                    menuItems.forEach((item, index) => {
18629                        item.style.setProperty('--item-delay', `${0.5 + (index * 0.04)}s`);
18630                    });
18631
18632                    setTimeout(() => {
18633                        mainMenuUl.classList.add('start-animation');
18634                    }, 50);
18635                    // Calculate total animation duration and remove delay after completion
18636                    const totalDelay = 0.5 + ((menuItems.length - 1) * 0.04);
18637                    const transitionDuration = 0.3; // From CSS transition: all 0.3s ease
18638                    const totalAnimationTime = (totalDelay + transitionDuration) * 1000;
18639
18640                    setTimeout(() => {
18641                        menuItems.forEach((item) => {
18642                            item.style.removeProperty('--item-delay');
18643                        });
18644                    }, totalAnimationTime);
18645                } else {
18646                    mainMenuUl.classList.remove('start-animation');
18647                    menuItems.forEach((item) => {
18648                        item.style.removeProperty('--item-delay');
18649                    });
18650                }
18651            }
18652
18653            if (isHamburger) {
18654                const navElement = this.querySelector('.navigation-nav');
18655                if (navElement && mainMenuUl) {
18656                    navElement.style.height = `${mainMenuUl.offsetHeight}px`;
18657                }
18658                this.querySelectorAll('.open').forEach(item => item.classList.remove('open'));
18659            }
18660        };
18661
18662        /**
18663         * Promote/demote the hamburger drawer to the top layer via the Popover
18664         * API.
18665         * // FIXME: Move to Hamburger Role
18666         *
18667         * @param {HTMLElement} container
18668         * @param {boolean} open
18669         * @protected
18670         */
18671        _setHamburgerPopover(container, open) {
18672            if (open) {
18673                container.setAttribute('popover', 'manual');
18674                container.togglePopover(open);
18675            } else {
18676                if (container.hasAttribute('popover')) container.togglePopover(open);
18677                container.removeAttribute('popover');
18678            }
18679        }
18680
18681        /** @protected */
18682        _setupMenuObservers() {
18683            // Only horizontal and mega menus reflow into a "More" overflow, and both share the same container markup.
18684            const resizeSelectors = [
18685                '.navigation-module-container',
18686                '.navigation-nav--main-menu'
18687            ];
18688
18689            const resizeObserver = new ResizeObserver(entries => {
18690                if (!entries.length) return;
18691                this._resize();
18692            });
18693
18694            resizeSelectors.forEach(selector => {
18695                this.querySelectorAll(selector).forEach(element => {
18696                    resizeObserver.observe(element);
18697                });
18698            });
18699        }
18700
18701        /**
18702         * @protected
18703         * This might need to be made public, or a function that can be just called.
18704         */
18705        _isTouchDevice() {
18706            this.#isTouch ??= ('ontouchstart' in window)
18707                || (navigator.maxTouchPoints > 0)
18708                || (navigator.msMaxTouchPoints > 0);
18709            return this.#isTouch;
18710        }
18711
18712        // FIXME: Add this to the Hamburger Role.
18713        #closeThenNavigate = (event) => {
18714            // Only the hamburger drawer covers the page, so it is the only
18715            // layout that must close before an in-page anchor can be reached.
18716            if (!this._isHamburger()) return;
18717            /** @type {HTMLAnchorElement|null} */
18718            const targetAnchor = event.target.closest('a');
18719            if (!targetAnchor) return;
18720            const linkUrl = new URL(targetAnchor.href, window.location.origin);
18721            if (linkUrl.pathname !== window.location.pathname) return;
18722            if (!linkUrl.hash) return;
18723            const targetElement = document.querySelector(linkUrl.hash);
18724            if (!targetElement) return;
18725            event.preventDefault();
18726            // Route through the hamburger button so the drawer popover is
18727            // dismissed via `_hamburgerClickHandler`, which also unwinds the
18728            // body scroll lock and restores the saved scroll position before
18729            // we jump to the anchor target.
18730            this.querySelector('.hamburger-button')?.click?.();
18731            targetElement.scrollIntoView({ behavior: 'instant' });
18732        };
18733
18734        #outsideClickHandler = (e) => {
18735            this.#role.onOutsideClick(e);
18736        };
18737
18738        #handleClick = (e) => {
18739            e.preventDefault();
18740            const arrowWrapper = e.target.closest(MENU_ITEM_SELECTOR);
18741            if (arrowWrapper) {
18742                this._toggleMenuItem(arrowWrapper);
18743                this.#role.adjustSubMenuPosition();
18744            }
18745        };
18746
18747        #handleTouchStart = (e) => {
18748            e.preventDefault();
18749            this.wmTouchStartTime = Date.now();
18750        };
18751
18752        #handleTouchEnd = (e) => {
18753            e.preventDefault();
18754            if ((Date.now() - this.wmTouchStartTime) < 2000) {
18755                this.#handleClick(e);
18756            }
18757        };
18758
18759        #flipOnHover = (e) => {
18760            this._flipSubItemSubMenu(e.currentTarget);
18761        };
18762
18763        wmHandleArrowClick() {
18764            this._setupEventHandlers();
18765            this.#role.setupHoverFlip();
18766
18767            document.removeEventListener('touchend', this.#outsideClickHandler);
18768            document.removeEventListener('click', this.#outsideClickHandler);
18769
18770            const eventType = this._isTouchDevice() ? 'touchend' : 'click';
18771            document.addEventListener(eventType, this.#outsideClickHandler);
18772        };
18773
18774        /**
18775         * FIXME: Move to Horizontal Role
18776         * Horizontal only (wired by `HorizontalRole.setupHoverFlip()`).
18777         */
18778        wmSetupHoverFlip() {
18779            this.querySelectorAll('.navigation-nav--sub-item').forEach((item) => {
18780                item.removeEventListener('mouseenter', this.#flipOnHover);
18781                item.addEventListener('mouseenter', this.#flipOnHover);
18782            });
18783        }
18784
18785        /**
18786         * FIXME: Move to Horizontal Role. Not sure if This should be called a
18787         *  Keep on Screen Strategy.
18788         * Remove the hover-flip listeners added by `_setupHoverFlip`.
18789         */
18790        wmTeardownHoverFlip() {
18791            this.querySelectorAll('.navigation-nav--sub-item').forEach((item) => {
18792                item.removeEventListener('mouseenter', this.#flipOnHover);
18793            });
18794        }
18795
18796        /**
18797         * @param {string} triggerSelector
18798         * @param {(trigger: HTMLElement, panel: HTMLElement) => void} positionPanel
18799         */
18800        wmSetupPopoverMenu(triggerSelector, positionPanel) {
18801            this.querySelectorAll(triggerSelector).forEach((trigger) => {
18802                this.wmWirePopoverPair(trigger, positionPanel);
18803            });
18804        }
18805
18806        /**
18807         * Bind hover/focus open + grace close on a popover trigger/panel pair.
18808         * `positionPanel` writes the anchor custom properties used by CSS.
18809         *
18810         * @param {HTMLElement} trigger
18811         * @param {(trigger: HTMLElement, panel: HTMLElement) => void} positionPanel
18812         */
18813        wmWirePopoverPair(trigger, positionPanel) {
18814            const panelId = trigger.getAttribute('popovertarget');
18815            if (!panelId) return;
18816            const panel = this.querySelector(`#${CSS.escape(panelId)}`);
18817            if (!panel) return;
18818            const triggerItem = trigger.closest(MENU_ITEM_SELECTOR);
18819            if (!triggerItem) return;
18820
18821            const isTouch = this._isTouchDevice();
18822            const ownerWindow = this.ownerDocument.defaultView ?? window;
18823            /** @type {number | undefined} */
18824            let closeTimer;
18825
18826            const cancelClose = () => {
18827                if (closeTimer !== undefined) {
18828                    clearTimeout(closeTimer);
18829                    closeTimer = undefined;
18830                }
18831            };
18832            const reposition = () => positionPanel(trigger, panel);
18833            const startTracking = () => {
18834                ownerWindow.addEventListener('scroll', reposition, { passive: true });
18835                ownerWindow.addEventListener('resize', reposition);
18836            };
18837            const stopTracking = () => {
18838                ownerWindow.removeEventListener('scroll', reposition);
18839                ownerWindow.removeEventListener('resize', reposition);
18840            };
18841
18842            const openPanel = () => {
18843                cancelClose();
18844                positionPanel(trigger, panel);
18845                this.setPanelOpen(panel, true, trigger);
18846            };
18847
18848            const closePanel = () => {
18849                this.setPanelOpen(panel, false);
18850            };
18851
18852            const hasOpenChildPopover = () => {
18853                for (const inv of panel.querySelectorAll('[popovertarget]')) {
18854                    const id = inv.getAttribute('popovertarget');
18855                    const target = id && this.querySelector(`#${CSS.escape(id)}`);
18856                    if (target && target.matches(':popover-open')) return true;
18857                }
18858                return false;
18859            };
18860
18861            const isStructurallyChained = !!trigger.closest('[popover]');
18862
18863            const scheduleClose = () => {
18864                cancelClose();
18865                const delay = isStructurallyChained
18866                    ? POPOVER_HOVER_CLOSE_DELAY_CHAINED_MS
18867                    : POPOVER_HOVER_CLOSE_DELAY_MS;
18868                closeTimer = setTimeout(() => {
18869                    closeTimer = undefined;
18870                    if (
18871                        triggerItem.matches(':hover')
18872                        || panel.matches(':hover')
18873                        || panel.contains(document.activeElement)
18874                    ) return;
18875                    // Defer closing while a chained child popover is still open.
18876                    if (hasOpenChildPopover()) {
18877                        scheduleClose();
18878                        return;
18879                    }
18880                    closePanel();
18881                }, delay);
18882            };
18883
18884            if (!isTouch) {
18885                triggerItem.addEventListener('mouseenter', openPanel);
18886                trigger.addEventListener('focus', openPanel);
18887                panel.addEventListener('mouseenter', cancelClose);
18888
18889                if (!isStructurallyChained) {
18890                    triggerItem.addEventListener('mouseleave', scheduleClose);
18891                }
18892                panel.addEventListener('mouseleave', scheduleClose);
18893            }
18894
18895            const handleToggle = (event) => {
18896                if (event.newState === 'open') {
18897                    positionPanel(trigger, panel);
18898                    startTracking();
18899                } else {
18900                    stopTracking();
18901                }
18902            };
18903            panel.addEventListener('toggle', handleToggle);
18904
18905            this.#onCleanup.push(() => {
18906                cancelClose();
18907                closePanel();
18908                triggerItem.removeEventListener('mouseenter', openPanel);
18909                trigger.removeEventListener('focus', openPanel);
18910                panel.removeEventListener('mouseenter', cancelClose);
18911                triggerItem.removeEventListener('mouseleave', scheduleClose);
18912                panel.removeEventListener('mouseleave', scheduleClose);
18913                panel.removeEventListener('toggle', handleToggle);
18914                stopTracking();
18915            });
18916        }
18917
18918        /** @protected */
18919        _setupEventHandlers() {
18920            const arrows = this.querySelectorAll('.arrow');
18921
18922            arrows.forEach(arrow => {
18923
18924                // Popover triggers (horizontal/mega top-level buttons) are wired
18925                // separately via the Popover API, not the drill-in click handler.
18926                if (arrow.tagName === 'BUTTON' && arrow.hasAttribute('popovertarget')) return;
18927
18928                arrow.removeEventListener('touchstart', this.#handleTouchStart);
18929                arrow.removeEventListener('touchend', this.#handleTouchEnd);
18930                arrow.removeEventListener('click', this.#handleClick);
18931
18932                if (this._isTouchDevice()) {
18933                    arrow.addEventListener('touchstart', this.#handleTouchStart);
18934                    arrow.addEventListener('touchend', this.#handleTouchEnd);
18935                } else {
18936                    arrow.addEventListener('click', this.#handleClick);
18937                }
18938            });
18939        };
18940
18941
18942        /** @protected */
18943        _toggleMenuItem(arrowWrapper) {
18944            const parent = arrowWrapper.parentElement;
18945            const siblings = parent.querySelectorAll(MENU_ITEM_SELECTOR);
18946
18947            // Close other items at the same level
18948            siblings.forEach(sibling => {
18949                if (sibling !== arrowWrapper) {
18950                    sibling.classList.remove('open');
18951                }
18952            });
18953
18954            const isCurrentlyOpen = arrowWrapper.classList.contains('open');
18955            arrowWrapper.classList.toggle('open');
18956
18957            this.#role.onItemToggled(arrowWrapper, !isCurrentlyOpen);
18958        }
18959
18960        /**
18961         * FIXME: This should be part of the Keep On Screen Strategy or the like
18962         *   Or Added to HorizontalLikeRole or HorizontalRole.
18963         * Horizontal only (wired by `HorizontalRole.adjustSubMenuPosition()`).
18964         */
18965        wmAdjustSubMenuPosition() {
18966            const viewportWidth = window.innerWidth;
18967
18968            const flipMainMenuSubMenu = (item) => {
18969                const subMenu = item.querySelector('.navigation-nav--sub-menu');
18970                if (!subMenu || subMenu.hasAttribute('popover')) return;
18971
18972                const itemRect = item.getBoundingClientRect();
18973                const rightEdge = itemRect.right + subMenu.offsetWidth;
18974
18975                if (rightEdge > viewportWidth) {
18976                    if (itemRect.right > viewportWidth / 2) {
18977                        subMenu.style.left = 'auto';
18978                        subMenu.style.right = '0';
18979                        subMenu.dataset.growDirection = 'left';
18980                    } else {
18981                        subMenu.style.left = `${-(rightEdge - viewportWidth)}px`;
18982                        subMenu.style.right = 'auto';
18983                        subMenu.dataset.growDirection = 'right';
18984                    }
18985                } else {
18986                    subMenu.style.left = '0';
18987                    subMenu.style.right = 'auto';
18988                    subMenu.dataset.growDirection = 'right';
18989                }
18990            };
18991
18992            this.querySelectorAll('.navigation-nav--item').forEach(flipMainMenuSubMenu);
18993            this.querySelectorAll('.navigation-nav--sub-item').forEach((item) => this._flipSubItemSubMenu(item));
18994        }
18995
18996        /**
18997         * FIXME: Part of HoriontalLikeRole's Keep on Screen Strategy
18998         * @param {HTMLElement} subMenu
18999         * @param {'left' | 'right'} direction
19000         * @protected
19001         */
19002        _setSubMenuDirection(subMenu, direction) {
19003            subMenu.dataset.growDirection = direction;
19004            subMenu.style.left = direction === 'right' ? '100%' : 'auto';
19005            subMenu.style.right = direction === 'left' ? '100%' : 'auto';
19006        }
19007
19008        /**
19009         *
19010         * FIXME: Part of HoriontalLikeRole's Keep on Screen Strategy
19011         *
19012         * Position a nested sub-item flyout toward whichever side has room,
19013         * honoring the parent panel's recorded grow direction. Shared by the
19014         * hover handler (`#flipOnHover`) and the click-driven
19015         * `wmAdjustSubMenuPosition` so both paths agree (preserves the
19016         * horizontal-growth fix from SMBWMGR20-2739).
19017         *
19018         * @param {HTMLElement} item
19019         * @protected
19020         */
19021        _flipSubItemSubMenu(item) {
19022            const subMenu = item.querySelector(':scope > .navigation-nav--sub-menu');
19023            if (!subMenu) return;
19024
19025            const ownerWindow = this.ownerDocument.defaultView ?? window;
19026            const viewportWidth = ownerWindow.innerWidth || document.documentElement.clientWidth;
19027            const itemRect = item.getBoundingClientRect();
19028            const subMenuWidth = subMenu.offsetWidth;
19029            const spaceOnRight = viewportWidth - itemRect.right;
19030            const spaceOnLeft = itemRect.left;
19031            const parentSubMenu = item.closest('.navigation-nav--sub-menu');
19032            const preferredDirection = parentSubMenu?.dataset.growDirection === 'left' ? 'left' : 'right';
19033
19034            if (preferredDirection === 'left') {
19035                this._setSubMenuDirection(subMenu, spaceOnLeft >= subMenuWidth ? 'left' : 'right');
19036                return;
19037            }
19038
19039            this._setSubMenuDirection(subMenu, spaceOnRight >= subMenuWidth ? 'right' : 'left');
19040        }
19041    }
19042
19043    function init() {
19044        console.debug('menu: init');
19045
19046        globalThis.customElements.define('wm-menu', WMMenu);
19047        globalThis.WMComponents.WMMenu = WMMenu;
19048
19049        globalThis.initMenuComponent = (menu) => {
19050            if (menu instanceof WMMenu) menu.reinitialize();
19051        };
19052    }
19053
19054    if (!globalThis.wmUserInteraction) {
19055        window.addEventListener('wm-user-interaction', init, { once: true });
19056    } else {
19057        init();
19058    }
19059})();
19060</script>
19060
19061            
19061<script>/* image.js */
19062;(() => {
19063
19064    class WMImageBase extends HTMLElement {
19065
19066        static EMPTY_PIXEL = 'data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==';
19067        static initialImagesList = [];
19068        static observer = null;
19069        static resizeObserver = null;
19070        static resizeDelayTimer = null;
19071        static processingInitialBatch = true;
19072        static initialObserver = null;
19073        static mediaUrl = '';
19074        static mediaScale = 1;
19075
19076        /** @type boolean */
19077        isInitialized = false;
19078        /** @type number */
19079        pW = -1;
19080        /** @type number */
19081        pH = -1;
19082
19083        connectedCallback() {
19084            // wait for the next frame to ensure children (img) are parsed
19085            requestAnimationFrame(() => {
19086                this.init();
19087            });
19088        }
19089
19090        disconnectedCallback() {
19091            // NOTE
19092            // Intentionally do nothing on disconnectedCallback:
19093            // reorder.js shuffles wm-img nodes across breakpoints,
19094            // and tearing down the ResizeObserver here loses layout
19095            // tracking for the rest of the page lifecycle.
19096
19097            // if (!this.isInitialized) return;
19098            // const img = this.querySelector('img');
19099            // if (!img) return;
19100            //
19101            // if (WMImage.observer) WMImage.observer.unobserve(img);
19102            // if (WMImage.resizeObserver) WMImage.resizeObserver.unobserve(img);
19103        }
19104
19105        init() {
19106            // Start main observer in case it's not started
19107            WMImageBase.startMainObserver();
19108            if (WMImageBase.observer) {
19109                this.isInitialized = true;
19110                const img = this.querySelector('img');
19111                if (img) WMImageBase.observer.observe(img);
19112            }
19113        }
19114
19115        /**
19116         * @param force {boolean} flag to force-load the image
19117         */
19118        load(force = false) {
19119            const image = this.querySelector('img');
19120            if (!image || !image.dataset.wmSrc) return;
19121
19122            const wmSrc = image.dataset.wmSrc;
19123            let src = wmSrc;
19124            // Use the media URL from the data attribute if present, otherwise use the default
19125            let mediaUrl = image.dataset.wmMediaUrl || WMImage.mediaUrl;
19126
19127            let w = image.offsetWidth;
19128            let h = image.offsetHeight;
19129            let q = 80; // default quality
19130
19131            if (!!w && !!h) {
19132                // do not unnecessarily load a new image if any dimension didn't change more than 2 pixels
19133                if (
19134                    !force &&
19135                    (this.pW > -1) &&
19136                    (this.pH > -1) &&
19137                    (Math.abs(this.pW - w) <= 2) &&
19138                    (Math.abs(this.pH - h) <= 2)
19139                ) return;
19140
19141                this.pH = h;
19142                this.pW = w;
19143
19144                // adjust size and quality for DPR and scale
19145                const dpr = (window.devicePixelRatio > 1.2) ? 2 : 1;
19146                const scale = WMImage.mediaScale;
19147                w = Math.round(w * dpr * scale);
19148                h = Math.round(h * dpr * scale);
19149                q = Math.round(q * scale);
19150
19151                // ### method 1: exact, without cropping (fits the image to the "outside" of the box, focal point determined through CSS setting)
19152                if (!src.startsWith('http')) {
19153                    if (this.classList.contains('wmcM_imageTile')) {
19154                        src = `${mediaUrl}/${encodeURIComponent(src)}`;
19155                    } else {
19156                        const fit = (
19157                            this.classList.contains('wmcM_imageContain') ||
19158                            this.classList.contains('wmcM_imageScaleDown')
19159                        ) ? 'fit-in' : 'full-fit-in';
19160                        src = `${mediaUrl}/${fit}/${w}x${h}/filters:no_upscale():format(webp):quality(${q})/${encodeURIComponent(src)}`;
19161                    }
19162                }
19163
19164                // ### method 2: exact, with cropping (fits the image exactly, but we should provide the focal point to leave important stuff visible)
19165                // (window.devicePixelRatio > 1.1) && (w = w * 2) && (h = h * 2);
19166                // src = `/image/${w}x${h}/filters:no_upscale():format(webp):quality(${q})/${encodeURIComponent(src)}`;
19167                // src = `/image/${w}x${h}/smart/filters:no_upscale():format(webp):quality(${q})/${encodeURIComponent(src)}`;
19168
19169                // ### method 3: specific increments (reduces number of different sizes IR (thumbor) has to produce, but the algo needs tweaks for very small images)
19170                // const inc = 200;
19171                // w = Math.round((w + inc) / inc) * inc;
19172                // h = Math.round((h + inc) / inc) * inc;
19173                // (window.devicePixelRatio > 1.1) && (w = w * 2) && (h = h * 2);
19174                // src = `/image/full-fit-in/${w}x${h}/filters:no_upscale():format(webp):quality(${q})/${encodeURIComponent(src)}`;
19175            }
19176
19177            if ((src !== wmSrc) || (src.startsWith('http'))) {
19178                if (this.classList.contains('wmcM_imageTile')) {
19179                    image.src = WMImage.EMPTY_PIXEL;
19180                    image.style.backgroundImage = `url('${src}')`;
19181                } else {
19182                    image.style.removeProperty('background-image');
19183                    if (!image.src.endsWith(src)) {
19184                        // load the image behind the scenes
19185                        const newImage = new Image;
19186                        newImage.fetchPriority = image.fetchPriority ?? 'auto';
19187                        newImage.src = src;
19188                        newImage.addEventListener('load', () => {
19189                            // image loaded, apply (only fires if the image was actually successfully loaded)
19190                            image.src = newImage.src;
19191                        });
19192                    }
19193                }
19194            }
19195
19196            image.dataset.wmImageIsSet = 'true';
19197
19198            // Once loaded, we might want to observe for resizing
19199            WMImageBase.addToResizeObserver(this);
19200        }
19201
19202        /**
19203         *
19204         * @param img {HTMLImageElement}
19205         * @param force {boolean} flag to force-load the image
19206         */
19207        static doLoad(img, force = false) {
19208            /** @type {WMImageBase} */
19209            const wmImg = img.closest('wm-img');
19210            if (wmImg) wmImg.load(force);
19211        }
19212
19213        static startMainObserver() {
19214            if (WMImageBase.observer) return;
19215            WMImageBase.observer = new IntersectionObserver((entries, observer) => {
19216                entries.forEach(entry => {
19217                    if (entry.isIntersecting || entry.intersectionRatio !== 0) {
19218                        const img = entry.target;
19219                        WMImage.doLoad(img);
19220                        observer.unobserve(img);
19221                    }
19222                });
19223            }, { rootMargin: '134%' });
19224        }
19225
19226        static addToResizeObserver(element) {
19227            if (!WMImageBase.resizeObserver) {
19228                WMImageBase.resizeObserver = new ResizeObserver(WMImageBase.resizeWatcher);
19229            }
19230            const image = element.querySelector('img');
19231            if (image) WMImageBase.resizeObserver.observe(image);
19232        }
19233
19234        static resizeWatcher(entries) {
19235            if (WMImageBase.resizeDelayTimer) clearTimeout(WMImageBase.resizeDelayTimer);
19236            entries.forEach(entry => {
19237                const image = entry.target; // This is the img
19238                if (image && image.dataset.wmImageIsSet) {
19239                    image.dataset.wmImageNeedsResize = 'true';
19240                }
19241            });
19242
19243            WMImageBase.resizeDelayTimer = setTimeout(() => {
19244                const imagesToResize = document.querySelectorAll('img[data-wm-image-needs-resize=\'true\']');
19245                imagesToResize.forEach(img => {
19246                    WMImageBase.doLoad(img); // Re-run load logic
19247                    img.dataset.wmImageNeedsResize = '';
19248                });
19249            }, 1000);
19250        }
19251
19252        static runInitialSetup() {
19253            WMImageBase.mediaUrl = globalThis.WMConstants.mediaUrl ?? '';
19254            WMImageBase.mediaScale = globalThis.WMConstants.mediaScale ?? 1;
19255        }
19256
19257        static runInitialPrioritization() {
19258            const initialImages = document.querySelectorAll('wm-img');
19259            if (initialImages.length === 0) {
19260                WMImageBase.finishInitialPrioritization();
19261                return;
19262            }
19263
19264            initialImages.forEach(wrapper => {
19265                const img = wrapper.querySelector('img');
19266                if (img) WMImageBase.initialObserver.observe(img);
19267            });
19268        }
19269
19270        static finishInitialPrioritization() {
19271            WMImageBase.initialObserver.disconnect();
19272            WMImageBase.processingInitialBatch = false;
19273
19274            // Sort and prioritize
19275            let currentCoverage = 0;
19276            let coverageChanges = 0;
19277            const allowedCoverageChanges = 3;
19278            const largestInitialImages = [];
19279            const otherInitialImages = [];
19280
19281            WMImageBase.initialImagesList.sort((a, b) => b.coverage - a.coverage);
19282
19283            WMImageBase.initialImagesList.forEach(o => {
19284                if (coverageChanges >= allowedCoverageChanges) {
19285                    otherInitialImages.push(o.img);
19286                    return;
19287                }
19288                if (currentCoverage === 0) {
19289                    currentCoverage = o.coverage;
19290                    largestInitialImages.push(o.img);
19291                    return;
19292                }
19293                if (o.coverage === currentCoverage) {
19294                    largestInitialImages.push(o.img);
19295                    return;
19296                }
19297                if (o.coverage < currentCoverage) {
19298                    currentCoverage = o.coverage;
19299                    coverageChanges++;
19300                    if (coverageChanges >= allowedCoverageChanges) {
19301                        otherInitialImages.push(o.img);
19302                    } else {
19303                        largestInitialImages.push(o.img);
19304                    }
19305                }
19306            });
19307
19308            largestInitialImages.forEach(img => {
19309                /** @type {HTMLImageElement} */
19310                if (img) {
19311                    img.loading = 'eager';
19312                    img.fetchPriority = 'high';
19313                }
19314                WMImageBase.doLoad(img);
19315            });
19316
19317            otherInitialImages.forEach(img => {
19318                /** @type {HTMLImageElement} */
19319                if (img) {
19320                    img.fetchPriority = 'high';
19321                }
19322                WMImageBase.doLoad(img);
19323            });
19324
19325            // start the main observer for everything else (and future images)
19326            WMImageBase.startMainObserver();
19327
19328            // observe any that weren't in the viewport initially but were in the DOM
19329            const offscreenImages = document.querySelectorAll('wm-img');
19330            offscreenImages.forEach(wrapper => {
19331                const img = wrapper.querySelector('img');
19332                // if it wasn't loaded yet (not in viewport, ergo no wmImageIsSet)
19333                if (img && !img.dataset.wmImageIsSet) {
19334                    WMImageBase.observer.observe(img);
19335                }
19336            });
19337        }
19338    }
19339
19340    // Initial observer for prioritization
19341    WMImageBase.initialObserver = new IntersectionObserver((entries) => {
19342        entries.forEach(entry => {
19343            if (entry.intersectionRatio <= Number.EPSILON) return;
19344            /** @type {HTMLImageElement} */
19345            const img = entry.target;
19346            // Calculate coverage
19347            const w = img.offsetWidth;
19348            const h = img.offsetHeight;
19349            const coverage = Math.round(w * h * entry.intersectionRatio);
19350            WMImageBase.initialObserver.unobserve(img);
19351            if (coverage > 0) WMImageBase.initialImagesList.push({ img, coverage });
19352        });
19353
19354        WMImageBase.finishInitialPrioritization();
19355    }, { rootMargin: '-1px' });
19356
19357    globalThis.WMComponents.WMImageBase = WMImageBase;
19358
19359    WMImageBase.runInitialSetup();
19360})();
19361</script>
19361
19362            
19362<script>/* map.js */
19363;(() => {
19364
19365    /** @type {any[]} */
19366    const EmptyAddressArray = Object.freeze([]);
19367
19368    /**
19369     * @param {string} value
19370     * @return {string|null}
19371     */
19372    function maybeBase64(value) {
19373        try {
19374            return atob(value)
19375        } catch (e) {
19376            return null;
19377        }
19378    }
19379
19380    /**
19381     * @param {any[]|string|null} value
19382     * @return {any[]}
19383     */
19384    function parseAddresses (value) {
19385
19386        if (!value) return EmptyAddressArray;
19387        // There's a case were it isn't even encoded T_T
19388        if (Array.isArray(value)) return value;
19389        const maybeJsonString = maybeBase64(value);
19390        // There's a case where it isn't base64 encoded T_T
19391        const jsonString = maybeJsonString != null ? maybeJsonString : value;
19392        let addresses = EmptyAddressArray;
19393        try {
19394            addresses = JSON.parse(jsonString);
19395        } catch (e) {
19396            console.error('Invalid addresses payload', e);
19397            return EmptyAddressArray;
19398        }
19399
19400        if (Array.isArray(addresses)) return addresses;
19401
19402        console.error('Invalid addresses payload', addresses);
19403        return EmptyAddressArray;
19404    }
19405    function serializeAddresses(array) {
19406        if (!Array.isArray(array)) btoa('null');
19407        return btoa(JSON.stringify(array));
19408    }
19409
19410    class WMGoogleMap extends HTMLElement {
19411        // private backing fields
19412        #zoom = 11;
19413        #showInfoWindow = true;
19414        #markerClickEnabled = true;
19415        #showZoomControl = true;
19416        #grayscale = false;
19417        #addresses = [];
19418        markers = [];
19419        infoWindows = [];
19420        isInitialized = false;
19421        referenceCenter = null;
19422
19423
19424        static get observedAttributes() {
19425            return [
19426                'zoom',
19427                'show-info-window',
19428                'marker-click-enabled',
19429                'show-zoom-control',
19430                'grayscale',
19431                'addresses'
19432            ];
19433        }
19434
19435        // whenever one of those 6 attrs changes, this runs
19436        attributeChangedCallback(name, oldVal, newVal) {
19437            if (oldVal === newVal) return;
19438            switch (name) {
19439                case 'zoom':
19440                    const n = parseInt(newVal, 10);
19441                    if (isNaN(n)) {
19442                        // not a number at all → use your default
19443                        this.#zoom = 11;
19444                    } else {
19445                        // clamp negatives to 0, otherwise leave it alone
19446                        this.#zoom = Math.max(n, 0);
19447                    }
19448                    break;
19449                case 'show-info-window':
19450                    this.#showInfoWindow = newVal === '1';
19451                    break;
19452                case 'marker-click-enabled':
19453                    this.#markerClickEnabled = newVal === '1';
19454                    break;
19455                case 'show-zoom-control':
19456                    this.#showZoomControl = newVal === '1';
19457                    break;
19458                case 'grayscale':
19459                    this.#grayscale = newVal === '1';
19460                    break;
19461                case 'addresses':
19462                    this.#addresses = newVal;
19463                    break;
19464            }
19465
19466            // if you want to re-draw or re-init on every change:
19467            this._reinitializeIfReady();
19468        }
19469
19470        // JS property ↔ attribute reflectors:
19471        get defaultZoom() {
19472            return this.#zoom;
19473        }
19474
19475        set defaultZoom(v) {
19476            this.setAttribute('zoom', v);
19477        }
19478
19479        get isShowInfoWindow() {
19480            return this.#showInfoWindow;
19481        }
19482
19483        set isShowInfoWindow(v) {
19484            this.setAttribute('show-info-window', !!v);
19485        }
19486
19487        get isMarkerClickEnabled() {
19488            return this.#markerClickEnabled;
19489        }
19490
19491        set isMarkerClickEnabled(v) {
19492            this.setAttribute('marker-click-enabled', !!v);
19493        }
19494
19495        get isShowZoomControl() {
19496            return this.#showZoomControl;
19497        }
19498
19499        set isShowZoomControl(v) {
19500            this.setAttribute('show-zoom-control', !!v);
19501        }
19502
19503        get isGrayscale() {
19504            return this.#grayscale;
19505        }
19506
19507        set isGrayscale(v) {
19508            this.setAttribute('grayscale', !!v);
19509        }
19510
19511        get addresses() {
19512            return this.#addresses;
19513        }
19514
19515        set addresses(arr) {
19516            this.setAttribute('addresses', JSON.stringify(arr));
19517        }
19518
19519        // Grayscale style for Google Maps
19520        get grayscaleStyle() {
19521            return [
19522                {
19523                    "featureType": "all",
19524                    "elementType": "all",
19525                    "stylers": [
19526                        { "saturation": -100 },
19527                        { "gamma": 0.5 }
19528                    ]
19529                }
19530            ];
19531        }
19532
19533        constructor() {
19534            super();
19535            const mapContainer = this.closest('wm-map');
19536            for (const attribute of WMGoogleMap.observedAttributes) {
19537                let setVal;
19538                if (['addresses'].includes(attribute)) {
19539                    const raw = mapContainer.getAttribute(attribute);
19540                    setVal = parseAddresses(raw);
19541
19542                } else {
19543                    setVal = mapContainer.getAttribute(attribute);
19544                }
19545                this.attributeChangedCallback(attribute, undefined, setVal)
19546            }
19547        }
19548
19549        // —— NEW: observe parent <wm-map> for attribute changes ——
19550        connectedCallback() {
19551            const host = this.closest('wm-map');
19552            if (!host) return;
19553            this._hostObserver = new MutationObserver(mutations => {
19554                for (const m of mutations) {
19555                    if (m.type === 'attributes' &&
19556                        WMGoogleMap.observedAttributes.includes(m.attributeName)) {
19557                        const oldVal = m.oldValue;
19558                        const newVal = host.getAttribute(m.attributeName);
19559                        this.attributeChangedCallback(m.attributeName, oldVal, newVal);
19560                    }
19561                }
19562            });
19563            this._hostObserver.observe(host, {
19564                attributes: true,
19565                attributeOldValue: true,
19566                attributeFilter: WMGoogleMap.observedAttributes
19567            });
19568        }
19569
19570        disconnectedCallback() {
19571            if (this._hostObserver) {
19572                this._hostObserver.disconnect();
19573                this._hostObserver = null;
19574            }
19575        }
19576
19577        // —— END NEW ——
19578        _reinitializeIfReady() {
19579            if (this.map) {
19580                this._cleanup();
19581                // Add delay to ensure cleanup is complete before reinitializing
19582                setTimeout(() => {
19583                    this._init();
19584                }, 100);
19585            }
19586        }
19587
19588        /** @protected */
19589        _init() {
19590            if (this.isInitialized || typeof google === 'undefined' || !google.maps) return;
19591            if (this.#addresses.length === 0) return;
19592
19593            // Calculate center based on visible addresses
19594            let addresses = this.addresses;
19595            const center = this._calculateCenter(addresses);
19596
19597            this.map = new google.maps.Map(this, {
19598                zoom: this.#zoom,
19599                center: center,
19600                mapTypeId: google.maps.MapTypeId.ROADMAP,
19601                zoomControl: this.isShowZoomControl,
19602                mapTypeControl: false,
19603                scaleControl: false,
19604                streetViewControl: false,
19605                rotateControl: false,
19606                fullscreenControl: false,
19607                cameraControl: false,
19608                scrollwheel: false,
19609                styles: []
19610            });
19611
19612            // Create grayscale map type
19613            this.grayscaleMapType = new google.maps.StyledMapType(this.grayscaleStyle, {
19614                name: 'Grayscale'
19615            });
19616            this.map.mapTypes.set('grayscale', this.grayscaleMapType);
19617
19618            this._loadAddresses();
19619            this._applyGrayscale();
19620            this.isInitialized = true;
19621
19622            this._log('initialized');
19623        }
19624
19625        /** @protected */
19626
19627        _calculateCenter(raw = this.#addresses) {
19628            const addresses = parseAddresses(raw);
19629
19630            const n = addresses.length;
19631            if (n === 0) return { lat: 0, lng: 0 };
19632            if (n === 1) return { lat: +addresses[0].lat, lng: +addresses[0].lng };
19633
19634            let totalLat = 0;
19635            let totalLng = 0;
19636
19637            addresses.forEach(addressData => {
19638                totalLat += +addressData.lat;
19639                totalLng += +addressData.lng;
19640            });
19641
19642            return {
19643                lat: totalLat / n,
19644                lng: totalLng / n
19645            };
19646        }
19647
19648
19649        /** @protected */
19650
19651        _loadAddresses() {
19652            const addresses = parseAddresses(this.#addresses);
19653
19654            addresses.forEach(addressData => {
19655                this._addMarker(
19656                    +addressData.lat,
19657                    +addressData.lng,
19658                    addressData.name,
19659                    addressData.address
19660                );
19661            });
19662        }
19663
19664
19665        /** @protected */
19666        _addMarker(lat, lng, name, address) {
19667            const position = { lat: lat, lng: lng };
19668            const marker = new google.maps.Marker({
19669                position: position,
19670                map: this.map,
19671                title: name,
19672                animation: google.maps.Animation.DROP,
19673            });
19674
19675            const infoContent = `
19676                <div class="info-window">
19677                    <p class="info-window-address">${name}</p>
19678                    <p class="info-window-address-text">${address}</p>
19679                </div>
19680            `;
19681
19682            const infoWindow = new google.maps.InfoWindow({
19683                content: infoContent
19684            });
19685
19686            marker.addListener("click", () => {
19687                if (!this.isMarkerClickEnabled) return;
19688
19689                if (infoWindow.getMap()) {
19690                    infoWindow.close();
19691                } else {
19692                    infoWindow.open(this.map, marker);
19693                }
19694            });
19695
19696            this.markers.push({
19697                marker: marker,
19698                position: position,
19699                name: name,
19700                address: address,
19701            });
19702
19703            this.infoWindows.push(infoWindow);
19704        }
19705
19706        /** @protected */
19707        _fitBounds() {
19708            if (this.markers.length === 0) return;
19709
19710            const bounds = new google.maps.LatLngBounds();
19711            this.markers.forEach(markerData => {
19712                bounds.extend(markerData.position);
19713            });
19714
19715            // this.map.fitBounds(bounds);
19716
19717            if (this.map.getZoom() > this.#zoom) {
19718                this.map.setZoom(this.#zoom);
19719            }
19720
19721            // setTimeout(() => {
19722            //     this.map.setZoom(this.settings.defaultZoom);
19723            // }, 10);
19724        }
19725
19726        /** @protected */
19727        _applyGrayscale() {
19728            if (this.#grayscale) {
19729                this.map.setMapTypeId('grayscale');
19730            } else {
19731                this.map.setMapTypeId(google.maps.MapTypeId.ROADMAP);
19732            }
19733        }
19734
19735        /** @protected */
19736        _cleanup() {
19737            if (this.map) {
19738                this.markers.forEach(markerData => {
19739                    markerData.marker.setMap(null);
19740                });
19741                this.markers = [];
19742                this.infoWindows = [];
19743                this.map = null;
19744            }
19745            this.isInitialized = false;
19746        }
19747
19748        /** @protected */
19749        _log(...items) {
19750            console.debug('google-map:', ...items);
19751        }
19752
19753        // Public API
19754        wmSetData(data) {
19755            this.settings = data;
19756        }
19757
19758        wmInitialize() {
19759            this._init();
19760        }
19761
19762        wmFitBounds() {
19763            this._fitBounds();
19764        }
19765
19766        wmSetCenter(lat, lng) {
19767            if (this.map) {
19768                this.map.setCenter({ lat: lat, lng: lng });
19769            }
19770        }
19771
19772        wmSetZoom(zoom) {
19773            if (this.map) {
19774                this.map.setZoom(zoom);
19775            }
19776        }
19777
19778        wmOpenAllInfoWindows() {
19779            this.infoWindows.forEach(infoWindow => {
19780                infoWindow.setOptions({ disableAutoPan: true });
19781            });
19782
19783            this.markers.forEach((markerData, index) => {
19784                this.infoWindows[index].open(this.map, markerData.marker);
19785            });
19786        }
19787
19788        wmCloseAllInfoWindows() {
19789            this.infoWindows.forEach(infoWindow => {
19790                infoWindow.close();
19791            });
19792        }
19793
19794        wmApplySliderPosition(latOffset, lngOffset) {
19795            if (!this.map) return;
19796
19797            if (!this.referenceCenter) {
19798                this.referenceCenter = this.map.getCenter();
19799            }
19800
19801            const currentZoom = this.map.getZoom();
19802            const mapWidth = this.offsetWidth;
19803            const mapHeight = this.offsetHeight;
19804
19805            const zoomScale = Math.pow(2, currentZoom);
19806            const degreesPerPixelLng = 200 / (256 * zoomScale);
19807            const degreesPerPixelLat = 200 / (256 * zoomScale);
19808
19809            const latMovementPercent = parseFloat(latOffset) / 100;
19810            const lngMovementPercent = parseFloat(lngOffset) / 100;
19811
19812            const latPixels = latMovementPercent * mapHeight;
19813            const lngPixels = lngMovementPercent * mapWidth;
19814
19815            const latDegrees = latPixels * degreesPerPixelLat;
19816            const lngDegrees = lngPixels * degreesPerPixelLng;
19817
19818            const newLat = this.referenceCenter.lat() + latDegrees;
19819            const newLng = this.referenceCenter.lng() + lngDegrees;
19820
19821            this.map.setCenter({ lat: newLat, lng: newLng });
19822        }
19823    }
19824
19825    class WMLeafletMap extends HTMLElement {
19826
19827        // private backing fields
19828        #zoom = 11;
19829        #showInfoWindow = true;
19830        #markerClickEnabled = true;
19831        #showZoomControl = true;
19832        #grayscale = false;
19833        #addresses = [];
19834        markers = [];
19835        infoWindows = [];
19836        isInitialized = false;
19837        referenceCenter = null;
19838
19839
19840        static get observedAttributes() {
19841            return [
19842                'zoom',
19843                'show-info-window',
19844                'marker-click-enabled',
19845                'show-zoom-control',
19846                'grayscale',
19847                'addresses'
19848            ];
19849        }
19850
19851        /** @protected */
19852        _reinitializeIfReady() {
19853            if (this.map) {
19854                this._cleanup();
19855                // Add delay to ensure cleanup is complete before reinitializing
19856                setTimeout(() => {
19857                    this._init();
19858                }, 100);
19859            }
19860        }
19861
19862        attributeChangedCallback(name, oldVal, newVal) {
19863            if (oldVal === newVal) return;
19864            switch (name) {
19865                case 'zoom':
19866                    const n = parseInt(newVal, 10);
19867                    if (isNaN(n)) {
19868                        // not a number at all → use your default
19869                        this.#zoom = 11;
19870                    } else {
19871                        // clamp negatives to 0, otherwise leave it alone
19872                        this.#zoom = Math.max(n, 0);
19873                    }
19874                    break;
19875                case 'show-info-window':
19876                    this.#showInfoWindow = newVal === '1';
19877                    break;
19878                case 'marker-click-enabled':
19879                    this.#markerClickEnabled = newVal === '1';
19880                    break;
19881                case 'show-zoom-control':
19882                    this.#showZoomControl = newVal === '1';
19883                    break;
19884                case 'grayscale':
19885                    this.#grayscale = newVal === '1';
19886                    break;
19887                case 'addresses':
19888                    this.#addresses = newVal;
19889                    break;
19890            }
19891
19892            // if you want to re-draw or re-init on every change:
19893            this._reinitializeIfReady();
19894        }
19895
19896        // whenever one of those 6 attrs changes, this runs
19897
19898        // JS property ↔ attribute reflectors:
19899        get defaultZoom() {
19900            return this.#zoom;
19901        }
19902
19903        set defaultZoom(v) {
19904            this.setAttribute('zoom', v);
19905        }
19906
19907        get isShowInfoWindow() {
19908            return this.#showInfoWindow;
19909        }
19910
19911        set isShowInfoWindow(v) {
19912            this.setAttribute('show-info-window', !!v);
19913        }
19914
19915        get isMarkerClickEnabled() {
19916            return this.#markerClickEnabled;
19917        }
19918
19919        set isMarkerClickEnabled(v) {
19920            this.setAttribute('marker-click-enabled', !!v);
19921        }
19922
19923        get isShowZoomControl() {
19924            return this.#showZoomControl;
19925        }
19926
19927        set isShowZoomControl(v) {
19928            this.setAttribute('show-zoom-control', !!v);
19929        }
19930
19931        get isGrayscale() {
19932            return this.#grayscale;
19933        }
19934
19935        set isGrayscale(v) {
19936            this.setAttribute('grayscale', !!v);
19937        }
19938
19939        get addresses() {
19940            return this.#addresses;
19941        }
19942
19943        set addresses(arr) {
19944            this.setAttribute('addresses', JSON.stringify(arr));
19945        }
19946
19947        // Grayscale style for Google Maps
19948        get grayscaleStyle() {
19949            return [
19950                {
19951                    "featureType": "all",
19952                    "elementType": "all",
19953                    "stylers": [
19954                        { "saturation": -100 },
19955                        { "gamma": 0.5 }
19956                    ]
19957                }
19958            ];
19959        }
19960
19961        constructor() {
19962            super();
19963            let setVal;
19964            const mapContainer = this.closest('wm-map');
19965            for (const attribute of WMLeafletMap.observedAttributes) {
19966                if (['addresses'].includes(attribute)) {
19967                    const raw = mapContainer.getAttribute(attribute);
19968                    setVal = parseAddresses(raw);
19969                } else {
19970                    setVal = mapContainer.getAttribute(attribute);
19971                }
19972                this.attributeChangedCallback(attribute, undefined, setVal)
19973            }
19974        }
19975
19976        // —— NEW: observe parent <wm-map> ——
19977        connectedCallback() {
19978            const host = this.closest('wm-map');
19979            if (!host) return;
19980            this._hostObserver = new MutationObserver(mutations => {
19981                for (const m of mutations) {
19982                    if (m.type === 'attributes' &&
19983                        WMLeafletMap.observedAttributes.includes(m.attributeName)) {
19984                        const oldVal = m.oldValue;
19985                        const newVal = host.getAttribute(m.attributeName);
19986                        this.attributeChangedCallback(m.attributeName, oldVal, newVal);
19987                    }
19988                }
19989            });
19990            this._hostObserver.observe(host, {
19991                attributes: true,
19992                attributeOldValue: true,
19993                attributeFilter: WMLeafletMap.observedAttributes
19994            });
19995        }
19996
19997        disconnectedCallback() {
19998            if (this._hostObserver) {
19999                this._hostObserver.disconnect();
20000                this._hostObserver = null;
20001            }
20002        }
20003
20004        // —— END NEW ——
20005
20006        /** @protected */
20007        _init() {
20008            if (this.isInitialized || typeof L === 'undefined') return;
20009
20010            if (this.#addresses.length === 0) return;
20011
20012            // Calculate center based on visible addresses
20013            const center = this._calculateCenter(this.#addresses);
20014
20015            this.map = L.map(this, {
20016                zoomControl: this.#showZoomControl,
20017                attributionControl: true,
20018                closePopupOnClick: false,
20019                scrollWheelZoom: false
20020            }
20020).setView(center, this.#zoom);
20021
20022            this.normalLayer = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
20023                attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
20024            });
20025
20026            this.grayscaleLayer = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
20027                attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
20028                className: 'grayscale-layer'
20029            });
20030
20031            this.normalLayer.addTo(this.map);
20032
20033            setTimeout(() => {
20034                this.map.invalidateSize();
20035                this.map.setZoom(this.#zoom);
20036                this._loadAddresses();
20037                this._applyGrayscale();
20038                this.isInitialized = true;
20039                this._log('initialized');
20040            }, 100);
20041        }
20042
20043        /** @protected */
20044        _calculateCenter(raw = this.#addresses) {
20045            const addresses = parseAddresses(raw);
20046
20047            if (addresses.length === 0) {
20048                return [0, 0];
20049            }
20050
20051            if (addresses.length === 1) {
20052                return [addresses[0].lat, addresses[0].lng];
20053            }
20054
20055            // Calculate the center point of all addresses
20056            let totalLat = 0;
20057            let totalLng = 0;
20058
20059            addresses.forEach(address => {
20060                totalLat += address.lat;
20061                totalLng += address.lng;
20062            });
20063
20064            return [totalLat / addresses.length, totalLng / addresses.length];
20065        }
20066
20067        /** @protected */
20068        _loadAddresses() {
20069            const addresses = parseAddresses(this.#addresses);
20070
20071            addresses.forEach((addressData) => {
20072                this._addMarker(
20073                    addressData.lat,
20074                    addressData.lng,
20075                    addressData.name,
20076                    addressData.address
20077                );
20078            });
20079            this._fitBounds();
20080        }
20081
20082        /** @protected */
20083        _addMarker(lat, lng, name, address) {
20084            const marker = L.marker([lat, lng], {
20085                title: name
20086            }).addTo(this.map);
20087
20088            const infoContent = `
20089                <div class="info-window">
20090                    <p class="info-window-address">${name}</p>
20091                    <p class="info-window-address-text">${address}</p>
20092                </div>
20093            `;
20094
20095            const popup = L.popup({
20096                maxWidth: 350,
20097                className: 'info-window',
20098                autoClose: false,
20099                closeButton: true
20100            }).setContent(infoContent);
20101
20102            marker.bindPopup(popup);
20103
20104            this.markers.push({
20105                marker: marker,
20106                position: [lat, lng],
20107                name: name,
20108                address: address,
20109                popup: popup
20110            });
20111
20112            if (!this.#markerClickEnabled) {
20113                marker.off('click');
20114            }
20115        }
20116
20117        /** @protected */
20118        _fitBounds() {
20119            if (this.markers.length === 0) return;
20120
20121            const bounds = L.latLngBounds();
20122            this.markers.forEach(markerData => {
20123                bounds.extend(markerData.position);
20124            });
20125
20126            if (this.map.getZoom() < this.#zoom) {
20127                this.map.setZoom(this.#zoom);
20128            }
20129        }
20130
20131        /** @protected */
20132        _applyGrayscale() {
20133            if (this.#grayscale) {
20134                this.map.removeLayer(this.normalLayer);
20135                this.grayscaleLayer.addTo(this.map);
20136                const attribution = document.querySelector('.leaflet-control-attribution');
20137                if (attribution) attribution.classList.add('grayscale-layer');
20138            } else {
20139                this.map.removeLayer(this.grayscaleLayer);
20140                this.normalLayer.addTo(this.map);
20141                const attribution = document.querySelector('.leaflet-control-attribution');
20142                if (attribution) attribution.classList.remove('grayscale-layer');
20143            }
20144        }
20145
20146        /** @protected */
20147        _cleanup() {
20148            if (this.map) {
20149                this.map.remove();
20150                this.map = null;
20151                this.markers = [];
20152                this.normalLayer = null;
20153                this.grayscaleLayer = null;
20154            }
20155            this.isInitialized = false;
20156        }
20157
20158        /** @protected */
20159        _log(...items) {
20160            console.debug('leaflet-map:', ...items);
20161        }
20162
20163        // Public API
20164        wmSetData(data) {
20165            this.settings = data;
20166        }
20167
20168        wmInitialize() {
20169            this._init();
20170        }
20171
20172        wmFitBounds() {
20173            this._fitBounds();
20174        }
20175
20176        wmSetCenter(lat, lng) {
20177            if (this.map) {
20178                this.map.setView([lat, lng], this.#zoom);
20179            }
20180        }
20181
20182        wmSetZoom(zoom) {
20183            if (this.map) {
20184                this.map.setZoom(zoom);
20185            }
20186        }
20187
20188        wmOpenAllInfoWindows() {
20189            this.markers.forEach((markerData) => {
20190                const currentCenter = this.map.getCenter();
20191                markerData.marker.openPopup();
20192                this.map.setView(currentCenter, this.#zoom);
20193            });
20194        }
20195
20196        wmCloseAllInfoWindows() {
20197            this.markers.forEach((markerData) => {
20198                markerData.marker.closePopup();
20199            });
20200        }
20201
20202        wmApplySliderPosition(latOffset, lngOffset) {
20203            if (!this.map) return;
20204
20205            if (!this.referenceCenter) {
20206                this.referenceCenter = this.map.getCenter();
20207            }
20208
20209            const currentZoom = this.map.getZoom();
20210            const mapWidth = this.offsetWidth;
20211            const mapHeight = this.offsetHeight;
20212
20213            const zoomScale = Math.pow(2, currentZoom);
20214            const degreesPerPixelLng = 200 / (256 * zoomScale);
20215            const degreesPerPixelLat = 200 / (256 * zoomScale);
20216
20217            const latMovementPercent = parseFloat(latOffset) / 100;
20218            const lngMovementPercent = parseFloat(lngOffset) / 100;
20219
20220            const latPixels = latMovementPercent * mapHeight;
20221            const lngPixels = lngMovementPercent * mapWidth;
20222
20223            const latDegrees = latPixels * degreesPerPixelLat;
20224            const lngDegrees = lngPixels * degreesPerPixelLng;
20225
20226            const newLat = this.referenceCenter.lat + latDegrees;
20227            const newLng = this.referenceCenter.lng + lngDegrees;
20228
20229            this.map.setView([newLat, newLng], this.#zoom);
20230        }
20231    }
20232
20233    class WMMap extends HTMLElement {
20234        /** @type { WMGoogleMap | WMLeafletMap } */
20235        currentMap = null;
20236        /** @type { number } */
20237        latSlider = 0;
20238        /** @type { number } */
20239        lngSlider = 0;
20240        /** @type { boolean } */
20241        isGoogleMapsLoading = false;
20242        /** @type { boolean } */
20243        isLeafletLoading = false;
20244        /** @type { number } */
20245        wmHandle = 0;
20246
20247        #onDisconnect = [];
20248        #platform = 'google';
20249        #showInfoWindow = 0;
20250        #latSlider = 0;
20251        #lngSlider = 0;
20252
20253        static get observedAttributes() {
20254            return [
20255                'platform',
20256                'show-info-window',
20257                'lat-slider',
20258                'lng-slider'
20259            ];
20260        }
20261
20262        attributeChangedCallback(name, oldVal, newVal) {
20263            if (oldVal === newVal) return;
20264            switch (name) {
20265                case 'platform':
20266                    this.#platform = newVal;
20267                    break;
20268                case 'show-info-window':
20269                    this.#showInfoWindow = newVal === '1';
20270                    break;
20271                case 'lat-slider':
20272                    this.#latSlider = parseFloat(newVal) || 0;
20273                    break;
20274                case 'lng-slider':
20275                    this.#lngSlider = parseFloat(newVal) || 0;
20276                    break;
20277            }
20278
20279            this.wmReinitialize();
20280        }
20281
20282        connectedCallback() {
20283            this._reinitializeIfReady();
20284        }
20285
20286        disconnectedCallback() {
20287            for (const fn of this.#onDisconnect.splice(0, this.#onDisconnect.length)) try {
20288                fn();
20289            } catch (e) {
20290                console.error(e);
20291            }
20292        }
20293
20294        /** @protected */
20295        _reinitializeIfReady() {
20296            if (this.wmHandle) cancelAnimationFrame(this.wmHandle);
20297            this.wmHandle = requestAnimationFrame(() => {
20298                this._init();
20299            })
20300        }
20301
20302        constructor() {
20303            super()
20304            for (const attribute of WMMap.observedAttributes) {
20305                this.attributeChangedCallback(attribute, undefined, this.getAttribute(attribute));
20306            }
20307        }
20308
20309        get platformType() {
20310            return this.#platform;
20311        }
20312
20313        set platformType(v) {
20314            this.setAttribute('platform', v);
20315        }
20316
20317        /** @protected */
20318        _init() {
20319            this.latSlider = this.#latSlider;
20320            this.lngSlider = this.#lngSlider;
20321            this._loadMapPlatform();
20322            this._setupEventListeners();
20323
20324            this._log('initialized');
20325        }
20326
20327        /** @protected */
20328        _loadMapPlatform() {
20329            if (this.platformType === 'google') {
20330                this._loadGoogleMaps();
20331            } else {
20332                this._loadLeafletMaps();
20333            }
20334        }
20335
20336        /** @protected */
20337        _loadGoogleMaps() {
20338            if (this.isGoogleMapsLoading) return;
20339            this.isGoogleMapsLoading = true;
20340
20341            // Check if Google Maps is already loaded
20342            if (typeof google !== 'undefined' && google.maps) {
20343                this._initializeGoogleMap();
20344                return;
20345            }
20346
20347            // Check if script is already loading
20348            if (document.querySelector('script[src*="maps.googleapis.com"]')) {
20349                this._waitForGoogleMaps();
20350                return;
20351            }
20352
20353            const apiKey = this.getAttribute('google-api-key');
20354
20355            if (!apiKey || apiKey.trim() === '') {
20356                const errorMsg = 'Google Maps API key is missing! Please check the Tag Manager settings.';
20357                this._log(errorMsg);
20358                // Optionally, show error in the DOM
20359                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>`;
20360                this.isGoogleMapsLoading = false;
20361                return;
20362            }
20363            const script = document.createElement('script');
20364            script.src = `//maps.googleapis.com/maps/api/js?key=${apiKey}&loading=async`;
20365            script.async = true;
20366            script.defer = true;
20367            script.onload = () => {
20368                this._waitForGoogleMaps();
20369            };
20370            script.onerror = () => {
20371                this.isGoogleMapsLoading = false;
20372                this._log('Failed to load Google Maps API');
20373            };
20374            document.body.appendChild(script);
20375        }
20376
20377        /** @protected */
20378        _waitForGoogleMaps() {
20379            const checkGoogleMaps = () => {
20380                if (
20381                    typeof google !== 'undefined' &&
20382                    google.maps &&
20383                    google.maps.Map &&
20384                    google.maps.MapTypeId &&
20385                    google.maps.StyledMapType &&
20386                    google.maps.Marker &&
20387                    google.maps.InfoWindow &&
20388                    google.maps.LatLngBounds
20389                ) {
20390                    this._initializeGoogleMap();
20391                } else {
20392                    setTimeout(checkGoogleMaps, 100);
20393                }
20394            };
20395            checkGoogleMaps();
20396        }
20397
20398        /** @protected */
20399        _loadLeafletMaps() {
20400            if (this.isLeafletLoading) return;
20401            this.isLeafletLoading = true;
20402
20403            // Check if Leaflet is already loaded
20404            if (typeof L !== 'undefined') {
20405                this._initializeLeafletMap();
20406                return;
20407            }
20408
20409            // Check if script is already loading
20410            if (document.querySelector('script[src*="leaflet"]')) {
20411                this._waitForLeaflet();
20412                return;
20413            }
20414
20415            const script = document.createElement('script');
20416            script.src = '//unpkg.com/[email protected]/dist/leaflet.js';
20417            script.onload = () => {
20418                const link = document.createElement('link');
20419                link.rel = 'stylesheet';
20420                link.href = '//unpkg.com/[email protected]/dist/leaflet.css';
20421                document.head.appendChild(link);
20422                this._waitForLeaflet();
20423            };
20424            script.onerror = () => {
20425                this.isLeafletLoading = false;
20426                this._log('Failed to load Leaflet API');
20427            };
20428            document.body.appendChild(script);
20429        }
20430
20431        /** @protected */
20432        _waitForLeaflet() {
20433            const checkLeaflet = () => {
20434                if (typeof L !== 'undefined') {
20435                    this._initializeLeafletMap();
20436                } else {
20437                    setTimeout(checkLeaflet, 100);
20438                }
20439            };
20440            checkLeaflet();
20441        }
20442
20443        /** @protected */
20444        _initializeGoogleMap() {
20445            /** @type { WMGoogleMap } */
20446            const googleMapContainer = this.querySelector('wm-google-map');
20447            if (googleMapContainer) {
20448                googleMapContainer.style.display = 'block';
20449                this.currentMap = googleMapContainer;
20450
20451                // Initialize the Google Map component
20452                setTimeout(() => {
20453                    if (googleMapContainer.wmInitialize) {
20454                        googleMapContainer.wmInitialize();
20455                    }
20456                    this._applyInitialSettings();
20457                }, 100);
20458            }
20459            this.isGoogleMapsLoading = false;
20460        }
20461
20462        /** @protected */
20463        _initializeLeafletMap() {
20464            /** @type { WMLeafletMap } */
20465            const leafletMapContainer = this.querySelector('wm-leaflet-map');
20466            if (leafletMapContainer) {
20467                leafletMapContainer.style.display = 'block';
20468                this.currentMap = leafletMapContainer;
20469
20470                // Initialize the Leaflet Map component
20471                setTimeout(() => {
20472                    if (leafletMapContainer.wmInitialize) {
20473                        leafletMapContainer.wmInitialize();
20474                    }
20475                    this._applyInitialSettings();
20476                }, 100);
20477            }
20478            this.isLeafletLoading = false;
20479        }
20480
20481        /** @protected */
20482        _setupEventListeners() {
20483            // Use ResizeObserver to watch for size changes of the wm-map element
20484            const resizeObserver = new ResizeObserver(() => {
20485                setTimeout(() => {
20486                    this._applySliderPosition();
20487                }, 100);
20488            });
20489
20490            resizeObserver.observe(this);
20491
20492            this.#onDisconnect.push(() => {
20493                resizeObserver.disconnect();
20494            });
20495        }
20496
20497        /** @protected */
20498        _applyInitialSettings() {
20499            setTimeout(() => {
20500                // First fit bounds to show all markers
20501                if (this.currentMap && this.currentMap.wmFitBounds) {
20502                    this.currentMap.wmFitBounds();
20503                }
20504
20505                // Then apply slider position (this will override the center)
20506                setTimeout(() => {
20507                    this._applySliderPosition();
20508                    this._controlInfoWindow();
20509                }, 50);
20510            }, 100);
20511        }
20512
20513        /** @protected */
20514        _applySliderPosition() {
20515            if (this.currentMap && this.currentMap.wmApplySliderPosition) {
20516                this.currentMap.wmApplySliderPosition(this.latSlider, this.lngSlider);
20517            }
20518        }
20519
20520        /** @protected */
20521        _controlInfoWindow() {
20522            if (this.#showInfoWindow) {
20523                setTimeout(() => {
20524                    if (this.currentMap && this.currentMap.wmOpenAllInfoWindows) {
20525                        this.currentMap.wmOpenAllInfoWindows();
20526                    }
20527                }, 500);
20528            } else {
20529                if (this.currentMap && this.currentMap.wmCloseAllInfoWindows) {
20530                    this.currentMap.wmCloseAllInfoWindows();
20531                }
20532            }
20533        }
20534
20535        /** @protected */
20536        _log(...items) {
20537            console.debug('map:', ...items);
20538        }
20539
20540        wmReinitialize() {
20541            this._reinitializeIfReady();
20542        }
20543    }
20544
20545    function init() {
20546        console.debug('maps: init');
20547
20548        // Register custom elements
20549        globalThis.customElements.define('wm-google-map', WMGoogleMap);
20550        globalThis.customElements.define('wm-leaflet-map', WMLeafletMap);
20551        globalThis.customElements.define('wm-map', WMMap);
20552
20553        // Make components globally accessible
20554        globalThis.WMComponents.WMGoogleMap = WMGoogleMap;
20555        globalThis.WMComponents.WMLeafletMap = WMLeafletMap;
20556        globalThis.WMComponents.WMMap = WMMap;
20557    }
20558
20559    if (!globalThis.wmUserInteraction) {
20560        window.addEventListener('wm-user-interaction', init, { once: true });
20561    } else {
20562        init();
20563    }
20564})();
20565</script>
20565
20566            
20566<script>/* core_live.js */
20567;(() => {
20568    function maxRadiusRecalculation() {
20569
20570        function doMaxRadiusRecalculate(wml) {
20571            requestAnimationFrame(() => {
20572                const wmc = wml.closest('.wmc');
20573                if (!wmc) return;
20574
20575                wmc.classList.add('wmcA_noTransition');
20576                wml.offsetHeight; // force reflow
20577                wmc.style.setProperty('--wm_maxBorderRadius', `${Math.min(wml.offsetWidth, wml.offsetHeight) / 2}px`);
20578                requestAnimationFrame(() => {
20579                    wmc.classList.remove('wmcA_noTransition');
20580                });
20581            });
20582        }
20583
20584        function observerResizer(entries) {
20585            for (const entry of entries) {
20586                doMaxRadiusRecalculate(entry.target);
20587            }
20588        }
20589
20590        const resizeObserver = new ResizeObserver(observerResizer);
20591        const getRoundedComponents = ()=> document.querySelectorAll('.wmc[style*="--wm_maxBorderRadius"] > .wml');
20592        const components = getRoundedComponents();
20593        for (const component of components) {
20594            doMaxRadiusRecalculate(component);
20595            resizeObserver.observe(component);
20596        }
20597
20598        function disconnectObserver() {
20599            resizeObserver.disconnect();
20600        }
20601        if (document.readyState === 'complete') {
20602            disconnectObserver();
20603        } else {
20604            window.addEventListener('load', disconnectObserver, { once: true });
20605        }
20606
20607        function deviceChangeResizer() {
20608            const components = getRoundedComponents();
20609            for (const wml of components) {
20610                doMaxRadiusRecalculate(wml);
20611            }
20612        }
20613        window.addEventListener('wm-device-change', deviceChangeResizer);
20614        /**
20615         * TODO - find a better way to handle this in the future
20616         * the components in popup are not visible on initial load of the page
20617         * so we need this listener to recalculate the max radius for them when popup is open
20618         */
20619        window.addEventListener('wm-popup-open-max-radius-calc', deviceChangeResizer);
20620    }
20621
20622    if (!globalThis.wmDevice) {
20623        window.addEventListener('wm-device-ready', maxRadiusRecalculation, { once: true });
20624    } else {
20625        maxRadiusRecalculation();
20626    }
20627})();
20628</script>
20628
20629            
20629<script>/* popup-handler_live.js */
20630;(() => {
20631    /**
20632     * @typedef {HTMLElement} IRevealable
20633     * @property {number|false} wmTimeout
20634     * @property {()=>void} wmShow
20635     * @property {()=>void} wmShowAutomated
20636     */
20637
20638    /**
20639     * @class WmServices.PopupService
20640     */
20641    class PopupService {
20642        #running = false;
20643        /** @type {Array<()=>void>} */
20644        #awaiting = [];
20645
20646        constructor() {
20647        }
20648
20649        /**
20650         * @param  {IRevealable} revealable
20651         * @return void
20652         */
20653        registerTimeout(revealable) {
20654            if (!revealable.id) return;
20655            if (revealable.wmTimeout === false) return;
20656            const ref = new WeakRef(revealable);
20657            this._scheduleTimeout(() => {
20658                setTimeout(
20659                    () => {
20660                        const popup = ref.deref();
20661                        popup?.wmShowAutomated();
20662                    },
20663                    revealable.wmTimeout
20664                );
20665            });
20666        }
20667
20668        /**
20669         * @protected
20670         * @property {()=>void} callback
20671         */
20672        _scheduleTimeout(callback) {
20673            if (this.#running) {
20674                // Defer to the end of the task to
20675                // Prevent potential race conditions
20676                queueMicrotask(callback);
20677                return;
20678            }
20679            this.#awaiting.push(callback);
20680        }
20681
20682        initializeReveal() {
20683            this.#running = true;
20684            const tasks = this.#awaiting.splice(0, this.#awaiting.length);
20685            for (const task of tasks) {
20686                task();
20687            }
20688        }
20689    }
20690
20691    const instance = (globalThis.WmServices ??= {})['PopupService'] ??= new PopupService();
20692
20693
20694    if (globalThis.wmUserInteraction) {
20695        instance.initializeReveal();
20696    } else {
20697        window.addEventListener(
20698            'wm-user-interaction',
20699            () => instance.initializeReveal(),
20700            { once: true }
20701        );
20702    }
20703})();
20704</script>
20704
20705            
20705<script>/* image_live.js */
20706class WMImage extends globalThis.WMComponents.WMImageBase {
20707    constructor() {
20708        super();
20709    }
20710
20711    connectedCallback() {
20712        super.connectedCallback();
20713    }
20714
20715    disconnectedCallback() {
20716        super.disconnectedCallback();
20717    }
20718}
20719
20720window.customElements.define('wm-img', WMImage);
20721
20722function init() {
20723    console.debug('image: init');
20724    WMImage.runInitialPrioritization();
20725}
20726
20727if (document.readyState === 'loading') {
20728    document.addEventListener('DOMContentLoaded', init, { once: true });
20729} else {
20730    init();
20731}
20732</script>
20732
20733    
20734    <!-- Header Tags -->
20735    <meta name="google-site-verification" content="eeoDa4InBpdDRugFb_rhGCv7TC_m7fYbgmKXDNqlnSs">
20736
20737<meta name="msvalidate.01" content="01D8D2E2349C2AC2B48A94EF30724473">
20738
20739<script type="text/wmdjs" src="https://apps.elfsight.com/p/platform.js" defer ></script>
20739
20740<!-- Google tag (gtag.js) -->
vendor: 82 bytes, lines 20740-20741
20740
20741<script type="text/wmdjs" async src="https://www.googletagmanager.com/gtag/js?id=
20741G-7NWFZC877F
vendor: 13 bytes, line 20741
20741" ></script>
20742<script type="text/wmdjs"  >
20743  
vendor: 134 bytes, lines 20743-20747
20743window.dataLayer = window.dataLayer || [];
20744  function gtag(){dataLayer.push(arguments);}
20745  gtag('js', new Date());
20746
20747  gtag('config', '
20747G-7NWFZC877F
vendor: 4 bytes, line 20747
20747');
20748</script>
20748
20749    <!-- SchemaOrg -->
20750    
20750<script type="application/ld+json">
20751    {
20752    "@context": "https://schema.org",
20753    "priceRange": "Call for pricing options",
20754    "url": "https://www.whitehousechironj.com",
20755    "@type": "MedicalBusiness",
20756    "name": "Whitehouse Chiropractic Center",
20757    "sameAs": [],
20758    "telephone": "908-654-0500",
20759    "email": "[email protected]",
20760    "address": {
20761        "@type": "PostalAddress",
20762        "addressLocality": "Westfield",
20763        "addressRegion": "NJ",
20764        "postalCode": "07090",
20765        "streetAddress": "649 Central Ave Suite 13",
20766        "addressCountry": "US"
20767    },
20768    "geo": {
20769        "@type": "GeoCoordinates",
20770        "latitude": 40.645524,
20771        "longitude": -74.336243
20772    },
20773    "description": "Whitehouse Chiropractic Center provides chiropractic care. Dr. Eric Whitehouse is a Westfield Chiropractor, call us today at 908-654-0500!!",
20774    "logo": "https://storage.evona.app/k%2FD%2FR%2Fi%2Fx%2FG%2FkDRixG8sxcveI3ZD5MQuPeeXljMqLYMRziFb7V9c"
20775}
20776</script>
20776
20777
20778    <!-- Website SchemaOrg -->
20779    
20779<script type="application/ld+json">
20780    {
20781    "@context": "https://schema.org",
20782    "@type": "WebSite",
20783    "name": "Eric Whitehouse",
20784    "url": "https://www.whitehousechironj.com/"
20785}
20786</script>
20786
20787
20788</head>
20789<body class="">
20790
20791<!-- Body After Opening -->
20792
20793
20794<!-- Layout:L1 Footer -->
20795                    <!-- Page:contact_us Id:a1284e08-3186-48c2-9f5c-e9bc42cf2de5 -->
20796                <main id="a1284cd1-96db-4fcd-8a7f-a89daea01625" class="wml wml_rows" style="">
20797            <!-- Placeholder:Page Content -->
20798    <!-- Wrapping layout:Interior Page Id:a1284cd1-97bc-441c-b2c2-3d6e5e072130 -->
20799<div id="a1284cd1-987a-4191-a6ee-688f2e9d3130" class="wmc wmc_placeholder " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;" data-placeholder-content-id="a1284cd1-97bc-441c-b2c2-3d6e5e072130">
20800    <div class="wml wml_rows">
20801        <div class="wms_background">
20802            <div class="wmc_color_layer "
20803    style=""
20804         data-animate-observe="a1284cd1-987a-4191-a6ee-688f2e9d3130" >
20805</div>
20806        </div>
20807        <!-- Global Placeholder:mobile and tablet header -->
20808    <!-- Wrapping global-content:header tabelt and mobile Id:a1284cda-b5ee-412d-a6de-e52a4ca7baaf -->
20809<div id="a1284cda-bdbf-4d04-8a96-939669eea181" class="wmc wmc_globalPlaceholder " style="--gridPositionMobile:2;--gridPositionTablet:2;--gridPositionDesktop:2;" data-placeholder-content-id="a1284cda-b5ee-412d-a6de-e52a4ca7baaf">
20810    <div class="wml wml_rows">
20811        <div class="wms_background">
20812            <div class="wmc_color_layer "
20813    style=""
20814         data-animate-observe="a1284cda-bdbf-4d04-8a96-939669eea181" >
20815</div>
20816        </div>
20817
20818                    <!-- Section:section_1 -->
20819<section id="a1284cda-b530-42fc-8521-e059abe547b5" class="wmc wmc_section wmcM_scrollBehavior wmcM_stickyTop wmcM_hidden--desktop wmcM_stickyTop--tablet wmcM_stickyTop--mobile" style="--bgColorMobile:rgba(var(--colorBwGradientA),1);--bgColorTablet:rgba(var(--colorBwGradientA),1);--bgColorDesktop:rgba(var(--colorPrimaryF),1);--minHeightMobile:60px;--minHeightTablet:85px;--minHeightDesktop:78px;--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
20820    <div class="wml wml_rows">
20821        <div class="wms_background">
20822            <div class="wmc_color_layer "
20823    style=""
20824         data-animate-observe="a1284cda-b530-42fc-8521-e059abe547b5" >
20825</div>
20826        </div>
20827        <!-- Shelf:shelf_1 -->
20828<section id="a1284cda-bce6-4e6b-82f7-d3b524fdf299" class="wmc wmc_shelf " style="--zIndex:0;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--minHeightMobile:60.5px;--minHeightTablet:71px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:10.00px;--minHeightDesktop:58px;--marginLeftDesktop:-67px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:14.00px;--gridPositionDesktop:1;--marginBottomDesktop:10.00px;">
20829    <div class="wml wml_rows">
20830        <div class="wms_background">
20831            <div class="wmc_color_layer "
20832    style=""
20833         data-animate-observe="a1284cda-bce6-4e6b-82f7-d3b524fdf299" >
20834</div>
20835        </div>
20836        <!-- Menu:menu_2 -->
20837<wm-menu id="a1284cda-b6d1-4178-bd0c-3c3852a3fdd7" class="wmc wmc_menu wmcM_animateHover wmcM_menuHamburgerDesktop wmcM_menuHamburgerMobile wmcM_menuHamburgerTablet wmd_showMoreMenu"
20838    style="--zIndex:1;--widthMobile:39px;--widthTablet:41px;--widthDesktop:37px;--marginTopMobile:17.50px;--marginTopTablet:-45.00px;--minHeightMobile:35px;--minHeightTablet:45px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:14.00px;--minHeightDesktop:30px;--marginLeftDesktop:275px;--gridPositionMobile:1;--gridPositionTablet:2;--marginBottomMobile:8.50px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:-5.00px;--hamburgerMenuIconSizeDesktop:30px;--hamburgerNavArrowSizeDesktop:32px;--hamburgerMenuIconColorDesktop:rgba(var(--colorBwGradientJ),1);--hamburgerNavArrowColorDesktop:rgba(var(--colorBwGradientJ),1);--horizontalNavArrowSizeDesktop:24px;--hamburgerNavItemFontSizeMobile:28px;--hamburgerTitleFontColorDesktop:rgba(var(--colorBwGradientJ),1);--verticalNavBorderRadiusDesktop:0px 0px 0px 0px;--verticalNavItemFontSizeDesktop:16px;--hamburgerTitleArrowColorDesktop:rgba(var(--colorBwGradientJ),1);--horizontalNavArrowRotateDesktop:rotate(0deg);--horizontalNavBorderRadiusTablet:0px 0px 0px 0px;--hamburgerNavItemFontColorDesktop:rgba(var(--colorBwGradientJ),
208381);--hamburgerNavSubArrowColorDesktop:rgba(var(--colorBwGradientJ),1);--hamburgerTitleArrowRotateDesktop:rotate(90deg);--horizontalNavArrowSpacingDesktop:0px;--horizontalNavBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavItemFontSizeDesktop:16px;--hamburgerNavItemPaddingTopDesktop:10px;--hamburgerNavSeparatorColorDesktop:rgba(var(--colorBwGradientJ),1);--hamburgerTitleBorderRadiusDesktop:0px 0px 0px 0px;--verticalNavSeparatorHeightDesktop:1px;--hamburgerMenuIconHoverColorDesktop:rgba(var(--colorCtaI),1);--hamburgerNavArrowColorHoverDesktop:rgba(var(--colorBwGradientJ),1);--hamburgerNavBackButtonColorDesktop:rgba(var(--colorBwGradientJ),1);--hamburgerNavBackgroundColorDesktop:rgba(var(--colorBwGradientA),1);--hamburgerNavSeparatorHeightDesktop:1px;--horizontalNavItemPaddingTopDesktop:0px;--horizontalNavSeparatorColorDesktop:rgba(var(--colorCtaA),0.97);--horizontalNavSeparatorWidthDesktop:2px;--verticalNavItemBorderRadiusDesktop:0px 0px 0px 0px;--verticalNavSeparatorDisplayDesktop:block;--verticalNavSeparatorSpacingDesktop:20px;--hamburgerMenuIconActiveColorDesktop:rgba(var(--colorBwGradientJ),1);--hamburgerNavItemBorderRadiusDesktop:0px 0px 0px 0px;--hamburgerNavItemFontSizeHoverMobile:30px;--hamburgerNavSeparatorSpacingDesktop:0px;--hamburgerNavSubItemFontColorDesktop:rgba(var(--colorBwGradientJ),1);--hamburgerSlideContainerWidthDesktop:800px;--horizontalNavArrowColorHoverDesktop:rgba(var(--colorBwGradientD),1);--horizontalNavItemPaddingLeftDesktop:0px;--horizontalNavSubItemFontSizeDesktop:14px;--hamburgerNavItemPaddingBottomDesktop:10px;--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(--colorBwGradientJ),1);--hamburgerNavSubArrowColorHoverDesktop:rgba(var(--colorBwGradientH),1);--horizontalNavItemPaddingBottomDesktop:0px;--horizontalNavSubItemPaddingTopDesktop:10px;--hamburgerNavSubItemBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavItemHoverFontColorDesktop:rgba(var(--colorBwGradientD),1);--horizontalNavSubItemPaddingLeftDesktop:7px;--horizontalNavSubItemBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavSubItemPaddingRightDesktop:7px;--hamburgerMenuIconActiveHoverColorDesktop:rgba(var(--colorBwGradientH),1);--hamburgerNavItemBorderRadiusHoverDesktop:0px 0px 0px 0px;--hamburgerNavSubItemHoverFontColorDesktop:rgba(var(--colorBwGradientH),1);--horizontalNavSubItemPaddingBottomDesktop:10px;--hamburgerNavBackButtonBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavItemBorderRadiusHoverDesktop:0px 0px 0px 0px;--horizontalNavSubItemHoverFontColorDesktop:rgba(var(--colorBwGradientD),1);--hamburgerNavSubItemBorderRadiusHoverDesktop:0px 0px 0px 0px;--horizontalNavItemHoverBackgroundColorDesktop:rgba(var(--colorBwGradientD),0);--horizontalNavSubContainerBorderRadiusDesktop:0px 0px 0px 0px;--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%2Fe%2F4%2Ff%2Fe%2Fwme4fedf61a4fd249acd53aa0da4c6c9463e7a36);--wmd_submenuItemIconUrl:url(https://storage.evona.app/w%2Fm%2Fe%2F4%2Ff%2Fe%2Fwme4fedf61a4fd249acd53aa0da4c6c9463e7a36);--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);"
20839    data-parent-menu-to-submenu="false"
20840    data-more-menu="true"
20841    data-more-menu-text="More">
20842    <div class="wml">
20843        <div class="wms_content">
20844            <div class="navigation-module-container">
20845                <button class="hamburger-button">
20846                    <span class="hamburger-button-icon--container">
20847                        <span class="hamburger-button-icon"></span>
20848                        <span
20849                            class="hamburger-button-text visually-hidden"
20850                        >
20851                            
20852                            MENU
20853                        </span>
20854                    </span>
20855                </button>
20856                                    <nav class="navigation-nav">
20857                        <ul class="navigation-nav--main-menu">
20858                                                            <li class="navigation-nav--item">
20859    <a
20860        href="https://www.whitehousechironj.com/"
20861        href="#"
20862            >
20863                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
20864                Home
20865    </a>
20866    </li>
20867                                                                    <li class="navigation-nav--separator">&nbsp;</li>
20868                                                                                            <li class="navigation-nav--item">
20869    <a
20870        href="https://www.whitehousechironj.com/about-1"
20871        href="#"
20872            >
20873                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
20874                About Us
20875    </a>
20876                        <button
20877                type="button"
20878                class="arrow"
20879                aria-label="Toggle About Us sub menu"
20880            ></button>
20881                <ul
20882            class="navigation-nav--sub-menu"
20883             id="a1284cda-b6d1-4178-bd0c-3c3852a3fdd7-panel-1"         >
20884                            <li class="navigation-nav--sub-item">
20885    <a
20886        href="https://www.whitehousechironj.com/meet-the-doctor"
20887        href="#"
20888            >
20889                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
20890                Meet the Doctor
20891    </a>
20892    </li>
20893                                    <li class="navigation-nav--separator">&nbsp;</li>
20894                                            <li class="navigation-nav--sub-item">
20895    <a
20896        href="https://www.whitehousechironj.com/testimonials"
20897        href="#"
20898            >
20899                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
20900                Testimonials
20901    </a>
20902    </li>
20903                                    <li class="navigation-nav--separator">&nbsp;</li>
20904                                            <li class="navigation-nav--sub-item">
20905    <a
20906        href="https://www.whitehousechironj.com/insurances"
20907        href="#"
20908            >
20909                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
20910                Insurances
20911    </a>
20912    </li>
20913                                    </ul>
20914    </li>
20915                                                                    <li class="navigation-nav--separator">&nbsp;</li>
20916                                                                                            <li class="navigation-nav--item">
20917    <a
20918        
20919        href="#"
20920            >
20921                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
20922                Patient Resources
20923    </a>
20924                        <button
20925                type="button"
20926                class="arrow"
20927                aria-label="Toggle Patient Resources sub menu"
20928            ></button>
20929                <ul
20930            class="navigation-nav--sub-menu"
20931             id="a1284cda-b6d1-4178-bd0c-3c3852a3fdd7-panel-2"         >
20932                            <li class="navigation-nav--sub-item">
20933    <a
20934        href="https://www.whitehousechironj.com/about-chiro"
20935        href="#"
20936            >
20937                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
20938                About Chiropractic
20939    </a>
20940    </li>
20941                                    <li class="navigation-nav--separator">&nbsp;</li>
20942                                            <li class="navigation-nav--sub-item">
20943    <a
20944        href="https://www.whitehousechironj.com/links"
20945        href="#"
20946            >
20947                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
20948                Links
20949    </a>
20950    </li>
20951                                    <li class="navigation-nav--separator">&nbsp;</li>
20952                                            <li class="navigation-nav--sub-item">
20953    <a
20954        href="https://www.whitehousechironj.com/spinal-wellness-tips"
20955        href="#"
20956            >
20957                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
20958                Spinal Wellness Tips
20959    </a>
20960    </li>
20961                                    <li class="navigation-nav--separator">&nbsp;</li>
20962                                            <li class="navigation-nav--sub-item">
20963    <a
20964        href="https://www.whitehousechironj.com/vertebral-subluxation-complex"
20965        href="#"
20966            >
20967                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
20968                Vertebral Subluxation Complex
20969    </a>
20970    </li>
20971                                    <li class="navigation-nav--separator">&nbsp;</li>
20972                                            <li class="navigation-nav--sub-item">
20973    <a
20974        href="https://www.whitehousechironj.com/3d-spine-simulator"
20975        href="#"
20976            >
20977                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
20978                3D Spine Simulator
20979    </a>
20980    </li>
20981                                    <li class="navigation-nav--separator">&nbsp;</li>
20982                                            <li class="navigation-nav--sub-item">
20983    <a
20984        href="https://www.whitehousechironj.com/q-and-a"
20985        href="#"
20986            >
20987                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
20988                Q &amp; A
20989    </a>
20990    </li>
20991                                    <li class="navigation-nav--separator">&nbsp;</li>
20992                                            <li class="navigation-nav--sub-item">
20993    <a
20994        href="https://www.whitehousechironj.com/educational-videos"
20995        href="#"
20996            >
20997                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
20998                Educational Videos
20999    </a>
21000    </li>
21001                                    <li class="navigation-nav--separator">&nbsp;</li>
21002                                            <li class="navigation-nav--sub-item">
21003    <a
21004        href="https://www.whitehousechironj.com/exercise-videos"
21005        href="#"
21006            >
21007                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21008                Exercise Videos
21009    </a>
21010    </li>
21011                                    </ul>
21012    </li>
21013                                                                    <li class="navigation-nav--separator">&nbsp;</li>
21014                                                                                            <li class="navigation-nav--item">
21015    <a
21016        
21017        href="#"
21018            >
21019                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21020                Services
21021    </a>
21022                        <button
21023                type="button"
21024                class="arrow"
21025                aria-label="Toggle Services sub menu"
21026            ></button>
21027                <ul
21028            class="navigation-nav--sub-menu"
21029             id="a1284cda-b6d1-4178-bd0c-3c3852a3fdd7-panel-3"         >
21030                            <li class="navigation-nav--sub-item">
21031    <a
21032        href="https://www.whitehousechironj.com/adjustments-and-manipulation"
21033        href="#"
21034            >
21035                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21036                Spinal Adjustments and Manipulation
21037    </a>
21038    </li>
21039                                    <li class="navigation-nav--separator">&nbsp;</li>
21040                                            <li class="navigation-nav--sub-item">
21041    <a
21042        href="https://www.whitehousechironj.com/injuries"
21043        href="#"
21044            >
21045                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21046                Injuries
21047    </a>
21048                        <span class="arrow"></span>
21049                <ul
21050            class="navigation-nav--sub-menu"
21051                    >
21052                            <li class="navigation-nav--sub-item">
21053    <a
21054        href="https://www.whitehousechironj.com/auto-injury"
21055        href="#"
21056            >
21057                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21058                Auto Injury
21059    </a>
21060    </li>
21061                                    <li class="navigation-nav--separator">&nbsp;</li>
21062                                            <li class="navigation-nav--sub-item">
21063    <a
21064        href="https://www.whitehousechironj.com/personal-injury"
21065        href="#"
21066            >
21067                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21068                Personal Injury
21069    </a>
21070    </li>
21071                                    <li class="navigation-nav--separator">&nbsp;</li>
21072                                            <li class="navigation-nav--sub-item">
21073    <a
21074        href="https://www.whitehousechironj.com/sports-injury"
21075        href="#"
21076            >
21077                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21078                Sports Injury
21079    </a>
21080    </li>
21081                                    </ul>
21082    </li>
21083                                    <li class="navigation-nav--separator">&nbsp;</li>
21084                                            <li class="navigation-nav--sub-item">
21085    <a
21086        href="https://www.whitehousechironj.com/custom-foot-orthotics"
21087        href="#"
21088            >
21089                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21090                Custom Foot Orthotics
21091    </a>
21092    </li>
21093                                    <li class="navigation-nav--separator">&nbsp;</li>
21094                                            <li class="navigation-nav--sub-item">
21095    <a
21096        href="https://www.whitehousechironj.com/degenerative-disc-disease"
21097        href="#"
21098            >
21099                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21100                Degenerative Disc Disease
21101    </a>
21102    </li>
21103                                    <li class="navigation-nav--separator">&nbsp;</li>
21104                                            <li class="navigation-nav--sub-item">
21105    <a
21106        href="https://www.whitehousechironj.com/therapeutic-exercise"
21107        href="#"
21108            >
21109                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21110                Therapeutic Exercise
21111    </a>
21112    </li>
21113                                    <li class="navigation-nav--separator">&nbsp;</li>
21114                                            <li class="navigation-nav--sub-item">
21115    <a
21116        href="https://www.whitehousechironj.com/services/trigger-point-therapy"
21117        href="#"
21118            >
21119                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21120                Trigger Point Therapy
21121    </a>
21122    </li>
21123                                    <li class="navigation-nav--separator">&nbsp;</li>
21124                                            <li class="navigation-nav--sub-item">
21125    <a
21126        href="https://www.whitehousechironj.com/spine-care"
21127        href="#"
21128            >
21129                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21130                Spine Care
21131    </a>
21132    </li>
21133                                    <li class="navigation-nav--separator">&nbsp;</li>
21134                                            <li class="navigation-nav--sub-item">
21135    <a
21136        href="https://www.whitehousechironj.com/family-chiropractic"
21137        href="#"
21138            >
21139                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21140                Family Chiropractic
21141    </a>
21142    </li>
21143                                    <li class="navigation-nav--separator">&nbsp;</li>
21144                                            <li class="navigation-nav--sub-item">
21145    <a
21146        href="https://www.whitehousechironj.com/pregnancy"
21147        href="#"
21148            >
21149                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21150                Pregnancy
21151    </a>
21152    </li>
21153                                    <li class="navigation-nav--separator">&nbsp;</li>
21154                                            <li class="navigation-nav--sub-item">
21155    <a
21156        href="https://www.whitehousechironj.com/children-and-chiropractic-care"
21157        href="#"
21158            >
21159                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21160                Children and Chiropractic Care
21161    </a>
21162    </li>
21163                                    <li class="navigation-nav--separator">&nbsp;</li>
21164                                            <li class="navigation-nav--sub-item">
21165    <a
21166        href="https://www.whitehousechironj.com/common-chiropractic-conditions"
21167        href="#"
21168            >
21169                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21170                Treatment of Common Chiropractic Conditions
21171    </a>
21172                        <span class="arrow"></span>
21173                <ul
21174            class="navigation-nav--sub-menu"
21175                    >
21176                            <li class="navigation-nav--sub-item">
21177    <a
21178        href="https://www.whitehousechironj.com/back-pain-treatments"
21179        href="#"
21180            >
21181                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21182                Back Pain Treatments
21183    </a>
21184    </li>
21185                                    <li class="navigation-nav--separator">&nbsp;</li>
21186                                            <li class="navigation-nav--sub-item">
21187    <a
21188        href="https://www.whitehousechironj.com/sciatica-treatments"
21189        href="#"
21190            >
21191                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21192                Sciatica Treatments
21193    </a>
21194    </li>
21195                                    <li class="navigation-nav--separator">&nbsp;</li>
21196                                            <li class="navigation-nav--sub-item">
21197    <a
21198        href="https://www.whitehousechironj.com/neck-pain-treatments"
21199        href="#"
21200            >
21201                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21202                Neck Pain Treatments
21203    </a>
21204    </li>
21205                                    <li class="navigation-nav--separator">&nbsp;</li>
21206                                            <li class="navigation-nav--sub-item">
21207    <a
21208        href="https://www.whitehousechironj.com/vertigo-treatments"
21209        href="#"
21210            >
21211                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21212                Vertigo Treatments
21213    </a>
21214    </li>
21215                                    <li class="navigation-nav--separator">&nbsp;</li>
21216                                            <li class="navigation-nav--sub-item">
21217    <a
21218        href="https://www.whitehousechironj.com/herniated-disc-treatments"
21219        href="#"
21220            >
21221                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21222                Herniated Disc Treatments
21223    </a>
21224    </li>
21225                                    <li class="navigation-nav--separator">&nbsp;</li>
21226                                            <li class="navigation-nav--sub-item">
21227    <a
21228        href="https://www.whitehousechironj.com/nerve-pain-treatments"
21229        href="#"
21230            >
21231                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21232                Nerve Pain Treatments
21233    </a>
21234    </li>
21235                                    <li class="navigation-nav--separator">&nbsp;</li>
21236                                            <li class="navigation-nav--sub-item">
21237    <a
21238        href="https://www.whitehousechironj.com/headache-relief"
21239        href="#"
21240            >
21241                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21242                Headache Relief
21243    </a>
21244    </li>
21245                                    </ul>
21246    </li>
21247                                    </ul>
21248    </li>
21249                                                                    <li class="navigation-nav--separator">&nbsp;</li>
21250                                                                                            <li class="navigation-nav--item">
21251    <a
21252        href="https://www.whitehousechironj.com/new-patients"
21253        href="#"
21254            >
21255                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21256                New Patients
21257    </a>
21258                        <button
21259                type="button"
21260                class="arrow"
21261                aria-label="Toggle New Patients sub menu"
21262            ></button>
21263                <ul
21264            class="navigation-nav--sub-menu"
21265             id="a1284cda-b6d1-4178-bd0c-3c3852a3fdd7-panel-4"         >
21266                            <li class="navigation-nav--sub-item">
21267    <a
21268        href="https://www.whitehousechironj.com/appointment"
21269        href="#"
21270            >
21271                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21272                Appointment Request
21273    </a>
21274    </li>
21275                                    </ul>
21276    </li>
21277                                                                    <li class="navigation-nav--separator">&nbsp;</li>
21278                                                                                            <li class="navigation-nav--item">
21279    <a
21280        href="https://www.whitehousechironj.com/contact"
21281        href="#"
21282            >
21283                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21284                Contact Us
21285    </a>
21286    </li>
21287                                                                    <li class="navigation-nav--separator">&nbsp;</li>
21288                                                                                            <li class="navigation-nav--item">
21289    <a
21290        href="https://www.zocdoc.com/practice/dr-eric-whitehouse-dc-42116?lock=true&isNewPatient=false&referrerType=widget" target="_blank"
21291        href="https://www.zocdoc.com/practice/dr-eric-whitehouse-dc-42116?lock=true&amp;isNewPatient=false&amp;referrerType=widget"
21292                    target="_blank" rel="noopener noreferrer"
21293            >
21294                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21295                Book Online
21296    </a>
21297    </li>
21298                                                            
21299
21300
21301
21302
21303
21304
21305
21306                        </ul>
21307                    </nav>
21308                            </div>
21309        </div>
21310    </div>
21311</wm-menu>
21312    <!-- Button:button_1 -->
21313<div id="a1284cda-ba51-44fa-858c-6d82290479a5" class="wmc wmc_button wmcM_animateHover" style="--zIndex:2;--widthMobile:39px;--widthTablet:41px;--widthDesktop:59px;--marginTopMobile:16.00px;--marginTopTablet:-45.00px;--minHeightMobile:28px;--minHeightTablet:24px;--marginLeftMobile:281px;--marginLeftTablet:667px;--marginTopDesktop:10.00px;--paddingTopMobile:10px;
21313--paddingTopTablet:10px;--marginLeftDesktop:984px;--paddingLeftMobile:10px;--paddingLeftTablet:10px;--paddingTopDesktop:10px;--gridPositionMobile:1;--gridPositionTablet:2;--marginBottomMobile:8.50px;--marginBottomTablet:0.00px;--paddingLeftDesktop:10px;--paddingRightMobile:10px;--paddingRightTablet:10px;--gridPositionDesktop:1;--marginBottomDesktop:-5.00px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:10px;--paddingBottomDesktop:10px;">
21314    <a href="tel:9086540500" class="wml wml_button">
21315        <span class="wms_background">
21316            <div class="wmc_color_layer "
21317    style=""
21318         data-animate-observe="a1284cda-ba51-44fa-858c-6d82290479a5" >
21319</div>
21320        </span>
21321        <span class="wms_button">
21322            <!-- Button.Text:button_text -->
21323<span id="a1284cda-b884-49cb-ab56-781474e05c50" class="wmc wmc_text wmc_buttonText wmcM_visuallyHide" style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
21324    <span class="wml">
21325        <p style><span style="--fontSizeDesktop: 1rem; --textColorDesktop: rgba(var(--colorBwGradientA));">Button Text</span></p>
21326    </span>
21327</span>
21328            <!-- Button.Icon:button_icon -->
21329<span id="a1284cda-b7d5-4f73-89f2-2bce432026f0" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:18px;--iconColorDesktop:rgba(var(--colorBwGradientJ),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:18px;--iconColorDesktopHover:rgba(var(--colorCtaI),1);">
21330    <span class="wml wml_icon">
21331        <i style="mask: url(https://storage.evona.app/w%2Fm%2F3%2Fa%2F8%2F4%2Fwm3a84e7d67a7e51482de99018cbf52f2cd21917) center / contain no-repeat"></i>
21332    </span>
21333</span>
21334        </span>
21335    </a>
21336</div>
21337    <!-- Image:image_1 -->
21338<wm-img id="a1284cda-bbef-45d2-9a11-de9ece03ac4a"  class="wmc wmc_image wmcM_imageContain" style="--zIndex:3;--widthMobile:97px;--widthTablet:200px;--heightMobile:51px;--heightTablet:59px;--widthDesktop:199px;--heightDesktop:67px;--borderTopTablet:1px solid rgba(var(--colorBwGradientJ),0);--marginTopMobile:9.50px;--marginTopTablet:12.00px;--borderLeftTablet:1px solid rgba(var(--colorBwGradientJ),0);--marginLeftMobile:111.5px;--marginLeftTablet:250px;--marginTopDesktop:-4.00px;--minHeightDesktop:67px;--aspectRatioMobile:97 / 51;--aspectRatioTablet:200 / 59;--borderRightTablet:1px solid rgba(var(--colorBwGradientJ),0);--marginLeftDesktop:501px;--aspectRatioDesktop:199 / 67;--borderBottomTablet:1px solid rgba(var(--colorBwGradientJ),0);--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:8.50px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:-5.00px;;">
21339    <a href="https://www.whitehousechironj.com/" class="wml">
21340        <div class="wms_overlay"></div>
21341        <picture>
21342            <img
21343                loading="lazy"
21344                data-wm-src="/k/D/R/i/x/G/kDRixG8sxcveI3ZD5MQuPeeXljMqLYMRziFb7V9c"
21345                                src="data:image/webp;base64,UklGRm4JAABXRUJQVlA4WAoAAAAQAAAAPwAAPwAAQUxQSCEGAAANGTVtG7A4HWci+h96ORMQEeESI0lSJCmyqvuY9FdzuaHy8R4FiJiACaBmbW/dNvo+AKRs97L/XbYzmTiWCOD7Edu5zAYiYgKI/3cQSDE1moR9MwkhoUwyBYO1ZetGM/82KQUsUylpCxuaVLRUVW/h9h2axmyaYGkzmEjOeTnPJBtH9T7sq1K3YRsMYsNFCeEBjIQQojqOztonv0I6FLnaYIKymIQQwAtMEBDeVVlaGZ8XuoLlxkpYIMEsiUhiMj3MwPJA7anaJz8pNaVMk01Dudeh3AnFiiTuAjSW+4R34LZS3fYpqSlTGYqdPLqHUqy50wRgY5Z5jF6NsJNVHEd1tX1Ck5YFF8PJsweAbUUedN2LMwRIVZqEqox+xlzHQrZ9KAXbtrOrg3cAxDYgSCqhK7Db6qEzmMp2zrFlHl3iB0JjQ7k6O/gACIAuhdDdpHtT2Pc/hhkXyxLT4Ha+7Fla4lPS2ISLs4N3gEgRkWCPlqUMdhVvYaamJMhFufuPfS3h+UYmnF0cvAECLEBSk27KzVDsgNsE1UUBkIvSyba1K8ufCGnbLqajN0DAD7utYJFiKOFjYLtkugmQi9CYcdyqxUd3lmUpZ2+AAABSwpRKuSfbhhBzcA0dgWgAclHuk2+ZxMNktmzyQCD43pKFoSChedKYbXYwa9JDZYJcVsODq1K819iwbUfPIGLfwQLsxg7S8qRr/gLo3WWyJgDIZZruK5dwN4Qb2PAMkIKfFymCey9kKCdnpnYfxF0ZiuFQ5b1mkqGxexB8VkpoDMvSXbqybDWrtntgW014dpW/C7iS7QEg9pmwdGJhCXAo62gOh1WbAMjlmCKyASDZTShTguDzT+RJKWfFju6xx3AhJom7MvSAVeU7sSKGBLFPJRHDYGXAy5jmpGGq8GSZAb7agDQIpIPg8yZmpQlTKYWbfJxb1Y/YVgNMJADZxAp+UUooxSSlDU2cXZxqpuuBDHKBECAFkJIg9hlLFlCQQuom4hTZrJbFIwBlJuMCYBALEHzeAspQtrPpyRxXAHjDsADTdIdtEkEIYQGC4TcWGORe130FCAmQl+G+DHKxKBgEln6HlABJz8iN6tJRb6Th6aaAAopA8DvD0AVcWWJLlBm6VPBn2toEwgCIidgv4ZlJuXdiLQMw97Rux7MSm2pAEEh8zC6Xk/frYo8w86muxtPtbSDQEA0QP+Sbd73+8XZvt
21345sdGHKCeQDkIoQXCKOojreP19fVorAZC06iReLa9rQGUDHQJHz6Ol3/fWk5rWM4EmnhaAL2Abhgd/bHbvjdnwNEFsFQhf05BAdBy0jw/djTdf2yhNwDoJRFPyvqIMgrAbgiPQ/yI5o+zzwqREgvwsicosd2s7pgzUtQH5o+f22DmFpKOdBqpR+AyEwsAjnbz0YWPnrZhyNHLiahM6Rh4KOvbbNrxrtIsnEv8wHR1HmLlMIxa1RAfEIIZ1O+00y28mnpClCtrv65CpJkPrCo8lPU+yWjcPWTuoRQfibjdrreErNloj5DrCaLpcrveq0X3gRKe5HHbS+yV0SiaucEF6p2sDkzO0j0tmUWoRD1A7ksMB2o2qhfCnLgrQ/cG8oqHWXAPtMRHrXADfW7/kVA1APEOkTcPnvd+pGwzd0l4zHFyyGK8kbJRqytwV5ZHb4F8w5OpNh9QP+HnH2EN+ElLMlgDoABZr9oiflzxdIowp6AH4+SAn36ejN66GspBADIdGsN/3NZzrTIaAPCeOdDwYQRCOiRtgGh9mI15Of7DBwsQSZGA0PteMvRq0s9QZrcZZKjdOE46XvBhNQCIoFG36xJdlVArxrisTABE3kLb6fL7BZ+gOy2j9fUoDq8jS8XmyU/dDXTeyEvo9ws+XdUNg2BuWGvt5U1YnH4sKW+G07Rz/YPPJoTKEuPHyZTl5pZKy6CP4zD3k8al/uCzSRLVlWv8mkMd58jkMo3F7usJw+g/93/xhUZSVZqW2XE514JDuKaulykS535JfKmbUUXXWuXbwHsrtSyctvHtiq9mmFGV1aJwVy1zZ0ysK76jD3fsLay97/TOAR/nfcd39TFiw+111x1h9ggsfGeLLfDYgnbg/0wIXwkAVlA4ICYDAAAQEgCdASpAAEAAPm00k0ckIyGhKBv7UIANiWkAFeV/wDtE/znQWe3EAHEoyanhxUOU//0/Mr9YewV0R/Ql/UBfOLubdzHVB8NH7Q7j+6xTMZj2PPOWjBPPLDBkJRSwGaGHHh8lI54NSKDOIc2/0g5r4YXZIVC2gehc3sd+QOt6XeIIqrDVNzBQbd3351p7cuMP5m+yWn8MBIAA/ulN0lm8prgii/7dQnIF0S0Kp+Ag3zHaw9UA3xCaOXzGdiu3uzQnhqodap5lbzNVcNYGyu7tv5XK+PipcVMUKAbS0xDHm3l4A6sDlMOj/m8Zl73VXB7yJ31JE/byn5RLCVkapuRPmQxv5fQJVW6YF2/E6QByWPrhd3XPMTXUHefn3XGG+0WoHPHUEtLteAz00q31mqrDd5vA+sfXZ4X/L8e47M2PAXZOzb3qZJZfou0WZEgJ0qat+O6Y6knmZz8gBTC92OY18x5B3God8cZK3xBnRbn6oCvhQ8ckK3LHkPd5JM3xdqpdA8qH1PfkuRVtT3rt641mIt7vT2XKXYDIP/f6+nA07hKNqUwONp9atT6wqLhiNoWy8J+bNJVvG0BQesEPeTYwxcRaXrgWrWkUwOK4EdlWf8An5i+0U49yiQaqwitoR/57+6fXN80xNSt3Qq9DmmHN6Udsc4M7HC7bi6y56+iO9kam4YJYnrJO4vcGnp1nt1E9t5f0mvtB0YKz/aIsKeQUK8yUVgaeZGd7F+1WkVF1F2M3j7q9nlU/0c8odQGbE+nvynUjAwRsr120HdcgZqtYFTBE9Kz2D/G3T3tjT78ymTZosB14cZJ68zNm2z1oyaKxo2FoP2hTPK03V2yNh6f3DSv6xCjFxPrSFMr95ymBC/wzJJZBu3O83pEvX4jE7sBKjr5E1QB1oxdzmk0YRKmou32eVS0TbRfQg/JwB0Y7gzLvyIZumgaf8Nn4pnBVM3YGCbfR4wTvCzj0xUaBnw52iiFdOslqGZNFt/aDXlowHWoHMST+xOrcJyEzLJC9WT7lJq8PWqIy6mHuzjYdGRHMnshbxUPQz9DVMtpu9tSShx2edoAAAA=="
21346                title="logo_1.png"
21347                alt=""
21348            >
21349        </picture>
21350    </a>
21351</wm-img>
21352    </div>
21353</section>
21354    </div>
21355</section>
21356            </div>
21357</div>
21358    <!-- Section:Sticky Header -->
21359<section id="a1284cd3-cde3-458a-bfdf-2f77429f78df" class="wmc wmc_section wmcM_scrollBehavior wmcM_trailingTop wmcM_trailingTop--desktop wmcM_hidden--tablet wmcM_hidden--mobile" style="--bgColorDesktop:rgba(var(--colorBwGradientA),1);--marginTopTablet:0.00px;--minHeightMobile:201.796875px;--minHeightTablet:166px;--minHeightDesktop:24.65625px;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomTablet:0.00px;--gridPositionDesktop:3;--trailingAnchorIdDesktop:a1284cd1-a232-48d5-ac59-c8fc113606f5;">
21360    <div class="wml wml_rows">
21361        <div class="wms_background">
21362            <div class="wmc_color_layer "
21363    style=""
21364         data-animate-observe="a1284cd3-cde3-458a-bfdf-2f77429f78df" >
21365</div>
21366        </div>
21367        <!-- Box:box_1 -->
21368<div id="a128a502-e98e-4542-8d1d-a2318972982b" class="wmc wmc_box " style="--widthMobile:320px;--widthTablet:720px;--widthDesktop:1280px;--marginTopMobile:0.00px;--marginTopTablet:0px;--minHeightMobile:60px;--minHeightTablet:85px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--minHeightDesktop:76px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:89.00px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;" >
21369    <div class="wml wml_box "
21370            >
21371        <svg class="wm_svgFilter">
21372    <filter id="wm_svgKnockoutFilter_a128a502-e98e-4542-8d1d-a2318972982b" color-interpolation-filters="sRGB">
21373        <feComponentTransfer result="inverseA">
21374            <feFuncA type="table" tableValues="1 0"/>
21375        </feComponentTransfer>
21376        <feFlood flood-color="var(--bgColor)"/>
21377        <feComposite operator="in" in2="inverseA"/>
21378    </filter>
21379</svg>
21380<style>
21381    [id='a128a502-e98e-4542-8d1d-a2318972982b'].wmcM_knockoutEffect .wms_content {
21382        filter: url(#wm_svgKnockoutFilter_a128a502-e98e-4542-8d1d-a2318972982b);
21383    }
21384</style>
21385                <div class="wms_background">
21386            <div class="wmc_color_layer "
21387    style=""
21388         data-animate-observe="a128a502-e98e-4542-8d1d-a2318972982b" >
21389</div>
21390        </div>
21391        <div class="wms_content wml_rows">
21392            <!-- Text:text_1 -->
21393<div id="a128a502-e670-4b17-ad3e-ebb114e90165" class="wmc wmc_text " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:300px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:22.58px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
21394            >
21395    <div class="wml">
21396        <h4 style class="wmcM_heading4"><a class="wmcM_link" href="https://www.whitehousechironj.com/"><span style="--fontSizeDesktop: 1.75rem;
21396 --textColorDesktop: rgba(var(--colorBwGradientJ),1)">Eric Whitehouse, D.C.</span></a></h4>
21397    </div>
21398</div>
21399    <!-- Menu:menu_2 -->
21400<wm-menu id="a128a502-e3e7-43de-b46e-fa83dce3fca7" class="wmc wmc_menu wmcM_animateHover wmcM_menuHorizontalDesktop wmcM_menuHorizontalMobile wmcM_menuHorizontalTablet wmd_showMoreMenu"
21401    style="--zIndex:7;--widthMobile:320px;--widthTablet:514px;--widthDesktop:651px;--marginTopMobile:10.00px;--marginTopTablet:26.00px;--marginLeftMobile:0px;--marginLeftTablet:113.5px;--marginTopDesktop:4.00px;--minHeightDesktop:72px;--marginLeftDesktop:300px;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0.00px;--marginBottomTablet:-59.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;--horizontalNavItemFontDesktop:var(--fontFamilySecondary);--horizontalNavArrowSizeDesktop:24px;--horizontalNavArrowColorDesktop:rgba(var(--colorBwGradientJ),1);--horizontalNavArrowRotateDesktop:rotate(0deg);--horizontalNavSubItemFontDesktop:var(--fontFamilySecondary);--horizontalNavArrowSpacingDesktop:0px;--horizontalNavBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavItemFontSizeDesktop:16px;--horizontalNavItemFontColorDesktop:rgba(var(--colorBwGradientJ),1);--horizontalNavSubArrowColorDesktop:rgba(var(--colorBwGradientJ),1);--horizontalNavItemLineHeightDesktop:1;--horizontalNavItemPaddingTopDesktop:12px;--horizontalNavSeparatorColorDesktop:rgba(var(--colorCtaA),1);--horizontalNavSeparatorWidthDesktop:2px;--horizontalNavArrowColorHoverDesktop:rgba(var(--colorBwGradientA),1);--horizontalNavItemPaddingLeftDesktop:12px;--horizontalNavSubItemFontSizeDesktop:16px;--horizontalNavItemBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavItemPaddingRightDesktop:12px;--horizontalNavSeparatorDisplayDesktop:none;--horizontalNavSeparatorSpacingDesktop:0px;--horizontalNavSubItemFontColorDesktop:rgba(var(--colorBwGradientJ),1);--horizontalNavItemPaddingBottomDesktop:12px;--horizontalNavSubItemLineHeightDesktop:1.2;--horizontalNavSubItemPaddingTopDesktop:12px;--horizontalNavItemHoverFontColorDesktop:rgba(var(--customColor2),1);--horizontalNavSubArrowColorHoverDesktop:rgba(var(--colorBwGradientA),1);--horizontalNavSubItemPaddingLeftDesktop:12px;--horizontalNavSubItemBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavSubItemPaddingRightDesktop:12px;--horizontalNavSubItemPaddingBottomDesktop:12px;--horizontalNavItemBorderRadiusHoverDesktop:0px 0px 0px 0px;--horizontalNavSubItemHoverFontColorDesktop:rgba(var(--customColor2),1);--horizontalNavItemHoverBackgroundColorDesktop:rgba(var(--colorBwGradientA),1);--horizontalNavSubContainerBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavSubContainerBackgroundColorDesktop:rgba(var(--colorBwGradientA),1);--horizontalNavSubItemHoverBackgroundColorDesktop:rgba(var(--colorBwGradientA),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%2Fwmf5464991a424a4453af8202a9e6eed459bc7e9);--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);"
21402    data-parent-menu-to-submenu="false"
21403    data-more-menu="true"
21404    data-more-menu-text="More">
21405    <div class="wml">
21406        <div class="wms_content">
21407            <div class="navigation-module-container">
21408                <button class="hamburger-button">
21409                    <span class="hamburger-button-icon--container">
21410                        <span class="hamburger-button-icon"></span>
21411                        <span
21412                            class="hamburger-button-text visually-hidden"
21413                        >
21414                            
21415                            MENU
21416                        </span>
21417                    </span>
21418                </button>
21419                                    <nav class="navigation-nav">
21420                        <ul class="navigation-nav--main-menu">
21421                                                            <li class="navigation-nav--item">
21422    <a
21423        href="https://www.whitehousechironj.com/"
21424        href="#"
21425            >
21426                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21427                Home
21428    </a>
21429    </li>
21430                                                                    <li class="navigation-nav--separator">&nbsp;</li>
21431                                                                                            <li class="navigation-nav--item">
21432    <a
21433        href="https://www.whitehousechironj.com/about-1"
21434        href="#"
21435            >
21436                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21437                About Us
21438    </a>
21439                        <button
21440                type="button"
21441                class="arrow"
21442                aria-label="Toggle About Us sub menu"
21443            ></button>
21444                <ul
21445            class="navigation-nav--sub-menu"
21446             id="a128a502-e3e7-43de-b46e-fa83dce3fca7-panel-1"         >
21447                            <li class="navigation-nav--sub-item">
21448    <a
21449        href="https://www.whitehousechironj.com/meet-the-doctor"
21450        href="#"
21451            >
21452                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21453                Meet the Doctor
21454    </a>
21455    </li>
21456                                    <li class="navigation-nav--separator">&nbsp;</li>
21457                                            <li class="navigation-nav--sub-item">
21458    <a
21459        href="https://www.whitehousechironj.com/testimonials"
21460        href="#"
21461            >
21462                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21463                Testimonials
21464    </a>
21465    </li>
21466                                    <li class="navigation-nav--separator">&nbsp;</li>
21467                                            <li class="navigation-nav--sub-item">
21468    <a
21469        href="https://www.whitehousechironj.com/insurances"
21470        href="#"
21471            >
21472                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21473                Insurances
21474    </a>
21475    </li>
21476                                    </ul>
21477    </li>
21478                                                                    <li class="navigation-nav--separator">&nbsp;</li>
21479                                                                                            <li class="navigation-nav--item">
21480    <a
21481        
21482        href="#"
21483            >
21484                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21485                Patient Resources
21486    </a>
21487                        <button
21488                type="button"
21489                class="arrow"
21490                aria-label="Toggle Patient Resources sub menu"
21491            ></button>
21492                <ul
21493            class="navigation-nav--sub-menu"
21494             id="a128a502-e3e7-43de-b46e-fa83dce3fca7-panel-2"         >
21495                            <li class="navigation-nav--sub-item">
21496    <a
21497        href="https://www.whitehousechironj.com/about-chiro"
21498        href="#"
21499            >
21500                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21501                About Chiropractic
21502    </a>
21503    </li>
21504                                    <li class="navigation-nav--separator">&nbsp;</li>
21505                                            <li class="navigation-nav--sub-item">
21506    <a
21507        href="https://www.whitehousechironj.com/links"
21508        href="#"
21509            >
21510                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21511                Links
21512    </a>
21513    </li>
21514                                    <li class="navigation-nav--separator">&nbsp;</li>
21515                                            <li class="navigation-nav--sub-item">
21516    <a
21517        href="https://www.whitehousechironj.com/spinal-wellness-tips"
21518        href="#"
21519            >
21520                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21521                Spinal Wellness Tips
21522    </a>
21523    </li>
21524                                    <li class="navigation-nav--separator">&nbsp;</li>
21525                                            <li class="navigation-nav--sub-item">
21526    <a
21527        href="https://www.whitehousechironj.com/vertebral-subluxation-complex"
21528        href="#"
21529            >
21530                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21531                Vertebral Subluxation Complex
21532    </a>
21533    </li>
21534                                    <li class="navigation-nav--separator">&nbsp;</li>
21535                                            <li class="navigation-nav--sub-item">
21536    <a
21537        href="https://www.whitehousechironj.com/3d-spine-simulator"
21538        href="#"
21539            >
21540                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21541                3D Spine Simulator
21542    </a>
21543    </li>
21544                                    <li class="navigation-nav--separator">&nbsp;</li>
21545                                            <li class="navigation-nav--sub-item">
21546    <a
21547        href="https://www.whitehousechironj.com/q-and-a"
21548        href="#"
21549            >
21550                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21551                Q &amp; A
21552    </a>
21553    </li>
21554                                    <li class="navigation-nav--separator">&nbsp;</li>
21555                                            <li class="navigation-nav--sub-item">
21556    <a
21557        href="https://www.whitehousechironj.com/educational-videos"
21558        href="#"
21559            >
21560                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21561                Educational Videos
21562    </a>
21563    </li>
21564                                    <li class="navigation-nav--separator">&nbsp;</li>
21565                                            <li class="navigation-nav--sub-item">
21566    <a
21567        href="https://www.whitehousechironj.com/exercise-videos"
21568        href="#"
21569            >
21570                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21571                Exercise Videos
21572    </a>
21573    </li>
21574                                    </ul>
21575    </li>
21576                                                                    <li class="navigation-nav--separator">&nbsp;</li>
21577                                                                                            <li class="navigation-nav--item">
21578    <a
21579        
21580        href="#"
21581            >
21582                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21583                Services
21584    </a>
21585                        <button
21586                type="button"
21587                class="arrow"
21588                aria-label="Toggle Services sub menu"
21589            ></button>
21590                <ul
21591            class="navigation-nav--sub-menu"
21592             id="a128a502-e3e7-43de-b46e-fa83dce3fca7-panel-3"         >
21593                            <li class="navigation-nav--sub-item">
21594    <a
21595        href="https://www.whitehousechironj.com/adjustments-and-manipulation"
21596        href="#"
21597            >
21598                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21599                Spinal Adjustments and Manipulation
21600    </a>
21601    </li>
21602                                    <li class="navigation-nav--separator">&nbsp;</li>
21603                                            <li class="navigation-nav--sub-item">
21604    <a
21605        href="https://www.whitehousechironj.com/injuries"
21606        href="#"
21607            >
21608                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21609                Injuries
21610    </a>
21611                        <span class="arrow"></span>
21612                <ul
21613            class="navigation-nav--sub-menu"
21614                    >
21615                            <li class="navigation-nav--sub-item">
21616    <a
21617        href="https://www.whitehousechironj.com/auto-injury"
21618        href="#"
21619            >
21620                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21621                Auto Injury
21622    </a>
21623    </li>
21624                                    <li class="navigation-nav--separator">&nbsp;</li>
21625                                            <li class="navigation-nav--sub-item">
21626    <a
21627        href="https://www.whitehousechironj.com/personal-injury"
21628        href="#"
21629            >
21630                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21631                Personal Injury
21632    </a>
21633    </li>
21634                                    <li class="navigation-nav--separator">&nbsp;</li>
21635                                            <li class="navigation-nav--sub-item">
21636    <a
21637        href="https://www.whitehousechironj.com/sports-injury"
21638        href="#"
21639            >
21640                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21641                Sports Injury
21642    </a>
21643    </li>
21644                                    </ul>
21645    </li>
21646                                    <li class="navigation-nav--separator">&nbsp;</li>
21647                                            <li class="navigation-nav--sub-item">
21648    <a
21649        href="https://www.whitehousechironj.com/custom-foot-orthotics"
21650        href="#"
21651            >
21652                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21653                Custom Foot Orthotics
21654    </a>
21655    </li>
21656                                    <li class="navigation-nav--separator">&nbsp;</li>
21657                                            <li class="navigation-nav--sub-item">
21658    <a
21659        href="https://www.whitehousechironj.com/degenerative-disc-disease"
21660        href="#"
21661            >
21662                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21663                Degenerative Disc Disease
21664    </a>
21665    </li>
21666                                    <li class="navigation-nav--separator">&nbsp;</li>
21667                                            <li class="navigation-nav--sub-item">
21668    <a
21669        href="https://www.whitehousechironj.com/therapeutic-exercise"
21670        href="#"
21671            >
21672                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21673                Therapeutic Exercise
21674    </a>
21675    </li>
21676                                    <li class="navigation-nav--separator">&nbsp;</li>
21677                                            <li class="navigation-nav--sub-item">
21678    <a
21679        href="https://www.whitehousechironj.com/services/trigger-point-therapy"
21680        href="#"
21681            >
21682                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21683                Trigger Point Therapy
21684    </a>
21685    </li>
21686                                    <li class="navigation-nav--separator">&nbsp;</li>
21687                                            <li class="navigation-nav--sub-item">
21688    <a
21689        href="https://www.whitehousechironj.com/spine-care"
21690        href="#"
21691            >
21692                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21693                Spine Care
21694    </a>
21695    </li>
21696                                    <li class="navigation-nav--separator">&nbsp;</li>
21697                                            <li class="navigation-nav--sub-item">
21698    <a
21699        href="https://www.whitehousechironj.com/family-chiropractic"
21700        href="#"
21701            >
21702                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21703                Family Chiropractic
21704    </a>
21705    </li>
21706                                    <li class="navigation-nav--separator">&nbsp;</li>
21707                                            <li class="navigation-nav--sub-item">
21708    <a
21709        href="https://www.whitehousechironj.com/pregnancy"
21710        href="#"
21711            >
21712                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21713                Pregnancy
21714    </a>
21715    </li>
21716                                    <li class="navigation-nav--separator">&nbsp;</li>
21717                                            <li class="navigation-nav--sub-item">
21718    <a
21719        href="https://www.whitehousechironj.com/children-and-chiropractic-care"
21720        href="#"
21721            >
21722                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21723                Children and Chiropractic Care
21724    </a>
21725    </li>
21726                                    <li class="navigation-nav--separator">&nbsp;</li>
21727                                            <li class="navigation-nav--sub-item">
21728    <a
21729        href="https://www.whitehousechironj.com/common-chiropractic-conditions"
21730        href="#"
21731            >
21732                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21733                Treatment of Common Chiropractic Conditions
21734    </a>
21735                        <span class="arrow"></span>
21736                <ul
21737            class="navigation-nav--sub-menu"
21738                    >
21739                            <li class="navigation-nav--sub-item">
21740    <a
21741        href="https://www.whitehousechironj.com/back-pain-treatments"
21742        href="#"
21743            >
21744                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21745                Back Pain Treatments
21746    </a>
21747    </li>
21748                                    <li class="navigation-nav--separator">&nbsp;</li>
21749                                            <li class="navigation-nav--sub-item">
21750    <a
21751        href="https://www.whitehousechironj.com/sciatica-treatments"
21752        href="#"
21753            >
21754                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21755                Sciatica Treatments
21756    </a>
21757    </li>
21758                                    <li class="navigation-nav--separator">&nbsp;</li>
21759                                            <li class="navigation-nav--sub-item">
21760    <a
21761        href="https://www.whitehousechironj.com/neck-pain-treatments"
21762        href="#"
21763            >
21764                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21765                Neck Pain Treatments
21766    </a>
21767    </li>
21768                                    <li class="navigation-nav--separator">&nbsp;</li>
21769                                            <li class="navigation-nav--sub-item">
21770    <a
21771        href="https://www.whitehousechironj.com/vertigo-treatments"
21772        href="#"
21773            >
21774                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21775                Vertigo Treatments
21776    </a>
21777    </li>
21778                                    <li class="navigation-nav--separator">&nbsp;</li>
21779                                            <li class="navigation-nav--sub-item">
21780    <a
21781        href="https://www.whitehousechironj.com/herniated-disc-treatments"
21782        href="#"
21783            >
21784                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21785                Herniated Disc Treatments
21786    </a>
21787    </li>
21788                                    <li class="navigation-nav--separator">&nbsp;</li>
21789                                            <li class="navigation-nav--sub-item">
21790    <a
21791        href="https://www.whitehousechironj.com/nerve-pain-treatments"
21792        href="#"
21793            >
21794                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21795                Nerve Pain Treatments
21796    </a>
21797    </li>
21798                                    <li class="navigation-nav--separator">&nbsp;</li>
21799                                            <li class="navigation-nav--sub-item">
21800    <a
21801        href="https://www.whitehousechironj.com/headache-relief"
21802        href="#"
21803            >
21804                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21805                Headache Relief
21806    </a>
21807    </li>
21808                                    </ul>
21809    </li>
21810                                    </ul>
21811    </li>
21812                                                                    <li class="navigation-nav--separator">&nbsp;</li>
21813                                                                                            <li class="navigation-nav--item">
21814    <a
21815        href="https://www.whitehousechironj.com/new-patients"
21816        href="#"
21817            >
21818                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21819                New Patients
21820    </a>
21821                        <button
21822                type="button"
21823                class="arrow"
21824                aria-label="Toggle New Patients sub menu"
21825            ></button>
21826                <ul
21827            class="navigation-nav--sub-menu"
21828             id="a128a502-e3e7-43de-b46e-fa83dce3fca7-panel-4"         >
21829                            <li class="navigation-nav--sub-item">
21830    <a
21831        href="https://www.whitehousechironj.com/appointment"
21832        href="#"
21833            >
21834                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21835                Appointment Request
21836    </a>
21837    </li>
21838                                    </ul>
21839    </li>
21840                                                                    <li class="navigation-nav--separator">&nbsp;</li>
21841                                                                                            <li class="navigation-nav--item">
21842    <a
21843        href="https://www.whitehousechironj.com/contact"
21844        href="#"
21845            >
21846                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21847                Contact Us
21848    </a>
21849    </li>
21850                                                                    <li class="navigation-nav--separator">&nbsp;</li>
21851                                                                                            <li class="navigation-nav--item">
21852    <a
21853        href="https://www.zocdoc.com/practice/dr-eric-whitehouse-dc-42116?lock=true&isNewPatient=false&referrerType=widget" target="_blank"
21854        href="https://www.zocdoc.com/practice/dr-eric-whitehouse-dc-42116?lock=true&amp;isNewPatient=false&amp;referrerType=widget"
21855                    target="_blank" rel="noopener noreferrer"
21856            >
21857                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21858                Book Online
21859    </a>
21860    </li>
21861                                                            
21862
21863
21864
21865
21866
21867
21868
21869                        </ul>
21870                    </nav>
21871                            </div>
21872        </div>
21873    </div>
21874</wm-menu>
21875    <!-- Button:button_1 -->
21876<div id="a128a502-dc3c-4d22-9cab-34cddc3f43e5" class="wmc wmc_button wmcM_animateHover wmcM_containerAlignLeft wmcM_hidden--mobile" style="--widthMobile:200px;--widthTablet:200px;--widthDesktop:195px;--bgColorDesktop:rgba(var(--colorBwGradientA),1);--marginTopMobile:11.00px;--marginTopTablet:29.00px;--borderTopDesktop:2px solid rgba(var(--colorBwGradientD),0);--marginLeftMobile:10px;
21876--marginLeftTablet:520px;--marginTopDesktop:12.50px;--minHeightDesktop:36px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:2px solid rgba(var(--colorBwGradientD),0);--marginLeftDesktop:1086px;--paddingLeftMobile:10px;--paddingLeftTablet:10px;--paddingTopDesktop:16px;--borderRightDesktop:2px solid rgba(var(--colorBwGradientD),0);--gridPositionMobile:4;--gridPositionTablet:2;--marginBottomMobile:-133.00px;--marginBottomTablet:0.00px;--paddingLeftDesktop:12px;--paddingRightMobile:10px;--paddingRightTablet:10px;--bgColorDesktopHover:rgba(var(--colorPrimaryE),0);--borderBottomDesktop:2px solid rgba(var(--colorBwGradientD),0);--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:12px;--paddingBottomDesktop:16px;--borderTopDesktopHover:2px solid rgba(var(--colorBwGradientJ),1);--borderLeftDesktopHover:2px solid rgba(var(--colorBwGradientJ),1);--borderRightDesktopHover:2px solid rgba(var(--colorBwGradientJ),1);--borderBottomDesktopHover:2px solid rgba(var(--colorBwGradientJ),1);--borderRadiusDesktopHover:0px 0px 0px 0px;--flexJustifyContentDesktop:center;--transitionDurationMsDesktopHover:300;">
21877    <a href="tel:9086540500" class="wml wml_button">
21878        <span class="wms_background">
21879            <div class="wmc_color_layer "
21880    style=""
21881         data-animate-observe="a128a502-dc3c-4d22-9cab-34cddc3f43e5" >
21882</div>
21883        </span>
21884        <span class="wms_button">
21885            <!-- Button.Text:button_text -->
21886<span id="a128a502-d776-46e2-8508-e728038b879f" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
21887    <span class="wml">
21888        <p><span style="--fontSizeDesktop: 1.1875rem; --fontWeightDesktop: 600; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --textColorDesktopHover: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilyPrimary)">908-654-0500</span></p>
21889    </span>
21890</span>
21891            <!-- Button.Icon:button_icon -->
21892<span id="a128a502-d2ea-4e5e-a96a-040bf8d3be34" class="wmc wmc_icon wmc_buttonIcon wmcM_empty" style="--iconSizeDesktop:1.5rem;--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
21893    <span class="wml wml_icon">
21894        <i style="mask: url(https://storage.evona.app/w%2Fm%2Fa%2F5%2Fd%2F3%2Fwma5d31d38bbffde57cc2409363d5a0eaa7b00a5) center / contain no-repeat"></i>
21895    </span>
21896</span>
21897        </span>
21898    </a>
21899</div>
21900        </div>
21901    </div>
21902</div>
21903    </div>
21904</section>
21905    <!-- Section:Fixed header -->
21906<section id="a1284cd4-076d-495a-bfd7-92895695b0ba" class="wmc wmc_section wmcM_hidden--tablet wmcM_hidden--mobile" style="--bgColorDesktop:rgba(var(--colorBwGradientA),1);--minHeightMobile:132.8125px;--minHeightTablet:491px;--minHeightDesktop:55.828125px;--gridPositionMobile:4;--gridPositionTablet:4;--gridPositionDesktop:4;">
21907    <div class="wml wml_rows">
21908        <div class="wms_background">
21909            <div class="wmc_color_layer "
21910    style=""
21911         data-animate-observe="a1284cd4-076d-495a-bfd7-92895695b0ba" >
21912</div>
21913        </div>
21914        <!-- Box:box_1 -->
21915<div id="a128a514-45f7-48f5-bcf3-3a40bf3415ea" class="wmc wmc_box wmcM_hidden--mobile" style="--widthMobile:320px;--widthTablet:720px;--widthDesktop:1280px;--marginTopMobile:0.00px;--marginTopTablet:0px;--minHeightMobile:60px;--minHeightTablet:85px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--minHeightDesktop:76px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:20.00px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;" >
21916    <div class="wml wml_box "
21917            >
21918        <svg class="wm_svgFilter">
21919    <filter id="wm_svgKnockoutFilter_a128a514-45f7-48f5-bcf3-3a40bf3415ea" color-interpolation-filters="sRGB">
21920        <feComponentTransfer result="inverseA">
21921            <feFuncA type="table" tableValues="1 0"/>
21922        </feComponentTransfer>
21923        <feFlood flood-color="var(--bgColor)"/>
21924        <feComposite operator="in" in2="inverseA"/>
21925    </filter>
21926</svg>
21927<style>
21928    [id='a128a514-45f7-48f5-bcf3-3a40bf3415ea'].wmcM_knockoutEffect .wms_content {
21929        filter: url(#wm_svgKnockoutFilter_a128a514-45f7-48f5-bcf3-3a40bf3415ea);
21930    }
21931</style>
21932                <div class="wms_background">
21933            <div class="wmc_color_layer "
21934    style=""
21935         data-animate-observe="a128a514-45f7-48f5-bcf3-3a40bf3415ea" >
21936</div>
21937        </div>
21938        <div class="wms_content wml_rows">
21939            <!-- Text:text_1 -->
21940<div id="a128a514-42c0-4fb4-8189-4f8df0c1b55e" class="wmc wmc_text " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:300px;--marginTopMobile:0.00px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:22.58px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
21941            >
21942    <div class="wml">
21943        <h4 style class="wmcM_heading4"><a class="wmcM_link" href="https://www.whitehousechironj.com/"><span style="--fontSizeDesktop: 1.75rem;
21943 --textColorDesktop: rgba(var(--colorBwGradientJ),1)">Eric Whitehouse, D.C.</span></a></h4>
21944    </div>
21945</div>
21946    <!-- Button:button_1 -->
21947<div id="a128a514-39b2-476e-97b1-ab4972b93985" class="wmc wmc_button wmcM_animateHover wmcM_containerAlignLeft" style="--widthMobile:200px;--widthTablet:200px;--widthDesktop:195px;--bgColorDesktop:rgba(var(--colorBwGradientA),1);--marginTopMobile:-22.61px;--marginTopTablet:29.00px;--borderTopDesktop:2px solid rgba(var(--colorBwGradientD),0);--marginLeftMobile:196px;--marginLeftTablet:520px;--marginTopDesktop:12.50px;--minHeightDesktop:36px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:2px solid rgba(var(--colorBwGradientD),0);--marginLeftDesktop:1086px;--paddingLeftMobile:10px;--paddingLeftTablet:10px;--paddingTopDesktop:16px;--borderRightDesktop:2px solid rgba(var(--colorBwGradientD),0);--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--paddingLeftDesktop:12px;--paddingRightMobile:10px;--paddingRightTablet:10px;--bgColorDesktopHover:rgba(var(--colorPrimaryE),0);--borderBottomDesktop:2px solid rgba(var(--colorBwGradientD),0);--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;--paddingBottomMobile:10px;
21947--paddingBottomTablet:10px;--paddingRightDesktop:12px;--paddingBottomDesktop:16px;--borderTopDesktopHover:2px solid rgba(var(--colorBwGradientJ),1);--borderLeftDesktopHover:2px solid rgba(var(--colorBwGradientJ),1);--borderRightDesktopHover:2px solid rgba(var(--colorBwGradientJ),1);--borderBottomDesktopHover:2px solid rgba(var(--colorBwGradientJ),1);--borderRadiusDesktopHover:0px 0px 0px 0px;--flexJustifyContentDesktop:center;--transitionDurationMsDesktopHover:300;">
21948    <a href="tel:9086540500" class="wml wml_button">
21949        <span class="wms_background">
21950            <div class="wmc_color_layer "
21951    style=""
21952         data-animate-observe="a128a514-39b2-476e-97b1-ab4972b93985" >
21953</div>
21954        </span>
21955        <span class="wms_button">
21956            <!-- Button.Text:button_text -->
21957<span id="a128a514-3571-42d6-8cf5-e2f0ae34719d" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
21958    <span class="wml">
21959        <p><span style="--fontSizeDesktop: 1.1875rem; --fontWeightDesktop: 600; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --textColorDesktopHover: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilyPrimary)">908-654-0500</span></p>
21960    </span>
21961</span>
21962            <!-- Button.Icon:button_icon -->
21963<span id="a128a514-3100-47fb-9240-91cf197141ad" class="wmc wmc_icon wmc_buttonIcon wmcM_empty" style="--iconSizeDesktop:1.5rem;--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
21964    <span class="wml wml_icon">
21965        <i style="mask: url(https://storage.evona.app/w%2Fm%2Fa%2F5%2Fd%2F3%2Fwma5d31d38bbffde57cc2409363d5a0eaa7b00a5) center / contain no-repeat"></i>
21966    </span>
21967</span>
21968        </span>
21969    </a>
21970</div>
21971    <!-- Menu:menu_2 -->
21972<wm-menu id="a128a514-404b-4acd-bba7-58111caa290e" class="wmc wmc_menu wmcM_animateHover wmcM_menuHorizontalDesktop wmcM_menuHorizontalMobile wmcM_menuHorizontalTablet wmd_showMoreMenu"
21973    style="--zIndex:7;--widthMobile:320px;--widthTablet:514px;--widthDesktop:651px;--marginTopMobile:-15.39px;--marginTopTablet:26.00px;--marginLeftMobile:0px;--marginLeftTablet:113.5px;--marginTopDesktop:4.00px;--minHeightDesktop:72px;--marginLeftDesktop:300px;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0.00px;--marginBottomTablet:-59.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;--horizontalNavItemFontDesktop:var(--fontFamilySecondary);--horizontalNavArrowSizeDesktop:24px;--horizontalNavArrowColorDesktop:rgba(var(--colorBwGradientJ),1);--horizontalNavArrowRotateDesktop:rotate(0deg);--horizontalNavSubItemFontDesktop:var(--fontFamilySecondary);--horizontalNavArrowSpacingDesktop:0px;--horizontalNavBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavItemFontSizeDesktop:16px;--horizontalNavItemFontColorDesktop:rgba(var(--colorBwGradientJ),1);--horizontalNavSubArrowColorDesktop:rgba(var(--colorBwGradientJ),1);--horizontalNavItemLineHeightDesktop:1;--horizontalNavItemPaddingTopDesktop:12px;--horizontalNavSeparatorColorDesktop:rgba(var(--colorCtaA),1);--horizontalNavSeparatorWidthDesktop:2px;--horizontalNavArrowColorHoverDesktop:rgba(var(--colorBwGradientA),1);--horizontalNavItemPaddingLeftDesktop:12px;--horizontalNavSubItemFontSizeDesktop:16px;--horizontalNavItemBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavItemPaddingRightDesktop:12px;--horizontalNavSeparatorDisplayDesktop:none;--horizontalNavSeparatorSpacingDesktop:0px;--horizontalNavSubItemFontColorDesktop:rgba(var(--colorBwGradientJ),1);--horizontalNavItemPaddingBottomDesktop:12px;--horizontalNavSubItemLineHeightDesktop:1.2;--horizontalNavSubItemPaddingTopDesktop:12px;--horizontalNavItemHoverFontColorDesktop:rgba(var(--customColor2),1);--horizontalNavSubArrowColorHoverDesktop:rgba(var(--colorBwGradientA),1);--horizontalNavSubItemPaddingLeftDesktop:12px;--horizontalNavSubItemBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavSubItemPaddingRightDesktop:12px;--horizontalNavSubItemPaddingBottomDesktop:12px;--horizontalNavItemBorderRadiusHoverDesktop:0px 0px 0px 0px;--horizontalNavSubItemHoverFontColorDesktop:rgba(var(--customColor2),1);
21973--horizontalNavItemHoverBackgroundColorDesktop:rgba(var(--colorBwGradientA),1);--horizontalNavSubContainerBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavSubContainerBackgroundColorDesktop:rgba(var(--colorBwGradientA),1);--horizontalNavSubItemHoverBackgroundColorDesktop:rgba(var(--colorBwGradientA),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%2Fwmf5464991a424a4453af8202a9e6eed459bc7e9);--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);"
21974    data-parent-menu-to-submenu="false"
21975    data-more-menu="true"
21976    data-more-menu-text="More">
21977    <div class="wml">
21978        <div class="wms_content">
21979            <div class="navigation-module-container">
21980                <button class="hamburger-button">
21981                    <span class="hamburger-button-icon--container">
21982                        <span class="hamburger-button-icon"></span>
21983                        <span
21984                            class="hamburger-button-text visually-hidden"
21985                        >
21986                            
21987                            MENU
21988                        </span>
21989                    </span>
21990                </button>
21991                                    <nav class="navigation-nav">
21992                        <ul class="navigation-nav--main-menu">
21993                                                            <li class="navigation-nav--item">
21994    <a
21995        href="https://www.whitehousechironj.com/"
21996        href="#"
21997            >
21998                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
21999                Home
22000    </a>
22001    </li>
22002                                                                    <li class="navigation-nav--separator">&nbsp;</li>
22003                                                                                            <li class="navigation-nav--item">
22004    <a
22005        href="https://www.whitehousechironj.com/about-1"
22006        href="#"
22007            >
22008                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22009                About Us
22010    </a>
22011                        <button
22012                type="button"
22013                class="arrow"
22014                aria-label="Toggle About Us sub menu"
22015            ></button>
22016                <ul
22017            class="navigation-nav--sub-menu"
22018             id="a128a514-404b-4acd-bba7-58111caa290e-panel-1"         >
22019                            <li class="navigation-nav--sub-item">
22020    <a
22021        href="https://www.whitehousechironj.com/meet-the-doctor"
22022        href="#"
22023            >
22024                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22025                Meet the Doctor
22026    </a>
22027    </li>
22028                                    <li class="navigation-nav--separator">&nbsp;</li>
22029                                            <li class="navigation-nav--sub-item">
22030    <a
22031        href="https://www.whitehousechironj.com/testimonials"
22032        href="#"
22033            >
22034                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22035                Testimonials
22036    </a>
22037    </li>
22038                                    <li class="navigation-nav--separator">&nbsp;</li>
22039                                            <li class="navigation-nav--sub-item">
22040    <a
22041        href="https://www.whitehousechironj.com/insurances"
22042        href="#"
22043            >
22044                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22045                Insurances
22046    </a>
22047    </li>
22048                                    </ul>
22049    </li>
22050                                                                    <li class="navigation-nav--separator">&nbsp;</li>
22051                                                                                            <li class="navigation-nav--item">
22052    <a
22053        
22054        href="#"
22055            >
22056                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22057                Patient Resources
22058    </a>
22059                        <button
22060                type="button"
22061                class="arrow"
22062                aria-label="Toggle Patient Resources sub menu"
22063            ></button>
22064                <ul
22065            class="navigation-nav--sub-menu"
22066             id="a128a514-404b-4acd-bba7-58111caa290e-panel-2"         >
22067                            <li class="navigation-nav--sub-item">
22068    <a
22069        href="https://www.whitehousechironj.com/about-chiro"
22070        href="#"
22071            >
22072                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22073                About Chiropractic
22074    </a>
22075    </li>
22076                                    <li class="navigation-nav--separator">&nbsp;</li>
22077                                            <li class="navigation-nav--sub-item">
22078    <a
22079        href="https://www.whitehousechironj.com/links"
22080        href="#"
22081            >
22082                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22083                Links
22084    </a>
22085    </li>
22086                                    <li class="navigation-nav--separator">&nbsp;</li>
22087                                            <li class="navigation-nav--sub-item">
22088    <a
22089        href="https://www.whitehousechironj.com/spinal-wellness-tips"
22090        href="#"
22091            >
22092                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22093                Spinal Wellness Tips
22094    </a>
22095    </li>
22096                                    <li class="navigation-nav--separator">&nbsp;</li>
22097                                            <li class="navigation-nav--sub-item">
22098    <a
22099        href="https://www.whitehousechironj.com/vertebral-subluxation-complex"
22100        href="#"
22101            >
22102                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22103                Vertebral Subluxation Complex
22104    </a>
22105    </li>
22106                                    <li class="navigation-nav--separator">&nbsp;</li>
22107                                            <li class="navigation-nav--sub-item">
22108    <a
22109        href="https://www.whitehousechironj.com/3d-spine-simulator"
22110        href="#"
22111            >
22112                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22113                3D Spine Simulator
22114    </a>
22115    </li>
22116                                    <li class="navigation-nav--separator">&nbsp;</li>
22117                                            <li class="navigation-nav--sub-item">
22118    <a
22119        href="https://www.whitehousechironj.com/q-and-a"
22120        href="#"
22121            >
22122                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22123                Q &amp; A
22124    </a>
22125    </li>
22126                                    <li class="navigation-nav--separator">&nbsp;</li>
22127                                            <li class="navigation-nav--sub-item">
22128    <a
22129        href="https://www.whitehousechironj.com/educational-videos"
22130        href="#"
22131            >
22132                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22133                Educational Videos
22134    </a>
22135    </li>
22136                                    <li class="navigation-nav--separator">&nbsp;</li>
22137                                            <li class="navigation-nav--sub-item">
22138    <a
22139        href="https://www.whitehousechironj.com/exercise-videos"
22140        href="#"
22141            >
22142                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22143                Exercise Videos
22144    </a>
22145    </li>
22146                                    </ul>
22147    </li>
22148                                                                    <li class="navigation-nav--separator">&nbsp;</li>
22149                                                                                            <li class="navigation-nav--item">
22150    <a
22151        
22152        href="#"
22153            >
22154                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22155                Services
22156    </a>
22157                        <button
22158                type="button"
22159                class="arrow"
22160                aria-label="Toggle Services sub menu"
22161            ></button>
22162                <ul
22163            class="navigation-nav--sub-menu"
22164             id="a128a514-404b-4acd-bba7-58111caa290e-panel-3"         >
22165                            <li class="navigation-nav--sub-item">
22166    <a
22167        href="https://www.whitehousechironj.com/adjustments-and-manipulation"
22168        href="#"
22169            >
22170                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22171                Spinal Adjustments and Manipulation
22172    </a>
22173    </li>
22174                                    <li class="navigation-nav--separator">&nbsp;</li>
22175                                            <li class="navigation-nav--sub-item">
22176    <a
22177        href="https://www.whitehousechironj.com/injuries"
22178        href="#"
22179            >
22180                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22181                Injuries
22182    </a>
22183                        <span class="arrow"></span>
22184                <ul
22185            class="navigation-nav--sub-menu"
22186                    >
22187                            <li class="navigation-nav--sub-item">
22188    <a
22189        href="https://www.whitehousechironj.com/auto-injury"
22190        href="#"
22191            >
22192                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22193                Auto Injury
22194    </a>
22195    </li>
22196                                    <li class="navigation-nav--separator">&nbsp;</li>
22197                                            <li class="navigation-nav--sub-item">
22198    <a
22199        href="https://www.whitehousechironj.com/personal-injury"
22200        href="#"
22201            >
22202                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22203                Personal Injury
22204    </a>
22205    </li>
22206                                    <li class="navigation-nav--separator">&nbsp;</li>
22207                                            <li class="navigation-nav--sub-item">
22208    <a
22209        href="https://www.whitehousechironj.com/sports-injury"
22210        href="#"
22211            >
22212                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22213                Sports Injury
22214    </a>
22215    </li>
22216                                    </ul>
22217    </li>
22218                                    <li class="navigation-nav--separator">&nbsp;</li>
22219                                            <li class="navigation-nav--sub-item">
22220    <a
22221        href="https://www.whitehousechironj.com/custom-foot-orthotics"
22222        href="#"
22223            >
22224                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22225                Custom Foot Orthotics
22226    </a>
22227    </li>
22228                                    <li class="navigation-nav--separator">&nbsp;</li>
22229                                            <li class="navigation-nav--sub-item">
22230    <a
22231        href="https://www.whitehousechironj.com/degenerative-disc-disease"
22232        href="#"
22233            >
22234                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22235                Degenerative Disc Disease
22236    </a>
22237    </li>
22238                                    <li class="navigation-nav--separator">&nbsp;</li>
22239                                            <li class="navigation-nav--sub-item">
22240    <a
22241        href="https://www.whitehousechironj.com/therapeutic-exercise"
22242        href="#"
22243            >
22244                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22245                Therapeutic Exercise
22246    </a>
22247    </li>
22248                                    <li class="navigation-nav--separator">&nbsp;</li>
22249                                            <li class="navigation-nav--sub-item">
22250    <a
22251        href="https://www.whitehousechironj.com/services/trigger-point-therapy"
22252        href="#"
22253            >
22254                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22255                Trigger Point Therapy
22256    </a>
22257    </li>
22258                                    <li class="navigation-nav--separator">&nbsp;</li>
22259                                            <li class="navigation-nav--sub-item">
22260    <a
22261        href="https://www.whitehousechironj.com/spine-care"
22262        href="#"
22263            >
22264                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22265                Spine Care
22266    </a>
22267    </li>
22268                                    <li class="navigation-nav--separator">&nbsp;</li>
22269                                            <li class="navigation-nav--sub-item">
22270    <a
22271        href="https://www.whitehousechironj.com/family-chiropractic"
22272        href="#"
22273            >
22274                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22275                Family Chiropractic
22276    </a>
22277    </li>
22278                                    <li class="navigation-nav--separator">&nbsp;</li>
22279                                            <li class="navigation-nav--sub-item">
22280    <a
22281        href="https://www.whitehousechironj.com/pregnancy"
22282        href="#"
22283            >
22284                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22285                Pregnancy
22286    </a>
22287    </li>
22288                                    <li class="navigation-nav--separator">&nbsp;</li>
22289                                            <li class="navigation-nav--sub-item">
22290    <a
22291        href="https://www.whitehousechironj.com/children-and-chiropractic-care"
22292        href="#"
22293            >
22294                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22295                Children and Chiropractic Care
22296    </a>
22297    </li>
22298                                    <li class="navigation-nav--separator">&nbsp;</li>
22299                                            <li class="navigation-nav--sub-item">
22300    <a
22301        href="https://www.whitehousechironj.com/common-chiropractic-conditions"
22302        href="#"
22303            >
22304                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22305                Treatment of Common Chiropractic Conditions
22306    </a>
22307                        <span class="arrow"></span>
22308                <ul
22309            class="navigation-nav--sub-menu"
22310                    >
22311                            <li class="navigation-nav--sub-item">
22312    <a
22313        href="https://www.whitehousechironj.com/back-pain-treatments"
22314        href="#"
22315            >
22316                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22317                Back Pain Treatments
22318    </a>
22319    </li>
22320                                    <li class="navigation-nav--separator">&nbsp;</li>
22321                                            <li class="navigation-nav--sub-item">
22322    <a
22323        href="https://www.whitehousechironj.com/sciatica-treatments"
22324        href="#"
22325            >
22326                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22327                Sciatica Treatments
22328    </a>
22329    </li>
22330                                    <li class="navigation-nav--separator">&nbsp;</li>
22331                                            <li class="navigation-nav--sub-item">
22332    <a
22333        href="https://www.whitehousechironj.com/neck-pain-treatments"
22334        href="#"
22335            >
22336                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22337                Neck Pain Treatments
22338    </a>
22339    </li>
22340                                    <li class="navigation-nav--separator">&nbsp;</li>
22341                                            <li class="navigation-nav--sub-item">
22342    <a
22343        href="https://www.whitehousechironj.com/vertigo-treatments"
22344        href="#"
22345            >
22346                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22347                Vertigo Treatments
22348    </a>
22349    </li>
22350                                    <li class="navigation-nav--separator">&nbsp;</li>
22351                                            <li class="navigation-nav--sub-item">
22352    <a
22353        href="https://www.whitehousechironj.com/herniated-disc-treatments"
22354        href="#"
22355            >
22356                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22357                Herniated Disc Treatments
22358    </a>
22359    </li>
22360                                    <li class="navigation-nav--separator">&nbsp;</li>
22361                                            <li class="navigation-nav--sub-item">
22362    <a
22363        href="https://www.whitehousechironj.com/nerve-pain-treatments"
22364        href="#"
22365            >
22366                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22367                Nerve Pain Treatments
22368    </a>
22369    </li>
22370                                    <li class="navigation-nav--separator">&nbsp;</li>
22371                                            <li class="navigation-nav--sub-item">
22372    <a
22373        href="https://www.whitehousechironj.com/headache-relief"
22374        href="#"
22375            >
22376                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22377                Headache Relief
22378    </a>
22379    </li>
22380                                    </ul>
22381    </li>
22382                                    </ul>
22383    </li>
22384                                                                    <li class="navigation-nav--separator">&nbsp;</li>
22385                                                                                            <li class="navigation-nav--item">
22386    <a
22387        href="https://www.whitehousechironj.com/new-patients"
22388        href="#"
22389            >
22390                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22391                New Patients
22392    </a>
22393                        <button
22394                type="button"
22395                class="arrow"
22396                aria-label="Toggle New Patients sub menu"
22397            ></button>
22398                <ul
22399            class="navigation-nav--sub-menu"
22400             id="a128a514-404b-4acd-bba7-58111caa290e-panel-4"         >
22401                            <li class="navigation-nav--sub-item">
22402    <a
22403        href="https://www.whitehousechironj.com/appointment"
22404        href="#"
22405            >
22406                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22407                Appointment Request
22408    </a>
22409    </li>
22410                                    </ul>
22411    </li>
22412                                                                    <li class="navigation-nav--separator">&nbsp;</li>
22413                                                                                            <li class="navigation-nav--item">
22414    <a
22415        href="https://www.whitehousechironj.com/contact"
22416        href="#"
22417            >
22418                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22419                Contact Us
22420    </a>
22421    </li>
22422                                                                    <li class="navigation-nav--separator">&nbsp;</li>
22423                                                                                            <li class="navigation-nav--item">
22424    <a
22425        href="https://www.zocdoc.com/practice/dr-eric-whitehouse-dc-42116?lock=true&isNewPatient=false&referrerType=widget" target="_blank"
22426        href="https://www.zocdoc.com/practice/dr-eric-whitehouse-dc-42116?lock=true&amp;isNewPatient=false&amp;referrerType=widget"
22427                    target="_blank" rel="noopener noreferrer"
22428            >
22429                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22430                Book Online
22431    </a>
22432    </li>
22433                                                            
22434
22435
22436
22437
22438
22439
22440
22441                        </ul>
22442                    </nav>
22443                            </div>
22444        </div>
22445    </div>
22446</wm-menu>
22447        </div>
22448    </div>
22449</div>
22450    </div>
22451</section>
22452    <!-- Section:Page Title -->
22453<section id="a1284cd1-a232-48d5-ac59-c8fc113606f5" class="wmc wmc_section " style="--bgColorDesktop:rgba(var(--colorPrimaryH),0);--marginTopTablet:0.00px;--minHeightMobile:115.61666870117188px;--minHeightTablet:136px;--minHeightDesktop:155.81666564941406px;--gridPositionMobile:5;
22453--gridPositionTablet:5;--marginBottomTablet:0.00px;--gridPositionDesktop:5;">
22454    <div class="wml wml_rows">
22455        <div class="wms_background">
22456            <div class="wmc_color_layer "
22457    style=""
22458         data-animate-observe="a1284cd1-a232-48d5-ac59-c8fc113606f5" >
22459</div>
22460        </div>
22461        <!-- Breadcrumb:breadcrumb_1 -->
22462<div id="a1284cd1-9ffa-47ed-8952-f24a25454f2b" 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%2F8%2F6%2Fc%2F5%2Fwm86c5d97d15440080e0d6557cbc24e0eac68f3b);--widthMobile:320px;--widthTablet:720px;--widthDesktop:1280px;--marginTopMobile:15.00px;--marginTopTablet:33.00px;--minHeightTablet:19.199996948242188px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:31.00px;--minHeightDesktop:22px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;--breadcrumbVerticalGap:8px;--breadcrumbHorizontalGap:0px;--breadcrumbItemFontDesktop:var(--fontFamilySecondary);--breadcrumbDelimiterIconColor:rgba(var(--colorBackgroundH),1);--breadcrumbItemFontSizeDesktop:14px;--breadcrumbItemFontColorDesktop:rgba(var(--colorSecondaryB),1);--breadcrumbItemLineHeightDesktop:1;--breadcrumbDelimiterIconSizeDesktop:10px;--breadcrumbItemHoverFontColorDesktop:rgba(var(--colorBackgroundH),1);--breadcrumbItemLineHeightHoverDesktop:1;">
22463    <div class="wml wml_breadcrumb">
22464        <span class="wmd_home wmd_homeIcon" style="--icon-url: url(https://storage.evona.app/w%2Fm%2F1%2Fa%2F7%2Fc%2Fwm1a7c5511e74b9c0b5d411b7e00724155047ef9)">
22465    <a href="https://www.whitehousechironj.com/" class="wmd__item">
22466        <span>
22467                            <i></i>
22468                    </span>
22469    </a>
22470</span>
22471<span class="wmd_home wmd_homeText">
22472    <a href="https://www.whitehousechironj.com/" class="wmd__item">
22473        <span>
22474                            Home
22475                    </span>
22476    </a>
22477</span>
22478                            <span class="space-separator">&nbsp;</span>
22479            <span class="wmd_delimiterIcon wmd_delimiterIcon--first">
22480                <i></i>
22481            </span>
22482                                <span class="wmd__item">
22483                    Contact Us
22484            </span>
22485                        </div>
22486</div>
22487    <!-- Text:text_1 -->
22488<div id="a1284cd1-a335-4170-892c-77d3c500ce88" class="wmc wmc_text " style="--widthMobile:320px;--widthTablet:720px;--widthDesktop:1280px;--marginTopMobile:-0.20px;--marginTopTablet:-0.20px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--minHeightDesktop:52.80000305175781px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:28.82px;--marginBottomTablet:31.20px;--gridPositionDesktop:2;--marginBottomDesktop:50.02px;"
22489            >
22490    <div class="wml">
22491        <h1 style><span style="--fontWeightDesktop: 300; --textColorDesktop: rgba(var(--colorSecondaryB),1)">Contact Us</span></h1>
22492    </div>
22493</div>
22494    </div>
22495</section>
22496    <!-- Placeholder: -->
22497    <!-- Wrapping page:contact_us Id:a1284e08-3186-48c2-9f5c-e9bc42cf2de5 -->
22498<div id="a128a4de-475a-4d33-afaa-9ea146ab6d7a" class="wmc wmc_placeholder " style="--gridPositionMobile:6;--gridPositionTablet:6;--gridPositionDesktop:6;" data-placeholder-content-id="a1284e08-3186-48c2-9f5c-e9bc42cf2de5">
22499    <div class="wml wml_rows">
22500        <div class="wms_background">
22501            <div class="wmc_color_layer "
22502    style=""
22503         data-animate-observe="a128a4de-475a-4d33-afaa-9ea146ab6d7a" >
22504</div>
22505        </div>
22506        <!-- Global Placeholder:int content fullwidth -->
22507    <!-- Wrapping global-content:int content fullwidth Id:a1284cd9-2ace-4c42-87eb-e20f37be5517 -->
22508<div id="a128b870-f9b6-4cc9-9eb2-b76731881c5b" class="wmc wmc_globalPlaceholder " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;" data-placeholder-content-id="a1284cd9-2ace-4c42-87eb-e20f37be5517">
22509    <div class="wml wml_rows">
22510        <div class="wms_background">
22511            <div class="wmc_color_layer "
22512    style=""
22513         data-animate-observe="a128b870-f9b6-4cc9-9eb2-b76731881c5b" >
22514</div>
22515        </div>
22516
22517                    <!-- Section:section_1 -->
22518<section id="a1284cd9-2a1f-4426-bcc4-96868135f23e" class="wmc wmc_section " style="--minHeightMobile:85.19999694824219px;--minHeightTablet:99.19999694824219px;--minHeightDesktop:208px;
22518--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
22519    <div class="wml wml_rows">
22520        <div class="wms_background">
22521            <div class="wmc_color_layer "
22522    style=""
22523         data-animate-observe="a1284cd9-2a1f-4426-bcc4-96868135f23e" >
22524</div>
22525        </div>
22526        <!-- Text:text_1 -->
22527<div id="a1284cd9-ad5b-47ac-9da6-12260926218f" class="wmc wmc_text " style="--widthMobile:320px;--widthTablet:720px;--widthDesktop:1278px;--marginTopMobile:33.40px;--marginTopTablet:40.40px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:91.00px;--minHeightDesktop:26px;--marginLeftDesktop:1px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:32.60px;--marginBottomTablet:39.60px;--gridPositionDesktop:1;--marginBottomDesktop:91.00px;"
22528         data-wm-reflect-cms-value=""      data-wm-reflect-cms-override="" >
22529    <div class="wml">
22530        <div style>We encourage you to contact us via phone or email. Please fill out the form on this page to contact us via email. For directions to the office, please click the map below. If you have any questions or comments, please feel free to get in touch. We&#039;re always happy to hear from you!</div>
22531    </div>
22532</div>
22533    </div>
22534</section>
22535            </div>
22536</div>
22537    </div>
22538</div>
22539    <!-- Section:Map -->
22540<section id="a128d705-0d52-4c50-b3c9-b5638124f1aa" class="wmc wmc_section " style="--minHeightMobile:735.578125px;--minHeightTablet:741.625px;--minHeightDesktop:500px;--gridPositionMobile:8;--gridPositionTablet:8;--gridPositionDesktop:8;">
22541    <div class="wml wml_rows">
22542        <div class="wms_background">
22543            <div class="wmc_color_layer "
22544    style=""
22545         data-animate-observe="a128d705-0d52-4c50-b3c9-b5638124f1aa" >
22546</div>
22547        </div>
22548        <!-- Box:box_1 -->
22549<div id="a128d705-0bbf-4ae9-bbd6-3e2f9acdd891" class="wmc wmc_box " style="--zIndex:1;--widthMobile:360px;--widthTablet:800px;--widthDesktop:477px;--bgColorDesktop:rgba(var(--colorBwGradientJ),1);--marginTopMobile:0.00px;--marginTopTablet:0.00px;--minHeightMobile:285.578125px;--minHeightTablet:305.59375px;--marginLeftMobile:-20px;--marginLeftTablet:-40px;--marginTopDesktop:86.52px;--minHeightDesktop:327.5625px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.27px;" >
22550    <div class="wml wml_box "
22551            >
22552        <svg class="wm_svgFilter">
22553    <filter id="wm_svgKnockoutFilter_a128d705-0bbf-4ae9-bbd6-3e2f9acdd891" color-interpolation-filters="sRGB">
22554        <feComponentTransfer result="inverseA">
22555            <feFuncA type="table" tableValues="1 0"/>
22556        </feComponentTransfer>
22557        <feFlood flood-color="var(--bgColor)"/>
22558        <feComposite operator="in" in2="inverseA"/>
22559    </filter>
22560</svg>
22561<style>
22562    [id='a128d705-0bbf-4ae9-bbd6-3e2f9acdd891'].wmcM_knockoutEffect .wms_content {
22563        filter: url(#wm_svgKnockoutFilter_a128d705-0bbf-4ae9-bbd6-3e2f9acdd891);
22564    }
22565</style>
22566                <div class="wms_background">
22567            <div class="wmc_color_layer "
22568    style=""
22569         data-animate-observe="a128d705-0bbf-4ae9-bbd6-3e2f9acdd891" >
22570</div>
22571        </div>
22572        <div class="wms_content wml_rows">
22573            <!-- Text:text_1 -->
22574<div id="a128d704-f934-4170-8f6d-3ba9282c8044" class="wmc wmc_text " style="--widthMobile:320px;--widthTablet:720px;--widthDesktop:300px;--marginTopMobile:44.00px;--marginTopTablet:44.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:26.00px;--marginLeftDesktop:25px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
22575            >
22576    <div class="wml">
22577        <h3 style="--lineHeightDesktop: 1" class="wmcM_heading3"><span style="--fontSizeDesktop: 3rem; --fontSizeTablet: 1.75rem; --fontSizeMobile: 1.75rem; --fontWeightDesktop: 300; --textColorDesktop: rgba(var(--colorBwGradientA),1); --fontFamily: var(--fontFamilyPrimary)">LOCATION</span></h3>
22578    </div>
22579</div>
22580    <!-- Text:text_1 -->
22581<div id="a128d704-fcfe-479c-a5a8-653d22bbea43" class="wmc wmc_text " style="--widthMobile:320px;--widthTablet:300px;--widthDesktop:108px;--marginTopMobile:22.00px;--marginTopTablet:22.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:16.00px;--marginLeftDesktop:27px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
22582            >
22583    <div class="wml">
22584        <div style class="wmcM_paragraph2"><span style="--fontWeightDesktop: 700; --textColorDesktop: rgba(var(--colorBwGradientA),1)">Address</span></div>
22585    </div>
22586</div>
22587    <!-- Text:text_1 -->
22588<div id="a128d704-ff68-475e-b1e2-0b02f58a6b01" class="wmc wmc_text " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:172px;--marginTopMobile:-4.63px;--marginTopTablet:-4.61px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.25px;--marginLeftDesktop:24px;
22588--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;"
22589            >
22590    <div class="wml">
22591        <div style><span style="--fontSizeDesktop: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientA),1)">649 Central Ave Suite 13</span></div>
22592    </div>
22593</div>
22594    <!-- Text:text_1 -->
22595<div id="a128d705-06fd-4116-bd87-8fc81ecf5331" class="wmc wmc_text " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:217px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--minHeightDesktop:26px;--marginLeftDesktop:25px;--gridPositionMobile:4;--gridPositionTablet:4;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:4;--marginBottomDesktop:0.00px;"
22596            >
22597    <div class="wml">
22598        <div style><span style="--fontSizeDesktop: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientA),1)">Westfield , NJ 07090, US</span></div>
22599    </div>
22600</div>
22601    <!-- Text:text_1 -->
22602<div id="a128d705-01a2-4104-bcd5-3785eaeb4bef" class="wmc wmc_text " style="--widthMobile:320px;--widthTablet:300px;--widthDesktop:185px;--marginTopMobile:18.63px;--marginTopTablet:18.63px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:23.66px;--minHeightDesktop:23.5px;--marginLeftDesktop:27px;--gridPositionMobile:5;--gridPositionTablet:5;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:5;--marginBottomDesktop:0.00px;"
22603            >
22604    <div class="wml">
22605        <div style class="wmcM_paragraph2"><span style="--fontWeightDesktop: 700; --textColorDesktop: rgba(var(--colorBwGradientA),1)">Contact Information</span></div>
22606    </div>
22607</div>
22608    <!-- Text:text_1 -->
22609<div id="a128d705-03d1-4392-aca8-43313ceea982" class="wmc wmc_text " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:157px;--marginTopMobile:-0.02px;--marginTopTablet:-0.02px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.25px;--minHeightDesktop:26px;--marginLeftDesktop:27px;--gridPositionMobile:6;--gridPositionTablet:6;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:6;--marginBottomDesktop:0.00px;"
22610            >
22611    <div class="wml">
22612        <div style><a class="wmcM_link" href="tel:9086540500"><span style="--fontSizeDesktop: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientA),1); --textColorTablet: rgba(var(--colorBwGradientA),1); --textColorMobile: rgba(var(--colorBwGradientA),1)">Phone: 908-654-0500</span></a></div>
22613    </div>
22614</div>
22615    <!-- Text:text_1 -->
22616<div id="a128d705-0936-4e00-adb3-257ea0571537" class="wmc wmc_text " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:237px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.28px;--minHeightDesktop:26px;--marginLeftDesktop:27px;--gridPositionMobile:7;--gridPositionTablet:7;--marginBottomMobile:23.00px;--marginBottomTablet:43.00px;--gridPositionDesktop:7;--marginBottomDesktop:34.70px;"
22617            >
22618    <div class="wml">
22619        <div style><a class="wmcM_link" href="/cdn-cgi/l/email-protection#22554a4b56474a4d575147131b1a1b625447504b584d4c0c4c4756"><span style="--fontSizeDesktop: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientA),1); --textColorTablet: rgba(var(--colorBwGradientA),1); --textColorMobile: rgba(var(--colorBwGradientA),1)">Email: whitehouse1989&#64;verizon.net</span></a></div>
22620    </div>
22621</div>
22622        </div>
22623    </div>
22624</div>
22625    <!-- Map:map -->
22626<wm-map id="a128d704-f59f-4393-8acb-1b4220516a34" class="wmc wmc_map wmcM_containerSizeFull" style="--zIndex:0;--widthMobile:130px;--widthTablet:300px;--widthDesktop:1280px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--minHeightTablet:436.03125px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.27px;--minHeightDesktop:500px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.27px;"
22627                show-info-window="1"
22628        marker-click-enabled="1"
22629        platform="ib"
22630        show-zoom-control="1"
22631        zoom="15"
22632        lat-slider="0"
22633        lng-slider="0"
22634        grayscale=""
22635        addresses='W3sibmFtZSI6IkZpbmQgdXMgb24gdGhlIG1hcCIsImFkZHJlc3MiOiI2NDkgQ2VudHJhbCBBdmUgU3VpdGUgMTMsIFdlc3RmaWVsZCwgTkosIDA3MDkwLCBVUyIsImxhdCI6NDAuNjQ1NTIzOCwibG5nIjotNzQuMzM2MjQzNCwiaWQiOiJhMTI4NGUwNi01YTgzLTRkY2UtYWI1NS05MDE5MGM5ZDk4YmYiLCJwaG9uZSI6IjkwOC02NTQtMDUwMCIsImVtYWlsIjoid2hpdGVob3VzZTE5ODlAdmVyaXpvbi5uZXQifV0='
22636>
22637    <div class="wml">
22638                    <wm-leaflet-map id="leaflet-map-a128d704-f59f-4393-8acb-1b4220516a34"></wm-leaflet-map>
22639            </div>
22640</wm-map>
22641    </div>
22642</section>
22643    <!-- Global Placeholder:footer hours -->
22644    <!-- Wrapping global-content:footer hours Id:a1284cd9-39ea-4395-85d5-87ec7e60b20a -->
22645<div id="a1284cd9-a222-493d-aebb-1f5a2c7039dd" class="wmc wmc_globalPlaceholder " style="--gridPositionMobile:9;--gridPositionTablet:9;--gridPositionDesktop:9;" data-placeholder-content-id="a1284cd9-39ea-4395-85d5-87ec7e60b20a">
22646    <div class="wml wml_rows">
22647        <div class="wms_background">
22648            <div class="wmc_color_layer "
22649    style=""
22650         data-animate-observe="a1284cd9-a222-493d-aebb-1f5a2c7039dd" >
22651</div>
22652        </div>
22653
22654                    <!-- Section:hours tablet &amp; mobile -->
22655<section id="a1284cd9-3928-4cdb-8fd5-5ef95b568333" class="wmc wmc_section wmcM_hidden--desktop wmcM_hidden--tablet wmcM_hidden--mobile" style="--bgColorDesktop:rgba(var(--colorBwGradientA),1);--minHeightMobile:437.2833251953125px;--minHeightTablet:416.1333312988281px;--minHeightDesktop:496px;--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:2;">
22656    <div class="wml wml_rows">
22657        <div class="wms_background">
22658            <div class="wmc_color_layer "
22659    style=""
22660         data-animate-observe="a1284cd9-3928-4cdb-8fd5-5ef95b568333" >
22661</div>
22662        </div>
22663        <!-- Box:box_1 -->
22664<div id="a1284cd9-71ee-4125-830f-824a9e0d1bf9" class="wmc wmc_box " style="--zIndex:0;--widthMobile:300px;--widthTablet:300px;--widthDesktop:1138px;--marginTopMobile:28.00px;--marginTopTablet:0.00px;--minHeightMobile:355.2833251953125px;--minHeightTablet:433.1333312988281px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:22.00px;--minHeightDesktop:436px;--marginLeftDesktop:114px;
22664--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:43.00px;--marginBottomTablet:50.00px;--gridPositionDesktop:1;--marginBottomDesktop:38.00px;" >
22665    <div class="wml wml_box "
22666            >
22667        <svg class="wm_svgFilter">
22668    <filter id="wm_svgKnockoutFilter_a1284cd9-71ee-4125-830f-824a9e0d1bf9" color-interpolation-filters="sRGB">
22669        <feComponentTransfer result="inverseA">
22670            <feFuncA type="table" tableValues="1 0"/>
22671        </feComponentTransfer>
22672        <feFlood flood-color="var(--bgColor)"/>
22673        <feComposite operator="in" in2="inverseA"/>
22674    </filter>
22675</svg>
22676<style>
22677    [id='a1284cd9-71ee-4125-830f-824a9e0d1bf9'].wmcM_knockoutEffect .wms_content {
22678        filter: url(#wm_svgKnockoutFilter_a1284cd9-71ee-4125-830f-824a9e0d1bf9);
22679    }
22680</style>
22681                <div class="wms_background">
22682            <div class="wmc_color_layer "
22683    style=""
22684         data-animate-observe="a1284cd9-71ee-4125-830f-824a9e0d1bf9" >
22685</div>
22686        </div>
22687        <div class="wms_content wml_rows">
22688            <!-- Text:text_1 -->
22689<div id="a1284cd9-7032-471b-819e-7f8e4963ff8e" class="wmc wmc_text " style="--zIndex:1;--widthMobile:320px;--widthTablet:720px;--widthDesktop:213px;--marginTopMobile:0.00px;--marginTopTablet:37.00px;--minHeightMobile:31px;--minHeightTablet:31px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:18.00px;--minHeightDesktop:50px;--marginLeftDesktop:472px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
22690            >
22691    <div class="wml">
22692        <h3 style="--textAlignTablet: left; --textAlignMobile: left; --lineHeightDesktop: 1" class="wmcM_heading3"><span style="--fontSizeDesktop: 3rem; --fontSizeTablet: 1.75rem; --fontSizeMobile: 1.75rem; --fontWeightDesktop: 300; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilyPrimary)">Office Hours</span></h3>
22693    </div>
22694</div>
22695    <!-- Box:box_1 -->
22696<div id="a1284cd9-6f75-454c-8ecc-1a06f042f202" class="wmc wmc_box " style="--zIndex:2;--widthMobile:320px;--widthTablet:720px;--widthDesktop:966px;--marginTopMobile:15.00px;--marginTopTablet:30.00px;--minHeightMobile:335.2833251953125px;--minHeightTablet:335.1333312988281px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.50px;--minHeightDesktop:250px;--marginLeftDesktop:148px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:-26.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:-0.78px;" >
22697    <div class="wml wml_box "
22698            >
22699        <svg class="wm_svgFilter">
22700    <filter id="wm_svgKnockoutFilter_a1284cd9-6f75-454c-8ecc-1a06f042f202" color-interpolation-filters="sRGB">
22701        <feComponentTransfer result="inverseA">
22702            <feFuncA type="table" tableValues="1 0"/>
22703        </feComponentTransfer>
22704        <feFlood flood-color="var(--bgColor)"/>
22705        <feComposite operator="in" in2="inverseA"/>
22706    </filter>
22707</svg>
22708<style>
22709    [id='a1284cd9-6f75-454c-8ecc-1a06f042f202'].wmcM_knockoutEffect .wms_content {
22710        filter: url(#wm_svgKnockoutFilter_a1284cd9-6f75-454c-8ecc-1a06f042f202);
22711    }
22712</style>
22713                <div class="wms_background">
22714            <div class="wmc_color_layer "
22715    style=""
22716         data-animate-observe="a1284cd9-6f75-454c-8ecc-1a06f042f202" >
22717</div>
22718        </div>
22719        <div class="wms_content wml_rows">
22720            <!-- Box:box_1 -->
22721<div id="a1284cd9-44bd-4dae-a578-12921faef514" class="wmc wmc_box " style="--widthMobile:320px;--widthTablet:720px;--widthDesktop:728px;--marginTopMobile:19.66px;--marginTopTablet:26.03px;--minHeightMobile:59.015625px;--minHeightTablet:57.015625px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:51.47px;--minHeightDesktop:28.5px;--marginLeftDesktop:0px;--borderRightDesktop:0px solid rgba(var(--colorBackgroundH),1);--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;" >
22722    <div class="wml wml_box "
22723            >
22724        <svg class="wm_svgFilter">
22725    <filter id="wm_svgKnockoutFilter_a1284cd9-44bd-4dae-a578-12921faef514" color-interpolation-filters="sRGB">
22726        <feComponentTransfer result="inverseA">
22727            <feFuncA type="table" tableValues="1 0"/>
22728        </feComponentTransfer>
22729        <feFlood flood-color="var(--bgColor)"/>
22730        <feComposite operator="in" in2="inverseA"/>
22731    </filter>
22732</svg>
22733<style>
22734    [id='a1284cd9-44bd-4dae-a578-12921faef514'].wmcM_knockoutEffect .wms_content {
22735        filter: url(#wm_svgKnockoutFilter_a1284cd9-44bd-4dae-a578-12921faef514);
22736    }
22737</style>
22738                <div class="wms_background">
22739            <div class="wmc_color_layer "
22740    style=""
22741         data-animate-observe="a1284cd9-44bd-4dae-a578-12921faef514" >
22742</div>
22743        </div>
22744        <div class="wms_content wml_rows">
22745            <!-- Box:box_1 -->
22746<div id="a1284cd9-40ac-4822-b11b-8d5daa647c91" class="wmc wmc_box " style="--widthMobile:125px;--widthTablet:483px;--widthDesktop:531px;--marginTopMobile:12.61px;--marginTopTablet:9.61px;--minHeightMobile:19px;--minHeightTablet:19px;
22746--borderTopDesktop:1px solid rgba(var(--colorBwGradientJ),1);--marginLeftMobile:98px;--marginLeftTablet:92px;--marginTopDesktop:-9.13px;--minHeightDesktop:19px;--marginLeftDesktop:98px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:21.83px;--marginBottomTablet:24.44px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;" >
22747    <div class="wml wml_box "
22748            >
22749        <svg class="wm_svgFilter">
22750    <filter id="wm_svgKnockoutFilter_a1284cd9-40ac-4822-b11b-8d5daa647c91" color-interpolation-filters="sRGB">
22751        <feComponentTransfer result="inverseA">
22752            <feFuncA type="table" tableValues="1 0"/>
22753        </feComponentTransfer>
22754        <feFlood flood-color="var(--bgColor)"/>
22755        <feComposite operator="in" in2="inverseA"/>
22756    </filter>
22757</svg>
22758<style>
22759    [id='a1284cd9-40ac-4822-b11b-8d5daa647c91'].wmcM_knockoutEffect .wms_content {
22760        filter: url(#wm_svgKnockoutFilter_a1284cd9-40ac-4822-b11b-8d5daa647c91);
22761    }
22762</style>
22763                <div class="wms_background">
22764            <div class="wmc_color_layer "
22765    style=""
22766         data-animate-observe="a1284cd9-40ac-4822-b11b-8d5daa647c91" >
22767</div>
22768        </div>
22769        <div class="wms_content wml_rows">
22770                    </div>
22771    </div>
22772</div>
22773    <!-- Text:text_1 -->
22774<div id="a1284cd9-4157-4436-81eb-3e8d0bd9f8d1" class="wmc wmc_text " style="--widthMobile:98px;--widthTablet:104px;--widthDesktop:79px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.80px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:21.83px;--marginBottomTablet:24.44px;
22774--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
22775            >
22776    <div class="wml">
22777        <div style="--textAlignDesktop: left" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">Monday</span></div>
22778    </div>
22779</div>
22780    <!-- Text:text_1 -->
22781<div id="a1284cd9-430d-48d2-ab87-93d4ebf7640b" class="wmc wmc_text " style="--widthMobile:97px;--widthTablet:137px;--widthDesktop:99px;--marginTopMobile:0.00px;--marginTopTablet:-4.61px;--marginLeftMobile:223px;--marginLeftTablet:583px;--marginTopDesktop:-17.77px;--minHeightDesktop:18.59375px;--marginLeftDesktop:629px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:21.83px;--marginBottomTablet:24.44px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
22782            >
22783    <div class="wml">
22784        <div style="--textAlignDesktop: right" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">09:00 am - 12:00 pm</span></div><div style="--textAlignDesktop: right" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 0.875rem; --textColorTablet: rgba(var(--colorBwGradientJ),1); --textColorMobile: rgba(var(--colorBwGradientJ),1)">03:00 pm</span><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 0.875rem"> - </span><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 0.875rem; --textColorTablet: rgba(var(--colorBwGradientJ),1); --textColorMobile: rgba(var(--colorBwGradientJ),1)">07:00 pm</span></div>
22785    </div>
22786</div>
22787        </div>
22788    </div>
22789</div>
22790    <!-- Box:box_1 -->
22791<div id="a1284cd9-3fd6-437d-be55-94caa20707c7" class="wmc wmc_box " style="--widthMobile:320px;--widthTablet:720px;--widthDesktop:728px;--marginTopMobile:-0.19px;--marginTopTablet:-0.16px;--minHeightMobile:37.78125px;--minHeightTablet:7.609375px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.05px;--minHeightDesktop:19.5px;--marginLeftDesktop:0px;--borderRightDesktop:0px solid rgba(var(--colorBackgroundH),1);--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;" >
22792    <div class="wml wml_box "
22793            >
22794        <svg class="wm_svgFilter">
22795    <filter id="wm_svgKnockoutFilter_a1284cd9-3fd6-437d-be55-94caa20707c7" color-interpolation-filters="sRGB">
22796        <feComponentTransfer result="inverseA">
22797            <feFuncA type="table" tableValues="1 0"/>
22798        </feComponentTransfer>
22799        <feFlood flood-color="var(--bgColor)"/>
22800        <feComposite operator="in" in2="inverseA"/>
22801    </filter>
22802</svg>
22803<style>
22804    [id='a1284cd9-3fd6-437d-be55-94caa20707c7'].wmcM_knockoutEffect .wms_content {
22805        filter: url(#wm_svgKnockoutFilter_a1284cd9-3fd6-437d-be55-94caa20707c7);
22806    }
22807</style>
22808                <div class="wms_background">
22809            <div class="wmc_color_layer "
22810    style=""
22811         data-animate-observe="a1284cd9-3fd6-437d-be55-94caa20707c7" >
22812</div>
22813        </div>
22814        <div class="wms_content wml_rows">
22815            <!-- Text:text_1 -->
22816<div id="a1284cd9-3c49-4169-96ca-cab44c43896d" class="wmc wmc_text " style="--widthMobile:98px;--widthTablet:104px;--widthDesktop:79px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.80px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.36px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
22817            >
22818    <div class="wml">
22819        <div style="--textAlignDesktop: left" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">Tuesday</span></div>
22820    </div>
22821</div>
22822    <!-- Box:box_1 -->
22823<div id="a1284cd9-3ba2-4d46-a4dc-18b38076477a" class="wmc wmc_box " style="--widthMobile:127px;--widthTablet:483px;--widthDesktop:531px;--marginTopMobile:-8.08px;--marginTopTablet:9.63px;--minHeightMobile:17.96875px;--minHeightTablet:17.984375px;
22823--borderTopDesktop:1px solid rgba(var(--colorBwGradientJ),1);--marginLeftMobile:96.5px;--marginLeftTablet:92px;--marginTopDesktop:-9.13px;--minHeightDesktop:19px;--marginLeftDesktop:98px;--gridPositionMobile:2;--gridPositionTablet:1;--marginBottomMobile:19.50px;--marginBottomTablet:0.36px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;" >
22824    <div class="wml wml_box "
22825            >
22826        <svg class="wm_svgFilter">
22827    <filter id="wm_svgKnockoutFilter_a1284cd9-3ba2-4d46-a4dc-18b38076477a" color-interpolation-filters="sRGB">
22828        <feComponentTransfer result="inverseA">
22829            <feFuncA type="table" tableValues="1 0"/>
22830        </feComponentTransfer>
22831        <feFlood flood-color="var(--bgColor)"/>
22832        <feComposite operator="in" in2="inverseA"/>
22833    </filter>
22834</svg>
22835<style>
22836    [id='a1284cd9-3ba2-4d46-a4dc-18b38076477a'].wmcM_knockoutEffect .wms_content {
22837        filter: url(#wm_svgKnockoutFilter_a1284cd9-3ba2-4d46-a4dc-18b38076477a);
22838    }
22839</style>
22840                <div class="wms_background">
22841            <div class="wmc_color_layer "
22842    style=""
22843         data-animate-observe="a1284cd9-3ba2-4d46-a4dc-18b38076477a" >
22844</div>
22845        </div>
22846        <div class="wms_content wml_rows">
22847                    </div>
22848    </div>
22849</div>
22850    <!-- Text:text_1 -->
22851<div id="a1284cd9-3e0d-42ef-8e02-c96f75f3668f" class="wmc wmc_text " style="--widthMobile:97px;--widthTablet:137px;--widthDesktop:99px;--marginTopMobile:-18.58px;--marginTopTablet:0.38px;--marginLeftMobile:223px;--marginLeftTablet:583px;--marginTopDesktop:-17.77px;--minHeightDesktop:18.59375px;--marginLeftDesktop:629px;--gridPositionMobile:2;--gridPositionTablet:1;--marginBottomMobile:19.50px;--marginBottomTablet:0.36px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
22852            >
22853    <div class="wml">
22854        <div style="--textAlignDesktop: right" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">03:00 pm - 06:00 pm</span></div>
22855    </div>
22856</div>
22857        </div>
22858    </div>
22859</div>
22860    <!-- Box:box_1 -->
22861<div id="a1284cd9-5012-4a83-8646-03a0edd22c69" class="wmc wmc_box " style="--widthMobile:320px;--widthTablet:720px;--widthDesktop:728px;--marginTopMobile:0.19px;--marginTopTablet:24.13px;--minHeightMobile:41.78125px;--minHeightTablet:35.296875px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.44px;--minHeightDesktop:28.5px;--marginLeftDesktop:0px;--borderRightDesktop:0px solid rgba(var(--colorBackgroundH),1);--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;" >
22862    <div class="wml wml_box "
22863            >
22864        <svg class="wm_svgFilter">
22865    <filter id="wm_svgKnockoutFilter_a1284cd9-5012-4a83-8646-03a0edd22c69" color-interpolation-filters="sRGB">
22866        <feComponentTransfer result="inverseA">
22867            <feFuncA type="table" tableValues="1 0"/>
22868        </feComponentTransfer>
22869        <feFlood flood-color="var(--bgColor)"/>
22870        <feComposite operator="in" in2="inverseA"/>
22871    </filter>
22872</svg>
22873<style>
22874    [id='a1284cd9-5012-4a83-8646-03a0edd22c69'].wmcM_knockoutEffect .wms_content {
22875        filter: url(#wm_svgKnockoutFilter_a1284cd9-5012-4a83-8646-03a0edd22c69);
22876    }
22877</style>
22878                <div class="wms_background">
22879            <div class="wmc_color_layer "
22880    style=""
22881         data-animate-observe="a1284cd9-5012-4a83-8646-03a0edd22c69" >
22882</div>
22883        </div>
22884        <div class="wms_content wml_rows">
22885            <!-- Box:box_1 -->
22886<div id="a1284cd9-45b3-4faa-a7e2-ece5f1d38da7" class="wmc wmc_box " style="--widthMobile:125px;--widthTablet:483px;--widthDesktop:531px;--marginTopMobile:9.11px;--marginTopTablet:10.25px;--minHeightMobile:19px;--minHeightTablet:18px;--borderTopDesktop:1px solid rgba(var(--colorBwGradientJ),1);--marginLeftMobile:98.5px;--marginLeftTablet:92px;--marginTopDesktop:-9.13px;--minHeightDesktop:19px;--marginLeftDesktop:98px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:23.61px;--marginBottomTablet:22.25px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;" >
22887    <div class="wml wml_box "
22888            >
22889        <svg class="wm_svgFilter">
22890    <filter id="wm_svgKnockoutFilter_a1284cd9-45b3-4faa-a7e2-ece5f1d38da7" color-interpolation-filters="sRGB">
22891        <feComponentTransfer result="inverseA">
22892            <feFuncA type="table" tableValues="1 0"/>
22893        </feComponentTransfer>
22894        <feFlood flood-color="var(--bgColor)"/>
22895        <feComposite operator="in" in2="inverseA"/>
22896    </filter>
22897</svg>
22898<style>
22899    [id='a1284cd9-45b3-4faa-a7e2-ece5f1d38da7'].wmcM_knockoutEffect .wms_content {
22900        filter: url(#wm_svgKnockoutFilter_a1284cd9-45b3-4faa-a7e2-ece5f1d38da7);
22901    }
22902</style>
22903                <div class="wms_background">
22904            <div class="wmc_color_layer "
22905    style=""
22906         data-animate-observe="a1284cd9-45b3-4faa-a7e2-ece5f1d38da7" >
22907</div>
22908        </div>
22909        <div class="wms_content wml_rows">
22910                    </div>
22911    </div>
22912</div>
22913    <!-- Text:text_1 -->
22914<div id="a1284cd9-466e-4916-aa9a-f666fe35cccd" class="wmc wmc_text " style="--widthMobile:95px;--widthTablet:104px;--widthDesktop:79px;--marginTopMobile:-0.38px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.80px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:23.61px;--marginBottomTablet:22.25px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
22915            >
22916    <div class="wml">
22917        <div style="--textAlignDesktop: left" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem;
22917 --textColorDesktop: rgba(var(--colorBwGradientJ),1)">Wednesday</span></div>
22918    </div>
22919</div>
22920    <!-- Text:text_1 -->
22921<div id="a1284cd9-4842-4a30-9f02-fe4d00f2d5e4" class="wmc wmc_text " style="--widthMobile:97px;--widthTablet:137px;--widthDesktop:99px;--marginTopMobile:-0.38px;--marginTopTablet:-5.56px;--marginLeftMobile:223px;--marginLeftTablet:583px;--marginTopDesktop:-17.77px;--minHeightDesktop:18.59375px;--marginLeftDesktop:629px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:23.61px;--marginBottomTablet:22.25px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
22922            >
22923    <div class="wml">
22924        <div style="--textAlignDesktop: right" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">09:00 am - 12:00 pm</span></div><div style="--textAlignDesktop: right" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 0.875rem; --textColorTablet: rgba(var(--colorBwGradientJ),1); --textColorMobile: rgba(var(--colorBwGradientJ),1)">03:00 pm</span><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 0.875rem"> - </span><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 0.875rem; --textColorTablet: rgba(var(--colorBwGradientJ),1); --textColorMobile: rgba(var(--colorBwGradientJ),1)">07:00 pm</span></div>
22925    </div>
22926</div>
22927        </div>
22928    </div>
22929</div>
22930    <!-- Box:box_1 -->
22931<div id="a1284cd9-632e-4aaf-a9da-ac1af66b5e0d" class="wmc wmc_box " style="--widthMobile:320px;--widthTablet:720px;--widthDesktop:728px;--marginTopMobile:0.00px;--marginTopTablet:3.00px;--minHeightMobile:41.96875px;--minHeightTablet:33px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.47px;--minHeightDesktop:28.5px;--marginLeftDesktop:0px;--borderRightDesktop:0px solid rgba(var(--colorBackgroundH),1);--gridPositionMobile:4;--gridPositionTablet:4;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:4;--marginBottomDesktop:0.00px;" >
22932    <div class="wml wml_box "
22933            >
22934        <svg class="wm_svgFilter">
22935    <filter id="wm_svgKnockoutFilter_a1284cd9-632e-4aaf-a9da-ac1af66b5e0d" color-interpolation-filters="sRGB">
22936        <feComponentTransfer result="inverseA">
22937            <feFuncA type="table" tableValues="1 0"/>
22938        </feComponentTransfer>
22939        <feFlood flood-color="var(--bgColor)"/>
22940        <feComposite operator="in" in2="inverseA"/>
22941    </filter>
22942</svg>
22943<style>
22944    [id='a1284cd9-632e-4aaf-a9da-ac1af66b5e0d'].wmcM_knockoutEffect .wms_content {
22945        filter: url(#wm_svgKnockoutFilter_a1284cd9-632e-4aaf-a9da-ac1af66b5e0d);
22946    }
22947</style>
22948                <div class="wms_background">
22949            <div class="wmc_color_layer "
22950    style=""
22951         data-animate-observe="a1284cd9-632e-4aaf-a9da-ac1af66b5e0d" >
22952</div>
22953        </div>
22954        <div class="wms_content wml_rows">
22955            <!-- Box:box_1 -->
22956<div id="a1284cd9-50e3-49f7-8018-9bf1778cad69" class="wmc wmc_box " style="--widthMobile:125px;--widthTablet:482.5px;--widthDesktop:531px;--marginTopMobile:10.19px;--marginTopTablet:10.08px;--minHeightMobile:18.984375px;--minHeightTablet:18.921875px;--borderTopDesktop:1px solid rgba(var(--colorBwGradientJ),1);--marginLeftMobile:97.5px;--marginLeftTablet:92.5px;--marginTopDesktop:-9.13px;--minHeightDesktop:19px;--marginLeftDesktop:98px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:23.72px;--marginBottomTablet:14.41px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;" >
22957    <div class="wml wml_box "
22958            >
22959        <svg class="wm_svgFilter">
22960    <filter id="wm_svgKnockoutFilter_a1284cd9-50e3-49f7-8018-9bf1778cad69" color-interpolation-filters="sRGB">
22961        <feComponentTransfer result="inverseA">
22962            <feFuncA type="table" tableValues="1 0"/>
22963        </feComponentTransfer>
22964        <feFlood flood-color="var(--bgColor)"/>
22965        <feComposite operator="in" in2="inverseA"/>
22966    </filter>
22967</svg>
22968<style>
22969    [id='a1284cd9-50e3-49f7-8018-9bf1778cad69'].wmcM_knockoutEffect .wms_content {
22970        filter: url(#wm_svgKnockoutFilter_a1284cd9-50e3-49f7-8018-9bf1778cad69);
22971    }
22972</style>
22973                <div class="wms_background">
22974            <div class="wmc_color_layer "
22975    style=""
22976         data-animate-observe="a1284cd9-50e3-49f7-8018-9bf1778cad69" >
22977</div>
22978        </div>
22979        <div class="wms_content wml_rows">
22980                    </div>
22981    </div>
22982</div>
22983    <!-- Text:text_1 -->
22984<div id="a1284cd9-518e-4ab3-a07e-2d301383fb40" class="wmc wmc_text " style="--widthMobile:98px;--widthTablet:104px;--widthDesktop:79px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.80px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:23.72px;--marginBottomTablet:14.41px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
22985            >
22986    <div class="wml">
22987        <div style="--textAlignDesktop: left" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem;
22987 --textColorDesktop: rgba(var(--colorBwGradientJ),1)">Thursday</span></div>
22988    </div>
22989</div>
22990    <!-- Text:text_1 -->
22991<div id="a1284cd9-6167-4d91-bc79-475c9e3d3de4" class="wmc wmc_text " style="--widthMobile:97px;--widthTablet:101px;--widthDesktop:99px;--marginTopMobile:-0.02px;--marginTopTablet:0.08px;--marginLeftMobile:223px;--marginLeftTablet:619px;--marginTopDesktop:-17.77px;--minHeightDesktop:18.59375px;--marginLeftDesktop:629px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:23.72px;--marginBottomTablet:14.41px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
22992            >
22993    <div class="wml">
22994        <div style="--textAlignDesktop: right" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">Closed</span></div>
22995    </div>
22996</div>
22997        </div>
22998    </div>
22999</div>
23000    <!-- Box:box_1 -->
23001<div id="a1284cd9-691c-4867-8588-1919b48bb777" class="wmc wmc_box " style="--widthMobile:320px;--widthTablet:720px;--widthDesktop:728px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--minHeightMobile:40.625px;--minHeightTablet:39.59375px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.47px;--minHeightDesktop:28.5px;--marginLeftDesktop:0px;--borderRightDesktop:0px solid rgba(var(--colorBackgroundH),1);--gridPositionMobile:5;--gridPositionTablet:5;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:5;--marginBottomDesktop:0.00px;" >
23002    <div class="wml wml_box "
23003            >
23004        <svg class="wm_svgFilter">
23005    <filter id="wm_svgKnockoutFilter_a1284cd9-691c-4867-8588-1919b48bb777" color-interpolation-filters="sRGB">
23006        <feComponentTransfer result="inverseA">
23007            <feFuncA type="table" tableValues="1 0"/>
23008        </feComponentTransfer>
23009        <feFlood flood-color="var(--bgColor)"/>
23010        <feComposite operator="in" in2="inverseA"/>
23011    </filter>
23012</svg>
23013<style>
23014    [id='a1284cd9-691c-4867-8588-1919b48bb777'].wmcM_knockoutEffect .wms_content {
23015        filter: url(#wm_svgKnockoutFilter_a1284cd9-691c-4867-8588-1919b48bb777);
23016    }
23017</style>
23018                <div class="wms_background">
23019            <div class="wmc_color_layer "
23020    style=""
23021         data-animate-observe="a1284cd9-691c-4867-8588-1919b48bb777" >
23022</div>
23023        </div>
23024        <div class="wms_content wml_rows">
23025            <!-- Box:box_1 -->
23026<div id="a1284cd9-63f6-4950-ac82-906d0fccc61e" class="wmc wmc_box " style="--widthMobile:127px;--widthTablet:483px;--widthDesktop:531px;--marginTopMobile:10.30px;--marginTopTablet:9.19px;--minHeightMobile:19px;--minHeightTablet:19px;--borderTopDesktop:1px solid rgba(var(--colorBwGradientJ),1);--marginLeftMobile:98.5px;--marginLeftTablet:92px;--marginTopDesktop:-9.13px;--minHeightDesktop:19px;--marginLeftDesktop:98px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:22.44px;--marginBottomTablet:26.88px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;" >
23027    <div class="wml wml_box "
23028            >
23029        <svg class="wm_svgFilter">
23030    <filter id="wm_svgKnockoutFilter_a1284cd9-63f6-4950-ac82-906d0fccc61e" color-interpolation-filters="sRGB">
23031        <feComponentTransfer result="inverseA">
23032            <feFuncA type="table" tableValues="1 0"/>
23033        </feComponentTransfer>
23034        <feFlood flood-color="var(--bgColor)"/>
23035        <feComposite operator="in" in2="inverseA"/>
23036    </filter>
23037</svg>
23038<style>
23039    [id='a1284cd9-63f6-4950-ac82-906d0fccc61e'].wmcM_knockoutEffect .wms_content {
23040        filter: url(#wm_svgKnockoutFilter_a1284cd9-63f6-4950-ac82-906d0fccc61e);
23041    }
23042</style>
23043                <div class="wms_background">
23044            <div class="wmc_color_layer "
23045    style=""
23046         data-animate-observe="a1284cd9-63f6-4950-ac82-906d0fccc61e" >
23047</div>
23048        </div>
23049        <div class="wms_content wml_rows">
23050                    </div>
23051    </div>
23052</div>
23053    <!-- Text:text_1 -->
23054<div id="a1284cd9-64d4-40bf-95bc-3b2786aada3f" class="wmc wmc_text " style="--widthMobile:98px;--widthTablet:104px;--widthDesktop:79px;--marginTopMobile:0.30px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.80px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:22.44px;--marginBottomTablet:26.88px;
23054--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
23055            >
23056    <div class="wml">
23057        <div style="--textAlignDesktop: left" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">Friday</span></div>
23058    </div>
23059</div>
23060    <!-- Text:text_1 -->
23061<div id="a1284cd9-6698-421e-990f-392cc61af715" class="wmc wmc_text " style="--widthMobile:97px;--widthTablet:137px;--widthDesktop:99px;--marginTopMobile:-0.38px;--marginTopTablet:-5.86px;--marginLeftMobile:223px;--marginLeftTablet:583px;--marginTopDesktop:-17.77px;--minHeightDesktop:18.59375px;--marginLeftDesktop:629px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:22.44px;--marginBottomTablet:26.88px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
23062            >
23063    <div class="wml">
23064        <div style="--textAlignDesktop: right" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">09:00 am - 12:00 pm</span></div><div style="--textAlignDesktop: right" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 0.875rem; --textColorTablet: rgba(var(--colorBwGradientJ),1); --textColorMobile: rgba(var(--colorBwGradientJ),1)">03:00 pm</span><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 0.875rem"> - </span><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 0.875rem; --textColorTablet: rgba(var(--colorBwGradientJ),1); --textColorMobile: rgba(var(--colorBwGradientJ),1)">07:00 pm</span></div>
23065    </div>
23066</div>
23067        </div>
23068    </div>
23069</div>
23070    <!-- Box:box_1 -->
23071<div id="a1284cd9-6ea1-495a-aad1-b90fd1f6b92f" class="wmc wmc_box " style="--widthMobile:320px;--widthTablet:720px;--widthDesktop:728px;--marginTopMobile:0.00px;--marginTopTablet:-3.00px;--minHeightMobile:18.984375px;--minHeightTablet:23px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.50px;--minHeightDesktop:28.5px;--marginLeftDesktop:0px;--borderRightDesktop:0px solid rgba(var(--colorBackgroundH),1);--gridPositionMobile:6;--gridPositionTablet:6;--marginBottomMobile:0.00px;--marginBottomTablet:3.00px;--gridPositionDesktop:6;--marginBottomDesktop:58.30px;" >
23072    <div class="wml wml_box "
23073            >
23074        <svg class="wm_svgFilter">
23075    <filter id="wm_svgKnockoutFilter_a1284cd9-6ea1-495a-aad1-b90fd1f6b92f" color-interpolation-filters="sRGB">
23076        <feComponentTransfer result="inverseA">
23077            <feFuncA type="table" tableValues="1 0"/>
23078        </feComponentTransfer>
23079        <feFlood flood-color="var(--bgColor)"/>
23080        <feComposite operator="in" in2="inverseA"/>
23081    </filter>
23082</svg>
23083<style>
23084    [id='a1284cd9-6ea1-495a-aad1-b90fd1f6b92f'].wmcM_knockoutEffect .wms_content {
23085        filter: url(#wm_svgKnockoutFilter_a1284cd9-6ea1-495a-aad1-b90fd1f6b92f);
23086    }
23087</style>
23088                <div class="wms_background">
23089            <div class="wmc_color_layer "
23090    style=""
23091         data-animate-observe="a1284cd9-6ea1-495a-aad1-b90fd1f6b92f" >
23092</div>
23093        </div>
23094        <div class="wms_content wml_rows">
23095            <!-- Text:text_1 -->
23096<div id="a1284cd9-6ad1-4d4a-8f45-f1cce3a80096" class="wmc wmc_text " style="--widthMobile:98px;--widthTablet:104px;--widthDesktop:79px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.80px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
23097            >
23098    <div class="wml">
23099        <div style="--textAlignDesktop: left" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">Weekend</span></div>
23100    </div>
23101</div>
23102    <!-- Text:text_1 -->
23103<div id="a1284cd9-6cc6-4ec2-86f7-4d8b3fdcd576" class="wmc wmc_text " style="--widthMobile:97px;--widthTablet:101px;--widthDesktop:99px;--marginTopMobile:-0.02px;--marginTopTablet:0.44px;--marginLeftMobile:223px;--marginLeftTablet:619px;--marginTopDesktop:-17.77px;--minHeightDesktop:18.59375px;--marginLeftDesktop:629px;
23103--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
23104            >
23105    <div class="wml">
23106        <div style="--textAlignDesktop: right" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">Closed</span></div>
23107    </div>
23108</div>
23109    <!-- Box:box_1 -->
23110<div id="a1284cd9-6a10-4cf7-b6f5-39c262938912" class="wmc wmc_box " style="--widthMobile:126px;--widthTablet:483px;--widthDesktop:531px;--marginTopMobile:-10.63px;--marginTopTablet:-10.58px;--minHeightMobile:19px;--minHeightTablet:18px;--borderTopDesktop:1px solid rgba(var(--colorBwGradientJ),1);--marginLeftMobile:98px;--marginLeftTablet:92px;--marginTopDesktop:-9.13px;--minHeightDesktop:19px;--marginLeftDesktop:98px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:-7.61px;--marginBottomTablet:-3.00px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;" >
23111    <div class="wml wml_box "
23112            >
23113        <svg class="wm_svgFilter">
23114    <filter id="wm_svgKnockoutFilter_a1284cd9-6a10-4cf7-b6f5-39c262938912" color-interpolation-filters="sRGB">
23115        <feComponentTransfer result="inverseA">
23116            <feFuncA type="table" tableValues="1 0"/>
23117        </feComponentTransfer>
23118        <feFlood flood-color="var(--bgColor)"/>
23119        <feComposite operator="in" in2="inverseA"/>
23120    </filter>
23121</svg>
23122<style>
23123    [id='a1284cd9-6a10-4cf7-b6f5-39c262938912'].wmcM_knockoutEffect .wms_content {
23124        filter: url(#wm_svgKnockoutFilter_a1284cd9-6a10-4cf7-b6f5-39c262938912);
23125    }
23126</style>
23127                <div class="wms_background">
23128            <div class="wmc_color_layer "
23129    style=""
23130         data-animate-observe="a1284cd9-6a10-4cf7-b6f5-39c262938912" >
23131</div>
23132        </div>
23133        <div class="wms_content wml_rows">
23134                    </div>
23135    </div>
23136</div>
23137        </div>
23138    </div>
23139</div>
23140        </div>
23141    </div>
23142</div>
23143        </div>
23144    </div>
23145</div>
23146    </div>
23147</section>
23148    <!-- Section:Hours -->
23149<section id="a1288349-e922-432e-824d-015d901ce96f" class="wmc wmc_section " style="--bgColorDesktop:rgba(var(--colorBwGradientA),1);--minHeightMobile:250px;--minHeightTablet:250px;--minHeightDesktop:243.46875px;--gridPositionMobile:2;--gridPositionTablet:2;--gridPositionDesktop:1;">
23150    <div class="wml wml_rows">
23151        <div class="wms_background">
23152            <div class="wmc_color_layer "
23153    style=""
23154         data-animate-observe="a1288349-e922-432e-824d-015d901ce96f" >
23155</div>
23156        </div>
23157        <!-- Shelf:shelf_1 -->
23158<section id="a1288349-e7fa-4612-84ad-9f0807ff56b3" class="wmc wmc_shelf " style="--zIndex:1;--widthDesktop:1280px;--marginTopMobile:0px;--marginTopTablet:0px;--minHeightMobile:170px;--minHeightTablet:174px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:50.47px;--minHeightDesktop:143px;--marginLeftDesktop:15px;--gridPositionMobile:7;--gridPositionTablet:7;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;">
23159    <div class="wml wml_rows">
23160        <div class="wms_background">
23161            <div class="wmc_color_layer "
23162    style=""
23163         data-animate-observe="a1288349-e7fa-4612-84ad-9f0807ff56b3" >
23164</div>
23165        </div>
23166        <!-- Text:text_1 -->
23167<div id="a1288349-b6a4-4bb3-b928-55f93f4a1f83" class="wmc wmc_text wmcM_containerSizeFull" style="--zIndex:1;--widthMobile:320px;--widthTablet:360px;--widthDesktop:436px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.02px;--minHeightDesktop:44px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
23168            >
23169    <div class="wml">
23170        <h3 style class="wmcM_heading3"><span style="--fontSizeDesktop: 2.5rem; --fontWeightDesktop: 300; --fontWeightTablet: 300; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilyPrimary)">Office Hours</span></h3>
23171    </div>
23172</div>
23173    <!-- Columns:Hours Column -->
23174<wm-columns id="a1288349-e6b4-4ec3-8bbd-beccf24e9f6d" class="wmc wmc_columns wmcM_containerSizeFull" style="--zIndex:2;--columnsCount:7;--widthDesktop:1280px;--columnsRatios:15fr 15fr 14fr 14fr 14fr 14fr 14fr;--marginTopMobile:0px;--marginTopTablet:0px;--minHeightMobile:250px;--minHeightTablet:250px;--columnsGapMobile:0px;--columnsGapTablet:0px;--columnsRatiosSum:100;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:30.00px;--columnsGapDesktop:0px;--marginLeftDesktop:0px;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;--columnsPaddingMobile:0px;--columnsPaddingTablet:0px;--columnsPaddingDesktop:0px;">
23175    <div class="wml wml_columns">
23176        <div class="wms_background">
23177            <div class="wmc_color_layer "
23178    style=""
23179         data-animate-observe="a1288349-e6b4-4ec3-8bbd-beccf24e9f6d" >
23180</div>
23181        </div>
23182        <!-- Column:cell_2_1 -->
23183<wm-cell id="a1288349-c037-4cd7-9572-830ce572e9ad" class="wmc wmc_column " style="--columnRatio:15;--bgColorDesktop:rgba(var(--colorPrimaryE),0);--minHeightDesktop:62px;
23183--borderRightDesktop:1px solid rgba(var(--colorBwGradientJ),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
23184    <div class="wml wml_rows">
23185        <div class="wms_background">
23186            <div class="wmc_color_layer "
23187    style=""
23188         data-animate-observe="a1288349-c037-4cd7-9572-830ce572e9ad" >
23189</div>
23190        </div>
23191        <!-- Text:text_1 -->
23192<div id="a1288349-bb76-48f0-9729-5e035e624457" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:320px;--widthTablet:122px;--widthDesktop:192px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--minHeightDesktop:26px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
23193            >
23194    <div class="wml">
23195        <div style="--textAlignDesktop: center" class="wmcM_paragraph1"><span style="--fontSizeDesktop: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">Monday</span></div>
23196    </div>
23197</div>
23198    <!-- Text:text_1 -->
23199<div id="a1288349-bdda-4b92-bd7a-832d4fd39c10" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:320px;--widthTablet:122px;--widthDesktop:192px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:10.00px;--minHeightDesktop:26px;--marginLeftDesktop:0px;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
23200            >
23201    <div class="wml">
23202        <div style="--textAlignDesktop: center"><span style="--fontSizeDesktop: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">09:00 am - 12:00 pm</span></div><div style="--textAlignDesktop: center"><span style="--fontSizeDesktop: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">03:00 pm</span><span style="--textColorDesktop: rgba(var(--colorBwGradientJ),1);"> </span><span style="--fontSizeDesktop: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">- 07:00 pm</span></div>
23203    </div>
23204</div>
23205    </div>
23206</wm-cell>
23207    <!-- Column:cell_2_2 -->
23208<wm-cell id="a1288349-c71b-4028-b33a-4c5c8769d800" class="wmc wmc_column " style="--columnRatio:15;--bgColorDesktop:rgba(var(--colorBwGradientH),0);--minHeightDesktop:62px;--borderRightDesktop:1px solid rgba(var(--colorBwGradientJ),1);--gridPositionMobile:2;--gridPositionTablet:2;--gridPositionDesktop:2;">
23209    <div class="wml wml_rows">
23210        <div class="wms_background">
23211            <div class="wmc_color_layer "
23212    style=""
23213         data-animate-observe="a1288349-c71b-4028-b33a-4c5c8769d800" >
23214</div>
23215        </div>
23216        <!-- Text:text_1 -->
23217<div id="a1288349-c2a1-4a6c-8cad-c76e95b407d1" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:320px;--widthTablet:122px;--widthDesktop:192px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--minHeightDesktop:26px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
23218            >
23219    <div class="wml">
23220        <div style="--textAlignDesktop: center" class="wmcM_paragraph1"><span style="--fontSizeDesktop: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">Tuesday</span></div>
23221    </div>
23222</div>
23223    <!-- Text:text_1 -->
23224<div id="a1288349-c4e8-40d0-87ee-5836806fc3ae" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:320px;--widthTablet:122px;--widthDesktop:192px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:10.00px;--minHeightDesktop:26px;--marginLeftDesktop:0px;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
23225            >
23226    <div class="wml">
23227        <div style="--textAlignDesktop: center" class="wmcM_paragraph1"><span style="--fontSizeDesktop: 0.875rem;
23227 --textColorDesktop: rgba(var(--colorBwGradientJ),1)">03:00 pm - 06:00 pm</span></div>
23228    </div>
23229</div>
23230    </div>
23231</wm-cell>
23232    <!-- Column: -->
23233<wm-cell id="a1288349-cd8c-4a53-84c1-c6331096af74" class="wmc wmc_column " style="--columnRatio:14;--minHeightDesktop:62px;--borderRightDesktop:1px solid rgba(var(--colorBwGradientJ),1);--gridPositionMobile:3;--gridPositionTablet:3;--gridPositionDesktop:3;">
23234    <div class="wml wml_rows">
23235        <div class="wms_background">
23236            <div class="wmc_color_layer "
23237    style=""
23238         data-animate-observe="a1288349-cd8c-4a53-84c1-c6331096af74" >
23239</div>
23240        </div>
23241        <!-- Text:text_1 -->
23242<div id="a1288349-c8cc-4b16-97ac-0a4243467ea8" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:320px;--widthTablet:115.203125px;--widthDesktop:179px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--minHeightDesktop:26px;--marginLeftDesktop:0.5px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
23243            >
23244    <div class="wml">
23245        <div style="--textAlignDesktop: center" class="wmcM_paragraph1"><span style="--fontSizeDesktop: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">Wednesday</span></div>
23246    </div>
23247</div>
23248    <!-- Text:text_1 -->
23249<div id="a1288349-cb87-42ff-9cb7-bce21a8e7537" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:320px;--widthTablet:115px;--widthDesktop:179px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:10.00px;--minHeightDesktop:26px;--marginLeftDesktop:0.5px;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
23250            >
23251    <div class="wml">
23252        <div style="--textAlignDesktop: center" class="wmcM_paragraph1"><span style="--fontSizeDesktop: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">09:00 am - 12:00 pm</span></div><div style="--textAlignDesktop: center" class="wmcM_paragraph1"><span style="--fontSizeDesktop: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">03:00 pm - 07:00 pm</span></div>
23253    </div>
23254</div>
23255    </div>
23256</wm-cell>
23257    <!-- Column: -->
23258<wm-cell id="a1288349-d40a-4841-a56b-5389859803dd" class="wmc wmc_column " style="--columnRatio:14;--minHeightDesktop:62px;--borderRightDesktop:1px solid rgba(var(--colorBwGradientJ),1);--gridPositionMobile:4;--gridPositionTablet:4;--gridPositionDesktop:4;">
23259    <div class="wml wml_rows">
23260        <div class="wms_background">
23261            <div class="wmc_color_layer "
23262    style=""
23263         data-animate-observe="a1288349-d40a-4841-a56b-5389859803dd" >
23264</div>
23265        </div>
23266        <!-- Text:text_1 -->
23267<div id="a1288349-cf84-4c3a-9228-070fdff3f155" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:320px;--widthTablet:114.015625px;--widthDesktop:179px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--minHeightDesktop:26px;--marginLeftDesktop:0.3125px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
23268            >
23269    <div class="wml">
23270        <div style="--textAlignDesktop: center" class="wmcM_paragraph1"><span style="--fontSizeDesktop: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">Thursday</span></div>
23271    </div>
23272</div>
23273    <!-- Text:text_1 -->
23274<div id="a1288349-d19e-4793-b59e-38038ae18182" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:320px;--widthTablet:115px;--widthDesktop:176px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:10.00px;--minHeightDesktop:26px;--marginLeftDesktop:1.8125px;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
23275            >
23276    <div class="wml">
23277        <div style="--textAlignDesktop: center" class="wmcM_paragraph1"><span style="--fontSizeDesktop: 0.875rem;
23277 --textColorDesktop: rgba(var(--colorBwGradientJ),1)">Closed</span></div>
23278    </div>
23279</div>
23280    </div>
23281</wm-cell>
23282    <!-- Column: -->
23283<wm-cell id="a1288349-d9c2-40bc-9543-0d2a4efd48c0" class="wmc wmc_column " style="--columnRatio:14;--borderTopDesktop:0px solid rgba(var(--colorBwGradientA),1);--minHeightDesktop:62px;--borderLeftDesktop:0px solid rgba(var(--colorBwGradientA),1);--borderRightDesktop:1px solid rgba(var(--colorBwGradientJ),1);--gridPositionMobile:5;--gridPositionTablet:5;--borderBottomDesktop:0px solid rgba(var(--colorBwGradientA),1);--gridPositionDesktop:5;">
23284    <div class="wml wml_rows">
23285        <div class="wms_background">
23286            <div class="wmc_color_layer "
23287    style=""
23288         data-animate-observe="a1288349-d9c2-40bc-9543-0d2a4efd48c0" >
23289</div>
23290        </div>
23291        <!-- Text:text_1 -->
23292<div id="a1288349-d585-4d2e-a662-774fafb5d668" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:320px;--widthTablet:145px;--widthDesktop:181px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--minHeightDesktop:26px;--marginLeftDesktop:-0.890625px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
23293            >
23294    <div class="wml">
23295        <div style="--textAlignDesktop: center" class="wmcM_paragraph1"><span style="--fontSizeDesktop: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">Friday</span></div>
23296    </div>
23297</div>
23298    <!-- Text:text_1 -->
23299<div id="a1288349-d7b3-4a38-8afc-504d59c0e922" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:320px;--widthTablet:122.8125px;--widthDesktop:181px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:10.00px;--minHeightDesktop:10px;--marginLeftDesktop:-0.890625px;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
23300            >
23301    <div class="wml">
23302        <div style="--textAlignDesktop: center" class="wmcM_paragraph1"><span style="--fontSizeDesktop: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">09:00 am - 12:00 pm</span></div><div style="--textAlignDesktop: center" class="wmcM_paragraph1"><span style="--fontSizeDesktop: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">03:00 pm - 07:00 pm</span></div>
23303    </div>
23304</div>
23305    </div>
23306</wm-cell>
23307    <!-- Column: -->
23308<wm-cell id="a1288349-df84-42b6-8b4d-93c42ac5b90d" class="wmc wmc_column " style="--columnRatio:14;--minHeightDesktop:62px;--borderRightDesktop:1px solid rgba(var(--colorBwGradientJ),1);--gridPositionMobile:6;--gridPositionTablet:6;--gridPositionDesktop:6;">
23309    <div class="wml wml_rows">
23310        <div class="wms_background">
23311            <div class="wmc_color_layer "
23312    style=""
23313         data-animate-observe="a1288349-df84-42b6-8b4d-93c42ac5b90d" >
23314</div>
23315        </div>
23316        <!-- Text:text_1 -->
23317<div id="a1288349-db5e-4f4c-9642-2161a036a04a" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:320px;--widthTablet:122.40625px;--widthDesktop:179px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--minHeightDesktop:26px;--marginLeftDesktop:0.90625px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
23318            >
23319    <div class="wml">
23320        <div style="--textAlignDesktop: center" class="wmcM_paragraph1"><span style="--fontSizeDesktop: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">Saturday</span></div>
23321    </div>
23322</div>
23323    <!-- Text:text_1 -->
23324<div id="a1288349-dd8e-45b6-bc93-0f320bed71b4" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:320px;--widthTablet:122.40625px;--widthDesktop:179px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:10.00px;--minHeightDesktop:26px;--marginLeftDesktop:1.40625px;--gridPositionMobile:4;--gridPositionTablet:4;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
23325            >
23326    <div class="wml">
23327        <div style="--textAlignDesktop: center" class="wmcM_paragraph1"><span style="--fontSizeDesktop: 0.875rem;
23327 --textColorDesktop: rgba(var(--colorBwGradientJ),1)">9:00 am - 12:00 pm</span></div>
23328    </div>
23329</div>
23330    </div>
23331</wm-cell>
23332    <!-- Column: -->
23333<wm-cell id="a1288349-e5b8-4325-a2e7-9278030a962f" class="wmc wmc_column " style="--columnRatio:14;--minHeightDesktop:62px;--gridPositionMobile:7;--gridPositionTablet:7;--gridPositionDesktop:7;">
23334    <div class="wml wml_rows">
23335        <div class="wms_background">
23336            <div class="wmc_color_layer "
23337    style=""
23338         data-animate-observe="a1288349-e5b8-4325-a2e7-9278030a962f" >
23339</div>
23340        </div>
23341        <!-- Text:text_1 -->
23342<div id="a1288349-e31b-4cb3-b8c4-a84321477f48" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:320px;--widthTablet:122.40625px;--widthDesktop:180.5px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--minHeightDesktop:26px;--marginLeftDesktop:-1.296875px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
23343            >
23344    <div class="wml">
23345        <div style="--textAlignDesktop: center" class="wmcM_paragraph1"><span style="--fontSizeDesktop: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">Sunday</span></div>
23346    </div>
23347</div>
23348    <!-- Text:text_1 -->
23349<div id="a1288349-e11f-40e0-ade0-656a8e83e03c" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:320px;--widthTablet:122.40625px;--widthDesktop:179.1875px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:10.00px;--minHeightDesktop:26px;--marginLeftDesktop:0px;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
23350            >
23351    <div class="wml">
23352        <div style="--textAlignDesktop: center" class="wmcM_paragraph1"><span style="--fontSizeDesktop: 0.875rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">Closed</span></div>
23353    </div>
23354</div>
23355    </div>
23356</wm-cell>
23357    </div>
23358</wm-columns>
23359    </div>
23360</section>
23361    <!-- Text:text_1 -->
23362<div id="a12883c0-d04d-4321-bea8-3ec1b0a577da" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:320px;--widthTablet:122px;--widthDesktop:192px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:102.88px;--minHeightDesktop:26px;--marginLeftDesktop:9px;--gridPositionMobile:8;--gridPositionTablet:8;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:2;--marginBottomDesktop:-78.88px;"
23363            >
23364    <div class="wml">
23365        <div style="--textAlignDesktop: center"><span style="--fontSizeDesktop: 0.875rem">09:00 am - 12:00 pm</span></div>
23366    </div>
23367</div>
23368    </div>
23369</section>
23370            </div>
23371</div>
23372    </div>
23373</div>
23374    <!-- Section:Footer -->
23375<section id="a1284cd3-25c7-4fee-8c30-0c6d9d501c4f" class="wmc wmc_section " style="--bgColorDesktop:rgba(var(--colorBwGradientA),1);--minHeightMobile:560.75px;--minHeightTablet:262.765625px;--minHeightDesktop:122.5px;--gridPositionMobile:2;--gridPositionTablet:2;--gridPositionDesktop:2;">
23376    <div class="wml wml_rows">
23377        <div class="wms_background">
23378            <div class="wmc_color_layer "
23379    style=""
23380         data-animate-observe="a1284cd3-25c7-4fee-8c30-0c6d9d501c4f" >
23381</div>
23382        </div>
23383        <!-- Image:image_1 -->
23384<wm-img id="a1284cd3-2672-4b1a-a144-fe29ab765116"  class="wmc wmc_image wmcM_imageContain" style="--widthMobile:200px;--widthTablet:138px;--heightMobile:72px;--heightTablet:75px;--widthDesktop:70px;--heightDesktop:56.5px;--marginTopMobile:29.00px;--marginTopTablet:35.00px;--marginLeftMobile:60px;--marginLeftTablet:291px;--marginTopDesktop:33.75px;--aspectRatioMobile:200 / 72;--aspectRatioTablet:138 / 75;--marginLeftDesktop:299px;--aspectRatioDesktop:70 / 57;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;;">
23385    <a href="https://www.whitehousechironj.com/" class="wml">
23386        <div class="wms_overlay"></div>
23387        <picture>
23388            <img
23389                loading="lazy"
23390                data-wm-src="/k/D/R/i/x/G/kDRixG8sxcveI3ZD5MQuPeeXljMqLYMRziFb7V9c"
23391                                src="data:image/webp;base64,UklGRm4JAABXRUJQVlA4WAoAAAAQAAAAPwAAPwAAQUxQSCEGAAANGTVtG7A4HWci+h96ORMQEeESI0lSJCmyqvuY9FdzuaHy8R4FiJiACaBmbW/dNvo+AKRs97L/XbYzmTiWCOD7Edu5zAYiYgKI/3cQSDE1moR9MwkhoUwyBYO1ZetGM/82KQUsUylpCxuaVLRUVW/h9h2axmyaYGkzmEjOeTnPJBtH9T7sq1K3YRsMYsNFCeEBjIQQojqOztonv0I6FLnaYIKymIQQwAtMEBDeVVlaGZ8XuoLlxkpYIMEsiUhiMj3MwPJA7anaJz8pNaVMk01Dudeh3AnFiiTuAjSW+4R34LZS3fYpqSlTGYqdPLqHUqy50wRgY5Z5jF6NsJNVHEd1tX1Ck5YFF8PJsweAbUUedN2LMwRIVZqEqox+xlzHQrZ9KAXbtrOrg3cAxDYgSCqhK7Db6qEzmMp2zrFlHl3iB0JjQ7k6O/gACIAuhdDdpHtT2Pc/hhkXyxLT4Ha+7Fla4lPS2ISLs4N3gEgRkWCPlqUMdhVvYaamJMhFufuPfS3h+UYmnF0cvAECLEBSk27KzVDsgNsE1UUBkIvSyba1K8ufCGnbLqajN0DAD7utYJFiKOFjYLtkugmQi9CYcdyqxUd3lmUpZ2+AAABSwpRKuSfbhhBzcA0dgWgAclHuk2+ZxMNktmzyQCD43pKFoSChedKYbXYwa9JDZYJcVsODq1K819iwbUfPIGLfwQLsxg7S8qRr/gLo3WWyJgDIZZruK5dwN4Qb2PAMkIKfFymCey9kKCdnpnYfxF0ZiuFQ5b1mkqGxexB8VkpoDMvSXbqybDWrtntgW014dpW/C7iS7QEg9pmwdGJhCXAo62gOh1WbAMjlmCKyASDZTShTguDzT+RJKWfFju6xx3AhJom7MvSAVeU7sSKGBLFPJRHDYGXAy5jmpGGq8GSZAb7agDQIpIPg8yZmpQlTKYWbfJxb1Y/YVgNMJADZxAp+UUooxSSlDU2cXZxqpuuBDHKBECAFkJIg9hlLFlCQQuom4hTZrJbFIwBlJuMCYBALEHzeAspQtrPpyRxXAHjDsADTdIdtEkEIYQGC4TcWGORe130FCAmQl+G+DHKxKBgEln6HlABJz8iN6tJRb6Th6aaAAopA8DvD0AVcWWJLlBm6VPBn2toEwgCIidgv4ZlJuXdiLQMw97Rux7MSm2pAEEh8zC6Xk/frYo8w86muxtPtbSDQEA0QP+Sbd73+8XZvtsdGHKCeQDkIoQXCKOojreP19fVorAZC06iReLa9rQGUDHQJHz6Ol3/fWk5rWM4EmnhaAL2Abhgd/bHbvjdnwNEFsFQhf05BAdBy0jw/djTdf2yhNwDoJRFPyvqIMgrAbgiPQ/yI5o+zzwqREgvwsicosd2s7pgzUtQH5o+f22DmFpKOdBqpR+AyEwsAjnbz0YWPnrZhyNHLiahM6Rh4KOvbbNrxrtIsnEv8wHR1HmLlMIxa1RAfEIIZ1O+00y28mnpClCtrv65CpJkPrCo8lPU+yWjcPWTuoRQfibjdrreErNloj5DrCaLpcrveq0X3gRKe5HHbS+yV0SiaucEF6p2sDkzO0j0tmUWoRD1A7ksMB2o2qhfCnLgrQ/cG8oqHWXAPtMRHrXADfW7/kVA1APEOkTcPnvd+pGwzd0l4zHFyyGK8kbJRqytwV5ZHb4F8w5OpNh9QP+HnH2EN+ElLMlgDoABZr9oiflzxdIowp6AH4+SAn36ejN66GspBADIdGsN/3NZzrTIaAPCeOdDwYQRCOiRtgGh9mI15Of7DBwsQSZGA0PteMvRq0s9QZrcZZKjdOE46XvBhNQCIoFG36xJdlVArxrisTABE3kLb6fL7BZ+gOy2j9fUoDq8jS8XmyU/dDXTeyEvo9ws+XdUNg2BuWGvt5U1YnH4sKW+G07Rz/YPPJoTKEuPHyZTl5pZKy6CP4zD3k8al/uCzSRLVlWv8mkMd58jkMo3F7usJw+g/93/xhUZSVZqW2XE514JDuKaulykS535JfKmbUUXXWuXbwHsrtSyctvHtiq9mmFGV1aJwVy1zZ0ysK76jD3fsLay97/TOAR/nfcd39TFiw+111x1h9ggsfGeLLfDYgnbg/0wIXwkAVlA4ICYDAAAQEgCdASpAAEAAPm00k0ckIyGhKBv7UIANiWkAFeV/wDtE/znQWe3EAHEoyanhxUOU//0/Mr9YewV0R/Ql/UBfOLubdzHVB8NH7Q7j+6xTMZj2PPOWjBPPLDBkJRSwGaGHHh8lI54NSKDOIc2/0g5r4YXZIVC2gehc3sd+QOt6XeIIqrDVNzBQbd3351p7cuMP5m+yWn8MBIAA/ulN0lm8prgii/7dQnIF0S0Kp+Ag3zHaw9UA3xCaOXzGdiu3uzQnhqodap5lbzNVcNYGyu7tv5XK+PipcVMUKAbS0xDHm3l4A6sDlMOj/m8Zl73VXB7yJ31JE/byn5RLCVkapuRPmQxv5fQJVW6YF2/E6QByWPrhd3XPMTXUHefn3XGG+0WoHPHUEtLteAz00q31mqrDd5vA+sfXZ4X/L8e47M2PAXZOzb3qZJZfou0WZEgJ0qat+O6Y6knmZz8gBTC92OY18x5B3God8cZK3xBnRbn6oCvhQ8ckK3LHkPd5JM3xdqpdA8qH1PfkuRVtT3rt641mIt7vT2XKXYDIP/f6+nA07hKNqUwONp9atT6wqLhiNoWy8J+bNJVvG0BQesEPeTYwxcRaXrgWrWkUwOK4EdlWf8An5i+0U49yiQaqwitoR/57+6fXN80xNSt3Qq9DmmHN6Udsc4M7HC7bi6y56+iO9kam4YJYnrJO4vcGnp1nt1E9t5f0mvtB0YKz/aIsKeQUK8yUVgaeZGd7F+1WkVF1F2M3j7q9nlU/0c8odQGbE+nvynUjAwRsr120HdcgZqtYFTBE9Kz2D/G3T3tjT78ymTZosB14cZJ68zNm2z1oyaKxo2FoP2hTPK03V2yNh6f3DSv6xCjFxPrSFMr95ymBC/wzJJZBu3O83pEvX4jE7sBKjr5E1QB1oxdzmk0YRKmou32eVS0TbRfQg/JwB0Y7gzLvyIZumgaf8Nn4pnBVM3YGCbfR4wTvCzj0xUaBnw52iiFdOslqGZNFt/aDXlowHWoHMST+xOrcJyEzLJC9WT7lJq8PWqIy6mHuzjYdGRHMnshbxUPQz9DVMtpu9tSShx2edoAAAA=="
23392                title="logo_1.png"
23393                alt=""
23394            >
23395        </picture>
23396    </a>
23397</wm-img>
23398    <!-- Button:button_1 -->
23399<div id="a1284cd3-5a86-4705-a19a-acbd4767b456" class="wmc wmc_button wmcM_animateHover" style="--widthMobile:60px;--widthTablet:55px;--widthDesktop:47px;--marginTopMobile:7.97px;--marginTopTablet:51.00px;--minHeightMobile:44px;--marginLeftMobile:136px;--marginLeftTablet:665px;--marginTopDesktop:40.00px;--paddingTopMobile:10px;--paddingTopTablet:10px;--marginLeftDesktop:1233px;--paddingLeftMobile:10px;
23399--paddingLeftTablet:10px;--paddingTopDesktop:10px;--gridPositionMobile:2;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--paddingLeftDesktop:10px;--paddingRightMobile:10px;--paddingRightTablet:10px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:10px;--paddingBottomDesktop:10px;--transitionDurationMsDesktopHover:300;">
23400    <a href="https://www.google.com/maps/place/Eric+Whitehouse+DC/@40.6455238,-74.3362434,14.5z/data=!4m5!3m4!1s0x0:0xcabfaf6a5a863121!8m2!3d40.646943!4d-74.3383447?shorturl=1" target="_blank" class="wml wml_button">
23401        <span class="wms_background">
23402            <div class="wmc_color_layer "
23403    style=""
23404         data-animate-observe="a1284cd3-5a86-4705-a19a-acbd4767b456" >
23405</div>
23406        </span>
23407        <span class="wms_button">
23408            <!-- Button.Text:button_text -->
23409<span id="a1284cd3-58d4-4381-9eff-72b78250c238" class="wmc wmc_text wmc_buttonText wmcM_visuallyHide" style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
23410    <span class="wml">
23411        <p style><span style="--fontSizeDesktop: 1rem; --textColorDesktop: rgba(var(--colorBwGradientA));">Button Text</span></p>
23412    </span>
23413</span>
23414            <!-- Button.Icon:button_icon -->
23415<span id="a1284cd3-5830-44f7-8321-51088c8ae1d5" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:24px;--iconColorDesktop:rgba(var(--colorBwGradientJ),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconColorDesktopHover:rgba(var(--colorBwGradientF),1);">
23416    <span class="wml wml_icon">
23417        <i style="mask: url(https://storage.evona.app/w%2Fm%2F0%2F8%2F7%2Fd%2Fwm087da1f9bd9a6ef6c4def7120d3fd5eb347781) center / contain no-repeat"></i>
23418    </span>
23419</span>
23420        </span>
23421    </a>
23422</div>
23423    <!-- Text:text_1 -->
23424<div id="a1289c3e-ed7b-427f-a003-4dd2e1c933fd" class="wmc wmc_text " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:300px;--marginTopMobile:25.63px;--marginTopTablet:57.63px;--marginLeftMobile:10px;
23424--marginLeftTablet:0px;--marginTopDesktop:46.63px;--minHeightDesktop:30.796875px;--marginLeftDesktop:-1px;--gridPositionMobile:3;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
23425            >
23426    <div class="wml">
23427        <h4 style class="wmcM_heading4"><span style="--fontSizeDesktop: 1.75rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">Eric Whitehouse, D.C.</span></h4>
23428    </div>
23429</div>
23430    <!-- Text:text_1 -->
23431<div id="a1289cb5-615a-4f85-867b-095a615305d7" class="wmc wmc_text " style="--widthMobile:260px;--widthTablet:482px;--widthDesktop:472px;--marginTopMobile:11.30px;--marginTopTablet:37.75px;--marginLeftMobile:30px;--marginLeftTablet:119px;--marginTopDesktop:34.00px;--minHeightDesktop:24px;--marginLeftDesktop:404px;--gridPositionMobile:4;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
23432            >
23433    <div class="wml">
23434        <div style class="wmcM_paragraph3"><span style="--fontSizeDesktop: 1.4375rem; --fontWeightDesktop: 400; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">649 Central Avenue, 13 Westfield, NJ 07090</span></div>
23435    </div>
23436</div>
23437    <!-- Text:text_1 -->
23438<div id="a1284cd3-64b5-4a33-88ca-ebba8fd7d57a" class="wmc wmc_text " style="--widthMobile:260px;--widthTablet:270px;--widthDesktop:242px;--marginTopMobile:18.02px;--marginTopTablet:21.77px;--marginLeftMobile:30px;--marginLeftTablet:225px;--marginTopDesktop:-13.25px;--marginLeftDesktop:519px;--gridPositionMobile:5;--gridPositionTablet:3;--marginBottomMobile:46.00px;--marginBottomTablet:24.25px;--gridPositionDesktop:2;--marginBottomDesktop:21.50px;"
23439            >
23440    <div class="wml">
23441        <div style class="wmcM_paragraph3"><span style="--fontSizeDesktop: 1.4375rem; --fontWeightDesktop: 400; --textColorDesktop: rgba(var(--colorBwGradientJ),1)">Phone: 908-654-0500</span></div>
23442    </div>
23443</div>
23444    </div>
23445</section>
23446    <!-- Section:Copyright -->
23447<section id="a1284cd1-9622-45c5-960a-f00eb968c80d" class="wmc wmc_section wmcM_hidden--mobile" style="--bgColorDesktop:rgba(var(--colorBwGradientA),1);--minHeightMobile:106px;--minHeightTablet:127.203125px;--minHeightDesktop:81.59375px;--gridPositionMobile:3;--gridPositionTablet:3;--gridPositionDesktop:3;">
23448    <div class="wml wml_rows">
23449        <div class="wms_background">
23450            <div class="wmc_color_layer "
23451    style=""
23452         data-animate-observe="a1284cd1-9622-45c5-960a-f00eb968c80d" >
23453</div>
23454        </div>
23455        <!-- Menu:menu_2 -->
23456<wm-menu id="a1284cd3-2841-47c2-b611-fdfa69d51cb6" class="wmc wmc_menu wmcM_animateHover wmcM_menuHorizontalDesktop wmcM_menuHorizontalMobile wmcM_menuHorizontalTablet"
23457    style="--widthMobile:320px;--widthTablet:720px;--widthDesktop:1234px;--marginTopMobile:0.00px;--marginTopTablet:30.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:15.20px;--minHeightDesktop:46.390625px;--marginLeftDesktop:23px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:6.81px;--marginBottomTablet:26.02px;--gridPositionDesktop:1;--marginBottomDesktop:14.78px;--horizontalNavItemFontDesktop:var(--fontFamilySecondary);--horizontalNavArrowSizeDesktop:24px;--horizontalNavArrowRotateDesktop:rotate(0deg);--horizontalNavBorderRadiusTablet:0px 0px 0px 0px;--horizontalNavArrowSpacingDesktop:0px;--horizontalNavBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavItemFontSizeDesktop:14px;--horizontalNavItemFontColorDesktop:rgba(var(--colorBwGradientJ),1);--horizontalNavItemLineHeightDesktop:1;--horizontalNavItemPaddingTopDesktop:0px;--horizontalNavSeparatorColorDesktop:rgba(var(--colorCtaI),1);--horizontalNavSeparatorWidthDesktop:2px;--horizontalNavArrowColorHoverDesktop:rgba(var(--colorBwGradientD),1);--horizontalNavItemPaddingLeftDesktop:0px;--horizontalNavSubItemFontSizeDesktop:14px;--horizontalNavItemBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavItemPaddingRightDesktop:0px;--horizontalNavSeparatorDisplayDesktop:block;--horizontalNavSeparatorSpacingDesktop:30px;--horizontalNavItemPaddingBottomDesktop:0px;--horizontalNavSubItemPaddingTopDesktop:10px;--horizontalNavItemHoverFontColorDesktop:rgba(var(--customColor2),1);--horizontalNavSubItemPaddingLeftDesktop:7px;--horizontalNavSubItemBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavSubItemPaddingRightDesktop:7px;--horizontalNavSubItemPaddingBottomDesktop:10px;--horizontalNavItemBorderRadiusHoverDesktop:0px 0px 0px 0px;--horizontalNavSubItemHoverFontColorDesktop:rgba(var(--colorBwGradientD),1
23457);--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%2Fwmf5464991a424a4453af8202a9e6eed459bc7e9);--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);"
23458    data-parent-menu-to-submenu="false"
23459    data-more-menu="false"
23460    data-more-menu-text="More">
23461    <div class="wml">
23462        <div class="wms_content">
23463            <div class="navigation-module-container">
23464                <button class="hamburger-button">
23465                    <span class="hamburger-button-icon--container">
23466                        <span class="hamburger-button-icon"></span>
23467                        <span
23468                            class="hamburger-button-text visually-hidden"
23469                        >
23470                            
23471                            MENU
23472                        </span>
23473                    </span>
23474                </button>
23475                                    <nav class="navigation-nav">
23476                        <ul class="navigation-nav--main-menu">
23477                                                            <li class="navigation-nav--item">
23478    <a
23479        href="https://www.onlinechiro.com/"
23480        href="https://www.onlinechiro.com/"
23481                    target="_blank" rel="noopener noreferrer"
23482            >
23483                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23484                Copyright © 2026 MH Sub I, LLC dba Baystone Media
23485    </a>
23486    </li>
23487                                                                    <li class="navigation-nav--separator">&nbsp;</li>
23488                                                                                            <li class="navigation-nav--item">
23489    <a
23490        href="https://loginv2.onlinechiro.com/auth/realms/baystone/protocol/openid-connect/auth?state=ff42eb5945faf417d246c99b722cf7b7&scope=openid%20email%20brand%20smbportalapi%20profile&response_type=code&approval_prompt=auto&redirect_uri=https%3A%2F%2Fportal.onlinechiro.com%2Fsite%2Flogin&client_id=smb-portal-baystonechiro"
23491        href="https://loginv2.onlinechiro.com/auth/realms/baystone/protocol/openid-connect/auth?state=ff42eb5945faf417d246c99b722cf7b7&amp;scope=openid%20email%20brand%20smbportalapi%20profile&amp;response_type=code&amp;approval_prompt=auto&amp;redirect_uri=https%3A%2F%2Fportal.onlinechiro.com%2Fsite%2Flogin&amp;client_id=smb-portal-baystonechiro"
23492                    target="_blank" rel="noopener noreferrer"
23493            >
23494                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23495                Admin Log In
23496    </a>
23497    </li>
23498                                                                    <li class="navigation-nav--separator">&nbsp;</li>
23499                                                                                            <li class="navigation-nav--item">
23500    <a
23501        href="https://www.whitehousechironj.com/site-map"
23502        href="#"
23503            >
23504                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23505                Site Map
23506    </a>
23507    </li>
23508                                                                    <li class="navigation-nav--separator">&nbsp;</li>
23509                                                                                            <li class="navigation-nav--item">
23510    <a
23511        href="https://www.whitehousechironj.com/disclaimers/privacy-policy"
23512        href="#"
23513            >
23514                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23515                Privacy Policy
23516    </a>
23517    </li>
23518                                                                    <li class="navigation-nav--separator">&nbsp;</li>
23519                                                                                            <li class="navigation-nav--item">
23520    <a
23521        href="https://www.whitehousechironj.com/disclaimers/hipaa-policy"
23522        href="#"
23523            >
23524                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23525                Hipaa Policy
23526    </a>
23527    </li>
23528                                                                    <li class="navigation-nav--separator">&nbsp;</li>
23529                                                                                            <li class="navigation-nav--item">
23530    <a
23531        href="https://www.whitehousechironj.com/disclaimers/terms-of-use"
23532        href="#"
23533            >
23534                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23535                Terms Of Use
23536    </a>
23537    </li>
23538                                                                    <li class="navigation-nav--separator">&nbsp;</li>
23539                                                                                            <li class="navigation-nav--item">
23540    <a
23541        href="https://www.whitehousechironj.com/disclaimers/termsconditions"
23542        href="#"
23543            >
23544                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23545                Terms &amp; Conditions
23546    </a>
23547    </li>
23548                                                                    <li class="navigation-nav--separator">&nbsp;</li>
23549                                                                                            <li class="navigation-nav--item">
23550    <a
23551        href="https://www.whitehousechironj.com/disclaimers/goodfaithestimate"
23552        href="#"
23553            >
23554                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23555                Good Faith Estimate
23556    </a>
23557    </li>
23558                                                            
23559
23560
23561
23562
23563
23564
23565
23566                        </ul>
23567                    </nav>
23568                            </div>
23569        </div>
23570    </div>
23571</wm-menu>
23572    </div>
23573</section>
23574    <!-- Section:Copyright Mobile -->
23575<section id="a1284cd8-f1d6-4775-b710-93047bc9d53f" class="wmc wmc_section wmcM_hidden--desktop wmcM_hidden--tablet" style="--bgColorDesktop:rgba(var(--colorBwGradientA),1);--minHeightMobile:250px;--minHeightTablet:250px;--minHeightDesktop:94.91665649414062px;
23575--gridPositionMobile:4;--gridPositionTablet:4;--gridPositionDesktop:4;">
23576    <div class="wml wml_rows">
23577        <div class="wms_background">
23578            <div class="wmc_color_layer "
23579    style=""
23580         data-animate-observe="a1284cd8-f1d6-4775-b710-93047bc9d53f" >
23581</div>
23582        </div>
23583        <!-- Menu:menu_1 -->
23584<wm-menu id="a1284cd8-f37e-4dee-8827-fe9930586283" class="wmc wmc_menu wmcM_animateHover wmcM_menuVerticalDesktop wmcM_menuVerticalMobile wmcM_menuVerticalTablet wmd_showMoreMenu"
23585    style="--widthMobile:320px;--widthTablet:275px;--widthDesktop:245px;--marginTopMobile:24.50px;--marginTopTablet:16.30px;--marginLeftMobile:0px;--marginLeftTablet:222.5px;--marginTopDesktop:19.40px;--minHeightDesktop:57px;--marginLeftDesktop:517.5px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:24.50px;--marginBottomTablet:16.70px;--gridPositionDesktop:1;--marginBottomDesktop:18.52px;--verticalNavItemFontDesktop:var(--fontFamilySecondary);--horizontalNavArrowSizeDesktop:24px;--verticalNavBorderRadiusDesktop:0px 0px 0px 0px;--verticalNavItemFontSizeDesktop:14px;--horizontalNavArrowRotateDesktop:rotate(0deg);--verticalNavItemFontColorDesktop:rgba(var(--colorBwGradientJ),1);--horizontalNavArrowSpacingDesktop:0px;--horizontalNavBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavItemFontSizeDesktop:16px;--verticalNavSeparatorColorDesktop:rgba(var(--colorCtaI),1);--verticalNavSeparatorHeightDesktop:1px;--horizontalNavItemPaddingTopDesktop:0px;--horizontalNavSeparatorColorDesktop:rgba(var(--colorCtaA),1);--horizontalNavSeparatorWidthDesktop:2px;--verticalNavItemBorderRadiusDesktop:0px 0px 0px 0px;--verticalNavSeparatorDisplayDesktop:block;--verticalNavSeparatorSpacingDesktop:20px;--horizontalNavArrowColorHoverDesktop:rgba(var(--colorBwGradientD),1);--horizontalNavItemPaddingLeftDesktop:0px;--horizontalNavSubItemFontSizeDesktop:14px;--verticalNavItemHoverFontColorTablet:rgba(var(--colorBackgroundH),1);--horizontalNavItemBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavItemPaddingRightDesktop:0px;--horizontalNavSeparatorDisplayDesktop:block;--horizontalNavSeparatorSpacingDesktop:30px;--verticalNavItemHoverFontColorDesktop:rgba(var(--customColor2),1);--horizontalNavItemPaddingBottomDesktop:0px;--horizontalNavSubItemPaddingTopDesktop:10px;
23585--verticalNavItemBackgroundColorDesktop:rgba(var(--colorBwGradientA),0);--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%2Fwmf5464991a424a4453af8202a9e6eed459bc7e9);--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);"
23586    data-parent-menu-to-submenu="false"
23587    data-more-menu="true"
23588    data-more-menu-text="More">
23589    <div class="wml">
23590        <div class="wms_content">
23591            <div class="navigation-module-container">
23592                <button class="hamburger-button">
23593                    <span class="hamburger-button-icon--container">
23594                        <span class="hamburger-button-icon"></span>
23595                        <span
23596                            class="hamburger-button-text visually-hidden"
23597                        >
23598                            
23599                            MENU
23600                        </span>
23601                    </span>
23602                </button>
23603                                    <nav class="navigation-nav">
23604                        <ul class="navigation-nav--main-menu">
23605                                                            <li class="navigation-nav--item">
23606    <a
23607        href="https://www.onlinechiro.com/"
23608        href="https://www.onlinechiro.com/"
23609                    target="_blank" rel="noopener noreferrer"
23610            >
23611                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23612                Copyright © 2026 MH Sub I, LLC dba Baystone Media
23613    </a>
23614    </li>
23615                                                                    <li class="navigation-nav--separator">&nbsp;</li>
23616                                                                                            <li class="navigation-nav--item">
23617    <a
23618        href="https://loginv2.onlinechiro.com/auth/realms/baystone/protocol/openid-connect/auth?state=ff42eb5945faf417d246c99b722cf7b7&scope=openid%20email%20brand%20smbportalapi%20profile&response_type=code&approval_prompt=auto&redirect_uri=https%3A%2F%2Fportal.onlinechiro.com%2Fsite%2Flogin&client_id=smb-portal-baystonechiro"
23619        href="https://loginv2.onlinechiro.com/auth/realms/baystone/protocol/openid-connect/auth?state=ff42eb5945faf417d246c99b722cf7b7&amp;scope=openid%20email%20brand%20smbportalapi%20profile&amp;response_type=code&amp;approval_prompt=auto&amp;redirect_uri=https%3A%2F%2Fportal.onlinechiro.com%2Fsite%2Flogin&amp;client_id=smb-portal-baystonechiro"
23620                    target="_blank" rel="noopener noreferrer"
23621            >
23622                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23623                Admin Log In
23624    </a>
23625    </li>
23626                                                                    <li class="navigation-nav--separator">&nbsp;</li>
23627                                                                                            <li class="navigation-nav--item">
23628    <a
23629        href="https://www.whitehousechironj.com/site-map"
23630        href="#"
23631            >
23632                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23633                Site Map
23634    </a>
23635    </li>
23636                                                                    <li class="navigation-nav--separator">&nbsp;</li>
23637                                                                                            <li class="navigation-nav--item">
23638    <a
23639        href="https://www.whitehousechironj.com/disclaimers/privacy-policy"
23640        href="#"
23641            >
23642                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23643                Privacy Policy
23644    </a>
23645    </li>
23646                                                                    <li class="navigation-nav--separator">&nbsp;</li>
23647                                                                                            <li class="navigation-nav--item">
23648    <a
23649        href="https://www.whitehousechironj.com/disclaimers/hipaa-policy"
23650        href="#"
23651            >
23652                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23653                Hipaa Policy
23654    </a>
23655    </li>
23656                                                                    <li class="navigation-nav--separator">&nbsp;</li>
23657                                                                                            <li class="navigation-nav--item">
23658    <a
23659        href="https://www.whitehousechironj.com/disclaimers/terms-of-use"
23660        href="#"
23661            >
23662                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23663                Terms Of Use
23664    </a>
23665    </li>
23666                                                                    <li class="navigation-nav--separator">&nbsp;</li>
23667                                                                                            <li class="navigation-nav--item">
23668    <a
23669        href="https://www.whitehousechironj.com/disclaimers/termsconditions"
23670        href="#"
23671            >
23672                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23673                Terms &amp; Conditions
23674    </a>
23675    </li>
23676                                                                    <li class="navigation-nav--separator">&nbsp;</li>
23677                                                                                            <li class="navigation-nav--item">
23678    <a
23679        href="https://www.whitehousechironj.com/disclaimers/goodfaithestimate"
23680        href="#"
23681            >
23682                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23683                Good Faith Estimate
23684    </a>
23685    </li>
23686                                                            
23687
23688
23689
23690
23691
23692
23693
23694                        </ul>
23695                    </nav>
23696                            </div>
23697        </div>
23698    </div>
23699</wm-menu>
23700    </div>
23701</section>
23702        </main>
vendor: 117 bytes, lines 23702-23707
23702
23703
23704
23705
23706
23707    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
23707<script type="text/wmdjs" src="//smbleads.ibsmb.com/js/CampaignTracker.min.js"></script>
vendor: 74 bytes, lines 23707-23708
23707
23708    <script type="text/wmdjs" src="//www.googletagmanager.com/gtag/js?id=
23708UA-273128010-1
vendor: 14 bytes, lines 23708-23710
23708"></script>
23709
23710
23711<!-- Footer Tags -->
23712
23713
23714<!-- Call Tracking -->
23715<script type="text/javascript">
23716    _ctRewriteUrl = "https://apps.onlinechiro.com/CallTracking/RewriteRule/clientId/196883";
23717</script>
23717
23718
23719<script
23720    type="text/wmdjs"
23721    src="https://apps.onlinechiro.com/js/smb-number-changer.js?date=20261004"
23722    defer
23723></script>
23723
23724
23725
23726<!-- Accessibility -->
23727<script
23728    type="text/wmdjs"
23729    data-position="5"
23730    data-account="p6LIYNGE0t"
23731    src="https://cdn.userway.org/widget.js"
23732    defer
23733></script>
23733
23734
23735
23736<!-- Body Before Closing -->
23737<div><a style="display: none" href="https://www.zocdoc.com/practice/dr-eric-whitehouse-dc-42116?lock=true&amp;isNewPatient=false&amp;referrerType=widget" class="zd-plugin" data-type="book-button" data-practice-id="42116" title="Dr. Eric Whitehouse, DC "><img src="https://offsiteSchedule.zocdoc.com/images/remote/rb_BookOnline_White_162x71.png?type=bobjs&amp;monolith_provider_id=42116&amp;practice_id=pt_Ovgc1RXYOkOu2fJ4AxquMx" alt="Dr. Eric Whitehouse, DC " title="Dr. Eric Whitehouse, DC " style="border: 0"></a></div>
23738<script type="text/wmdjs"  >(function (d) {var script = d.createElement('script'); script.type = 'text/javascript'; script.async = true; script.src = 'https://offsiteschedule.zocdoc.com/plugin/embed';var s = d.getElementsByTagName('script')[0]; s.parentNode.insertBefore(script, s);})(document);</script>
23738
23739
23740<script type="text/javascript">/* core/wm-defer.js */
23741;(() => {
23742    'use strict';
23743
23744    // lazy load deferred JS scripts
23745    function lazyLoadScripts() {
23746        document
23747            .querySelectorAll("script[type='text/wmdjs']")
23748            .forEach(el => {
23749                const newEl = document.createElement('script');
23750                const src = el.getAttribute('data-src') ?? null;
23751                try {
23752                    // copy attributes
23753                    el.getAttributeNames().forEach(name => {
23754                        if (name !== 'data-src') {
23755                            try {
23756                                newEl.setAttribute(name, el.getAttribute(name));
23757                            } catch (ignoredErr) {
23758                                // ignore unqualified/invalid attributes
23759                            }
23760                        }
23761                    });
23762
23763                    // copy src of the script or the embedded script
23764                    if (src) {
23765                        newEl.src = src;
23766                    } else {
23767                        newEl.innerHTML = el.innerHTML ?? '';
23768                    }
23769
23770                    // insert the actual script
23771                    newEl.type = 'text/javascript';
23772                    el.insertAdjacentElement('beforebegin', newEl);
23773                    el.remove();
23774                } catch (err) {
23775                    console.error('Error invoking script element', el, newEl, err);
23776                }
23777            });
23778    }
23779
23780    if (!globalThis.wmUserInteraction) {
23781        window.addEventListener('wm-user-interaction', lazyLoadScripts, { once: true });
23782    } else {
23783        lazyLoadScripts();
23784    }
23785})();
23786</script>
vendor: 1 bytes, line 23786
23786
23787<script type="text/javascript">/* core/user-interaction.js */
23788;(() => {
23789
23790    class WmUserInteractionEvent extends CustomEvent {
23791        constructor(detail = null) {
23792            super('wm-user-interaction', { detail });
23793        }
23794    }
23795
23796    function doInit() {
23797        const interactionEvents = ['mousemove', 'mousedown', 'keydown', 'touchmove', 'touchstart'];
23798
23799        const timeInit = Date.now();
23800        const triggerDelay = 500;
23801        const minDelay = 1000;
23802        const maxDelay = 20000;
23803        const scrollThreshold = 50;
23804        let initialScroll = null;
23805
23806        // schedule dispatching after the maximum timeout
23807        const timer = setTimeout(dispatch, maxDelay);
23808        // initiate dispatching on user interaction
23809        interactionEvents.forEach(e => {
23810            window.addEventListener(e, dispatch);
23811        });
23812        window.addEventListener('scroll', scrollDetect);
23813
23814        function scrollDetect() {
23815            if (initialScroll === null) {
23816                initialScroll = window.scrollY;
23817            }
23818            if (Math.abs(window.scrollY - initialScroll) > scrollThreshold) {
23819                dispatch();
23820            }
23821        }
23822
23823        function dispatch() {
23824            // calculate the remaining trigger delay and ignore dispatch if it's not yet reached
23825            const timeDiff = Date.now() - timeInit;
23826            const triggerRemaining = (triggerDelay > timeDiff) ? (triggerDelay - timeDiff) : 0;
23827            if (triggerRemaining > 0) {
23828                return;
23829            }
23830
23831            // if reached, remove all triggers
23832            clearTimeout(timer);
23833            interactionEvents.forEach(e => {
23834                window.removeEventListener(e, dispatch);
23835            });
23836            window.removeEventListener('scroll', scrollDetect);
23837
23838            // calculate the remaining delay and dispatch as soon as allowed
23839            const timeRemaining = (minDelay > timeDiff) ? (minDelay - timeDiff) : 0;
23840
23841            if (timeRemaining > 0) {
23842                setTimeout(doDispatch, timeRemaining);
23843            } else {
23844                doDispatch();
23845            }
23846        }
23847    }
23848
23849    function doDispatch() {
23850        console.debug('interaction: dispatch');
23851        globalThis.wmUserInteraction = true;
23852        window.dispatchEvent(new WmUserInteractionEvent);
23853    }
23854
23855    function init() {
23856        if (globalThis.wmUserInteraction) return;
23857
23858        if (!globalThis.WMConstants.initialAutoStart) {
23859            doDispatch();
23860            return;
23861        }
23862
23863        doInit();
23864    }
23865
23866    if (!globalThis.wmDevice) {
23867        window.addEventListener('wm-device-ready', init, { once: true });
23868    } else {
23869        init();
23870    }
23871})();
23872</script>
vendor: 1 bytes, line 23872
23872
23873<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":"6918e71768e54954bf214b9275e621ef","r":1,"spa":2}' crossorigin="anonymous"></script>
23873
23874</body>
23875</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.