PageSourceSearch

https://www.jeranekchiro.com/contact

html jeranekchiro.com collected 2026-09-27 06:19:50 UTC 1,321,811 bytes, 26,389 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="bwXVZHPoLVbp3KAC7UjICwmp5KzOegBPWLEhTpqY">
7    <meta name="description" content="Want to contact us? View our Chiropractor&#039;s phone and address on the map in Kenosha, WI. Call (262) 293-6500 for an appointment!">
8    <meta name="keywords" content="contact chiropractor">
9    <meta name="robots" content="index, follow">
10
11    <!-- OpenGraphMeta -->
12    <meta property="og:title" content="Contact Our Chiropractor In Kenosha, WI | Jeranek Family Chiropractic"/>
13    <meta property="og:type" content="website"/>
14    <meta property="og:description" content="Want to contact us? View our Chiropractor&#039;s phone and address on the map in Kenosha, WI. Call (262) 293-6500 for an appointment!"/>
15    <meta property="og:url" content="https://www.jeranekchiro.com/contact"/>
16    <meta property="og:image" content="https://media.evona.app/%2Fr%2Fi%2Fv%2F6%2FF%2FH%2Friv6FHYWgaL5EB3RjyxGXdPdIUxwhVknPOtDS2ja"/>
17
18
19    <!-- Matomo -->
20    
21
22    <title>Contact Our Chiropractor In Kenosha, WI | Jeranek Family Chiropractic</title>
23
24    <!-- Google Tag -->
25<script type="text/wmdjs">
26    
vendor: 156 bytes, lines 26-33
26window.dataLayer = window.dataLayer || [];
27
28    function gtag() {
29        dataLayer.push(arguments);
30    }
31
32    gtag('js', new Date());
33    gtag('config', '
33G-YNSVLVS809
vendor: 8 bytes, lines 33-34
33');
34    
34</script>
34
35<!-- End Google Analytics -->
36
37            <style>/* core.css */
38/* WM2 SITE-AGNOSTIC DEFAULTS */
39:root {
40    --wm_desktopPixels: 1280;
41    --wm_tabletPixels: 720;
42    --wm_mobilePixels: 320;
43    --wm_scale: 1;
44    --wm_desktopWidth: calc(var(--wm_desktopPixels) * 1px);
45    --wm_tabletWidth: calc(var(--wm_tabletPixels) * 1px);
46    --wm_mobileWidth: calc(var(--wm_mobilePixels) * 1px);
47
48    /*--wm_minHeight: 10px;*/
49    /*--wm_minWidth: 10px;*/
50    --wm_minHeight: 0px;
51    --wm_minWidth: 0px;
52
53    --wmd_mediaPointOfInterest: 50% 50%;
54    --wmd_backgroundColor: white;
55    --wmd_backgroundImage: none;
56    --wmd_backgroundAttachment: fixed;
57    --wmd_backgroundSize: cover;
58    --wmd_backgroundRepeat: no-repeat;
59    --wmd_backgroundPosition: top left;
60    --wmd_minHeight: 100vh;
61
62    --wm_fontWeightThin: 100;
63    --wm_fontWeightExtraLight: 200;
64    --wm_fontWeightLight: 300;
65    --wm_fontWeightRegular: 400;
66    --wm_fontWeightMedium: 500;
67    --wm_fontWeightSemiBold: 600;
68    --wm_fontWeightBold: 700;
69    --wm_fontWeightExtraBold: 800;
70    --wm_fontWeightBlack: 900;
71
72    text-size-adjust: none;
73    -webkit-font-smoothing: antialiased;
74    -moz-osx-font-smoothing: grayscale;
75
76    /* defaults as defined in browser specs */
77    --transitionEasingPresetLinear: cubic-bezier(0, 0, 1, 1);
78    --transitionEasingPresetEase: cubic-bezier(0.25, 0.1, 0.25, 1);
79    --transitionEasingPresetEaseIn: cubic-bezier(0.42, 0, 1, 1);
80    --transitionEasingPresetEaseOut: cubic-bezier(0, 0, 0.58, 1);
81    --transitionEasingPresetEaseInOut: cubic-bezier(0.42, 0, 0.58, 1);
82    --transitionEasingPresetEaseOutIn: cubic-bezier(0.58, 0.85, 0.42, 0.15);
83
84    /* variations of defaults, firmer and faster */
85    --transitionEasingPresetEaseMedium: cubic-bezier(0.5, 0.15, 0.25, 1);
86    --transitionEasingPresetEaseFast: cubic-bezier(0.75, 0.2, 0.25, 1);
87    --transitionEasingPresetEaseInMedium: cubic-bezier(0.32, 0, 0.67, 0);
88    --transitionEasingPresetEaseInFast: cubic-bezier(0.7, 0, 0.84, 0);
89    --transitionEasingPresetEaseOutMedium: cubic-bezier(0.33, 1, 0.68, 1);
90    --transitionEasingPresetEaseOutFast: cubic-bezier(0.16, 1, 0.3, 1);
91    --transitionEasingPresetEaseInOutMedium: cubic-bezier(0.66, 0, 0.34, 1);
92    --transitionEasingPresetEaseInOutFast: cubic-bezier(0.86, 0, 0.14, 1);
93    --transitionEasingPresetEaseOutInMedium: cubic-bezier(0.34, 0.85, 0.66, 0.15);
94    --transitionEasingPresetEaseOutInFast: cubic-bezier(0.14, 0.85, 0.86, 0.15);
95
96    /* custom useful transitions, courtesy of https://easingwizard.com/ */
97    --transitionEasingPresetSpringHeavy: linear(0, 0.013 0.6%, 0.05 1.2%, 0.199 2.5%, 0.395 3.7%, 0.948 6.7%, 1.201 8.4%, 1.289 9.2%, 1.354 10%, 1.396 10.8%, 1.416 11.6%, 1.418 12.2%, 1.405 12.9%, 1.345 14.3%, 1.258 15.6%, 1.012 18.8%, 0.909 20.5%, 0.851 22%, 0.826 23.6%, 0.83 24.8%, 0.854 26.2%, 0.996 30.8%, 1.039 32.5%, 1.063 34%, 1.073 35.5%, 1.061 38.2%, 0.984 44.4%, 0.97 47.4%, 0.973 49.8%, 1.004 55.8%, 1.013 59.2%, 0.995 71%, 1.002 82.8%, 1);
98    --transitionEasingPresetSpringDrop: linear(0, 0.011 0.5%, 0.051 1.1%, 0.116 1.7%, 0.221 2.4%, 0.429 3.5%, 1.03 6.3%, 1.289 7.8%, 1.378 8.5%, 1.444 9.2%, 1.486 9.9%, 1.504 10.6%, 1.503 11.2%, 1.485 11.8%, 1.455 12.4%, 1.404 13.1%, 1.291 14.3%, 0.977 17.2%, 0.849 18.7%, 0.773 20.1%, 0.745 21.4%, 0.754 22.6%, 0.795 23.9%, 0.852 25.1%, 1.01 28%, 1.076 29.5%, 1.114 30.9%, 1.129 32.2%, 1.125 33.4%, 1.104 34.7%, 0.993 38.9%, 0.96 40.4%, 0.942 41.7%, 0.935 43%, 0.944 45.2%, 1.015 50.7%, 1.033 53.7%, 1.028 56%, 0.993 61.5%, 0.983 64.5%, 1.008 75.1%, 0.996 85.9%, 1);
99    --transitionEasingPresetSpringBouncy: linear(0, 0.066 0.5%, 0.246 1%, 1.456 3.2%, 1.63 3.8%, 1.673 4.3%, 1.625 4.8%, 1.501 5.3%, 0.688 7.5%, 0.586 8%, 0.547 8.5%, 0.57 9%, 0.647 9.5%, 1.214 11.8%, 1.28 12.3%, 1.305 12.8%, 1.288 13.3%, 1.235 13.8%, 0.854 16.1%, 0.81 16.6%, 0.795 17.1%, 0.807 17.6%, 0.844 18.1%, 1.092 20.3%, 1.129 20.9%, 1.138 21.4%, 1.129 21.9%, 1.104 22.4%, 0.937 24.6%, 0.907 25.6%, 0.927 26.6%, 1.043 28.9%, 1.063 29.9%, 1.049 30.9%, 0.97 33.2%, 0.958 34.2%, 0.968 35.2%, 1.019 37.4%, 1.028 38.5%, 0.981 42.7%, 1.013 47%, 0.991 51.3%, 1.006 55.6%, 0.996 59.8%, 1.003 64.1%, 1);
100    --transitionEasingPresetSnapGlide: linear(0, 0.012 0.9%, 0.049 2%, 0.409 9.3%, 0.513 11.9%, 0.606 14.7%, 0.691 17.9%, 0.762 21.3%, 0.82 25%, 0.868 29.1%, 0.907 33.6%, 0.937 38.7%, 0.976 51.3%, 0.994 68.8%, 1);
101    --transitionEasingPresetSnapLazy: linear(0, 0.008 1.1%, 0.031 2.2%, 0.129 4.8%, 0.257 7.2%, 0.671 14.2%, 0.789 16.5%, 0.881 18.6%, 0.957 20.7%, 1.019 22.9%, 1.063 25.1%, 1.094 27.4%, 1.114 30.7%, 1.112 34.5%, 1.018 49.9%, 0.99 59.1%, 1);
102    --transitionEasingPresetSnapElastic: linear(0, 0.03 1.5%, 0.121 3.2%, 0.851 13%, 0.99 16.4%, 1.063 20.2%, 1.076 22.3%, 1.075 24.8%, 1.013 35.9%, 0.995 43.4%, 1);
103    --transitionEasingPresetSnapSharp: linear(0, 0.115 2.2%, 0.877 9.4%, 1.016 11.9%, 1.081 14.7%, 1.088 16%, 1.084 17.5%, 1.013 25.3%, 0.993 30.8%, 1.001 46.8%, 1);
104    --transitionEasingPresetBounceSubtle: linear(0, 0.417 25.5%, 0.867 49.4%, 1 57.7%, 0.925 65.1%, 0.908 68.6%, 0.902 72.2%, 0.916 78.2%, 0.988 92.1%, 1);
105    --transitionEasingPresetBounceSoft: linear(0, 1 44.7%, 0.898 51.8%, 0.874 55.1%, 0.866 58.4%, 0.888 64.3%, 1 77.4%, 0.98 84.5%, 1);
106    --transitionEasingPresetBounceSharp: linear(0, 1 37.8%, 0.883 44.2%, 0.855 47.1%, 0.846 50%, 0.853 52.7%, 0.875 55.5%, 1 65.5%, 0.967 69.4%, 0.957 73.1%, 0.964 76.5%, 1 84.5%, 0.993 89.3%, 1);
107    --transitionEasingPresetBounceFirm: linear(0, 0.234 11.8%, 0.403 18.4%, 0.624 24.7%, 0.999 33.3%, 0.76 39.9%, 0.705 42.6%, 0.687 45.2%, 0.703 47.7%, 0.753 50.3%, 0.999 57.7%, 0.89 61.8%, 0.865 63.6%, 0.857 65.3%, 0.865 67%, 0.887 68.8%, 0.999 74.5%, 0.957 77.5%, 0.944 80.2%, 0.954 82.7%, 1 88.2%, 0.988 91.9%, 1);
108    --transitionEasingPresetOvershootSoft: linear(0, 0.402 7.4%, 0.711 15.3%, 0.929 23.7%, 1.008 28.2%, 1.067 33%, 1.099 36.9%, 1.12 41%, 1.13 45.4%, 1.13 50.1%, 1.111 58.5%, 1.019 83.2%, 1.004 91.3%, 1);
109    --transitionEasingPresetOvershootFirm: linear(0, 0.453 7.8%, 0.803 
10916.1%, 1.048 24.9%, 1.132 29.5%, 1.194 34.4%, 1.227 38.4%, 1.245 42.5%, 1.25 46.9%, 1.242 51.7%, 1.2 60.5%, 1.038 84.9%, 1.009 92.5%, 1);
110    --transitionEasingPresetOvershootSmooth: linear(0, 0.49 7.4%, 0.864 15.3%, 1.005 19.4%, 1.12 23.7%, 1.206 28.1%, 1.267 32.8%, 1.296 36.4%, 1.311 40.2%, 1.313 44.2%, 1.301 48.6%, 1.252 56.9%, 1.105 74.4%, 1.048 82.5%, 1.011 91.1%, 1);
111    --transitionEasingPresetOvershootDynamic: linear(0, 0.544 5.5%, 0.947 11.5%, 1.213 18.1%, 1.298 21.7%, 1.352 25.5%, 1.372 28.2%, 1.379 31.1%, 1.374 34.2%, 1.357 37.6%, 1.307 43.7%, 1.121 61.8%, 1.074 67.8%, 1.04 73.7%, 1.007 84.7%, 1);
112    --transitionEasingPresetOvershootDramatic: linear(0, 0.618 4.6%, 1.072 9.7%, 1.358 15.3%, 1.446 18.4%, 1.497 21.7%, 1.512 23.9%, 1.514 26.2%, 1.481 31.5%, 1.421 36.4%, 1.174 53.4%, 1.108 59.5%, 1.059 65.7%, 1.028 71.9%, 1.009 78.9%, 1);
113
114    /* -- @TODO: this should not be in the live CSS */
115    /* normally we want users to be able to use browser's accessibility settings */
116    /* maybe put this in the editor CSS? what about preview? should we have the option there to force "normal" or not? */
117    /* 16px is the base font size browsers apply by default, for "normal", "medium", "recommended" setting */
118    /* with this we force the site to render in "normal" mode, but on published sites we should not do that */
119    font-size: 16px;
120
121    /* length division only works in Chrome as of February 2026, others will use a JS fallback */
122    /* allows for much more efficient scaling (without layout thrashing) */
123    @supports (opacity: calc(100vw / 1px)) and (opacity: calc(100% / 1px)) {
124        --wm_windowWidth: calc(100vw / 1px);
125        --wm_windowWidthDiff: calc(var(--wm_windowWidth) - (calc(100% / 1px)));
126    }
127}
128
129/* CSS RESET */
130html, body {
131    padding: 0;
132    margin: 0;
133    overflow-x: clip;
134    height: 100vh;
135}
136
137html {
138    background-color: var(--wmd_backgroundColor);
139    background-image: var(--wmd_backgroundImage);
140    background-attachment: var(--wmd_backgroundAttachment);
141    background-size: var(--wmd_backgroundSize);
142    background-repeat: var(--wmd_backgroundRepeat);
143    background-position: 50% 50%;
144}
145
146main {
147    min-height: var(--wmd_minHeight);
148}
149
150@media all and (width < 1328px) and (width >= 1040px) {
151    :root {
152        --wm_scale: calc(var(--wm_windowWidth) / 1328);
153    }
154
155    body {
156        > .wmcM_scrollBehavior,
157        > main {
158            width: calc(1328px - (var(--wm_windowWidthDiff) * 1px)) !important;
159            transform-origin: 0 0 0 !important;
160            transform: scale3d(var(--wm_scale), var(--wm_scale), 1) !important;
161        }
162    }
163}
164
165@media all and (width < 768px) and (width >= 650px) {
166    :root {
167        --wm_scale: calc(var(--wm_windowWidth) / 768);
168    }
169
170    body {
171        > .wmcM_scrollBehavior,
172        > main {
173            width: calc(768px - (var(--wm_windowWidthDiff) * 1px)) !important;
174            transform-origin: 0 0 0 !important;
175            transform: scale3d(var(--wm_scale), var(--wm_scale), 1) !important;
176        }
177    }
178}
179
180@media all and (width < 650px) {
181    :root {
182        --wm_scale: calc(var(--wm_windowWidth) / 360);
183    }
184
185    body {
186        > .wmcM_scrollBehavior,
187        > main {
188            width: calc(360px - (var(--wm_windowWidthDiff) * 1px)) !important;
189            /*width: 360px !important;*/
190            transform-origin: 0 0 0 !important;
191            transform: scale3d(var(--wm_scale), var(--wm_scale), 1) !important;
192        }
193    }
194}
195
196body * {
197    box-sizing: border-box;
198    overflow-wrap: break-word;
199}
200
201.wm_initial {
202    opacity: 0;
203}
204
205p, h1, h2, h3, h4, h5, h6 {
206    margin-block: 0;
207}
208
209a {
210    text-decoration: none;
211}
212
213img {
214    max-width: 100%;
215}
216
217img, iframe {
218    vertical-align: bottom;
219}
220
221svg.wm_svgFilter {
222    width: 0;
223    height: 0;
224    position: fixed;
225}
226
227/* LAYOUT */
228.wmc {
229    --containerMargin: 0px;
230    --contentWidthPage: var(--wm_desktopWidth);
231    --contentWidth: var(--contentWidthOverride, var(--contentWidthPage));
232
233    --gridPositionDesktop: auto;
234
235    --bgColorDesktop: initial;
236    --marginTopDesktop: 0px;
237    --marginBottomDesktop: 0px;
238    --marginLeftDesktop: 0px;
239    --marginRightDesktop: 0px;
240    --offsetLeftDesktop: 0px;
241    --offsetRightDesktop: 0px;
242    --widthDesktop: initial;
243    --heightDesktop: initial;
244    --maxWidthDesktop: initial;
245    --maxHeightDesktop: initial;
246    --minWidthDesktop: initial;
247    --minHeightDesktop: var(--minHeightFallback, var(--wm_minHeight));
248    --transformOriginDesktop: 50% 50% 0;
249    --translateDesktop: ;
250    --scaleDesktop: ;
251    --rotateDesktop: ;
252    --opacityDesktop: 1;
253    --filterDesktop: ;
254    --glassEffectBlurDesktop: 8px;
255
256    --bgColor: var(--bgColorDesktop);
257    --marginTop: var(--marginTopDesktop);
258    --marginBottom: var(--marginBottomDesktop);
259    --marginLeft: var(--marginLeftDesktop);
260    --marginRight: var(--marginRightDesktop);
261    --offsetLeft: var(--offsetLeftDesktop);
262    --offsetRight: var(--offsetRightDesktop);
263    --width: var(--widthDesktop);
264    --height: var(--heightDesktop);
265    --maxWidth: var(--maxWidthDesktop);
266    --maxHeight: var(--maxHeightDesktop);
267    --minWidth: var(--minWidthDesktop);
268    --minHeight: var(--minHeightDesktop);
269    --transformOrigin: var(--transformOriginDesktop);
270    --translate: var(--translateDesktop);
271    --scale: var(--scaleDesktop);
272    --rotate: var(--rotateDesktop);
273    --opacity: var(--opacityDesktop);
274    --filter: var(--filterDesktop);
275
276    --gridPosition: var(--gridPositionDesktop);
277    --zIndex: 0;
278    --glassEffectBlur: var(--glassEffectBlurDesktop);
279
280    /* Scroll Behavior Variables - Device Responsive */
281    --stickyOffsetDesktop: 0px;
282    --trailingAnchorIdDesktop: '';
283    --revealThresholdDesktop: 0px;
284    --scrollBehaviorDesktop: none;
285
286    --stickyOffset: var(--stickyOffsetDesktop);
287    --trailingAnchorId: var(--trailingAnchorIdDesktop);
288    --revealThreshold: var(--revealThresholdDesktop);
289    --scrollBehavior: var(--scrollBehaviorDesktop);
290
291    /* Fixed elements variables */
292    --fixedHorizontalAlignmentDesktop: end;
293    --fixedVerticalAlignmentDesktop: end;
294    --fixedHorizontalOffsetDesktop: 20px;
295    --fixedVerticalOffsetDesktop: 20px;
296
297    --fixedHorizontalAlignment: var(--fixedHorizontalAlignmentDesktop);
298    --fixedVerticalAlignment: var(--fixedVerticalAlignmentDesktop);
299    --fixedHorizontalOffset: var(--fixedHorizontalOffsetDesktop);
300    --fixedVerticalOffset: var(--fixedVerticalOffsetDesktop);
301
302    --containerSize: wm_content;
303    --containerSpaceLeft: 1fr;
304    --containerSpaceRight: 1fr;
305
306    position: relative;
307    display: grid;
308    pointer-events: none;
309
310    min-width: 0;
311    min-height: 0;
312    grid-area: var(--gridPosition) / 1 / calc(var(--gridPosition) + 1) / 2;
313    grid-template-columns:
314        minmax(0, var(--containerMargin))
315        [wm_full-start]
316        var(--containerSpaceLeft)
317        [wm_content-start]
318        min(100%, var(--contentWidth))
319        [wm_content-end]
320        var(--containerSpaceRight)
321        [wm_full-end]
322        minmax(0, var(--containerMargin));
323}
324
325.wmcM_animateHover {
326    --transitionDurationMsDesktopHover: 0;
327    --transitionEasingDesktopHover: var(--transitionEasingPresetEase);
328    --transitionEasingKineticDesktopHover: var(--transitionEasingPresetEase);
329
330    --transitionDurationMsHover: var(--transitionDurationMsDesktopHover);
331    --transitionEasingHover: var(--transitionEasingDesktopHover);
332    --transitionEasingKineticHover: var(--transitionEasingKineticDesktopHover);
333
334    &,
335    & .wmc {
336        --bgColorDesktopHover: var(--bgColorDesktop);
337        --marginTopDesktopHover: var(--marginTopDesktop);
338        --marginBottomDesktopHover: var(--marginBottomDesktop);
339        --marginLeftDesktopHover: var(--marginLeftDesktop);
340        --marginRightDesktopHover: var(--marginRightDesktop);
341        --offsetLeftDesktopHover: var(--offsetLeftDesktop);
342        --offsetRightDesktopHover: var(--offsetRightDesktop);
343        --widthDesktopHover: var(--widthDesktop);
344        --heightDesktopHover: var(--heightDesktop);
345        --maxWidthDesktopHover: var(--maxWidthDesktop);
346        --maxHeightDesktopHover: var(--maxHeightDesktop);
347        --minWidthDesktopHover: var(--minWidthDesktop);
348        --minHeightDesktopHover: var(--minHeightDesktop);
349        --translateDesktopHover: var(--translateDesktop);
350        --scaleDesktopHover: var(--scaleDesktop);
351        --rotateDesktopHover: var(--rotateDesktop);
352        --opacityDesktopHover: var(--opacityDesktop);
353        --filterDesktopHover: var(--filterDesktop);
354
355        --bgColorHover: var(--bgColorDesktopHover);
356        --marginTopHover: var(--marginTopDesktopHover);
357        --marginBottomHover: var(--marginBottomDesktopHover);
358        --marginLeftHover: var(--marginLeftDesktopHover);
359        --marginRightHover: var(--marginRightDesktopHover);
360        --offsetLeftHover: var(--offsetLeftDesktopHover);
361        --offsetRightHover: var(--offsetRightDesktopHover);
362        --widthHover: var(--widthDesktopHover);
363        --heightHover: var(--heightDesktopHover);
364        --maxWidthHover: var(--maxWidthDesktopHover);
365        --maxHeightHover: var(--maxHeightDesktopHover);
366        --minWidthHover: var(--minWidthDesktopHover);
367        --minHeightHover: var(--minHeightDesktopHover);
368        --translateHover: var(--translateDesktopHover);
369        --scaleHover: var(--scaleDesktopHover);
370        --rotateHover: var(--rotateDesktopHover);
371        --opacityHover: var(--opacityDesktopHover);
372        --filterHover: var(--filterDesktopHover);
373
374        --bgColorDesktopActive: var(--bgColorDesktopHover);
375        --marginTopDesktopActive: var(--marginTopDesktopHover);
376        --marginBottomDesktopActive: var(--marginBottomDesktopHover);
377        --marginLeftDesktopActive: var(--marginLeftDesktopHover);
378        --marginRightDesktopActive: var(--marginRightDesktopHover);
379        --offsetLeftDesktopActive: var(--offsetLeftDesktopHover);
380        --offsetRightDesktopActive: var(--offsetRightDesktopHover);
381        --widthDesktopActive: var(--widthDesktopHover);
382        --heightDesktopActive: var(--heightDesktopHover);
383        --maxWidthDesktopActive: var(--maxWidthDesktopHover);
384        --maxHeightDesktopActive: var(--maxHeightDesktopHover);
385        --minWidthDesktopActive: var(--minWidthDesktopHover);
386        --minHeightDesktopActive: var(--minHeightDesktopHover);
387        --translateDesktopActive: var(--translateDesktopHover);
388        --scaleDesktopActive: var(--scaleDesktopHover);
389        --rotateDesktopActive: var(--rotateDesktopHover);
390        --opacityDesktopActive: var(--opacityDesktopHover);
391        --filterDesktopActive: var(--filterDesktopHover);
392
393        --bgColorActive: var(--bgColorDesktopActive);
394        --marginTopActive: var(--marginTopDesktopActive);
395        --marginBottomActive: var(--marginBottomDesktopActive);
396        --marginLeftActive: var(--marginLeftDesktopActive);
397        --marginRightActive: var(--marginRightDesktopActive);
398        --offsetLeftActive: var(--offsetLeftDesktopActive);
399        --offsetRightActive: var(--offsetRightDesktopActive);
400        --widthActive: var(--widthDesktopActive);
401        --heightActive: var(--heightDesktopActive);
402        --maxWidthActive: var(--maxWidthDesktopActive);
403        --maxHeightActive: var(--maxHeightDesktopActive);
404        --minWidthActive: var(--minWidthDesktopActive);
405        --minHeightActive: var(--minHeightDesktopActive);
406        --translateActive: var(--translateDesktopActive);
407        --scaleActive: var(--scaleDesktopActive);
408        --rotateActive: var(--rotateDesktopActive);
409        --opacityActive: var(--opacityDesktopActive);
410        --filterActive: var(--filterDesktopActive);
411    }
412
413    &:not(.wmcA_entryTransitionState) {
414        .wml,
415        .wml > .wms_background,
416        .wml > .wms_background > .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>/* button.css */
3303.wmc_button :where(button) {
3304	appearance: none;
3305	-webkit-appearance: none;
3306	background: none;
3307	background-color: transparent;
3308	border: 0;
3309}
3310</style>
3311            <style>/* form.css */
3312.wmc_form {
3313    /* arrow icon */
3314    --submitArrowIcon01: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 13L13.25 3M13.25 3L5.75 3M13.25 3V10.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
3315
3316    /* css properties for form */
3317    --inputPrimaryFont: var(--fontFamilyPrimary);
3318    --inputPrimaryColor: rgba(var(--colorPrimaryA),1);
3319    --inputSecondaryColor: rgba(var(--colorPrimaryE),1);
3320
3321    /* field wrapper */
3322    --fieldWrapperDisplayDesktop: grid;
3323    --fieldWrapperGridTemplateColumnsDesktop: 1fr;
3324    --fieldWrapperGapDesktop: 20px;
3325
3326    /* label */
3327    --labelDisplayDesktop: block;
3328    --labelPaddingTopDesktop: 0px;
3329    --labelPaddingBottomDesktop: 0px;
3330    --labelPaddingLeftDesktop: 0px;
3331    --labelPaddingRightDesktop: 0px;
3332    --labelMarginBottomDesktop: 15px;
3333    --labelFontDesktop: var(--inputPrimaryFont);
3334    --labelFontSizeDesktop: 14px;
3335    --labelFontColorDesktop: var(--inputPrimaryColor);
3336    --labelFontWeightDesktop: 400;
3337    --labelFontStyleDesktop: normal;
3338    --labelTextDecorationDesktop: none;
3339    --labelLetterSpacingDesktop: 0px;
3340    --labelLineHeightDesktop: normal;
3341
3342    /* input, select and textarea padding */
3343    --inputPaddingTopDesktop: 8px;
3344    --inputPaddingBottomDesktop: 8px;
3345    --inputPaddingLeftDesktop: 0px;
3346    --inputPaddingRightDesktop: 0px;
3347
3348    /* input, select and textarea border */
3349    --inputBorderTopDesktop: 0px solid var(--inputPrimaryColor);
3350    --inputBorderRightDesktop: 0px solid var(--inputPrimaryColor);
3351    --inputBorderBottomDesktop: 0px solid var(--inputPrimaryColor);
3352    --inputBorderLeftDesktop: 0px solid var(--inputPrimaryColor);
3353
3354    /* input, select and textarea radius */
3355    --inputBorderRadiusDesktop: 0px 0px 0px 0px;
3356
3357    /* input, select and textarea font */
3358    --inputFontDesktop: var(--inputPrimaryFont);
3359    --inputFontSizeDesktop: 16px;
3360    --inputFontWeightDesktop: 400;
3361    --inputFontStyleDesktop: normal;
3362    --inputFontColorDesktop: var(--inputPrimaryColor);
3363    --inputTextDecorationDesktop: none;
3364    --inputLetterSpacingDesktop: 0px;
3365    --inputLineHeightDesktop: 1.4;
3366    --inputWidthDesktop: 100%;
3367    --inputHeightDesktop: auto;
3368    --inputBackgroundColorDesktop: rgba(var(--colorBackgroundE),0);
3369    --inputTextAlignDesktop: left;
3370
3371    /* input, select and textarea placeholder */
3372    --inputPlaceholderPaddingLeftDesktop: 0px;
3373    --inputPlaceholderFontDesktop: var(--inputFontDesktop);
3374    --inputPlaceholderFontSizeDesktop: var(--inputFontSizeDesktop);
3375    --inputPlaceholderFontColorDesktop: var(--inputSecondaryColor);
3376    --inputPlaceholderFontWeightDesktop: 400;
3377    --inputPlaceholderFontStyleDesktop: normal;
3378    --inputPlaceholderTextDecorationDesktop: none;
3379    --inputPlaceholderLetterSpacingDesktop: 0px;
3380    --inputPlaceholderLineHeightDesktop: 1.4;
3381
3382    /* disclaimer text */
3383    --disclaimerTextFontDesktop: var(--fontFamilySecondary);
3384    --disclaimerTextFontSizeDesktop: 14px;
3385    --disclaimerTextFontColorDesktop: rgba(var(--colorBwGradientC), 1);
3386    --disclaimerTextFontWeightDesktop: 400;
3387    --disclaimerTextFontStyleDesktop: normal;
3388    --disclaimerTextDecorationDesktop: none;
3389    --disclaimerTextLetterSpacingDesktop: 0px;
3390    --disclaimerTextLineHeightDesktop: 1.4;
3391
3392    /* input, select and textarea padding hover */
3393    --inputPaddingTopHoverDesktop: var(--inputPaddingTopDesktop);
3394    --inputPaddingBottomHoverDesktop: var(--inputPaddingBottomDesktop);
3395    --inputPaddingLeftHoverDesktop: var(--inputPaddingLeftDesktop);
3396    --inputPaddingRightHoverDesktop: var(--inputPaddingRightDesktop);
3397
3398    /* input, select and textarea radius hover */
3399    --inputBorderRadiusHoverDesktop: var(--inputBorderRadiusDesktop);
3400
3401
3402
3403    /* input, select and textarea font hover */
3404    --inputFontHoverDesktop: var(--inputFontDesktop);
3405    --inputFontSizeHoverDesktop: var(--inputFontSizeDesktop);
3406    --inputFontWeightHoverDesktop: var(--inputFontWeightDesktop);
3407    --inputFontStyleHoverDesktop: var(--inputFontStyleDesktop);
3408    --inputFontColorHoverDesktop: var(--inputFontColorDesktop);
3409    --inputTextDecorationHoverDesktop: var(--inputTextDecorationDesktop);
3410    --inputBackgroundColorHoverDesktop: var(--inputBackgroundColorDesktop);
3411
3412    --inputBorderTopHoverDesktop: var(--inputBorderTopDesktop);
3413    --inputBorderRightHoverDesktop: var(--inputBorderRightDesktop);
3414    --inputBorderBottomHoverDesktop: var(--inputBorderBottomDesktop);
3415    --inputBorderLeftHoverDesktop: var(--inputBorderLeftDesktop);
3416
3417    /* input, select and textarea padding focus */
3418    --inputPaddingTopFocusDesktop: var(--inputPaddingTopDesktop);
3419    --inputPaddingBottomFocusDesktop: var(--inputPaddingBottomDesktop);
3420    --inputPaddingLeftFocusDesktop: var(--inputPaddingLeftDesktop);
3421    --inputPaddingRightFocusDesktop: var(--inputPaddingRightDesktop);
3422
3423    /* input, select and textarea radius focus */
3424    --inputBorderRadiusFocusDesktop: var(--inputBorderRadiusDesktop);
3425
3426    /* input, select and textarea focus */
3427    --inputFontFocusDesktop: var(--inputFontDesktop);
3428    --inputFontSizeFocusDesktop: var(--inputFontSizeDesktop);
3429    --inputFontWeightFocusDesktop: var(--inputFontWeightDesktop);
3430    --inputFontStyleFocusDesktop: var(--inputFontStyleDesktop);
3431    --inputFontColorFocusDesktop: var(--inputFontColorDesktop);
3432    --inputTextDecorationFocusDesktop: var(--inputTextDecorationDesktop);
3433    --inputBackgroundColorFocusDesktop: var(--inputBackgroundColorDesktop);
3434
3435    --inputBorderTopFocusDesktop: var(--inputBorderTopDesktop);
3436    --inputBorderRightFocusDesktop: var(--inputBorderRightDesktop);
3437    --inputBorderBottomFocusDesktop: var(--inputBorderBottomDesktop);
3438    --inputBorderLeftFocusDesktop: var(--inputBorderLeftDesktop);
3439
3440    /* time and date */
3441    --timeDateGridTemplateColumnsDesktop: 1fr;
3442    --timeDateAlignItemsDesktop: center;
3443
3444    /* radio and checkbox */
3445    --radioCheckboxGridColumnDesktop: 3;
3446    --radioCheckboxGridTemplateColumnsDesktop: repeat(var(--radioCheckboxGridColumnDesktop), 1fr);
3447    --radioCheckboxGridColumnGapDesktop: 40px;
3448    --labelRadioCheckboxDisplayDesktop: grid;
3449    --labelRadioCheckboxMarginBottomDesktop: 5px;
3450    --labelRadioCheckboxGridColumnDesktop: 2;
3451    --labelRadioCheckboxGridTemplateColumnsDesktop: repeat(var(--labelRadioCheckboxGridColumnDesktop), auto);
3452    --labelRadioCheckboxAlignItemsDesktop: center;
3453    --labelRadioCheckboxJustifyContentDesktop: start;
3454    --radioCheckboxJustifySelfDesktop: center;
3455    --radioCheckboxSizeDesktop: 20px;
3456    --radioCheckboxCursorDesktop: pointer;
3457    --labelRadioCheckboxGapDesktop: 10px;
3458
3459    /* textarea height */
3460    --textareaHeightDesktop: 150px;
3461
3462    /* radio and checkbox font */
3463    --labelRadioCheckboxFontSizeDesktop: var(--inputFontSizeDesktop);
3464    --labelRadioCheckboxFontColorDesktop: var(--inputFontColorDesktop);
3465    --labelRadioCheckboxFontWeightDesktop: var(--inputFontWeightDesktop);
3466    --labelRadioCheckboxFontStyleDesktop: var(--inputFontStyleDesktop);
3467    --labelRadioCheckboxTextDecorationDesktop: var(--inputTextDecorationDesktop);
3468    --labelRadioCheckboxLetterSpacingDesktop: var(--inputLetterSpacingDesktop);
3469    --labelRadioCheckboxLineHeightDesktop: var(--inputLineHeightDesktop);
3470
3471    /* form actions */
3472    --formActionsMarginTopDesktop: 10px;
3473    --formActionsTextAlignDesktop: left;
3474
3475    /* submit padding */
3476    --submitPaddingTopDesktop: 12px;
3477    --submitPaddingBottomDesktop: 12px;
3478    --submitPaddingLeftDesktop: 30px;
3479    --submitPaddingRightDesktop: 30px;
3480
3481    /* submit border */
3482    --submitBorderTopDesktop: 0px solid var(--inputPrimaryColor);
3483    --submitBorderRightDesktop: 0px solid var(--inputPrimaryColor);
3484    --submitBorderBottomDesktop: 0px solid var(--inputPrimaryColor);
3485    --submitBorderLeftDesktop: 0px solid var(--inputPrimaryColor);
3486
3487    /* submit border radius */
3488    --submitBorderRadiusDesktop: 0px 0px 0px 0px;
3489
3490    /* submit font */
3491    --submitFontDesktop: var(--inputPrimaryFont);
3492    --submitFontColorDesktop: rgba(var(--colorPrimaryJ),1);
3493    --submitFontSizeDesktop: 16px;
3494    --submitFontWeightDesktop: 400;
3495    --submitFontStyleDesktop: normal;
3496    --submitTextDecorationDesktop: none;
3497    --submitLetterSpacingDesktop: 0px;
3498    --submitLineHeightDesktop: normal;
3499    --submitBackgroundColorDesktop: rgba(var(--colorCtaE),1);
3500    --submitCursorDesktop: pointer;
3501    --submitWidthDesktop: auto;
3502
3503    /* submit arrow */
3504    --submitArrowDisplayDesktop: block;
3505    --submitArrowIconDesktop: var(--submitArrowIcon01);
3506    --submitArrowSizeDesktop: 16px;
3507    --submitArrowColorDesktop: rgba(var(--colorPrimaryJ),1);
3508    --submitArrowRotateDesktop: 0deg;
3509    --submitArrowGapDesktop: 5px;
3510
3511    /* error */
3512    --errorFontColorDesktop: rgba(var(--colorCtaE),1);
3513    --errorBorderColorDesktop: rgba(var(--colorCtaE),1);
3514    --errorPlaceholderFontColorDesktop: rgba(var(--colorCtaE),1);
3515
3516    /* required */
3517    --requiredColorDesktop: rgba(var(--colorSecondaryE),1);
3518
3519    /* notification */
3520    --notificationFontColorDesktop: var(--labelFontColorDesktop);
3521    --notificationFontColorHoverDesktop: var(--notificationFontColorDesktop);
3522
3523    /*
3524     apply CSS properties
3525    */
3526
3527    /* apply field wrapper */
3528    --fieldWrapperDisplay: var(--fieldWrapperDisplayDesktop);
3529    --fieldWrapperGridTemplateColumns: var(--fieldWrapperGridTemplateColumnsDesktop);
3530    --fieldWrapperGap: var(--fieldWrapperGapDesktop);
3531
3532    /* apply label */
3533    --labelDisplay: var(--labelDisplayDesktop);
3534    --labelPaddingTop: var(--labelPaddingTopDesktop);
3535    --labelPaddingBottom: var(--labelPaddingBottomDesktop);
3536    --labelPaddingLeft: var(--labelPaddingLeftDesktop);
3537    --labelPaddingRight: var(--labelPaddingRightDesktop);
3538    --labelMarginBottom: var(--labelMarginBottomDesktop);
3539    --labelFont: var(--labelFontDesktop);
3540    --labelFontSize: var(--labelFontSizeDesktop);
3541    --labelFontColor: var(--labelFontColorDesktop);
3542    --labelFontWeight: var(--labelFontWeightDesktop);
3543    --labelFontStyle: var(--labelFontStyleDesktop);
3544    --labelTextDecoration: var(--labelTextDecorationDesktop);
3545    --labelLetterSpacing: var(--labelLetterSpacingDesktop);
3546    --labelLineHeight: var(--labelLineHeightDesktop);
3547
3548    /* apply input, select and textarea padding */
3549    --inputPaddingTop: var(--inputPaddingTopDesktop);
3550    --inputPaddingBottom: var(--inputPaddingBottomDesktop);
3551    --inputPaddingLeft: var(--inputPaddingLeftDesktop);
3552    --inputPaddingRight: var(--inputPaddingRightDesktop);
3553
3554    /* apply input, select and textarea border */
3555    --inputBorderTop: var(--inputBorderTopDesktop);
3556    --inputBorderRight: var(--inputBorderRightDesktop);
3557    --inputBorderBottom: var(--inputBorderBottomDesktop);
3558    --inputBorderLeft: var(--inputBorderLeftDesktop);
3559
3560    /* apply input, select and textarea radius */
3561    --inputBorderRadius: var(--inputBorderRadiusDesktop);
3562
3563    /* apply input, select and textarea font */
3564    --inputFont: var(--inputFontDesktop);
3565    --inputFontSize: var(--inputFontSizeDesktop);
3566    --inputFontWeight: var(--inputFontWeightDesktop);
3567    --inputFontStyle: var(--inputFontStyleDesktop);
3568    --inputFontColor: var(--inputFontColorDesktop);
3569    --inputTextDecoration: var(--inputTextDecorationDesktop);
3570    --inputLetterSpacing: var(--inputLetterSpacingDesktop);
3571    --inputLineHeight: var(--inputLineHeightDesktop);
3572    --inputWidth: var(--inputWidthDesktop);
3573    --inputHeight: var(--inputHeightDesktop);
3574    --inputBackgroundColor: var(--inputBackgroundColorDesktop);
3575    --inputTextAlign: var(--inputTextAlignDesktop);
3576
3577    /* apply input, select and textarea placeholder */
3578    --inputPlaceholderPaddingLeft: var(--inputPlaceholderPaddingLeftDesktop);
3579    --inputPlaceholderFont: var(--inputPlaceholderFontDesktop);
3580    --inputPlaceholderFontSize: var(--inputPlaceholderFontSizeDesktop);
3581    --inputPlaceholderFontColor: var(--inputPlaceholderFontColorDesktop);
3582    --inputPlaceholderFontWeight: var(--inputPlaceholderFontWeightDesktop);
3583    --inputPlaceholderFontStyle: var(--inputPlaceholderFontStyleDesktop);
3584    --inputPlaceholderTextDecoration: var(--inputPlaceholderTextDecorationDesktop);
3585    --inputPlaceholderLetterSpacing: var(--inputPlaceholderLetterSpacingDesktop);
3586    --inputPlaceholderLineHeight: var(--inputPlaceholderLineHeightDesktop);
3587
3588    /* apply disclaimer text */
3589    --disclaimerTextFont: var(--disclaimerTextFontDesktop);
3590    --disclaimerTextFontSize: var(--disclaimerTextFontSizeDesktop);
3591    --disclaimerTextFontColor: var(--disclaimerTextFontColorDesktop);
3592    --disclaimerTextFontWeight: var(--disclaimerTextFontWeightDesktop);
3593    --disclaimerTextFontStyle: var(--disclaimerTextFontStyleDesktop);
3594    --disclaimerTextDecoration: var(--disclaimerTextDecorationDesktop);
3595    --disclaimerTextLetterSpacing: var(--disclaimerTextLetterSpacingDesktop);
3596    --disclaimerTextLineHeight: var(--disclaimerTextLineHeightDesktop);
3597
3598    /* apply input, select and textarea hover */
3599    --inputFontHover: var(--inputFontHoverDesktop);
3600    --inputFontSizeHover: var(--inputFontSizeHoverDesktop);
3601    --inputFontWeightHover: var(--inputFontWeightHoverDesktop);
3602    --inputFontStyleHover: var(--inputFontStyleHoverDesktop);
3603    --inputFontColorHover: var(--inputFontColorHoverDesktop);
3604    --inputTextDecorationHover: var(--inputTextDecorationHoverDesktop);
3605    --inputBorderTopHover: var(--inputBorderTopHoverDesktop);
3606    --inputBorderRightHover: var(--inputBorderRightHoverDesktop);
3607    --inputBorderBottomHover: var(--inputBorderBottomHoverDesktop);
3608    --inputBorderLeftHover: var(--inputBorderLeftHoverDesktop);
3609    --inputBorderRadiusHover: var(--inputBorderRadiusHoverDesktop);
3610    --inputBackgroundColorHover: var(--inputBackgroundColorHoverDesktop);
3611
3612    --inputPaddingTopHover: var(--inputPaddingTopHoverDesktop);
3613    --inputPaddingBottomHover: var(--inputPaddingBottomHoverDesktop);
3614    --inputPaddingLeftHover: var(--inputPaddingLeftHoverDesktop);
3615    --inputPaddingRightHover: var(--inputPaddingRightHoverDesktop);
3616
3617    /* apply input, select and textarea focus */
3618    --inputFontFocus: var(--inputFontFocusDesktop);
3619    --inputFontSizeFocus: var(--inputFontSizeFocusDesktop);
3620    --inputFontWeightFocus: var(--inputFontWeightFocusDesktop);
3621    --inputFontStyleFocus: var(--inputFontStyleFocusDesktop);
3622    --inputFontColorFocus: var(--inputFontColorFocusDesktop);
3623    --inputTextDecorationFocus: var(--inputTextDecorationFocusDesktop);
3624    --inputBorderTopFocus: var(--inputBorderTopFocusDesktop);
3625    --inputBorderRightFocus: var(--inputBorderRightFocusDesktop);
3626    --inputBorderBottomFocus: var(--inputBorderBottomFocusDesktop);
3627    --inputBorderLeftFocus: var(--inputBorderLeftFocusDesktop);
3628    --inputBackgroundColorFocus: var(--inputBackgroundColorFocusDesktop);
3629
3630    /* apply time and date */
3631    --timeDateGridTemplateColumns: var(--timeDateGridTemplateColumnsDesktop);
3632    --timeDateAlignItems: var(--timeDateAlignItemsDesktop);
3633
3634    /* apply radio and checkbox */
3635    --radioCheckboxGridColumn: var(--radioCheckboxGridColumnDesktop);
3636    --radioCheckboxGridTemplateColumns: var(--radioCheckboxGridTemplateColumnsDesktop);
3637    --radioCheckboxGridColumnGap: var(--radioCheckboxGridColumnGapDesktop);
3638    --labelRadioCheckboxDisplay: var(--labelRadioCheckboxDisplayDesktop);
3639    --labelRadioCheckboxMarginBottom: var(--labelRadioCheckboxMarginBottomDesktop);
3640    --labelRadioCheckboxGridColumn: var(--labelRadioCheckboxGridColumnDesktop);
3641    --labelRadioCheckboxGridTemplateColumns: var(--labelRadioCheckboxGridTemplateColumnsDesktop);
3642    --labelRadioCheckboxAlignItems: var(--labelRadioCheckboxAlignItemsDesktop);
3643    --labelRadioCheckboxJustifyContent: var(--labelRadioCheckboxJustifyContentDesktop);
3644    --radioCheckboxJustifySelf: var(--radioCheckboxJustifySelfDesktop);
3645    --radioCheckboxSize: var(--radioCheckboxSizeDesktop);
3646    --radioCheckboxCursor: var(--radioCheckboxCursorDesktop);
3647    --labelRadioCheckboxGap: var(--labelRadioCheckboxGapDesktop);
3648
3649    /* apply textarea height */
3650    --textareaHeight: var(--textareaHeightDesktop);
3651
3652    /* apply radio and checkbox font */
3653    --labelRadioCheckboxFontSize: var(--labelRadioCheckboxFontSizeDesktop);
3654    --labelRadioCheckboxFontWeight: var(--labelRadioCheckboxFontWeightDesktop);
3655    --labelRadioCheckboxFontStyle: var(--labelRadioCheckboxFontStyleDesktop);
3656    --labelRadioCheckboxFontColor: var(--labelRadioCheckboxFontColorDesktop);
3657    --labelRadioCheckboxTextDecoration: var(--labelRadioCheckboxTextDecorationDesktop);
3658    --labelRadioCheckboxLetterSpacing: var(--labelRadioCheckboxLetterSpacingDesktop);
3659    --labelRadioCheckboxLineHeight: var(--labelRadioCheckboxLineHeightDesktop);
3660
3661    /* apply form actions */
3662    --formActionsMarginTop: var(--formActionsMarginTopDesktop);
3663    --formActionsTextAlign: var(--formActionsTextAlignDesktop);
3664
3665    /* apply submit padding */
3666    --submitPaddingTop: var(--submitPaddingTopDesktop);
3667    --submitPaddingBottom: var(--submitPaddingBottomDesktop);
3668    --submitPaddingLeft: var(--submitPaddingLeftDesktop);
3669    --submitPaddingRight: var(--submitPaddingRightDesktop);
3670
3671    /* apply submit border */
3672    --submitBorderTop: var(--submitBorderTopDesktop);
3673    --submitBorderRight: var(--submitBorderRightDesktop);
3674    --submitBorderBottom: var(--submitBorderBottomDesktop);
3675    --submitBorderLeft: var(--submitBorderLeftDesktop);
3676
3677    /* apply submit border radius */
3678    --submitBorderRadius: var(--submitBorderRadiusDesktop);
3679
3680    /* apply submit font */
3681    --submitFont: var(--submitFontDesktop);
3682    --submitFontColor: var(--submitFontColorDesktop);
3683    --submitFontSize: var(--submitFontSizeDesktop);
3684    --submitFontWeight: var(--submitFontWeightDesktop);
3685    --submitFontStyle: var(--submitFontStyleDesktop);
3686    --submitTextDecoration: var(--submitTextDecorationDesktop);
3687    --submitLetterSpacing: var(--submitLetterSpacingDesktop);
3688    --submitLineHeight: var(--submitLineHeightDesktop);
3689    --submitBackgroundColor: var(--submitBackgroundColorDesktop);
3690    --submitCursor: var(--submitCursorDesktop);
3691    --submitWidth: var(--submitWidthDesktop);
3692
3693    /* apply submit arrow */
3694    --submitArrowDisplay: var(--submitArrowDisplayDesktop);
3695    --submitArrowIcon: var(--submitArrowIconDesktop);
3696    --submitArrowSize: var(--submitArrowSizeDesktop);
3697    --submitArrowColor: var(--submitArrowColorDesktop);
3698    --submitArrowRotate: var(--submitArrowRotateDesktop);
3699    --submitArrowGap: var(--submitArrowGapDesktop);
3700
3701    /* apply error */
3702    --errorFontColor: var(--errorFontColorDesktop);
3703    --errorBorderColor: var(--errorBorderColorDesktop);
3704    --errorPlaceholderFontColor: var(--errorPlaceholderFontColorDesktop);
3705
3706    /* apply required */
3707    --requiredColor: var(--requiredColorDesktop);
3708
3709    --height: min-content;
3710    /* apply notification */
3711    --notificationFontColor: var(--notificationFontColorDesktop);
3712    --notificationFontColorHover: var(--notificationFontColorHoverDesktop);
3713}
3714
3715@media all and (width < 1040px) {
3716    .wmc_form {
3717        /* field wrapper */
3718        --fieldWrapperDisplayTablet: grid;
3719        --fieldWrapperGridTemplateColumnsTablet: 1fr;
3720        --fieldWrapperGapTablet: var(--fieldWrapperGapDesktop);
3721
3722        /* label */
3723        --labelDisplayTablet: block;
3724        --labelPaddingTopTablet: 0px;
3725        --labelPaddingBottomTablet: 0px;
3726        --labelPaddingLeftTablet: var(--labelPaddingLeftDesktop);
3727        --labelPaddingRightTablet: 0px;
3728        --labelMarginBottomTablet: var(--labelMarginBottomDesktop);
3729        --labelFontSizeTablet: var(--labelFontSizeDesktop);
3730        --labelFontColorTablet: var(--labelFontColorDesktop);
3731        --labelFontWeightTablet: var(--labelFontWeightDesktop);
3732        --labelFontStyleTablet: var(--labelFontStyleDesktop);
3733        --labelTextDecorationTablet: var(--labelTextDecorationDesktop);
3734        --labelLetterSpacingTablet: var(--labelLetterSpacingDesktop);
3735        --labelLineHeightTablet: var(--labelLineHeightDesktop);
3736
3737        /* input, select and textarea padding */
3738        --inputPaddingTopTablet: var(--inputPaddingTopDesktop);
3739        --inputPaddingBottomTablet: var(--inputPaddingBottomDesktop);
3740        --inputPaddingLeftTablet: var(--inputPaddingLeftDesktop);
3741        --inputPaddingRightTablet: var(--inputPaddingRightDesktop);
3742
3743        /* input, select and textarea border */
3744        --inputBorderTopTablet: var(--inputBorderTopDesktop);
3745        --inputBorderRightTablet: var(--inputBorderRightDesktop);
3746        --inputBorderBottomTablet: var(--inputBorderBottomDesktop);
3747        --inputBorderLeftTablet: var(--inputBorderLeftDesktop);
3748
3749        /* input, select and textarea radius */
3750        --inputBorderRadiusTablet: var(--inputBorderRadiusDesktop);
3751
3752        /* input, select and textarea font */
3753        --inputFontTablet: var(--inputFontDesktop);
3754        --inputFontSizeTablet: var(--inputFontSizeDesktop);
3755        --inputFontWeightTablet: var(--inputFontWeightDesktop);
3756        --inputFontStyleTablet: var(--inputFontStyleDesktop);
3757        --inputFontColorTablet: var(--inputFontColorDesktop);
3758        --inputTextDecorationTablet: var(--inputTextDecorationDesktop);
3759        --inputLetterSpacingTablet: var(--inputLetterSpacingDesktop);
3760        --inputLineHeightTablet: var(--inputLineHeightDesktop);
3761        --inputWidthTablet: 100%;
3762        --inputHeightTablet: auto;
3763        --inputBackgroundColorTablet: var(--inputBackgroundColorDesktop);
3764        --inputTextAlignTablet: left;
3765
3766        /* input, select and textarea placeholder */
3767        --inputPlaceholderPaddingLeftTablet: var(--inputPlaceholderPaddingLeftDesktop);
3768        --inputPlaceholderFontTablet: var(--inputFontTablet);
3769        --inputPlaceholderFontSizeTablet: var(--inputFontSizeTablet);
3770        --inputPlaceholderFontColorTablet: var(--inputSecondaryColor);
3771        --inputPlaceholderFontWeightTablet: var(--inputPlaceholderFontWeightDesktop);
3772        --inputPlaceholderFontStyleTablet: var(--inputPlaceholderFontStyleDesktop);
3773        --inputPlaceholderTextDecorationTablet: var(--inputPlaceholderTextDecorationDesktop);
3774        --inputPlaceholderLetterSpacingTablet: var(--inputPlaceholderLetterSpacingDesktop);
3775        --inputPlaceholderLineHeightTablet: var(--inputPlaceholderLineHeightDesktop);
3776
3777        /* disclaimer text */
3778        --disclaimerTextFontTablet: var(--disclaimerTextFontDesktop);
3779        --disclaimerTextFontSizeTablet: var(--disclaimerTextFontSizeDesktop);
3780        --disclaimerTextFontColorTablet: var(--disclaimerTextFontColorDesktop);
3781        --disclaimerTextFontWeightTablet: var(--disclaimerTextFontWeightDesktop);
3782        --disclaimerTextFontStyleTablet: var(--disclaimerTextFontStyleDesktop);
3783        --disclaimerTextDecorationTablet: var(--disclaimerTextDecorationDesktop);
3784        --disclaimerTextLetterSpacingTablet: var(--disclaimerTextLetterSpacingDesktop);
3785        --disclaimerTextLineHeightTablet: var(--disclaimerTextLineHeightDesktop);
3786
3787        /* input, select and textarea padding hover */
3788        --inputPaddingTopHoverTablet: var(--inputPaddingTopHoverDesktop);
3789        --inputPaddingBottomHoverTablet: var(--inputPaddingBottomHoverDesktop);
3790        --inputPaddingLeftHoverTablet: var(--inputPaddingLeftHoverDesktop);
3791        --inputPaddingRightHoverTablet: var(--inputPaddingRightHoverDesktop);
3792
3793        /* input, select and textarea radius hover */
3794        --inputBorderRadiusHoverTablet: var(--inputBorderRadiusHoverDesktop);
3795
3796        /* input, select and textarea hover */
3797        --inputFontHoverTablet: var(--inputFontTablet);
3798        --inputFontSizeHoverTablet: var(--inputFontSizeTablet);
3799        --inputFontWeightHoverTablet: var(--inputFontWeightHoverDesktop);
3800        --inputFontStyleHoverTablet: var(--inputFontStyleHoverDesktop);
3801        --inputFontColorHoverTablet: var(--inputFontColorHoverDesktop);
3802        --inputTextDecorationHoverTablet: var(--inputTextDecorationHoverDesktop);
3803        --inputBackgroundColorHoverTablet: var(--inputBackgroundColorHoverDesktop);
3804
3805        --inputBorderTopHoverTablet: var(--inputBorderTopHoverDesktop);
3806        --inputBorderRightHoverTablet: var(--inputBorderRightHoverDesktop);
3807        --inputBorderBottomHoverTablet: var(--inputBorderBottomHoverDesktop);
3808        --inputBorderLeftHoverTablet: var(--inputBorderLeftHoverDesktop);
3809
3810        /* input, select and textarea focus */
3811        --inputFontFocusTablet: var(--inputFontTablet);
3812        --inputFontSizeFocusTablet: var(--inputFontSizeTablet);
3813        --inputFontWeightFocusTablet: var(--inputFontWeightTablet);
3814        --inputFontStyleFocusTablet: var(--inputFontStyleTablet);
3815        --inputFontColorFocusTablet: var(--inputFontColorDesktop);
3816        --inputTextDecorationFocusTablet: var(--inputTextDecorationTablet);
3817        --inputBorderTopFocusTablet: var(--inputBorderTopTablet);
3818        --inputBorderRightFocusTablet: var(--inputBorderRightTablet);
3819        --inputBorderBottomFocusTablet: var(--inputBorderBottomTablet);
3820        --inputBorderLeftFocusTablet: var(--inputBorderLeftTablet);
3821        --inputBackgroundColorFocusTablet: var(--inputBackgroundColorTablet);
3822
3823        /* time and date */
3824        --timeDateGridTemplateColumnsTablet: 1fr;
3825        --timeDateAlignItemsTablet: center;
3826
3827        /* radio and checkbox */
3828        --radioCheckboxGridColumnTablet: 3;
3829        --radioCheckboxGridTemplateColumnsTablet: repeat(var(--radioCheckboxGridColumnTablet), 1fr);
3830        --radioCheckboxGridColumnGapTablet: 20px;
3831        --labelRadioCheckboxDisplayTablet: grid;
3832        --labelRadioCheckboxMarginBottomTablet: 10px;
3833        --labelRadioCheckboxGridColumnTablet: 1;
3834        --labelRadioCheckboxGridTemplateColumnsTablet: repeat(var(--labelRadioCheckboxGridColumnTablet), auto);
3835        --labelRadioCheckboxAlignItemsTablet: center;
3836        --labelRadioCheckboxJustifyContentTablet: start;
3837        --radioCheckboxJustifySelfTablet: center;
3838        --radioCheckboxSizeTablet: 20px;
3839        --radioCheckboxCursorTablet: pointer;
3840        --labelRadioCheckboxGapTablet: 10px;
3841
3842        /* textarea height */
3843        --textareaHeightTablet: 120px;
3844
3845        /* radio and checkbox font */
3846        --labelRadioCheckboxFontSizeTablet: var(--labelRadioCheckboxFontSizeDesktop);
3847        --labelRadioCheckboxFontColorTablet: var(--labelRadioCheckboxFontColorDesktop);
3848        --labelRadioCheckboxFontWeightTablet: var(--labelRadioCheckboxFontWeightDesktop);
3849        --labelRadioCheckboxFontStyleTablet: var(--labelRadioCheckboxFontStyleDesktop);
3850        --labelRadioCheckboxTextDecorationTablet: var(--labelRadioCheckboxTextDecorationDesktop);
3851        --labelRadioCheckboxLetterSpacingTablet: var(--labelRadioCheckboxLetterSpacingDesktop);
3852        --labelRadioCheckboxLineHeightTablet: var(--labelRadioCheckboxLineHeightDesktop);
3853
3854        /* form actions */
3855        --formActionsMarginTopTablet: 10px;
3856        --formActionsTextAlignTablet: center;
3857
3858        /* submit padding */
3859        --submitPaddingTopTablet: 8px;
3860        --submitPaddingBottomTablet: 8px;
3861        --submitPaddingLeftTablet: 30px;
3862        --submitPaddingRightTablet: 30px;
3863
3864        /* submit border */
3865        --submitBorderTopTablet: 0px solid var(--inputPrimaryColor);
3866        --submitBorderRightTablet: 0px solid var(--inputPrimaryColor);
3867        --submitBorderBottomTablet: 0px solid var(--inputPrimaryColor);
3868        --submitBorderLeftTablet: 0px solid var(--inputPrimaryColor);
3869
3870        /* submit border radius */
3871        --submitBorderRadiusTablet: 0px 0px 0px 0px;
3872
3873        /* submit font */
3874        --submitFontTablet: var(--inputPrimaryFont);
3875        --submitFontColorTablet: rgba(var(--colorPrimaryJ),1);
3876        --submitFontSizeTablet: 16px;
3877        --submitFontWeightTablet: 400;
3878        --submitFontStyleTablet: normal;
3879        --submitTextDecorationTablet: none;
3880        --submitLetterSpacingTablet: 0px;
3881        --submitLineHeightTablet: normal;
3882        --submitBackgroundColorTablet: rgba(var(--colorCtaE),1);
3883        --submitCursorTablet: pointer;
3884        --submitWidthTablet: auto;
3885
3886        /* submit arrow */
3887        --submitArrowDisplayTablet: block;
3888        --submitArrowIconTablet: var(--submitArrowIcon01);
3889        --submitArrowSizeTablet: 16px;
3890        --submitArrowColorTablet: rgba(var(--colorPrimaryJ),1);
3891        --submitArrowRotateTablet: 0deg;
3892        --submitArrowGapTablet: 5px;
3893
3894        /* error */
3895        --errorFontColorTablet: rgba(var(--colorCtaE),1);
3896        --errorBorderColorTablet: rgba(var(--colorCtaE),1);
3897        --errorPlaceholderFontColorTablet: rgba(var(--colorCtaE),1);
3898
3899        /* required */
3900        --requiredColorTablet: rgba(var(--colorSecondaryE),1);
3901
3902        /* notification */
3903        --notificationFontColorTablet: var(--notificationFontColorDesktop);
3904        --notificationFontColorHoverTablet: var(--notificationFontColorTablet);
3905
3906        /*
3907         apply CSS properties
3908        */
3909
3910        /* apply field wrapper */
3911        --fieldWrapperDisplay: var(--fieldWrapperDisplayTablet);
3912        --fieldWrapperGridTemplateColumns: var(--fieldWrapperGridTemplateColumnsTablet);
3913        --fieldWrapperGap: var(--fieldWrapperGapTablet);
3914
3915        /* apply label */
3916        --labelDisplay: var(--labelDisplayTablet);
3917        --labelPaddingTop: var(--labelPaddingTopTablet);
3918        --labelPaddingBottom: var(--labelPaddingBottomTablet);
3919        --labelPaddingLeft: var(--labelPaddingLeftTablet);
3920        --labelPaddingRight: var(--labelPaddingRightTablet);
3921        --labelMarginBottom: var(--labelMarginBottomTablet);
3922        --labelFontSize: var(--labelFontSizeTablet);
3923        --labelFontColor: var(--labelFontColorTablet);
3924        --labelFontWeight: var(--labelFontWeightTablet);
3925        --labelFontStyle: var(--labelFontStyleTablet);
3926        --labelTextDecoration: var(--labelTextDecorationTablet);
3927        --labelLetterSpacing: var(--labelLetterSpacingTablet);
3928        --labelLineHeight: var(--labelLineHeightTablet);
3929
3930        /* apply input, select and textarea padding */
3931        --inputPaddingTop: var(--inputPaddingTopTablet);
3932        --inputPaddingBottom: var(--inputPaddingBottomTablet);
3933        --inputPaddingLeft: var(--inputPaddingLeftTablet);
3934        --inputPaddingRight: var(--inputPaddingRightTablet);
3935
3936        /* apply input, select and textarea border */
3937        --inputBorderTop: var(--inputBorderTopTablet);
3938        --inputBorderRight: var(--inputBorderRightTablet);
3939        --inputBorderBottom: var(--inputBorderBottomTablet);
3940        --inputBorderLeft: var(--inputBorderLeftTablet);
3941
3942        /* apply input, select and textarea radius */
3943        --inputBorderRadius: var(--inputBorderRadiusTablet);
3944
3945        /* apply input, select and textarea font */
3946        --inputFont: var(--inputFontTablet);
3947        --inputFontSize: var(--inputFontSizeTablet);
3948        --inputFontWeight: var(--inputFontWeightTablet);
3949        --inputFontStyle: var(--inputFontStyleTablet);
3950        --inputFontColor: var(--inputFontColorTablet);
3951        --inputTextDecoration: var(--inputTextDecorationTablet);
3952        --inputLetterSpacing: var(--inputLetterSpacingTablet);
3953        --inputLineHeight: var(--inputLineHeightTablet);
3954        --inputWidth: var(--inputWidthTablet);
3955        --inputHeight: var(--inputHeightTablet);
3956        --inputBackgroundColor: var(--inputBackgroundColorTablet);
3957        --inputTextAlign: var(--inputTextAlignTablet);
3958
3959        /* apply input, select and textarea placeholder */
3960        --inputPlaceholderPaddingLeft: var(--inputPlaceholderPaddingLeftTablet);
3961        --inputPlaceholderFont: var(--inputPlaceholderFontTablet);
3962        --inputPlaceholderFontSize: var(--inputPlaceholderFontSizeTablet);
3963        --inputPlaceholderFontColor: var(--inputPlaceholderFontColorTablet);
3964        --inputPlaceholderFontWeight: var(--inputPlaceholderFontWeightTablet);
3965        --inputPlaceholderFontStyle: var(--inputPlaceholderFontStyleTablet);
3966        --inputPlaceholderTextDecoration: var(--inputPlaceholderTextDecorationTablet);
3967        --inputPlaceholderLetterSpacing: var(--inputPlaceholderLetterSpacingTablet);
3968        --inputPlaceholderLineHeight: var(--inputPlaceholderLineHeightTablet);
3969
3970        /* apply disclaimer text */
3971        --disclaimerTextFont: var(--disclaimerTextFontTablet);
3972        --disclaimerTextFontSize: var(--disclaimerTextFontSizeTablet);
3973        --disclaimerTextFontColor: var(--disclaimerTextFontColorTablet);
3974        --disclaimerTextFontWeight: var(--disclaimerTextFontWeightTablet);
3975        --disclaimerTextFontStyle: var(--disclaimerTextFontStyleTablet);
3976        --disclaimerTextDecoration: var(--disclaimerTextDecorationTablet);
3977        --disclaimerTextLetterSpacing: var(--disclaimerTextLetterSpacingTablet);
3978        --disclaimerTextLineHeight: var(--disclaimerTextLineHeightTablet);
3979
3980        /* apply input, select and textarea hover */
3981        --inputFontHover: var(--inputFontHoverTablet);
3982        --inputFontSizeHover: var(--inputFontSizeHoverTablet);
3983        --inputFontWeightHover: var(--inputFontWeightHoverTablet);
3984        --inputFontStyleHover: var(--inputFontStyleHoverTablet);
3985        --inputFontColorHover: var(--inputFontColorHoverTablet);
3986        --inputTextDecorationHover: var(--inputTextDecorationHoverTablet);
3987        --inputBackgroundColorHover: var(--inputBackgroundColorHoverTablet);
3988
3989        --inputBorderTopHover: var(--inputBorderTopHoverTablet);
3990        --inputBorderRightHover: var(--inputBorderRightHoverTablet);
3991        --inputBorderBottomHover: var(--inputBorderBottomHoverTablet);
3992        --inputBorderLeftHover: var(--inputBorderLeftHoverTablet);
3993        --inputBorderRadiusHover: var(--inputBorderRadiusHoverTablet);
3994
3995        --inputPaddingTopHover: var(--inputPaddingTopHoverTablet);
3996        --inputPaddingBottomHover: var(--inputPaddingBottomHoverTablet);
3997        --inputPaddingLeftHover: var(--inputPaddingLeftHoverTablet);
3998        --inputPaddingRightHover: var(--inputPaddingRightHoverTablet);
3999
4000         /* input, select and textarea padding focus */
4001        --inputPaddingTopFocusTablet: var(--inputPaddingTopTablet);
4002        --inputPaddingBottomFocusTablet: var(--inputPaddingBottomTablet);
4003        --inputPaddingLeftFocusTablet: var(--inputPaddingLeftTablet);
4004        --inputPaddingRightFocusTablet: var(--inputPaddingRightTablet);
4005
4006        /* input, select and textarea radius focus */
4007        --inputBorderRadiusFocusTablet: var(--inputBorderRadiusTablet);
4008
4009        /* apply input, select and textarea focus */
4010        --inputFontFocus: var(--inputFontFocusTablet);
4011        --inputFontSizeFocus: var(--inputFontSizeFocusTablet);
4012        --inputFontWeightFocus: var(--inputFontWeightFocusTablet);
4013        --inputFontStyleFocus: var(--inputFontStyleFocusTablet);
4014        --inputFontColorFocus: var(--inputFontColorFocusTablet);
4015        --inputTextDecorationFocus: var(--inputTextDecorationFocusTablet);
4016        --inputBorderTopFocus: var(--inputBorderTopFocusTablet);
4017        --inputBorderRightFocus: var(--inputBorderRightFocusTablet);
4018        --inputBorderBottomFocus: var(--inputBorderBottomFocusTablet);
4019        --inputBorderLeftFocus: var(--inputBorderLeftFocusTablet);
4020        --inputBackgroundColorFocus: var(--inputBackgroundColorFocusTablet);
4021
4022        /* apply time and date */
4023        --timeDateGridTemplateColumns: var(--timeDateGridTemplateColumnsTablet);
4024        --timeDateAlignItems: var(--timeDateAlignItemsTablet);
4025
4026        /* apply radio and checkbox */
4027        --radioCheckboxGridColumn: var(--radioCheckboxGridColumnTablet);
4028        --radioCheckboxGridTemplateColumns: var(--radioCheckboxGridTemplateColumnsTablet);
4029        --radioCheckboxGridColumnGap: var(--radioCheckboxGridColumnGapTablet);
4030        --labelRadioCheckboxDisplay: var(--labelRadioCheckboxDisplayTablet);
4031        --labelRadioCheckboxMarginBottom: var(--labelRadioCheckboxMarginBottomTablet);
4032        --labelRadioCheckboxGridColumn: var(--labelRadioCheckboxGridColumnTablet);
4033        --labelRadioCheckboxGridTemplateColumns: var(--labelRadioCheckboxGridTemplateColumnsTablet);
4034        --labelRadioCheckboxAlignItems: var(--labelRadioCheckboxAlignItemsTablet);
4035        --labelRadioCheckboxJustifyContent: var(--labelRadioCheckboxJustifyContentTablet);
4036        --radioCheckboxJustifySelf: var(--radioCheckboxJustifySelfTablet);
4037        --radioCheckboxSize: var(--radioCheckboxSizeTablet);
4038        --radioCheckboxCursor: var(--radioCheckboxCursorTablet);
4039        --labelRadioCheckboxGap: var(--labelRadioCheckboxGapTablet);
4040
4041        /* apply textarea height */
4042        --textareaHeight: var(--textareaHeightTablet);
4043
4044        /* apply radio and checkbox font */
4045        --labelRadioCheckboxFontSize: var(--labelRadioCheckboxFontSizeTablet);
4046        --labelRadioCheckboxFontColor: var(--labelRadioCheckboxFontColorTablet);
4047        --labelRadioCheckboxFontWeight: var(--labelRadioCheckboxFontWeightTablet);
4048        --labelRadioCheckboxFontStyle: var(--labelRadioCheckboxFontStyleTablet);
4049        --labelRadioCheckboxTextDecoration: var(--labelRadioCheckboxTextDecorationTablet);
4050        --labelRadioCheckboxLetterSpacing: var(--labelRadioCheckboxLetterSpacingTablet);
4051        --labelRadioCheckboxLineHeight: var(--labelRadioCheckboxLineHeightTablet);
4052
4053        /* apply form actions */
4054        --formActionsMarginTop: var(--formActionsMarginTopTablet);
4055        --formActionsTextAlign: var(--formActionsTextAlignTablet);
4056
4057        /* apply submit padding */
4058        --submitPaddingTop: var(--submitPaddingTopTablet);
4059        --submitPaddingBottom: var(--submitPaddingBottomTablet);
4060        --submitPaddingLeft: var(--submitPaddingLeftTablet);
4061        --submitPaddingRight: var(--submitPaddingRightTablet);
4062
4063        /* apply submit border */
4064        --submitBorderTop: var(--submitBorderTopTablet);
4065        --submitBorderRight: var(--submitBorderRightTablet);
4066        --submitBorderBottom: var(--submitBorderBottomTablet);
4067        --submitBorderLeft: var(--submitBorderLeftTablet);
4068
4069        /* apply submit border radius */
4070        --submitBorderRadius: var(--submitBorderRadiusTablet);
4071
4072        /* apply submit font */
4073        --submitFont: var(--submitFontTablet);
4074        --submitFontColor: var(--submitFontColorTablet);
4075        --submitFontSize: var(--submitFontSizeTablet);
4076        --submitFontWeight: var(--submitFontWeightTablet);
4077        --submitFontStyle: var(--submitFontStyleTablet);
4078        --submitTextDecoration: var(--submitTextDecorationTablet);
4079        --submitLetterSpacing: var(--submitLetterSpacingTablet);
4080        --submitLineHeight: var(--submitLineHeightTablet);
4081        --submitBackgroundColor: var(--submitBackgroundColorTablet);
4082        --submitCursor: var(--submitCursorTablet);
4083        --submitWidth: var(--submitWidthTablet);
4084
4085        /* apply submit arrow */
4086        --submitArrowDisplay: var(--submitArrowDisplayTablet);
4087        --submitArrowIcon: var(--submitArrowIconTablet);
4088        --submitArrowSize: var(--submitArrowSizeTablet);
4089        --submitArrowColor: var(--submitArrowColorTablet);
4090        --submitArrowRotate: var(--submitArrowRotateTablet);
4091        --submitArrowGap: var(--submitArrowGapTablet);
4092
4093        /* apply error */
4094        --errorFontColor: var(--errorFontColorTablet);
4095        --errorBorderColor: var(--errorBorderColorTablet);
4096        --errorPlaceholderFontColor: var(--errorPlaceholderFontColorTablet);
4097
4098        /* apply required */
4099        --requiredColor: var(--requiredColorTablet);
4100
4101        /* apply notification */
4102        --notificationFontColor: var(--notificationFontColorTablet);
4103        --notificationFontColorHover: var(--notificationFontColorHoverTablet);
4104    }
4105
4106    .wmc_form >.wml{
4107        max-width: 100%;
4108    }
4109}
4110
4111@media all and (width < 650px) {
4112    .wmc_form {
4113        /* field wrapper */
4114        --fieldWrapperDisplayMobile: grid;
4115        --fieldWrapperGridTemplateColumnsMobile: 1fr;
4116        --fieldWrapperGapMobile: var(--fieldWrapperGapDesktop);
4117
4118        /* label */
4119        --labelDisplayMobile: block;
4120        --labelPaddingTopMobile: 0px;
4121        --labelPaddingBottomMobile: 0px;
4122        --labelPaddingLeftMobile: var(--labelPaddingLeftDesktop);
4123        --labelPaddingRightMobile: 0px;
4124        --labelMarginBottomMobile: var(--labelMarginBottomDesktop);
4125        --labelFontSizeMobile: var(--labelFontSizeDesktop);
4126        --labelFontColorMobile: var(--labelFontColorDesktop);
4127        --labelFontWeightMobile: var(--labelFontWeightDesktop);
4128        --labelFontStyleMobile: var(--labelFontStyleDesktop);
4129        --labelTextDecorationMobile: var(--labelTextDecorationDesktop);
4130        --labelLetterSpacingMobile: var(--labelLetterSpacingDesktop);
4131        --labelLineHeightMobile: var(--labelLineHeightDesktop);
4132
4133        /* input, select and textarea padding */
4134        --inputPaddingTopMobile: var(--inputPaddingTopDesktop);
4135        --inputPaddingBottomMobile: var(--inputPaddingBottomDesktop);
4136        --inputPaddingLeftMobile: var(--inputPaddingLeftDesktop);
4137        --inputPaddingRightMobile: var(--inputPaddingRightDesktop);
4138
4139        /* input, select and textarea border */
4140        --inputBorderTopMobile: var(--inputBorderTopDesktop);
4141        --inputBorderRightMobile: var(--inputBorderRightDesktop);
4142        --inputBorderBottomMobile: var(--inputBorderBottomDesktop);
4143        --inputBorderLeftMobile: var(--inputBorderLeftDesktop);
4144
4145        /* input, select and textarea radius */
4146        --inputBorderRadiusMobile: var(--inputBorderRadiusDesktop);
4147
4148        /* input, select and textarea font */
4149        --inputFontMobile: var(--inputFontDesktop);
4150        --inputFontSizeMobile: var(--inputFontSizeDesktop);
4151        --inputFontWeightMobile: var(--inputFontWeightDesktop);
4152        --inputFontStyleMobile: var(--inputFontStyleDesktop);
4153        --inputFontColorMobile: var(--inputFontColorDesktop);
4154        --inputTextDecorationMobile: var(--inputTextDecorationDesktop);
4155        --inputLetterSpacingMobile: var(--inputLetterSpacingDesktop);
4156        --inputLineHeightMobile: var(--inputLineHeightDesktop);
4157        --inputWidthMobile: 100%;
4158        --inputHeightMobile: auto;
4159        --inputBackgroundColorMobile: var(--inputBackgroundColorDesktop);
4160        --inputTextAlignMobile: left;
4161
4162        /* input, select and textarea placeholder */
4163        --inputPlaceholderPaddingLeftMobile: var(--inputPlaceholderPaddingLeftDesktop);
4164        --inputPlaceholderFontMobile: var(--inputFontMobile);
4165        --inputPlaceholderFontSizeMobile: var(--inputFontSizeMobile);
4166        --inputPlaceholderFontColorMobile: var(--inputSecondaryColor);
4167        --inputPlaceholderFontWeightMobile: var(--inputPlaceholderFontWeightDesktop);
4168        --inputPlaceholderFontStyleMobile: var(--inputPlaceholderFontStyleDesktop);
4169        --inputPlaceholderTextDecorationMobile: var(--inputPlaceholderTextDecorationDesktop);
4170        --inputPlaceholderLetterSpacingMobile: var(--inputPlaceholderLetterSpacingDesktop);
4171        --inputPlaceholderLineHeightMobile: var(--inputPlaceholderLineHeightDesktop);
4172
4173        /* disclaimer text */
4174        --disclaimerTextFontMobile: var(--disclaimerTextFontDesktop);
4175        --disclaimerTextFontSizeMobile: var(--disclaimerTextFontSizeDesktop);
4176        --disclaimerTextFontColorMobile: var(--disclaimerTextFontColorDesktop);
4177        --disclaimerTextFontWeightMobile: var(--disclaimerTextFontWeightDesktop);
4178        --disclaimerTextFontStyleMobile: var(--disclaimerTextFontStyleDesktop);
4179        --disclaimerTextDecorationMobile: var(--disclaimerTextDecorationDesktop);
4180        --disclaimerTextLetterSpacingMobile: var(--disclaimerTextLetterSpacingDesktop);
4181        --disclaimerTextLineHeightMobile: var(--disclaimerTextLineHeightDesktop);
4182
4183          /* input, select and textarea padding hover */
4184        --inputPaddingTopHoverMobile: var(--inputPaddingTopHoverDesktop);
4185        --inputPaddingBottomHoverMobile: var(--inputPaddingBottomHoverDesktop);
4186        --inputPaddingLeftHoverMobile: var(--inputPaddingLeftHoverDesktop);
4187        --inputPaddingRightHoverMobile: var(--inputPaddingRightHoverDesktop);
4188
4189        /* input, select and textarea radius hover */
4190        --inputBorderRadiusHoverMobile: var(--inputBorderRadiusHoverDesktop);
4191
4192        /* input, select and textarea font hover */
4193        --inputFontHoverMobile: var(--inputFontMobile);
4194        --inputFontSizeHoverMobile: var(--inputFontSizeMobile);
4195        --inputFontWeightHoverMobile: var(--inputFontWeightHoverDesktop);
4196        --inputFontStyleHoverMobile: var(--inputFontStyleHoverDesktop);
4197        --inputFontColorHoverMobile: var(--inputFontColorHoverDesktop);
4198        --inputTextDecorationHoverMobile: var(--inputTextDecorationHoverDesktop);
4199        --inputBackgroundColorHoverMobile: var(--inputBackgroundColorHoverDesktop);
4200
4201        --inputBorderTopHoverMobile: var(--inputBorderTopHoverDesktop);
4202        --inputBorderRightHoverMobile: var(--inputBorderRightHoverDesktop);
4203        --inputBorderBottomHoverMobile: var(--inputBorderBottomHoverDesktop);
4204        --inputBorderLeftHoverMobile: var(--inputBorderLeftHoverDesktop);
4205
4206         /* input, select and textarea padding focus */
4207        --inputPaddingTopFocusMobile: var(--inputPaddingTopMobile);
4208        --inputPaddingBottomFocusMobile: var(--inputPaddingBottomMobile);
4209        --inputPaddingLeftFocusMobile: var(--inputPaddingLeftMobile);
4210        --inputPaddingRightFocusMobile: var(--inputPaddingRightMobile);
4211
4212        /* input, select and textarea radius focus */
4213        --inputBorderRadiusFocusMobile: var(--inputBorderRadiusMobile);
4214
4215        /* input, select and textarea focus */
4216        --inputFontFocusMobile: var(--inputFontMobile);
4217        --inputFontSizeFocusMobile: var(--inputFontSizeMobile);
4218        --inputFontWeightFocusMobile: var(--inputFontWeightMobile);
4219        --inputFontStyleFocusMobile: var(--inputFontStyleMobile);
4220        --inputFontColorFocusMobile: var(--inputFontColorDesktop);
4221        --inputTextDecorationFocusMobile: var(--inputTextDecorationMobile);
4222        --inputBorderTopFocusMobile: var(--inputBorderTopMobile);
4223        --inputBorderRightFocusMobile: var(--inputBorderRightMobile);
4224        --inputBorderBottomFocusMobile: var(--inputBorderBottomMobile);
4225        --inputBorderLeftFocusMobile: var(--inputBorderLeftMobile);
4226        --inputBackgroundColorFocusMobile: var(--inputBackgroundColorMobile);
4227
4228        /* time and date */
4229        --timeDateGridTemplateColumnsMobile: 1fr;
4230        --timeDateAlignItemsMobile: center;
4231
4232        /* radio and checkbox */
4233        --radioCheckboxGridColumnMobile: 1;
4234        --radioCheckboxGridTemplateColumnsMobile: repeat(var(--radioCheckboxGridColumnMobile), 1fr);
4235        --radioCheckboxGridColumnGapMobile: 20px;
4236        --labelRadioCheckboxDisplayMobile: grid;
4237        --labelRadioCheckboxMarginBottomMobile: 10px;
4238        --labelRadioCheckboxGridColumnMobile: 2;
4239        --labelRadioCheckboxGridTemplateColumnsMobile: repeat(var(--labelRadioCheckboxGridColumnMobile), auto);
4240        --labelRadioCheckboxAlignItemsMobile: center;
4241        --labelRadioCheckboxJustifyContentMobile: start;
4242        --radioCheckboxJustifySelfMobile: center;
4243        --radioCheckboxSizeMobile: 20px;
4244        --radioCheckboxCursorMobile: pointer;
4245        --labelRadioCheckboxGapMobile: 10px;
4246
4247        /* textarea height */
4248        --textareaHeightMobile: 120px;
4249
4250        /* radio and checkbox font */
4251        --labelRadioCheckboxFontSizeMobile: var(--labelRadioCheckboxFontSizeDesktop);
4252        --labelRadioCheckboxFontColorMobile: var(--labelRadioCheckboxFontColorDesktop);
4253        --labelRadioCheckboxFontWeightMobile: var(--labelRadioCheckboxFontWeightDesktop);
4254        --labelRadioCheckboxFontStyleMobile: var(--labelRadioCheckboxFontStyleDesktop);
4255        --labelRadioCheckboxTextDecorationMobile: var(--labelRadioCheckboxTextDecorationDesktop);
4256        --labelRadioCheckboxLetterSpacingMobile: var(--labelRadioCheckboxLetterSpacingDesktop);
4257        --labelRadioCheckboxLineHeightMobile: var(--labelRadioCheckboxLineHeightDesktop);
4258
4259        /* form actions */
4260        --formActionsMarginTopMobile: 10px;
4261        --formActionsTextAlignMobile: right;
4262
4263        /* submit padding */
4264        --submitPaddingTopMobile: 12px;
4265        --submitPaddingBottomMobile: 12px;
4266        --submitPaddingLeftMobile: 30px;
4267        --submitPaddingRightMobile: 30px;
4268
4269        /* submit border */
4270        --submitBorderTopMobile: 0px solid var(--inputPrimaryColor);
4271        --submitBorderRightMobile: 0px solid var(--inputPrimaryColor);
4272        --submitBorderBottomMobile: 0px solid var(--inputPrimaryColor);
4273        --submitBorderLeftMobile: 0px solid var(--inputPrimaryColor);
4274
4275        /* submit border radius */
4276        --submitBorderRadiusMobile: 0px 0px 0px 0px;
4277
4278        /* submit font */
4279        --submitFontMobile: var(--inputPrimaryFont);
4280        --submitFontColorMobile: rgba(var(--colorPrimaryJ),1);
4281        --submitFontSizeMobile: 16px;
4282        --submitFontWeightMobile: 400;
4283        --submitFontStyleMobile: normal;
4284        --submitTextDecorationMobile: none;
4285        --submitLetterSpacingMobile: 0px;
4286        --submitLineHeightMobile: normal;
4287        --submitBackgroundColorMobile: rgba(var(--colorCtaE),1);
4288        --submitCursorMobile: pointer;
4289        --submitWidthMobile: auto;
4290
4291        /* submit arrow */
4292        --submitArrowDisplayMobile: block;
4293        --submitArrowIconMobile: var(--submitArrowIcon01);
4294        --submitArrowSizeMobile: 16px;
4295        --submitArrowColorMobile: rgba(var(--colorPrimaryJ),1);
4296        --submitArrowRotateMobile: 0deg;
4297        --submitArrowGapMobile: 5px;
4298
4299        /* error */
4300        --errorFontColorMobile: rgba(var(--colorCtaE),1);
4301        --errorBorderColorMobile: rgba(var(--colorCtaE),1);
4302        --errorPlaceholderFontColorMobile: rgba(var(--colorCtaE),1);
4303
4304        /* required */
4305        --requiredColorMobile: rgba(var(--colorSecondaryE),1);
4306
4307        /* notification */
4308        --notificationFontColorMobile: var(--notificationFontColorDesktop);
4309        --notificationFontColorHoverMobile: var(--notificationFontColorMobile);
4310
4311        /*
4312         apply CSS properties
4313        */
4314
4315        /* apply field wrapper */
4316        --fieldWrapperDisplay: var(--fieldWrapperDisplayMobile);
4317        --fieldWrapperGridTemplateColumns: var(--fieldWrapperGridTemplateColumnsMobile);
4318        --fieldWrapperGap: var(--fieldWrapperGapMobile);
4319
4320        /* apply label */
4321        --labelDisplay: var(--labelDisplayMobile);
4322        --labelPaddingTop: var(--labelPaddingTopMobile);
4323        --labelPaddingBottom: var(--labelPaddingBottomMobile);
4324        --labelPaddingLeft: var(--labelPaddingLeftMobile);
4325        --labelPaddingRight: var(--labelPaddingRightMobile);
4326        --labelMarginBottom: var(--labelMarginBottomMobile);
4327        --labelFontSize: var(--labelFontSizeMobile);
4328        --labelFontColor: var(--labelFontColorMobile);
4329        --labelFontWeight: var(--labelFontWeightMobile);
4330        --labelFontStyle: var(--labelFontStyleMobile);
4331        --labelTextDecoration: var(--labelTextDecorationMobile);
4332        --labelLetterSpacing: var(--labelLetterSpacingMobile);
4333        --labelLineHeight: var(--labelLineHeightMobile);
4334
4335        /* apply input, select and textarea padding */
4336        --inputPaddingTop: var(--inputPaddingTopMobile);
4337        --inputPaddingBottom: var(--inputPaddingBottomMobile);
4338        --inputPaddingLeft: var(--inputPaddingLeftMobile);
4339        --inputPaddingRight: var(--inputPaddingRightMobile);
4340
4341        /* apply input, select and textarea border */
4342        --inputBorderTop: var(--inputBorderTopMobile);
4343        --inputBorderRight: var(--inputBorderRightMobile);
4344        --inputBorderBottom: var(--inputBorderBottomMobile);
4345        --inputBorderLeft: var(--inputBorderLeftMobile);
4346
4347        /* apply input, select and textarea radius */
4348        --inputBorderRadius: var(--inputBorderRadiusMobile);
4349
4350        /* apply input, select and textarea font */
4351        --inputFont: var(--inputFontMobile);
4352        --inputFontSize: var(--inputFontSizeMobile);
4353        --inputFontWeight: var(--inputFontWeightMobile);
4354        --inputFontStyle: var(--inputFontStyleMobile);
4355        --inputFontColor: var(--inputFontColorMobile);
4356        --inputTextDecoration: var(--inputTextDecorationMobile);
4357        --inputLetterSpacing: var(--inputLetterSpacingMobile);
4358        --inputLineHeight: var(--inputLineHeightMobile);
4359        --inputWidth: var(--inputWidthMobile);
4360        --inputHeight: var(--inputHeightMobile);
4361        --inputBackgroundColor: var(--inputBackgroundColorMobile);
4362        --inputTextAlign: var(--inputTextAlignMobile);
4363
4364        /* apply input, select and textarea placeholder */
4365        --inputPlaceholderPaddingLeft: var(--inputPlaceholderPaddingLeftMobile);
4366        --inputPlaceholderFont: var(--inputPlaceholderFontMobile);
4367        --inputPlaceholderFontSize: var(--inputPlaceholderFontSizeMobile);
4368        --inputPlaceholderFontColor: var(--inputPlaceholderFontColorMobile);
4369        --inputPlaceholderFontWeight: var(--inputPlaceholderFontWeightMobile);
4370        --inputPlaceholderFontStyle: var(--inputPlaceholderFontStyleMobile);
4371        --inputPlaceholderTextDecoration: var(--inputPlaceholderTextDecorationMobile);
4372        --inputPlaceholderLetterSpacing: var(--inputPlaceholderLetterSpacingMobile);
4373        --inputPlaceholderLineHeight: var(--inputPlaceholderLineHeightMobile);
4374
4375        /* apply disclaimer text */
4376        --disclaimerTextFont: var(--disclaimerTextFontMobile);
4377        --disclaimerTextFontSize: var(--disclaimerTextFontSizeMobile);
4378        --disclaimerTextFontColor: var(--disclaimerTextFontColorMobile);
4379        --disclaimerTextFontWeight: var(--disclaimerTextFontWeightMobile);
4380        --disclaimerTextFontStyle: var(--disclaimerTextFontStyleMobile);
4381        --disclaimerTextDecoration: var(--disclaimerTextDecorationMobile);
4382        --disclaimerTextLetterSpacing: var(--disclaimerTextLetterSpacingMobile);
4383        --disclaimerTextLineHeight: var(--disclaimerTextLineHeightMobile);
4384
4385        /* apply input, select and textarea hover */
4386        --inputFontHover: var(--inputFontHoverMobile);
4387        --inputFontSizeHover: var(--inputFontSizeHoverMobile);
4388        --inputFontWeightHover: var(--inputFontWeightHoverMobile);
4389        --inputFontStyleHover: var(--inputFontStyleHoverMobile);
4390        --inputFontColorHover: var(--inputFontColorHoverMobile);
4391        --inputTextDecorationHover: var(--inputTextDecorationHoverMobile);
4392        --inputBorderTopHover: var(--inputBorderTopHoverMobile);
4393        --inputBorderRightHover: var(--inputBorderRightHoverMobile);
4394        --inputBorderBottomHover: var(--inputBorderBottomHoverMobile);
4395        --inputBorderLeftHover: var(--inputBorderLeftHoverMobile);
4396        --inputBorderRadiusHover: var(--inputBorderRadiusHoverMobile);
4397        --inputBackgroundColorHover: var(--inputBackgroundColorHoverMobile);
4398
4399        --inputPaddingTopHover: var(--inputPaddingTopHoverMobile);
4400        --inputPaddingBottomHover: var(--inputPaddingBottomHoverMobile);
4401        --inputPaddingLeftHover: var(--inputPaddingLeftHoverMobile);
4402        --inputPaddingRightHover: var(--inputPaddingRightHoverMobile);
4403
4404        /* apply input, select and textarea focus */
4405        --inputFontFocus: var(--inputFontFocusMobile);
4406        --inputFontSizeFocus: var(--inputFontSizeFocusMobile);
4407        --inputFontWeightFocus: var(--inputFontWeightFocusMobile);
4408        --inputFontStyleFocus: var(--inputFontStyleFocusMobile);
4409        --inputFontColorFocus: var(--inputFontColorFocusMobile);
4410        --inputTextDecorationFocus: var(--inputTextDecorationFocusMobile);
4411        --inputBorderTopFocus: var(--inputBorderTopFocusMobile);
4412        --inputBorderRightFocus: var(--inputBorderRightFocusMobile);
4413        --inputBorderBottomFocus: var(--inputBorderBottomFocusMobile);
4414        --inputBorderLeftFocus: var(--inputBorderLeftFocusMobile);
4415        --inputBackgroundColorFocus: var(--inputBackgroundColorFocusMobile);
4416
4417        /* apply time and date */
4418        --timeDateGridTemplateColumns: var(--timeDateGridTemplateColumnsMobile);
4419        --timeDateAlignItems: var(--timeDateAlignItemsMobile);
4420
4421        /* apply radio and checkbox */
4422        --radioCheckboxGridColumn: var(--radioCheckboxGridColumnMobile);
4423        --radioCheckboxGridTemplateColumns: var(--radioCheckboxGridTemplateColumnsMobile);
4424        --radioCheckboxGridColumnGap: var(--radioCheckboxGridColumnGapMobile);
4425        --labelRadioCheckboxDisplay: var(--labelRadioCheckboxDisplayMobile);
4426        --labelRadioCheckboxMarginBottom: var(--labelRadioCheckboxMarginBottomMobile);
4427        --labelRadioCheckboxGridColumn: var(--labelRadioCheckboxGridColumnMobile);
4428        --labelRadioCheckboxGridTemplateColumns: var(--labelRadioCheckboxGridTemplateColumnsMobile);
4429        --labelRadioCheckboxAlignItems: var(--labelRadioCheckboxAlignItemsMobile);
4430        --labelRadioCheckboxJustifyContent: var(--labelRadioCheckboxJustifyContentMobile);
4431        --radioCheckboxJustifySelf: var(--radioCheckboxJustifySelfMobile);
4432        --radioCheckboxSize: var(--radioCheckboxSizeMobile);
4433        --radioCheckboxCursor: var(--radioCheckboxCursorMobile);
4434        --labelRadioCheckboxGap: var(--labelRadioCheckboxGapMobile);
4435
4436        /* apply textarea height */
4437        --textareaHeight: var(--textareaHeightMobile);
4438
4439        /* apply radio and checkbox font */
4440        --labelRadioCheckboxFontSize: var(--labelRadioCheckboxFontSizeMobile);
4441        --labelRadioCheckboxFontColor: var(--labelRadioCheckboxFontColorMobile);
4442        --labelRadioCheckboxFontWeight: var(--labelRadioCheckboxFontWeightMobile);
4443        --labelRadioCheckboxFontStyle: var(--labelRadioCheckboxFontStyleMobile);
4444        --labelRadioCheckboxTextDecoration: var(--labelRadioCheckboxTextDecorationMobile);
4445        --labelRadioCheckboxLetterSpacing: var(--labelRadioCheckboxLetterSpacingMobile);
4446        --labelRadioCheckboxLineHeight: var(--labelRadioCheckboxLineHeightMobile);
4447
4448        /* apply form actions */
4449        --formActionsMarginTop: var(--formActionsMarginTopMobile);
4450        --formActionsTextAlign: var(--formActionsTextAlignMobile);
4451
4452        /* apply submit padding */
4453        --submitPaddingTop: var(--submitPaddingTopMobile);
4454        --submitPaddingBottom: var(--submitPaddingBottomMobile);
4455        --submitPaddingLeft: var(--submitPaddingLeftMobile);
4456        --submitPaddingRight: var(--submitPaddingRightMobile);
4457
4458        /* apply submit border */
4459        --submitBorderTop: var(--submitBorderTopMobile);
4460        --submitBorderRight: var(--submitBorderRightMobile);
4461        --submitBorderBottom: var(--submitBorderBottomMobile);
4462        --submitBorderLeft: var(--submitBorderLeftMobile);
4463
4464        /* apply submit border radius */
4465        --submitBorderRadius: var(--submitBorderRadiusMobile);
4466
4467        /* apply submit font */
4468        --submitFont: var(--submitFontMobile);
4469        --submitFontColor: var(--submitFontColorMobile);
4470        --submitFontSize: var(--submitFontSizeMobile);
4471        --submitFontWeight: var(--submitFontWeightMobile);
4472        --submitFontStyle: var(--submitFontStyleMobile);
4473        --submitTextDecoration: var(--submitTextDecorationMobile);
4474        --submitLetterSpacing: var(--submitLetterSpacingMobile);
4475        --submitLineHeight: var(--submitLineHeightMobile);
4476        --submitBackgroundColor: var(--submitBackgroundColorMobile);
4477        --submitCursor: var(--submitCursorMobile);
4478        --submitWidth: var(--submitWidthMobile);
4479
4480        /* apply submit arrow */
4481        --submitArrowDisplay: var(--submitArrowDisplayMobile);
4482        --submitArrowIcon: var(--submitArrowIconMobile);
4483        --submitArrowSize: var(--submitArrowSizeMobile);
4484        --submitArrowColor: var(--submitArrowColorMobile);
4485        --submitArrowRotate: var(--submitArrowRotateMobile);
4486        --submitArrowGap: var(--submitArrowGapMobile);
4487
4488        /* apply error */
4489        --errorFontColor: var(--errorFontColorMobile);
4490        --errorBorderColor: var(--errorBorderColorMobile);
4491        --errorPlaceholderFontColor: var(--errorPlaceholderFontColorMobile);
4492
4493        /* apply required */
4494        --requiredColor: var(--requiredColorMobile);
4495
4496        /* apply notification */
4497        --notificationFontColor: var(--notificationFontColorMobile);
4498        --notificationFontColorHover: var(--notificationFontColorHoverMobile);
4499    }
4500
4501    .wmc_form >.wml{
4502        max-width: 100%;
4503    }
4504}
4505
4506.wmc_form form {
4507    display: grid;
4508    grid-template-columns: 1fr;
4509    gap: var(--fieldWrapperGap);
4510    align-items: start;
4511    justify-content: center;
4512    width: 100%;
4513    max-width: 100%;
4514    margin: 0 auto;
4515}
4516
4517.wmc_form .field-wrapper {
4518    display: var(--fieldWrapperDisplay);
4519    grid-template-columns: var(--fieldWrapperGridTemplateColumns);
4520    min-width: 0;
4521}
4522
4523.wmc_form .time-date-wrapper {
4524    grid-template-columns: var(--timeDateGridTemplateColumns);
4525    align-items: var(--timeDateAlignItems);
4526}
4527
4528.wmc_form .radio-checkbox-wrapper {
4529    grid-template-columns: var(--radioCheckboxGridTemplateColumns);
4530    column-gap: var(--radioCheckboxGridColumnGap);
4531}
4532
4533.wmc_form .field-wrapper {
4534    & > label {
4535        display: var(--labelDisplay);
4536        padding-block-start: var(--labelPaddingTop);
4537        padding-block-end: var(--labelPaddingBottom);
4538        padding-inline-start: var(--labelPaddingLeft);
4539        padding-inline-end: var(--labelPaddingRight);
4540        margin-bottom: var(--labelMarginBottom);
4541        font-family: var(--labelFont);
4542        font-size: var(--labelFontSize);
4543        color: var(--labelFontColor);
4544        line-height: var(--labelLineHeight);
4545        letter-spacing: var(--labelLetterSpacing);
4546        text-decoration: var(--labelTextDecoration);
4547        font-weight: var(--labelFontWeight);
4548        font-style: var(--labelFontStyle);
4549    }
4550
4551    &.radio-checkbox-wrapper {
4552        & > label:not(:has(input)) {
4553            grid-column: span var(--radioCheckboxGridColumn);
4554        }
4555
4556        & > label:has(> input) {
4557            display: var(--labelRadioCheckboxDisplay);
4558            margin-bottom: var(--labelRadioCheckboxMarginBottom);
4559            grid-template-columns: var(--labelRadioCheckboxGridTemplateColumns);
4560            align-items: var(--labelRadioCheckboxAlignItems);
4561            justify-content: var(--labelRadioCheckboxJustifyContent);
4562            gap: var(--labelRadioCheckboxGap);
4563            min-width: 0;
4564
4565            /* need to update those css properties */
4566            font-family: var(--inputFont);
4567            font-size: var(--labelRadioCheckboxFontSize);
4568            font-weight: var(--labelRadioCheckboxFontWeight);
4569            font-style: var(--labelRadioCheckboxFontStyle);
4570            color: var(--labelRadioCheckboxFontColor);
4571            line-height: var(--labelRadioCheckboxLineHeight);
4572            letter-spacing: var(--labelRadioCheckboxLetterSpacing);
4573            text-decoration: var(--labelRadioCheckboxTextDecoration);
4574
4575            & > input[type="radio"],
4576            & > input[type="checkbox"] {
4577                padding: 0;
4578                margin: 0;
4579                width: var(--radioCheckboxSize);
4580                height: var(--radioCheckboxSize);
4581                cursor: var(--radioCheckboxCursor);
4582                justify-self: var(--radioCheckboxJustifySelf);
4583            }
4584        }
4585    }
4586
4587    &.time-date-wrapper {
4588        & > label {
4589            margin-bottom: var(--labelMarginBottom);
4590        }
4591    }
4592}
4593
4594.wmc_form input:not(:placeholder-shown),
4595.wmc_form textarea:not(:placeholder-shown) {
4596    text-decoration: var(--inputTextDecoration);
4597}
4598
4599.wmc_form select {
4600    text-decoration: var(--inputTextDecoration);
4601}
4602
4603.wmc_form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),
4604.wmc_form textarea,
4605.wmc_form select {
4606    padding-block-start: var(--inputPaddingTop);
4607    padding-block-end: var(--inputPaddingBottom);
4608    padding-inline-start: var(--inputPaddingLeft);
4609    padding-inline-end: var(--inputPaddingRight);
4610
4611    border-top: var(--inputBorderTop);
4612    border-right: var(--inputBorderRight);
4613    border-bottom: var(--inputBorderBottom);
4614    border-left: var(--inputBorderLeft);
4615    border-radius: var(--inputBorderRadius);
4616
4617    font-family: var(--inputFont);
4618    font-size: var(--inputFontSize);
4619    font-weight: var(--inputFontWeight);
4620    font-style: var(--inputFontStyle);
4621    color: var(--inputFontColor);
4622    line-height: var(--inputLineHeight);
4623    letter-spacing: var(--inputLetterSpacing);
4624    width: var(--inputWidth);
4625    height: var(--inputHeight);
4626    background-color: var(--inputBackgroundColor);
4627    text-align: var(--inputTextAlign);
4628
4629    &::placeholder {
4630        padding-inline-start: var(--inputPlaceholderPaddingLeft);
4631        font-family: var(--inputPlaceholderFont);
4632        color: var(--inputPlaceholderFontColor);
4633        font-size: var(--inputPlaceholderFontSize);
4634        font-weight: var(--inputPlaceholderFontWeight);
4635        font-style: var(--inputPlaceholderFontStyle);
4636        line-height: var(--inputPlaceholderLineHeight);
4637        letter-spacing: var(--inputPlaceholderLetterSpacing);
4638        text-decoration: var(--inputPlaceholderTextDecoration);
4639    }
4640
4641    &:hover, .wmcA_hoverState & {
4642        font-family: var(--inputFontHover);
4643        font-size: var(--inputFontSizeHover);
4644        font-weight: var(--inputFontWeightHover);
4645        font-style: var(--inputFontStyleHover);
4646        color: var(--inputFontColorHover);
4647        text-decoration: var(--inputTextDecorationHover);
4648        padding-block-start: var(--inputPaddingTopHover);
4649        padding-block-end: var(--inputPaddingBottomHover);
4650        padding-inline-start: var(--inputPaddingLeftHover);
4651        padding-inline-end: var(--inputPaddingRightHover);
4652        border-top: var(--inputBorderTopHover);
4653        border-right: var(--inputBorderRightHover);
4654        border-bottom: var(--inputBorderBottomHover);
4655        border-left: var(--inputBorderLeftHover);
4656        border-radius: var(--inputBorderRadiusHover);
4657        background-color: var(--inputBackgroundColorHover);
4658    }
4659
4660    &:focus {
4661        font-family: var(--inputFontFocus);
4662        font-size: var(--inputFontSizeFocus);
4663        font-weight: var(--inputFontWeightFocus);
4664        font-style: var(--inputFontStyleFocus);
4665        color: var(--inputFontColorFocus);
4666        text-decoration: var(--inputTextDecorationFocus);
4667        border-top: var(--inputBorderTopFocus);
4668        border-right: var(--inputBorderRightFocus);
4669        border-bottom: var(--inputBorderBottomFocus);
4670        border-left: var(--inputBorderLeftFocus);
4671        background-color: var(--inputBackgroundColorFocus);
4672        outline: none;
4673    }
4674}
4675
4676/* Date and Time inputs: Apply placeholder styles only when empty */
4677.wmc_form input[type="date"]:not(.has-value),
4678.wmc_form input[type="time"]:not(.has-value) {
4679    font-family: var(--inputPlaceholderFont) !important;
4680    color: var(--inputPlaceholderFontColor) !important;
4681    font-size: var(--inputPlaceholderFontSize) !important;
4682    font-weight: var(--inputPlaceholderFontWeight) !important;
4683    font-style: var(--inputPlaceholderFontStyle) !important;
4684    line-height: var(--inputPlaceholderLineHeight) !important;
4685    letter-spacing: var(--inputPlaceholderLetterSpacing) !important;
4686    text-decoration: var(--inputPlaceholderTextDecoration) !important;
4687}
4688.wmc_form textarea {
4689    height: var(--textareaHeight);
4690}
4691
4692.wmc_form input[type="submit"],
4693.wmc_form button[type="submit"] {
4694    display: inline;
4695    font-family: var(--submitFont);
4696    color: var(--submitFontColor);
4697    font-size: var(--submitFontSize);
4698    font-weight: var(--submitFontWeight);
4699    font-style: var(--submitFontStyle);
4700    text-decoration: var(--submitTextDecoration);
4701    letter-spacing: var(--submitLetterSpacing);
4702    line-height: var(--submitLineHeight);
4703    border: none;
4704    background-color: transparent;
4705    cursor: var(--submitCursor);
4706}
4707
4708.wmc_form .form-actions {
4709    margin-block-start: var(--formActionsMarginTop);
4710    text-align: var(--formActionsTextAlign);
4711
4712    & .submit-wrapper {
4713        display: inline-flex;
4714        align-items: center;
4715        justify-content: center;
4716        pointer-events: auto;
4717        position: relative;
4718        z-index: 0;
4719        cursor: var(--submitCursor);
4720        background-color: var(--submitBackgroundColor);
4721        gap: var(--submitArrowGap);
4722        width: var(--submitWidth);
4723
4724        padding-block-start: var(--submitPaddingTop);
4725        padding-block-end: var(--submitPaddingBottom);
4726        padding-inline-start: var(--submitPaddingLeft);
4727        padding-inline-end: var(--submitPaddingRight);
4728
4729        border-top: var(--submitBorderTop);
4730        border-right: var(--submitBorderRight);
4731        border-bottom: var(--submitBorderBottom);
4732        border-left: var(--submitBorderLeft);
4733        border-radius: var(--submitBorderRadius);
4734
4735        &::after {
4736            display: var(--submitArrowDisplay);
4737            content: '';
4738            width: var(--submitArrowSize);
4739            height: var(--submitArrowSize);
4740            -webkit-mask-image: var(--submitArrowIcon);
4741            mask-image: var(--submitArrowIcon);
4742            -webkit-mask-size: contain;
4743            mask-size: contain;
4744            -webkit-mask-repeat: no-repeat;
4745            mask-repeat: no-repeat;
4746            -webkit-mask-position: center;
4747            mask-position: center;
4748            background-color: var(--submitArrowColor);
4749            transform: rotate(var(--submitArrowRotate));
4750        }
4751    }
4752}
4753
4754.wmc_form .was-validated input:invalid:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
4755.wmc_form .was-validated textarea:invalid,
4756.wmc_form .was-validated select:invalid {
4757    color: var(--errorFontColor);
4758    border-color: var(--errorBorderColor);
4759}
4760
4761.wmc_form .was-validated input:invalid:not([type="submit"]):not([type="radio"]):not([type="checkbox"])::placeholder,
4762.wmc_form .was-validated textarea:invalid::placeholder,
4763.wmc_form .was-validated select:invalid::placeholder {
4764    color: var(--errorPlaceholderFontColor);
4765}
4766
4767.wmc_form .field-wrapper:has(input:required:not([type="submit"])),
4768.wmc_form .field-wrapper:has(textarea:required),
4769.wmc_form .field-wrapper:has(select:required) {
4770    & > label:not(:has(input))::after {
4771        content: '*';
4772        color: var(--requiredColor);
4773    }
4774}
4775
4776.wmc_form .field-wrapper:has(input[type="radio"]:required),
4777.wmc_form .field-wrapper:has(input[type="checkbox"]:required) {
4778    & > label:has(input) {
4779        position: relative;
4780    }
4781    & > label:has(input)::after {
4782        content: '*';
4783        display: inline-block;
4784        color: var(--requiredColor);
4785        position: absolute;
4786        left: -6px;
4787        top: -11px;
4788        z-index: 1;
4789    }
4790}
4791
4792/* Notifications */
4793.form-notification {
4794    display: none;
4795    padding: 1rem;
4796    margin-bottom: 1rem;
4797    font-weight: 500;
4798    color: var(--notificationFontColor);
4799    &:hover {
4800        color: var(--notificationFontColorHover);
4801    }
4802}
4803
4804.form-disclaimer {
4805    font-family: var(--disclaimerTextFont);
4806    font-size: var(--disclaimerTextFontSize);
4807    color: var(--disclaimerTextFontColor);
4808    font-weight: var(--disclaimerTextFontWeight);
4809    font-style: var(--disclaimerTextFontStyle);
4810    text-decoration: var(--disclaimerTextDecoration);
4811    letter-spacing: var(--disclaimerTextLetterSpacing);
4812    line-height: var(--disclaimerTextLineHeight);
4813}
4814
4815.wmc_form .loading-spinner {
4816    display: none;
4817    align-items: center;
4818    justify-content: center;
4819    width: fit-content;
4820}
4821
4822.wmc_form .spinner {
4823    width: 30px;
4824    height: 30px;
4825    border: 2px solid rgba(var(--colorCtaC),1);
4826    border-top: 2px solid rgba(var(--colorPrimaryJ),1);
4827    border-radius: 50%;
4828    animation: spin 1s linear infinite;
4829}
4830
4831@keyframes spin {
4832    0% { transform: rotate(0deg); }
4833    100% { transform: rotate(360deg); }
4834}
4835
4836</style>
4837            <style>/* global-placeholder.css */
4838.wmc_globalPlaceholder {
4839    --containerSize: wm_full;
4840
4841    /*
4842    & > .wml:has(> .wmc) {
4843        min-height: unset;
4844    }
4845    */
4846}
4847</style>
4848            <style>/* image.css */
4849wm-img {
4850    display: block;
4851}
4852
4853.wmc_image {
4854    --imageOpacity: 1;
4855    --colorOverlay: initial;
4856    --aspectRatioDesktop: 1;
4857    --aspectRatio: var(--aspectRatioDesktop);
4858    --pointOfInterest: var(--wmd_mediaPointOfInterest);
4859    --imageFit: cover;
4860
4861    /* Flip (mirror) — scaleX/Y(-1) when on, identity when off. State- and */
4862    /* viewport-aware, mirroring the rotation/padding cascades. */
4863    --imageFlipXDesktop: scaleX(1);
4864    --imageFlipYDesktop: scaleY(1);
4865    --imageFlipXDesktopHover: var(--imageFlipXDesktop);
4866    --imageFlipYDesktopHover: var(--imageFlipYDesktop);
4867    --imageFlipXDesktopActive: var(--imageFlipXDesktopHover);
4868    --imageFlipYDesktopActive: var(--imageFlipYDesktopHover);
4869    --imageFlipX: var(--imageFlipXDesktop);
4870    --imageFlipY: var(--imageFlipYDesktop);
4871    --imageFlipXHover: var(--imageFlipXDesktopHover);
4872    --imageFlipYHover: var(--imageFlipYDesktopHover);
4873    --imageFlipXActive: var(--imageFlipXDesktopActive);
4874    --imageFlipYActive: var(--imageFlipYDesktopActive);
4875
4876    --paddingTopDesktop: 0px;
4877    --paddingRightDesktop: 0px;
4878    --paddingBottomDesktop: 0px;
4879    --paddingLeftDesktop: 0px;
4880    --paddingTopDesktopHover: var(--paddingTopDesktop);
4881    --paddingRightDesktopHover: var(--paddingRightDesktop);
4882    --paddingBottomDesktopHover: var(--paddingBottomDesktop);
4883    --paddingLeftDesktopHover: var(--paddingLeftDesktop);
4884
4885    --paddingTopHover: var(--paddingTopDesktopHover);
4886    --paddingRightHover: var(--paddingRightDesktopHover);
4887    --paddingBottomHover: var(--paddingBottomDesktopHover);
4888    --paddingLeftHover: var(--paddingLeftDesktopHover);
4889
4890    --paddingTop: var(--paddingTopDesktop);
4891    --paddingRight: var(--paddingRightDesktop);
4892    --paddingBottom: var(--paddingBottomDesktop);
4893    --paddingLeft: var(--paddingLeftDesktop);
4894}
4895
4896.wmc_image .wms_overlay {
4897    width: 100%;
4898    height: 100%;
4899    position: absolute;
4900    pointer-events: none;
4901    z-index: 1;
4902    background-color: var(--colorOverlay);
4903}
4904
4905.wmc_image .wml {
4906    /* in Chromium, for a broken image the alt text is rendered instead of the image */
4907    /* if that text is too long, especially without spaces, the replaced element's size behaves... weird */
4908    /* with this setting we avoid layouting issues of alt text as the replaced element */
4909    /* also, this MUST be 'hidden'... 'clip' should behave the same, but doesn't do what one would expect */
4910    overflow: hidden;
4911}
4912.wmc_image picture {
4913    border-top: var(--borderTop);
4914    border-right: var(--borderRight);
4915    border-bottom: var(--borderBottom);
4916    border-left: var(--borderLeft);
4917    border-radius: var(--borderRadius);
4918    border-width: var(--paddingTop) var(--paddingRight) var(--paddingBottom) var(--paddingLeft);
4919    border-color: transparent;
4920    overflow: hidden;
4921    /* Mirror the image on either axis; rotation is applied to the parent .wml */
4922    /* via the shared --rotate transform, so the two compose. */
4923    transform: var(--imageFlipX) var(--imageFlipY);
4924    /* Optimize rendering for synchronized transitions */
4925    will-change: border-radius;
4926    /* All transitions with explicit duration to sync border-radius with ::before borders */
4927    transition: border-radius var(--transitionDurationHover) var(--transitionEasingHover),
4928        border-width var(--transitionDurationHover) var(--transitionEasingHover),
4929        background-color var(--transitionDurationHover) var(--transitionEasingHover),
4930        box-shadow var(--transitionDurationHover) var(--transitionEasingHover),
4931        opacity var(--transitionDurationHover) var(--transitionEasingHover),
4932        filter var(--transitionDurationHover) var(--transitionEasingHover),
4933        color var(--transitionDurationHover) var(--transitionEasingHover),
4934        transform var(--transitionDurationHover) var(--transitionEasingKineticHover),
4935        margin var(--transitionDurationHover) var(--transitionEasingKineticHover),
4936        width var(--transitionDurationHover) var(--transitionEasingKineticHover),
4937        min-width var(--transitionDurationHover) var(--transitionEasingKineticHover),
4938        max-width var(--transitionDurationHover) var(--transitionEasingKineticHover),
4939        height var(--transitionDurationHover) var(--transitionEasingKineticHover),
4940        min-height var(--transitionDurationHover) var(--transitionEasingKineticHover),
4941        max-height var(--transitionDurationHover) var(--transitionEasingKineticHover),
4942        top var(--transitionDurationHover) var(--transitionEasingKineticHover),
4943        right var(--transitionDurationHover) var(--transitionEasingKineticHover),
4944        bottom var(--transitionDurationHover) var(--transitionEasingKineticHover),
4945        left var(--transitionDurationHover) var(--transitionEasingKineticHover),
4946        font-size var(--transitionDurationHover) var(--transitionEasingHover),
4947        font-weight var(--transitionDurationHover) var(--transitionEasingHover),
4948        font-style var(--transitionDurationHover) var(--transitionEasingHover),
4949        text-decoration var(--transitionDurationHover) var(--transitionEasingHover);
4950
4951    &:hover,
4952    .wmcA_hoverState & {
4953        --paddingTop: var(--paddingTopHover);
4954        --paddingRight: var(--paddingRightHover);
4955        --paddingBottom: var(--paddingBottomHover);
4956        --paddingLeft: var(--paddingLeftHover);
4957        --imageFlipX: var(--imageFlipXHover);
4958        --imageFlipY: var(--imageFlipYHover);
4959    }
4960
4961    .wmcA_activeState & {
4962        --imageFlipX: var(--imageFlipXActive);
4963        --imageFlipY: var(--imageFlipYActive);
4964    }
4965
4966    &::before {
4967        content: "";
4968        position: absolute;
4969        inset: 0;
4970        border-top: var(--borderTop);
4971        border-right: var(--borderRight);
4972        border-bottom: var(--borderBottom);
4973        border-left: var(--borderLeft);
4974        border-radius: var(--borderRadius);
4975        /* Optimize rendering for synchronized transitions */
4976        will-change: border-radius, border-top, border-right, border-bottom, border-left;
4977        /* Same transition timing and order as parent picture element - border-radius first to sync */
4978        transition: border-radius var(--transitionDurationHover) var(--transitionEasingHover),
4979            border-top var(--transitionDurationHover) var(--transitionEasingHover),
4980            border-right var(--transitionDurationHover) var(--transitionEasingHover),
4981            border-bottom var(--transitionDurationHover) var(--transitionEasingHover),
4982            border-left var(--transitionDurationHover) var(--transitionEasingHover);
4983    }
4984}
4985
4986.wmc_image picture {
4987    display: block;
4988    width: 100%;
4989    height: 100%;
4990}
4991
4992.wmc_image picture img {
4993    object-fit: var(--imageFit);
4994    width: 100%;
4995    height: 100%;
4996    opacity: var(--imageOpacity);
4997    aspect-ratio: var(--aspectRatio);
4998    object-position: var(--pointOfInterest);
4999    background-position: var(--pointOfInterest);
5000    /* we set display like this to ensure browsers correctly size the replaced element even when the image is broken */
5001    display: block;
5002}
5003
5004.wmc_image picture img::before {
5005    /* unlike Chromium, for broken images Firefox adds this additional pseudo-element into DOM to show the images' alt text */
5006    /* with these properties we control that pseudo-element's rendering and avoid layouting issues */
5007    position: absolute;
5008    display: block;
5009    top: 0;
5010    right: 0;
5011    bottom: 0;
5012    left: 0;
5013    overflow: clip;
5014}
5015
5016.wmc_image.wmcM_keepAspectRatio > .wml {
5017    height: min-content;
5018}
5019
5020.wmcM_imageContain.wmc_image picture img {
5021    object-fit: contain;
5022}
5023
5024.wmcM_imageScaleDown.wmc_image picture img {
5025    object-fit: scale-down;
5026}
5027
5028
5029@media all and (width < 1040px) {
5030    .wmc_image {
5031        --aspectRatioTablet: 1;
5032        --aspectRatio: var(--aspectRatioTablet);
5033
5034        --paddingTopTablet: var(--paddingTopDesktop);
5035        --paddingRightTablet: var(--paddingRightDesktop);
5036        --paddingBottomTablet: var(--paddingBottomDesktop);
5037        --paddingLeftTablet: var(--paddingLeftDesktop);
5038        --paddingTopTabletHover: var(--paddingTopDesktopHover);
5039        --paddingRightTabletHover: var(--paddingRightDesktopHover);
5040        --paddingBottomTabletHover: var(--paddingBottomDesktopHover);
5041        --paddingLeftTabletHover: var(--paddingLeftDesktopHover);
5042
5043        --imageFlipXTablet: var(--imageFlipXDesktop);
5044        --imageFlipYTablet: var(--imageFlipYDesktop);
5045        --imageFlipXTabletHover: var(--imageFlipXDesktopHover);
5046        --imageFlipYTabletHover: var(--imageFlipYDesktopHover);
5047        --imageFlipXTabletActive: var(--imageFlipXTabletHover);
5048        --imageFlipYTabletActive: var(--imageFlipYTabletHover);
5049        --imageFlipX: var(--imageFlipXTablet);
5050        --imageFlipY: var(--imageFlipYTablet);
5051        --imageFlipXHover: var(--imageFlipXTabletHover);
5052        --imageFlipYHover: var(--imageFlipYTabletHover);
5053        --imageFlipXActive: var(--imageFlipXTabletActive);
5054        --imageFlipYActive: var(--imageFlipYTabletActive);
5055
5056        --paddingTopHover: var(--paddingTopTabletHover);
5057        --paddingRightHover: var(--paddingRightTabletHover);
5058        --paddingBottomHover: var(--paddingBottomTabletHover);
5059        --paddingLeftHover: var(--paddingLeftTabletHover);
5060
5061        --paddingTop: var(--paddingTopTablet);
5062        --paddingRight: var(--paddingRightTablet);
5063        --paddingBottom: var(--paddingBottomTablet);
5064        --paddingLeft: var(--paddingLeftTablet);
5065    }
5066}
5067
5068
5069@media all and (width < 650px) {
5070    .wmc_image {
5071        --aspectRatioMobile: 1;
5072        --aspectRatio: var(--aspectRatioMobile);
5073
5074        --paddingTopMobile: var(--paddingTopDesktop);
5075        --paddingRightMobile: var(--paddingRightDesktop);
5076        --paddingBottomMobile: var(--paddingBottomDesktop);
5077        --paddingLeftMobile: var(--paddingLeftDesktop);
5078        --paddingTopMobileHover: var(--paddingTopDesktopHover);
5079        --paddingRightMobileHover: var(--paddingRightDesktopHover);
5080        --paddingBottomMobileHover: var(--paddingBottomDesktopHover);
5081        --paddingLeftMobileHover: var(--paddingLeftDesktopHover);
5082
5083        --imageFlipXMobile: var(--imageFlipXDesktop);
5084        --imageFlipYMobile: var(--imageFlipYDesktop);
5085        --imageFlipXMobileHover: var(--imageFlipXDesktopHover);
5086        --imageFlipYMobileHover: var(--imageFlipYDesktopHover);
5087        --imageFlipXMobileActive: var(--imageFlipXMobileHover);
5088        --imageFlipYMobileActive: var(--imageFlipYMobileHover);
5089        --imageFlipX: var(--imageFlipXMobile);
5090        --imageFlipY: var(--imageFlipYMobile);
5091        --imageFlipXHover: var(--imageFlipXMobileHover);
5092        --imageFlipYHover: var(--imageFlipYMobileHover);
5093        --imageFlipXActive: var(--imageFlipXMobileActive);
5094        --imageFlipYActive: var(--imageFlipYMobileActive);
5095
5096        --paddingTopHover: var(--paddingTopMobileHover);
5097        --paddingRightHover: var(--paddingRightMobileHover);
5098        --paddingBottomHover: var(--paddingBottomMobileHover);
5099        --paddingLeftHover: var(--paddingLeftMobileHover);
5100
5101        --paddingTop: var(--paddingTopMobile);
5102        --paddingRight: var(--paddingRightMobile);
5103        --paddingBottom: var(--paddingBottomMobile);
5104        --paddingLeft: var(--paddingLeftMobile);
5105    }
5106}
5107</style>
5108            <style>/* columns.css */
5109@media all and (min-width: 1040px) {
5110    .wmc_columns.wmcM_stackDesktop > .wml_columns {
5111        grid-template-columns: unset;
5112        & > .wmc_column {
5113            --wm_columnsRatiosSum: 1;
5114            --contentWidthOverride: unset;
5115            grid-area: var(--gridPosition) / 1 / calc(var(--gridPosition) + 1) / -1;
5116
5117            & > .wml:not(:has(> .wmc)) {
5118                height: var(--height) !important;
5119                min-height: var(--minHeight) !important;
5120                max-height: var(--maxHeight) !important;
5121            }
5122        }
5123    }
5124}
5125
5126@media all and (min-width: 650px) and (max-width: 1039px) {
5127    .wmc_columns.wmcM_stackTablet > .wml_columns {
5128        grid-template-columns: unset;
5129        & > .wmc_column {
5130            --wm_columnsRatiosSum: 1;
5131            --contentWidthOverride: unset;
5132            grid-area: var(--gridPosition) / 1 / calc(var(--gridPosition) + 1) / -1;
5133
5134            & > .wml:not(:has(> .wmc)) {
5135                height: var(--height) !important;
5136                min-height: var(--minHeight) !important;
5137                max-height: var(--maxHeight) !important;
5138            }
5139        }
5140    }
5141}
5142
5143@media all and (max-width: 649px) {
5144    .wmc_columns > .wml_columns {
5145        grid-template-columns: unset;
5146        & > .wmc_column {
5147            --wm_columnsRatiosSum: 1;
5148            --contentWidthOverride: unset;
5149            grid-area: var(--gridPosition) / 1 / calc(var(--gridPosition) + 1) / -1;
5150
5151            & > .wml:not(:has(> .wmc)) {
5152                height: var(--height) !important;
5153                min-height: var(--minHeight) !important;
5154                max-height: var(--maxHeight) !important;
5155            }
5156        }
5157    }
5158}
5159</style>
5160            <style>/* menu.css */
5161:is(main, body > .wmc_section):has(.wmc_menu .navigation-module-container.active) {
5162    & .wmc:not(:has(.wmc_menu .navigation-module-container.active)) {
5163        opacity: 0 !important;
5164        visibility: hidden !important;
5165        pointer-events: none !important;
5166        transition: none;
5167    }
5168
5169    & .wmc.wmc_menu:has(.navigation-module-container.active) {
5170        opacity: 1 !important;
5171        visibility: visible !important;
5172    }
5173
5174    & .wms_background {
5175        opacity: 0 !important;
5176        visibility: hidden !important;
5177    }
5178}
5179
5180main:has(.wmc_menu .navigation-module-container.active) {
5181    --wm_scrollTop: 0px;
5182    overflow: visible !important;
5183    position: fixed;
5184
5185    max-height: calc(100dvh / var(--wm_scale));
5186    min-height: calc(100dvh / var(--wm_scale));
5187    width: calc(100dvw / var(--wm_scale)) !important;
5188    top: calc(-1 * var(--wm_scrollTop));
5189    left: 0;
5190}
5191
5192:is(.wmc_section, .wmc_placeholder, .wmc_globalContent, .wmc_globalPlaceholder):has(.navigation-module-container) {
5193    --zIndex: 100;
5194
5195    & + :is(.wmc_section, .wmc_placeholder, .wmc_globalContent, .wmc_globalPlaceholder):has(.navigation-module-container) {
5196        --zIndex: 99;
5197
5198        & + :is(.wmc_section, .wmc_placeholder, .wmc_globalContent, .wmc_globalPlaceholder):has(.navigation-module-container) {
5199            --zIndex: 98;
5200        }
5201    }
5202}
5203
5204/* `.arrow` may be a <span> or a <button popovertarget>; strip UA chrome. */
5205.wmc_menu button.arrow {
5206    background: transparent;
5207    border: 0;
5208    padding: 0;
5209    margin: 0;
5210    color: inherit;
5211    font: inherit;
5212}
5213
5214.wmc_menu > .wml {
5215    height: max-content;
5216}
5217
5218.wmc_menu {
5219    --heightDesktop: max-content;
5220    --navPrimaryFont: var(--fontFamilyPrimary);
5221    --wm_scrollTopNav: 0px;
5222
5223    /* icons */
5224    --wmd_hamburgerIconUrl: ;
5225    --wmd_backIconUrl: ;
5226    --wmd_closeIconUrl: ;
5227    --wmd_menuItemIconUrl: ;
5228    --wmd_submenuItemIconUrl: ;
5229    --wmd_submenuTitleIconUrl: ;
5230    --wmd_caretIconUrl: ;
5231    --wmd_submenuCaretIconUrl: ;
5232
5233    /**********************
5234		horizontal main nav
5235	***********************/
5236
5237    /* main nav padding */
5238    --horizontalNavPaddingTopDesktop: 0px;
5239    --horizontalNavPaddingBottomDesktop: 0px;
5240    --horizontalNavPaddingLeftDesktop: 0px;
5241    --horizontalNavPaddingRightDesktop: 0px;
5242
5243    /* main nav justify content */
5244    --horizontalNavJustifyContentDesktop: flex-start;
5245
5246    /* main nav item padding */
5247    --horizontalNavItemPaddingTopDesktop: 5px;
5248    --horizontalNavItemPaddingBottomDesktop: 5px;
5249    --horizontalNavItemPaddingLeftDesktop: 0px;
5250    --horizontalNavItemPaddingRightDesktop: 0px;
5251
5252    /* main nav item padding  hover*/
5253    --horizontalNavItemPaddingTopHoverDesktop: var(--horizontalNavItemPaddingTopDesktop);
5254    --horizontalNavItemPaddingBottomHoverDesktop: var(--horizontalNavItemPaddingBottomDesktop);
5255    --horizontalNavItemPaddingLeftHoverDesktop: var(--horizontalNavItemPaddingLeftDesktop);
5256    --horizontalNavItemPaddingRightHoverDesktop: var(--horizontalNavItemPaddingRightDesktop);
5257
5258    /* main nav item font */
5259    --horizontalNavItemFontDesktop: var(--navPrimaryFont);
5260    --horizontalNavItemFontColorDesktop: rgba(var(--colorPrimaryA), 1);
5261    --horizontalNavItemLineHeightDesktop: normal;
5262    --horizontalNavItemFontSizeDesktop: 16px;
5263    --horizontalNavItemFontWeightDesktop: 400;
5264    --horizontalNavBackgroundColorDesktop: transparent;
5265    --horizontalNavItemBackgroundColorDesktop: transparent;
5266    --horizontalNavItemLetterSpacingDesktop: 0px;
5267    --horizontalNavItemTextDecorationDesktop: none;
5268    --horizontalNavItemFontStyleDesktop: normal;
5269
5270    /* main nav item font hover */
5271    --horizontalNavItemHoverFontColorDesktop: var(--horizontalNavItemFontColorDesktop);
5272    --horizontalNavItemHoverBackgroundColorDesktop: var(--horizontalNavItemBackgroundColorDesktop);
5273    --horizontalNavItemFontSizeHoverDesktop: var(--horizontalNavItemFontSizeDesktop);
5274    --horizontalNavItemFontWeightHoverDesktop: var(--horizontalNavItemFontWeightDesktop);
5275    --horizontalNavItemTextDecorationHoverDesktop: var(--horizontalNavItemTextDecorationDesktop);
5276    --horizontalNavItemFontStyleHoverDesktop: var(--horizontalNavItemFontStyleDesktop);
5277
5278    /* main nav item font active */
5279    --horizontalNavItemActiveFontColorDesktop: var(--horizontalNavItemHoverFontColorDesktop);
5280    --horizontalNavItemActiveBackgroundColorDesktop: var(--horizontalNavItemHoverBackgroundColorDesktop);
5281
5282
5283    /* main nav border */
5284    --horizontalNavBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5285    --horizontalNavBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5286    --horizontalNavBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5287    --horizontalNavBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5288
5289    /* main nav border radius  hover*/
5290    --horizontalNavBorderRadiusDesktop: 0px 0px 0px 0px;
5291    --horizontalNavBorderRadiusHoverDesktop: var(--horizontalNavBorderRadiusDesktop);
5292
5293    /* main nav item border */
5294    --horizontalNavItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5295    --horizontalNavItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5296    --horizontalNavItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5297    --horizontalNavItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5298
5299    /* main nav item border hover */
5300    --horizontalNavItemBorderTopHoverDesktop: var(--horizontalNavItemBorderTopDesktop);
5301    --horizontalNavItemBorderRightHoverDesktop: var(--horizontalNavItemBorderRightDesktop);
5302    --horizontalNavItemBorderBottomHoverDesktop: var(--horizontalNavItemBorderBottomDesktop);
5303    --horizontalNavItemBorderLeftHoverDesktop: var(--horizontalNavItemBorderLeftDesktop);
5304
5305    /* main nav item border radius */
5306    --horizontalNavItemBorderRadiusDesktop: 0px 0px 0px 0px;
5307    --horizontalNavItemBorderRadiusHoverDesktop: var(--horizontalNavItemBorderRadiusDesktop);
5308
5309    /* separator */
5310    --horizontalNavSeparatorDisplayDesktop: block;
5311    --horizontalNavSeparatorWidthDesktop: 0px;
5312    --horizontalNavSeparatorHeightDesktop: 100%;
5313    --horizontalNavSeparatorColorDesktop: rgba(var(--colorPrimaryA), 1);
5314    --horizontalNavSeparatorSpacingDesktop: 20px;
5315
5316    /* sub separator */
5317    --horizontalNavSubSeparatorDisplayDesktop: block;
5318    --horizontalNavSubSeparatorWidthDesktop: 100%;
5319    --horizontalNavSubSeparatorHeightDesktop: 0px;
5320    --horizontalNavSubSeparatorColorDesktop: rgba(var(--colorPrimaryA), 1);
5321    --horizontalNavSubSeparatorSpacingDesktop: 0px;
5322
5323    /* arrow */
5324    --horizontalNavArrowSizeDesktop: 24px;
5325    --horizontalNavArrowSpacingDesktop: 5px;
5326    --horizontalNavArrowColorDesktop: rgba(var(--colorPrimaryA), 1);
5327    --horizontalNavArrowRotateDesktop: 0deg;
5328    --horizontalNavArrowSizeHoverDesktop: var(--horizontalNavArrowSizeDesktop);
5329    --horizontalNavArrowColorHoverDesktop: var(--horizontalNavArrowColorDesktop);
5330    --horizontalNavArrowRotateHoverDesktop: var(--horizontalNavArrowRotateDesktop);
5331    --horizontalNavArrowSizeActiveDesktop: var(--horizontalNavArrowSizeDesktop);
5332    --horizontalNavArrowColorActiveDesktop: var(--horizontalNavArrowColorHoverDesktop);
5333    --horizontalNavArrowRotateActiveDesktop: var(--horizontalNavArrowRotateHoverDesktop);
5334
5335    /* sub arrow */
5336    --horizontalNavSubArrowSizeDesktop: 24px;
5337    --horizontalNavSubArrowSpacingDesktop: 5px;
5338    --horizontalNavSubArrowColorDesktop: rgba(var(--colorPrimaryA), 1);
5339    --horizontalNavSubArrowRotateDesktop: -90deg;
5340    --horizontalNavSubArrowSizeHoverDesktop: var(--horizontalNavSubArrowSizeDesktop);
5341    --horizontalNavSubArrowColorHoverDesktop: var(--horizontalNavSubArrowColorDesktop);
5342    --horizontalNavSubArrowRotateHoverDesktop: var(--horizontalNavSubArrowRotateDesktop);
5343    --horizontalNavSubArrowSizeActiveDesktop: var(--horizontalNavSubArrowSizeDesktop);
5344    --horizontalNavSubArrowColorActiveDesktop: var(--horizontalNavSubArrowColorHoverDesktop);
5345    --horizontalNavSubArrowRotateActiveDesktop: var(--horizontalNavSubArrowRotateHoverDesktop);
5346
5347    /* sub nav item padding */
5348    --horizontalNavSubItemPaddingTopDesktop: 7px;
5349    --horizontalNavSubItemPaddingBottomDesktop: 7px;
5350    --horizontalNavSubItemPaddingLeftDesktop: 10px;
5351    --horizontalNavSubItemPaddingRightDesktop: 10px;
5352
5353    /* sub nav item padding hover */
5354    --horizontalNavSubItemPaddingTopHoverDesktop:  var(--horizontalNavSubItemPaddingTopDesktop);
5355    --horizontalNavSubItemPaddingBottomHoverDesktop: var(--horizontalNavSubItemPaddingBottomDesktop);
5356    --horizontalNavSubItemPaddingLeftHoverDesktop: var(--horizontalNavSubItemPaddingLeftDesktop);
5357    --horizontalNavSubItemPaddingRightHoverDesktop: var(--horizontalNavSubItemPaddingRightDesktop);
5358
5359    /* sub nav item font */
5360    --horizontalNavSubItemFontDesktop: var(--navPrimaryFont);
5361    --horizontalNavSubItemFontColorDesktop: rgba(var(--colorPrimaryA), 1);
5362    --horizontalNavSubItemLineHeightDesktop: normal;
5363    --horizontalNavSubItemFontSizeDesktop: 16px;
5364    --horizontalNavSubItemFontWeightDesktop: 400;
5365    --horizontalNavSubItemHoverFontColorDesktop: var(--horizontalNavSubItemFontColorDesktop); /* fix */
5366    --horizontalNavSubItemBackgroundColorDesktop: transparent;
5367    --horizontalNavSubItemHoverBackgroundColorDesktop: var(--horizontalNavSubItemBackgroundColorDesktop); /* fix */
5368    --horizontalNavSubItemTextDecorationDesktop: none;
5369    --horizontalNavSubItemFontStyleDesktop: normal;
5370    --horizontalNavSubItemLetterSpacingDesktop: 0px;
5371
5372    /* sub nav item font hover */
5373    --horizontalNavSubItemFontSizeHoverDesktop: var(--horizontalNavSubItemFontSizeDesktop);
5374    --horizontalNavSubItemFontWeightHoverDesktop: var(--horizontalNavSubItemFontWeightDesktop);
5375    --horizontalNavSubItemTextDecorationHoverDesktop: var(--horizontalNavSubItemTextDecorationDesktop);
5376    --horizontalNavSubItemFontStyleHoverDesktop: var(--horizontalNavSubItemFontStyleDesktop);
5377
5378    /* sub nav item font active */
5379    --horizontalNavSubItemActiveFontColorDesktop: var(--horizontalNavSubItemHoverFontColorDesktop);
5380    --horizontalNavSubItemActiveBackgroundColorDesktop: var(--horizontalNavSubItemHoverBackgroundColorDesktop);
5381
5382    /* sub nav item border */
5383    --horizontalNavSubItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5384    --horizontalNavSubItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5385    --horizontalNavSubItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5386    --horizontalNavSubItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5387
5388    /* sub nav item border hover */
5389    --horizontalNavSubItemBorderTopHoverDesktop: var(--horizontalNavSubItemBorderTopDesktop);
5390    --horizontalNavSubItemBorderRightHoverDesktop: var(--horizontalNavSubItemBorderRightDesktop);
5391    --horizontalNavSubItemBorderBottomHoverDesktop: var(--horizontalNavSubItemBorderBottomDesktop);
5392    --horizontalNavSubItemBorderLeftHoverDesktop: var(--horizontalNavSubItemBorderLeftDesktop);
5393
5394    /* sub nav item border radius */
5395    --horizontalNavSubItemBorderRadiusDesktop: 0px 0px 0px 0px;
5396    --horizontalNavSubItemBorderRadiusHoverDesktop: var(--horizontalNavSubItemBorderRadiusDesktop);
5397
5398    /* sub menu container */
5399    --horizontalNavSubPaddingTopDesktop: 0px;
5400    --horizontalNavSubPaddingBottomDesktop: 0px;
5401    --horizontalNavSubPaddingLeftDesktop: 0px;
5402    --horizontalNavSubPaddingRightDesktop: 0px;
5403    --horizontalNavSubContainerWidthDesktop: 200px;
5404    --horizontalNavSubContainerBackgroundColorDesktop: rgba(var(--colorPrimaryF), 1);
5405
5406    /* sub menu container shadow */
5407    --horizontalNavSubContainerShadowDesktop: none;
5408
5409    /* sub menu container border */
5410    --horizontalNavSubContainerBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5411    --horizontalNavSubContainerBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5412    --horizontalNavSubContainerBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5413    --horizontalNavSubContainerBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5414
5415    /* sub menu container border radius */
5416    --horizontalNavSubContainerBorderRadiusDesktop: 0px 0px 0px 0px;
5417
5418    /**********************
5419		mega panel layout
5420	***********************/
5421
5422    /* `--megaNavPanelWidth` doubles as the "full width vs grid-contained"
5423       toggle: 100vw = full-width, max-content (or a fixed width) = contained. */
5424    --megaNavPanelNumberOfCellsDesktop: 4;
5425    --megaNavPanelCellSpacingDesktop: 64px;
5426    --megaNavPanelPaddingTopDesktop: 40px;
5427    --megaNavPanelPaddingRightDesktop: 40px;
5428    --megaNavPanelPaddingBottomDesktop: 40px;
5429    --megaNavPanelPaddingLeftDesktop: 40px;
5430    --megaNavPanelWidthDesktop: 100vw;
5431
5432    /* mega main-menu separator */
5433    --megaNavSeparatorDisplayDesktop: block;
5434    --megaNavSeparatorWidthDesktop: 0px;
5435    --megaNavSeparatorColorDesktop: rgba(var(--colorPrimaryA), 1);
5436    --megaNavSeparatorSpacingDesktop: 20px;
5437    /* mega main-menu item — independent defaults (mirror horizontal defaults) */
5438    --megaNavItemPaddingTopDesktop: 5px;
5439    --megaNavItemPaddingBottomDesktop: 5px;
5440    --megaNavItemPaddingLeftDesktop: 0px;
5441    --megaNavItemPaddingRightDesktop: 0px;
5442    --megaNavItemPaddingTopHoverDesktop: var(--megaNavItemPaddingTopDesktop);
5443    --megaNavItemPaddingBottomHoverDesktop: var(--megaNavItemPaddingBottomDesktop);
5444    --megaNavItemPaddingLeftHoverDesktop: var(--megaNavItemPaddingLeftDesktop);
5445    --megaNavItemPaddingRightHoverDesktop: var(--megaNavItemPaddingRightDesktop);
5446    --megaNavItemFontDesktop: var(--navPrimaryFont);
5447    --megaNavItemFontColorDesktop: rgba(var(--colorPrimaryA), 1);
5448    --megaNavItemLineHeightDesktop: normal;
5449    --megaNavItemFontSizeDesktop: 16px;
5450    --megaNavItemFontWeightDesktop: 400;
5451    --megaNavItemBackgroundColorDesktop: transparent;
5452    --megaNavItemLetterSpacingDesktop: 0px;
5453    --megaNavItemTextDecorationDesktop: none;
5454    --megaNavItemFontStyleDesktop: normal;
5455    --megaNavItemHoverFontColorDesktop: var(--megaNavItemFontColorDesktop);
5456    --megaNavItemHoverBackgroundColorDesktop: var(--megaNavItemBackgroundColorDesktop);
5457    --megaNavItemFontSizeHoverDesktop: var(--megaNavItemFontSizeDesktop);
5458    --megaNavItemFontWeightHoverDesktop: var(--megaNavItemFontWeightDesktop);
5459    --megaNavItemTextDecorationHoverDesktop: var(--megaNavItemTextDecorationDesktop);
5460    --megaNavItemFontStyleHoverDesktop: var(--megaNavItemFontStyleDesktop);
5461    --megaNavItemActiveFontColorDesktop: var(--megaNavItemHoverFontColorDesktop);
5462    --megaNavItemActiveBackgroundColorDesktop: var(--megaNavItemHoverBackgroundColorDesktop);
5463    --megaNavItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5464    --megaNavItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5465    --megaNavItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5466    --megaNavItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5467    --megaNavItemBorderTopHoverDesktop: var(--megaNavItemBorderTopDesktop);
5468    --megaNavItemBorderRightHoverDesktop: var(--megaNavItemBorderRightDesktop);
5469    --megaNavItemBorderBottomHoverDesktop: var(--megaNavItemBorderBottomDesktop);
5470    --megaNavItemBorderLeftHoverDesktop: var(--megaNavItemBorderLeftDesktop);
5471    --megaNavItemBorderRadiusDesktop: 0px 0px 0px 0px;
5472    --megaNavItemBorderRadiusHoverDesktop: var(--megaNavItemBorderRadiusDesktop);
5473
5474    /*****
5475		apply css properties
5476	*****/
5477
5478    /* apply main nav padding */
5479    --horizontalNavPaddingTop: var(--horizontalNavPaddingTopDesktop);
5480    --horizontalNavPaddingBottom: var(--horizontalNavPaddingBottomDesktop);
5481    --horizontalNavPaddingLeft: var(--horizontalNavPaddingLeftDesktop);
5482    --horizontalNavPaddingRight: var(--horizontalNavPaddingRightDesktop);
5483
5484    /* apply main nav justify content */
5485    --horizontalNavJustifyContent: var(--horizontalNavJustifyContentDesktop);
5486
5487    /* apply main nav item padding */
5488    --horizontalNavItemPaddingTop: var(--horizontalNavItemPaddingTopDesktop);
5489    --horizontalNavItemPaddingBottom: var(--horizontalNavItemPaddingBottomDesktop);
5490    --horizontalNavItemPaddingLeft: var(--horizontalNavItemPaddingLeftDesktop);
5491    --horizontalNavItemPaddingRight: var(--horizontalNavItemPaddingRightDesktop);
5492
5493    /* apply main nav item padding hover */
5494    --horizontalNavItemPaddingTopHover: var(--horizontalNavItemPaddingTopHoverDesktop);
5495    --horizontalNavItemPaddingBottomHover: var(--horizontalNavItemPaddingBottomHoverDesktop);
5496    --horizontalNavItemPaddingLeftHover: var(--horizontalNavItemPaddingLeftHoverDesktop);
5497    --horizontalNavItemPaddingRightHover: var(--horizontalNavItemPaddingRightHoverDesktop);
5498
5499    /* apply main nav item font */
5500    --horizontalNavItemFont: var(--horizontalNavItemFontDesktop);
5501    --horizontalNavItemFontColor: var(--horizontalNavItemFontColorDesktop);
5502    --horizontalNavItemLineHeight: var(--horizontalNavItemLineHeightDesktop);
5503    --horizontalNavItemFontSize: var(--horizontalNavItemFontSizeDesktop);
5504    --horizontalNavItemFontWeight: var(--horizontalNavItemFontWeightDesktop);
5505    --horizontalNavItemHoverFontColor: var(--horizontalNavItemHoverFontColorDesktop);
5506    --horizontalNavBackgroundColor: var(--horizontalNavBackgroundColorDesktop);
5507    --horizontalNavItemBackgroundColor: var(--horizontalNavItemBackgroundColorDesktop);
5508    --horizontalNavItemHoverBackgroundColor: var(--horizontalNavItemHoverBackgroundColorDesktop);
5509    --horizontalNavItemLetterSpacing: var(--horizontalNavItemLetterSpacingDesktop);
5510    --horizontalNavItemTextDecoration: var(--horizontalNavItemTextDecorationDesktop);
5511    --horizontalNavItemFontStyle: var(--horizontalNavItemFontStyleDesktop);
5512
5513    /* apply main nav item font hover */
5514    --horizontalNavItemFontSizeHover: var(--horizontalNavItemFontSizeHoverDesktop);
5515    --horizontalNavItemFontWeightHover: var(--horizontalNavItemFontWeightHoverDesktop);
5516    --horizontalNavItemTextDecorationHover: var(--horizontalNavItemTextDecorationHoverDesktop);
5517    --horizontalNavItemFontStyleHover: var(--horizontalNavItemFontStyleHoverDesktop);
5518
5519    /* apply main nav item font active */
5520    --horizontalNavItemActiveFontColor: var(--horizontalNavItemActiveFontColorDesktop);
5521    --horizontalNavItemActiveBackgroundColor: var(--horizontalNavItemActiveBackgroundColorDesktop);
5522
5523
5524    /* apply main nav border */
5525    --horizontalNavBorderTop: var(--horizontalNavBorderTopDesktop);
5526    --horizontalNavBorderRight: var(--horizontalNavBorderRightDesktop);
5527    --horizontalNavBorderBottom: var(--horizontalNavBorderBottomDesktop);
5528    --horizontalNavBorderLeft: var(--horizontalNavBorderLeftDesktop);
5529    /*apply main nav border radius hover*/
5530    --horizontalNavBorderRadius: var(--horizontalNavBorderRadiusDesktop);
5531    --horizontalNavBorderRadiusHover: var(--horizontalNavBorderRadiusHoverDesktop);
5532
5533    /* apply main nav item border */
5534    --horizontalNavItemBorderTop: var(--horizontalNavItemBorderTopDesktop);
5535    --horizontalNavItemBorderRight: var(--horizontalNavItemBorderRightDesktop);
5536    --horizontalNavItemBorderBottom: var(--horizontalNavItemBorderBottomDesktop);
5537    --horizontalNavItemBorderLeft: var(--horizontalNavItemBorderLeftDesktop);
5538    /* apply main nav item border hover */
5539    --horizontalNavItemBorderTopHover: var(--horizontalNavItemBorderTopHoverDesktop);
5540    --horizontalNavItemBorderRightHover: var(--horizontalNavItemBorderRightHoverDesktop);
5541    --horizontalNavItemBorderBottomHover: var(--horizontalNavItemBorderBottomHoverDesktop);
5542    --horizontalNavItemBorderLeftHover: var(--horizontalNavItemBorderLeftHoverDesktop);
5543
5544
5545    /* apply main nav item border radius */
5546    --horizontalNavItemBorderRadius: var(--horizontalNavItemBorderRadiusDesktop);
5547    --horizontalNavItemBorderRadiusHover: var(--horizontalNavItemBorderRadiusHoverDesktop);
5548
5549    /* apply separator */
5550    --horizontalNavSeparatorDisplay: var(--horizontalNavSeparatorDisplayDesktop);
5551    --horizontalNavSeparatorWidth: var(--horizontalNavSeparatorWidthDesktop);
5552    --horizontalNavSeparatorHeight: var(--horizontalNavSeparatorHeightDesktop);
5553    --horizontalNavSeparatorColor: var(--horizontalNavSeparatorColorDesktop);
5554    --horizontalNavSeparatorSpacing: var(--horizontalNavSeparatorSpacingDesktop);
5555
5556    /* apply mega separator */
5557    --megaNavSeparatorDisplay: var(--megaNavSeparatorDisplayDesktop);
5558    --megaNavSeparatorWidth: var(--megaNavSeparatorWidthDesktop);
5559    --megaNavSeparatorColor: var(--megaNavSeparatorColorDesktop);
5560    --megaNavSeparatorSpacing: var(--megaNavSeparatorSpacingDesktop);
5561
5562    /* apply sub separator */
5563    --horizontalNavSubSeparatorDisplay: var(--horizontalNavSubSeparatorDisplayDesktop);
5564    --horizontalNavSubSeparatorWidth: var(--horizontalNavSubSeparatorWidthDesktop);
5565    --horizontalNavSubSeparatorHeight: var(--horizontalNavSubSeparatorHeightDesktop);
5566    --horizontalNavSubSeparatorColor: var(--horizontalNavSubSeparatorColorDesktop);
5567    --horizontalNavSubSeparatorSpacing: var(--horizontalNavSubSeparatorSpacingDesktop);
5568
5569    /* apply arrow */
5570    --horizontalNavArrowSize: var(--horizontalNavArrowSizeDesktop);
5571    --horizontalNavArrowDisplay: var(--horizontalNavArrowDisplayDesktop);
5572    --horizontalNavItemIconDisplay: var(--horizontalNavItemIconDisplayDesktop);
5573    --horizontalNavItemIconColor: var(--horizontalNavItemIconColorDesktop);
5574    --horizontalNavItemIconColorHover: var(--horizontalNavItemIconColorHoverDesktop);
5575    --horizontalNavItemIconColorActive: var(--horizontalNavItemIconColorActiveDesktop);
5576    --horizontalNavItemIconSize: var(--horizontalNavItemIconSizeDesktop);
5577    --horizontalNavItemIconSizeHover: var(--horizontalNavItemIconSizeHoverDesktop);
5578    --horizontalNavItemIconSizeActive: var(--horizontalNavItemIconSizeActiveDesktop);
5579    --horizontalNavItemIconRotate: var(--horizontalNavItemIconRotateDesktop);
5580    --horizontalNavItemIconRotateHover: var(--horizontalNavItemIconRotateHoverDesktop);
5581    --horizontalNavItemIconRotateActive: var(--horizontalNavItemIconRotateActiveDesktop);
5582    --horizontalNavItemIconSpacing: var(--horizontalNavItemIconSpacingDesktop);
5583    --horizontalNavSubItemIconDisplay: var(--horizontalNavSubItemIconDisplayDesktop);
5584    --horizontalNavSubItemIconColor: var(--horizontalNavSubItemIconColorDesktop);
5585    --horizontalNavSubItemIconColorHover: var(--horizontalNavSubItemIconColorHoverDesktop);
5586    --horizontalNavSubItemIconColorActive: var(--horizontalNavSubItemIconColorActiveDesktop);
5587    --horizontalNavSubItemIconSize: var(--horizontalNavSubItemIconSizeDesktop);
5588    --horizontalNavSubItemIconSizeHover: var(--horizontalNavSubItemIconSizeHoverDesktop);
5589    --horizontalNavSubItemIconSizeActive: var(--horizontalNavSubItemIconSizeActiveDesktop);
5590    --horizontalNavSubItemIconRotate: var(--horizontalNavSubItemIconRotateDesktop);
5591    --horizontalNavSubItemIconRotateHover: var(--horizontalNavSubItemIconRotateHoverDesktop);
5592    --horizontalNavSubItemIconRotateActive: var(--horizontalNavSubItemIconRotateActiveDesktop);
5593    --horizontalNavSubItemIconSpacing: var(--horizontalNavSubItemIconSpacingDesktop);
5594    --horizontalNavArrowSpacing: var(--horizontalNavArrowSpacingDesktop);
5595    --horizontalNavArrowColor: var(--horizontalNavArrowColorDesktop);
5596    --horizontalNavArrowRotate: var(--horizontalNavArrowRotateDesktop);
5597    --horizontalNavArrowSizeHover: var(--horizontalNavArrowSizeHoverDesktop);
5598    --horizontalNavArrowColorHover: var(--horizontalNavArrowColorHoverDesktop);
5599    --horizontalNavArrowRotateHover: var(--horizontalNavArrowRotateHoverDesktop);
5600    --horizontalNavArrowSizeActive: var(--horizontalNavArrowSizeActiveDesktop);
5601    --horizontalNavArrowColorActive: var(--horizontalNavArrowColorActiveDesktop);
5602    --horizontalNavArrowRotateActive: var(--horizontalNavArrowRotateActiveDesktop);
5603
5604    /* apply sub arrow */
5605    --horizontalNavSubArrowSize: var(--horizontalNavSubArrowSizeDesktop);
5606    --horizontalNavSubArrowDisplay: var(--horizontalNavSubArrowDisplayDesktop);
5607    --horizontalNavSubArrowSpacing: var(--horizontalNavSubArrowSpacingDesktop);
5608    --horizontalNavSubArrowColor: var(--horizontalNavSubArrowColorDesktop);
5609    --horizontalNavSubArrowRotate: var(--horizontalNavSubArrowRotateDesktop);
5610    --horizontalNavSubArrowSizeHover: var(--horizontalNavSubArrowSizeHoverDesktop);
5611    --horizontalNavSubArrowColorHover: var(--horizontalNavSubArrowColorHoverDesktop);
5612    --horizontalNavSubArrowRotateHover: var(--horizontalNavSubArrowRotateHoverDesktop);
5613    --horizontalNavSubArrowSizeActive: var(--horizontalNavSubArrowSizeActiveDesktop);
5614    --horizontalNavSubArrowColorActive: var(--horizontalNavSubArrowColorActiveDesktop);
5615    --horizontalNavSubArrowRotateActive: var(--horizontalNavSubArrowRotateActiveDesktop);
5616
5617    /* apply sub */
5618    --horizontalNavSubItemPaddingTop: var(--horizontalNavSubItemPaddingTopDesktop);
5619    --horizontalNavSubItemPaddingBottom: var(--horizontalNavSubItemPaddingBottomDesktop);
5620    --horizontalNavSubItemPaddingLeft: var(--horizontalNavSubItemPaddingLeftDesktop);
5621    --horizontalNavSubItemPaddingRight: var(--horizontalNavSubItemPaddingRightDesktop);
5622
5623    /* apply sub nav item padding hover */
5624    --horizontalNavSubItemPaddingTopHover: var(--horizontalNavSubItemPaddingTopHoverDesktop);
5625    --horizontalNavSubItemPaddingBottomHover: var(--horizontalNavSubItemPaddingBottomHoverDesktop);
5626    --horizontalNavSubItemPaddingLeftHover: var(--horizontalNavSubItemPaddingLeftHoverDesktop);
5627    --horizontalNavSubItemPaddingRightHover: var(--horizontalNavSubItemPaddingRightHoverDesktop);
5628
5629
5630    /* apply sub nav item font */
5631    --horizontalNavSubItemFont: var(--horizontalNavSubItemFontDesktop);
5632    --horizontalNavSubItemFontColor: var(--horizontalNavSubItemFontColorDesktop);
5633    --horizontalNavSubItemLineHeight: var(--horizontalNavSubItemLineHeightDesktop);
5634    --horizontalNavSubItemFontSize: var(--horizontalNavSubItemFontSizeDesktop);
5635    --horizontalNavSubItemFontWeight: var(--horizontalNavSubItemFontWeightDesktop);
5636    --horizontalNavSubItemHoverFontColor: var(--horizontalNavSubItemHoverFontColorDesktop);
5637    --horizontalNavSubItemBackgroundColor: var(--horizontalNavSubItemBackgroundColorDesktop);
5638    --horizontalNavSubItemHoverBackgroundColor: var(--horizontalNavSubItemHoverBackgroundColorDesktop);
5639    --horizontalNavSubItemTextDecoration: var(--horizontalNavSubItemTextDecorationDesktop);
5640    --horizontalNavSubItemFontStyle: var(--horizontalNavSubItemFontStyleDesktop);
5641    --horizontalNavSubItemLetterSpacing: var(--horizontalNavSubItemLetterSpacingDesktop);
5642
5643    /* apply sub nav item font hover */
5644    --horizontalNavSubItemFontSizeHover: var(--horizontalNavSubItemFontSizeHoverDesktop);
5645    --horizontalNavSubItemFontWeightHover: var(--horizontalNavSubItemFontWeightHoverDesktop);
5646    --horizontalNavSubItemTextDecorationHover: var(--horizontalNavSubItemTextDecorationHoverDesktop);
5647    --horizontalNavSubItemFontStyleHover: var(--horizontalNavSubItemFontStyleHoverDesktop);
5648
5649    /* apply sub nav item font active */
5650    --horizontalNavSubItemActiveFontColor: var(--horizontalNavSubItemActiveFontColorDesktop);
5651    --horizontalNavSubItemActiveBackgroundColor: var(--horizontalNavSubItemActiveBackgroundColorDesktop);
5652
5653    /* apply sub nav item border */
5654    --horizontalNavSubItemBorderTop: var(--horizontalNavSubItemBorderTopDesktop);
5655    --horizontalNavSubItemBorderRight: var(--horizontalNavSubItemBorderRightDesktop);
5656    --horizontalNavSubItemBorderBottom: var(--horizontalNavSubItemBorderBottomDesktop);
5657    --horizontalNavSubItemBorderLeft: var(--horizontalNavSubItemBorderLeftDesktop);
5658
5659    /* apply sub nav item border hover */
5660    --horizontalNavSubItemBorderTopHover: var(--horizontalNavSubItemBorderTopHoverDesktop);
5661    --horizontalNavSubItemBorderRightHover: var(--horizontalNavSubItemBorderRightHoverDesktop);
5662    --horizontalNavSubItemBorderBottomHover: var(--horizontalNavSubItemBorderBottomHoverDesktop);
5663    --horizontalNavSubItemBorderLeftHover: var(--horizontalNavSubItemBorderLeftHoverDesktop);
5664
5665    /* apply sub nav item border radius */
5666    --horizontalNavSubItemBorderRadius: var(--horizontalNavSubItemBorderRadiusDesktop);
5667    --horizontalNavSubItemBorderRadiusHover: var(--horizontalNavSubItemBorderRadiusHoverDesktop);
5668
5669    /* apply sub menu container */
5670    --horizontalNavSubPaddingTop: var(--horizontalNavSubPaddingTopDesktop);
5671    --horizontalNavSubPaddingBottom: var(--horizontalNavSubPaddingBottomDesktop);
5672    --horizontalNavSubPaddingLeft: var(--horizontalNavSubPaddingLeftDesktop);
5673    --horizontalNavSubPaddingRight: var(--horizontalNavSubPaddingRightDesktop);
5674    --horizontalNavSubContainerWidth: var(--horizontalNavSubContainerWidthDesktop);
5675    --horizontalNavSubContainerBackgroundColor: var(--horizontalNavSubContainerBackgroundColorDesktop);
5676
5677    /* apply sub menu container shadow */
5678    --horizontalNavSubContainerShadow: var(--horizontalNavSubContainerShadowDesktop);
5679
5680    /* apply sub menu container border */
5681    --horizontalNavSubContainerBorderTop: var(--horizontalNavSubContainerBorderTopDesktop);
5682    --horizontalNavSubContainerBorderRight: var(--horizontalNavSubContainerBorderRightDesktop);
5683    --horizontalNavSubContainerBorderBottom: var(--horizontalNavSubContainerBorderBottomDesktop);
5684    --horizontalNavSubContainerBorderLeft: var(--horizontalNavSubContainerBorderLeftDesktop);
5685
5686    /* apply sub menu container border radius */
5687    --horizontalNavSubContainerBorderRadius: var(--horizontalNavSubContainerBorderRadiusDesktop);
5688
5689    /**********************
5690		hamburger main nav
5691	***********************/
5692
5693    /* main background color */
5694    --hamburgerNavBackgroundColorDesktop: rgba(var(--colorPrimaryC), 1);
5695
5696    /* main nav padding */
5697    --hamburgerNavPaddingTopDesktop: 50px;
5698    --hamburgerNavPaddingBottomDesktop: 50px;
5699    --hamburgerNavPaddingLeftDesktop: 100px;
5700    --hamburgerNavPaddingRightDesktop: 100px;
5701
5702    /* hamburger menu icon */
5703    --hamburgerMenuIconSizeDesktop: 50px;
5704    --hamburgerMenuIconSizeHoverDesktop: var(--hamburgerMenuIconSizeDesktop);
5705    --hamburgerMenuIconColorDesktop: rgba(var(--colorPrimaryA), 1);
5706    --hamburgerMenuIconHoverColorDesktop: var(--hamburgerMenuIconColorDesktop);
5707    --hamburgerMenuIconActiveSizeDesktop: 50px;
5708    --hamburgerMenuIconActiveColorDesktop: rgba(var(--colorPrimaryJ), 1);
5709    --hamburgerMenuIconActiveHoverColorDesktop: var(--hamburgerMenuIconActiveColorDesktop);
5710    --hamburgerMenuIconActiveSizeHoverDesktop: var(--hamburgerMenuIconActiveSizeDesktop);
5711    --hamburgerMenuDisplayDesktop: block;
5712    --hamburgerMenuJustifySelfDesktop: end;
5713
5714    /* main nav justify self */
5715    --hamburgerNavJustifySelfDesktop: center;
5716
5717    /* main nav items alignment */
5718    --hamburgerNavItemsAlignmentDesktop: left;
5719
5720    /* main nav item padding */
5721    --hamburgerNavItemPaddingTopDesktop: 10px;
5722    --hamburgerNavItemPaddingBottomDesktop: 10px;
5723    --hamburgerNavItemPaddingLeftDesktop: 0px;
5724    --hamburgerNavItemPaddingRightDesktop: 0px;
5725
5726    /* main nav item padding hover */
5727    --hamburgerNavItemPaddingTopHoverDesktop: var(--hamburgerNavItemPaddingTopDesktop);
5728    --hamburgerNavItemPaddingBottomHoverDesktop: var(--hamburgerNavItemPaddingBottomDesktop);
5729    --hamburgerNavItemPaddingLeftHoverDesktop: var(--hamburgerNavItemPaddingLeftDesktop);
5730    --hamburgerNavItemPaddingRightHoverDesktop: var(--hamburgerNavItemPaddingRightDesktop);
5731
5732    /* main nav item border */
5733    --hamburgerNavItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
5734    --hamburgerNavItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
5735    --hamburgerNavItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
5736    --hamburgerNavItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
5737
5738    /* main nav item border hover */
5739    --hamburgerNavItemBorderTopHoverDesktop: var(--hamburgerNavItemBorderTopDesktop);
5740    --hamburgerNavItemBorderRightHoverDesktop: var(--hamburgerNavItemBorderRightDesktop);
5741    --hamburgerNavItemBorderBottomHoverDesktop: var(--hamburgerNavItemBorderBottomDesktop);
5742    --hamburgerNavItemBorderLeftHoverDesktop: var(--hamburgerNavItemBorderLeftDesktop);
5743
5744    /* main nav item border radius */
5745    --hamburgerNavItemBorderRadiusDesktop: 0px 0px 0px 0px;
5746    --hamburgerNavItemBorderRadiusHoverDesktop: var(--hamburgerNavItemBorderRadiusDesktop);
5747
5748    /* main nav item font */
5749    --hamburgerNavItemFontDesktop: var(--navPrimaryFont);
5750    --hamburgerNavItemFontColorDesktop: rgba(var(--colorPrimaryJ), 1);
5751    --hamburgerNavItemLineHeightDesktop: normal;
5752    --hamburgerNavItemFontSizeDesktop: 48px;
5753    --hamburgerNavItemFontWeightDesktop: 400;
5754    --hamburgerNavItemBackgroundColorDesktop: transparent;
5755    --hamburgerNavItemLetterSpacingDesktop: 0px;
5756    --hamburgerNavItemTextDecorationDesktop: none;
5757    --hamburgerNavItemFontStyleDesktop: normal;
5758
5759    /* main nav item font hover */
5760    --hamburgerNavItemHoverFontColorDesktop: var(--hamburgerNavItemFontColorDesktop);
5761    --hamburgerNavItemHoverBackgroundColorDesktop: var(--hamburgerNavItemBackgroundColorDesktop);
5762    --hamburgerNavItemFontHoverDesktop: var(--hamburgerNavItemFontDesktop);
5763    --hamburgerNavItemLineHeightHoverDesktop: var(--hamburgerNavItemLineHeightDesktop);
5764    --hamburgerNavItemFontSizeHoverDesktop: var(--hamburgerNavItemFontSizeDesktop);
5765    --hamburgerNavItemFontWeightHoverDesktop: var(--hamburgerNavItemFontWeightDesktop);
5766    --hamburgerNavItemLetterSpacingHoverDesktop: var(--hamburgerNavItemLetterSpacingDesktop);
5767    --hamburgerNavItemTextDecorationHoverDesktop: var(--hamburgerNavItemTextDecorationDesktop);
5768    --hamburgerNavItemFontStyleHoverDesktop: var(--hamburgerNavItemFontStyleDesktop);
5769
5770    /* separator */
5771    --hamburgerNavSeparatorDisplayDesktop: block;
5772    --hamburgerNavSeparatorWidthDesktop: 100%;
5773    --hamburgerNavSeparatorHeightDesktop: 1px;
5774    --hamburgerNavSeparatorColorDesktop: rgba(var(--colorPrimaryJ), 1);
5775    --hamburgerNavSeparatorSpacingDesktop: 20px;
5776
5777    /* sub separator */
5778    --hamburgerNavSubSeparatorDisplayDesktop: block;
5779    --hamburgerNavSubSeparatorWidthDesktop: 100%;
5780    --hamburgerNavSubSeparatorHeightDesktop: 1px;
5781    --hamburgerNavSubSeparatorColorDesktop: rgba(var(--colorPrimaryJ), 1);
5782    --hamburgerNavSubSeparatorSpacingDesktop: 20px;
5783
5784    /* arrow */
5785    --hamburgerNavArrowSizeDesktop: 64px;
5786    --hamburgerNavArrowColorDesktop: rgba(var(--colorPrimaryJ), 1);
5787    --hamburgerNavArrowSpacingDesktop: 25px;
5788    --hamburgerNavArrowRotateDesktop: 0deg;
5789    --hamburgerNavArrowAutoSpacingDesktop: 100%; /* off: auto */
5790    --hamburgerNavArrowSizeHoverDesktop: var(--hamburgerNavArrowSizeDesktop);
5791    --hamburgerNavArrowColorHoverDesktop: var(--hamburgerNavArrowColorDesktop);
5792    --hamburgerNavArrowRotateHoverDesktop: var(--hamburgerNavArrowRotateDesktop);
5793
5794    /* sub arrow */
5795    --hamburgerNavSubArrowSizeDesktop: 32px;
5796    --hamburgerNavSubArrowColorDesktop: rgba(var(--colorPrimaryJ), 1);
5797    --hamburgerNavSubArrowSpacingDesktop: 25px;
5798    --hamburgerNavSubArrowRotateDesktop: 0deg;
5799    --hamburgerNavSubArrowAutoSpacingDesktop: 100%; /* off: auto */
5800    --hamburgerNavSubArrowSizeHoverDesktop: var(--hamburgerNavSubArrowSizeDesktop);
5801    --hamburgerNavSubArrowColorHoverDesktop: var(--hamburgerNavSubArrowColorDesktop);
5802    --hamburgerNavSubArrowRotateHoverDesktop: var(--hamburgerNavSubArrowRotateDesktop);
5803
5804    /* sub menu background color */
5805    --hamburgerNavSubBackgroundColorDesktop: transparent;
5806
5807    /* sub nav item padding */
5808    --hamburgerNavSubItemPaddingTopDesktop: 10px;
5809    --hamburgerNavSubItemPaddingRightDesktop: 0px;
5810    --hamburgerNavSubItemPaddingBottomDesktop: 10px;
5811    --hamburgerNavSubItemPaddingLeftDesktop: 0px;
5812
5813    /* sub nav item padding hover */
5814    --hamburgerNavSubItemPaddingTopHoverDesktop: var(--hamburgerNavSubItemPaddingTopDesktop);
5815    --hamburgerNavSubItemPaddingRightHoverDesktop: var(--hamburgerNavSubItemPaddingRightDesktop);
5816    --hamburgerNavSubItemPaddingBottomHoverDesktop: var(--hamburgerNavSubItemPaddingBottomDesktop);
5817    --hamburgerNavSubItemPaddingLeftHoverDesktop: var(--hamburgerNavSubItemPaddingLeftDesktop);
5818
5819    /* sub nav item border */
5820    --hamburgerNavSubItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
5821    --hamburgerNavSubItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
5822    --hamburgerNavSubItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
5823    --hamburgerNavSubItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
5824
5825    /* sub nav item border */
5826    --hamburgerNavSubItemBorderTopHoverDesktop: var(--hamburgerNavSubItemBorderTopDesktop);
5827    --hamburgerNavSubItemBorderRightHoverDesktop: var(--hamburgerNavSubItemBorderRightDesktop);
5828    --hamburgerNavSubItemBorderBottomHoverDesktop: var(--hamburgerNavSubItemBorderBottomDesktop);
5829    --hamburgerNavSubItemBorderLeftHoverDesktop: var(--hamburgerNavSubItemBorderLeftDesktop);
5830
5831    /* sub nav item border radius */
5832    --hamburgerNavSubItemBorderRadiusDesktop: 0px 0px 0px 0px;
5833    --hamburgerNavSubItemBorderRadiusHoverDesktop: var(--hamburgerNavSubItemBorderRadiusDesktop);
5834
5835    /* sub nav item background color */
5836    --hamburgerNavSubItemBackgroundColorDesktop: transparent;
5837
5838    /* sub nav item hover background color */
5839    --hamburgerNavSubItemHoverBackgroundColorDesktop: var(--hamburgerNavSubItemBackgroundColorDesktop);
5840
5841    /* sub nav item font */
5842    --hamburgerNavSubItemFontDesktop: var(--navPrimaryFont);
5843    --hamburgerNavSubItemFontColorDesktop: rgba(var(--colorPrimaryJ), 1);
5844    --hamburgerNavSubItemLineHeightDesktop: normal;
5845    --hamburgerNavSubItemFontSizeDesktop: 28px;
5846    --hamburgerNavSubItemFontWeightDesktop: 400;
5847    --hamburgerNavSubItemTextDecorationDesktop: none;
5848    --hamburgerNavSubItemFontStyleDesktop: normal;
5849    --hamburgerNavSubItemLetterSpacingDesktop: 0px;
5850
5851    /* sub nav item font hover */
5852    --hamburgerNavSubItemHoverFontColorDesktop: var(--hamburgerNavSubItemFontColorDesktop);
5853    --hamburgerNavSubItemFontHoverDesktop: var(--hamburgerNavSubItemFontDesktop);
5854    --hamburgerNavSubItemLineHeightHoverDesktop: var(--hamburgerNavSubItemLineHeightDesktop);
5855    --hamburgerNavSubItemFontSizeHoverDesktop: var(--hamburgerNavSubItemFontSizeDesktop);
5856    --hamburgerNavSubItemFontWeightHoverDesktop: var(--hamburgerNavSubItemFontWeightDesktop);
5857    --hamburgerNavSubItemLetterSpacingHoverDesktop: var(--hamburgerNavSubItemLetterSpacingDesktop);
5858    --hamburgerNavSubItemTextDecorationHoverDesktop: var(--hamburgerNavSubItemTextDecorationDesktop);
5859    --hamburgerNavSubItemFontStyleHoverDesktop: var(--hamburgerNavSubItemFontStyleDesktop);
5860
5861    /* nav back button border */
5862    --hamburgerNavBackButtonBorderTopDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
5863    --hamburgerNavBackButtonBorderRightDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
5864    --hamburgerNavBackButtonBorderBottomDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
5865    --hamburgerNavBackButtonBorderLeftDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
5866
5867    /* nav back button border hover */
5868    --hamburgerNavBackButtonBorderTopHoverDesktop: var(--hamburgerNavBackButtonBorderTopDesktop);
5869    --hamburgerNavBackButtonBorderRightHoverDesktop: var(--hamburgerNavBackButtonBorderRightDesktop);
5870    --hamburgerNavBackButtonBorderBottomHoverDesktop: var(--hamburgerNavBackButtonBorderBottomDesktop);
5871    --hamburgerNavBackButtonBorderLeftHoverDesktop: var(--hamburgerNavBackButtonBorderLeftDesktop);
5872
5873    /* nav back button border radius */
5874    --hamburgerNavBackButtonBorderRadiusDesktop: 0px 0px 0px 0px;
5875    --hamburgerNavBackButtonBorderRadiusHoverDesktop: var(--hamburgerNavBackButtonBorderRadiusDesktop);
5876
5877    /* nav back button background color */
5878    --hamburgerNavBackButtonBackgroundColorDesktop: transparent;
5879
5880    /* nav back button hover background color */
5881    --hamburgerNavBackButtonHoverBackgroundColorDesktop: var(--hamburgerNavBackButtonBackgroundColorDesktop);
5882
5883    /* nav back button */
5884    --hamburgerNavBackButtonPaddingTopDesktop: 10px;
5885    --hamburgerNavBackButtonPaddingBottomDesktop: 10px;
5886    --hamburgerNavBackButtonPaddingLeftDesktop: 0px;
5887    --hamburgerNavBackButtonPaddingRightDesktop: 0px;
5888    --hamburgerNavBackButtonFontDesktop: var(--navPrimaryFont);
5889    --hamburgerNavBackButtonColorDesktop: rgba(var(--colorPrimaryJ), 1);
5890    --hamburgerNavBackButtonFontSizeDesktop: 28px;
5891    --hamburgerNavBackButtonFontWeightDesktop: 400;
5892    --hamburgerNavBackButtonFontStyleDesktop: normal;
5893    --hamburgerNavBackButtonLetterSpacingDesktop: 0px;
5894    --hamburgerNavBackButtonTextDecorationDesktop: none;
5895    --hamburgerNavBackButtonLineHeightDesktop: normal;
5896    --hamburgerNavBackButtonHoverFontColorDesktop: var(--hamburgerNavBackButtonColorDesktop);
5897
5898    /* nav back button hover  */
5899    --hamburgerNavBackButtonPaddingTopHoverDesktop: var(--hamburgerNavBackButtonPaddingTopDesktop);
5900    --hamburgerNavBackButtonPaddingBottomHoverDesktop: var(--hamburgerNavBackButtonPaddingBottomDesktop);
5901    --hamburgerNavBackButtonPaddingLeftHoverDesktop: var(--hamburgerNavBackButtonPaddingLeftDesktop);
5902    --hamburgerNavBackButtonPaddingRightHoverDesktop: var(--hamburgerNavBackButtonPaddingRightDesktop);
5903
5904    /* nav back button arrow */
5905    --hamburgerNavBackButtonArrowSizeDesktop: 24px;
5906    --hamburgerNavBackButtonArrowSizeHoverDesktop: var(--hamburgerNavBackButtonArrowSizeDesktop);
5907    --hamburgerNavBackButtonArrowColorDesktop: rgba(var(--colorPrimaryJ), 1);
5908    --hamburgerNavBackButtonArrowSpacingDesktop: 10px;
5909    --hamburgerNavBackButtonArrowRotateDesktop: 0deg;
5910
5911    /* parent title border */
5912    --hamburgerTitleBorderTopDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
5913    --hamburgerTitleBorderRightDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
5914    --hamburgerTitleBorderBottomDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
5915    --hamburgerTitleBorderLeftDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
5916
5917    /* parent title border */
5918    --hamburgerTitleBorderTopHoverDesktop: var(--hamburgerTitleBorderTopDesktop);
5919    --hamburgerTitleBorderRightHoverDesktop: var(--hamburgerTitleBorderRightDesktop);
5920    --hamburgerTitleBorderBottomHoverDesktop: var(--hamburgerTitleBorderBottomDesktop);
5921    --hamburgerTitleBorderLeftHoverDesktop: var(--hamburgerTitleBorderLeftDesktop);
5922
5923    /* parent title border radius */
5924    --hamburgerTitleBorderRadiusDesktop: 0px 0px 0px 0px;
5925    --hamburgerTitleBorderRadiusHoverDesktop: var(--hamburgerTitleBorderRadiusDesktop);
5926
5927    /* parent title background color */
5928    --hamburgerTitleBackgroundColorDesktop: transparent;
5929    --hamburgerTitleBackgroundColorHoverDesktop: var(--hamburgerTitleBackgroundColorDesktop);
5930
5931    /* parent title padding */
5932    --hamburgerTitlePaddingTopDesktop: 10px;
5933    --hamburgerTitlePaddingBottomDesktop: 10px;
5934    --hamburgerTitlePaddingLeftDesktop: 0px;
5935    --hamburgerTitlePaddingRightDesktop: 0px;
5936
5937    /* parent title padding hover*/
5938    --hamburgerTitlePaddingTopHoverDesktop: var(--hamburgerTitlePaddingTopDesktop);
5939    --hamburgerTitlePaddingBottomHoverDesktop: var(--hamburgerTitlePaddingBottomDesktop);
5940    --hamburgerTitlePaddingLeftHoverDesktop: var(--hamburgerTitlePaddingLeftDesktop);
5941    --hamburgerTitlePaddingRightHoverDesktop: var(--hamburgerTitlePaddingRightDesktop);
5942
5943    /* parent title font */
5944    --hamburgerTitleFontDesktop: var(--navPrimaryFont);
5945    --hamburgerTitleFontColorDesktop: rgba(var(--colorPrimaryJ), 1);
5946    --hamburgerTitleFontSizeDesktop: 48px;
5947    --hamburgerTitleLineHeightDesktop: normal;
5948    --hamburgerTitleFontWeightDesktop: 400;
5949    --hamburgerTitleFontStyleDesktop: normal;
5950    --hamburgerTitleLetterSpacingDesktop: 0px;
5951    --hamburgerTitleTextDecorationDesktop: none;
5952
5953    /* parent title arrow */
5954    --hamburgerTitleArrowSizeDesktop: 64px;
5955    --hamburgerTitleArrowColorDesktop: rgba(var(--colorPrimaryJ), 1);
5956    --hamburgerTitleArrowSpacingDesktop: 15px;
5957    --hamburgerTitleArrowRotateDesktop: 0deg;
5958
5959    /* slide container */
5960    --hamburgerSlideContainerWidthDesktop: 800px;
5961
5962    /*****
5963		apply css properties
5964	*****/
5965
5966    /* apply main background color */
5967    --hamburgerNavBackgroundColor: var(--hamburgerNavBackgroundColorDesktop);
5968
5969    /* apply main nav padding */
5970    --hamburgerNavPaddingTop: var(--hamburgerNavPaddingTopDesktop);
5971    --hamburgerNavPaddingBottom: var(--hamburgerNavPaddingBottomDesktop);
5972    --hamburgerNavPaddingLeft: var(--hamburgerNavPaddingLeftDesktop);
5973    --hamburgerNavPaddingRight: var(--hamburgerNavPaddingRightDesktop);
5974
5975    /* apply hamburger menu icon */
5976    --hamburgerMenuIconSize: var(--hamburgerMenuIconSizeDesktop);
5977    --hamburgerMenuIconSizeHover: var(--hamburgerMenuIconSizeHoverDesktop);
5978    --hamburgerMenuIconColor: var(--hamburgerMenuIconColorDesktop);
5979    --hamburgerMenuIconHoverColor: var(--hamburgerMenuIconHoverColorDesktop);
5980    --hamburgerMenuIconActiveSize: var(--hamburgerMenuIconActiveSizeDesktop);
5981    --hamburgerMenuIconActiveColor: var(--hamburgerMenuIconActiveColorDesktop);
5982    --hamburgerMenuIconActiveHoverColor: var(--hamburgerMenuIconActiveHoverColorDesktop);
5983    --hamburgerMenuIconActiveSizeHover: var(--hamburgerMenuIconActiveSizeHoverDesktop);
5984    --hamburgerMenuDisplay: var(--hamburgerMenuDisplayDesktop);
5985    --hamburgerMenuJustifySelf: var(--hamburgerMenuJustifySelfDesktop);
5986
5987    /* apply main nav justify self */
5988    --hamburgerNavJustifySelf: var(--hamburgerNavJustifySelfDesktop);
5989
5990    /* apply main nav items alignment */
5991    --hamburgerNavItemsAlignment: var(--hamburgerNavItemsAlignmentDesktop);
5992
5993    /* apply main nav item padding */
5994    --hamburgerNavItemPaddingTop: var(--hamburgerNavItemPaddingTopDesktop);
5995    --hamburgerNavItemPaddingBottom: var(--hamburgerNavItemPaddingBottomDesktop);
5996    --hamburgerNavItemPaddingLeft: var(--hamburgerNavItemPaddingLeftDesktop);
5997    --hamburgerNavItemPaddingRight: var(--hamburgerNavItemPaddingRightDesktop);
5998
5999    /* apply main nav item padding hover */
6000    --hamburgerNavItemPaddingTopHover: var(--hamburgerNavItemPaddingTopHoverDesktop);
6001    --hamburgerNavItemPaddingBottomHover: var(--hamburgerNavItemPaddingBottomHoverDesktop);
6002    --hamburgerNavItemPaddingLeftHover: var(--hamburgerNavItemPaddingLeftHoverDesktop);
6003    --hamburgerNavItemPaddingRightHover: var(--hamburgerNavItemPaddingRightHoverDesktop);
6004
6005    /* apply main nav item border */
6006    --hamburgerNavItemBorderTop: var(--hamburgerNavItemBorderTopDesktop);
6007    --hamburgerNavItemBorderRight: var(--hamburgerNavItemBorderRightDesktop);
6008    --hamburgerNavItemBorderBottom: var(--hamburgerNavItemBorderBottomDesktop);
6009    --hamburgerNavItemBorderLeft: var(--hamburgerNavItemBorderLeftDesktop);
6010
6011    /* apply main nav item border hover */
6012    --hamburgerNavItemBorderTopHover: var(--hamburgerNavItemBorderTopHoverDesktop);
6013    --hamburgerNavItemBorderRightHover: var(--hamburgerNavItemBorderRightHoverDesktop);
6014    --hamburgerNavItemBorderBottomHover: var(--hamburgerNavItemBorderBottomHoverDesktop);
6015    --hamburgerNavItemBorderLeftHover: var(--hamburgerNavItemBorderLeftHoverDesktop);
6016
6017    /* apply main nav item border radius */
6018    --hamburgerNavItemBorderRadius: var(--hamburgerNavItemBorderRadiusDesktop);
6019    --hamburgerNavItemBorderRadiusHover: var(--hamburgerNavItemBorderRadiusHoverDesktop);
6020
6021    /* apply main nav item font */
6022    --hamburgerNavItemFont: var(--hamburgerNavItemFontDesktop);
6023    --hamburgerNavItemFontColor: var(--hamburgerNavItemFontColorDesktop);
6024    --hamburgerNavItemLineHeight: var(--hamburgerNavItemLineHeightDesktop);
6025    --hamburgerNavItemFontSize: var(--hamburgerNavItemFontSizeDesktop);
6026    --hamburgerNavItemFontWeight: var(--hamburgerNavItemFontWeightDesktop);
6027    --hamburgerNavItemBackgroundColor: var(--hamburgerNavItemBackgroundColorDesktop);
6028    --hamburgerNavItemLetterSpacing: var(--hamburgerNavItemLetterSpacingDesktop);
6029    --hamburgerNavItemTextDecoration: var(--hamburgerNavItemTextDecorationDesktop);
6030    --hamburgerNavItemFontStyle: var(--hamburgerNavItemFontStyleDesktop);
6031
6032    /* apply main van item font hover */
6033    --hamburgerNavItemHoverFontColor: var(--hamburgerNavItemHoverFontColorDesktop);
6034    --hamburgerNavItemHoverBackgroundColor: var(--hamburgerNavItemHoverBackgroundColorDesktop);
6035    --hamburgerNavItemFontHover: var(--hamburgerNavItemFontHoverDesktop);
6036    --hamburgerNavItemLineHeightHover: var(--hamburgerNavItemLineHeightHoverDesktop);
6037    --hamburgerNavItemFontSizeHover: var(--hamburgerNavItemFontSizeHoverDesktop);
6038    --hamburgerNavItemFontWeightHover: var(--hamburgerNavItemFontWeightHoverDesktop);
6039    --hamburgerNavItemLetterSpacingHover: var(--hamburgerNavItemLetterSpacingHoverDesktop);
6040    --hamburgerNavItemTextDecorationHover: var(--hamburgerNavItemTextDecorationHoverDesktop);
6041    --hamburgerNavItemFontStyleHover: var(--hamburgerNavItemFontStyleHoverDesktop);
6042
6043    /* apply separator */
6044    --hamburgerNavSeparatorDisplay: var(--hamburgerNavSeparatorDisplayDesktop);
6045    --hamburgerNavSeparatorWidth: var(--hamburgerNavSeparatorWidthDesktop);
6046    --hamburgerNavSeparatorHeight: var(--hamburgerNavSeparatorHeightDesktop);
6047    --hamburgerNavSeparatorColor: var(--hamburgerNavSeparatorColorDesktop);
6048    --hamburgerNavSeparatorSpacing: var(--hamburgerNavSeparatorSpacingDesktop);
6049
6050    /* apply sub separator */
6051    --hamburgerNavSubSeparatorDisplay: var(--hamburgerNavSubSeparatorDisplayDesktop);
6052    --hamburgerNavSubSeparatorWidth: var(--hamburgerNavSubSeparatorWidthDesktop);
6053    --hamburgerNavSubSeparatorHeight: var(--hamburgerNavSubSeparatorHeightDesktop);
6054    --hamburgerNavSubSeparatorColor: var(--hamburgerNavSubSeparatorColorDesktop);
6055    --hamburgerNavSubSeparatorSpacing: var(--hamburgerNavSubSeparatorSpacingDesktop);
6056
6057    /* apply arrow */
6058    --hamburgerNavArrowSize: var(--hamburgerNavArrowSizeDesktop);
6059    --hamburgerNavArrowColor: var(--hamburgerNavArrowColorDesktop);
6060    --hamburgerNavArrowSpacing: var(--hamburgerNavArrowSpacingDesktop);
6061    --hamburgerNavArrowRotate: var(--hamburgerNavArrowRotateDesktop);
6062    --hamburgerNavArrowAutoSpacing: var(--hamburgerNavArrowAutoSpacingDesktop);
6063    --hamburgerNavArrowSizeHover: var(--hamburgerNavArrowSizeHoverDesktop);
6064    --hamburgerNavArrowColorHover: var(--hamburgerNavArrowColorHoverDesktop);
6065    --hamburgerNavArrowRotateHover: var(--hamburgerNavArrowRotateHoverDesktop);
6066
6067    /* apply main item icon */
6068    --hamburgerNavItemIconDisplay: var(--hamburgerNavItemIconDisplayDesktop);
6069    --hamburgerNavItemIconColor: var(--hamburgerNavItemIconColorDesktop);
6070    --hamburgerNavItemIconColorHover: var(--hamburgerNavItemIconColorHoverDesktop);
6071    --hamburgerNavItemIconSize: var(--hamburgerNavItemIconSizeDesktop);
6072    --hamburgerNavItemIconSizeHover: var(--hamburgerNavItemIconSizeHoverDesktop);
6073    --hamburgerNavItemIconRotate: var(--hamburgerNavItemIconRotateDesktop);
6074    --hamburgerNavItemIconRotateHover: var(--hamburgerNavItemIconRotateHoverDesktop);
6075    --hamburgerNavItemIconSpacing: var(--hamburgerNavItemIconSpacingDesktop);
6076    --hamburgerNavSubItemIconDisplay: var(--hamburgerNavSubItemIconDisplayDesktop);
6077    --hamburgerNavSubItemIconColor: var(--hamburgerNavSubItemIconColorDesktop);
6078    --hamburgerNavSubItemIconColorHover: var(--hamburgerNavSubItemIconColorHoverDesktop);
6079    --hamburgerNavSubItemIconSize: var(--hamburgerNavSubItemIconSizeDesktop);
6080    --hamburgerNavSubItemIconSizeHover: var(--hamburgerNavSubItemIconSizeHoverDesktop);
6081    --hamburgerNavSubItemIconRotate: var(--hamburgerNavSubItemIconRotateDesktop);
6082    --hamburgerNavSubItemIconRotateHover: var(--hamburgerNavSubItemIconRotateHoverDesktop);
6083    --hamburgerNavSubItemIconSpacing: var(--hamburgerNavSubItemIconSpacingDesktop);
6084
6085    /* apply sub arrow */
6086    --hamburgerNavSubArrowSize: var(--hamburgerNavSubArrowSizeDesktop);
6087    --hamburgerNavSubArrowColor: var(--hamburgerNavSubArrowColorDesktop);
6088    --hamburgerNavSubArrowSpacing: var(--hamburgerNavSubArrowSpacingDesktop);
6089    --hamburgerNavSubArrowRotate: var(--hamburgerNavSubArrowRotateDesktop);
6090    --hamburgerNavSubArrowAutoSpacing: var(--hamburgerNavSubArrowAutoSpacingDesktop);
6091    --hamburgerNavSubArrowSizeHover: var(--hamburgerNavSubArrowSizeHoverDesktop);
6092    --hamburgerNavSubArrowColorHover: var(--hamburgerNavSubArrowColorHoverDesktop);
6093    --hamburgerNavSubArrowRotateHover: var(--hamburgerNavSubArrowRotateHoverDesktop);
6094
6095    /* apply sub menu background color */
6096    --hamburgerNavSubBackgroundColor: var(--hamburgerNavSubBackgroundColorDesktop);
6097
6098    /* apply sub nav item padding */
6099    --hamburgerNavSubItemPaddingTop: var(--hamburgerNavSubItemPaddingTopDesktop);
6100    --hamburgerNavSubItemPaddingRight: var(--hamburgerNavSubItemPaddingRightDesktop);
6101    --hamburgerNavSubItemPaddingBottom: var(--hamburgerNavSubItemPaddingBottomDesktop);
6102    --hamburgerNavSubItemPaddingLeft: var(--hamburgerNavSubItemPaddingLeftDesktop);
6103
6104    /* apply sub nav item padding hover*/
6105    --hamburgerNavSubItemPaddingTopHover: var(--hamburgerNavSubItemPaddingTopHoverDesktop);
6106    --hamburgerNavSubItemPaddingRightHover: var(--hamburgerNavSubItemPaddingRightHoverDesktop);
6107    --hamburgerNavSubItemPaddingBottomHover: var(--hamburgerNavSubItemPaddingBottomHoverDesktop);
6108    --hamburgerNavSubItemPaddingLeftHover: var(--hamburgerNavSubItemPaddingLeftHoverDesktop);
6109
6110    /* apply sub nav item border */
6111    --hamburgerNavSubItemBorderTop: var(--hamburgerNavSubItemBorderTopDesktop);
6112    --hamburgerNavSubItemBorderRight: var(--hamburgerNavSubItemBorderRightDesktop);
6113    --hamburgerNavSubItemBorderBottom: var(--hamburgerNavSubItemBorderBottomDesktop);
6114    --hamburgerNavSubItemBorderLeft: var(--hamburgerNavSubItemBorderLeftDesktop);
6115
6116    /* apply sub nav item border hover */
6117    --hamburgerNavSubItemBorderTopHover: var(--hamburgerNavSubItemBorderTopHoverDesktop);
6118    --hamburgerNavSubItemBorderRightHover: var(--hamburgerNavSubItemBorderRightHoverDesktop);
6119    --hamburgerNavSubItemBorderBottomHover: var(--hamburgerNavSubItemBorderBottomHoverDesktop);
6120    --hamburgerNavSubItemBorderLeftHover: var(--hamburgerNavSubItemBorderLeftHoverDesktop);
6121
6122    /* apply sub nav item border radius */
6123    --hamburgerNavSubItemBorderRadius: var(--hamburgerNavSubItemBorderRadiusDesktop);
6124    --hamburgerNavSubItemBorderRadiusHover: var(--hamburgerNavSubItemBorderRadiusHoverDesktop);
6125
6126    /* apply sub nav item background color */
6127    --hamburgerNavSubItemBackgroundColor: var(--hamburgerNavSubItemBackgroundColorDesktop);
6128
6129    /* apply sub nav item hover background color */
6130    --hamburgerNavSubItemHoverBackgroundColor: var(--hamburgerNavSubItemHoverBackgroundColorDesktop);
6131
6132    /* apply sub nav item font */
6133    --hamburgerNavSubItemFont: var(--hamburgerNavSubItemFontDesktop);
6134    --hamburgerNavSubItemFontColor: var(--hamburgerNavSubItemFontColorDesktop);
6135    --hamburgerNavSubItemLineHeight: var(--hamburgerNavSubItemLineHeightDesktop);
6136    --hamburgerNavSubItemFontSize: var(--hamburgerNavSubItemFontSizeDesktop);
6137    --hamburgerNavSubItemFontWeight: var(--hamburgerNavSubItemFontWeightDesktop);
6138    --hamburgerNavSubItemHoverFontColor: var(--hamburgerNavSubItemHoverFontColorDesktop);
6139    --hamburgerNavSubItemTextDecoration: var(--hamburgerNavSubItemTextDecorationDesktop);
6140    --hamburgerNavSubItemFontStyle: var(--hamburgerNavSubItemFontStyleDesktop);
6141    --hamburgerNavSubItemLetterSpacing: var(--hamburgerNavSubItemLetterSpacingDesktop);
6142
6143    /* apply sub van item font hover */
6144    --hamburgerNavSubItemFontHover: var(--hamburgerNavSubItemFontHoverDesktop);
6145    --hamburgerNavSubItemLineHeightHover: var(--hamburgerNavSubItemLineHeightHoverDesktop);
6146    --hamburgerNavSubItemFontSizeHover: var(--hamburgerNavSubItemFontSizeHoverDesktop);
6147    --hamburgerNavSubItemFontWeightHover: var(--hamburgerNavSubItemFontWeightHoverDesktop);
6148    --hamburgerNavSubItemLetterSpacingHover: var(--hamburgerNavSubItemLetterSpacingHoverDesktop);
6149    --hamburgerNavSubItemTextDecorationHover: var(--hamburgerNavSubItemTextDecorationHoverDesktop);
6150    --hamburgerNavSubItemFontStyleHover: var(--hamburgerNavSubItemFontStyleHoverDesktop);
6151
6152    /* apply nav back button border */
6153    --hamburgerNavBackButtonBorderTop: var(--hamburgerNavBackButtonBorderTopDesktop);
6154    --hamburgerNavBackButtonBorderRight: var(--hamburgerNavBackButtonBorderRightDesktop);
6155    --hamburgerNavBackButtonBorderBottom: var(--hamburgerNavBackButtonBorderBottomDesktop);
6156    --hamburgerNavBackButtonBorderLeft: var(--hamburgerNavBackButtonBorderLeftDesktop);
6157
6158    /* apply nav back button border hover */
6159    --hamburgerNavBackButtonBorderTopHover: var(--hamburgerNavBackButtonBorderTopHoverDesktop);
6160    --hamburgerNavBackButtonBorderRightHover: var(--hamburgerNavBackButtonBorderRightHoverDesktop);
6161    --hamburgerNavBackButtonBorderBottomHover: var(--hamburgerNavBackButtonBorderBottomHoverDesktop);
6162    --hamburgerNavBackButtonBorderLeftHover: var(--hamburgerNavBackButtonBorderLeftHoverDesktop);
6163
6164    /* apply nav back button border radius */
6165    --hamburgerNavBackButtonBorderRadius: var(--hamburgerNavBackButtonBorderRadiusDesktop);
6166    --hamburgerNavBackButtonBorderRadiusHover: var(--hamburgerNavBackButtonBorderRadiusHoverDesktop);
6167
6168    /* apply nav back button background color */
6169    --hamburgerNavBackButtonBackgroundColor: var(--hamburgerNavBackButtonBackgroundColorDesktop);
6170
6171    /* apply nav back button hover background color */
6172    --hamburgerNavBackButtonHoverBackgroundColor: var(--hamburgerNavBackButtonHoverBackgroundColorDesktop);
6173
6174    /* apply nav back button */
6175    --hamburgerNavBackButtonPaddingTop: var(--hamburgerNavBackButtonPaddingTopDesktop);
6176    --hamburgerNavBackButtonPaddingBottom: var(--hamburgerNavBackButtonPaddingBottomDesktop);
6177    --hamburgerNavBackButtonPaddingLeft: var(--hamburgerNavBackButtonPaddingLeftDesktop);
6178    --hamburgerNavBackButtonPaddingRight: var(--hamburgerNavBackButtonPaddingRightDesktop);
6179    --hamburgerNavBackButtonFont: var(--hamburgerNavBackButtonFontDesktop);
6180    --hamburgerNavBackButtonColor: var(--hamburgerNavBackButtonColorDesktop);
6181    --hamburgerNavBackButtonFontSize: var(--hamburgerNavBackButtonFontSizeDesktop);
6182    --hamburgerNavBackButtonFontWeight: var(--hamburgerNavBackButtonFontWeightDesktop);
6183    --hamburgerNavBackButtonFontStyle: var(--hamburgerNavBackButtonFontStyleDesktop);
6184    --hamburgerNavBackButtonLetterSpacing: var(--hamburgerNavBackButtonLetterSpacingDesktop);
6185    --hamburgerNavBackButtonTextDecoration: var(--hamburgerNavBackButtonTextDecorationDesktop);
6186    --hamburgerNavBackButtonLineHeight: var(--hamburgerNavBackButtonLineHeightDesktop);
6187    --hamburgerNavBackButtonHoverFontColor: var(--hamburgerNavBackButtonHoverFontColorDesktop);
6188
6189
6190    /* apply nav back button hover*/
6191    --hamburgerNavBackButtonPaddingTopHover: var(--hamburgerNavBackButtonPaddingTopHoverDesktop);
6192    --hamburgerNavBackButtonPaddingBottomHover: var(--hamburgerNavBackButtonPaddingBottomHoverDesktop);
6193    --hamburgerNavBackButtonPaddingLeftHover: var(--hamburgerNavBackButtonPaddingLeftHoverDesktop);
6194    --hamburgerNavBackButtonPaddingRightHover: var(--hamburgerNavBackButtonPaddingRightHoverDesktop);
6195
6196    /* apply nav back button arrow */
6197    --hamburgerNavBackButtonArrowSize: var(--hamburgerNavBackButtonArrowSizeDesktop);
6198    --hamburgerNavBackButtonArrowSizeHover: var(--hamburgerNavBackButtonArrowSizeHoverDesktop);
6199    --hamburgerNavBackButtonArrowColor: var(--hamburgerNavBackButtonArrowColorDesktop);
6200    --hamburgerNavBackButtonArrowSpacing: var(--hamburgerNavBackButtonArrowSpacingDesktop);
6201    --hamburgerNavBackButtonArrowRotate: var(--hamburgerNavBackButtonArrowRotateDesktop);
6202
6203    /* apply parent title border */
6204    --hamburgerTitleBorderTop: var(--hamburgerTitleBorderTopDesktop);
6205    --hamburgerTitleBorderRight: var(--hamburgerTitleBorderRightDesktop);
6206    --hamburgerTitleBorderBottom: var(--hamburgerTitleBorderBottomDesktop);
6207    --hamburgerTitleBorderLeft: var(--hamburgerTitleBorderLeftDesktop);
6208    /* apply parent title border hover */
6209    --hamburgerTitleBorderTopHover: var(--hamburgerTitleBorderTopHoverDesktop);
6210    --hamburgerTitleBorderRightHover: var(--hamburgerTitleBorderRightHoverDesktop);
6211    --hamburgerTitleBorderBottomHover: var(--hamburgerTitleBorderBottomHoverDesktop);
6212    --hamburgerTitleBorderLeftHover: var(--hamburgerTitleBorderLeftHoverDesktop);
6213
6214    /* apply parent title border radius */
6215    --hamburgerTitleBorderRadius: var(--hamburgerTitleBorderRadiusDesktop);
6216    --hamburgerTitleBorderRadiusHover: var(--hamburgerTitleBorderRadiusHoverDesktop);
6217
6218    /* apply parent title background color */
6219    --hamburgerTitleBackgroundColor: var(--hamburgerTitleBackgroundColorDesktop);
6220    --hamburgerTitleBackgroundColorHover: var(--hamburgerTitleBackgroundColorHoverDesktop);
6221
6222    /* apply parent title padding */
6223    --hamburgerTitlePaddingTop: var(--hamburgerTitlePaddingTopDesktop);
6224    --hamburgerTitlePaddingBottom: var(--hamburgerTitlePaddingBottomDesktop);
6225    --hamburgerTitlePaddingLeft: var(--hamburgerTitlePaddingLeftDesktop);
6226    --hamburgerTitlePaddingRight: var(--hamburgerTitlePaddingRightDesktop);
6227    /* apply parent title padding hover */
6228    --hamburgerTitlePaddingTopHover: var(--hamburgerTitlePaddingTopHoverDesktop);
6229    --hamburgerTitlePaddingBottomHover: var(--hamburgerTitlePaddingBottomHoverDesktop);
6230    --hamburgerTitlePaddingLeftHover: var(--hamburgerTitlePaddingLeftHoverDesktop);
6231    --hamburgerTitlePaddingRightHover: var(--hamburgerTitlePaddingRightHoverDesktop);
6232
6233    /* apply parent title font */
6234    --hamburgerTitleFont: var(--hamburgerTitleFontDesktop);
6235    --hamburgerTitleFontColor: var(--hamburgerTitleFontColorDesktop);
6236    --hamburgerTitleFontSize: var(--hamburgerTitleFontSizeDesktop);
6237    --hamburgerTitleFontWeight: var(--hamburgerTitleFontWeightDesktop);
6238    --hamburgerTitleFontStyle: var(--hamburgerTitleFontStyleDesktop);
6239    --hamburgerTitleLetterSpacing: var(--hamburgerTitleLetterSpacingDesktop);
6240    --hamburgerTitleTextDecoration: var(--hamburgerTitleTextDecorationDesktop);
6241    --hamburgerTitleLineHeight: var(--hamburgerTitleLineHeightDesktop);
6242
6243    /* apply parent title arrow */
6244    --hamburgerTitleArrowSize: var(--hamburgerTitleArrowSizeDesktop);
6245    --hamburgerTitleArrowColor: var(--hamburgerTitleArrowColorDesktop);
6246    --hamburgerTitleArrowSpacing: var(--hamburgerTitleArrowSpacingDesktop);
6247    --hamburgerTitleArrowRotate: var(--hamburgerTitleArrowRotateDesktop);
6248
6249    /* apply slide container */
6250    --hamburgerSlideContainerWidth: var(--hamburgerSlideContainerWidthDesktop);
6251
6252    /**********************
6253		vertical main nav
6254	***********************/
6255    /* main nav justify content */
6256    --verticalNavJustifySelfDesktop: center;
6257
6258    /* main nav items alignment */
6259    --verticalNavItemsAlignmentDesktop: left;
6260
6261    /* main nav width */
6262    --verticalNavWidthDesktop: 100%;
6263
6264    /* main nav padding */
6265    --verticalNavPaddingTopDesktop: 0px;
6266    --verticalNavPaddingBottomDesktop: 0px;
6267    --verticalNavPaddingLeftDesktop: 0px;
6268    --verticalNavPaddingRightDesktop: 0px;
6269
6270    /* main nav border */
6271    --verticalNavBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
6272    --verticalNavBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
6273    --verticalNavBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
6274    --verticalNavBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
6275
6276    /* main nav border radius */
6277    --verticalNavBorderRadiusDesktop: 0px 0px 0px 0px;
6278
6279    /* main nav item font */
6280    --verticalNavItemFontDesktop: var(--navPrimaryFont);
6281    --verticalNavItemFontColorDesktop: rgba(var(--colorPrimaryA), 1);
6282    --verticalNavItemFontSizeDesktop: 16px;
6283    --verticalNavItemFontWeightDesktop: 400;
6284    --verticalNavItemLineHeightDesktop: normal;
6285    --verticalNavItemTextDecorationDesktop: none;
6286    --verticalNavItemFontStyleDesktop: normal;
6287    --verticalNavItemLetterSpacingDesktop: 0px;
6288    --verticalNavItemBackgroundColorDesktop: transparent;
6289
6290    /* main nav item font hover*/
6291    --verticalNavItemFontSizeHoverDesktop: var(--verticalNavItemFontSizeDesktop);
6292    --verticalNavItemFontWeightHoverDesktop: var(--verticalNavItemFontWeightDesktop);
6293    --verticalNavItemTextDecorationHoverDesktop: var(--verticalNavItemTextDecorationDesktop);
6294    --verticalNavItemFontStyleHoverDesktop: var(--verticalNavItemFontStyleDesktop);
6295    --verticalNavItemHoverFontColorDesktop: var(--verticalNavItemFontColorDesktop);
6296    --verticalNavItemHoverBackgroundColorDesktop: var(--verticalNavItemBackgroundColorDesktop);
6297
6298    /* main nav item padding */
6299    --verticalNavItemPaddingTopDesktop: 0px;
6300    --verticalNavItemPaddingRightDesktop: 0px;
6301    --verticalNavItemPaddingBottomDesktop: 0px;
6302    --verticalNavItemPaddingLeftDesktop: 0px;
6303
6304    /* main nav item padding  hover*/
6305    --verticalNavItemPaddingTopHoverDesktop: var(--verticalNavItemPaddingTopDesktop);
6306    --verticalNavItemPaddingRightHoverDesktop: var(--verticalNavItemPaddingRightDesktop);
6307    --verticalNavItemPaddingBottomHoverDesktop: var(--verticalNavItemPaddingBottomDesktop);
6308    --verticalNavItemPaddingLeftHoverDesktop: var(--verticalNavItemPaddingLeftDesktop);
6309
6310    /* main nav item border */
6311    --verticalNavItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
6312    --verticalNavItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
6313    --verticalNavItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
6314    --verticalNavItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
6315    /* main nav item border hover*/
6316    --verticalNavItemBorderTopHoverDesktop: var(--verticalNavItemBorderTopDesktop);
6317    --verticalNavItemBorderRightHoverDesktop: var(--verticalNavItemBorderRightDesktop);
6318    --verticalNavItemBorderBottomHoverDesktop: var(--verticalNavItemBorderBottomDesktop);
6319    --verticalNavItemBorderLeftHoverDesktop: var(--verticalNavItemBorderLeftDesktop);
6320
6321    /* main nav item border radius */
6322    --verticalNavItemBorderRadiusDesktop: 0px 0px 0px 0px;
6323    --verticalNavItemBorderRadiusHoverDesktop: var(--verticalNavItemBorderRadiusDesktop);
6324
6325    /* arrow */
6326    --verticalNavArrowSizeDesktop: 24px;
6327    --verticalNavArrowWidthDesktop: 24px;
6328    --verticalNavArrowSpacingDesktop: 10px;
6329    --verticalNavArrowColorDesktop: rgba(var(--colorPrimaryA), 1);
6330    --verticalNavArrowRotateDesktop: -90deg;
6331
6332    /* title */
6333    --verticalNavTitleFontColorDesktop: rgba(var(--colorPrimaryA), 1);
6334    --verticalNavTitleLineHeightDesktop: normal;
6335    --verticalNavTitleFontSizeDesktop: 21px;
6336    --verticalNavTitleFontWeightDesktop: 700;
6337    --verticalNavTitleContainerBackgroundColorDesktop: transparent;
6338
6339    /* sub nav item font */
6340    --verticalNavSubItemFontDesktop: var(--navPrimaryFont);
6341    --verticalNavSubItemFontColorDesktop: rgba(var(--colorPrimaryA), 1);
6342    --verticalNavSubItemFontSizeDesktop: 16px;
6343    --verticalNavSubItemFontWeightDesktop: 400;
6344    --verticalNavSubItemLineHeightDesktop: normal;
6345    --verticalNavSubItemTextDecorationDesktop: none;
6346    --verticalNavSubItemFontStyleDesktop: normal;
6347    --verticalNavSubItemLetterSpacingDesktop: 0px;
6348    --verticalNavSubItemBackgroundColorDesktop: transparent;
6349    --verticalNavSubItemHoverFontColorDesktop: var(--verticalNavSubItemFontColorDesktop);
6350    --verticalNavSubItemHoverBackgroundColorDesktop: var(--verticalNavSubItemBackgroundColorDesktop);
6351
6352    /* sub nav item padding */
6353    --verticalNavSubItemPaddingTopDesktop: 0px;
6354    --verticalNavSubItemPaddingRightDesktop: 0px;
6355    --verticalNavSubItemPaddingBottomDesktop: 0px;
6356    --verticalNavSubItemPaddingLeftDesktop: 0px;
6357
6358    /* sub nav item border */
6359    --verticalNavSubItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
6360    --verticalNavSubItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
6361    --verticalNavSubItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
6362    --verticalNavSubItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
6363
6364    /* sub nav item border radius */
6365    --verticalNavSubItemBorderRadiusDesktop: 0px 0px 0px 0px;
6366
6367    /* sub nav arrow */
6368    --verticalNavSubArrowSizeDesktop: 24px;
6369    --verticalNavSubArrowWidthDesktop: 24px;
6370    --verticalNavSubArrowSpacingDesktop: 10px;
6371    --verticalNavSubArrowColorDesktop: rgba(var(--colorPrimaryH), 1);
6372    --verticalNavSubArrowRotateDesktop: -90deg;
6373
6374    /* slide container */
6375    --verticalSlideContainerWidthDesktop: 400px;
6376
6377    /* separator */
6378    --verticalNavSeparatorDisplayDesktop: block;
6379    --verticalNavSeparatorWidthDesktop: 100%;
6380    --verticalNavSeparatorHeightDesktop: 1px;
6381    --verticalNavSeparatorColorDesktop: rgba(var(--colorPrimaryA), 1);
6382    --verticalNavSeparatorSpacingDesktop: 10px;
6383
6384    /* sub separator */
6385    --verticalNavSubSeparatorDisplayDesktop: block;
6386    --verticalNavSubSeparatorWidthDesktop: 100%;
6387    --verticalNavSubSeparatorHeightDesktop: 1px;
6388    --verticalNavSubSeparatorColorDesktop: rgba(var(--colorPrimaryA), 1);
6389    --verticalNavSubSeparatorSpacingDesktop: 10px;
6390
6391    /*****
6392		apply css properties
6393	*****/
6394
6395    /* apply main nav justify content */
6396    --verticalNavJustifySelf: var(--verticalNavJustifySelfDesktop);
6397
6398    /* apply main nav items alignment */
6399    --verticalNavItemsAlignment: var(--verticalNavItemsAlignmentDesktop);
6400
6401    /* apply main nav width */
6402    --verticalNavWidth: var(--verticalNavWidthDesktop);
6403
6404    /* apply main nav padding */
6405    --verticalNavPaddingTop: var(--verticalNavPaddingTopDesktop);
6406    --verticalNavPaddingBottom: var(--verticalNavPaddingBottomDesktop);
6407    --verticalNavPaddingLeft: var(--verticalNavPaddingLeftDesktop);
6408    --verticalNavPaddingRight: var(--verticalNavPaddingRightDesktop);
6409
6410    /* apply main nav border */
6411    --verticalNavBorderTop: var(--verticalNavBorderTopDesktop);
6412    --verticalNavBorderRight: var(--verticalNavBorderRightDesktop);
6413    --verticalNavBorderBottom: var(--verticalNavBorderBottomDesktop);
6414    --verticalNavBorderLeft: var(--verticalNavBorderLeftDesktop);
6415
6416    /* apply main nav border radius */
6417    --verticalNavBorderRadius: var(--verticalNavBorderRadiusDesktop);
6418
6419    /* apply main nav item font */
6420    --verticalNavItemFont: var(--verticalNavItemFontDesktop);
6421    --verticalNavItemFontColor: var(--verticalNavItemFontColorDesktop);
6422    --verticalNavItemFontSize: var(--verticalNavItemFontSizeDesktop);
6423    --verticalNavItemFontWeight: var(--verticalNavItemFontWeightDesktop);
6424    --verticalNavItemLineHeight: var(--verticalNavItemLineHeightDesktop);
6425    --verticalNavItemTextDecoration: var(--verticalNavItemTextDecorationDesktop);
6426    --verticalNavItemFontStyle: var(--verticalNavItemFontStyleDesktop);
6427    --verticalNavItemLetterSpacing: var(--verticalNavItemLetterSpacingDesktop);
6428    --verticalNavItemBackgroundColor: var(--verticalNavItemBackgroundColorDesktop);
6429    --verticalNavItemHoverFontColor: var(--verticalNavItemHoverFontColorDesktop);
6430    --verticalNavItemHoverBackgroundColor: var(--verticalNavItemHoverBackgroundColorDesktop);
6431
6432
6433    /* main nav item font hover*/
6434    --verticalNavItemFontSizeHover: var(--verticalNavItemFontSizeHoverDesktop);
6435    --verticalNavItemFontWeightHover: var(--verticalNavItemFontWeightHoverDesktop);
6436    --verticalNavItemTextDecorationHover: var(--verticalNavItemTextDecorationHoverDesktop);
6437    --verticalNavItemFontStyleHover: var(--verticalNavItemFontStyleHoverDesktop);
6438
6439
6440    /* apply main nav item padding */
6441    --verticalNavItemPaddingTop: var(--verticalNavItemPaddingTopDesktop);
6442    --verticalNavItemPaddingRight: var(--verticalNavItemPaddingRightDesktop);
6443    --verticalNavItemPaddingBottom: var(--verticalNavItemPaddingBottomDesktop);
6444    --verticalNavItemPaddingLeft: var(--verticalNavItemPaddingLeftDesktop);
6445    /* apply main nav item padding hover */
6446    --verticalNavItemPaddingTopHover: var(--verticalNavItemPaddingTopHoverDesktop);
6447    --verticalNavItemPaddingRightHover: var(--verticalNavItemPaddingRightHoverDesktop);
6448    --verticalNavItemPaddingBottomHover: var(--verticalNavItemPaddingBottomHoverDesktop);
6449    --verticalNavItemPaddingLeftHover: var(--verticalNavItemPaddingLeftHoverDesktop);
6450
6451    /* apply main nav item border */
6452    --verticalNavItemBorderTop: var(--verticalNavItemBorderTopDesktop);
6453    --verticalNavItemBorderRight: var(--verticalNavItemBorderRightDesktop);
6454    --verticalNavItemBorderBottom: var(--verticalNavItemBorderBottomDesktop);
6455    --verticalNavItemBorderLeft: var(--verticalNavItemBorderLeftDesktop);
6456    /* apply main nav item border hover */
6457    --verticalNavItemBorderTopHover: var(--verticalNavItemBorderTopHoverDesktop);
6458    --verticalNavItemBorderRightHover: var(--verticalNavItemBorderRightHoverDesktop);
6459    --verticalNavItemBorderBottomHover: var(--verticalNavItemBorderBottomHoverDesktop);
6460    --verticalNavItemBorderLeftHover: var(--verticalNavItemBorderLeftHoverDesktop);
6461
6462    /* apply main nav item border radius */
6463    --verticalNavItemBorderRadius: var(--verticalNavItemBorderRadiusDesktop);
6464    --verticalNavItemBorderRadiusHover: var(--verticalNavItemBorderRadiusHoverDesktop);
6465
6466    /* apply arrow */
6467    --verticalNavArrowSize: var(--verticalNavArrowSizeDesktop);
6468    --verticalNavItemIconDisplay: var(--verticalNavItemIconDisplayDesktop);
6469    --verticalNavItemIconColor: var(--verticalNavItemIconColorDesktop);
6470    --verticalNavItemIconColorHover: var(--verticalNavItemIconColorHoverDesktop);
6471    --verticalNavItemIconSize: var(--verticalNavItemIconSizeDesktop);
6472    --verticalNavItemIconSizeHover: var(--verticalNavItemIconSizeHoverDesktop);
6473    --verticalNavItemIconRotate: var(--verticalNavItemIconRotateDesktop);
6474    --verticalNavItemIconRotateHover: var(--verticalNavItemIconRotateHoverDesktop);
6475    --verticalNavItemIconSpacing: var(--verticalNavItemIconSpacingDesktop);
6476    --verticalNavSubItemIconDisplay: var(--verticalNavSubItemIconDisplayDesktop);
6477    --verticalNavSubItemIconColor: var(--verticalNavSubItemIconColorDesktop);
6478    --verticalNavSubItemIconColorHover: var(--verticalNavSubItemIconColorHoverDesktop);
6479    --verticalNavSubItemIconSize: var(--verticalNavSubItemIconSizeDesktop);
6480    --verticalNavSubItemIconSizeHover: var(--verticalNavSubItemIconSizeHoverDesktop);
6481    --verticalNavSubItemIconRotate: var(--verticalNavSubItemIconRotateDesktop);
6482    --verticalNavSubItemIconRotateHover: var(--verticalNavSubItemIconRotateHoverDesktop);
6483    --verticalNavSubItemIconSpacing: var(--verticalNavSubItemIconSpacingDesktop);
6484    --verticalNavArrowWidth: var(--verticalNavArrowWidthDesktop);
6485    --verticalNavArrowSpacing: var(--verticalNavArrowSpacingDesktop);
6486    --verticalNavArrowColor: var(--verticalNavArrowColorDesktop);
6487    --verticalNavArrowRotate: var(--verticalNavArrowRotateDesktop);
6488
6489    /* apply title */
6490    --verticalNavTitleFontColor: var(--verticalNavTitleFontColorDesktop);
6491    --verticalNavTitleLineHeight: var(--verticalNavTitleLineHeightDesktop);
6492    --verticalNavTitleFontSize: var(--verticalNavTitleFontSizeDesktop);
6493    --verticalNavTitleFontWeight: var(--verticalNavTitleFontWeightDesktop);
6494    --verticalNavTitleContainerBackgroundColor: var(--verticalNavTitleContainerBackgroundColorDesktop);
6495
6496    /* apply sub nav item font */
6497    --verticalNavSubItemFont: var(--verticalNavSubItemFontDesktop);
6498    --verticalNavSubItemFontColor: var(--verticalNavSubItemFontColorDesktop);
6499    --verticalNavSubItemFontSize: var(--verticalNavSubItemFontSizeDesktop);
6500    --verticalNavSubItemFontWeight: var(--verticalNavSubItemFontWeightDesktop);
6501    --verticalNavSubItemLineHeight: var(--verticalNavSubItemLineHeightDesktop);
6502    --verticalNavSubItemTextDecoration: var(--verticalNavSubItemTextDecorationDesktop);
6503    --verticalNavSubItemFontStyle: var(--verticalNavSubItemFontStyleDesktop);
6504    --verticalNavSubItemLetterSpacing: var(--verticalNavSubItemLetterSpacingDesktop);
6505    --verticalNavSubItemBackgroundColor: var(--verticalNavSubItemBackgroundColorDesktop);
6506    --verticalNavSubItemHoverFontColor: var(--verticalNavSubItemHoverFontColorDesktop);
6507    --verticalNavSubItemHoverBackgroundColor: var(--verticalNavSubItemHoverBackgroundColorDesktop);
6508
6509    /* apply sub nav item padding */
6510    --verticalNavSubItemPaddingTop: var(--verticalNavSubItemPaddingTopDesktop);
6511    --verticalNavSubItemPaddingRight: var(--verticalNavSubItemPaddingRightDesktop);
6512    --verticalNavSubItemPaddingBottom: var(--verticalNavSubItemPaddingBottomDesktop);
6513    --verticalNavSubItemPaddingLeft: var(--verticalNavSubItemPaddingLeftDesktop);
6514
6515    /* apply sub nav item border */
6516    --verticalNavSubItemBorderTop: var(--verticalNavSubItemBorderTopDesktop);
6517    --verticalNavSubItemBorderRight: var(--verticalNavSubItemBorderRightDesktop);
6518    --verticalNavSubItemBorderBottom: var(--verticalNavSubItemBorderBottomDesktop);
6519    --verticalNavSubItemBorderLeft: var(--verticalNavSubItemBorderLeftDesktop);
6520
6521    /* apply sub nav item border radius */
6522    --verticalNavSubItemBorderRadius: var(--verticalNavSubItemBorderRadiusDesktop);
6523
6524    /* apply sub nav arrow */
6525    --verticalNavSubArrowSize: var(--verticalNavSubArrowSizeDesktop);
6526    --verticalNavSubArrowWidth: var(--verticalNavSubArrowWidthDesktop);
6527    --verticalNavSubArrowSpacing: var(--verticalNavSubArrowSpacingDesktop);
6528    --verticalNavSubArrowColor: var(--verticalNavSubArrowColorDesktop);
6529    --verticalNavSubArrowRotate: var(--verticalNavSubArrowRotateDesktop);
6530
6531    /* apply slide container */
6532    --verticalSlideContainerWidth: var(--verticalSlideContainerWidthDesktop);
6533
6534    /* apply separator */
6535    --verticalNavSeparatorDisplay: var(--verticalNavSeparatorDisplayDesktop);
6536    --verticalNavSeparatorWidth: var(--verticalNavSeparatorWidthDesktop);
6537    --verticalNavSeparatorHeight: var(--verticalNavSeparatorHeightDesktop);
6538    --verticalNavSeparatorColor: var(--verticalNavSeparatorColorDesktop);
6539    --verticalNavSeparatorSpacing: var(--verticalNavSeparatorSpacingDesktop);
6540
6541    /* apply sub separator */
6542    --verticalNavSubSeparatorDisplay: var(--verticalNavSubSeparatorDisplayDesktop);
6543    --verticalNavSubSeparatorWidth: var(--verticalNavSubSeparatorWidthDesktop);
6544    --verticalNavSubSeparatorHeight: var(--verticalNavSubSeparatorHeightDesktop);
6545    --verticalNavSubSeparatorColor: var(--verticalNavSubSeparatorColorDesktop);
6546    --verticalNavSubSeparatorSpacing: var(--verticalNavSubSeparatorSpacingDesktop);
6547
6548}
6549
6550@media all and (min-width: 650px) and (width < 1040px) {
6551    .wmc_menu {
6552        --heightTablet: max-content;
6553
6554        /**********************
6555			horizontal main nav
6556		***********************/
6557
6558        /* main nav padding */
6559        --horizontalNavPaddingTopTablet: var(--horizontalNavPaddingTopDesktop);
6560        --horizontalNavPaddingBottomTablet: var(--horizontalNavPaddingBottomDesktop);
6561        --horizontalNavPaddingLeftTablet: var(--horizontalNavPaddingLeftDesktop);
6562        --horizontalNavPaddingRightTablet: var(--horizontalNavPaddingRightDesktop);
6563
6564        /* main nav justify content */
6565        --horizontalNavJustifyContentTablet: flex-start;
6566
6567        /* main nav item padding */
6568        --horizontalNavItemPaddingTopTablet: var(--horizontalNavItemPaddingTopDesktop);
6569        --horizontalNavItemPaddingBottomTablet: var(--horizontalNavItemPaddingBottomDesktop);
6570        --horizontalNavItemPaddingLeftTablet: var(--horizontalNavItemPaddingLeftDesktop);
6571        --horizontalNavItemPaddingRightTablet: var(--horizontalNavItemPaddingRightDesktop);
6572
6573        /* main nav item padding  hover*/
6574        --horizontalNavItemPaddingTopHoverTablet: var(--horizontalNavItemPaddingTopHoverDesktop);
6575        --horizontalNavItemPaddingBottomHoverTablet: var(--horizontalNavItemPaddingBottomHoverDesktop);
6576        --horizontalNavItemPaddingLeftHoverTablet: var(--horizontalNavItemPaddingLeftHoverDesktop);
6577        --horizontalNavItemPaddingRightHoverTablet: var(--horizontalNavItemPaddingRightHoverDesktop);
6578
6579
6580        /* main nav item font */
6581        --horizontalNavItemFontTablet: var(--horizontalNavItemFontDesktop);
6582        --horizontalNavItemFontColorTablet: var(--horizontalNavItemFontColorDesktop);
6583        --horizontalNavItemLineHeightTablet: var(--horizontalNavItemLineHeightDesktop);
6584        --horizontalNavItemFontSizeTablet: var(--horizontalNavItemFontSizeDesktop);
6585        --horizontalNavItemFontWeightTablet: var(--horizontalNavItemFontWeightDesktop);
6586        --horizontalNavBackgroundColorTablet: var(--horizontalNavBackgroundColorDesktop);
6587        --horizontalNavItemBackgroundColorTablet: var(--horizontalNavItemBackgroundColorDesktop);
6588        --horizontalNavItemLetterSpacingTablet: var(--horizontalNavItemLetterSpacingDesktop);
6589        --horizontalNavItemTextDecorationTablet: var(--horizontalNavItemTextDecorationDesktop);
6590        --horizontalNavItemFontStyleTablet: var(--horizontalNavItemFontStyleDesktop);
6591
6592        /* main nav item font hover */
6593        --horizontalNavItemHoverFontColorTablet: var(--horizontalNavItemHoverFontColorDesktop);
6594        --horizontalNavItemHoverBackgroundColorTablet: var(--horizontalNavItemHoverBackgroundColorDesktop);
6595        --horizontalNavItemFontSizeHoverTablet: var(--horizontalNavItemFontSizeHoverDesktop);
6596        --horizontalNavItemFontWeightHoverTablet: var(--horizontalNavItemFontWeightHoverDesktop);
6597        --horizontalNavItemTextDecorationHoverTablet: var(--horizontalNavItemTextDecorationHoverDesktop);
6598        --horizontalNavItemFontStyleHoverTablet: var(--horizontalNavItemFontStyleHoverDesktop);
6599
6600        /* main nav item font active */
6601        --horizontalNavItemActiveFontColorTablet: var(--horizontalNavItemActiveFontColorDesktop);
6602        --horizontalNavItemActiveBackgroundColorTablet: var(--horizontalNavItemActiveBackgroundColorDesktop);
6603
6604        /* main nav border */
6605        --horizontalNavBorderTopTablet: var(--horizontalNavBorderTopDesktop);
6606        --horizontalNavBorderRightTablet: var(--horizontalNavBorderRightDesktop);
6607        --horizontalNavBorderBottomTablet: var(--horizontalNavBorderBottomDesktop);
6608        --horizontalNavBorderLeftTablet: var(--horizontalNavBorderLeftDesktop);
6609
6610        /* main nav border radius hover*/
6611        --horizontalNavBorderRadiusTablet: var(--horizontalNavBorderRadiusDesktop);
6612        --horizontalNavBorderRadiusHoverTablet: var(--horizontalNavBorderRadiusHoverDesktop);
6613
6614        /* main nav item border */
6615        --horizontalNavItemBorderTopTablet: var(--horizontalNavItemBorderTopDesktop);
6616        --horizontalNavItemBorderRightTablet: var(--horizontalNavItemBorderRightDesktop);
6617        --horizontalNavItemBorderBottomTablet: var(--horizontalNavItemBorderBottomDesktop);
6618        --horizontalNavItemBorderLeftTablet: var(--horizontalNavItemBorderLeftDesktop);
6619
6620        /* main nav item border hover */
6621        --horizontalNavItemBorderTopHoverTablet: var(--horizontalNavItemBorderTopHoverDesktop);
6622        --horizontalNavItemBorderRightHoverTablet: var(--horizontalNavItemBorderRightHoverDesktop);
6623        --horizontalNavItemBorderBottomHoverTablet: var(--horizontalNavItemBorderBottomHoverDesktop);
6624        --horizontalNavItemBorderLeftHoverTablet: var(--horizontalNavItemBorderLeftHoverDesktop);
6625
6626        /* main nav item border radius */
6627        --horizontalNavItemBorderRadiusTablet: var(--horizontalNavItemBorderRadiusDesktop);
6628        --horizontalNavItemBorderRadiusHoverTablet: var(--horizontalNavItemBorderRadiusHoverDesktop);
6629
6630        /* separator */
6631        --horizontalNavSeparatorDisplayTablet: var(--horizontalNavSeparatorDisplayDesktop);
6632        --horizontalNavSeparatorWidthTablet: var(--horizontalNavSeparatorWidthDesktop);
6633        --horizontalNavSeparatorHeightTablet: var(--horizontalNavSeparatorHeightDesktop);
6634        --horizontalNavSeparatorColorTablet: var(--horizontalNavSeparatorColorDesktop);
6635        --horizontalNavSeparatorSpacingTablet: var(--horizontalNavSeparatorSpacingDesktop);
6636
6637        /* sub separator */
6638        --horizontalNavSubSeparatorDisplayTablet: var(--horizontalNavSubSeparatorDisplayDesktop);
6639        --horizontalNavSubSeparatorWidthTablet: var(--horizontalNavSubSeparatorWidthDesktop);
6640        --horizontalNavSubSeparatorHeightTablet: var(--horizontalNavSubSeparatorHeightDesktop);
6641        --horizontalNavSubSeparatorColorTablet: var(--horizontalNavSubSeparatorColorDesktop);
6642        --horizontalNavSubSeparatorSpacingTablet: var(--horizontalNavSubSeparatorSpacingDesktop);
6643
6644        /* arrow */
6645        --horizontalNavArrowSizeTablet: var(--horizontalNavArrowSizeDesktop);
6646        --horizontalNavArrowSpacingTablet: var(--horizontalNavArrowSpacingDesktop);
6647        --horizontalNavArrowColorTablet: var(--horizontalNavArrowColorDesktop);
6648        --horizontalNavArrowRotateTablet: var(--horizontalNavArrowRotateDesktop);
6649        --horizontalNavArrowSizeHoverTablet: var(--horizontalNavArrowSizeHoverDesktop);
6650        --horizontalNavArrowColorHoverTablet: var(--horizontalNavArrowColorHoverDesktop);
6651        --horizontalNavArrowRotateHoverTablet: var(--horizontalNavArrowRotateHoverDesktop);
6652        --horizontalNavArrowSizeActiveTablet: var(--horizontalNavArrowSizeActiveDesktop);
6653        --horizontalNavArrowColorActiveTablet: var(--horizontalNavArrowColorActiveDesktop);
6654        --horizontalNavArrowRotateActiveTablet: var(--horizontalNavArrowRotateActiveDesktop);
6655
6656        /* sub arrow */
6657        --horizontalNavSubArrowSizeTablet: var(--horizontalNavSubArrowSizeDesktop);
6658        --horizontalNavSubArrowSpacingTablet: var(--horizontalNavSubArrowSpacingDesktop);
6659        --horizontalNavSubArrowColorTablet: var(--horizontalNavSubArrowColorDesktop);
6660        --horizontalNavSubArrowRotateTablet: var(--horizontalNavSubArrowRotateDesktop);
6661        --horizontalNavSubArrowSizeHoverTablet: var(--horizontalNavSubArrowSizeHoverDesktop);
6662        --horizontalNavSubArrowColorHoverTablet: var(--horizontalNavSubArrowColorHoverDesktop);
6663        --horizontalNavSubArrowRotateHoverTablet: var(--horizontalNavSubArrowRotateHoverDesktop);
6664        --horizontalNavSubArrowSizeActiveTablet: var(--horizontalNavSubArrowSizeActiveDesktop);
6665        --horizontalNavSubArrowColorActiveTablet: var(--horizontalNavSubArrowColorActiveDesktop);
6666        --horizontalNavSubArrowRotateActiveTablet: var(--horizontalNavSubArrowRotateActiveDesktop);
6667
6668        /* sub nav */
6669        --horizontalNavSubItemPaddingTopTablet: var(--horizontalNavSubItemPaddingTopDesktop);
6670        --horizontalNavSubItemPaddingBottomTablet: var(--horizontalNavSubItemPaddingBottomDesktop);
6671        --horizontalNavSubItemPaddingLeftTablet: var(--horizontalNavSubItemPaddingLeftDesktop);
6672        --horizontalNavSubItemPaddingRightTablet: var(--horizontalNavSubItemPaddingRightDesktop);
6673
6674        /* sub nav item padding hover */
6675        --horizontalNavSubItemPaddingTopHoverTablet: var(--horizontalNavSubItemPaddingTopHoverDesktop);
6676        --horizontalNavSubItemPaddingBottomHoverTablet: var(--horizontalNavSubItemPaddingBottomHoverDesktop);
6677        --horizontalNavSubItemPaddingLeftHoverTablet: var(--horizontalNavSubItemPaddingLeftHoverDesktop);
6678        --horizontalNavSubItemPaddingRightHoverTablet: var(--horizontalNavSubItemPaddingRightHoverDesktop);
6679
6680        /* sub nav item font */
6681        --horizontalNavSubItemFontTablet: var(--horizontalNavSubItemFontDesktop);
6682        --horizontalNavSubItemFontColorTablet: var(--horizontalNavSubItemFontColorDesktop);
6683        --horizontalNavSubItemLineHeightTablet: var(--horizontalNavSubItemLineHeightDesktop);
6684        --horizontalNavSubItemFontSizeTablet: var(--horizontalNavSubItemFontSizeDesktop);
6685        --horizontalNavSubItemFontWeightTablet: var(--horizontalNavSubItemFontWeightDesktop);
6686        --horizontalNavSubItemHoverFontColorTablet: var(--horizontalNavSubItemHoverFontColorDesktop);
6687        --horizontalNavSubItemBackgroundColorTablet: var(--horizontalNavSubItemBackgroundColorDesktop);
6688        --horizontalNavSubItemHoverBackgroundColorTablet: var(--horizontalNavSubItemHoverBackgroundColorDesktop);
6689        --horizontalNavSubItemTextDecorationTablet: var(--horizontalNavSubItemTextDecorationDesktop);
6690        --horizontalNavSubItemFontStyleTablet: var(--horizontalNavSubItemFontStyleDesktop);
6691        --horizontalNavSubItemLetterSpacingTablet: var(--horizontalNavSubItemLetterSpacingDesktop);
6692
6693        /* sub nav item font hover */
6694        --horizontalNavSubItemFontSizeHoverTablet: var(--horizontalNavSubItemFontSizeHoverDesktop);
6695        --horizontalNavSubItemFontWeightHoverTablet: var(--horizontalNavSubItemFontWeightHoverDesktop);
6696        --horizontalNavSubItemTextDecorationHoverTablet: var(--horizontalNavSubItemTextDecorationHoverDesktop);
6697        --horizontalNavSubItemFontStyleHoverTablet: var(--horizontalNavSubItemFontStyleHoverDesktop);
6698
6699        /* sub nav item font active */
6700        --horizontalNavSubItemActiveFontColorTablet: var(--horizontalNavSubItemActiveFontColorDesktop);
6701        --horizontalNavSubItemActiveBackgroundColorTablet: var(--horizontalNavSubItemActiveBackgroundColorDesktop);
6702
6703        /* sub nav item border */
6704        --horizontalNavSubItemBorderTopTablet: var(--horizontalNavSubItemBorderTopDesktop);
6705        --horizontalNavSubItemBorderRightTablet: var(--horizontalNavSubItemBorderRightDesktop);
6706        --horizontalNavSubItemBorderBottomTablet: var(--horizontalNavSubItemBorderBottomDesktop);
6707        --horizontalNavSubItemBorderLeftTablet: var(--horizontalNavSubItemBorderLeftDesktop);
6708
6709        /* sub nav item border hover */
6710        --horizontalNavSubItemBorderTopHoverTablet: var(--horizontalNavSubItemBorderTopHoverDesktop);
6711        --horizontalNavSubItemBorderRightHoverTablet: var(--horizontalNavSubItemBorderRightHoverDesktop);
6712        --horizontalNavSubItemBorderBottomHoverTablet: var(--horizontalNavSubItemBorderBottomHoverDesktop);
6713        --horizontalNavSubItemBorderLeftHoverTablet: var(--horizontalNavSubItemBorderLeftHoverDesktop);
6714
6715        /* sub nav item border radius */
6716        --horizontalNavSubItemBorderRadiusTablet: var(--horizontalNavSubItemBorderRadiusDesktop);
6717        --horizontalNavSubItemBorderRadiusHoverTablet: var(--horizontalNavSubItemBorderRadiusHoverDesktop);
6718
6719        /* sub menu container */
6720        --horizontalNavSubPaddingTopTablet: var(--horizontalNavSubPaddingTopDesktop);
6721        --horizontalNavSubPaddingBottomTablet: var(--horizontalNavSubPaddingBottomDesktop);
6722        --horizontalNavSubPaddingLeftTablet: var(--horizontalNavSubPaddingLeftDesktop);
6723        --horizontalNavSubPaddingRightTablet: var(--horizontalNavSubPaddingRightDesktop);
6724        --horizontalNavSubContainerWidthTablet: var(--horizontalNavSubContainerWidthDesktop);
6725        --horizontalNavSubContainerBackgroundColorTablet: var(--horizontalNavSubContainerBackgroundColorDesktop);
6726
6727        /* sub menu container shadow */
6728        --horizontalNavSubContainerShadowTablet: none;
6729
6730        /* sub menu container border */
6731        --horizontalNavSubContainerBorderTopTablet: var(--horizontalNavSubContainerBorderTopDesktop);
6732        --horizontalNavSubContainerBorderRightTablet: var(--horizontalNavSubContainerBorderRightDesktop);
6733        --horizontalNavSubContainerBorderBottomTablet: var(--horizontalNavSubContainerBorderBottomDesktop);
6734        --horizontalNavSubContainerBorderLeftTablet: var(--horizontalNavSubContainerBorderLeftDesktop);
6735
6736        /* sub menu container border radius */
6737        --horizontalNavSubContainerBorderRadiusTablet: var(--horizontalNavSubContainerBorderRadiusDesktop);
6738
6739        /* mega panel layout */
6740        --megaNavPanelNumberOfCellsTablet: var(--megaNavPanelNumberOfCellsDesktop);
6741        --megaNavPanelCellSpacingTablet: var(--megaNavPanelCellSpacingDesktop);
6742        --megaNavPanelPaddingTopTablet: var(--megaNavPanelPaddingTopDesktop);
6743        --megaNavPanelPaddingRightTablet: var(--megaNavPanelPaddingRightDesktop);
6744        --megaNavPanelPaddingBottomTablet: var(--megaNavPanelPaddingBottomDesktop);
6745        --megaNavPanelPaddingLeftTablet: var(--megaNavPanelPaddingLeftDesktop);
6746        --megaNavPanelWidthTablet: var(--megaNavPanelWidthDesktop);
6747
6748        --megaNavSeparatorDisplayTablet: var(--megaNavSeparatorDisplayDesktop);
6749        --megaNavSeparatorWidthTablet: var(--megaNavSeparatorWidthDesktop);
6750        --megaNavSeparatorColorTablet: var(--megaNavSeparatorColorDesktop);
6751        --megaNavSeparatorSpacingTablet: var(--megaNavSeparatorSpacingDesktop);
6752
6753        /*****
6754			apply css properties
6755		*****/
6756
6757        /* apply main nav padding */
6758        --horizontalNavPaddingTop: var(--horizontalNavPaddingTopTablet);
6759        --horizontalNavPaddingBottom: var(--horizontalNavPaddingBottomTablet);
6760        --horizontalNavPaddingLeft: var(--horizontalNavPaddingLeftTablet);
6761        --horizontalNavPaddingRight: var(--horizontalNavPaddingRightTablet);
6762
6763        /* apply main nav justify content */
6764        --horizontalNavJustifyContent: var(--horizontalNavJustifyContentTablet);
6765
6766        /* apply main nav item padding */
6767        --horizontalNavItemPaddingTop: var(--horizontalNavItemPaddingTopTablet);
6768        --horizontalNavItemPaddingBottom: var(--horizontalNavItemPaddingBottomTablet);
6769        --horizontalNavItemPaddingLeft: var(--horizontalNavItemPaddingLeftTablet);
6770        --horizontalNavItemPaddingRight: var(--horizontalNavItemPaddingRightTablet);
6771
6772        /* apply main nav item padding hover */
6773        --horizontalNavItemPaddingTopHover: var(--horizontalNavItemPaddingTopHoverTablet);
6774        --horizontalNavItemPaddingBottomHover: var(--horizontalNavItemPaddingBottomHoverTablet);
6775        --horizontalNavItemPaddingLeftHover: var(--horizontalNavItemPaddingLeftHoverTablet);
6776        --horizontalNavItemPaddingRightHover: var(--horizontalNavItemPaddingRightHoverTablet);
6777
6778
6779        /* apply main nav item font */
6780        --horizontalNavItemFont: var(--horizontalNavItemFontTablet);
6781        --horizontalNavItemFontColor: var(--horizontalNavItemFontColorTablet);
6782        --horizontalNavItemLineHeight: var(--horizontalNavItemLineHeightTablet);
6783        --horizontalNavItemFontSize: var(--horizontalNavItemFontSizeTablet);
6784        --horizontalNavItemFontWeight: var(--horizontalNavItemFontWeightTablet);
6785        --horizontalNavItemHoverFontColor: var(--horizontalNavItemHoverFontColorTablet);
6786        --horizontalNavBackgroundColor: var(--horizontalNavBackgroundColorTablet);
6787        --horizontalNavItemBackgroundColor: var(--horizontalNavItemBackgroundColorTablet);
6788        --horizontalNavItemHoverBackgroundColor: var(--horizontalNavItemHoverBackgroundColorTablet);
6789        --horizontalNavItemLetterSpacing: var(--horizontalNavItemLetterSpacingTablet);
6790        --horizontalNavItemTextDecoration: var(--horizontalNavItemTextDecorationTablet);
6791        --horizontalNavItemFontStyle: var(--horizontalNavItemFontStyleTablet);
6792        /* main nav item font hover */
6793        --horizontalNavItemFontSizeHover: var(--horizontalNavItemFontSizeHoverTablet);
6794        --horizontalNavItemFontWeightHover: var(--horizontalNavItemFontWeightHoverTablet);
6795        --horizontalNavItemTextDecorationHover: var(--horizontalNavItemTextDecorationHoverTablet);
6796        --horizontalNavItemFontStyleHover: var(--horizontalNavItemFontStyleHoverTablet);
6797
6798        /* apply main nav item font active */
6799        --horizontalNavItemActiveFontColor: var(--horizontalNavItemActiveFontColorTablet);
6800        --horizontalNavItemActiveBackgroundColor: var(--horizontalNavItemActiveBackgroundColorTablet);
6801
6802
6803        /* apply main nav border */
6804        --horizontalNavBorderTop: var(--horizontalNavBorderTopTablet);
6805        --horizontalNavBorderRight: var(--horizontalNavBorderRightTablet);
6806        --horizontalNavBorderBottom: var(--horizontalNavBorderBottomTablet);
6807        --horizontalNavBorderLeft: var(--horizontalNavBorderLeftTablet);
6808
6809        /*apply main nav border radius hover*/
6810        --horizontalNavBorderRadius: var(--horizontalNavBorderRadiusTablet);
6811        --horizontalNavBorderRadiusHover: var(--horizontalNavBorderRadiusHoverTablet);
6812
6813        /* apply main nav item border */
6814        --horizontalNavItemBorderTop: var(--horizontalNavItemBorderTopTablet);
6815        --horizontalNavItemBorderRight: var(--horizontalNavItemBorderRightTablet);
6816        --horizontalNavItemBorderBottom: var(--horizontalNavItemBorderBottomTablet);
6817        --horizontalNavItemBorderLeft: var(--horizontalNavItemBorderLeftTablet);
6818
6819        /* apply main nav item border hover */
6820        --horizontalNavItemBorderTopHover: var(--horizontalNavItemBorderTopHoverTablet);
6821        --horizontalNavItemBorderRightHover: var(--horizontalNavItemBorderRightHoverTablet);
6822        --horizontalNavItemBorderBottomHover: var(--horizontalNavItemBorderBottomHoverTablet);
6823        --horizontalNavItemBorderLeftHover: var(--horizontalNavItemBorderLeftHoverTablet);
6824
6825
6826        /* apply main nav item border radius */
6827        --horizontalNavItemBorderRadius: var(--horizontalNavItemBorderRadiusTablet);
6828        --horizontalNavItemBorderRadiusHover: var(--horizontalNavItemBorderRadiusHoverTablet);
6829
6830        /* apply separator */
6831        --horizontalNavSeparatorDisplay: var(--horizontalNavSeparatorDisplayTablet);
6832        --horizontalNavSeparatorWidth: var(--horizontalNavSeparatorWidthTablet);
6833        --horizontalNavSeparatorHeight: var(--horizontalNavSeparatorHeightTablet);
6834        --horizontalNavSeparatorColor: var(--horizontalNavSeparatorColorTablet);
6835        --horizontalNavSeparatorSpacing: var(--horizontalNavSeparatorSpacingTablet);
6836
6837        /* apply mega separator */
6838        --megaNavSeparatorDisplay: var(--megaNavSeparatorDisplayTablet);
6839        --megaNavSeparatorWidth: var(--megaNavSeparatorWidthTablet);
6840        --megaNavSeparatorColor: var(--megaNavSeparatorColorTablet);
6841        --megaNavSeparatorSpacing: var(--megaNavSeparatorSpacingTablet);
6842
6843        /* apply sub separator */
6844        --horizontalNavSubSeparatorDisplay: var(--horizontalNavSubSeparatorDisplayTablet);
6845        --horizontalNavSubSeparatorWidth: var(--horizontalNavSubSeparatorWidthTablet);
6846        --horizontalNavSubSeparatorHeight: var(--horizontalNavSubSeparatorHeightTablet);
6847        --horizontalNavSubSeparatorColor: var(--horizontalNavSubSeparatorColorTablet);
6848        --horizontalNavSubSeparatorSpacing: var(--horizontalNavSubSeparatorSpacingTablet);
6849
6850        /* apply arrow */
6851        --horizontalNavArrowSize: var(--horizontalNavArrowSizeTablet);
6852        --horizontalNavArrowDisplay: var(--horizontalNavArrowDisplayTablet);
6853        --horizontalNavItemIconDisplay: var(--horizontalNavItemIconDisplayTablet);
6854        --horizontalNavItemIconColor: var(--horizontalNavItemIconColorTablet);
6855        --horizontalNavItemIconColorHover: var(--horizontalNavItemIconColorHoverTablet);
6856        --horizontalNavItemIconColorActive: var(--horizontalNavItemIconColorActiveTablet);
6857        --horizontalNavItemIconSize: var(--horizontalNavItemIconSizeTablet);
6858        --horizontalNavItemIconSizeHover: var(--horizontalNavItemIconSizeHoverTablet);
6859        --horizontalNavItemIconSizeActive: var(--horizontalNavItemIconSizeActiveTablet);
6860        --horizontalNavItemIconRotate: var(--horizontalNavItemIconRotateTablet);
6861        --horizontalNavItemIconRotateHover: var(--horizontalNavItemIconRotateHoverTablet);
6862        --horizontalNavItemIconRotateActive: var(--horizontalNavItemIconRotateActiveTablet);
6863        --horizontalNavItemIconSpacing: var(--horizontalNavItemIconSpacingTablet);
6864        --horizontalNavSubItemIconDisplay: var(--horizontalNavSubItemIconDisplayTablet);
6865        --horizontalNavSubItemIconColor: var(--horizontalNavSubItemIconColorTablet);
6866        --horizontalNavSubItemIconColorHover: var(--horizontalNavSubItemIconColorHoverTablet);
6867        --horizontalNavSubItemIconColorActive: var(--horizontalNavSubItemIconColorActiveTablet);
6868        --horizontalNavSubItemIconSize: var(--horizontalNavSubItemIconSizeTablet);
6869        --horizontalNavSubItemIconSizeHover: var(--horizontalNavSubItemIconSizeHoverTablet);
6870        --horizontalNavSubItemIconSizeActive: var(--horizontalNavSubItemIconSizeActiveTablet);
6871        --horizontalNavSubItemIconRotate: var(--horizontalNavSubItemIconRotateTablet);
6872        --horizontalNavSubItemIconRotateHover: var(--horizontalNavSubItemIconRotateHoverTablet);
6873        --horizontalNavSubItemIconRotateActive: var(--horizontalNavSubItemIconRotateActiveTablet);
6874        --horizontalNavSubItemIconSpacing: var(--horizontalNavSubItemIconSpacingTablet);
6875        --horizontalNavArrowSpacing: var(--horizontalNavArrowSpacingTablet);
6876        --horizontalNavArrowColor: var(--horizontalNavArrowColorTablet);
6877        --horizontalNavArrowRotate: var(--horizontalNavArrowRotateTablet);
6878        --horizontalNavArrowSizeHover: var(--horizontalNavArrowSizeHoverTablet);
6879        --horizontalNavArrowColorHover: var(--horizontalNavArrowColorHoverTablet);
6880        --horizontalNavArrowRotateHover: var(--horizontalNavArrowRotateHoverTablet);
6881        --horizontalNavArrowSizeActive: var(--horizontalNavArrowSizeActiveTablet);
6882        --horizontalNavArrowColorActive: var(--horizontalNavArrowColorActiveTablet);
6883        --horizontalNavArrowRotateActive: var(--horizontalNavArrowRotateActiveTablet);
6884
6885        /* apply sub arrow */
6886        --horizontalNavSubArrowSize: var(--horizontalNavSubArrowSizeTablet);
6887        --horizontalNavSubArrowDisplay: var(--horizontalNavSubArrowDisplayTablet);
6888        --horizontalNavSubArrowSpacing: var(--horizontalNavSubArrowSpacingTablet);
6889        --horizontalNavSubArrowColor: var(--horizontalNavSubArrowColorTablet);
6890        --horizontalNavSubArrowRotate: var(--horizontalNavSubArrowRotateTablet);
6891        --horizontalNavSubArrowSizeHover: var(--horizontalNavSubArrowSizeHoverTablet);
6892        --horizontalNavSubArrowColorHover: var(--horizontalNavSubArrowColorHoverTablet);
6893        --horizontalNavSubArrowRotateHover: var(--horizontalNavSubArrowRotateHoverTablet);
6894        --horizontalNavSubArrowSizeActive: var(--horizontalNavSubArrowSizeActiveTablet);
6895        --horizontalNavSubArrowColorActive: var(--horizontalNavSubArrowColorActiveTablet);
6896        --horizontalNavSubArrowRotateActive: var(--horizontalNavSubArrowRotateActiveTablet);
6897
6898        /* apply sub */
6899        --horizontalNavSubItemPaddingTop: var(--horizontalNavSubItemPaddingTopTablet);
6900        --horizontalNavSubItemPaddingBottom: var(--horizontalNavSubItemPaddingBottomTablet);
6901        --horizontalNavSubItemPaddingLeft: var(--horizontalNavSubItemPaddingLeftTablet);
6902        --horizontalNavSubItemPaddingRight: var(--horizontalNavSubItemPaddingRightTablet);
6903
6904        /* apply sub nav item padding hover */
6905        --horizontalNavSubItemPaddingTopHover: var(--horizontalNavSubItemPaddingTopHoverTablet);
6906        --horizontalNavSubItemPaddingBottomHover: var(--horizontalNavSubItemPaddingBottomHoverTablet);
6907        --horizontalNavSubItemPaddingLeftHover: var(--horizontalNavSubItemPaddingLeftHoverTablet);
6908        --horizontalNavSubItemPaddingRightHover: var(--horizontalNavSubItemPaddingRightHoverTablet);
6909
6910
6911        /* apply sub nav item font */
6912        --horizontalNavSubItemFont: var(--horizontalNavSubItemFontTablet);
6913        --horizontalNavSubItemFontColor: var(--horizontalNavSubItemFontColorTablet);
6914        --horizontalNavSubItemLineHeight: var(--horizontalNavSubItemLineHeightTablet);
6915        --horizontalNavSubItemFontSize: var(--horizontalNavSubItemFontSizeTablet);
6916        --horizontalNavSubItemFontWeight: var(--horizontalNavSubItemFontWeightTablet);
6917        --horizontalNavSubItemHoverFontColor: var(--horizontalNavSubItemHoverFontColorTablet);
6918        --horizontalNavSubItemBackgroundColor: var(--horizontalNavSubItemBackgroundColorTablet);
6919        --horizontalNavSubItemHoverBackgroundColor: var(--horizontalNavSubItemHoverBackgroundColorTablet);
6920        --horizontalNavSubItemTextDecoration: var(--horizontalNavSubItemTextDecorationTablet);
6921        --horizontalNavSubItemFontStyle: var(--horizontalNavSubItemFontStyleTablet);
6922        --horizontalNavSubItemLetterSpacing: var(--horizontalNavSubItemLetterSpacingTablet);
6923
6924        /* apply sub nav item font hover */
6925        --horizontalNavSubItemFontSizeHover: var(--horizontalNavSubItemFontSizeHoverTablet);
6926        --horizontalNavSubItemFontWeightHover: var(--horizontalNavSubItemFontWeightHoverTablet);
6927        --horizontalNavSubItemTextDecorationHover: var(--horizontalNavSubItemTextDecorationHoverTablet);
6928        --horizontalNavSubItemFontStyleHover: var(--horizontalNavSubItemFontStyleHoverTablet);
6929
6930        /* apply sub nav item font active */
6931        --horizontalNavSubItemActiveFontColor: var(--horizontalNavSubItemActiveFontColorTablet);
6932        --horizontalNavSubItemActiveBackgroundColor: var(--horizontalNavSubItemActiveBackgroundColorTablet);
6933
6934
6935        /* apply sub nav item border */
6936        --horizontalNavSubItemBorderTop: var(--horizontalNavSubItemBorderTopTablet);
6937        --horizontalNavSubItemBorderRight: var(--horizontalNavSubItemBorderRightTablet);
6938        --horizontalNavSubItemBorderBottom: var(--horizontalNavSubItemBorderBottomTablet);
6939        --horizontalNavSubItemBorderLeft: var(--horizontalNavSubItemBorderLeftTablet);
6940
6941        /* apply sub nav item border hover */
6942        --horizontalNavSubItemBorderTopHover: var(--horizontalNavSubItemBorderTopHoverTablet);
6943        --horizontalNavSubItemBorderRightHover: var(--horizontalNavSubItemBorderRightHoverTablet);
6944        --horizontalNavSubItemBorderBottomHover: var(--horizontalNavSubItemBorderBottomHoverTablet);
6945        --horizontalNavSubItemBorderLeftHover: var(--horizontalNavSubItemBorderLeftHoverTablet);
6946
6947        /* apply sub nav item border radius */
6948        --horizontalNavSubItemBorderRadius: var(--horizontalNavSubItemBorderRadiusTablet);
6949        --horizontalNavSubItemBorderRadiusHover: var(--horizontalNavSubItemBorderRadiusHoverTablet);
6950
6951        /* apply sub menu container */
6952        --horizontalNavSubPaddingTop: var(--horizontalNavSubPaddingTopTablet);
6953        --horizontalNavSubPaddingBottom: var(--horizontalNavSubPaddingBottomTablet);
6954        --horizontalNavSubPaddingLeft: var(--horizontalNavSubPaddingLeftTablet);
6955        --horizontalNavSubPaddingRight: var(--horizontalNavSubPaddingRightTablet);
6956        --horizontalNavSubContainerWidth: var(--horizontalNavSubContainerWidthTablet);
6957        --horizontalNavSubContainerBackgroundColor: var(--horizontalNavSubContainerBackgroundColorTablet);
6958
6959        /* apply sub menu container shadow */
6960        --horizontalNavSubContainerShadow: var(--horizontalNavSubContainerShadowTablet);
6961
6962        /* apply sub menu container border */
6963        --horizontalNavSubContainerBorderTop: var(--horizontalNavSubContainerBorderTopTablet);
6964        --horizontalNavSubContainerBorderRight: var(--horizontalNavSubContainerBorderRightTablet);
6965        --horizontalNavSubContainerBorderBottom: var(--horizontalNavSubContainerBorderBottomTablet);
6966        --horizontalNavSubContainerBorderLeft: var(--horizontalNavSubContainerBorderLeftTablet);
6967
6968        /* apply sub menu container border radius */
6969        --horizontalNavSubContainerBorderRadius: var(--horizontalNavSubContainerBorderRadiusTablet);
6970
6971        /**********************
6972			hamburger main nav
6973		***********************/
6974        /* main background color */
6975        --hamburgerNavBackgroundColorTablet: var(--hamburgerNavBackgroundColorDesktop);
6976
6977        /* main padding */
6978        --hamburgerNavPaddingTopTablet: 25px;
6979        --hamburgerNavPaddingBottomTablet: 25px;
6980        --hamburgerNavPaddingLeftTablet: 50px;
6981        --hamburgerNavPaddingRightTablet: 50px;
6982
6983        /* hamburger menu icon */
6984        --hamburgerMenuIconSizeTablet: var(--hamburgerMenuIconSizeDesktop);
6985        --hamburgerMenuIconSizeHoverTablet: var(--hamburgerMenuIconSizeHoverDesktop);
6986        --hamburgerMenuIconColorTablet: var(--hamburgerMenuIconColorDesktop);
6987        --hamburgerMenuIconHoverColorTablet: var(--hamburgerMenuIconHoverColorDesktop);
6988        --hamburgerMenuIconActiveSizeTablet: var(--hamburgerMenuIconActiveSizeDesktop);
6989        --hamburgerMenuIconActiveColorTablet: var(--hamburgerMenuIconActiveColorDesktop);
6990        --hamburgerMenuIconActiveHoverColorTablet: var(--hamburgerMenuIconActiveHoverColorDesktop);
6991        --hamburgerMenuIconActiveSizeHoverTablet: var(--hamburgerMenuIconActiveSizeHoverDesktop);
6992        --hamburgerMenuDisplayTablet: var(--hamburgerMenuDisplayDesktop);
6993        --hamburgerMenuJustifySelfTablet: var(--hamburgerMenuJustifySelfDesktop);
6994
6995        /* main nav justify self */
6996        --hamburgerNavJustifySelfTablet: var(--hamburgerNavJustifySelfDesktop);
6997
6998        /* main nav items alignment */
6999        --hamburgerNavItemsAlignmentTablet: var(--hamburgerNavItemsAlignmentDesktop);
7000
7001        /* main nav item padding */
7002        --hamburgerNavItemPaddingTopTablet: var(--hamburgerNavItemPaddingTopDesktop);
7003        --hamburgerNavItemPaddingBottomTablet: var(--hamburgerNavItemPaddingBottomDesktop);
7004        --hamburgerNavItemPaddingLeftTablet: var(--hamburgerNavItemPaddingLeftDesktop);
7005        --hamburgerNavItemPaddingRightTablet: var(--hamburgerNavItemPaddingRightDesktop);
7006
7007        /* main nav item padding hover*/
7008        --hamburgerNavItemPaddingTopHoverTablet: var(--hamburgerNavItemPaddingTopHoverDesktop);
7009        --hamburgerNavItemPaddingBottomHoverTablet: var(--hamburgerNavItemPaddingBottomHoverDesktop);
7010        --hamburgerNavItemPaddingLeftHoverTablet: var(--hamburgerNavItemPaddingLeftHoverDesktop);
7011        --hamburgerNavItemPaddingRightHoverTablet: var(--hamburgerNavItemPaddingRightHoverDesktop);
7012
7013        /* main nav item border */
7014        --hamburgerNavItemBorderTopTablet: var(--hamburgerNavItemBorderTopDesktop);
7015        --hamburgerNavItemBorderRightTablet: var(--hamburgerNavItemBorderRightDesktop);
7016        --hamburgerNavItemBorderBottomTablet: var(--hamburgerNavItemBorderBottomDesktop);
7017        --hamburgerNavItemBorderLeftTablet: var(--hamburgerNavItemBorderLeftDesktop);
7018
7019        /* main nav item border hover*/
7020        --hamburgerNavItemBorderTopHoverTablet: var(--hamburgerNavItemBorderTopHoverDesktop);
7021        --hamburgerNavItemBorderRightHoverTablet: var(--hamburgerNavItemBorderRightHoverDesktop);
7022        --hamburgerNavItemBorderBottomHoverTablet: var(--hamburgerNavItemBorderBottomHoverDesktop);
7023        --hamburgerNavItemBorderLeftHoverTablet: var(--hamburgerNavItemBorderLeftHoverDesktop);
7024
7025        /* main nav item border radius */
7026        --hamburgerNavItemBorderRadiusTablet: var(--hamburgerNavItemBorderRadiusDesktop);
7027        --hamburgerNavItemBorderRadiusTabletHover: var(--hamburgerNavItemBorderRadiusHoverDesktop);
7028
7029        /* main nav item font */
7030        --hamburgerNavItemFontTablet: var(--hamburgerNavItemFontDesktop);
7031        --hamburgerNavItemFontColorTablet: var(--hamburgerNavItemFontColorDesktop);
7032        --hamburgerNavItemLineHeightTablet: var(--hamburgerNavItemLineHeightDesktop);
7033        --hamburgerNavItemFontSizeTablet: var(--hamburgerNavItemFontSizeDesktop);
7034        --hamburgerNavItemFontWeightTablet: var(--hamburgerNavItemFontWeightDesktop);
7035        --hamburgerNavItemBackgroundColorTablet: var(--hamburgerNavItemBackgroundColorDesktop);
7036        --hamburgerNavItemLetterSpacingTablet: var(--hamburgerNavItemLetterSpacingDesktop);
7037        --hamburgerNavItemTextDecorationTablet: var(--hamburgerNavItemTextDecorationDesktop);
7038        --hamburgerNavItemFontStyleTablet: var(--hamburgerNavItemFontStyleDesktop);
7039
7040        /* main nav item hover font */
7041        --hamburgerNavItemHoverFontColorTablet: var(--hamburgerNavItemHoverFontColorDesktop);
7042        --hamburgerNavItemHoverBackgroundColorTablet: var(--hamburgerNavItemHoverBackgroundColorDesktop);
7043        --hamburgerNavItemFontHoverTablet: var(--hamburgerNavItemFontHoverDesktop);
7044        --hamburgerNavItemLineHeightHoverTablet: var(--hamburgerNavItemLineHeightHoverDesktop);
7045        --hamburgerNavItemFontSizeHoverTablet: var(--hamburgerNavItemFontSizeHoverDesktop);
7046        --hamburgerNavItemFontWeightHoverTablet: var(--hamburgerNavItemFontWeightHoverDesktop);
7047        --hamburgerNavItemLetterSpacingHoverTablet: var(--hamburgerNavItemLetterSpacingTablet);
7048        --hamburgerNavItemTextDecorationHoverTablet: var(--hamburgerNavItemTextDecorationHoverDesktop);
7049        --hamburgerNavItemFontStyleHoverTablet: var(--hamburgerNavItemFontStyleHoverDesktop);
7050
7051        /* separator */
7052        --hamburgerNavSeparatorDisplayTablet: var(--hamburgerNavSeparatorDisplayDesktop);
7053        --hamburgerNavSeparatorWidthTablet: var(--hamburgerNavSeparatorWidthDesktop);
7054        --hamburgerNavSeparatorHeightTablet: var(--hamburgerNavSeparatorHeightDesktop);
7055        --hamburgerNavSeparatorColorTablet: var(--hamburgerNavSeparatorColorDesktop);
7056        --hamburgerNavSeparatorSpacingTablet: var(--hamburgerNavSeparatorSpacingDesktop);
7057
7058        /* sub separator */
7059        --hamburgerNavSubSeparatorDisplayTablet: var(--hamburgerNavSubSeparatorDisplayDesktop);
7060        --hamburgerNavSubSeparatorWidthTablet: var(--hamburgerNavSubSeparatorWidthDesktop);
7061        --hamburgerNavSubSeparatorHeightTablet: var(--hamburgerNavSubSeparatorHeightDesktop);
7062        --hamburgerNavSubSeparatorColorTablet: var(--hamburgerNavSubSeparatorColorDesktop);
7063        --hamburgerNavSubSeparatorSpacingTablet: var(--hamburgerNavSubSeparatorSpacingDesktop);
7064
7065        /* arrow */
7066        --hamburgerNavArrowSizeTablet: var(--hamburgerNavArrowSizeDesktop);
7067        --hamburgerNavArrowColorTablet: var(--hamburgerNavArrowColorDesktop);
7068        --hamburgerNavArrowSpacingTablet: var(--hamburgerNavArrowSpacingDesktop);
7069        --hamburgerNavArrowRotateTablet: var(--hamburgerNavArrowRotateDesktop);
7070        --hamburgerNavArrowAutoSpacingTablet: var(--hamburgerNavArrowAutoSpacingDesktop); /* off: auto */
7071        --hamburgerNavArrowSizeHoverTablet: var(--hamburgerNavArrowSizeHoverDesktop);
7072        --hamburgerNavArrowColorHoverTablet: var(--hamburgerNavArrowColorHoverDesktop);
7073        --hamburgerNavArrowRotateHoverTablet: var(--hamburgerNavArrowRotateHoverDesktop);
7074
7075        /* sub arrow */
7076        --hamburgerNavSubArrowSizeTablet: var(--hamburgerNavSubArrowSizeDesktop);
7077        --hamburgerNavSubArrowColorTablet: var(--hamburgerNavSubArrowColorDesktop);
7078        --hamburgerNavSubArrowSpacingTablet: var(--hamburgerNavSubArrowSpacingDesktop);
7079        --hamburgerNavSubArrowRotateTablet: var(--hamburgerNavSubArrowRotateDesktop);
7080        --hamburgerNavSubArrowAutoSpacingTablet: var(--hamburgerNavSubArrowAutoSpacingDesktop); /* off: auto */
7081        --hamburgerNavSubArrowSizeHoverTablet: var(--hamburgerNavSubArrowSizeHoverDesktop);
7082        --hamburgerNavSubArrowColorHoverTablet: var(--hamburgerNavSubArrowColorHoverDesktop);
7083        --hamburgerNavSubArrowRotateHoverTablet: var(--hamburgerNavSubArrowRotateHoverDesktop);
7084
7085        /* sub menu background color */
7086        --hamburgerNavSubBackgroundColorTablet: transparent;
7087
7088        /* sub nav item padding */
7089        --hamburgerNavSubItemPaddingTopTablet: var(--hamburgerNavSubItemPaddingTopDesktop);
7090        --hamburgerNavSubItemPaddingBottomTablet: var(--hamburgerNavSubItemPaddingBottomDesktop);
7091        --hamburgerNavSubItemPaddingLeftTablet: var(--hamburgerNavSubItemPaddingLeftDesktop);
7092        --hamburgerNavSubItemPaddingRightTablet: var(--hamburgerNavSubItemPaddingRightDesktop);
7093
7094        /* sub nav item padding hover*/
7095        --hamburgerNavSubItemPaddingTopHoverTablet: var(--hamburgerNavSubItemPaddingTopHoverDesktop);
7096        --hamburgerNavSubItemPaddingBottomHoverTablet: var(--hamburgerNavSubItemPaddingBottomHoverDesktop);
7097        --hamburgerNavSubItemPaddingLeftHoverTablet: var(--hamburgerNavSubItemPaddingLeftHoverDesktop);
7098        --hamburgerNavSubItemPaddingRightHoverTablet: var(--hamburgerNavSubItemPaddingRightHoverDesktop);
7099
7100        /* sub nav item border */
7101        --hamburgerNavSubItemBorderTopTablet: var(--hamburgerNavSubItemBorderTopDesktop);
7102        --hamburgerNavSubItemBorderRightTablet: var(--hamburgerNavSubItemBorderRightDesktop);
7103        --hamburgerNavSubItemBorderBottomTablet: var(--hamburgerNavSubItemBorderBottomDesktop);
7104        --hamburgerNavSubItemBorderLeftTablet: var(--hamburgerNavSubItemBorderLeftDesktop);
7105
7106        /* sub nav item border Hover*/
7107        --hamburgerNavSubItemBorderTopHoverTablet: var(--hamburgerNavSubItemBorderTopHoverDesktop);
7108        --hamburgerNavSubItemBorderRightHoverTablet: var(--hamburgerNavSubItemBorderRightHoverDesktop);
7109        --hamburgerNavSubItemBorderBottomHoverTablet: var(--hamburgerNavSubItemBorderBottomHoverDesktop);
7110        --hamburgerNavSubItemBorderLeftHoverTablet: var(--hamburgerNavSubItemBorderLeftHoverDesktop);
7111
7112        /* sub nav item border radius */
7113        --hamburgerNavSubItemBorderRadiusTablet: var(--hamburgerNavSubItemBorderRadiusDesktop);
7114        --hamburgerNavSubItemBorderRadiusHoverTablet: var(--hamburgerNavSubItemBorderRadiusHoverDesktop);
7115
7116        /* sub nav item background color */
7117        --hamburgerNavSubItemBackgroundColorTablet: var(--hamburgerNavSubItemBackgroundColorDesktop);
7118
7119        /* sub nav item hover background color */
7120        --hamburgerNavSubItemHoverBackgroundColorTablet: var(--hamburgerNavSubItemHoverBackgroundColorDesktop);
7121
7122        /* sub nav item font */
7123        --hamburgerNavSubItemFontTablet: var(--hamburgerNavSubItemFontDesktop);
7124        --hamburgerNavSubItemFontColorTablet: var(--hamburgerNavSubItemFontColorDesktop);
7125        --hamburgerNavSubItemLineHeightTablet: var(--hamburgerNavSubItemLineHeightDesktop);
7126        --hamburgerNavSubItemFontSizeTablet: var(--hamburgerNavSubItemFontSizeDesktop);
7127        --hamburgerNavSubItemFontWeightTablet: var(--hamburgerNavSubItemFontWeightDesktop);
7128        --hamburgerNavSubItemTextDecorationTablet: var(--hamburgerNavSubItemTextDecorationDesktop);
7129        --hamburgerNavSubItemFontStyleTablet: var(--hamburgerNavSubItemFontStyleDesktop);
7130        --hamburgerNavSubItemLetterSpacingTablet: var(--hamburgerNavSubItemLetterSpacingDesktop);
7131
7132        /* sub nav item hover font */
7133        --hamburgerNavSubItemHoverFontColorTablet: var(--hamburgerNavSubItemHoverFontColorDesktop);
7134        --hamburgerNavSubItemFontHoverTablet: var(--hamburgerNavSubItemFontHoverDesktop);
7135        --hamburgerNavSubItemLineHeightHoverTablet: var(--hamburgerNavSubItemLineHeightHoverDesktop);
7136        --hamburgerNavSubItemFontSizeHoverTablet: var(--hamburgerNavSubItemFontSizeHoverDesktop);
7137        --hamburgerNavSubItemFontWeightHoverTablet: var(--hamburgerNavSubItemFontWeightHoverDesktop);
7138        --hamburgerNavSubItemLetterSpacingHoverTablet: var(--hamburgerNavSubItemLetterSpacingTablet);
7139        --hamburgerNavSubItemTextDecorationHoverTablet: var(--hamburgerNavSubItemTextDecorationHoverDesktop);
7140        --hamburgerNavSubItemFontStyleHoverTablet: var(--hamburgerNavSubItemFontStyleHoverDesktop);
7141
7142        /* nav back button border */
7143        --hamburgerNavBackButtonBorderTopTablet: var(--hamburgerNavBackButtonBorderTopDesktop);
7144        --hamburgerNavBackButtonBorderRightTablet: var(--hamburgerNavBackButtonBorderRightDesktop);
7145        --hamburgerNavBackButtonBorderBottomTablet: var(--hamburgerNavBackButtonBorderBottomDesktop);
7146        --hamburgerNavBackButtonBorderLeftTablet: var(--hamburgerNavBackButtonBorderLeftDesktop);
7147
7148        /* nav back button border  hover*/
7149        --hamburgerNavBackButtonBorderTopHoverTablet: var(--hamburgerNavBackButtonBorderTopHoverDesktop);
7150        --hamburgerNavBackButtonBorderRightHoverTablet: var(--hamburgerNavBackButtonBorderRightHoverDesktop);
7151        --hamburgerNavBackButtonBorderBottomHoverTablet: var(--hamburgerNavBackButtonBorderBottomHoverDesktop);
7152        --hamburgerNavBackButtonBorderLeftHoverTablet: var(--hamburgerNavBackButtonBorderLeftHoverDesktop);
7153
7154        /* nav back button border radius */
7155        --hamburgerNavBackButtonBorderRadiusTablet: var(--hamburgerNavBackButtonBorderRadiusDesktop);
7156        --hamburgerNavBackButtonBorderRadiusHoverTablet: var(--hamburgerNavBackButtonBorderRadiusHoverDesktop);
7157
7158        /* nav back button background color */
7159        --hamburgerNavBackButtonBackgroundColorTablet: var(--hamburgerNavBackButtonBackgroundColorDesktop);
7160
7161        /* nav back button hover background color */
7162        --hamburgerNavBackButtonHoverBackgroundColorTablet: var(--hamburgerNavBackButtonHoverBackgroundColorDesktop);
7163
7164        /* nav back button */
7165        --hamburgerNavBackButtonPaddingTopTablet: var(--hamburgerNavBackButtonPaddingTopDesktop);
7166        --hamburgerNavBackButtonPaddingBottomTablet: var(--hamburgerNavBackButtonPaddingBottomDesktop);
7167        --hamburgerNavBackButtonPaddingLeftTablet: var(--hamburgerNavBackButtonPaddingLeftDesktop);
7168        --hamburgerNavBackButtonPaddingRightTablet: var(--hamburgerNavBackButtonPaddingRightDesktop);
7169        --hamburgerNavBackButtonFontTablet: var(--hamburgerNavBackButtonFontDesktop);
7170        --hamburgerNavBackButtonColorTablet: var(--hamburgerNavBackButtonColorDesktop);
7171        --hamburgerNavBackButtonFontSizeTablet: var(--hamburgerNavBackButtonFontSizeDesktop);
7172        --hamburgerNavBackButtonFontWeightTablet: var(--hamburgerNavBackButtonFontWeightDesktop);
7173        --hamburgerNavBackButtonFontStyleTablet: var(--hamburgerNavBackButtonFontStyleDesktop);
7174        --hamburgerNavBackButtonLetterSpacingTablet: var(--hamburgerNavBackButtonLetterSpacingDesktop);
7175        --hamburgerNavBackButtonTextDecorationTablet: var(--hamburgerNavBackButtonTextDecorationDesktop);
7176        --hamburgerNavBackButtonLineHeightTablet: var(--hamburgerNavBackButtonLineHeightDesktop);
7177        --hamburgerNavBackButtonHoverFontColorTablet: var(--hamburgerNavBackButtonHoverFontColorDesktop);
7178
7179        /* nav back button hover*/
7180        --hamburgerNavBackButtonPaddingTopHoverTablet: var(--hamburgerNavBackButtonPaddingTopHoverDesktop);
7181        --hamburgerNavBackButtonPaddingBottomHoverTablet: var(--hamburgerNavBackButtonPaddingBottomHoverDesktop);
7182        --hamburgerNavBackButtonPaddingLeftHoverTablet: var(--hamburgerNavBackButtonPaddingLeftHoverDesktop);
7183        --hamburgerNavBackButtonPaddingRightHoverTablet: var(--hamburgerNavBackButtonPaddingRightHoverDesktop);
7184
7185        /* nav back button arrow */
7186        --hamburgerNavBackButtonArrowSizeTablet: var(--hamburgerNavBackButtonArrowSizeDesktop);
7187        --hamburgerNavBackButtonArrowSizeHoverTablet: var(--hamburgerNavBackButtonArrowSizeHoverDesktop);
7188        --hamburgerNavBackButtonArrowColorTablet: var(--hamburgerNavBackButtonArrowColorDesktop);
7189        --hamburgerNavBackButtonArrowSpacingTablet: var(--hamburgerNavBackButtonArrowSpacingDesktop);
7190        --hamburgerNavBackButtonArrowRotateTablet: var(--hamburgerNavBackButtonArrowRotateDesktop);
7191
7192        /* parent title border */
7193        --hamburgerTitleBorderTopTablet: var(--hamburgerTitleBorderTopDesktop);
7194        --hamburgerTitleBorderRightTablet: var(--hamburgerTitleBorderRightDesktop);
7195        --hamburgerTitleBorderBottomTablet: var(--hamburgerTitleBorderBottomDesktop);
7196        --hamburgerTitleBorderLeftTablet: var(--hamburgerTitleBorderLeftDesktop);
7197        /* parent title border */
7198        --hamburgerTitleBorderTopHoverTablet: var(--hamburgerTitleBorderTopHoverDesktop);
7199        --hamburgerTitleBorderRightHoverTablet: var(--hamburgerTitleBorderRightHoverDesktop);
7200        --hamburgerTitleBorderBottomHoverTablet: var(--hamburgerTitleBorderBottomHoverDesktop);
7201        --hamburgerTitleBorderLeftHoverTablet: var(--hamburgerTitleBorderLeftHoverDesktop);
7202
7203        /* parent title border radius */
7204        --hamburgerTitleBorderRadiusTablet: var(--hamburgerTitleBorderRadiusDesktop);
7205        --hamburgerTitleBorderRadiusHoverTablet: var(--hamburgerTitleBorderRadiusHoverDesktop);
7206
7207        /* parent title background color */
7208        --hamburgerTitleBackgroundColorTablet: var(--hamburgerTitleBackgroundColorDesktop);
7209        --hamburgerTitleBackgroundColorHoverTablet: var(--hamburgerTitleBackgroundColorHoverDesktop);
7210
7211        /* parent title padding */
7212        --hamburgerTitlePaddingTopTablet: var(--hamburgerTitlePaddingTopDesktop);
7213        --hamburgerTitlePaddingBottomTablet: var(--hamburgerTitlePaddingBottomDesktop);
7214        --hamburgerTitlePaddingLeftTablet: var(--hamburgerTitlePaddingLeftDesktop);
7215        --hamburgerTitlePaddingRightTablet: var(--hamburgerTitlePaddingRightDesktop);
7216
7217        /* parent title padding hover*/
7218        --hamburgerTitlePaddingTopHoverTablet: var(--hamburgerTitlePaddingTopHoverDesktop);
7219        --hamburgerTitlePaddingBottomHoverTablet: var(--hamburgerTitlePaddingBottomHoverDesktop);
7220        --hamburgerTitlePaddingLeftHoverTablet: var(--hamburgerTitlePaddingLeftHoverDesktop);
7221        --hamburgerTitlePaddingRightHoverTablet: var(--hamburgerTitlePaddingRightHoverDesktop);
7222
7223        /* parent title font */
7224        --hamburgerTitleFontTablet: var(--hamburgerTitleFontDesktop);
7225        --hamburgerTitleFontColorTablet: var(--hamburgerTitleFontColorDesktop);
7226        --hamburgerTitleFontSizeTablet: var(--hamburgerTitleFontSizeDesktop);
7227        --hamburgerTitleFontWeightTablet: var(--hamburgerTitleFontWeightDesktop);
7228        --hamburgerTitleFontStyleTablet: var(--hamburgerTitleFontStyleDesktop);
7229        --hamburgerTitleLetterSpacingTablet: var(--hamburgerTitleLetterSpacingDesktop);
7230        --hamburgerTitleTextDecorationTablet: var(--hamburgerTitleTextDecorationDesktop);
7231        --hamburgerTitleLineHeightTablet: var(--hamburgerTitleLineHeightDesktop);
7232
7233        /* parent title arrow */
7234        --hamburgerTitleArrowSizeTablet: var(--hamburgerTitleArrowSizeDesktop);
7235        --hamburgerTitleArrowColorTablet: var(--hamburgerTitleArrowColorDesktop);
7236        --hamburgerTitleArrowSpacingTablet: var(--hamburgerTitleArrowSpacingDesktop);
7237        --hamburgerTitleArrowRotateTablet: var(--hamburgerTitleArrowRotateDesktop);
7238
7239        /* slide container */
7240        --hamburgerSlideContainerWidthTablet: var(--hamburgerSlideContainerWidthDesktop);
7241
7242        /*****
7243			apply css properties
7244		*****/
7245
7246        /* apply main background color */
7247        --hamburgerNavBackgroundColor: var(--hamburgerNavBackgroundColorTablet);
7248
7249        /* apply main padding */
7250        --hamburgerNavPaddingTop: var(--hamburgerNavPaddingTopTablet);
7251        --hamburgerNavPaddingBottom: var(--hamburgerNavPaddingBottomTablet);
7252        --hamburgerNavPaddingLeft: var(--hamburgerNavPaddingLeftTablet);
7253        --hamburgerNavPaddingRight: var(--hamburgerNavPaddingRightTablet);
7254
7255        /* apply hamburger menu icon */
7256        --hamburgerMenuIconSize: var(--hamburgerMenuIconSizeTablet);
7257        --hamburgerMenuIconSizeHover: var(--hamburgerMenuIconSizeHoverTablet);
7258        --hamburgerMenuIconColor: var(--hamburgerMenuIconColorTablet);
7259        --hamburgerMenuIconHoverColor: var(--hamburgerMenuIconHoverColorTablet);
7260        --hamburgerMenuIconActiveSize: var(--hamburgerMenuIconActiveSizeTablet);
7261        --hamburgerMenuIconActiveColor: var(--hamburgerMenuIconActiveColorTablet);
7262        --hamburgerMenuIconActiveHoverColor: var(--hamburgerMenuIconActiveHoverColorTablet);
7263        --hamburgerMenuIconActiveSizeHover: var(--hamburgerMenuIconActiveSizeHoverTablet);
7264        --hamburgerMenuDisplay: var(--hamburgerMenuDisplayTablet);
7265        --hamburgerMenuJustifySelf: var(--hamburgerMenuJustifySelfTablet);
7266
7267        /* apply main nav justify self */
7268        --hamburgerNavJustifySelf: var(--hamburgerNavJustifySelfTablet);
7269
7270        /* apply main nav items alignment */
7271        --hamburgerNavItemsAlignment: var(--hamburgerNavItemsAlignmentTablet);
7272
7273        /* apply main nav item padding */
7274        --hamburgerNavItemPaddingTop: var(--hamburgerNavItemPaddingTopTablet);
7275        --hamburgerNavItemPaddingBottom: var(--hamburgerNavItemPaddingBottomTablet);
7276        --hamburgerNavItemPaddingLeft: var(--hamburgerNavItemPaddingLeftTablet);
7277        --hamburgerNavItemPaddingRight: var(--hamburgerNavItemPaddingRightTablet);
7278
7279        /* apply main nav item padding hover*/
7280        --hamburgerNavItemPaddingTopHover: var(--hamburgerNavItemPaddingTopHoverTablet);
7281        --hamburgerNavItemPaddingBottomHover: var(--hamburgerNavItemPaddingBottomHoverTablet);
7282        --hamburgerNavItemPaddingLeftHover: var(--hamburgerNavItemPaddingLeftHoverTablet);
7283        --hamburgerNavItemPaddingRightHover: var(--hamburgerNavItemPaddingRightHoverTablet);
7284
7285        /* apply main nav item border */
7286        --hamburgerNavItemBorderTop: var(--hamburgerNavItemBorderTopTablet);
7287        --hamburgerNavItemBorderRight: var(--hamburgerNavItemBorderRightTablet);
7288        --hamburgerNavItemBorderBottom: var(--hamburgerNavItemBorderBottomTablet);
7289        --hamburgerNavItemBorderLeft: var(--hamburgerNavItemBorderLeftTablet);
7290        /* apply main nav item border hover */
7291        --hamburgerNavItemBorderTopHover: var(--hamburgerNavItemBorderTopHoverTablet);
7292        --hamburgerNavItemBorderRightHover: var(--hamburgerNavItemBorderRightHoverTablet);
7293        --hamburgerNavItemBorderBottomHover: var(--hamburgerNavItemBorderBottomHoverTablet);
7294        --hamburgerNavItemBorderLeftHover: var(--hamburgerNavItemBorderLeftHoverTablet);
7295
7296        /* apply main nav item border radius */
7297        --hamburgerNavItemBorderRadius: var(--hamburgerNavItemBorderRadiusTablet);
7298        --hamburgerNavItemBorderRadiusHover: var(--hamburgerNavItemBorderRadiusTabletHover);
7299
7300        /* apply main nav item font */
7301        --hamburgerNavItemFont: var(--hamburgerNavItemFontTablet);
7302        --hamburgerNavItemFontColor: var(--hamburgerNavItemFontColorTablet);
7303        --hamburgerNavItemLineHeight: var(--hamburgerNavItemLineHeightTablet);
7304        --hamburgerNavItemFontSize: var(--hamburgerNavItemFontSizeTablet);
7305        --hamburgerNavItemFontWeight: var(--hamburgerNavItemFontWeightTablet);
7306        --hamburgerNavItemBackgroundColor: var(--hamburgerNavItemBackgroundColorTablet);
7307        --hamburgerNavItemLetterSpacing: var(--hamburgerNavItemLetterSpacingTablet);
7308        --hamburgerNavItemTextDecoration: var(--hamburgerNavItemTextDecorationTablet);
7309        --hamburgerNavItemFontStyle: var(--hamburgerNavItemFontStyleTablet);
7310
7311        /* apply main nav item hover font */
7312        --hamburgerNavItemHoverFontColor: var(--hamburgerNavItemHoverFontColorTablet);
7313        --hamburgerNavItemHoverBackgroundColor: var(--hamburgerNavItemHoverBackgroundColorTablet);
7314        --hamburgerNavItemFontHover: var(--hamburgerNavItemFontHoverTablet);
7315        --hamburgerNavItemLineHeightHover: var(--hamburgerNavItemLineHeightHoverTablet);
7316        --hamburgerNavItemFontSizeHover: var(--hamburgerNavItemFontSizeHoverTablet);
7317        --hamburgerNavItemFontWeightHover: var(--hamburgerNavItemFontWeightHoverTablet);
7318        --hamburgerNavItemLetterSpacingHover: var(--hamburgerNavItemLetterSpacingHoverTablet);
7319        --hamburgerNavItemTextDecorationHover: var(--hamburgerNavItemTextDecorationHoverTablet);
7320        --hamburgerNavItemFontStyleHover: var(--hamburgerNavItemFontStyleHoverTablet);
7321
7322        /* apply separator */
7323        --hamburgerNavSeparatorDisplay: var(--hamburgerNavSeparatorDisplayTablet);
7324        --hamburgerNavSeparatorWidth: var(--hamburgerNavSeparatorWidthTablet);
7325        --hamburgerNavSeparatorHeight: var(--hamburgerNavSeparatorHeightTablet);
7326        --hamburgerNavSeparatorColor: var(--hamburgerNavSeparatorColorTablet);
7327        --hamburgerNavSeparatorSpacing: var(--hamburgerNavSeparatorSpacingTablet);
7328
7329        /* apply sub separator */
7330        --hamburgerNavSubSeparatorDisplay: var(--hamburgerNavSubSeparatorDisplayTablet);
7331        --hamburgerNavSubSeparatorWidth: var(--hamburgerNavSubSeparatorWidthTablet);
7332        --hamburgerNavSubSeparatorHeight: var(--hamburgerNavSubSeparatorHeightTablet);
7333        --hamburgerNavSubSeparatorColor: var(--hamburgerNavSubSeparatorColorTablet);
7334        --hamburgerNavSubSeparatorSpacing: var(--hamburgerNavSubSeparatorSpacingTablet);
7335
7336        /* apply arrow */
7337        --hamburgerNavArrowSize: var(--hamburgerNavArrowSizeTablet);
7338        --hamburgerNavArrowColor: var(--hamburgerNavArrowColorTablet);
7339        --hamburgerNavArrowSpacing: var(--hamburgerNavArrowSpacingTablet);
7340        --hamburgerNavArrowRotate: var(--hamburgerNavArrowRotateTablet);
7341        --hamburgerNavArrowAutoSpacing: var(--hamburgerNavArrowAutoSpacingTablet);
7342        --hamburgerNavArrowSizeHover: var(--hamburgerNavArrowSizeHoverTablet);
7343        --hamburgerNavArrowColorHover: var(--hamburgerNavArrowColorHoverTablet);
7344        --hamburgerNavArrowRotateHover: var(--hamburgerNavArrowRotateHoverTablet);
7345
7346        /* apply main item icon */
7347        --hamburgerNavItemIconDisplay: var(--hamburgerNavItemIconDisplayTablet);
7348        --hamburgerNavItemIconColor: var(--hamburgerNavItemIconColorTablet);
7349        --hamburgerNavItemIconColorHover: var(--hamburgerNavItemIconColorHoverTablet);
7350        --hamburgerNavItemIconSize: var(--hamburgerNavItemIconSizeTablet);
7351        --hamburgerNavItemIconSizeHover: var(--hamburgerNavItemIconSizeHoverTablet);
7352        --hamburgerNavItemIconRotate: var(--hamburgerNavItemIconRotateTablet);
7353        --hamburgerNavItemIconRotateHover: var(--hamburgerNavItemIconRotateHoverTablet);
7354        --hamburgerNavItemIconSpacing: var(--hamburgerNavItemIconSpacingTablet);
7355        --hamburgerNavSubItemIconDisplay: var(--hamburgerNavSubItemIconDisplayTablet);
7356        --hamburgerNavSubItemIconColor: var(--hamburgerNavSubItemIconColorTablet);
7357        --hamburgerNavSubItemIconColorHover: var(--hamburgerNavSubItemIconColorHoverTablet);
7358        --hamburgerNavSubItemIconSize: var(--hamburgerNavSubItemIconSizeTablet);
7359        --hamburgerNavSubItemIconSizeHover: var(--hamburgerNavSubItemIconSizeHoverTablet);
7360        --hamburgerNavSubItemIconRotate: var(--hamburgerNavSubItemIconRotateTablet);
7361        --hamburgerNavSubItemIconRotateHover: var(--hamburgerNavSubItemIconRotateHoverTablet);
7362        --hamburgerNavSubItemIconSpacing: var(--hamburgerNavSubItemIconSpacingTablet);
7363
7364        /* apply sub arrow */
7365        --hamburgerNavSubArrowSize: var(--hamburgerNavSubArrowSizeTablet);
7366        --hamburgerNavSubArrowColor: var(--hamburgerNavSubArrowColorTablet);
7367        --hamburgerNavSubArrowSpacing: var(--hamburgerNavSubArrowSpacingTablet);
7368        --hamburgerNavSubArrowRotate: var(--hamburgerNavSubArrowRotateTablet);
7369        --hamburgerNavSubArrowAutoSpacing: var(--hamburgerNavSubArrowAutoSpacingTablet);
7370        --hamburgerNavSubArrowSizeHover: var(--hamburgerNavSubArrowSizeHoverTablet);
7371        --hamburgerNavSubArrowColorHover: var(--hamburgerNavSubArrowColorHoverTablet);
7372        --hamburgerNavSubArrowRotateHover: var(--hamburgerNavSubArrowRotateHoverTablet);
7373
7374        /* apply sub menu background color */
7375        --hamburgerNavSubBackgroundColor: var(--hamburgerNavSubBackgroundColorTablet);
7376
7377        /* apply sub nav item padding */
7378        --hamburgerNavSubItemPaddingTop: var(--hamburgerNavSubItemPaddingTopTablet);
7379        --hamburgerNavSubItemPaddingBottom: var(--hamburgerNavSubItemPaddingBottomTablet);
7380        --hamburgerNavSubItemPaddingLeft: var(--hamburgerNavSubItemPaddingLeftTablet);
7381        --hamburgerNavSubItemPaddingRight: var(--hamburgerNavSubItemPaddingRightTablet);
7382        /* apply sub nav item padding hover*/
7383        --hamburgerNavSubItemPaddingTopHover: var(--hamburgerNavSubItemPaddingTopHoverTablet);
7384        --hamburgerNavSubItemPaddingBottomHover: var(--hamburgerNavSubItemPaddingBottomHoverTablet);
7385        --hamburgerNavSubItemPaddingLeftHover: var(--hamburgerNavSubItemPaddingLeftHoverTablet);
7386        --hamburgerNavSubItemPaddingRightHover: var(--hamburgerNavSubItemPaddingRightHoverTablet);
7387
7388        /* apply sub nav item border */
7389        --hamburgerNavSubItemBorderTop: var(--hamburgerNavSubItemBorderTopTablet);
7390        --hamburgerNavSubItemBorderRight: var(--hamburgerNavSubItemBorderRightTablet);
7391        --hamburgerNavSubItemBorderBottom: var(--hamburgerNavSubItemBorderBottomTablet);
7392        --hamburgerNavSubItemBorderLeft: var(--hamburgerNavSubItemBorderLeftTablet);
7393        /* apply sub nav item border hover*/
7394        --hamburgerNavSubItemBorderTopHover: var(--hamburgerNavSubItemBorderTopHoverTablet);
7395        --hamburgerNavSubItemBorderRightHover: var(--hamburgerNavSubItemBorderRightHoverTablet);
7396        --hamburgerNavSubItemBorderBottomHover: var(--hamburgerNavSubItemBorderBottomHoverTablet);
7397        --hamburgerNavSubItemBorderLeftHover: var(--hamburgerNavSubItemBorderLeftHoverTablet);
7398
7399        /* apply sub nav item border radius */
7400        --hamburgerNavSubItemBorderRadius: var(--hamburgerNavSubItemBorderRadiusTablet);
7401        --hamburgerNavSubItemBorderRadiusHover: var(--hamburgerNavSubItemBorderRadiusHoverTablet);
7402
7403        /* apply sub nav item background color */
7404        --hamburgerNavSubItemBackgroundColor: var(--hamburgerNavSubItemBackgroundColorTablet);
7405
7406        /* apply sub nav item hover background color */
7407        --hamburgerNavSubItemHoverBackgroundColor: var(--hamburgerNavSubItemHoverBackgroundColorTablet);
7408
7409        /* apply sub nav item font */
7410        --hamburgerNavSubItemFont: var(--hamburgerNavSubItemFontTablet);
7411        --hamburgerNavSubItemFontColor: var(--hamburgerNavSubItemFontColorTablet);
7412        --hamburgerNavSubItemLineHeight: var(--hamburgerNavSubItemLineHeightTablet);
7413        --hamburgerNavSubItemFontSize: var(--hamburgerNavSubItemFontSizeTablet);
7414        --hamburgerNavSubItemFontWeight: var(--hamburgerNavSubItemFontWeightTablet);
7415        --hamburgerNavSubItemTextDecoration: var(--hamburgerNavSubItemTextDecorationTablet);
7416        --hamburgerNavSubItemFontStyle: var(--hamburgerNavSubItemFontStyleTablet);
7417        --hamburgerNavSubItemLetterSpacing: var(--hamburgerNavSubItemLetterSpacingTablet);
7418
7419        /* apply sub nav item hover font */
7420        --hamburgerNavSubItemHoverFontColor: var(--hamburgerNavSubItemHoverFontColorTablet);
7421        --hamburgerNavSubItemFontHover: var(--hamburgerNavSubItemFontHoverTablet);
7422        --hamburgerNavSubItemLineHeightHover: var(--hamburgerNavSubItemLineHeightHoverTablet);
7423        --hamburgerNavSubItemFontSizeHover: var(--hamburgerNavSubItemFontSizeHoverTablet);
7424        --hamburgerNavSubItemFontWeightHover: var(--hamburgerNavSubItemFontWeightHoverTablet);
7425        --hamburgerNavSubItemLetterSpacingHover: var(--hamburgerNavSubItemLetterSpacingHoverTablet);
7426        --hamburgerNavSubItemTextDecorationHover: var(--hamburgerNavSubItemTextDecorationHoverTablet);
7427        --hamburgerNavSubItemFontStyleHover: var(--hamburgerNavSubItemFontStyleHoverTablet);
7428
7429        /* apply nav back button border */
7430        --hamburgerNavBackButtonBorderTop: var(--hamburgerNavBackButtonBorderTopTablet);
7431        --hamburgerNavBackButtonBorderRight: var(--hamburgerNavBackButtonBorderRightTablet);
7432        --hamburgerNavBackButtonBorderBottom: var(--hamburgerNavBackButtonBorderBottomTablet);
7433        --hamburgerNavBackButtonBorderLeft: var(--hamburgerNavBackButtonBorderLeftTablet);
7434        /* apply nav back button border hover*/
7435        --hamburgerNavBackButtonBorderTopHover: var(--hamburgerNavBackButtonBorderTopHoverTablet);
7436        --hamburgerNavBackButtonBorderRightHover: var(--hamburgerNavBackButtonBorderRightHoverTablet);
7437        --hamburgerNavBackButtonBorderBottomHover: var(--hamburgerNavBackButtonBorderBottomHoverTablet);
7438        --hamburgerNavBackButtonBorderLeftHover: var(--hamburgerNavBackButtonBorderLeftHoverTablet);
7439
7440        /* apply nav back button border radius */
7441        --hamburgerNavBackButtonBorderRadius: var(--hamburgerNavBackButtonBorderRadiusTablet);
7442        --hamburgerNavBackButtonBorderRadiusHover: var(--hamburgerNavBackButtonBorderRadiusHoverTablet);
7443
7444        /* apply nav back button background color */
7445        --hamburgerNavBackButtonBackgroundColor: var(--hamburgerNavBackButtonBackgroundColorTablet);
7446
7447        /* apply nav back button hover background color */
7448        --hamburgerNavBackButtonHoverBackgroundColor: var(--hamburgerNavBackButtonHoverBackgroundColorTablet);
7449
7450        /* apply nav back button */
7451        --hamburgerNavBackButtonPaddingTop: var(--hamburgerNavBackButtonPaddingTopTablet);
7452        --hamburgerNavBackButtonPaddingBottom: var(--hamburgerNavBackButtonPaddingBottomTablet);
7453        --hamburgerNavBackButtonPaddingLeft: var(--hamburgerNavBackButtonPaddingLeftTablet);
7454        --hamburgerNavBackButtonPaddingRight: var(--hamburgerNavBackButtonPaddingRightTablet);
7455        --hamburgerNavBackButtonFont: var(--hamburgerNavBackButtonFontTablet);
7456        --hamburgerNavBackButtonColor: var(--hamburgerNavBackButtonColorTablet);
7457        --hamburgerNavBackButtonFontSize: var(--hamburgerNavBackButtonFontSizeTablet);
7458        --hamburgerNavBackButtonFontWeight: var(--hamburgerNavBackButtonFontWeightTablet);
7459        --hamburgerNavBackButtonFontStyle: var(--hamburgerNavBackButtonFontStyleTablet);
7460        --hamburgerNavBackButtonLetterSpacing: var(--hamburgerNavBackButtonLetterSpacingTablet);
7461        --hamburgerNavBackButtonTextDecoration: var(--hamburgerNavBackButtonTextDecorationTablet);
7462        --hamburgerNavBackButtonLineHeight: var(--hamburgerNavBackButtonLineHeightTablet);
7463        --hamburgerNavBackButtonHoverFontColor: var(--hamburgerNavBackButtonHoverFontColorTablet);
7464
7465        /* apply nav back button hover */
7466        --hamburgerNavBackButtonPaddingTopHover: var(--hamburgerNavBackButtonPaddingTopHoverTablet);
7467        --hamburgerNavBackButtonPaddingBottomHover: var(--hamburgerNavBackButtonPaddingBottomHoverTablet);
7468        --hamburgerNavBackButtonPaddingLeftHover: var(--hamburgerNavBackButtonPaddingLeftHoverTablet);
7469        --hamburgerNavBackButtonPaddingRightHover: var(--hamburgerNavBackButtonPaddingRightHoverTablet);
7470
7471        /* apply nav back button arrow */
7472        --hamburgerNavBackButtonArrowSize: var(--hamburgerNavBackButtonArrowSizeTablet);
7473        --hamburgerNavBackButtonArrowSizeHover: var(--hamburgerNavBackButtonArrowSizeHoverTablet);
7474        --hamburgerNavBackButtonArrowColor: var(--hamburgerNavBackButtonArrowColorTablet);
7475        --hamburgerNavBackButtonArrowSpacing: var(--hamburgerNavBackButtonArrowSpacingTablet);
7476        --hamburgerNavBackButtonArrowRotate: var(--hamburgerNavBackButtonArrowRotateTablet);
7477
7478        /* apply parent title border */
7479        --hamburgerTitleBorderTop: var(--hamburgerTitleBorderTopTablet);
7480        --hamburgerTitleBorderRight: var(--hamburgerTitleBorderRightTablet);
7481        --hamburgerTitleBorderBottom: var(--hamburgerTitleBorderBottomTablet);
7482        --hamburgerTitleBorderLeft: var(--hamburgerTitleBorderLeftTablet);
7483        /* apply parent title border hover */
7484        --hamburgerTitleBorderTopHover: var(--hamburgerTitleBorderTopHoverTablet);
7485        --hamburgerTitleBorderRightHover: var(--hamburgerTitleBorderRightHoverTablet);
7486        --hamburgerTitleBorderBottomHover: var(--hamburgerTitleBorderBottomHoverTablet);
7487        --hamburgerTitleBorderLeftHover: var(--hamburgerTitleBorderLeftHoverTablet);
7488
7489        /* apply parent title border radius */
7490        --hamburgerTitleBorderRadius: var(--hamburgerTitleBorderRadiusTablet);
7491        --hamburgerTitleBorderRadiusHover: var(--hamburgerTitleBorderRadiusHoverTablet);
7492
7493        /* apply parent title background color */
7494        --hamburgerTitleBackgroundColor: var(--hamburgerTitleBackgroundColorTablet);
7495        --hamburgerTitleBackgroundColorHover: var(--hamburgerTitleBackgroundColorHoverTablet);
7496
7497        /* apply parent title padding */
7498        --hamburgerTitlePaddingTop: var(--hamburgerTitlePaddingTopTablet);
7499        --hamburgerTitlePaddingBottom: var(--hamburgerTitlePaddingBottomTablet);
7500        --hamburgerTitlePaddingLeft: var(--hamburgerTitlePaddingLeftTablet);
7501        --hamburgerTitlePaddingRight: var(--hamburgerTitlePaddingRightTablet);
7502        /* apply parent title padding hover*/
7503        --hamburgerTitlePaddingTopHover: var(--hamburgerTitlePaddingTopHoverTablet);
7504        --hamburgerTitlePaddingBottomHover: var(--hamburgerTitlePaddingBottomHoverTablet);
7505        --hamburgerTitlePaddingLeftHover: var(--hamburgerTitlePaddingLeftHoverTablet);
7506        --hamburgerTitlePaddingRightHover: var(--hamburgerTitlePaddingRightHoverTablet);
7507
7508        /* apply parent title font */
7509        --hamburgerTitleFont: var(--hamburgerTitleFontTablet);
7510        --hamburgerTitleFontColor: var(--hamburgerTitleFontColorTablet);
7511        --hamburgerTitleFontSize: var(--hamburgerTitleFontSizeTablet);
7512        --hamburgerTitleFontWeight: var(--hamburgerTitleFontWeightTablet);
7513        --hamburgerTitleFontStyle: var(--hamburgerTitleFontStyleTablet);
7514        --hamburgerTitleLetterSpacing: var(--hamburgerTitleLetterSpacingTablet);
7515        --hamburgerTitleTextDecoration: var(--hamburgerTitleTextDecorationTablet);
7516        --hamburgerTitleLineHeight: var(--hamburgerTitleLineHeightTablet);
7517
7518        /* apply parent title arrow */
7519        --hamburgerTitleArrowSize: var(--hamburgerTitleArrowSizeTablet);
7520        --hamburgerTitleArrowColor: var(--hamburgerTitleArrowColorTablet);
7521        --hamburgerTitleArrowSpacing: var(--hamburgerTitleArrowSpacingTablet);
7522        --hamburgerTitleArrowRotate: var(--hamburgerTitleArrowRotateTablet);
7523
7524        /* apply slide container */
7525        --hamburgerSlideContainerWidth: var(--hamburgerSlideContainerWidthTablet);
7526
7527        /**********************
7528			vertical main nav
7529		***********************/
7530
7531        /* main nav justify content */
7532        --verticalNavJustifySelfTablet: center;
7533
7534        /* main nav items alignment */
7535        --verticalNavItemsAlignmentTablet: var(--verticalNavItemsAlignmentDesktop);
7536
7537        /* main nav width */
7538        --verticalNavWidthTablet: 100%;
7539
7540        /* main nav padding */
7541        --verticalNavPaddingTopTablet: var(--verticalNavPaddingTopDesktop);
7542        --verticalNavPaddingBottomTablet: var(--verticalNavPaddingBottomDesktop);
7543        --verticalNavPaddingLeftTablet: var(--verticalNavPaddingLeftDesktop);
7544        --verticalNavPaddingRightTablet: var(--verticalNavPaddingRightDesktop);
7545
7546        /* main nav border */
7547        --verticalNavBorderTopTablet: var(--verticalNavBorderTopDesktop);
7548        --verticalNavBorderRightTablet: var(--verticalNavBorderRightDesktop);
7549        --verticalNavBorderBottomTablet: var(--verticalNavBorderBottomDesktop);
7550        --verticalNavBorderLeftTablet: var(--verticalNavBorderLeftDesktop);
7551
7552        /* main nav border radius */
7553        --verticalNavBorderRadiusTablet: var(--verticalNavBorderRadiusDesktop);
7554
7555        /* main nav item font */
7556        --verticalNavItemFontTablet: var(--verticalNavItemFontDesktop);
7557        --verticalNavItemFontColorTablet: var(--verticalNavItemFontColorDesktop);
7558        --verticalNavItemFontSizeTablet: var(--verticalNavItemFontSizeDesktop);
7559        --verticalNavItemFontWeightTablet: var(--verticalNavItemFontWeightDesktop);
7560        --verticalNavItemLineHeightTablet: var(--verticalNavItemLineHeightDesktop);
7561        --verticalNavItemTextDecorationTablet: var(--verticalNavItemTextDecorationDesktop);
7562        --verticalNavItemFontStyleTablet: var(--verticalNavItemFontStyleDesktop);
7563        --verticalNavItemLetterSpacingTablet: var(--verticalNavItemLetterSpacingDesktop);
7564        --verticalNavItemBackgroundColorTablet: var(--verticalNavItemBackgroundColorDesktop);
7565
7566
7567        /* main nav item font hover*/
7568        --verticalNavItemFontSizeHoverTablet: var(--verticalNavItemFontSizeHoverDesktop);
7569        --verticalNavItemFontWeightHoverTablet: var(--verticalNavItemFontWeightHoverDesktop);
7570        --verticalNavItemTextDecorationHoverTablet: var(--verticalNavItemTextDecorationHoverDesktop);
7571        --verticalNavItemFontStyleHoverTablet: var(--verticalNavItemFontStyleHoverDesktop);
7572        --verticalNavItemHoverFontColorTablet: var(--verticalNavItemHoverFontColorDesktop);
7573        --verticalNavItemHoverBackgroundColorTablet: var(--verticalNavItemHoverBackgroundColorDesktop);
7574
7575
7576        /* main nav item padding */
7577        --verticalNavItemPaddingTopTablet: var(--verticalNavItemPaddingTopDesktop);
7578        --verticalNavItemPaddingRightTablet: var(--verticalNavItemPaddingRightDesktop);
7579        --verticalNavItemPaddingBottomTablet: var(--verticalNavItemPaddingBottomDesktop);
7580        --verticalNavItemPaddingLeftTablet: var(--verticalNavItemPaddingLeftDesktop);
7581
7582        /* main nav item padding hover */
7583        --verticalNavItemPaddingTopHoverTablet: var(--verticalNavItemPaddingTopHoverDesktop);
7584        --verticalNavItemPaddingRightHoverTablet: var(--verticalNavItemPaddingRightHoverDesktop);
7585        --verticalNavItemPaddingBottomHoverTablet: var(--verticalNavItemPaddingBottomHoverDesktop);
7586        --verticalNavItemPaddingLeftHoverTablet: var(--verticalNavItemPaddingLeftHoverDesktop);
7587
7588        /* main nav item border */
7589        --verticalNavItemBorderTopTablet: var(--verticalNavItemBorderTopDesktop);
7590        --verticalNavItemBorderRightTablet: var(--verticalNavItemBorderRightDesktop);
7591        --verticalNavItemBorderBottomTablet: var(--verticalNavItemBorderBottomDesktop);
7592        --verticalNavItemBorderLeftTablet: var(--verticalNavItemBorderLeftDesktop);
7593
7594        /* main nav item border hover */
7595        --verticalNavItemBorderTopHoverTablet: var(--verticalNavItemBorderTopHoverDesktop);
7596        --verticalNavItemBorderRightHoverTablet: var(--verticalNavItemBorderRightHoverDesktop);
7597        --verticalNavItemBorderBottomHoverTablet: var(--verticalNavItemBorderBottomHoverDesktop);
7598        --verticalNavItemBorderLeftHoverTablet: var(--verticalNavItemBorderLeftHoverDesktop);
7599
7600        /* main nav item border radius */
7601        --verticalNavItemBorderRadiusTablet: var(--verticalNavItemBorderRadiusDesktop);
7602        --verticalNavItemBorderRadiusHoverTablet: var(--verticalNavItemBorderRadiusHoverDesktop);
7603
7604        /* arrow */
7605        --verticalNavArrowSizeTablet: 24px;
7606        --verticalNavArrowWidthTablet: 24px;
7607        --verticalNavArrowSpacingTablet: 10px;
7608        --verticalNavArrowColorTablet: rgba(var(--colorPrimaryA), 1);
7609        --verticalNavArrowRotateTablet: -90deg;
7610
7611        /* title */
7612        --verticalNavTitleFontColorTablet: rgba(var(--colorPrimaryH), 1);
7613        --verticalNavTitleLineHeightTablet: 1.4;
7614        --verticalNavTitleFontSizeTablet: 21px;
7615        --verticalNavTitleFontWeightTablet: 700;
7616        --verticalNavTitleContainerBackgroundColorTablet: transparent;
7617
7618        /* sub nav item font */
7619        --verticalNavSubItemFontTablet: var(--navPrimaryFont);
7620        --verticalNavSubItemFontColorTablet: rgba(var(--colorPrimaryA), 1);
7621        --verticalNavSubItemFontSizeTablet: 16px;
7622        --verticalNavSubItemFontWeightTablet: 400;
7623        --verticalNavSubItemLineHeightTablet: normal;
7624        --verticalNavSubItemTextDecorationTablet: none;
7625        --verticalNavSubItemFontStyleTablet: normal;
7626        --verticalNavSubItemLetterSpacingTablet: 0px;
7627        --verticalNavSubItemBackgroundColorTablet: transparent;
7628        --verticalNavSubItemHoverFontColorTablet: var(--verticalNavSubItemFontColorTablet);
7629        --verticalNavSubItemHoverBackgroundColorTablet: var(--verticalNavSubItemBackgroundColorTablet);
7630
7631        /* sub nav item padding */
7632        --verticalNavSubItemPaddingTopTablet: 0px;
7633        --verticalNavSubItemPaddingRightTablet: 0px;
7634        --verticalNavSubItemPaddingBottomTablet: 0px;
7635        --verticalNavSubItemPaddingLeftTablet: 0px;
7636
7637        /* sub nav item border */
7638        --verticalNavSubItemBorderTopTablet: 0px none rgba(var(--colorPrimaryA), 1);
7639        --verticalNavSubItemBorderRightTablet: 0px none rgba(var(--colorPrimaryA), 1);
7640        --verticalNavSubItemBorderBottomTablet: 0px none rgba(var(--colorPrimaryA), 1);
7641        --verticalNavSubItemBorderLeftTablet: 0px none rgba(var(--colorPrimaryA), 1);
7642
7643        /* sub nav item border radius */
7644        --verticalNavSubItemBorderRadiusTablet: 0px 0px 0px 0px;
7645
7646        /* sub nav arrow */
7647        --verticalNavSubArrowSizeTablet: 24px;
7648        --verticalNavSubArrowWidthTablet: 24px;
7649        --verticalNavSubArrowSpacingTablet: 10px;
7650
7651        /* slide container */
7652        --verticalSlideContainerWidthTablet: 400px;
7653
7654        /* separator */
7655        --verticalNavSeparatorDisplayTablet: var(--verticalNavSeparatorDisplayDesktop);
7656        --verticalNavSeparatorWidthTablet: var(--verticalNavSeparatorWidthDesktop);
7657        --verticalNavSeparatorHeightTablet: var(--verticalNavSeparatorHeightDesktop);
7658        --verticalNavSeparatorColorTablet: var(--verticalNavSeparatorColorDesktop);
7659        --verticalNavSeparatorSpacingTablet: var(--verticalNavSeparatorSpacingDesktop);
7660
7661        /* sub separator */
7662        --verticalNavSubSeparatorDisplayTablet: var(--verticalNavSubSeparatorDisplayDesktop);
7663        --verticalNavSubSeparatorWidthTablet: var(--verticalNavSubSeparatorWidthDesktop);
7664        --verticalNavSubSeparatorHeightTablet: var(--verticalNavSubSeparatorHeightDesktop);
7665        --verticalNavSubSeparatorColorTablet: var(--verticalNavSubSeparatorColorDesktop);
7666        --verticalNavSubSeparatorSpacingTablet: var(--verticalNavSubSeparatorSpacingDesktop);
7667
7668        /*****
7669			apply css properties
7670		*****/
7671
7672        /* apply main nav justify content */
7673        --verticalNavJustifySelf: var(--verticalNavJustifySelfTablet);
7674
7675        /* apply main nav items alignment */
7676        --verticalNavItemsAlignment: var(--verticalNavItemsAlignmentTablet);
7677
7678        /* apply main nav width */
7679        --verticalNavWidth: var(--verticalNavWidthTablet);
7680
7681        /* apply main nav padding */
7682        --verticalNavPaddingTop: var(--verticalNavPaddingTopTablet);
7683        --verticalNavPaddingBottom: var(--verticalNavPaddingBottomTablet);
7684        --verticalNavPaddingLeft: var(--verticalNavPaddingLeftTablet);
7685        --verticalNavPaddingRight: var(--verticalNavPaddingRightTablet);
7686
7687        /* apply main nav border */
7688        --verticalNavBorderTop: var(--verticalNavBorderTopTablet);
7689        --verticalNavBorderRight: var(--verticalNavBorderRightTablet);
7690        --verticalNavBorderBottom: var(--verticalNavBorderBottomTablet);
7691        --verticalNavBorderLeft: var(--verticalNavBorderLeftTablet);
7692
7693        /* apply main nav border radius */
7694        --verticalNavBorderRadius: var(--verticalNavBorderRadiusTablet);
7695
7696        /* apply main nav item font */
7697        --verticalNavItemFont: var(--verticalNavItemFontTablet);
7698        --verticalNavItemFontColor: var(--verticalNavItemFontColorTablet);
7699        --verticalNavItemFontSize: var(--verticalNavItemFontSizeTablet);
7700        --verticalNavItemFontWeight: var(--verticalNavItemFontWeightTablet);
7701        --verticalNavItemLineHeight: var(--verticalNavItemLineHeightTablet);
7702        --verticalNavItemTextDecoration: var(--verticalNavItemTextDecorationTablet);
7703        --verticalNavItemFontStyle: var(--verticalNavItemFontStyleTablet);
7704        --verticalNavItemLetterSpacing: var(--verticalNavItemLetterSpacingTablet);
7705        --verticalNavItemBackgroundColor: var(--verticalNavItemBackgroundColorTablet);
7706        --verticalNavItemHoverFontColor: var(--verticalNavItemHoverFontColorTablet);
7707        --verticalNavItemHoverBackgroundColor: var(--verticalNavItemHoverBackgroundColorTablet);
7708
7709        /* main nav item font hover*/
7710        --verticalNavItemFontSizeHover: var(--verticalNavItemFontSizeHoverTablet);
7711        --verticalNavItemFontWeightHover: var(--verticalNavItemFontWeightHoverTablet);
7712        --verticalNavItemTextDecorationHover: var(--verticalNavItemTextDecorationHoverTablet);
7713        --verticalNavItemFontStyleHover: var(--verticalNavItemFontStyleHoverTablet);
7714
7715
7716        /* apply main nav item padding */
7717        --verticalNavItemPaddingTop: var(--verticalNavItemPaddingTopTablet);
7718        --verticalNavItemPaddingRight: var(--verticalNavItemPaddingRightTablet);
7719        --verticalNavItemPaddingBottom: var(--verticalNavItemPaddingBottomTablet);
7720        --verticalNavItemPaddingLeft: var(--verticalNavItemPaddingLeftTablet);
7721        /* apply main nav item padding Hover*/
7722        --verticalNavItemPaddingTopHover: var(--verticalNavItemPaddingTopHoverTablet);
7723        --verticalNavItemPaddingRightHover: var(--verticalNavItemPaddingRightHoverTablet);
7724        --verticalNavItemPaddingBottomHover: var(--verticalNavItemPaddingBottomHoverTablet);
7725        --verticalNavItemPaddingLeftHover: var(--verticalNavItemPaddingLeftHoverTablet);
7726
7727        /* apply main nav item border */
7728        --verticalNavItemBorderTop: var(--verticalNavItemBorderTopTablet);
7729        --verticalNavItemBorderRight: var(--verticalNavItemBorderRightTablet);
7730        --verticalNavItemBorderBottom: var(--verticalNavItemBorderBottomTablet);
7731        --verticalNavItemBorderLeft: var(--verticalNavItemBorderLeftTablet);
7732        /* apply main nav item border hover*/
7733        --verticalNavItemBorderTopHover: var(--verticalNavItemBorderTopHoverTablet);
7734        --verticalNavItemBorderRightHover: var(--verticalNavItemBorderRightHoverTablet);
7735        --verticalNavItemBorderBottomHover: var(--verticalNavItemBorderBottomHoverTablet);
7736        --verticalNavItemBorderLeftHover: var(--verticalNavItemBorderLeftHoverTablet);
7737
7738        /* apply main nav item border radius */
7739        --verticalNavItemBorderRadius: var(--verticalNavItemBorderRadiusTablet);
7740        --verticalNavItemBorderRadiusHover: var(--verticalNavItemBorderRadiusHoverTablet);
7741
7742        /* apply arrow */
7743        --verticalNavArrowSize: var(--verticalNavArrowSizeTablet);
7744        --verticalNavItemIconDisplay: var(--verticalNavItemIconDisplayTablet);
7745        --verticalNavItemIconColor: var(--verticalNavItemIconColorTablet);
7746        --verticalNavItemIconColorHover: var(--verticalNavItemIconColorHoverTablet);
7747        --verticalNavItemIconSize: var(--verticalNavItemIconSizeTablet);
7748        --verticalNavItemIconSizeHover: var(--verticalNavItemIconSizeHoverTablet);
7749        --verticalNavItemIconRotate: var(--verticalNavItemIconRotateTablet);
7750        --verticalNavItemIconRotateHover: var(--verticalNavItemIconRotateHoverTablet);
7751        --verticalNavItemIconSpacing: var(--verticalNavItemIconSpacingTablet);
7752        --verticalNavSubItemIconDisplay: var(--verticalNavSubItemIconDisplayTablet);
7753        --verticalNavSubItemIconColor: var(--verticalNavSubItemIconColorTablet);
7754        --verticalNavSubItemIconColorHover: var(--verticalNavSubItemIconColorHoverTablet);
7755        --verticalNavSubItemIconSize: var(--verticalNavSubItemIconSizeTablet);
7756        --verticalNavSubItemIconSizeHover: var(--verticalNavSubItemIconSizeHoverTablet);
7757        --verticalNavSubItemIconRotate: var(--verticalNavSubItemIconRotateTablet);
7758        --verticalNavSubItemIconRotateHover: var(--verticalNavSubItemIconRotateHoverTablet);
7759        --verticalNavSubItemIconSpacing: var(--verticalNavSubItemIconSpacingTablet);
7760        --verticalNavArrowWidth: var(--verticalNavArrowWidthTablet);
7761        --verticalNavArrowSpacing: var(--verticalNavArrowSpacingTablet);
7762        --verticalNavArrowColor: var(--verticalNavArrowColorTablet);
7763        --verticalNavArrowRotate: var(--verticalNavArrowRotateTablet);
7764
7765        /* apply title */
7766        --verticalNavTitleFontColor: var(--verticalNavTitleFontColorTablet);
7767        --verticalNavTitleLineHeight: var(--verticalNavTitleLineHeightTablet);
7768        --verticalNavTitleFontSize: var(--verticalNavTitleFontSizeTablet);
7769        --verticalNavTitleFontWeight: var(--verticalNavTitleFontWeightTablet);
7770        --verticalNavTitleContainerBackgroundColor: var(--verticalNavTitleContainerBackgroundColorTablet);
7771
7772        /* apply sub nav item font */
7773        --verticalNavSubItemFont: var(--verticalNavSubItemFontTablet);
7774        --verticalNavSubItemFontColor: var(--verticalNavSubItemFontColorTablet);
7775        --verticalNavSubItemFontSize: var(--verticalNavSubItemFontSizeTablet);
7776        --verticalNavSubItemFontWeight: var(--verticalNavSubItemFontWeightTablet);
7777        --verticalNavSubItemLineHeight: var(--verticalNavSubItemLineHeightTablet);
7778        --verticalNavSubItemTextDecoration: var(--verticalNavSubItemTextDecorationTablet);
7779        --verticalNavSubItemFontStyle: var(--verticalNavSubItemFontStyleTablet);
7780        --verticalNavSubItemLetterSpacing: var(--verticalNavSubItemLetterSpacingTablet);
7781        --verticalNavSubItemBackgroundColor: var(--verticalNavSubItemBackgroundColorTablet);
7782        --verticalNavSubItemHoverFontColor: var(--verticalNavSubItemHoverFontColorTablet);
7783        --verticalNavSubItemHoverBackgroundColor: var(--verticalNavSubItemHoverBackgroundColorTablet);
7784
7785        /* apply sub nav item padding */
7786        --verticalNavSubItemPaddingTop: var(--verticalNavSubItemPaddingTopTablet);
7787        --verticalNavSubItemPaddingRight: var(--verticalNavSubItemPaddingRightTablet);
7788        --verticalNavSubItemPaddingBottom: var(--verticalNavSubItemPaddingBottomTablet);
7789        --verticalNavSubItemPaddingLeft: var(--verticalNavSubItemPaddingLeftTablet);
7790
7791        /* apply sub nav item border */
7792        --verticalNavSubItemBorderTop: var(--verticalNavSubItemBorderTopTablet);
7793        --verticalNavSubItemBorderRight: var(--verticalNavSubItemBorderRightTablet);
7794        --verticalNavSubItemBorderBottom: var(--verticalNavSubItemBorderBottomTablet);
7795        --verticalNavSubItemBorderLeft: var(--verticalNavSubItemBorderLeftTablet);
7796
7797        /* apply sub nav item border radius */
7798        --verticalNavSubItemBorderRadius: var(--verticalNavSubItemBorderRadiusTablet);
7799
7800        /* apply sub nav arrow */
7801        --verticalNavSubArrowSize: var(--verticalNavSubArrowSizeTablet);
7802        --verticalNavSubArrowWidth: var(--verticalNavSubArrowWidthTablet);
7803        --verticalNavSubArrowSpacing: var(--verticalNavSubArrowSpacingTablet);
7804
7805        /* apply slide container */
7806        --verticalSlideContainerWidth: var(--verticalSlideContainerWidthTablet);
7807
7808        /* apply separator */
7809        --verticalNavSeparatorDisplay: var(--verticalNavSeparatorDisplayTablet);
7810        --verticalNavSeparatorWidth: var(--verticalNavSeparatorWidthTablet);
7811        --verticalNavSeparatorHeight: var(--verticalNavSeparatorHeightTablet);
7812        --verticalNavSeparatorColor: var(--verticalNavSeparatorColorTablet);
7813        --verticalNavSeparatorSpacing: var(--verticalNavSeparatorSpacingTablet);
7814
7815        /* apply sub separator */
7816        --verticalNavSubSeparatorDisplay: var(--verticalNavSubSeparatorDisplayTablet);
7817        --verticalNavSubSeparatorWidth: var(--verticalNavSubSeparatorWidthTablet);
7818        --verticalNavSubSeparatorHeight: var(--verticalNavSubSeparatorHeightTablet);
7819        --verticalNavSubSeparatorColor: var(--verticalNavSubSeparatorColorTablet);
7820        --verticalNavSubSeparatorSpacing: var(--verticalNavSubSeparatorSpacingTablet);
7821    }
7822
7823    /* Horizontal Navigation Styles */
7824    .wmc_menu.wmcM_menuHorizontalTablet.wmd_showMoreMenu {
7825        & .navigation-module-container {
7826            overflow: hidden;
7827        }
7828
7829        & .navigation-module-container ul.navigation-nav--main-menu {
7830            flex-wrap: nowrap !important;
7831            overflow: hidden;
7832
7833            & > .navigation-nav--item {
7834                flex-shrink: 0;
7835            }
7836        }
7837    }
7838
7839    .wmc_menu.wmcM_menuHorizontalTablet .navigation-module-container,
7840    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container {
7841        & .navigation-nav {
7842            display: flex;
7843            justify-content: var(--horizontalNavJustifyContent);
7844        }
7845
7846        /* level 1: main menu */
7847
7848        & ul.navigation-nav--main-menu {
7849            display: inline-flex;
7850            padding-left: var(--horizontalNavPaddingLeft);
7851            padding-right: var(--horizontalNavPaddingRight);
7852            padding-top: var(--horizontalNavPaddingTop);
7853            padding-bottom: var(--horizontalNavPaddingBottom);
7854            margin-left: 0;
7855            margin-right: 0;
7856            flex-direction: row;
7857            flex-wrap: wrap;
7858            align-self: center;
7859            list-style: none;
7860            background-color: var(--horizontalNavBackgroundColor);
7861            border-top: var(--horizontalNavBorderTop);
7862            border-right: var(--horizontalNavBorderRight);
7863            border-bottom: var(--horizontalNavBorderBottom);
7864            border-radius: var(--horizontalNavBorderRadius);
7865            border-left: var(--horizontalNavBorderLeft);
7866            column-gap: calc(var(--horizontalNavSeparatorSpacing) / 2);
7867
7868            & > .navigation-nav--separator {
7869                display: var(--horizontalNavSeparatorDisplay);
7870                width: var(--horizontalNavSeparatorWidth);
7871                height: var(--horizontalNavSeparatorHeight);
7872                background-color: var(--horizontalNavSeparatorColor);
7873                align-self: center;
7874                font-size: var(--horizontalNavItemFontSize);
7875                line-height: 1.4;
7876            }
7877        }
7878
7879        /* level 1: li item */
7880
7881        & .navigation-nav--item {
7882            display: grid;
7883            grid-template-columns: 1fr;
7884            align-items: center;
7885            background-color: var(--navItemBackgroundColor);
7886            border-top: var(--navItemBorderTop);
7887            border-right: var(--navItemBorderRight);
7888            border-bottom: var(--navItemBorderBottom);
7889            border-left: var(--navItemBorderLeft);
7890            border-radius: var(--navItemBorderRadius);
7891
7892            &:hover, .wmcA_hoverState &:not(.wmcA_activeState) {
7893                background-color: var(--navItemHoverBackgroundColor);
7894                border-top: var(--navItemBorderTopHover);
7895                border-right: var(--navItemBorderRightHover);
7896                border-bottom: var(--navItemBorderBottomHover);
7897                border-left: var(--navItemBorderLeftHover);
7898                border-radius: var(--navItemBorderRadiusHover);
7899
7900            }
7901
7902            &.open, &.wmcA_activeState, .wmcA_activeState & {
7903                background-color: var(--navItemActiveBackgroundColor);
7904            }
7905
7906            &:has(.navigation-nav--sub-menu):hover, &:has(.navigation-nav--sub-menu).wmcA_activeState {
7907                background-color: var(--navItemActiveBackgroundColor);
7908            }
7909
7910            & > a {
7911                display: flex;
7912                align-items: center;
7913                padding-top: var(--navItemPaddingTop);
7914                padding-bottom: var(--navItemPaddingBottom);
7915                padding-left: var(--navItemPaddingLeft);
7916                padding-right: var(--navItemPaddingRight);
7917                font-family: var(--navItemFont);
7918                color: var(--navItemFontColor);
7919                line-height: var(--navItemLineHeight);
7920                background-color: transparent;
7921                letter-spacing: var(--navItemLetterSpacing);
7922                font-size: var(--navItemFontSize);
7923                text-decoration: var(--navItemTextDecoration);
7924                font-weight: var(--navItemFontWeight);
7925                font-style: var(--navItemFontStyle);
7926
7927                &:hover, .wmcA_hoverState & {
7928                    color: var(--navItemHoverFontColor);
7929                    font-size: var(--navItemFontSizeHover);
7930                    text-decoration: var(--navItemTextDecorationHover);
7931                    font-weight: var(--navItemFontWeightHover);
7932                    font-style: var(--navItemFontStyleHover);
7933                    padding-top: var(--navItemPaddingTopHover);
7934                    padding-bottom: var(--navItemPaddingBottomHover);
7935                    padding-left: var(--navItemPaddingLeftHover);
7936                    padding-right: var(--navItemPaddingRightHover);
7937                }
7938
7939                .navigation-nav--item.open > &, .navigation-nav--item.wmcA_activeState > &, .wmcA_activeState & {
7940                    color: var(--navItemActiveFontColor);
7941                }
7942
7943                .navigation-nav--item:has(> .navigation-nav--sub-menu):hover > &, .navigation-nav--item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
7944                    color: var(--navItemActiveFontColor);
7945                }
7946            }
7947
7948            &:hover > .navigation-nav--sub-menu,
7949            &:has(.navigation-nav--sub-menu:hover) > .navigation-nav--sub-menu,
7950            .wmcA_hoverState & > .navigation-nav--sub-menu,
7951            &.open > .navigation-nav--sub-menu {
7952                opacity: 1;
7953                visibility: visible;
7954                transform: translateY(0);
7955            }
7956
7957            & .arrow {
7958                display: none;
7959                pointer-events: none;
7960            }
7961
7962            &:has(.navigation-nav--sub-menu) {
7963                display: grid;
7964                grid-template-columns: 1fr calc(var(--horizontalNavArrowSpacing) + var(--horizontalNavArrowSize));
7965                align-items: center;
7966                position: relative;
7967                padding-right: calc(var(--navItemPaddingRight) / 2);
7968
7969                & > a {
7970                    padding-right: 0;
7971                    width: 100%;
7972                }
7973
7974                & > .arrow {
7975                    display: var(--horizontalNavArrowDisplay, flex);
7976                    align-items: center;
7977                    justify-content: center;
7978                    pointer-events: auto;
7979                    position: relative;
7980                    z-index: 1;
7981                    width: var(--horizontalNavArrowSize);
7982                    height: 100%;
7983                    cursor: pointer;
7984                    margin-left: var(--horizontalNavArrowSpacing);
7985
7986                    &::after {
7987                        display: block;
7988                        content: '';
7989                        width: var(--horizontalNavArrowSize);
7990                        height: var(--horizontalNavArrowSize);
7991                        -webkit-mask-image: var(--wmd_caretIconUrl);
7992                        mask-image: var(--wmd_caretIconUrl);
7993                        -webkit-mask-size: contain;
7994                        mask-size: contain;
7995                        -webkit-mask-repeat: no-repeat;
7996                        mask-repeat: no-repeat;
7997                        -webkit-mask-position: center;
7998                        mask-position: center;
7999                        background-color: var(--horizontalNavArrowColor);
8000                        transform: var(--horizontalNavArrowRotate);
8001                        position: absolute;
8002                        left: auto;
8003                        right: auto;
8004                        top: auto;
8005                        bottom: auto;
8006                        z-index: 1;
8007                        transition: all 0.2s ease;
8008                    }
8009
8010                    &:hover, .wmcA_hoverState & {
8011                        &::after {
8012                            width: var(--horizontalNavArrowSizeHover);
8013                            height: var(--horizontalNavArrowSizeHover);
8014                            background-color: var(--horizontalNavArrowColorHover);
8015                            transform: var(--horizontalNavArrowRotateHover);
8016                        }
8017                    }
8018
8019                    .navigation-nav--item.open > &, .navigation-nav--item.wmcA_activeState > &, .wmcA_activeState & {
8020                        &::after {
8021                            background-color: var(--horizontalNavArrowColorActive);
8022                            transform: var(--horizontalNavArrowRotateActive);
8023                        }
8024                    }
8025
8026                    .navigation-nav--item:has(> .navigation-nav--sub-menu):hover > &, .navigation-nav--item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
8027                        &::after {
8028                            background-color: var(--horizontalNavArrowColorActive);
8029                            transform: var(--horizontalNavArrowRotateActive);
8030                        }
8031                    }
8032                }
8033            }
8034
8035            &.navigation-nav--more-trigger {
8036                padding-right: var(--navItemPaddingRight);
8037                grid-template-columns: 1fr max-content;
8038            }
8039        }
8040
8041        /* level 2: sub menu */
8042
8043        & .navigation-nav--sub-menu {
8044            display: flex;
8045            flex-direction: column;
8046            padding-top: var(--horizontalNavSubPaddingTop);
8047            padding-bottom: var(--horizontalNavSubPaddingBottom);
8048            padding-left: var(--horizontalNavSubPaddingLeft);
8049            padding-right: var(--horizontalNavSubPaddingRight);
8050            position: absolute;
8051            list-style: none;
8052            top: 100%;
8053            left: 0;
8054            opacity: 0;
8055            visibility: hidden;
8056            transform: translateY(10px);
8057            transition: all 0.3s ease;
8058            z-index: 100;
8059            min-width: var(--horizontalNavSubContainerWidth);
8060            box-shadow: var(--horizontalNavSubContainerShadow);
8061            background-color: var(--horizontalNavSubContainerBackgroun
8061dColor);
8062            gap: calc(var(--horizontalNavSubSeparatorSpacing) / 2);
8063            border-top: var(--horizontalNavSubContainerBorderTop);
8064            border-right: var(--horizontalNavSubContainerBorderRight);
8065            border-bottom: var(--horizontalNavSubContainerBorderBottom);
8066            border-left: var(--horizontalNavSubContainerBorderLeft);
8067            border-radius: var(--horizontalNavSubContainerBorderRadius);
8068
8069            & > .navigation-nav--separator {
8070                display: var(--horizontalNavSubSeparatorDisplay);
8071                margin: 0 auto;
8072                width: var(--horizontalNavSubSeparatorWidth);
8073                height: var(--horizontalNavSubSeparatorHeight);
8074                background-color: var(--horizontalNavSubSeparatorColor);
8075                align-self: center;
8076            }
8077        }
8078
8079        /* level 2: li sub item */
8080
8081        & .navigation-nav--sub-item {
8082            border-top: var(--horizontalNavSubItemBorderTop);
8083            border-right: var(--horizontalNavSubItemBorderRight);
8084            border-bottom: var(--horizontalNavSubItemBorderBottom);
8085            border-left: var(--horizontalNavSubItemBorderLeft);
8086            border-radius: var(--horizontalNavSubItemBorderRadius);
8087            background-color: var(--horizontalNavSubItemBackgroun
8087dColor);
8088
8089            &:hover:not(.wmcA_activeState), .wmcA_hoverState .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > &:not(.wmcA_activeState) {
8090                border-radius: var(--horizontalNavSubItemBorderRadiusHover);
8091                background-color: var(--horizontalNavSubItemHoverBackgroundColor);
8092                border-top: var(--horizontalNavSubItemBorderTopHover);
8093                border-right: var(--horizontalNavSubItemBorderRightHover);
8094                border-bottom: var(--horizontalNavSubItemBorderBottomHover);
8095                border-left: var(--horizontalNavSubItemBorderLeftHover);
8096            }
8097
8098            &.open, &.wmcA_activeState, .wmcA_activeState .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > & {
8099                background-color: var(--horizontalNavSubItemActiveBackgroundColor);
8100            }
8101
8102            &:has(.navigation-nav--sub-menu):hover, &:has(.navigation-nav--sub-menu).wmcA_activeState {
8103                background-color: var(--horizontalNavSubItemActiveBackgroundColor);
8104            }
8105
8106            & > a {
8107                display: flex;
8108                align-items: center;
8109                padding-top: var(--horizontalNavSubItemPaddingTop);
8110                padding-bottom: var(--horizontalNavSubItemPaddingBottom);
8111                padding-left: var(--horizontalNavSubItemPaddingLeft);
8112                padding-right: var(--horizontalNavSubItemPaddingRight);
8113                font-family: var(--horizontalNavSubItemFont);
8114                color: var(--horizontalNavSubItemFontColor);
8115                line-height: var(--horizontalNavSubItemLineHeight);
8116                background-color: transparent;
8117                letter-spacing: var(--horizontalNavSubItemLetterSpacing);
8118                font-weight: var(--horizontalNavSubItemFontWeight);
8119                font-size: var(--horizontalNavSubItemFontSize);
8120                text-decoration: var(--horizontalNavSubItemTextDecoration);
8121                font-style: var(--horizontalNavSubItemFontStyle);
8122
8123                &: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 > & {
8124                    color: var(--horizontalNavSubItemHoverFontColor);
8125                    font-weight: var(--horizontalNavSubItemFontWeightHover);
8126                    font-size: var(--horizontalNavSubItemFontSizeHover);
8127                    text-decoration: var(--horizontalNavSubItemTextDecorationHover);
8128                    font-style: var(--horizontalNavSubItemFontStyleHover);
8129                    padding-top: var(--horizontalNavSubItemPaddingTopHover);
8130                    padding-bottom: var(--horizontalNavSubItemPaddingBottomHover);
8131                    padding-left: var(--horizontalNavSubItemPaddingLeftHover);
8132                    padding-right: var(--horizontalNavSubItemPaddingRightHover);
8133                }
8134
8135                .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 > & {
8136                    color: var(--horizontalNavSubItemActiveFontColor);
8137                }
8138
8139                .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 > & {
8140                    color: var(--horizontalNavSubItemActiveFontColor);
8141                }
8142            }
8143
8144            &:has(.navigation-nav--sub-menu) {
8145                display: grid;
8146                grid-template-columns: 1fr calc(var(--horizontalNavSubArrowSpacing) + var(--horizontalNavSubArrowSize));
8147                align-items: center;
8148                position: relative;
8149                padding-right: calc(var(--horizontalNavSubItemPaddingRight) / 2);
8150
8151                & > a {
8152                    padding-right: 0;
8153                    width: 100%;
8154                }
8155
8156                & > .arrow {
8157                    display: var(--horizontalNavSubArrowDisplay, flex);
8158                    align-items: center;
8159                    justify-content: center;
8160                    pointer-events: auto;
8161                    position: relative;
8162                    z-index: 1;
8163                    width: var(--horizontalNavSubArrowSize);
8164                    height: 100%;
8165                    cursor: pointer;
8166                    margin-left: var(--horizontalNavSubArrowSpacing);
8167
8168                    &::after {
8169                        display: block;
8170                        content: '';
8171                        width: var(--horizontalNavSubArrowSize);
8172                        height: var(--horizontalNavSubArrowSize);
8173                        -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
8174                        mask-image: var(--wmd_submenuCaretIconUrl);
8175                        -webkit-mask-size: contain;
8176                        mask-size: contain;
8177                        -webkit-mask-repeat: no-repeat;
8178                        mask-repeat: no-repeat;
8179                        -webkit-mask-position: center;
8180                        mask-position: center;
8181                        background-color: var(--horizontalNavSubArrowColor);
8182                        transform: var(--horizontalNavSubArrowRotate);
8183                        position: absolute;
8184                        left: auto;
8185                        right: auto;
8186                        top: auto;
8187                        bottom: auto;
8188                        z-index: 1;
8189                        transition: all 0.2s ease;
8190                    }
8191
8192                    &: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 > & {
8193                        &::after {
8194                            width: var(--horizontalNavSubArrowSizeHover);
8195                            height: var(--horizontalNavSubArrowSizeHover);
8196                            background-color: var(--horizontalNavSubArrowColorHover);
8197                            transform: var(--horizontalNavSubArrowRotateHover);
8198                        }
8199                    }
8200
8201                    .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 > & {
8202                        &::after {
8203                            background-color: var(--horizontalNavSubArrowColorActive);
8204                            transform: var(--horizontalNavSubArrowRotateActive);
8205                        }
8206                    }
8207
8208                    .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 > & {
8209                        &::after {
8210                            background-color: var(--horizontalNavSubArrowColorActive);
8211                            transform: var(--horizontalNavSubArrowRotateActive);
8212                        }
8213                    }
8214                }
8215            }
8216
8217            /* Third level submenu styles */
8218
8219            & > .navigation-nav--sub-menu {
8220                top: 0;
8221                left: 100%;
8222            }
8223
8224            &:hover > .navigation-nav--sub-menu,
8225            &:has(.navigation-nav--sub-menu:hover) > .navigation-nav--sub-menu,
8226            .wmcA_hoverState & > .navigation-nav--sub-menu,
8227            &.open > .navigation-nav--sub-menu {
8228                opacity: 1;
8229                visibility: visible;
8230                transform: translateX(0);
8231            }
8232        }
8233
8234        /* parent title */
8235
8236        & .navigation-nav--parent-title {
8237            display: none;
8238
8239            & a {
8240                padding-top: var(--horizontalNavSubItemPaddingTop);
8241                padding-bottom: var(--horizontalNavSubItemPaddingBottom);
8242                padding-left: var(--horizontalNavSubItemPaddingLeft);
8243                padding-right: var(--horizontalNavSubItemPaddingRight);
8244                font-family: var(--horizontalNavSubItemFont);
8245                font-size: var(--horizontalNavSubItemFontSize);
8246                font-weight: 700;
8247                color: var(--horizontalNavSubItemFontColor);
8248                border-bottom: 1px solid var(--horizontalNavSubItemFontColor);
8249                margin-bottom: 4px;
8250            }
8251
8252            & > span {
8253                display: none;
8254            }
8255        }
8256
8257        /* back button: NONE */
8258
8259        & .navigation-nav--back {
8260            display: none;
8261        }
8262
8263        /* hide separator for hidden items */
8264
8265        .navigation-nav--item[style="display: none;"] + .navigation-nav--separator {
8266            display: none;
8267        }
8268    }
8269
8270    /* Hamburger Navigation Styles */
8271    .wmc_menu.wmcM_menuHamburgerTablet .navigation-module-container {
8272        background-color: transparent;
8273
8274        &.active {
8275            overflow-y: auto;
8276            -webkit-overflow-scrolling: touch;
8277            scrollbar-width: thin;
8278            scrollbar-color: rgba(var(--colorBwGradientJ), 0.3) transparent;
8279            display: grid;
8280            grid-template-columns: 1fr;
8281            grid-template-rows: max-content 1fr;
8282            position: fixed;
8283            padding-top: var(--hamburgerNavPaddingTop);
8284            padding-bottom: var(--hamburgerNavPaddingBottom);
8285            padding-left: var(--hamburgerNavPaddingLeft);
8286            padding-right: var(--hamburgerNavPaddingRight);
8287            top: calc(var(--wm_scrollTopNav) / var(--wm_scale));
8288            left: 0;
8289            width: 100%;
8290            height: 100%;
8291            z-index: 1000;
8292            background-color: var(--hamburgerNavBackgroundColor);
8293            transition: background-color 0.8s ease-in;
8294
8295            & .navigation-nav {
8296                display: block;
8297
8298                & > ul.navigation-nav--main-menu.start-animation {
8299                    & > li {
8300                        --item-delay: ;
8301                        top: 0;
8302                        opacity: 1;
8303                        transition-delay: var(--item-delay, 0.5s);
8304                    }
8305                }
8306            }
8307        }
8308
8309        & .navigation-nav {
8310            display: none;
8311            position: relative;
8312            z-index: 100;
8313            overflow: hidden;
8314            justify-self: var(--hamburgerNavJustifySelf);
8315            max-width: var(--hamburgerSlideContainerWidth);
8316            width: 100%;
8317
8318            & * {
8319                transition: all 0.3s ease;
8320            }
8321
8322            & > ul.navigation-nav--main-menu {
8323                & > li {
8324                    top: 100px;
8325                    opacity: 0;
8326                    position: relative;
8327
8328                    &.open {
8329                        position: static;
8330                    }
8331                }
8332            }
8333        }
8334
8335        /* level 1: main menu */
8336
8337        & ul.navigation-nav--main-menu {
8338            display: grid;
8339            margin: 0;
8340            padding: 0;
8341            grid-template-columns: 1fr;
8342            list-style: none;
8343            width: 100%;
8344            max-width: var(--hamburgerSlideContainerWidth);
8345            gap: calc(var(--hamburgerNavSeparatorSpacing) / 2);
8346            background-color: transparent;
8347
8348            & ul.navigation-nav--sub-menu {
8349                transform: translateX(var(--hamburgerSlideContainerWidth));
8350            }
8351
8352            &:has(.open) {
8353                transform: translateX(calc(var(--hamburgerSlideContainerWidth) * -1));
8354
8355                & .open > ul.navigation-nav--sub-menu {
8356                    transform: translateX(var(--hamburgerSlideContainerWidth));
8357
8358                    &:has(.open) {
8359                        transform: translateX(0px);
8360                    }
8361                }
8362            }
8363
8364            & > .navigation-nav--separator {
8365                display: var(--hamburgerNavSeparatorDisplay);
8366                margin: 0 auto;
8367                width: var(--hamburgerNavSeparatorWidth);
8368                height: var(--hamburgerNavSeparatorHeight);
8369                background-color: var(--hamburgerNavSeparatorColor);
8370                align-self: center;
8371            }
8372        }
8373
8374        /* level 1: li item */
8375
8376        & .navigation-nav--item {
8377            display: flex;
8378            align-items: center;
8379            border-top: var(--hamburgerNavItemBorderTop);
8380            border-right: var(--hamburgerNavItemBorderRight);
8381            border-bottom: var(--hamburgerNavItemBorderBottom);
8382            border-left: var(--hamburgerNavItemBorderLeft);
8383            border-radius: var(--hamburgerNavItemBorderRadius);
8384            background-color: var(--hamburgerNavItemBackgroundColor);
8385
8386            &:hover, .wmcA_hoverState &, .wmcA_hoverState & {
8387                background-color: var(--hamburgerNavItemHoverBackgroundColor);
8388                border-top: var(--hamburgerNavItemBorderTopHover);
8389                border-right: var(--hamburgerNavItemBorderRightHover);
8390                border-bottom: var(--hamburgerNavItemBorderBottomHover);
8391                border-left: var(--hamburgerNavItemBorderLeftHover);
8392                border-radius: var(--hamburgerNavItemBorderRadiusHover);
8393            }
8394
8395            & > a {
8396                display: flex;
8397                align-items: center;
8398                justify-content: var(--hamburgerNavItemsAlignment);
8399                text-align: var(--hamburgerNavItemsAlignment);
8400                padding-top: var(--hamburgerNavItemPaddingTop);
8401                padding-bottom: var(--hamburgerNavItemPaddingBottom);
8402                padding-left: var(--hamburgerNavItemPaddingLeft);
8403                padding-right: var(--hamburgerNavItemPaddingRight);
8404                font-family: var(--hamburgerNavItemFont);
8405                font-size: var(--hamburgerNavItemFontSize);
8406                color: var(--hamburgerNavItemFontColor);
8407                font-weight: var(--hamburgerNavItemFontWeight);
8408                line-height: var(--hamburgerNavItemLineHeight);
8409                text-decoration: var(--hamburgerNavItemTextDecoration);
8410                font-style: var(--hamburgerNavItemFontStyle);
8411                letter-spacing: var(--hamburgerNavItemLetterSpacing);
8412                background-color: transparent;
8413                width: var(--hamburgerNavArrowAutoSpacing);
8414
8415                &:hover, .wmcA_hoverState & {
8416                    color: var(--hamburgerNavItemHoverFontColor);
8417                    font-size: var(--hamburgerNavItemFontSizeHover) !important;
8418                    padding-top: var(--hamburgerNavItemPaddingTopHover);
8419                    padding-bottom: var(--hamburgerNavItemPaddingBottomHover);
8420                    padding-left: var(--hamburgerNavItemPaddingLeftHover);
8421                    padding-right: var(--hamburgerNavItemPaddingRightHover);
8422                    font-family: var(--hamburgerNavItemFontHover);
8423                    font-weight: var(--hamburgerNavItemFontWeightHover);
8424                    line-height: var(--hamburgerNavItemLineHeightHover);
8425                    text-decoration: var(--hamburgerNavItemTextDecorationHover);
8426                    font-style: var(--hamburgerNavItemFontStyleHover);
8427                    letter-spacing: var(--hamburgerNavItemLetterSpacingHover);
8428                }
8429            }
8430
8431            & .arrow {
8432                display: none;
8433                pointer-events: none;
8434            }
8435
8436            /* Items without a sub menu reserve the arrow footprint so their
8437               text aligns with arrowed items for any items alignment. */
8438            &:not(:has(.navigation-nav--sub-menu)) {
8439                gap: var(--hamburgerNavArrowSpacing);
8440                padding-right: var(--hamburgerNavItemPaddingRight);
8441
8442                & > a {
8443                    padding-right: 0;
8444                }
8445
8446                &::after {
8447                    content: '';
8448                    flex: 0 0 var(--hamburgerNavArrowSize);
8449                    height: var(--hamburgerNavArrowSize);
8450                }
8451            }
8452
8453            &:has(.navigation-nav--sub-menu) {
8454                display: flex;
8455                align-items: center;
8456                gap: var(--hamburgerNavArrowSpacing);
8457                padding-right: var(--hamburgerNavItemPaddingRight);
8458
8459                & > a {
8460                    padding-right: 0;
8461                }
8462
8463                & > .arrow {
8464                    display: flex;
8465                    align-items: center;
8466                    justify-content: flex-end;
8467                    pointer-events: auto;
8468                    position: relative;
8469                    z-index: 1;
8470                    width: var(--hamburgerNavArrowSize);
8471                    height: var(--hamburgerNavArrowSize);
8472                    cursor: pointer;
8473
8474                    &::after {
8475                        display: block;
8476                        content: '';
8477                        width: var(--hamburgerNavArrowSize);
8478                        height: var(--hamburgerNavArrowSize);
8479                        -webkit-mask-image: var(--wmd_menuItemIconUrl);
8480                        mask-image: var(--wmd_menuItemIconUrl);
8481                        -webkit-mask-size: contain;
8482                        mask-size: contain;
8483                        -webkit-mask-repeat: no-repeat;
8484                        mask-repeat: no-repeat;
8485                        -webkit-mask-position: center;
8486                        mask-position: center;
8487                        background-color: var(--hamburgerNavArrowColor);
8488                        transform: var(--hamburgerNavArrowRotate);
8489                        transition: all 0.3s ease;
8490                    }
8491
8492                    &:hover, .wmcA_hoverState & {
8493                        width: var(--hamburgerNavArrowSizeHover);
8494                        height: var(--hamburgerNavArrowSizeHover);
8495
8496                        &::after {
8497                            width: var(--hamburgerNavArrowSizeHover);
8498                            height: var(--hamburgerNavArrowSizeHover);
8499                            background-color: var(--hamburgerNavArrowColorHover);
8500                            transform: var(--hamburgerNavArrowRotateHover);
8501                        }
8502                    }
8503                }
8504            }
8505
8506            &.open > .navigation-nav--sub-menu {
8507                z-index: 1;
8508                opacity: 1;
8509                visibility: visible;
8510                pointer-events: auto;
8511            }
8512        }
8513
8514        /* level 2: sub menu */
8515
8516        & .navigation-nav--sub-menu {
8517            display: grid;
8518            margin: 0;
8519            padding: 0;
8520            grid-template-columns: 1fr;
8521            position: absolute;
8522            top: 0;
8523            left: 0;
8524            z-index: -1;
8525            list-style: none;
8526            opacity: 0;
8527            visibility: hidden;
8528            width: 100%;
8529            max-width: var(--hamburgerSlideContainerWidth);
8530            background-color: var(--hamburgerNavSubBackgroundColor);
8531            pointer-events: none;
8532            gap: calc(var(--hamburgerNavSubSeparatorSpacing) / 2);
8533
8534            & > .navigation-nav--separator {
8535                display: var(--hamburgerNavSubSeparatorDisplay);
8536                margin: 0 auto;
8537                width: var(--hamburgerNavSubSeparatorWidth);
8538                height: var(--hamburgerNavSubSeparatorHeight);
8539                background-color: var(--hamburgerNavSubSeparatorColor);
8540                align-self: center;
8541            }
8542        }
8543
8544        /* level 2: li sub item */
8545
8546        & .navigation-nav--sub-item {
8547            display: flex;
8548            align-items: center;
8549
8550            border-top: var(--hamburgerNavSubItemBorderTop);
8551            border-right: var(--hamburgerNavSubItemBorderRight);
8552            border-bottom: var(--hamburgerNavSubItemBorderBottom);
8553            border-left: var(--hamburgerNavSubItemBorderLeft);
8554            border-radius: var(--hamburgerNavSubItemBorderRadius);
8555            background-color: var(--hamburgerNavSubItemBackgroun
8555dColor);
8556
8557            &:hover, .wmcA_hoverState & {
8558                background-color: var(--hamburgerNavSubItemHoverBackgroundColor);
8559                border-radius: var(--hamburgerNavSubItemBorderRadiusHover);
8560                border-top: var(--hamburgerNavSubItemBorderTopHover);
8561                border-right: var(--hamburgerNavSubItemBorderRightHover);
8562                border-bottom: var(--hamburgerNavSubItemBorderBottomHover);
8563                border-left: var(--hamburgerNavSubItemBorderLeftHover);
8564            }
8565
8566            & > a {
8567                display: flex;
8568                align-items: center;
8569                padding-top: var(--hamburgerNavSubItemPaddingTop);
8570                padding-bottom: var(--hamburgerNavSubItemPaddingBottom);
8571                padding-left: var(--hamburgerNavSubItemPaddingLeft);
8572                padding-right: var(--hamburgerNavSubItemPaddingRight);
8573                font-family: var(--hamburgerNavSubItemFont);
8574                font-size: var(--hamburgerNavSubItemFontSize);
8575                color: var(--hamburgerNavSubItemFontColor);
8576                font-weight: var(--hamburgerNavSubItemFontWeight);
8577                line-height: var(--hamburgerNavSubItemLineHeight);
8578                text-decoration: var(--hamburgerNavSubItemTextDecoration);
8579                font-style: var(--hamburgerNavSubItemFontStyle);
8580                letter-spacing: var(--hamburgerNavSubItemLetterSpacing);
8581                background-color: transparent;
8582                width: var(--hamburgerNavSubArrowAutoSpacing);
8583
8584                &:hover, .wmcA_hoverState & {
8585                    color: var(--hamburgerNavSubItemHoverFontColor);
8586                    font-size: var(--hamburgerNavSubItemFontSizeHover);
8587                    font-family: var(--hamburgerNavSubItemFontHover);
8588                    font-weight: var(--hamburgerNavSubItemFontWeightHover);
8589                    line-height: var(--hamburgerNavSubItemLineHeightHover);
8590                    text-decoration: var(--hamburgerNavSubItemTextDecorationHover);
8591                    font-style: var(--hamburgerNavSubItemFontStyleHover);
8592                    letter-spacing: var(--hamburgerNavSubItemLetterSpacingHover);
8593                    padding-top: var(--hamburgerNavSubItemPaddingTopHover);
8594                    padding-bottom: var(--hamburgerNavSubItemPaddingBottomHover);
8595                    padding-left: var(--hamburgerNavSubItemPaddingLeftHover);
8596                    padding-right: var(--hamburgerNavSubItemPaddingRightHover);
8597                }
8598            }
8599
8600            &:has(.navigation-nav--sub-menu) {
8601                display: flex;
8602                align-items: center;
8603                gap: var(--hamburgerNavSubArrowSpacing);
8604                padding-right: var(--hamburgerNavSubItemPaddingRight);
8605
8606                & > a {
8607                    padding-right: 0;
8608                }
8609
8610                & > .arrow {
8611                    display: flex;
8612                    align-items: center;
8613                    justify-content: flex-end;
8614                    pointer-events: auto;
8615                    position: relative;
8616                    z-index: 1;
8617                    width: var(--hamburgerNavSubArrowSize);
8618                    height: var(--hamburgerNavSubArrowSize);
8619                    cursor: pointer;
8620
8621                    &::after {
8622                        display: block;
8623                        content: '';
8624                        width: var(--hamburgerNavSubArrowSize);
8625                        height: var(--hamburgerNavSubArrowSize);
8626                        -webkit-mask-image: var(--wmd_submenuItemIconUrl);
8627                        mask-image: var(--wmd_submenuItemIconUrl);
8628                        -webkit-mask-size: contain;
8629                        mask-size: contain;
8630                        -webkit-mask-repeat: no-repeat;
8631                        mask-repeat: no-repeat;
8632                        -webkit-mask-position: center;
8633                        mask-position: center;
8634                        background-color: var(--hamburgerNavSubArrowColor);
8635                        transform: var(--hamburgerNavSubArrowRotate);
8636                        transition: all 0.3s ease;
8637                    }
8638
8639                    &:hover, .wmcA_hoverState & {
8640                        width: var(--hamburgerNavSubArrowSizeHover);
8641                        height: var(--hamburgerNavSubArrowSizeHover);
8642
8643                        &::after {
8644                            width: var(--hamburgerNavSubArrowSizeHover);
8645                            height: var(--hamburgerNavSubArrowSizeHover);
8646                            background-color: var(--hamburgerNavSubArrowColorHover);
8647                            transform: var(--hamburgerNavSubArrowRotateHover);
8648                        }
8649                    }
8650                }
8651            }
8652
8653            &.open > .navigation-nav--sub-menu {
8654                z-index: 1;
8655                opacity: 1;
8656                visibility: visible;
8657                pointer-events: auto;
8658            }
8659        }
8660
8661        /* parent title */
8662
8663        & .navigation-nav--parent-title {
8664            display: flex;
8665            align-items: center;
8666            gap: var(--hamburgerTitleArrowSpacing);
8667            padding-right: var(--hamburgerTitlePaddingRight);
8668            border-top: var(--hamburgerTitleBorderTop);
8669            border-right: var(--hamburgerTitleBorderRight);
8670            border-bottom: var(--hamburgerTitleBorderBottom);
8671            border-left: var(--hamburgerTitleBorderLeft);
8672            border-radius: var(--hamburgerTitleBorderRadius);
8673            background-color: var(--hamburgerTitleBackgroundColor);
8674
8675            &:hover, .wmcA_hoverState & {
8676                /* border-top: var(--hamburgerTitleBorderTopHover);
8677                border-right: var(--hamburgerTitleBorderRightHover);
8678                border-bottom: var(--hamburgerTitleBorderBottomHover);
8679                border-left: var(--hamburgerTitleBorderLeftHover);
8680                border-radius: var(--hamburgerTitleBorderRadiusHover);
8681                background-color: var(--hamburgerTitleBackgroundColorHover);
8682                padding-right: var(--hamburgerTitlePaddingRightHover); */
8683            }
8684
8685            & > a {
8686                display: block;
8687                padding-top: var(--hamburgerTitlePaddingTop);
8688                padding-bottom: var(--hamburgerTitlePaddingBottom);
8689                padding-left: var(--hamburgerTitlePaddingLeft);
8690                padding-right: var(--hamburgerTitlePaddingRight);
8691                font-family: var(--hamburgerTitleFont);
8692                font-size: var(--hamburgerTitleFontSize);
8693                line-height: var(--hamburgerTitleLineHeight);
8694                font-weight: var(--hamburgerTitleFontWeight);
8695                color: var(--hamburgerTitleFontColor);
8696                font-style: var(--hamburgerTitleFontStyle);
8697                letter-spacing: var(--hamburgerTitleLetterSpacing);
8698                text-decoration: var(--hamburgerTitleTextDecoration);
8699                pointer-events: none;
8700                width: 100%;
8701
8702                &:hover, .wmcA_hoverState & {
8703                    padding-top: var(--hamburgerTitlePaddingTopHover);
8704                    padding-bottom: var(--hamburgerTitlePaddingBottomHover);
8705                    padding-left: var(--hamburgerTitlePaddingLeftHover);
8706                    padding-right: var(--hamburgerTitlePaddingRightHover);
8707                }
8708            }
8709
8710            & > span {
8711                display: flex;
8712                align-items: center;
8713                justify-content: flex-end;
8714                pointer-events: auto;
8715                position: relative;
8716                z-index: 1;
8717                width: var(--hamburgerTitleArrowSize);
8718                height: var(--hamburgerTitleArrowSize);
8719
8720                &::after {
8721                    display: block;
8722                    content: '';
8723                    width: var(--hamburgerTitleArrowSize);
8724                    height: var(--hamburgerTitleArrowSize);
8725                    -webkit-mask-image: var(--wmd_menuItemIconUrl);
8726                    mask-image: var(--wmd_menuItemIconUrl);
8727                    -webkit-mask-size: contain;
8728                    mask-size: contain;
8729                    -webkit-mask-repeat: no-repeat;
8730                    mask-repeat: no-repeat;
8731                    -webkit-mask-position: center;
8732                    mask-position: center;
8733                    background-color: var(--hamburgerTitleArrowColor);
8734                    transform: var(--hamburgerTitleArrowRotate);
8735                }
8736            }
8737        }
8738
8739        /* back button */
8740
8741        & .navigation-nav--back {
8742            display: block;
8743            padding-top: var(--hamburgerNavBackButtonPaddingTop);
8744            padding-bottom: var(--hamburgerNavBackButtonPaddingBottom);
8745            padding-left: var(--hamburgerNavBackButtonPaddingLeft);
8746            padding-right: var(--hamburgerNavBackButtonPaddingRight);
8747            border-top: var(--hamburgerNavBackButtonBorderTop);
8748            border-right: var(--hamburgerNavBackButtonBorderRight);
8749            border-bottom: var(--hamburgerNavBackButtonBorderBottom);
8750            border-left: var(--hamburgerNavBackButtonBorderLeft);
8751            border-radius: var(--hamburgerNavBackButtonBorderRadius);
8752            background-color: var(--hamburgerNavBackButtonBackgroundColor);
8753
8754            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
8755                border-radius: var(--hamburgerNavBackButtonBorderRadiusHover);
8756                background-color: var(--hamburgerNavBackButtonHoverBackgroundColor);
8757                padding-top: var(--hamburgerNavBackButtonPaddingTopHover);
8758                padding-bottom: var(--hamburgerNavBackButtonPaddingBottomHover);
8759                padding-left: var(--hamburgerNavBackButtonPaddingLeftHover);
8760                padding-right: var(--hamburgerNavBackButtonPaddingRightHover);
8761                border-top: var(--hamburgerNavBackButtonBorderTopHover);
8762                border-right: var(--hamburgerNavBackButtonBorderRightHover);
8763                border-bottom: var(--hamburgerNavBackButtonBorderBottomHover);
8764                border-left: var(--hamburgerNavBackButtonBorderLeftHover);
8765            }
8766
8767            & a {
8768                display: inline-flex;
8769                align-items: center;
8770                gap: var(--hamburgerNavBackButtonArrowSpacing);
8771                font-family: var(--hamburgerNavBackButtonFont);
8772                font-size: var(--hamburgerNavBackButtonFontSize);
8773                font-weight: var(--hamburgerNavBackButtonFontWeight);
8774                color: var(--hamburgerNavBackButtonColor);
8775                text-decoration: var(--hamburgerNavBackButtonTextDecoration);
8776                line-height: var(--hamburgerNavBackButtonLineHeight);
8777                font-style: var(--hamburgerNavBackButtonFontStyle);
8778                letter-spacing: var(--hamburgerNavBackButtonLetterSpacing);
8779                background-color: transparent;
8780                width: 100%;
8781
8782                &::before {
8783                    content: '';
8784                    display: inline-block;
8785                    width: var(--hamburgerNavBackButtonArrowSize);
8786                    height: var(--hamburgerNavBackButtonArrowSize);
8787                    -webkit-mask-image: var(--wmd_backIconUrl);
8788                    mask-image: var(--wmd_backIconUrl);
8789                    -webkit-mask-size: contain;
8790                    mask-size: contain;
8791                    -webkit-mask-repeat: no-repeat;
8792                    mask-repeat: no-repeat;
8793                    -webkit-mask-position: center;
8794                    mask-position: center;
8795                    background-color: var(--hamburgerNavBackButtonColor);
8796                    transform: var(--hamburgerNavBackButtonArrowRotate);
8797                    transition: all 0.3s ease;
8798                }
8799
8800                &:hover, .wmcA_hoverState & {
8801                    color: var(--hamburgerNavBackButtonHoverFontColor);
8802
8803                    &::before {
8804                        background-color: var(--hamburgerNavBackButtonHoverFontColor);
8805                        width: var(--hamburgerNavBackButtonArrowSizeHover);
8806                        height: var(--hamburgerNavBackButtonArrowSizeHover);
8807                    }
8808                }
8809            }
8810        }
8811
8812        /* hamburger button */
8813
8814        & .hamburger-button {
8815            display: flex;
8816            justify-content: center;
8817            align-items: center;
8818            padding: 0;
8819            margin: 0;
8820            position: relative;
8821            z-index: 100;
8822            cursor: pointer;
8823            background-color: transparent;
8824            border: none;
8825            width: var(--hamburgerMenuIconSize);
8826            height: var(--hamburgerMenuIconSize);
8827            flex-wrap: wrap;
8828
8829            & * {
8830                transition: all 0.3s ease;
8831            }
8832
8833            &.show-border {
8834                border: 1px solid var(--hamburgerMenuIconColor);
8835            }
8836
8837            & .hamburger-button-icon--container {
8838                display: block;
8839                width: var(--hamburgerMenuIconSize);
8840                height: var(--hamburgerMenuIconSize);
8841            }
8842
8843            & .hamburger-button-icon {
8844                display: flex;
8845                align-items: center;
8846                justify-content: center;
8847                margin: auto;
8848                width: var(--hamburgerMenuIconSize);
8849                height: var(--hamburgerMenuIconSize);
8850
8851                &::before {
8852                    content: '';
8853                    display: inline-block;
8854                    width: var(--hamburgerMenuIconSize);
8855                    height: var(--hamburgerMenuIconSize);
8856                    -webkit-mask-image: var(--wmd_hamburgerIconUrl);
8857                    mask-image: var(--wmd_hamburgerIconUrl);
8858                    -webkit-mask-size: contain;
8859                    mask-size: contain;
8860                    -webkit-mask-repeat: no-repeat;
8861                    mask-repeat: no-repeat;
8862                    -webkit-mask-position: center;
8863                    mask-position: center;
8864                    background-color: var(--hamburgerMenuIconColor);
8865                }
8866            }
8867
8868            & .hamburger-button-text {
8869                display: var(--hamburgerMenuDisplay);
8870                font-family: var(--hamburgerNavItemFont);
8871                font-size: 12px;
8872                font-weight: 700;
8873                line-height: 1;
8874                color: var(--hamburgerMenuIconColor);
8875                text-align: center;
8876                text-decoration: none;
8877                text-transform: uppercase;
8878            }
8879
8880            &:hover, .wmcA_hoverState & {
8881                & .hamburger-button-icon--container {
8882                    width: var(--hamburgerMenuIconSizeHover);
8883                    height: var(--hamburgerMenuIconSizeHover);
8884                }
8885
8886                & .hamburger-button-icon {
8887                    width: var(--hamburgerMenuIconSizeHover);
8888                    height: var(--hamburgerMenuIconSizeHover);
8889
8890                    &::before {
8891                        background-color: var(--hamburgerMenuIconHoverColor);
8892                        width: var(--hamburgerMenuIconSizeHover);
8893                        height: var(--hamburgerMenuIconSizeHover)
8894                    }
8895                }
8896
8897                & .hamburger-button-text {
8898                    color: var(--hamburgerMenuIconHoverColor);
8899                }
8900            }
8901
8902            &.active {
8903                margin-bottom: 25px;
8904                justify-self: var(--hamburgerMenuJustifySelf);
8905                width: var(--hamburgerMenuIconActiveSize);
8906                height: var(--hamburgerMenuIconActiveSize);
8907
8908                & .hamburger-button-icon--container {
8909                    width: var(--hamburgerMenuIconActiveSize);
8910                    height: var(--hamburgerMenuIconActiveSize);
8911                }
8912
8913                & .hamburger-button-icon {
8914                    width: var(--hamburgerMenuIconActiveSize);
8915                    height: var(--hamburgerMenuIconActiveSize);
8916
8917                    &::before {
8918                        width: var(--hamburgerMenuIconActiveSize);
8919                        height: var(--hamburgerMenuIconActiveSize);
8920                        -webkit-mask-image: var(--wmd_closeIconUrl);
8921                        mask-image: var(--wmd_closeIconUrl);
8922                        background-color: var(--hamburgerMenuIconActiveColor);
8923                    }
8924                }
8925
8926                & .hamburger-button-text {
8927                    color: var(--hamburgerMenuIconActiveColor);
8928                    height: 1px;
8929                    padding: 0;
8930                    margin: -1px;
8931                    visibility: hidden;
8932                    transition: none;
8933                    position: absolute;
8934                }
8935
8936                &:hover, .wmcA_hoverState & {
8937                    & .hamburger-button-icon--container {
8938                        width: var(--hamburgerMenuIconActiveSizeHover);
8939                        height: var(--hamburgerMenuIconActiveSizeHover);
8940                    }
8941
8942                    & .hamburger-button-icon {
8943                        width: var(--hamburgerMenuIconActiveSizeHover);
8944                        height: var(--hamburgerMenuIconActiveSizeHover);
8945
8946                        &::before {
8947                            width: var(--hamburgerMenuIconActiveSizeHover);
8948                            height: var(--hamburgerMenuIconActiveSizeHover);
8949                            background-color: var(--hamburgerMenuIconActiveHoverColor);
8950                        }
8951                    }
8952
8953                    & .hamburger-button-text {
8954                        color: var(--hamburgerMenuIconActiveHoverColor);
8955                    }
8956                }
8957            }
8958        }
8959    }
8960
8961    /* Vertical Navigation Styles */
8962    .wmc_menu.wmcM_menuVerticalTablet .navigation-module-container {
8963        & .navigation-nav {
8964            overflow: hidden;
8965            position: relative;
8966            padding-top: var(--verticalNavPaddingTop);
8967            padding-bottom: var(--verticalNavPaddingBottom);
8968            padding-left: var(--verticalNavPaddingLeft);
8969            padding-right: var(--verticalNavPaddingRight);
8970            border-top: var(--verticalNavBorderTop);
8971            border-right: var(--verticalNavBorderRight);
8972            border-bottom: var(--verticalNavBorderBottom);
8973            border-left: var(--verticalNavBorderLeft);
8974            border-radius: var(--verticalNavBorderRadius);
8975
8976            & * {
8977                transition: all 0.3s ease;
8978            }
8979        }
8980
8981        /* level 1: main menu */
8982
8983        & ul.navigation-nav--main-menu {
8984            display: grid;
8985            margin: 0;
8986            padding: 0;
8987            grid-template-columns: 1fr;
8988            align-self: center;
8989            justify-self: var(--verticalNavJustifySelf);
8990            list-style: none;
8991            width: var(--verticalNavWidth);
8992            max-width: var(--verticalSlideContainerWidth);
8993            gap: calc(var(--verticalNavSeparatorSpacing) / 2);
8994
8995            & ul.navigation-nav--sub-menu {
8996                transform: translateX(var(--verticalSlideContainerWidth));
8997            }
8998
8999            &:has(.open) {
9000                transform: translateX(calc(var(--verticalSlideContainerWidth) * -1));
9001
9002                & .open > ul.navigation-nav--sub-menu {
9003                    transform: translateX(var(--verticalSlideContainerWidth));
9004
9005                    &:has(.open) {
9006                        transform: translateX(0px);
9007                    }
9008                }
9009            }
9010
9011            /* separator */
9012
9013            & > .navigation-nav--separator {
9014                display: var(--verticalNavSeparatorDisplay);
9015                margin: 0 auto;
9016                width: var(--verticalNavSeparatorWidth);
9017                height: var(--verticalNavSeparatorHeight);
9018                background-color: var(--verticalNavSeparatorColor);
9019            }
9020        }
9021
9022        /* level 1: li item */
9023
9024        & .navigation-nav--item {
9025            display: grid;
9026            grid-template-columns: 1fr;
9027            align-items: center;
9028            border-top: var(--verticalNavItemBorderTop);
9029            border-right: var(--verticalNavItemBorderRight);
9030            border-bottom: var(--verticalNavItemBorderBottom);
9031            border-left: var(--verticalNavItemBorderLeft);
9032            border-radius: var(--verticalNavItemBorderRadius);
9033            background-color: var(--verticalNavItemBackgroundColor);
9034
9035            &:hover, .wmcA_hoverState & {
9036                border-top: var(--verticalNavItemBorderTopHover);
9037                border-right: var(--verticalNavItemBorderRightHover);
9038                border-bottom: var(--verticalNavItemBorderBottomHover);
9039                border-left: var(--verticalNavItemBorderLeftHover);
9040                border-radius: var(--verticalNavItemBorderRadiusHover);
9041            }
9042
9043            & > a {
9044                display: flex;
9045                align-items: center;
9046                justify-content: var(--verticalNavItemsAlignment);
9047                text-align: var(--verticalNavItemsAlignment);
9048                padding-top: var(--verticalNavItemPaddingTop);
9049                padding-right: var(--verticalNavItemPaddingRight);
9050                padding-bottom: var(--verticalNavItemPaddingBottom);
9051                padding-left: var(--verticalNavItemPaddingLeft);
9052                font-family: var(--verticalNavItemFont);
9053                font-size: var(--verticalNavItemFontSize);
9054                font-weight: var(--verticalNavItemFontWeight);
9055                color: var(--verticalNavItemFontColor);
9056                line-height: var(--verticalNavItemLineHeight);
9057                text-decoration: var(--verticalNavItemTextDecoration);
9058                font-style: var(--verticalNavItemFontStyle);
9059                background-color: transparent;
9060                letter-spacing: var(--verticalNavItemLetterSpacing);
9061
9062                &:hover, .wmcA_hoverState & {
9063                    color: var(--verticalNavItemHoverFontColor);
9064                    padding-top: var(--verticalNavItemPaddingTopHover);
9065                    padding-right: var(--verticalNavItemPaddingRightHover);
9066                    padding-bottom: var(--verticalNavItemPaddingBottomHover);
9067                    padding-left: var(--verticalNavItemPaddingLeftHover);
9068                    font-style: var(--verticalNavItemFontStyleHover);
9069                    text-decoration: var(--verticalNavItemTextDecorationHover);
9070                    font-size: var(--verticalNavItemFontSizeHover);
9071                    font-weight: var(--verticalNavItemFontWeightHover);
9072                }
9073            }
9074
9075            & .arrow {
9076                display: none;
9077                pointer-events: none;
9078            }
9079
9080            /* hide: no sub menu for vertical navigation */
9081
9082            &:has(.navigation-nav--sub-menu) {
9083                display: grid;
9084                /* grid-template-columns: 1fr var(--verticalNavArrowSize); */
9085                grid-template-columns: 1fr;
9086                align-items: center;
9087                column-gap: var(--verticalNavArrowSpacing);
9088                padding-right: var(--verticalNavItemPaddingRight);
9089
9090                & > a {
9091                    padding-right: 0;
9092                    width: 100%;
9093                }
9094
9095                & > .arrow {
9096                    display: none; /* hide: no sub menu for vertical navigation */
9097                    align-items: center;
9098                    justify-content: flex-end;
9099                    pointer-events: auto;
9100                    position: relative;
9101                    z-index: 1;
9102                    width: var(--verticalNavArrowSize);
9103                    height: var(--verticalNavArrowSize);
9104                    cursor: pointer;
9105
9106                    &::after {
9107                        display: block;
9108                        content: '';
9109                        width: var(--verticalNavArrowSize);
9110                        height: var(--verticalNavArrowSize);
9111                        -webkit-mask-image: var(--wmd_caretIconUrl);
9112                        mask-image: var(--wmd_caretIconUrl);
9113                        -webkit-mask-size: contain;
9114                        mask-size: contain;
9115                        -webkit-mask-repeat: no-repeat;
9116                        mask-repeat: no-repeat;
9117                        -webkit-mask-position: center;
9118                        mask-position: center;
9119                        background-color: var(--verticalNavArrowColor);
9120                        transform: var(--verticalNavArrowRotate);
9121                    }
9122                }
9123            }
9124
9125            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
9126                background-color: var(--verticalNavItemHoverBackgroun
9126dColor);
9127
9128                & .arrow:hover, .wmcA_hoverState & {
9129                    &::after {
9130                        border-left-color: var(--verticalNavItemHoverFontColor);
9131                    }
9132                }
9133            }
9134
9135            &.open {
9136                & > .arrow {
9137                    &::after {
9138                        transform: rotate(90deg);
9139                    }
9140                }
9141
9142                & > .navigation-nav--sub-menu {
9143                    display: grid;
9144                    grid-template-columns: 1fr;
9145                    opacity: 1;
9146                    visibility: visible;
9147                    pointer-events: auto;
9148                }
9149            }
9150        }
9151
9152        /* level 2: sub menu */
9153
9154        & .navigation-nav--sub-menu {
9155            display: none;
9156            margin: 0;
9157            padding: 0;
9158            position: absolute;
9159            top: 0;
9160            left: 0;
9161            z-index: -1;
9162            list-style: none;
9163            opacity: 0;
9164            visibility: hidden;
9165            width: 100%;
9166            max-width: var(--verticalSlideContainerWidth);
9167            pointer-events: none;
9168            gap: calc(var(--verticalNavSubSeparatorSpacing) / 2);
9169
9170            /* separator */
9171
9172            & > .navigation-nav--separator {
9173                display: var(--verticalNavSubSeparatorDisplay);
9174                margin: 0 auto;
9175                width: var(--verticalNavSubSeparatorWidth);
9176                height: var(--verticalNavSubSeparatorHeight);
9177                background-color: var(--verticalNavSubSeparatorColor);
9178            }
9179        }
9180
9181        /* level 2: li sub item */
9182
9183        & .navigation-nav--sub-item {
9184            display: grid;
9185            grid-template-columns: 1fr;
9186            align-items: center;
9187            border-top: var(--verticalNavSubItemBorderTop);
9188            border-right: var(--verticalNavSubItemBorderRight);
9189            border-bottom: var(--verticalNavSubItemBorderBottom);
9190            border-left: var(--verticalNavSubItemBorderLeft);
9191            border-radius: var(--verticalNavSubItemBorderRadius);
9192            background-color: var(--verticalNavSubItemBackgroundColor);
9193
9194            & > a {
9195                display: flex;
9196                align-items: center;
9197                padding-top: var(--verticalNavSubItemPaddingTop);
9198                padding-right: var(--verticalNavSubItemPaddingRight);
9199                padding-bottom: var(--verticalNavSubItemPaddingBottom);
9200                padding-left: var(--verticalNavSubItemPaddingLeft);
9201                font-family: var(--verticalNavSubItemFont);
9202                font-size: var(--verticalNavSubItemFontSize);
9203                color: var(--verticalNavSubItemFontColor);
9204                font-weight: var(--verticalNavSubItemFontWeight);
9205                line-height: var(--verticalNavSubItemLineHeight);
9206                text-decoration: var(--verticalNavSubItemTextDecoration);
9207                font-style: var(--verticalNavSubItemFontStyle);
9208                letter-spacing: var(--verticalNavSubItemLetterSpacing);
9209                background-color: transparent;
9210
9211                &:hover, .wmcA_hoverState & {
9212                    color: var(--verticalNavSubItemHoverFontColor);
9213                }
9214            }
9215
9216            &:has(.navigation-nav--sub-menu) {
9217                display: grid;
9218                grid-template-columns: 1fr calc(var(--verticalNavSubArrowSpacing) + var(--verticalNavSubArrowSize));
9219                align-items: center;
9220                column-gap: var(--verticalNavSubArrowSpacing);
9221                padding-right: var(--verticalNavSubItemPaddingRight);
9222
9223                & > a {
9224                    padding-right: 0;
9225                    width: 100%;
9226                }
9227
9228                & > .arrow {
9229                    display: flex;
9230                    align-items: center;
9231                    justify-content: flex-end;
9232                    pointer-events: auto;
9233                    position: relative;
9234                    z-index: 1;
9235                    width: calc(var(--verticalNavSubArrowSpacing) + var(--verticalNavSubArrowSize));
9236                    height: 100%;
9237                    cursor: pointer;
9238
9239                    &::after {
9240                        display: block;
9241                        content: '';
9242                        width: var(--verticalNavSubArrowSize);
9243                        height: var(--verticalNavSubArrowSize);
9244                        -webkit-mask-image: var(--wmd_submenuItemIconUrl);
9245                        mask-image: var(--wmd_submenuItemIconUrl);
9246                        -webkit-mask-size: contain;
9247                        mask-size: contain;
9248                        -webkit-mask-repeat: no-repeat;
9249                        mask-repeat: no-repeat;
9250                        -webkit-mask-position: center;
9251                        mask-position: center;
9252                        background-color: var(--verticalNavSubArrowColor);
9253                        transform: var(--verticalNavSubArrowRotate);
9254                    }
9255                }
9256            }
9257
9258            /* Third level submenu styles */
9259
9260            & > .navigation-nav--sub-menu {
9261                display: none;
9262                opacity: 0;
9263                visibility: hidden;
9264                gap: calc(var(--verticalNavSubSeparatorSpacing) / 2);
9265            }
9266
9267            &:hover, .wmcA_hoverState & {
9268                background-color: var(--verticalNavSubItemHoverBackgroundColor);
9269
9270                & .arrow:hover, .wmcA_hoverState & {
9271                    &::after {
9272                        border-left-color: var(--verticalNavSubItemHoverFontColor);
9273                    }
9274                }
9275            }
9276
9277            &.open {
9278                & > .arrow {
9279                    &::after {
9280                        transform: rotate(90deg);
9281                    }
9282                }
9283
9284                & > .navigation-nav--sub-menu {
9285                    display: grid;
9286                    grid-template-columns: 1fr;
9287                    opacity: 1;
9288                    visibility: visible;
9289                    pointer-events: auto;
9290                }
9291            }
9292        }
9293
9294        /* parent title */
9295
9296        & .navigation-nav--parent-title {
9297            display: grid;
9298            padding: 15px 0 10px 0;
9299            grid-template-columns: 1fr max-content;
9300            align-items: center;
9301            gap: var(--verticalNavSubSeparatorSpacing);
9302            border: none;
9303            background-color: var(--verticalNavTitleContainerBackgroun
9303dColor);
9304
9305            &:hover, .wmcA_hoverState & {
9306                background-color: var(--verticalNavTitleContainerBackgroundColor);
9307            }
9308
9309            & a {
9310                display: block;
9311                margin-bottom: 4px;
9312                padding: 0;
9313                font-family: var(--verticalNavItemFont);
9314                font-size: var(--verticalNavTitleFontSize);
9315                font-weight: var(--verticalNavTitleFontWeight);
9316                color: var(--verticalNavTitleFontColor);
9317                text-decoration: none;
9318                cursor: pointer;
9319                pointer-events: none;
9320            }
9321
9322            & > span {
9323                display: none;
9324            }
9325        }
9326
9327        /* back button: NONE */
9328
9329        & .navigation-nav--back {
9330            display: block;
9331            padding: 15px 0;
9332            border-bottom: 1px solid var(--verticalNavArrowColor);
9333
9334            & a {
9335                display: inline-flex;
9336                margin-bottom: 10px;
9337                align-items: center;
9338                gap: 10px;
9339                font-family: var(--verticalNavItemFont);
9340                font-size: var(--verticalNavItemFontSize);
9341                font-weight: 400;
9342                color: var(--verticalNavItemFontColor);
9343                text-decoration: none;
9344
9345                &:hover, .wmcA_hoverState & {
9346                    color: var(--verticalNavItemHoverFontColor);
9347                }
9348
9349                &::before {
9350                    display: block;
9351                    content: '';
9352                    width: var(--verticalNavSubArrowSize);
9353                    height: var(--verticalNavSubArrowSize);
9354                    -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
9355                    mask-image: var(--wmd_submenuCaretIconUrl);
9356                    -webkit-mask-size: contain;
9357                    mask-size: contain;
9358                    -webkit-mask-repeat: no-repeat;
9359                    mask-repeat: no-repeat;
9360                    -webkit-mask-position: center;
9361                    mask-position: center;
9362                    background-color: var(--verticalNavSubArrowColor);
9363                    transform: rotate(90deg);
9364                }
9365            }
9366        }
9367    }
9368
9369    body > .wmc_section .wmc_menu.wmcM_menuHamburgerTablet:has(.navigation-module-container.active) {
9370        z-index: 6000 !important;
9371    }
9372}
9373
9374@media all and (width < 650px) {
9375    .wmc_menu {
9376        --heightMobile: max-content;
9377
9378        /**********************
9379			horizontal main nav
9380		***********************/
9381
9382        /* main nav padding */
9383        --horizontalNavPaddingTopMobile: var(--horizontalNavPaddingTopDesktop);
9384        --horizontalNavPaddingBottomMobile: var(--horizontalNavPaddingBottomDesktop);
9385        --horizontalNavPaddingLeftMobile: var(--horizontalNavPaddingLeftDesktop);
9386        --horizontalNavPaddingRightMobile: var(--horizontalNavPaddingRightDesktop);
9387
9388        /* main nav justify content */
9389        --horizontalNavJustifyContentMobile: flex-start;
9390
9391        /* main nav item padding */
9392        --horizontalNavItemPaddingTopMobile: var(--horizontalNavItemPaddingTopDesktop);
9393        --horizontalNavItemPaddingBottomMobile: var(--horizontalNavItemPaddingBottomDesktop);
9394        --horizontalNavItemPaddingLeftMobile: var(--horizontalNavItemPaddingLeftDesktop);
9395        --horizontalNavItemPaddingRightMobile: var(--horizontalNavItemPaddingRightDesktop);
9396        /* main nav item padding hover */
9397        --horizontalNavItemPaddingTopHoverMobile: var(--horizontalNavItemPaddingTopHoverDesktop);
9398        --horizontalNavItemPaddingBottomHoverMobile: var(--horizontalNavItemPaddingBottomHoverDesktop);
9399        --horizontalNavItemPaddingLeftHoverMobile: var(--horizontalNavItemPaddingLeftHoverDesktop);
9400        --horizontalNavItemPaddingRightHoverMobile: var(--horizontalNavItemPaddingRightHoverDesktop);
9401
9402
9403        /* main nav item font */
9404        --horizontalNavItemFontMobile: var(--horizontalNavItemFontDesktop);
9405        --horizontalNavItemFontColorMobile: var(--horizontalNavItemFontColorDesktop);
9406        --horizontalNavItemLineHeightMobile: var(--horizontalNavItemLineHeightDesktop);
9407        --horizontalNavItemFontSizeMobile: var(--horizontalNavItemFontSizeDesktop);
9408        --horizontalNavItemFontWeightMobile: var(--horizontalNavItemFontWeightDesktop);
9409        --horizontalNavBackgroundColorMobile: var(--horizontalNavBackgroundColorDesktop);
9410        --horizontalNavItemBackgroundColorMobile: var(--horizontalNavItemBackgroundColorDesktop);
9411        --horizontalNavItemLetterSpacingMobile: var(--horizontalNavItemLetterSpacingDesktop);
9412        --horizontalNavItemTextDecorationMobile: var(--horizontalNavItemTextDecorationDesktop);
9413        --horizontalNavItemFontStyleMobile: var(--horizontalNavItemFontStyleDesktop);
9414
9415        /* main nav item font hover*/
9416        --horizontalNavItemHoverFontColorMobile: var(--horizontalNavItemHoverFontColorDesktop);
9417        --horizontalNavItemHoverBackgroundColorMobile: var(--horizontalNavItemHoverBackgroundColorDesktop);
9418        --horizontalNavItemFontSizeHoverMobile: var(--horizontalNavItemFontSizeHoverDesktop);
9419        --horizontalNavItemFontWeightHoverMobile: var(--horizontalNavItemFontWeightHoverDesktop);
9420        --horizontalNavItemTextDecorationHoverMobile: var(--horizontalNavItemTextDecorationHoverDesktop);
9421        --horizontalNavItemFontStyleHoverMobile: var(--horizontalNavItemFontStyleHoverDesktop);
9422
9423        /* main nav item font active */
9424        --horizontalNavItemActiveFontColorMobile: var(--horizontalNavItemActiveFontColorDesktop);
9425        --horizontalNavItemActiveBackgroundColorMobile: var(--horizontalNavItemActiveBackgroundColorDesktop);
9426
9427        /* main nav border */
9428        --horizontalNavBorderTopMobile: var(--horizontalNavBorderTopDesktop);
9429        --horizontalNavBorderRightMobile: var(--horizontalNavBorderRightDesktop);
9430        --horizontalNavBorderBottomMobile: var(--horizontalNavBorderBottomDesktop);
9431        --horizontalNavBorderLeftMobile: var(--horizontalNavBorderLeftDesktop);
9432
9433        /* main nav border radius hover*/
9434        --horizontalNavBorderRadiusMobile: var(--horizontalNavBorderRadiusDesktop);
9435        --horizontalNavBorderRadiusHoverMobile: var(--horizontalNavBorderRadiusHoverDesktop);
9436
9437        /* main nav item border */
9438        --horizontalNavItemBorderTopMobile: var(--horizontalNavItemBorderTopDesktop);
9439        --horizontalNavItemBorderRightMobile: var(--horizontalNavItemBorderRightDesktop);
9440        --horizontalNavItemBorderBottomMobile: var(--horizontalNavItemBorderBottomDesktop);
9441        --horizontalNavItemBorderLeftMobile: var(--horizontalNavItemBorderLeftDesktop);
9442
9443        /* main nav item border hover */
9444        --horizontalNavItemBorderTopHoverMobile: var(--horizontalNavItemBorderTopHoverDesktop);
9445        --horizontalNavItemBorderRightHoverMobile: var(--horizontalNavItemBorderRightHoverDesktop);
9446        --horizontalNavItemBorderBottomHoverMobile: var(--horizontalNavItemBorderBottomHoverDesktop);
9447        --horizontalNavItemBorderLeftHoverMobile: var(--horizontalNavItemBorderLeftHoverDesktop);
9448
9449        /* main nav item border radius */
9450        --horizontalNavItemBorderRadiusMobile: var(--horizontalNavItemBorderRadiusDesktop);
9451        --horizontalNavItemBorderRadiusHoverMobile: var(--horizontalNavItemBorderRadiusHoverDesktop);
9452
9453        /* separator */
9454        --horizontalNavSeparatorDisplayMobile: var(--horizontalNavSeparatorDisplayDesktop);
9455        --horizontalNavSeparatorWidthMobile: var(--horizontalNavSeparatorWidthDesktop);
9456        --horizontalNavSeparatorHeightMobile: var(--horizontalNavSeparatorHeightDesktop);
9457        --horizontalNavSeparatorColorMobile: var(--horizontalNavSeparatorColorDesktop);
9458        --horizontalNavSeparatorSpacingMobile: var(--horizontalNavSeparatorSpacingDesktop);
9459
9460        /* sub separator */
9461        --horizontalNavSubSeparatorDisplayMobile: var(--horizontalNavSubSeparatorDisplayDesktop);
9462        --horizontalNavSubSeparatorWidthMobile: var(--horizontalNavSubSeparatorWidthDesktop);
9463        --horizontalNavSubSeparatorHeightMobile: var(--horizontalNavSubSeparatorHeightDesktop);
9464        --horizontalNavSubSeparatorColorMobile: var(--horizontalNavSubSeparatorColorDesktop);
9465        --horizontalNavSubSeparatorSpacingMobile: var(--horizontalNavSubSeparatorSpacingDesktop);
9466
9467        /* arrow */
9468        --horizontalNavArrowSizeMobile: var(--horizontalNavArrowSizeDesktop);
9469        --horizontalNavArrowSpacingMobile: var(--horizontalNavArrowSpacingDesktop);
9470        --horizontalNavArrowColorMobile: var(--horizontalNavArrowColorDesktop);
9471        --horizontalNavArrowRotateMobile: var(--horizontalNavArrowRotateDesktop);
9472        --horizontalNavArrowSizeHoverMobile: var(--horizontalNavArrowSizeHoverDesktop);
9473        --horizontalNavArrowColorHoverMobile: var(--horizontalNavArrowColorHoverDesktop);
9474        --horizontalNavArrowRotateHoverMobile: var(--horizontalNavArrowRotateHoverDesktop);
9475        --horizontalNavArrowSizeActiveMobile: var(--horizontalNavArrowSizeActiveDesktop);
9476        --horizontalNavArrowColorActiveMobile: var(--horizontalNavArrowColorActiveDesktop);
9477        --horizontalNavArrowRotateActiveMobile: var(--horizontalNavArrowRotateActiveDesktop);
9478
9479        /* sub arrow */
9480        --horizontalNavSubArrowSizeMobile: var(--horizontalNavSubArrowSizeDesktop);
9481        --horizontalNavSubArrowSpacingMobile: var(--horizontalNavSubArrowSpacingDesktop);
9482        --horizontalNavSubArrowColorMobile: var(--horizontalNavSubArrowColorDesktop);
9483        --horizontalNavSubArrowRotateMobile: var(--horizontalNavSubArrowRotateDesktop);
9484        --horizontalNavSubArrowSizeHoverMobile: var(--horizontalNavSubArrowSizeHoverDesktop);
9485        --horizontalNavSubArrowColorHoverMobile: var(--horizontalNavSubArrowColorHoverDesktop);
9486        --horizontalNavSubArrowRotateHoverMobile: var(--horizontalNavSubArrowRotateHoverDesktop);
9487        --horizontalNavSubArrowSizeActiveMobile: var(--horizontalNavSubArrowSizeActiveDesktop);
9488        --horizontalNavSubArrowColorActiveMobile: var(--horizontalNavSubArrowColorActiveDesktop);
9489        --horizontalNavSubArrowRotateActiveMobile: var(--horizontalNavSubArrowRotateActiveDesktop);
9490
9491        /* sub nav */
9492        --horizontalNavSubItemPaddingTopMobile: var(--horizontalNavSubItemPaddingTopDesktop);
9493        --horizontalNavSubItemPaddingBottomMobile: var(--horizontalNavSubItemPaddingBottomDesktop);
9494        --horizontalNavSubItemPaddingLeftMobile: var(--horizontalNavSubItemPaddingLeftDesktop);
9495        --horizontalNavSubItemPaddingRightMobile: var(--horizontalNavSubItemPaddingRightDesktop);
9496
9497        /* sub nav item padding hover */
9498        --horizontalNavSubItemPaddingTopHoverMobile: var(--horizontalNavSubItemPaddingTopHoverDesktop);
9499        --horizontalNavSubItemPaddingBottomHoverMobile: var(--horizontalNavSubItemPaddingBottomHoverDesktop);
9500        --horizontalNavSubItemPaddingLeftHoverMobile: var(--horizontalNavSubItemPaddingLeftHoverDesktop);
9501        --horizontalNavSubItemPaddingRightHoverMobile: var(--horizontalNavSubItemPaddingRightHoverDesktop);
9502
9503        /* sub nav item font */
9504        --horizontalNavSubItemFontMobile: var(--horizontalNavSubItemFontDesktop);
9505        --horizontalNavSubItemFontColorMobile: var(--horizontalNavSubItemFontColorDesktop);
9506        --horizontalNavSubItemLineHeightMobile: var(--horizontalNavSubItemLineHeightDesktop);
9507        --horizontalNavSubItemFontSizeMobile: var(--horizontalNavSubItemFontSizeDesktop);
9508        --horizontalNavSubItemFontWeightMobile: var(--horizontalNavSubItemFontWeightDesktop);
9509        --horizontalNavSubItemBackgroundColorMobile: var(--horizontalNavSubItemBackgroundColorDesktop);
9510        --horizontalNavSubItemTextDecorationMobile: var(--horizontalNavSubItemTextDecorationDesktop);
9511        --horizontalNavSubItemFontStyleMobile: var(--horizontalNavSubItemFontStyleDesktop);
9512        --horizontalNavSubItemLetterSpacingMobile: var(--horizontalNavSubItemLetterSpacingDesktop);
9513
9514        /* sub nav item font hover */
9515        --horizontalNavSubItemHoverFontColorMobile: var(--horizontalNavSubItemHoverFontColorDesktop);
9516        --horizontalNavSubItemHoverBackgroundColorMobile: var(--horizontalNavSubItemHoverBackgroundColorDesktop);
9517        --horizontalNavSubItemFontSizeHoverMobile: var(--horizontalNavSubItemFontSizeHoverDesktop);
9518        --horizontalNavSubItemFontWeightHoverMobile: var(--horizontalNavSubItemFontWeightHoverDesktop);
9519        --horizontalNavSubItemTextDecorationHoverMobile: var(--horizontalNavSubItemTextDecorationHoverDesktop);
9520        --horizontalNavSubItemFontStyleHoverMobile: var(--horizontalNavSubItemFontStyleHoverDesktop);
9521
9522        /* sub nav item font active */
9523        --horizontalNavSubItemActiveFontColorMobile: var(--horizontalNavSubItemActiveFontColorDesktop);
9524        --horizontalNavSubItemActiveBackgroundColorMobile: var(--horizontalNavSubItemActiveBackgroundColorDesktop);
9525
9526        /* sub nav item border */
9527        --horizontalNavSubItemBorderTopMobile: var(--horizontalNavSubItemBorderTopDesktop);
9528        --horizontalNavSubItemBorderRightMobile: var(--horizontalNavSubItemBorderRightDesktop);
9529        --horizontalNavSubItemBorderBottomMobile: var(--horizontalNavSubItemBorderBottomDesktop);
9530        --horizontalNavSubItemBorderLeftMobile: var(--horizontalNavSubItemBorderLeftDesktop);
9531
9532        /* sub nav item border hover */
9533        --horizontalNavSubItemBorderTopHoverMobile: var(--horizontalNavSubItemBorderTopHoverDesktop);
9534        --horizontalNavSubItemBorderRightHoverMobile: var(--horizontalNavSubItemBorderRightHoverDesktop);
9535        --horizontalNavSubItemBorderBottomHoverMobile: var(--horizontalNavSubItemBorderBottomHoverDesktop);
9536        --horizontalNavSubItemBorderLeftHoverMobile: var(--horizontalNavSubItemBorderLeftHoverDesktop);
9537
9538        /* sub nav item border radius */
9539        --horizontalNavSubItemBorderRadiusMobile: var(--horizontalNavSubItemBorderRadiusDesktop);
9540        --horizontalNavSubItemBorderRadiusHoverMobile: var(--horizontalNavSubItemBorderRadiusHoverDesktop);
9541
9542        /* sub menu container */
9543        --horizontalNavSubPaddingTopMobile: var(--horizontalNavSubPaddingTopDesktop);
9544        --horizontalNavSubPaddingBottomMobile: var(--horizontalNavSubPaddingBottomDesktop);
9545        --horizontalNavSubPaddingLeftMobile: var(--horizontalNavSubPaddingLeftDesktop);
9546        --horizontalNavSubPaddingRightMobile: var(--horizontalNavSubPaddingRightDesktop);
9547        --horizontalNavSubContainerWidthMobile: var(--horizontalNavSubContainerWidthDesktop);
9548        --horizontalNavSubContainerBackgroundColorMobile: var(--horizontalNavSubContainerBackgroundColorDesktop);
9549
9550        /* sub menu container shadow */
9551        --horizontalNavSubContainerShadowMobile: none;
9552
9553        /* sub menu container border */
9554        --horizontalNavSubContainerBorderTopMobile: var(--horizontalNavSubContainerBorderTopDesktop);
9555        --horizontalNavSubContainerBorderRightMobile: var(--horizontalNavSubContainerBorderRightDesktop);
9556        --horizontalNavSubContainerBorderBottomMobile: var(--horizontalNavSubContainerBorderBottomDesktop);
9557        --horizontalNavSubContainerBorderLeftMobile: var(--horizontalNavSubContainerBorderLeftDesktop);
9558
9559        /* sub menu container border radius */
9560        --horizontalNavSubContainerBorderRadiusMobile: var(--horizontalNavSubContainerBorderRadiusDesktop);
9561
9562        /* mega panel layout */
9563        --megaNavPanelNumberOfCellsMobile: var(--megaNavPanelNumberOfCellsDesktop);
9564        --megaNavPanelCellSpacingMobile: var(--megaNavPanelCellSpacingDesktop);
9565        --megaNavPanelPaddingTopMobile: var(--megaNavPanelPaddingTopDesktop);
9566        --megaNavPanelPaddingRightMobile: var(--megaNavPanelPaddingRightDesktop);
9567        --megaNavPanelPaddingBottomMobile: var(--megaNavPanelPaddingBottomDesktop);
9568        --megaNavPanelPaddingLeftMobile: var(--megaNavPanelPaddingLeftDesktop);
9569        --megaNavPanelWidthMobile: var(--megaNavPanelWidthDesktop);
9570
9571        --megaNavSeparatorDisplayMobile: var(--megaNavSeparatorDisplayDesktop);
9572        --megaNavSeparatorWidthMobile: var(--megaNavSeparatorWidthDesktop);
9573        --megaNavSeparatorColorMobile: var(--megaNavSeparatorColorDesktop);
9574        --megaNavSeparatorSpacingMobile: var(--megaNavSeparatorSpacingDesktop);
9575
9576        /*****
9577			apply css properties
9578		*****/
9579
9580        /* apply main nav padding */
9581        --horizontalNavPaddingTop: var(--horizontalNavPaddingTopMobile);
9582        --horizontalNavPaddingBottom: var(--horizontalNavPaddingBottomMobile);
9583        --horizontalNavPaddingLeft: var(--horizontalNavPaddingLeftMobile);
9584        --horizontalNavPaddingRight: var(--horizontalNavPaddingRightMobile);
9585
9586        /* apply main nav justify content */
9587        --horizontalNavJustifyContent: var(--horizontalNavJustifyContentMobile);
9588
9589        /* apply main nav item padding */
9590        --horizontalNavItemPaddingTop: var(--horizontalNavItemPaddingTopMobile);
9591        --horizontalNavItemPaddingBottom: var(--horizontalNavItemPaddingBottomMobile);
9592        --horizontalNavItemPaddingLeft: var(--horizontalNavItemPaddingLeftMobile);
9593        --horizontalNavItemPaddingRight: var(--horizontalNavItemPaddingRightMobile);
9594
9595        /* apply main nav item padding hover */
9596        --horizontalNavItemPaddingTopHover: var(--horizontalNavItemPaddingTopHoverMobile);
9597        --horizontalNavItemPaddingBottomHover: var(--horizontalNavItemPaddingBottomHoverMobile);
9598        --horizontalNavItemPaddingLeftHover: var(--horizontalNavItemPaddingLeftHoverMobile);
9599        --horizontalNavItemPaddingRightHover: var(--horizontalNavItemPaddingRightHoverMobile);
9600
9601        /* apply main nav item font */
9602        --horizontalNavItemFont: var(--horizontalNavItemFontMobile);
9603        --horizontalNavItemFontColor: var(--horizontalNavItemFontColorMobile);
9604        --horizontalNavItemLineHeight: var(--horizontalNavItemLineHeightMobile);
9605        --horizontalNavItemFontSize: var(--horizontalNavItemFontSizeMobile);
9606        --horizontalNavItemFontWeight: var(--horizontalNavItemFontWeightMobile);
9607        --horizontalNavItemHoverFontColor: var(--horizontalNavItemHoverFontColorMobile);
9608        --horizontalNavBackgroundColor: var(--horizontalNavBackgroundColorMobile);
9609        --horizontalNavItemBackgroundColor: var(--horizontalNavItemBackgroundColorMobile);
9610        --horizontalNavItemHoverBackgroundColor: var(--horizontalNavItemHoverBackgroundColorMobile);
9611        --horizontalNavItemLetterSpacing: var(--horizontalNavItemLetterSpacingMobile);
9612        --horizontalNavItemTextDecoration: var(--horizontalNavItemTextDecorationMobile);
9613        --horizontalNavItemFontStyle: var(--horizontalNavItemFontStyleMobile);
9614
9615        /* main nav item font hover*/
9616        --horizontalNavItemFontSizeHover: var(--horizontalNavItemFontSizeHoverMobile);
9617        --horizontalNavItemFontWeightHover: var(--horizontalNavItemFontWeightHoverMobile);
9618        --horizontalNavItemTextDecorationHover: var(--horizontalNavItemTextDecorationHoverMobile);
9619        --horizontalNavItemFontStyleHover: var(--horizontalNavItemFontStyleHoverMobile);
9620
9621        /* apply main nav item font active */
9622        --horizontalNavItemActiveFontColor: var(--horizontalNavItemActiveFontColorMobile);
9623        --horizontalNavItemActiveBackgroundColor: var(--horizontalNavItemActiveBackgroundColorMobile);
9624
9625
9626        /* apply main nav border */
9627        --horizontalNavBorderTop: var(--horizontalNavBorderTopMobile);
9628        --horizontalNavBorderRight: var(--horizontalNavBorderRightMobile);
9629        --horizontalNavBorderBottom: var(--horizontalNavBorderBottomMobile);
9630        --horizontalNavBorderLeft: var(--horizontalNavBorderLeftMobile);
9631
9632        /* main nav border radius hover*/
9633        --horizontalNavBorderRadius: var(--horizontalNavBorderRadiusMobile);
9634        --horizontalNavBorderRadiusHover: var(--horizontalNavBorderRadiusHoverMobile);
9635
9636        /* apply main nav item border */
9637        --horizontalNavItemBorderTop: var(--horizontalNavItemBorderTopMobile);
9638        --horizontalNavItemBorderRight: var(--horizontalNavItemBorderRightMobile);
9639        --horizontalNavItemBorderBottom: var(--horizontalNavItemBorderBottomMobile);
9640        --horizontalNavItemBorderLeft: var(--horizontalNavItemBorderLeftMobile);
9641
9642        /* apply main nav item border hover */
9643        --horizontalNavItemBorderTopHover: var(--horizontalNavItemBorderTopHoverMobile);
9644        --horizontalNavItemBorderRightHover: var(--horizontalNavItemBorderRightHoverMobile);
9645        --horizontalNavItemBorderBottomHover: var(--horizontalNavItemBorderBottomHoverMobile);
9646        --horizontalNavItemBorderLeftHover: var(--horizontalNavItemBorderLeftHoverMobile);
9647
9648        /* apply main nav item border radius */
9649        --horizontalNavItemBorderRadius: var(--horizontalNavItemBorderRadiusMobile);
9650        --horizontalNavItemBorderRadiusHover: var(--horizontalNavItemBorderRadiusHoverMobile);
9651
9652        /* apply separator */
9653        --horizontalNavSeparatorDisplay: var(--horizontalNavSeparatorDisplayMobile);
9654        --horizontalNavSeparatorWidth: var(--horizontalNavSeparatorWidthMobile);
9655        --horizontalNavSeparatorHeight: var(--horizontalNavSeparatorHeightMobile);
9656        --horizontalNavSeparatorColor: var(--horizontalNavSeparatorColorMobile);
9657        --horizontalNavSeparatorSpacing: var(--horizontalNavSeparatorSpacingMobile);
9658
9659        /* apply mega separator */
9660        --megaNavSeparatorDisplay: var(--megaNavSeparatorDisplayMobile);
9661        --megaNavSeparatorWidth: var(--megaNavSeparatorWidthMobile);
9662        --megaNavSeparatorColor: var(--megaNavSeparatorColorMobile);
9663        --megaNavSeparatorSpacing: var(--megaNavSeparatorSpacingMobile);
9664
9665        /* apply sub separator */
9666        --horizontalNavSubSeparatorDisplay: var(--horizontalNavSubSeparatorDisplayMobile);
9667        --horizontalNavSubSeparatorWidth: var(--horizontalNavSubSeparatorWidthMobile);
9668        --horizontalNavSubSeparatorHeight: var(--horizontalNavSubSeparatorHeightMobile);
9669        --horizontalNavSubSeparatorColor: var(--horizontalNavSubSeparatorColorMobile);
9670        --horizontalNavSubSeparatorSpacing: var(--horizontalNavSubSeparatorSpacingMobile);
9671
9672        /* apply arrow */
9673        --horizontalNavArrowSize: var(--horizontalNavArrowSizeMobile);
9674        --horizontalNavArrowDisplay: var(--horizontalNavArrowDisplayMobile);
9675        --horizontalNavItemIconDisplay: var(--horizontalNavItemIconDisplayMobile);
9676        --horizontalNavItemIconColor: var(--horizontalNavItemIconColorMobile);
9677        --horizontalNavItemIconColorHover: var(--horizontalNavItemIconColorHoverMobile);
9678        --horizontalNavItemIconColorActive: var(--horizontalNavItemIconColorActiveMobile);
9679        --horizontalNavItemIconSize: var(--horizontalNavItemIconSizeMobile);
9680        --horizontalNavItemIconSizeHover: var(--horizontalNavItemIconSizeHoverMobile);
9681        --horizontalNavItemIconSizeActive: var(--horizontalNavItemIconSizeActiveMobile);
9682        --horizontalNavItemIconRotate: var(--horizontalNavItemIconRotateMobile);
9683        --horizontalNavItemIconRotateHover: var(--horizontalNavItemIconRotateHoverMobile);
9684        --horizontalNavItemIconRotateActive: var(--horizontalNavItemIconRotateActiveMobile);
9685        --horizontalNavItemIconSpacing: var(--horizontalNavItemIconSpacingMobile);
9686        --horizontalNavSubItemIconDisplay: var(--horizontalNavSubItemIconDisplayMobile);
9687        --horizontalNavSubItemIconColor: var(--horizontalNavSubItemIconColorMobile);
9688        --horizontalNavSubItemIconColorHover: var(--horizontalNavSubItemIconColorHoverMobile);
9689        --horizontalNavSubItemIconColorActive: var(--horizontalNavSubItemIconColorActiveMobile);
9690        --horizontalNavSubItemIconSize: var(--horizontalNavSubItemIconSizeMobile);
9691        --horizontalNavSubItemIconSizeHover: var(--horizontalNavSubItemIconSizeHoverMobile);
9692        --horizontalNavSubItemIconSizeActive: var(--horizontalNavSubItemIconSizeActiveMobile);
9693        --horizontalNavSubItemIconRotate: var(--horizontalNavSubItemIconRotateMobile);
9694        --horizontalNavSubItemIconRotateHover: var(--horizontalNavSubItemIconRotateHoverMobile);
9695        --horizontalNavSubItemIconRotateActive: var(--horizontalNavSubItemIconRotateActiveMobile);
9696        --horizontalNavSubItemIconSpacing: var(--horizontalNavSubItemIconSpacingMobile);
9697        --horizontalNavArrowSpacing: var(--horizontalNavArrowSpacingMobile);
9698        --horizontalNavArrowColor: var(--horizontalNavArrowColorMobile);
9699        --horizontalNavArrowRotate: var(--horizontalNavArrowRotateMobile);
9700        --horizontalNavArrowSizeHover: var(--horizontalNavArrowSizeHoverMobile);
9701        --horizontalNavArrowColorHover: var(--horizontalNavArrowColorHoverMobile);
9702        --horizontalNavArrowRotateHover: var(--horizontalNavArrowRotateHoverMobile);
9703        --horizontalNavArrowSizeActive: var(--horizontalNavArrowSizeActiveMobile);
9704        --horizontalNavArrowColorActive: var(--horizontalNavArrowColorActiveMobile);
9705        --horizontalNavArrowRotateActive: var(--horizontalNavArrowRotateActiveMobile);
9706
9707        /* apply sub arrow */
9708        --horizontalNavSubArrowSize: var(--horizontalNavSubArrowSizeMobile);
9709        --horizontalNavSubArrowDisplay: var(--horizontalNavSubArrowDisplayMobile);
9710        --horizontalNavSubArrowSpacing: var(--horizontalNavSubArrowSpacingMobile);
9711        --horizontalNavSubArrowColor: var(--horizontalNavSubArrowColorMobile);
9712        --horizontalNavSubArrowRotate: var(--horizontalNavSubArrowRotateMobile);
9713        --horizontalNavSubArrowSizeHover: var(--horizontalNavSubArrowSizeHoverMobile);
9714        --horizontalNavSubArrowColorHover: var(--horizontalNavSubArrowColorHoverMobile);
9715        --horizontalNavSubArrowRotateHover: var(--horizontalNavSubArrowRotateHoverMobile);
9716        --horizontalNavSubArrowSizeActive: var(--horizontalNavSubArrowSizeActiveMobile);
9717        --horizontalNavSubArrowColorActive: var(--horizontalNavSubArrowColorActiveMobile);
9718        --horizontalNavSubArrowRotateActive: var(--horizontalNavSubArrowRotateActiveMobile);
9719
9720        /* apply sub */
9721        --horizontalNavSubItemPaddingTop: var(--horizontalNavSubItemPaddingTopMobile);
9722        --horizontalNavSubItemPaddingBottom: var(--horizontalNavSubItemPaddingBottomMobile);
9723        --horizontalNavSubItemPaddingLeft: var(--horizontalNavSubItemPaddingLeftMobile);
9724        --horizontalNavSubItemPaddingRight: var(--horizontalNavSubItemPaddingRightMobile);
9725
9726        /* apply sub nav item padding hover */
9727        --horizontalNavSubItemPaddingTopHover: var(--horizontalNavSubItemPaddingTopHoverMobile);
9728        --horizontalNavSubItemPaddingBottomHover: var(--horizontalNavSubItemPaddingBottomHoverMobile);
9729        --horizontalNavSubItemPaddingLeftHover: var(--horizontalNavSubItemPaddingLeftHoverMobile);
9730        --horizontalNavSubItemPaddingRightHover: var(--horizontalNavSubItemPaddingRightHoverMobile);
9731
9732        /* apply sub nav item font */
9733        --horizontalNavSubItemFont: var(--horizontalNavSubItemFontMobile);
9734        --horizontalNavSubItemFontColor: var(--horizontalNavSubItemFontColorMobile);
9735        --horizontalNavSubItemLineHeight: var(--horizontalNavSubItemLineHeightMobile);
9736        --horizontalNavSubItemFontSize: var(--horizontalNavSubItemFontSizeMobile);
9737        --horizontalNavSubItemFontWeight: var(--horizontalNavSubItemFontWeightMobile);
9738        --horizontalNavSubItemHoverFontColor: var(--horizontalNavSubItemHoverFontColorMobile);
9739        --horizontalNavSubItemBackgroundColor: var(--horizontalNavSubItemBackgroundColorMobile);
9740        --horizontalNavSubItemHoverBackgroundColor: var(--horizontalNavSubItemHoverBackgroundColorMobile);
9741        --horizontalNavSubItemTextDecoration: var(--horizontalNavSubItemTextDecorationMobile);
9742        --horizontalNavSubItemFontStyle: var(--horizontalNavSubItemFontStyleMobile);
9743        --horizontalNavSubItemLetterSpacing: var(--horizontalNavSubItemLetterSpacingMobile);
9744
9745        /* apply sub nav item font hover */
9746        --horizontalNavSubItemFontSizeHover: var(--horizontalNavSubItemFontSizeHoverMobile);
9747        --horizontalNavSubItemFontWeightHover: var(--horizontalNavSubItemFontWeightHoverMobile);
9748        --horizontalNavSubItemTextDecorationHover: var(--horizontalNavSubItemTextDecorationHoverMobile);
9749        --horizontalNavSubItemFontStyleHover: var(--horizontalNavSubItemFontStyleHoverMobile);
9750
9751        /* apply sub nav item font active */
9752        --horizontalNavSubItemActiveFontColor: var(--horizontalNavSubItemActiveFontColorMobile);
9753        --horizontalNavSubItemActiveBackgroundColor: var(--horizontalNavSubItemActiveBackgroundColorMobile);
9754
9755        /* apply sub nav item border */
9756        --horizontalNavSubItemBorderTop: var(--horizontalNavSubItemBorderTopMobile);
9757        --horizontalNavSubItemBorderRight: var(--horizontalNavSubItemBorderRightMobile);
9758        --horizontalNavSubItemBorderBottom: var(--horizontalNavSubItemBorderBottomMobile);
9759        --horizontalNavSubItemBorderLeft: var(--horizontalNavSubItemBorderLeftMobile);
9760
9761        /* apply sub nav item border hover */
9762        --horizontalNavSubItemBorderTopHover: var(--horizontalNavSubItemBorderTopHoverMobile);
9763        --horizontalNavSubItemBorderRightHover: var(--horizontalNavSubItemBorderRightHoverMobile);
9764        --horizontalNavSubItemBorderBottomHover: var(--horizontalNavSubItemBorderBottomHoverMobile);
9765        --horizontalNavSubItemBorderLeftHover: var(--horizontalNavSubItemBorderLeftHoverMobile);
9766
9767        /* apply sub nav item border radius */
9768        --horizontalNavSubItemBorderRadius: var(--horizontalNavSubItemBorderRadiusMobile);
9769        --horizontalNavSubItemBorderRadiusHover: var(--horizontalNavSubItemBorderRadiusHoverMobile);
9770
9771        /* apply sub menu container */
9772        --horizontalNavSubPaddingTop: var(--horizontalNavSubPaddingTopMobile);
9773        --horizontalNavSubPaddingBottom: var(--horizontalNavSubPaddingBottomMobile);
9774        --horizontalNavSubPaddingLeft: var(--horizontalNavSubPaddingLeftMobile);
9775        --horizontalNavSubPaddingRight: var(--horizontalNavSubPaddingRightMobile);
9776        --horizontalNavSubContainerWidth: var(--horizontalNavSubContainerWidthMobile);
9777        --horizontalNavSubContainerBackgroundColor: var(--horizontalNavSubContainerBackgroundColorMobile);
9778
9779        /* apply sub menu container shadow */
9780        --horizontalNavSubContainerShadow: var(--horizontalNavSubContainerShadowMobile);
9781
9782        /* apply sub menu container border */
9783        --horizontalNavSubContainerBorderTop: var(--horizontalNavSubContainerBorderTopMobile);
9784        --horizontalNavSubContainerBorderRight: var(--horizontalNavSubContainerBorderRightMobile);
9785        --horizontalNavSubContainerBorderBottom: var(--horizontalNavSubContainerBorderBottomMobile);
9786        --horizontalNavSubContainerBorderLeft: var(--horizontalNavSubContainerBorderLeftMobile);
9787
9788        /* apply sub menu container border radius */
9789        --horizontalNavSubContainerBorderRadius: var(--horizontalNavSubContainerBorderRadiusMobile);
9790
9791        /**********************
9792			hamburger main nav
9793		***********************/
9794        /* main background color */
9795        --hamburgerNavBackgroundColorMobile: var(--hamburgerNavBackgroundColorDesktop);
9796
9797        /* main padding */
9798        --hamburgerNavPaddingTopMobile: 25px;
9799        --hamburgerNavPaddingBottomMobile: 25px;
9800        --hamburgerNavPaddingLeftMobile: 15px;
9801        --hamburgerNavPaddingRightMobile: 15px;
9802
9803        /* hamburger menu icon */
9804        --hamburgerMenuIconSizeMobile: var(--hamburgerMenuIconSizeDesktop);
9805        --hamburgerMenuIconSizeHoverMobile: var(--hamburgerMenuIconSizeHoverDesktop);
9806        --hamburgerMenuIconColorMobile: var(--hamburgerMenuIconColorDesktop);
9807        --hamburgerMenuIconHoverColorMobile: var(--hamburgerMenuIconHoverColorDesktop);
9808        --hamburgerMenuIconActiveSizeMobile: var(--hamburgerMenuIconActiveSizeDesktop);
9809        --hamburgerMenuIconActiveColorMobile: var(--hamburgerMenuIconActiveColorDesktop);
9810        --hamburgerMenuIconActiveHoverColorMobile: var(--hamburgerMenuIconActiveHoverColorDesktop);
9811        --hamburgerMenuIconActiveSizeHoverMobile: var(--hamburgerMenuIconActiveSizeHoverDesktop);
9812        --hamburgerMenuDisplayMobile: var(--hamburgerMenuDisplayDesktop);
9813        --hamburgerMenuJustifySelfMobile: var(--hamburgerMenuJustifySelfDesktop);
9814
9815        /* main nav justify self */
9816        --hamburgerNavJustifySelfMobile: var(--hamburgerNavJustifySelfDesktop);
9817
9818        /* main nav items alignment */
9819        --hamburgerNavItemsAlignmentMobile: var(--hamburgerNavItemsAlignmentDesktop);
9820
9821        /* main nav item padding */
9822        --hamburgerNavItemPaddingTopMobile: var(--hamburgerNavItemPaddingTopDesktop);
9823        --hamburgerNavItemPaddingBottomMobile: var(--hamburgerNavItemPaddingBottomDesktop);
9824        --hamburgerNavItemPaddingLeftMobile: var(--hamburgerNavItemPaddingLeftDesktop);
9825        --hamburgerNavItemPaddingRightMobile: var(--hamburgerNavItemPaddingRightDesktop);
9826
9827        /* main nav item padding hover*/
9828        --hamburgerNavItemPaddingTopMobileHover: var(--hamburgerNavItemPaddingTopHoverDesktop);
9829        --hamburgerNavItemPaddingBottomMobileHover: var(--hamburgerNavItemPaddingBottomHoverDesktop);
9830        --hamburgerNavItemPaddingLeftMobileHover: var(--hamburgerNavItemPaddingLeftHoverDesktop);
9831        --hamburgerNavItemPaddingRightMobileHover: var(--hamburgerNavItemPaddingRightHoverDesktop);
9832
9833        /* main nav item border */
9834        --hamburgerNavItemBorderTopMobile: var(--hamburgerNavItemBorderTopDesktop);
9835        --hamburgerNavItemBorderRightMobile: var(--hamburgerNavItemBorderRightDesktop);
9836        --hamburgerNavItemBorderBottomMobile: var(--hamburgerNavItemBorderBottomDesktop);
9837        --hamburgerNavItemBorderLeftMobile: var(--hamburgerNavItemBorderLeftDesktop);
9838
9839        /* main nav item border hover */
9840        --hamburgerNavItemBorderTopHoverMobile: var(--hamburgerNavItemBorderTopHoverDesktop);
9841        --hamburgerNavItemBorderRightHoverMobile: var(--hamburgerNavItemBorderRightHoverDesktop);
9842        --hamburgerNavItemBorderBottomHoverMobile: var(--hamburgerNavItemBorderBottomHoverDesktop);
9843        --hamburgerNavItemBorderLeftHoverMobile: var(--hamburgerNavItemBorderLeftHoverDesktop);
9844
9845        /* main nav item border radius */
9846        --hamburgerNavItemBorderRadiusMobile: var(--hamburgerNavItemBorderRadiusDesktop);
9847        --hamburgerNavItemBorderRadiusMobileHover: var(--hamburgerNavItemBorderRadiusHoverDesktop);
9848
9849        /* main nav item font */
9850        --hamburgerNavItemFontMobile: var(--hamburgerNavItemFontDesktop);
9851        --hamburgerNavItemFontColorMobile: var(--hamburgerNavItemFontColorDesktop);
9852        --hamburgerNavItemLineHeightMobile: var(--hamburgerNavItemLineHeightDesktop);
9853        --hamburgerNavItemFontSizeMobile: var(--hamburgerNavItemFontSizeDesktop);
9854        --hamburgerNavItemFontWeightMobile: var(--hamburgerNavItemFontWeightDesktop);
9855        --hamburgerNavItemBackgroundColorMobile: var(--hamburgerNavItemBackgroundColorDesktop);
9856        --hamburgerNavItemLetterSpacingMobile: var(--hamburgerNavItemLetterSpacingDesktop);
9857        --hamburgerNavItemTextDecorationMobile: var(--hamburgerNavItemTextDecorationDesktop);
9858        --hamburgerNavItemFontStyleMobile: var(--hamburgerNavItemFontStyleDesktop);
9859
9860        /* main nav item hover font */
9861        --hamburgerNavItemHoverFontColorMobile: var(--hamburgerNavItemHoverFontColorDesktop);
9862        --hamburgerNavItemHoverBackgroundColorMobile: var(--hamburgerNavItemHoverBackgroundColorDesktop);
9863        --hamburgerNavItemFontHoverMobile: var(--hamburgerNavItemFontHoverDesktop);
9864        --hamburgerNavItemLineHeightHoverMobile: var(--hamburgerNavItemLineHeightHoverDesktop);
9865        --hamburgerNavItemFontSizeHoverMobile: var(--hamburgerNavItemFontSizeHoverDesktop);
9866        --hamburgerNavItemFontWeightHoverMobile: var(--hamburgerNavItemFontWeightHoverDesktop);
9867        --hamburgerNavItemLetterSpacingHoverMobile: var(--hamburgerNavItemLetterSpacingMobile);
9868        --hamburgerNavItemTextDecorationHoverMobile: var(--hamburgerNavItemTextDecorationHoverDesktop);
9869        --hamburgerNavItemFontStyleHoverMobile: var(--hamburgerNavItemFontStyleHoverDesktop);
9870
9871        /* separator */
9872        --hamburgerNavSeparatorDisplayMobile: var(--hamburgerNavSeparatorDisplayDesktop);
9873        --hamburgerNavSeparatorWidthMobile: var(--hamburgerNavSeparatorWidthDesktop);
9874        --hamburgerNavSeparatorHeightMobile: var(--hamburgerNavSeparatorHeightDesktop);
9875        --hamburgerNavSeparatorColorMobile: var(--hamburgerNavSeparatorColorDesktop);
9876        --hamburgerNavSeparatorSpacingMobile: var(--hamburgerNavSeparatorSpacingDesktop);
9877
9878        /* sub separator */
9879        --hamburgerNavSubSeparatorDisplayMobile: var(--hamburgerNavSubSeparatorDisplayDesktop);
9880        --hamburgerNavSubSeparatorWidthMobile: var(--hamburgerNavSubSeparatorWidthDesktop);
9881        --hamburgerNavSubSeparatorHeightMobile: var(--hamburgerNavSubSeparatorHeightDesktop);
9882        --hamburgerNavSubSeparatorColorMobile: var(--hamburgerNavSubSeparatorColorDesktop);
9883        --hamburgerNavSubSeparatorSpacingMobile: var(--hamburgerNavSubSeparatorSpacingDesktop);
9884
9885        /* arrow */
9886        --hamburgerNavArrowSizeMobile: var(--hamburgerNavArrowSizeDesktop);
9887        --hamburgerNavArrowColorMobile: var(--hamburgerNavArrowColorDesktop);
9888        --hamburgerNavArrowSpacingMobile: var(--hamburgerNavArrowSpacingDesktop);
9889        --hamburgerNavArrowRotateMobile: var(--hamburgerNavArrowRotateDesktop);
9890        --hamburgerNavArrowAutoSpacingMobile: var(--hamburgerNavArrowAutoSpacingDesktop); /* off: auto */
9891        --hamburgerNavArrowSizeHoverMobile: var(--hamburgerNavArrowSizeHoverDesktop);
9892        --hamburgerNavArrowColorHoverMobile: var(--hamburgerNavArrowColorHoverDesktop);
9893        --hamburgerNavArrowRotateHoverMobile: var(--hamburgerNavArrowRotateHoverDesktop);
9894
9895        /* sub arrow */
9896        --hamburgerNavSubArrowSizeMobile: var(--hamburgerNavSubArrowSizeDesktop);
9897        --hamburgerNavSubArrowColorMobile: var(--hamburgerNavSubArrowColorDesktop);
9898        --hamburgerNavSubArrowSpacingMobile: var(--hamburgerNavSubArrowSpacingDesktop);
9899        --hamburgerNavSubArrowRotateMobile: var(--hamburgerNavSubArrowRotateDesktop);
9900        --hamburgerNavSubArrowAutoSpacingMobile: var(--hamburgerNavSubArrowAutoSpacingDesktop); /* off: auto */
9901        --hamburgerNavSubArrowSizeHoverMobile: var(--hamburgerNavSubArrowSizeHoverDesktop);
9902        --hamburgerNavSubArrowColorHoverMobile: var(--hamburgerNavSubArrowColorHoverDesktop);
9903        --hamburgerNavSubArrowRotateHoverMobile: var(--hamburgerNavSubArrowRotateHoverDesktop);
9904
9905        /* sub menu background color */
9906        --hamburgerNavSubBackgroundColorMobile: transparent;
9907
9908        /* sub nav item padding */
9909        --hamburgerNavSubItemPaddingTopMobile: var(--hamburgerNavSubItemPaddingTopDesktop);
9910        --hamburgerNavSubItemPaddingBottomMobile: var(--hamburgerNavSubItemPaddingBottomDesktop);
9911        --hamburgerNavSubItemPaddingLeftMobile: var(--hamburgerNavSubItemPaddingLeftDesktop);
9912        --hamburgerNavSubItemPaddingRightMobile: var(--hamburgerNavSubItemPaddingRightDesktop);
9913
9914        /* sub nav item padding hover */
9915        --hamburgerNavSubItemPaddingTopHoverMobile: var(--hamburgerNavSubItemPaddingTopHoverDesktop);
9916        --hamburgerNavSubItemPaddingBottomHoverMobile: var(--hamburgerNavSubItemPaddingBottomHoverDesktop);
9917        --hamburgerNavSubItemPaddingLeftHoverMobile: var(--hamburgerNavSubItemPaddingLeftHoverDesktop);
9918        --hamburgerNavSubItemPaddingRightHoverMobile: var(--hamburgerNavSubItemPaddingRightHoverDesktop);
9919
9920        /* sub nav item border */
9921        --hamburgerNavSubItemBorderTopMobile: var(--hamburgerNavSubItemBorderTopDesktop);
9922        --hamburgerNavSubItemBorderRightMobile: var(--hamburgerNavSubItemBorderRightDesktop);
9923        --hamburgerNavSubItemBorderBottomMobile: var(--hamburgerNavSubItemBorderBottomDesktop);
9924        --hamburgerNavSubItemBorderLeftMobile: var(--hamburgerNavSubItemBorderLeftDesktop);
9925
9926        /* sub nav item border hover */
9927        --hamburgerNavSubItemBorderTopHoverMobile: var(--hamburgerNavSubItemBorderTopHoverDesktop);
9928        --hamburgerNavSubItemBorderRightHoverMobile: var(--hamburgerNavSubItemBorderRightHoverDesktop);
9929        --hamburgerNavSubItemBorderBottomHoverMobile: var(--hamburgerNavSubItemBorderBottomHoverDesktop);
9930        --hamburgerNavSubItemBorderLeftHoverMobile: var(--hamburgerNavSubItemBorderLeftHoverDesktop);
9931
9932        /* sub nav item border radius */
9933        --hamburgerNavSubItemBorderRadiusMobile: var(--hamburgerNavSubItemBorderRadiusDesktop);
9934        --hamburgerNavSubItemBorderRadiusHoverMobile: var(--hamburgerNavSubItemBorderRadiusHoverDesktop);
9935
9936        /* sub nav item background color */
9937        --hamburgerNavSubItemBackgroundColorMobile: var(--hamburgerNavSubItemBackgroundColorDesktop);
9938
9939        /* sub nav item hover background color */
9940        --hamburgerNavSubItemHoverBackgroundColorMobile: var(--hamburgerNavSubItemHoverBackgroundColorDesktop);
9941
9942        /* sub nav item font */
9943        --hamburgerNavSubItemFontMobile: var(--hamburgerNavSubItemFontDesktop);
9944        --hamburgerNavSubItemFontColorMobile: var(--hamburgerNavSubItemFontColorDesktop);
9945        --hamburgerNavSubItemLineHeightMobile: var(--hamburgerNavSubItemLineHeightDesktop);
9946        --hamburgerNavSubItemFontSizeMobile: var(--hamburgerNavSubItemFontSizeDesktop);
9947        --hamburgerNavSubItemFontWeightMobile: var(--hamburgerNavSubItemFontWeightDesktop);
9948        --hamburgerNavSubItemTextDecorationMobile: var(--hamburgerNavSubItemTextDecorationDesktop);
9949        --hamburgerNavSubItemFontStyleMobile: var(--hamburgerNavSubItemFontStyleDesktop);
9950        --hamburgerNavSubItemLetterSpacingMobile: var(--hamburgerNavSubItemLetterSpacingDesktop);
9951
9952        /* sub nav item hover font */
9953        --hamburgerNavSubItemHoverFontColorMobile: var(--hamburgerNavSubItemHoverFontColorDesktop);
9954        --hamburgerNavSubItemFontHoverMobile: var(--hamburgerNavSubItemFontHoverDesktop);
9955        --hamburgerNavSubItemLineHeightHoverMobile: var(--hamburgerNavSubItemLineHeightHoverDesktop);
9956        --hamburgerNavSubItemFontSizeHoverMobile: var(--hamburgerNavSubItemFontSizeHoverDesktop);
9957        --hamburgerNavSubItemFontWeightHoverMobile: var(--hamburgerNavSubItemFontWeightHoverDesktop);
9958        --hamburgerNavSubItemLetterSpacingHoverMobile: var(--hamburgerNavSubItemLetterSpacingMobile);
9959        --hamburgerNavSubItemTextDecorationHoverMobile: var(--hamburgerNavSubItemTextDecorationHoverDesktop);
9960        --hamburgerNavSubItemFontStyleHoverMobile: var(--hamburgerNavSubItemFontStyleHoverDesktop);
9961
9962        /* nav back button border */
9963        --hamburgerNavBackButtonBorderTopMobile: var(--hamburgerNavBackButtonBorderTopDesktop);
9964        --hamburgerNavBackButtonBorderRightMobile: var(--hamburgerNavBackButtonBorderRightDesktop);
9965        --hamburgerNavBackButtonBorderBottomMobile: var(--hamburgerNavBackButtonBorderBottomDesktop);
9966        --hamburgerNavBackButtonBorderLeftMobile: var(--hamburgerNavBackButtonBorderLeftDesktop);
9967        /* nav back button border hover */
9968        --hamburgerNavBackButtonBorderTopHoverMobile: var(--hamburgerNavBackButtonBorderTopHoverDesktop);
9969        --hamburgerNavBackButtonBorderRightHoverMobile: var(--hamburgerNavBackButtonBorderRightHoverDesktop);
9970        --hamburgerNavBackButtonBorderBottomHoverMobile: var(--hamburgerNavBackButtonBorderBottomHoverDesktop);
9971        --hamburgerNavBackButtonBorderLeftHoverMobile: var(--hamburgerNavBackButtonBorderLeftHoverDesktop);
9972
9973        /* nav back button border radius */
9974        --hamburgerNavBackButtonBorderRadiusMobile: var(--hamburgerNavBackButtonBorderRadiusDesktop);
9975        --hamburgerNavBackButtonBorderRadiusHoverMobile: var(--hamburgerNavBackButtonBorderRadiusHoverDesktop);
9976
9977        /* nav back button background color */
9978        --hamburgerNavBackButtonBackgroundColorMobile: var(--hamburgerNavBackButtonBackgroundColorDesktop);
9979
9980        /* nav back button hover background color */
9981        --hamburgerNavBackButtonHoverBackgroundColorMobile: var(--hamburgerNavBackButtonHoverBackgroundColorDesktop);
9982
9983        /* nav back button */
9984        --hamburgerNavBackButtonPaddingTopMobile: var(--hamburgerNavBackButtonPaddingTopDesktop);
9985        --hamburgerNavBackButtonPaddingBottomMobile: var(--hamburgerNavBackButtonPaddingBottomDesktop);
9986        --hamburgerNavBackButtonPaddingLeftMobile: var(--hamburgerNavBackButtonPaddingLeftDesktop);
9987        --hamburgerNavBackButtonPaddingRightMobile: var(--hamburgerNavBackButtonPaddingRightDesktop);
9988        --hamburgerNavBackButtonFontMobile: var(--hamburgerNavBackButtonFontDesktop);
9989        --hamburgerNavBackButtonColorMobile: var(--hamburgerNavBackButtonColorDesktop);
9990        --hamburgerNavBackButtonFontSizeMobile: var(--hamburgerNavBackButtonFontSizeDesktop);
9991        --hamburgerNavBackButtonFontWeightMobile: var(--hamburgerNavBackButtonFontWeightDesktop);
9992        --hamburgerNavBackButtonFontStyleMobile: var(--hamburgerNavBackButtonFontStyleDesktop);
9993        --hamburgerNavBackButtonLetterSpacingMobile: var(--hamburgerNavBackButtonLetterSpacingDesktop);
9994        --hamburgerNavBackButtonTextDecorationMobile: var(--hamburgerNavBackButtonTextDecorationDesktop);
9995        --hamburgerNavBackButtonLineHeightMobile: var(--hamburgerNavBackButtonLineHeightDesktop);
9996        --hamburgerNavBackButtonHoverFontColorMobile: var(--hamburgerNavBackButtonHoverFontColorDesktop);
9997
9998        /* nav back button hover */
9999        --hamburgerNavBackButtonPaddingTopHoverMobile: var(--hamburgerNavBackButtonPaddingTopHoverDesktop);
10000        --hamburgerNavBackButtonPaddingBottomHoverMobile: var(--hamburgerNavBackButtonPaddingBottomHoverDesktop);
10001        --hamburgerNavBackButtonPaddingLeftHoverMobile: var(--hamburgerNavBackButtonPaddingLeftHoverDesktop);
10002        --hamburgerNavBackButtonPaddingRightHoverMobile: var(--hamburgerNavBackButtonPaddingRightHoverDesktop);
10003
10004
10005        /* nav back button arrow */
10006        --hamburgerNavBackButtonArrowSizeMobile: var(--hamburgerNavBackButtonArrowSizeDesktop);
10007        --hamburgerNavBackButtonArrowSizeHoverMobile: var(--hamburgerNavBackButtonArrowSizeHoverDesktop);
10008        --hamburgerNavBackButtonArrowColorMobile: var(--hamburgerNavBackButtonArrowColorDesktop);
10009        --hamburgerNavBackButtonArrowSpacingMobile: var(--hamburgerNavBackButtonArrowSpacingDesktop);
10010        --hamburgerNavBackButtonArrowRotateMobile: var(--hamburgerNavBackButtonArrowRotateDesktop);
10011
10012        /* parent title border */
10013        --hamburgerTitleBorderTopMobile: var(--hamburgerTitleBorderTopDesktop);
10014        --hamburgerTitleBorderRightMobile: var(--hamburgerTitleBorderRightDesktop);
10015        --hamburgerTitleBorderBottomMobile: var(--hamburgerTitleBorderBottomDesktop);
10016        --hamburgerTitleBorderLeftMobile: var(--hamburgerTitleBorderLeftDesktop);
10017
10018        /* parent title border hover */
10019        --hamburgerTitleBorderTopHoverMobile: var(--hamburgerTitleBorderTopHoverDesktop);
10020        --hamburgerTitleBorderRightHoverMobile: var(--hamburgerTitleBorderRightHoverDesktop);
10021        --hamburgerTitleBorderBottomHoverMobile: var(--hamburgerTitleBorderBottomHoverDesktop);
10022        --hamburgerTitleBorderLeftHoverMobile: var(--hamburgerTitleBorderLeftHoverDesktop);
10023
10024        /* parent title border radius */
10025        --hamburgerTitleBorderRadiusMobile: var(--hamburgerTitleBorderRadiusDesktop);
10026        --hamburgerTitleBorderRadiusHoverMobile: var(--hamburgerTitleBorderRadiusHoverDesktop);
10027
10028        /* parent title background color */
10029        --hamburgerTitleBackgroundColorMobile: var(--hamburgerTitleBackgroundColorDesktop);
10030        --hamburgerTitleBackgroundColorHoverMobile: var(--hamburgerTitleBackgroundColorHoverDesktop);
10031
10032        /* parent title padding */
10033        --hamburgerTitlePaddingTopMobile: var(--hamburgerTitlePaddingTopDesktop);
10034        --hamburgerTitlePaddingBottomMobile: var(--hamburgerTitlePaddingBottomDesktop);
10035        --hamburgerTitlePaddingLeftMobile: var(--hamburgerTitlePaddingLeftDesktop);
10036        --hamburgerTitlePaddingRightMobile: var(--hamburgerTitlePaddingRightDesktop);
10037
10038        /* parent title padding hover */
10039        --hamburgerTitlePaddingTopHoverMobile: var(--hamburgerTitlePaddingTopHoverDesktop);
10040        --hamburgerTitlePaddingBottomHoverMobile: var(--hamburgerTitlePaddingBottomHoverDesktop);
10041        --hamburgerTitlePaddingLeftHoverMobile: var(--hamburgerTitlePaddingLeftHoverDesktop);
10042        --hamburgerTitlePaddingRightHoverMobile: var(--hamburgerTitlePaddingRightHoverDesktop);
10043
10044        /* parent title font */
10045        --hamburgerTitleFontMobile: var(--hamburgerTitleFontDesktop);
10046        --hamburgerTitleFontColorMobile: var(--hamburgerTitleFontColorDesktop);
10047        --hamburgerTitleFontSizeMobile: var(--hamburgerTitleFontSizeDesktop);
10048        --hamburgerTitleFontWeightMobile: var(--hamburgerTitleFontWeightDesktop);
10049        --hamburgerTitleFontStyleMobile: var(--hamburgerTitleFontStyleDesktop);
10050        --hamburgerTitleLetterSpacingMobile: var(--hamburgerTitleLetterSpacingDesktop);
10051        --hamburgerTitleTextDecorationMobile: var(--hamburgerTitleTextDecorationDesktop);
10052        --hamburgerTitleLineHeightMobile: var(--hamburgerTitleLineHeightDesktop);
10053
10054        /* parent title arrow */
10055        --hamburgerTitleArrowSizeMobile: var(--hamburgerTitleArrowSizeDesktop);
10056        --hamburgerTitleArrowColorMobile: var(--hamburgerTitleArrowColorDesktop);
10057        --hamburgerTitleArrowSpacingMobile: var(--hamburgerTitleArrowSpacingDesktop);
10058        --hamburgerTitleArrowRotateMobile: var(--hamburgerTitleArrowRotateDesktop);
10059
10060        /* slide container */
10061        --hamburgerSlideContainerWidthMobile: 100vh;
10062
10063        /*****
10064			apply css properties
10065		*****/
10066
10067        /* apply main background color */
10068        --hamburgerNavBackgroundColor: var(--hamburgerNavBackgroundColorMobile);
10069
10070        /* apply main padding */
10071        --hamburgerNavPaddingTop: var(--hamburgerNavPaddingTopMobile);
10072        --hamburgerNavPaddingBottom: var(--hamburgerNavPaddingBottomMobile);
10073        --hamburgerNavPaddingLeft: var(--hamburgerNavPaddingLeftMobile);
10074        --hamburgerNavPaddingRight: var(--hamburgerNavPaddingRightMobile);
10075
10076        /* apply hamburger menu icon */
10077        --hamburgerMenuIconSize: var(--hamburgerMenuIconSizeMobile);
10078        --hamburgerMenuIconSizeHover: var(--hamburgerMenuIconSizeHoverMobile);
10079        --hamburgerMenuIconColor: var(--hamburgerMenuIconColorMobile);
10080        --hamburgerMenuIconHoverColor: var(--hamburgerMenuIconHoverColorMobile);
10081        --hamburgerMenuIconActiveSize: var(--hamburgerMenuIconActiveSizeMobile);
10082        --hamburgerMenuIconActiveColor: var(--hamburgerMenuIconActiveColorMobile);
10083        --hamburgerMenuIconActiveHoverColor: var(--hamburgerMenuIconActiveHoverColorMobile);
10084        --hamburgerMenuIconActiveSizeHover: var(--hamburgerMenuIconActiveSizeHoverMobile);
10085        --hamburgerMenuDisplay: var(--hamburgerMenuDisplayMobile);
10086        --hamburgerMenuJustifySelf: var(--hamburgerMenuJustifySelfMobile);
10087
10088        /* apply main nav justify self */
10089        --hamburgerNavJustifySelf: var(--hamburgerNavJustifySelfMobile);
10090
10091        /* apply main nav items alignment */
10092        --hamburgerNavItemsAlignment: var(--hamburgerNavItemsAlignmentMobile);
10093
10094        /* apply main nav item padding */
10095        --hamburgerNavItemPaddingTop: var(--hamburgerNavItemPaddingTopMobile);
10096        --hamburgerNavItemPaddingBottom: var(--hamburgerNavItemPaddingBottomMobile);
10097        --hamburgerNavItemPaddingLeft: var(--hamburgerNavItemPaddingLeftMobile);
10098        --hamburgerNavItemPaddingRight: var(--hamburgerNavItemPaddingRightMobile);
10099
10100        /* apply main nav item padding hover*/
10101        --hamburgerNavItemPaddingTopHover: var(--hamburgerNavItemPaddingTopMobileHover);
10102        --hamburgerNavItemPaddingBottomHover: var(--hamburgerNavItemPaddingBottomMobileHover);
10103        --hamburgerNavItemPaddingLeftHover: var(--hamburgerNavItemPaddingLeftMobileHover);
10104        --hamburgerNavItemPaddingRightHover: var(--hamburgerNavItemPaddingRightMobileHover);
10105
10106        /* apply main nav item border */
10107        --hamburgerNavItemBorderTop: var(--hamburgerNavItemBorderTopMobile);
10108        --hamburgerNavItemBorderRight: var(--hamburgerNavItemBorderRightMobile);
10109        --hamburgerNavItemBorderBottom: var(--hamburgerNavItemBorderBottomMobile);
10110        --hamburgerNavItemBorderLeft: var(--hamburgerNavItemBorderLeftMobile);
10111        /* apply main nav item border hover */
10112        --hamburgerNavItemBorderTopHover: var(--hamburgerNavItemBorderTopHoverMobile);
10113        --hamburgerNavItemBorderRightHover: var(--hamburgerNavItemBorderRightHoverMobile);
10114        --hamburgerNavItemBorderBottomHover: var(--hamburgerNavItemBorderBottomHoverMobile);
10115        --hamburgerNavItemBorderLeftHover: var(--hamburgerNavItemBorderLeftHoverMobile);
10116
10117        /* apply main nav item border radius */
10118        --hamburgerNavItemBorderRadius: var(--hamburgerNavItemBorderRadiusMobile);
10119        --hamburgerNavItemBorderRadiusHover: var(--hamburgerNavItemBorderRadiusMobileHover);
10120
10121        /* apply main nav item font */
10122        --hamburgerNavItemFont: var(--hamburgerNavItemFontMobile);
10123        --hamburgerNavItemFontColor: var(--hamburgerNavItemFontColorMobile);
10124        --hamburgerNavItemLineHeight: var(--hamburgerNavItemLineHeightMobile);
10125        --hamburgerNavItemFontSize: var(--hamburgerNavItemFontSizeMobile);
10126        --hamburgerNavItemFontWeight: var(--hamburgerNavItemFontWeightMobile);
10127        --hamburgerNavItemBackgroundColor: var(--hamburgerNavItemBackgroundColorMobile);
10128        --hamburgerNavItemLetterSpacing: var(--hamburgerNavItemLetterSpacingMobile);
10129        --hamburgerNavItemTextDecoration: var(--hamburgerNavItemTextDecorationMobile);
10130        --hamburgerNavItemFontStyle: var(--hamburgerNavItemFontStyleMobile);
10131
10132        /* apply main nav item hover font */
10133        --hamburgerNavItemHoverFontColor: var(--hamburgerNavItemHoverFontColorMobile);
10134        --hamburgerNavItemHoverBackgroundColor: var(--hamburgerNavItemHoverBackgroundColorMobile);
10135        --hamburgerNavItemFontHover: var(--hamburgerNavItemFontHoverMobile);
10136        --hamburgerNavItemLineHeightHover: var(--hamburgerNavItemLineHeightHoverMobile);
10137        --hamburgerNavItemFontSizeHover: var(--hamburgerNavItemFontSizeHoverMobile);
10138        --hamburgerNavItemFontWeightHover: var(--hamburgerNavItemFontWeightHoverMobile);
10139        --hamburgerNavItemLetterSpacingHover: var(--hamburgerNavItemLetterSpacingHoverMobile);
10140        --hamburgerNavItemTextDecorationHover: var(--hamburgerNavItemTextDecorationHoverMobile);
10141        --hamburgerNavItemFontStyleHover: var(--hamburgerNavItemFontStyleHoverMobile);
10142
10143        /* apply separator */
10144        --hamburgerNavSeparatorDisplay: var(--hamburgerNavSeparatorDisplayMobile);
10145        --hamburgerNavSeparatorWidth: var(--hamburgerNavSeparatorWidthMobile);
10146        --hamburgerNavSeparatorHeight: var(--hamburgerNavSeparatorHeightMobile);
10147        --hamburgerNavSeparatorColor: var(--hamburgerNavSeparatorColorMobile);
10148        --hamburgerNavSeparatorSpacing: var(--hamburgerNavSeparatorSpacingMobile);
10149
10150        /* apply sub separator */
10151        --hamburgerNavSubSeparatorDisplay: var(--hamburgerNavSubSeparatorDisplayMobile);
10152        --hamburgerNavSubSeparatorWidth: var(--hamburgerNavSubSeparatorWidthMobile);
10153        --hamburgerNavSubSeparatorHeight: var(--hamburgerNavSubSeparatorHeightMobile);
10154        --hamburgerNavSubSeparatorColor: var(--hamburgerNavSubSeparatorColorMobile);
10155        --hamburgerNavSubSeparatorSpacing: var(--hamburgerNavSubSeparatorSpacingMobile);
10156
10157        /* apply arrow */
10158        --hamburgerNavArrowSize: var(--hamburgerNavArrowSizeMobile);
10159        --hamburgerNavArrowColor: var(--hamburgerNavArrowColorMobile);
10160        --hamburgerNavArrowSpacing: var(--hamburgerNavArrowSpacingMobile);
10161        --hamburgerNavArrowRotate: var(--hamburgerNavArrowRotateMobile);
10162        --hamburgerNavArrowAutoSpacing: var(--hamburgerNavArrowAutoSpacingMobile);
10163        --hamburgerNavArrowSizeHover: var(--hamburgerNavArrowSizeHoverMobile);
10164        --hamburgerNavArrowColorHover: var(--hamburgerNavArrowColorHoverMobile);
10165        --hamburgerNavArrowRotateHover: var(--hamburgerNavArrowRotateHoverMobile);
10166
10167        /* apply main item icon */
10168        --hamburgerNavItemIconDisplay: var(--hamburgerNavItemIconDisplayMobile);
10169        --hamburgerNavItemIconColor: var(--hamburgerNavItemIconColorMobile);
10170        --hamburgerNavItemIconColorHover: var(--hamburgerNavItemIconColorHoverMobile);
10171        --hamburgerNavItemIconSize: var(--hamburgerNavItemIconSizeMobile);
10172        --hamburgerNavItemIconSizeHover: var(--hamburgerNavItemIconSizeHoverMobile);
10173        --hamburgerNavItemIconRotate: var(--hamburgerNavItemIconRotateMobile);
10174        --hamburgerNavItemIconRotateHover: var(--hamburgerNavItemIconRotateHoverMobile);
10175        --hamburgerNavItemIconSpacing: var(--hamburgerNavItemIconSpacingMobile);
10176        --hamburgerNavSubItemIconDisplay: var(--hamburgerNavSubItemIconDisplayMobile);
10177        --hamburgerNavSubItemIconColor: var(--hamburgerNavSubItemIconColorMobile);
10178        --hamburgerNavSubItemIconColorHover: var(--hamburgerNavSubItemIconColorHoverMobile);
10179        --hamburgerNavSubItemIconSize: var(--hamburgerNavSubItemIconSizeMobile);
10180        --hamburgerNavSubItemIconSizeHover: var(--hamburgerNavSubItemIconSizeHoverMobile);
10181        --hamburgerNavSubItemIconRotate: var(--hamburgerNavSubItemIconRotateMobile);
10182        --hamburgerNavSubItemIconRotateHover: var(--hamburgerNavSubItemIconRotateHoverMobile);
10183        --hamburgerNavSubItemIconSpacing: var(--hamburgerNavSubItemIconSpacingMobile);
10184
10185        /* apply sub arrow */
10186        --hamburgerNavSubArrowSize: var(--hamburgerNavSubArrowSizeMobile);
10187        --hamburgerNavSubArrowColor: var(--hamburgerNavSubArrowColorMobile);
10188        --hamburgerNavSubArrowSpacing: var(--hamburgerNavSubArrowSpacingMobile);
10189        --hamburgerNavSubArrowRotate: var(--hamburgerNavSubArrowRotateMobile);
10190        --hamburgerNavSubArrowAutoSpacing: var(--hamburgerNavSubArrowAutoSpacingMobile);
10191        --hamburgerNavSubArrowSizeHover: var(--hamburgerNavSubArrowSizeHoverMobile);
10192        --hamburgerNavSubArrowColorHover: var(--hamburgerNavSubArrowColorHoverMobile);
10193        --hamburgerNavSubArrowRotateHover: var(--hamburgerNavSubArrowRotateHoverMobile);
10194
10195        /* apply sub menu background color */
10196        --hamburgerNavSubBackgroundColor: var(--hamburgerNavSubBackgroundColorMobile);
10197
10198        /* apply sub nav item padding */
10199        --hamburgerNavSubItemPaddingTop: var(--hamburgerNavSubItemPaddingTopMobile);
10200        --hamburgerNavSubItemPaddingBottom: var(--hamburgerNavSubItemPaddingBottomMobile);
10201        --hamburgerNavSubItemPaddingLeft: var(--hamburgerNavSubItemPaddingLeftMobile);
10202        --hamburgerNavSubItemPaddingRight: var(--hamburgerNavSubItemPaddingRightMobile);
10203
10204        /* apply sub nav item padding hover */
10205        --hamburgerNavSubItemPaddingTopHover: var(--hamburgerNavSubItemPaddingTopHoverMobile);
10206        --hamburgerNavSubItemPaddingBottomHover: var(--hamburgerNavSubItemPaddingBottomHoverMobile);
10207        --hamburgerNavSubItemPaddingLeftHover: var(--hamburgerNavSubItemPaddingLeftHoverMobile);
10208        --hamburgerNavSubItemPaddingRightHover: var(--hamburgerNavSubItemPaddingRightHoverMobile);
10209
10210        /* apply sub nav item border */
10211        --hamburgerNavSubItemBorderTop: var(--hamburgerNavSubItemBorderTopMobile);
10212        --hamburgerNavSubItemBorderRight: var(--hamburgerNavSubItemBorderRightMobile);
10213        --hamburgerNavSubItemBorderBottom: var(--hamburgerNavSubItemBorderBottomMobile);
10214        --hamburgerNavSubItemBorderLeft: var(--hamburgerNavSubItemBorderLeftMobile);
10215        /* apply sub nav item border */
10216        --hamburgerNavSubItemBorderTopHover: var(--hamburgerNavSubItemBorderTopHoverMobile);
10217        --hamburgerNavSubItemBorderRightHover: var(--hamburgerNavSubItemBorderRightHoverMobile);
10218        --hamburgerNavSubItemBorderBottomHover: var(--hamburgerNavSubItemBorderBottomHoverMobile);
10219        --hamburgerNavSubItemBorderLeftHover: var(--hamburgerNavSubItemBorderLeftHoverMobile);
10220
10221        /* apply sub nav item border radius */
10222        --hamburgerNavSubItemBorderRadius: var(--hamburgerNavSubItemBorderRadiusMobile);
10223        --hamburgerNavSubItemBorderRadiusHover: var(--hamburgerNavSubItemBorderRadiusHoverMobile);
10224
10225        /* apply sub nav item background color */
10226        --hamburgerNavSubItemBackgroundColor: var(--hamburgerNavSubItemBackgroundColorMobile);
10227
10228        /* apply sub nav item hover background color */
10229        --hamburgerNavSubItemHoverBackgroundColor: var(--hamburgerNavSubItemHoverBackgroundColorMobile);
10230
10231        /* apply sub nav item font */
10232        --hamburgerNavSubItemFont: var(--hamburgerNavSubItemFontMobile);
10233        --hamburgerNavSubItemFontColor: var(--hamburgerNavSubItemFontColorMobile);
10234        --hamburgerNavSubItemLineHeight: var(--hamburgerNavSubItemLineHeightMobile);
10235        --hamburgerNavSubItemFontSize: var(--hamburgerNavSubItemFontSizeMobile);
10236        --hamburgerNavSubItemFontWeight: var(--hamburgerNavSubItemFontWeightMobile);
10237        --hamburgerNavSubItemHoverFontColor: var(--hamburgerNavSubItemHoverFontColorMobile);
10238        --hamburgerNavSubItemTextDecoration: var(--hamburgerNavSubItemTextDecorationMobile);
10239        --hamburgerNavSubItemFontStyle: var(--hamburgerNavSubItemFontStyleMobile);
10240        --hamburgerNavSubItemLetterSpacing: var(--hamburgerNavSubItemLetterSpacingMobile);
10241
10242        /* apply sub nav item hover font */
10243        --hamburgerNavSubItemFontHover: var(--hamburgerNavSubItemFontHoverMobile);
10244        --hamburgerNavSubItemLineHeightHover: var(--hamburgerNavSubItemLineHeightHoverMobile);
10245        --hamburgerNavSubItemFontSizeHover: var(--hamburgerNavSubItemFontSizeHoverMobile);
10246        --hamburgerNavSubItemFontWeightHover: var(--hamburgerNavSubItemFontWeightHoverMobile);
10247        --hamburgerNavSubItemLetterSpacingHover: var(--hamburgerNavSubItemLetterSpacingHoverMobile);
10248        --hamburgerNavSubItemTextDecorationHover: var(--hamburgerNavSubItemTextDecorationHoverMobile);
10249        --hamburgerNavSubItemFontStyleHover: var(--hamburgerNavSubItemFontStyleHoverMobile);
10250
10251        /* apply nav back button border */
10252        --hamburgerNavBackButtonBorderTopHover: var(--hamburgerNavBackButtonBorderTopHoverMobile);
10253        --hamburgerNavBackButtonBorderRightHover: var(--hamburgerNavBackButtonBorderRightHoverMobile);
10254        --hamburgerNavBackButtonBorderBottomHover: var(--hamburgerNavBackButtonBorderBottomHoverMobile);
10255        --hamburgerNavBackButtonBorderLeftHover: var(--hamburgerNavBackButtonBorderLeftHoverMobile);
10256        /* apply nav back button border */
10257        --hamburgerNavBackButtonBorderTop: var(--hamburgerNavBackButtonBorderTopMobile);
10258        --hamburgerNavBackButtonBorderRight: var(--hamburgerNavBackButtonBorderRightMobile);
10259        --hamburgerNavBackButtonBorderBottom: var(--hamburgerNavBackButtonBorderBottomMobile);
10260        --hamburgerNavBackButtonBorderLeft: var(--hamburgerNavBackButtonBorderLeftMobile);
10261
10262        /* apply nav back button border radius */
10263        --hamburgerNavBackButtonBorderRadius: var(--hamburgerNavBackButtonBorderRadiusMobile);
10264        --hamburgerNavBackButtonBorderRadiusHover: var(--hamburgerNavBackButtonBorderRadiusHoverMobile);
10265
10266        /* apply nav back button background color */
10267        --hamburgerNavBackButtonBackgroundColor: var(--hamburgerNavBackButtonBackgroundColorMobile);
10268
10269        /* apply nav back button hover background color */
10270        --hamburgerNavBackButtonHoverBackgroundColor: var(--hamburgerNavBackButtonHoverBackgroundColorMobile);
10271
10272        /* apply nav back button */
10273        --hamburgerNavBackButtonPaddingTop: var(--hamburgerNavBackButtonPaddingTopMobile);
10274        --hamburgerNavBackButtonPaddingBottom: var(--hamburgerNavBackButtonPaddingBottomMobile);
10275        --hamburgerNavBackButtonPaddingLeft: var(--hamburgerNavBackButtonPaddingLeftMobile);
10276        --hamburgerNavBackButtonPaddingRight: var(--hamburgerNavBackButtonPaddingRightMobile);
10277        --hamburgerNavBackButtonFont: var(--hamburgerNavBackButtonFontMobile);
10278        --hamburgerNavBackButtonColor: var(--hamburgerNavBackButtonColorMobile);
10279        --hamburgerNavBackButtonFontSize: var(--hamburgerNavBackButtonFontSizeMobile);
10280        --hamburgerNavBackButtonFontWeight: var(--hamburgerNavBackButtonFontWeightMobile);
10281        --hamburgerNavBackButtonFontStyle: var(--hamburgerNavBackButtonFontStyleMobile);
10282        --hamburgerNavBackButtonLetterSpacing: var(--hamburgerNavBackButtonLetterSpacingMobile);
10283        --hamburgerNavBackButtonTextDecoration: var(--hamburgerNavBackButtonTextDecorationMobile);
10284        --hamburgerNavBackButtonLineHeight: var(--hamburgerNavBackButtonLineHeightMobile);
10285        --hamburgerNavBackButtonHoverFontColor: var(--hamburgerNavBackButtonHoverFontColorMobile);
10286
10287        /* apply nav back button hover*/
10288        --hamburgerNavBackButtonPaddingTopHover: var(--hamburgerNavBackButtonPaddingTopHoverMobile);
10289        --hamburgerNavBackButtonPaddingBottomHover: var(--hamburgerNavBackButtonPaddingBottomHoverMobile);
10290        --hamburgerNavBackButtonPaddingLeftHover: var(--hamburgerNavBackButtonPaddingLeftHoverMobile);
10291        --hamburgerNavBackButtonPaddingRightHover: var(--hamburgerNavBackButtonPaddingRightHoverMobile);
10292
10293        /* apply nav back button arrow */
10294        --hamburgerNavBackButtonArrowSize: var(--hamburgerNavBackButtonArrowSizeMobile);
10295        --hamburgerNavBackButtonArrowSizeHover: var(--hamburgerNavBackButtonArrowSizeHoverMobile);
10296        --hamburgerNavBackButtonArrowColor: var(--hamburgerNavBackButtonArrowColorMobile);
10297        --hamburgerNavBackButtonArrowSpacing: var(--hamburgerNavBackButtonArrowSpacingMobile);
10298        --hamburgerNavBackButtonArrowRotate: var(--hamburgerNavBackButtonArrowRotateMobile);
10299
10300        /* apply parent title border */
10301        --hamburgerTitleBorderTop: var(--hamburgerTitleBorderTopMobile);
10302        --hamburgerTitleBorderRight: var(--hamburgerTitleBorderRightMobile);
10303        --hamburgerTitleBorderBottom: var(--hamburgerTitleBorderBottomMobile);
10304        --hamburgerTitleBorderLeft: var(--hamburgerTitleBorderLeftMobile);
10305        /* apply parent title border hover */
10306        --hamburgerTitleBorderTopHover: var(--hamburgerTitleBorderTopHoverMobile);
10307        --hamburgerTitleBorderRightHover: var(--hamburgerTitleBorderRightHoverMobile);
10308        --hamburgerTitleBorderBottomHover: var(--hamburgerTitleBorderBottomHoverMobile);
10309        --hamburgerTitleBorderLeftHover: var(--hamburgerTitleBorderLeftHoverMobile);
10310
10311        /* apply parent title border radius */
10312        --hamburgerTitleBorderRadius: var(--hamburgerTitleBorderRadiusMobile);
10313        --hamburgerTitleBorderRadiusHover: var(--hamburgerTitleBorderRadiusHoverMobile);
10314
10315        /* apply parent title background color */
10316        --hamburgerTitleBackgroundColor: var(--hamburgerTitleBackgroundColorMobile);
10317        --hamburgerTitleBackgroundColorHover: var(--hamburgerTitleBackgroundColorHoverMobile);
10318
10319        /* apply parent title padding */
10320        --hamburgerTitlePaddingTop: var(--hamburgerTitlePaddingTopMobile);
10321        --hamburgerTitlePaddingBottom: var(--hamburgerTitlePaddingBottomMobile);
10322        --hamburgerTitlePaddingLeft: var(--hamburgerTitlePaddingLeftMobile);
10323        --hamburgerTitlePaddingRight: var(--hamburgerTitlePaddingRightMobile);
10324        /* apply parent title padding hover */
10325        --hamburgerTitlePaddingTopHover: var(--hamburgerTitlePaddingTopHoverMobile);
10326        --hamburgerTitlePaddingBottomHover: var(--hamburgerTitlePaddingBottomHoverMobile);
10327        --hamburgerTitlePaddingLeftHover: var(--hamburgerTitlePaddingLeftHoverMobile);
10328        --hamburgerTitlePaddingRightHover: var(--hamburgerTitlePaddingRightHoverMobile);
10329
10330        /* apply parent title font */
10331        --hamburgerTitleFont: var(--hamburgerTitleFontMobile);
10332        --hamburgerTitleFontColor: var(--hamburgerTitleFontColorMobile);
10333        --hamburgerTitleFontSize: var(--hamburgerTitleFontSizeMobile);
10334        --hamburgerTitleFontWeight: var(--hamburgerTitleFontWeightMobile);
10335        --hamburgerTitleFontStyle: var(--hamburgerTitleFontStyleMobile);
10336        --hamburgerTitleLetterSpacing: var(--hamburgerTitleLetterSpacingMobile);
10337        --hamburgerTitleTextDecoration: var(--hamburgerTitleTextDecorationMobile);
10338        --hamburgerTitleLineHeight: var(--hamburgerTitleLineHeightMobile);
10339
10340        /* apply parent title arrow */
10341        --hamburgerTitleArrowSize: var(--hamburgerTitleArrowSizeMobile);
10342        --hamburgerTitleArrowColor: var(--hamburgerTitleArrowColorMobile);
10343        --hamburgerTitleArrowSpacing: var(--hamburgerTitleArrowSpacingMobile);
10344        --hamburgerTitleArrowRotate: var(--hamburgerTitleArrowRotateMobile);
10345
10346        /* apply slide container */
10347        --hamburgerSlideContainerWidth: var(--hamburgerSlideContainerWidthMobile);
10348
10349        /**********************
10350			vertical main nav
10351		***********************/
10352
10353        /* main nav justify content */
10354        --verticalNavJustifySelfMobile: center;
10355
10356        /* main nav items alignment */
10357        --verticalNavItemsAlignmentMobile: var(--verticalNavItemsAlignmentDesktop);
10358
10359        /* main nav width */
10360        --verticalNavWidthMobile: 100%;
10361
10362        /* main nav padding */
10363        --verticalNavPaddingTopMobile: var(--verticalNavPaddingTopDesktop);
10364        --verticalNavPaddingBottomMobile: var(--verticalNavPaddingBottomDesktop);
10365        --verticalNavPaddingLeftMobile: var(--verticalNavPaddingLeftDesktop);
10366        --verticalNavPaddingRightMobile: var(--verticalNavPaddingRightDesktop);
10367
10368        /* main nav border */
10369        --verticalNavBorderTopMobile: var(--verticalNavBorderTopDesktop);
10370        --verticalNavBorderRightMobile: var(--verticalNavBorderRightDesktop);
10371        --verticalNavBorderBottomMobile: var(--verticalNavBorderBottomDesktop);
10372        --verticalNavBorderLeftMobile: var(--verticalNavBorderLeftDesktop);
10373
10374        /* main nav border radius */
10375        --verticalNavBorderRadiusMobile: var(--verticalNavBorderRadiusDesktop);
10376
10377        /* main nav item font */
10378        --verticalNavItemFontMobile: var(--verticalNavItemFontDesktop);
10379        --verticalNavItemFontColorMobile: var(--verticalNavItemFontColorDesktop);
10380        --verticalNavItemFontSizeMobile: var(--verticalNavItemFontSizeDesktop);
10381        --verticalNavItemFontWeightMobile: var(--verticalNavItemFontWeightDesktop);
10382        --verticalNavItemLineHeightMobile: var(--verticalNavItemLineHeightDesktop);
10383        --verticalNavItemTextDecorationMobile: var(--verticalNavItemTextDecorationDesktop);
10384        --verticalNavItemFontStyleMobile: var(--verticalNavItemFontStyleDesktop);
10385        --verticalNavItemLetterSpacingMobile: var(--verticalNavItemLetterSpacingDesktop);
10386        --verticalNavItemBackgroundColorMobile: var(--verticalNavItemBackgroundColorDesktop);
10387
10388        /* main nav item font hover*/
10389        --verticalNavItemHoverFontColorMobile: var(--verticalNavItemHoverFontColorDesktop);
10390        --verticalNavItemHoverBackgroundColorMobile: var(--verticalNavItemHoverBackgroundColorDesktop);
10391        --verticalNavItemFontSizeHoverMobile: var(--verticalNavItemFontSizeHoverDesktop);
10392        --verticalNavItemFontWeightHoverMobile: var(--verticalNavItemFontWeightHoverDesktop);
10393        --verticalNavItemTextDecorationHoverMobile: var(--verticalNavItemTextDecorationHoverDesktop);
10394        --verticalNavItemFontStyleHoverMobile: var(--verticalNavItemFontStyleHoverDesktop);
10395
10396
10397        /* main nav item padding */
10398        --verticalNavItemPaddingTopMobile: var(--verticalNavItemPaddingTopDesktop);
10399        --verticalNavItemPaddingRightMobile: var(--verticalNavItemPaddingRightDesktop);
10400        --verticalNavItemPaddingBottomMobile: var(--verticalNavItemPaddingBottomDesktop);
10401        --verticalNavItemPaddingLeftMobile: var(--verticalNavItemPaddingLeftDesktop);
10402
10403        /* main nav item padding hover */
10404        --verticalNavItemPaddingTopHoverMobile: var(--verticalNavItemPaddingTopHoverDesktop);
10405        --verticalNavItemPaddingRightHoverMobile: var(--verticalNavItemPaddingRightHoverDesktop);
10406        --verticalNavItemPaddingBottomHoverMobile: var(--verticalNavItemPaddingBottomHoverDesktop);
10407        --verticalNavItemPaddingLeftHoverMobile: var(--verticalNavItemPaddingLeftHoverDesktop);
10408
10409        /* main nav item border */
10410        --verticalNavItemBorderTopMobile: var(--verticalNavItemBorderTopDesktop);
10411        --verticalNavItemBorderRightMobile: var(--verticalNavItemBorderRightDesktop);
10412        --verticalNavItemBorderBottomMobile: var(--verticalNavItemBorderBottomDesktop);
10413        --verticalNavItemBorderLeftMobile: var(--verticalNavItemBorderLeftDesktop);
10414
10415        /* main nav item border hover*/
10416        --verticalNavItemBorderTopHoverMobile: var(--verticalNavItemBorderTopHoverDesktop);
10417        --verticalNavItemBorderRightHoverMobile: var(--verticalNavItemBorderRightHoverDesktop);
10418        --verticalNavItemBorderBottomHoverMobile: var(--verticalNavItemBorderBottomHoverDesktop);
10419        --verticalNavItemBorderLeftHoverMobile: var(--verticalNavItemBorderLeftHoverDesktop);
10420
10421        /* main nav item border radius */
10422        --verticalNavItemBorderRadiusMobile: var(--verticalNavItemBorderRadiusDesktop);
10423        --verticalNavItemBorderRadiusHoverMobile: var(--verticalNavItemBorderRadiusHoverDesktop);
10424
10425        /* arrow */
10426        --verticalNavArrowSizeMobile: 24px;
10427        --verticalNavArrowWidthMobile: 24px;
10428        --verticalNavArrowSpacingMobile: 10px;
10429        --verticalNavArrowColorMobile: rgba(var(--colorPrimaryA), 1);
10430        --verticalNavArrowRotateMobile: -90deg;
10431
10432        /* title */
10433        --verticalNavTitleFontColorMobile: rgba(var(--colorPrimaryH), 1);
10434        --verticalNavTitleLineHeightMobile: 1.4;
10435        --verticalNavTitleFontSizeMobile: 21px;
10436        --verticalNavTitleFontWeightMobile: 700;
10437        --verticalNavTitleContainerBackgroundColorMobile: transparent;
10438
10439        /* sub nav item font */
10440        --verticalNavSubItemFontMobile: var(--navPrimaryFont);
10441        --verticalNavSubItemFontColorMobile: rgba(var(--colorPrimaryA), 1);
10442        --verticalNavSubItemFontSizeMobile: 16px;
10443        --verticalNavSubItemFontWeightMobile: 400;
10444        --verticalNavSubItemLineHeightMobile: normal;
10445        --verticalNavSubItemTextDecorationMobile: none;
10446        --verticalNavSubItemFontStyleMobile: normal;
10447        --verticalNavSubItemLetterSpacingMobile: 0px;
10448        --verticalNavSubItemBackgroundColorMobile: transparent;
10449        --verticalNavSubItemHoverFontColorMobile: var(--verticalNavSubItemFontColorMobile);
10450        --verticalNavSubItemHoverBackgroundColorMobile: var(--verticalNavSubItemBackgroundColorMobile);
10451
10452        /* sub nav item padding */
10453        --verticalNavSubItemPaddingTopMobile: 0px;
10454        --verticalNavSubItemPaddingRightMobile: 0px;
10455        --verticalNavSubItemPaddingBottomMobile: 0px;
10456        --verticalNavSubItemPaddingLeftMobile: 0px;
10457
10458        /* sub nav item border */
10459        --verticalNavSubItemBorderTopMobile: 0px none rgba(var(--colorPrimaryA), 1);
10460        --verticalNavSubItemBorderRightMobile: 0px none rgba(var(--colorPrimaryA), 1);
10461        --verticalNavSubItemBorderBottomMobile: 0px none rgba(var(--colorPrimaryA), 1);
10462        --verticalNavSubItemBorderLeftMobile: 0px none rgba(var(--colorPrimaryA), 1);
10463
10464        /* sub nav item border radius */
10465        --verticalNavSubItemBorderRadiusMobile: 0px 0px 0px 0px;
10466
10467        /* sub nav arrow */
10468        --verticalNavSubArrowSizeMobile: 24px;
10469        --verticalNavSubArrowWidthMobile: 24px;
10470        --verticalNavSubArrowSpacingMobile: 10px;
10471
10472        /* slide container */
10473        --verticalSlideContainerWidthMobile: 400px;
10474
10475        /* separator */
10476        --verticalNavSeparatorDisplayMobile: var(--verticalNavSeparatorDisplayDesktop);
10477        --verticalNavSeparatorWidthMobile: var(--verticalNavSeparatorWidthDesktop);
10478        --verticalNavSeparatorHeightMobile: var(--verticalNavSeparatorHeightDesktop);
10479        --verticalNavSeparatorColorMobile: var(--verticalNavSeparatorColorDesktop);
10480        --verticalNavSeparatorSpacingMobile: var(--verticalNavSeparatorSpacingDesktop);
10481
10482        /* sub separator */
10483        --verticalNavSubSeparatorDisplayMobile: var(--verticalNavSubSeparatorDisplayDesktop);
10484        --verticalNavSubSeparatorWidthMobile: var(--verticalNavSubSeparatorWidthDesktop);
10485        --verticalNavSubSeparatorHeightMobile: var(--verticalNavSubSeparatorHeightDesktop);
10486        --verticalNavSubSeparatorColorMobile: var(--verticalNavSubSeparatorColorDesktop);
10487        --verticalNavSubSeparatorSpacingMobile: var(--verticalNavSubSeparatorSpacingDesktop);
10488
10489        /*****
10490			apply css properties
10491		*****/
10492
10493        /* apply main nav justify content */
10494        --verticalNavJustifySelf: var(--verticalNavJustifySelfMobile);
10495
10496        /* apply main nav items alignment */
10497        --verticalNavItemsAlignment: var(--verticalNavItemsAlignmentMobile);
10498
10499        /* apply main nav width */
10500        --verticalNavWidth: var(--verticalNavWidthMobile);
10501
10502        /* apply main nav padding */
10503        --verticalNavPaddingTop: var(--verticalNavPaddingTopMobile);
10504        --verticalNavPaddingBottom: var(--verticalNavPaddingBottomMobile);
10505        --verticalNavPaddingLeft: var(--verticalNavPaddingLeftMobile);
10506        --verticalNavPaddingRight: var(--verticalNavPaddingRightMobile);
10507
10508        /* apply main nav border */
10509        --verticalNavBorderTop: var(--verticalNavBorderTopMobile);
10510        --verticalNavBorderRight: var(--verticalNavBorderRightMobile);
10511        --verticalNavBorderBottom: var(--verticalNavBorderBottomMobile);
10512        --verticalNavBorderLeft: var(--verticalNavBorderLeftMobile);
10513
10514        /* apply main nav border radius */
10515        --verticalNavBorderRadius: var(--verticalNavBorderRadiusMobile);
10516
10517        /* apply main nav item font */
10518        --verticalNavItemFont: var(--verticalNavItemFontMobile);
10519        --verticalNavItemFontColor: var(--verticalNavItemFontColorMobile);
10520        --verticalNavItemFontSize: var(--verticalNavItemFontSizeMobile);
10521        --verticalNavItemFontWeight: var(--verticalNavItemFontWeightMobile);
10522        --verticalNavItemLineHeight: var(--verticalNavItemLineHeightMobile);
10523        --verticalNavItemTextDecoration: var(--verticalNavItemTextDecorationMobile);
10524        --verticalNavItemFontStyle: var(--verticalNavItemFontStyleMobile);
10525        --verticalNavItemLetterSpacing: var(--verticalNavItemLetterSpacingMobile);
10526        --verticalNavItemBackgroundColor: var(--verticalNavItemBackgroundColorMobile);
10527        --verticalNavItemHoverFontColor: var(--verticalNavItemHoverFontColorMobile);
10528        --verticalNavItemHoverBackgroundColor: var(--verticalNavItemHoverBackgroundColorMobile);
10529
10530        /* apply main nav item font hover*/
10531        --verticalNavItemFontSizeHover: var(--verticalNavItemFontSizeHoverMobile);
10532        --verticalNavItemFontWeightHover: var(--verticalNavItemFontWeightHoverMobile);
10533        --verticalNavItemTextDecorationHover: var(--verticalNavItemTextDecorationHoverMobile);
10534        --verticalNavItemFontStyleHover: var(--verticalNavItemFontStyleHoverMobile);
10535
10536
10537        /* apply main nav item padding */
10538        --verticalNavItemPaddingTop: var(--verticalNavItemPaddingTopMobile);
10539        --verticalNavItemPaddingRight: var(--verticalNavItemPaddingRightMobile);
10540        --verticalNavItemPaddingBottom: var(--verticalNavItemPaddingBottomMobile);
10541        --verticalNavItemPaddingLeft: var(--verticalNavItemPaddingLeftMobile);
10542        /* apply main nav item padding hover*/
10543        --verticalNavItemPaddingTopHover: var(--verticalNavItemPaddingTopHoverMobile);
10544        --verticalNavItemPaddingRightHover: var(--verticalNavItemPaddingRightHoverMobile);
10545        --verticalNavItemPaddingBottomHover: var(--verticalNavItemPaddingBottomHoverMobile);
10546        --verticalNavItemPaddingLeftHover: var(--verticalNavItemPaddingLeftHoverMobile);
10547
10548        /* apply main nav item border */
10549        --verticalNavItemBorderTop: var(--verticalNavItemBorderTopMobile);
10550        --verticalNavItemBorderRight: var(--verticalNavItemBorderRightMobile);
10551        --verticalNavItemBorderBottom: var(--verticalNavItemBorderBottomMobile);
10552        --verticalNavItemBorderLeft: var(--verticalNavItemBorderLeftMobile);
10553
10554        /* apply main nav item border hover */
10555        --verticalNavItemBorderTopHover: var(--verticalNavItemBorderTopHoverMobile);
10556        --verticalNavItemBorderRightHover: var(--verticalNavItemBorderRightHoverMobile);
10557        --verticalNavItemBorderBottomHover: var(--verticalNavItemBorderBottomHoverMobile);
10558        --verticalNavItemBorderLeftHover: var(--verticalNavItemBorderLeftHoverMobile);
10559
10560        /* apply main nav item border radius */
10561        --verticalNavItemBorderRadius: var(--verticalNavItemBorderRadiusMobile);
10562        --verticalNavItemBorderRadiusHover: var(--verticalNavItemBorderRadiusHoverMobile);
10563
10564        /* apply arrow */
10565        --verticalNavArrowSize: var(--verticalNavArrowSizeMobile);
10566        --verticalNavItemIconDisplay: var(--verticalNavItemIconDisplayMobile);
10567        --verticalNavItemIconColor: var(--verticalNavItemIconColorMobile);
10568        --verticalNavItemIconColorHover: var(--verticalNavItemIconColorHoverMobile);
10569        --verticalNavItemIconSize: var(--verticalNavItemIconSizeMobile);
10570        --verticalNavItemIconSizeHover: var(--verticalNavItemIconSizeHoverMobile);
10571        --verticalNavItemIconRotate: var(--verticalNavItemIconRotateMobile);
10572        --verticalNavItemIconRotateHover: var(--verticalNavItemIconRotateHoverMobile);
10573        --verticalNavItemIconSpacing: var(--verticalNavItemIconSpacingMobile);
10574        --verticalNavSubItemIconDisplay: var(--verticalNavSubItemIconDisplayMobile);
10575        --verticalNavSubItemIconColor: var(--verticalNavSubItemIconColorMobile);
10576        --verticalNavSubItemIconColorHover: var(--verticalNavSubItemIconColorHoverMobile);
10577        --verticalNavSubItemIconSize: var(--verticalNavSubItemIconSizeMobile);
10578        --verticalNavSubItemIconSizeHover: var(--verticalNavSubItemIconSizeHoverMobile);
10579        --verticalNavSubItemIconRotate: var(--verticalNavSubItemIconRotateMobile);
10580        --verticalNavSubItemIconRotateHover: var(--verticalNavSubItemIconRotateHoverMobile);
10581        --verticalNavSubItemIconSpacing: var(--verticalNavSubItemIconSpacingMobile);
10582        --verticalNavArrowWidth: var(--verticalNavArrowWidthMobile);
10583        --verticalNavArrowSpacing: var(--verticalNavArrowSpacingMobile);
10584        --verticalNavArrowColor: var(--verticalNavArrowColorMobile);
10585        --verticalNavArrowRotate: var(--verticalNavArrowRotateMobile);
10586
10587        /* apply title */
10588        --verticalNavTitleFontColor: var(--verticalNavTitleFontColorMobile);
10589        --verticalNavTitleLineHeight: var(--verticalNavTitleLineHeightMobile);
10590        --verticalNavTitleFontSize: var(--verticalNavTitleFontSizeMobile);
10591        --verticalNavTitleFontWeight: var(--verticalNavTitleFontWeightMobile);
10592        --verticalNavTitleContainerBackgroundColor: var(--verticalNavTitleContainerBackgroundColorMobile);
10593
10594        /* apply sub nav item font */
10595        --verticalNavSubItemFont: var(--verticalNavSubItemFontMobile);
10596        --verticalNavSubItemFontColor: var(--verticalNavSubItemFontColorMobile);
10597        --verticalNavSubItemFontSize: var(--verticalNavSubItemFontSizeMobile);
10598        --verticalNavSubItemFontWeight: var(--verticalNavSubItemFontWeightMobile);
10599        --verticalNavSubItemLineHeight: var(--verticalNavSubItemLineHeightMobile);
10600        --verticalNavSubItemTextDecoration: var(--verticalNavSubItemTextDecorationMobile);
10601        --verticalNavSubItemFontStyle: var(--verticalNavSubItemFontStyleMobile);
10602        --verticalNavSubItemLetterSpacing: var(--verticalNavSubItemLetterSpacingMobile);
10603        --verticalNavSubItemBackgroundColor: var(--verticalNavSubItemBackgroundColorMobile);
10604        --verticalNavSubItemHoverFontColor: var(--verticalNavSubItemHoverFontColorMobile);
10605        --verticalNavSubItemHoverBackgroundColor: var(--verticalNavSubItemHoverBackgroundColorMobile);
10606
10607        /* apply sub nav item padding */
10608        --verticalNavSubItemPaddingTop: var(--verticalNavSubItemPaddingTopMobile);
10609        --verticalNavSubItemPaddingRight: var(--verticalNavSubItemPaddingRightMobile);
10610        --verticalNavSubItemPaddingBottom: var(--verticalNavSubItemPaddingBottomMobile);
10611        --verticalNavSubItemPaddingLeft: var(--verticalNavSubItemPaddingLeftMobile);
10612
10613        /* apply sub nav item border */
10614        --verticalNavSubItemBorderTop: var(--verticalNavSubItemBorderTopMobile);
10615        --verticalNavSubItemBorderRight: var(--verticalNavSubItemBorderRightMobile);
10616        --verticalNavSubItemBorderBottom: var(--verticalNavSubItemBorderBottomMobile);
10617        --verticalNavSubItemBorderLeft: var(--verticalNavSubItemBorderLeftMobile);
10618
10619        /* apply sub nav item border radius */
10620        --verticalNavSubItemBorderRadius: var(--verticalNavSubItemBorderRadiusMobile);
10621
10622        /* apply sub nav arrow */
10623        --verticalNavSubArrowSize: var(--verticalNavSubArrowSizeMobile);
10624        --verticalNavSubArrowWidth: var(--verticalNavSubArrowWidthMobile);
10625        --verticalNavSubArrowSpacing: var(--verticalNavSubArrowSpacingMobile);
10626
10627        /* apply slide container */
10628        --verticalSlideContainerWidth: var(--verticalSlideContainerWidthMobile);
10629
10630        /* apply separator */
10631        --verticalNavSeparatorDisplay: var(--verticalNavSeparatorDisplayMobile);
10632        --verticalNavSeparatorWidth: var(--verticalNavSeparatorWidthMobile);
10633        --verticalNavSeparatorHeight: var(--verticalNavSeparatorHeightMobile);
10634        --verticalNavSeparatorColor: var(--verticalNavSeparatorColorMobile);
10635        --verticalNavSeparatorSpacing: var(--verticalNavSeparatorSpacingMobile);
10636
10637        /* apply sub separator */
10638        --verticalNavSubSeparatorDisplay: var(--verticalNavSubSeparatorDisplayMobile);
10639        --verticalNavSubSeparatorWidth: var(--verticalNavSubSeparatorWidthMobile);
10640        --verticalNavSubSeparatorHeight: var(--verticalNavSubSeparatorHeightMobile);
10641        --verticalNavSubSeparatorColor: var(--verticalNavSubSeparatorColorMobile);
10642        --verticalNavSubSeparatorSpacing: var(--verticalNavSubSeparatorSpacingMobile);
10643    }
10644
10645    /* Horizontal Navigation Styles */
10646    .wmc_menu.wmcM_menuHorizontalMobile.wmd_showMoreMenu {
10647        & .navigation-module-container {
10648            overflow: hidden;
10649        }
10650
10651        & .navigation-module-container ul.navigation-nav--main-menu {
10652            flex-wrap: nowrap !important;
10653            overflow: hidden;
10654
10655            & > .navigation-nav--item {
10656                flex-shrink: 0;
10657            }
10658        }
10659    }
10660
10661    .wmc_menu.wmcM_menuHorizontalMobile .navigation-module-container,
10662    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container {
10663        & .navigation-nav {
10664            display: flex;
10665            justify-content: var(--horizontalNavJustifyContent);
10666        }
10667
10668        /* level 1: main menu */
10669
10670        & ul.navigation-nav--main-menu {
10671            display: inline-flex;
10672            padding-left: var(--horizontalNavPaddingLeft);
10673            padding-right: var(--horizontalNavPaddingRight);
10674            padding-top: var(--horizontalNavPaddingTop);
10675            padding-bottom: var(--horizontalNavPaddingBottom);
10676            margin-left: 0;
10677            margin-right: 0;
10678            flex-direction: row;
10679            flex-wrap: wrap;
10680            align-self: center;
10681            list-style: none;
10682            background-color: var(--horizontalNavBackgroundColor);
10683            border-top: var(--horizontalNavBorderTop);
10684            border-right: var(--horizontalNavBorderRight);
10685            border-bottom: var(--horizontalNavBorderBottom);
10686            border-radius: var(--horizontalNavBorderRadius);
10687            border-left: var(--horizontalNavBorderLeft);
10688            column-gap: calc(var(--horizontalNavSeparatorSpacing) / 2);
10689
10690            & > .navigation-nav--separator {
10691                display: var(--horizontalNavSeparatorDisplay);
10692                width: var(--horizontalNavSeparatorWidth);
10693                height: var(--horizontalNavSeparatorHeight);
10694                background-color: var(--horizontalNavSeparatorColor);
10695                align-self: center;
10696                font-size: var(--horizontalNavItemFontSize);
10697                line-height: 1.4;
10698            }
10699        }
10700
10701        /* level 1: li item */
10702
10703        & .navigation-nav--item {
10704            display: grid;
10705            grid-template-columns: 1fr;
10706            align-items: center;
10707            background-color: var(--navItemBackgroundColor);
10708            border-top: var(--navItemBorderTop);
10709            border-right: var(--navItemBorderRight);
10710            border-bottom: var(--navItemBorderBottom);
10711            border-left: var(--navItemBorderLeft);
10712            border-radius: var(--navItemBorderRadius);
10713
10714            &:hover, .wmcA_hoverState &:not(.wmcA_activeState) {
10715                background-color: var(--navItemHoverBackgroundColor);
10716                border-top: var(--navItemBorderTopHover);
10717                border-right: var(--navItemBorderRightHover);
10718                border-bottom: var(--navItemBorderBottomHover);
10719                border-left: var(--navItemBorderLeftHover);
10720                border-radius: var(--navItemBorderRadiusHover);
10721
10722            }
10723
10724            &.open, &.wmcA_activeState, .wmcA_activeState & {
10725                background-color: var(--navItemActiveBackgroundColor);
10726            }
10727
10728            &:has(.navigation-nav--sub-menu):hover, &:has(.navigation-nav--sub-menu).wmcA_activeState {
10729                background-color: var(--navItemActiveBackgroundColor);
10730            }
10731
10732            & > a {
10733                display: flex;
10734                align-items: center;
10735                padding-top: var(--navItemPaddingTop);
10736                padding-bottom: var(--navItemPaddingBottom);
10737                padding-left: var(--navItemPaddingLeft);
10738                padding-right: var(--navItemPaddingRight);
10739                font-family: var(--navItemFont);
10740                color: var(--navItemFontColor);
10741                line-height: var(--navItemLineHeight);
10742                background-color: transparent;
10743                letter-spacing: var(--navItemLetterSpacing);
10744                font-size: var(--navItemFontSize);
10745                text-decoration: var(--navItemTextDecoration);
10746                font-weight: var(--navItemFontWeight);
10747                font-style: var(--navItemFontStyle);
10748
10749                &:hover, .wmcA_hoverState & {
10750                    color: var(--navItemHoverFontColor);
10751                    font-size: var(--navItemFontSizeHover);
10752                    text-decoration: var(--navItemTextDecorationHover);
10753                    font-weight: var(--navItemFontWeightHover);
10754                    font-style: var(--navItemFontStyleHover);
10755                    padding-top: var(--navItemPaddingTopHover);
10756                    padding-bottom: var(--navItemPaddingBottomHover);
10757                    padding-left: var(--navItemPaddingLeftHover);
10758                    padding-right: var(--navItemPaddingRightHover);
10759                }
10760
10761                .navigation-nav--item.open > &, .navigation-nav--item.wmcA_activeState > &, .wmcA_activeState & {
10762                    color: var(--navItemActiveFontColor);
10763                }
10764
10765                .navigation-nav--item:has(> .navigation-nav--sub-menu):hover > &, .navigation-nav--item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
10766                    color: var(--navItemActiveFontColor);
10767                }
10768            }
10769
10770            &:hover > .navigation-nav--sub-menu,
10771            &:has(.navigation-nav--sub-menu:hover) > .navigation-nav--sub-menu,
10772            .wmcA_hoverState & > .navigation-nav--sub-menu,
10773            &.open > .navigation-nav--sub-menu {
10774                opacity: 1;
10775                visibility: visible;
10776                transform: translateY(0);
10777            }
10778
10779            & .arrow {
10780                display: none;
10781                pointer-events: none;
10782            }
10783
10784            &:has(.navigation-nav--sub-menu) {
10785                display: grid;
10786                grid-template-columns: 1fr calc(var(--horizontalNavArrowSpacing) + var(--horizontalNavArrowSize));
10787                align-items: center;
10788                position: relative;
10789                padding-right: calc(var(--navItemPaddingRight) / 2);
10790
10791                & > a {
10792                    padding-right: 0;
10793                    width: 100%;
10794                }
10795
10796                & > .arrow {
10797                    display: var(--horizontalNavArrowDisplay, flex);
10798                    align-items: center;
10799                    justify-content: center;
10800                    pointer-events: auto;
10801                    position: relative;
10802                    z-index: 1;
10803                    width: var(--horizontalNavArrowSize);
10804                    height: 100%;
10805                    cursor: pointer;
10806                    margin-left: var(--horizontalNavArrowSpacing);
10807
10808                    &::after {
10809                        display: block;
10810                        content: '';
10811                        width: var(--horizontalNavArrowSize);
10812                        height: var(--horizontalNavArrowSize);
10813                        -webkit-mask-image: var(--wmd_caretIconUrl);
10814                        mask-image: var(--wmd_caretIconUrl);
10815                        -webkit-mask-size: contain;
10816                        mask-size: contain;
10817                        -webkit-mask-repeat: no-repeat;
10818                        mask-repeat: no-repeat;
10819                        -webkit-mask-position: center;
10820                        mask-position: center;
10821                        background-color: var(--horizontalNavArrowColor);
10822                        transform: var(--horizontalNavArrowRotate);
10823                        position: absolute;
10824                        left: auto;
10825                        right: auto;
10826                        top: auto;
10827                        bottom: auto;
10828                        z-index: 1;
10829                        transition: all 0.2s ease;
10830                    }
10831
10832                    &:hover, .wmcA_hoverState & {
10833                        &::after {
10834                            width: var(--horizontalNavArrowSizeHover);
10835                            height: var(--horizontalNavArrowSizeHover);
10836                            background-color: var(--horizontalNavArrowColorHover);
10837                            transform: var(--horizontalNavArrowRotateHover);
10838                        }
10839                    }
10840
10841                    .navigation-nav--item.open > &, .navigation-nav--item.wmcA_activeState > &, .wmcA_activeState & {
10842                        &::after {
10843                            background-color: var(--horizontalNavArrowColorActive);
10844                            transform: var(--horizontalNavArrowRotateActive);
10845                        }
10846                    }
10847
10848                    .navigation-nav--item:has(> .navigation-nav--sub-menu):hover > &, .navigation-nav--item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
10849                        &::after {
10850                            background-color: var(--horizontalNavArrowColorActive);
10851                            transform: var(--horizontalNavArrowRotateActive);
10852                        }
10853                    }
10854                }
10855            }
10856
10857            &.navigation-nav--more-trigger {
10858                padding-right: var(--navItemPaddingRight);
10859                grid-template-columns: 1fr max-content;
10860            }
10861        }
10862
10863        /* level 2: sub menu */
10864
10865        & .navigation-nav--sub-menu {
10866            display: flex;
10867            flex-direction: column;
10868            padding-top: var(--horizontalNavSubPaddingTop);
10869            padding-bottom: var(--horizontalNavSubPaddingBottom);
10870            padding-left: var(--horizontalNavSubPaddingLeft);
10871            padding-right: var(--horizontalNavSubPaddingRight);
10872            position: absolute;
10873            list-style: none;
10874            top: 100%;
10875            left: 0;
10876            opacity: 0;
10877            visibility: hidden;
10878            transform: translateY(10px);
10879            transition: all 0.3s ease;
10880            z-index: 100;
10881            min-width: var(--horizontalNavSubContainerWidth);
10882            box-shadow: var(--horizontalNavSubContainerShadow);
10883            background-color: var(--horizontalNavSubContainerBackgroun
10883dColor);
10884            gap: calc(var(--horizontalNavSubSeparatorSpacing) / 2);
10885            border-top: var(--horizontalNavSubContainerBorderTop);
10886            border-right: var(--horizontalNavSubContainerBorderRight);
10887            border-bottom: var(--horizontalNavSubContainerBorderBottom);
10888            border-left: var(--horizontalNavSubContainerBorderLeft);
10889            border-radius: var(--horizontalNavSubContainerBorderRadius);
10890
10891            & > .navigation-nav--separator {
10892                display: var(--horizontalNavSubSeparatorDisplay);
10893                margin: 0 auto;
10894                width: var(--horizontalNavSubSeparatorWidth);
10895                height: var(--horizontalNavSubSeparatorHeight);
10896                background-color: var(--horizontalNavSubSeparatorColor);
10897                align-self: center;
10898            }
10899        }
10900
10901        /* level 2: li sub item */
10902
10903        & .navigation-nav--sub-item {
10904            border-top: var(--horizontalNavSubItemBorderTop);
10905            border-right: var(--horizontalNavSubItemBorderRight);
10906            border-bottom: var(--horizontalNavSubItemBorderBottom);
10907            border-left: var(--horizontalNavSubItemBorderLeft);
10908            border-radius: var(--horizontalNavSubItemBorderRadius);
10909            background-color: var(--horizontalNavSubItemBackgroun
10909dColor);
10910
10911            &:hover:not(.wmcA_activeState), .wmcA_hoverState .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > &:not(.wmcA_activeState) {
10912                border-radius: var(--horizontalNavSubItemBorderRadiusHover);
10913                background-color: var(--horizontalNavSubItemHoverBackgroundColor);
10914                border-top: var(--horizontalNavSubItemBorderTopHover);
10915                border-right: var(--horizontalNavSubItemBorderRightHover);
10916                border-bottom: var(--horizontalNavSubItemBorderBottomHover);
10917                border-left: var(--horizontalNavSubItemBorderLeftHover);
10918            }
10919
10920            &.open, &.wmcA_activeState, .wmcA_activeState .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > & {
10921                background-color: var(--horizontalNavSubItemActiveBackgroundColor);
10922            }
10923
10924            &:has(.navigation-nav--sub-menu):hover, &:has(.navigation-nav--sub-menu).wmcA_activeState {
10925                background-color: var(--horizontalNavSubItemActiveBackgroundColor);
10926            }
10927
10928            & > a {
10929                display: flex;
10930                align-items: center;
10931                padding-top: var(--horizontalNavSubItemPaddingTop);
10932                padding-bottom: var(--horizontalNavSubItemPaddingBottom);
10933                padding-left: var(--horizontalNavSubItemPaddingLeft);
10934                padding-right: var(--horizontalNavSubItemPaddingRight);
10935                font-family: var(--horizontalNavSubItemFont);
10936                color: var(--horizontalNavSubItemFontColor);
10937                line-height: var(--horizontalNavSubItemLineHeight);
10938                background-color: transparent;
10939                letter-spacing: var(--horizontalNavSubItemLetterSpacing);
10940                font-weight: var(--horizontalNavSubItemFontWeight);
10941                font-size: var(--horizontalNavSubItemFontSize);
10942                text-decoration: var(--horizontalNavSubItemTextDecoration);
10943                font-style: var(--horizontalNavSubItemFontStyle);
10944
10945                &: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 > & {
10946                    color: var(--horizontalNavSubItemHoverFontColor);
10947                    font-weight: var(--horizontalNavSubItemFontWeightHover);
10948                    font-size: var(--horizontalNavSubItemFontSizeHover);
10949                    text-decoration: var(--horizontalNavSubItemTextDecorationHover);
10950                    font-style: var(--horizontalNavSubItemFontStyleHover);
10951                    padding-top: var(--horizontalNavSubItemPaddingTopHover);
10952                    padding-bottom: var(--horizontalNavSubItemPaddingBottomHover);
10953                    padding-left: var(--horizontalNavSubItemPaddingLeftHover);
10954                    padding-right: var(--horizontalNavSubItemPaddingRightHover);
10955                }
10956
10957                .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 > & {
10958                    color: var(--horizontalNavSubItemActiveFontColor);
10959                }
10960
10961                .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 > & {
10962                    color: var(--horizontalNavSubItemActiveFontColor);
10963                }
10964            }
10965
10966            &:has(.navigation-nav--sub-menu) {
10967                display: grid;
10968                grid-template-columns: 1fr calc(var(--horizontalNavSubArrowSpacing) + var(--horizontalNavSubArrowSize));
10969                align-items: center;
10970                position: relative;
10971                padding-right: calc(var(--horizontalNavSubItemPaddingRight) / 2);
10972
10973                & > a {
10974                    padding-right: 0;
10975                    width: 100%;
10976                }
10977
10978                & > .arrow {
10979                    display: var(--horizontalNavSubArrowDisplay, flex);
10980                    align-items: center;
10981                    justify-content: center;
10982                    pointer-events: auto;
10983                    position: relative;
10984                    z-index: 1;
10985                    width: var(--horizontalNavSubArrowSize);
10986                    height: 100%;
10987                    cursor: pointer;
10988                    margin-left: var(--horizontalNavSubArrowSpacing);
10989
10990                    &::after {
10991                        display: block;
10992                        content: '';
10993                        width: var(--horizontalNavSubArrowSize);
10994                        height: var(--horizontalNavSubArrowSize);
10995                        -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
10996                        mask-image: var(--wmd_submenuCaretIconUrl);
10997                        -webkit-mask-size: contain;
10998                        mask-size: contain;
10999                        -webkit-mask-repeat: no-repeat;
11000                        mask-repeat: no-repeat;
11001                        -webkit-mask-position: center;
11002                        mask-position: center;
11003                        background-color: var(--horizontalNavSubArrowColor);
11004                        transform: var(--horizontalNavSubArrowRotate);
11005                        position: absolute;
11006                        left: auto;
11007                        right: auto;
11008                        top: auto;
11009                        bottom: auto;
11010                        z-index: 1;
11011                        transition: all 0.2s ease;
11012                    }
11013
11014                    &: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 > & {
11015                        &::after {
11016                            width: var(--horizontalNavSubArrowSizeHover);
11017                            height: var(--horizontalNavSubArrowSizeHover);
11018                            background-color: var(--horizontalNavSubArrowColorHover);
11019                            transform: var(--horizontalNavSubArrowRotateHover);
11020                        }
11021                    }
11022
11023                    .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 > & {
11024                        &::after {
11025                            background-color: var(--horizontalNavSubArrowColorActive);
11026                            transform: var(--horizontalNavSubArrowRotateActive);
11027                        }
11028                    }
11029
11030                    .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 > & {
11031                        &::after {
11032                            background-color: var(--horizontalNavSubArrowColorActive);
11033                            transform: var(--horizontalNavSubArrowRotateActive);
11034                        }
11035                    }
11036                }
11037            }
11038
11039            /* Third level submenu styles */
11040
11041            & > .navigation-nav--sub-menu {
11042                top: 0;
11043                left: 100%;
11044            }
11045
11046            &:hover > .navigation-nav--sub-menu,
11047            &:has(.navigation-nav--sub-menu:hover) > .navigation-nav--sub-menu,
11048            .wmcA_hoverState & > .navigation-nav--sub-menu,
11049            &.open > .navigation-nav--sub-menu {
11050                opacity: 1;
11051                visibility: visible;
11052                transform: translateX(0);
11053            }
11054        }
11055
11056        /* parent title */
11057
11058        & .navigation-nav--parent-title {
11059            display: none;
11060
11061            & a {
11062                padding-top: var(--horizontalNavSubItemPaddingTop);
11063                padding-bottom: var(--horizontalNavSubItemPaddingBottom);
11064                padding-left: var(--horizontalNavSubItemPaddingLeft);
11065                padding-right: var(--horizontalNavSubItemPaddingRight);
11066                font-family: var(--horizontalNavSubItemFont);
11067                font-size: var(--horizontalNavSubItemFontSize);
11068                font-weight: 700;
11069                color: var(--horizontalNavSubItemFontColor);
11070                border-bottom: 1px solid var(--horizontalNavSubItemFontColor);
11071                margin-bottom: 4px;
11072            }
11073
11074            & > span {
11075                display: none;
11076            }
11077        }
11078
11079        /* back button: NONE */
11080
11081        & .navigation-nav--back {
11082            display: none;
11083        }
11084
11085        /* hide separator for hidden items */
11086
11087        .navigation-nav--item[style="display: none;"] + .navigation-nav--separator {
11088            display: none;
11089        }
11090    }
11091
11092    /* Hamburger Navigation Styles */
11093    .wmc_menu.wmcM_menuHamburgerMobile .navigation-module-container {
11094        background-color: transparent;
11095
11096        &.active {
11097            overflow-y: auto;
11098            -webkit-overflow-scrolling: touch;
11099            scrollbar-width: thin;
11100            scrollbar-color: rgba(var(--colorBwGradientJ), 0.3) transparent;
11101            display: grid;
11102            grid-template-columns: 1fr;
11103            grid-template-rows: max-content 1fr;
11104            position: fixed;
11105            padding-top: var(--hamburgerNavPaddingTop);
11106            padding-bottom: var(--hamburgerNavPaddingBottom);
11107            padding-left: var(--hamburgerNavPaddingLeft);
11108            padding-right: var(--hamburgerNavPaddingRight);
11109            top: calc(var(--wm_scrollTopNav) / var(--wm_scale));
11110            left: 0;
11111            width: 100%;
11112            height: 100%;
11113            z-index: 1000;
11114            background-color: var(--hamburgerNavBackgroundColor);
11115            transition: background-color 0.8s ease-in;
11116
11117            & .navigation-nav {
11118                display: block;
11119
11120                & > ul.navigation-nav--main-menu.start-animation {
11121                    & > li {
11122                        --item-delay: ;
11123                        top: 0;
11124                        opacity: 1;
11125                        transition-delay: var(--item-delay, 0.5s);
11126                    }
11127                }
11128            }
11129        }
11130
11131        & .navigation-nav {
11132            display: none;
11133            position: relative;
11134            z-index: 100;
11135            overflow: hidden;
11136            justify-self: var(--hamburgerNavJustifySelf);
11137            max-width: var(--hamburgerSlideContainerWidth);
11138            width: 100%;
11139
11140            & * {
11141                transition: all 0.3s ease;
11142            }
11143
11144            & > ul.navigation-nav--main-menu {
11145                & > li {
11146                    top: 100px;
11147                    opacity: 0;
11148                    position: relative;
11149
11150                    &.open {
11151                        position: static;
11152                    }
11153                }
11154            }
11155        }
11156
11157        /* level 1: main menu */
11158
11159        & ul.navigation-nav--main-menu {
11160            display: grid;
11161            margin: 0;
11162            padding: 0;
11163            grid-template-columns: 1fr;
11164            list-style: none;
11165            width: 100%;
11166            max-width: var(--hamburgerSlideContainerWidth);
11167            gap: calc(var(--hamburgerNavSeparatorSpacing) / 2);
11168            background-color: transparent;
11169
11170            & ul.navigation-nav--sub-menu {
11171                transform: translateX(var(--hamburgerSlideContainerWidth));
11172            }
11173
11174            &:has(.open) {
11175                transform: translateX(calc(var(--hamburgerSlideContainerWidth) * -1));
11176
11177                & .open > ul.navigation-nav--sub-menu {
11178                    transform: translateX(var(--hamburgerSlideContainerWidth));
11179
11180                    &:has(.open) {
11181                        transform: translateX(0px);
11182                    }
11183                }
11184            }
11185
11186            & > .navigation-nav--separator {
11187                display: var(--hamburgerNavSeparatorDisplay);
11188                margin: 0 auto;
11189                width: var(--hamburgerNavSeparatorWidth);
11190                height: var(--hamburgerNavSeparatorHeight);
11191                background-color: var(--hamburgerNavSeparatorColor);
11192                align-self: center;
11193            }
11194        }
11195
11196        /* level 1: li item */
11197
11198        & .navigation-nav--item {
11199            display: flex;
11200            align-items: center;
11201            border-top: var(--hamburgerNavItemBorderTop);
11202            border-right: var(--hamburgerNavItemBorderRight);
11203            border-bottom: var(--hamburgerNavItemBorderBottom);
11204            border-left: var(--hamburgerNavItemBorderLeft);
11205            border-radius: var(--hamburgerNavItemBorderRadius);
11206            background-color: var(--hamburgerNavItemBackgroundColor);
11207
11208            &:hover, .wmcA_hoverState &, .wmcA_hoverState & {
11209                background-color: var(--hamburgerNavItemHoverBackgroundColor);
11210                border-top: var(--hamburgerNavItemBorderTopHover);
11211                border-right: var(--hamburgerNavItemBorderRightHover);
11212                border-bottom: var(--hamburgerNavItemBorderBottomHover);
11213                border-left: var(--hamburgerNavItemBorderLeftHover);
11214                border-radius: var(--hamburgerNavItemBorderRadiusHover);
11215            }
11216
11217            & > a {
11218                display: flex;
11219                align-items: center;
11220                justify-content: var(--hamburgerNavItemsAlignment);
11221                text-align: var(--hamburgerNavItemsAlignment);
11222                padding-top: var(--hamburgerNavItemPaddingTop);
11223                padding-bottom: var(--hamburgerNavItemPaddingBottom);
11224                padding-left: var(--hamburgerNavItemPaddingLeft);
11225                padding-right: var(--hamburgerNavItemPaddingRight);
11226                font-family: var(--hamburgerNavItemFont);
11227                font-size: var(--hamburgerNavItemFontSize);
11228                color: var(--hamburgerNavItemFontColor);
11229                font-weight: var(--hamburgerNavItemFontWeight);
11230                line-height: var(--hamburgerNavItemLineHeight);
11231                text-decoration: var(--hamburgerNavItemTextDecoration);
11232                font-style: var(--hamburgerNavItemFontStyle);
11233                letter-spacing: var(--hamburgerNavItemLetterSpacing);
11234                background-color: transparent;
11235                width: var(--hamburgerNavArrowAutoSpacing);
11236
11237                &:hover, .wmcA_hoverState & {
11238                    color: var(--hamburgerNavItemHoverFontColor);
11239                    font-size: var(--hamburgerNavItemFontSizeHover) !important;
11240                    padding-top: var(--hamburgerNavItemPaddingTopHover);
11241                    padding-bottom: var(--hamburgerNavItemPaddingBottomHover);
11242                    padding-left: var(--hamburgerNavItemPaddingLeftHover);
11243                    padding-right: var(--hamburgerNavItemPaddingRightHover);
11244                    font-family: var(--hamburgerNavItemFontHover);
11245                    font-weight: var(--hamburgerNavItemFontWeightHover);
11246                    line-height: var(--hamburgerNavItemLineHeightHover);
11247                    text-decoration: var(--hamburgerNavItemTextDecorationHover);
11248                    font-style: var(--hamburgerNavItemFontStyleHover);
11249                    letter-spacing: var(--hamburgerNavItemLetterSpacingHover);
11250                }
11251            }
11252
11253            & .arrow {
11254                display: none;
11255                pointer-events: none;
11256            }
11257
11258            /* Items without a sub menu reserve the arrow footprint so their
11259               text aligns with arrowed items for any items alignment. */
11260            &:not(:has(.navigation-nav--sub-menu)) {
11261                gap: var(--hamburgerNavArrowSpacing);
11262                padding-right: var(--hamburgerNavItemPaddingRight);
11263
11264                & > a {
11265                    padding-right: 0;
11266                }
11267
11268                &::after {
11269                    content: '';
11270                    flex: 0 0 var(--hamburgerNavArrowSize);
11271                    height: var(--hamburgerNavArrowSize);
11272                }
11273            }
11274
11275            &:has(.navigation-nav--sub-menu) {
11276                display: flex;
11277                align-items: center;
11278                gap: var(--hamburgerNavArrowSpacing);
11279                padding-right: var(--hamburgerNavItemPaddingRight);
11280
11281                & > a {
11282                    padding-right: 0;
11283                }
11284
11285                & > .arrow {
11286                    display: flex;
11287                    align-items: center;
11288                    justify-content: flex-end;
11289                    pointer-events: auto;
11290                    position: relative;
11291                    z-index: 1;
11292                    width: var(--hamburgerNavArrowSize);
11293                    height: var(--hamburgerNavArrowSize);
11294                    cursor: pointer;
11295
11296                    &::after {
11297                        display: block;
11298                        content: '';
11299                        width: var(--hamburgerNavArrowSize);
11300                        height: var(--hamburgerNavArrowSize);
11301                        -webkit-mask-image: var(--wmd_menuItemIconUrl);
11302                        mask-image: var(--wmd_menuItemIconUrl);
11303                        -webkit-mask-size: contain;
11304                        mask-size: contain;
11305                        -webkit-mask-repeat: no-repeat;
11306                        mask-repeat: no-repeat;
11307                        -webkit-mask-position: center;
11308                        mask-position: center;
11309                        background-color: var(--hamburgerNavArrowColor);
11310                        transform: var(--hamburgerNavArrowRotate);
11311                        transition: all 0.3s ease;
11312                    }
11313
11314                    &:hover, .wmcA_hoverState & {
11315                        width: var(--hamburgerNavArrowSizeHover);
11316                        height: var(--hamburgerNavArrowSizeHover);
11317
11318                        &::after {
11319                            width: var(--hamburgerNavArrowSizeHover);
11320                            height: var(--hamburgerNavArrowSizeHover);
11321                            background-color: var(--hamburgerNavArrowColorHover);
11322                            transform: var(--hamburgerNavArrowRotateHover);
11323                        }
11324                    }
11325                }
11326            }
11327
11328            &.open > .navigation-nav--sub-menu {
11329                z-index: 1;
11330                opacity: 1;
11331                visibility: visible;
11332                pointer-events: auto;
11333            }
11334        }
11335
11336        /* level 2: sub menu */
11337
11338        & .navigation-nav--sub-menu {
11339            display: grid;
11340            margin: 0;
11341            padding: 0;
11342            grid-template-columns: 1fr;
11343            position: absolute;
11344            top: 0;
11345            left: 0;
11346            z-index: -1;
11347            list-style: none;
11348            opacity: 0;
11349            visibility: hidden;
11350            width: 100%;
11351            max-width: var(--hamburgerSlideContainerWidth);
11352            background-color: var(--hamburgerNavSubBackgroundColor);
11353            pointer-events: none;
11354            gap: calc(var(--hamburgerNavSubSeparatorSpacing) / 2);
11355
11356            & > .navigation-nav--separator {
11357                display: var(--hamburgerNavSubSeparatorDisplay);
11358                margin: 0 auto;
11359                width: var(--hamburgerNavSubSeparatorWidth);
11360                height: var(--hamburgerNavSubSeparatorHeight);
11361                background-color: var(--hamburgerNavSubSeparatorColor);
11362                align-self: center;
11363            }
11364        }
11365
11366        /* level 2: li sub item */
11367
11368        & .navigation-nav--sub-item {
11369            display: flex;
11370            align-items: center;
11371
11372            border-top: var(--hamburgerNavSubItemBorderTop);
11373            border-right: var(--hamburgerNavSubItemBorderRight);
11374            border-bottom: var(--hamburgerNavSubItemBorderBottom);
11375            border-left: var(--hamburgerNavSubItemBorderLeft);
11376            border-radius: var(--hamburgerNavSubItemBorderRadius);
11377            background-color: var(--hamburgerNavSubItemBackgroun
11377dColor);
11378
11379            &:hover, .wmcA_hoverState & {
11380                background-color: var(--hamburgerNavSubItemHoverBackgroundColor);
11381                border-radius: var(--hamburgerNavSubItemBorderRadiusHover);
11382                border-top: var(--hamburgerNavSubItemBorderTopHover);
11383                border-right: var(--hamburgerNavSubItemBorderRightHover);
11384                border-bottom: var(--hamburgerNavSubItemBorderBottomHover);
11385                border-left: var(--hamburgerNavSubItemBorderLeftHover);
11386            }
11387
11388            & > a {
11389                display: flex;
11390                align-items: center;
11391                padding-top: var(--hamburgerNavSubItemPaddingTop);
11392                padding-bottom: var(--hamburgerNavSubItemPaddingBottom);
11393                padding-left: var(--hamburgerNavSubItemPaddingLeft);
11394                padding-right: var(--hamburgerNavSubItemPaddingRight);
11395                font-family: var(--hamburgerNavSubItemFont);
11396                font-size: var(--hamburgerNavSubItemFontSize);
11397                color: var(--hamburgerNavSubItemFontColor);
11398                font-weight: var(--hamburgerNavSubItemFontWeight);
11399                line-height: var(--hamburgerNavSubItemLineHeight);
11400                text-decoration: var(--hamburgerNavSubItemTextDecoration);
11401                font-style: var(--hamburgerNavSubItemFontStyle);
11402                letter-spacing: var(--hamburgerNavSubItemLetterSpacing);
11403                background-color: transparent;
11404                width: var(--hamburgerNavSubArrowAutoSpacing);
11405
11406                &:hover, .wmcA_hoverState & {
11407                    color: var(--hamburgerNavSubItemHoverFontColor);
11408                    font-size: var(--hamburgerNavSubItemFontSizeHover);
11409                    font-family: var(--hamburgerNavSubItemFontHover);
11410                    font-weight: var(--hamburgerNavSubItemFontWeightHover);
11411                    line-height: var(--hamburgerNavSubItemLineHeightHover);
11412                    text-decoration: var(--hamburgerNavSubItemTextDecorationHover);
11413                    font-style: var(--hamburgerNavSubItemFontStyleHover);
11414                    letter-spacing: var(--hamburgerNavSubItemLetterSpacingHover);
11415                    padding-top: var(--hamburgerNavSubItemPaddingTopHover);
11416                    padding-bottom: var(--hamburgerNavSubItemPaddingBottomHover);
11417                    padding-left: var(--hamburgerNavSubItemPaddingLeftHover);
11418                    padding-right: var(--hamburgerNavSubItemPaddingRightHover);
11419                }
11420            }
11421
11422            &:has(.navigation-nav--sub-menu) {
11423                display: flex;
11424                align-items: center;
11425                gap: var(--hamburgerNavSubArrowSpacing);
11426                padding-right: var(--hamburgerNavSubItemPaddingRight);
11427
11428                & > a {
11429                    padding-right: 0;
11430                }
11431
11432                & > .arrow {
11433                    display: flex;
11434                    align-items: center;
11435                    justify-content: flex-end;
11436                    pointer-events: auto;
11437                    position: relative;
11438                    z-index: 1;
11439                    width: var(--hamburgerNavSubArrowSize);
11440                    height: var(--hamburgerNavSubArrowSize);
11441                    cursor: pointer;
11442
11443                    &::after {
11444                        display: block;
11445                        content: '';
11446                        width: var(--hamburgerNavSubArrowSize);
11447                        height: var(--hamburgerNavSubArrowSize);
11448                        -webkit-mask-image: var(--wmd_submenuItemIconUrl);
11449                        mask-image: var(--wmd_submenuItemIconUrl);
11450                        -webkit-mask-size: contain;
11451                        mask-size: contain;
11452                        -webkit-mask-repeat: no-repeat;
11453                        mask-repeat: no-repeat;
11454                        -webkit-mask-position: center;
11455                        mask-position: center;
11456                        background-color: var(--hamburgerNavSubArrowColor);
11457                        transform: var(--hamburgerNavSubArrowRotate);
11458                        transition: all 0.3s ease;
11459                    }
11460
11461                    &:hover, .wmcA_hoverState & {
11462                        width: var(--hamburgerNavSubArrowSizeHover);
11463                        height: var(--hamburgerNavSubArrowSizeHover);
11464
11465                        &::after {
11466                            width: var(--hamburgerNavSubArrowSizeHover);
11467                            height: var(--hamburgerNavSubArrowSizeHover);
11468                            background-color: var(--hamburgerNavSubArrowColorHover);
11469                            transform: var(--hamburgerNavSubArrowRotateHover);
11470                        }
11471                    }
11472                }
11473            }
11474
11475            &.open > .navigation-nav--sub-menu {
11476                z-index: 1;
11477                opacity: 1;
11478                visibility: visible;
11479                pointer-events: auto;
11480            }
11481        }
11482
11483        /* parent title */
11484
11485        & .navigation-nav--parent-title {
11486            display: flex;
11487            align-items: center;
11488            gap: var(--hamburgerTitleArrowSpacing);
11489            padding-right: var(--hamburgerTitlePaddingRight);
11490            border-top: var(--hamburgerTitleBorderTop);
11491            border-right: var(--hamburgerTitleBorderRight);
11492            border-bottom: var(--hamburgerTitleBorderBottom);
11493            border-left: var(--hamburgerTitleBorderLeft);
11494            border-radius: var(--hamburgerTitleBorderRadius);
11495            background-color: var(--hamburgerTitleBackgroundColor);
11496
11497            &:hover, .wmcA_hoverState & {
11498                /* border-top: var(--hamburgerTitleBorderTopHover);
11499                border-right: var(--hamburgerTitleBorderRightHover);
11500                border-bottom: var(--hamburgerTitleBorderBottomHover);
11501                border-left: var(--hamburgerTitleBorderLeftHover);
11502                border-radius: var(--hamburgerTitleBorderRadiusHover);
11503                background-color: var(--hamburgerTitleBackgroundColorHover);
11504                padding-right: var(--hamburgerTitlePaddingRightHover); */
11505            }
11506
11507            & > a {
11508                display: block;
11509                padding-top: var(--hamburgerTitlePaddingTop);
11510                padding-bottom: var(--hamburgerTitlePaddingBottom);
11511                padding-left: var(--hamburgerTitlePaddingLeft);
11512                padding-right: var(--hamburgerTitlePaddingRight);
11513                font-family: var(--hamburgerTitleFont);
11514                font-size: var(--hamburgerTitleFontSize);
11515                line-height: var(--hamburgerTitleLineHeight);
11516                font-weight: var(--hamburgerTitleFontWeight);
11517                color: var(--hamburgerTitleFontColor);
11518                font-style: var(--hamburgerTitleFontStyle);
11519                letter-spacing: var(--hamburgerTitleLetterSpacing);
11520                text-decoration: var(--hamburgerTitleTextDecoration);
11521                pointer-events: none;
11522                width: 100%;
11523
11524                &:hover, .wmcA_hoverState & {
11525                    padding-top: var(--hamburgerTitlePaddingTopHover);
11526                    padding-bottom: var(--hamburgerTitlePaddingBottomHover);
11527                    padding-left: var(--hamburgerTitlePaddingLeftHover);
11528                    padding-right: var(--hamburgerTitlePaddingRightHover);
11529                }
11530            }
11531
11532            & > span {
11533                display: flex;
11534                align-items: center;
11535                justify-content: flex-end;
11536                pointer-events: auto;
11537                position: relative;
11538                z-index: 1;
11539                width: var(--hamburgerTitleArrowSize);
11540                height: var(--hamburgerTitleArrowSize);
11541
11542                &::after {
11543                    display: block;
11544                    content: '';
11545                    width: var(--hamburgerTitleArrowSize);
11546                    height: var(--hamburgerTitleArrowSize);
11547                    -webkit-mask-image: var(--wmd_menuItemIconUrl);
11548                    mask-image: var(--wmd_menuItemIconUrl);
11549                    -webkit-mask-size: contain;
11550                    mask-size: contain;
11551                    -webkit-mask-repeat: no-repeat;
11552                    mask-repeat: no-repeat;
11553                    -webkit-mask-position: center;
11554                    mask-position: center;
11555                    background-color: var(--hamburgerTitleArrowColor);
11556                    transform: var(--hamburgerTitleArrowRotate);
11557                }
11558            }
11559        }
11560
11561        /* back button */
11562
11563        & .navigation-nav--back {
11564            display: block;
11565            padding-top: var(--hamburgerNavBackButtonPaddingTop);
11566            padding-bottom: var(--hamburgerNavBackButtonPaddingBottom);
11567            padding-left: var(--hamburgerNavBackButtonPaddingLeft);
11568            padding-right: var(--hamburgerNavBackButtonPaddingRight);
11569            border-top: var(--hamburgerNavBackButtonBorderTop);
11570            border-right: var(--hamburgerNavBackButtonBorderRight);
11571            border-bottom: var(--hamburgerNavBackButtonBorderBottom);
11572            border-left: var(--hamburgerNavBackButtonBorderLeft);
11573            border-radius: var(--hamburgerNavBackButtonBorderRadius);
11574            background-color: var(--hamburgerNavBackButtonBackgroundColor);
11575
11576            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
11577                border-radius: var(--hamburgerNavBackButtonBorderRadiusHover);
11578                background-color: var(--hamburgerNavBackButtonHoverBackgroundColor);
11579                padding-top: var(--hamburgerNavBackButtonPaddingTopHover);
11580                padding-bottom: var(--hamburgerNavBackButtonPaddingBottomHover);
11581                padding-left: var(--hamburgerNavBackButtonPaddingLeftHover);
11582                padding-right: var(--hamburgerNavBackButtonPaddingRightHover);
11583                border-top: var(--hamburgerNavBackButtonBorderTopHover);
11584                border-right: var(--hamburgerNavBackButtonBorderRightHover);
11585                border-bottom: var(--hamburgerNavBackButtonBorderBottomHover);
11586                border-left: var(--hamburgerNavBackButtonBorderLeftHover);
11587            }
11588
11589            & a {
11590                display: inline-flex;
11591                align-items: center;
11592                gap: var(--hamburgerNavBackButtonArrowSpacing);
11593                font-family: var(--hamburgerNavBackButtonFont);
11594                font-size: var(--hamburgerNavBackButtonFontSize);
11595                font-weight: var(--hamburgerNavBackButtonFontWeight);
11596                color: var(--hamburgerNavBackButtonColor);
11597                text-decoration: var(--hamburgerNavBackButtonTextDecoration);
11598                line-height: var(--hamburgerNavBackButtonLineHeight);
11599                font-style: var(--hamburgerNavBackButtonFontStyle);
11600                letter-spacing: var(--hamburgerNavBackButtonLetterSpacing);
11601                background-color: transparent;
11602                width: 100%;
11603
11604                &::before {
11605                    content: '';
11606                    display: inline-block;
11607                    width: var(--hamburgerNavBackButtonArrowSize);
11608                    height: var(--hamburgerNavBackButtonArrowSize);
11609                    -webkit-mask-image: var(--wmd_backIconUrl);
11610                    mask-image: var(--wmd_backIconUrl);
11611                    -webkit-mask-size: contain;
11612                    mask-size: contain;
11613                    -webkit-mask-repeat: no-repeat;
11614                    mask-repeat: no-repeat;
11615                    -webkit-mask-position: center;
11616                    mask-position: center;
11617                    background-color: var(--hamburgerNavBackButtonColor);
11618                    transform: var(--hamburgerNavBackButtonArrowRotate);
11619                    transition: all 0.3s ease;
11620                }
11621
11622                &:hover, .wmcA_hoverState & {
11623                    color: var(--hamburgerNavBackButtonHoverFontColor);
11624
11625                    &::before {
11626                        background-color: var(--hamburgerNavBackButtonHoverFontColor);
11627                        width: var(--hamburgerNavBackButtonArrowSizeHover);
11628                        height: var(--hamburgerNavBackButtonArrowSizeHover);
11629                    }
11630                }
11631            }
11632        }
11633
11634        /* hamburger button */
11635
11636        & .hamburger-button {
11637            display: flex;
11638            justify-content: center;
11639            align-items: center;
11640            padding: 0;
11641            margin: 0;
11642            position: relative;
11643            z-index: 100;
11644            cursor: pointer;
11645            background-color: transparent;
11646            border: none;
11647            width: var(--hamburgerMenuIconSize);
11648            height: var(--hamburgerMenuIconSize);
11649            flex-wrap: wrap;
11650
11651            & * {
11652                transition: all 0.3s ease;
11653            }
11654
11655            &.show-border {
11656                border: 1px solid var(--hamburgerMenuIconColor);
11657            }
11658
11659            & .hamburger-button-icon--container {
11660                display: block;
11661                width: var(--hamburgerMenuIconSize);
11662                height: var(--hamburgerMenuIconSize);
11663            }
11664
11665            & .hamburger-button-icon {
11666                display: flex;
11667                align-items: center;
11668                justify-content: center;
11669                margin: auto;
11670                width: var(--hamburgerMenuIconSize);
11671                height: var(--hamburgerMenuIconSize);
11672
11673                &::before {
11674                    content: '';
11675                    display: inline-block;
11676                    width: var(--hamburgerMenuIconSize);
11677                    height: var(--hamburgerMenuIconSize);
11678                    -webkit-mask-image: var(--wmd_hamburgerIconUrl);
11679                    mask-image: var(--wmd_hamburgerIconUrl);
11680                    -webkit-mask-size: contain;
11681                    mask-size: contain;
11682                    -webkit-mask-repeat: no-repeat;
11683                    mask-repeat: no-repeat;
11684                    -webkit-mask-position: center;
11685                    mask-position: center;
11686                    background-color: var(--hamburgerMenuIconColor);
11687                }
11688            }
11689
11690            & .hamburger-button-text {
11691                display: var(--hamburgerMenuDisplay);
11692                font-family: var(--hamburgerNavItemFont);
11693                font-size: 12px;
11694                font-weight: 700;
11695                line-height: 1;
11696                color: var(--hamburgerMenuIconColor);
11697                text-align: center;
11698                text-decoration: none;
11699                text-transform: uppercase;
11700            }
11701
11702            &:hover, .wmcA_hoverState & {
11703                & .hamburger-button-icon--container {
11704                    width: var(--hamburgerMenuIconSizeHover);
11705                    height: var(--hamburgerMenuIconSizeHover);
11706                }
11707
11708                & .hamburger-button-icon {
11709                    width: var(--hamburgerMenuIconSizeHover);
11710                    height: var(--hamburgerMenuIconSizeHover);
11711
11712                    &::before {
11713                        background-color: var(--hamburgerMenuIconHoverColor);
11714                        width: var(--hamburgerMenuIconSizeHover);
11715                        height: var(--hamburgerMenuIconSizeHover)
11716                    }
11717                }
11718
11719                & .hamburger-button-text {
11720                    color: var(--hamburgerMenuIconHoverColor);
11721                }
11722            }
11723
11724            &.active {
11725                margin-bottom: 25px;
11726                justify-self: var(--hamburgerMenuJustifySelf);
11727                width: var(--hamburgerMenuIconActiveSize);
11728                height: var(--hamburgerMenuIconActiveSize);
11729
11730                & .hamburger-button-icon--container {
11731                    width: var(--hamburgerMenuIconActiveSize);
11732                    height: var(--hamburgerMenuIconActiveSize);
11733                }
11734
11735                & .hamburger-button-icon {
11736                    width: var(--hamburgerMenuIconActiveSize);
11737                    height: var(--hamburgerMenuIconActiveSize);
11738
11739                    &::before {
11740                        width: var(--hamburgerMenuIconActiveSize);
11741                        height: var(--hamburgerMenuIconActiveSize);
11742                        -webkit-mask-image: var(--wmd_closeIconUrl);
11743                        mask-image: var(--wmd_closeIconUrl);
11744                        background-color: var(--hamburgerMenuIconActiveColor);
11745                    }
11746                }
11747
11748                & .hamburger-button-text {
11749                    color: var(--hamburgerMenuIconActiveColor);
11750                    height: 1px;
11751                    padding: 0;
11752                    margin: -1px;
11753                    visibility: hidden;
11754                    transition: none;
11755                    position: absolute;
11756                }
11757
11758                &:hover, .wmcA_hoverState & {
11759                    & .hamburger-button-icon--container {
11760                        width: var(--hamburgerMenuIconActiveSizeHover);
11761                        height: var(--hamburgerMenuIconActiveSizeHover);
11762                    }
11763
11764                    & .hamburger-button-icon {
11765                        width: var(--hamburgerMenuIconActiveSizeHover);
11766                        height: var(--hamburgerMenuIconActiveSizeHover);
11767
11768                        &::before {
11769                            width: var(--hamburgerMenuIconActiveSizeHover);
11770                            height: var(--hamburgerMenuIconActiveSizeHover);
11771                            background-color: var(--hamburgerMenuIconActiveHoverColor);
11772                        }
11773                    }
11774
11775                    & .hamburger-button-text {
11776                        color: var(--hamburgerMenuIconActiveHoverColor);
11777                    }
11778                }
11779            }
11780        }
11781    }
11782
11783    /* Vertical Navigation Styles */
11784    .wmc_menu.wmcM_menuVerticalMobile .navigation-module-container {
11785        & .navigation-nav {
11786            overflow: hidden;
11787            position: relative;
11788            padding-top: var(--verticalNavPaddingTop);
11789            padding-bottom: var(--verticalNavPaddingBottom);
11790            padding-left: var(--verticalNavPaddingLeft);
11791            padding-right: var(--verticalNavPaddingRight);
11792            border-top: var(--verticalNavBorderTop);
11793            border-right: var(--verticalNavBorderRight);
11794            border-bottom: var(--verticalNavBorderBottom);
11795            border-left: var(--verticalNavBorderLeft);
11796            border-radius: var(--verticalNavBorderRadius);
11797
11798            & * {
11799                transition: all 0.3s ease;
11800            }
11801        }
11802
11803        /* level 1: main menu */
11804
11805        & ul.navigation-nav--main-menu {
11806            display: grid;
11807            margin: 0;
11808            padding: 0;
11809            grid-template-columns: 1fr;
11810            align-self: center;
11811            justify-self: var(--verticalNavJustifySelf);
11812            list-style: none;
11813            width: var(--verticalNavWidth);
11814            max-width: var(--verticalSlideContainerWidth);
11815            gap: calc(var(--verticalNavSeparatorSpacing) / 2);
11816
11817            & ul.navigation-nav--sub-menu {
11818                transform: translateX(var(--verticalSlideContainerWidth));
11819            }
11820
11821            &:has(.open) {
11822                transform: translateX(calc(var(--verticalSlideContainerWidth) * -1));
11823
11824                & .open > ul.navigation-nav--sub-menu {
11825                    transform: translateX(var(--verticalSlideContainerWidth));
11826
11827                    &:has(.open) {
11828                        transform: translateX(0px);
11829                    }
11830                }
11831            }
11832
11833            /* separator */
11834
11835            & > .navigation-nav--separator {
11836                display: var(--verticalNavSeparatorDisplay);
11837                margin: 0 auto;
11838                width: var(--verticalNavSeparatorWidth);
11839                height: var(--verticalNavSeparatorHeight);
11840                background-color: var(--verticalNavSeparatorColor);
11841            }
11842        }
11843
11844        /* level 1: li item */
11845
11846        & .navigation-nav--item {
11847            display: grid;
11848            grid-template-columns: 1fr;
11849            align-items: center;
11850            border-top: var(--verticalNavItemBorderTop);
11851            border-right: var(--verticalNavItemBorderRight);
11852            border-bottom: var(--verticalNavItemBorderBottom);
11853            border-left: var(--verticalNavItemBorderLeft);
11854            border-radius: var(--verticalNavItemBorderRadius);
11855            background-color: var(--verticalNavItemBackgroundColor);
11856
11857            &:hover, .wmcA_hoverState & {
11858                border-top: var(--verticalNavItemBorderTopHover);
11859                border-right: var(--verticalNavItemBorderRightHover);
11860                border-bottom: var(--verticalNavItemBorderBottomHover);
11861                border-left: var(--verticalNavItemBorderLeftHover);
11862                border-radius: var(--verticalNavItemBorderRadiusHover);
11863            }
11864
11865            & > a {
11866                display: flex;
11867                align-items: center;
11868                justify-content: var(--verticalNavItemsAlignment);
11869                text-align: var(--verticalNavItemsAlignment);
11870                padding-top: var(--verticalNavItemPaddingTop);
11871                padding-right: var(--verticalNavItemPaddingRight);
11872                padding-bottom: var(--verticalNavItemPaddingBottom);
11873                padding-left: var(--verticalNavItemPaddingLeft);
11874                font-family: var(--verticalNavItemFont);
11875                font-size: var(--verticalNavItemFontSize);
11876                font-weight: var(--verticalNavItemFontWeight);
11877                color: var(--verticalNavItemFontColor);
11878                line-height: var(--verticalNavItemLineHeight);
11879                text-decoration: var(--verticalNavItemTextDecoration);
11880                font-style: var(--verticalNavItemFontStyle);
11881                background-color: transparent;
11882                letter-spacing: var(--verticalNavItemLetterSpacing);
11883
11884                &:hover, .wmcA_hoverState & {
11885                    color: var(--verticalNavItemHoverFontColor);
11886                    padding-top: var(--verticalNavItemPaddingTopHover);
11887                    padding-right: var(--verticalNavItemPaddingRightHover);
11888                    padding-bottom: var(--verticalNavItemPaddingBottomHover);
11889                    padding-left: var(--verticalNavItemPaddingLeftHover);
11890                    font-style: var(--verticalNavItemFontStyleHover);
11891                    text-decoration: var(--verticalNavItemTextDecorationHover);
11892                    font-size: var(--verticalNavItemFontSizeHover);
11893                    font-weight: var(--verticalNavItemFontWeightHover);
11894                }
11895            }
11896
11897            & .arrow {
11898                display: none;
11899                pointer-events: none;
11900            }
11901
11902            /* hide: no sub menu for vertical navigation */
11903
11904            &:has(.navigation-nav--sub-menu) {
11905                display: grid;
11906                /* grid-template-columns: 1fr var(--verticalNavArrowSize); */
11907                grid-template-columns: 1fr;
11908                align-items: center;
11909                column-gap: var(--verticalNavArrowSpacing);
11910                padding-right: var(--verticalNavItemPaddingRight);
11911
11912                & > a {
11913                    padding-right: 0;
11914                    width: 100%;
11915                }
11916
11917                & > .arrow {
11918                    display: none; /* hide: no sub menu for vertical navigation */
11919                    align-items: center;
11920                    justify-content: flex-end;
11921                    pointer-events: auto;
11922                    position: relative;
11923                    z-index: 1;
11924                    width: var(--verticalNavArrowSize);
11925                    height: var(--verticalNavArrowSize);
11926                    cursor: pointer;
11927
11928                    &::after {
11929                        display: block;
11930                        content: '';
11931                        width: var(--verticalNavArrowSize);
11932                        height: var(--verticalNavArrowSize);
11933                        -webkit-mask-image: var(--wmd_caretIconUrl);
11934                        mask-image: var(--wmd_caretIconUrl);
11935                        -webkit-mask-size: contain;
11936                        mask-size: contain;
11937                        -webkit-mask-repeat: no-repeat;
11938                        mask-repeat: no-repeat;
11939                        -webkit-mask-position: center;
11940                        mask-position: center;
11941                        background-color: var(--verticalNavArrowColor);
11942                        transform: var(--verticalNavArrowRotate);
11943                    }
11944                }
11945            }
11946
11947            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
11948                background-color: var(--verticalNavItemHoverBackgroun
11948dColor);
11949
11950                & .arrow:hover, .wmcA_hoverState & {
11951                    &::after {
11952                        border-left-color: var(--verticalNavItemHoverFontColor);
11953                    }
11954                }
11955            }
11956
11957            &.open {
11958                & > .arrow {
11959                    &::after {
11960                        transform: rotate(90deg);
11961                    }
11962                }
11963
11964                & > .navigation-nav--sub-menu {
11965                    display: grid;
11966                    grid-template-columns: 1fr;
11967                    opacity: 1;
11968                    visibility: visible;
11969                    pointer-events: auto;
11970                }
11971            }
11972        }
11973
11974        /* level 2: sub menu */
11975
11976        & .navigation-nav--sub-menu {
11977            display: none;
11978            margin: 0;
11979            padding: 0;
11980            position: absolute;
11981            top: 0;
11982            left: 0;
11983            z-index: -1;
11984            list-style: none;
11985            opacity: 0;
11986            visibility: hidden;
11987            width: 100%;
11988            max-width: var(--verticalSlideContainerWidth);
11989            pointer-events: none;
11990            gap: calc(var(--verticalNavSubSeparatorSpacing) / 2);
11991
11992            /* separator */
11993
11994            & > .navigation-nav--separator {
11995                display: var(--verticalNavSubSeparatorDisplay);
11996                margin: 0 auto;
11997                width: var(--verticalNavSubSeparatorWidth);
11998                height: var(--verticalNavSubSeparatorHeight);
11999                background-color: var(--verticalNavSubSeparatorColor);
12000            }
12001        }
12002
12003        /* level 2: li sub item */
12004
12005        & .navigation-nav--sub-item {
12006            display: grid;
12007            grid-template-columns: 1fr;
12008            align-items: center;
12009            border-top: var(--verticalNavSubItemBorderTop);
12010            border-right: var(--verticalNavSubItemBorderRight);
12011            border-bottom: var(--verticalNavSubItemBorderBottom);
12012            border-left: var(--verticalNavSubItemBorderLeft);
12013            border-radius: var(--verticalNavSubItemBorderRadius);
12014            background-color: var(--verticalNavSubItemBackgroundColor);
12015
12016            & > a {
12017                display: flex;
12018                align-items: center;
12019                padding-top: var(--verticalNavSubItemPaddingTop);
12020                padding-right: var(--verticalNavSubItemPaddingRight);
12021                padding-bottom: var(--verticalNavSubItemPaddingBottom);
12022                padding-left: var(--verticalNavSubItemPaddingLeft);
12023                font-family: var(--verticalNavSubItemFont);
12024                font-size: var(--verticalNavSubItemFontSize);
12025                color: var(--verticalNavSubItemFontColor);
12026                font-weight: var(--verticalNavSubItemFontWeight);
12027                line-height: var(--verticalNavSubItemLineHeight);
12028                text-decoration: var(--verticalNavSubItemTextDecoration);
12029                font-style: var(--verticalNavSubItemFontStyle);
12030                letter-spacing: var(--verticalNavSubItemLetterSpacing);
12031                background-color: transparent;
12032
12033                &:hover, .wmcA_hoverState & {
12034                    color: var(--verticalNavSubItemHoverFontColor);
12035                }
12036            }
12037
12038            &:has(.navigation-nav--sub-menu) {
12039                display: grid;
12040                grid-template-columns: 1fr calc(var(--verticalNavSubArrowSpacing) + var(--verticalNavSubArrowSize));
12041                align-items: center;
12042                column-gap: var(--verticalNavSubArrowSpacing);
12043                padding-right: var(--verticalNavSubItemPaddingRight);
12044
12045                & > a {
12046                    padding-right: 0;
12047                    width: 100%;
12048                }
12049
12050                & > .arrow {
12051                    display: flex;
12052                    align-items: center;
12053                    justify-content: flex-end;
12054                    pointer-events: auto;
12055                    position: relative;
12056                    z-index: 1;
12057                    width: calc(var(--verticalNavSubArrowSpacing) + var(--verticalNavSubArrowSize));
12058                    height: 100%;
12059                    cursor: pointer;
12060
12061                    &::after {
12062                        display: block;
12063                        content: '';
12064                        width: var(--verticalNavSubArrowSize);
12065                        height: var(--verticalNavSubArrowSize);
12066                        -webkit-mask-image: var(--wmd_submenuItemIconUrl);
12067                        mask-image: var(--wmd_submenuItemIconUrl);
12068                        -webkit-mask-size: contain;
12069                        mask-size: contain;
12070                        -webkit-mask-repeat: no-repeat;
12071                        mask-repeat: no-repeat;
12072                        -webkit-mask-position: center;
12073                        mask-position: center;
12074                        background-color: var(--verticalNavSubArrowColor);
12075                        transform: var(--verticalNavSubArrowRotate);
12076                    }
12077                }
12078            }
12079
12080            /* Third level submenu styles */
12081
12082            & > .navigation-nav--sub-menu {
12083                display: none;
12084                opacity: 0;
12085                visibility: hidden;
12086                gap: calc(var(--verticalNavSubSeparatorSpacing) / 2);
12087            }
12088
12089            &:hover, .wmcA_hoverState & {
12090                background-color: var(--verticalNavSubItemHoverBackgroundColor);
12091
12092                & .arrow:hover, .wmcA_hoverState & {
12093                    &::after {
12094                        border-left-color: var(--verticalNavSubItemHoverFontColor);
12095                    }
12096                }
12097            }
12098
12099            &.open {
12100                & > .arrow {
12101                    &::after {
12102                        transform: rotate(90deg);
12103                    }
12104                }
12105
12106                & > .navigation-nav--sub-menu {
12107                    display: grid;
12108                    grid-template-columns: 1fr;
12109                    opacity: 1;
12110                    visibility: visible;
12111                    pointer-events: auto;
12112                }
12113            }
12114        }
12115
12116        /* parent title */
12117
12118        & .navigation-nav--parent-title {
12119            display: grid;
12120            padding: 15px 0 10px 0;
12121            grid-template-columns: 1fr max-content;
12122            align-items: center;
12123            gap: var(--verticalNavSubSeparatorSpacing);
12124            border: none;
12125            background-color: var(--verticalNavTitleContainerBackgroun
12125dColor);
12126
12127            &:hover, .wmcA_hoverState & {
12128                background-color: var(--verticalNavTitleContainerBackgroundColor);
12129            }
12130
12131            & a {
12132                display: block;
12133                margin-bottom: 4px;
12134                padding: 0;
12135                font-family: var(--verticalNavItemFont);
12136                font-size: var(--verticalNavTitleFontSize);
12137                font-weight: var(--verticalNavTitleFontWeight);
12138                color: var(--verticalNavTitleFontColor);
12139                text-decoration: none;
12140                cursor: pointer;
12141                pointer-events: none;
12142            }
12143
12144            & > span {
12145                display: none;
12146            }
12147        }
12148
12149        /* back button: NONE */
12150
12151        & .navigation-nav--back {
12152            display: block;
12153            padding: 15px 0;
12154            border-bottom: 1px solid var(--verticalNavArrowColor);
12155
12156            & a {
12157                display: inline-flex;
12158                margin-bottom: 10px;
12159                align-items: center;
12160                gap: 10px;
12161                font-family: var(--verticalNavItemFont);
12162                font-size: var(--verticalNavItemFontSize);
12163                font-weight: 400;
12164                color: var(--verticalNavItemFontColor);
12165                text-decoration: none;
12166
12167                &:hover, .wmcA_hoverState & {
12168                    color: var(--verticalNavItemHoverFontColor);
12169                }
12170
12171                &::before {
12172                    display: block;
12173                    content: '';
12174                    width: var(--verticalNavSubArrowSize);
12175                    height: var(--verticalNavSubArrowSize);
12176                    -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
12177                    mask-image: var(--wmd_submenuCaretIconUrl);
12178                    -webkit-mask-size: contain;
12179                    mask-size: contain;
12180                    -webkit-mask-repeat: no-repeat;
12181                    mask-repeat: no-repeat;
12182                    -webkit-mask-position: center;
12183                    mask-position: center;
12184                    background-color: var(--verticalNavSubArrowColor);
12185                    transform: rotate(90deg);
12186                }
12187            }
12188        }
12189    }
12190
12191    body > .wmcM_scrollBehavior  .wmc_menu.wmcM_menuHamburgerMobile .navigation-module-container.active{
12192        transform: scale(calc(1 / var(--wm_scale))) !important;
12193        transform-origin: 0 0 !important;
12194        position: fixed !important;
12195        top: 0 !important;
12196        left: 0 !important;
12197        width: 100dvw !important;
12198        height: 100dvh !important;
12199    }
12200
12201    body > .wmc_section .wmc_menu.wmcM_menuHamburgerMobile:has(.navigation-module-container.active) {
12202        z-index: 6000 !important;
12203    }
12204}
12205
12206
12207.wmc_menu .hamburger-button {
12208    display: none;
12209}
12210
12211@media all and (width >= 1040px) {
12212    /* Horizontal Navigation Styles */
12213    .wmc_menu.wmcM_menuHorizontalDesktop.wmd_showMoreMenu {
12214        & .navigation-module-container {
12215            overflow: hidden;
12216        }
12217
12218        & .navigation-module-container ul.navigation-nav--main-menu {
12219            flex-wrap: nowrap !important;
12220            overflow: hidden;
12221
12222            & > .navigation-nav--item {
12223                flex-shrink: 0;
12224            }
12225        }
12226    }
12227
12228    .wmc_menu.wmcM_menuHorizontalDesktop .navigation-module-container,
12229    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container {
12230        & .navigation-nav {
12231            display: flex;
12232            justify-content: var(--horizontalNavJustifyContent);
12233        }
12234
12235        /* level 1: main menu */
12236
12237        & ul.navigation-nav--main-menu {
12238            display: inline-flex;
12239            padding-left: var(--horizontalNavPaddingLeft);
12240            padding-right: var(--horizontalNavPaddingRight);
12241            padding-top: var(--horizontalNavPaddingTop);
12242            padding-bottom: var(--horizontalNavPaddingBottom);
12243            margin-left: 0;
12244            margin-right: 0;
12245            flex-direction: row;
12246            flex-wrap: wrap;
12247            align-self: center;
12248            list-style: none;
12249            background-color: var(--horizontalNavBackgroundColor);
12250            border-top: var(--horizontalNavBorderTop);
12251            border-right: var(--horizontalNavBorderRight);
12252            border-bottom: var(--horizontalNavBorderBottom);
12253            border-radius: var(--horizontalNavBorderRadius);
12254            border-left: var(--horizontalNavBorderLeft);
12255            column-gap: calc(var(--horizontalNavSeparatorSpacing) / 2);
12256
12257            & > .navigation-nav--separator {
12258                display: var(--horizontalNavSeparatorDisplay);
12259                width: var(--horizontalNavSeparatorWidth);
12260                height: var(--horizontalNavSeparatorHeight);
12261                background-color: var(--horizontalNavSeparatorColor);
12262                align-self: center;
12263                font-size: var(--horizontalNavItemFontSize);
12264                line-height: 1.4;
12265            }
12266        }
12267
12268        /* level 1: li item */
12269
12270        & .navigation-nav--item {
12271            display: grid;
12272            grid-template-columns: 1fr;
12273            align-items: center;
12274            background-color: var(--navItemBackgroundColor);
12275            border-top: var(--navItemBorderTop);
12276            border-right: var(--navItemBorderRight);
12277            border-bottom: var(--navItemBorderBottom);
12278            border-left: var(--navItemBorderLeft);
12279            border-radius: var(--navItemBorderRadius);
12280
12281            &:hover, .wmcA_hoverState &:not(.wmcA_activeState) {
12282                background-color: var(--navItemHoverBackgroundColor);
12283                border-top: var(--navItemBorderTopHover);
12284                border-right: var(--navItemBorderRightHover);
12285                border-bottom: var(--navItemBorderBottomHover);
12286                border-left: var(--navItemBorderLeftHover);
12287                border-radius: var(--navItemBorderRadiusHover);
12288
12289            }
12290
12291            &.open, &.wmcA_activeState, .wmcA_activeState & {
12292                background-color: var(--navItemActiveBackgroundColor);
12293            }
12294
12295            &:has(.navigation-nav--sub-menu):hover, &:has(.navigation-nav--sub-menu).wmcA_activeState {
12296                background-color: var(--navItemActiveBackgroundColor);
12297            }
12298
12299            & > a {
12300                display: flex;
12301                align-items: center;
12302                padding-top: var(--navItemPaddingTop);
12303                padding-bottom: var(--navItemPaddingBottom);
12304                padding-left: var(--navItemPaddingLeft);
12305                padding-right: var(--navItemPaddingRight);
12306                font-family: var(--navItemFont);
12307                color: var(--navItemFontColor);
12308                line-height: var(--navItemLineHeight);
12309                background-color: transparent;
12310                letter-spacing: var(--navItemLetterSpacing);
12311                font-size: var(--navItemFontSize);
12312                text-decoration: var(--navItemTextDecoration);
12313                font-weight: var(--navItemFontWeight);
12314                font-style: var(--navItemFontStyle);
12315
12316                &:hover, .wmcA_hoverState & {
12317                    color: var(--navItemHoverFontColor);
12318                    font-size: var(--navItemFontSizeHover);
12319                    text-decoration: var(--navItemTextDecorationHover);
12320                    font-weight: var(--navItemFontWeightHover);
12321                    font-style: var(--navItemFontStyleHover);
12322                    padding-top: var(--navItemPaddingTopHover);
12323                    padding-bottom: var(--navItemPaddingBottomHover);
12324                    padding-left: var(--navItemPaddingLeftHover);
12325                    padding-right: var(--navItemPaddingRightHover);
12326                }
12327
12328                .navigation-nav--item.open > &, .navigation-nav--item.wmcA_activeState > &, .wmcA_activeState & {
12329                    color: var(--navItemActiveFontColor);
12330                }
12331
12332                .navigation-nav--item:has(> .navigation-nav--sub-menu):hover > &, .navigation-nav--item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
12333                    color: var(--navItemActiveFontColor);
12334                }
12335            }
12336
12337            &:hover > .navigation-nav--sub-menu,
12338            &:has(.navigation-nav--sub-menu:hover) > .navigation-nav--sub-menu,
12339            .wmcA_hoverState & > .navigation-nav--sub-menu,
12340            &.open > .navigation-nav--sub-menu {
12341                opacity: 1;
12342                visibility: visible;
12343                transform: translateY(0);
12344            }
12345
12346            & .arrow {
12347                display: none;
12348                pointer-events: none;
12349            }
12350
12351            &:has(.navigation-nav--sub-menu) {
12352                display: grid;
12353                grid-template-columns: 1fr calc(var(--horizontalNavArrowSpacing) + var(--horizontalNavArrowSize));
12354                align-items: center;
12355                position: relative;
12356                padding-right: calc(var(--navItemPaddingRight) / 2);
12357
12358                & > a {
12359                    padding-right: 0;
12360                    width: 100%;
12361                }
12362
12363                & > .arrow {
12364                    display: var(--horizontalNavArrowDisplay, flex);
12365                    align-items: center;
12366                    justify-content: center;
12367                    pointer-events: auto;
12368                    position: relative;
12369                    z-index: 1;
12370                    width: var(--horizontalNavArrowSize);
12371                    height: 100%;
12372                    cursor: pointer;
12373                    margin-left: var(--horizontalNavArrowSpacing);
12374
12375                    &::after {
12376                        display: block;
12377                        content: '';
12378                        width: var(--horizontalNavArrowSize);
12379                        height: var(--horizontalNavArrowSize);
12380                        -webkit-mask-image: var(--wmd_caretIconUrl);
12381                        mask-image: var(--wmd_caretIconUrl);
12382                        -webkit-mask-size: contain;
12383                        mask-size: contain;
12384                        -webkit-mask-repeat: no-repeat;
12385                        mask-repeat: no-repeat;
12386                        -webkit-mask-position: center;
12387                        mask-position: center;
12388                        background-color: var(--horizontalNavArrowColor);
12389                        transform: var(--horizontalNavArrowRotate);
12390                        position: absolute;
12391                        left: auto;
12392                        right: auto;
12393                        top: auto;
12394                        bottom: auto;
12395                        z-index: 1;
12396                        transition: all 0.2s ease;
12397                    }
12398
12399                    &:hover, .wmcA_hoverState & {
12400                        &::after {
12401                            width: var(--horizontalNavArrowSizeHover);
12402                            height: var(--horizontalNavArrowSizeHover);
12403                            background-color: var(--horizontalNavArrowColorHover);
12404                            transform: var(--horizontalNavArrowRotateHover);
12405                        }
12406                    }
12407
12408                    .navigation-nav--item.open > &, .navigation-nav--item.wmcA_activeState > &, .wmcA_activeState & {
12409                        &::after {
12410                            background-color: var(--horizontalNavArrowColorActive);
12411                            transform: var(--horizontalNavArrowRotateActive);
12412                        }
12413                    }
12414
12415                    .navigation-nav--item:has(> .navigation-nav--sub-menu):hover > &, .navigation-nav--item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
12416                        &::after {
12417                            background-color: var(--horizontalNavArrowColorActive);
12418                            transform: var(--horizontalNavArrowRotateActive);
12419                        }
12420                    }
12421                }
12422            }
12423
12424            &.navigation-nav--more-trigger {
12425                padding-right: var(--navItemPaddingRight);
12426                grid-template-columns: 1fr max-content;
12427            }
12428        }
12429
12430        /* level 2: sub menu */
12431
12432        & .navigation-nav--sub-menu {
12433            display: flex;
12434            flex-direction: column;
12435            padding-top: var(--horizontalNavSubPaddingTop);
12436            padding-bottom: var(--horizontalNavSubPaddingBottom);
12437            padding-left: var(--horizontalNavSubPaddingLeft);
12438            padding-right: var(--horizontalNavSubPaddingRight);
12439            position: absolute;
12440            list-style: none;
12441            top: 100%;
12442            left: 0;
12443            opacity: 0;
12444            visibility: hidden;
12445            transform: translateY(10px);
12446            transition: all 0.3s ease;
12447            z-index: 100;
12448            min-width: var(--horizontalNavSubContainerWidth);
12449            box-shadow: var(--horizontalNavSubContainerShadow);
12450            background-color: var(--horizontalNavSubContainerBackgroun
12450dColor);
12451            gap: calc(var(--horizontalNavSubSeparatorSpacing) / 2);
12452            border-top: var(--horizontalNavSubContainerBorderTop);
12453            border-right: var(--horizontalNavSubContainerBorderRight);
12454            border-bottom: var(--horizontalNavSubContainerBorderBottom);
12455            border-left: var(--horizontalNavSubContainerBorderLeft);
12456            border-radius: var(--horizontalNavSubContainerBorderRadius);
12457
12458            & > .navigation-nav--separator {
12459                display: var(--horizontalNavSubSeparatorDisplay);
12460                margin: 0 auto;
12461                width: var(--horizontalNavSubSeparatorWidth);
12462                height: var(--horizontalNavSubSeparatorHeight);
12463                background-color: var(--horizontalNavSubSeparatorColor);
12464                align-self: center;
12465            }
12466        }
12467
12468        /* level 2: li sub item */
12469
12470        & .navigation-nav--sub-item {
12471            border-top: var(--horizontalNavSubItemBorderTop);
12472            border-right: var(--horizontalNavSubItemBorderRight);
12473            border-bottom: var(--horizontalNavSubItemBorderBottom);
12474            border-left: var(--horizontalNavSubItemBorderLeft);
12475            border-radius: var(--horizontalNavSubItemBorderRadius);
12476            background-color: var(--horizontalNavSubItemBackgroun
12476dColor);
12477
12478            &:hover:not(.wmcA_activeState), .wmcA_hoverState .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > &:not(.wmcA_activeState) {
12479                border-radius: var(--horizontalNavSubItemBorderRadiusHover);
12480                background-color: var(--horizontalNavSubItemHoverBackgroundColor);
12481                border-top: var(--horizontalNavSubItemBorderTopHover);
12482                border-right: var(--horizontalNavSubItemBorderRightHover);
12483                border-bottom: var(--horizontalNavSubItemBorderBottomHover);
12484                border-left: var(--horizontalNavSubItemBorderLeftHover);
12485            }
12486
12487            &.open, &.wmcA_activeState, .wmcA_activeState .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > & {
12488                background-color: var(--horizontalNavSubItemActiveBackgroundColor);
12489            }
12490
12491            &:has(.navigation-nav--sub-menu):hover, &:has(.navigation-nav--sub-menu).wmcA_activeState {
12492                background-color: var(--horizontalNavSubItemActiveBackgroundColor);
12493            }
12494
12495            & > a {
12496                display: flex;
12497                align-items: center;
12498                padding-top: var(--horizontalNavSubItemPaddingTop);
12499                padding-bottom: var(--horizontalNavSubItemPaddingBottom);
12500                padding-left: var(--horizontalNavSubItemPaddingLeft);
12501                padding-right: var(--horizontalNavSubItemPaddingRight);
12502                font-family: var(--horizontalNavSubItemFont);
12503                color: var(--horizontalNavSubItemFontColor);
12504                line-height: var(--horizontalNavSubItemLineHeight);
12505                background-color: transparent;
12506                letter-spacing: var(--horizontalNavSubItemLetterSpacing);
12507                font-weight: var(--horizontalNavSubItemFontWeight);
12508                font-size: var(--horizontalNavSubItemFontSize);
12509                text-decoration: var(--horizontalNavSubItemTextDecoration);
12510                font-style: var(--horizontalNavSubItemFontStyle);
12511
12512                &: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 > & {
12513                    color: var(--horizontalNavSubItemHoverFontColor);
12514                    font-weight: var(--horizontalNavSubItemFontWeightHover);
12515                    font-size: var(--horizontalNavSubItemFontSizeHover);
12516                    text-decoration: var(--horizontalNavSubItemTextDecorationHover);
12517                    font-style: var(--horizontalNavSubItemFontStyleHover);
12518                    padding-top: var(--horizontalNavSubItemPaddingTopHover);
12519                    padding-bottom: var(--horizontalNavSubItemPaddingBottomHover);
12520                    padding-left: var(--horizontalNavSubItemPaddingLeftHover);
12521                    padding-right: var(--horizontalNavSubItemPaddingRightHover);
12522                }
12523
12524                .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 > & {
12525                    color: var(--horizontalNavSubItemActiveFontColor);
12526                }
12527
12528                .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 > & {
12529                    color: var(--horizontalNavSubItemActiveFontColor);
12530                }
12531            }
12532
12533            &:has(.navigation-nav--sub-menu) {
12534                display: grid;
12535                grid-template-columns: 1fr calc(var(--horizontalNavSubArrowSpacing) + var(--horizontalNavSubArrowSize));
12536                align-items: center;
12537                position: relative;
12538                padding-right: calc(var(--horizontalNavSubItemPaddingRight) / 2);
12539
12540                & > a {
12541                    padding-right: 0;
12542                    width: 100%;
12543                }
12544
12545                & > .arrow {
12546                    display: var(--horizontalNavSubArrowDisplay, flex);
12547                    align-items: center;
12548                    justify-content: center;
12549                    pointer-events: auto;
12550                    position: relative;
12551                    z-index: 1;
12552                    width: var(--horizontalNavSubArrowSize);
12553                    height: 100%;
12554                    cursor: pointer;
12555                    margin-left: var(--horizontalNavSubArrowSpacing);
12556
12557                    &::after {
12558                        display: block;
12559                        content: '';
12560                        width: var(--horizontalNavSubArrowSize);
12561                        height: var(--horizontalNavSubArrowSize);
12562                        -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
12563                        mask-image: var(--wmd_submenuCaretIconUrl);
12564                        -webkit-mask-size: contain;
12565                        mask-size: contain;
12566                        -webkit-mask-repeat: no-repeat;
12567                        mask-repeat: no-repeat;
12568                        -webkit-mask-position: center;
12569                        mask-position: center;
12570                        background-color: var(--horizontalNavSubArrowColor);
12571                        transform: var(--horizontalNavSubArrowRotate);
12572                        position: absolute;
12573                        left: auto;
12574                        right: auto;
12575                        top: auto;
12576                        bottom: auto;
12577                        z-index: 1;
12578                        transition: all 0.2s ease;
12579                    }
12580
12581                    &: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 > & {
12582                        &::after {
12583                            width: var(--horizontalNavSubArrowSizeHover);
12584                            height: var(--horizontalNavSubArrowSizeHover);
12585                            background-color: var(--horizontalNavSubArrowColorHover);
12586                            transform: var(--horizontalNavSubArrowRotateHover);
12587                        }
12588                    }
12589
12590                    .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 > & {
12591                        &::after {
12592                            background-color: var(--horizontalNavSubArrowColorActive);
12593                            transform: var(--horizontalNavSubArrowRotateActive);
12594                        }
12595                    }
12596
12597                    .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 > & {
12598                        &::after {
12599                            background-color: var(--horizontalNavSubArrowColorActive);
12600                            transform: var(--horizontalNavSubArrowRotateActive);
12601                        }
12602                    }
12603                }
12604            }
12605
12606            /* Third level submenu styles */
12607
12608            & > .navigation-nav--sub-menu {
12609                top: 0;
12610                left: 100%;
12611            }
12612
12613            &:hover > .navigation-nav--sub-menu,
12614            &:has(.navigation-nav--sub-menu:hover) > .navigation-nav--sub-menu,
12615            .wmcA_hoverState & > .navigation-nav--sub-menu,
12616            &.open > .navigation-nav--sub-menu {
12617                opacity: 1;
12618                visibility: visible;
12619                transform: translateX(0);
12620            }
12621        }
12622
12623        /* parent title */
12624
12625        & .navigation-nav--parent-title {
12626            display: none;
12627
12628            & a {
12629                padding-top: var(--horizontalNavSubItemPaddingTop);
12630                padding-bottom: var(--horizontalNavSubItemPaddingBottom);
12631                padding-left: var(--horizontalNavSubItemPaddingLeft);
12632                padding-right: var(--horizontalNavSubItemPaddingRight);
12633                font-family: var(--horizontalNavSubItemFont);
12634                font-size: var(--horizontalNavSubItemFontSize);
12635                font-weight: 700;
12636                color: var(--horizontalNavSubItemFontColor);
12637                border-bottom: 1px solid var(--horizontalNavSubItemFontColor);
12638                margin-bottom: 4px;
12639            }
12640
12641            & > span {
12642                display: none;
12643            }
12644        }
12645
12646        /* back button: NONE */
12647
12648        & .navigation-nav--back {
12649            display: none;
12650        }
12651
12652        /* hide separator for hidden items */
12653
12654        .navigation-nav--item[style="display: none;"] + .navigation-nav--separator {
12655            display: none;
12656        }
12657    }
12658
12659    /* Hamburger Navigation Styles */
12660    .wmc_menu.wmcM_menuHamburgerDesktop .navigation-module-container {
12661        background-color: transparent;
12662
12663        &.active {
12664            overflow-y: auto;
12665            -webkit-overflow-scrolling: touch;
12666            scrollbar-width: thin;
12667            scrollbar-color: rgba(var(--colorBwGradientJ), 0.3) transparent;
12668            display: grid;
12669            grid-template-columns: 1fr;
12670            grid-template-rows: max-content 1fr;
12671            position: fixed;
12672            padding-top: var(--hamburgerNavPaddingTop);
12673            padding-bottom: var(--hamburgerNavPaddingBottom);
12674            padding-left: var(--hamburgerNavPaddingLeft);
12675            padding-right: var(--hamburgerNavPaddingRight);
12676            top: calc(var(--wm_scrollTopNav) / var(--wm_scale));
12677            left: 0;
12678            width: 100%;
12679            height: 100%;
12680            z-index: 1000;
12681            background-color: var(--hamburgerNavBackgroundColor);
12682            transition: background-color 0.8s ease-in;
12683
12684            & .navigation-nav {
12685                display: block;
12686
12687                & > ul.navigation-nav--main-menu.start-animation {
12688                    & > li {
12689                        --item-delay: ;
12690                        top: 0;
12691                        opacity: 1;
12692                        transition-delay: var(--item-delay, 0.5s);
12693                    }
12694                }
12695            }
12696        }
12697
12698        & .navigation-nav {
12699            display: none;
12700            position: relative;
12701            z-index: 100;
12702            overflow: hidden;
12703            justify-self: var(--hamburgerNavJustifySelf);
12704            max-width: var(--hamburgerSlideContainerWidth);
12705            width: 100%;
12706
12707            & * {
12708                transition: all 0.3s ease;
12709            }
12710
12711            & > ul.navigation-nav--main-menu {
12712                & > li {
12713                    top: 100px;
12714                    opacity: 0;
12715                    position: relative;
12716
12717                    &.open {
12718                        position: static;
12719                    }
12720                }
12721            }
12722        }
12723
12724        /* level 1: main menu */
12725
12726        & ul.navigation-nav--main-menu {
12727            display: grid;
12728            margin: 0;
12729            padding: 0;
12730            grid-template-columns: 1fr;
12731            list-style: none;
12732            width: 100%;
12733            max-width: var(--hamburgerSlideContainerWidth);
12734            gap: calc(var(--hamburgerNavSeparatorSpacing) / 2);
12735            background-color: transparent;
12736
12737            & ul.navigation-nav--sub-menu {
12738                transform: translateX(var(--hamburgerSlideContainerWidth));
12739            }
12740
12741            &:has(.open) {
12742                transform: translateX(calc(var(--hamburgerSlideContainerWidth) * -1));
12743
12744                & .open > ul.navigation-nav--sub-menu {
12745                    transform: translateX(var(--hamburgerSlideContainerWidth));
12746
12747                    &:has(.open) {
12748                        transform: translateX(0px);
12749                    }
12750                }
12751            }
12752
12753            & > .navigation-nav--separator {
12754                display: var(--hamburgerNavSeparatorDisplay);
12755                margin: 0 auto;
12756                width: var(--hamburgerNavSeparatorWidth);
12757                height: var(--hamburgerNavSeparatorHeight);
12758                background-color: var(--hamburgerNavSeparatorColor);
12759                align-self: center;
12760            }
12761        }
12762
12763        /* level 1: li item */
12764
12765        & .navigation-nav--item {
12766            display: flex;
12767            align-items: center;
12768            border-top: var(--hamburgerNavItemBorderTop);
12769            border-right: var(--hamburgerNavItemBorderRight);
12770            border-bottom: var(--hamburgerNavItemBorderBottom);
12771            border-left: var(--hamburgerNavItemBorderLeft);
12772            border-radius: var(--hamburgerNavItemBorderRadius);
12773            background-color: var(--hamburgerNavItemBackgroundColor);
12774
12775            &:hover, .wmcA_hoverState &, .wmcA_hoverState & {
12776                background-color: var(--hamburgerNavItemHoverBackgroundColor);
12777                border-top: var(--hamburgerNavItemBorderTopHover);
12778                border-right: var(--hamburgerNavItemBorderRightHover);
12779                border-bottom: var(--hamburgerNavItemBorderBottomHover);
12780                border-left: var(--hamburgerNavItemBorderLeftHover);
12781                border-radius: var(--hamburgerNavItemBorderRadiusHover);
12782            }
12783
12784            & > a {
12785                display: flex;
12786                align-items: center;
12787                justify-content: var(--hamburgerNavItemsAlignment);
12788                text-align: var(--hamburgerNavItemsAlignment);
12789                padding-top: var(--hamburgerNavItemPaddingTop);
12790                padding-bottom: var(--hamburgerNavItemPaddingBottom);
12791                padding-left: var(--hamburgerNavItemPaddingLeft);
12792                padding-right: var(--hamburgerNavItemPaddingRight);
12793                font-family: var(--hamburgerNavItemFont);
12794                font-size: var(--hamburgerNavItemFontSize);
12795                color: var(--hamburgerNavItemFontColor);
12796                font-weight: var(--hamburgerNavItemFontWeight);
12797                line-height: var(--hamburgerNavItemLineHeight);
12798                text-decoration: var(--hamburgerNavItemTextDecoration);
12799                font-style: var(--hamburgerNavItemFontStyle);
12800                letter-spacing: var(--hamburgerNavItemLetterSpacing);
12801                background-color: transparent;
12802                width: var(--hamburgerNavArrowAutoSpacing);
12803
12804                &:hover, .wmcA_hoverState & {
12805                    color: var(--hamburgerNavItemHoverFontColor);
12806                    font-size: var(--hamburgerNavItemFontSizeHover) !important;
12807                    padding-top: var(--hamburgerNavItemPaddingTopHover);
12808                    padding-bottom: var(--hamburgerNavItemPaddingBottomHover);
12809                    padding-left: var(--hamburgerNavItemPaddingLeftHover);
12810                    padding-right: var(--hamburgerNavItemPaddingRightHover);
12811                    font-family: var(--hamburgerNavItemFontHover);
12812                    font-weight: var(--hamburgerNavItemFontWeightHover);
12813                    line-height: var(--hamburgerNavItemLineHeightHover);
12814                    text-decoration: var(--hamburgerNavItemTextDecorationHover);
12815                    font-style: var(--hamburgerNavItemFontStyleHover);
12816                    letter-spacing: var(--hamburgerNavItemLetterSpacingHover);
12817                }
12818            }
12819
12820            & .arrow {
12821                display: none;
12822                pointer-events: none;
12823            }
12824
12825            /* Items without a sub menu reserve the arrow footprint so their
12826               text aligns with arrowed items for any items alignment. */
12827            &:not(:has(.navigation-nav--sub-menu)) {
12828                gap: var(--hamburgerNavArrowSpacing);
12829                padding-right: var(--hamburgerNavItemPaddingRight);
12830
12831                & > a {
12832                    padding-right: 0;
12833                }
12834
12835                &::after {
12836                    content: '';
12837                    flex: 0 0 var(--hamburgerNavArrowSize);
12838                    height: var(--hamburgerNavArrowSize);
12839                }
12840            }
12841
12842            &:has(.navigation-nav--sub-menu) {
12843                display: flex;
12844                align-items: center;
12845                gap: var(--hamburgerNavArrowSpacing);
12846                padding-right: var(--hamburgerNavItemPaddingRight);
12847
12848                & > a {
12849                    padding-right: 0;
12850                }
12851
12852                & > .arrow {
12853                    display: flex;
12854                    align-items: center;
12855                    justify-content: flex-end;
12856                    pointer-events: auto;
12857                    position: relative;
12858                    z-index: 1;
12859                    width: var(--hamburgerNavArrowSize);
12860                    height: var(--hamburgerNavArrowSize);
12861                    cursor: pointer;
12862
12863                    &::after {
12864                        display: block;
12865                        content: '';
12866                        width: var(--hamburgerNavArrowSize);
12867                        height: var(--hamburgerNavArrowSize);
12868                        -webkit-mask-image: var(--wmd_menuItemIconUrl);
12869                        mask-image: var(--wmd_menuItemIconUrl);
12870                        -webkit-mask-size: contain;
12871                        mask-size: contain;
12872                        -webkit-mask-repeat: no-repeat;
12873                        mask-repeat: no-repeat;
12874                        -webkit-mask-position: center;
12875                        mask-position: center;
12876                        background-color: var(--hamburgerNavArrowColor);
12877                        transform: var(--hamburgerNavArrowRotate);
12878                        transition: all 0.3s ease;
12879                    }
12880
12881                    &:hover, .wmcA_hoverState & {
12882                        width: var(--hamburgerNavArrowSizeHover);
12883                        height: var(--hamburgerNavArrowSizeHover);
12884
12885                        &::after {
12886                            width: var(--hamburgerNavArrowSizeHover);
12887                            height: var(--hamburgerNavArrowSizeHover);
12888                            background-color: var(--hamburgerNavArrowColorHover);
12889                            transform: var(--hamburgerNavArrowRotateHover);
12890                        }
12891                    }
12892                }
12893            }
12894
12895            &.open > .navigation-nav--sub-menu {
12896                z-index: 1;
12897                opacity: 1;
12898                visibility: visible;
12899                pointer-events: auto;
12900            }
12901        }
12902
12903        /* level 2: sub menu */
12904
12905        & .navigation-nav--sub-menu {
12906            display: grid;
12907            margin: 0;
12908            padding: 0;
12909            grid-template-columns: 1fr;
12910            position: absolute;
12911            top: 0;
12912            left: 0;
12913            z-index: -1;
12914            list-style: none;
12915            opacity: 0;
12916            visibility: hidden;
12917            width: 100%;
12918            max-width: var(--hamburgerSlideContainerWidth);
12919            background-color: var(--hamburgerNavSubBackgroundColor);
12920            pointer-events: none;
12921            gap: calc(var(--hamburgerNavSubSeparatorSpacing) / 2);
12922
12923            & > .navigation-nav--separator {
12924                display: var(--hamburgerNavSubSeparatorDisplay);
12925                margin: 0 auto;
12926                width: var(--hamburgerNavSubSeparatorWidth);
12927                height: var(--hamburgerNavSubSeparatorHeight);
12928                background-color: var(--hamburgerNavSubSeparatorColor);
12929                align-self: center;
12930            }
12931        }
12932
12933        /* level 2: li sub item */
12934
12935        & .navigation-nav--sub-item {
12936            display: flex;
12937            align-items: center;
12938
12939            border-top: var(--hamburgerNavSubItemBorderTop);
12940            border-right: var(--hamburgerNavSubItemBorderRight);
12941            border-bottom: var(--hamburgerNavSubItemBorderBottom);
12942            border-left: var(--hamburgerNavSubItemBorderLeft);
12943            border-radius: var(--hamburgerNavSubItemBorderRadius);
12944            background-color: var(--hamburgerNavSubItemBackgroun
12944dColor);
12945
12946            &:hover, .wmcA_hoverState & {
12947                background-color: var(--hamburgerNavSubItemHoverBackgroundColor);
12948                border-radius: var(--hamburgerNavSubItemBorderRadiusHover);
12949                border-top: var(--hamburgerNavSubItemBorderTopHover);
12950                border-right: var(--hamburgerNavSubItemBorderRightHover);
12951                border-bottom: var(--hamburgerNavSubItemBorderBottomHover);
12952                border-left: var(--hamburgerNavSubItemBorderLeftHover);
12953            }
12954
12955            & > a {
12956                display: flex;
12957                align-items: center;
12958                padding-top: var(--hamburgerNavSubItemPaddingTop);
12959                padding-bottom: var(--hamburgerNavSubItemPaddingBottom);
12960                padding-left: var(--hamburgerNavSubItemPaddingLeft);
12961                padding-right: var(--hamburgerNavSubItemPaddingRight);
12962                font-family: var(--hamburgerNavSubItemFont);
12963                font-size: var(--hamburgerNavSubItemFontSize);
12964                color: var(--hamburgerNavSubItemFontColor);
12965                font-weight: var(--hamburgerNavSubItemFontWeight);
12966                line-height: var(--hamburgerNavSubItemLineHeight);
12967                text-decoration: var(--hamburgerNavSubItemTextDecoration);
12968                font-style: var(--hamburgerNavSubItemFontStyle);
12969                letter-spacing: var(--hamburgerNavSubItemLetterSpacing);
12970                background-color: transparent;
12971                width: var(--hamburgerNavSubArrowAutoSpacing);
12972
12973                &:hover, .wmcA_hoverState & {
12974                    color: var(--hamburgerNavSubItemHoverFontColor);
12975                    font-size: var(--hamburgerNavSubItemFontSizeHover);
12976                    font-family: var(--hamburgerNavSubItemFontHover);
12977                    font-weight: var(--hamburgerNavSubItemFontWeightHover);
12978                    line-height: var(--hamburgerNavSubItemLineHeightHover);
12979                    text-decoration: var(--hamburgerNavSubItemTextDecorationHover);
12980                    font-style: var(--hamburgerNavSubItemFontStyleHover);
12981                    letter-spacing: var(--hamburgerNavSubItemLetterSpacingHover);
12982                    padding-top: var(--hamburgerNavSubItemPaddingTopHover);
12983                    padding-bottom: var(--hamburgerNavSubItemPaddingBottomHover);
12984                    padding-left: var(--hamburgerNavSubItemPaddingLeftHover);
12985                    padding-right: var(--hamburgerNavSubItemPaddingRightHover);
12986                }
12987            }
12988
12989            &:has(.navigation-nav--sub-menu) {
12990                display: flex;
12991                align-items: center;
12992                gap: var(--hamburgerNavSubArrowSpacing);
12993                padding-right: var(--hamburgerNavSubItemPaddingRight);
12994
12995                & > a {
12996                    padding-right: 0;
12997                }
12998
12999                & > .arrow {
13000                    display: flex;
13001                    align-items: center;
13002                    justify-content: flex-end;
13003                    pointer-events: auto;
13004                    position: relative;
13005                    z-index: 1;
13006                    width: var(--hamburgerNavSubArrowSize);
13007                    height: var(--hamburgerNavSubArrowSize);
13008                    cursor: pointer;
13009
13010                    &::after {
13011                        display: block;
13012                        content: '';
13013                        width: var(--hamburgerNavSubArrowSize);
13014                        height: var(--hamburgerNavSubArrowSize);
13015                        -webkit-mask-image: var(--wmd_submenuItemIconUrl);
13016                        mask-image: var(--wmd_submenuItemIconUrl);
13017                        -webkit-mask-size: contain;
13018                        mask-size: contain;
13019                        -webkit-mask-repeat: no-repeat;
13020                        mask-repeat: no-repeat;
13021                        -webkit-mask-position: center;
13022                        mask-position: center;
13023                        background-color: var(--hamburgerNavSubArrowColor);
13024                        transform: var(--hamburgerNavSubArrowRotate);
13025                        transition: all 0.3s ease;
13026                    }
13027
13028                    &:hover, .wmcA_hoverState & {
13029                        width: var(--hamburgerNavSubArrowSizeHover);
13030                        height: var(--hamburgerNavSubArrowSizeHover);
13031
13032                        &::after {
13033                            width: var(--hamburgerNavSubArrowSizeHover);
13034                            height: var(--hamburgerNavSubArrowSizeHover);
13035                            background-color: var(--hamburgerNavSubArrowColorHover);
13036                            transform: var(--hamburgerNavSubArrowRotateHover);
13037                        }
13038                    }
13039                }
13040            }
13041
13042            &.open > .navigation-nav--sub-menu {
13043                z-index: 1;
13044                opacity: 1;
13045                visibility: visible;
13046                pointer-events: auto;
13047            }
13048        }
13049
13050        /* parent title */
13051
13052        & .navigation-nav--parent-title {
13053            display: flex;
13054            align-items: center;
13055            gap: var(--hamburgerTitleArrowSpacing);
13056            padding-right: var(--hamburgerTitlePaddingRight);
13057            border-top: var(--hamburgerTitleBorderTop);
13058            border-right: var(--hamburgerTitleBorderRight);
13059            border-bottom: var(--hamburgerTitleBorderBottom);
13060            border-left: var(--hamburgerTitleBorderLeft);
13061            border-radius: var(--hamburgerTitleBorderRadius);
13062            background-color: var(--hamburgerTitleBackgroundColor);
13063
13064            &:hover, .wmcA_hoverState & {
13065                /* border-top: var(--hamburgerTitleBorderTopHover);
13066                border-right: var(--hamburgerTitleBorderRightHover);
13067                border-bottom: var(--hamburgerTitleBorderBottomHover);
13068                border-left: var(--hamburgerTitleBorderLeftHover);
13069                border-radius: var(--hamburgerTitleBorderRadiusHover);
13070                background-color: var(--hamburgerTitleBackgroundColorHover);
13071                padding-right: var(--hamburgerTitlePaddingRightHover); */
13072            }
13073
13074            & > a {
13075                display: block;
13076                padding-top: var(--hamburgerTitlePaddingTop);
13077                padding-bottom: var(--hamburgerTitlePaddingBottom);
13078                padding-left: var(--hamburgerTitlePaddingLeft);
13079                padding-right: var(--hamburgerTitlePaddingRight);
13080                font-family: var(--hamburgerTitleFont);
13081                font-size: var(--hamburgerTitleFontSize);
13082                line-height: var(--hamburgerTitleLineHeight);
13083                font-weight: var(--hamburgerTitleFontWeight);
13084                color: var(--hamburgerTitleFontColor);
13085                font-style: var(--hamburgerTitleFontStyle);
13086                letter-spacing: var(--hamburgerTitleLetterSpacing);
13087                text-decoration: var(--hamburgerTitleTextDecoration);
13088                pointer-events: none;
13089                width: 100%;
13090
13091                &:hover, .wmcA_hoverState & {
13092                    padding-top: var(--hamburgerTitlePaddingTopHover);
13093                    padding-bottom: var(--hamburgerTitlePaddingBottomHover);
13094                    padding-left: var(--hamburgerTitlePaddingLeftHover);
13095                    padding-right: var(--hamburgerTitlePaddingRightHover);
13096                }
13097            }
13098
13099            & > span {
13100                display: flex;
13101                align-items: center;
13102                justify-content: flex-end;
13103                pointer-events: auto;
13104                position: relative;
13105                z-index: 1;
13106                width: var(--hamburgerTitleArrowSize);
13107                height: var(--hamburgerTitleArrowSize);
13108
13109                &::after {
13110                    display: block;
13111                    content: '';
13112                    width: var(--hamburgerTitleArrowSize);
13113                    height: var(--hamburgerTitleArrowSize);
13114                    -webkit-mask-image: var(--wmd_menuItemIconUrl);
13115                    mask-image: var(--wmd_menuItemIconUrl);
13116                    -webkit-mask-size: contain;
13117                    mask-size: contain;
13118                    -webkit-mask-repeat: no-repeat;
13119                    mask-repeat: no-repeat;
13120                    -webkit-mask-position: center;
13121                    mask-position: center;
13122                    background-color: var(--hamburgerTitleArrowColor);
13123                    transform: var(--hamburgerTitleArrowRotate);
13124                }
13125            }
13126        }
13127
13128        /* back button */
13129
13130        & .navigation-nav--back {
13131            display: block;
13132            padding-top: var(--hamburgerNavBackButtonPaddingTop);
13133            padding-bottom: var(--hamburgerNavBackButtonPaddingBottom);
13134            padding-left: var(--hamburgerNavBackButtonPaddingLeft);
13135            padding-right: var(--hamburgerNavBackButtonPaddingRight);
13136            border-top: var(--hamburgerNavBackButtonBorderTop);
13137            border-right: var(--hamburgerNavBackButtonBorderRight);
13138            border-bottom: var(--hamburgerNavBackButtonBorderBottom);
13139            border-left: var(--hamburgerNavBackButtonBorderLeft);
13140            border-radius: var(--hamburgerNavBackButtonBorderRadius);
13141            background-color: var(--hamburgerNavBackButtonBackgroundColor);
13142
13143            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
13144                border-radius: var(--hamburgerNavBackButtonBorderRadiusHover);
13145                background-color: var(--hamburgerNavBackButtonHoverBackgroundColor);
13146                padding-top: var(--hamburgerNavBackButtonPaddingTopHover);
13147                padding-bottom: var(--hamburgerNavBackButtonPaddingBottomHover);
13148                padding-left: var(--hamburgerNavBackButtonPaddingLeftHover);
13149                padding-right: var(--hamburgerNavBackButtonPaddingRightHover);
13150                border-top: var(--hamburgerNavBackButtonBorderTopHover);
13151                border-right: var(--hamburgerNavBackButtonBorderRightHover);
13152                border-bottom: var(--hamburgerNavBackButtonBorderBottomHover);
13153                border-left: var(--hamburgerNavBackButtonBorderLeftHover);
13154            }
13155
13156            & a {
13157                display: inline-flex;
13158                align-items: center;
13159                gap: var(--hamburgerNavBackButtonArrowSpacing);
13160                font-family: var(--hamburgerNavBackButtonFont);
13161                font-size: var(--hamburgerNavBackButtonFontSize);
13162                font-weight: var(--hamburgerNavBackButtonFontWeight);
13163                color: var(--hamburgerNavBackButtonColor);
13164                text-decoration: var(--hamburgerNavBackButtonTextDecoration);
13165                line-height: var(--hamburgerNavBackButtonLineHeight);
13166                font-style: var(--hamburgerNavBackButtonFontStyle);
13167                letter-spacing: var(--hamburgerNavBackButtonLetterSpacing);
13168                background-color: transparent;
13169                width: 100%;
13170
13171                &::before {
13172                    content: '';
13173                    display: inline-block;
13174                    width: var(--hamburgerNavBackButtonArrowSize);
13175                    height: var(--hamburgerNavBackButtonArrowSize);
13176                    -webkit-mask-image: var(--wmd_backIconUrl);
13177                    mask-image: var(--wmd_backIconUrl);
13178                    -webkit-mask-size: contain;
13179                    mask-size: contain;
13180                    -webkit-mask-repeat: no-repeat;
13181                    mask-repeat: no-repeat;
13182                    -webkit-mask-position: center;
13183                    mask-position: center;
13184                    background-color: var(--hamburgerNavBackButtonColor);
13185                    transform: var(--hamburgerNavBackButtonArrowRotate);
13186                    transition: all 0.3s ease;
13187                }
13188
13189                &:hover, .wmcA_hoverState & {
13190                    color: var(--hamburgerNavBackButtonHoverFontColor);
13191
13192                    &::before {
13193                        background-color: var(--hamburgerNavBackButtonHoverFontColor);
13194                        width: var(--hamburgerNavBackButtonArrowSizeHover);
13195                        height: var(--hamburgerNavBackButtonArrowSizeHover);
13196                    }
13197                }
13198            }
13199        }
13200
13201        /* hamburger button */
13202
13203        & .hamburger-button {
13204            display: flex;
13205            justify-content: center;
13206            align-items: center;
13207            padding: 0;
13208            margin: 0;
13209            position: relative;
13210            z-index: 100;
13211            cursor: pointer;
13212            background-color: transparent;
13213            border: none;
13214            width: var(--hamburgerMenuIconSize);
13215            height: var(--hamburgerMenuIconSize);
13216            flex-wrap: wrap;
13217
13218            & * {
13219                transition: all 0.3s ease;
13220            }
13221
13222            &.show-border {
13223                border: 1px solid var(--hamburgerMenuIconColor);
13224            }
13225
13226            & .hamburger-button-icon--container {
13227                display: block;
13228                width: var(--hamburgerMenuIconSize);
13229                height: var(--hamburgerMenuIconSize);
13230            }
13231
13232            & .hamburger-button-icon {
13233                display: flex;
13234                align-items: center;
13235                justify-content: center;
13236                margin: auto;
13237                width: var(--hamburgerMenuIconSize);
13238                height: var(--hamburgerMenuIconSize);
13239
13240                &::before {
13241                    content: '';
13242                    display: inline-block;
13243                    width: var(--hamburgerMenuIconSize);
13244                    height: var(--hamburgerMenuIconSize);
13245                    -webkit-mask-image: var(--wmd_hamburgerIconUrl);
13246                    mask-image: var(--wmd_hamburgerIconUrl);
13247                    -webkit-mask-size: contain;
13248                    mask-size: contain;
13249                    -webkit-mask-repeat: no-repeat;
13250                    mask-repeat: no-repeat;
13251                    -webkit-mask-position: center;
13252                    mask-position: center;
13253                    background-color: var(--hamburgerMenuIconColor);
13254                }
13255            }
13256
13257            & .hamburger-button-text {
13258                display: var(--hamburgerMenuDisplay);
13259                font-family: var(--hamburgerNavItemFont);
13260                font-size: 12px;
13261                font-weight: 700;
13262                line-height: 1;
13263                color: var(--hamburgerMenuIconColor);
13264                text-align: center;
13265                text-decoration: none;
13266                text-transform: uppercase;
13267            }
13268
13269            &:hover, .wmcA_hoverState & {
13270                & .hamburger-button-icon--container {
13271                    width: var(--hamburgerMenuIconSizeHover);
13272                    height: var(--hamburgerMenuIconSizeHover);
13273                }
13274
13275                & .hamburger-button-icon {
13276                    width: var(--hamburgerMenuIconSizeHover);
13277                    height: var(--hamburgerMenuIconSizeHover);
13278
13279                    &::before {
13280                        background-color: var(--hamburgerMenuIconHoverColor);
13281                        width: var(--hamburgerMenuIconSizeHover);
13282                        height: var(--hamburgerMenuIconSizeHover)
13283                    }
13284                }
13285
13286                & .hamburger-button-text {
13287                    color: var(--hamburgerMenuIconHoverColor);
13288                }
13289            }
13290
13291            &.active {
13292                margin-bottom: 25px;
13293                justify-self: var(--hamburgerMenuJustifySelf);
13294                width: var(--hamburgerMenuIconActiveSize);
13295                height: var(--hamburgerMenuIconActiveSize);
13296
13297                & .hamburger-button-icon--container {
13298                    width: var(--hamburgerMenuIconActiveSize);
13299                    height: var(--hamburgerMenuIconActiveSize);
13300                }
13301
13302                & .hamburger-button-icon {
13303                    width: var(--hamburgerMenuIconActiveSize);
13304                    height: var(--hamburgerMenuIconActiveSize);
13305
13306                    &::before {
13307                        width: var(--hamburgerMenuIconActiveSize);
13308                        height: var(--hamburgerMenuIconActiveSize);
13309                        -webkit-mask-image: var(--wmd_closeIconUrl);
13310                        mask-image: var(--wmd_closeIconUrl);
13311                        background-color: var(--hamburgerMenuIconActiveColor);
13312                    }
13313                }
13314
13315                & .hamburger-button-text {
13316                    color: var(--hamburgerMenuIconActiveColor);
13317                    height: 1px;
13318                    padding: 0;
13319                    margin: -1px;
13320                    visibility: hidden;
13321                    transition: none;
13322                    position: absolute;
13323                }
13324
13325                &:hover, .wmcA_hoverState & {
13326                    & .hamburger-button-icon--container {
13327                        width: var(--hamburgerMenuIconActiveSizeHover);
13328                        height: var(--hamburgerMenuIconActiveSizeHover);
13329                    }
13330
13331                    & .hamburger-button-icon {
13332                        width: var(--hamburgerMenuIconActiveSizeHover);
13333                        height: var(--hamburgerMenuIconActiveSizeHover);
13334
13335                        &::before {
13336                            width: var(--hamburgerMenuIconActiveSizeHover);
13337                            height: var(--hamburgerMenuIconActiveSizeHover);
13338                            background-color: var(--hamburgerMenuIconActiveHoverColor);
13339                        }
13340                    }
13341
13342                    & .hamburger-button-text {
13343                        color: var(--hamburgerMenuIconActiveHoverColor);
13344                    }
13345                }
13346            }
13347        }
13348    }
13349
13350    /* Vertical Navigation Styles */
13351    .wmc_menu.wmcM_menuVerticalDesktop .navigation-module-container {
13352        & .navigation-nav {
13353            overflow: hidden;
13354            position: relative;
13355            padding-top: var(--verticalNavPaddingTop);
13356            padding-bottom: var(--verticalNavPaddingBottom);
13357            padding-left: var(--verticalNavPaddingLeft);
13358            padding-right: var(--verticalNavPaddingRight);
13359            border-top: var(--verticalNavBorderTop);
13360            border-right: var(--verticalNavBorderRight);
13361            border-bottom: var(--verticalNavBorderBottom);
13362            border-left: var(--verticalNavBorderLeft);
13363            border-radius: var(--verticalNavBorderRadius);
13364
13365            & * {
13366                transition: all 0.3s ease;
13367            }
13368        }
13369
13370        /* level 1: main menu */
13371
13372        & ul.navigation-nav--main-menu {
13373            display: grid;
13374            margin: 0;
13375            padding: 0;
13376            grid-template-columns: 1fr;
13377            align-self: center;
13378            justify-self: var(--verticalNavJustifySelf);
13379            list-style: none;
13380            width: var(--verticalNavWidth);
13381            max-width: var(--verticalSlideContainerWidth);
13382            gap: calc(var(--verticalNavSeparatorSpacing) / 2);
13383
13384            & ul.navigation-nav--sub-menu {
13385                transform: translateX(var(--verticalSlideContainerWidth));
13386            }
13387
13388            &:has(.open) {
13389                transform: translateX(calc(var(--verticalSlideContainerWidth) * -1));
13390
13391                & .open > ul.navigation-nav--sub-menu {
13392                    transform: translateX(var(--verticalSlideContainerWidth));
13393
13394                    &:has(.open) {
13395                        transform: translateX(0px);
13396                    }
13397                }
13398            }
13399
13400            /* separator */
13401
13402            & > .navigation-nav--separator {
13403                display: var(--verticalNavSeparatorDisplay);
13404                margin: 0 auto;
13405                width: var(--verticalNavSeparatorWidth);
13406                height: var(--verticalNavSeparatorHeight);
13407                background-color: var(--verticalNavSeparatorColor);
13408            }
13409        }
13410
13411        /* level 1: li item */
13412
13413        & .navigation-nav--item {
13414            display: grid;
13415            grid-template-columns: 1fr;
13416            align-items: center;
13417            border-top: var(--verticalNavItemBorderTop);
13418            border-right: var(--verticalNavItemBorderRight);
13419            border-bottom: var(--verticalNavItemBorderBottom);
13420            border-left: var(--verticalNavItemBorderLeft);
13421            border-radius: var(--verticalNavItemBorderRadius);
13422            background-color: var(--verticalNavItemBackgroundColor);
13423
13424            &:hover, .wmcA_hoverState & {
13425                border-top: var(--verticalNavItemBorderTopHover);
13426                border-right: var(--verticalNavItemBorderRightHover);
13427                border-bottom: var(--verticalNavItemBorderBottomHover);
13428                border-left: var(--verticalNavItemBorderLeftHover);
13429                border-radius: var(--verticalNavItemBorderRadiusHover);
13430            }
13431
13432            & > a {
13433                display: flex;
13434                align-items: center;
13435                justify-content: var(--verticalNavItemsAlignment);
13436                text-align: var(--verticalNavItemsAlignment);
13437                padding-top: var(--verticalNavItemPaddingTop);
13438                padding-right: var(--verticalNavItemPaddingRight);
13439                padding-bottom: var(--verticalNavItemPaddingBottom);
13440                padding-left: var(--verticalNavItemPaddingLeft);
13441                font-family: var(--verticalNavItemFont);
13442                font-size: var(--verticalNavItemFontSize);
13443                font-weight: var(--verticalNavItemFontWeight);
13444                color: var(--verticalNavItemFontColor);
13445                line-height: var(--verticalNavItemLineHeight);
13446                text-decoration: var(--verticalNavItemTextDecoration);
13447                font-style: var(--verticalNavItemFontStyle);
13448                background-color: transparent;
13449                letter-spacing: var(--verticalNavItemLetterSpacing);
13450
13451                &:hover, .wmcA_hoverState & {
13452                    color: var(--verticalNavItemHoverFontColor);
13453                    padding-top: var(--verticalNavItemPaddingTopHover);
13454                    padding-right: var(--verticalNavItemPaddingRightHover);
13455                    padding-bottom: var(--verticalNavItemPaddingBottomHover);
13456                    padding-left: var(--verticalNavItemPaddingLeftHover);
13457                    font-style: var(--verticalNavItemFontStyleHover);
13458                    text-decoration: var(--verticalNavItemTextDecorationHover);
13459                    font-size: var(--verticalNavItemFontSizeHover);
13460                    font-weight: var(--verticalNavItemFontWeightHover);
13461                }
13462            }
13463
13464            & .arrow {
13465                display: none;
13466                pointer-events: none;
13467            }
13468
13469            /* hide: no sub menu for vertical navigation */
13470
13471            &:has(.navigation-nav--sub-menu) {
13472                display: grid;
13473                /* grid-template-columns: 1fr var(--verticalNavArrowSize); */
13474                grid-template-columns: 1fr;
13475                align-items: center;
13476                column-gap: var(--verticalNavArrowSpacing);
13477                padding-right: var(--verticalNavItemPaddingRight);
13478
13479                & > a {
13480                    padding-right: 0;
13481                    width: 100%;
13482                }
13483
13484                & > .arrow {
13485                    display: none; /* hide: no sub menu for vertical navigation */
13486                    align-items: center;
13487                    justify-content: flex-end;
13488                    pointer-events: auto;
13489                    position: relative;
13490                    z-index: 1;
13491                    width: var(--verticalNavArrowSize);
13492                    height: var(--verticalNavArrowSize);
13493                    cursor: pointer;
13494
13495                    &::after {
13496                        display: block;
13497                        content: '';
13498                        width: var(--verticalNavArrowSize);
13499                        height: var(--verticalNavArrowSize);
13500                        -webkit-mask-image: var(--wmd_caretIconUrl);
13501                        mask-image: var(--wmd_caretIconUrl);
13502                        -webkit-mask-size: contain;
13503                        mask-size: contain;
13504                        -webkit-mask-repeat: no-repeat;
13505                        mask-repeat: no-repeat;
13506                        -webkit-mask-position: center;
13507                        mask-position: center;
13508                        background-color: var(--verticalNavArrowColor);
13509                        transform: var(--verticalNavArrowRotate);
13510                    }
13511                }
13512            }
13513
13514            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
13515                background-color: var(--verticalNavItemHoverBackgroun
13515dColor);
13516
13517                & .arrow:hover, .wmcA_hoverState & {
13518                    &::after {
13519                        border-left-color: var(--verticalNavItemHoverFontColor);
13520                    }
13521                }
13522            }
13523
13524            &.open {
13525                & > .arrow {
13526                    &::after {
13527                        transform: rotate(90deg);
13528                    }
13529                }
13530
13531                & > .navigation-nav--sub-menu {
13532                    display: grid;
13533                    grid-template-columns: 1fr;
13534                    opacity: 1;
13535                    visibility: visible;
13536                    pointer-events: auto;
13537                }
13538            }
13539        }
13540
13541        /* level 2: sub menu */
13542
13543        & .navigation-nav--sub-menu {
13544            display: none;
13545            margin: 0;
13546            padding: 0;
13547            position: absolute;
13548            top: 0;
13549            left: 0;
13550            z-index: -1;
13551            list-style: none;
13552            opacity: 0;
13553            visibility: hidden;
13554            width: 100%;
13555            max-width: var(--verticalSlideContainerWidth);
13556            pointer-events: none;
13557            gap: calc(var(--verticalNavSubSeparatorSpacing) / 2);
13558
13559            /* separator */
13560
13561            & > .navigation-nav--separator {
13562                display: var(--verticalNavSubSeparatorDisplay);
13563                margin: 0 auto;
13564                width: var(--verticalNavSubSeparatorWidth);
13565                height: var(--verticalNavSubSeparatorHeight);
13566                background-color: var(--verticalNavSubSeparatorColor);
13567            }
13568        }
13569
13570        /* level 2: li sub item */
13571
13572        & .navigation-nav--sub-item {
13573            display: grid;
13574            grid-template-columns: 1fr;
13575            align-items: center;
13576            border-top: var(--verticalNavSubItemBorderTop);
13577            border-right: var(--verticalNavSubItemBorderRight);
13578            border-bottom: var(--verticalNavSubItemBorderBottom);
13579            border-left: var(--verticalNavSubItemBorderLeft);
13580            border-radius: var(--verticalNavSubItemBorderRadius);
13581            background-color: var(--verticalNavSubItemBackgroundColor);
13582
13583            & > a {
13584                display: flex;
13585                align-items: center;
13586                padding-top: var(--verticalNavSubItemPaddingTop);
13587                padding-right: var(--verticalNavSubItemPaddingRight);
13588                padding-bottom: var(--verticalNavSubItemPaddingBottom);
13589                padding-left: var(--verticalNavSubItemPaddingLeft);
13590                font-family: var(--verticalNavSubItemFont);
13591                font-size: var(--verticalNavSubItemFontSize);
13592                color: var(--verticalNavSubItemFontColor);
13593                font-weight: var(--verticalNavSubItemFontWeight);
13594                line-height: var(--verticalNavSubItemLineHeight);
13595                text-decoration: var(--verticalNavSubItemTextDecoration);
13596                font-style: var(--verticalNavSubItemFontStyle);
13597                letter-spacing: var(--verticalNavSubItemLetterSpacing);
13598                background-color: transparent;
13599
13600                &:hover, .wmcA_hoverState & {
13601                    color: var(--verticalNavSubItemHoverFontColor);
13602                }
13603            }
13604
13605            &:has(.navigation-nav--sub-menu) {
13606                display: grid;
13607                grid-template-columns: 1fr calc(var(--verticalNavSubArrowSpacing) + var(--verticalNavSubArrowSize));
13608                align-items: center;
13609                column-gap: var(--verticalNavSubArrowSpacing);
13610                padding-right: var(--verticalNavSubItemPaddingRight);
13611
13612                & > a {
13613                    padding-right: 0;
13614                    width: 100%;
13615                }
13616
13617                & > .arrow {
13618                    display: flex;
13619                    align-items: center;
13620                    justify-content: flex-end;
13621                    pointer-events: auto;
13622                    position: relative;
13623                    z-index: 1;
13624                    width: calc(var(--verticalNavSubArrowSpacing) + var(--verticalNavSubArrowSize));
13625                    height: 100%;
13626                    cursor: pointer;
13627
13628                    &::after {
13629                        display: block;
13630                        content: '';
13631                        width: var(--verticalNavSubArrowSize);
13632                        height: var(--verticalNavSubArrowSize);
13633                        -webkit-mask-image: var(--wmd_submenuItemIconUrl);
13634                        mask-image: var(--wmd_submenuItemIconUrl);
13635                        -webkit-mask-size: contain;
13636                        mask-size: contain;
13637                        -webkit-mask-repeat: no-repeat;
13638                        mask-repeat: no-repeat;
13639                        -webkit-mask-position: center;
13640                        mask-position: center;
13641                        background-color: var(--verticalNavSubArrowColor);
13642                        transform: var(--verticalNavSubArrowRotate);
13643                    }
13644                }
13645            }
13646
13647            /* Third level submenu styles */
13648
13649            & > .navigation-nav--sub-menu {
13650                display: none;
13651                opacity: 0;
13652                visibility: hidden;
13653                gap: calc(var(--verticalNavSubSeparatorSpacing) / 2);
13654            }
13655
13656            &:hover, .wmcA_hoverState & {
13657                background-color: var(--verticalNavSubItemHoverBackgroundColor);
13658
13659                & .arrow:hover, .wmcA_hoverState & {
13660                    &::after {
13661                        border-left-color: var(--verticalNavSubItemHoverFontColor);
13662                    }
13663                }
13664            }
13665
13666            &.open {
13667                & > .arrow {
13668                    &::after {
13669                        transform: rotate(90deg);
13670                    }
13671                }
13672
13673                & > .navigation-nav--sub-menu {
13674                    display: grid;
13675                    grid-template-columns: 1fr;
13676                    opacity: 1;
13677                    visibility: visible;
13678                    pointer-events: auto;
13679                }
13680            }
13681        }
13682
13683        /* parent title */
13684
13685        & .navigation-nav--parent-title {
13686            display: grid;
13687            padding: 15px 0 10px 0;
13688            grid-template-columns: 1fr max-content;
13689            align-items: center;
13690            gap: var(--verticalNavSubSeparatorSpacing);
13691            border: none;
13692            background-color: var(--verticalNavTitleContainerBackgroun
13692dColor);
13693
13694            &:hover, .wmcA_hoverState & {
13695                background-color: var(--verticalNavTitleContainerBackgroundColor);
13696            }
13697
13698            & a {
13699                display: block;
13700                margin-bottom: 4px;
13701                padding: 0;
13702                font-family: var(--verticalNavItemFont);
13703                font-size: var(--verticalNavTitleFontSize);
13704                font-weight: var(--verticalNavTitleFontWeight);
13705                color: var(--verticalNavTitleFontColor);
13706                text-decoration: none;
13707                cursor: pointer;
13708                pointer-events: none;
13709            }
13710
13711            & > span {
13712                display: none;
13713            }
13714        }
13715
13716        /* back button: NONE */
13717
13718        & .navigation-nav--back {
13719            display: block;
13720            padding: 15px 0;
13721            border-bottom: 1px solid var(--verticalNavArrowColor);
13722
13723            & a {
13724                display: inline-flex;
13725                margin-bottom: 10px;
13726                align-items: center;
13727                gap: 10px;
13728                font-family: var(--verticalNavItemFont);
13729                font-size: var(--verticalNavItemFontSize);
13730                font-weight: 400;
13731                color: var(--verticalNavItemFontColor);
13732                text-decoration: none;
13733
13734                &:hover, .wmcA_hoverState & {
13735                    color: var(--verticalNavItemHoverFontColor);
13736                }
13737
13738                &::before {
13739                    display: block;
13740                    content: '';
13741                    width: var(--verticalNavSubArrowSize);
13742                    height: var(--verticalNavSubArrowSize);
13743                    -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
13744                    mask-image: var(--wmd_submenuCaretIconUrl);
13745                    -webkit-mask-size: contain;
13746                    mask-size: contain;
13747                    -webkit-mask-repeat: no-repeat;
13748                    mask-repeat: no-repeat;
13749                    -webkit-mask-position: center;
13750                    mask-position: center;
13751                    background-color: var(--verticalNavSubArrowColor);
13752                    transform: rotate(90deg);
13753                }
13754            }
13755        }
13756    }
13757
13758    body > .wmc_section .wmc_menu.wmcM_menuHamburgerDesktop:has(.navigation-module-container.active) {
13759        z-index: 6000 !important;
13760    }
13761}
13762
13763.wmc_menu {
13764    /* Panel layout */
13765    --megaNavPanelNumberOfCells: var(--megaNavPanelNumberOfCellsDesktop);
13766    --megaNavPanelCellSpacing: var(--megaNavPanelCellSpacingDesktop);
13767    --megaNavPanelPaddingTop: var(--megaNavPanelPaddingTopDesktop);
13768    --megaNavPanelPaddingRight: var(--megaNavPanelPaddingRightDesktop);
13769    --megaNavPanelPaddingBottom: var(--megaNavPanelPaddingBottomDesktop);
13770    --megaNavPanelPaddingLeft: var(--megaNavPanelPaddingLeftDesktop);
13771    --megaNavPanelWidth: var(--megaNavPanelWidthDesktop);
13772    /* Panel fill / border / shadow */
13773    --megaNavPanelBackgroundColor: var(--megaNavPanelBackgroundColorDesktop);
13774    --megaNavPanelBorderTop: var(--megaNavPanelBorderTopDesktop);
13775    --megaNavPanelBorderRight: var(--megaNavPanelBorderRightDesktop);
13776    --megaNavPanelBorderBottom: var(--megaNavPanelBorderBottomDesktop);
13777    --megaNavPanelBorderLeft: var(--megaNavPanelBorderLeftDesktop);
13778    --megaNavPanelBorderRadius: var(--megaNavPanelBorderRadiusDesktop);
13779    --megaNavPanelShadow: var(--megaNavPanelShadowDesktop);
13780    /* Main item icon */
13781    --megaNavItemIconDisplay: var(--megaNavItemIconDisplayDesktop);
13782    --megaNavItemIconColor: var(--megaNavItemIconColorDesktop);
13783    --megaNavItemIconColorHover: var(--megaNavItemIconColorHoverDesktop);
13784    --megaNavItemIconSize: var(--megaNavItemIconSizeDesktop);
13785    --megaNavItemIconSizeHover: var(--megaNavItemIconSizeHoverDesktop);
13786    --megaNavItemIconRotate: var(--megaNavItemIconRotateDesktop);
13787    --megaNavItemIconRotateHover: var(--megaNavItemIconRotateHoverDesktop);
13788    --megaNavItemIconSpacing: var(--megaNavItemIconSpacingDesktop);
13789    /* mega main item */
13790    --megaNavItemBackgroundColor: var(--megaNavItemBackgroundColorDesktop);
13791    --megaNavItemBorderTop: var(--megaNavItemBorderTopDesktop);
13792    --megaNavItemBorderRight: var(--megaNavItemBorderRightDesktop);
13793    --megaNavItemBorderBottom: var(--megaNavItemBorderBottomDesktop);
13794    --megaNavItemBorderLeft: var(--megaNavItemBorderLeftDesktop);
13795    --megaNavItemBorderRadius: var(--megaNavItemBorderRadiusDesktop);
13796    --megaNavItemPaddingTop: var(--megaNavItemPaddingTopDesktop);
13797    --megaNavItemPaddingBottom: var(--megaNavItemPaddingBottomDesktop);
13798    --megaNavItemPaddingLeft: var(--megaNavItemPaddingLeftDesktop);
13799    --megaNavItemPaddingRight: var(--megaNavItemPaddingRightDesktop);
13800    --megaNavItemFont: var(--megaNavItemFontDesktop);
13801    --megaNavItemFontColor: var(--megaNavItemFontColorDesktop);
13802    --megaNavItemLineHeight: var(--megaNavItemLineHeightDesktop);
13803    --megaNavItemLetterSpacing: var(--megaNavItemLetterSpacingDesktop);
13804    --megaNavItemFontSize: var(--megaNavItemFontSizeDesktop);
13805    --megaNavItemTextDecoration: var(--megaNavItemTextDecorationDesktop);
13806    --megaNavItemFontWeight: var(--megaNavItemFontWeightDesktop);
13807    --megaNavItemFontStyle: var(--megaNavItemFontStyleDesktop);
13808    --megaNavItemHoverBackgroundColor: var(--megaNavItemHoverBackgroundColorDesktop);
13809    --megaNavItemBorderTopHover: var(--megaNavItemBorderTopHoverDesktop);
13810    --megaNavItemBorderRightHover: var(--megaNavItemBorderRightHoverDesktop);
13811    --megaNavItemBorderBottomHover: var(--megaNavItemBorderBottomHoverDesktop);
13812    --megaNavItemBorderLeftHover: var(--megaNavItemBorderLeftHoverDesktop);
13813    --megaNavItemBorderRadiusHover: var(--megaNavItemBorderRadiusHoverDesktop);
13814    --megaNavItemPaddingTopHover: var(--megaNavItemPaddingTopHoverDesktop);
13815    --megaNavItemPaddingBottomHover: var(--megaNavItemPaddingBottomHoverDesktop);
13816    --megaNavItemPaddingLeftHover: var(--megaNavItemPaddingLeftHoverDesktop);
13817    --megaNavItemPaddingRightHover: var(--megaNavItemPaddingRightHoverDesktop);
13818    --megaNavItemHoverFontColor: var(--megaNavItemHoverFontColorDesktop);
13819    --megaNavItemFontSizeHover: var(--megaNavItemFontSizeHoverDesktop);
13820    --megaNavItemTextDecorationHover: var(--megaNavItemTextDecorationHoverDesktop);
13821    --megaNavItemFontWeightHover: var(--megaNavItemFontWeightHoverDesktop);
13822    --megaNavItemFontStyleHover: var(--megaNavItemFontStyleHoverDesktop);
13823    --megaNavItemActiveBackgroundColor: var(--megaNavItemActiveBackgroundColorDesktop);
13824    --megaNavItemActiveFontColor: var(--megaNavItemActiveFontColorDesktop);
13825    /* Caret */
13826    --megaNavArrowDisplay: var(--megaNavArrowDisplayDesktop);
13827    --megaNavArrowSize: var(--megaNavArrowSizeDesktop);
13828    --megaNavArrowColor: var(--megaNavArrowColorDesktop);
13829    --megaNavArrowRotate: var(--megaNavArrowRotateDesktop);
13830    --megaNavArrowSizeHover: var(--megaNavArrowSizeHoverDesktop);
13831    --megaNavArrowColorHover: var(--megaNavArrowColorHoverDesktop);
13832    --megaNavArrowRotateHover: var(--megaNavArrowRotateHoverDesktop);
13833    --megaNavArrowSpacing: var(--megaNavArrowSpacingDesktop);
13834    /* Sub mega item (column title) — font */
13835    --megaNavSubItemFont: var(--megaNavSubItemFontDesktop);
13836    --megaNavSubItemFontColor: var(--megaNavSubItemFontColorDesktop);
13837    --megaNavSubItemFontSize: var(--megaNavSubItemFontSizeDesktop);
13838    --megaNavSubItemFontWeight: var(--megaNavSubItemFontWeightDesktop);
13839    --megaNavSubItemFontStyle: var(--megaNavSubItemFontStyleDesktop);
13840    --megaNavSubItemLineHeight: var(--megaNavSubItemLineHeightDesktop);
13841    --megaNavSubItemLetterSpacing: var(--megaNavSubItemLetterSpacingDesktop);
13842    --megaNavSubItemTextDecoration: var(--megaNavSubItemTextDecorationDesktop);
13843    --megaNavSubItemHoverFontColor: var(--megaNavSubItemHoverFontColorDesktop);
13844    --megaNavSubItemHoverFontSize: var(--megaNavSubItemHoverFontSizeDesktop);
13845    --megaNavSubItemHoverFontWeight: var(--megaNavSubItemHoverFontWeightDesktop);
13846    --megaNavSubItemHoverFontStyle: var(--megaNavSubItemHoverFontStyleDesktop);
13847    --megaNavSubItemHoverTextDecoration: var(--megaNavSubItemHoverTextDecorationDesktop);
13848    /* Sub mega item — fill / border / padding */
13849    --megaNavSubItemBackgroundColor: var(--megaNavSubItemBackgroundColorDesktop);
13850    --megaNavSubItemHoverBackgroundColor: var(--megaNavSubItemHoverBackgroundColorDesktop);
13851    --megaNavSubItemBorderTop: var(--megaNavSubItemBorderTopDesktop);
13852    --megaNavSubItemBorderRight: var(--megaNavSubItemBorderRightDesktop);
13853    --megaNavSubItemBorderBottom: var(--megaNavSubItemBorderBottomDesktop);
13854    --megaNavSubItemBorderLeft: var(--megaNavSubItemBorderLeftDesktop);
13855    --megaNavSubItemBorderRadius: var(--megaNavSubItemBorderRadiusDesktop);
13856    --megaNavSubItemBorderTopHover: var(--megaNavSubItemBorderTopHoverDesktop);
13857    --megaNavSubItemBorderRightHover: var(--megaNavSubItemBorderRightHoverDesktop);
13858    --megaNavSubItemBorderBottomHover: var(--megaNavSubItemBorderBottomHoverDesktop);
13859    --megaNavSubItemBorderLeftHover: var(--megaNavSubItemBorderLeftHoverDesktop);
13860    --megaNavSubItemBorderRadiusHover: var(--megaNavSubItemBorderRadiusHoverDesktop);
13861    --megaNavSubItemPaddingTop: var(--megaNavSubItemPaddingTopDesktop);
13862    --megaNavSubItemPaddingRight: var(--megaNavSubItemPaddingRightDesktop);
13863    --megaNavSubItemPaddingBottom: var(--megaNavSubItemPaddingBottomDesktop);
13864    --megaNavSubItemPaddingLeft: var(--megaNavSubItemPaddingLeftDesktop);
13865    --megaNavSubItemPaddingTopHover: var(--megaNavSubItemPaddingTopHoverDesktop);
13866    --megaNavSubItemPaddingRightHover: var(--megaNavSubItemPaddingRightHoverDesktop);
13867    --megaNavSubItemPaddingBottomHover: var(--megaNavSubItemPaddingBottomHoverDesktop);
13868    --megaNavSubItemPaddingLeftHover: var(--megaNavSubItemPaddingLeftHoverDesktop);
13869    /* Sub mega item — icon */
13870    --megaNavSubItemIconDisplay: var(--megaNavSubItemIconDisplayDesktop);
13871    --megaNavSubItemIconColor: var(--megaNavSubItemIconColorDesktop);
13872    --megaNavSubItemIconColorHover: var(--megaNavSubItemIconColorHoverDesktop);
13873    --megaNavSubItemIconSize: var(--megaNavSubItemIconSizeDesktop);
13874    --megaNavSubItemIconSizeHover: var(--megaNavSubItemIconSizeHoverDesktop);
13875    --megaNavSubItemIconRotate: var(--megaNavSubItemIconRotateDesktop);
13876    --megaNavSubItemIconRotateHover: var(--megaNavSubItemIconRotateHoverDesktop);
13877    --megaNavSubItemIconSpacing: var(--megaNavSubItemIconSpacingDesktop);
13878    /* Child mega item — font */
13879    --megaNavChildItemFont: var(--megaNavChildItemFontDesktop);
13880    --megaNavChildItemFontColor: var(--megaNavChildItemFontColorDesktop);
13881    --megaNavChildItemFontSize: var(--megaNavChildItemFontSizeDesktop);
13882    --megaNavChildItemFontWeight: var(--megaNavChildItemFontWeightDesktop);
13883    --megaNavChildItemFontStyle: var(--megaNavChildItemFontStyleDesktop);
13884    --megaNavChildItemLineHeight: var(--megaNavChildItemLineHeightDesktop);
13885    --megaNavChildItemLetterSpacing: var(--megaNavChildItemLetterSpacingDesktop);
13886    --megaNavChildItemTextDecoration: var(--megaNavChildItemTextDecorationDesktop);
13887    --megaNavChildItemHoverFontColor: var(--megaNavChildItemHoverFontColorDesktop);
13888    --megaNavChildItemHoverFontSize: var(--megaNavChildItemHoverFontSizeDesktop);
13889    --megaNavChildItemHoverFontWeight: var(--megaNavChildItemHoverFontWeightDesktop);
13890    --megaNavChildItemHoverFontStyle: var(--megaNavChildItemHoverFontStyleDesktop);
13891    --megaNavChildItemHoverTextDecoration: var(--megaNavChildItemHoverTextDecorationDesktop);
13892    /* Child mega item — fill / border / padding */
13893    --megaNavChildItemBackgroundColor: var(--megaNavChildItemBackgroundColorDesktop);
13894    --megaNavChildItemHoverBackgroundColor: var(--megaNavChildItemHoverBackgroundColorDesktop);
13895    --megaNavChildItemBorderTop: var(--megaNavChildItemBorderTopDesktop);
13896    --megaNavChildItemBorderRight: var(--megaNavChildItemBorderRightDesktop);
13897    --megaNavChildItemBorderBottom: var(--megaNavChildItemBorderBottomDesktop);
13898    --megaNavChildItemBorderLeft: var(--megaNavChildItemBorderLeftDesktop);
13899    --megaNavChildItemBorderRadius: var(--megaNavChildItemBorderRadiusDesktop);
13900    --megaNavChildItemBorderTopHover: var(--megaNavChildItemBorderTopHoverDesktop);
13901    --megaNavChildItemBorderRightHover: var(--megaNavChildItemBorderRightHoverDesktop);
13902    --megaNavChildItemBorderBottomHover: var(--megaNavChildItemBorderBottomHoverDesktop);
13903    --megaNavChildItemBorderLeftHover: var(--megaNavChildItemBorderLeftHoverDesktop);
13904    --megaNavChildItemBorderRadiusHover: var(--megaNavChildItemBorderRadiusHoverDesktop);
13905    --megaNavChildItemPaddingTop: var(--megaNavChildItemPaddingTopDesktop);
13906    --megaNavChildItemPaddingRight: var(--megaNavChildItemPaddingRightDesktop);
13907    --megaNavChildItemPaddingBottom: var(--megaNavChildItemPaddingBottomDesktop);
13908    --megaNavChildItemPaddingLeft: var(--megaNavChildItemPaddingLeftDesktop);
13909    --megaNavChildItemPaddingTopHover: var(--megaNavChildItemPaddingTopHoverDesktop);
13910    --megaNavChildItemPaddingRightHover: var(--megaNavChildItemPaddingRightHoverDesktop);
13911    --megaNavChildItemPaddingBottomHover: var(--megaNavChildItemPaddingBottomHoverDesktop);
13912    --megaNavChildItemPaddingLeftHover: var(--megaNavChildItemPaddingLeftHoverDesktop);
13913    /* Child mega item — icon */
13914    --megaNavChildItemIconDisplay: var(--megaNavChildItemIconDisplayDesktop);
13915    --megaNavChildItemIconColor: var(--megaNavChildItemIconColorDesktop);
13916    --megaNavChildItemIconColorHover: var(--megaNavChildItemIconColorHoverDesktop);
13917    --megaNavChildItemIconSize: var(--megaNavChildItemIconSizeDesktop);
13918    --megaNavChildItemIconSizeHover: var(--megaNavChildItemIconSizeHoverDesktop);
13919    --megaNavChildItemIconRotate: var(--megaNavChildItemIconRotateDesktop);
13920    --megaNavChildItemIconRotateHover: var(--megaNavChildItemIconRotateHoverDesktop);
13921    --megaNavChildItemIconSpacing: var(--megaNavChildItemIconSpacingDesktop);
13922}
13923
13924@media all and (width < 1040px) {
13925    .wmc_menu {
13926        --megaNavPanelNumberOfCells: var(--megaNavPanelNumberOfCellsTablet, var(--megaNavPanelNumberOfCellsDesktop));
13927        --megaNavPanelCellSpacing: var(--megaNavPanelCellSpacingTablet, var(--megaNavPanelCellSpacingDesktop));
13928        --megaNavPanelPaddingTop: var(--megaNavPanelPaddingTopTablet, var(--megaNavPanelPaddingTopDesktop));
13929        --megaNavPanelPaddingRight: var(--megaNavPanelPaddingRightTablet, var(--megaNavPanelPaddingRightDesktop));
13930        --megaNavPanelPaddingBottom: var(--megaNavPanelPaddingBottomTablet, var(--megaNavPanelPaddingBottomDesktop));
13931        --megaNavPanelPaddingLeft: var(--megaNavPanelPaddingLeftTablet, var(--megaNavPanelPaddingLeftDesktop));
13932        --megaNavPanelWidth: var(--megaNavPanelWidthTablet, var(--megaNavPanelWidthDesktop));
13933        --megaNavPanelBackgroundColor: var(--megaNavPanelBackgroundColorTablet, var(--megaNavPanelBackgroundColorDesktop));
13934        --megaNavPanelBorderTop: var(--megaNavPanelBorderTopTablet, var(--megaNavPanelBorderTopDesktop));
13935        --megaNavPanelBorderRight: var(--megaNavPanelBorderRightTablet, var(--megaNavPanelBorderRightDesktop));
13936        --megaNavPanelBorderBottom: var(--megaNavPanelBorderBottomTablet, var(--megaNavPanelBorderBottomDesktop));
13937        --megaNavPanelBorderLeft: var(--megaNavPanelBorderLeftTablet, var(--megaNavPanelBorderLeftDesktop));
13938        --megaNavPanelBorderRadius: var(--megaNavPanelBorderRadiusTablet, var(--megaNavPanelBorderRadiusDesktop));
13939        --megaNavPanelShadow: var(--megaNavPanelShadowTablet, var(--megaNavPanelShadowDesktop));
13940        --megaNavItemIconDisplay: var(--megaNavItemIconDisplayTablet, var(--megaNavItemIconDisplayDesktop));
13941        --megaNavItemIconColor: var(--megaNavItemIconColorTablet, var(--megaNavItemIconColorDesktop));
13942        --megaNavItemIconColorHover: var(--megaNavItemIconColorHoverTablet, var(--megaNavItemIconColorHoverDesktop));
13943        --megaNavItemIconSize: var(--megaNavItemIconSizeTablet, var(--megaNavItemIconSizeDesktop));
13944        --megaNavItemIconSizeHover: var(--megaNavItemIconSizeHoverTablet, var(--megaNavItemIconSizeHoverDesktop));
13945        --megaNavItemIconRotate: var(--megaNavItemIconRotateTablet, var(--megaNavItemIconRotateDesktop));
13946        --megaNavItemIconRotateHover: var(--megaNavItemIconRotateHoverTablet, var(--megaNavItemIconRotateHoverDesktop));
13947        --megaNavItemIconSpacing: var(--megaNavItemIconSpacingTablet, var(--megaNavItemIconSpacingDesktop));
13948        /* mega main item */
13949        --megaNavItemBackgroundColor: var(--megaNavItemBackgroundColorTablet, var(--megaNavItemBackgroundColorDesktop));
13950        --megaNavItemBorderTop: var(--megaNavItemBorderTopTablet, var(--megaNavItemBorderTopDesktop));
13951        --megaNavItemBorderRight: var(--megaNavItemBorderRightTablet, var(--megaNavItemBorderRightDesktop));
13952        --megaNavItemBorderBottom: var(--megaNavItemBorderBottomTablet, var(--megaNavItemBorderBottomDesktop));
13953        --megaNavItemBorderLeft: var(--megaNavItemBorderLeftTablet, var(--megaNavItemBorderLeftDesktop));
13954        --megaNavItemBorderRadius: var(--megaNavItemBorderRadiusTablet, var(--megaNavItemBorderRadiusDesktop));
13955        --megaNavItemPaddingTop: var(--megaNavItemPaddingTopTablet, var(--megaNavItemPaddingTopDesktop));
13956        --megaNavItemPaddingBottom: var(--megaNavItemPaddingBottomTablet, var(--megaNavItemPaddingBottomDesktop));
13957        --megaNavItemPaddingLeft: var(--megaNavItemPaddingLeftTablet, var(--megaNavItemPaddingLeftDesktop));
13958        --megaNavItemPaddingRight: var(--megaNavItemPaddingRightTablet, var(--megaNavItemPaddingRightDesktop));
13959        --megaNavItemFont: var(--megaNavItemFontTablet, var(--megaNavItemFontDesktop));
13960        --megaNavItemFontColor: var(--megaNavItemFontColorTablet, var(--megaNavItemFontColorDesktop));
13961        --megaNavItemLineHeight: var(--megaNavItemLineHeightTablet, var(--megaNavItemLineHeightDesktop));
13962        --megaNavItemLetterSpacing: var(--megaNavItemLetterSpacingTablet, var(--megaNavItemLetterSpacingDesktop));
13963        --megaNavItemFontSize: var(--megaNavItemFontSizeTablet, var(--megaNavItemFontSizeDesktop));
13964        --megaNavItemTextDecoration: var(--megaNavItemTextDecorationTablet, var(--megaNavItemTextDecorationDesktop));
13965        --megaNavItemFontWeight: var(--megaNavItemFontWeightTablet, var(--megaNavItemFontWeightDesktop));
13966        --megaNavItemFontStyle: var(--megaNavItemFontStyleTablet, var(--megaNavItemFontStyleDesktop));
13967        --megaNavItemHoverBackgroundColor: var(--megaNavItemHoverBackgroundColorTablet, var(--megaNavItemHoverBackgroundColorDesktop));
13968        --megaNavItemBorderTopHover: var(--megaNavItemBorderTopHoverTablet, var(--megaNavItemBorderTopHoverDesktop));
13969        --megaNavItemBorderRightHover: var(--megaNavItemBorderRightHoverTablet, var(--megaNavItemBorderRightHoverDesktop));
13970        --megaNavItemBorderBottomHover: var(--megaNavItemBorderBottomHoverTablet, var(--megaNavItemBorderBottomHoverDesktop));
13971        --megaNavItemBorderLeftHover: var(--megaNavItemBorderLeftHoverTablet, var(--megaNavItemBorderLeftHoverDesktop));
13972        --megaNavItemBorderRadiusHover: var(--megaNavItemBorderRadiusHoverTablet, var(--megaNavItemBorderRadiusHoverDesktop));
13973        --megaNavItemPaddingTopHover: var(--megaNavItemPaddingTopHoverTablet, var(--megaNavItemPaddingTopHoverDesktop));
13974        --megaNavItemPaddingBottomHover: var(--megaNavItemPaddingBottomHoverTablet, var(--megaNavItemPaddingBottomHoverDesktop));
13975        --megaNavItemPaddingLeftHover: var(--megaNavItemPaddingLeftHoverTablet, var(--megaNavItemPaddingLeftHoverDesktop));
13976        --megaNavItemPaddingRightHover: var(--megaNavItemPaddingRightHoverTablet, var(--megaNavItemPaddingRightHoverDesktop));
13977        --megaNavItemHoverFontColor: var(--megaNavItemHoverFontColorTablet, var(--megaNavItemHoverFontColorDesktop));
13978        --megaNavItemFontSizeHover: var(--megaNavItemFontSizeHoverTablet, var(--megaNavItemFontSizeHoverDesktop));
13979        --megaNavItemTextDecorationHover: var(--megaNavItemTextDecorationHoverTablet, var(--megaNavItemTextDecorationHoverDesktop));
13980        --megaNavItemFontWeightHover: var(--megaNavItemFontWeightHoverTablet, var(--megaNavItemFontWeightHoverDesktop));
13981        --megaNavItemFontStyleHover: var(--megaNavItemFontStyleHoverTablet, var(--megaNavItemFontStyleHoverDesktop));
13982        --megaNavItemActiveBackgroundColor: var(--megaNavItemActiveBackgroundColorTablet, var(--megaNavItemActiveBackgroundColorDesktop));
13983        --megaNavItemActiveFontColor: var(--megaNavItemActiveFontColorTablet, var(--megaNavItemActiveFontColorDesktop));
13984        --megaNavArrowDisplay: var(--megaNavArrowDisplayTablet, var(--megaNavArrowDisplayDesktop));
13985        --megaNavArrowSize: var(--megaNavArrowSizeTablet, var(--megaNavArrowSizeDesktop));
13986        --megaNavArrowColor: var(--megaNavArrowColorTablet, var(--megaNavArrowColorDesktop));
13987        --megaNavArrowRotate: var(--megaNavArrowRotateTablet, var(--megaNavArrowRotateDesktop));
13988        --megaNavArrowSizeHover: var(--megaNavArrowSizeHoverTablet, var(--megaNavArrowSizeTablet, var(--megaNavArrowSizeDesktop)));
13989        --megaNavArrowColorHover: var(--megaNavArrowColorHoverTablet, var(--megaNavArrowColorHoverDesktop));
13990        --megaNavArrowRotateHover: var(--megaNavArrowRotateHoverTablet, var(--megaNavArrowRotateHoverDesktop));
13991        --megaNavArrowSpacing: var(--megaNavArrowSpacingTablet, var(--megaNavArrowSpacingDesktop));
13992        --megaNavSubItemFont: var(--megaNavSubItemFontTablet, var(--megaNavSubItemFontDesktop));
13993        --megaNavSubItemFontColor: var(--megaNavSubItemFontColorTablet, var(--megaNavSubItemFontColorDesktop));
13994        --megaNavSubItemFontSize: var(--megaNavSubItemFontSizeTablet, var(--megaNavSubItemFontSizeDesktop));
13995        --megaNavSubItemFontWeight: var(--megaNavSubItemFontWeightTablet, var(--megaNavSubItemFontWeightDesktop));
13996        --megaNavSubItemFontStyle: var(--megaNavSubItemFontStyleTablet, var(--megaNavSubItemFontStyleDesktop));
13997        --megaNavSubItemLineHeight: var(--megaNavSubItemLineHeightTablet, var(--megaNavSubItemLineHeightDesktop));
13998        --megaNavSubItemLetterSpacing: var(--megaNavSubItemLetterSpacingTablet, var(--megaNavSubItemLetterSpacingDesktop));
13999        --megaNavSubItemTextDecoration: var(--megaNavSubItemTextDecorationTablet, var(--megaNavSubItemTextDecorationDesktop));
14000        --megaNavSubItemHoverFontColor: var(--megaNavSubItemHoverFontColorTablet, var(--megaNavSubItemHoverFontColorDesktop));
14001        --megaNavSubItemHoverFontSize: var(--megaNavSubItemHoverFontSizeTablet, var(--megaNavSubItemHoverFontSizeDesktop));
14002        --megaNavSubItemHoverFontWeight: var(--megaNavSubItemHoverFontWeightTablet, var(--megaNavSubItemHoverFontWeightDesktop));
14003        --megaNavSubItemHoverFontStyle: var(--megaNavSubItemHoverFontStyleTablet, var(--megaNavSubItemHoverFontStyleDesktop));
14004        --megaNavSubItemHoverTextDecoration: var(--megaNavSubItemHoverTextDecorationTablet, var(--megaNavSubItemHoverTextDecorationDesktop));
14005        --megaNavSubItemBackgroundColor: var(--megaNavSubItemBackgroundColorTablet, var(--megaNavSubItemBackgroundColorDesktop));
14006        --megaNavSubItemHoverBackgroundColor: var(--megaNavSubItemHoverBackgroundColorTablet, var(--megaNavSubItemHoverBackgroundColorDesktop));
14007        --megaNavSubItemBorderTop: var(--megaNavSubItemBorderTopTablet, var(--megaNavSubItemBorderTopDesktop));
14008        --megaNavSubItemBorderRight: var(--megaNavSubItemBorderRightTablet, var(--megaNavSubItemBorderRightDesktop));
14009        --megaNavSubItemBorderBottom: var(--megaNavSubItemBorderBottomTablet, var(--megaNavSubItemBorderBottomDesktop));
14010        --megaNavSubItemBorderLeft: var(--megaNavSubItemBorderLeftTablet, var(--megaNavSubItemBorderLeftDesktop));
14011        --megaNavSubItemBorderRadius: var(--megaNavSubItemBorderRadiusTablet, var(--megaNavSubItemBorderRadiusDesktop));
14012        --megaNavSubItemBorderTopHover: var(--megaNavSubItemBorderTopHoverTablet, var(--megaNavSubItemBorderTopHoverDesktop));
14013        --megaNavSubItemBorderRightHover: var(--megaNavSubItemBorderRightHoverTablet, var(--megaNavSubItemBorderRightHoverDesktop));
14014        --megaNavSubItemBorderBottomHover: var(--megaNavSubItemBorderBottomHoverTablet, var(--megaNavSubItemBorderBottomHoverDesktop));
14015        --megaNavSubItemBorderLeftHover: var(--megaNavSubItemBorderLeftHoverTablet, var(--megaNavSubItemBorderLeftHoverDesktop));
14016        --megaNavSubItemBorderRadiusHover: var(--megaNavSubItemBorderRadiusHoverTablet, var(--megaNavSubItemBorderRadiusHoverDesktop));
14017        --megaNavSubItemPaddingTop: var(--megaNavSubItemPaddingTopTablet, var(--megaNavSubItemPaddingTopDesktop));
14018        --megaNavSubItemPaddingRight: var(--megaNavSubItemPaddingRightTablet, var(--megaNavSubItemPaddingRightDesktop));
14019        --megaNavSubItemPaddingBottom: var(--megaNavSubItemPaddingBottomTablet, var(--megaNavSubItemPaddingBottomDesktop));
14020        --megaNavSubItemPaddingLeft: var(--megaNavSubItemPaddingLeftTablet, var(--megaNavSubItemPaddingLeftDesktop));
14021        --megaNavSubItemPaddingTopHover: var(--megaNavSubItemPaddingTopHoverTablet, var(--megaNavSubItemPaddingTopHoverDesktop));
14022        --megaNavSubItemPaddingRightHover: var(--megaNavSubItemPaddingRightHoverTablet, var(--megaNavSubItemPaddingRightHoverDesktop));
14023        --megaNavSubItemPaddingBottomHover: var(--megaNavSubItemPaddingBottomHoverTablet, var(--megaNavSubItemPaddingBottomHoverDesktop));
14024        --megaNavSubItemPaddingLeftHover: var(--megaNavSubItemPaddingLeftHoverTablet, var(--megaNavSubItemPaddingLeftHoverDesktop));
14025        --megaNavSubItemIconDisplay: var(--megaNavSubItemIconDisplayTablet, var(--megaNavSubItemIconDisplayDesktop));
14026        --megaNavSubItemIconColor: var(--megaNavSubItemIconColorTablet, var(--megaNavSubItemIconColorDesktop));
14027        --megaNavSubItemIconColorHover: var(--megaNavSubItemIconColorHoverTablet, var(--megaNavSubItemIconColorHoverDesktop));
14028        --megaNavSubItemIconSize: var(--megaNavSubItemIconSizeTablet, var(--megaNavSubItemIconSizeDesktop));
14029        --megaNavSubItemIconSizeHover: var(--megaNavSubItemIconSizeHoverTablet, var(--megaNavSubItemIconSizeHoverDesktop));
14030        --megaNavSubItemIconRotate: var(--megaNavSubItemIconRotateTablet, var(--megaNavSubItemIconRotateDesktop));
14031        --megaNavSubItemIconRotateHover: var(--megaNavSubItemIconRotateHoverTablet, var(--megaNavSubItemIconRotateHoverDesktop));
14032        --megaNavSubItemIconSpacing: var(--megaNavSubItemIconSpacingTablet, var(--megaNavSubItemIconSpacingDesktop));
14033        --megaNavChildItemFont: var(--megaNavChildItemFontTablet, var(--megaNavChildItemFontDesktop));
14034        --megaNavChildItemFontColor: var(--megaNavChildItemFontColorTablet, var(--megaNavChildItemFontColorDesktop));
14035        --megaNavChildItemFontSize: var(--megaNavChildItemFontSizeTablet, var(--megaNavChildItemFontSizeDesktop));
14036        --megaNavChildItemFontWeight: var(--megaNavChildItemFontWeightTablet, var(--megaNavChildItemFontWeightDesktop));
14037        --megaNavChildItemFontStyle: var(--megaNavChildItemFontStyleTablet, var(--megaNavChildItemFontStyleDesktop));
14038        --megaNavChildItemLineHeight: var(--megaNavChildItemLineHeightTablet, var(--megaNavChildItemLineHeightDesktop));
14039        --megaNavChildItemLetterSpacing: var(--megaNavChildItemLetterSpacingTablet, var(--megaNavChildItemLetterSpacingDesktop));
14040        --megaNavChildItemTextDecoration: var(--megaNavChildItemTextDecorationTablet, var(--megaNavChildItemTextDecorationDesktop));
14041        --megaNavChildItemHoverFontColor: var(--megaNavChildItemHoverFontColorTablet, var(--megaNavChildItemHoverFontColorDesktop));
14042        --megaNavChildItemHoverFontSize: var(--megaNavChildItemHoverFontSizeTablet, var(--megaNavChildItemHoverFontSizeDesktop));
14043        --megaNavChildItemHoverFontWeight: var(--megaNavChildItemHoverFontWeightTablet, var(--megaNavChildItemHoverFontWeightDesktop));
14044        --megaNavChildItemHoverFontStyle: var(--megaNavChildItemHoverFontStyleTablet, var(--megaNavChildItemHoverFontStyleDesktop));
14045        --megaNavChildItemHoverTextDecoration: var(--megaNavChildItemHoverTextDecorationTablet, var(--megaNavChildItemHoverTextDecorationDesktop));
14046        --megaNavChildItemBackgroundColor: var(--megaNavChildItemBackgroundColorTablet, var(--megaNavChildItemBackgroundColorDesktop));
14047        --megaNavChildItemHoverBackgroundColor: var(--megaNavChildItemHoverBackgroundColorTablet, var(--megaNavChildItemHoverBackgroundColorDesktop));
14048        --megaNavChildItemBorderTop: var(--megaNavChildItemBorderTopTablet, var(--megaNavChildItemBorderTopDesktop));
14049        --megaNavChildItemBorderRight: var(--megaNavChildItemBorderRightTablet, var(--megaNavChildItemBorderRightDesktop));
14050        --megaNavChildItemBorderBottom: var(--megaNavChildItemBorderBottomTablet, var(--megaNavChildItemBorderBottomDesktop));
14051        --megaNavChildItemBorderLeft: var(--megaNavChildItemBorderLeftTablet, var(--megaNavChildItemBorderLeftDesktop));
14052        --megaNavChildItemBorderRadius: var(--megaNavChildItemBorderRadiusTablet, var(--megaNavChildItemBorderRadiusDesktop));
14053        --megaNavChildItemBorderTopHover: var(--megaNavChildItemBorderTopHoverTablet, var(--megaNavChildItemBorderTopHoverDesktop));
14054        --megaNavChildItemBorderRightHover: var(--megaNavChildItemBorderRightHoverTablet, var(--megaNavChildItemBorderRightHoverDesktop));
14055        --megaNavChildItemBorderBottomHover: var(--megaNavChildItemBorderBottomHoverTablet, var(--megaNavChildItemBorderBottomHoverDesktop));
14056        --megaNavChildItemBorderLeftHover: var(--megaNavChildItemBorderLeftHoverTablet, var(--megaNavChildItemBorderLeftHoverDesktop));
14057        --megaNavChildItemBorderRadiusHover: var(--megaNavChildItemBorderRadiusHoverTablet, var(--megaNavChildItemBorderRadiusHoverDesktop));
14058        --megaNavChildItemPaddingTop: var(--megaNavChildItemPaddingTopTablet, var(--megaNavChildItemPaddingTopDesktop));
14059        --megaNavChildItemPaddingRight: var(--megaNavChildItemPaddingRightTablet, var(--megaNavChildItemPaddingRightDesktop));
14060        --megaNavChildItemPaddingBottom: var(--megaNavChildItemPaddingBottomTablet, var(--megaNavChildItemPaddingBottomDesktop));
14061        --megaNavChildItemPaddingLeft: var(--megaNavChildItemPaddingLeftTablet, var(--megaNavChildItemPaddingLeftDesktop));
14062        --megaNavChildItemPaddingTopHover: var(--megaNavChildItemPaddingTopHoverTablet, var(--megaNavChildItemPaddingTopHoverDesktop));
14063        --megaNavChildItemPaddingRightHover: var(--megaNavChildItemPaddingRightHoverTablet, var(--megaNavChildItemPaddingRightHoverDesktop));
14064        --megaNavChildItemPaddingBottomHover: var(--megaNavChildItemPaddingBottomHoverTablet, var(--megaNavChildItemPaddingBottomHoverDesktop));
14065        --megaNavChildItemPaddingLeftHover: var(--megaNavChildItemPaddingLeftHoverTablet, var(--megaNavChildItemPaddingLeftHoverDesktop));
14066        --megaNavChildItemIconDisplay: var(--megaNavChildItemIconDisplayTablet, var(--megaNavChildItemIconDisplayDesktop));
14067        --megaNavChildItemIconColor: var(--megaNavChildItemIconColorTablet, var(--megaNavChildItemIconColorDesktop));
14068        --megaNavChildItemIconColorHover: var(--megaNavChildItemIconColorHoverTablet, var(--megaNavChildItemIconColorHoverDesktop));
14069        --megaNavChildItemIconSize: var(--megaNavChildItemIconSizeTablet, var(--megaNavChildItemIconSizeDesktop));
14070        --megaNavChildItemIconSizeHover: var(--megaNavChildItemIconSizeHoverTablet, var(--megaNavChildItemIconSizeHoverDesktop));
14071        --megaNavChildItemIconRotate: var(--megaNavChildItemIconRotateTablet, var(--megaNavChildItemIconRotateDesktop));
14072        --megaNavChildItemIconRotateHover: var(--megaNavChildItemIconRotateHoverTablet, var(--megaNavChildItemIconRotateHoverDesktop));
14073        --megaNavChildItemIconSpacing: var(--megaNavChildItemIconSpacingTablet, var(--megaNavChildItemIconSpacingDesktop));
14074    }
14075}
14076
14077@media all and (width < 650px) {
14078    .wmc_menu {
14079        --megaNavPanelNumberOfCells: var(--megaNavPanelNumberOfCellsMobile, var(--megaNavPanelNumberOfCellsDesktop));
14080        --megaNavPanelCellSpacing: var(--megaNavPanelCellSpacingMobile, var(--megaNavPanelCellSpacingDesktop));
14081        --megaNavPanelPaddingTop: var(--megaNavPanelPaddingTopMobile, var(--megaNavPanelPaddingTopDesktop));
14082        --megaNavPanelPaddingRight: var(--megaNavPanelPaddingRightMobile, var(--megaNavPanelPaddingRightDesktop));
14083        --megaNavPanelPaddingBottom: var(--megaNavPanelPaddingBottomMobile, var(--megaNavPanelPaddingBottomDesktop));
14084        --megaNavPanelPaddingLeft: var(--megaNavPanelPaddingLeftMobile, var(--megaNavPanelPaddingLeftDesktop));
14085        --megaNavPanelWidth: var(--megaNavPanelWidthMobile, var(--megaNavPanelWidthDesktop));
14086        --megaNavPanelBackgroundColor: var(--megaNavPanelBackgroundColorMobile, var(--megaNavPanelBackgroundColorDesktop));
14087        --megaNavPanelBorderTop: var(--megaNavPanelBorderTopMobile, var(--megaNavPanelBorderTopDesktop));
14088        --megaNavPanelBorderRight: var(--megaNavPanelBorderRightMobile, var(--megaNavPanelBorderRightDesktop));
14089        --megaNavPanelBorderBottom: var(--megaNavPanelBorderBottomMobile, var(--megaNavPanelBorderBottomDesktop));
14090        --megaNavPanelBorderLeft: var(--megaNavPanelBorderLeftMobile, var(--megaNavPanelBorderLeftDesktop));
14091        --megaNavPanelBorderRadius: var(--megaNavPanelBorderRadiusMobile, var(--megaNavPanelBorderRadiusDesktop));
14092        --megaNavPanelShadow: var(--megaNavPanelShadowMobile, var(--megaNavPanelShadowDesktop));
14093        --megaNavItemIconDisplay: var(--megaNavItemIconDisplayMobile, var(--megaNavItemIconDisplayDesktop));
14094        --megaNavItemIconColor: var(--megaNavItemIconColorMobile, var(--megaNavItemIconColorDesktop));
14095        --megaNavItemIconColorHover: var(--megaNavItemIconColorHoverMobile, var(--megaNavItemIconColorHoverDesktop));
14096        --megaNavItemIconSize: var(--megaNavItemIconSizeMobile, var(--megaNavItemIconSizeDesktop));
14097        --megaNavItemIconSizeHover: var(--megaNavItemIconSizeHoverMobile, var(--megaNavItemIconSizeHoverDesktop));
14098        --megaNavItemIconRotate: var(--megaNavItemIconRotateMobile, var(--megaNavItemIconRotateDesktop));
14099        --megaNavItemIconRotateHover: var(--megaNavItemIconRotateHoverMobile, var(--megaNavItemIconRotateHoverDesktop));
14100        --megaNavItemIconSpacing: var(--megaNavItemIconSpacingMobile, var(--megaNavItemIconSpacingDesktop));
14101        /* mega main item */
14102        --megaNavItemBackgroundColor: var(--megaNavItemBackgroundColorMobile, var(--megaNavItemBackgroundColorDesktop));
14103        --megaNavItemBorderTop: var(--megaNavItemBorderTopMobile, var(--megaNavItemBorderTopDesktop));
14104        --megaNavItemBorderRight: var(--megaNavItemBorderRightMobile, var(--megaNavItemBorderRightDesktop));
14105        --megaNavItemBorderBottom: var(--megaNavItemBorderBottomMobile, var(--megaNavItemBorderBottomDesktop));
14106        --megaNavItemBorderLeft: var(--megaNavItemBorderLeftMobile, var(--megaNavItemBorderLeftDesktop));
14107        --megaNavItemBorderRadius: var(--megaNavItemBorderRadiusMobile, var(--megaNavItemBorderRadiusDesktop));
14108        --megaNavItemPaddingTop: var(--megaNavItemPaddingTopMobile, var(--megaNavItemPaddingTopDesktop));
14109        --megaNavItemPaddingBottom: var(--megaNavItemPaddingBottomMobile, var(--megaNavItemPaddingBottomDesktop));
14110        --megaNavItemPaddingLeft: var(--megaNavItemPaddingLeftMobile, var(--megaNavItemPaddingLeftDesktop));
14111        --megaNavItemPaddingRight: var(--megaNavItemPaddingRightMobile, var(--megaNavItemPaddingRightDesktop));
14112        --megaNavItemFont: var(--megaNavItemFontMobile, var(--megaNavItemFontDesktop));
14113        --megaNavItemFontColor: var(--megaNavItemFontColorMobile, var(--megaNavItemFontColorDesktop));
14114        --megaNavItemLineHeight: var(--megaNavItemLineHeightMobile, var(--megaNavItemLineHeightDesktop));
14115        --megaNavItemLetterSpacing: var(--megaNavItemLetterSpacingMobile, var(--megaNavItemLetterSpacingDesktop));
14116        --megaNavItemFontSize: var(--megaNavItemFontSizeMobile, var(--megaNavItemFontSizeDesktop));
14117        --megaNavItemTextDecoration: var(--megaNavItemTextDecorationMobile, var(--megaNavItemTextDecorationDesktop));
14118        --megaNavItemFontWeight: var(--megaNavItemFontWeightMobile, var(--megaNavItemFontWeightDesktop));
14119        --megaNavItemFontStyle: var(--megaNavItemFontStyleMobile, var(--megaNavItemFontStyleDesktop));
14120        --megaNavItemHoverBackgroundColor: var(--megaNavItemHoverBackgroundColorMobile, var(--megaNavItemHoverBackgroundColorDesktop));
14121        --megaNavItemBorderTopHover: var(--megaNavItemBorderTopHoverMobile, var(--megaNavItemBorderTopHoverDesktop));
14122        --megaNavItemBorderRightHover: var(--megaNavItemBorderRightHoverMobile, var(--megaNavItemBorderRightHoverDesktop));
14123        --megaNavItemBorderBottomHover: var(--megaNavItemBorderBottomHoverMobile, var(--megaNavItemBorderBottomHoverDesktop));
14124        --megaNavItemBorderLeftHover: var(--megaNavItemBorderLeftHoverMobile, var(--megaNavItemBorderLeftHoverDesktop));
14125        --megaNavItemBorderRadiusHover: var(--megaNavItemBorderRadiusHoverMobile, var(--megaNavItemBorderRadiusHoverDesktop));
14126        --megaNavItemPaddingTopHover: var(--megaNavItemPaddingTopHoverMobile, var(--megaNavItemPaddingTopHoverDesktop));
14127        --megaNavItemPaddingBottomHover: var(--megaNavItemPaddingBottomHoverMobile, var(--megaNavItemPaddingBottomHoverDesktop));
14128        --megaNavItemPaddingLeftHover: var(--megaNavItemPaddingLeftHoverMobile, var(--megaNavItemPaddingLeftHoverDesktop));
14129        --megaNavItemPaddingRightHover: var(--megaNavItemPaddingRightHoverMobile, var(--megaNavItemPaddingRightHoverDesktop));
14130        --megaNavItemHoverFontColor: var(--megaNavItemHoverFontColorMobile, var(--megaNavItemHoverFontColorDesktop));
14131        --megaNavItemFontSizeHover: var(--megaNavItemFontSizeHoverMobile, var(--megaNavItemFontSizeHoverDesktop));
14132        --megaNavItemTextDecorationHover: var(--megaNavItemTextDecorationHoverMobile, var(--megaNavItemTextDecorationHoverDesktop));
14133        --megaNavItemFontWeightHover: var(--megaNavItemFontWeightHoverMobile, var(--megaNavItemFontWeightHoverDesktop));
14134        --megaNavItemFontStyleHover: var(--megaNavItemFontStyleHoverMobile, var(--megaNavItemFontStyleHoverDesktop));
14135        --megaNavItemActiveBackgroundColor: var(--megaNavItemActiveBackgroundColorMobile, var(--megaNavItemActiveBackgroundColorDesktop));
14136        --megaNavItemActiveFontColor: var(--megaNavItemActiveFontColorMobile, var(--megaNavItemActiveFontColorDesktop));
14137        --megaNavArrowDisplay: var(--megaNavArrowDisplayMobile, var(--megaNavArrowDisplayDesktop));
14138        --megaNavArrowSize: var(--megaNavArrowSizeMobile, var(--megaNavArrowSizeDesktop));
14139        --megaNavArrowColor: var(--megaNavArrowColorMobile, var(--megaNavArrowColorDesktop));
14140        --megaNavArrowRotate: var(--megaNavArrowRotateMobile, var(--megaNavArrowRotateDesktop));
14141        --megaNavArrowSizeHover: var(--megaNavArrowSizeHoverMobile, var(--megaNavArrowSizeMobile, var(--megaNavArrowDesktop)));
14142        --megaNavArrowColorHover: var(--megaNavArrowColorHoverMobile, var(--megaNavArrowColorHoverDesktop));
14143        --megaNavArrowRotateHover: var(--megaNavArrowRotateHoverMobile, var(--megaNavArrowRotateHoverDesktop));
14144        --megaNavArrowSpacing: var(--megaNavArrowSpacingMobile, var(--megaNavArrowSpacingDesktop));
14145        --megaNavSubItemFont: var(--megaNavSubItemFontMobile, var(--megaNavSubItemFontDesktop));
14146        --megaNavSubItemFontColor: var(--megaNavSubItemFontColorMobile, var(--megaNavSubItemFontColorDesktop));
14147        --megaNavSubItemFontSize: var(--megaNavSubItemFontSizeMobile, var(--megaNavSubItemFontSizeDesktop));
14148        --megaNavSubItemFontWeight: var(--megaNavSubItemFontWeightMobile, var(--megaNavSubItemFontWeightDesktop));
14149        --megaNavSubItemFontStyle: var(--megaNavSubItemFontStyleMobile, var(--megaNavSubItemFontStyleDesktop));
14150        --megaNavSubItemLineHeight: var(--megaNavSubItemLineHeightMobile, var(--megaNavSubItemLineHeightDesktop));
14151        --megaNavSubItemLetterSpacing: var(--megaNavSubItemLetterSpacingMobile, var(--megaNavSubItemLetterSpacingDesktop));
14152        --megaNavSubItemTextDecoration: var(--megaNavSubItemTextDecorationMobile, var(--megaNavSubItemTextDecorationDesktop));
14153        --megaNavSubItemHoverFontColor: var(--megaNavSubItemHoverFontColorMobile, var(--megaNavSubItemHoverFontColorDesktop));
14154        --megaNavSubItemHoverFontSize: var(--megaNavSubItemHoverFontSizeMobile, var(--megaNavSubItemHoverFontSizeDesktop));
14155        --megaNavSubItemHoverFontWeight: var(--megaNavSubItemHoverFontWeightMobile, var(--megaNavSubItemHoverFontWeightDesktop));
14156        --megaNavSubItemHoverFontStyle: var(--megaNavSubItemHoverFontStyleMobile, var(--megaNavSubItemHoverFontStyleDesktop));
14157        --megaNavSubItemHoverTextDecoration: var(--megaNavSubItemHoverTextDecorationMobile, var(--megaNavSubItemHoverTextDecorationDesktop));
14158        --megaNavSubItemBackgroundColor: var(--megaNavSubItemBackgroundColorMobile, var(--megaNavSubItemBackgroundColorDesktop));
14159        --megaNavSubItemHoverBackgroundColor: var(--megaNavSubItemHoverBackgroundColorMobile, var(--megaNavSubItemHoverBackgroundColorDesktop));
14160        --megaNavSubItemBorderTop: var(--megaNavSubItemBorderTopMobile, var(--megaNavSubItemBorderTopDesktop));
14161        --megaNavSubItemBorderRight: var(--megaNavSubItemBorderRightMobile, var(--megaNavSubItemBorderRightDesktop));
14162        --megaNavSubItemBorderBottom: var(--megaNavSubItemBorderBottomMobile, var(--megaNavSubItemBorderBottomDesktop));
14163        --megaNavSubItemBorderLeft: var(--megaNavSubItemBorderLeftMobile, var(--megaNavSubItemBorderLeftDesktop));
14164        --megaNavSubItemBorderRadius: var(--megaNavSubItemBorderRadiusMobile, var(--megaNavSubItemBorderRadiusDesktop));
14165        --megaNavSubItemBorderTopHover: var(--megaNavSubItemBorderTopHoverMobile, var(--megaNavSubItemBorderTopHoverDesktop));
14166        --megaNavSubItemBorderRightHover: var(--megaNavSubItemBorderRightHoverMobile, var(--megaNavSubItemBorderRightHoverDesktop));
14167        --megaNavSubItemBorderBottomHover: var(--megaNavSubItemBorderBottomHoverMobile, var(--megaNavSubItemBorderBottomHoverDesktop));
14168        --megaNavSubItemBorderLeftHover: var(--megaNavSubItemBorderLeftHoverMobile, var(--megaNavSubItemBorderLeftHoverDesktop));
14169        --megaNavSubItemBorderRadiusHover: var(--megaNavSubItemBorderRadiusHoverMobile, var(--megaNavSubItemBorderRadiusHoverDesktop));
14170        --megaNavSubItemPaddingTop: var(--megaNavSubItemPaddingTopMobile, var(--megaNavSubItemPaddingTopDesktop));
14171        --megaNavSubItemPaddingRight: var(--megaNavSubItemPaddingRightMobile, var(--megaNavSubItemPaddingRightDesktop));
14172        --megaNavSubItemPaddingBottom: var(--megaNavSubItemPaddingBottomMobile, var(--megaNavSubItemPaddingBottomDesktop));
14173        --megaNavSubItemPaddingLeft: var(--megaNavSubItemPaddingLeftMobile, var(--megaNavSubItemPaddingLeftDesktop));
14174        --megaNavSubItemPaddingTopHover: var(--megaNavSubItemPaddingTopHoverMobile, var(--megaNavSubItemPaddingTopHoverDesktop));
14175        --megaNavSubItemPaddingRightHover: var(--megaNavSubItemPaddingRightHoverMobile, var(--megaNavSubItemPaddingRightHoverDesktop));
14176        --megaNavSubItemPaddingBottomHover: var(--megaNavSubItemPaddingBottomHoverMobile, var(--megaNavSubItemPaddingBottomHoverDesktop));
14177        --megaNavSubItemPaddingLeftHover: var(--megaNavSubItemPaddingLeftHoverMobile, var(--megaNavSubItemPaddingLeftHoverDesktop));
14178        --megaNavSubItemIconDisplay: var(--megaNavSubItemIconDisplayMobile, var(--megaNavSubItemIconDisplayDesktop));
14179        --megaNavSubItemIconColor: var(--megaNavSubItemIconColorMobile, var(--megaNavSubItemIconColorDesktop));
14180        --megaNavSubItemIconColorHover: var(--megaNavSubItemIconColorHoverMobile, var(--megaNavSubItemIconColorHoverDesktop));
14181        --megaNavSubItemIconSize: var(--megaNavSubItemIconSizeMobile, var(--megaNavSubItemIconSizeDesktop));
14182        --megaNavSubItemIconSizeHover: var(--megaNavSubItemIconSizeHoverMobile, var(--megaNavSubItemIconSizeHoverDesktop));
14183        --megaNavSubItemIconRotate: var(--megaNavSubItemIconRotateMobile, var(--megaNavSubItemIconRotateDesktop));
14184        --megaNavSubItemIconRotateHover: var(--megaNavSubItemIconRotateHoverMobile, var(--megaNavSubItemIconRotateHoverDesktop));
14185        --megaNavSubItemIconSpacing: var(--megaNavSubItemIconSpacingMobile, var(--megaNavSubItemIconSpacingDesktop));
14186        --megaNavChildItemFont: var(--megaNavChildItemFontMobile, var(--megaNavChildItemFontDesktop));
14187        --megaNavChildItemFontColor: var(--megaNavChildItemFontColorMobile, var(--megaNavChildItemFontColorDesktop));
14188        --megaNavChildItemFontSize: var(--megaNavChildItemFontSizeMobile, var(--megaNavChildItemFontSizeDesktop));
14189        --megaNavChildItemFontWeight: var(--megaNavChildItemFontWeightMobile, var(--megaNavChildItemFontWeightDesktop));
14190        --megaNavChildItemFontStyle: var(--megaNavChildItemFontStyleMobile, var(--megaNavChildItemFontStyleDesktop));
14191        --megaNavChildItemLineHeight: var(--megaNavChildItemLineHeightMobile, var(--megaNavChildItemLineHeightDesktop));
14192        --megaNavChildItemLetterSpacing: var(--megaNavChildItemLetterSpacingMobile, var(--megaNavChildItemLetterSpacingDesktop));
14193        --megaNavChildItemTextDecoration: var(--megaNavChildItemTextDecorationMobile, var(--megaNavChildItemTextDecorationDesktop));
14194        --megaNavChildItemHoverFontColor: var(--megaNavChildItemHoverFontColorMobile, var(--megaNavChildItemHoverFontColorDesktop));
14195        --megaNavChildItemHoverFontSize: var(--megaNavChildItemHoverFontSizeMobile, var(--megaNavChildItemHoverFontSizeDesktop));
14196        --megaNavChildItemHoverFontWeight: var(--megaNavChildItemHoverFontWeightMobile, var(--megaNavChildItemHoverFontWeightDesktop));
14197        --megaNavChildItemHoverFontStyle: var(--megaNavChildItemHoverFontStyleMobile, var(--megaNavChildItemHoverFontStyleDesktop));
14198        --megaNavChildItemHoverTextDecoration: var(--megaNavChildItemHoverTextDecorationMobile, var(--megaNavChildItemHoverTextDecorationDesktop));
14199        --megaNavChildItemBackgroundColor: var(--megaNavChildItemBackgroundColorMobile, var(--megaNavChildItemBackgroundColorDesktop));
14200        --megaNavChildItemHoverBackgroundColor: var(--megaNavChildItemHoverBackgroundColorMobile, var(--megaNavChildItemHoverBackgroundColorDesktop));
14201        --megaNavChildItemBorderTop: var(--megaNavChildItemBorderTopMobile, var(--megaNavChildItemBorderTopDesktop));
14202        --megaNavChildItemBorderRight: var(--megaNavChildItemBorderRightMobile, var(--megaNavChildItemBorderRightDesktop));
14203        --megaNavChildItemBorderBottom: var(--megaNavChildItemBorderBottomMobile, var(--megaNavChildItemBorderBottomDesktop));
14204        --megaNavChildItemBorderLeft: var(--megaNavChildItemBorderLeftMobile, var(--megaNavChildItemBorderLeftDesktop));
14205        --megaNavChildItemBorderRadius: var(--megaNavChildItemBorderRadiusMobile, var(--megaNavChildItemBorderRadiusDesktop));
14206        --megaNavChildItemBorderTopHover: var(--megaNavChildItemBorderTopHoverMobile, var(--megaNavChildItemBorderTopHoverDesktop));
14207        --megaNavChildItemBorderRightHover: var(--megaNavChildItemBorderRightHoverMobile, var(--megaNavChildItemBorderRightHoverDesktop));
14208        --megaNavChildItemBorderBottomHover: var(--megaNavChildItemBorderBottomHoverMobile, var(--megaNavChildItemBorderBottomHoverDesktop));
14209        --megaNavChildItemBorderLeftHover: var(--megaNavChildItemBorderLeftHoverMobile, var(--megaNavChildItemBorderLeftHoverDesktop));
14210        --megaNavChildItemBorderRadiusHover: var(--megaNavChildItemBorderRadiusHoverMobile, var(--megaNavChildItemBorderRadiusHoverDesktop));
14211        --megaNavChildItemPaddingTop: var(--megaNavChildItemPaddingTopMobile, var(--megaNavChildItemPaddingTopDesktop));
14212        --megaNavChildItemPaddingRight: var(--megaNavChildItemPaddingRightMobile, var(--megaNavChildItemPaddingRightDesktop));
14213        --megaNavChildItemPaddingBottom: var(--megaNavChildItemPaddingBottomMobile, var(--megaNavChildItemPaddingBottomDesktop));
14214        --megaNavChildItemPaddingLeft: var(--megaNavChildItemPaddingLeftMobile, var(--megaNavChildItemPaddingLeftDesktop));
14215        --megaNavChildItemPaddingTopHover: var(--megaNavChildItemPaddingTopHoverMobile, var(--megaNavChildItemPaddingTopHoverDesktop));
14216        --megaNavChildItemPaddingRightHover: var(--megaNavChildItemPaddingRightHoverMobile, var(--megaNavChildItemPaddingRightHoverDesktop));
14217        --megaNavChildItemPaddingBottomHover: var(--megaNavChildItemPaddingBottomHoverMobile, var(--megaNavChildItemPaddingBottomHoverDesktop));
14218        --megaNavChildItemPaddingLeftHover: var(--megaNavChildItemPaddingLeftHoverMobile, var(--megaNavChildItemPaddingLeftHoverDesktop));
14219        --megaNavChildItemIconDisplay: var(--megaNavChildItemIconDisplayMobile, var(--megaNavChildItemIconDisplayDesktop));
14220        --megaNavChildItemIconColor: var(--megaNavChildItemIconColorMobile, var(--megaNavChildItemIconColorDesktop));
14221        --megaNavChildItemIconColorHover: var(--megaNavChildItemIconColorHoverMobile, var(--megaNavChildItemIconColorHoverDesktop));
14222        --megaNavChildItemIconSize: var(--megaNavChildItemIconSizeMobile, var(--megaNavChildItemIconSizeDesktop));
14223        --megaNavChildItemIconSizeHover: var(--megaNavChildItemIconSizeHoverMobile, var(--megaNavChildItemIconSizeHoverDesktop));
14224        --megaNavChildItemIconRotate: var(--megaNavChildItemIconRotateMobile, var(--megaNavChildItemIconRotateDesktop));
14225        --megaNavChildItemIconRotateHover: var(--megaNavChildItemIconRotateHoverMobile, var(--megaNavChildItemIconRotateHoverDesktop));
14226        --megaNavChildItemIconSpacing: var(--megaNavChildItemIconSpacingMobile, var(--megaNavChildItemIconSpacingDesktop));
14227    }
14228}
14229
14230@media all and (width >= 1040px) {
14231    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container ul.navigation-nav--main-menu {
14232        column-gap: calc(var(--megaNavSeparatorSpacing) / 2);
14233
14234        & > .navigation-nav--separator {
14235            display: var(--megaNavSeparatorDisplay);
14236            width: var(--megaNavSeparatorWidth);
14237            background-color: var(--megaNavSeparatorColor);
14238        }
14239    }
14240
14241    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]) {
14242        display: grid;
14243        grid-template-columns: 1fr calc(var(--megaNavArrowSpacing, 8px) + var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
14244        align-items: center;
14245        position: relative;
14246        padding-right: calc(var(--navItemPaddingRight) / 2);
14247    }
14248
14249    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]):hover,
14250    .wmcA_hoverState.wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]),
14251    .wmcA_hoverState .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]) {
14252        padding-right: calc(var(--navItemPaddingRightHover) / 2);
14253    }
14254
14255    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]) > a {
14256        padding-right: 0;
14257        width: 100%;
14258    }
14259
14260    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item > button.arrow[popovertarget] {
14261        display: var(--megaNavArrowDisplay, flex);
14262        align-items: center;
14263        justify-content: center;
14264        width: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
14265        height: 100%;
14266        margin-left: var(--megaNavArrowSpacing, 8px);
14267        background: transparent;
14268        border: 0;
14269        padding: 0;
14270        cursor: pointer;
14271        pointer-events: auto;
14272        --horizontalNavArrowColorActive: var(--megaNavArrowColorHover, var(--megaNavArrowColor, currentColor));
14273        --horizontalNavArrowRotateActive: var(--megaNavArrowRotateHover, var(--megaNavArrowRotate, none));
14274    }
14275
14276    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item > button.arrow[popovertarget]::after {
14277        content: '';
14278        display: block;
14279        width: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
14280        height: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
14281        -webkit-mask-image: var(--wmd_caretIconUrl);
14282        mask-image: var(--wmd_caretIconUrl);
14283        -webkit-mask-size: contain;
14284        mask-size: contain;
14285        -webkit-mask-repeat: no-repeat;
14286        mask-repeat: no-repeat;
14287        -webkit-mask-position: center;
14288        mask-position: center;
14289        background-color: var(--megaNavArrowColor, currentColor);
14290        transform: var(--megaNavArrowRotate, none);
14291        transition: transform 0.2s ease, background-color 0.2s ease;
14292    }
14293
14294    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:hover > button.arrow[popovertarget]::after,
14295    .wmcA_hoverState.wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item > button.arrow[popovertarget]::after,
14296    .wmcA_hoverState .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item > button.arrow[popovertarget]::after {
14297        width: var(--megaNavArrowSizeHover, var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
14298        height: var(--megaNavArrowSizeHover, var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
14299        background-color: var(--megaNavArrowColorHover, var(--megaNavArrowColor, currentColor));
14300        transform: var(--megaNavArrowRotateHover, var(--megaNavArrowRotate, none));
14301    }
14302}
14303
14304@media all and (width < 1040px) {
14305    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container ul.navigation-nav--main-menu {
14306        column-gap: calc(var(--megaNavSeparatorSpacing) / 2);
14307
14308        & > .navigation-nav--separator {
14309            display: var(--megaNavSeparatorDisplay);
14310            width: var(--megaNavSeparatorWidth);
14311            background-color: var(--megaNavSeparatorColor);
14312        }
14313    }
14314
14315    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]) {
14316        display: grid;
14317        grid-template-columns: 1fr calc(var(--megaNavArrowSpacing, 8px) + var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
14318        align-items: center;
14319        position: relative;
14320        padding-right: calc(var(--navItemPaddingRight) / 2);
14321    }
14322
14323    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]):hover,
14324    .wmcA_hoverState.wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]),
14325    .wmcA_hoverState .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]) {
14326        padding-right: calc(var(--navItemPaddingRightHover) / 2);
14327    }
14328
14329    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]) > a {
14330        padding-right: 0;
14331        width: 100%;
14332    }
14333
14334    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item > button.arrow[popovertarget] {
14335        display: var(--megaNavArrowDisplay, flex);
14336        align-items: center;
14337        justify-content: center;
14338        width: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
14339        height: 100%;
14340        margin-left: var(--megaNavArrowSpacing, 8px);
14341        background: transparent;
14342        border: 0;
14343        padding: 0;
14344        cursor: pointer;
14345        pointer-events: auto;
14346        --horizontalNavArrowColorActive: var(--megaNavArrowColorHover, var(--megaNavArrowColor, currentColor));
14347        --horizontalNavArrowRotateActive: var(--megaNavArrowRotateHover, var(--megaNavArrowRotate, none));
14348    }
14349
14350    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item > button.arrow[popovertarget]::after {
14351        content: '';
14352        display: block;
14353        width: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
14354        height: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
14355        -webkit-mask-image: var(--wmd_caretIconUrl);
14356        mask-image: var(--wmd_caretIconUrl);
14357        -webkit-mask-size: contain;
14358        mask-size: contain;
14359        -webkit-mask-repeat: no-repeat;
14360        mask-repeat: no-repeat;
14361        -webkit-mask-position: center;
14362        mask-position: center;
14363        background-color: var(--megaNavArrowColor, currentColor);
14364        transform: var(--megaNavArrowRotate, none);
14365        transition: transform 0.2s ease, background-color 0.2s ease;
14366    }
14367
14368    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:hover > button.arrow[popovertarget]::after,
14369    .wmcA_hoverState.wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item > button.arrow[popovertarget]::after,
14370    .wmcA_hoverState .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item > button.arrow[popovertarget]::after {
14371        width: var(--megaNavArrowSizeHover, var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
14372        height: var(--megaNavArrowSizeHover, var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
14373        background-color: var(--megaNavArrowColorHover, var(--megaNavArrowColor, currentColor));
14374        transform: var(--megaNavArrowRotateHover, var(--megaNavArrowRotate, none));
14375    }
14376}
14377
14378@media all and (width < 650px) {
14379    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container ul.navigation-nav--main-menu {
14380        column-gap: calc(var(--megaNavSeparatorSpacing) / 2);
14381
14382        & > .navigation-nav--separator {
14383            display: var(--megaNavSeparatorDisplay);
14384            width: var(--megaNavSeparatorWidth);
14385            background-color: var(--megaNavSeparatorColor);
14386        }
14387    }
14388
14389    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]) {
14390        display: grid;
14391        grid-template-columns: 1fr calc(var(--megaNavArrowSpacing, 8px) + var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
14392        align-items: center;
14393        position: relative;
14394        padding-right: calc(var(--navItemPaddingRight) / 2);
14395    }
14396
14397    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]):hover,
14398    .wmcA_hoverState.wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]),
14399    .wmcA_hoverState .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]) {
14400        padding-right: calc(var(--navItemPaddingRightHover) / 2);
14401    }
14402
14403    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]) > a {
14404        padding-right: 0;
14405        width: 100%;
14406    }
14407
14408    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item > button.arrow[popovertarget] {
14409        display: var(--megaNavArrowDisplay, flex);
14410        align-items: center;
14411        justify-content: center;
14412        width: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
14413        height: 100%;
14414        margin-left: var(--megaNavArrowSpacing, 8px);
14415        background: transparent;
14416        border: 0;
14417        padding: 0;
14418        cursor: pointer;
14419        pointer-events: auto;
14420        --horizontalNavArrowColorActive: var(--megaNavArrowColorHover, var(--megaNavArrowColor, currentColor));
14421        --horizontalNavArrowRotateActive: var(--megaNavArrowRotateHover, var(--megaNavArrowRotate, none));
14422    }
14423
14424    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item > button.arrow[popovertarget]::after {
14425        content: '';
14426        display: block;
14427        width: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
14428        height: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
14429        -webkit-mask-image: var(--wmd_caretIconUrl);
14430        mask-image: var(--wmd_caretIconUrl);
14431        -webkit-mask-size: contain;
14432        mask-size: contain;
14433        -webkit-mask-repeat: no-repeat;
14434        mask-repeat: no-repeat;
14435        -webkit-mask-position: center;
14436        mask-position: center;
14437        background-color: var(--megaNavArrowColor, currentColor);
14438        transform: var(--megaNavArrowRotate, none);
14439        transition: transform 0.2s ease, background-color 0.2s ease;
14440    }
14441
14442    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:hover > button.arrow[popovertarget]::after,
14443    .wmcA_hoverState.wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item > button.arrow[popovertarget]::after,
14444    .wmcA_hoverState .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item > button.arrow[popovertarget]::after {
14445        width: var(--megaNavArrowSizeHover, var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
14446        height: var(--megaNavArrowSizeHover, var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
14447        background-color: var(--megaNavArrowColorHover, var(--megaNavArrowColor, currentColor));
14448        transform: var(--megaNavArrowRotateHover, var(--megaNavArrowRotate, none));
14449    }
14450}
14451
14452.wmc_menu .navigation-module-container .navigation-nav--item > a > i {
14453    display: var(--navItemIconDisplay, none);
14454    width: var(--navItemIconSize, 16px);
14455    height: var(--navItemIconSize, 16px);
14456    margin-right: var(--navItemIconSpacing, 8px);
14457    background-color: var(--navItemIconColor, currentColor);
14458    transform: var(--navItemIconRotate, none);
14459    -webkit-mask-size: contain;
14460    mask-size: contain;
14461    -webkit-mask-repeat: no-repeat;
14462    mask-repeat: no-repeat;
14463    -webkit-mask-position: center;
14464    mask-position: center;
14465    flex-shrink: 0;
14466    transition: background-color 0.2s ease, transform 0.2s ease;
14467}
14468
14469.wmc_menu .navigation-module-container .navigation-nav--item > a:hover > i,
14470.wmcA_hoverState.wmc_menu .navigation-module-container .navigation-nav--item > a > i,
14471.wmcA_hoverState .wmc_menu .navigation-module-container .navigation-nav--item > a > i {
14472    width: var(--navItemIconSizeHover, var(--navItemIconSize, 16px));
14473    height: var(--navItemIconSizeHover, var(--navItemIconSize, 16px));
14474    background-color: var(--navItemIconColorHover, var(--navItemIconColor, currentColor));
14475    transform: var(--navItemIconRotateHover, var(--navItemIconRotate, none));
14476}
14477
14478.wmc_menu .navigation-module-container .navigation-nav--item.open > a > i,
14479.wmc_menu .navigation-module-container .navigation-nav--item.wmcA_activeState > a > i,
14480.wmcA_activeState.wmc_menu .navigation-module-container .navigation-nav--item > a > i,
14481.wmcA_activeState .wmc_menu .navigation-module-container .navigation-nav--item > a > i {
14482    width: var(--navItemIconSizeActive, var(--navItemIconSize, 16px));
14483    height: var(--navItemIconSizeActive, var(--navItemIconSize, 16px));
14484    background-color: var(--navItemIconColorActive, var(--navItemIconColor, currentColor));
14485    transform: var(--navItemIconRotateActive, var(--navItemIconRotate, none));
14486}
14487
14488.wmc_menu .navigation-module-container .navigation-nav--sub-item > a > i {
14489    display: var(--navSubItemIconDisplay, none);
14490    width: var(--navSubItemIconSize, 16px);
14491    height: var(--navSubItemIconSize, 16px);
14492    margin-right: var(--navSubItemIconSpacing, 8px);
14493    background-color: var(--navSubItemIconColor, currentColor);
14494    transform: var(--navSubItemIconRotate, none);
14495    -webkit-mask-size: contain;
14496    mask-size: contain;
14497    -webkit-mask-repeat: no-repeat;
14498    mask-repeat: no-repeat;
14499    -webkit-mask-position: center;
14500    mask-position: center;
14501    flex-shrink: 0;
14502    transition: background-color 0.2s ease, transform 0.2s ease;
14503}
14504
14505.wmc_menu .navigation-module-container .navigation-nav--sub-item > a:hover > i,
14506.wmcA_hoverState.wmc_menu .navigation-module-container .navigation-nav--sub-item > a > i,
14507.wmcA_hoverState .wmc_menu .navigation-module-container .navigation-nav--sub-item > a > i {
14508    width: var(--navSubItemIconSizeHover, var(--navSubItemIconSize, 16px));
14509    height: var(--navSubItemIconSizeHover, var(--navSubItemIconSize, 16px));
14510    background-color: var(--navSubItemIconColorHover, var(--navSubItemIconColor, currentColor));
14511    transform: var(--navSubItemIconRotateHover, var(--navSubItemIconRotate, none));
14512}
14513
14514.wmc_menu .navigation-module-container .navigation-nav--sub-item.open > a > i,
14515.wmc_menu .navigation-module-container .navigation-nav--sub-item.wmcA_activeState > a > i,
14516.wmcA_activeState.wmc_menu .navigation-module-container .navigation-nav--sub-item > a > i,
14517.wmcA_activeState .wmc_menu .navigation-module-container .navigation-nav--sub-item > a > i {
14518    width: var(--navSubItemIconSizeActive, var(--navSubItemIconSize, 16px));
14519    height: var(--navSubItemIconSizeActive, var(--navSubItemIconSize, 16px));
14520    background-color: var(--navSubItemIconColorActive, var(--navSubItemIconColor, currentColor));
14521    transform: var(--navSubItemIconRotateActive, var(--navSubItemIconRotate, none));
14522}
14523
14524/* Map the active type's icon vars -> neutral names, one device at a time.
14525   Base var names (no *Desktop/*Tablet/*Mobile suffix) are already resolved
14526   to the correct per-viewport value by the apply chain above, so each
14527   media query only needs to pick the type that is active at that width. */
14528@media all and (width >= 1040px) {
14529    .wmc_menu.wmcM_menuHorizontalDesktop {
14530        /* horizontal main item */
14531        --navItemBackgroundColor: var(--horizontalNavItemBackgroundColor);
14532        --navItemBorderTop: var(--horizontalNavItemBorderTop);
14533        --navItemBorderRight: var(--horizontalNavItemBorderRight);
14534        --navItemBorderBottom: var(--horizontalNavItemBorderBottom);
14535        --navItemBorderLeft: var(--horizontalNavItemBorderLeft);
14536        --navItemBorderRadius: var(--horizontalNavItemBorderRadius);
14537        --navItemPaddingTop: var(--horizontalNavItemPaddingTop);
14538        --navItemPaddingBottom: var(--horizontalNavItemPaddingBottom);
14539        --navItemPaddingLeft: var(--horizontalNavItemPaddingLeft);
14540        --navItemPaddingRight: var(--horizontalNavItemPaddingRight);
14541        --navItemFont: var(--horizontalNavItemFont);
14542        --navItemFontColor: var(--horizontalNavItemFontColor);
14543        --navItemLineHeight: var(--horizontalNavItemLineHeight);
14544        --navItemLetterSpacing: var(--horizontalNavItemLetterSpacing);
14545        --navItemFontSize: var(--horizontalNavItemFontSize);
14546        --navItemTextDecoration: var(--horizontalNavItemTextDecoration);
14547        --navItemFontWeight: var(--horizontalNavItemFontWeight);
14548        --navItemFontStyle: var(--horizontalNavItemFontStyle);
14549        --navItemHoverBackgroundColor: var(--horizontalNavItemHoverBackgroundColor);
14550        --navItemBorderTopHover: var(--horizontalNavItemBorderTopHover);
14551        --navItemBorderRightHover: var(--horizontalNavItemBorderRightHover);
14552        --navItemBorderBottomHover: var(--horizontalNavItemBorderBottomHover);
14553        --navItemBorderLeftHover: var(--horizontalNavItemBorderLeftHover);
14554        --navItemBorderRadiusHover: var(--horizontalNavItemBorderRadiusHover);
14555        --navItemPaddingTopHover: var(--horizontalNavItemPaddingTopHover);
14556        --navItemPaddingBottomHover: var(--horizontalNavItemPaddingBottomHover);
14557        --navItemPaddingLeftHover: var(--horizontalNavItemPaddingLeftHover);
14558        --navItemPaddingRightHover: var(--horizontalNavItemPaddingRightHover);
14559        --navItemHoverFontColor: var(--horizontalNavItemHoverFontColor);
14560        --navItemFontSizeHover: var(--horizontalNavItemFontSizeHover);
14561        --navItemTextDecorationHover: var(--horizontalNavItemTextDecorationHover);
14562        --navItemFontWeightHover: var(--horizontalNavItemFontWeightHover);
14563        --navItemFontStyleHover: var(--horizontalNavItemFontStyleHover);
14564        --navItemActiveBackgroundColor: var(--horizontalNavItemActiveBackgroundColor);
14565        --navItemActiveFontColor: var(--horizontalNavItemActiveFontColor);
14566        --navItemIconDisplay: var(--horizontalNavItemIconDisplay);
14567        --navItemIconSize: var(--horizontalNavItemIconSize);
14568        --navItemIconSizeHover: var(--horizontalNavItemIconSizeHover);
14569        --navItemIconSizeActive: var(--horizontalNavItemIconSizeActive);
14570        --navItemIconColor: var(--horizontalNavItemIconColor);
14571        --navItemIconColorHover: var(--horizontalNavItemIconColorHover);
14572        --navItemIconColorActive: var(--horizontalNavItemIconColorActive);
14573        --navItemIconSpacing: var(--horizontalNavItemIconSpacing);
14574        --navItemIconRotate: var(--horizontalNavItemIconRotate);
14575        --navItemIconRotateHover: var(--horizontalNavItemIconRotateHover);
14576        --navItemIconRotateActive: var(--horizontalNavItemIconRotateActive);
14577        --navSubItemIconDisplay: var(--horizontalNavSubItemIconDisplay);
14578        --navSubItemIconSize: var(--horizontalNavSubItemIconSize);
14579        --navSubItemIconSizeHover: var(--horizontalNavSubItemIconSizeHover);
14580        --navSubItemIconSizeActive: var(--horizontalNavSubItemIconSizeActive);
14581        --navSubItemIconColor: var(--horizontalNavSubItemIconColor);
14582        --navSubItemIconColorHover: var(--horizontalNavSubItemIconColorHover);
14583        --navSubItemIconColorActive: var(--horizontalNavSubItemIconColorActive);
14584        --navSubItemIconSpacing: var(--horizontalNavSubItemIconSpacing);
14585        --navSubItemIconRotate: var(--horizontalNavSubItemIconRotate);
14586        --navSubItemIconRotateHover: var(--horizontalNavSubItemIconRotateHover);
14587        --navSubItemIconRotateActive: var(--horizontalNavSubItemIconRotateActive);
14588    }
14589    .wmc_menu.wmcM_menuMegaDesktop {
14590        /* mega main item */
14591        --navItemBackgroundColor: var(--megaNavItemBackgroundColor);
14592        --navItemBorderTop: var(--megaNavItemBorderTop);
14593        --navItemBorderRight: var(--megaNavItemBorderRight);
14594        --navItemBorderBottom: var(--megaNavItemBorderBottom);
14595        --navItemBorderLeft: var(--megaNavItemBorderLeft);
14596        --navItemBorderRadius: var(--megaNavItemBorderRadius);
14597        --navItemPaddingTop: var(--megaNavItemPaddingTop);
14598        --navItemPaddingBottom: var(--megaNavItemPaddingBottom);
14599        --navItemPaddingLeft: var(--megaNavItemPaddingLeft);
14600        --navItemPaddingRight: var(--megaNavItemPaddingRight);
14601        --navItemFont: var(--megaNavItemFont);
14602        --navItemFontColor: var(--megaNavItemFontColor);
14603        --navItemLineHeight: var(--megaNavItemLineHeight);
14604        --navItemLetterSpacing: var(--megaNavItemLetterSpacing);
14605        --navItemFontSize: var(--megaNavItemFontSize);
14606        --navItemTextDecoration: var(--megaNavItemTextDecoration);
14607        --navItemFontWeight: var(--megaNavItemFontWeight);
14608        --navItemFontStyle: var(--megaNavItemFontStyle);
14609        --navItemHoverBackgroundColor: var(--megaNavItemHoverBackgroundColor);
14610        --navItemBorderTopHover: var(--megaNavItemBorderTopHover);
14611        --navItemBorderRightHover: var(--megaNavItemBorderRightHover);
14612        --navItemBorderBottomHover: var(--megaNavItemBorderBottomHover);
14613        --navItemBorderLeftHover: var(--megaNavItemBorderLeftHover);
14614        --navItemBorderRadiusHover: var(--megaNavItemBorderRadiusHover);
14615        --navItemPaddingTopHover: var(--megaNavItemPaddingTopHover);
14616        --navItemPaddingBottomHover: var(--megaNavItemPaddingBottomHover);
14617        --navItemPaddingLeftHover: var(--megaNavItemPaddingLeftHover);
14618        --navItemPaddingRightHover: var(--megaNavItemPaddingRightHover);
14619        --navItemHoverFontColor: var(--megaNavItemHoverFontColor);
14620        --navItemFontSizeHover: var(--megaNavItemFontSizeHover);
14621        --navItemTextDecorationHover: var(--megaNavItemTextDecorationHover);
14622        --navItemFontWeightHover: var(--megaNavItemFontWeightHover);
14623        --navItemFontStyleHover: var(--megaNavItemFontStyleHover);
14624        --navItemActiveBackgroundColor: var(--megaNavItemActiveBackgroundColor);
14625        --navItemActiveFontColor: var(--megaNavItemActiveFontColor);
14626        --navItemIconDisplay: var(--megaNavItemIconDisplay);
14627        --navItemIconSize: var(--megaNavItemIconSize);
14628        --navItemIconSizeHover: var(--megaNavItemIconSizeHover);
14629        --navItemIconColor: var(--megaNavItemIconColor);
14630        --navItemIconColorHover: var(--megaNavItemIconColorHover);
14631        --navItemIconSpacing: var(--megaNavItemIconSpacing);
14632        --navItemIconRotate: var(--megaNavItemIconRotate);
14633        --navItemIconRotateHover: var(--megaNavItemIconRotateHover);
14634    }
14635    .wmc_menu.wmcM_menuHamburgerDesktop {
14636        --navItemIconDisplay: var(--hamburgerNavItemIconDisplay);
14637        --navItemIconSize: var(--hamburgerNavItemIconSize);
14638        --navItemIconSizeHover: var(--hamburgerNavItemIconSizeHover);
14639        --navItemIconColor: var(--hamburgerNavItemIconColor);
14640        --navItemIconColorHover: var(--hamburgerNavItemIconColorHover);
14641        --navItemIconSpacing: var(--hamburgerNavItemIconSpacing);
14642        --navItemIconRotate: var(--hamburgerNavItemIconRotate);
14643        --navItemIconRotateHover: var(--hamburgerNavItemIconRotateHover);
14644        --navSubItemIconDisplay: var(--hamburgerNavSubItemIconDisplay);
14645        --navSubItemIconSize: var(--hamburgerNavSubItemIconSize);
14646        --navSubItemIconSizeHover: var(--hamburgerNavSubItemIconSizeHover);
14647        --navSubItemIconColor: var(--hamburgerNavSubItemIconColor);
14648        --navSubItemIconColorHover: var(--hamburgerNavSubItemIconColorHover);
14649        --navSubItemIconSpacing: var(--hamburgerNavSubItemIconSpacing);
14650        --navSubItemIconRotate: var(--hamburgerNavSubItemIconRotate);
14651        --navSubItemIconRotateHover: var(--hamburgerNavSubItemIconRotateHover);
14652    }
14653    .wmc_menu.wmcM_menuVerticalDesktop {
14654        --navItemIconDisplay: var(--verticalNavItemIconDisplay);
14655        --navItemIconSize: var(--verticalNavItemIconSize);
14656        --navItemIconSizeHover: var(--verticalNavItemIconSizeHover);
14657        --navItemIconColor: var(--verticalNavItemIconColor);
14658        --navItemIconColorHover: var(--verticalNavItemIconColorHover);
14659        --navItemIconSpacing: var(--verticalNavItemIconSpacing);
14660        --navItemIconRotate: var(--verticalNavItemIconRotate);
14661        --navItemIconRotateHover: var(--verticalNavItemIconRotateHover);
14662        --navSubItemIconDisplay: var(--verticalNavSubItemIconDisplay);
14663        --navSubItemIconSize: var(--verticalNavSubItemIconSize);
14664        --navSubItemIconSizeHover: var(--verticalNavSubItemIconSizeHover);
14665        --navSubItemIconColor: var(--verticalNavSubItemIconColor);
14666        --navSubItemIconColorHover: var(--verticalNavSubItemIconColorHover);
14667        --navSubItemIconSpacing: var(--verticalNavSubItemIconSpacing);
14668        --navSubItemIconRotate: var(--verticalNavSubItemIconRotate);
14669        --navSubItemIconRotateHover: var(--verticalNavSubItemIconRotateHover);
14670    }
14671}
14672
14673@media all and (min-width: 650px) and (width < 1040px) {
14674    .wmc_menu.wmcM_menuHorizontalTablet {
14675        /* horizontal main item */
14676        --navItemBackgroundColor: var(--horizontalNavItemBackgroundColor);
14677        --navItemBorderTop: var(--horizontalNavItemBorderTop);
14678        --navItemBorderRight: var(--horizontalNavItemBorderRight);
14679        --navItemBorderBottom: var(--horizontalNavItemBorderBottom);
14680        --navItemBorderLeft: var(--horizontalNavItemBorderLeft);
14681        --navItemBorderRadius: var(--horizontalNavItemBorderRadius);
14682        --navItemPaddingTop: var(--horizontalNavItemPaddingTop);
14683        --navItemPaddingBottom: var(--horizontalNavItemPaddingBottom);
14684        --navItemPaddingLeft: var(--horizontalNavItemPaddingLeft);
14685        --navItemPaddingRight: var(--horizontalNavItemPaddingRight);
14686        --navItemFont: var(--horizontalNavItemFont);
14687        --navItemFontColor: var(--horizontalNavItemFontColor);
14688        --navItemLineHeight: var(--horizontalNavItemLineHeight);
14689        --navItemLetterSpacing: var(--horizontalNavItemLetterSpacing);
14690        --navItemFontSize: var(--horizontalNavItemFontSize);
14691        --navItemTextDecoration: var(--horizontalNavItemTextDecoration);
14692        --navItemFontWeight: var(--horizontalNavItemFontWeight);
14693        --navItemFontStyle: var(--horizontalNavItemFontStyle);
14694        --navItemHoverBackgroundColor: var(--horizontalNavItemHoverBackgroundColor);
14695        --navItemBorderTopHover: var(--horizontalNavItemBorderTopHover);
14696        --navItemBorderRightHover: var(--horizontalNavItemBorderRightHover);
14697        --navItemBorderBottomHover: var(--horizontalNavItemBorderBottomHover);
14698        --navItemBorderLeftHover: var(--horizontalNavItemBorderLeftHover);
14699        --navItemBorderRadiusHover: var(--horizontalNavItemBorderRadiusHover);
14700        --navItemPaddingTopHover: var(--horizontalNavItemPaddingTopHover);
14701        --navItemPaddingBottomHover: var(--horizontalNavItemPaddingBottomHover);
14702        --navItemPaddingLeftHover: var(--horizontalNavItemPaddingLeftHover);
14703        --navItemPaddingRightHover: var(--horizontalNavItemPaddingRightHover);
14704        --navItemHoverFontColor: var(--horizontalNavItemHoverFontColor);
14705        --navItemFontSizeHover: var(--horizontalNavItemFontSizeHover);
14706        --navItemTextDecorationHover: var(--horizontalNavItemTextDecorationHover);
14707        --navItemFontWeightHover: var(--horizontalNavItemFontWeightHover);
14708        --navItemFontStyleHover: var(--horizontalNavItemFontStyleHover);
14709        --navItemActiveBackgroundColor: var(--horizontalNavItemActiveBackgroundColor);
14710        --navItemActiveFontColor: var(--horizontalNavItemActiveFontColor);
14711        --navItemIconDisplay: var(--horizontalNavItemIconDisplay);
14712        --navItemIconSize: var(--horizontalNavItemIconSize);
14713        --navItemIconSizeHover: var(--horizontalNavItemIconSizeHover);
14714        --navItemIconSizeActive: var(--horizontalNavItemIconSizeActive);
14715        --navItemIconColor: var(--horizontalNavItemIconColor);
14716        --navItemIconColorHover: var(--horizontalNavItemIconColorHover);
14717        --navItemIconColorActive: var(--horizontalNavItemIconColorActive);
14718        --navItemIconSpacing: var(--horizontalNavItemIconSpacing);
14719        --navItemIconRotate: var(--horizontalNavItemIconRotate);
14720        --navItemIconRotateHover: var(--horizontalNavItemIconRotateHover);
14721        --navItemIconRotateActive: var(--horizontalNavItemIconRotateActive);
14722        --navSubItemIconDisplay: var(--horizontalNavSubItemIconDisplay);
14723        --navSubItemIconSize: var(--horizontalNavSubItemIconSize);
14724        --navSubItemIconSizeHover: var(--horizontalNavSubItemIconSizeHover);
14725        --navSubItemIconSizeActive: var(--horizontalNavSubItemIconSizeActive);
14726        --navSubItemIconColor: var(--horizontalNavSubItemIconColor);
14727        --navSubItemIconColorHover: var(--horizontalNavSubItemIconColorHover);
14728        --navSubItemIconColorActive: var(--horizontalNavSubItemIconColorActive);
14729        --navSubItemIconSpacing: var(--horizontalNavSubItemIconSpacing);
14730        --navSubItemIconRotate: var(--horizontalNavSubItemIconRotate);
14731        --navSubItemIconRotateHover: var(--horizontalNavSubItemIconRotateHover);
14732        --navSubItemIconRotateActive: var(--horizontalNavSubItemIconRotateActive);
14733    }
14734    .wmc_menu.wmcM_menuMegaTablet {
14735        /* mega main item */
14736        --navItemBackgroundColor: var(--megaNavItemBackgroundColor);
14737        --navItemBorderTop: var(--megaNavItemBorderTop);
14738        --navItemBorderRight: var(--megaNavItemBorderRight);
14739        --navItemBorderBottom: var(--megaNavItemBorderBottom);
14740        --navItemBorderLeft: var(--megaNavItemBorderLeft);
14741        --navItemBorderRadius: var(--megaNavItemBorderRadius);
14742        --navItemPaddingTop: var(--megaNavItemPaddingTop);
14743        --navItemPaddingBottom: var(--megaNavItemPaddingBottom);
14744        --navItemPaddingLeft: var(--megaNavItemPaddingLeft);
14745        --navItemPaddingRight: var(--megaNavItemPaddingRight);
14746        --navItemFont: var(--megaNavItemFont);
14747        --navItemFontColor: var(--megaNavItemFontColor);
14748        --navItemLineHeight: var(--megaNavItemLineHeight);
14749        --navItemLetterSpacing: var(--megaNavItemLetterSpacing);
14750        --navItemFontSize: var(--megaNavItemFontSize);
14751        --navItemTextDecoration: var(--megaNavItemTextDecoration);
14752        --navItemFontWeight: var(--megaNavItemFontWeight);
14753        --navItemFontStyle: var(--megaNavItemFontStyle);
14754        --navItemHoverBackgroundColor: var(--megaNavItemHoverBackgroundColor);
14755        --navItemBorderTopHover: var(--megaNavItemBorderTopHover);
14756        --navItemBorderRightHover: var(--megaNavItemBorderRightHover);
14757        --navItemBorderBottomHover: var(--megaNavItemBorderBottomHover);
14758        --navItemBorderLeftHover: var(--megaNavItemBorderLeftHover);
14759        --navItemBorderRadiusHover: var(--megaNavItemBorderRadiusHover);
14760        --navItemPaddingTopHover: var(--megaNavItemPaddingTopHover);
14761        --navItemPaddingBottomHover: var(--megaNavItemPaddingBottomHover);
14762        --navItemPaddingLeftHover: var(--megaNavItemPaddingLeftHover);
14763        --navItemPaddingRightHover: var(--megaNavItemPaddingRightHover);
14764        --navItemHoverFontColor: var(--megaNavItemHoverFontColor);
14765        --navItemFontSizeHover: var(--megaNavItemFontSizeHover);
14766        --navItemTextDecorationHover: var(--megaNavItemTextDecorationHover);
14767        --navItemFontWeightHover: var(--megaNavItemFontWeightHover);
14768        --navItemFontStyleHover: var(--megaNavItemFontStyleHover);
14769        --navItemActiveBackgroundColor: var(--megaNavItemActiveBackgroundColor);
14770        --navItemActiveFontColor: var(--megaNavItemActiveFontColor);
14771        --navItemIconDisplay: var(--megaNavItemIconDisplay);
14772        --navItemIconSize: var(--megaNavItemIconSize);
14773        --navItemIconSizeHover: var(--megaNavItemIconSizeHover);
14774        --navItemIconColor: var(--megaNavItemIconColor);
14775        --navItemIconColorHover: var(--megaNavItemIconColorHover);
14776        --navItemIconSpacing: var(--megaNavItemIconSpacing);
14777        --navItemIconRotate: var(--megaNavItemIconRotate);
14778        --navItemIconRotateHover: var(--megaNavItemIconRotateHover);
14779    }
14780    .wmc_menu.wmcM_menuHamburgerTablet {
14781        --navItemIconDisplay: var(--hamburgerNavItemIconDisplay);
14782        --navItemIconSize: var(--hamburgerNavItemIconSize);
14783        --navItemIconSizeHover: var(--hamburgerNavItemIconSizeHover);
14784        --navItemIconColor: var(--hamburgerNavItemIconColor);
14785        --navItemIconColorHover: var(--hamburgerNavItemIconColorHover);
14786        --navItemIconSpacing: var(--hamburgerNavItemIconSpacing);
14787        --navItemIconRotate: var(--hamburgerNavItemIconRotate);
14788        --navItemIconRotateHover: var(--hamburgerNavItemIconRotateHover);
14789        --navSubItemIconDisplay: var(--hamburgerNavSubItemIconDisplay);
14790        --navSubItemIconSize: var(--hamburgerNavSubItemIconSize);
14791        --navSubItemIconSizeHover: var(--hamburgerNavSubItemIconSizeHover);
14792        --navSubItemIconColor: var(--hamburgerNavSubItemIconColor);
14793        --navSubItemIconColorHover: var(--hamburgerNavSubItemIconColorHover);
14794        --navSubItemIconSpacing: var(--hamburgerNavSubItemIconSpacing);
14795        --navSubItemIconRotate: var(--hamburgerNavSubItemIconRotate);
14796        --navSubItemIconRotateHover: var(--hamburgerNavSubItemIconRotateHover);
14797    }
14798    .wmc_menu.wmcM_menuVerticalTablet {
14799        --navItemIconDisplay: var(--verticalNavItemIconDisplay);
14800        --navItemIconSize: var(--verticalNavItemIconSize);
14801        --navItemIconSizeHover: var(--verticalNavItemIconSizeHover);
14802        --navItemIconColor: var(--verticalNavItemIconColor);
14803        --navItemIconColorHover: var(--verticalNavItemIconColorHover);
14804        --navItemIconSpacing: var(--verticalNavItemIconSpacing);
14805        --navItemIconRotate: var(--verticalNavItemIconRotate);
14806        --navItemIconRotateHover: var(--verticalNavItemIconRotateHover);
14807        --navSubItemIconDisplay: var(--verticalNavSubItemIconDisplay);
14808        --navSubItemIconSize: var(--verticalNavSubItemIconSize);
14809        --navSubItemIconSizeHover: var(--verticalNavSubItemIconSizeHover);
14810        --navSubItemIconColor: var(--verticalNavSubItemIconColor);
14811        --navSubItemIconColorHover: var(--verticalNavSubItemIconColorHover);
14812        --navSubItemIconSpacing: var(--verticalNavSubItemIconSpacing);
14813        --navSubItemIconRotate: var(--verticalNavSubItemIconRotate);
14814        --navSubItemIconRotateHover: var(--verticalNavSubItemIconRotateHover);
14815    }
14816}
14817
14818@media all and (width < 650px) {
14819    .wmc_menu.wmcM_menuHorizontalMobile {
14820        /* horizontal main item */
14821        --navItemBackgroundColor: var(--horizontalNavItemBackgroundColor);
14822        --navItemBorderTop: var(--horizontalNavItemBorderTop);
14823        --navItemBorderRight: var(--horizontalNavItemBorderRight);
14824        --navItemBorderBottom: var(--horizontalNavItemBorderBottom);
14825        --navItemBorderLeft: var(--horizontalNavItemBorderLeft);
14826        --navItemBorderRadius: var(--horizontalNavItemBorderRadius);
14827        --navItemPaddingTop: var(--horizontalNavItemPaddingTop);
14828        --navItemPaddingBottom: var(--horizontalNavItemPaddingBottom);
14829        --navItemPaddingLeft: var(--horizontalNavItemPaddingLeft);
14830        --navItemPaddingRight: var(--horizontalNavItemPaddingRight);
14831        --navItemFont: var(--horizontalNavItemFont);
14832        --navItemFontColor: var(--horizontalNavItemFontColor);
14833        --navItemLineHeight: var(--horizontalNavItemLineHeight);
14834        --navItemLetterSpacing: var(--horizontalNavItemLetterSpacing);
14835        --navItemFontSize: var(--horizontalNavItemFontSize);
14836        --navItemTextDecoration: var(--horizontalNavItemTextDecoration);
14837        --navItemFontWeight: var(--horizontalNavItemFontWeight);
14838        --navItemFontStyle: var(--horizontalNavItemFontStyle);
14839        --navItemHoverBackgroundColor: var(--horizontalNavItemHoverBackgroundColor);
14840        --navItemBorderTopHover: var(--horizontalNavItemBorderTopHover);
14841        --navItemBorderRightHover: var(--horizontalNavItemBorderRightHover);
14842        --navItemBorderBottomHover: var(--horizontalNavItemBorderBottomHover);
14843        --navItemBorderLeftHover: var(--horizontalNavItemBorderLeftHover);
14844        --navItemBorderRadiusHover: var(--horizontalNavItemBorderRadiusHover);
14845        --navItemPaddingTopHover: var(--horizontalNavItemPaddingTopHover);
14846        --navItemPaddingBottomHover: var(--horizontalNavItemPaddingBottomHover);
14847        --navItemPaddingLeftHover: var(--horizontalNavItemPaddingLeftHover);
14848        --navItemPaddingRightHover: var(--horizontalNavItemPaddingRightHover);
14849        --navItemHoverFontColor: var(--horizontalNavItemHoverFontColor);
14850        --navItemFontSizeHover: var(--horizontalNavItemFontSizeHover);
14851        --navItemTextDecorationHover: var(--horizontalNavItemTextDecorationHover);
14852        --navItemFontWeightHover: var(--horizontalNavItemFontWeightHover);
14853        --navItemFontStyleHover: var(--horizontalNavItemFontStyleHover);
14854        --navItemActiveBackgroundColor: var(--horizontalNavItemActiveBackgroundColor);
14855        --navItemActiveFontColor: var(--horizontalNavItemActiveFontColor);
14856        --navItemIconDisplay: var(--horizontalNavItemIconDisplay);
14857        --navItemIconSize: var(--horizontalNavItemIconSize);
14858        --navItemIconSizeHover: var(--horizontalNavItemIconSizeHover);
14859        --navItemIconSizeActive: var(--horizontalNavItemIconSizeActive);
14860        --navItemIconColor: var(--horizontalNavItemIconColor);
14861        --navItemIconColorHover: var(--horizontalNavItemIconColorHover);
14862        --navItemIconColorActive: var(--horizontalNavItemIconColorActive);
14863        --navItemIconSpacing: var(--horizontalNavItemIconSpacing);
14864        --navItemIconRotate: var(--horizontalNavItemIconRotate);
14865        --navItemIconRotateHover: var(--horizontalNavItemIconRotateHover);
14866        --navItemIconRotateActive: var(--horizontalNavItemIconRotateActive);
14867        --navSubItemIconDisplay: var(--horizontalNavSubItemIconDisplay);
14868        --navSubItemIconSize: var(--horizontalNavSubItemIconSize);
14869        --navSubItemIconSizeHover: var(--horizontalNavSubItemIconSizeHover);
14870        --navSubItemIconSizeActive: var(--horizontalNavSubItemIconSizeActive);
14871        --navSubItemIconColor: var(--horizontalNavSubItemIconColor);
14872        --navSubItemIconColorHover: var(--horizontalNavSubItemIconColorHover);
14873        --navSubItemIconColorActive: var(--horizontalNavSubItemIconColorActive);
14874        --navSubItemIconSpacing: var(--horizontalNavSubItemIconSpacing);
14875        --navSubItemIconRotate: var(--horizontalNavSubItemIconRotate);
14876        --navSubItemIconRotateHover: var(--horizontalNavSubItemIconRotateHover);
14877        --navSubItemIconRotateActive: var(--horizontalNavSubItemIconRotateActive);
14878    }
14879    .wmc_menu.wmcM_menuMegaMobile {
14880        /* mega main item */
14881        --navItemBackgroundColor: var(--megaNavItemBackgroundColor);
14882        --navItemBorderTop: var(--megaNavItemBorderTop);
14883        --navItemBorderRight: var(--megaNavItemBorderRight);
14884        --navItemBorderBottom: var(--megaNavItemBorderBottom);
14885        --navItemBorderLeft: var(--megaNavItemBorderLeft);
14886        --navItemBorderRadius: var(--megaNavItemBorderRadius);
14887        --navItemPaddingTop: var(--megaNavItemPaddingTop);
14888        --navItemPaddingBottom: var(--megaNavItemPaddingBottom);
14889        --navItemPaddingLeft: var(--megaNavItemPaddingLeft);
14890        --navItemPaddingRight: var(--megaNavItemPaddingRight);
14891        --navItemFont: var(--megaNavItemFont);
14892        --navItemFontColor: var(--megaNavItemFontColor);
14893        --navItemLineHeight: var(--megaNavItemLineHeight);
14894        --navItemLetterSpacing: var(--megaNavItemLetterSpacing);
14895        --navItemFontSize: var(--megaNavItemFontSize);
14896        --navItemTextDecoration: var(--megaNavItemTextDecoration);
14897        --navItemFontWeight: var(--megaNavItemFontWeight);
14898        --navItemFontStyle: var(--megaNavItemFontStyle);
14899        --navItemHoverBackgroundColor: var(--megaNavItemHoverBackgroundColor);
14900        --navItemBorderTopHover: var(--megaNavItemBorderTopHover);
14901        --navItemBorderRightHover: var(--megaNavItemBorderRightHover);
14902        --navItemBorderBottomHover: var(--megaNavItemBorderBottomHover);
14903        --navItemBorderLeftHover: var(--megaNavItemBorderLeftHover);
14904        --navItemBorderRadiusHover: var(--megaNavItemBorderRadiusHover);
14905        --navItemPaddingTopHover: var(--megaNavItemPaddingTopHover);
14906        --navItemPaddingBottomHover: var(--megaNavItemPaddingBottomHover);
14907        --navItemPaddingLeftHover: var(--megaNavItemPaddingLeftHover);
14908        --navItemPaddingRightHover: var(--megaNavItemPaddingRightHover);
14909        --navItemHoverFontColor: var(--megaNavItemHoverFontColor);
14910        --navItemFontSizeHover: var(--megaNavItemFontSizeHover);
14911        --navItemTextDecorationHover: var(--megaNavItemTextDecorationHover);
14912        --navItemFontWeightHover: var(--megaNavItemFontWeightHover);
14913        --navItemFontStyleHover: var(--megaNavItemFontStyleHover);
14914        --navItemActiveBackgroundColor: var(--megaNavItemActiveBackgroundColor);
14915        --navItemActiveFontColor: var(--megaNavItemActiveFontColor);
14916        --navItemIconDisplay: var(--megaNavItemIconDisplay);
14917        --navItemIconSize: var(--megaNavItemIconSize);
14918        --navItemIconSizeHover: var(--megaNavItemIconSizeHover);
14919        --navItemIconColor: var(--megaNavItemIconColor);
14920        --navItemIconColorHover: var(--megaNavItemIconColorHover);
14921        --navItemIconSpacing: var(--megaNavItemIconSpacing);
14922        --navItemIconRotate: var(--megaNavItemIconRotate);
14923        --navItemIconRotateHover: var(--megaNavItemIconRotateHover);
14924    }
14925    .wmc_menu.wmcM_menuHamburgerMobile {
14926        --navItemIconDisplay: var(--hamburgerNavItemIconDisplay);
14927        --navItemIconSize: var(--hamburgerNavItemIconSize);
14928        --navItemIconSizeHover: var(--hamburgerNavItemIconSizeHover);
14929        --navItemIconColor: var(--hamburgerNavItemIconColor);
14930        --navItemIconColorHover: var(--hamburgerNavItemIconColorHover);
14931        --navItemIconSpacing: var(--hamburgerNavItemIconSpacing);
14932        --navItemIconRotate: var(--hamburgerNavItemIconRotate);
14933        --navItemIconRotateHover: var(--hamburgerNavItemIconRotateHover);
14934        --navSubItemIconDisplay: var(--hamburgerNavSubItemIconDisplay);
14935        --navSubItemIconSize: var(--hamburgerNavSubItemIconSize);
14936        --navSubItemIconSizeHover: var(--hamburgerNavSubItemIconSizeHover);
14937        --navSubItemIconColor: var(--hamburgerNavSubItemIconColor);
14938        --navSubItemIconColorHover: var(--hamburgerNavSubItemIconColorHover);
14939        --navSubItemIconSpacing: var(--hamburgerNavSubItemIconSpacing);
14940        --navSubItemIconRotate: var(--hamburgerNavSubItemIconRotate);
14941        --navSubItemIconRotateHover: var(--hamburgerNavSubItemIconRotateHover);
14942    }
14943    .wmc_menu.wmcM_menuVerticalMobile {
14944        --navItemIconDisplay: var(--verticalNavItemIconDisplay);
14945        --navItemIconSize: var(--verticalNavItemIconSize);
14946        --navItemIconSizeHover: var(--verticalNavItemIconSizeHover);
14947        --navItemIconColor: var(--verticalNavItemIconColor);
14948        --navItemIconColorHover: var(--verticalNavItemIconColorHover);
14949        --navItemIconSpacing: var(--verticalNavItemIconSpacing);
14950        --navItemIconRotate: var(--verticalNavItemIconRotate);
14951        --navItemIconRotateHover: var(--verticalNavItemIconRotateHover);
14952        --navSubItemIconDisplay: var(--verticalNavSubItemIconDisplay);
14953        --navSubItemIconSize: var(--verticalNavSubItemIconSize);
14954        --navSubItemIconSizeHover: var(--verticalNavSubItemIconSizeHover);
14955        --navSubItemIconColor: var(--verticalNavSubItemIconColor);
14956        --navSubItemIconColorHover: var(--verticalNavSubItemIconColorHover);
14957        --navSubItemIconSpacing: var(--verticalNavSubItemIconSpacing);
14958        --navSubItemIconRotate: var(--verticalNavSubItemIconRotate);
14959        --navSubItemIconRotateHover: var(--verticalNavSubItemIconRotateHover);
14960    }
14961}
14962
14963.wmc_menu .navigation-nav--icon-spacer {
14964    visibility: hidden;
14965}
14966
14967/*
14968 * Top/bottom spacing of the horizontal & mega menu bar.
14969 */
14970.wmc_menu[class*="wmcM_menuHorizontal"] .navigation-nav--main-menu,
14971.wmc_menu[class*="wmcM_menuMega"] .navigation-nav--main-menu {
14972    margin-top: var(--horizontalNavMenuVerticalSpacing, 1rem);
14973    margin-bottom: var(--horizontalNavMenuVerticalSpacing, 1rem);
14974}
14975
14976
14977@media all and (width >= 1040px) {
14978    .wmc_menu.wmcM_menuMegaDesktop {
14979        /* Hidden until promoted to the top layer via the Popover API. */
14980        & .navigation-nav--sub-menu.navigation-nav--mega-panel {
14981            display: none;
14982            position: fixed;
14983            top: var(--megaNavPanelTriggerTop, 0);
14984            left: max(0px, calc((100vw - var(--megaNavPanelWidth, 100vw)) / 2));
14985            inset-block-end: auto;
14986            inset-inline-end: auto;
14987            margin: 0;
14988            box-sizing: border-box;
14989            width: var(--megaNavPanelWidth, 100vw);
14990            max-width: 100vw;
14991            grid-template-columns: repeat(var(--megaNavPanelNumberOfCells, 4), minmax(0, 1fr));
14992            gap: var(--megaNavPanelCellSpacing, 24px);
14993            padding: var(--megaNavPanelPaddingTop, 40px) var(--megaNavPanelPaddingRight, 40px) var(--megaNavPanelPaddingBottom, 40px) var(--megaNavPanelPaddingLeft, 40px);
14994            background-color: var(--megaNavPanelBackgroundColor, #fff);
14995            border-top: var(--megaNavPanelBorderTop, 0 none transparent);
14996            border-right: var(--megaNavPanelBorderRight, 0 none transparent);
14997            border-bottom: var(--megaNavPanelBorderBottom, 0 none transparent);
14998            border-left: var(--megaNavPanelBorderLeft, 0 none transparent);
14999            border-radius: var(--megaNavPanelBorderRadius, 0);
15000            box-shadow: var(--megaNavPanelShadow, 0 6px 24px rgba(0, 0, 0, 0.08));
15001            z-index: 1000;
15002            min-width: 0;
15003            opacity: 1;
15004            visibility: visible;
15005            transform: none;
15006            transition: none;
15007        }
15008
15009        /* Shown only while the panel is open in the top layer. */
15010        & .navigation-nav--sub-menu.navigation-nav--mega-panel:popover-open {
15011            display: grid;
15012        }
15013
15014        & .navigation-module-container .navigation-nav--sub-menu.navigation-nav--mega-panel .arrow,
15015        & .navigation-module-container .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--separator {
15016            display: none;
15017        }
15018
15019        /* Nested sub-menus inside the panel are laid out statically as
15020           columns/lists, not as hover flyouts. */
15021        & .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--sub-menu {
15022            position: static;
15023            opacity: 1;
15024            visibility: visible;
15025            transform: none;
15026            max-height: none;
15027            background-color: transparent;
15028        }
15029
15030        & .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) {
15031            display: flex;
15032            flex-direction: column;
15033            align-items: stretch;
15034            grid-template-columns: none;
15035            position: static;
15036            padding-right: 0;
15037        }
15038
15039        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item {
15040            min-width: 0;
15041            display: flex;
15042            flex-direction: column;
15043            align-items: stretch;
15044            justify-items: stretch;
15045            position: static;
15046            padding-right: 0;
15047            gap: 8px;
15048        }
15049
15050        /* Column title (the column sub-item's own link). */
15051        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a {
15052            display: inline-flex;
15053            align-items: center;
15054            width: 100%;
15055            gap: var(--megaNavSubItemIconSpacing, 8px);
15056            background-color: var(--megaNavSubItemBackgroundColor, transparent);
15057            border-top: var(--megaNavSubItemBorderTop, 0 none transparent);
15058            border-right: var(--megaNavSubItemBorderRight, 0 none transparent);
15059            border-bottom: var(--megaNavSubItemBorderBottom, 0 none transparent);
15060            border-left: var(--megaNavSubItemBorderLeft, 0 none transparent);
15061            border-radius: var(--megaNavSubItemBorderRadius, 0);
15062            padding: var(--megaNavSubItemPaddingTop, 0) var(--megaNavSubItemPaddingRight, 0)
15063                     var(--megaNavSubItemPaddingBottom, 8px) var(--megaNavSubItemPaddingLeft, 0);
15064            font-family: var(--megaNavSubItemFont, inherit);
15065            color: var(--megaNavSubItemFontColor, currentColor);
15066            font-size: var(--megaNavSubItemFontSize, 18px);
15067            font-weight: var(--megaNavSubItemFontWeight, 600);
15068            font-style: var(--megaNavSubItemFontStyle, normal);
15069            line-height: var(--megaNavSubItemLineHeight, normal);
15070            letter-spacing: var(--megaNavSubItemLetterSpacing, 0);
15071            text-decoration: var(--megaNavSubItemTextDecoration, none);
15072            text-transform: none;
15073        }
15074
15075        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a:hover,
15076        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a,
15077        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a {
15078            background-color: var(--megaNavSubItemHoverBackgroundColor, transparent);
15079            color: var(--megaNavSubItemHoverFontColor, currentColor);
15080            font-size: var(--megaNavSubItemHoverFontSize, var(--megaNavSubItemFontSize, 18px));
15081            font-weight: var(--megaNavSubItemHoverFontWeight, var(--megaNavSubItemFontWeight, 600));
15082            font-style: var(--megaNavSubItemHoverFontStyle, var(--megaNavSubItemFontStyle, normal));
15083            text-decoration: var(--megaNavSubItemHoverTextDecoration, var(--megaNavSubItemTextDecoration, none));
15084            border-top: var(--megaNavSubItemBorderTopHover, var(--megaNavSubItemBorderTop, 0 none transparent));
15085            border-right: var(--megaNavSubItemBorderRightHover, var(--megaNavSubItemBorderRight, 0 none transparent));
15086            border-bottom: var(--megaNavSubItemBorderBottomHover, var(--megaNavSubItemBorderBottom, 0 none transparent));
15087            border-left: var(--megaNavSubItemBorderLeftHover, var(--megaNavSubItemBorderLeft, 0 none transparent));
15088            border-radius: var(--megaNavSubItemBorderRadiusHover, var(--megaNavSubItemBorderRadius, 0));
15089            padding: var(--megaNavSubItemPaddingTopHover, var(--megaNavSubItemPaddingTop, 0))
15090                     var(--megaNavSubItemPaddingRightHover, var(--megaNavSubItemPaddingRight, 0))
15091                     var(--megaNavSubItemPaddingBottomHover, var(--megaNavSubItemPaddingBottom, 8px))
15092                     var(--megaNavSubItemPaddingLeftHover, var(--megaNavSubItemPaddingLeft, 0));
15093        }
15094
15095        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i {
15096            display: var(--megaNavSubItemIconDisplay, none);
15097            width: var(--megaNavSubItemIconSize, 16px);
15098            height: var(--megaNavSubItemIconSize, 16px);
15099            background-color: var(--megaNavSubItemIconColor, currentColor);
15100            transform: var(--megaNavSubItemIconRotate, none);
15101            -webkit-mask-size: contain;
15102            mask-size: contain;
15103            -webkit-mask-repeat: no-repeat;
15104            mask-repeat: no-repeat;
15105            -webkit-mask-position: center;
15106            mask-position: center;
15107            flex-shrink: 0;
15108            transition: background-color 0.2s ease, transform 0.2s ease;
15109        }
15110
15111        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a:hover > i,
15112        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i,
15113        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i {
15114            width: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
15115            height: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
15116            background-color: var(--megaNavSubItemIconColorHover, var(--megaNavSubItemIconColor, currentColor));
15117            transform: var(--megaNavSubItemIconRotateHover, var(--megaNavSubItemIconRotate, none));
15118        }
15119
15120        /* List of children inside a column (the column's nested sub-menu). */
15121        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu {
15122            list-style: none;
15123            padding: 0;
15124            margin: 0;
15125            display: flex;
15126            flex-direction: column;
15127            gap: 4px;
15128        }
15129
15130        /* Each individual link inside a column, at any nesting depth. */
15131        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a {
15132            display: inline-flex;
15133            align-items: center;
15134            width: 100%;
15135            gap: var(--megaNavChildItemIconSpacing, 8px);
15136            background-color: var(--megaNavChildItemBackgroundColor, transparent);
15137            border-top: var(--megaNavChildItemBorderTop, 0 none transparent);
15138            border-right: var(--megaNavChildItemBorderRight, 0 none transparent);
15139            border-bottom: var(--megaNavChildItemBorderBottom, 0 none transparent);
15140            border-left: var(--megaNavChildItemBorderLeft, 0 none transparent);
15141            border-radius: var(--megaNavChildItemBorderRadius, 0);
15142            padding: var(--megaNavChildItemPaddingTop, 4px) var(--megaNavChildItemPaddingRight, 0)
15143                     var(--megaNavChildItemPaddingBottom, 4px) var(--megaNavChildItemPaddingLeft, 0);
15144            font-family: var(--megaNavChildItemFont, inherit);
15145            color: var(--megaNavChildItemFontColor, currentColor);
15146            font-size: var(--megaNavChildItemFontSize, 14px);
15147            font-weight: var(--megaNavChildItemFontWeight, 400);
15148            font-style: var(--megaNavChildItemFontStyle, normal);
15149            line-height: var(--megaNavChildItemLineHeight, normal);
15150            letter-spacing: var(--megaNavChildItemLetterSpacing, 0);
15151            text-decoration: var(--megaNavChildItemTextDecoration, none);
15152        }
15153
15154        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a:hover,
15155        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a,
15156        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a {
15157            background-color: var(--megaNavChildItemHoverBackgroundColor, transparent);
15158            color: var(--megaNavChildItemHoverFontColor, currentColor);
15159            font-size: var(--megaNavChildItemHoverFontSize, var(--megaNavChildItemFontSize, 14px));
15160            font-weight: var(--megaNavChildItemHoverFontWeight, var(--megaNavChildItemFontWeight, 400));
15161            font-style: var(--megaNavChildItemHoverFontStyle, var(--megaNavChildItemFontStyle, normal));
15162            text-decoration: var(--megaNavChildItemHoverTextDecoration, var(--megaNavChildItemTextDecoration, none));
15163            border-top: var(--megaNavChildItemBorderTopHover, var(--megaNavChildItemBorderTop, 0 none transparent));
15164            border-right: var(--megaNavChildItemBorderRightHover, var(--megaNavChildItemBorderRight, 0 none transparent));
15165            border-bottom: var(--megaNavChildItemBorderBottomHover, var(--megaNavChildItemBorderBottom, 0 none transparent));
15166            border-left: var(--megaNavChildItemBorderLeftHover, var(--megaNavChildItemBorderLeft, 0 none transparent));
15167            border-radius: var(--megaNavChildItemBorderRadiusHover, var(--megaNavChildItemBorderRadius, 0));
15168        }
15169
15170        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i {
15171            display: var(--megaNavChildItemIconDisplay, none);
15172            width: var(--megaNavChildItemIconSize, 14px);
15173            height: var(--megaNavChildItemIconSize, 14px);
15174            background-color: var(--megaNavChildItemIconColor, currentColor);
15175            transform: var(--megaNavChildItemIconRotate, none);
15176            -webkit-mask-size: contain;
15177            mask-size: contain;
15178            -webkit-mask-repeat: no-repeat;
15179            mask-repeat: no-repeat;
15180            -webkit-mask-position: center;
15181            mask-position: center;
15182            flex-shrink: 0;
15183            transition: background-color 0.2s ease, transform 0.2s ease;
15184        }
15185
15186        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a:hover > i,
15187        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i,
15188        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i {
15189            width: var(--megaNavChildItemIconSizeHover, var(--megaNavChildItemIconSize, 14px));
15190            height: var(--megaNavChildItemIconSizeHover, var(--megaNavChildItemIconSize, 14px));
15191            background-color: var(--megaNavChildItemIconColorHover, var(--megaNavChildItemIconColor, currentColor));
15192            transform: var(--megaNavChildItemIconRotateHover, var(--megaNavChildItemIconRotate, none));
15193        }
15194
15195        /* Deeper nested groups inside a column are indented under their parent. */
15196        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-menu {
15197            list-style: none;
15198            margin: 0;
15199            padding: 0;
15200            padding-left: 16px;
15201            display: flex;
15202            flex-direction: column;
15203            gap: 4px;
15204        }
15205
15206        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu {
15207            background-color: var(--megaNavPanelBackgroundColor, #fff);
15208        }
15209
15210        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item {
15211            min-width: 0;
15212            position: static;
15213            background-color: var(--megaNavSubItemBackgroundColor, transparent);
15214            border-top: var(--megaNavSubItemBorderTop, 0 none transparent);
15215            border-right: var(--megaNavSubItemBorderRight, 0 none transparent);
15216            border-bottom: var(--megaNavSubItemBorderBottom, 0 none transparent);
15217            border-left: var(--megaNavSubItemBorderLeft, 0 none transparent);
15218            border-radius: var(--megaNavSubItemBorderRadius, 0);
15219        }
15220
15221        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item:hover,
15222        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item,
15223        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item {
15224            background-color: var(--megaNavSubItemHoverBackgroundColor, transparent);
15225            border-top: var(--megaNavSubItemBorderTopHover, var(--megaNavSubItemBorderTop, 0 none transparent));
15226            border-right: var(--megaNavSubItemBorderRightHover, var(--megaNavSubItemBorderRight, 0 none transparent));
15227            border-bottom: var(--megaNavSubItemBorderBottomHover, var(--megaNavSubItemBorderBottom, 0 none transparent));
15228            border-left: var(--megaNavSubItemBorderLeftHover, var(--megaNavSubItemBorderLeft, 0 none transparent));
15229            border-radius: var(--megaNavSubItemBorderRadiusHover, var(--megaNavSubItemBorderRadius, 0));
15230        }
15231
15232        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a {
15233            display: inline-flex;
15234            align-items: center;
15235            width: 100%;
15236            gap: var(--megaNavSubItemIconSpacing, 8px);
15237            background-color: transparent;
15238            padding: var(--megaNavSubItemPaddingTop, 0) var(--megaNavSubItemPaddingRight, 0)
15239                     var(--megaNavSubItemPaddingBottom, 8px) var(--megaNavSubItemPaddingLeft, 0);
15240            font-family: var(--megaNavSubItemFont, inherit);
15241            color: var(--megaNavSubItemFontColor, currentColor);
15242            font-size: var(--megaNavSubItemFontSize, 18px);
15243            font-weight: var(--megaNavSubItemFontWeight, 600);
15244            font-style: var(--megaNavSubItemFontStyle, normal);
15245            line-height: var(--megaNavSubItemLineHeight, normal);
15246            letter-spacing: var(--megaNavSubItemLetterSpacing, 0);
15247            text-decoration: var(--megaNavSubItemTextDecoration, none);
15248            text-transform: none;
15249        }
15250
15251        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a:hover,
15252        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a,
15253        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a {
15254            color: var(--megaNavSubItemHoverFontColor, currentColor);
15255            font-weight: var(--megaNavSubItemHoverFontWeight, var(--megaNavSubItemFontWeight, 600));
15256            font-style: var(--megaNavSubItemHoverFontStyle, var(--megaNavSubItemFontStyle, normal));
15257            text-decoration: var(--megaNavSubItemHoverTextDecoration, var(--megaNavSubItemTextDecoration, none));
15258            padding: var(--megaNavSubItemPaddingTopHover, var(--megaNavSubItemPaddingTop, 0))
15259                     var(--megaNavSubItemPaddingRightHover, var(--megaNavSubItemPaddingRight, 0))
15260                     var(--megaNavSubItemPaddingBottomHover, var(--megaNavSubItemPaddingBottom, 8px))
15261                     var(--megaNavSubItemPaddingLeftHover, var(--megaNavSubItemPaddingLeft, 0));
15262        }
15263
15264        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i {
15265            display: var(--megaNavSubItemIconDisplay, none);
15266            width: var(--megaNavSubItemIconSize, 16px);
15267            height: var(--megaNavSubItemIconSize, 16px);
15268            background-color: var(--megaNavSubItemIconColor, currentColor);
15269            transform: var(--megaNavSubItemIconRotate, none);
15270            -webkit-mask-size: contain;
15271            mask-size: contain;
15272            -webkit-mask-repeat: no-repeat;
15273            mask-repeat: no-repeat;
15274            -webkit-mask-position: center;
15275            mask-position: center;
15276            flex-shrink: 0;
15277            transition: background-color 0.2s ease, transform 0.2s ease;
15278        }
15279
15280        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a:hover > i,
15281        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i,
15282        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i {
15283            width: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
15284            height: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
15285            background-color: var(--megaNavSubItemIconColorHover, var(--megaNavSubItemIconColor, currentColor));
15286        }
15287    }
15288}
15289
15290@media all and (width < 1040px) {
15291    .wmc_menu.wmcM_menuMegaTablet {
15292        & .navigation-nav--sub-menu.navigation-nav--mega-panel {
15293            display: none;
15294            position: fixed;
15295            top: var(--megaNavPanelTriggerTop, 0);
15296            left: max(0px, calc((100vw - var(--megaNavPanelWidth, 100vw)) / 2));
15297            inset-block-end: auto;
15298            inset-inline-end: auto;
15299            margin: 0;
15300            box-sizing: border-box;
15301            width: var(--megaNavPanelWidth, 100vw);
15302            max-width: 100vw;
15303            grid-template-columns: repeat(min(var(--megaNavPanelNumberOfCells, 4), 2), minmax(0, 1fr));
15304            gap: var(--megaNavPanelCellSpacing, 24px);
15305            padding: var(--megaNavPanelPaddingTop, 40px) var(--megaNavPanelPaddingRight, 40px) var(--megaNavPanelPaddingBottom, 40px) var(--megaNavPanelPaddingLeft, 40px);
15306            background-color: var(--megaNavPanelBackgroundColor, #fff);
15307            border-top: var(--megaNavPanelBorderTop, 0 none transparent);
15308            border-right: var(--megaNavPanelBorderRight, 0 none transparent);
15309            border-bottom: var(--megaNavPanelBorderBottom, 0 none transparent);
15310            border-left: var(--megaNavPanelBorderLeft, 0 none transparent);
15311            border-radius: var(--megaNavPanelBorderRadius, 0);
15312            box-shadow: var(--megaNavPanelShadow, 0 6px 24px rgba(0, 0, 0, 0.08));
15313            z-index: 1000;
15314            min-width: 0;
15315            opacity: 1;
15316            visibility: visible;
15317            transform: none;
15318            transition: none;
15319        }
15320
15321        & .navigation-nav--sub-menu.navigation-nav--mega-panel:popover-open {
15322            display: grid;
15323        }
15324
15325        & .navigation-module-container .navigation-nav--sub-menu.navigation-nav--mega-panel .arrow,
15326        & .navigation-module-container .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--separator {
15327            display: none;
15328        }
15329
15330        & .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--sub-menu {
15331            position: static;
15332            opacity: 1;
15333            visibility: visible;
15334            transform: none;
15335            max-height: none;
15336            background-color: transparent;
15337        }
15338
15339        & .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) {
15340            display: flex;
15341            flex-direction: column;
15342            align-items: stretch;
15343            grid-template-columns: none;
15344            position: static;
15345            padding-right: 0;
15346        }
15347
15348        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item {
15349            min-width: 0;
15350            display: flex;
15351            flex-direction: column;
15352            align-items: stretch;
15353            justify-items: stretch;
15354            position: static;
15355            padding-right: 0;
15356            gap: 8px;
15357        }
15358
15359        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a {
15360            display: inline-flex;
15361            align-items: center;
15362            width: 100%;
15363            gap: var(--megaNavSubItemIconSpacing, 8px);
15364            background-color: var(--megaNavSubItemBackgroundColor, transparent);
15365            border-top: var(--megaNavSubItemBorderTop, 0 none transparent);
15366            border-right: var(--megaNavSubItemBorderRight, 0 none transparent);
15367            border-bottom: var(--megaNavSubItemBorderBottom, 0 none transparent);
15368            border-left: var(--megaNavSubItemBorderLeft, 0 none transparent);
15369            border-radius: var(--megaNavSubItemBorderRadius, 0);
15370            padding: var(--megaNavSubItemPaddingTop, 0) var(--megaNavSubItemPaddingRight, 0)
15371                     var(--megaNavSubItemPaddingBottom, 8px) var(--megaNavSubItemPaddingLeft, 0);
15372            font-family: var(--megaNavSubItemFont, inherit);
15373            color: var(--megaNavSubItemFontColor, currentColor);
15374            font-size: var(--megaNavSubItemFontSize, 18px);
15375            font-weight: var(--megaNavSubItemFontWeight, 600);
15376            font-style: var(--megaNavSubItemFontStyle, normal);
15377            line-height: var(--megaNavSubItemLineHeight, normal);
15378            letter-spacing: var(--megaNavSubItemLetterSpacing, 0);
15379            text-decoration: var(--megaNavSubItemTextDecoration, none);
15380            text-transform: none;
15381        }
15382
15383        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a:hover,
15384        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a,
15385        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a {
15386            background-color: var(--megaNavSubItemHoverBackgroundColor, transparent);
15387            color: var(--megaNavSubItemHoverFontColor, currentColor);
15388            font-size: var(--megaNavSubItemHoverFontSize, var(--megaNavSubItemFontSize, 18px));
15389            font-weight: var(--megaNavSubItemHoverFontWeight, var(--megaNavSubItemFontWeight, 600));
15390            font-style: var(--megaNavSubItemHoverFontStyle, var(--megaNavSubItemFontStyle, normal));
15391            text-decoration: var(--megaNavSubItemHoverTextDecoration, var(--megaNavSubItemTextDecoration, none));
15392            border-top: var(--megaNavSubItemBorderTopHover, var(--megaNavSubItemBorderTop, 0 none transparent));
15393            border-right: var(--megaNavSubItemBorderRightHover, var(--megaNavSubItemBorderRight, 0 none transparent));
15394            border-bottom: var(--megaNavSubItemBorderBottomHover, var(--megaNavSubItemBorderBottom, 0 none transparent));
15395            border-left: var(--megaNavSubItemBorderLeftHover, var(--megaNavSubItemBorderLeft, 0 none transparent));
15396            border-radius: var(--megaNavSubItemBorderRadiusHover, var(--megaNavSubItemBorderRadius, 0));
15397            padding: var(--megaNavSubItemPaddingTopHover, var(--megaNavSubItemPaddingTop, 0))
15398                     var(--megaNavSubItemPaddingRightHover, var(--megaNavSubItemPaddingRight, 0))
15399                     var(--megaNavSubItemPaddingBottomHover, var(--megaNavSubItemPaddingBottom, 8px))
15400                     var(--megaNavSubItemPaddingLeftHover, var(--megaNavSubItemPaddingLeft, 0));
15401        }
15402
15403        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i {
15404            display: var(--megaNavSubItemIconDisplay, none);
15405            width: var(--megaNavSubItemIconSize, 16px);
15406            height: var(--megaNavSubItemIconSize, 16px);
15407            background-color: var(--megaNavSubItemIconColor, currentColor);
15408            transform: var(--megaNavSubItemIconRotate, none);
15409            -webkit-mask-size: contain;
15410            mask-size: contain;
15411            -webkit-mask-repeat: no-repeat;
15412            mask-repeat: no-repeat;
15413            -webkit-mask-position: center;
15414            mask-position: center;
15415            flex-shrink: 0;
15416            transition: background-color 0.2s ease, transform 0.2s ease;
15417        }
15418
15419        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a:hover > i,
15420        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i,
15421        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i {
15422            width: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
15423            height: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
15424            background-color: var(--megaNavSubItemIconColorHover, var(--megaNavSubItemIconColor, currentColor));
15425            transform: var(--megaNavSubItemIconRotateHover, var(--megaNavSubItemIconRotate, none));
15426        }
15427
15428        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu {
15429            list-style: none;
15430            padding: 0;
15431            margin: 0;
15432            display: flex;
15433            flex-direction: column;
15434            gap: 4px;
15435        }
15436
15437        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a {
15438            display: inline-flex;
15439            align-items: center;
15440            width: 100%;
15441            gap: var(--megaNavChildItemIconSpacing, 8px);
15442            background-color: var(--megaNavChildItemBackgroundColor, transparent);
15443            border-top: var(--megaNavChildItemBorderTop, 0 none transparent);
15444            border-right: var(--megaNavChildItemBorderRight, 0 none transparent);
15445            border-bottom: var(--megaNavChildItemBorderBottom, 0 none transparent);
15446            border-left: var(--megaNavChildItemBorderLeft, 0 none transparent);
15447            border-radius: var(--megaNavChildItemBorderRadius, 0);
15448            padding: var(--megaNavChildItemPaddingTop, 4px) var(--megaNavChildItemPaddingRight, 0)
15449                     var(--megaNavChildItemPaddingBottom, 4px) var(--megaNavChildItemPaddingLeft, 0);
15450            font-family: var(--megaNavChildItemFont, inherit);
15451            color: var(--megaNavChildItemFontColor, currentColor);
15452            font-size: var(--megaNavChildItemFontSize, 14px);
15453            font-weight: var(--megaNavChildItemFontWeight, 400);
15454            font-style: var(--megaNavChildItemFontStyle, normal);
15455            line-height: var(--megaNavChildItemLineHeight, normal);
15456            letter-spacing: var(--megaNavChildItemLetterSpacing, 0);
15457            text-decoration: var(--megaNavChildItemTextDecoration, none);
15458        }
15459
15460        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a:hover,
15461        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a,
15462        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a {
15463            background-color: var(--megaNavChildItemHoverBackgroundColor, transparent);
15464            color: var(--megaNavChildItemHoverFontColor, currentColor);
15465            font-size: var(--megaNavChildItemHoverFontSize, var(--megaNavChildItemFontSize, 14px));
15466            font-weight: var(--megaNavChildItemHoverFontWeight, var(--megaNavChildItemFontWeight, 400));
15467            font-style: var(--megaNavChildItemHoverFontStyle, var(--megaNavChildItemFontStyle, normal));
15468            text-decoration: var(--megaNavChildItemHoverTextDecoration, var(--megaNavChildItemTextDecoration, none));
15469            border-top: var(--megaNavChildItemBorderTopHover, var(--megaNavChildItemBorderTop, 0 none transparent));
15470            border-right: var(--megaNavChildItemBorderRightHover, var(--megaNavChildItemBorderRight, 0 none transparent));
15471            border-bottom: var(--megaNavChildItemBorderBottomHover, var(--megaNavChildItemBorderBottom, 0 none transparent));
15472            border-left: var(--megaNavChildItemBorderLeftHover, var(--megaNavChildItemBorderLeft, 0 none transparent));
15473            border-radius: var(--megaNavChildItemBorderRadiusHover, var(--megaNavChildItemBorderRadius, 0));
15474        }
15475
15476        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i {
15477            display: var(--megaNavChildItemIconDisplay, none);
15478            width: var(--megaNavChildItemIconSize, 14px);
15479            height: var(--megaNavChildItemIconSize, 14px);
15480            background-color: var(--megaNavChildItemIconColor, currentColor);
15481            transform: var(--megaNavChildItemIconRotate, none);
15482            -webkit-mask-size: contain;
15483            mask-size: contain;
15484            -webkit-mask-repeat: no-repeat;
15485            mask-repeat: no-repeat;
15486            -webkit-mask-position: center;
15487            mask-position: center;
15488            flex-shrink: 0;
15489            transition: background-color 0.2s ease, transform 0.2s ease;
15490        }
15491
15492        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a:hover > i,
15493        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i,
15494        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i {
15495            width: var(--megaNavChildItemIconSizeHover, var(--megaNavChildItemIconSize, 14px));
15496            height: var(--megaNavChildItemIconSizeHover, var(--megaNavChildItemIconSize, 14px));
15497            background-color: var(--megaNavChildItemIconColorHover, var(--megaNavChildItemIconColor, currentColor));
15498            transform: var(--megaNavChildItemIconRotateHover, var(--megaNavChildItemIconRotate, none));
15499        }
15500
15501        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-menu {
15502            list-style: none;
15503            margin: 0;
15504            padding: 0;
15505            padding-left: 16px;
15506            display: flex;
15507            flex-direction: column;
15508            gap: 4px;
15509        }
15510
15511        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu {
15512            background-color: var(--megaNavPanelBackgroundColor, #fff);
15513        }
15514
15515        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item {
15516            min-width: 0;
15517            position: static;
15518            background-color: var(--megaNavSubItemBackgroundColor, transparent);
15519            border-top: var(--megaNavSubItemBorderTop, 0 none transparent);
15520            border-right: var(--megaNavSubItemBorderRight, 0 none transparent);
15521            border-bottom: var(--megaNavSubItemBorderBottom, 0 none transparent);
15522            border-left: var(--megaNavSubItemBorderLeft, 0 none transparent);
15523            border-radius: var(--megaNavSubItemBorderRadius, 0);
15524        }
15525
15526        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item:hover,
15527        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item,
15528        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item {
15529            background-color: var(--megaNavSubItemHoverBackgroundColor, transparent);
15530            border-top: var(--megaNavSubItemBorderTopHover, var(--megaNavSubItemBorderTop, 0 none transparent));
15531            border-right: var(--megaNavSubItemBorderRightHover, var(--megaNavSubItemBorderRight, 0 none transparent));
15532            border-bottom: var(--megaNavSubItemBorderBottomHover, var(--megaNavSubItemBorderBottom, 0 none transparent));
15533            border-left: var(--megaNavSubItemBorderLeftHover, var(--megaNavSubItemBorderLeft, 0 none transparent));
15534            border-radius: var(--megaNavSubItemBorderRadiusHover, var(--megaNavSubItemBorderRadius, 0));
15535        }
15536
15537        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a {
15538            display: inline-flex;
15539            align-items: center;
15540            width: 100%;
15541            gap: var(--megaNavSubItemIconSpacing, 8px);
15542            background-color: transparent;
15543            padding: var(--megaNavSubItemPaddingTop, 0) var(--megaNavSubItemPaddingRight, 0)
15544                     var(--megaNavSubItemPaddingBottom, 8px) var(--megaNavSubItemPaddingLeft, 0);
15545            font-family: var(--megaNavSubItemFont, inherit);
15546            color: var(--megaNavSubItemFontColor, currentColor);
15547            font-size: var(--megaNavSubItemFontSize, 18px);
15548            font-weight: var(--megaNavSubItemFontWeight, 600);
15549            font-style: var(--megaNavSubItemFontStyle, normal);
15550            line-height: var(--megaNavSubItemLineHeight, normal);
15551            letter-spacing: var(--megaNavSubItemLetterSpacing, 0);
15552            text-decoration: var(--megaNavSubItemTextDecoration, none);
15553            text-transform: none;
15554        }
15555
15556        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a:hover,
15557        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a,
15558        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a {
15559            color: var(--megaNavSubItemHoverFontColor, currentColor);
15560            font-weight: var(--megaNavSubItemHoverFontWeight, var(--megaNavSubItemFontWeight, 600));
15561            font-style: var(--megaNavSubItemHoverFontStyle, var(--megaNavSubItemFontStyle, normal));
15562            text-decoration: var(--megaNavSubItemHoverTextDecoration, var(--megaNavSubItemTextDecoration, none));
15563            padding: var(--megaNavSubItemPaddingTopHover, var(--megaNavSubItemPaddingTop, 0))
15564                     var(--megaNavSubItemPaddingRightHover, var(--megaNavSubItemPaddingRight, 0))
15565                     var(--megaNavSubItemPaddingBottomHover, var(--megaNavSubItemPaddingBottom, 8px))
15566                     var(--megaNavSubItemPaddingLeftHover, var(--megaNavSubItemPaddingLeft, 0));
15567        }
15568
15569        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i {
15570            display: var(--megaNavSubItemIconDisplay, none);
15571            width: var(--megaNavSubItemIconSize, 16px);
15572            height: var(--megaNavSubItemIconSize, 16px);
15573            background-color: var(--megaNavSubItemIconColor, currentColor);
15574            transform: var(--megaNavSubItemIconRotate, none);
15575            -webkit-mask-size: contain;
15576            mask-size: contain;
15577            -webkit-mask-repeat: no-repeat;
15578            mask-repeat: no-repeat;
15579            -webkit-mask-position: center;
15580            mask-position: center;
15581            flex-shrink: 0;
15582            transition: background-color 0.2s ease, transform 0.2s ease;
15583        }
15584
15585        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a:hover > i,
15586        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i,
15587        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i {
15588            width: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
15589            height: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
15590            background-color: var(--megaNavSubItemIconColorHover, var(--megaNavSubItemIconColor, currentColor));
15591        }
15592    }
15593}
15594
15595@media all and (width < 650px) {
15596    .wmc_menu.wmcM_menuMegaMobile {
15597        & .navigation-nav--sub-menu.navigation-nav--mega-panel {
15598            display: none;
15599            position: fixed;
15600            top: var(--megaNavPanelTriggerTop, 0);
15601            left: 0;
15602            right: 0;
15603            inset-block-end: auto;
15604            inset-inline-end: auto;
15605            margin: 0;
15606            box-sizing: border-box;
15607            width: 100vw;
15608            max-width: 100vw;
15609            grid-template-columns: 1fr;
15610            gap: var(--megaNavPanelCellSpacing, 24px);
15611            padding: var(--megaNavPanelPaddingTop, 40px) var(--megaNavPanelPaddingRight, 40px) var(--megaNavPanelPaddingBottom, 40px) var(--megaNavPanelPaddingLeft, 40px);
15612            background-color: var(--megaNavPanelBackgroundColor, #fff);
15613            border-top: var(--megaNavPanelBorderTop, 0 none transparent);
15614            border-right: var(--megaNavPanelBorderRight, 0 none transparent);
15615            border-bottom: var(--megaNavPanelBorderBottom, 0 none transparent);
15616            border-left: var(--megaNavPanelBorderLeft, 0 none transparent);
15617            border-radius: var(--megaNavPanelBorderRadius, 0);
15618            box-shadow: var(--megaNavPanelShadow, 0 6px 24px rgba(0, 0, 0, 0.08));
15619            z-index: 1000;
15620            min-width: 0;
15621            opacity: 1;
15622            visibility: visible;
15623            transform: none;
15624            transition: none;
15625        }
15626
15627        & .navigation-nav--sub-menu.navigation-nav--mega-panel:popover-open {
15628            display: grid;
15629        }
15630
15631        & .navigation-module-container .navigation-nav--sub-menu.navigation-nav--mega-panel .arrow,
15632        & .navigation-module-container .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--separator {
15633            display: none;
15634        }
15635
15636        & .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--sub-menu {
15637            position: static;
15638            opacity: 1;
15639            visibility: visible;
15640            transform: none;
15641            max-height: none;
15642            background-color: transparent;
15643        }
15644
15645        & .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) {
15646            display: flex;
15647            flex-direction: column;
15648            align-items: stretch;
15649            grid-template-columns: none;
15650            position: static;
15651            padding-right: 0;
15652        }
15653
15654        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item {
15655            min-width: 0;
15656            display: flex;
15657            flex-direction: column;
15658            align-items: stretch;
15659            justify-items: stretch;
15660            position: static;
15661            padding-right: 0;
15662            gap: 8px;
15663        }
15664
15665        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a {
15666            display: inline-flex;
15667            align-items: center;
15668            width: 100%;
15669            gap: var(--megaNavSubItemIconSpacing, 8px);
15670            background-color: var(--megaNavSubItemBackgroundColor, transparent);
15671            border-top: var(--megaNavSubItemBorderTop, 0 none transparent);
15672            border-right: var(--megaNavSubItemBorderRight, 0 none transparent);
15673            border-bottom: var(--megaNavSubItemBorderBottom, 0 none transparent);
15674            border-left: var(--megaNavSubItemBorderLeft, 0 none transparent);
15675            border-radius: var(--megaNavSubItemBorderRadius, 0);
15676            padding: var(--megaNavSubItemPaddingTop, 0) var(--megaNavSubItemPaddingRight, 0)
15677                     var(--megaNavSubItemPaddingBottom, 8px) var(--megaNavSubItemPaddingLeft, 0);
15678            font-family: var(--megaNavSubItemFont, inherit);
15679            color: var(--megaNavSubItemFontColor, currentColor);
15680            font-size: var(--megaNavSubItemFontSize, 18px);
15681            font-weight: var(--megaNavSubItemFontWeight, 600);
15682            font-style: var(--megaNavSubItemFontStyle, normal);
15683            line-height: var(--megaNavSubItemLineHeight, normal);
15684            letter-spacing: var(--megaNavSubItemLetterSpacing, 0);
15685            text-decoration: var(--megaNavSubItemTextDecoration, none);
15686            text-transform: none;
15687        }
15688
15689        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a:hover,
15690        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a,
15691        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a {
15692            background-color: var(--megaNavSubItemHoverBackgroundColor, transparent);
15693            color: var(--megaNavSubItemHoverFontColor, currentColor);
15694            font-size: var(--megaNavSubItemHoverFontSize, var(--megaNavSubItemFontSize, 18px));
15695            font-weight: var(--megaNavSubItemHoverFontWeight, var(--megaNavSubItemFontWeight, 600));
15696            font-style: var(--megaNavSubItemHoverFontStyle, var(--megaNavSubItemFontStyle, normal));
15697            text-decoration: var(--megaNavSubItemHoverTextDecoration, var(--megaNavSubItemTextDecoration, none));
15698            border-top: var(--megaNavSubItemBorderTopHover, var(--megaNavSubItemBorderTop, 0 none transparent));
15699            border-right: var(--megaNavSubItemBorderRightHover, var(--megaNavSubItemBorderRight, 0 none transparent));
15700            border-bottom: var(--megaNavSubItemBorderBottomHover, var(--megaNavSubItemBorderBottom, 0 none transparent));
15701            border-left: var(--megaNavSubItemBorderLeftHover, var(--megaNavSubItemBorderLeft, 0 none transparent));
15702            border-radius: var(--megaNavSubItemBorderRadiusHover, var(--megaNavSubItemBorderRadius, 0));
15703            padding: var(--megaNavSubItemPaddingTopHover, var(--megaNavSubItemPaddingTop, 0))
15704                     var(--megaNavSubItemPaddingRightHover, var(--megaNavSubItemPaddingRight, 0))
15705                     var(--megaNavSubItemPaddingBottomHover, var(--megaNavSubItemPaddingBottom, 8px))
15706                     var(--megaNavSubItemPaddingLeftHover, var(--megaNavSubItemPaddingLeft, 0));
15707        }
15708
15709        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i {
15710            display: var(--megaNavSubItemIconDisplay, none);
15711            width: var(--megaNavSubItemIconSize, 16px);
15712            height: var(--megaNavSubItemIconSize, 16px);
15713            background-color: var(--megaNavSubItemIconColor, currentColor);
15714            transform: var(--megaNavSubItemIconRotate, none);
15715            -webkit-mask-size: contain;
15716            mask-size: contain;
15717            -webkit-mask-repeat: no-repeat;
15718            mask-repeat: no-repeat;
15719            -webkit-mask-position: center;
15720            mask-position: center;
15721            flex-shrink: 0;
15722            transition: background-color 0.2s ease, transform 0.2s ease;
15723        }
15724
15725        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a:hover > i,
15726        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i,
15727        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i {
15728            width: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
15729            height: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
15730            background-color: var(--megaNavSubItemIconColorHover, var(--megaNavSubItemIconColor, currentColor));
15731            transform: var(--megaNavSubItemIconRotateHover, var(--megaNavSubItemIconRotate, none));
15732        }
15733
15734        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu {
15735            list-style: none;
15736            padding: 0;
15737            margin: 0;
15738            display: flex;
15739            flex-direction: column;
15740            gap: 4px;
15741        }
15742
15743        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a {
15744            display: inline-flex;
15745            align-items: center;
15746            width: 100%;
15747            gap: var(--megaNavChildItemIconSpacing, 8px);
15748            background-color: var(--megaNavChildItemBackgroundColor, transparent);
15749            border-top: var(--megaNavChildItemBorderTop, 0 none transparent);
15750            border-right: var(--megaNavChildItemBorderRight, 0 none transparent);
15751            border-bottom: var(--megaNavChildItemBorderBottom, 0 none transparent);
15752            border-left: var(--megaNavChildItemBorderLeft, 0 none transparent);
15753            border-radius: var(--megaNavChildItemBorderRadius, 0);
15754            padding: var(--megaNavChildItemPaddingTop, 4px) var(--megaNavChildItemPaddingRight, 0)
15755                     var(--megaNavChildItemPaddingBottom, 4px) var(--megaNavChildItemPaddingLeft, 0);
15756            font-family: var(--megaNavChildItemFont, inherit);
15757            color: var(--megaNavChildItemFontColor, currentColor);
15758            font-size: var(--megaNavChildItemFontSize, 14px);
15759            font-weight: var(--megaNavChildItemFontWeight, 400);
15760            font-style: var(--megaNavChildItemFontStyle, normal);
15761            line-height: var(--megaNavChildItemLineHeight, normal);
15762            letter-spacing: var(--megaNavChildItemLetterSpacing, 0);
15763            text-decoration: var(--megaNavChildItemTextDecoration, none);
15764        }
15765
15766        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a:hover,
15767        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a,
15768        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a {
15769            background-color: var(--megaNavChildItemHoverBackgroundColor, transparent);
15770            color: var(--megaNavChildItemHoverFontColor, currentColor);
15771            font-size: var(--megaNavChildItemHoverFontSize, var(--megaNavChildItemFontSize, 14px));
15772            font-weight: var(--megaNavChildItemHoverFontWeight, var(--megaNavChildItemFontWeight, 400));
15773            font-style: var(--megaNavChildItemHoverFontStyle, var(--megaNavChildItemFontStyle, normal));
15774            text-decoration: var(--megaNavChildItemHoverTextDecoration, var(--megaNavChildItemTextDecoration, none));
15775            border-top: var(--megaNavChildItemBorderTopHover, var(--megaNavChildItemBorderTop, 0 none transparent));
15776            border-right: var(--megaNavChildItemBorderRightHover, var(--megaNavChildItemBorderRight, 0 none transparent));
15777            border-bottom: var(--megaNavChildItemBorderBottomHover, var(--megaNavChildItemBorderBottom, 0 none transparent));
15778            border-left: var(--megaNavChildItemBorderLeftHover, var(--megaNavChildItemBorderLeft, 0 none transparent));
15779            border-radius: var(--megaNavChildItemBorderRadiusHover, var(--megaNavChildItemBorderRadius, 0));
15780        }
15781
15782        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i {
15783            display: var(--megaNavChildItemIconDisplay, none);
15784            width: var(--megaNavChildItemIconSize, 14px);
15785            height: var(--megaNavChildItemIconSize, 14px);
15786            background-color: var(--megaNavChildItemIconColor, currentColor);
15787            transform: var(--megaNavChildItemIconRotate, none);
15788            -webkit-mask-size: contain;
15789            mask-size: contain;
15790            -webkit-mask-repeat: no-repeat;
15791            mask-repeat: no-repeat;
15792            -webkit-mask-position: center;
15793            mask-position: center;
15794            flex-shrink: 0;
15795            transition: background-color 0.2s ease, transform 0.2s ease;
15796        }
15797
15798        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a:hover > i,
15799        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i,
15800        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i {
15801            width: var(--megaNavChildItemIconSizeHover, var(--megaNavChildItemIconSize, 14px));
15802            height: var(--megaNavChildItemIconSizeHover, var(--megaNavChildItemIconSize, 14px));
15803            background-color: var(--megaNavChildItemIconColorHover, var(--megaNavChildItemIconColor, currentColor));
15804            transform: var(--megaNavChildItemIconRotateHover, var(--megaNavChildItemIconRotate, none));
15805        }
15806
15807        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-menu {
15808            list-style: none;
15809            margin: 0;
15810            padding: 0;
15811            padding-left: 16px;
15812            display: flex;
15813            flex-direction: column;
15814            gap: 4px;
15815        }
15816
15817        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu {
15818            background-color: var(--megaNavPanelBackgroundColor, #fff);
15819        }
15820
15821        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item {
15822            min-width: 0;
15823            position: static;
15824            background-color: var(--megaNavSubItemBackgroundColor, transparent);
15825            border-top: var(--megaNavSubItemBorderTop, 0 none transparent);
15826            border-right: var(--megaNavSubItemBorderRight, 0 none transparent);
15827            border-bottom: var(--megaNavSubItemBorderBottom, 0 none transparent);
15828            border-left: var(--megaNavSubItemBorderLeft, 0 none transparent);
15829            border-radius: var(--megaNavSubItemBorderRadius, 0);
15830        }
15831
15832        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item:hover,
15833        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item,
15834        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item {
15835            background-color: var(--megaNavSubItemHoverBackgroundColor, transparent);
15836            border-top: var(--megaNavSubItemBorderTopHover, var(--megaNavSubItemBorderTop, 0 none transparent));
15837            border-right: var(--megaNavSubItemBorderRightHover, var(--megaNavSubItemBorderRight, 0 none transparent));
15838            border-bottom: var(--megaNavSubItemBorderBottomHover, var(--megaNavSubItemBorderBottom, 0 none transparent));
15839            border-left: var(--megaNavSubItemBorderLeftHover, var(--megaNavSubItemBorderLeft, 0 none transparent));
15840            border-radius: var(--megaNavSubItemBorderRadiusHover, var(--megaNavSubItemBorderRadius, 0));
15841        }
15842
15843        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a {
15844            display: inline-flex;
15845            align-items: center;
15846            width: 100%;
15847            gap: var(--megaNavSubItemIconSpacing, 8px);
15848            background-color: transparent;
15849            padding: var(--megaNavSubItemPaddingTop, 0) var(--megaNavSubItemPaddingRight, 0)
15850                     var(--megaNavSubItemPaddingBottom, 8px) var(--megaNavSubItemPaddingLeft, 0);
15851            font-family: var(--megaNavSubItemFont, inherit);
15852            color: var(--megaNavSubItemFontColor, currentColor);
15853            font-size: var(--megaNavSubItemFontSize, 18px);
15854            font-weight: var(--megaNavSubItemFontWeight, 600);
15855            font-style: var(--megaNavSubItemFontStyle, normal);
15856            line-height: var(--megaNavSubItemLineHeight, normal);
15857            letter-spacing: var(--megaNavSubItemLetterSpacing, 0);
15858            text-decoration: var(--megaNavSubItemTextDecoration, none);
15859            text-transform: none;
15860        }
15861
15862        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a:hover,
15863        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a,
15864        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a {
15865            color: var(--megaNavSubItemHoverFontColor, currentColor);
15866            font-weight: var(--megaNavSubItemHoverFontWeight, var(--megaNavSubItemFontWeight, 600));
15867            font-style: var(--megaNavSubItemHoverFontStyle, var(--megaNavSubItemFontStyle, normal));
15868            text-decoration: var(--megaNavSubItemHoverTextDecoration, var(--megaNavSubItemTextDecoration, none));
15869            padding: var(--megaNavSubItemPaddingTopHover, var(--megaNavSubItemPaddingTop, 0))
15870                     var(--megaNavSubItemPaddingRightHover, var(--megaNavSubItemPaddingRight, 0))
15871                     var(--megaNavSubItemPaddingBottomHover, var(--megaNavSubItemPaddingBottom, 8px))
15872                     var(--megaNavSubItemPaddingLeftHover, var(--megaNavSubItemPaddingLeft, 0));
15873        }
15874
15875        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i {
15876            display: var(--megaNavSubItemIconDisplay, none);
15877            width: var(--megaNavSubItemIconSize, 16px);
15878            height: var(--megaNavSubItemIconSize, 16px);
15879            background-color: var(--megaNavSubItemIconColor, currentColor);
15880            transform: var(--megaNavSubItemIconRotate, none);
15881            -webkit-mask-size: contain;
15882            mask-size: contain;
15883            -webkit-mask-repeat: no-repeat;
15884            mask-repeat: no-repeat;
15885            -webkit-mask-position: center;
15886            mask-position: center;
15887            flex-shrink: 0;
15888            transition: background-color 0.2s ease, transform 0.2s ease;
15889        }
15890
15891        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a:hover > i,
15892        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i,
15893        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i {
15894            width: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
15895            height: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
15896            background-color: var(--megaNavSubItemIconColorHover, var(--megaNavSubItemIconColor, currentColor));
15897        }
15898    }
15899}
15900
15901@media all and (width >= 1040px) {
15902    .wmc_menu.wmcM_menuHorizontalDesktop .navigation-nav--item > .navigation-nav--sub-menu[popover],
15903    .wmc_menu.wmcM_menuMegaDesktop .navigation-nav--more-trigger > .navigation-nav--more-menu[popover] {
15904        display: none;
15905        position: fixed;
15906        top: var(--horizontalNavSubPanelTriggerTop, 0);
15907        left: var(--horizontalNavSubPanelTriggerLeft, 0);
15908        right: auto;
15909        bottom: auto;
15910        margin: 0;
15911        overflow: visible;
15912        opacity: 1;
15913        visibility: visible;
15914        transform: none;
15915        transition: none;
15916        z-index: auto;
15917    }
15918
15919    .wmc_menu.wmcM_menuHorizontalDesktop .navigation-nav--item > .navigation-nav--sub-menu[popover]:popover-open,
15920    .wmc_menu.wmcM_menuMegaDesktop .navigation-nav--more-trigger > .navigation-nav--more-menu[popover]:popover-open {
15921        display: flex;
15922    }
15923}
15924
15925@media all and (width < 1040px) {
15926    .wmc_menu.wmcM_menuHorizontalTablet .navigation-nav--item > .navigation-nav--sub-menu[popover],
15927    .wmc_menu.wmcM_menuMegaTablet .navigation-nav--more-trigger > .navigation-nav--more-menu[popover] {
15928        display: none;
15929        position: fixed;
15930        top: var(--horizontalNavSubPanelTriggerTop, 0);
15931        left: var(--horizontalNavSubPanelTriggerLeft, 0);
15932        right: auto;
15933        bottom: auto;
15934        margin: 0;
15935        overflow: visible;
15936        opacity: 1;
15937        visibility: visible;
15938        transform: none;
15939        transition: none;
15940        z-index: auto;
15941    }
15942
15943    .wmc_menu.wmcM_menuHorizontalTablet .navigation-nav--item > .navigation-nav--sub-menu[popover]:popover-open,
15944    .wmc_menu.wmcM_menuMegaTablet .navigation-nav--more-trigger > .navigation-nav--more-menu[popover]:popover-open {
15945        display: flex;
15946    }
15947}
15948
15949@media all and (width < 650px) {
15950    .wmc_menu.wmcM_menuHorizontalMobile .navigation-nav--item > .navigation-nav--sub-menu[popover],
15951    .wmc_menu.wmcM_menuMegaMobile .navigation-nav--more-trigger > .navigation-nav--more-menu[popover] {
15952        display: none;
15953        position: fixed;
15954        top: var(--horizontalNavSubPanelTriggerTop, 0);
15955        left: var(--horizontalNavSubPanelTriggerLeft, 0);
15956        right: auto;
15957        bottom: auto;
15958        margin: 0;
15959        overflow: visible;
15960        opacity: 1;
15961        visibility: visible;
15962        transform: none;
15963        transition: none;
15964        z-index: auto;
15965    }
15966
15967    .wmc_menu.wmcM_menuHorizontalMobile .navigation-nav--item > .navigation-nav--sub-menu[popover]:popover-open,
15968    .wmc_menu.wmcM_menuMegaMobile .navigation-nav--more-trigger > .navigation-nav--more-menu[popover]:popover-open {
15969        display: flex;
15970    }
15971}
15972
15973.wmc_menu.wmcM_menuMegaDesktop .navigation-nav--more-menu > .navigation-nav--sub-item:has(> button.arrow[popovertarget]),
15974.wmc_menu.wmcM_menuMegaTablet .navigation-nav--more-menu > .navigation-nav--sub-item:has(> button.arrow[popovertarget]),
15975.wmc_menu.wmcM_menuMegaMobile .navigation-nav--more-menu > .navigation-nav--sub-item:has(> button.arrow[popovertarget]) {
15976    display: grid;
15977    grid-template-columns: 1fr calc(var(--horizontalNavSubArrowSpacing, 8px) + var(--horizontalNavSubArrowSize, 12px));
15978    align-items: center;
15979}
15980
15981.wmc_menu.wmcM_menuMegaDesktop .navigation-nav--more-menu > .navigation-nav--sub-item:has(> button.arrow[popovertarget]) > a,
15982.wmc_menu.wmcM_menuMegaTablet .navigation-nav--more-menu > .navigation-nav--sub-item:has(> button.arrow[popovertarget]) > a,
15983.wmc_menu.wmcM_menuMegaMobile .navigation-nav--more-menu > .navigation-nav--sub-item:has(> button.arrow[popovertarget]) > a {
15984    padding-right: 0;
15985    width: 100%;
15986}
15987
15988.wmc_menu.wmcM_menuMegaDesktop .navigation-nav--more-menu > .navigation-nav--sub-item > button.arrow[popovertarget],
15989.wmc_menu.wmcM_menuMegaTablet .navigation-nav--more-menu > .navigation-nav--sub-item > button.arrow[popovertarget],
15990.wmc_menu.wmcM_menuMegaMobile .navigation-nav--more-menu > .navigation-nav--sub-item > button.arrow[popovertarget] {
15991    display: flex;
15992    align-items: center;
15993    justify-content: center;
15994    width: var(--horizontalNavSubArrowSize, 12px);
15995    height: 100%;
15996    margin-left: var(--horizontalNavSubArrowSpacing, 8px);
15997    background: transparent;
15998    border: 0;
15999    padding: 0;
16000    cursor: pointer;
16001    pointer-events: auto;
16002}
16003
16004.wmc_menu.wmcM_menuMegaDesktop .navigation-nav--more-menu > .navigation-nav--sub-item > button.arrow[popovertarget]::after,
16005.wmc_menu.wmcM_menuMegaTablet .navigation-nav--more-menu > .navigation-nav--sub-item > button.arrow[popovertarget]::after,
16006.wmc_menu.wmcM_menuMegaMobile .navigation-nav--more-menu > .navigation-nav--sub-item > button.arrow[popovertarget]::after {
16007    content: '';
16008    display: block;
16009    width: var(--horizontalNavSubArrowSize, 12px);
16010    height: var(--horizontalNavSubArrowSize, 12px);
16011    -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
16012    mask-image: var(--wmd_submenuCaretIconUrl);
16013    -webkit-mask-size: contain;
16014    mask-size: contain;
16015    -webkit-mask-repeat: no-repeat;
16016    mask-repeat: no-repeat;
16017    -webkit-mask-position: center;
16018    mask-position: center;
16019    background-color: var(--horizontalNavSubArrowColor, currentColor);
16020    transition: transform 0.2s ease, background-color 0.2s ease;
16021}
16022
16023.wmc_menu .navigation-module-container.active:popover-open {
16024    position: fixed;
16025    top: 0;
16026    left: 0;
16027    right: auto;
16028    bottom: auto;
16029    width: calc(100vw / var(--wm_scale));
16030    height: calc(100dvh / var(--wm_scale));
16031    max-width: none;
16032    transform: scale(var(--wm_scale));
16033    transform-origin: 0 0;
16034    margin: 0;
16035    border: 0;
16036}
16037
16038body > .wmcM_scrollBehavior .wmc_menu.wmcM_menuHamburgerMobile .navigation-module-container.active:popover-open {
16039    transform: scale(var(--wm_scale)) !important;
16040    transform-origin: 0 0 !important;
16041    top: 0 !important;
16042    left: 0 !important;
16043    width: calc(100vw / var(--wm_scale)) !important;
16044    height: calc(100dvh / var(--wm_scale)) !important;
16045}
16046</style>
16047            <style>/* breadcrumb.css */
16048.wmc_breadcrumb {
16049    --height: min-content;
16050
16051    --breadcrumbHorizontalGap: 0px;
16052    --breadcrumbVerticalGap: 0px;
16053    --breadcrumbHomeIconColor: rgba(var(--colorPrimaryA), 1);
16054    --breadcrumbDelimiterIconColor: rgba(var(--colorSecondaryC), 1);
16055    --breadcrumbHomeIconSize: 1.25rem;
16056    --wmd_homeIconUrl: ;
16057    --wmd_delimiterIconUrl: ;
16058
16059    /* item font */
16060    --breadcrumbItemFontDesktop: var(--fontFamilyPrimary);
16061    --breadcrumbItemFontColorDesktop: rgba(var(--colorPrimaryA), 1);
16062    --breadcrumbItemFontSizeDesktop: 16px;
16063    --breadcrumbItemFontWeightDesktop: 300;
16064    --breadcrumbItemTextDecorationDesktop: none;
16065    --breadcrumbItemFontStyleDesktop: normal;
16066    --breadcrumbItemLineHeightDesktop: 1.4;
16067    --breadcrumbDelimiterIconSizeDesktop: 1rem;
16068
16069    /*  item font hover */
16070    --breadcrumbItemHoverFontColorDesktop: var(--breadcrumbItemFontColorDesktop);
16071    --breadcrumbItemFontSizeHoverDesktop: var(--breadcrumbItemFontSizeDesktop);
16072    --breadcrumbItemFontWeightHoverDesktop: var(--breadcrumbItemFontWeightDesktop);
16073    --breadcrumbItemTextDecorationHoverDesktop: var(--breadcrumbItemTextDecorationDesktop);
16074    --breadcrumbItemFontStyleHoverDesktop: var(--breadcrumbItemFontStyleDesktop);
16075    --breadcrumbItemLineHeightHoverDesktop: var(--breadcrumbItemLineHeightDesktop);
16076
16077    --breadcrumbItemFont: var(--breadcrumbItemFontDesktop);
16078    --breadcrumbItemFontColor: var(--breadcrumbItemFontColorDesktop);
16079    --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeDesktop);
16080    --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightDesktop);
16081    --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationDesktop);
16082    --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleDesktop);
16083    --breadcrumbItemLineHeight: var(--breadcrumbItemLineHeightDesktop);
16084    --breadcrumbDelimiterIconSize: var(--breadcrumbDelimiterIconSizeDesktop);
16085
16086    a.wmd__item, span.wmd__item {
16087
16088
16089        &:hover,
16090        .wmcA_hoverState & {
16091            --breadcrumbItemFontColor: var(--breadcrumbItemHoverFontColorDesktop);
16092            --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeHoverDesktop);
16093            --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightHoverDesktop);
16094            --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationHoverDesktop);
16095            --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleHoverDesktop);
16096        }
16097    }
16098
16099    .wmd__item {
16100        transition: all 0.3s ease;
16101        -webkit-transition: all 0.3s ease;
16102
16103        /* apply  item font */
16104        font-family: var(--breadcrumbItemFont);
16105        color: var(--breadcrumbItemFontColor);
16106        font-size: var(--breadcrumbItemFontSize);
16107        font-weight: var(--breadcrumbItemFontWeight);
16108        text-decoration: var(--breadcrumbItemTextDecoration);
16109        font-style: var(--breadcrumbItemFontStyle);
16110        line-height: var(--breadcrumbItemLineHeight);
16111
16112        &:hover,
16113        .wmcA_hoverState & {
16114            --breadcrumbItemFontColor: var(--breadcrumbItemHoverFontColorDesktop);
16115            --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeHoverDesktop);
16116            --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightHoverDesktop);
16117            --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationHoverDesktop);
16118            --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleHoverDesktop);
16119            --breadcrumbItemLineHeight: var(--breadcrumbItemLineHeightHoverDesktop);
16120        }
16121    }
16122}
16123
16124@media all and (width < 1040px) {
16125    .wmc_breadcrumb {
16126        /* item font */
16127        --breadcrumbItemFontTablet: var(--breadcrumbItemFontDesktop);
16128        --breadcrumbItemFontColorTablet: var(--breadcrumbItemFontColorDesktop);
16129        --breadcrumbItemFontSizeTablet: var(--breadcrumbItemFontSizeDesktop);
16130        --breadcrumbItemFontWeightTablet: var(--breadcrumbItemFontWeightDesktop);
16131        --breadcrumbItemTextDecorationTablet: var(--breadcrumbItemTextDecorationDesktop);
16132        --breadcrumbItemFontStyleTablet: var(--breadcrumbItemFontStyleDesktop);
16133        --breadcrumbItemLineHeightTablet: var(--breadcrumbItemLineHeightDesktop);
16134        --breadcrumbDelimiterIconSizeTablet: var(--breadcrumbDelimiterIconSizeDesktop);
16135
16136        /* item font hover */
16137        --breadcrumbItemHoverFontColorTablet: var(--breadcrumbItemHoverFontColorDesktop);
16138        --breadcrumbItemFontSizeHoverTablet: var(--breadcrumbItemFontSizeTablet);
16139        --breadcrumbItemFontWeightHoverTablet: var(--breadcrumbItemFontWeightHoverDesktop);
16140        --breadcrumbItemTextDecorationHoverTablet: var(--breadcrumbItemTextDecorationHoverDesktop);
16141        --breadcrumbItemFontStyleHoverTablet: var(--breadcrumbItemFontStyleHoverDesktop);
16142        --breadcrumbItemLineHeightHoverTablet: var(--breadcrumbItemLineHeightHoverDesktop);
16143
16144        --breadcrumbItemFont: var(--breadcrumbItemFontTablet);
16145        --breadcrumbItemFontColor: var(--breadcrumbItemFontColorTablet);
16146        --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeTablet);
16147        --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightTablet);
16148        --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationTablet);
16149        --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleTablet);
16150        --breadcrumbItemLineHeight: var(--breadcrumbItemLineHeightTablet);
16151        --breadcrumbDelimiterIconSize: var(--breadcrumbDelimiterIconSizeTablet);
16152
16153        a.wmd__item, span.wmd__item {
16154            &:hover,
16155            .wmcA_hoverState & {
16156                --breadcrumbItemFontColor: var(--breadcrumbItemHoverFontColorTablet);
16157                --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeHoverTablet);
16158                --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightHoverTablet);
16159                --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationHoverTablet);
16160                --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleHoverTablet);
16161                --breadcrumbItemLineHeight: var(--breadcrumbItemLineHeightHoverTablet);
16162            }
16163        }
16164    }
16165}
16166
16167@media all and (width < 650px) {
16168    .wmc_breadcrumb {
16169        /* item font */
16170        --breadcrumbItemFontMobile: var(--breadcrumbItemFontDesktop);
16171        --breadcrumbItemFontColorMobile: var(--breadcrumbItemFontColorDesktop);
16172        --breadcrumbItemFontSizeMobile: var(--breadcrumbItemFontSizeDesktop);
16173        --breadcrumbItemFontWeightMobile: var(--breadcrumbItemFontWeightDesktop);
16174        --breadcrumbItemTextDecorationMobile: var(--breadcrumbItemTextDecorationDesktop);
16175        --breadcrumbItemFontStyleMobile: var(--breadcrumbItemFontStyleDesktop);
16176        --breadcrumbItemLineHeightMobile: var(--breadcrumbItemLineHeightDesktop);
16177        --breadcrumbDelimiterIconSizeMobile: var(--breadcrumbDelimiterIconSizeDesktop);
16178
16179        /*  item font hover*/
16180        --breadcrumbItemHoverFontColorMobile: var(--breadcrumbItemHoverFontColorDesktop);
16181        --breadcrumbItemFontSizeHoverMobile: var(--breadcrumbItemFontSizeMobile);
16182        --breadcrumbItemFontWeightHoverMobile: var(--breadcrumbItemFontWeightHoverDesktop);
16183        --breadcrumbItemTextDecorationHoverMobile: var(--breadcrumbItemTextDecorationHoverDesktop);
16184        --breadcrumbItemFontStyleHoverMobile: var(--breadcrumbItemFontStyleHoverDesktop);
16185        --breadcrumbItemLineHeightHoverMobile: var(--breadcrumbItemLineHeightHoverDesktop);
16186
16187        --breadcrumbItemFont: var(--breadcrumbItemFontMobile);
16188        --breadcrumbItemFontColor: var(--breadcrumbItemFontColorMobile);
16189        --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeMobile);
16190        --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightMobile);
16191        --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationMobile);
16192        --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleMobile);
16193        --breadcrumbItemLineHeight: var(--breadcrumbItemLineHeightMobile);
16194        --breadcrumbDelimiterIconSize: var(--breadcrumbDelimiterIconSizeMobile);
16195
16196        a.wmd__item, span.wmd__item {
16197            &:hover,
16198            .wmcA_hoverState & {
16199                --breadcrumbItemFontColor: var(--breadcrumbItemHoverFontColorMobile);
16200                --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeHoverMobile);
16201                --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightHoverMobile);
16202                --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationHoverMobile);
16203                --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleHoverMobile);
16204                --breadcrumbItemLineHeight: var(--breadcrumbItemLineHeightHoverMobile);
16205            }
16206        }
16207    }
16208}
16209
16210.wmc_breadcrumb .wmd_homeIcon i {
16211    transition: all 0.3s ease;
16212    -webkit-transition: all 0.3s ease;
16213    display: inline-block;
16214    width: var(--breadcrumbItemFontSize);
16215    height: var(--breadcrumbItemFontSize);
16216    background-color: var(--breadcrumbItemFontColor);
16217    mask: var(--wmd_homeIconUrl) center / contain no-repeat;
16218}
16219
16220.wmc_breadcrumb .wmd_delimiterIcon i {
16221    display: inline-block;
16222    width: var(--breadcrumbDelimiterIconSize);
16223    height: var(--breadcrumbDelimiterIconSize);
16224    background-color: var(--breadcrumbDelimiterIconColor);
16225    mask: var(--wmd_delimiterIconUrl) center / contain no-repeat;
16226}
16227
16228.wmc_breadcrumb .wml.wml_breadcrumb {
16229    display: block;
16230
16231    & > * {
16232        line-height: var(--breadcrumbItemLineHeight);
16233        vertical-align: middle;
16234
16235        &.wmd_homeIcon {
16236            display: inline-block;
16237            line-height: 0;
16238            & > a {
16239                display: inline-flex;
16240                width: var(--breadcrumbItemFontSize);
16241                height: var(--breadcrumbItemFontSize);
16242                justify-content: center;
16243                align-items: flex-start;
16244                & > span {
16245                    display: inline-flex;
16246                    width: var(--breadcrumbItemFontSize);
16247                    height: var(--breadcrumbItemFontSize);
16248                }
16249            }
16250        }
16251        &.space-separator {
16252            display: inline-block;
16253            width: var(--breadcrumbHorizontalGap);
16254        }
16255        &.wmd_delimiterIcon {
16256            display: inline-block;
16257            margin-right: var(--breadcrumbHorizontalGap);
16258            line-height: 0;
16259        }
16260    }
16261}
16262
16263.wmc_breadcrumb.wmcM_breadcrumbHideHome .wml.wml_breadcrumb {
16264    & > * {
16265        &.wmd_home + .space-separator,
16266        &.wmd_delimiterIcon--first + .space-separator {
16267            display: none;
16268        }
16269    }
16270}
16271
16272.wmc_breadcrumb.wmcM_breadcrumbHideSeparator .wml.wml_breadcrumb .wmd_delimiterIcon,
16273.wmc_breadcrumb.wmcM_breadcrumbHideHome .wml.wml_breadcrumb .wmd_home,
16274.wmc_breadcrumb.wmcM_breadcrumbHideHome .wml.wml_breadcrumb .wmd_delimiterIcon--first,
16275.wmc_breadcrumb.wmcM_breadcrumbHomeText .wml.wml_breadcrumb .wmd_homeIcon,
16276.wmc_breadcrumb:not(.wmcM_breadcrumbHomeText) .wml.wml_breadcrumb .wmd_homeText {
16277    display: none;
16278}
16279
16280.wmc_breadcrumb.wmcM_breadcrumbHomeText:not(.wmcM_breadcrumbHideHome) .wml.wml_breadcrumb .wmd_homeText {
16281    display: inline-block;
16282}
16283</style>
16284            <style>/* map.css */
16285.wmc_map {
16286    --mapCloseIconSize: 15px;
16287    --mapPopupWidth: 300px;
16288    --minHeightDesktop: 450px;
16289    --minHeightTablet: 450px;
16290    --minHeightMobile: 450px;
16291    --height: min-content;
16292}
16293
16294.wmc_map wm-google-map,
16295.wmc_map wm-leaflet-map {
16296    width: 100%;
16297    max-height: 100%;
16298    max-width: 100%;
16299    min-height: var(--minHeight);
16300    height: var(--minHeight);
16301    display: block;
16302    background-size: cover;
16303    background-image: url('data:image/webp;base64,UklGRmIBAABXRUJQVlA4IFYBAACQCwCdASpAACYAPmkqkEWkIqGZWk8wQAaEoAnTLLwslFdwQsgEBCt5ckj2Fb6NKbP8sBAux3bv1HEv6H2QC7zopFTTYjqGLxmGgjAkiPtuE4CKo3Dd97WDYIsw68XKyj8PE3LDAAD++NXEoSwFFGq9zrSCoYqny+vXGji7IzR7uzwrYPb5k+d2ZsR/SoyAo7F3rLqwZH54k8w/lJMBEtELj8SEP3F2cOoELUDyrWfS6wYvtcnzYYCp7Ia1TvXaJ5OofRbG4MRaMBExnYNfmGxfAwaVWfYFwNk/xKJjs5tf/0tzeW900Cx01gVKfQoM7T675e5M1sLB2HbKZysb251Nb3YHw+G/d+pFJzBe69m9jUO4iRdITHBVoyzttKPLbGg3R0KOfVlO8MsGU7p3r67HkciLOu+ZM//CVpiglMs4NxtdT5Qlp75lvyUvxmhRd/BwHx4AAAA=');
16304}
16305
16306.wmc_map .info-window {
16307    max-width: var(--mapPopupWidth);
16308
16309    & p {
16310        margin: 0;
16311        padding: 0;
16312        color: black;
16313        font-size: 14px;
16314        line-height: 1.4;
16315        margin-bottom: 3px;
16316
16317        &:last-child {
16318            margin-bottom: 0;
16319        }
16320    }
16321
16322    & .info-window-title {
16323        display: none;
16324        font-size: 14px;
16325        font-weight: bold;
16326        margin-bottom: 5px;
16327    }
16328
16329    & .info-window-address {
16330        display: block;
16331        font-size: 14px;
16332        font-weight: bold;
16333        margin-bottom: 5px;
16334    }
16335
16336    & .info-window-address-text {
16337        font-size: 12px;
16338    }
16339}
16340
16341/***
16342 * Google Maps
16343 ***/
16344
16345.wmc_map .gm-style .gm-style-iw-c {
16346    padding: 10px !important;
16347    border: none !important;
16348    outline: none !important;
16349
16350    * {
16351        outline: none !important;
16352    }
16353
16354    & .gm-style-iw-chr {
16355        position: absolute;
16356        top: 5px;
16357        right: 5px;
16358        width: var(--mapCloseIconSize);
16359        height: var(--mapCloseIconSize);
16360        z-index: 10;
16361
16362        & button {
16363            margin: 0;
16364            padding: 0;
16365            width: var(--mapCloseIconSize) !important;
16366            height: var(--mapCloseIconSize) !important;
16367        }
16368
16369        & span {
16370            margin: 0 !important;
16371            padding: 0;
16372            width: var(--mapCloseIconSize) !important;
16373            height: var(--mapCloseIconSize) !important;
16374        }
16375    }
16376
16377    & .gm-style-iw-d {
16378        margin: 0;
16379        padding: 0;
16380        overflow: hidden !important;
16381    }
16382}
16383
16384/***
16385 * Leaflet
16386 ***/
16387
16388.wmc_map .grayscale-layer {
16389    filter: grayscale(100%);
16390}
16391
16392.wmc_map .leaflet-popup-content {
16393    margin: 0 !important;
16394    padding: 10px !important;
16395    max-width: var(--mapPopupWidth) !important;
16396}
16397</style>
16398            <style>/* core_live.css */
16399/*** HOVER EFFECT FOR LIVE SITES ***/
16400.wmcM_animateHover {
16401    --transitionDurationHover: calc(1ms * var(--transitionDurationMsHover));
16402
16403    > .wml {
16404        pointer-events: auto;
16405        /*will-change: transform, opacity, filter;*/
16406    }
16407}
16408
16409/*** ENTRY ANIMATION FOR LIVE SITES ***/
16410.wmcM_animateEntry {
16411    --transitionDelayEntry: calc(1ms * var(--transitionDelayMsEntry));
16412    --transitionDurationEntry: calc(1ms * var(--transitionDurationMsEntry));
16413}
16414
16415.wmcM_animateEntry > .wml {
16416    /*will-change: transform, opacity, filter;*/
16417}
16418
16419.wmcM_animateEntry.wmcA_entryTransitionState > .wml,
16420.wmc_color_layer.wmcM_animateEntry.wmcA_entryTransitionState,
16421.wmc_gradient_layer.wmcM_animateEntry.wmcA_entryTransitionState {
16422    transition:
16423        all var(--transitionEasingEntry),
16424        transform var(--transitionEasingKineticEntry),
16425        border-radius var(--transitionEasingKineticEntry),
16426        margin var(--transitionEasingKineticEntry),
16427        width var(--transitionEasingKineticEntry),
16428        min-width var(--transitionEasingKineticEntry),
16429        max-width var(--transitionEasingKineticEntry),
16430        height var(--transitionEasingKineticEntry),
16431        min-height var(--transitionEasingKineticEntry),
16432        max-height var(--transitionEasingKineticEntry),
16433        top var(--transitionEasingKineticEntry),
16434        right var(--transitionEasingKineticEntry),
16435        bottom var(--transitionEasingKineticEntry),
16436        left var(--transitionEasingKineticEntry);
16437    transition-delay: var(--transitionDelayEntry);
16438    transition-duration: var(--transitionDurationEntry);
16439}
16440
16441.wmcM_animateEntry.wmcA_entryTransitionState {
16442    --filter: var(--filterEntryNormal);
16443}
16444.wmcM_animateEntry.wmcA_entryInitialState > .wml,
16445.wmc_color_layer.wmcM_animateEntry.wmcA_entryInitialState,
16446.wmc_gradient_layer.wmcM_animateEntry.wmcA_entryInitialState {
16447    transition: none;
16448    transform: var(--translateEntry) var(--scaleEntry) var(--rotateEntry);
16449    filter: var(--filterEntry);
16450}
16451.wmcM_animateEntry.wmcA_noTransition > .wml,
16452.wmc_color_layer.wmcM_animateEntry.wmcA_noTransition,
16453.wmc_gradient_layer.wmcM_animateEntry.wmcA_noTransition {
16454    transition: none !important;
16455}
16456.wmcM_animateEntry.wmcA_entryInitialState > .wml,
16457.wmc_color_layer.wmcM_animateEntry.wmcA_entryInitialState {
16458    opacity: var(--opacityEntry);
16459}
16460
16461.wmc_gradient_layer.wmcM_animateEntry.wmcA_entryInitialState {
16462    --bgGradientOpacity: calc(var(--bgGradientOpacityDesktop, 1) * var(--opacityEntry));
16463}
16464@media all and (650px <= width < 1040px) {
16465    .wmc_gradient_layer.wmcM_animateEntry.wmcA_entryInitialState {
16466        --bgGradientOpacity: calc(var(--bgGradientOpacityTablet, var(--bgGradientOpacityDesktop, 1)) * var(--opacityEntry));
16467    }
16468}
16469@media all and (width < 650px) {
16470    .wmc_gradient_layer.wmcM_animateEntry.wmcA_entryInitialState {
16471        --bgGradientOpacity: calc(var(--bgGradientOpacityMobile, var(--bgGradientOpacityDesktop, 1)) * var(--opacityEntry));
16472    }
16473}
16474
16475/*** EXIT ANIMATION FOR LIVE SITES ***/
16476.wmcM_animateExit {
16477    --transitionDelayExit: calc(1ms * var(--transitionDelayMsEntry));
16478    --transitionDurationExit: calc(1ms * var(--transitionDurationMsEntry));
16479}
16480
16481.wmcM_animateEntry.wmcM_animateExit {
16482    --transitionDelayExit: calc(1ms * var(--transitionDelayMsEntry));
16483    --transitionDurationExit: calc(1ms * var(--transitionDurationMsEntry));
16484}
16485
16486.wmcM_animateExit.wmcA_exitTransitionState > .wml {
16487    transition: opacity var(--transitionDurationExit) var(--transitionEasingEntry),
16488    transform var(--transitionDurationExit) var(--transitionEasingKineticEntry),
16489    filter var(--transitionDurationExit) var(--transitionEasingEntry);
16490    transition-delay: var(--transitionDelayExit);
16491}
16492
16493.wmcM_animateExit.wmcA_exitTransitionState {
16494    --filter: var(--filterEntryNormal);
16495}
16496
16497.wmc_section.wmcM_animateExit.wmcA_exitInitialState > .wml {
16498    transform: var(--translateEntry, translate3d(0, 0, -100px)) var(--scaleEntry, scale(0.8)) var(--rotateEntry, rotate(0deg)) !important;
16499    opacity: 0 !important;
16500    filter: var(--filterEntry, blur(0px)) !important;
16501}
16502
16503/*** HIDE COMPONENTS AND SECTIONS FOR LIVE SITES ***/
16504@media all and (1040px <= width) {
16505    .wmc:is(.wmcM_hidden--desktop) {
16506        visibility: hidden;
16507
16508        &.wmc_section {
16509            display: none;
16510        }
16511    }
16512}
16513
16514@media all and (650px <= width < 1040px) {
16515    .wmc:is(.wmcM_hidden--tablet) {
16516        visibility: hidden;
16517
16518        &.wmc_section {
16519            display: none;
16520        }
16521    }
16522}
16523
16524@media all and (width < 650px) {
16525    .wmc:is(.wmcM_hidden--mobile) {
16526        visibility: hidden;
16527
16528        &.wmc_section {
16529            display: none;
16530        }
16531    }
16532}
16533
16534/*** SLIDESHOW FOR LIVE SITES ***/
16535
16536.wmcM_stickyTopFixed.wmc_section {
16537    position: fixed;
16538    left: 0;
16539    right: 0;
16540    top: var(--stickyOffset, 0px);
16541}
16542
16543.wmcM_stickyBottomFixed.wmc_section {
16544    position: fixed;
16545    left: 0;
16546    right: 0;
16547    bottom: var(--stickyOffset, 0px);
16548}
16549
16550.wmcM_trailingTopRevealed.wmc_section {
16551    position: fixed;
16552    left: 0;
16553    right: 0;
16554    top: var(--stickyOffset, 0px);
16555    height: auto;
16556    overflow: visible;
16557}
16558
16559.wmcM_trailingBottomRevealed.wmc_section {
16560    position: fixed;
16561    left: 0;
16562    right: 0;
16563    bottom: var(--stickyOffset, 0px);
16564    height: auto;
16565    overflow: visible;
16566}
16567
16568.wmcM_scrollBehavior.wmcM_stickyBottom.wmcM_stickyBottomFixed {
16569    display: block;
16570}
16571
16572.wmcM_stickyTopFixed,
16573.wmcM_stickyBottomFixed,
16574.wmcM_trailingTopRevealed,
16575.wmcM_trailingBottomRevealed {
16576    z-index: 5000;
16577}
16578
16579.grecaptcha-badge {
16580    z-index: 999 !important;
16581}
16582
16583body > .wmc_section.wmc_section_sticky_state:is(.wmcM_stickyBottomFixed, .wmcM_trailingBottomRevealed) {
16584    transform-origin: 0 100% 0 !important;
16585}
16586
16587html.full_screen_open_body_fixed body > .wmc_section.wmc_section_sticky_state:has(.wmc_menu .navigation-module-container.active) {
16588    inset: 0 !important;
16589    width: calc(100dvw / var(--wm_scale)) !important;
16590    max-width: calc(100dvw / var(--wm_scale)) !important;
16591    min-width: calc(100dvw / var(--wm_scale)) !important;
16592    height: calc(100dvh / var(--wm_scale)) !important;
16593    max-height: calc(100dvh / var(--wm_scale)) !important;
16594    min-height: calc(100dvh / var(--wm_scale)) !important;
16595    transform-origin: 0 0 0 !important;
16596    --stickyOffset: 0px !important;
16597    z-index: 7000 !important;
16598}
16599
16600@media all and (width >= 1040px) {
16601    .wmcM_scrollBehavior.wmcM_stickyTop--desktop,
16602    .wmcM_scrollBehavior.wmcM_stickyBottom--desktop {
16603        --stickyOffsetDesktop: 0px;
16604        --scrollBehaviorDesktop: sticky;
16605        --scrollBehavior: sticky;
16606    }
16607
16608    .wmcM_scrollBehavior.wmcM_stickyBottom--desktop {
16609        display: none;
16610    }
16611
16612    .wmcM_scrollBehavior.wmcM_trailingTop--desktop,
16613    .wmcM_scrollBehavior.wmcM_trailingBottom--desktop {
16614        --stickyOffsetDesktop: 0px;
16615        --trailingAnchorIdDesktop: '';
16616        --revealThresholdDesktop: 0px;
16617        --scrollBehaviorDesktop: trailing;
16618        --scrollBehavior: trailing;
16619    }
16620
16621    .wmcM_scrollBehavior.wmcM_trailingTop--desktop.wmc_section:not(.wmcM_trailingTopRevealed),
16622    .wmcM_scrollBehavior.wmcM_trailingBottom--desktop.wmc_section:not(.wmcM_trailingBottomRevealed) {
16623        height: 0;
16624        overflow: hidden;
16625    }
16626}
16627
16628@media all and (width < 1040px) and (width >= 640px) {
16629    .wmcM_scrollBehavior.wmcM_stickyTop--tablet,
16630    .wmcM_scrollBehavior.wmcM_stickyBottom--tablet {
16631        --stickyOffsetTablet: 0px;
16632        --scrollBehaviorTablet: sticky;
16633        --scrollBehavior: sticky;
16634    }
16635
16636    .wmcM_scrollBehavior.wmcM_stickyBottom--tablet {
16637        display: none;
16638    }
16639
16640    .wmcM_scrollBehavior.wmcM_trailingTop--tablet,
16641    .wmcM_scrollBehavior.wmcM_trailingBottom--tablet {
16642        --stickyOffsetTablet: 0px;
16643        --trailingAnchorIdTablet: '';
16644        --revealThresholdTablet: 0px;
16645        --scrollBehaviorTablet: trailing;
16646        --scrollBehavior: trailing;
16647    }
16648
16649    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll {
16650        --stickyOffsetTablet: var(--stickyOffsetDesktop, 0px);
16651        --trailingAnchorIdTablet: var(--trailingAnchorIdDesktop, '');
16652        --revealThresholdTablet: var(--revealThresholdDesktop, 0px);
16653        --scrollBehaviorTablet: var(--scrollBehaviorDesktop, none);
16654    }
16655
16656    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll.wmcM_stickyTop--desktop {
16657        --scrollBehavior: sticky;
16658    }
16659
16660    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll.wmcM_stickyBottom--desktop {
16661        --scrollBehavior: sticky;
16662        display: none;
16663    }
16664
16665    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll.wmcM_trailingTop--desktop {
16666        --scrollBehavior: trailing;
16667    }
16668
16669    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll.wmcM_trailingBottom--desktop {
16670        --scrollBehavior: trailing;
16671    }
16672
16673    .wmcM_scrollBehavior.wmcM_trailingTop--tablet.wmc_section:not(.wmcM_trailingTopRevealed),
16674    .wmcM_scrollBehavior.wmcM_trailingBottom--tablet.wmc_section:not(.wmcM_trailingBottomRevealed),
16675    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll.wmcM_trailingTop--desktop.wmc_section:not(.wmcM_trailingTopRevealed),
16676    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll.wmcM_trailingBottom--desktop.wmc_section:not(.wmcM_trailingBottomRevealed) {
16677        height: 0;
16678        overflow: hidden;
16679    }
16680}
16681
16682@media all and (width < 640px) {
16683    .wmcM_scrollBehavior.wmcM_stickyTop--mobile,
16684    .wmcM_scrollBehavior.wmcM_stickyBottom--mobile {
16685        --stickyOffsetMobile: 0px;
16686        --scrollBehaviorMobile: sticky;
16687        --scrollBehavior: sticky;
16688    }
16689
16690    .wmcM_scrollBehavior.wmcM_trailingTop--mobile,
16691    .wmcM_scrollBehavior.wmcM_trailingBottom--mobile {
16692        --stickyOffsetMobile: 0px;
16693        --trailingAnchorIdMobile: '';
16694        --revealThresholdMobile: 0px;
16695        --scrollBehaviorMobile: trailing;
16696        --scrollBehavior: trailing;
16697    }
16698
16699    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll {
16700        --stickyOffsetMobile: var(--stickyOffsetDesktop, 0px);
16701        --trailingAnchorIdMobile: var(--trailingAnchorIdDesktop, '');
16702        --revealThresholdMobile: var(--revealThresholdDesktop, 0px);
16703        --scrollBehaviorMobile: var(--scrollBehaviorDesktop, none);
16704    }
16705
16706    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_stickyTop--desktop,
16707    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_stickyBottom--desktop {
16708        --scrollBehavior: sticky;
16709    }
16710
16711    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_trailingTop--desktop,
16712    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_trailingBottom--desktop {
16713        --scrollBehavior: trailing;
16714    }
16715
16716    .wmcM_scrollBehavior.wmcM_stickyBottom--mobile {
16717        display: none;
16718    }
16719
16720    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_stickyBottom--desktop {
16721        display: none;
16722    }
16723
16724    .wmcM_scrollBehavior.wmcM_trailingTop--mobile.wmc_section:not(.wmcM_trailingTopRevealed),
16725    .wmcM_scrollBehavior.wmcM_trailingBottom--mobile.wmc_section:not(.wmcM_trailingBottomRevealed),
16726    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_trailingTop--desktop.wmc_section:not(.wmcM_trailingTopRevealed),
16727    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_trailingBottom--desktop.wmc_section:not(.wmcM_trailingBottomRevealed) {
16728        height: 0;
16729        overflow: hidden;
16730    }
16731}
16732
16733
16734.wmc.wmc_section.wmc_section--dismissed {
16735    display: none !important;
16736}
16737
16738/** Override popUpSection minHeight set by editor */
16739.wmc_popUpSection {
16740    --minHeight: 0px !important;
16741}
16742
16743/**
16744    Prevent scroll while any dialog is open
16745 */
16746html:has(dialog[open]) {
16747    overflow: hidden !important;
16748}
16749
16750#fixed-components {
16751    position: fixed;
16752    inset: 0;
16753    display: grid;
16754    grid-template: 1fr / 1fr; /* single cell filling the viewport */
16755    pointer-events: none;
16756    z-index: 101;
16757
16758    & > .wmc {
16759        grid-area: 1 / 1;
16760        align-self: var(--fixedVerticalAlignment);
16761        justify-self: var(--fixedHorizontalAlignment);
16762        pointer-events: auto;
16763        margin: clamp(0px, var(--fixedVerticalOffset, 0px), 150px)
16764        clamp(0px, var(--fixedHorizontalOffset, 0px), 150px);
16765
16766        & > .wml {
16767            margin: 0;
16768        }
16769    }
16770}
16771
16772
16773</style>
16774            <style>/* text_live.css */
16775.wmc_text > .wml .wmcM_link,
16776.wmc_text > .wml a {
16777    &:hover,
16778    &:focus-within {
16779        &,
16780        & * {
16781            --textColor: var(--textColorHover);
16782            --textDecoration: var(--textDecorationHover);
16783            --textDecorationStyle: var(--textDecorationStyleHover);
16784            --textDecorationColor: var(--textDecorationColorHover);
16785        }
16786    }
16787}
16788</style>
16789        <style id="wmPersonalityCss">
16789: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:currentColor;--link_fontColorTablet:currentColor;--link_fontStyleMobile:inherit;--link_fontStyleTablet:inherit;--link_fontColorDesktop:rgba(var(--customColor7),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:rgb(0,0,0);--heading2_fontStyleDesktop:normal;--heading2_fontWeightMobile:700;--heading2_fontWeightTablet:700;--heading2_lineHeightMobile:1.1;--heading2_lineHeightTablet:1.1;--heading3_fontColorDesktop:rgb(0,0,0);--heading3_fontStyleDesktop:normal;--heading3_fontWeightMobile:600;--heading3_fontWeightTablet:600;--heading3_lineHeightMobile:1.1;--heading3_lineHeightTablet:1.1;--heading4_fontColorDesktop:rgb(0,0,0);--heading4_fontStyleDesktop:normal;--heading4_fontWeightMobile:600;--heading4_fontWeightTablet:600;--heading4_lineHeightMobile:1.2;--heading4_lineHeightTablet:1.2;--heading5_fontColorDesktop:rgb(0,0,0);--heading5_fontStyleDesktop:normal;--heading5_fontWeightMobile:500;--heading5_fontWeightTablet:500;--heading5_lineHeightMobile:1.2;--heading5_lineHeightTablet:1.2;--heading6_fontColorDesktop:rgb(0,0,0);--heading6_fontStyleDesktop:normal;--heading6_fontWeightMobile:500;--heading6_fontWeightTablet:500;--heading6_lineHeightMobile:1.25;--heading6_lineHeightTablet:1.25;--link_hoverFontColorMobile:rgba(255,255,255,1);--link_hoverFontColorTablet:rgba(255,255,255,1);--link_textDecorationMobile:none;--link_textDecorationTablet:none;
16789--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(--customColor8),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;
16789--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:;--link_textDecorationColorTablet:;--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:;--link_textDecorationStyleDesktop:solid;--paragraph1_letterSpacingDesktop:0px;--paragraph1_textDecorationMobile:none;
16789--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:;--link_hoverTextDecorationColorTablet:;--link_hoverTextDecorationStyleMobile:solid;--link_hoverTextDecorationStyleTablet:solid;--link_hoverTextDecorationColorDesktop:;--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}
16790:root { --colorCtaA:0,0,0;
16790--colorCtaB:51,37,0;--colorCtaC:102,73,0;--colorCtaD:153,110,0;--colorCtaE:204,146,0;--colorCtaF:255,183,0;--colorCtaG:255,197,51;--colorCtaH:255,212,102;--colorCtaI:255,226,153;--colorCtaJ:255,241,204;--colorPrimaryA:0,9,29;--colorPrimaryB:0,26,80;--colorPrimaryC:0,43,131;--colorPrimaryD:0,59,182;--colorPrimaryE:0,76,233;--colorPrimaryF:29,102,255;--colorPrimaryG:80,137,255;--colorPrimaryH:131,171,255;--colorPrimaryI:182,206,255;--colorPrimaryJ:233,240,255;--colorSecondaryA:0,1,2;--colorSecondaryB:0,37,53;--colorSecondaryC:0,73,104;--colorSecondaryD:0,108,155;--colorSecondaryE:0,144,206;--colorSecondaryF:2,179,255;--colorSecondaryG:53,194,255;--colorSecondaryH:104,210,255;--colorSecondaryI:155,225,255;--colorSecondaryJ:206,240,255;--colorBackgroundA:6,6,6;--colorBackgroundB:32,32,32;--colorBackgroundC:57,57,57;--colorBackgroundD:83,83,83;--colorBackgroundE:109,109,109;--colorBackgroundF:134,134,134;--colorBackgroundG:160,160,160;--colorBackgroundH:185,185,185;--colorBackgroundI:211,211,211;--colorBackgroundJ:236,236,236;--colorCta--active:var(--colorCtaF);--colorPrimary--active:var(--colorPrimaryB);--colorSecondary--active:var(--colorSecondaryE);--colorBackground--active:var(--colorBackgroundJ);--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>
16791    <style id="wmCustomColorCss">:root { }</style>
16792    <style id="wmCustomGradientCss">:root { }</style>
16793    <!-- Images -->
16794    <link rel="preconnect" href="https://media.evona.app">
16795
16796    <!-- Favicon -->
16797    <link rel="icon" type="image/webp" href="https://storage.evona.app/r%2Fi%2Fv%2F6%2FF%2FH%2Friv6FHYWgaL5EB3RjyxGXdPdIUxwhVknPOtDS2ja">
16798
16799
16800    <!-- Fonts -->
16801        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
16802    <style>/* latin-ext */
16803@font-face {
16804  font-family: 'Lato';
16805  font-style: italic;
16806  font-weight: 100;
16807  font-display: swap;
16808  src: url(https://fonts.gstatic.com/s/lato/v25/S6u-w4BMUTPHjxsIPx-mPCLQ7A.woff2) format('woff2');
16809  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;
16810}
16811/* latin */
16812@font-face {
16813  font-family: 'Lato';
16814  font-style: italic;
16815  font-weight: 100;
16816  font-display: swap;
16817  src: url(https://fonts.gstatic.com/s/lato/v25/S6u-w4BMUTPHjxsIPx-oPCI.woff2) format('woff2');
16818  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;
16819}
16820/* latin-ext */
16821@font-face {
16822  font-family: 'Lato';
16823  font-style: italic;
16824  font-weight: 300;
16825  font-display: swap;
16826  src: url(https://fonts.gstatic.com/s/lato/v25/S6u_w4BMUTPHjxsI9w2_FQft1dw.woff2) format('woff2');
16827  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;
16828}
16829/* latin */
16830@font-face {
16831  font-family: 'Lato';
16832  font-style: italic;
16833  font-weight: 300;
16834  font-display: swap;
16835  src: url(https://fonts.gstatic.com/s/lato/v25/S6u_w4BMUTPHjxsI9w2_Gwft.woff2) format('woff2');
16836  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;
16837}
16838/* latin-ext */
16839@font-face {
16840  font-family: 'Lato';
16841  font-style: italic;
16842  font-weight: 400;
16843  font-display: swap;
16844  src: url(https://fonts.gstatic.com/s/lato/v25/S6u8w4BMUTPHjxsAUi-qJCY.woff2) format('woff2');
16845  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;
16846}
16847/* latin */
16848@font-face {
16849  font-family: 'Lato';
16850  font-style: italic;
16851  font-weight: 400;
16852  font-display: swap;
16853  src: url(https://fonts.gstatic.com/s/lato/v25/S6u8w4BMUTPHjxsAXC-q.woff2) format('woff2');
16854  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;
16855}
16856/* latin-ext */
16857@font-face {
16858  font-family: 'Lato';
16859  font-style: italic;
16860  font-weight: 700;
16861  font-display: swap;
16862  src: url(https://fonts.gstatic.com/s/lato/v25/S6u_w4BMUTPHjxsI5wq_FQft1dw.woff2) format('woff2');
16863  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;
16864}
16865/* latin */
16866@font-face {
16867  font-family: 'Lato';
16868  font-style: italic;
16869  font-weight: 700;
16870  font-display: swap;
16871  src: url(https://fonts.gstatic.com/s/lato/v25/S6u_w4BMUTPHjxsI5wq_Gwft.woff2) format('woff2');
16872  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;
16873}
16874/* latin-ext */
16875@font-face {
16876  font-family: 'Lato';
16877  font-style: italic;
16878  font-weight: 900;
16879  font-display: swap;
16880  src: url(https://fonts.gstatic.com/s/lato/v25/S6u_w4BMUTPHjxsI3wi_FQft1dw.woff2) format('woff2');
16881  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;
16882}
16883/* latin */
16884@font-face {
16885  font-family: 'Lato';
16886  font-style: italic;
16887  font-weight: 900;
16888  font-display: swap;
16889  src: url(https://fonts.gstatic.com/s/lato/v25/S6u_w4BMUTPHjxsI3wi_Gwft.woff2) format('woff2');
16890  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;
16891}
16892/* latin-ext */
16893@font-face {
16894  font-family: 'Lato';
16895  font-style: normal;
16896  font-weight: 100;
16897  font-display: swap;
16898  src: url(https://fonts.gstatic.com/s/lato/v25/S6u8w4BMUTPHh30AUi-qJCY.woff2) format('woff2');
16899  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;
16900}
16901/* latin */
16902@font-face {
16903  font-family: 'Lato';
16904  font-style: normal;
16905  font-weight: 100;
16906  font-display: swap;
16907  src: url(https://fonts.gstatic.com/s/lato/v25/S6u8w4BMUTPHh30AXC-q.woff2) format('woff2');
16908  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;
16909}
16910/* latin-ext */
16911@font-face {
16912  font-family: 'Lato';
16913  font-style: normal;
16914  font-weight: 300;
16915  font-display: swap;
16916  src: url(https://fonts.gstatic.com/s/lato/v25/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2');
16917  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;
16918}
16919/* latin */
16920@font-face {
16921  font-family: 'Lato';
16922  font-style: normal;
16923  font-weight: 300;
16924  font-display: swap;
16925  src: url(https://fonts.gstatic.com/s/lato/v25/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');
16926  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;
16927}
16928/* latin-ext */
16929@font-face {
16930  font-family: 'Lato';
16931  font-style: normal;
16932  font-weight: 400;
16933  font-display: swap;
16934  src: url(https://fonts.gstatic.com/s/lato/v25/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
16935  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;
16936}
16937/* latin */
16938@font-face {
16939  font-family: 'Lato';
16940  font-style: normal;
16941  font-weight: 400;
16942  font-display: swap;
16943  src: url(https://fonts.gstatic.com/s/lato/v25/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
16944  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;
16945}
16946/* latin-ext */
16947@font-face {
16948  font-family: 'Lato';
16949  font-style: normal;
16950  font-weight: 700;
16951  font-display: swap;
16952  src: url(https://fonts.gstatic.com/s/lato/v25/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
16953  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;
16954}
16955/* latin */
16956@font-face {
16957  font-family: 'Lato';
16958  font-style: normal;
16959  font-weight: 700;
16960  font-display: swap;
16961  src: url(https://fonts.gstatic.com/s/lato/v25/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
16962  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;
16963}
16964/* latin-ext */
16965@font-face {
16966  font-family: 'Lato';
16967  font-style: normal;
16968  font-weight: 900;
16969  font-display: swap;
16970  src: url(https://fonts.gstatic.com/s/lato/v25/S6u9w4BMUTPHh50XSwaPGR_p.woff2) format('woff2');
16971  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;
16972}
16973/* latin */
16974@font-face {
16975  font-family: 'Lato';
16976  font-style: normal;
16977  font-weight: 900;
16978  font-display: swap;
16979  src: url(https://fonts.gstatic.com/s/lato/v25/S6u9w4BMUTPHh50XSwiPGQ.woff2) format('woff2');
16980  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;
16981}
16982
16983/* cyrillic-ext */
16984@font-face {
16985  font-family: 'Oswald';
16986  font-style: normal;
16987  font-weight: 200 700;
16988  font-display: swap;
16989  src: url(https://fonts.gstatic.com/s/oswald/v57/TK3iWkUHHAIjg752FD8Ghe4.woff2) format('woff2');
16990  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
16991}
16992/* cyrillic */
16993@font-face {
16994  font-family: 'Oswald';
16995  font-style: normal;
16996  font-weight: 200 700;
16997  font-display: swap;
16998  src: url(https://fonts.gstatic.com/s/oswald/v57/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2');
16999  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
17000}
17001/* vietnamese */
17002@font-face {
17003  font-family: 'Oswald';
17004  font-style: normal;
17005  font-weight: 200 700;
17006  font-display: swap;
17007  src: url(https://fonts.gstatic.com/s/oswald/v57/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format('woff2');
17008  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;
17009}
17010/* latin-ext */
17011@font-face {
17012  font-family: 'Oswald';
17013  font-style: normal;
17014  font-weight: 200 700;
17015  font-display: swap;
17016  src: url(https://fonts.gstatic.com/s/oswald/v57/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2');
17017  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;
17018}
17019/* latin */
17020@font-face {
17021  font-family: 'Oswald';
17022  font-style: normal;
17023  font-weight: 200 700;
17024  font-display: swap;
17025  src: url(https://fonts.gstatic.com/s/oswald/v57/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');
17026  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;
17027}
17028
17029/* cyrillic-ext */
17030@font-face {
17031  font-family: 'Raleway';
17032  font-style: italic;
17033  font-weight: 100 900;
17034  font-display: swap;
17035  src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptsg8zYS_SKggPNyCg4QIFqPfE.woff2) format('woff2');
17036  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
17037}
17038/* cyrillic */
17039@font-face {
17040  font-family: 'Raleway';
17041  font-style: italic;
17042  font-weight: 100 900;
17043  font-display: swap;
17044  src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptsg8zYS_SKggPNyCg4SYFqPfE.woff2) format('woff2');
17045  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
17046}
17047/* vietnamese */
17048@font-face {
17049  font-family: 'Raleway';
17050  font-style: italic;
17051  font-weight: 100 900;
17052  font-display: swap;
17053  src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptsg8zYS_SKggPNyCg4QoFqPfE.woff2) format('woff2');
17054  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;
17055}
17056/* latin-ext */
17057@font-face {
17058  font-family: 'Raleway';
17059  font-style: italic;
17060  font-weight: 100 900;
17061  font-display: swap;
17062  src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptsg8zYS_SKggPNyCg4Q4FqPfE.woff2) format('woff2');
17063  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;
17064}
17065/* latin */
17066@font-face {
17067  font-family: 'Raleway';
17068  font-style: italic;
17069  font-weight: 100 900;
17070  font-display: swap;
17071  src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptsg8zYS_SKggPNyCg4TYFq.woff2) format('woff2');
17072  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;
17073}
17074/* cyrillic-ext */
17075@font-face {
17076  font-family: 'Raleway';
17077  font-style: normal;
17078  font-weight: 100 900;
17079  font-display: swap;
17080  src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptug8zYS_SKggPNyCAIT5lu.woff2) format('woff2');
17081  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
17082}
17083/* cyrillic */
17084@font-face {
17085  font-family: 'Raleway';
17086  font-style: normal;
17087  font-weight: 100 900;
17088  font-display: swap;
17089  src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptug8zYS_SKggPNyCkIT5lu.woff2) format('woff2');
17090  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
17091}
17092/* vietnamese */
17093@font-face {
17094  font-family: 'Raleway';
17095  font-style: normal;
17096  font-weight: 100 900;
17097  font-display: swap;
17098  src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptug8zYS_SKggPNyCIIT5lu.woff2) format('woff2');
17099  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;
17100}
17101/* latin-ext */
17102@font-face {
17103  font-family: 'Raleway';
17104  font-style: normal;
17105  font-weight: 100 900;
17106  font-display: swap;
17107  src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
17108  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;
17109}
17110/* latin */
17111@font-face {
17112  font-family: 'Raleway';
17113  font-style: normal;
17114  font-weight: 100 900;
17115  font-display: swap;
17116  src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
17117  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;
17118}
17119</style>
17120
17121    
17121<script> /* bugfix: this simple declaration in this particular position in HTML prevents FOUC in Firefox */ let FF_FOUC_FIX; </script>
17121
17122
17123    
17123<script type="text/javascript">/* core/config.js */
17124;(() => {
17125    globalThis.wmJsConfig = function(
17126        {
17127            mediaUrl = '',
17128            mediaScale = 1,
17129            initialAutoStart = true,
17130        }
17131    ) {
17132        /** @type { { mediaUrl: string; mediaScale: number; initialAutoStart: boolean } } */
17133        globalThis.WMConstants = {
17134            mediaUrl,
17135            mediaScale,
17136            initialAutoStart,
17137        };
17138
17139        /**
17140         * @var WMComponents
17141         * @namespace WMComponents
17142         */
17143        globalThis.WMComponents = {};
17144
17145        /** @type { { [key: string]: any } } */
17146        globalThis.WMWatchers = {};
17147
17148        /** @type { ?string } */
17149        globalThis.wmDevice = null;
17150
17151        /** @type { boolean } */
17152        globalThis.wmUserInteraction = false;
17153    }
17154})();
17155</script>
17155
17156    
17156<script>
17157        ;(() => {
17158            wmJsConfig({
17159                mediaUrl: 'https://media.evona.app',
17160                mediaScale: 1,
17161                initialAutoStart: true,
17162            });
17163        })();
17164    </script>
17164
17165
17166    <!-- must never be deferred -->
17167    
17167<script type="text/javascript">/* core/wm-system.js */
17168;(() => {
17169    /* =================================== */
17170    /* ===== System Event Dispatcher ===== */
17171    /* =================================== */
17172
17173    globalThis.WmEvents ??= {};
17174    (globalThis.WmSystem ??= {}).emitEvent = function emitSystemEvent(
17175        constructor,
17176        ...arguments
17177    ) {
17178        if (!constructor) return false;
17179        try {
17180            const event = new constructor(...arguments);
17181            return dispatchEvent(event);
17182        } catch (e) {
17183            console.error(e);
17184            return false;
17185        }
17186    };
17187})();
17188</script>
17188
17189    
17189<script type="text/javascript">/* core/events.js */
17190;(() => {
17191    /* ==================================== */
17192    /* ===== Dismiss Behavior Handler ===== */
17193    /* ==================================== */
17194
17195    /**
17196     * @class {DismissEvent}
17197     */
17198    class DismissEvent extends Event {
17199        /**
17200         * @param {MouseEvent&{target:HTMLElement}} config.cause
17201         * @param {DismissType} config.type
17202         *
17203         */
17204        constructor(config) {
17205            super('wm-dismiss');
17206            /** @type {DismissType}*/
17207            this.dismissType = config.type;
17208            const { cause } = config;
17209            /** @type {string|undefined}*/
17210            this.sectionId = cause.target.closest('.wmc_section, .wmc_popUpSection')?.id;
17211        }
17212    }
17213
17214    (globalThis.WmEvents ??= {})['DismissEvent'] ??= DismissEvent;
17215
17216    /* ==================================== */
17217    /* ===== Popup Behavior Handler ===== */
17218    /* ==================================== */
17219
17220    /**
17221     * @class {PopUpOpenEvent}
17222     */
17223    class PopUpOpenEvent extends Event {
17224        /**
17225         * @param {MouseEvent&{target:HTMLElement}} config.cause
17226         * @param {string} config.popUpSectionId
17227         *
17228         */
17229        constructor(config) {
17230            super('wm-popup-open');
17231            const {  popUpSectionId } = config;
17232            /** @type {string}*/
17233            this.popUpSectionId = popUpSectionId;
17234        }
17235    }
17236
17237    (globalThis.WmEvents ??= {})['PopUpOpenEvent'] ??= PopUpOpenEvent;
17238})();
17239</script>
17239
17240    
17240<script type="text/javascript">/* core/device.js */
17241;(() => {
17242    // this is supported only in Chrome as of February 2026
17243    // allows for much more efficient scaling (without layout thrashing)
17244    const cssLengthDivisionSupported = CSS.supports('opacity: calc(100vw / 100px)') && CSS.supports('opacity: calc(100% / 100px)');
17245    if (!cssLengthDivisionSupported ) {
17246        console.warn( 'length division not supported in CSS - using JS fallback');
17247    }
17248
17249    class WmDeviceReadyEvent extends CustomEvent {
17250        constructor(detail = null) {
17251            super('wm-device-ready', { detail });
17252        }
17253    }
17254
17255    class WmDeviceChangeEvent extends CustomEvent {
17256        constructor(detail = null) {
17257            super('wm-device-change', { detail });
17258        }
17259    }
17260
17261    function setDeviceWidth(zeroDiff = false) {
17262        if (cssLengthDivisionSupported) {
17263            return;
17264        }
17265        const windowWidth = window.innerWidth;
17266        const windowWidthDiff = zeroDiff ? 0 : (windowWidth - document.documentElement.clientWidth);
17267        document.documentElement.style.setProperty('--wm_windowWidth', `${windowWidth}`);
17268        document.documentElement.style.setProperty('--wm_windowWidthDiff', `${windowWidthDiff}`);
17269        document.documentElement.style.setProperty('overflow-y', (windowWidthDiff > 0) ? 'scroll' : 'visible');
17270    }
17271
17272    function handleSetDevice()  {
17273        let device = 'Desktop';
17274        if (window.matchMedia('all and (650px <= width < 1040px)').matches) {
17275            device = 'Tablet';
17276        }
17277        if (window.matchMedia('all and (width < 650px)').matches) {
17278            device = 'Mobile';
17279        }
17280
17281        if (!globalThis.wmDevice) {
17282            globalThis.wmDevice = device;
17283            console.debug(`device: ${globalThis.wmDevice}`);
17284            window.dispatchEvent(new WmDeviceReadyEvent());
17285            return;
17286        }
17287
17288        if (globalThis.wmDevice !== device) {
17289            globalThis.wmDevice = device;
17290            console.debug(`device: ${globalThis.wmDevice}`);
17291            window.dispatchEvent(new WmDeviceChangeEvent());
17292        }
17293    }
17294
17295    /**
17296     * @param callback {function(): void}
17297     */
17298    function afterFramePaint(callback) {
17299        requestAnimationFrame(() => {
17300            const messageChannel = new MessageChannel();
17301            messageChannel.port1.onmessage = callback;
17302            messageChannel.port2.postMessage(undefined);
17303        });
17304    }
17305
17306    function setDevice() {
17307        setDeviceWidth(true);
17308        if ((!cssLengthDivisionSupported) && (document.body.clientHeight < document.body.scrollHeight)) {
17309            setDeviceWidth();
17310        }
17311        handleSetDevice();
17312        afterFramePaint(() => {
17313            if (document.documentElement.classList.contains('wm_initial')) {
17314                document.documentElement.classList.remove('wm_initial');
17315            }
17316            window.addEventListener('resize', setDevice, { once: true });
17317        });
17318    }
17319
17320    if (document.readyState === 'loading') {
17321        setDeviceWidth(true);
17322        window.addEventListener('DOMContentLoaded', setDevice, { once: true });
17323    } else {
17324        setDevice();
17325    }
17326})();
17327</script>
17327
17328    
17328<script type="text/javascript">/* core/reorder.js */
17329/**
17330 * Reorder components based on their grid position
17331 * for browsers to construct the DOM in the correct order for accessibility purposes
17332 */
17333;(() => {
17334    const processed = new WeakMap();
17335    let currentDevice = null;
17336    let observer = null;
17337    let isInitialized = false;
17338
17339    /**
17340     * Reorder a single container - optimized version
17341     * @param {HTMLElement} container
17342     */
17343    function reorderContainer(container, force = false) {
17344        const device = globalThis.wmDevice;
17345        if (!device) return;
17346
17347        const deviceKey = device;
17348        if (processed.get(container) === deviceKey) {
17349            if (!force) return;
17350        }
17351
17352        const gridPositionVar = `--gridPosition${device}`;
17353        const components = container.querySelectorAll(':scope > .wmc:not(.wmc_stub)');
17354
17355        if (components.length <= 1) {
17356            processed.set(container, deviceKey);
17357            return;
17358        }
17359
17360        // Fast path: check if already sorted by comparing first few elements
17361        const firstFew = Math.min(5, components.length);
17362        let likelySorted = true;
17363        let lastPos = -Infinity;
17364
17365        for (let i = 0; i < firstFew; i++) {
17366            const pos = parseInt(components[i].style.getPropertyValue(gridPositionVar), 10) || 0;
17367            if (pos < lastPos) {
17368                likelySorted = false;
17369                break;
17370            }
17371            lastPos = pos;
17372        }
17373
17374        if (likelySorted && firstFew === components.length) {
17375            processed.set(container, deviceKey);
17376            return;
17377        }
17378
17379        // Batch all reads
17380        const items = [];
17381        for (let i = 0; i < components.length; i++) {
17382            const pos = parseInt(components[i].style.getPropertyValue(gridPositionVar), 10) || 0;
17383            items.push({ element: components[i], position: pos, index: i });
17384        }
17385
17386        // Check if actually needs reordering
17387        let needsReorder = false;
17388        for (let i = 1; i < items.length; i++) {
17389            if (items[i].position < items[i - 1].position) {
17390                needsReorder = true;
17391                break;
17392            }
17393        }
17394
17395        if (!needsReorder) {
17396            processed.set(container, deviceKey);
17397            return;
17398        }
17399
17400        // Sort and reorder
17401        items.sort((a, b) => a.position - b.position);
17402
17403        const fragment = document.createDocumentFragment();
17404        for (const item of items) {
17405            fragment.appendChild(item.element);
17406        }
17407        container.appendChild(fragment);
17408
17409        processed.set(container, deviceKey);
17410    }
17411
17412    /**
17413     * Setup lazy reordering with IntersectionObserver
17414     */
17415    function setupLazyReordering(force = false) {
17416        if (force) {
17417            const containers = document.querySelectorAll('.wml');
17418            for (const container of containers) {
17419                reorderContainer(container, true);
17420            }
17421            return;
17422        }
17423
17424        if (observer) {
17425            observer.disconnect();
17426        }
17427
17428        observer = new IntersectionObserver((entries) => {
17429            const callback = () => {
17430                for (const entry of entries) {
17431                    if (entry.isIntersecting) {
17432                        reorderContainer(entry.target);
17433                        observer.unobserve(entry.target);
17434                    }
17435                }
17436            };
17437            if (typeof requestIdleCallback === 'function') {
17438                requestIdleCallback(callback, { timeout: 3000 });
17439            } else {
17440                // Fallback for browsers without requestIdleCallback
17441                setTimeout(callback, 1000);
17442            }
17443        }, { rootMargin: '100px' });
17444
17445        // Only observe containers with children
17446        const containers = document.querySelectorAll('.wml');
17447        for (const container of containers) {
17448            const hasMultipleChildren = container.querySelectorAll(':scope > .wmc:not(.wmc_stub)').length > 1;
17449            if (hasMultipleChildren) {
17450                observer.observe(container);
17451            }
17452        }
17453    }
17454
17455    /**
17456     * Handle device change - clear cache and re-observe
17457     */
17458    function handleDeviceChange() {
17459        const device = globalThis.wmDevice;
17460        if (device && device !== currentDevice) {
17461            currentDevice = device;
17462            // Don't clear processed map - device key will handle it
17463            if (isInitialized) {
17464                setupLazyReordering();
17465            }
17466        }
17467    }
17468
17469    /**
17470     * Initialize - but only after everything else
17471     */
17472    function init() {
17473        if (isInitialized) return;
17474        isInitialized = true;
17475
17476        currentDevice = globalThis.wmDevice;
17477        if (!currentDevice) {
17478            window.addEventListener('wm-device-ready', () => {
17479                currentDevice = globalThis.wmDevice;
17480                setupLazyReordering();
17481            }, { once: true });
17482        } else {
17483            setupLazyReordering();
17484        }
17485
17486        window.addEventListener('wm-device-change', handleDeviceChange);
17487
17488        // Pause when page hidden to save resources
17489        document.addEventListener('visibilitychange', () => {
17490            if (document.hidden && observer) {
17491                observer.disconnect();
17492            } else if (!document.hidden && isInitialized) {
17493                setupLazyReordering();
17494            }
17495        });
17496    }
17497
17498    window.triggerReordering = () => setupLazyReordering(true);
17499
17500    // CRITICAL: Maximum deferral - only run after everything else
17501    // Priority order: user interaction > idle > page load
17502    if (typeof requestIdleCallback === 'function') {
17503        requestIdleCallback(() => {
17504            if (!globalThis.wmUserInteraction) {
17505                window.addEventListener('wm-user-interaction', init, { once: true });
17506            } else {
17507                init();
17508            }
17509        }, { timeout: 5000 });
17510    } else {
17511        // Fallback for browsers without requestIdleCallback
17512        if (!globalThis.wmUserInteraction) {
17513            window.addEventListener('wm-user-interaction', init, { once: true });
17514        } else {
17515            setTimeout(init, 1000);
17516        }
17517    }
17518})();
17519</script>
17519
17520    
17520<script type="text/javascript">/* core/animate-entry.js */
17521;(() => {
17522    const CLASS_NAMES = {
17523        ANIMATE_ENTRY: 'wmcM_animateEntry',
17524        ANIMATE_EXIT: 'wmcM_animateExit',
17525        ENTRY_INITIAL_STATE: 'wmcA_entryInitialState',
17526        ENTRY_TRANSITION_STATE: 'wmcA_entryTransitionState',
17527        EXIT_INITIAL_STATE: 'wmcA_exitInitialState',
17528        EXIT_TRANSITION_STATE: 'wmcA_exitTransitionState',
17529        NO_TRANSITION: 'wmcA_noTransition'
17530    };
17531
17532    const CSS_VARIABLES = {
17533        TRANSITION_DELAY_ENTRY: '--transitionDelayMsEntry',
17534        TRANSITION_DURATION_ENTRY: '--transitionDurationMsEntry'
17535    };
17536
17537    const CONFIG = {
17538        ANIMATION_CLEANUP_DELAY: 50,
17539        EXIT_DEBOUNCE: 50
17540    };
17541
17542    const ENTRY_SELECTOR = '.' + CLASS_NAMES.ANIMATE_ENTRY;
17543    const ENTRY_TRANSITION_SELECTOR = '.' + CLASS_NAMES.ENTRY_TRANSITION_STATE;
17544    const ENTRY_INITIAL_SELECTOR = '.' + CLASS_NAMES.ENTRY_INITIAL_STATE;
17545    const ANIMATING_SELECTOR = ENTRY_SELECTOR + ENTRY_TRANSITION_SELECTOR + ':not(' + ENTRY_INITIAL_SELECTOR + ')';
17546
17547    const pinnedWmlStyles = new WeakMap();
17548
17549    function getTransitionTiming(element) {
17550        const style = getComputedStyle(element);
17551        const delay = parseInt(style.getPropertyValue(CSS_VARIABLES.TRANSITION_DELAY_ENTRY), 10) || 0;
17552        const duration = parseInt(style.getPropertyValue(CSS_VARIABLES.TRANSITION_DURATION_ENTRY), 10) || 0;
17553        return { delay, duration };
17554    }
17555
17556    function isAnimateEntry(element) {
17557        return element && element.classList.contains(CLASS_NAMES.ANIMATE_ENTRY);
17558    }
17559
17560    function isAnimatingEntry(element) {
17561        return isAnimateEntry(element)
17562            && element.classList.contains(CLASS_NAMES.ENTRY_TRANSITION_STATE)
17563            && !element.classList.contains(CLASS_NAMES.ENTRY_INITIAL_STATE);
17564    }
17565
17566    function getAnimatingEntries(container) {
17567        const targets = [];
17568        if (isAnimatingEntry(container)) {
17569            targets.push(container);
17570        }
17571        container.querySelectorAll(ANIMATING_SELECTOR).forEach(element => targets.push(element));
17572        return targets;
17573    }
17574
17575    const delay = ms => new Promise(resolve => setTimeout(resolve, ms));
17576
17577    function init() {
17578        const components = document.querySelectorAll(ENTRY_SELECTOR);
17579        components.forEach(component => component.classList.add(CLASS_NAMES.ENTRY_INITIAL_STATE, CLASS_NAMES.ENTRY_TRANSITION_STATE));
17580
17581        const apiTimeoutMap = new WeakMap();
17582
17583        globalThis.wmAnimateEntry = {
17584            triggerEntry(element) {
17585                if (!isAnimateEntry(element)) return;
17586
17587                element.classList.add(CLASS_NAMES.ENTRY_INITIAL_STATE, CLASS_NAMES.ENTRY_TRANSITION_STATE);
17588                void element.offsetHeight;
17589
17590                requestAnimationFrame(() => {
17591                    element.classList.remove(CLASS_NAMES.ENTRY_INITIAL_STATE);
17592
17593                    const { delay, duration } = getTransitionTiming(element);
17594
17595                    clearTimeout(apiTimeoutMap.get(element));
17596                    apiTimeoutMap.set(element, setTimeout(() => {
17597                        element.classList.remove(CLASS_NAMES.ENTRY_TRANSITION_STATE);
17598                        element.classList.add(CLASS_NAMES.NO_TRANSITION);
17599                        setTimeout(() => element.classList.remove(CLASS_NAMES.NO_TRANSITION), CONFIG.ANIMATION_CLEANUP_DELAY);
17600                    }, delay + duration));
17601                });
17602            },
17603
17604            triggerChildEntries(container) {
17605                if (!container) return;
17606
17607                const children = container.querySelectorAll(ENTRY_SELECTOR);
17608                children.forEach(child => {
17609                    this.triggerEntry(child);
17610                });
17611            },
17612
17613            completeEntry(element) {
17614                if (!isAnimateEntry(element)) return;
17615                clearTimeout(apiTimeoutMap.get(element));
17616                apiTimeoutMap.delete(element);
17617                element.classList.remove(CLASS_NAMES.ENTRY_INITIAL_STATE, CLASS_NAMES.ENTRY_TRANSITION_STATE);
17618                element.classList.add(CLASS_NAMES.NO_TRANSITION);
17619                setTimeout(() => element.classList.remove(CLASS_NAMES.NO_TRANSITION));
17620            },
17621
17622            freezeEntries(container) {
17623                if (!container) return;
17624
17625                getAnimatingEntries(container).forEach(element => {
17626                    const wml = element.querySelector(':scope > .wml');
17627                    if (!wml) return;
17628
17629                    const style = getComputedStyle(wml);
17630                    const pinned = {
17631                        opacity: style.opacity,
17632                        transform: style.transform,
17633                        filter: style.filter
17634                    };
17635
17636                    clearTimeout(apiTimeoutMap.get(element));
17637                    apiTimeoutMap.delete(element);
17638                    pinnedWmlStyles.set(element, pinned);
17639
17640                    element.classList.add(CLASS_NAMES.NO_TRANSITION);
17641                    wml.style.setProperty('opacity', pinned.opacity);
17642                    wml.style.setProperty('transform', pinned.transform);
17643                    wml.style.setProperty('filter', pinned.filter);
17644                });
17645            },
17646
17647            resumeEntries(container) {
17648                if (!container) return;
17649
17650                const frozen = getAnimatingEntries(container).filter(element => pinnedWmlStyles.has(element));
17651
17652                frozen.forEach(element => {
17653                    element.classList.remove(CLASS_NAMES.NO_TRANSITION);
17654                    void element.offsetHeight;
17655                });
17656
17657                requestAnimationFrame(() => {
17658                    frozen.forEach(element => {
17659                        const wml = element.querySelector(':scope > .wml');
17660                        if (!wml) {
17661                            pinnedWmlStyles.delete(element);
17662                            return;
17663                        }
17664
17665                        wml.style.removeProperty('opacity');
17666                        wml.style.removeProperty('transform');
17667                        wml.style.removeProperty('filter');
17668
17669                        const { delay, duration } = getTransitionTiming(element);
17670                        const release = () => {
17671                            wml.removeEventListener('transitionend', release);
17672                            clearTimeout(apiTimeoutMap.get(element));
17673                            apiTimeoutMap.delete(element);
17674                            pinnedWmlStyles.delete(element);
17675                            element.classList.remove(CLASS_NAMES.ENTRY_TRANSITION_STATE);
17676                            element.classList.add(CLASS_NAMES.NO_TRANSITION);
17677                            requestAnimationFrame(() => element.classList.remove(CLASS_NAMES.NO_TRANSITION));
17678                        };
17679                        wml.addEventListener('transitionend', release);
17680                        apiTimeoutMap.set(element, setTimeout(release, delay + duration + CONFIG.ANIMATION_CLEANUP_DELAY));
17681                    });
17682                });
17683            },
17684
17685            async triggerExit(element) {
17686                if (!element?.classList?.contains(CLASS_NAMES.ANIMATE_EXIT)) {
17687                    return;
17688                }
17689
17690                this.removeAllClasses(element);
17691                element.classList.add(CLASS_NAMES.EXIT_TRANSITION_STATE);
17692
17693                await delay(CONFIG.EXIT_DEBOUNCE);
17694                element.classList.add(CLASS_NAMES.EXIT_INITIAL_STATE);
17695
17696                const wmlElement = element.querySelector('.wml');
17697                if (wmlElement) {
17698                    delay(10).then(() => wmlElement.style.setProperty('opacity', '0', 'important'));
17699                }
17700
17701                const { delay: exitDelay, duration } = getTransitionTiming(element);
17702                await delay(exitDelay + duration);
17703
17704                element.classList.remove(CLASS_NAMES.EXIT_TRANSITION_STATE, CLASS_NAMES.EXIT_INITIAL_STATE);
17705                element.classList.add(CLASS_NAMES.NO_TRANSITION);
17706
17707                await delay(CONFIG.ANIMATION_CLEANUP_DELAY);
17708                element.classList.remove(CLASS_NAMES.NO_TRANSITION);
17709            },
17710
17711            resetToInitial(element) {
17712                if (!isAnimateEntry(element)) return;
17713                element.classList.add(CLASS_NAMES.ENTRY_INITIAL_STATE, CLASS_NAMES.ENTRY_TRANSITION_STATE);
17714            },
17715
17716            removeAllClasses(element) {
17717                if (!element) return;
17718                clearTimeout(apiTimeoutMap.get(element));
17719                apiTimeoutMap.delete(element);
17720                pinnedWmlStyles.delete(element);
17721                element.classList.remove(
17722                    CLASS_NAMES.ENTRY_INITIAL_STATE,
17723                    CLASS_NAMES.ENTRY_TRANSITION_STATE,
17724                    CLASS_NAMES.EXIT_INITIAL_STATE,
17725                    CLASS_NAMES.EXIT_TRANSITION_STATE,
17726                    CLASS_NAMES.NO_TRANSITION
17727                );
17728            },
17729
17730            observe(element) {},
17731            unobserve(element) {}
17732        };
17733
17734        // `data-animate-observe="<id>"` observes visibility via another element
17735        function observedTargetFor(component) {
17736            const targetId = component.dataset.animateObserve;
17737            if (!targetId) return component;
17738            return document.getElementById(targetId) ?? component;
17739        }
17740
17741        function animateEntryHandler() {
17742            const observerTimeoutMap = new WeakMap();
17743            const observedTargets = new WeakMap();
17744            const onScreenObserver = new IntersectionObserver(onScreenWatcher, {
17745                threshold: 0,
17746                rootMargin: '0px 0px -5% 0px'
17747            });
17748
17749            function observe(component) {
17750                const target = observedTargetFor(component);
17751                if (!observedTargets.has(target)) observedTargets.set(target, new Set());
17752                observedTargets.get(target).add(component);
17753                onScreenObserver.observe(target);
17754            }
17755
17756            components.forEach(observe);
17757
17758            window.addEventListener('transitionend', transitionEndHandler);
17759            window.addEventListener('transitioncancel', transitionEndHandler);
17760            window.addEventListener('wm-component-offscreen', offScreenHandler);
17761            window.addEventListener('wm-device-change', preventAnimateEntryOnDeviceChange);
17762
17763            function onScreenWatcher(entries, observer) {
17764                entries.forEach(entry => {
17765                    if (entry.isIntersecting) {
17766                        const target = entry.target;
17767                        observer.unobserve(target);
17768                        const animatedComponents = observedTargets.get(target) ?? new Set([target]);
17769                        observedTargets.delete(target);
17770                        animatedComponents.forEach(component => {
17771                            component.classList.remove(CLASS_NAMES.ENTRY_INITIAL_STATE);
17772
17773                            clearTimeout(observerTimeoutMap.get(component));
17774
17775                            const { delay, duration } = getTransitionTiming(component);
17776                            observerTimeoutMap.set(component, setTimeout(() => forceEndTransition(component), delay + duration));
17777                        });
17778                    }
17779                });
17780            }
17781
17782            function forceEndTransition(component, force = false) {
17783                if (pinnedWmlStyles.has(component)) return;
17784                if (force || observerTimeoutMap.get(component)) {
17785                    clearTimeout(observerTimeoutMap.get(component));
17786                    observerTimeoutMap.delete(component);
17787                    component.classList.remove(CLASS_NAMES.ENTRY_INITIAL_STATE, CLASS_NAMES.ENTRY_TRANSITION_STATE);
17788                    component.classList.add(CLASS_NAMES.NO_TRANSITION);
17789                    setTimeout(() => component.classList.remove(CLASS_NAMES.NO_TRANSITION));
17790                }
17791            }
17792
17793            function transitionEndHandler(event) {
17794                // Background layers (color/gradient) have no .wml child, so they carry
17795                // wmcM_animateEntry on themselves rather than on a parent of the transitioning node.
17796                const component = event.target.matches(`.${CLASS_NAMES.ANIMATE_ENTRY}`)
17797                    ? event.target
17798                    : event.target.parentElement;
17799                if (!component) return;
17800                if (pinnedWmlStyles.has(component)) return;
17801                if (!component?.matches(`.${CLASS_NAMES.ANIMATE_ENTRY}:not(.${CLASS_NAMES.ENTRY_INITIAL_STATE})`)) {
17802                    return;
17803                }
17804                forceEndTransition(component);
17805            }
17806
17807            function offScreenHandler(event) {
17808                const element = event.target;
17809                const offScreenComponents = element.querySelectorAll(ENTRY_SELECTOR);
17810                offScreenComponents.forEach(component => {
17811                    clearTimeout(observerTimeoutMap.get(component));
17812                    observerTimeoutMap.delete(component);
17813                    component.classList.add(CLASS_NAMES.ENTRY_INITIAL_STATE, CLASS_NAMES.ENTRY_TRANSITION_STATE);
17814                    observe(component);
17815                });
17816            }
17817
17818            function preventAnimateEntryOnDeviceChange() {
17819                components.forEach(component => forceEndTransition(component, true));
17820            }
17821
17822            globalThis.wmAnimateEntry.observe = function(element) {
17823                if (!isAnimateEntry(element)) return;
17824                onScreenObserver.observe(element);
17825            };
17826
17827            globalThis.wmAnimateEntry.unobserve = function(element) {
17828                if (!isAnimateEntry(element)) return;
17829                onScreenObserver.unobserve(element);
17830            };
17831        }
17832
17833        function callAnimateEntryHandler() {
17834            window.removeEventListener('wm-user-interaction', callAnimateEntryHandler);
17835            window.removeEventListener('load', callAnimateEntryHandler);
17836            animateEntryHandler();
17837        }
17838
17839        if (!globalThis.wmUserInteraction) {
17840            if (document.readyState !== 'complete') {
17841                window.addEventListener('wm-user-interaction', callAnimateEntryHandler);
17842                window.addEventListener('load', callAnimateEntryHandler);
17843            } else {
17844                animateEntryHandler();
17845            }
17846        } else {
17847            animateEntryHandler();
17848        }
17849    }
17850
17851    if (!globalThis.wmDevice) {
17852        window.addEventListener('wm-device-ready', init, { once: true });
17853    } else {
17854        init();
17855    }
17856})();
17857</script>
17857
17858    
17858<script type="text/javascript">/* core/animate-hover.js */
17859;(() => {
17860    function init() {
17861        console.debug('animate-hover: init');
17862
17863        function preventAnimateHoverOnDeviceChange() {
17864            const components = document.querySelectorAll('.wmcM_animateHover');
17865            components.forEach(component => component.classList.add('wmcA_noTransition'));
17866            setTimeout(() => {
17867                components.forEach(component => component.classList.remove('wmcA_noTransition'));
17868            });
17869        }
17870
17871        window.addEventListener('wm-device-change', preventAnimateHoverOnDeviceChange);
17872    }
17873
17874    if (!globalThis.wmDevice) {
17875        window.addEventListener('wm-device-ready', init, { once: true });
17876    } else {
17877        init();
17878    }
17879})();
17880</script>
17880
17881    
17881<script type="text/javascript">/* core/dismiss.js */
17882;(() => {
17883
17884    globalThis.WmLinkDismiss ??= {
17885        getDismissStore: getStore
17886    };
17887
17888    const { localStorage, sessionStorage } = window;
17889    // We store the preview path because of the proxy context.
17890    // Don't have a good way of stopping this running in the proxy
17891    const shard = location.pathname.match(/^\/(\d+\/preview\/)/)?.[1] ?? location.host;
17892    const key = `dismissed/${shard}`;
17893
17894    /**
17895     * @name UserDismissalStore
17896     * @type Object
17897     * @property {Record<string, UserDismissal>} data
17898     * @property {()=>UserDismissalStore} update
17899     */
17900
17901    /**
17902     * @name UserDismissal
17903     * @type {{
17904     *     sectionId: string;
17905     *     type: DismissType;
17906     *     actionDate: string;
17907     *     lastSeen: string;
17908     * }}
17909     */
17910
17911    /**
17912     * @param {DismissEvent} event
17913     */
17914    function handleNew(event) {
17915        const section = document.getElementById(event.sectionId);
17916        if (!section) return;
17917
17918        applyDismiss(section);
17919        /**
17920         * @type {Storage|undefined}
17921         */
17922        let storage;
17923        switch (event.dismissType) {
17924            case 'permanent':
17925                storage = localStorage;
17926                break;
17927            case 'session':
17928                storage = sessionStorage;
17929        }
17930        if (!storage) return;
17931        const store = getStore(storage);
17932        store.data[event.sectionId] = {
17933            type: event.dismissType,
17934            actionDate: new Date().toISOString(),
17935            lastSeen: new Date().toISOString()
17936        };
17937        store.update();
17938    }
17939
17940    /**
17941     * @param { HTMLElement|HTMLElement&{wmDismiss: ()=>void;} } section
17942     */
17943    function applyDismiss(section){
17944        // Check to see if the dismiss section is complex
17945        if (
17946            'wmDismiss' in section &&
17947            typeof section.wmDismiss === 'function' &&
17948            section.wmDismiss.length === 0
17949        ) {
17950            try {
17951                section.wmDismiss();
17952            } catch (e) {
17953                console.error(e);
17954            }
17955        } else {
17956            // Deprecated branch, the wmc_section should be applying this class itself
17957            section.classList.add('wmc_section--dismissed');
17958        }
17959    }
17960
17961    /**
17962     * @param {Storage} storage
17963     * @return UserDismissalStore
17964     */
17965    function getStore(storage) {
17966        /** @type {UserDismissalStore} */
17967        const store = JSON.parse(storage.getItem(key)) ?? {};
17968        store.data ??= {};
17969        store.update = () => {
17970            storage.setItem(key, JSON.stringify(store));
17971            return store;
17972        };
17973        return store;
17974    }
17975
17976    /**
17977     * @param {Storage} storage
17978     */
17979    function processStoredDismissals(storage) {
17980        const store = getStore(storage);
17981        const removed = [];
17982        // We don't need that high of a time resolution here.
17983        const lastSeen = new Date().toISOString();
17984        for (const [id, dismissal] of Object.entries(store.data)) {
17985            const section = document.getElementById(id);
17986            // Section might not be in the current view
17987            if (!section) continue;
17988
17989            const type = dismissal.type;
17990            /** @type {HTMLElement}*/
17991            const currentButton = section.querySelector(`[data-dismiss-type="${type}"]`);
17992
17993            // Our section no longer is of this type. Unset
17994            if (!currentButton) {
17995                delete store.data[id];
17996                removed.push(dismissal);
17997                continue;
17998            }
17999
18000            applyDismiss(section);
18001            // Mark that we have seen it
18002            dismissal.lastSeen = lastSeen;
18003        }
18004        return {
18005            store,
18006            removed
18007        };
18008    }
18009
18010    function startUp() {
18011        console.debug('dismiss: init');
18012        const permanentResults = processStoredDismissals(localStorage);
18013        const sessionResults = processStoredDismissals(sessionStorage);
18014        permanentResults.store.update();
18015        sessionResults.store.update();
18016
18017        window.addEventListener('wm-dismiss', handleNew);
18018    }
18019
18020    if (globalThis.WMConstants.initialAutoStart) {
18021        if (document.readyState === 'loading') {
18022            document.addEventListener('DOMContentLoaded', startUp, { once: true });
18023        } else {
18024            startUp();
18025        }
18026    }
18027})();
18028</script>
18028
18029
18030    <!-- @TODO: potential candidates to be deferred -->
18031    
18031<script type="text/javascript">/* core/sticky.js */
18032;(() => {
18033    const CLASS_NAMES = {
18034        STICKY_TOP: 'wmcM_stickyTop',
18035        STICKY_BOTTOM: 'wmcM_stickyBottom',
18036        STICKY_TOP_FIXED: 'wmcM_stickyTopFixed',
18037        STICKY_BOTTOM_FIXED: 'wmcM_stickyBottomFixed',
18038
18039        TRAILING_TOP: 'wmcM_trailingTop',
18040        TRAILING_BOTTOM: 'wmcM_trailingBottom',
18041        TRAILING_TOP_REVEALED: 'wmcM_trailingTopRevealed',
18042        TRAILING_BOTTOM_REVEALED: 'wmcM_trailingBottomRevealed',
18043
18044        ANIMATE_ENTRY: 'wmcM_animateEntry',
18045        ANIMATE_EXIT: 'wmcM_animateExit'
18046    };
18047
18048    const CSS_VARIABLES = {
18049        STICKY_OFFSET: '--stickyOffset',
18050        TRAILING_ANCHOR_ID: '--trailingAnchorId',
18051        REVEAL_THRESHOLD: '--revealThreshold',
18052        SCROLL_BEHAVIOR: '--scrollBehavior',
18053        TRANSITION_DELAY_ENTRY: '--transitionDelayMsEntry',
18054        TRANSITION_DURATION_ENTRY: '--transitionDurationMsEntry'
18055    };
18056
18057    const CONFIG = {
18058        POSITIONING: {
18059            FIXED_Z_INDEX: 5000,
18060            VISIBILITY_DEBOUNCE: 50
18061        },
18062        SELECTORS: {
18063            STICKY_ELEMENTS: '.wmcM_stickyTop, .wmcM_stickyBottom',
18064            TRAILING_ELEMENTS: '.wmcM_scrollBehavior'
18065        },
18066        CSS_CLASSES: {
18067            STICKY_STATE: 'wmc_section_sticky_state',
18068            SECTION_PLACEHOLDER: 'wmc_section_placeholder'
18069        }
18070    };
18071
18072    class SafeOperation {
18073        static execute(operation, fallback = null) {
18074            try {
18075                return operation();
18076            } catch (error) {
18077                if (fallback) {
18078                    try {
18079                        return fallback();
18080                    } catch (fallbackError) {
18081                        // Silent fallback failure
18082                    }
18083                }
18084                return null;
18085            }
18086        }
18087    }
18088
18089    class ElementStyleManager {
18090        static applyFixedPositioning(element, type, offset = 0) {
18091            const styles = this.getFixedStyles(type, offset);
18092            Object.entries(styles).forEach(([prop, value]) => {
18093                element.style.setProperty(prop, value);
18094            });
18095        }
18096
18097        static getFixedStyles(type, offset) {
18098            const baseStyles = {
18099                'position': 'fixed',
18100                'left': '0px',
18101                'right': '0px',
18102                'z-index': CONFIG.POSITIONING.FIXED_Z_INDEX.toString(),
18103                'display': 'block',
18104                'visibility': 'visible',
18105                'opacity': '1'
18106            };
18107
18108            if (type === 'top') {
18109                baseStyles.top = offset + 'px';
18110                baseStyles.bottom = 'auto';
18111            } else {
18112                baseStyles.bottom = offset + 'px';
18113                baseStyles.top = 'auto';
18114            }
18115
18116            return baseStyles;
18117        }
18118
18119        static clearPositioning(element) {
18120            const propsToRemove = [
18121                'position', 'top', 'left', 'right', 'bottom',
18122                'z-index', 'display', 'visibility', 'opacity'
18123            ];
18124            propsToRemove.forEach(prop => element.style.removeProperty(prop));
18125        }
18126    }
18127
18128    class DeviceDetector {
18129        constructor() {
18130            this.currentDevice = this.getCurrentDevice();
18131            this.listeners = new Set();
18132            this.setupListeners();
18133        }
18134
18135        getCurrentDevice() {
18136            const device = globalThis.wmDevice;
18137            return device.toLowerCase() || 'desktop';
18138        }
18139
18140        addListener(callback) {
18141            this.listeners.add(callback);
18142        }
18143
18144        removeListener(callback) {
18145            this.listeners.delete(callback);
18146        }
18147
18148        setupListeners() {
18149            const handleDeviceChange = () => {
18150                const newDevice = this.getCurrentDevice();
18151                if (newDevice !== this.currentDevice) {
18152                    const oldDevice = this.currentDevice;
18153                    this.currentDevice = newDevice;
18154                    this.listeners.forEach(callback => {
18155                        try {
18156                            callback(newDevice, oldDevice);
18157                        } catch (error) {
18158                        }
18159                    });
18160                }
18161            };
18162
18163            window.addEventListener('wm-device-change', handleDeviceChange);
18164            this.cleanup = () => {
18165                window.removeEventListener('wm-device-change', handleDeviceChange);
18166            };
18167        }
18168
18169        destroy() {
18170            this.listeners.clear();
18171            if (this.cleanup) {
18172                this.cleanup();
18173            }
18174        }
18175    }
18176
18177
18178    class DeviceChangeCommand {
18179        constructor(manager, oldDevice, newDevice) {
18180            this.manager = manager;
18181            this.oldDevice = oldDevice;
18182            this.newDevice = newDevice;
18183            this.elementsToPreserve = new Set();
18184            this.elementsToRecreate = new Set();
18185        }
18186
18187        analyze() {
18188            this.manager.watchers.forEach((watcher, element) => {
18189                const oldBehavior = this.manager.getElementBehaviorOnDevice(element, this.oldDevice);
18190                const newBehavior = this.manager.getElementBehaviorOnDevice(element, this.newDevice);
18191
18192                if (this.shouldPreserveElement(oldBehavior, newBehavior, watcher)) {
18193                    this.elementsToPreserve.add(element);
18194                } else {
18195                    this.elementsToRecreate.add(element);
18196                }
18197            });
18198            return this;
18199        }
18200
18201        shouldPreserveElement(oldBehavior, newBehavior, watcher) {
18202            if (oldBehavior !== newBehavior || oldBehavior === 'none') return false;
18203            if (oldBehavior === 'trailingTop' || oldBehavior === 'trailingBottom') return false;
18204            return true;
18205        }
18206
18207        execute() {
18208            this.cleanupRecreatedElements();
18209            this.updatePreservedElements();
18210            this.reinitialize();
18211            return this;
18212        }
18213
18214        cleanupRecreatedElements() {
18215            this.elementsToRecreate.forEach(element => {
18216                const watcher = this.manager.watchers.get(element);
18217                if (watcher) {
18218                    this.manager.returnToOriginalParent(element, true);
18219                    watcher.destroy();
18220                    this.manager.watchers.delete(element);
18221                }
18222            });
18223        }
18224
18225        updatePreservedElements() {
18226            this.elementsToPreserve.forEach(element => {
18227                const watcher = this.manager.watchers.get(element);
18228                if (watcher) {
18229                    watcher.parseConfiguration();
18230                    watcher.uniqueId = watcher.generateUniqueId();
18231                }
18232            });
18233        }
18234
18235        reinitialize() {
18236            this.manager.initializeStickyWatchers(this.elementsToPreserve);
18237            this.manager.initializeTrailingWatchers(this.elementsToPreserve);
18238        }
18239    }
18240
18241    class SectionWatcher {
18242        constructor(element, manager) {
18243            this.element = element;
18244            this.manager = manager;
18245            this.isActive = false;
18246            this.spacerElement = null;
18247            this.cleanup = [];
18248
18249            this.uniqueId = this.generateUniqueId();
18250
18251            this.validateElement();
18252            this.parseConfiguration();
18253            this.cacheElementProperties();
18254        }
18255
18256        generateUniqueId() {
18257            const rect = this.element.getBoundingClientRect();
18258            const classes = Array.from(this.element.classList).join('-');
18259            const timestamp = Date.now();
18260            const random = Math.random().toString(36).substring(2, 9);
18261            return `${classes}-${Math.round(rect.top)}-${Math.round(rect.left)}-${timestamp}-${random}`;
18262        }
18263
18264        validateElement() {
18265            if (!this.element || !(this.element instanceof Element)) {
18266                throw new Error('Invalid element provided to SectionWatcher');
18267            }
18268        }
18269
18270        parseConfiguration() {
18271            try {
18272                this.computedStyle = getComputedStyle(this.element);
18273                this.scrollBehavior = this.computedStyle.getPropertyValue(CSS_VARIABLES.SCROLL_BEHAVIOR).trim() || 'none';
18274                this.isScrollBehaviorEnabled = this.scrollBehavior !== 'none' && this.scrollBehavior !== '';
18275            } catch (error) {
18276                throw new Error(`Failed to get computed style: ${error.message}`);
18277            }
18278        }
18279
18280        cacheElementProperties() {
18281            try {
18282                const wasFixed = this.element.classList.contains('wmcM_stickyTopFixed') ||
18283                    this.element.classList.contains('wmcM_stickyBottomFixed');
18284
18285                if (wasFixed) {
18286                    this.manager.returnToOriginalParent(this.element, true);
18287                    this.element.classList.remove('wmcM_stickyTopFixed', 'wmcM_stickyBottomFixed');
18288                    this.clearPositioningStyles();
18289                }
18290
18291                // Force layout recalculation once
18292                void this.element.offsetHeight;
18293
18294                // Batch all reads together
18295                const rect = this.element.getBoundingClientRect();
18296                const offsetTop = this.element.offsetTop;
18297                const scrollY = window.scrollY;
18298
18299                // Store values
18300                this.originalHeight = rect.height;
18301                this.originalOffsetTop = offsetTop;
18302                this.originalAbsoluteTop = rect.top + scrollY;
18303
18304            } catch (error) {
18305                this.originalHeight = 0;
18306                this.originalOffsetTop = 0;
18307                this.originalAbsoluteTop = 100;
18308            }
18309        }
18310
18311        clearPositioningStyles() {
18312            ElementStyleManager.clearPositioning(this.element);
18313        }
18314
18315        createSpacer() {
18316            if (this.spacerElement) return this.spacerElement;
18317
18318            try {
18319                this.spacerElement = document.createElement('div');
18320                this.spacerElement.style.height = this.originalHeight + 'px';
18321                this.spacerElement.style.visibility = 'hidden';
18322
18323                if (this.element.parentNode) {
18324                    this.element.parentNode.insertBefore(this.spacerElement, this.element);
18325                } else {
18326                    throw new Error('Element has no parent node');
18327                }
18328
18329                return this.spacerElement;
18330            } catch (error) {
18331                this.spacerElement = null;
18332                throw new Error(`Failed to create spacer: ${error.message}`);
18333            }
18334        }
18335
18336        removeSpacer() {
18337            if (this.spacerElement) {
18338                try {
18339                    this.spacerElement.remove();
18340                } catch (error) {
18341                }
18342                this.spacerElement = null;
18343            }
18344        }
18345
18346        handleAnimationEntry() {
18347            globalThis.wmAnimateEntry?.triggerEntry(this.element);
18348        }
18349
18350        handleAnimationExit() {
18351            return globalThis.wmAnimateEntry?.triggerExit(this.element) || Promise.resolve();
18352        }
18353
18354        removeAnimationClasses() {
18355            globalThis.wmAnimateEntry?.removeAllClasses(this.element);
18356        }
18357
18358        resetAnimation() {
18359            globalThis.wmAnimateEntry?.resetToInitial(this.element);
18360        }
18361
18362        triggerChildAnimations() {
18363            globalThis.wmAnimateEntry?.triggerChildEntries(this.element);
18364        }
18365
18366        destroy() {
18367            this.cleanup.forEach(cleanupFn => {
18368                try {
18369                    cleanupFn();
18370                } catch (error) {
18371                }
18372            });
18373            this.cleanup = [];
18374            this.removeSpacer();
18375            this.isActive = false;
18376        }
18377    }
18378
18379    class StickyWatcher extends SectionWatcher {
18380        constructor(element,manager) {
18381            super(element, manager);
18382            this.isCurrentlyFixed = this.element.classList.contains(this.getFixedClassName());
18383            this.stickyOffset = parseInt(this.computedStyle.getPropertyValue(CSS_VARIABLES.STICKY_OFFSET)) || 0;
18384        }
18385
18386        getFixedClassName() {
18387            throw new Error('getFixedClassName must be implemented by subclass');
18388        }
18389
18390        makeFixed() {
18391            if (this.isCurrentlyFixed) return;
18392
18393            SafeOperation.execute(() => {
18394                globalThis.wmAnimateEntry?.freezeEntries(this.element);
18395                this.manager.moveToDocumentRoot(this.element, true);
18396                this.prepareElementForFixed();
18397                this.applyFixedPositioning();
18398                globalThis.wmAnimateEntry?.resumeEntries(this.element);
18399                this.isCurrentlyFixed = true;
18400            }, () => {
18401                this.manager.returnToOriginalParent(this.element);
18402            });
18403        }
18404
18405        prepareElementForFixed() {
18406            this.element.classList.add(this.getFixedClassName());
18407        }
18408
18409        applyFixedPositioning() {
18410            throw new Error('applyFixedPositioning must be implemented by subclass');
18411        }
18412
18413        makeNormal() {
18414            if (!this.isCurrentlyFixed) return;
18415
18416            SafeOperation.execute(() => {
18417                ElementStyleManager.clearPositioning(this.element);
18418                this.element.classList.remove(this.getFixedClassName());
18419                this.removeSpacer();
18420                this.restoreOriginalPosition();
18421                this.isCurrentlyFixed = false;
18422                this.element.offsetHeight;
18423            });
18424        }
18425
18426        restoreOriginalPosition() {
18427            const positionInfo = this.manager.originalPositions.get(this.element);
18428            if (positionInfo) {
18429                const { originalParent, nextSibling, placeholder } = positionInfo;
18430
18431                this.element.classList.remove(CONFIG.CSS_CLASSES.STICKY_STATE);
18432
18433                if (placeholder && placeholder.parentNode) {
18434                    originalParent.insertBefore(this.element, placeholder);
18435                    placeholder.remove();
18436                } else if (nextSibling && nextSibling.parentNode === originalParent) {
18437                    originalParent.insertBefore(this.element, nextSibling);
18438                } else {
18439                    originalParent.appendChild(this.element);
18440                }
18441
18442                this.manager.originalPositions.delete(this.element);
18443            }
18444        }
18445
18446        initialize() {
18447            if (!this.isScrollBehaviorEnabled) {
18448                return;
18449            }
18450            this.createPositionDetection();
18451        }
18452
18453        createPositionDetection() {
18454            throw new Error('createPositionDetection must be implemented by subclass');
18455        }
18456    }
18457
18458    class StickyTopWatcher extends StickyWatcher {
18459        getFixedClassName() {
18460            return CLASS_NAMES.STICKY_TOP_FIXED;
18461        }
18462
18463        applyFixedPositioning() {
18464            ElementStyleManager.applyFixedPositioning(this.element, 'top', this.stickyOffset);
18465            this.element.offsetHeight;
18466        }
18467
18468        createPositionDetection() {
18469            this.sentinel = document.createElement('div');
18470            this.sentinel.style.position = 'absolute';
18471            this.sentinel.style.top = this.originalAbsoluteTop + 'px';
18472            this.sentinel.style.height = '1px';
18473            this.sentinel.style.width = '1px';
18474            this.sentinel.style.visibility = 'hidden';
18475            this.sentinel.style.pointerEvents = 'none';
18476            document.body.appendChild(this.sentinel);
18477
18478            this.observer = new IntersectionObserver((entries) => {
18479                const entry = entries[0];
18480                const shouldBeFixed = !entry.isIntersecting && entry.boundingClientRect.top < 0;
18481
18482                if (shouldBeFixed && !this.isCurrentlyFixed) {
18483                    this.makeFixed();
18484                } else if (!shouldBeFixed && this.isCurrentlyFixed) {
18485                    this.makeNormal();
18486                }
18487            }, {
18488                root: null,
18489                rootMargin: '0px',
18490                threshold: 0
18491            });
18492
18493            this.observer.observe(this.sentinel);
18494            this.cleanup.push(() => {
18495                if (this.observer) {
18496                    this.observer.disconnect();
18497                    this.observer = null;
18498                }
18499                if (this.sentinel) {
18500                    this.sentinel.remove();
18501                    this.sentinel = null;
18502                }
18503            });
18504        }
18505    }
18506
18507    class StickyBottomWatcher extends StickyWatcher {
18508        getFixedClassName() {
18509            return CLASS_NAMES.STICKY_BOTTOM_FIXED;
18510        }
18511
18512        applyFixedPositioning() {
18513            ElementStyleManager.applyFixedPositioning(this.element, 'bottom', this.stickyOffset);
18514            this.element.offsetHeight;
18515        }
18516
18517        createPositionDetection() {
18518            this.element.style.setProperty('display', 'block', 'important');
18519            this.element.style.setProperty('visibility', 'visible', 'important');
18520            this.element.offsetHeight;
18521
18522            this.makeFixedWithoutPlaceholder();
18523            window.makeStickyBottomSectionsNormal = [...(window.makeStickyBottomSectionsNormal || []), this.makeNormal.b
18523ind(this)];
18524        }
18525        makeFixedWithoutPlaceholder() {
18526            if (this.isCurrentlyFixed) return;
18527
18528            SafeOperation.execute(() => {
18529                this.manager.moveToDocumentRoot(this.element, false);
18530                this.element.classList.add(this.getFixedClassName());
18531                this.handleAnimationEntry();
18532                this.triggerChildAnimations();
18533                this.applyFixedPositioning();
18534                this.isCurrentlyFixed = true;
18535            }, () => {
18536                this.manager.returnToOriginalParent(this.element);
18537            });
18538        }
18539    }
18540
18541    class TrailingWatcher extends SectionWatcher {
18542        constructor(element,manager) {
18543            super(element, manager);
18544            this.isRevealed = false;
18545            this.observer = null;
18546            this.pendingHideAnimation = null;
18547            this.debounceTimeout = null;
18548            this.parseTrailingConfiguration();
18549        }
18550
18551        parseTrailingConfiguration() {
18552            this.trailingAnchorId = this.computedStyle.getPropertyValue(CSS_VARIABLES.TRAILING_ANCHOR_ID)
18553                .replace(/['"]/g, '').trim();
18554            this.revealThreshold = parseInt(this.computedStyle.getPropertyValue(CSS_VARIABLES.REVEAL_THRESHOLD)) || 0;
18555
18556            if (!this.trailingAnchorId) {
18557                throw new Error('Trailing anchor ID is required');
18558            }
18559
18560            this.anchorElement = document.getElementById(this.trailingAnchorId);  // Direct call
18561            if (!this.anchorElement) {
18562                throw new Error(`Anchor element not found: ${this.trailingAnchorId}`);
18563            }
18564        }
18565
18566        getRevealedClassName() {
18567            const device = this.manager.deviceDetector.currentDevice;
18568            const deviceSuffix = device === 'desktop' ? '--desktop' : device === 'tablet' ? '--tablet' : '--mobile';
18569
18570            if (this.element.classList.contains(`wmcM_trailingTop${deviceSuffix}`)) {
18571                return CLASS_NAMES.TRAILING_TOP_REVEALED;
18572            } else if (this.element.classList.contains(`wmcM_trailingBottom${deviceSuffix}`)) {
18573                return CLASS_NAMES.TRAILING_BOTTOM_REVEALED;
18574            }
18575
18576            if (this.trailingType === 'top') {
18577                return CLASS_NAMES.TRAILING_TOP_REVEALED;
18578            } else if (this.trailingType === 'bottom') {
18579                return CLASS_NAMES.TRAILING_BOTTOM_REVEALED;
18580            }
18581
18582            if (this.element.classList.contains('wmcM_trailingTop')) {
18583                return CLASS_NAMES.TRAILING_TOP_REVEALED;
18584            } else if (this.element.classList.contains('wmcM_trailingBottom')) {
18585                return CLASS_NAMES.TRAILING_BOTTOM_REVEALED;
18586            }
18587
18588            throw new Error('Unknown trailing type');
18589        }
18590
18591        show() {
18592            if (this.isRevealed) return;
18593
18594            if (this.pendingHideAnimation) {
18595                this.pendingHideAnimation = null;
18596            }
18597
18598            this.isRevealed = true;
18599
18600            try {
18601                this.manager.moveToDocumentRoot(this.element, true);
18602                this.createSpacer();
18603                this.element.classList.add(this.getRevealedClassName());
18604
18605                this.element.style.display = '';
18606                if (this.element.classList.contains(CLASS_NAMES.ANIMATE_ENTRY)) {
18607                    this.element.classList.add(CLASS_NAMES.ANIMATE_EXIT);
18608                }
18609
18610                const wmlElement = this.element.querySelector('.wml');
18611                if (wmlElement) {
18612                    wmlElement.style.removeProperty('opacity');
18613                }
18614
18615                globalThis.wmAnimateEntry?.removeAllClasses(this.element);
18616                this.handleAnimationEntry();
18617                this.triggerChildAnimations();
18618            } catch (error) {
18619                this.isRevealed = false;
18620                this.manager.returnToOriginalParent(this.element);
18621                throw error;
18622            }
18623        }
18624
18625        async hide() {
18626            if (!this.isRevealed) return;
18627
18628            this.pendingHideAnimation = true;
18629            await this.handleAnimationExit();
18630
18631            if (!this.pendingHideAnimation) return;
18632
18633            this.isRevealed = false;
18634            this.removeSpacer();
18635            this.element.classList.remove(CLASS_NAMES.TRAILING_TOP_REVEALED, CLASS_NAMES.TRAILING_BOTTOM_REVEALED);
18636
18637            this.element.style.display = 'none';
18638            this.manager.returnToOriginalParent(this.element);
18639
18640            const wmlElement = this.element.querySelector('.wml');
18641            if (wmlElement) {
18642                wmlElement.style.removeProperty('opacity');
18643            }
18644
18645            globalThis.wmAnimateEntry?.removeAllClasses(this.element);
18646
18647            this.pendingHideAnimation = null;
18648        }
18649
18650        initialize() {
18651            if (!this.isScrollBehaviorEnabled) return;
18652
18653            try {
18654                this.observer = new IntersectionObserver((entries) => {
18655                    const entry = entries[0];
18656                    const shouldShow = !entry.isIntersecting && entry.boundingClientRect.top < 0;
18657
18658                    if (this.debounceTimeout) {
18659                        clearTimeout(this.debounceTimeout);
18660                    }
18661
18662                    this.debounceTimeout = setTimeout(() => {
18663                        if (shouldShow && !this.isRevealed && !this.pendingHideAnimation) {
18664                            this.show();
18665                        } else if (!shouldShow && this.isRevealed && !this.pendingHideAnimation) {
18666                            this.hide();
18667                        }
18668                        this.debounceTimeout = null;
18669                    }, CONFIG.POSITIONING.VISIBILITY_DEBOUNCE);
18670                }, {
18671                    root: null,
18672                    rootMargin: `-${this.revealThreshold}px 0px 0px 0px`,
18673                    threshold: 0
18674                });
18675
18676                this.observer.observe(this.anchorElement);
18677                this.cleanup.push(() => {
18678                    if (this.observer) {
18679                        this.observer.disconnect();
18680                        this.observer = null;
18681                    }
18682                    if (this.debounceTimeout) {
18683                        clearTimeout(this.debounceTimeout);
18684                        this.debounceTimeout = null;
18685                    }
18686                });
18687            } catch (error) {
18688                throw new Error(`Failed to create intersection observer: ${error.message}`);
18689            }
18690        }
18691    }
18692
18693    class WatcherManager {
18694        constructor() {
18695            this.watchers = new Map();
18696            this.isInitialized = false;
18697            this.originalPositions = new WeakMap();
18698            this.deviceDetector = new DeviceDetector();
18699
18700            this.setupDeviceChangeHandling();
18701        }
18702
18703        setupDeviceChangeHandling() {
18704            const deviceChangeHandler = (newDevice, oldDevice) => {
18705                setTimeout(() => this.handleDeviceChange(newDevice, oldDevice), 100);
18706            };
18707            this.deviceDetector.addListener(deviceChangeHandler);
18708
18709            this.globalCleanup = () => {
18710                this.deviceDetector.removeListener(deviceChangeHandler);
18711                this.deviceDetector.destroy();
18712            };
18713        }
18714
18715        getElementBehaviorOnDevice(element, device) {
18716            const deviceSuffix = `--${device.toLowerCase()}`;
18717
18718            if (element.classList.contains(`wmcM_stickyTop${deviceSuffix}`)) {
18719                return 'stickyTop';
18720            }
18721            if (element.classList.contains(`wmcM_stickyBottom${deviceSuffix}`)) {
18722                return 'stickyBottom';
18723            }
18724            if (element.classList.contains(`wmcM_trailingTop${deviceSuffix}`)) {
18725                return 'trailingTop';
18726            }
18727            if (element.classList.contains(`wmcM_trailingBottom${deviceSuffix}`)) {
18728                return 'trailingBottom';
18729            }
18730
18731            const isInherit = (device === 'tablet' && element.classList.contains('wmcM_tablet-inherit-scroll')) ||
18732                (device === 'mobile' && element.classList.contains('wmcM_mobile-inherit-scroll'));
18733
18734            if (isInherit) {
18735                if (element.classList.contains('wmcM_stickyTop--desktop')) {
18736                    return 'stickyTop';
18737                }
18738                if (element.classList.contains('wmcM_stickyBottom--desktop')) {
18739                    return 'stickyBottom';
18740                }
18741                if (element.classList.contains('wmcM_trailingTop--desktop')) {
18742                    return 'trailingTop';
18743                }
18744                if (element.classList.contains('wmcM_trailingBottom--desktop')) {
18745                    return 'trailingBottom';
18746                }
18747            }
18748
18749            return 'none';
18750        }
18751
18752        handleDeviceChange(newDevice, oldDevice) {
18753            new DeviceChangeCommand(this, oldDevice, newDevice)
18754                .analyze()
18755                .execute();
18756        }
18757
18758        reinitializeWatcher(element, watcher) {
18759            try {
18760                this.returnToOriginalParent(element, true);
18761                watcher.destroy();
18762                this.watchers.delete(element);
18763
18764                const behavior = this.getElementBehaviorOnDevice(element, this.deviceDetector.currentDevice);
18765
18766                let newWatcher = null;
18767                if (behavior === 'stickyTop') {
18768                    newWatcher = this.createWatcher(element, 'stickyTop');
18769                } else if (behavior === 'stickyBottom') {
18770                    newWatcher = this.createWatcher(element, 'stickyBottom');
18771                } else if (behavior === 'trailingTop' || behavior === 'trailingBottom') {
18772                    newWatcher = this.createWatcher(element, 'trailing');
18773                }
18774
18775                if (newWatcher) {
18776                    this.watchers.set(element, newWatcher);
18777                    newWatcher.initialize();
18778                }
18779            } catch (error) {
18780                this.watchers.delete(element);
18781            }
18782        }
18783
18784        createWatcher(element, type) {
18785            try {
18786                switch (type) {
18787                    case 'stickyTop':
18788                        return new StickyTopWatcher(element,this);
18789                    case 'stickyBottom':
18790                        return new StickyBottomWatcher(element, this);
18791                    case 'trailing':
18792                        return new TrailingWatcher(element, this);
18793                    default:
18794                        throw new Error(`Unknown watcher type: ${type}`);
18795                }
18796            } catch (error) {
18797                return null;
18798            }
18799        }
18800
18801        // We move sticky/trailing sections up to be a direct child of <body> because the
18802        // scaling transform (transform: scale3d on body > main and body > .wmcM_scrollBehavior,
18803        // see core.css) makes those wrappers the containing block for position: fixed. A fixed
18804        // element left inside them would resolve against the scaled wrapper instead of the
18805        // viewport, breaking its position and stacking. Reparenting to <body> escapes that.
18806        //
18807        // We use transform for scaling because CSS zoom lacks broad-enough browser support
18808        // (not yet 2 years of major-browser coverage). Once we switch scaling to zoom (which
18809        // does NOT establish a containing block for fixed elements), this move-to-root becomes
18810        // unnecessary - and so does the freeze/resume entry-animation handling in makeFixed(),
18811        // since that only exists to survive the reparent this move performs.
18812        moveToDocumentRoot(element, needsPlaceholder = true) {
18813            if (this.originalPositions.has(element)) {
18814                return false;
18815            }
18816
18817            const originalParent = element.parentNode;
18818            const nextSibling = element.nextElementSibling;
18819            const originalIndex = Array.from(originalParent.children).indexOf(element);
18820
18821            let placeholder = null;
18822
18823            if (needsPlaceholder) {
18824                placeholder = document.createElement('section');
18825                const rect = element.getBoundingClientRect();
18826
18827                placeholder.style.height = rect.height + 'px';
18828                placeholder.style.visibility = 'hidden';
18829                placeholder.style.pointerEvents = 'none';
18830                placeholder.classList.add('wmc', CONFIG.CSS_CLASSES.SECTION_PLACEHOLDER);
18831                const wmlDiv = document.createElement('div');
18832                wmlDiv.classList.add('wml');
18833                placeholder.appendChild(wmlDiv);
18834
18835                originalParent.insertBefore(placeholder, element);
18836            }
18837
18838            this.originalPositions.set(element, {
18839                originalParent,
18840                nextSibling,
18841                originalIndex,
18842                placeholder
18843            });
18844
18845            element.classList.add(CONFIG.CSS_CLASSES.STICKY_STATE);
18846
18847            document.body.appendChild(element);
18848            return true;
18849        }
18850
18851        returnToOriginalParent(element, forceReturn = false) {
18852            if (!forceReturn && this.watchers.has(element)) {
18853                return false;
18854            }
18855
18856            const positionInfo = this.originalPositions.get(element);
18857            if (!positionInfo) {
18858                return false;
18859            }
18860
18861            const { originalParent, nextSibling, placeholder } = positionInfo;
18862
18863            element.classList.remove(CONFIG.CSS_CLASSES.STICKY_STATE);
18864
18865
18866
18867            if (placeholder && placeholder.parentNode) {
18868                originalParent.insertBefore(element, placeholder);
18869                placeholder.remove();
18870            } else {
18871                if (nextSibling && nextSibling.parentNode === originalParent) {
18872                    originalParent.insertBefore(element, nextSibling);
18873                } else {
18874                    originalParent.appendChild(element);
18875                }
18876            }
18877
18878            this.originalPositions.delete(element);
18879            return true;
18880        }
18881
18882        initializeStickyWatchers(watchersToPreserve = new Set()) {
18883            const elementsInBody = Array.from(document.body.children).filter(child => {
18884                return child.classList && (
18885                    child.classList.contains('wmcM_stickyTop') ||
18886                    child.classList.contains('wmcM_stickyBottom')
18887                ) && child.tagName !== 'SCRIPT' && child.tagName !== 'STYLE';
18888            });
18889
18890            elementsInBody.forEach((element) => {
18891                if (!this.watchers.has(element)) {
18892                    element.classList.remove('wmcM_stickyTopFixed', 'wmcM_stickyBottomFixed');
18893                    ElementStyleManager.clearPositioning(element);
18894
18895                    const mainElement = document.querySelector('main, .main, #main') || document.querySelector('body > div:first-child');
18896                    if (mainElement) {
18897                        mainElement.appendChild(element);
18898                    } else {
18899                        document.body.appendChild(element);
18900                    }
18901                }
18902            });
18903
18904            if (elementsInBody.length > 0) {
18905                document.body.offsetHeight;
18906            }
18907
18908            const allStickyElements = new Set();
18909            document.querySelectorAll('.wmcM_stickyTop').forEach(el => allStickyElements.add(el));
18910            document.querySelectorAll('.wmcM_stickyBottom').forEach(el => allStickyElements.add(el));
18911
18912            Array.from(allStickyElements).forEach((el) => {
18913                if (watchersToPreserve.has(el)) return;
18914
18915                const behavior = this.getElementBehaviorOnDevice(el, this.deviceDetector.currentDevice);
18916
18917                if (behavior === 'stickyTop' || behavior === 'stickyBottom') {
18918                    const style = getComputedStyle(el);
18919                    const scrollBehavior = style.getPropertyValue('--scrollBehavior').trim();
18920
18921                    if (scrollBehavior === 'sticky') {
18922                        this.processStickyElement(el, behavior);
18923                    } else {
18924                        if (!this.watchers.has(el)) {
18925                            ElementStyleManager.clearPositioning(el);
18926                        }
18927                        el.classList.remove(CLASS_NAMES.STICKY_TOP_FIXED, CLASS_NAMES.STICKY_BOTTOM_FIXED);
18928                        globalThis.wmAnimateEntry?.removeAllClasses(el);
18929                    }
18930                } else {
18931                    if (!this.watchers.has(el)) {
18932                        ElementStyleManager.clearPositioning(el);
18933                    }
18934                    el.classList.remove(CLASS_NAMES.STICKY_TOP_FIXED, CLASS_NAMES.STICKY_BOTTOM_FIXED);
18935                    if (el.classList.contains(CLASS_NAMES.ANIMATE_ENTRY)) {
18936                        globalThis.wmAnimateEntry?.triggerEntry(el);
18937                    }
18938                }
18939            });
18940        }
18941
18942        processStickyElement(element, behavior) {
18943            element.classList.remove(CLASS_NAMES.STICKY_TOP_FIXED, CLASS_NAMES.STICKY_BOTTOM_FIXED);
18944
18945            if (behavior === 'stickyBottom') {
18946                element.style.setProperty('display', 'block', 'important');
18947                element.style.setProperty('visibility', 'visible', 'important');
18948                element.style.setProperty('position', 'relative', 'important');
18949
18950                // Handle animation for sticky bottom
18951                if (element.classList.contains(CLASS_NAMES.ANIMATE_ENTRY)) {
18952                    globalThis.wmAnimateEntry?.triggerEntry(element);
18953                }
18954            }
18955
18956            if (element.classList.contains(CLASS_NAMES.ANIMATE_ENTRY)) {
18957                element.classList.add(CLASS_NAMES.ANIMATE_EXIT);
18958            }
18959
18960            const watcher = this.createWatcher(element, behavior);
18961            if (watcher) {
18962                this.watchers.set(element, watcher);
18963                watcher.initialize();
18964            }
18965        }
18966        initializeTrailingWatchers(watchersToPreserve = new Set()) {
18967            const scrollBehaviorElements = document.querySelectorAll('.wmcM_scrollBehavior');
18968
18969            scrollBehaviorElements.forEach((el) => {
18970                if (watchersToPreserve.has(el)) return;
18971
18972                const hasTrailingTop = el.classList.contains('wmcM_trailingTop--desktop') ||
18973                    el.classList.contains('wmcM_trailingTop--tablet') ||
18974                    el.classList.contains('wmcM_trailingTop--mobile');
18975
18976                const hasTrailingBottom = el.classList.contains('wmcM_trailingBottom--desktop') ||
18977                    el.classList.contains('wmcM_trailingBottom--tablet') ||
18978                    el.classList.contains('wmcM_trailingBottom--mobile');
18979
18980                if (!hasTrailingTop && !hasTrailingBottom) return;
18981
18982                const style = getComputedStyle(el);
18983                const scrollBehavior = style.getPropertyValue('--scrollBehavior').trim();
18984
18985                if (scrollBehavior === 'trailing') {
18986                    const behavior = this.getElementBehaviorOnDevice(el, this.deviceDetector.currentDevice);
18987
18988                    if (behavior === 'trailingTop' || behavior === 'trailingBottom') {
18989                        this.processTrailingElement(el, behavior);
18990                    }
18991                } else {
18992                    el.style.removeProperty('display');
18993                    el.classList.remove(CLASS_NAMES.TRAILING_TOP_REVEALED, CLASS_NAMES.TRAILING_BOTTOM_REVEALED);
18994                    globalThis.wmAnimateEntry?.removeAllClasses(el);
18995                }
18996            });
18997        }
18998
18999        processTrailingElement(element, behavior) {
19000            element.classList.remove(CLASS_NAMES.TRAILING_TOP_REVEALED, CLASS_NAMES.TRAILING_BOTTOM_REVEALED);
19001
19002            if (element.classList.contains(CLASS_NAMES.ANIMATE_ENTRY)) {
19003                element.classList.add(CLASS_NAMES.ANIMATE_EXIT);
19004            }
19005
19006            const watcher = this.createWatcher(element, 'trailing');
19007            if (watcher) {
19008                watcher.trailingType = behavior === 'trailingTop' ? 'top' : 'bottom';
19009                this.watchers.set(element, watcher);
19010                watcher.initialize();
19011            }
19012        }
19013
19014        initialize() {
19015            this.cleanup();
19016
19017            try {
19018                this.initializeStickyWatchers();
19019                this.initializeTrailingWatchers();
19020                this.isInitialized = true;
19021            } catch (error) {
19022                this.cleanup();
19023                throw error;
19024            }
19025        }
19026
19027        cleanup() {
19028            this.watchers.forEach((watcher, element) => {
19029                try {
19030                    globalThis.wmAnimateEntry?.removeAllClasses(element);
19031                    this.returnToOriginalParent(element, true);
19032                    watcher.destroy();
19033                } catch (error) {
19034                }
19035            });
19036            this.watchers.clear();
19037            this.originalPositions = new WeakMap();
19038            this.isInitialized = false;
19039        }
19040
19041        destroy() {
19042            this.cleanup();
19043            if (this.globalCleanup) {
19044                this.globalCleanup();
19045            }
19046        }
19047    }
19048
19049    function initWatcherManager() {
19050        const watcherManager = new WatcherManager();
19051        watcherManager.initialize();
19052    }
19053
19054    function delayedInitWatcherManager() {
19055        initWatcherManager();
19056
19057        // @TODO: take a look at reveal animations, they do not fire every time
19058
19059        // @TODO: possibly delay some things until after user interaction (major rewrite required)
19060        // if (!globalThis.wmUserInteraction) {
19061        //     window.addEventListener('wm-user-interaction', initWatcherManager, { once: true });
19062        // } else {
19063        //     initWatcherManager();
19064        // }
19065    }
19066
19067    if (!globalThis.wmDevice) {
19068        window.addEventListener('wm-device-ready', delayedInitWatcherManager, { once: true });
19069    } else {
19070        delayedInitWatcherManager();
19071    }
19072})();
19073</script>
19073
19074
19075    <!-- deferred -->
19076    
19076<script type="text/wmdjs">/* core/scroll-to-top.js */
19077;(() => {
19078    class WMScrollToTop {
19079        /**
19080         * @param {Object} options
19081         * @param {number} [options.threshold=200]
19082         * @param {HTMLElement|null} [options.scrollContainer=null]
19083         * @param {string} [options.buttonClass='wm_scrollToTop']
19084         * @param {string} [options.visibleClass='wm_scrollToTop--visible']
19085         * @param {HTMLElement|null} [options.root=null]
19086         * @param {boolean} [options.smooth=true]
19087         */
19088        constructor(options = {}) {
19089            if (typeof window === 'undefined' || typeof document === 'undefined') {
19090                console.warn('WMScrollToTop is not available in this environment');
19091                return;
19092            }
19093
19094            this.options = Object.freeze({
19095                threshold: 200,
19096                scrollContainer: null,
19097                buttonClass: 'wm_scrollToTop',
19098                visibleClass: 'wm_scrollToTop--visible',
19099                smooth: true,
19100                root: null,
19101                ...options
19102            });
19103
19104            this.button = null;
19105            this.isVisible = false;
19106            this.scrollFlag = false;
19107            this.animationFrameId = null;
19108            this.ownedAttribute = 'data-wm-scrolltotop';
19109            this.abortController = new AbortController();
19110            this.scrollContainer = this.options.scrollContainer || window;
19111
19112            this.initialize();
19113        }
19114
19115        initialize() {
19116            console.debug('scroll-to-top: init');
19117            this.createButton();
19118            this.bindEvents();
19119            this.updateVisibility();
19120            this.startAnimationFrameLoop();
19121        }
19122
19123        createButton() {
19124            const existingButton = document.querySelector(`.${this.options.buttonClass}[${this.ownedAttribute}="true"]`);
19125            if (existingButton) {
19126                this.button = existingButton;
19127                return;
19128            }
19129
19130            const buttonElement = document.createElement('button');
19131            buttonElement.className = this.options.buttonClass;
19132            buttonElement.type = 'button';
19133            buttonElement.setAttribute(this.ownedAttribute, 'true');
19134            buttonElement.setAttribute('aria-label', 'Scroll to top');
19135            buttonElement.setAttribute('title', 'Scroll to top');
19136            buttonElement.setAttribute('aria-hidden', 'true');
19137            buttonElement.hidden = true;
19138
19139            (this.options.root || document.body).appendChild(buttonElement);
19140            this.button = buttonElement;
19141        }
19142
19143        bindEvents() {
19144            const { signal } = this.abortController;
19145
19146            this.button.addEventListener('click', () => this.scrollToTop(), { signal });
19147            this.button.addEventListener('keydown', (e) => {
19148                if (e.key === 'Enter' || e.key === ' ') {
19149                    e.preventDefault();
19150                    this.scrollToTop();
19151                }
19152            }, { signal });
19153
19154            const onScrollEvent = () => { this.scrollFlag = true; };
19155            const onResizeEvent = () => { this.scrollFlag = true; };
19156
19157            const target = this.scrollContainer;
19158            (target || window).addEventListener('scroll', onScrollEvent, { passive: true, signal });
19159            window.addEventListener('resize', onResizeEvent, { passive: true, signal });
19160
19161            // Handle documentElement scroll for edge cases
19162            if (target === window || target === document || target == null) {
19163                document.addEventListener('scroll', onScrollEvent, { passive: true, signal });
19164            }
19165        }
19166
19167        startAnimationFrameLoop() {
19168            const updateLoop = () => {
19169                if (this.scrollFlag) {
19170                    this.scrollFlag = false;
19171                    this.updateVisibility();
19172                }
19173                this.animationFrameId = window.requestAnimationFrame(updateLoop);
19174            };
19175            this.animationFrameId = window.requestAnimationFrame(updateLoop);
19176        }
19177
19178        getScrollTop() {
19179            const container = this.scrollContainer;
19180            if (!container || container === window || container === document) {
19181                return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
19182            }
19183            return container.scrollTop || 0;
19184        }
19185
19186        updateVisibility() {
19187            if (!this.button) return;
19188
19189            // Hide if container is detached from DOM
19190            if (this.scrollContainer instanceof HTMLElement && !document.contains(this.scrollContainer)) {
19191                this.hideButton();
19192                return;
19193            }
19194
19195            const shouldShowButton = this.getScrollTop() > this.options.threshold;
19196            if (shouldShowButton && !this.isVisible) this.showButton();
19197            else if (!shouldShowButton && this.isVisible) this.hideButton();
19198        }
19199
19200        showButton() {
19201            if (!this.button) return;
19202            this.isVisible = true;
19203            this.button.hidden = false;
19204            this.button.setAttribute('aria-hidden', 'false');
19205            this.button.classList.add(this.options.visibleClass);
19206        }
19207
19208        hideButton() {
19209            if (!this.button) return;
19210            this.isVisible = false;
19211            this.button.classList.remove(this.options.visibleClass);
19212            this.button.setAttribute('aria-hidden', 'true');
19213            this.button.hidden = true;
19214        }
19215
19216        scrollToTop() {
19217            const prefersReducedMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
19218            const smoothScroll = this.options.smooth && !prefersReducedMotion;
19219
19220            const target = this.scrollContainer || window;
19221            const behavior = smoothScroll ? 'smooth' : 'auto';
19222
19223            if (target === window || target === document) {
19224                window.scrollTo({ top: 0, behavior });
19225            } else if (typeof target.scrollTo === 'function') {
19226                target.scrollTo({ top: 0, behavior });
19227            } else {
19228                // Fallback for elements that don't have scrollTo
19229                if (target instanceof HTMLElement) target.scrollTop = 0;
19230                else document.documentElement.scrollTop = 0;
19231            }
19232        }
19233
19234        destroy() {
19235            if (this.animationFrameId) {
19236                cancelAnimationFrame(this.animationFrameId);
19237                this.animationFrameId = null;
19238            }
19239            this.abortController.abort(); // Removes all listeners
19240            if (this.button) {
19241                this.button.remove();
19242                this.button = null;
19243            }
19244            this.isVisible = false;
19245        }
19246    }
19247
19248    const initializeScrollToTop = () => {
19249        if (window.wmScrollToTopInstance instanceof WMScrollToTop) {
19250            window.wmScrollToTopInstance.destroy();
19251        }
19252        window.wmScrollToTopInstance = new WMScrollToTop();
19253    };
19254
19255    if (!globalThis.wmUserInteraction) {
19256        window.addEventListener('wm-user-interaction', initializeScrollToTop, { once: true });
19257    } else {
19258        initializeScrollToTop();
19259    }
19260})();
19261</script>
19261
19262
19263    <!-- @TODO: figure out processing of these, some may potentially be allowed to be deferred -->
19264            
19264<script>/* core/hover-with-parent.js */
19265/**
19266 * Hover propagation barriers.
19267 *
19268 * CSS propagates a component's hover state down to its descendants. A component with
19269 * "hover with parent" disabled (wmcM_noParentHover) opts itself out, but CSS selectors
19270 * cannot express "also opt out my enabled descendants when the propagation originates
19271 * ABOVE me" — the rule is shared by every hovered ancestor and cannot anchor to which
19272 * specific element is the live hover root. So we resolve it at runtime: whenever the
19273 * hover/focus target changes, any wmcM_noParentHover boundary that is NOT itself the
19274 * (or inside the) hovered/focused/preview target gets wmcA_blockHoverPropagation, which
19275 * the CSS excludes from propagation — for the boundary AND, via a descendant combinator,
19276 * its whole subtree.
19277 *
19278 * Example: Shelf (enabled) > Box (wmcM_noParentHover) > Button (enabled)
19279 * - Hover Shelf: Box is blocked, so Shelf's hover does not reach Button.
19280 * - Hover Box:   the cursor is inside Box, so Box is "active" and not blocked; Box's own
19281 *                hover drives Button normally.
19282 * - Hover Button: Button (and Box, which contains the cursor) are active; nothing blocked.
19283 */
19284
19285;(() => {
19286    const BARRIER_CLASS = 'wmcA_blockHoverPropagation';
19287    const NO_PARENT_HOVER_CLASS = 'wmcM_noParentHover';
19288
19289    function init() {
19290        console.debug('hover-with-parent: init');
19291
19292        /** @type {Set<HTMLElement>} Boundaries currently carrying BARRIER_CLASS. */
19293        const blockedComponents = new Set();
19294        let scheduledUpdateId = null;
19295
19296        /**
19297         * Components that should drive hover right now: every .wmc under the cursor,
19298         * every .wmc on the focus path, and every component held in hover state by the
19299         * editor (wmcA_hoverState). Queried live each time so dynamically added/removed
19300         * components (drag & drop in the editor) are always reflected.
19301         * @returns {Set<HTMLElement>}
19302         */
19303        function getActiveComponents() {
19304            const active = new Set(document.querySelectorAll('.wmc:hover, .wmc.wmcA_hoverState'));
19305
19306            const focused = document.activeElement;
19307            if (focused && typeof focused.closest === 'function') {
19308                let el = focused.closest('.wmc');
19309                while (el) {
19310                    active.add(el);
19311                    el = el.parentElement?.closest('.wmc') ?? null;
19312                }
19313            }
19314            return active;
19315        }
19316
19317        function updateBarriers() {
19318            if (scheduledUpdateId !== null) return;
19319
19320            scheduledUpdateId = requestAnimationFrame(() => {
19321                scheduledUpdateId = null;
19322
19323                // Clear the previous round before recomputing.
19324                for (const el of blockedComponents) el.classList.remove(BARRIER_CLASS);
19325                blockedComponents.clear();
19326
19327                const activeComponents = getActiveComponents();
19328                if (activeComponents.size === 0) return;
19329
19330                // For every active component, block the wmcM_noParentHover boundaries beneath
19331                // it that are not themselves active. The CSS descendant combinator
19332                // (`.wmcA_blockHoverPropagation .wmc`) extends each block to the full subtree,
19333                // so we never need to tag descendants individually.
19334                for (const activeComponent of activeComponents) {
19335                    const boundaries = activeComponent.querySelectorAll('.' + NO_PARENT_HOVER_CLASS);
19336                    for (const boundary of boundaries) {
19337                        if (activeComponents.has(boundary)) continue;
19338                        boundary.classList.add(BARRIER_CLASS);
19339                        blockedComponents.add(boundary);
19340                    }
19341                }
19342            });
19343        }
19344
19345        // mouseover/mouseout bubble, so a single delegated pair covers every component —
19346        // present or future — and fires only when the hovered element changes (unlike
19347        // mousemove, which fires on every pixel). focusout is deferred so activeElement
19348        // has settled before we recompute.
19349        document.addEventListener('mouseover', updateBarriers, true);
19350        document.addEventListener('mouseout', updateBarriers, true);
19351        document.addEventListener('focusin', updateBarriers, true);
19352        document.addEventListener('focusout', () => setTimeout(updateBarriers, 0), true);
19353    }
19354
19355    if (!globalThis.wmDevice) {
19356        window.addEventListener('wm-device-ready', init, { once: true });
19357    } else {
19358        init();
19359    }
19360})();
19361</script>
19361
19362            
19362<script>/* form.js */
19363(() => {
19364    globalThis.WMForms ??= {};
19365    const initializedForms = new WeakSet();
19366
19367    /**
19368     * Initialize a single form with all event handlers and functionality
19369     * @param {HTMLFormElement} form
19370     * @returns {boolean} Whether initialization was successful
19371     */
19372    function initializeForm(form) {
19373        if (!form || !form.action || initializedForms.has(form)) return false;
19374
19375        console.debug('form: init');
19376        initializedForms.add(form);
19377
19378        const leadsUrl = form.dataset.submitUrl;
19379        const formId = form.dataset.formId;
19380        const url = form.action;
19381        const siteCapKey = form.dataset.siteCapKey;
19382        const hash = form.dataset.formHash;
19383        const successMsg = form.dataset.submitMessage;
19384        const redirectUrl = form.dataset.redirectUrl ?? null;
19385        const redirectTarget = form.dataset.redirectTarget ?? null;
19386
19387        // Find the notification div within the form's closest parent .wmc_form container
19388        const formContainer = form.closest('.wmc_form');
19389        const notifyDiv = hash ?
19390            formContainer.querySelector(`#notify_${hash}`) :
19391            formContainer.querySelector('.form-notification');
19392
19393        // Get submit button and loading spinner
19394        /** @type {HTMLInputElement|HTMLButtonElement}*/
19395        const submitButton = form.querySelector('[type="submit"]');
19396        /** @type {HTMLElement} */
19397        const loadingSpinner = form.querySelector('.loading-spinner');
19398
19399        // Get date and time inputs if they exist
19400        const preferredDateInput = form.querySelector('input[name="preferred_date"]');
19401        const preferredTimeInput = form.querySelector('input[name="preferred_time"]');
19402
19403        // Add asterisk to required field placeholders
19404        function addRequiredAsterisks() {
19405            const requiredFields = form.querySelectorAll(':is(input, textarea, select)[required]:not([placeholder$=" *"])');
19406            for (const fld of requiredFields) {
19407                fld.placeholder += ' *';
19408            }
19409        }
19410
19411        // Handle datalist swapping based on selected date
19412        function handleDateListSwap() {
19413            if (!preferredDateInput || !preferredTimeInput) return;
19414
19415            preferredDateInput.addEventListener('change', (e) => {
19416                const selectedDate = new Date(e.target.value);
19417                if (isNaN(selectedDate)) return;
19418
19419                const dayOfWeek = selectedDate.getDay(); // 0 = Sunday, 1 = Monday, etc.
19420                const dayNames = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'];
19421                const targetListId = `form_${dayNames[dayOfWeek]}`;
19422
19423                // Check if the target datalist exists
19424                const targetDatalist = document.getElementById(targetListId);
19425                if (targetDatalist) {
19426                    preferredTimeInput.setAttribute('list', targetListId);
19427                    // Clear the current value since the options may have changed
19428                    preferredTimeInput.value = '';
19429                }
19430            });
19431        }
19432
19433        // Handle date and time input states for styling
19434        function handleDateTimeInputStates() {
19435            const dateTimeInputs = form.querySelectorAll('input[type="date"], input[type="time"]');
19436            
19437            dateTimeInputs.forEach(input => {
19438                const updateState = () => {
19439                    if (input.value) {
19440                        input.classList.add('has-value');
19441                    } else {
19442                        input.classList.remove('has-value');
19443                    }
19444                };
19445                
19446                updateState();
19447                
19448                input.addEventListener('change', updateState);
19449                input.addEventListener('input', updateState);
19450            });
19451        }
19452
19453        addRequiredAsterisks();
19454        handleDateListSwap();
19455        handleDateTimeInputStates();
19456
19457        form.addEventListener('submit', async e => {
19458            e.preventDefault();
19459            form.classList.add('was-validated');
19460
19461            // Show loading spinner and hide submit button
19462            if (submitButton && loadingSpinner) {
19463                submitButton.style.display = 'none';
19464                loadingSpinner.style.display = 'flex';
19465                submitButton.disabled = true;
19466            }
19467
19468            try {
19469                let recaptchaToken = null;
19470
19471                // Check if grecaptcha script exists and is available
19472                if (typeof grecaptcha !== 'undefined' && siteCapKey) {
19473                    // wait for grecaptcha library to be ready
19474                    await new Promise(resolve => grecaptcha.ready(resolve));
19475                    // execute v3 and get the token
19476                    recaptchaToken = await grecaptcha.execute(siteCapKey, { action: 'submit' });
19477                }
19478
19479                // build your payload properly handling arrays (like checkboxes)
19480                const formData = new FormData(form);
19481                const formObject = {};
19482
19483                // Handle form data properly, including checkbox arrays
19484                for (const [key, value] of formData.entries()) {
19485                    if (formObject[key]) {
19486                        // If key already exists, convert to array or push to existing array
19487                        if (Array.isArray(formObject[key])) {
19488                            formObject[key].push(value);
19489                        } else {
19490                            formObject[key] = [formObject[key], value];
19491                        }
19492                    } else {
19493                        formObject[key] = value;
19494                    }
19495                }
19496
19497                const reqPayload = {
19498                    formId: formId,
19499                    form: formObject,
19500                    leadsUrl,
19501                    captchaToken: recaptchaToken
19502                };
19503
19504                // This is added due to page caching SMBWMGR20-1684
19505                const xsrfToken = decodeURIComponent(
19506                    (document.cookie.split('; ').find(r => r.startsWith('XSRF-TOKEN=')) || '').split('=')[1] || ''
19507                );
19508
19509                // fire off your fetch _inside_ the grecaptcha success
19510                const rsp = await fetch(url, {
19511                    method: 'POST',
19512                    headers: {
19513                        'Accept': 'application/json',
19514                        'Content-Type': 'application/json',
19515                        'X-XSRF-TOKEN': xsrfToken // This is added due to page caching SMBWMGR20-1684
19516                    },
19517                    body: JSON.stringify(reqPayload)
19518                });
19519
19520                const payload = await rsp.json();
19521
19522                if (!rsp.ok) {
19523                    const msg = Array.isArray(payload.error_message)
19524                        ? payload.error_message.join(' ')
19525                        : payload.error_message || `Server returned ${rsp.status}`;
19526                    return flashMessage(notifyDiv, msg, false);
19527                }
19528                if (redirectUrl !== null && redirectUrl !== '') {
19529                    if (redirectTarget !== null && redirectTarget !== '') {
19530                        window.open(redirectUrl, redirectTarget, 'noopener,noreferrer');
19531                    } else {
19532                        window.location.href = redirectUrl;
19533                    }
19534                }
19535
19536                flashMessage(notifyDiv, successMsg || 'Saved!', true);
19537                form.style.display = 'none';
19538
19539            } catch (err) {
19540                flashMessage(
19541                    notifyDiv,
19542                    err.message?.includes('JSON')
19543                        ? 'Received invalid JSON from server'
19544                        : err.message || 'Network error, please try again',
19545                    false
19546                );
19547            } finally {
19548                // Restore submit button on error
19549                if (submitButton && loadingSpinner) {
19550                    submitButton.disabled = false;
19551                    submitButton.style.display = '';
19552                    loadingSpinner.style.display = 'none';
19553                }
19554            }
19555        });
19556
19557        form.querySelector('input[type="submit"]')
19558            ?.addEventListener('click', () => form.classList.add('was-validated'));
19559
19560        return true;
19561    }
19562
19563    function flashMessage(notifyDiv, msg, hide = false) {
19564        if (!notifyDiv) {
19565            return;
19566        }
19567
19568        notifyDiv.innerHTML = msg;
19569        notifyDiv.style.display = 'block';
19570        if (hide) {
19571            setTimeout(() => (notifyDiv.style.display = 'none'), 10_000);
19572        }
19573    }
19574
19575    function setupIntersectionObserver() {
19576        const observer = new IntersectionObserver((entries) => {
19577            entries.forEach(entry => {
19578                if (!entry.isIntersecting) return;
19579                const form = entry.target.querySelector('form');
19580                if (!form) return;
19581                initializeForm(form);
19582                observer.unobserve(entry.target);
19583            });
19584        }, { threshold: 0 });
19585
19586        document.querySelectorAll('.wmc_form').forEach(formContainer => {
19587            observer.observe(formContainer);
19588        });
19589    }
19590
19591    function initializeAllForms() {
19592        document.querySelectorAll('.wmc_form form').forEach(initializeForm);
19593    }
19594
19595    globalThis.WMForms.initForm = initializeForm;
19596    globalThis.WMForms.initAllForms = initializeAllForms;
19597
19598    // Start initialization on user interaction
19599    if (!globalThis.wmUserInteraction) {
19600        window.addEventListener('wm-user-interaction', setupIntersectionObserver, { once: true });
19601    } else {
19602        setupIntersectionObserver();
19603    }
19604})();
19605</script>
19605
19606            
19606<script>/* image.js */
19607;(() => {
19608
19609    class WMImageBase extends HTMLElement {
19610
19611        static EMPTY_PIXEL = 'data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==';
19612        static initialImagesList = [];
19613        static observer = null;
19614        static resizeObserver = null;
19615        static resizeDelayTimer = null;
19616        static processingInitialBatch = true;
19617        static initialObserver = null;
19618        static mediaUrl = '';
19619        static mediaScale = 1;
19620
19621        /** @type boolean */
19622        isInitialized = false;
19623        /** @type number */
19624        pW = -1;
19625        /** @type number */
19626        pH = -1;
19627
19628        connectedCallback() {
19629            // wait for the next frame to ensure children (img) are parsed
19630            requestAnimationFrame(() => {
19631                this.init();
19632            });
19633        }
19634
19635        disconnectedCallback() {
19636            // NOTE
19637            // Intentionally do nothing on disconnectedCallback:
19638            // reorder.js shuffles wm-img nodes across breakpoints,
19639            // and tearing down the ResizeObserver here loses layout
19640            // tracking for the rest of the page lifecycle.
19641
19642            // if (!this.isInitialized) return;
19643            // const img = this.querySelector('img');
19644            // if (!img) return;
19645            //
19646            // if (WMImage.observer) WMImage.observer.unobserve(img);
19647            // if (WMImage.resizeObserver) WMImage.resizeObserver.unobserve(img);
19648        }
19649
19650        init() {
19651            // Start main observer in case it's not started
19652            WMImageBase.startMainObserver();
19653            if (WMImageBase.observer) {
19654                this.isInitialized = true;
19655                const img = this.querySelector('img');
19656                if (img) WMImageBase.observer.observe(img);
19657            }
19658        }
19659
19660        /**
19661         * @param force {boolean} flag to force-load the image
19662         */
19663        load(force = false) {
19664            const image = this.querySelector('img');
19665            if (!image || !image.dataset.wmSrc) return;
19666
19667            const wmSrc = image.dataset.wmSrc;
19668            let src = wmSrc;
19669            // Use the media URL from the data attribute if present, otherwise use the default
19670            let mediaUrl = image.dataset.wmMediaUrl || WMImage.mediaUrl;
19671
19672            let w = image.offsetWidth;
19673            let h = image.offsetHeight;
19674            let q = 80; // default quality
19675
19676            if (!!w && !!h) {
19677                // do not unnecessarily load a new image if any dimension didn't change more than 2 pixels
19678                if (
19679                    !force &&
19680                    (this.pW > -1) &&
19681                    (this.pH > -1) &&
19682                    (Math.abs(this.pW - w) <= 2) &&
19683                    (Math.abs(this.pH - h) <= 2)
19684                ) return;
19685
19686                this.pH = h;
19687                this.pW = w;
19688
19689                // adjust size and quality for DPR and scale
19690                const dpr = (window.devicePixelRatio > 1.2) ? 2 : 1;
19691                const scale = WMImage.mediaScale;
19692                w = Math.round(w * dpr * scale);
19693                h = Math.round(h * dpr * scale);
19694                q = Math.round(q * scale);
19695
19696                // ### method 1: exact, without cropping (fits the image to the "outside" of the box, focal point determined through CSS setting)
19697                if (!src.startsWith('http')) {
19698                    if (this.classList.contains('wmcM_imageTile')) {
19699                        src = `${mediaUrl}/${encodeURIComponent(src)}`;
19700                    } else {
19701                        const fit = (
19702                            this.classList.contains('wmcM_imageContain') ||
19703                            this.classList.contains('wmcM_imageScaleDown')
19704                        ) ? 'fit-in' : 'full-fit-in';
19705                        src = `${mediaUrl}/${fit}/${w}x${h}/filters:no_upscale():format(webp):quality(${q})/${encodeURIComponent(src)}`;
19706                    }
19707                }
19708
19709                // ### method 2: exact, with cropping (fits the image exactly, but we should provide the focal point to leave important stuff visible)
19710                // (window.devicePixelRatio > 1.1) && (w = w * 2) && (h = h * 2);
19711                // src = `/image/${w}x${h}/filters:no_upscale():format(webp):quality(${q})/${encodeURIComponent(src)}`;
19712                // src = `/image/${w}x${h}/smart/filters:no_upscale():format(webp):quality(${q})/${encodeURIComponent(src)}`;
19713
19714                // ### method 3: specific increments (reduces number of different sizes IR (thumbor) has to produce, but the algo needs tweaks for very small images)
19715                // const inc = 200;
19716                // w = Math.round((w + inc) / inc) * inc;
19717                // h = Math.round((h + inc) / inc) * inc;
19718                // (window.devicePixelRatio > 1.1) && (w = w * 2) && (h = h * 2);
19719                // src = `/image/full-fit-in/${w}x${h}/filters:no_upscale():format(webp):quality(${q})/${encodeURIComponent(src)}`;
19720            }
19721
19722            if ((src !== wmSrc) || (src.startsWith('http'))) {
19723                if (this.classList.contains('wmcM_imageTile')) {
19724                    image.src = WMImage.EMPTY_PIXEL;
19725                    image.style.backgroundImage = `url('${src}')`;
19726                } else {
19727                    image.style.removeProperty('background-image');
19728                    if (!image.src.endsWith(src)) {
19729                        // load the image behind the scenes
19730                        const newImage = new Image;
19731                        newImage.fetchPriority = image.fetchPriority ?? 'auto';
19732                        newImage.src = src;
19733                        newImage.addEventListener('load', () => {
19734                            // image loaded, apply (only fires if the image was actually successfully loaded)
19735                            image.src = newImage.src;
19736                        });
19737                    }
19738                }
19739            }
19740
19741            image.dataset.wmImageIsSet = 'true';
19742
19743            // Once loaded, we might want to observe for resizing
19744            WMImageBase.addToResizeObserver(this);
19745        }
19746
19747        /**
19748         *
19749         * @param img {HTMLImageElement}
19750         * @param force {boolean} flag to force-load the image
19751         */
19752        static doLoad(img, force = false) {
19753            /** @type {WMImageBase} */
19754            const wmImg = img.closest('wm-img');
19755            if (wmImg) wmImg.load(force);
19756        }
19757
19758        static startMainObserver() {
19759            if (WMImageBase.observer) return;
19760            WMImageBase.observer = new IntersectionObserver((entries, observer) => {
19761                entries.forEach(entry => {
19762                    if (entry.isIntersecting || entry.intersectionRatio !== 0) {
19763                        const img = entry.target;
19764                        WMImage.doLoad(img);
19765                        observer.unobserve(img);
19766                    }
19767                });
19768            }, { rootMargin: '134%' });
19769        }
19770
19771        static addToResizeObserver(element) {
19772            if (!WMImageBase.resizeObserver) {
19773                WMImageBase.resizeObserver = new ResizeObserver(WMImageBase.resizeWatcher);
19774            }
19775            const image = element.querySelector('img');
19776            if (image) WMImageBase.resizeObserver.observe(image);
19777        }
19778
19779        static resizeWatcher(entries) {
19780            if (WMImageBase.resizeDelayTimer) clearTimeout(WMImageBase.resizeDelayTimer);
19781            entries.forEach(entry => {
19782                const image = entry.target; // This is the img
19783                if (image && image.dataset.wmImageIsSet) {
19784                    image.dataset.wmImageNeedsResize = 'true';
19785                }
19786            });
19787
19788            WMImageBase.resizeDelayTimer = setTimeout(() => {
19789                const imagesToResize = document.querySelectorAll('img[data-wm-image-needs-resize=\'true\']');
19790                imagesToResize.forEach(img => {
19791                    WMImageBase.doLoad(img); // Re-run load logic
19792                    img.dataset.wmImageNeedsResize = '';
19793                });
19794            }, 1000);
19795        }
19796
19797        static runInitialSetup() {
19798            WMImageBase.mediaUrl = globalThis.WMConstants.mediaUrl ?? '';
19799            WMImageBase.mediaScale = globalThis.WMConstants.mediaScale ?? 1;
19800        }
19801
19802        static runInitialPrioritization() {
19803            const initialImages = document.querySelectorAll('wm-img');
19804            if (initialImages.length === 0) {
19805                WMImageBase.finishInitialPrioritization();
19806                return;
19807            }
19808
19809            initialImages.forEach(wrapper => {
19810                const img = wrapper.querySelector('img');
19811                if (img) WMImageBase.initialObserver.observe(img);
19812            });
19813        }
19814
19815        static finishInitialPrioritization() {
19816            WMImageBase.initialObserver.disconnect();
19817            WMImageBase.processingInitialBatch = false;
19818
19819            // Sort and prioritize
19820            let currentCoverage = 0;
19821            let coverageChanges = 0;
19822            const allowedCoverageChanges = 3;
19823            const largestInitialImages = [];
19824            const otherInitialImages = [];
19825
19826            WMImageBase.initialImagesList.sort((a, b) => b.coverage - a.coverage);
19827
19828            WMImageBase.initialImagesList.forEach(o => {
19829                if (coverageChanges >= allowedCoverageChanges) {
19830                    otherInitialImages.push(o.img);
19831                    return;
19832                }
19833                if (currentCoverage === 0) {
19834                    currentCoverage = o.coverage;
19835                    largestInitialImages.push(o.img);
19836                    return;
19837                }
19838                if (o.coverage === currentCoverage) {
19839                    largestInitialImages.push(o.img);
19840                    return;
19841                }
19842                if (o.coverage < currentCoverage) {
19843                    currentCoverage = o.coverage;
19844                    coverageChanges++;
19845                    if (coverageChanges >= allowedCoverageChanges) {
19846                        otherInitialImages.push(o.img);
19847                    } else {
19848                        largestInitialImages.push(o.img);
19849                    }
19850                }
19851            });
19852
19853            largestInitialImages.forEach(img => {
19854                /** @type {HTMLImageElement} */
19855                if (img) {
19856                    img.loading = 'eager';
19857                    img.fetchPriority = 'high';
19858                }
19859                WMImageBase.doLoad(img);
19860            });
19861
19862            otherInitialImages.forEach(img => {
19863                /** @type {HTMLImageElement} */
19864                if (img) {
19865                    img.fetchPriority = 'high';
19866                }
19867                WMImageBase.doLoad(img);
19868            });
19869
19870            // start the main observer for everything else (and future images)
19871            WMImageBase.startMainObserver();
19872
19873            // observe any that weren't in the viewport initially but were in the DOM
19874            const offscreenImages = document.querySelectorAll('wm-img');
19875            offscreenImages.forEach(wrapper => {
19876                const img = wrapper.querySelector('img');
19877                // if it wasn't loaded yet (not in viewport, ergo no wmImageIsSet)
19878                if (img && !img.dataset.wmImageIsSet) {
19879                    WMImageBase.observer.observe(img);
19880                }
19881            });
19882        }
19883    }
19884
19885    // Initial observer for prioritization
19886    WMImageBase.initialObserver = new IntersectionObserver((entries) => {
19887        entries.forEach(entry => {
19888            if (entry.intersectionRatio <= Number.EPSILON) return;
19889            /** @type {HTMLImageElement} */
19890            const img = entry.target;
19891            // Calculate coverage
19892            const w = img.offsetWidth;
19893            const h = img.offsetHeight;
19894            const coverage = Math.round(w * h * entry.intersectionRatio);
19895            WMImageBase.initialObserver.unobserve(img);
19896            if (coverage > 0) WMImageBase.initialImagesList.push({ img, coverage });
19897        });
19898
19899        WMImageBase.finishInitialPrioritization();
19900    }, { rootMargin: '-1px' });
19901
19902    globalThis.WMComponents.WMImageBase = WMImageBase;
19903
19904    WMImageBase.runInitialSetup();
19905})();
19906</script>
19906
19907            
19907<script>/* columns.js */
19908;(() => {
19909
19910    class WMColumns extends HTMLElement {
19911        /** @type {?number} */
19912        wmHandle;
19913
19914        /** @type {function[]} */
19915        #onDisconnect = [];
19916
19917        connectedCallback() {
19918            const update = () => {
19919                this.updateStyles();
19920            };
19921
19922            window.addEventListener('wm-device-change', update);
19923            this.#onDisconnect.push(() => {
19924                window.removeEventListener('wm-device-change', update);
19925            });
19926
19927            if (document.readyState === 'loading') {
19928                document.addEventListener('DOMContentLoaded', update, { once: true });
19929            } else {
19930                update();
19931            }
19932        }
19933
19934        disconnectedCallback() {
19935            for (const fn of this.#onDisconnect.splice(0, this.#onDisconnect.length)) try {
19936                fn();
19937            } catch (e) {
19938                console.error(e);
19939            }
19940        }
19941
19942        updateStyles() {
19943            if (!this.isConnected) return;
19944
19945            if (this.wmHandle) window.cancelAnimationFrame(this.wmHandle);
19946
19947            this.wmHandle = window.requestAnimationFrame(() => {
19948                /** @type {HTMLElement | null} */
19949                const rootWml = this.querySelector(":scope > .wml");
19950                const device = globalThis.wmDevice || null;
19951                if (!rootWml || !device) {
19952                    this.wmHandle = null;
19953                    return;
19954                }
19955
19956                /** @type {WMCell[]} */
19957                const cells = [...rootWml.querySelectorAll(":scope > wm-cell")];
19958                const gridPositionVar = `--gridPosition${device}`;
19959
19960                cells.sort((a, b) =>
19961                    (parseInt(a.style.getPropertyValue(gridPositionVar), 10) || 0) - (parseInt(b.style.getPropertyValue(gridPositionVar), 10) || 0)
19962                );
19963
19964                const ratios = [];
19965                cells.forEach(cell => {
19966                    const ratio = parseInt(cell.style.getPropertyValue('--columnRatio'), 10) || 1;
19967                    ratios.push(ratio);
19968                });
19969
19970                const sum = ratios.reduce((a, b) => a + b, 0);
19971                const ratiosString = ratios.reduce((a, b) => a + `${b}fr `, '');
19972
19973                this.style.setProperty('--wm_columnsRatios', `${ratiosString.trim()}`);
19974                this.style.setProperty('--wm_columnsRatiosSum', `${sum}`);
19975                this.style.setProperty('--wm_columnsCount', `${ratios.length}`);
19976
19977                console.debug(`columns ratios for "${device}"`);
19978                this.wmHandle = null;
19979            });
19980        }
19981    }
19982
19983    class WMCell extends HTMLElement {
19984        /** @type {string[]} */
19985        static observedAttributes = ['style'];
19986        /** @type {WMColumns} */
19987
19988        attributeChangedCallback(name, oldValue, newValue) {
19989            if (!this.isConnected) return;
19990            const columns = this.closest('wm-columns');
19991            if (!(columns instanceof WMColumns)) return;
19992            columns.updateStyles();
19993        }
19994    }
19995
19996    globalThis.customElements.define('wm-columns', WMColumns);
19997    globalThis.customElements.define('wm-cell', WMCell);
19998    globalThis.WMComponents.WMColumns = WMColumns;
19999    globalThis.WMComponents.WMCell = WMCell;
20000})();
20001</script>
20001
20002            
20002<script>/* menu.js */
20003;(() => {
20004    // Menu CSS class name constants
20005    const MENU_CSS_CLASSES = {
20006        hamburger: 'wmcM_menuHamburger',
20007        horizontal: 'wmcM_menuHorizontal',
20008        vertical: 'wmcM_menuVertical',
20009        mega: 'wmcM_menuMega'
20010    };
20011
20012    // Every menu level is one of these two list-item types.
20013    const MENU_ITEM_SELECTOR = '.navigation-nav--item, .navigation-nav--sub-item';
20014    const POPOVER_HOVER_CLOSE_DELAY_MS = 120;
20015    const POPOVER_HOVER_CLOSE_DELAY_CHAINED_MS = 400;
20016
20017    /**
20018     * Shared base for the overflow strategies. 
20019     */
20020    class OverflowStrategy {
20021        /** @param {WMMenu} menu */
20022        constructor(menu) {
20023            this.menu = menu;
20024        }
20025
20026        prepareReflow() {}
20027
20028        apply() {}
20029
20030        setupCloneSubMenu(cloneTrigger, clonePanel) {}
20031
20032        teardown() {}
20033    }
20034
20035    /** The "active nothing": leave overflowing items exactly where they are. */
20036    class KeepOverflow extends OverflowStrategy {}
20037
20038    /** Collapse overflowing top-level items into a single shared "More" popover. */
20039    class GroupMoreOverflow extends OverflowStrategy {
20040        prepareReflow() {
20041            this.menu.classList.add('wmd_showMoreMenu');
20042        }
20043
20044        apply() {
20045            const menu = this.menu;
20046            const morePopoverId = `hnav-more-${menu.id || 'menu'}`;
20047            const moreMenuText = menu.dataset.moreMenuText ?? 'More';
20048
20049            const mainMenu = menu.querySelector('.navigation-nav--main-menu');
20050            const nav = menu.querySelector('.navigation-nav');
20051            const menuItems = [...mainMenu.querySelectorAll('.navigation-nav--item')].reverse();
20052            const existingMoreTrigger = menu.querySelector('.navigation-nav--more-trigger');
20053            const containerWidth = nav.offsetWidth - (existingMoreTrigger?.offsetWidth || 60);
20054
20055            // Reset all items to visible before re-measuring.
20056            menuItems.forEach((item) => {
20057                if (!item.classList.contains('navigation-nav--more-trigger')) {
20058                    item.style.display = '';
20059                }
20060            });
20061
20062            // Drop the previous build (More trigger + any hoisted panels) before
20063            // reflowing for the current width.
20064            this.teardown();
20065
20066            menuItems.forEach((item) => {
20067                if (item.classList.contains('navigation-nav--more-trigger')) return;
20068
20069                if (mainMenu.offsetWidth > containerWidth) {
20070                    const moreMenu = menu.querySelector('.navigation-nav--more-menu')
20071                        || this._createMoreMenu(morePopoverId);
20072                    const moreTrigger = menu.querySelector('.navigation-nav--more-trigger')
20073                        || this._createMoreTrigger(mainMenu, moreMenuText, morePopoverId);
20074                    this._handleOverflowItem(item, moreMenu, moreTrigger);
20075                } else {
20076                    item.style.display = '';
20077                }
20078            });
20079
20080            menu.wmHandleArrowClick();
20081
20082            const moreTriggerButton = menu.querySelector(
20083                '.navigation-nav--more-trigger button.arrow[popovertarget]'
20084            );
20085            if (moreTriggerButton) {
20086                menu.wmWirePopoverPair(moreTriggerButton, (trigger, panel)=>{
20087                    this.menu.wmMenuRole.positionPanel(trigger, panel)
20088                });
20089            }
20090
20091            menu.classList.remove('wmd_showMoreMenu');
20092        }
20093
20094        /** @protected */
20095        _createMoreMenu(morePopoverId) {
20096            const moreMenu = document.createElement('ul');
20097            moreMenu.className = 'navigation-nav--more-menu navigation-nav--sub-menu';
20098            moreMenu.id = morePopoverId;
20099            moreMenu.setAttribute('popover', 'auto');
20100            return moreMenu;
20101        }
20102
20103        /** @protected */
20104        _createMoreTrigger(mainMenu, moreMenuText, morePopoverId) {
20105            const moreTrigger = document.createElement('li');
20106            moreTrigger.className = 'navigation-nav--item navigation-nav--more-trigger';
20107            moreTrigger.innerHTML = `<a href="#">${moreMenuText}</a><button type="button" class="arrow" popovertarget="${morePopoverId}" aria-label="Toggle ${moreMenuText} sub menu"></button>`;
20108            mainMenu.appendChild(moreTrigger);
20109            return moreTrigger;
20110        }
20111
20112        /** @protected */
20113        _handleOverflowItem(item, moreMenu, moreTrigger) {
20114            const clone = item.cloneNode(true);
20115            clone.classList.remove('navigation-nav--item');
20116            clone.classList.add('navigation-nav--sub-item');
20117
20118            const cloneTrigger = clone.querySelector(':scope > button.arrow[popovertarget]');
20119            const clonePanel = clone.querySelector(':scope > .navigation-nav--sub-menu[popover]');
20120
20121            moreMenu.insertBefore(clone, moreMenu.firstChild);
20122            item.style.display = 'none';
20123            moreTrigger.appendChild(moreMenu);
20124            moreTrigger.style.display = '';
20125
20126            if (cloneTrigger && clonePanel) {
20127                this.setupCloneSubMenu(cloneTrigger, clonePanel);
20128            }
20129        }
20130
20131        setupCloneSubMenu(cloneTrigger, clonePanel) {
20132            clonePanel.removeAttribute('popover');
20133            clonePanel.removeAttribute('id');
20134            clonePanel.classList.remove('navigation-nav--mega-panel');
20135            cloneTrigger.removeAttribute('popovertarget');
20136        }
20137
20138        /**
20139         * Remove what `apply()` built.
20140         */
20141        teardown() {
20142            this.menu.querySelector('.navigation-nav--more-trigger')?.remove();
20143        }
20144    }
20145
20146    /** Mega variant of the "More" overflow.*/
20147    class MegaGroupMoreOverflow extends GroupMoreOverflow {
20148        setupCloneSubMenu(cloneTrigger, clonePanel) {
20149            const clonedPanelId = `${clonePanel.id || 'panel'}--more`;
20150            clonePanel.id = clonedPanelId;
20151            cloneTrigger.setAttribute('popovertarget', clonedPanelId);
20152
20153            const nav = this.menu.querySelector('.navigation-nav');
20154            (nav ?? this.menu).appendChild(clonePanel);
20155
20156            this.menu.wmWirePopoverPair(
20157                cloneTrigger,
20158                (trigger, panel) => this.menu.wmMenuRole.positionPanel(trigger, panel),
20159            );
20160        }
20161
20162        teardown() {
20163            super.teardown();
20164            this.menu.querySelectorAll('.navigation-nav--mega-panel[id$="--more"]').forEach((panel) => {
20165                if (panel.matches(':popover-open')) panel.hidePopover();
20166                panel.remove();
20167            });
20168        }
20169    }
20170
20171    /**
20172     * `MenuRole` is the Null Object base: every hook is a safe default, so a
20173     * role only overrides the behavior it actually has.
20174     * @implements IMenuRole
20175     */
20176    class MenuRole {
20177        /** @param {WMMenu} menu */
20178        constructor(menu) {
20179            /** @readonly */
20180            this.menu = menu;
20181            this.overflow = this._createOverflow();
20182        }
20183
20184        /** @returns {'hamburger' | 'mega' | 'horizontal' | 'vertical' | 'none'} */
20185        get name() {
20186            return 'none';
20187        }
20188
20189        /** @protected */
20190        _createOverflow() {
20191            return new KeepOverflow(this.menu);
20192        }
20193
20194        syncPanels() {
20195            this.menu.wmDemoteTopLevelPanels();
20196        }
20197
20198        setupInteractions() {}
20199
20200        teardown() {
20201            this.overflow.teardown();
20202        }
20203
20204        positionPanel(trigger, panel) {}
20205
20206        prepareReflow() {
20207            this.overflow.prepareReflow();
20208        }
20209
20210        handleOverflow() {
20211            this.overflow.apply();
20212        }
20213
20214        addParentElements() {}
20215
20216        addBackButtons() {}
20217
20218        setupHoverFlip() {}
20219
20220        adjustSubMenuPosition() {}
20221
20222        onItemToggled(arrowWrapper, isOpening) {}
20223
20224        onOutsideClick(e) {
20225            if (e.target.tagName === 'A' && e.target.getAttribute('href') === '#') {
20226                e.preventDefault();
20227            }
20228
20229            if (!this.menu.contains(e.target)) {
20230                this.menu
20231                    .querySelectorAll('.navigation-nav--item.open, .navigation-nav--sub-item.open')
20232                    .forEach((item) => item.classList.remove('open'));
20233            }
20234        }
20235    }
20236
20237
20238    // FIXME: This likely at one point will need to be broken out into a
20239    //  HorizontalLikeRole and a HorizontalRole. Megamenu overrides and doesn't
20240    //  Call some of the set up menus that Megamenu can, and this is already
20241    //  A Divergence that Inheritance will not handle cleanly.
20242    //  Either the roles will need to explicit about their behavior,
20243    //  Or further roles need to be made to compose this Actor's behavior.
20244    class HorizontalRole extends MenuRole {
20245        get name() {
20246            return 'horizontal';
20247        }
20248
20249        syncPanels() {
20250            this.menu.wmPromoteTopLevelPanels();
20251        }
20252
20253        setupInteractions() {
20254            this.menu.wmSetupPopoverMenu(
20255                '.navigation-nav--item > button.arrow[popovertarget]',
20256                (trigger, panel) => this.positionPanel(trigger, panel),
20257            );
20258        }
20259
20260        // CODE SMELL: Overrides, is Overriden
20261        positionPanel(trigger, panel) {
20262            const item = trigger.closest('.navigation-nav--item');
20263            if (!item) return;
20264            const rect = item.getBoundingClientRect();
20265            const ownerWindow = this.menu.ownerDocument.defaultView ?? window;
20266            const viewportWidth = ownerWindow.innerWidth || document.documentElement.clientWidth;
20267            let left = Math.round(rect.left);
20268            if (panel.matches(':popover-open')) {
20269                left = Math.max(0, Math.min(left, viewportWidth - panel.offsetWidth));
20270            }
20271            panel.style.setProperty('--horizontalNavSubPanelTriggerTop', `${Math.round(rect.bottom)}px`);
20272            panel.style.setProperty('--horizontalNavSubPanelTriggerLeft', `${left}px`);
20273        }
20274
20275        /** @protected
20276         * CODE SMELL: Overrides, is Overriden
20277         */
20278        _createOverflow() {
20279            return this.menu.dataset.moreMenu === 'true'
20280                ? new GroupMoreOverflow(this.menu)
20281                : super._createOverflow();
20282        }
20283
20284        // CODE SMELL: Overrides, is Overriden
20285        setupHoverFlip() {
20286            this.menu.wmSetupHoverFlip();
20287        }
20288
20289        teardown() {
20290            super.teardown();
20291            this.menu.wmTeardownHoverFlip();
20292        }
20293
20294        // CODE SMELL: Overrides, is Overriden
20295        adjustSubMenuPosition() {
20296            this.menu.wmAdjustSubMenuPosition();
20297        }
20298
20299        /**
20300         * Horizontal only injects a parent *link* when explicitly opted in.
20301         * CODE SMELL: Overrides, is Overriden
20302         */
20303        addParentElements() {
20304            if (this.menu.getAttribute('data-parent-menu-to-submenu') === 'true') {
20305                this.menu.wmInsertParentRows({ includeTitle: false });
20306            }
20307        }
20308    }
20309
20310    class MegaRole extends HorizontalRole {
20311        get name() {
20312            return 'mega';
20313        }
20314
20315        positionPanel(trigger, panel) {
20316            if (panel.matches('.navigation-nav--more-menu')) {
20317                super.positionPanel(trigger, panel);
20318                return;
20319            }
20320
20321            const moreMenu = trigger.closest('.navigation-nav--more-menu');
20322            const anchor = moreMenu ?? this.menu.querySelector('.navigation-nav--main-menu') ?? trigger;
20323            const rect = anchor.getBoundingClientRect();
20324            if (rect.width === 0 && rect.height === 0) return;
20325            panel.style.setProperty('--megaNavPanelTriggerTop', `${Math.round(rect.bottom)}px`);
20326        }
20327
20328        /**
20329         * @override
20330         * @protected
20331         */
20332        _createOverflow() {
20333            return this.menu.dataset.moreMenu === 'true'
20334                ? new MegaGroupMoreOverflow(this.menu)
20335                : super._createOverflow();
20336        }
20337
20338        setupHoverFlip() {}
20339
20340        adjustSubMenuPosition() {}
20341
20342        addParentElements() {}
20343    }
20344
20345    /**
20346     * Drill-in layouts (hamburger + vertical) present every level inline and
20347     * slide between them, resizing the drawer. 
20348     */
20349    class DrillInRole extends MenuRole {
20350        addParentElements() {
20351            this.menu.wmInsertParentRows({ includeTitle: true });
20352        }
20353
20354        addBackButtons() {
20355            this.menu.wmAddBackButtons();
20356        }
20357
20358        onItemToggled(arrowWrapper, isOpening) {
20359            if (!isOpening) return;
20360            const subMenu = arrowWrapper.querySelector('.navigation-nav--sub-menu');
20361            if (subMenu) this.menu.wmAdjustNavigationHeight(subMenu);
20362        }
20363
20364        // FIXME: Add All Shared Drilling behaviors from WmMenu
20365    }
20366
20367    class HamburgerRole extends DrillInRole {
20368        get name() {
20369            return 'hamburger';
20370        }
20371
20372        onOutsideClick() {}
20373
20374        // FIXME: Migrate all Unique Behaviors to the Hamburger Menu Roles
20375        //  From WMMenu to here
20376    }
20377
20378    class VerticalRole extends DrillInRole {
20379        get name() {
20380            return 'vertical';
20381        }
20382
20383        // FIXME: Migrate all Unique Behaviors to the Vertical Menu Roles
20384        //  From WMMenu to here
20385    }
20386
20387    class WMMenu extends HTMLElement {
20388        /** @type {number} */
20389        wmResizeTimer;
20390        /** @type {number} */
20391        wmScrollTop = 0;
20392        /** @type {number} */
20393        wmTouchStartTime = 0;
20394
20395        /** @type { [function] } */
20396        #onDisconnect = [];
20397        /** @type { [function] } */
20398        #onCleanup = [];
20399        /** @type {boolean | undefined} */
20400        #isTouch;
20401
20402        /**
20403         * The role for the type this menu is currently morphed into. Resolved in
20404         * `_init` and re-resolved whenever the viewport changes the type class.
20405         *
20406         * @type {MenuRole}
20407         */
20408        #role = new MenuRole(this);
20409
20410        #menuCssClasses = { ...MENU_CSS_CLASSES };
20411
20412        connectedCallback() {
20413            this._init();
20414            const resize = () => {
20415                this._resize();
20416            };
20417            const deviceChange = () => {
20418                this._init();
20419            };
20420
20421            const deviceReady = () => {
20422                this._init();
20423            };
20424
20425            // 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
20426            const { ownerDocument: { defaultView: window } } = this;
20427            window.addEventListener('resize', resize);
20428            window.addEventListener('wm-device-change', deviceChange);
20429            window.addEventListener('wm-device-ready', deviceReady, { once: true });
20430            this.#onDisconnect.push(() => {
20431                window.removeEventListener('resize', resize);
20432                window.removeEventListener('wm-device-change', deviceChange);
20433                window.removeEventListener('wm-device-ready', deviceReady);
20434            });
20435        }
20436
20437        disconnectedCallback() {
20438            this._cleanup();
20439            for (const fn of this.#onDisconnect.splice(0, this.#onDisconnect.length)) try {
20440                fn();
20441            } catch (e) {
20442                console.error(e);
20443            }
20444        }
20445
20446        reinitialize() {
20447            console.debug(`reinitialize menu ${this.id}`);
20448            this._init();
20449        }
20450
20451        /**
20452         *
20453         * @returns {boolean}
20454         * @protected
20455         */
20456        _isHorizontal() {
20457            return this.classList.contains(this.#menuCssClasses.horizontal);
20458        }
20459
20460        /**
20461         *
20462         * @returns {boolean}
20463         * @protected
20464         */
20465        _isHamburger() {
20466            return this.classList.contains(this.#menuCssClasses.hamburger);
20467        }
20468
20469        /**
20470         *
20471         * @returns {boolean}
20472         * @protected
20473         */
20474        _isMega() {
20475            return this.classList.contains(this.#menuCssClasses.mega);
20476        }
20477
20478        /**
20479         * @public
20480         */
20481        getMenuType() {
20482            return this.#role.name
20483        }
20484
20485        /**
20486         * Factory for the role matching the menu's current type class. Mirrors
20487         * the precedence used by `getMenuType()`.
20488         *
20489         * @returns {MenuRole}
20490         * @protected
20491         */
20492        _resolveRole() {
20493            if (this._isHamburger()) return new HamburgerRole(this);
20494            if (this._isMega()) return new MegaRole(this);
20495            if (this._isHorizontal()) return new HorizontalRole(this);
20496            return new VerticalRole(this);
20497        }
20498
20499        get wmMenuRole () {
20500            return this.#role;
20501        }
20502
20503        /**
20504         * Open or close a specific popover panel, regardless of the layout (horizontal/mega/Hamburger layouts) the
20505         * menu is currently morphed into.
20506         *
20507         * @param {HTMLElement | null} panel sub-menu / mega-panel / hamburger drawer element
20508         * @param {boolean} open
20509         * @param {HTMLElement | null} [source] invoking trigger
20510         * @public
20511         */
20512        setPanelOpen(panel, open, source = null) {
20513            if (!panel || !panel.isConnected || !panel.hasAttribute('popover')) return;
20514            panel.togglePopover(source ? { force: open, source } : open);
20515        }
20516
20517        /** @protected */
20518        _init() {
20519            this._cleanup();
20520            this._applyClassesViewportPrefix();
20521            this.#role = this._resolveRole();
20522            this.#role.syncPanels();
20523            this.#role.addParentElements();
20524            this.#role.addBackButtons();
20525            // FIXME: Move to the Hamburger Role
20526            this._toggleHamburgerMenu();
20527            // FIXME: Move to the Hamburger Role
20528            this._handleSamePageClicks();
20529            this._setupMenuObservers();
20530            this.wmHandleArrowClick();
20531            this.#role.setupInteractions();
20532            this._resize();
20533        }
20534
20535        /** @protected */
20536        _applyClassesViewportPrefix() {
20537            const { hamburger, horizontal, vertical, mega } = MENU_CSS_CLASSES;
20538            const device = globalThis.wmDevice ?? 'Desktop';
20539            this.#menuCssClasses = {
20540                hamburger: `${hamburger}${device}`,
20541                horizontal: `${horizontal}${device}`,
20542                vertical: `${vertical}${device}`,
20543                mega: `${mega}${device}`
20544            };
20545        }
20546
20547        /**
20548         * Top-level sub-menus the server renders with a neutral `id`; popover
20549         * roles wire the `popover`/`popovertarget` markup at runtime per
20550         * viewport.
20551         *
20552         * @returns {NodeListOf<HTMLElement>}
20553         * @protected
20554         */
20555        _topLevelPanels() {
20556            return this.querySelectorAll(
20557                '.navigation-nav--item > .navigation-nav--sub-menu[id]:not(.navigation-nav--more-menu)'
20558            );
20559        }
20560
20561        /** Promote top-level sub-menus into hover-opened popover panels.
20562         */
20563        wmPromoteTopLevelPanels() {
20564            this._topLevelPanels().forEach((panel) => {
20565                const trigger = panel.parentElement.querySelector(':scope > button.arrow');
20566                panel.setAttribute('popover', 'auto');
20567                panel.classList.add('navigation-nav--mega-panel');
20568                trigger?.setAttribute('popovertarget', panel.id);
20569            });
20570        }
20571
20572        /** Strip popover markup so sub-menus present inline (drill-in).
20573         */
20574        wmDemoteTopLevelPanels() {
20575            this._topLevelPanels().forEach((panel) => {
20576                const trigger = panel.parentElement.querySelector(':scope > button.arrow');
20577                if (panel.hasAttribute('popover')) panel.togglePopover(false);
20578                panel.removeAttribute('popover');
20579                trigger?.removeAttribute('popovertarget');
20580            });
20581        }
20582
20583        /** @protected */
20584        _resetMenuItemsDisplay() {
20585            // Reset all menu items to visible (clears display:none from horizontal menu overflow)
20586            this.querySelectorAll('.navigation-nav--item').forEach((item) => {
20587                if (!item.classList.contains('navigation-nav--more-trigger')) {
20588                    item.style.removeProperty('display');
20589                }
20590            });
20591        }
20592
20593        /** @protected */
20594        _resetMenuInlineStyles() {
20595            // Clear display styles from menu items
20596            this._resetMenuItemsDisplay();
20597
20598            // Clear inline heights set by hamburger/vertical menus
20599            const navigationNav = this.querySelector('.navigation-nav');
20600            if (navigationNav) {
20601                navigationNav.style.removeProperty('height');
20602            }
20603        }
20604
20605        /** @protected */
20606        _cleanup = () => {
20607            this.#role.teardown();
20608
20609            for (const fn of this.#onCleanup.splice(0, this.#onCleanup.length)) try {
20610                fn();
20611            } catch (e) {
20612                console.error(e);
20613            }
20614
20615            if (this.wmResizeTimer) clearTimeout(this.wmResizeTimer);
20616
20617            // FIXME: This belongs to the Role's teardown
20618            const hamburgerPopover = this.querySelector('.navigation-module-container[popover]');
20619            if (hamburgerPopover) {
20620                this._setHamburgerPopover(hamburgerPopover, false);
20621            }
20622
20623            for (const el of this.querySelectorAll('.active')) {
20624                el.classList.remove('active');
20625            }
20626            for (const el of this.querySelectorAll('.open')) {
20627                el.classList.remove('open');
20628            }
20629
20630            /** @type {NodeListOf<HTMLElement>} */
20631            const delayedElements = this.querySelectorAll('[style*="--item-delay"]');
20632            for (const el of delayedElements) {
20633                el.style.removeProperty('--item-delay');
20634            }
20635
20636            // FIXME: This belongs to the Role's Teardown.
20637            // Clean up hamburger button event listener
20638            this.querySelector('.hamburger-button')?.removeEventListener(
20639                'click',
20640                this._hamburgerClickHandler
20641            );
20642
20643            this._resetMenuInlineStyles();
20644        };
20645
20646        /** @protected */
20647        _resize = () => {
20648            this.#role.prepareReflow();
20649            clearTimeout(this.wmResizeTimer);
20650            this.wmResizeTimer = setTimeout(() => {
20651                this.#role.handleOverflow();
20652            }, 50);
20653        };
20654
20655        /**
20656         * FIXME: This belongs in the Drill Behavior in Providers.
20657         * Insert a parent link row (and, for drill-in layouts, a parent title
20658         * row) at the top of every sub-menu so the parent stays reachable once
20659         * the sub-menu replaces it. Invoked by the role's `addParentElements()`.
20660         *
20661         * @param {{ includeTitle: boolean }} options
20662         */
20663        wmInsertParentRows({ includeTitle }) {
20664            const items = [
20665                ...this.querySelectorAll('.navigation-nav--item'),
20666                ...this.querySelectorAll('.navigation-nav--sub-item')
20667            ];
20668
20669            this._addParentElement(items, 'link');
20670
20671            if (includeTitle) {
20672                this._addParentElement(items, 'title');
20673            }
20674        }
20675
20676        /**
20677         * @param {HTMLElement[]} items
20678         * @param {'link' | 'title'} type
20679         * @protected
20680         */
20681        _addParentElement(items, type = 'link') {
20682            items.forEach(item => {
20683                const subMenu = item.querySelector('.navigation-nav--sub-menu');
20684                if (!subMenu) return;
20685
20686                // Check if parent element already exists
20687                const existingParentElement = subMenu.querySelector(
20688                    type === 'link' ? '.navigation-nav--sub-item' : '.navigation-nav--parent-title'
20689                );
20690                if (existingParentElement) return; // Skip if already exists
20691
20692                const parentLink = item.querySelector('a');
20693                if (!parentLink) return; // Folder items may have no link.
20694                const parentTitle = parentLink.textContent;
20695                const parentHref = parentLink.getAttribute('href');
20696
20697                // Create appropriate element based on type
20698                const element = type === 'link'
20699                    ? `<li class="navigation-nav--sub-item"><a href="${parentHref}">${parentTitle}</a></li>`
20700                    : `<li class="navigation-nav--parent-title"><a href="${parentHref}">${parentTitle}</a><span></span></li>`;
20701
20702                subMenu.insertAdjacentHTML('afterbegin', element);
20703            });
20704        }
20705
20706        /**
20707         * FIXME: This should be part of the Drill in Roles.
20708         * Drill-in only (wired by `DrillInRole.addBackButtons()`).
20709         */
20710        wmAddBackButtons() {
20711            let touchStartTime = 0;
20712
20713            this.querySelectorAll('.navigation-nav--sub-menu').forEach(subMenu => {
20714                // Skip if back button already exists
20715                if (subMenu.querySelector('.navigation-nav--back')) return;
20716
20717                const backButton = this._createBackButton();
20718                subMenu.insertBefore(backButton, subMenu.firstChild);
20719
20720                // Set back button event with touch device handling
20721                const backButtonLink = backButton.querySelector('a');
20722
20723                const handleClick = (e) => {
20724                    this._handleBackButtonClick(e, subMenu);
20725                };
20726
20727                if (this._isTouchDevice()) {
20728                    backButtonLink.addEventListener('touchstart', (e) => {
20729                        e.preventDefault();
20730                        touchStartTime = Date.now();
20731                    });
20732
20733                    backButtonLink.addEventListener('touchend', (e) => {
20734                        e.preventDefault();
20735                        if ((Date.now() - touchStartTime) < 2000) {
20736                            handleClick(e);
20737                        }
20738                    });
20739                } else {
20740                    backButtonLink.addEventListener('click', handleClick);
20741                }
20742            });
20743        }
20744
20745        /**
20746         * FIXME: This should be part of the Drill in Roles.
20747         * @protected
20748         * */
20749        _createBackButton() {
20750            const backButton = document.createElement('li');
20751            backButton.className = 'navigation-nav--back';
20752            backButton.innerHTML = '<a href="#">Back</a>';
20753            return backButton;
20754        }
20755
20756        /**
20757         * FIXME: This should be part of the Drill in Roles.
20758         * @protected
20759         * @param {MouseEvent} e
20760         * @param {HTMLElement} subMenu
20761         */
20762        _handleBackButtonClick(e, subMenu) {
20763            e.preventDefault();
20764            const parentItem = subMenu.closest(MENU_ITEM_SELECTOR);
20765            if (!parentItem) return;
20766
20767            parentItem.classList.remove('open');
20768
20769            // Back buttons only exist in drill-in layouts, so shrink the drawer
20770            // back to the parent level.
20771            const parentUl = subMenu.parentElement.closest('ul');
20772            if (parentUl) {
20773                this.wmAdjustNavigationHeight(parentUl);
20774            }
20775        }
20776
20777        /**
20778         * FIXME: This is part of Drill In Behavior Currently
20779         * @param {HTMLElement} parentUl
20780         */
20781        wmAdjustNavigationHeight(parentUl) {
20782            const navigationNav = this.querySelector('.navigation-nav');
20783            const { paddingTop, paddingBottom } = getComputedStyle(navigationNav);
20784            const parentHeight = parentUl.offsetHeight + parseInt(paddingTop) + parseInt(paddingBottom);
20785            navigationNav.style.height = `${parentHeight}px`;
20786        }
20787
20788        /**
20789         * @protected
20790         * FIXME: Move to the Hamburger Role Tear down and cleanup!
20791         */
20792        _toggleHamburgerMenu() {
20793            const button = this.querySelector('.hamburger-button');
20794            if (!button) return;
20795
20796            // Ensure the button type is set to prevent form submission
20797            button.type = 'button';
20798
20799            // Remove any existing event listener
20800            button.removeEventListener('click', this._hamburgerClickHandler);
20801
20802            // Add the event listener
20803            button.addEventListener('click', this._hamburgerClickHandler);
20804        }
20805
20806        /** @protected
20807         * FIXME: Move to the Hamburger Role!
20808         */
20809        _handleSamePageClicks() {
20810            this.addEventListener('click', this.#closeThenNavigate);
20811            this.#onCleanup.push(() => {
20812                this.removeEventListener('click', this.#closeThenNavigate);
20813            });
20814        }
20815
20816        /**
20817         *
20818         * FIXME: Move to the Hamburger Role!
20819         * @protected
20820         * @readonly
20821         * @param {MouseEvent} e
20822         * @return {void}
20823         */
20824        _hamburgerClickHandler = (e) => {
20825            e.preventDefault();
20826            e.stopPropagation();
20827            /** @type {HTMLButtonElement} */
20828            const button = e.target.closest('.hamburger-button');
20829            const navContainer = this.querySelector('.navigation-module-container');
20830            if (!navContainer) return;
20831
20832            const isHamburger = this._isHamburger();
20833            const mainMenuUl = this.querySelector('.navigation-nav--main-menu');
20834            const main = document.querySelector('main');
20835            const parentSection = this.closest('.wmc_section');
20836            const isInMovedSection = parentSection?.classList.contains('wmc_section_sticky_state') ?? false;
20837            const isOpening = !navContainer.classList.contains('active');
20838
20839            if (isOpening) {
20840                this.wmScrollTop = window.scrollY;
20841
20842                if (isInMovedSection) {
20843                    // Freeze the body in place and offset it by the saved scroll.
20844                    document.documentElement.style.setProperty('--wm_scrollTop', `-${this.wmScrollTop}px`);
20845                    document.documentElement.classList.add('full_screen_open_body_fixed');
20846                } else {
20847                    main?.style.setProperty('--wm_scrollTop', `${this.wmScrollTop}px`);
20848                }
20849
20850                const isScaled = main ? getComputedStyle(main).getPropertyValue('--wm_scale') !== '1' : false;
20851                this.style.setProperty(
20852                    '--wm_scrollTopNav',
20853                    isInMovedSection ? '0px' : `${isScaled ? this.wmScrollTop : 0}px`,
20854                );
20855
20856                button?.classList.add('active');
20857                navContainer.classList.add('active');
20858
20859                if (isHamburger) this._setHamburgerPopover(navContainer, true);
20860            } else {
20861                this._setHamburgerPopover(navContainer, false);
20862                button?.classList.remove('active');
20863                navContainer.classList.remove('active');
20864
20865                if (isInMovedSection) {
20866                    document.documentElement.classList.remove('full_screen_open_body_fixed');
20867                    document.documentElement.style.removeProperty('--wm_scrollTop');
20868                    window.scrollTo(0, this.wmScrollTop);
20869                } else {
20870                    window.scrollTo(0, this.wmScrollTop);
20871                    main?.style.setProperty('--wm_scrollTop', '0px');
20872                }
20873                this.style.setProperty('--wm_scrollTopNav', '0px');
20874            }
20875
20876            if (mainMenuUl) {
20877                const menuItems = mainMenuUl.querySelectorAll(':scope > li');
20878
20879                if (isOpening) {
20880                    menuItems.forEach((item, index) => {
20881                        item.style.setProperty('--item-delay', `${0.5 + (index * 0.04)}s`);
20882                    });
20883
20884                    setTimeout(() => {
20885                        mainMenuUl.classList.add('start-animation');
20886                    }, 50);
20887                    // Calculate total animation duration and remove delay after completion
20888                    const totalDelay = 0.5 + ((menuItems.length - 1) * 0.04);
20889                    const transitionDuration = 0.3; // From CSS transition: all 0.3s ease
20890                    const totalAnimationTime = (totalDelay + transitionDuration) * 1000;
20891
20892                    setTimeout(() => {
20893                        menuItems.forEach((item) => {
20894                            item.style.removeProperty('--item-delay');
20895                        });
20896                    }, totalAnimationTime);
20897                } else {
20898                    mainMenuUl.classList.remove('start-animation');
20899                    menuItems.forEach((item) => {
20900                        item.style.removeProperty('--item-delay');
20901                    });
20902                }
20903            }
20904
20905            if (isHamburger) {
20906                const navElement = this.querySelector('.navigation-nav');
20907                if (navElement && mainMenuUl) {
20908                    navElement.style.height = `${mainMenuUl.offsetHeight}px`;
20909                }
20910                this.querySelectorAll('.open').forEach(item => item.classList.remove('open'));
20911            }
20912        };
20913
20914        /**
20915         * Promote/demote the hamburger drawer to the top layer via the Popover
20916         * API.
20917         * // FIXME: Move to Hamburger Role
20918         *
20919         * @param {HTMLElement} container
20920         * @param {boolean} open
20921         * @protected
20922         */
20923        _setHamburgerPopover(container, open) {
20924            if (open) {
20925                container.setAttribute('popover', 'manual');
20926                container.togglePopover(open);
20927            } else {
20928                if (container.hasAttribute('popover')) container.togglePopover(open);
20929                container.removeAttribute('popover');
20930            }
20931        }
20932
20933        /** @protected */
20934        _setupMenuObservers() {
20935            // Only horizontal and mega menus reflow into a "More" overflow, and both share the same container markup.
20936            const resizeSelectors = [
20937                '.navigation-module-container',
20938                '.navigation-nav--main-menu'
20939            ];
20940
20941            const resizeObserver = new ResizeObserver(entries => {
20942                if (!entries.length) return;
20943                this._resize();
20944            });
20945
20946            resizeSelectors.forEach(selector => {
20947                this.querySelectorAll(selector).forEach(element => {
20948                    resizeObserver.observe(element);
20949                });
20950            });
20951        }
20952
20953        /**
20954         * @protected
20955         * This might need to be made public, or a function that can be just called.
20956         */
20957        _isTouchDevice() {
20958            this.#isTouch ??= ('ontouchstart' in window)
20959                || (navigator.maxTouchPoints > 0)
20960                || (navigator.msMaxTouchPoints > 0);
20961            return this.#isTouch;
20962        }
20963
20964        // FIXME: Add this to the Hamburger Role.
20965        #closeThenNavigate = (event) => {
20966            // Only the hamburger drawer covers the page, so it is the only
20967            // layout that must close before an in-page anchor can be reached.
20968            if (!this._isHamburger()) return;
20969            /** @type {HTMLAnchorElement|null} */
20970            const targetAnchor = event.target.closest('a');
20971            if (!targetAnchor) return;
20972            const linkUrl = new URL(targetAnchor.href, window.location.origin);
20973            if (linkUrl.pathname !== window.location.pathname) return;
20974            if (!linkUrl.hash) return;
20975            const targetElement = document.querySelector(linkUrl.hash);
20976            if (!targetElement) return;
20977            event.preventDefault();
20978            // Route through the hamburger button so the drawer popover is
20979            // dismissed via `_hamburgerClickHandler`, which also unwinds the
20980            // body scroll lock and restores the saved scroll position before
20981            // we jump to the anchor target.
20982            this.querySelector('.hamburger-button')?.click?.();
20983            targetElement.scrollIntoView({ behavior: 'instant' });
20984        };
20985
20986        #outsideClickHandler = (e) => {
20987            this.#role.onOutsideClick(e);
20988        };
20989
20990        #handleClick = (e) => {
20991            e.preventDefault();
20992            const arrowWrapper = e.target.closest(MENU_ITEM_SELECTOR);
20993            if (arrowWrapper) {
20994                this._toggleMenuItem(arrowWrapper);
20995                this.#role.adjustSubMenuPosition();
20996            }
20997        };
20998
20999        #handleTouchStart = (e) => {
21000            e.preventDefault();
21001            this.wmTouchStartTime = Date.now();
21002        };
21003
21004        #handleTouchEnd = (e) => {
21005            e.preventDefault();
21006            if ((Date.now() - this.wmTouchStartTime) < 2000) {
21007                this.#handleClick(e);
21008            }
21009        };
21010
21011        #flipOnHover = (e) => {
21012            this._flipSubItemSubMenu(e.currentTarget);
21013        };
21014
21015        wmHandleArrowClick() {
21016            this._setupEventHandlers();
21017            this.#role.setupHoverFlip();
21018
21019            document.removeEventListener('touchend', this.#outsideClickHandler);
21020            document.removeEventListener('click', this.#outsideClickHandler);
21021
21022            const eventType = this._isTouchDevice() ? 'touchend' : 'click';
21023            document.addEventListener(eventType, this.#outsideClickHandler);
21024        };
21025
21026        /**
21027         * FIXME: Move to Horizontal Role
21028         * Horizontal only (wired by `HorizontalRole.setupHoverFlip()`).
21029         */
21030        wmSetupHoverFlip() {
21031            this.querySelectorAll('.navigation-nav--sub-item').forEach((item) => {
21032                item.removeEventListener('mouseenter', this.#flipOnHover);
21033                item.addEventListener('mouseenter', this.#flipOnHover);
21034            });
21035        }
21036
21037        /**
21038         * FIXME: Move to Horizontal Role. Not sure if This should be called a
21039         *  Keep on Screen Strategy.
21040         * Remove the hover-flip listeners added by `_setupHoverFlip`.
21041         */
21042        wmTeardownHoverFlip() {
21043            this.querySelectorAll('.navigation-nav--sub-item').forEach((item) => {
21044                item.removeEventListener('mouseenter', this.#flipOnHover);
21045            });
21046        }
21047
21048        /**
21049         * @param {string} triggerSelector
21050         * @param {(trigger: HTMLElement, panel: HTMLElement) => void} positionPanel
21051         */
21052        wmSetupPopoverMenu(triggerSelector, positionPanel) {
21053            this.querySelectorAll(triggerSelector).forEach((trigger) => {
21054                this.wmWirePopoverPair(trigger, positionPanel);
21055            });
21056        }
21057
21058        /**
21059         * Bind hover/focus open + grace close on a popover trigger/panel pair.
21060         * `positionPanel` writes the anchor custom properties used by CSS.
21061         *
21062         * @param {HTMLElement} trigger
21063         * @param {(trigger: HTMLElement, panel: HTMLElement) => void} positionPanel
21064         */
21065        wmWirePopoverPair(trigger, positionPanel) {
21066            const panelId = trigger.getAttribute('popovertarget');
21067            if (!panelId) return;
21068            const panel = this.querySelector(`#${CSS.escape(panelId)}`);
21069            if (!panel) return;
21070            const triggerItem = trigger.closest(MENU_ITEM_SELECTOR);
21071            if (!triggerItem) return;
21072
21073            const isTouch = this._isTouchDevice();
21074            const ownerWindow = this.ownerDocument.defaultView ?? window;
21075            /** @type {number | undefined} */
21076            let closeTimer;
21077
21078            const cancelClose = () => {
21079                if (closeTimer !== undefined) {
21080                    clearTimeout(closeTimer);
21081                    closeTimer = undefined;
21082                }
21083            };
21084            const reposition = () => positionPanel(trigger, panel);
21085            const startTracking = () => {
21086                ownerWindow.addEventListener('scroll', reposition, { passive: true });
21087                ownerWindow.addEventListener('resize', reposition);
21088            };
21089            const stopTracking = () => {
21090                ownerWindow.removeEventListener('scroll', reposition);
21091                ownerWindow.removeEventListener('resize', reposition);
21092            };
21093
21094            const openPanel = () => {
21095                cancelClose();
21096                positionPanel(trigger, panel);
21097                this.setPanelOpen(panel, true, trigger);
21098            };
21099
21100            const closePanel = () => {
21101                this.setPanelOpen(panel, false);
21102            };
21103
21104            const hasOpenChildPopover = () => {
21105                for (const inv of panel.querySelectorAll('[popovertarget]')) {
21106                    const id = inv.getAttribute('popovertarget');
21107                    const target = id && this.querySelector(`#${CSS.escape(id)}`);
21108                    if (target && target.matches(':popover-open')) return true;
21109                }
21110                return false;
21111            };
21112
21113            const isStructurallyChained = !!trigger.closest('[popover]');
21114
21115            const scheduleClose = () => {
21116                cancelClose();
21117                const delay = isStructurallyChained
21118                    ? POPOVER_HOVER_CLOSE_DELAY_CHAINED_MS
21119                    : POPOVER_HOVER_CLOSE_DELAY_MS;
21120                closeTimer = setTimeout(() => {
21121                    closeTimer = undefined;
21122                    if (
21123                        triggerItem.matches(':hover')
21124                        || panel.matches(':hover')
21125                        || panel.contains(document.activeElement)
21126                    ) return;
21127                    // Defer closing while a chained child popover is still open.
21128                    if (hasOpenChildPopover()) {
21129                        scheduleClose();
21130                        return;
21131                    }
21132                    closePanel();
21133                }, delay);
21134            };
21135
21136            if (!isTouch) {
21137                triggerItem.addEventListener('mouseenter', openPanel);
21138                trigger.addEventListener('focus', openPanel);
21139                panel.addEventListener('mouseenter', cancelClose);
21140
21141                if (!isStructurallyChained) {
21142                    triggerItem.addEventListener('mouseleave', scheduleClose);
21143                }
21144                panel.addEventListener('mouseleave', scheduleClose);
21145            }
21146
21147            const handleToggle = (event) => {
21148                if (event.newState === 'open') {
21149                    positionPanel(trigger, panel);
21150                    startTracking();
21151                } else {
21152                    stopTracking();
21153                }
21154            };
21155            panel.addEventListener('toggle', handleToggle);
21156
21157            this.#onCleanup.push(() => {
21158                cancelClose();
21159                closePanel();
21160                triggerItem.removeEventListener('mouseenter', openPanel);
21161                trigger.removeEventListener('focus', openPanel);
21162                panel.removeEventListener('mouseenter', cancelClose);
21163                triggerItem.removeEventListener('mouseleave', scheduleClose);
21164                panel.removeEventListener('mouseleave', scheduleClose);
21165                panel.removeEventListener('toggle', handleToggle);
21166                stopTracking();
21167            });
21168        }
21169
21170        /** @protected */
21171        _setupEventHandlers() {
21172            const arrows = this.querySelectorAll('.arrow');
21173
21174            arrows.forEach(arrow => {
21175
21176                // Popover triggers (horizontal/mega top-level buttons) are wired
21177                // separately via the Popover API, not the drill-in click handler.
21178                if (arrow.tagName === 'BUTTON' && arrow.hasAttribute('popovertarget')) return;
21179
21180                arrow.removeEventListener('touchstart', this.#handleTouchStart);
21181                arrow.removeEventListener('touchend', this.#handleTouchEnd);
21182                arrow.removeEventListener('click', this.#handleClick);
21183
21184                if (this._isTouchDevice()) {
21185                    arrow.addEventListener('touchstart', this.#handleTouchStart);
21186                    arrow.addEventListener('touchend', this.#handleTouchEnd);
21187                } else {
21188                    arrow.addEventListener('click', this.#handleClick);
21189                }
21190            });
21191        };
21192
21193
21194        /** @protected */
21195        _toggleMenuItem(arrowWrapper) {
21196            const parent = arrowWrapper.parentElement;
21197            const siblings = parent.querySelectorAll(MENU_ITEM_SELECTOR);
21198
21199            // Close other items at the same level
21200            siblings.forEach(sibling => {
21201                if (sibling !== arrowWrapper) {
21202                    sibling.classList.remove('open');
21203                }
21204            });
21205
21206            const isCurrentlyOpen = arrowWrapper.classList.contains('open');
21207            arrowWrapper.classList.toggle('open');
21208
21209            this.#role.onItemToggled(arrowWrapper, !isCurrentlyOpen);
21210        }
21211
21212        /**
21213         * FIXME: This should be part of the Keep On Screen Strategy or the like
21214         *   Or Added to HorizontalLikeRole or HorizontalRole.
21215         * Horizontal only (wired by `HorizontalRole.adjustSubMenuPosition()`).
21216         */
21217        wmAdjustSubMenuPosition() {
21218            const viewportWidth = window.innerWidth;
21219
21220            const flipMainMenuSubMenu = (item) => {
21221                const subMenu = item.querySelector('.navigation-nav--sub-menu');
21222                if (!subMenu || subMenu.hasAttribute('popover')) return;
21223
21224                const itemRect = item.getBoundingClientRect();
21225                const rightEdge = itemRect.right + subMenu.offsetWidth;
21226
21227                if (rightEdge > viewportWidth) {
21228                    if (itemRect.right > viewportWidth / 2) {
21229                        subMenu.style.left = 'auto';
21230                        subMenu.style.right = '0';
21231                        subMenu.dataset.growDirection = 'left';
21232                    } else {
21233                        subMenu.style.left = `${-(rightEdge - viewportWidth)}px`;
21234                        subMenu.style.right = 'auto';
21235                        subMenu.dataset.growDirection = 'right';
21236                    }
21237                } else {
21238                    subMenu.style.left = '0';
21239                    subMenu.style.right = 'auto';
21240                    subMenu.dataset.growDirection = 'right';
21241                }
21242            };
21243
21244            this.querySelectorAll('.navigation-nav--item').forEach(flipMainMenuSubMenu);
21245            this.querySelectorAll('.navigation-nav--sub-item').forEach((item) => this._flipSubItemSubMenu(item));
21246        }
21247
21248        /**
21249         * FIXME: Part of HoriontalLikeRole's Keep on Screen Strategy
21250         * @param {HTMLElement} subMenu
21251         * @param {'left' | 'right'} direction
21252         * @protected
21253         */
21254        _setSubMenuDirection(subMenu, direction) {
21255            subMenu.dataset.growDirection = direction;
21256            subMenu.style.left = direction === 'right' ? '100%' : 'auto';
21257            subMenu.style.right = direction === 'left' ? '100%' : 'auto';
21258        }
21259
21260        /**
21261         *
21262         * FIXME: Part of HoriontalLikeRole's Keep on Screen Strategy
21263         *
21264         * Position a nested sub-item flyout toward whichever side has room,
21265         * honoring the parent panel's recorded grow direction. Shared by the
21266         * hover handler (`#flipOnHover`) and the click-driven
21267         * `wmAdjustSubMenuPosition` so both paths agree (preserves the
21268         * horizontal-growth fix from SMBWMGR20-2739).
21269         *
21270         * @param {HTMLElement} item
21271         * @protected
21272         */
21273        _flipSubItemSubMenu(item) {
21274            const subMenu = item.querySelector(':scope > .navigation-nav--sub-menu');
21275            if (!subMenu) return;
21276
21277            const ownerWindow = this.ownerDocument.defaultView ?? window;
21278            const viewportWidth = ownerWindow.innerWidth || document.documentElement.clientWidth;
21279            const itemRect = item.getBoundingClientRect();
21280            const subMenuWidth = subMenu.offsetWidth;
21281            const spaceOnRight = viewportWidth - itemRect.right;
21282            const spaceOnLeft = itemRect.left;
21283            const parentSubMenu = item.closest('.navigation-nav--sub-menu');
21284            const preferredDirection = parentSubMenu?.dataset.growDirection === 'left' ? 'left' : 'right';
21285
21286            if (preferredDirection === 'left') {
21287                this._setSubMenuDirection(subMenu, spaceOnLeft >= subMenuWidth ? 'left' : 'right');
21288                return;
21289            }
21290
21291            this._setSubMenuDirection(subMenu, spaceOnRight >= subMenuWidth ? 'right' : 'left');
21292        }
21293    }
21294
21295    function init() {
21296        console.debug('menu: init');
21297
21298        globalThis.customElements.define('wm-menu', WMMenu);
21299        globalThis.WMComponents.WMMenu = WMMenu;
21300
21301        globalThis.initMenuComponent = (menu) => {
21302            if (menu instanceof WMMenu) menu.reinitialize();
21303        };
21304    }
21305
21306    if (!globalThis.wmUserInteraction) {
21307        window.addEventListener('wm-user-interaction', init, { once: true });
21308    } else {
21309        init();
21310    }
21311})();
21312</script>
21312
21313            
21313<script>/* map.js */
21314;(() => {
21315
21316    /** @type {any[]} */
21317    const EmptyAddressArray = Object.freeze([]);
21318
21319    /**
21320     * @param {string} value
21321     * @return {string|null}
21322     */
21323    function maybeBase64(value) {
21324        try {
21325            return atob(value)
21326        } catch (e) {
21327            return null;
21328        }
21329    }
21330
21331    /**
21332     * @param {any[]|string|null} value
21333     * @return {any[]}
21334     */
21335    function parseAddresses (value) {
21336
21337        if (!value) return EmptyAddressArray;
21338        // There's a case were it isn't even encoded T_T
21339        if (Array.isArray(value)) return value;
21340        const maybeJsonString = maybeBase64(value);
21341        // There's a case where it isn't base64 encoded T_T
21342        const jsonString = maybeJsonString != null ? maybeJsonString : value;
21343        let addresses = EmptyAddressArray;
21344        try {
21345            addresses = JSON.parse(jsonString);
21346        } catch (e) {
21347            console.error('Invalid addresses payload', e);
21348            return EmptyAddressArray;
21349        }
21350
21351        if (Array.isArray(addresses)) return addresses;
21352
21353        console.error('Invalid addresses payload', addresses);
21354        return EmptyAddressArray;
21355    }
21356    function serializeAddresses(array) {
21357        if (!Array.isArray(array)) btoa('null');
21358        return btoa(JSON.stringify(array));
21359    }
21360
21361    class WMGoogleMap extends HTMLElement {
21362        // private backing fields
21363        #zoom = 11;
21364        #showInfoWindow = true;
21365        #markerClickEnabled = true;
21366        #showZoomControl = true;
21367        #grayscale = false;
21368        #addresses = [];
21369        markers = [];
21370        infoWindows = [];
21371        isInitialized = false;
21372        referenceCenter = null;
21373
21374
21375        static get observedAttributes() {
21376            return [
21377                'zoom',
21378                'show-info-window',
21379                'marker-click-enabled',
21380                'show-zoom-control',
21381                'grayscale',
21382                'addresses'
21383            ];
21384        }
21385
21386        // whenever one of those 6 attrs changes, this runs
21387        attributeChangedCallback(name, oldVal, newVal) {
21388            if (oldVal === newVal) return;
21389            switch (name) {
21390                case 'zoom':
21391                    const n = parseInt(newVal, 10);
21392                    if (isNaN(n)) {
21393                        // not a number at all → use your default
21394                        this.#zoom = 11;
21395                    } else {
21396                        // clamp negatives to 0, otherwise leave it alone
21397                        this.#zoom = Math.max(n, 0);
21398                    }
21399                    break;
21400                case 'show-info-window':
21401                    this.#showInfoWindow = newVal === '1';
21402                    break;
21403                case 'marker-click-enabled':
21404                    this.#markerClickEnabled = newVal === '1';
21405                    break;
21406                case 'show-zoom-control':
21407                    this.#showZoomControl = newVal === '1';
21408                    break;
21409                case 'grayscale':
21410                    this.#grayscale = newVal === '1';
21411                    break;
21412                case 'addresses':
21413                    this.#addresses = newVal;
21414                    break;
21415            }
21416
21417            // if you want to re-draw or re-init on every change:
21418            this._reinitializeIfReady();
21419        }
21420
21421        // JS property ↔ attribute reflectors:
21422        get defaultZoom() {
21423            return this.#zoom;
21424        }
21425
21426        set defaultZoom(v) {
21427            this.setAttribute('zoom', v);
21428        }
21429
21430        get isShowInfoWindow() {
21431            return this.#showInfoWindow;
21432        }
21433
21434        set isShowInfoWindow(v) {
21435            this.setAttribute('show-info-window', !!v);
21436        }
21437
21438        get isMarkerClickEnabled() {
21439            return this.#markerClickEnabled;
21440        }
21441
21442        set isMarkerClickEnabled(v) {
21443            this.setAttribute('marker-click-enabled', !!v);
21444        }
21445
21446        get isShowZoomControl() {
21447            return this.#showZoomControl;
21448        }
21449
21450        set isShowZoomControl(v) {
21451            this.setAttribute('show-zoom-control', !!v);
21452        }
21453
21454        get isGrayscale() {
21455            return this.#grayscale;
21456        }
21457
21458        set isGrayscale(v) {
21459            this.setAttribute('grayscale', !!v);
21460        }
21461
21462        get addresses() {
21463            return this.#addresses;
21464        }
21465
21466        set addresses(arr) {
21467            this.setAttribute('addresses', JSON.stringify(arr));
21468        }
21469
21470        // Grayscale style for Google Maps
21471        get grayscaleStyle() {
21472            return [
21473                {
21474                    "featureType": "all",
21475                    "elementType": "all",
21476                    "stylers": [
21477                        { "saturation": -100 },
21478                        { "gamma": 0.5 }
21479                    ]
21480                }
21481            ];
21482        }
21483
21484        constructor() {
21485            super();
21486            const mapContainer = this.closest('wm-map');
21487            for (const attribute of WMGoogleMap.observedAttributes) {
21488                let setVal;
21489                if (['addresses'].includes(attribute)) {
21490                    const raw = mapContainer.getAttribute(attribute);
21491                    setVal = parseAddresses(raw);
21492
21493                } else {
21494                    setVal = mapContainer.getAttribute(attribute);
21495                }
21496                this.attributeChangedCallback(attribute, undefined, setVal)
21497            }
21498        }
21499
21500        // —— NEW: observe parent <wm-map> for attribute changes ——
21501        connectedCallback() {
21502            const host = this.closest('wm-map');
21503            if (!host) return;
21504            this._hostObserver = new MutationObserver(mutations => {
21505                for (const m of mutations) {
21506                    if (m.type === 'attributes' &&
21507                        WMGoogleMap.observedAttributes.includes(m.attributeName)) {
21508                        const oldVal = m.oldValue;
21509                        const newVal = host.getAttribute(m.attributeName);
21510                        this.attributeChangedCallback(m.attributeName, oldVal, newVal);
21511                    }
21512                }
21513            });
21514            this._hostObserver.observe(host, {
21515                attributes: true,
21516                attributeOldValue: true,
21517                attributeFilter: WMGoogleMap.observedAttributes
21518            });
21519        }
21520
21521        disconnectedCallback() {
21522            if (this._hostObserver) {
21523                this._hostObserver.disconnect();
21524                this._hostObserver = null;
21525            }
21526        }
21527
21528        // —— END NEW ——
21529        _reinitializeIfReady() {
21530            if (this.map) {
21531                this._cleanup();
21532                // Add delay to ensure cleanup is complete before reinitializing
21533                setTimeout(() => {
21534                    this._init();
21535                }, 100);
21536            }
21537        }
21538
21539        /** @protected */
21540        _init() {
21541            if (this.isInitialized || typeof google === 'undefined' || !google.maps) return;
21542            if (this.#addresses.length === 0) return;
21543
21544            // Calculate center based on visible addresses
21545            let addresses = this.addresses;
21546            const center = this._calculateCenter(addresses);
21547
21548            this.map = new google.maps.Map(this, {
21549                zoom: this.#zoom,
21550                center: center,
21551                mapTypeId: google.maps.MapTypeId.ROADMAP,
21552                zoomControl: this.isShowZoomControl,
21553                mapTypeControl: false,
21554                scaleControl: false,
21555                streetViewControl: false,
21556                rotateControl: false,
21557                fullscreenControl: false,
21558                cameraControl: false,
21559                scrollwheel: false,
21560                styles: []
21561            });
21562
21563            // Create grayscale map type
21564            this.grayscaleMapType = new google.maps.StyledMapType(this.grayscaleStyle, {
21565                name: 'Grayscale'
21566            });
21567            this.map.mapTypes.set('grayscale', this.grayscaleMapType);
21568
21569            this._loadAddresses();
21570            this._applyGrayscale();
21571            this.isInitialized = true;
21572
21573            this._log('initialized');
21574        }
21575
21576        /** @protected */
21577
21578        _calculateCenter(raw = this.#addresses) {
21579            const addresses = parseAddresses(raw);
21580
21581            const n = addresses.length;
21582            if (n === 0) return { lat: 0, lng: 0 };
21583            if (n === 1) return { lat: +addresses[0].lat, lng: +addresses[0].lng };
21584
21585            let totalLat = 0;
21586            let totalLng = 0;
21587
21588            addresses.forEach(addressData => {
21589                totalLat += +addressData.lat;
21590                totalLng += +addressData.lng;
21591            });
21592
21593            return {
21594                lat: totalLat / n,
21595                lng: totalLng / n
21596            };
21597        }
21598
21599
21600        /** @protected */
21601
21602        _loadAddresses() {
21603            const addresses = parseAddresses(this.#addresses);
21604
21605            addresses.forEach(addressData => {
21606                this._addMarker(
21607                    +addressData.lat,
21608                    +addressData.lng,
21609                    addressData.name,
21610                    addressData.address
21611                );
21612            });
21613        }
21614
21615
21616        /** @protected */
21617        _addMarker(lat, lng, name, address) {
21618            const position = { lat: lat, lng: lng };
21619            const marker = new google.maps.Marker({
21620                position: position,
21621                map: this.map,
21622                title: name,
21623                animation: google.maps.Animation.DROP,
21624            });
21625
21626            const infoContent = `
21627                <div class="info-window">
21628                    <p class="info-window-address">${name}</p>
21629                    <p class="info-window-address-text">${address}</p>
21630                </div>
21631            `;
21632
21633            const infoWindow = new google.maps.InfoWindow({
21634                content: infoContent
21635            });
21636
21637            marker.addListener("click", () => {
21638                if (!this.isMarkerClickEnabled) return;
21639
21640                if (infoWindow.getMap()) {
21641                    infoWindow.close();
21642                } else {
21643                    infoWindow.open(this.map, marker);
21644                }
21645            });
21646
21647            this.markers.push({
21648                marker: marker,
21649                position: position,
21650                name: name,
21651                address: address,
21652            });
21653
21654            this.infoWindows.push(infoWindow);
21655        }
21656
21657        /** @protected */
21658        _fitBounds() {
21659            if (this.markers.length === 0) return;
21660
21661            const bounds = new google.maps.LatLngBounds();
21662            this.markers.forEach(markerData => {
21663                bounds.extend(markerData.position);
21664            });
21665
21666            // this.map.fitBounds(bounds);
21667
21668            if (this.map.getZoom() > this.#zoom) {
21669                this.map.setZoom(this.#zoom);
21670            }
21671
21672            // setTimeout(() => {
21673            //     this.map.setZoom(this.settings.defaultZoom);
21674            // }, 10);
21675        }
21676
21677        /** @protected */
21678        _applyGrayscale() {
21679            if (this.#grayscale) {
21680                this.map.setMapTypeId('grayscale');
21681            } else {
21682                this.map.setMapTypeId(google.maps.MapTypeId.ROADMAP);
21683            }
21684        }
21685
21686        /** @protected */
21687        _cleanup() {
21688            if (this.map) {
21689                this.markers.forEach(markerData => {
21690                    markerData.marker.setMap(null);
21691                });
21692                this.markers = [];
21693                this.infoWindows = [];
21694                this.map = null;
21695            }
21696            this.isInitialized = false;
21697        }
21698
21699        /** @protected */
21700        _log(...items) {
21701            console.debug('google-map:', ...items);
21702        }
21703
21704        // Public API
21705        wmSetData(data) {
21706            this.settings = data;
21707        }
21708
21709        wmInitialize() {
21710            this._init();
21711        }
21712
21713        wmFitBounds() {
21714            this._fitBounds();
21715        }
21716
21717        wmSetCenter(lat, lng) {
21718            if (this.map) {
21719                this.map.setCenter({ lat: lat, lng: lng });
21720            }
21721        }
21722
21723        wmSetZoom(zoom) {
21724            if (this.map) {
21725                this.map.setZoom(zoom);
21726            }
21727        }
21728
21729        wmOpenAllInfoWindows() {
21730            this.infoWindows.forEach(infoWindow => {
21731                infoWindow.setOptions({ disableAutoPan: true });
21732            });
21733
21734            this.markers.forEach((markerData, index) => {
21735                this.infoWindows[index].open(this.map, markerData.marker);
21736            });
21737        }
21738
21739        wmCloseAllInfoWindows() {
21740            this.infoWindows.forEach(infoWindow => {
21741                infoWindow.close();
21742            });
21743        }
21744
21745        wmApplySliderPosition(latOffset, lngOffset) {
21746            if (!this.map) return;
21747
21748            if (!this.referenceCenter) {
21749                this.referenceCenter = this.map.getCenter();
21750            }
21751
21752            const currentZoom = this.map.getZoom();
21753            const mapWidth = this.offsetWidth;
21754            const mapHeight = this.offsetHeight;
21755
21756            const zoomScale = Math.pow(2, currentZoom);
21757            const degreesPerPixelLng = 200 / (256 * zoomScale);
21758            const degreesPerPixelLat = 200 / (256 * zoomScale);
21759
21760            const latMovementPercent = parseFloat(latOffset) / 100;
21761            const lngMovementPercent = parseFloat(lngOffset) / 100;
21762
21763            const latPixels = latMovementPercent * mapHeight;
21764            const lngPixels = lngMovementPercent * mapWidth;
21765
21766            const latDegrees = latPixels * degreesPerPixelLat;
21767            const lngDegrees = lngPixels * degreesPerPixelLng;
21768
21769            const newLat = this.referenceCenter.lat() + latDegrees;
21770            const newLng = this.referenceCenter.lng() + lngDegrees;
21771
21772            this.map.setCenter({ lat: newLat, lng: newLng });
21773        }
21774    }
21775
21776    class WMLeafletMap extends HTMLElement {
21777
21778        // private backing fields
21779        #zoom = 11;
21780        #showInfoWindow = true;
21781        #markerClickEnabled = true;
21782        #showZoomControl = true;
21783        #grayscale = false;
21784        #addresses = [];
21785        markers = [];
21786        infoWindows = [];
21787        isInitialized = false;
21788        referenceCenter = null;
21789
21790
21791        static get observedAttributes() {
21792            return [
21793                'zoom',
21794                'show-info-window',
21795                'marker-click-enabled',
21796                'show-zoom-control',
21797                'grayscale',
21798                'addresses'
21799            ];
21800        }
21801
21802        /** @protected */
21803        _reinitializeIfReady() {
21804            if (this.map) {
21805                this._cleanup();
21806                // Add delay to ensure cleanup is complete before reinitializing
21807                setTimeout(() => {
21808                    this._init();
21809                }, 100);
21810            }
21811        }
21812
21813        attributeChangedCallback(name, oldVal, newVal) {
21814            if (oldVal === newVal) return;
21815            switch (name) {
21816                case 'zoom':
21817                    const n = parseInt(newVal, 10);
21818                    if (isNaN(n)) {
21819                        // not a number at all → use your default
21820                        this.#zoom = 11;
21821                    } else {
21822                        // clamp negatives to 0, otherwise leave it alone
21823                        this.#zoom = Math.max(n, 0);
21824                    }
21825                    break;
21826                case 'show-info-window':
21827                    this.#showInfoWindow = newVal === '1';
21828                    break;
21829                case 'marker-click-enabled':
21830                    this.#markerClickEnabled = newVal === '1';
21831                    break;
21832                case 'show-zoom-control':
21833                    this.#showZoomControl = newVal === '1';
21834                    break;
21835                case 'grayscale':
21836                    this.#grayscale = newVal === '1';
21837                    break;
21838                case 'addresses':
21839                    this.#addresses = newVal;
21840                    break;
21841            }
21842
21843            // if you want to re-draw or re-init on every change:
21844            this._reinitializeIfReady();
21845        }
21846
21847        // whenever one of those 6 attrs changes, this runs
21848
21849        // JS property ↔ attribute reflectors:
21850        get defaultZoom() {
21851            return this.#zoom;
21852        }
21853
21854        set defaultZoom(v) {
21855            this.setAttribute('zoom', v);
21856        }
21857
21858        get isShowInfoWindow() {
21859            return this.#showInfoWindow;
21860        }
21861
21862        set isShowInfoWindow(v) {
21863            this.setAttribute('show-info-window', !!v);
21864        }
21865
21866        get isMarkerClickEnabled() {
21867            return this.#markerClickEnabled;
21868        }
21869
21870        set isMarkerClickEnabled(v) {
21871            this.setAttribute('marker-click-enabled', !!v);
21872        }
21873
21874        get isShowZoomControl() {
21875            return this.#showZoomControl;
21876        }
21877
21878        set isShowZoomControl(v) {
21879            this.setAttribute('show-zoom-control', !!v);
21880        }
21881
21882        get isGrayscale() {
21883            return this.#grayscale;
21884        }
21885
21886        set isGrayscale(v) {
21887            this.setAttribute('grayscale', !!v);
21888        }
21889
21890        get addresses() {
21891            return this.#addresses;
21892        }
21893
21894        set addresses(arr) {
21895            this.setAttribute('addresses', JSON.stringify(arr));
21896        }
21897
21898        // Grayscale style for Google Maps
21899        get grayscaleStyle() {
21900            return [
21901                {
21902                    "featureType": "all",
21903                    "elementType": "all",
21904                    "stylers": [
21905                        { "saturation": -100 },
21906                        { "gamma": 0.5 }
21907                    ]
21908                }
21909            ];
21910        }
21911
21912        constructor() {
21913            super();
21914            let setVal;
21915            const mapContainer = this.closest('wm-map');
21916            for (const attribute of WMLeafletMap.observedAttributes) {
21917                if (['addresses'].includes(attribute)) {
21918                    const raw = mapContainer.getAttribute(attribute);
21919                    setVal = parseAddresses(raw);
21920                } else {
21921                    setVal = mapContainer.getAttribute(attribute);
21922                }
21923                this.attributeChangedCallback(attribute, undefined, setVal)
21924            }
21925        }
21926
21927        // —— NEW: observe parent <wm-map> ——
21928        connectedCallback() {
21929            const host = this.closest('wm-map');
21930            if (!host) return;
21931            this._hostObserver = new MutationObserver(mutations => {
21932                for (const m of mutations) {
21933                    if (m.type === 'attributes' &&
21934                        WMLeafletMap.observedAttributes.includes(m.attributeName)) {
21935                        const oldVal = m.oldValue;
21936                        const newVal = host.getAttribute(m.attributeName);
21937                        this.attributeChangedCallback(m.attributeName, oldVal, newVal);
21938                    }
21939                }
21940            });
21941            this._hostObserver.observe(host, {
21942                attributes: true,
21943                attributeOldValue: true,
21944                attributeFilter: WMLeafletMap.observedAttributes
21945            });
21946        }
21947
21948        disconnectedCallback() {
21949            if (this._hostObserver) {
21950                this._hostObserver.disconnect();
21951                this._hostObserver = null;
21952            }
21953        }
21954
21955        // —— END NEW ——
21956
21957        /** @protected */
21958        _init() {
21959            if (this.isInitialized || typeof L === 'undefined') return;
21960
21961            if (this.#addresses.length === 0) return;
21962
21963            // Calculate center based on visible addresses
21964            const center = this._calculateCenter(this.#addresses);
21965
21966            this.map = L.map(this, {
21967                zoomControl: this.#showZoomControl,
21968                attributionControl: true,
21969                closePopupOnClick: false,
21970                scrollWheelZoom: false
21971            }
21971).setView(center, this.#zoom);
21972
21973            this.normalLayer = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
21974                attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
21975            });
21976
21977            this.grayscaleLayer = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
21978                attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
21979                className: 'grayscale-layer'
21980            });
21981
21982            this.normalLayer.addTo(this.map);
21983
21984            setTimeout(() => {
21985                this.map.invalidateSize();
21986                this.map.setZoom(this.#zoom);
21987                this._loadAddresses();
21988                this._applyGrayscale();
21989                this.isInitialized = true;
21990                this._log('initialized');
21991            }, 100);
21992        }
21993
21994        /** @protected */
21995        _calculateCenter(raw = this.#addresses) {
21996            const addresses = parseAddresses(raw);
21997
21998            if (addresses.length === 0) {
21999                return [0, 0];
22000            }
22001
22002            if (addresses.length === 1) {
22003                return [addresses[0].lat, addresses[0].lng];
22004            }
22005
22006            // Calculate the center point of all addresses
22007            let totalLat = 0;
22008            let totalLng = 0;
22009
22010            addresses.forEach(address => {
22011                totalLat += address.lat;
22012                totalLng += address.lng;
22013            });
22014
22015            return [totalLat / addresses.length, totalLng / addresses.length];
22016        }
22017
22018        /** @protected */
22019        _loadAddresses() {
22020            const addresses = parseAddresses(this.#addresses);
22021
22022            addresses.forEach((addressData) => {
22023                this._addMarker(
22024                    addressData.lat,
22025                    addressData.lng,
22026                    addressData.name,
22027                    addressData.address
22028                );
22029            });
22030            this._fitBounds();
22031        }
22032
22033        /** @protected */
22034        _addMarker(lat, lng, name, address) {
22035            const marker = L.marker([lat, lng], {
22036                title: name
22037            }).addTo(this.map);
22038
22039            const infoContent = `
22040                <div class="info-window">
22041                    <p class="info-window-address">${name}</p>
22042                    <p class="info-window-address-text">${address}</p>
22043                </div>
22044            `;
22045
22046            const popup = L.popup({
22047                maxWidth: 350,
22048                className: 'info-window',
22049                autoClose: false,
22050                closeButton: true
22051            }).setContent(infoContent);
22052
22053            marker.bindPopup(popup);
22054
22055            this.markers.push({
22056                marker: marker,
22057                position: [lat, lng],
22058                name: name,
22059                address: address,
22060                popup: popup
22061            });
22062
22063            if (!this.#markerClickEnabled) {
22064                marker.off('click');
22065            }
22066        }
22067
22068        /** @protected */
22069        _fitBounds() {
22070            if (this.markers.length === 0) return;
22071
22072            const bounds = L.latLngBounds();
22073            this.markers.forEach(markerData => {
22074                bounds.extend(markerData.position);
22075            });
22076
22077            if (this.map.getZoom() < this.#zoom) {
22078                this.map.setZoom(this.#zoom);
22079            }
22080        }
22081
22082        /** @protected */
22083        _applyGrayscale() {
22084            if (this.#grayscale) {
22085                this.map.removeLayer(this.normalLayer);
22086                this.grayscaleLayer.addTo(this.map);
22087                const attribution = document.querySelector('.leaflet-control-attribution');
22088                if (attribution) attribution.classList.add('grayscale-layer');
22089            } else {
22090                this.map.removeLayer(this.grayscaleLayer);
22091                this.normalLayer.addTo(this.map);
22092                const attribution = document.querySelector('.leaflet-control-attribution');
22093                if (attribution) attribution.classList.remove('grayscale-layer');
22094            }
22095        }
22096
22097        /** @protected */
22098        _cleanup() {
22099            if (this.map) {
22100                this.map.remove();
22101                this.map = null;
22102                this.markers = [];
22103                this.normalLayer = null;
22104                this.grayscaleLayer = null;
22105            }
22106            this.isInitialized = false;
22107        }
22108
22109        /** @protected */
22110        _log(...items) {
22111            console.debug('leaflet-map:', ...items);
22112        }
22113
22114        // Public API
22115        wmSetData(data) {
22116            this.settings = data;
22117        }
22118
22119        wmInitialize() {
22120            this._init();
22121        }
22122
22123        wmFitBounds() {
22124            this._fitBounds();
22125        }
22126
22127        wmSetCenter(lat, lng) {
22128            if (this.map) {
22129                this.map.setView([lat, lng], this.#zoom);
22130            }
22131        }
22132
22133        wmSetZoom(zoom) {
22134            if (this.map) {
22135                this.map.setZoom(zoom);
22136            }
22137        }
22138
22139        wmOpenAllInfoWindows() {
22140            this.markers.forEach((markerData) => {
22141                const currentCenter = this.map.getCenter();
22142                markerData.marker.openPopup();
22143                this.map.setView(currentCenter, this.#zoom);
22144            });
22145        }
22146
22147        wmCloseAllInfoWindows() {
22148            this.markers.forEach((markerData) => {
22149                markerData.marker.closePopup();
22150            });
22151        }
22152
22153        wmApplySliderPosition(latOffset, lngOffset) {
22154            if (!this.map) return;
22155
22156            if (!this.referenceCenter) {
22157                this.referenceCenter = this.map.getCenter();
22158            }
22159
22160            const currentZoom = this.map.getZoom();
22161            const mapWidth = this.offsetWidth;
22162            const mapHeight = this.offsetHeight;
22163
22164            const zoomScale = Math.pow(2, currentZoom);
22165            const degreesPerPixelLng = 200 / (256 * zoomScale);
22166            const degreesPerPixelLat = 200 / (256 * zoomScale);
22167
22168            const latMovementPercent = parseFloat(latOffset) / 100;
22169            const lngMovementPercent = parseFloat(lngOffset) / 100;
22170
22171            const latPixels = latMovementPercent * mapHeight;
22172            const lngPixels = lngMovementPercent * mapWidth;
22173
22174            const latDegrees = latPixels * degreesPerPixelLat;
22175            const lngDegrees = lngPixels * degreesPerPixelLng;
22176
22177            const newLat = this.referenceCenter.lat + latDegrees;
22178            const newLng = this.referenceCenter.lng + lngDegrees;
22179
22180            this.map.setView([newLat, newLng], this.#zoom);
22181        }
22182    }
22183
22184    class WMMap extends HTMLElement {
22185        /** @type { WMGoogleMap | WMLeafletMap } */
22186        currentMap = null;
22187        /** @type { number } */
22188        latSlider = 0;
22189        /** @type { number } */
22190        lngSlider = 0;
22191        /** @type { boolean } */
22192        isGoogleMapsLoading = false;
22193        /** @type { boolean } */
22194        isLeafletLoading = false;
22195        /** @type { number } */
22196        wmHandle = 0;
22197
22198        #onDisconnect = [];
22199        #platform = 'google';
22200        #showInfoWindow = 0;
22201        #latSlider = 0;
22202        #lngSlider = 0;
22203
22204        static get observedAttributes() {
22205            return [
22206                'platform',
22207                'show-info-window',
22208                'lat-slider',
22209                'lng-slider'
22210            ];
22211        }
22212
22213        attributeChangedCallback(name, oldVal, newVal) {
22214            if (oldVal === newVal) return;
22215            switch (name) {
22216                case 'platform':
22217                    this.#platform = newVal;
22218                    break;
22219                case 'show-info-window':
22220                    this.#showInfoWindow = newVal === '1';
22221                    break;
22222                case 'lat-slider':
22223                    this.#latSlider = parseFloat(newVal) || 0;
22224                    break;
22225                case 'lng-slider':
22226                    this.#lngSlider = parseFloat(newVal) || 0;
22227                    break;
22228            }
22229
22230            this.wmReinitialize();
22231        }
22232
22233        connectedCallback() {
22234            this._reinitializeIfReady();
22235        }
22236
22237        disconnectedCallback() {
22238            for (const fn of this.#onDisconnect.splice(0, this.#onDisconnect.length)) try {
22239                fn();
22240            } catch (e) {
22241                console.error(e);
22242            }
22243        }
22244
22245        /** @protected */
22246        _reinitializeIfReady() {
22247            if (this.wmHandle) cancelAnimationFrame(this.wmHandle);
22248            this.wmHandle = requestAnimationFrame(() => {
22249                this._init();
22250            })
22251        }
22252
22253        constructor() {
22254            super()
22255            for (const attribute of WMMap.observedAttributes) {
22256                this.attributeChangedCallback(attribute, undefined, this.getAttribute(attribute));
22257            }
22258        }
22259
22260        get platformType() {
22261            return this.#platform;
22262        }
22263
22264        set platformType(v) {
22265            this.setAttribute('platform', v);
22266        }
22267
22268        /** @protected */
22269        _init() {
22270            this.latSlider = this.#latSlider;
22271            this.lngSlider = this.#lngSlider;
22272            this._loadMapPlatform();
22273            this._setupEventListeners();
22274
22275            this._log('initialized');
22276        }
22277
22278        /** @protected */
22279        _loadMapPlatform() {
22280            if (this.platformType === 'google') {
22281                this._loadGoogleMaps();
22282            } else {
22283                this._loadLeafletMaps();
22284            }
22285        }
22286
22287        /** @protected */
22288        _loadGoogleMaps() {
22289            if (this.isGoogleMapsLoading) return;
22290            this.isGoogleMapsLoading = true;
22291
22292            // Check if Google Maps is already loaded
22293            if (typeof google !== 'undefined' && google.maps) {
22294                this._initializeGoogleMap();
22295                return;
22296            }
22297
22298            // Check if script is already loading
22299            if (document.querySelector('script[src*="maps.googleapis.com"]')) {
22300                this._waitForGoogleMaps();
22301                return;
22302            }
22303
22304            const apiKey = this.getAttribute('google-api-key');
22305
22306            if (!apiKey || apiKey.trim() === '') {
22307                const errorMsg = 'Google Maps API key is missing! Please check the Tag Manager settings.';
22308                this._log(errorMsg);
22309                // Optionally, show error in the DOM
22310                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>`;
22311                this.isGoogleMapsLoading = false;
22312                return;
22313            }
22314            const script = document.createElement('script');
22315            script.src = `//maps.googleapis.com/maps/api/js?key=${apiKey}&loading=async`;
22316            script.async = true;
22317            script.defer = true;
22318            script.onload = () => {
22319                this._waitForGoogleMaps();
22320            };
22321            script.onerror = () => {
22322                this.isGoogleMapsLoading = false;
22323                this._log('Failed to load Google Maps API');
22324            };
22325            document.body.appendChild(script);
22326        }
22327
22328        /** @protected */
22329        _waitForGoogleMaps() {
22330            const checkGoogleMaps = () => {
22331                if (
22332                    typeof google !== 'undefined' &&
22333                    google.maps &&
22334                    google.maps.Map &&
22335                    google.maps.MapTypeId &&
22336                    google.maps.StyledMapType &&
22337                    google.maps.Marker &&
22338                    google.maps.InfoWindow &&
22339                    google.maps.LatLngBounds
22340                ) {
22341                    this._initializeGoogleMap();
22342                } else {
22343                    setTimeout(checkGoogleMaps, 100);
22344                }
22345            };
22346            checkGoogleMaps();
22347        }
22348
22349        /** @protected */
22350        _loadLeafletMaps() {
22351            if (this.isLeafletLoading) return;
22352            this.isLeafletLoading = true;
22353
22354            // Check if Leaflet is already loaded
22355            if (typeof L !== 'undefined') {
22356                this._initializeLeafletMap();
22357                return;
22358            }
22359
22360            // Check if script is already loading
22361            if (document.querySelector('script[src*="leaflet"]')) {
22362                this._waitForLeaflet();
22363                return;
22364            }
22365
22366            const script = document.createElement('script');
22367            script.src = '//unpkg.com/[email protected]/dist/leaflet.js';
22368            script.onload = () => {
22369                const link = document.createElement('link');
22370                link.rel = 'stylesheet';
22371                link.href = '//unpkg.com/[email protected]/dist/leaflet.css';
22372                document.head.appendChild(link);
22373                this._waitForLeaflet();
22374            };
22375            script.onerror = () => {
22376                this.isLeafletLoading = false;
22377                this._log('Failed to load Leaflet API');
22378            };
22379            document.body.appendChild(script);
22380        }
22381
22382        /** @protected */
22383        _waitForLeaflet() {
22384            const checkLeaflet = () => {
22385                if (typeof L !== 'undefined') {
22386                    this._initializeLeafletMap();
22387                } else {
22388                    setTimeout(checkLeaflet, 100);
22389                }
22390            };
22391            checkLeaflet();
22392        }
22393
22394        /** @protected */
22395        _initializeGoogleMap() {
22396            /** @type { WMGoogleMap } */
22397            const googleMapContainer = this.querySelector('wm-google-map');
22398            if (googleMapContainer) {
22399                googleMapContainer.style.display = 'block';
22400                this.currentMap = googleMapContainer;
22401
22402                // Initialize the Google Map component
22403                setTimeout(() => {
22404                    if (googleMapContainer.wmInitialize) {
22405                        googleMapContainer.wmInitialize();
22406                    }
22407                    this._applyInitialSettings();
22408                }, 100);
22409            }
22410            this.isGoogleMapsLoading = false;
22411        }
22412
22413        /** @protected */
22414        _initializeLeafletMap() {
22415            /** @type { WMLeafletMap } */
22416            const leafletMapContainer = this.querySelector('wm-leaflet-map');
22417            if (leafletMapContainer) {
22418                leafletMapContainer.style.display = 'block';
22419                this.currentMap = leafletMapContainer;
22420
22421                // Initialize the Leaflet Map component
22422                setTimeout(() => {
22423                    if (leafletMapContainer.wmInitialize) {
22424                        leafletMapContainer.wmInitialize();
22425                    }
22426                    this._applyInitialSettings();
22427                }, 100);
22428            }
22429            this.isLeafletLoading = false;
22430        }
22431
22432        /** @protected */
22433        _setupEventListeners() {
22434            // Use ResizeObserver to watch for size changes of the wm-map element
22435            const resizeObserver = new ResizeObserver(() => {
22436                setTimeout(() => {
22437                    this._applySliderPosition();
22438                }, 100);
22439            });
22440
22441            resizeObserver.observe(this);
22442
22443            this.#onDisconnect.push(() => {
22444                resizeObserver.disconnect();
22445            });
22446        }
22447
22448        /** @protected */
22449        _applyInitialSettings() {
22450            setTimeout(() => {
22451                // First fit bounds to show all markers
22452                if (this.currentMap && this.currentMap.wmFitBounds) {
22453                    this.currentMap.wmFitBounds();
22454                }
22455
22456                // Then apply slider position (this will override the center)
22457                setTimeout(() => {
22458                    this._applySliderPosition();
22459                    this._controlInfoWindow();
22460                }, 50);
22461            }, 100);
22462        }
22463
22464        /** @protected */
22465        _applySliderPosition() {
22466            if (this.currentMap && this.currentMap.wmApplySliderPosition) {
22467                this.currentMap.wmApplySliderPosition(this.latSlider, this.lngSlider);
22468            }
22469        }
22470
22471        /** @protected */
22472        _controlInfoWindow() {
22473            if (this.#showInfoWindow) {
22474                setTimeout(() => {
22475                    if (this.currentMap && this.currentMap.wmOpenAllInfoWindows) {
22476                        this.currentMap.wmOpenAllInfoWindows();
22477                    }
22478                }, 500);
22479            } else {
22480                if (this.currentMap && this.currentMap.wmCloseAllInfoWindows) {
22481                    this.currentMap.wmCloseAllInfoWindows();
22482                }
22483            }
22484        }
22485
22486        /** @protected */
22487        _log(...items) {
22488            console.debug('map:', ...items);
22489        }
22490
22491        wmReinitialize() {
22492            this._reinitializeIfReady();
22493        }
22494    }
22495
22496    function init() {
22497        console.debug('maps: init');
22498
22499        // Register custom elements
22500        globalThis.customElements.define('wm-google-map', WMGoogleMap);
22501        globalThis.customElements.define('wm-leaflet-map', WMLeafletMap);
22502        globalThis.customElements.define('wm-map', WMMap);
22503
22504        // Make components globally accessible
22505        globalThis.WMComponents.WMGoogleMap = WMGoogleMap;
22506        globalThis.WMComponents.WMLeafletMap = WMLeafletMap;
22507        globalThis.WMComponents.WMMap = WMMap;
22508    }
22509
22510    if (!globalThis.wmUserInteraction) {
22511        window.addEventListener('wm-user-interaction', init, { once: true });
22512    } else {
22513        init();
22514    }
22515})();
22516</script>
22516
22517            
22517<script>/* core_live.js */
22518;(() => {
22519    function maxRadiusRecalculation() {
22520
22521        function doMaxRadiusRecalculate(wml) {
22522            requestAnimationFrame(() => {
22523                const wmc = wml.closest('.wmc');
22524                if (!wmc) return;
22525
22526                wmc.classList.add('wmcA_noTransition');
22527                wml.offsetHeight; // force reflow
22528                wmc.style.setProperty('--wm_maxBorderRadius', `${Math.min(wml.offsetWidth, wml.offsetHeight) / 2}px`);
22529                requestAnimationFrame(() => {
22530                    wmc.classList.remove('wmcA_noTransition');
22531                });
22532            });
22533        }
22534
22535        function observerResizer(entries) {
22536            for (const entry of entries) {
22537                doMaxRadiusRecalculate(entry.target);
22538            }
22539        }
22540
22541        const resizeObserver = new ResizeObserver(observerResizer);
22542        const getRoundedComponents = ()=> document.querySelectorAll('.wmc[style*="--wm_maxBorderRadius"] > .wml');
22543        const components = getRoundedComponents();
22544        for (const component of components) {
22545            doMaxRadiusRecalculate(component);
22546            resizeObserver.observe(component);
22547        }
22548
22549        function disconnectObserver() {
22550            resizeObserver.disconnect();
22551        }
22552        if (document.readyState === 'complete') {
22553            disconnectObserver();
22554        } else {
22555            window.addEventListener('load', disconnectObserver, { once: true });
22556        }
22557
22558        function deviceChangeResizer() {
22559            const components = getRoundedComponents();
22560            for (const wml of components) {
22561                doMaxRadiusRecalculate(wml);
22562            }
22563        }
22564        window.addEventListener('wm-device-change', deviceChangeResizer);
22565        /**
22566         * TODO - find a better way to handle this in the future
22567         * the components in popup are not visible on initial load of the page
22568         * so we need this listener to recalculate the max radius for them when popup is open
22569         */
22570        window.addEventListener('wm-popup-open-max-radius-calc', deviceChangeResizer);
22571    }
22572
22573    if (!globalThis.wmDevice) {
22574        window.addEventListener('wm-device-ready', maxRadiusRecalculation, { once: true });
22575    } else {
22576        maxRadiusRecalculation();
22577    }
22578})();
22579</script>
22579
22580            
22580<script>/* popup-handler_live.js */
22581;(() => {
22582    /**
22583     * @typedef {HTMLElement} IRevealable
22584     * @property {number|false} wmTimeout
22585     * @property {()=>void} wmShow
22586     * @property {()=>void} wmShowAutomated
22587     */
22588
22589    /**
22590     * @class WmServices.PopupService
22591     */
22592    class PopupService {
22593        #running = false;
22594        /** @type {Array<()=>void>} */
22595        #awaiting = [];
22596
22597        constructor() {
22598        }
22599
22600        /**
22601         * @param  {IRevealable} revealable
22602         * @return void
22603         */
22604        registerTimeout(revealable) {
22605            if (!revealable.id) return;
22606            if (revealable.wmTimeout === false) return;
22607            const ref = new WeakRef(revealable);
22608            this._scheduleTimeout(() => {
22609                setTimeout(
22610                    () => {
22611                        const popup = ref.deref();
22612                        popup?.wmShowAutomated();
22613                    },
22614                    revealable.wmTimeout
22615                );
22616            });
22617        }
22618
22619        /**
22620         * @protected
22621         * @property {()=>void} callback
22622         */
22623        _scheduleTimeout(callback) {
22624            if (this.#running) {
22625                // Defer to the end of the task to
22626                // Prevent potential race conditions
22627                queueMicrotask(callback);
22628                return;
22629            }
22630            this.#awaiting.push(callback);
22631        }
22632
22633        initializeReveal() {
22634            this.#running = true;
22635            const tasks = this.#awaiting.splice(0, this.#awaiting.length);
22636            for (const task of tasks) {
22637                task();
22638            }
22639        }
22640    }
22641
22642    const instance = (globalThis.WmServices ??= {})['PopupService'] ??= new PopupService();
22643
22644
22645    if (globalThis.wmUserInteraction) {
22646        instance.initializeReveal();
22647    } else {
22648        window.addEventListener(
22649            'wm-user-interaction',
22650            () => instance.initializeReveal(),
22651            { once: true }
22652        );
22653    }
22654})();
22655</script>
22655
22656            
22656<script>/* image_live.js */
22657class WMImage extends globalThis.WMComponents.WMImageBase {
22658    constructor() {
22659        super();
22660    }
22661
22662    connectedCallback() {
22663        super.connectedCallback();
22664    }
22665
22666    disconnectedCallback() {
22667        super.disconnectedCallback();
22668    }
22669}
22670
22671window.customElements.define('wm-img', WMImage);
22672
22673function init() {
22674    console.debug('image: init');
22675    WMImage.runInitialPrioritization();
22676}
22677
22678if (document.readyState === 'loading') {
22679    document.addEventListener('DOMContentLoaded', init, { once: true });
22680} else {
22681    init();
22682}
22683</script>
22683
22684    
22685    <!-- Header Tags -->
22686    <!-- Google tag (gtag.js) -->
vendor: 82 bytes, lines 22686-22687
22686
22687<script type="text/wmdjs" async src="https://www.googletagmanager.com/gtag/js?id=
22687G-CQKKDQFTLD
vendor: 13 bytes, line 22687
22687" ></script>
22688<script type="text/wmdjs"  >
22689  
vendor: 134 bytes, lines 22689-22693
22689window.dataLayer = window.dataLayer || [];
22690  function gtag(){dataLayer.push(arguments);}
22691  gtag('js', new Date());
22692
22693  gtag('config', '
22693G-CQKKDQFTLD
vendor: 4 bytes, line 22693
22693');
22694</script>
22694
22695
22696<meta name="msvalidate.01" content="010BCFB939115F8F9A7379F8E8C39EDF">
22697<meta name="google-site-verification" content="0w84-ezp62F4P8CLQXDBX-RWzuMIgNkv_ZNhrmajJDg">
22698<meta name="google-site-verification" content="0w84-ezp62F4P8CLQXDBX-RWzuMIgNkv_ZNhrmajJDg">
22699
22700
22701<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 82 bytes, lines 22701-22702
22701
22702<script type="text/wmdjs" async src="https://www.googletagmanager.com/gtag/js?id=
22702G-HCN8J5G86M
vendor: 13 bytes, line 22702
22702" ></script>
22703<script type="text/wmdjs"  >
22704  
vendor: 134 bytes, lines 22704-22708
22704window.dataLayer = window.dataLayer || [];
22705  function gtag(){dataLayer.push(arguments);}
22706  gtag('js', new Date());
22707
22708  gtag('config', '
22708G-HCN8J5G86M
vendor: 4 bytes, line 22708
22708');
22709</script>
22709
22710
22711<script type="text/wmdjs"  >
22712{
22713  "@context": "https://schema.org",
22714  "@type": "Physiotherapy",
22715  "name": "Jeranek Family Chiropractic",
22716  "image": "https://www.jeranekchiro.com/storage/app/media/jerenek-team.jpg",
22717  "@id": "https://www.jeranekchiro.com/",
22718  "url": "https://www.jeranekchiro.com/",
22719  "telephone": "262-694-7833",
22720  "address": {
22721    "@type": "PostalAddress",
22722    "streetAddress": "7505 41st Avenue",
22723    "addressLocality": "Kenosha",
22724    "addressRegion": "WI",
22725    "postalCode": "53142",
22726    "addressCountry": "US"
22727  },
22728  "geo": {
22729    "@type": "GeoCoordinates",
22730    "latitude": 42.565939,
22731    "longitude": -87.8571319
22732  },
22733  "openingHoursSpecification": [{
22734    "@type": "OpeningHoursSpecification",
22735    "dayOfWeek": [
22736      "Monday",
22737      "Wednesday",
22738      "Friday"
22739    ],
22740    "opens": "09:00",
22741    "closes": "11:00"
22742  },{
22743    "@type": "OpeningHoursSpecification",
22744    "dayOfWeek": [
22745      "Monday",
22746      "Wednesday",
22747      "Friday"
22748    ],
22749    "opens": "13:00",
22750    "closes": "18:00"
22751  }],
22752  "sameAs": [
22753    "https://www.jeranekchiro.com/",
22754    "https://www.facebook.com/profile.php?id=100054413983590"
22755  ] 
22756}
22757</script>
22757
22758
22759
22760<!-- Google tag (gtag.js) -->
vendor: 82 bytes, lines 22760-22761
22760
22761<script type="text/wmdjs" async src="https://www.googletagmanager.com/gtag/js?id=
22761AW-11111999865
vendor: 13 bytes, line 22761
22761" ></script>
22762<script type="text/wmdjs"  >
22763  
vendor: 134 bytes, lines 22763-22767
22763window.dataLayer = window.dataLayer || [];
22764  function gtag(){dataLayer.push(arguments);}
22765  gtag('js', new Date());
22766
22767  gtag('config', '
22767AW-11111999865
vendor: 4 bytes, line 22767
22767');
22768</script>
22768
22769
22770<script type="text/wmdjs"  >
22771    (function () {
22772        function updateImageAlts() {
22773            const images = document.querySelectorAll('wm-img img');
22774
22775            images.forEach(img => {
22776                // Don't overwrite an existing alt text
22777                const alt = img.getAttribute('alt');
22778
22779                if (alt && alt.trim() !== '') {
22780                    return;
22781                }
22782
22783                const wmImg = img.closest('wm-img');
22784
22785                if (!wmImg) {
22786                    return;
22787                }
22788
22789                // Find all H1s that appear before this image
22790                const h1s = Array.from(document.querySelectorAll('h1'));
22791
22792                const previousH1s = h1s.filter(h1 => {
22793                    return (
22794                        h1.compareDocumentPosition(wmImg) &
22795                        Node.DOCUMENT_POSITION_FOLLOWING
22796                    );
22797                });
22798
22799                if (!previousH1s.length) {
22800                    return;
22801                }
22802
22803                // Get the closest preceding H1
22804                const nearestH1 = previousH1s[previousH1s.length - 1];
22805
22806                const h1Text = nearestH1.textContent
22807                    .replace(/\s+/g, ' ')
22808                    .trim();
22809
22810                if (h1Text) {
22811                    img.setAttribute('alt', h1Text);
22812                }
22813            });
22814        }
22815
22816        // Run when the DOM is ready
22817        if (document.readyState === 'loading') {
22818            document.addEventListener('DOMContentLoaded', updateImageAlts);
22819        } else {
22820            updateImageAlts();
22821        }
22822
22823        // Watch for dynamically added/changed DOM elements
22824        const observer = new MutationObserver(function () {
22825            updateImageAlts();
22826        });
22827
22828        observer.observe(document.body, {
22829            childList: true,
22830            subtree: true
22831        });
22832    })();
22833
22834</script>
22834
22835    <!-- SchemaOrg -->
22836    
22836<script type="application/ld+json">
22837    {
22838    "@context": "https://schema.org",
22839    "priceRange": "Call for pricing options",
22840    "url": "https://www.jeranekchiro.com",
22841    "@type": "MedicalClinic",
22842    "name": "Jeranek Family Chiropractic",
22843    "sameAs": [],
22844    "telephone": "(262) 694-7833",
22845    "email": "",
22846    "address": {
22847        "@type": "PostalAddress",
22848        "addressLocality": "Kenosha",
22849        "addressRegion": "WI",
22850        "postalCode": "53142",
22851        "streetAddress": "7505 41st Ave",
22852        "addressCountry": "USA"
22853    },
22854    "geo": {
22855        "@type": "GeoCoordinates",
22856        "latitude": 42.565714,
22857        "longitude": -87.85909
22858    },
22859    "description": "Jeranek Family Chiropractic is your local Chiropractor in Kenosha, WI serving all of your needs. Call us today at (262) 293-6500 for an appointment! Contact Us",
22860    "image": "https://storage.evona.app/r%2Fi%2Fv%2F6%2FF%2FH%2Friv6FHYWgaL5EB3RjyxGXdPdIUxwhVknPOtDS2ja",
22861    "logo": "https://storage.evona.app/f%2FN%2FW%2Fm%2Fc%2F1%2FfNWmc1IDztdxAZ5PYIdzJ2aksREir2V6T64vXnhh"
22862}
22863</script>
22863
22864
22865    <!-- Website SchemaOrg -->
22866    
22866<script type="application/ld+json">
22867    {
22868    "@context": "https://schema.org",
22869    "@type": "WebSite",
22870    "name": "Jeranek Family Chiropractic",
22871    "url": "https://www.jeranekchiro.com/"
22872}
22873</script>
22873
22874
22875</head>
22876<body class="">
22877
22878<!-- Body After Opening -->
22879
22880
22881<!-- Layout:L1 Footer -->
22882                    <!-- Page:contact_us Id:a13cec7f-1c31-418b-b8a3-669d0833b8d1 -->
22883                <main id="a138bb79-23f9-4576-829c-dab85a89e76d" class="wml wml_rows" style="">
22884            <!-- Placeholder:Page Content -->
22885    <!-- Wrapping layout:L2 Header, Footer Id:a138bb79-24f4-4c76-9af8-238fe62968d3 -->
22886<div id="a138bb79-25b1-45d7-a6a4-bc93b3509b5d" class="wmc wmc_placeholder " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;" data-placeholder-content-id="a138bb79-24f4-4c76-9af8-238fe62968d3">
22887    <div class="wml wml_rows">
22888        <div class="wms_background">
22889            <div class="wmc_color_layer "
22890    style=""
22891         data-animate-observe="a138bb79-25b1-45d7-a6a4-bc93b3509b5d" >
22892</div>
22893        </div>
22894        <!-- Section:Sticky Header Mobile -->
22895<section id="a138bb84-55f7-40b4-8913-9b772aa27d7f" class="wmc wmc_section wmcM_hidden--desktop wmcM_scrollBehavior wmcM_stickyTop wmcM_stickyTop--tablet wmcM_stickyTop--mobile" style="--bgColorMobile:rgba(var(--colorPrimaryB),1);--bgColorTablet:rgba(var(--colorPrimaryB),1);--bgColorDesktop:rgba(var(--colorBwGradientA),1);--minHeightMobile:56px;--minHeightTablet:152px;--minHeightDesktop:282px;--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--trailingAnchorIdTablet:a138bb79-4cd5-43b8-af32-b1ea02c6390c;">
22896    <div class="wml wml_rows">
22897        <div class="wms_background">
22898            <div class="wmc_color_layer "
22899    style=""
22900         data-animate-observe="a138bb84-55f7-40b4-8913-9b772aa27d7f" >
22901</div>
22902        </div>
22903        <!-- Menu:menu_2 -->
22904<wm-menu id="a138bb7e-0d8d-45fc-9e73-d38ee84c1e25" class="wmc wmc_menu wmcM_animateHover wmcM_menuHamburgerDesktop wmcM_menuHamburgerMobile wmcM_menuHamburgerTablet wmd_showMoreMenu"
22905    style="--widthMobile:38px;--widthTablet:57px;--widthDesktop:43px;--marginTopMobile:6.00px;--marginTopTablet:48.50px;--minHeightMobile:-44.984375px;--minHeightTablet:-84px;--marginLeftMobile:-9px;--marginLeftTablet:27px;--marginTopDesktop:20.00px;--minHeightDesktop:31px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:5.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;--hamburgerMenuIconSizeMobile:40px;--hamburgerMenuIconSizeTablet:55px;--hamburgerMenuIconSizeDesktop:24px;--hamburgerMenuIconColorDesktop:rgba(var(--colorBwGradientJ),1);--horizontalNavArrowSizeDesktop:24px;--hamburgerTitleFontColorDesktop:rgba(var(--colorBwGradientJ),1);--verticalNavBorderRadiusDesktop:0px 0px 0px 0px;--verticalNavItemFontSizeDesktop:16px;--hamburgerTitleArrowColorDesktop:rgba(var(--colorBwGradientH),1);--horizontalNavArrowRotateDesktop:rotate(0deg);--horizontalNavBorderRadiusTablet:0px 0px 0px 0px;--hamburgerMenuIconSizeHoverMobile:40px;--hamburgerNavItemFontColorDesktop:rgba(var(--colorBwGradientJ),1);--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;--hamburgerNavArrowColorHoverDesktop:rgba(var(--colorBwGradientH),1);--hamburgerNavBackButtonColorDesktop:rgba(var(--colorBwGradientJ),1);--hamburgerNavBackgroundColorDesktop:rgba(var(--colorBackgroundA),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;--hamburgerNavSeparatorSpacingDesktop:0px;--hamburgerNavSubItemFontColorDesktop:rgba(var(--colorBwGradientJ),
229051);--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(--colorBwGradientH),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%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);"
22906    data-parent-menu-to-submenu="false"
22907    data-more-menu="true"
22908    data-more-menu-text="More">
22909    <div class="wml">
22910        <div class="wms_content">
22911            <div class="navigation-module-container">
22912                <button class="hamburger-button">
22913                    <span class="hamburger-button-icon--container">
22914                        <span class="hamburger-button-icon"></span>
22915                        <span
22916                            class="hamburger-button-text visually-hidden"
22917                        >
22918                            
22919                            MENU
22920                        </span>
22921                    </span>
22922                </button>
22923                                    <nav class="navigation-nav">
22924                        <ul class="navigation-nav--main-menu">
22925                                                            <li class="navigation-nav--item">
22926    <a
22927        href="https://www.jeranekchiro.com/"
22928        href="#"
22929            >
22930                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22931                HOME
22932    </a>
22933    </li>
22934                                                                    <li class="navigation-nav--separator">&nbsp;</li>
22935                                                                                            <li class="navigation-nav--item">
22936    <a
22937        href="https://www.jeranekchiro.com/contact"
22938        href="#"
22939            >
22940                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22941                CONTACT US
22942    </a>
22943                        <button
22944                type="button"
22945                class="arrow"
22946                aria-label="Toggle CONTACT US sub menu"
22947            ></button>
22948                <ul
22949            class="navigation-nav--sub-menu"
22950             id="a138bb7e-0d8d-45fc-9e73-d38ee84c1e25-panel-1"         >
22951                            <li class="navigation-nav--sub-item">
22952    <a
22953        href="https://www.jeranekchiro.com/appointment"
22954        href="#"
22955            >
22956                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22957                APPOINTMENT REQUEST
22958    </a>
22959    </li>
22960                                    </ul>
22961    </li>
22962                                                                    <li class="navigation-nav--separator">&nbsp;</li>
22963                                                                                            <li class="navigation-nav--item">
22964    <a
22965        href="https://www.jeranekchiro.com/services-and-techniques"
22966        href="#"
22967            >
22968                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22969                SERVICES
22970    </a>
22971                        <button
22972                type="button"
22973                class="arrow"
22974                aria-label="Toggle SERVICES sub menu"
22975            ></button>
22976                <ul
22977            class="navigation-nav--sub-menu"
22978             id="a138bb7e-0d8d-45fc-9e73-d38ee84c1e25-panel-2"         >
22979                            <li class="navigation-nav--sub-item">
22980    <a
22981        href="https://www.jeranekchiro.com/services-and-techniques/auto-accident-chiropractic-care"
22982        href="#"
22983            >
22984                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22985                AUTO ACCIDENT CHIROPRACTIC CARE
22986    </a>
22987    </li>
22988                                    <li class="navigation-nav--separator">&nbsp;</li>
22989                                            <li class="navigation-nav--sub-item">
22990    <a
22991        href="https://www.jeranekchiro.com/services-and-techniques/c
22991hiropractic-care"
22992        href="#"
22993            >
22994                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
22995                CHIROPRACTIC CARE
22996    </a>
22997    </li>
22998                                    <li class="navigation-nav--separator">&nbsp;</li>
22999                                            <li class="navigation-nav--sub-item">
23000    <a
23001        href="https://www.jeranekchiro.com/services-and-techniques/chronic-low-back-pain-and-neck-pain"
23002        href="#"
23003            >
23004                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23005                CHRONIC LOW BACK PAIN AND NECK PAIN
23006    </a>
23007    </li>
23008                                    <li class="navigation-nav--separator">&nbsp;</li>
23009                                            <li class="navigation-nav--sub-item">
23010    <a
23011        href="https://www.jeranekchiro.com/services-and-techniques/dry-needling-chiropractic-care"
23012        href="#"
23013            >
23014                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23015                Dry Needling + Chiropractic Care
23016    </a>
23017    </li>
23018                                    <li class="navigation-nav--separator">&nbsp;</li>
23019                                            <li class="navigation-nav--sub-item">
23020    <a
23021        href="https://www.jeranekchiro.com/services-and-techniques/senior-chiropractic-care"
23022        href="#"
23023            >
23024                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23025                SENIOR CHIROPRACTIC CARE
23026    </a>
23027    </li>
23028                                    <li class="navigation-nav--separator">&nbsp;</li>
23029                                            <li class="navigation-nav--sub-item">
23030    <a
23031        href="https://www.jeranekchiro.com/family-chiropractic"
23032        href="#"
23033            >
23034                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23035                FAMILY CHIROPRACTIC
23036    </a>
23037    </li>
23038                                    <li class="navigation-nav--separator">&nbsp;</li>
23039                                            <li class="navigation-nav--sub-item">
23040    <a
23041        href="https://www.jeranekchiro.com/pregnancy-chiropractor"
23042        href="#"
23043            >
23044                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23045                PRENATAL CHIROPRACTIC
23046    </a>
23047    </li>
23048                                    <li class="navigation-nav--separator">&nbsp;</li>
23049                                            <li class="navigation-nav--sub-item">
23050    <a
23051        href="https://www.jeranekchiro.com/pediatric-care"
23052        href="#"
23053            >
23054                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23055                PEDIATRIC CARE
23056    </a>
23057    </li>
23058                                    <li class="navigation-nav--separator">&nbsp;</li>
23059                                            <li class="navigation-nav--sub-item">
23060    <a
23061        href="https://www.jeranekchiro.com/corrective-exercises"
23062        href="#"
23063            >
23064                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23065                CORRECTIVE EXERCISES
23066    </a>
23067    </li>
23068                                    <li class="navigation-nav--separator">&nbsp;</li>
23069                                            <li class="navigation-nav--sub-item">
23070    <a
23071        href="https://www.jeranekchiro.com/lifestyle-advice"
23072        href="#"
23073            >
23074                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23075                LIFESTYLE ADVICE
23076    </a>
23077    </li>
23078                                    <li class="navigation-nav--separator">&nbsp;</li>
23079                                            <li class="navigation-nav--sub-item">
23080    <a
23081        href="https://www.jeranekchiro.com/spinal-postural-screenings"
23082        href="#"
23083            >
23084                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23085                SPINAL POSTURAL SCREENINGS
23086    </a>
23087    </li>
23088                                    <li class="navigation-nav--separator">&nbsp;</li>
23089                                            <li class="navigation-nav--sub-item">
23090    <a
23091        href="https://www.jeranekchiro.com/nutritional-counseling"
23092        href="#"
23093            >
23094                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23095                NUTRITIONAL COUNSELLING
23096    </a>
23097    </li>
23098                                    <li class="navigation-nav--separator">&nbsp;</li>
23099                                            <li class="navigation-nav--sub-item">
23100    <a
23101        href="https://www.jeranekchiro.com/sports-chiropractic-kenosha"
23102        href="#"
23103            >
23104                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23105                SPORT CHIROPRACTIC CARE
23106    </a>
23107    </li>
23108                                    <li class="navigation-nav--separator">&nbsp;</li>
23109                                            <li class="navigation-nav--sub-item">
23110    <a
23111        href="https://www.jeranekchiro.com/physiotherapy-techniques"
23112        href="#"
23113            >
23114                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23115                PHYSIOTHERAPY TECHNIQUES
23116    </a>
23117    </li>
23118                                    <li class="navigation-nav--separator">&nbsp;</li>
23119                                            <li class="navigation-nav--sub-item">
23120    <a
23121        href="https://www.jeranekchiro.com/work-injury-treatment"
23122        href="#"
23123            >
23124                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23125                WORK INJURIES
23126    </a>
23127    </li>
23128                                    <li class="navigation-nav--separator">&nbsp;</li>
23129                                            <li class="navigation-nav--sub-item">
23130    <a
23131        href="https://www.jeranekchiro.com/therapeutic-exercises"
23132        href="#"
23133            >
23134                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23135                THERAPEUTIC EXERCISES
23136    </a>
23137    </li>
23138                                    <li class="navigation-nav--separator">&nbsp;</li>
23139                                            <li class="navigation-nav--sub-item">
23140    <a
23141        href="https://www.jeranekchiro.com/services-and-techniques/shoulder-pain-treatment"
23142        href="#"
23143            >
23144                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23145                SHOULDER PAIN TREATMENT
23146    </a>
23147    </li>
23148                                    <li class="navigation-nav--separator">&nbsp;</li>
23149                                            <li class="navigation-nav--sub-item">
23150    <a
23151        href="https://www.jeranekchiro.com/spinal-decompression-kenosha"
23152        href="#"
23153            >
23154                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23155                SPINAL DECOMPRESSION
23156    </a>
23157    </li>
23158                                    </ul>
23159    </li>
23160                                                                    <li class="navigation-nav--separator">&nbsp;</li>
23161                                                                                            <li class="navigation-nav--item">
23162    <a
23163        href="https://www.jeranekchiro.com/conditions-treated"
23164        href="#"
23165            >
23166                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23167                CONDITIONS TREATED
23168    </a>
23169                        <button
23170                type="button"
23171                class="arrow"
23172                aria-label="Toggle CONDITIONS TREATED sub menu"
23173            ></button>
23174                <ul
23175            class="navigation-nav--sub-menu"
23176             id="a138bb7e-0d8d-45fc-9e73-d38ee84c1e25-panel-3"         >
23177                            <li class="navigation-nav--sub-item">
23178    <a
23179        href="https://www.jeranekchiro.com/arthritis-pain-relief-kenosha"
23180        href="#"
23181            >
23182                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23183                ARTHRITIS
23184    </a>
23185    </li>
23186                                    <li class="navigation-nav--separator">&nbsp;</li>
23187                                            <li class="navigation-nav--sub-item">
23188    <a
23189        href="https://www.jeranekchiro.com/auto-accident-injuries"
23190        href="#"
23191            >
23192                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23193                AUTO ACCIDENT INJURIES
23194    </a>
23195                        <span class="arrow"></span>
23196                <ul
23197            class="navigation-nav--sub-menu"
23198                    >
23199                            <li class="navigation-nav--sub-item">
23200    <a
23201        href="https://www.jeranekchiro.com/whiplash"
23202        href="#"
23203            >
23204                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23205                WHIPLASH
23206    </a>
23207    </li>
23208                                    <li class="navigation-nav--separator">&nbsp;</li>
23209                                            <li class="navigation-nav--sub-item">
23210    <a
23211        href="https://www.jeranekchiro.com/faq"
23212        href="#"
23213            >
23214                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23215                WHIPLASH FAQS
23216    </a>
23217    </li>
23218                                    </ul>
23219    </li>
23220                                    <li class="navigation-nav--separator">&nbsp;</li>
23221                                            <li class="navigation-nav--sub-item">
23222    <a
23223        href="https://www.jeranekchiro.com/back-pain"
23224        href="#"
23225            >
23226                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23227                BACK PAIN
23228    </a>
23229                        <span class="arrow"></span>
23230                <ul
23231            class="navigation-nav--sub-menu"
23232                    >
23233                            <li class="navigation-nav--sub-item">
23234    <a
23235        href="https://www.jeranekchiro.com/conditions-treated/back-pain/faq"
23236        href="#"
23237            >
23238                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23239                BACK PAIN FAQS
23240    </a>
23241    </li>
23242                                    <li class="navigation-nav--separator">&nbsp;</li>
23243                                            <li class="navigation-nav--sub-item">
23244    <a
23245        href="https://www.jeranekchiro.com/lower-back-pain"
23246        href="#"
23247            >
23248                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23249                LOWER BACK PAIN
23250    </a>
23251    </li>
23252                                    </ul>
23253    </li>
23254                                    <li class="navigation-nav--separator">&nbsp;</li>
23255                                            <li class="navigation-nav--sub-item">
23256    <a
23257        href="https://www.jeranekchiro.com/neck-pain"
23258        href="#"
23259            >
23260                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23261                NECK PAIN
23262    </a>
23263                        <span class="arrow"></span>
23264                <ul
23265            class="navigation-nav--sub-menu"
23266                    >
23267                            <li class="navigation-nav--sub-item">
23268    <a
23269        href="https://www.jeranekchiro.com/neck-pain-faq-kenosha"
23270        href="#"
23271            >
23272                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23273                NECK PAIN FAQ
23274    </a>
23275    </li>
23276                                    </ul>
23277    </li>
23278                                    <li class="navigation-nav--separator">&nbsp;</li>
23279                                            <li class="navigation-nav--sub-item">
23280    <a
23281        href="https://www.jeranekchiro.com/carpal-tunnel-treatment"
23282        href="#"
23283            >
23284                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23285                CARPAL TUNNEL SYNDROME
23286    </a>
23287    </li>
23288                                    <li class="navigation-nav--separator">&nbsp;</li>
23289                                            <li class="navigation-nav--sub-item">
23290    <a
23291        href="https://www.jeranekchiro.com/fibromyalgia-treatment-kenosha"
23292        href="#"
23293            >
23294                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23295                FIBROMYALGIA
23296    </a>
23297    </li>
23298                                    <li class="navigation-nav--separator">&nbsp;</li>
23299                                            <li class="navigation-nav--sub-item">
23300    <a
23301        href="https://www.jeranekchiro.com/headaches-and-migraines"
23302        href="#"
23303            >
23304                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23305                HEADACHES AND MIGRAINES
23306    </a>
23307    </li>
23308                                    <li class="navigation-nav--separator">&nbsp;</li>
23309                                            <li class="navigation-nav--sub-item">
23310    <a
23311        href="https://www.jeranekchiro.com/hip-pain-relief-kenosha"
23312        href="#"
23313            >
23314                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23315                HIP PAIN
23316    </a>
23317    </li>
23318                                    <li class="navigation-nav--separator">&nbsp;</li>
23319                                            <li class="navigation-nav--sub-item">
23320    <a
23321        href="https://www.jeranekchiro.com/joint-pain"
23322        href="#"
23323            >
23324                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23325                JOINT PAIN
23326    </a>
23327    </li>
23328                                    <li class="navigation-nav--separator">&nbsp;</li>
23329                                            <li class="navigation-nav--sub-item">
23330    <a
23331        href="https://www.jeranekchiro.com/knee-pain-releif-kenosha"
23332        href="#"
23333            >
23334                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23335                KNEE PAIN
23336    </a>
23337    </li>
23338                                    <li class="navigation-nav--separator">&nbsp;</li>
23339                                            <li class="navigation-nav--sub-item">
23340    <a
23341        href="https://www.jeranekchiro.com/services/disc-disorders"
23342        href="#"
23343            >
23344                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23345                DISC DISORDERS
23346    </a>
23347                        <span class="arrow"></span>
23348                <ul
23349            class="navigation-nav--sub-menu"
23350                    >
23351                            <li class="navigation-nav--sub-item">
23352    <a
23353        href="https://www.jeranekchiro.com/services/herniated-disc"
23354        href="#"
23355            >
23356                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23357                HERNIATED DISC
23358    </a>
23359    </li>
23360                                    <li class="navigation-nav--separator">&nbsp;</li>
23361                                            <li class="navigation-nav--sub-item">
23362    <a
23363        href="https://www.jeranekchiro.com/pinched-nerve-treatment-kenosha"
23364        href="#"
23365            >
23366                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23367                PINCHED NERVE
23368    </a>
23369    </li>
23370                                    <li class="navigation-nav--separator">&nbsp;</li>
23371                                            <li class="navigation-nav--sub-item">
23372    <a
23373        href="https://www.jeranekchiro.com/conditions-treated/disc-disorders/understanding-the-different-disc-conditions"
23374        href="#"
23375            >
23376                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23377                UNDERSTANDING THE DIFFERENT DISC CONDITIONS
23378    </a>
23379    </li>
23380                                    </ul>
23381    </li>
23382                                    <li class="navigation-nav--separator">&nbsp;</li>
23383                                            <li class="navigation-nav--sub-item">
23384    <a
23385        href="https://www.jeranekchiro.com/pinched-nerve-treatment-kenosha"
23386        href="#"
23387            >
23388                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23389                PINCHED NERVE
23390    </a>
23391    </li>
23392                                    <li class="navigation-nav--separator">&nbsp;</li>
23393                                            <li class="navigation-nav--sub-item">
23394    <a
23395        href="https://www.jeranekchiro.com/plantar-fasciitis-treatment-kenosha"
23396        href="#"
23397            >
23398                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23399                PLANTAR FASCIITIS
23400    </a>
23401    </li>
23402                                    <li class="navigation-nav--separator">&nbsp;</li>
23403                                            <li class="navigation-nav--sub-item">
23404    <a
23405        href="https://www.jeranekchiro.com/sciatica-treatment-kenosha"
23406        href="#"
23407            >
23408                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23409                SCIATICA
23410    </a>
23411    </li>
23412                                    <li class="navigation-nav--separator">&nbsp;</li>
23413                                            <li class="navigation-nav--sub-item">
23414    <a
23415        href="https://www.jeranekchiro.com/scoliosis-treatment-kenosha"
23416        href="#"
23417            >
23418                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23419                SCOLIOSIS
23420    </a>
23421    </li>
23422                                    <li class="navigation-nav--separator">&nbsp;</li>
23423                                            <li class="navigation-nav--sub-item">
23424    <a
23425        href="https://www.jeranekchiro.com/shoulder-pain-chiropractor"
23426        href="#"
23427            >
23428                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23429                SHOULDER PAIN
23430    </a>
23431    </li>
23432                                    </ul>
23433    </li>
23434                                                                    <li class="navigation-nav--separator">&nbsp;</li>
23435                                                                                            <li class="navigation-nav--item">
23436    <a
23437        href="https://www.jeranekchiro.com/new-patient-center"
23438        href="#"
23439            >
23440                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23441                NEW PATIENT CENTER
23442    </a>
23443                        <button
23444                type="button"
23445                class="arrow"
23446                aria-label="Toggle NEW PATIENT CENTER sub menu"
23447            ></button>
23448                <ul
23449            class="navigation-nav--sub-menu"
23450             id="a138bb7e-0d8d-45fc-9e73-d38ee84c1e25-panel-4"         >
23451                            <li class="navigation-nav--sub-item">
23452    <a
23453        href="https://www.jeranekchiro.com/payment-options"
23454        href="#"
23455            >
23456                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23457                PAYMENT OPTIONS
23458    </a>
23459    </li>
23460                                    <li class="navigation-nav--separator">&nbsp;</li>
23461                                            <li class="navigation-nav--sub-item">
23462    <a
23463        href="https://www.jeranekchiro.com/medicare-chiropractic-insurance"
23464        href="#"
23465            >
23466                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23467                MEDICARE ACCEPTED
23468    </a>
23469    </li>
23470                                    </ul>
23471    </li>
23472                                                                    <li class="navigation-nav--separator">&nbsp;</li>
23473                                                                                            <li class="navigation-nav--item">
23474    <a
23475        href="https://www.jeranekchiro.com/about-us"
23476        href="#"
23477            >
23478                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23479                ABOUT US
23480    </a>
23481                        <button
23482                type="button"
23483                class="arrow"
23484                aria-label="Toggle ABOUT US sub menu"
23485            ></button>
23486                <ul
23487            class="navigation-nav--sub-menu"
23488             id="a138bb7e-0d8d-45fc-9e73-d38ee84c1e25-panel-5"         >
23489                            <li class="navigation-nav--sub-item">
23490    <a
23491        href="https://www.jeranekchiro.com/meet-the-doctor"
23492        href="#"
23493            >
23494                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23495                MEET THE DOCTOR
23496    </a>
23497    </li>
23498                                    <li class="navigation-nav--separator">&nbsp;</li>
23499                                            <li class="navigation-nav--sub-item">
23500    <a
23501        href="https://www.jeranekchiro.com/staff"
23502        href="#"
23503            >
23504                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23505                MEET THE TEAM
23506    </a>
23507    </li>
23508                                    </ul>
23509    </li>
23510                                                                    <li class="navigation-nav--separator">&nbsp;</li>
23511                                                                                            <li class="navigation-nav--item">
23512    <a
23513        href="https://www.jeranekchiro.com/testimonials"
23514        href="#"
23515            >
23516                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23517                TESTIMONIALS
23518    </a>
23519    </li>
23520                                                                    <li class="navigation-nav--separator">&nbsp;</li>
23521                                                                                            <li class="navigation-nav--item">
23522    <a
23523        href="https://www.jeranekchiro.com/blog"
23524        href="#"
23525            >
23526                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23527                BLOG
23528    </a>
23529    </li>
23530                                                            
23531
23532
23533
23534
23535
23536
23537
23538                        </ul>
23539                    </nav>
23540                            </div>
23541        </div>
23542    </div>
23543</wm-menu>
23544    <!-- Button:button_1 -->
23545<div id="a138bb7e-11de-4132-b4a2-b17207d10c61" class="wmc wmc_button wmcM_animateHover" style="--widthMobile:43px;--widthTablet:66px;
23545--widthDesktop:41px;--marginTopMobile:1.00px;--marginTopTablet:41.00px;--minHeightMobile:34px;--minHeightTablet:38px;--marginLeftMobile:297px;--marginLeftTablet:610px;--marginTopDesktop:20.00px;--minHeightDesktop:44px;--paddingTopMobile:10px;--paddingTopTablet:10px;--marginLeftDesktop:1239px;--paddingLeftMobile:10px;--paddingLeftTablet:10px;--paddingTopDesktop:10px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:5.00px;--marginBottomTablet:0.00px;--paddingLeftDesktop:10px;--paddingRightMobile:10px;--paddingRightTablet:10px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:10px;--paddingBottomDesktop:10px;">
23546    <a href="tel:2626947833" class="wml wml_button">
23547        <span class="wms_background">
23548            <div class="wmc_color_layer "
23549    style=""
23550         data-animate-observe="a138bb7e-11de-4132-b4a2-b17207d10c61" >
23551</div>
23552        </span>
23553        <span class="wms_button">
23554            <!-- Button.Text:button_text -->
23555<span id="a138bb7e-0f89-4b37-b6b6-f79696addad3" class="wmc wmc_text wmc_buttonText wmcM_visuallyHide" style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
23556    <span class="wml">
23557        <p style><span style="--fontSizeDesktop: 1rem; --textColorDesktop: rgba(var(--colorBwGradientA));">Button Text</span></p>
23558    </span>
23559</span>
23560            <!-- Button.Icon:button_icon -->
23561<span id="a138bb7e-0eca-4a37-bc2f-090090e8beeb" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeMobile:30px;--iconSizeTablet:50px;--iconSizeDesktop:1.5rem;--iconColorDesktop:rgba(var(--colorBwGradientJ),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeMobileHover:30px;--iconSizeTabletHover:18px;">
23562    <span class="wml wml_icon">
23563        <i style="mask: url(https://storage.evona.app/w%2Fm%2F3%2Fa%2F8%2F4%2Fwm3a84e7d67a7e51482de99018cbf52f2cd21917) center / contain no-repeat"></i>
23564    </span>
23565</span>
23566        </span>
23567    </a>
23568</div>
23569    <!-- Box:box_1 -->
23570<div id="a13c999a-1a94-424e-8a81-65ef2998d8be" class="wmc wmc_box " style="--widthMobile:215px;--widthTablet:299px;--widthDesktop:330px;--bgColorDesktop:rgba(var(--colorBackgroundI),0);--marginTopMobile:1.00px;--marginTopTablet:0.00px;--minHeightMobile:50px;--minHeightTablet:221px;--marginLeftMobile:52.5px;--marginLeftTablet:200px;--marginTopDesktop:-13.00px;--minHeightDesktop:170.5px;--marginLeftDesktop:456px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:5.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:60.50px;" >
23571    <div class="wml wml_box "
23572            >
23573        <svg class="wm_svgFilter">
23574    <filter id="wm_svgKnockoutFilter_a13c999a-1a94-424e-8a81-65ef2998d8be" color-interpolation-filters="sRGB">
23575        <feComponentTransfer result="inverseA">
23576            <feFuncA type="table" tableValues="1 0"/>
23577        </feComponentTransfer>
23578        <feFlood flood-color="var(--bgColor)"/>
23579        <feComposite operator="in" in2="inverseA"/>
23580    </filter>
23581</svg>
23582<style>
23583    [id='a13c999a-1a94-424e-8a81-65ef2998d8be'].wmcM_knockoutEffect .wms_content {
23584        filter: url(#wm_svgKnockoutFilter_a13c999a-1a94-424e-8a81-65ef2998d8be);
23585    }
23586</style>
23587                <div class="wms_background">
23588            <div class="wmc_color_layer "
23589    style=""
23590         data-animate-observe="a13c999a-1a94-424e-8a81-65ef2998d8be" >
23591</div>
23592        </div>
23593        <div class="wms_content wml_rows">
23594            <!-- Image:image_1 -->
23595<wm-img id="a13c999a-0f59-4a0a-ab14-92cff849e164"  class="wmc wmc_image wmcM_imageContain wmcM_hidden--mobile" style="--widthMobile:215.5px;--widthTablet:299px;--heightMobile:30px;--heightTablet:151px;--widthDesktop:133px;--heightDesktop:152.5px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:7.00px;--aspectRatioMobile:216 / 30;--aspectRatioTablet:299 / 151;--marginLeftDesktop:0px;--aspectRatioDesktop:133 / 153;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;;">
23596    <a href="https://www.jeranekchiro.com/" class="wml">
23597        <div class="wms_overlay"></div>
23598        <picture>
23599            <img
23600                loading="lazy"
23601                data-wm-src="/Z/S/T/5/X/m/ZST5Xm1ENn4mehXIKTbQFNJxljFfdH4hp6uJZvGm"
23602                                src="data:image/webp;base64,UklGRrgHAABXRUJQVlA4WAoAAAAQAAAAPwAAPwAAQUxQSBsFAAANmTJE9D84ExAR4bJs227b5r4CgHTmP8z2pQK8d296MoSICZgAarb1xm2k7wNITTXsf4v9q
236026bEtkgAX/XczdpAREwAwv82wYERaaoqCcaGpUMyVKCQcSJdpainN1vGDUB0kBgnQiKtCRlZo/M/GIQaUXB/Nwg0Ko6cGAOzpoI4UEX8YxqVGoxbylY2cAac+R2EZo5SHiCYAUY21zVfQ8TfkgZD6YlHG0wC08QQOSIjIGCWw2wv37iUgmtOgHag7zNLoliEkJbFeVc/aHKTGw6AUAKBASNGhNpnw5BSIhIHrHPr26W4U1aWhFjE/bTeNrikkEwiA0HAgICDUsptGEwRMzUfj6oriu1wNFAQC4CQ79q8HXQM0w1cayDGADgAaJBgcRuBgTBnNcBG2G5kSqQgoSbQ9q2brT2kdEumNHANjIAT81ui4WYEaVJOq25eJgECBGTVsTc7ByjHUwiLcSDgjIARGRLIZXDtEHHuDqTGrKZGJ/5MFKx3u95fQQodT3K7hHA0AQABcABuEAhCTaxDSHNiEnD8ZSqtH/3D6wEwB5RSnLtQaARG4Fdxh0sAVEREkDKbpPBnEZpuzT+OHwDA0KgcTyFcDJA0ZwQADJg0TUAN1K0xZqNBAESY8tW07R8fD/xlOAi2J5OGKR0BBH7rLhRKK9A77R6UyQCAQAy4XX6OJ/42OSrtgZYFJmoERn4xRqi1ZDBkCQ0ARFa+jO3s1/MNf29A2ta2LXxwg6ONggAYMjSU1ADBopv+RMSA2Xbo8/3EPzYFGh3HFEICcBKAgogzkwSlWMMFULKMZLde9Rr4l6kAle0tDSEEMWISHGLCIEBTnR0AZaZRvfGMT98L/zrBJsfx4NISxDlowTQCMIAqGP5M5KQ13z/cb/hPp8O07UHCbXGuOBD41UjEX1e82Pe+ffwe+I8HeIG37WlKABOZ0BoACAhAjKpX641un37gf5yIihwXR43C4ByRNLIK836ZNxD9Gk/8n04IjiYJ6OkNliE5WjBvwHujysWP8cb/BYwQNYIB5I2OWzCuCKVqdJg5/fvA/22A5CCTCj01cAkcmDSxownjxopOZAJJpZgncMmBXrIyRWLVRtMwTVN5244XmZrPJhlWpkbLkD580l62Rhf4HrhHs4WgtDItwwAEbQGpNXDct7dljBy0TdMyfCASAMzhiqlXa4s4kUYlyXJZbvSCMhr3GVEa2xp+IxTJ5mbpQJJuFjNUsy+BrTgqYzMHEwjKWm+joiQuQUzGTJhMnpzFfb98G5MTq3ax5oMud9PMOY+tn0c8mauAgMYA0aMARqlvbatXLQOANyVsTLAQHW1rPUILwZIosjqrKq4yY6tcCkwkvCPEMYMwEiu7wCy23S80vU87zbG0QeplzUxVqKzaTSvREm5TW6hLSrpXi3XMPWqUicbyjG/92OzctQo3asb96CYG0+f349y3+vTEotyzKpKe2hSPt8fzU8P+ISZX6cmKur+7sqMaR2/EpVdiVVfgfvuy7Tu6FU1sHfGOZVmIp/12nFflkYCRW4zAuuI93/w8+6mqMqPGwNoZj952RMone8CwOKc7nPAoiVXpqwmtrORbAgYTCraa782e88V9BznZhLU52R3MV9Tdeu/ax2K682jctvfXEPshYi7Gx8jraB5ZctF1Y3WLe17nfr7N2yhoLueV4/7w8fgw4uHPwPoNWeN1HecHBfErsqpyxrF5M/yapkAEaMKvSszIbM1/GaDXUDoWBABWUDggdgIAAHAOAJ0BKkAAQAA+XSSNRaOiIRv/VgA4BcS0gAnvvFlyq+9JEFMPADLvOc7uQlVEu2gDBPPaK7zTaCYgA918qSsVVSU7qhYjAsDfqlweaAvGIR3JlpqSDU7/u2sNkFdEmke6TEavqGnzy3JvxBK03jSTwMGcMsyqPMSsSWAA/qd8qKbyPL5a0XXDrtNLE38rHECjTYwQDEAKPh/VwcXF1v3iLuHhs0RZ6wz8SXb7v5TZPBhFgatUnyZVm3+vL4AxvI6hr7bhhxFO+29juN8MsmGym4XObxETdAzRgImaPdIdEuNfK4IDORrGJ95eQ1a3jU5ZXv+29v7djufdhAVfXAhkJkQUigEKhIIDY9Za+DHpVMsHx9DTjI3aZjq7a1UO+4mTdrnusVZcAt1Ad5ZAybZPv3DlmFRs
236025qC5aBP31HRaJAN2rgRBD+G57VN/+uaUXhO3ZH+e7P3N0ocHTb0m/+a//7MxOJBKY5ghcZ2GqeCqmVM9QmD68kfrgqNvzXLm+mO5xQCpU55+REeXm+lSeN7W6GJwmK+ZZNWJ9xvhQlbJgBYnJLBqtmHqdGnptng1R+BwzBrCzNsa6CVz/xLU3QlLIZ5UoTJwICT2UAEmyY11Us9xv4IrX9/XsSJKQRK9JhPS7lyEXY513X8eNPnfzHWw+aJNOWNOAxvCmeuKN2aQOQjQnDaufPqYX6DrAwdA7T9xrQ2EQz74mtWXvN3szKtofBOPN9mAzB+XlTNVhfDrAvzHrS9e6o1IAyrR9S+tvw2h56nOGBXrFukhQR7BvIwQN1vQQt6R36ROwnKWEmP+dV3F0wi+hdoCM6WHshQ8rgRwrgAAAA=="
23603                title="chiropracticsymbol-300x300.772901_std.png"
23604                alt=""
23605            >
23606        </picture>
23607    </a>
23608</wm-img>
23609    <!-- Text:text_1 -->
23610<div id="a13c999a-1557-4e58-ad07-b55417f7c82a" class="wmc wmc_text wmcM_dynamicHeight" style="--widthMobile:216px;--widthTablet:300px;--widthDesktop:185px;--marginTopMobile:-17.98px;--marginTopTablet:0.00px;--minHeightMobile:23.00px;--minHeightTablet:62.5px;--marginLeftMobile:0.5px;--marginLeftTablet:0px;--marginTopDesktop:-147.00px;--minHeightDesktop:122.5px;--marginLeftDesktop:133px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:12.00px;--marginBottomTablet:5.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;--dynamicPaddingBottomMobile:2.20px;--dynamicPaddingBottomTablet:0.00px;--dynamicPaddingBottomDesktop:57.50px;"
23611            >
23612    <div class="wml">
23613        <div class="wmcM_paragraph2" style="--textAlignDesktop: center;"><a class="wmcM_link" href="https://www.jeranekchiro.com/"><span style="--fontSizeDesktop: 1.5625rem; --fontSizeTablet: 1.5625rem; --fontSizeMobile: 0.9375rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --textColorTablet: rgba(var(--colorBwGradientJ),1); --textColorMobile: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary);">Jeranek Family Chiropractic</span></a></div>
23614    </div>
23615</div>
23616        </div>
23617    </div>
23618</div>
23619    </div>
23620</section>
23621    <!-- Section:Untitled -->
23622<section id="a13c8eef-d88e-40cb-aeb4-6e360c9def86" class="wmc wmc_section " style="--minHeightMobile:-4px;--minHeightTablet:-7px;--minHeightDesktop:-13px;--gridPositionMobile:2;--gridPositionTablet:2;--gridPositionDesktop:2;">
23623    <div class="wml wml_rows">
23624        <div class="wms_background">
23625            <div class="wmc_color_layer "
23626    style=""
23627         data-animate-observe="a13c8eef-d88e-40cb-aeb4-6e360c9def86" >
23628</div>
23629        </div>
23630            </div>
23631</section>
23632    <!-- Section:Sticky header -->
23633<section id="a29cfe10-8893-47cb-b6a5-ae8527f7834d" class="wmc wmc_section wmcM_scrollBehavior wmcM_hidden--tablet wmcM_hidden--mobile wmcM_animateEntry wmcM_animateEntry--fade-in-desktop wmcM_stickyTop wmcM_stickyTop--desktop" style="--bgColorDesktop:rgba(var(--colorPrimaryB),1);--minHeightMobile:273px;--minHeightTablet:164px;--minHeightDesktop:234.5px;--gridPositionMobile:3;--gridPositionTablet:3;--gridPositionDesktop:3;--opacityDesktopEntry:0;--stickyOffsetDesktop:0px;--revealThresholdDesktop:0;--trailingAnchorIdTablet:a01d34b8-e16b-4d40-bee4-01422dd50329;--trailingAnchorIdDesktop:a138f389-a9bb-4a63-8784-9038b0d5fe75;--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:800;">
23634    <div class="wml wml_rows">
23635        <div class="wms_background">
23636            <div class="wmc_color_layer "
23637    style=""
23638         data-animate-observe="a29cfe10-8893-47cb-b6a5-ae8527f7834d" >
23639</div>
23640        </div>
23641        <!-- Box:box_1 -->
23642<div id="a29cfe10-7fe4-4b2f-89bf-93ff291e22d8" class="wmc wmc_box " style="--widthMobile:320px;--widthTablet:720px;--widthDesktop:1280px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--minHeightMobile:60px;--minHeightTablet:76px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--minHeightDesktop:173px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:86.00px;--marginBottomTablet:87.00px;--gridPositionDesktop:2;--marginBottomDesktop:3.00px;" >
23643    <div class="wml wml_box "
23644            >
23645        <svg class="wm_svgFilter">
23646    <filter id="wm_svgKnockoutFilter_a29cfe10-7fe4-4b2f-89bf-93ff291e22d8" color-interpolation-filters="sRGB">
23647        <feComponentTransfer result="inverseA">
23648            <feFuncA type="table" tableValues="1 0"/>
23649        </feComponentTransfer>
23650        <feFlood flood-color="var(--bgColor)"/>
23651        <feComposite operator="in" in2="inverseA"/>
23652    </filter>
23653</svg>
23654<style>
23655    [id='a29cfe10-7fe4-4b2f-89bf-93ff291e22d8'].wmcM_knockoutEffect .wms_content {
23656        filter: url(#wm_svgKnockoutFilter_a29cfe10-7fe4-4b2f-89bf-93ff291e22d8);
23657    }
23658</style>
23659                <div class="wms_background">
23660            <div class="wmc_color_layer "
23661    style=""
23662         data-animate-observe="a29cfe10-7fe4-4b2f-89bf-93ff291e22d8" >
23663</div>
23664        </div>
23665        <div class="wms_content wml_rows">
23666            <!-- Box:box_1 -->
23667<div id="a29cfe10-6fc2-4bba-bbee-aeaae2c0259b" class="wmc wmc_box " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:330px;
23667--bgColorDesktop:rgba(var(--colorBackgroundI),0);--marginTopMobile:0px;--marginTopTablet:0px;--minHeightMobile:250px;--minHeightTablet:250px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:2.50px;--minHeightDesktop:168px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:3;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;" >
23668    <div class="wml wml_box "
23669            >
23670        <svg class="wm_svgFilter">
23671    <filter id="wm_svgKnockoutFilter_a29cfe10-6fc2-4bba-bbee-aeaae2c0259b" color-interpolation-filters="sRGB">
23672        <feComponentTransfer result="inverseA">
23673            <feFuncA type="table" tableValues="1 0"/>
23674        </feComponentTransfer>
23675        <feFlood flood-color="var(--bgColor)"/>
23676        <feComposite operator="in" in2="inverseA"/>
23677    </filter>
23678</svg>
23679<style>
23680    [id='a29cfe10-6fc2-4bba-bbee-aeaae2c0259b'].wmcM_knockoutEffect .wms_content {
23681        filter: url(#wm_svgKnockoutFilter_a29cfe10-6fc2-4bba-bbee-aeaae2c0259b);
23682    }
23683</style>
23684                <div class="wms_background">
23685            <div class="wmc_color_layer "
23686    style=""
23687         data-animate-observe="a29cfe10-6fc2-4bba-bbee-aeaae2c0259b" >
23688</div>
23689        </div>
23690        <div class="wms_content wml_rows">
23691            <!-- Image:image_1 -->
23692<wm-img id="a29cfe10-6840-494c-b5f0-a99bcd1b9d88"  class="wmc wmc_image wmcM_imageContain" style="--widthMobile:159px;--widthTablet:200px;--heightMobile:69px;--heightTablet:38px;--widthDesktop:133px;--heightDesktop:152.5px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:7.00px;--aspectRatioMobile:159 / 69;--aspectRatioTablet:200 / 38;--marginLeftDesktop:0px;--aspectRatioDesktop:133 / 153;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;;">
23693    <a href="https://www.jeranekchiro.com/" class="wml">
23694        <div class="wms_overlay"></div>
23695        <picture>
23696            <img
23697                loading="lazy"
23698                data-wm-src="/Z/S/T/5/X/m/ZST5Xm1ENn4mehXIKTbQFNJxljFfdH4hp6uJZvGm"
23699                                src="data:image/webp;base64,UklGRrgHAABXRUJQVlA4WAoAAAAQAAAAPwAAPwAAQUxQSBsFAAANmTJE9D84ExAR4bJs227b5r4CgHTmP8z2pQK8d296MoSICZgAarb1xm2k7wNITTXsf4v9q6bEtkgAX/XczdpAREwAwv82wYERaaoqCcaGpUMyVKCQcSJdpainN1vGDUB0kBgnQiKtCRlZo/M/GIQaUXB/Nwg0Ko6cGAOzpoI4UEX8YxqVGoxbylY2cAac+R2EZo5SHiCYAUY21zVfQ8TfkgZD6YlHG0wC08QQOSIjIGCWw2wv37iUgmtOgHag7zNLoliEkJbFeVc/aHKTGw6AUAKBASNGhNpnw5BSIhIHrHPr26W4U1aWhFjE/bTeNrikkEwiA0HAgICDUsptGEwRMzUfj6oriu1wNFAQC4CQ79q8HXQM0w1cayDGADgAaJBgcRuBgTBnNcBG2G5kSqQgoSbQ9q2brT2kdEumNHANjIAT81ui4WYEaVJOq25eJgECBGTVsTc7ByjHUwiLcSDgjIARGRLIZXDtEHHuDqTGrKZGJ/5MFKx3u95fQQodT3K7hHA0AQABcABuEAhCTaxDSHNiEnD8ZSqtH/3D6wEwB5RSnLtQaARG4Fdxh0sAVEREkDKbpPBnEZpuzT+OHwDA0KgcTyFcDJA0ZwQADJg0TUAN1K0xZqNBAESY8tW07R8fD/xlOAi2J5OGKR0BBH7rLhRKK9A77R6UyQCAQAy4XX6OJ/42OSrtgZYFJmoERn4xRqi1ZDBkCQ0ARFa+jO3s1/MNf29A2ta2LXxwg6ONggAYMjSU1ADBopv+RMSA2Xbo8/3EPzYFGh3HFEICcBKAgogzkwSlWMMFULKMZLde9Rr4l6kAle0tDSEEMWISHGLCIEBTnR0AZaZRvfGMT98L/zrBJsfx4NISxDlowTQCMIAqGP5M5KQ13z/cb/hPp8O07UHCbXGuOBD41UjEX1e82Pe+ffwe+I8HeIG37WlKABOZ0BoACAhAjKpX641un37gf5yIihwXR43C4ByRNLIK836ZNxD9Gk/8n04IjiYJ6OkNliE5WjBvwHujysWP8cb/BYwQNYIB5I2OWzCuCKVqdJg5/fvA/22A5CCTCj01cAkcmDSxownjxopOZAJJpZgncMmBXrIyRWLVRtMwTVN5244XmZrPJhlWpkbLkD580l62Rhf4HrhHs4WgtDItwwAEbQGpNXDct7dljBy0TdMyfCASAMzhiqlXa4s4kUYlyXJZbvSCMhr3GVEa2xp+IxTJ5mbpQJJuFjNUsy+BrTgqYzMHEwjKWm+joiQuQUzGTJhMnpzFfb98G5MTq3ax5oMud9PMOY+tn0c8mauAgMYA0aMARqlvbatXLQOANyVsTLAQHW1rPUILwZIosjqrKq4yY6tcCkwkvCPEMYMwEiu7wCy23S80vU87zbG0QeplzUxVqKzaTSvREm5TW6hLSrpXi3XMPWqUicbyjG/92OzctQo3asb96CYG0+f349y3+vTEotyzKpKe2hSPt8fzU8P+ISZX6cmKur+7sqMaR2/EpVdiVVfgfvuy7Tu6FU1sHfGOZVmIp/12nFflkYCRW4zAuuI93/w8+6mqMqPGwNoZj952RMone8CwOKc7nPAoiVXpqwmtrORbAgYTCraa782e88V9BznZhLU52R3MV9Tdeu/ax2K682jctvfXEPshYi7Gx8jraB5ZctF1Y3WLe17nfr7N2yhoLueV4/7w8fgw4uHPwPoNWeN1HecHBfErsqpyxrF5M/yapkAEaMKvSszIbM1/GaDXUDoWBABWUDggdgIAAHAOAJ0BKkAAQAA+XSSNRaOiIRv/VgA4BcS0gAnvvFlyq+9JEFMPADLvOc7uQlVEu2gDBPPaK7zTaCYgA918qSsVVSU7qhYjAsDfqlweaAvGIR3JlpqSDU7/u2sNkFdEmke6TEavqGnzy3JvxBK03jSTwMGcMsyqPMSsSWAA/qd8qKbyPL5a0XXDrtNLE38rHECjTYwQDEAKPh/VwcXF1v3iLuHhs0RZ6wz8SXb7v5TZPBhFgatUnyZVm3+vL4AxvI6hr7bhhxFO+29juN8MsmGym4XObxETdAzRgImaPdIdEuNfK4IDORrGJ95eQ1a3jU5ZXv+29v7djufdhAVfXAhkJkQUigEKhIIDY9Za+DHpVMsHx9DTjI3aZjq7a1UO+4mTdrnusVZcAt1Ad5ZAybZPv3DlmFRs
236995qC5aBP31HRaJAN2rgRBD+G57VN/+uaUXhO3ZH+e7P3N0ocHTb0m/+a//7MxOJBKY5ghcZ2GqeCqmVM9QmD68kfrgqNvzXLm+mO5xQCpU55+REeXm+lSeN7W6GJwmK+ZZNWJ9xvhQlbJgBYnJLBqtmHqdGnptng1R+BwzBrCzNsa6CVz/xLU3QlLIZ5UoTJwICT2UAEmyY11Us9xv4IrX9/XsSJKQRK9JhPS7lyEXY513X8eNPnfzHWw+aJNOWNOAxvCmeuKN2aQOQjQnDaufPqYX6DrAwdA7T9xrQ2EQz74mtWXvN3szKtofBOPN9mAzB+XlTNVhfDrAvzHrS9e6o1IAyrR9S+tvw2h56nOGBXrFukhQR7BvIwQN1vQQt6R36ROwnKWEmP+dV3F0wi+hdoCM6WHshQ8rgRwrgAAAA=="
23700                title="chiropracticsymbol-300x300.772901_std.png"
23701                alt=""
23702            >
23703        </picture>
23704    </a>
23705</wm-img>
23706    <!-- Text:text_1 -->
23707<div id="a29cfe10-6b97-4d89-9728-639b6d02d4ee" class="wmc wmc_text wmcM_dynamicHeight" style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:185px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-147.00px;--minHeightDesktop:122.5px;--marginLeftDesktop:133px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;--dynamicPaddingBottomDesktop:57.50px;"
23708            >
23709    <div class="wml">
23710        <div style="--textAlignDesktop: center" class="wmcM_paragraph2"><br /></div><div style="--textAlignDesktop: center" class="wmcM_paragraph2"><a class="wmcM_link" href="https://www.jeranekchiro.com/"><span style="--fontSizeDesktop: 1.5625rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">Jeranek Family Chiropractic</span></a></div>
23711    </div>
23712</div>
23713        </div>
23714    </div>
23715</div>
23716    <!-- Menu:menu_2 -->
23717<wm-menu id="a29cfe10-6242-4a3f-a5d7-90c42438b1d6" class="wmc wmc_menu wmcM_animateHover wmcM_menuHorizontalDesktop wmcM_menuHorizontalMobile wmcM_menuHorizontalTablet wmd_showMoreMenu"
23718    style="--zIndex:7;--widthMobile:320px;--widthTablet:598px;--widthDesktop:668px;--marginTopMobile:10.00px;--marginTopTablet:23.00px;--marginLeftMobile:0px;--marginLeftTablet:1px;--marginTopDesktop:44.00px;--minHeightDesktop:5px;--marginLeftDesktop:364px;--gridPositionMobile:6;--gridPositionTablet:7;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;--horizontalNavItemFontDesktop:var(--fontFamilyPrimary);--horizontalNavArrowSizeDesktop:24px;--horizontalNavArrowColorDesktop:rgba(var(--colorBwGradientJ),1);--horizontalNavArrowRotateDesktop:rotate(0deg);--horizontalNavSubItemFontDesktop:var(--fontFamilyPrimary);--horizontalNavArrowSpacingDesktop:4px;--horizontalNavBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavItemFontSizeDesktop:15px;--horizontalNavItemFontColorDesktop:rgba(var(--colorBwGradientJ),1);--horizontalNavSubArrowColorDesktop:rgba(var(--colorBwGradientJ),1);--horizontalNavItemLineHeightDesktop:1;--horizontalNavItemPaddingTopDesktop:12px;--horizontalNavSeparatorColorDesktop:rgba(var(--colorCtaA),1);--horizontalNavSeparatorWidthDesktop:2px;--horizontalNavArrowColorHoverDesktop:rgba(var(--colorPrimaryJ),1);--horizontalNavItemPaddingLeftDesktop:12px;--horizontalNavSubItemFontSizeDesktop:15px;--horizontalNavArrowColorActiveDesktop:rgba(var(--colorPrimaryJ),1);--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(--colorPrimaryJ),1);--horizontalNavSubArrowColorHoverDesktop:rgba(var(--customColor2),1);--horizontalNavSubItemPaddingLeftDesktop:12px;--horizontalNavSubItemBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavSubItemPaddingRightDesktop:12px;--horizontalNavSubItemPaddingBottomDesktop:12px;--horizontalNavItemBorderRadiusHoverDesktop:0px 0px 0px 0px;--horizontalNavSubItemHoverFontColorDesktop:rgba(var(--colorPrimaryJ),1);--horizontalNavItemHoverBackgroundColorDesktop:rgba(var(--colorCtaI),0);--horizontalNavSubContainerBorderRadiusDesktop:0px 0px 0px 0px;
23718--horizontalNavSubContainerBackgroundColorDesktop:rgba(var(--colorPrimaryD),1);--horizontalNavSubItemHoverBackgroundColorDesktop:rgba(var(--colorPrimaryF),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);"
23719    data-parent-menu-to-submenu="false"
23720    data-more-menu="true"
23721    data-more-menu-text="MORE">
23722    <div class="wml">
23723        <div class="wms_content">
23724            <div class="navigation-module-container">
23725                <button class="hamburger-button">
23726                    <span class="hamburger-button-icon--container">
23727                        <span class="hamburger-button-icon"></span>
23728                        <span
23729                            class="hamburger-button-text visually-hidden"
23730                        >
23731                            
23732                            MENU
23733                        </span>
23734                    </span>
23735                </button>
23736                                    <nav class="navigation-nav">
23737                        <ul class="navigation-nav--main-menu">
23738                                                            <li class="navigation-nav--item">
23739    <a
23740        href="https://www.jeranekchiro.com/"
23741        href="#"
23742            >
23743                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23744                HOME
23745    </a>
23746    </li>
23747                                                                    <li class="navigation-nav--separator">&nbsp;</li>
23748                                                                                            <li class="navigation-nav--item">
23749    <a
23750        href="https://www.jeranekchiro.com/contact"
23751        href="#"
23752            >
23753                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23754                CONTACT US
23755    </a>
23756                        <button
23757                type="button"
23758                class="arrow"
23759                aria-label="Toggle CONTACT US sub menu"
23760            ></button>
23761                <ul
23762            class="navigation-nav--sub-menu"
23763             id="a29cfe10-6242-4a3f-a5d7-90c42438b1d6-panel-1"         >
23764                            <li class="navigation-nav--sub-item">
23765    <a
23766        href="https://www.jeranekchiro.com/appointment"
23767        href="#"
23768            >
23769                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23770                APPOINTMENT REQUEST
23771    </a>
23772    </li>
23773                                    </ul>
23774    </li>
23775                                                                    <li class="navigation-nav--separator">&nbsp;</li>
23776                                                                                            <li class="navigation-nav--item">
23777    <a
23778        href="https://www.jeranekchiro.com/services-and-techniques"
23779        href="#"
23780            >
23781                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23782                SERVICES
23783    </a>
23784                        <button
23785                type="button"
23786                class="arrow"
23787                aria-label="Toggle SERVICES sub menu"
23788            ></button>
23789                <ul
23790            class="navigation-nav--sub-menu"
23791             id="a29cfe10-6242-4a3f-a5d7-90c42438b1d6-panel-2"         >
23792                            <li class="navigation-nav--sub-item">
23793    <a
23794        href="https://www.jeranekchiro.com/services-and-techniques/auto-accident-chiropractic-care"
23795        href="#"
23796            >
23797                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23798                AUTO ACCIDENT CHIROPRACTIC CARE
23799    </a>
23800    </li>
23801                                    <li class="navigation-nav--separator">&nbsp;</li>
23802                                            <li class="navigation-nav--sub-item">
23803    <a
23804        href="https://www.jeranekchiro.com/services-and-techniques/c
23804hiropractic-care"
23805        href="#"
23806            >
23807                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23808                CHIROPRACTIC CARE
23809    </a>
23810    </li>
23811                                    <li class="navigation-nav--separator">&nbsp;</li>
23812                                            <li class="navigation-nav--sub-item">
23813    <a
23814        href="https://www.jeranekchiro.com/services-and-techniques/chronic-low-back-pain-and-neck-pain"
23815        href="#"
23816            >
23817                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23818                CHRONIC LOW BACK PAIN AND NECK PAIN
23819    </a>
23820    </li>
23821                                    <li class="navigation-nav--separator">&nbsp;</li>
23822                                            <li class="navigation-nav--sub-item">
23823    <a
23824        href="https://www.jeranekchiro.com/services-and-techniques/dry-needling-chiropractic-care"
23825        href="#"
23826            >
23827                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23828                Dry Needling + Chiropractic Care
23829    </a>
23830    </li>
23831                                    <li class="navigation-nav--separator">&nbsp;</li>
23832                                            <li class="navigation-nav--sub-item">
23833    <a
23834        href="https://www.jeranekchiro.com/services-and-techniques/senior-chiropractic-care"
23835        href="#"
23836            >
23837                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23838                SENIOR CHIROPRACTIC CARE
23839    </a>
23840    </li>
23841                                    <li class="navigation-nav--separator">&nbsp;</li>
23842                                            <li class="navigation-nav--sub-item">
23843    <a
23844        href="https://www.jeranekchiro.com/family-chiropractic"
23845        href="#"
23846            >
23847                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23848                FAMILY CHIROPRACTIC
23849    </a>
23850    </li>
23851                                    <li class="navigation-nav--separator">&nbsp;</li>
23852                                            <li class="navigation-nav--sub-item">
23853    <a
23854        href="https://www.jeranekchiro.com/pregnancy-chiropractor"
23855        href="#"
23856            >
23857                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23858                PRENATAL CHIROPRACTIC
23859    </a>
23860    </li>
23861                                    <li class="navigation-nav--separator">&nbsp;</li>
23862                                            <li class="navigation-nav--sub-item">
23863    <a
23864        href="https://www.jeranekchiro.com/pediatric-care"
23865        href="#"
23866            >
23867                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23868                PEDIATRIC CARE
23869    </a>
23870    </li>
23871                                    <li class="navigation-nav--separator">&nbsp;</li>
23872                                            <li class="navigation-nav--sub-item">
23873    <a
23874        href="https://www.jeranekchiro.com/corrective-exercises"
23875        href="#"
23876            >
23877                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23878                CORRECTIVE EXERCISES
23879    </a>
23880    </li>
23881                                    <li class="navigation-nav--separator">&nbsp;</li>
23882                                            <li class="navigation-nav--sub-item">
23883    <a
23884        href="https://www.jeranekchiro.com/lifestyle-advice"
23885        href="#"
23886            >
23887                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23888                LIFESTYLE ADVICE
23889    </a>
23890    </li>
23891                                    <li class="navigation-nav--separator">&nbsp;</li>
23892                                            <li class="navigation-nav--sub-item">
23893    <a
23894        href="https://www.jeranekchiro.com/spinal-postural-screenings"
23895        href="#"
23896            >
23897                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23898                SPINAL POSTURAL SCREENINGS
23899    </a>
23900    </li>
23901                                    <li class="navigation-nav--separator">&nbsp;</li>
23902                                            <li class="navigation-nav--sub-item">
23903    <a
23904        href="https://www.jeranekchiro.com/nutritional-counseling"
23905        href="#"
23906            >
23907                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23908                NUTRITIONAL COUNSELLING
23909    </a>
23910    </li>
23911                                    <li class="navigation-nav--separator">&nbsp;</li>
23912                                            <li class="navigation-nav--sub-item">
23913    <a
23914        href="https://www.jeranekchiro.com/sports-chiropractic-kenosha"
23915        href="#"
23916            >
23917                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23918                SPORT CHIROPRACTIC CARE
23919    </a>
23920    </li>
23921                                    <li class="navigation-nav--separator">&nbsp;</li>
23922                                            <li class="navigation-nav--sub-item">
23923    <a
23924        href="https://www.jeranekchiro.com/physiotherapy-techniques"
23925        href="#"
23926            >
23927                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23928                PHYSIOTHERAPY TECHNIQUES
23929    </a>
23930    </li>
23931                                    <li class="navigation-nav--separator">&nbsp;</li>
23932                                            <li class="navigation-nav--sub-item">
23933    <a
23934        href="https://www.jeranekchiro.com/work-injury-treatment"
23935        href="#"
23936            >
23937                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23938                WORK INJURIES
23939    </a>
23940    </li>
23941                                    <li class="navigation-nav--separator">&nbsp;</li>
23942                                            <li class="navigation-nav--sub-item">
23943    <a
23944        href="https://www.jeranekchiro.com/therapeutic-exercises"
23945        href="#"
23946            >
23947                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23948                THERAPEUTIC EXERCISES
23949    </a>
23950    </li>
23951                                    <li class="navigation-nav--separator">&nbsp;</li>
23952                                            <li class="navigation-nav--sub-item">
23953    <a
23954        href="https://www.jeranekchiro.com/services-and-techniques/shoulder-pain-treatment"
23955        href="#"
23956            >
23957                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23958                SHOULDER PAIN TREATMENT
23959    </a>
23960    </li>
23961                                    <li class="navigation-nav--separator">&nbsp;</li>
23962                                            <li class="navigation-nav--sub-item">
23963    <a
23964        href="https://www.jeranekchiro.com/spinal-decompression-kenosha"
23965        href="#"
23966            >
23967                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23968                SPINAL DECOMPRESSION
23969    </a>
23970    </li>
23971                                    </ul>
23972    </li>
23973                                                                    <li class="navigation-nav--separator">&nbsp;</li>
23974                                                                                            <li class="navigation-nav--item">
23975    <a
23976        href="https://www.jeranekchiro.com/conditions-treated"
23977        href="#"
23978            >
23979                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23980                CONDITIONS TREATED
23981    </a>
23982                        <button
23983                type="button"
23984                class="arrow"
23985                aria-label="Toggle CONDITIONS TREATED sub menu"
23986            ></button>
23987                <ul
23988            class="navigation-nav--sub-menu"
23989             id="a29cfe10-6242-4a3f-a5d7-90c42438b1d6-panel-3"         >
23990                            <li class="navigation-nav--sub-item">
23991    <a
23992        href="https://www.jeranekchiro.com/arthritis-pain-relief-kenosha"
23993        href="#"
23994            >
23995                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
23996                ARTHRITIS
23997    </a>
23998    </li>
23999                                    <li class="navigation-nav--separator">&nbsp;</li>
24000                                            <li class="navigation-nav--sub-item">
24001    <a
24002        href="https://www.jeranekchiro.com/auto-accident-injuries"
24003        href="#"
24004            >
24005                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24006                AUTO ACCIDENT INJURIES
24007    </a>
24008                        <span class="arrow"></span>
24009                <ul
24010            class="navigation-nav--sub-menu"
24011                    >
24012                            <li class="navigation-nav--sub-item">
24013    <a
24014        href="https://www.jeranekchiro.com/whiplash"
24015        href="#"
24016            >
24017                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24018                WHIPLASH
24019    </a>
24020    </li>
24021                                    <li class="navigation-nav--separator">&nbsp;</li>
24022                                            <li class="navigation-nav--sub-item">
24023    <a
24024        href="https://www.jeranekchiro.com/faq"
24025        href="#"
24026            >
24027                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24028                WHIPLASH FAQS
24029    </a>
24030    </li>
24031                                    </ul>
24032    </li>
24033                                    <li class="navigation-nav--separator">&nbsp;</li>
24034                                            <li class="navigation-nav--sub-item">
24035    <a
24036        href="https://www.jeranekchiro.com/back-pain"
24037        href="#"
24038            >
24039                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24040                BACK PAIN
24041    </a>
24042                        <span class="arrow"></span>
24043                <ul
24044            class="navigation-nav--sub-menu"
24045                    >
24046                            <li class="navigation-nav--sub-item">
24047    <a
24048        href="https://www.jeranekchiro.com/conditions-treated/back-pain/faq"
24049        href="#"
24050            >
24051                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24052                BACK PAIN FAQS
24053    </a>
24054    </li>
24055                                    <li class="navigation-nav--separator">&nbsp;</li>
24056                                            <li class="navigation-nav--sub-item">
24057    <a
24058        href="https://www.jeranekchiro.com/lower-back-pain"
24059        href="#"
24060            >
24061                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24062                LOWER BACK PAIN
24063    </a>
24064    </li>
24065                                    </ul>
24066    </li>
24067                                    <li class="navigation-nav--separator">&nbsp;</li>
24068                                            <li class="navigation-nav--sub-item">
24069    <a
24070        href="https://www.jeranekchiro.com/neck-pain"
24071        href="#"
24072            >
24073                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24074                NECK PAIN
24075    </a>
24076                        <span class="arrow"></span>
24077                <ul
24078            class="navigation-nav--sub-menu"
24079                    >
24080                            <li class="navigation-nav--sub-item">
24081    <a
24082        href="https://www.jeranekchiro.com/neck-pain-faq-kenosha"
24083        href="#"
24084            >
24085                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24086                NECK PAIN FAQ
24087    </a>
24088    </li>
24089                                    </ul>
24090    </li>
24091                                    <li class="navigation-nav--separator">&nbsp;</li>
24092                                            <li class="navigation-nav--sub-item">
24093    <a
24094        href="https://www.jeranekchiro.com/carpal-tunnel-treatment"
24095        href="#"
24096            >
24097                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24098                CARPAL TUNNEL SYNDROME
24099    </a>
24100    </li>
24101                                    <li class="navigation-nav--separator">&nbsp;</li>
24102                                            <li class="navigation-nav--sub-item">
24103    <a
24104        href="https://www.jeranekchiro.com/fibromyalgia-treatment-kenosha"
24105        href="#"
24106            >
24107                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24108                FIBROMYALGIA
24109    </a>
24110    </li>
24111                                    <li class="navigation-nav--separator">&nbsp;</li>
24112                                            <li class="navigation-nav--sub-item">
24113    <a
24114        href="https://www.jeranekchiro.com/headaches-and-migraines"
24115        href="#"
24116            >
24117                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24118                HEADACHES AND MIGRAINES
24119    </a>
24120    </li>
24121                                    <li class="navigation-nav--separator">&nbsp;</li>
24122                                            <li class="navigation-nav--sub-item">
24123    <a
24124        href="https://www.jeranekchiro.com/hip-pain-relief-kenosha"
24125        href="#"
24126            >
24127                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24128                HIP PAIN
24129    </a>
24130    </li>
24131                                    <li class="navigation-nav--separator">&nbsp;</li>
24132                                            <li class="navigation-nav--sub-item">
24133    <a
24134        href="https://www.jeranekchiro.com/joint-pain"
24135        href="#"
24136            >
24137                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24138                JOINT PAIN
24139    </a>
24140    </li>
24141                                    <li class="navigation-nav--separator">&nbsp;</li>
24142                                            <li class="navigation-nav--sub-item">
24143    <a
24144        href="https://www.jeranekchiro.com/knee-pain-releif-kenosha"
24145        href="#"
24146            >
24147                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24148                KNEE PAIN
24149    </a>
24150    </li>
24151                                    <li class="navigation-nav--separator">&nbsp;</li>
24152                                            <li class="navigation-nav--sub-item">
24153    <a
24154        href="https://www.jeranekchiro.com/services/disc-disorders"
24155        href="#"
24156            >
24157                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24158                DISC DISORDERS
24159    </a>
24160                        <span class="arrow"></span>
24161                <ul
24162            class="navigation-nav--sub-menu"
24163                    >
24164                            <li class="navigation-nav--sub-item">
24165    <a
24166        href="https://www.jeranekchiro.com/services/herniated-disc"
24167        href="#"
24168            >
24169                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24170                HERNIATED DISC
24171    </a>
24172    </li>
24173                                    <li class="navigation-nav--separator">&nbsp;</li>
24174                                            <li class="navigation-nav--sub-item">
24175    <a
24176        href="https://www.jeranekchiro.com/pinched-nerve-treatment-kenosha"
24177        href="#"
24178            >
24179                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24180                PINCHED NERVE
24181    </a>
24182    </li>
24183                                    <li class="navigation-nav--separator">&nbsp;</li>
24184                                            <li class="navigation-nav--sub-item">
24185    <a
24186        href="https://www.jeranekchiro.com/conditions-treated/disc-disorders/understanding-the-different-disc-conditions"
24187        href="#"
24188            >
24189                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24190                UNDERSTANDING THE DIFFERENT DISC CONDITIONS
24191    </a>
24192    </li>
24193                                    </ul>
24194    </li>
24195                                    <li class="navigation-nav--separator">&nbsp;</li>
24196                                            <li class="navigation-nav--sub-item">
24197    <a
24198        href="https://www.jeranekchiro.com/pinched-nerve-treatment-kenosha"
24199        href="#"
24200            >
24201                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24202                PINCHED NERVE
24203    </a>
24204    </li>
24205                                    <li class="navigation-nav--separator">&nbsp;</li>
24206                                            <li class="navigation-nav--sub-item">
24207    <a
24208        href="https://www.jeranekchiro.com/plantar-fasciitis-treatment-kenosha"
24209        href="#"
24210            >
24211                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24212                PLANTAR FASCIITIS
24213    </a>
24214    </li>
24215                                    <li class="navigation-nav--separator">&nbsp;</li>
24216                                            <li class="navigation-nav--sub-item">
24217    <a
24218        href="https://www.jeranekchiro.com/sciatica-treatment-kenosha"
24219        href="#"
24220            >
24221                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24222                SCIATICA
24223    </a>
24224    </li>
24225                                    <li class="navigation-nav--separator">&nbsp;</li>
24226                                            <li class="navigation-nav--sub-item">
24227    <a
24228        href="https://www.jeranekchiro.com/scoliosis-treatment-kenosha"
24229        href="#"
24230            >
24231                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24232                SCOLIOSIS
24233    </a>
24234    </li>
24235                                    <li class="navigation-nav--separator">&nbsp;</li>
24236                                            <li class="navigation-nav--sub-item">
24237    <a
24238        href="https://www.jeranekchiro.com/shoulder-pain-chiropractor"
24239        href="#"
24240            >
24241                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24242                SHOULDER PAIN
24243    </a>
24244    </li>
24245                                    </ul>
24246    </li>
24247                                                                    <li class="navigation-nav--separator">&nbsp;</li>
24248                                                                                            <li class="navigation-nav--item">
24249    <a
24250        href="https://www.jeranekchiro.com/new-patient-center"
24251        href="#"
24252            >
24253                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24254                NEW PATIENT CENTER
24255    </a>
24256                        <button
24257                type="button"
24258                class="arrow"
24259                aria-label="Toggle NEW PATIENT CENTER sub menu"
24260            ></button>
24261                <ul
24262            class="navigation-nav--sub-menu"
24263             id="a29cfe10-6242-4a3f-a5d7-90c42438b1d6-panel-4"         >
24264                            <li class="navigation-nav--sub-item">
24265    <a
24266        href="https://www.jeranekchiro.com/payment-options"
24267        href="#"
24268            >
24269                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24270                PAYMENT OPTIONS
24271    </a>
24272    </li>
24273                                    <li class="navigation-nav--separator">&nbsp;</li>
24274                                            <li class="navigation-nav--sub-item">
24275    <a
24276        href="https://www.jeranekchiro.com/medicare-chiropractic-insurance"
24277        href="#"
24278            >
24279                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24280                MEDICARE ACCEPTED
24281    </a>
24282    </li>
24283                                    </ul>
24284    </li>
24285                                                                    <li class="navigation-nav--separator">&nbsp;</li>
24286                                                                                            <li class="navigation-nav--item">
24287    <a
24288        href="https://www.jeranekchiro.com/about-us"
24289        href="#"
24290            >
24291                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24292                ABOUT US
24293    </a>
24294                        <button
24295                type="button"
24296                class="arrow"
24297                aria-label="Toggle ABOUT US sub menu"
24298            ></button>
24299                <ul
24300            class="navigation-nav--sub-menu"
24301             id="a29cfe10-6242-4a3f-a5d7-90c42438b1d6-panel-5"         >
24302                            <li class="navigation-nav--sub-item">
24303    <a
24304        href="https://www.jeranekchiro.com/meet-the-doctor"
24305        href="#"
24306            >
24307                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24308                MEET THE DOCTOR
24309    </a>
24310    </li>
24311                                    <li class="navigation-nav--separator">&nbsp;</li>
24312                                            <li class="navigation-nav--sub-item">
24313    <a
24314        href="https://www.jeranekchiro.com/staff"
24315        href="#"
24316            >
24317                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24318                MEET THE TEAM
24319    </a>
24320    </li>
24321                                    </ul>
24322    </li>
24323                                                                    <li class="navigation-nav--separator">&nbsp;</li>
24324                                                                                            <li class="navigation-nav--item">
24325    <a
24326        href="https://www.jeranekchiro.com/testimonials"
24327        href="#"
24328            >
24329                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24330                TESTIMONIALS
24331    </a>
24332    </li>
24333                                                                    <li class="navigation-nav--separator">&nbsp;</li>
24334                                                                                            <li class="navigation-nav--item">
24335    <a
24336        href="https://www.jeranekchiro.com/blog"
24337        href="#"
24338            >
24339                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
24340                BLOG
24341    </a>
24342    </li>
24343                                                            
24344
24345
24346
24347
24348
24349
24350
24351                        </ul>
24352                    </nav>
24353                            </div>
24354        </div>
24355    </div>
24356</wm-menu>
24357    <!-- Box:box_1 -->
24358<div id="a29cfe10-7db7-4599-8f73-6bb75174a4ae" class="wmc wmc_box " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:167px;
24358--bgColorDesktop:rgba(var(--colorBackgroundI),0);--marginTopMobile:0px;--marginTopTablet:0px;--minHeightMobile:250px;--minHeightTablet:250px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:32.00px;--minHeightDesktop:83px;--marginLeftDesktop:1043px;--gridPositionMobile:9;--gridPositionTablet:2;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;" >
24359    <div class="wml wml_box "
24360            >
24361        <svg class="wm_svgFilter">
24362    <filter id="wm_svgKnockoutFilter_a29cfe10-7db7-4599-8f73-6bb75174a4ae" color-interpolation-filters="sRGB">
24363        <feComponentTransfer result="inverseA">
24364            <feFuncA type="table" tableValues="1 0"/>
24365        </feComponentTransfer>
24366        <feFlood flood-color="var(--bgColor)"/>
24367        <feComposite operator="in" in2="inverseA"/>
24368    </filter>
24369</svg>
24370<style>
24371    [id='a29cfe10-7db7-4599-8f73-6bb75174a4ae'].wmcM_knockoutEffect .wms_content {
24372        filter: url(#wm_svgKnockoutFilter_a29cfe10-7db7-4599-8f73-6bb75174a4ae);
24373    }
24374</style>
24375                <div class="wms_background">
24376            <div class="wmc_color_layer "
24377    style=""
24378         data-animate-observe="a29cfe10-7db7-4599-8f73-6bb75174a4ae" >
24379</div>
24380        </div>
24381        <div class="wms_content wml_rows">
24382            <!-- Button:button_1 -->
24383<div id="a29cfe10-7b18-4367-a00c-4d5631edd364" class="wmc wmc_button wmcM_animateHover wmcM_containerAlignLeft" style="--widthMobile:200px;--widthTablet:200px;--widthDesktop:167px;--bgColorDesktop:rgba(var(--colorBwGradientH),0);--marginTopMobile:0px;--marginTopTablet:0px;--borderTopDesktop:2px solid rgba(var(--colorBwGradientH),0);--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:12.50px;--minHeightDesktop:70.046875px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:2px solid rgba(var(--colorBwGradientH),0);--marginLeftDesktop:0px;--paddingLeftMobile:10px;
24383--paddingLeftTablet:10px;--paddingTopDesktop:0px;--borderRightDesktop:2px solid rgba(var(--colorBwGradientH),0);--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0px;--marginBottomTablet:0px;--paddingLeftDesktop:0px;--paddingRightMobile:10px;--paddingRightTablet:10px;--bgColorDesktopHover:rgba(var(--colorBwGradientH),0);--borderBottomDesktop:2px solid rgba(var(--colorBwGradientH),0);--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:1;--marginBottomDesktop:0.45px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:0px;--paddingBottomDesktop:0px;--borderRadiusDesktopHover:0px 0px 0px 0px;--flexJustifyContentDesktop:center;--transitionDurationMsDesktopHover:300;">
24384    <a href="tel:2626947833" class="wml wml_button">
24385        <span class="wms_background">
24386            <div class="wmc_color_layer "
24387    style=""
24388         data-animate-observe="a29cfe10-7b18-4367-a00c-4d5631edd364" >
24389</div>
24390        </span>
24391        <span class="wms_button">
24392            <!-- Button.Text:button_text -->
24393<span id="a29cfe10-77ae-4c04-b6b7-04bdda7230df" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
24394    <span class="wml">
24395        <p style="--lineHeightDesktop: 1;"><span style="--fontSizeDesktop: 1.625rem; --fontWeightDesktop: 500; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --textColorDesktopHover: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilyPrimary);">(262) 694-7833</span></p>
24396    </span>
24397</span>
24398            <!-- Button.Icon:button_icon -->
24399<span id="a29cfe10-7489-46f5-956c-bf244810c57a" class="wmc wmc_icon wmc_buttonIcon wmcM_empty" style="--iconSizeDesktop:1.5rem;--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
24400    <span class="wml wml_icon">
24401        <i style="mask: url(https://storage.evona.app/w%2Fm%2Fa%2F5%2Fd%2F3%2Fwma5d31d38bbffde57cc2409363d5a0eaa7b00a5) center / contain no-repeat"></i>
24402    </span>
24403</span>
24404        </span>
24405    </a>
24406</div>
24407        </div>
24408    </div>
24409</div>
24410        </div>
24411    </div>
24412</div>
24413    <!-- Box:box_1 -->
24414<div id="a29cfe10-865b-4620-92ad-6db064a1a4cd" class="wmc wmc_box wmcM_containerSizeFull wmcM_animateHover" style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:300px;--bgColorDesktop:rgba(var(--colorBackgroundI),0);--marginTopMobile:0px;--marginTopTablet:0px;--minHeightMobile:250px;--minHeightTablet:250px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.50px;--minHeightDesktop:58px;--marginLeftDesktop:453px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0px;--marginBottomTablet:0px;--borderBottomDesktop:1px solid rgba(var(--colorBackgroundJ),0.5);--gridPositionDesktop:1;--marginBottomDesktop:0.00px;" >
24415    <div class="wml wml_box "
24416            >
24417        <svg class="wm_svgFilter">
24418    <filter id="wm_svgKnockoutFilter_a29cfe10-865b-4620-92ad-6db064a1a4cd" color-interpolation-filters="sRGB">
24419        <feComponentTransfer result="inverseA">
24420            <feFuncA type="table" tableValues="1 0"/>
24421        </feComponentTransfer>
24422        <feFlood flood-color="var(--bgColor)"/>
24423        <feComposite operator="in" in2="inverseA"/>
24424    </filter>
24425</svg>
24426<style>
24427    [id='a29cfe10-865b-4620-92ad-6db064a1a4cd'].wmcM_knockoutEffect .wms_content {
24428        filter: url(#wm_svgKnockoutFilter_a29cfe10-865b-4620-92ad-6db064a1a4cd);
24429    }
24430</style>
24431                <div class="wms_background">
24432            <div class="wmc_color_layer "
24433    style=""
24434         data-animate-observe="a29cfe10-865b-4620-92ad-6db064a1a4cd" >
24435</div>
24436        </div>
24437        <div class="wms_content wml_rows">
24438            <!-- Text:text_1 -->
24439<div id="a29cfe10-82ec-4e2d-b7bc-4ca5777c7cd7" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:300px;--marginTopMobile:0px;--marginTopTablet:0px;--minHeightMobile:72.375px;--minHeightTablet:36.1875px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:10.91px;--minHeightDesktop:32.421875px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:10.86px;"
24440            >
24441    <div class="wml">
24442        <div class="wmcM_paragraph1" style="--textAlignDesktop: center;">
24442<span style="--textColorDesktop: rgba(var(--colorBackgroundJ),1);">In Pain? Call Us </span><a class="wmcM_link" href="tel:2626947833"><span style="--fontSizeDesktop: 1.5625rem; --fontWeightDesktop: 700; --textColorDesktop: rgba(var(--colorBackgroundJ),1);">&lpar;262&rpar; 694-7833</span><span style="--textColorDesktop: rgba(var(--colorBackgroundJ),1);"> </span></a><span style="--textColorDesktop: rgba(var(--colorBackgroundJ),1);">Same-Day Appointments.</span></div><div class="wmcM_heading3" style="--textAlignDesktop: center;"><span style="--fontWeightDesktop: 800; --textColorDesktop: rgba(var(--colorBackgroundJ),1); --fontFamily: Lato;">Best Chiropractic Clinic in Kenosha for 2025 and 2026.</span></div>
24443    </div>
24444</div>
24445        </div>
24446    </div>
24447</div>
24448    </div>
24449</section>
24450    <!-- Section:Breadcrumbs -->
24451<section id="a138bb79-4aeb-420e-ba76-15af7d7c9cff" class="wmc wmc_section " style="--bgColorDesktop:rgba(var(--colorBwGradientA),0);--marginTopTablet:0.00px;--minHeightMobile:41px;--minHeightTablet:38px;--minHeightDesktop:35px;--gridPositionMobile:4;--gridPositionTablet:4;--marginBottomTablet:0.00px;--gridPositionDesktop:4;">
24452    <div class="wml wml_rows">
24453        <div class="wms_background">
24454            <div class="wmc_color_layer "
24455    style=""
24456         data-animate-observe="a138bb79-4aeb-420e-ba76-15af7d7c9cff" >
24457</div>
24458        </div>
24459        <!-- Breadcrumb:breadcrumb_1 -->
24460<div id="a138bb79-4bb5-4ce6-a02c-a9324d642c85" 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:280px;--widthTablet:600px;--widthDesktop:884px;--marginTopMobile:11.72px;--marginTopTablet:10.00px;--minHeightMobile:18.421875px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:13.00px;--minHeightDesktop:22px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:10.84px;--marginBottomTablet:9.56px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;--breadcrumbVerticalGap:8px;--breadcrumbHorizontalGap:0px;--breadcrumbItemFontDesktop:var(--fontFamilySecondary);--breadcrumbDelimiterIconColor:rgba(var(--colorBackgroundH),1);--breadcrumbItemFontSizeDesktop:16px;--breadcrumbItemFontColorDesktop:rgba(var(--customColor7),1);--breadcrumbItemLineHeightDesktop:1;--breadcrumbDelimiterIconSizeDesktop:10px;--breadcrumbItemHoverFontColorDesktop:rgba(var(--colorBackgroundH),1);--breadcrumbItemLineHeightHoverDesktop:1;">
24461    <div class="wml wml_breadcrumb">
24462        <span class="wmd_home wmd_homeIcon" style="--icon-url: url(https://storage.evona.app/w%2Fm%2F1%2Fa%2F7%2Fc%2Fwm1a7c5511e74b9c0b5d411b7e00724155047ef9)">
24463    <a href="https://www.jeranekchiro.com/" class="wmd__item">
24464        <span>
24465                            <i></i>
24466                    </span>
24467    </a>
24468</span>
24469<span class="wmd_home wmd_homeText">
24470    <a href="https://www.jeranekchiro.com/" class="wmd__item">
24471        <span>
24472                            Home
24473                    </span>
24474    </a>
24475</span>
24476                            <span class="space-separator">&nbsp;</span>
24477            <span class="wmd_delimiterIcon wmd_delimiterIcon--first">
24478                <i></i>
24479            </span>
24480                                <span class="wmd__item">
24481                    Contact Us
24482            </span>
24483                        </div>
24484</div>
24485    </div>
24486</section>
24487    <!-- Section:Page Title -->
24488<section id="a138bb79-4cd5-43b8-af32-b1ea02c6390c" class="wmc wmc_section " style="--bgColorDesktop:rgba(var(--colorBwGradientA),0);--marginTopTablet:0.00px;--minHeightMobile:75.40625px;--minHeightTablet:75px;--minHeightDesktop:88.8125px;--gridPositionMobile:5;--gridPositionTablet:5;--marginBottomTablet:0.00px;--gridPositionDesktop:5;">
24489    <div class="wml wml_rows">
24490        <div class="wms_background">
24491            <div class="wmc_color_layer "
24492    style=""
24493         data-animate-observe="a138bb79-4cd5-43b8-af32-b1ea02c6390c" >
24494</div>
24495        </div>
24496        <!-- Text:text_1 -->
24497<div id="a138bb79-4d8f-4276-9461-9cf1b9ad4f60" class="wmc wmc_text " style="--widthMobile:300px;--widthTablet:720px;--widthDesktop:1280px;--marginTopMobile:0.00px;--marginTopTablet:11.45px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:17.00px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:22.61px;--marginBottomTablet:10.73px;
24497--gridPositionDesktop:1;--marginBottomDesktop:19.02px;"
24498            >
24499    <div class="wml">
24500        <h1 style><span style="--fontWeightDesktop: 300; --textColorDesktop: rgba(var(--colorBwGradientB),1)">Contact Us</span></h1>
24501    </div>
24502</div>
24503    </div>
24504</section>
24505    <!-- Placeholder:Page Content -->
24506    <!-- Wrapping page:contact_us Id:a13cec7f-1c31-418b-b8a3-669d0833b8d1 -->
24507<div id="a138bb79-5ee1-4abc-808b-55bce34b5370" class="wmc wmc_placeholder " style="--bgColorDesktop:rgba(var(--colorBwGradientJ),1);--marginTopTablet:0.00px;--gridPositionMobile:6;--gridPositionTablet:6;--marginBottomTablet:0.00px;--gridPositionDesktop:6;" data-placeholder-content-id="a13cec7f-1c31-418b-b8a3-669d0833b8d1">
24508    <div class="wml wml_rows">
24509        <div class="wms_background">
24510            <div class="wmc_color_layer "
24511    style=""
24512         data-animate-observe="a138bb79-5ee1-4abc-808b-55bce34b5370" >
24513</div>
24514        </div>
24515        <!-- Global Placeholder:Full Width -->
24516    <!-- Wrapping global-content:Full Width Id:a13c94c4-62dd-48bf-b4c3-008026b43308 -->
24517<div id="a142a139-910b-426a-aed8-93179a8a297c" class="wmc wmc_globalPlaceholder " style="--gridPositionMobile:2;--gridPositionTablet:2;--gridPositionDesktop:2;" data-placeholder-content-id="a13c94c4-62dd-48bf-b4c3-008026b43308">
24518    <div class="wml wml_rows">
24519        <div class="wms_background">
24520            <div class="wmc_color_layer "
24521    style=""
24522         data-animate-observe="a142a139-910b-426a-aed8-93179a8a297c" >
24523</div>
24524        </div>
24525
24526                    <!-- Section:section_1 -->
24527<section id="a13c94c4-5fc2-44aa-a0f9-046dc89f7f54" class="wmc wmc_section " style="--minHeightMobile:46px;--minHeightTablet:57px;--minHeightDesktop:3178.890625px;--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
24528    <div class="wml wml_rows">
24529        <div class="wms_background">
24530            <div class="wmc_color_layer "
24531    style=""
24532         data-animate-observe="a13c94c4-5fc2-44aa-a0f9-046dc89f7f54" >
24533</div>
24534        </div>
24535        <!-- Text:text_1 -->
24536<div id="a13c94ea-ee26-4dfd-8a0f-b613c3ab1571" class="wmc wmc_text " style="--widthMobile:324px;--widthTablet:720px;--widthDesktop:1280px;--marginTopMobile:14.00px;--marginTopTablet:19.00px;--marginLeftMobile:-2px;--marginLeftTablet:0px;--marginTopDesktop:22.00px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:47.50px;"
24537         data-wm-reflect-cms-value=""      data-wm-reflect-cms-override="" >
24538    <div class="wml">
24539        <h3 style><br /></h3><h3 style><span style="--fontSizeDesktop: 1.5625rem; --textColorDesktop: rgba(var(--customColor2),1); --fontFamily: Lato">Jeranek Family Chiropractic</span></h3><div style><span style="--fontSizeDesktop: 1.125rem; --fontFamily: Lato">7505 41st Ave,<br />Kenosha, WI 53142 <br /></span></div><div style><span style="--fontSizeDesktop: 1.125rem; --fontFamily: Lato">Phone: </span><a class="wmcM_link" href="tel:&lt;content-variable&gt;LOCATIONS.PRIMARY.PRIMARY_PHONE&lt;/content-variable&gt;"><span style="--fontSizeDesktop: 1.125rem; --fontFamily: Lato">&lpar;262&rpar; 694-7833</span></a></div>
24540    </div>
24541</div>
24542    </div>
24543</section>
24544            </div>
24545</div>
24546    <!-- Section:Untitled -->
24547<section id="a142a1dd-deae-4d28-9a89-7068685b2f54" class="wmc wmc_section " style="--minHeightMobile:504.546875px;--minHeightTablet:484.359375px;--minHeightDesktop:470.796875px;--gridPositionMobile:3;--gridPositionTablet:3;--gridPositionDesktop:3;">
24548    <div class="wml wml_rows">
24549        <div class="wms_background">
24550            <div class="wmc_color_layer "
24551    style=""
24552         data-animate-observe="a142a1dd-deae-4d28-9a89-7068685b2f54" >
24553</div>
24554        </div>
24555        <!-- Form:form_1 -->
24556<div id="a142a1fd-d20d-40c9-b12c-a85b2da7b22e" class="wmc wmc_form wmcM_hideVisuallyHidden wmcM_animateHover" style="--widthMobile:320px;--widthTablet:720px;--widthDesktop:1282px;--marginTopMobile:17.00px;--marginTopTablet:23.00px;--minHeightMobile:398.5625px;--minHeightTablet:398.5625px;--inputFontDesktop:Lato;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:17.69px;--minHeightDesktop:522.171875px;--marginLeftDesktop:-2px;
24556--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:41.58px;--gridPositionDesktop:1;--marginBottomDesktop:24.55px;--inputFontSizeDesktop:18px;--labelFontSizeDesktop:16px;--inputBorderTopDesktop:2px solid rgba(var(--colorBwGradientE),1);--inputFontColorDesktop:rgba(var(--colorBwGradientB),1);--inputBorderLeftDesktop:2px solid rgba(var(--colorBwGradientE),1);--inputFontWeightDesktop:bold;--inputPaddingTopDesktop:10px;--inputBorderRightDesktop:2px solid rgba(var(--colorBwGradientE),1);--inputPaddingLeftDesktop:5px;--labelPaddingLeftDesktop:0px;--inputBorderBottomDesktop:2px solid rgba(var(--colorBwGradientE),1);--inputBorderRadiusDesktop:0px 0px 0px 0px;--inputPaddingRightDesktop:5px;--labelMarginBottomDesktop:3px;--inputPaddingBottomDesktop:10px;--inputPlaceholderFontColorMobile:rgba(var(--colorBwGradientE),1);--inputPlaceholderFontColorTablet:rgba(var(--colorBwGradientF),1);--inputPlaceholderFontSizeDesktop:18px;--inputPlaceholderFontColorDesktop:rgba(var(--colorBwGradientF),1);--inputPlaceholderFontWeightDesktop:bold;--labelRadioCheckboxFontSizeDesktop:16px;--inputPlaceholderPaddingLeftDesktop:14px;--labelRadioCheckboxFontColorDesktop:rgba(var(--colorBwGradientA),1);--labelRadioCheckboxLetterSpacingDesktop:0px;">
24557    <div class="wml">
24558                    <div class="form-notification" id="notify_CHU33xvCMNr39qlqN-b_rC2i"></div>
24559<form method="POST"
24560      action="https://www.jeranekchiro.com/submit_form"
24561      data-form-id="87781"
24562      data-form-hash="CHU33xvCMNr39qlqN-b_rC2i"
24563      data-submit-url="eyJpdiI6IlJFc1FucTk5SmJ2cTBCUm5Lc1hRd0E9PSIsInZhbHVlIjoiOEU0bGt6WFZaZnphZjRIUGcxdFNCanBJWXZ3OXBjTGg2akxsQ0lZSnNHZ0d3VkdqTzlrZk9vSE1Vd3RXRmRrWUFvWXc4TmFTU0E0RnRoMERBa01JMG10Y2Q1clRnOUJWZ1UxdVh2VU9oYTQ9IiwibWFjIjoiN2M1MDg2YzY5MT
24563NiZGUxNDIyYTA5MWEyMjJiY2QzYzIxY2UyZjQyYzU5OWRkZjFhNjY0ZjQ3NzY4NTUyYzIxMiIsInRhZyI6IiJ9"
24564      data-submit-message="Thank you. Your submission has been sent."
24565      data-site-cap-key="6LfrgcArAAAAAO-cf15JEPqXF8eU6WKU-cmP22zt"
24566            >
24567
24568                        <div class="field-wrapper input-wrapper">
24569                    <label for="input_22" style=""> Name </label>
24570
24571    <input id="input_22"
24572           type="text"
24573           name="name"
24574           required
24575           placeholder="Enter your name (required)"
24576    >
24577
24578
24579
24580                </div>
24581                                            <div class="field-wrapper input-wrapper">
24582                    <label for="input_23" style=""> Email </label>
24583
24584    <input id="input_23"
24585           type="email"
24586           name="email"
24587           required
24588           placeholder="Enter email"
24589    >
24590
24591
24592
24593                </div>
24594                                            <div class="field-wrapper input-wrapper">
24595                    <label for="input_24" style=""> Phone </label>
24596
24597    <input id="input_24"
24598           type="tel"
24599           name="phone"
24600           required
24601           placeholder="(XXX)XXX-XXXX"
24602    >
24603
24604
24605
24606                </div>
24607                                            <div class="field-wrapper textarea-wrapper">
24608                    <label for="input_25" style=""> Comments </label>
24609<textarea id="input_25" name="comments" placeholder="Notes to the Doctor"></textarea>
24610                </div>
24611                                                <input id=""
24612           type="hidden"
24613           name="__lf_ref_name"
24614           
24615           placeholder=""
24616    >
24617                                                <input id=""
24618           type="hidden"
24619           name="__lf_title_name"
24620           
24621           placeholder=""
24622    >
24623                                                <input id=""
24624           type="hidden"
24625           name="__lf__ref_contact_field"
24626           
24627           placeholder=""
24628    >
24629                    
24630            <div class="form-disclaimer">Please do not submit any Protected Health Information (PHI).</div>
24631    
24632    <div class="form-actions submit-wrapper">
24633        <!-- Button:button_1 -->
24634<div id="11a48e82-987b-5689-b607-4fe669da7191" class="wmc wmc_button wmcM_animateHover" style="--widthMobile:200px;--widthTablet:200px;--widthDesktop:200px;--bgColorDesktop:rgba(var(--colorBackgroundI),1);--paddingTopMobile:10px;--paddingTopTablet:10px;--paddingLeftMobile:10px;
24634--paddingLeftTablet:10px;--paddingTopDesktop:10px;--gridPositionMobile:1;--gridPositionTablet:1;--paddingLeftDesktop:10px;--paddingRightMobile:10px;--paddingRightTablet:10px;--gridPositionDesktop:1;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:10px;--paddingBottomDesktop:10px;">
24635    <button type="submit" class="wml wml_button">
24636        <span class="wms_background">
24637            <div class="wmc_color_layer "
24638    style=""
24639         data-animate-observe="11a48e82-987b-5689-b607-4fe669da7191" >
24640</div>
24641        </span>
24642        <span class="wms_button">
24643            <!-- Button.Text:button_text -->
24644<span id="d5481380-6c67-5ef2-b685-acf494c13c0e" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
24645    <span class="wml">
24646        <p style><span style="--fontSizeDesktop: 1rem; --textColorDesktop: rgba(var(--colorBwGradientA));">Submit</span></p>
24647    </span>
24648</span>
24649            <!-- Button.Icon:button_icon -->
24650<span id="2cf79247-a80b-568f-a47b-7581f4464063" class="wmc wmc_icon wmc_buttonIcon wmcM_empty" style="--iconSizeDesktop:1.5rem;--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
24651    <span class="wml wml_icon">
24652        <i style="mask: url(https://storage.evona.app/w%2Fm%2Fa%2F5%2Fd%2F3%2Fwma5d31d38bbffde57cc2409363d5a0eaa7b00a5) center / contain no-repeat"></i>
24653    </span>
24654</span>
24655        </span>
24656    </button>
24657</div>
24658        <div class="loading-spinner">
24659            <div class="spinner"></div>
24660        </div>
24661    </div>
24662</form>
24663
24664
24665<div>
24666
24667
24668    
24669</div>
24670
24671                
24672    </div>
24673</div>
24674    </div>
24675</section>
24676    </div>
24677</div>
24678    <!-- Section:Untitled -->
24679<section id="a2ccf02f-056a-422c-9b10-be0a299bd3ae" class="wmc wmc_section " style="--minHeightMobile:250px;--minHeightTablet:250px;--minHeightDesktop:10.234375px;--gridPositionMobile:7;--gridPositionTablet:7;--gridPositionDesktop:7;">
24680    <div class="wml wml_rows">
24681        <div class="wms_background">
24682            <div class="wmc_color_layer "
24683    style=""
24684         data-animate-observe="a2ccf02f-056a-422c-9b10-be0a299bd3ae" >
24685</div>
24686        </div>
24687            </div>
24688</section>
24689    <!-- Section:Location Footer -->
24690<section id="a138bb79-4fe1-4562-8b27-dcdefe2be204" class="wmc wmc_section " style="--bgColorDesktop:rgba(var(--colorBwGradientA),0);--marginTopTablet:0.00px;--minHeightMobile:770.953125px;--minHeightTablet:739.015625px;--minHeightDesktop:453.078125px;--gridPositionMobile:8;--gridPositionTablet:8;--marginBottomTablet:0.00px;--gridPositionDesktop:8;">
24691    <div class="wml wml_rows">
24692        <div class="wms_background">
24693            <div class="wmc_color_layer "
24694    style=""
24695         data-animate-observe="a138bb79-4fe1-4562-8b27-dcdefe2be204" >
24696</div>
24697        </div>
24698        <!-- Box:box_1 -->
24699<div id="a13c90e4-ecb5-416d-b437-38a5f617e76f" class="wmc wmc_box wmcM_containerSizeFull--tablet wmcM_containerSizeFull--mobile" style="--zIndex:1;--widthMobile:320px;--widthTablet:692px;--widthDesktop:418px;--bgColorDesktop:rgba(var(--colorBwGradientJ),1);--borderTopMobile:2px solid rgba(var(--customColor7),0);--borderTopTablet:2px solid rgba(var(--customColor7),0);--marginTopMobile:-0.02px;--marginTopTablet:-0.11px;--minHeightMobile:320.96875px;--minHeightTablet:303px;--borderLeftMobile:2px solid rgba(var(--customColor7),0);--borderLeftTablet:2px solid rgba(var(--customColor7),0);--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:1.88px;--minHeightDesktop:410.359375px;--borderRightMobile:2px solid rgba(var(--customColor7),0);--borderRightTablet:2px solid rgba(var(--customColor7),0);--marginLeftDesktop:-6px;--borderBottomMobile:2px solid rgba(var(--customColor7),0);--borderBottomTablet:2px solid rgba(var(--customColor7),0);--borderRadiusMobile:0px 0px 0px 0px;--borderRadiusTablet:0px 0px 0px 0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:1.00px;" >
24700    <div class="wml wml_box "
24701            >
24702        <svg class="wm_svgFilter">
24703    <filter id="wm_svgKnockoutFilter_a13c90e4-ecb5-416d-b437-38a5f617e76f" color-interpolation-filters="sRGB">
24704        <feComponentTransfer result="inverseA">
24705            <feFuncA type="table" tableValues="1 0"/>
24706        </feComponentTransfer>
24707        <feFlood flood-color="var(--bgColor)"/>
24708        <feComposite operator="in" in2="inverseA"/>
24709    </filter>
24710</svg>
24711<style>
24712    [id='a13c90e4-ecb5-416d-b437-38a5f617e76f'].wmcM_knockoutEffect .wms_content {
24713        filter: url(#wm_svgKnockoutFilter_a13c90e4-ecb5-416d-b437-38a5f617e76f);
24714    }
24715</style>
24716                <div class="wms_background">
24717            <div class="wmc_color_layer "
24718    style=""
24719         data-animate-observe="a13c90e4-ecb5-416d-b437-38a5f617e76f" >
24720</div>
24721        </div>
24722        <div class="wms_content wml_rows">
24723            <!-- Text:text_1 -->
24724<div id="a13c90e4-c9c7-419f-a596-b5ca7ec8fd21" class="wmc wmc_text " style="--widthMobile:209px;--widthTablet:300px;--widthDesktop:300px;--marginTopMobile:26.13px;--marginTopTablet:45.02px;--minHeightMobile:43px;--minHeightTablet:31px;--marginLeftMobile:7px;--marginLeftTablet:6px;--marginTopDesktop:51.00px;--minHeightDesktop:50px;--marginLeftDesktop:24px;
24724--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
24725            >
24726    <div class="wml">
24727        <h3 style="--lineHeightDesktop: 1" class="wmcM_heading3"><span style="--fontSizeDesktop: 3rem; --fontSizeTablet: 1.75rem; --fontSizeMobile: 2.5rem; --fontWeightDesktop: 400; --textColorDesktop: rgba(var(--customColor9),1); --fontFamily: var(--fontFamilyPrimary)">LOCATION</span></h3>
24728    </div>
24729</div>
24730    <!-- Text:text_1 -->
24731<div id="a13c90e4-e7f9-4922-80ee-0a751af807bd" class="wmc wmc_text " style="--widthMobile:224px;--widthTablet:300px;--widthDesktop:300px;--marginTopMobile:-0.02px;--marginTopTablet:0.00px;--minHeightMobile:31px;--minHeightTablet:31px;--marginLeftMobile:7px;--marginLeftTablet:6px;--marginTopDesktop:27.88px;--minHeightDesktop:50px;--marginLeftDesktop:24px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
24732            >
24733    <div class="wml">
24734        <h3 style><span style="--fontSizeDesktop: 1.5625rem; --fontSizeMobile: 1.25rem; --fontWeightDesktop: 500; --textColorDesktop: rgba(var(--colorPrimaryB),1); --fontFamily: var(--fontFamilySecondary);">Find us on the map</span></h3>
24735    </div>
24736</div>
24737    <!-- Text:text_1 -->
24738<div id="a13c90e4-d170-48ef-ad1d-1c89440ac516" class="wmc wmc_text " style="--widthMobile:126px;--widthTablet:300px;--widthDesktop:108px;--marginTopMobile:14.19px;--marginTopTablet:12.00px;--minHeightMobile:23.796875px;--minHeightTablet:23.796875px;--marginLeftMobile:7px;--marginLeftTablet:6px;--marginTopDesktop:14.02px;--minHeightDesktop:23.5px;--marginLeftDesktop:27px;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;"
24739            >
24740    <div class="wml">
24741        <div class="wmcM_paragraph2" style><span style="--fontSizeDesktop: 1rem; --fontSizeMobile: 1rem; --fontWeightDesktop: 400; --textColorDesktop: rgba(var(--colorBwGradientA),1); --fontFamily: var(--fontFamilySecondary);">Address</span></div>
24742    </div>
24743</div>
24744    <!-- Text:text_1 -->
24745<div id="a13c90e4-d5eb-4b14-8ee8-639dcfebbae0" class="wmc wmc_text " style="--widthMobile:135px;--widthTablet:300px;--widthDesktop:172px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--marginLeftMobile:7px;--marginLeftTablet:6px;--marginTopDesktop:0.19px;--marginLeftDesktop:27px;--gridPositionMobile:4;--gridPositionTablet:4;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:4;--marginBottomDesktop:0.00px;"
24746            >
24747    <div class="wml">
24748        <div style><span style="--fontSizeDesktop: 1rem; --fontSizeMobile: 1rem; --fontWeightDesktop: 700; --textColorDesktop: rgba(var(--colorBwGradientA),1); --fontFamily: var(--fontFamilySecondary);">7505 41st Ave</span></div>
24749    </div>
24750</div>
24751    <!-- Text:text_1 -->
24752<div id="a13c90e4-e3d9-4a78-b238-7b5a0231801e" class="wmc wmc_text " style="--widthMobile:200px;--widthTablet:300px;--widthDesktop:217px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--marginLeftMobile:7px;--marginLeftTablet:6px;--marginTopDesktop:1.02px;--minHeightDesktop:26px;--marginLeftDesktop:27px;--gridPositionMobile:5;--gridPositionTablet:5;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:5;--marginBottomDesktop:0.00px;"
24753            >
24754    <div class="wml">
24755        <div style><span style="--fontSizeDesktop: 1rem; --fontSizeMobile: 1rem; --fontWeightDesktop: 700; --textColorDesktop: rgba(var(--colorBwGradientA),1); --fontFamily: var(--fontFamilySecondary);">Kenosha , WI 53142, USA</span></div>
24756    </div>
24757</div>
24758    <!-- Text:text_1 -->
24759<div id="a13c90e4-da41-44e1-8389-d8dcfa72e8a8" class="wmc wmc_text " style="--widthMobile:207px;--widthTablet:300px;--widthDesktop:185px;--marginTopMobile:22.22px;--marginTopTablet:15.19px;--minHeightMobile:23.796875px;--minHeightTablet:23.796875px;--marginLeftMobile:7px;--marginLeftTablet:6px;--marginTopDesktop:18.27px;--minHeightDesktop:23.5px;
24759--marginLeftDesktop:27px;--gridPositionMobile:6;--gridPositionTablet:6;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:6;--marginBottomDesktop:0.00px;"
24760            >
24761    <div class="wml">
24762        <div class="wmcM_paragraph2" style><span style="--fontSizeDesktop: 1rem; --fontSizeMobile: 1rem; --fontWeightDesktop: 400; --textColorDesktop: rgba(var(--colorBwGradientA),1); --fontFamily: var(--fontFamilySecondary);">Contact Information</span></div>
24763    </div>
24764</div>
24765    <!-- Text:text_1 -->
24766<div id="a13c90e4-de71-4809-834e-15cf31599c9e" class="wmc wmc_text " style="--widthMobile:209px;--widthTablet:300px;--widthDesktop:188.5px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--marginLeftMobile:7px;--marginLeftTablet:6px;--marginTopDesktop:0.22px;--minHeightDesktop:15.59375px;--marginLeftDesktop:30.5px;--gridPositionMobile:7;--gridPositionTablet:7;--marginBottomMobile:58.86px;--marginBottomTablet:43.20px;--gridPositionDesktop:7;--marginBottomDesktop:72.19px;"
24767            >
24768    <div class="wml">
24769        <div style><a class="wmcM_link" href="tel:2626947833"><span style="--fontSizeDesktop: 1rem; --fontSizeMobile: 1rem; --fontWeightDesktop: 700; --textColorDesktop: rgba(var(--colorBwGradientA),1); --textColorTablet: rgba(var(--colorPrimaryC),1); --textColorMobile: rgba(var(--colorBwGradientA),1); --fontFamily: var(--fontFamilySecondary);">Phone: &lpar;262&rpar; 694-7833</span></a></div>
24770    </div>
24771</div>
24772        </div>
24773    </div>
24774</div>
24775    <!-- Map:map -->
24776<wm-map id="a13c9077-468d-4931-9564-dcc462c93682" class="wmc wmc_map wmcM_containerSizeFull" style="--zIndex:0;--widthMobile:130px;--widthTablet:300px;--widthDesktop:1280px;--marginTopMobile:0.09px;--marginTopTablet:0.09px;--minHeightMobile:450px;--minHeightTablet:436.03125px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.08px;--minHeightDesktop:452px;--marginLeftDesktop:-55px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:1.00px;"
24777                    google-api-key="AIzaSyCPi18lG_rd7of67jBJsJxGESX-KiXqcj4"
24778                show-info-window="1"
24779        marker-click-enabled="1"
24780        platform="google"
24781        show-zoom-control="1"
24782        zoom="15"
24783        lat-slider="0"
24784        lng-slider="0"
24785        grayscale=""
24786        addresses='W3sibmFtZSI6IlByaW1hcnkgTG9jYXRpb24iLCJhZGRyZXNzIjoiNzUwNSA0MXN0IEF2ZSwgS2Vub3NoYSwgV0ksIDUzMTQyLCBVU0EiLCJsYXQiOjQyLjU2NTcxMzUsImxuZyI6LTg3Ljg1OTA4OTUsImlkIjoiYTEzY2VjOGYtODcyZS00N2FhLThmZWUtMTNiNTViNjgyNWU1IiwicGhvbmUiOiIoMjYyKSA2OTQtNzgzMyIsImVtYWlsIjoiIn1d'
24787>
24788    <div class="wml">
24789                    <wm-google-map id="google-map-a13c9077-468d-4931-9564-dcc462c93682"></wm-google-map>
24790            </div>
24791</wm-map>
24792    </div>
24793</section>
24794    <!-- Section:Hours Mobile -->
24795<section id="a138bb84-580a-4fef-b858-6a1e402e727c" class="wmc wmc_section wmcM_hidden--desktop" style="--bgColorMobile:rgba(var(--colorBwGradientA),1);--bgColorTablet:rgba(var(--customColor1),1);--bgColorDesktop:rgba(var(--colorBwGradientA),1);--minHeightMobile:627.9375px;--minHeightTablet:693.1875px;--minHeightDesktop:549.28125px;--gridPositionMobile:9;--gridPositionTablet:9;--gridPositionDesktop:9;">
24796    <div class="wml wml_rows">
24797        <div class="wms_background">
24798            <div class="wmc_color_layer "
24799    style=""
24800         data-animate-observe="a138bb84-580a-4fef-b858-6a1e402e727c" >
24801</div>
24802        </div>
24803        <!-- Box:box_1 -->
24804<div id="a138bb81-007a-4c85-8a54-4821cdec9e1e" class="wmc wmc_box " style="--widthMobile:320px;--widthTablet:720px;--widthDesktop:772px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--minHeightMobile:575.0625px;--minHeightTablet:616.203125px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:11.08px;--minHeightDesktop:393.28125px;--marginLeftDesktop:143px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:80.16px;" >
24805    <div class="wml wml_box "
24806            >
24807        <svg class="wm_svgFilter">
24808    <filter id="wm_svgKnockoutFilter_a138bb81-007a-4c85-8a54-4821cdec9e1e" color-interpolation-filters="sRGB">
24809        <feComponentTransfer result="inverseA">
24810            <feFuncA type="table" tableValues="1 0"/>
24811        </feComponentTransfer>
24812        <feFlood flood-color="var(--bgColor)"/>
24813        <feComposite operator="in" in2="inverseA"/>
24814    </filter>
24815</svg>
24816<style>
24817    [id='a138bb81-007a-4c85-8a54-4821cdec9e1e'].wmcM_knockoutEffect .wms_content {
24818        filter: url(#wm_svgKnockoutFilter_a138bb81-007a-4c85-8a54-4821cdec9e1e);
24819    }
24820</style>
24821                <div class="wms_background">
24822            <div class="wmc_color_layer "
24823    style=""
24824         data-animate-observe="a138bb81-007a-4c85-8a54-4821cdec9e1e" >
24825</div>
24826        </div>
24827        <div class="wms_content wml_rows">
24828            <!-- Text:text_1 -->
24829<div id="a138bb84-58f4-4e7e-9931-6d8dad85c14c" class="wmc wmc_text " style="--widthMobile:320px;--widthTablet:271px;--widthDesktop:213px;--marginTopMobile:38.63px;--marginTopTablet:57.25px;--minHeightMobile:31px;--minHeightTablet:31px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:16.02px;--minHeightDesktop:50px;--marginLeftDesktop:240px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
24830            >
24831    <div class="wml">
24832        <h3 style="--textAlignTablet: left; --textAlignMobile: left; --lineHeightDesktop: 1" class="wmcM_heading3"><span style="--fontSizeDesktop: 3rem; --fontSizeTablet: 2.5rem; --fontSizeMobile: 2.5rem; --fontWeightDesktop: 300; --fontWeightTablet: 400; --fontWeightMobile: 400;
24832 --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilyPrimary); --textTransformTablet: uppercase; --textTransformMobile: uppercase">Office Hours</span></h3><h4 style><span style="--fontSizeTablet: 1.625rem; --fontSizeMobile: 1.625rem; --fontWeightTablet: 400; --fontWeightMobile: 400; --textColorTablet: rgba(var(--colorBwGradientJ),1); --textColorMobile: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">Our Regular Schedule</span></h4>
24833    </div>
24834</div>
24835    <!-- Box:box_1 -->
24836<div id="a138bb80-e8c3-4eb7-b5e3-8a5e17677706" class="wmc wmc_box " style="--widthMobile:320px;--widthTablet:720px;--widthDesktop:728px;--bgColorMobile:rgba(var(--colorBwGradientJ),0.32);--bgColorTablet:rgba(var(--colorBwGradientJ),0.32);--marginTopMobile:31.63px;--marginTopTablet:26.25px;--minHeightMobile:62.609375px;--minHeightTablet:57.015625px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:32.97px;--minHeightDesktop:47.09375px;--marginLeftDesktop:0px;--borderRightDesktop:0px solid rgba(var(--colorBackgroundH),1);--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;" >
24837    <div class="wml wml_box "
24838            >
24839        <svg class="wm_svgFilter">
24840    <filter id="wm_svgKnockoutFilter_a138bb80-e8c3-4eb7-b5e3-8a5e17677706" color-interpolation-filters="sRGB">
24841        <feComponentTransfer result="inverseA">
24842            <feFuncA type="table" tableValues="1 0"/>
24843        </feComponentTransfer>
24844        <feFlood flood-color="var(--bgColor)"/>
24845        <feComposite operator="in" in2="inverseA"/>
24846    </filter>
24847</svg>
24848<style>
24849    [id='a138bb80-e8c3-4eb7-b5e3-8a5e17677706'].wmcM_knockoutEffect .wms_content {
24850        filter: url(#wm_svgKnockoutFilter_a138bb80-e8c3-4eb7-b5e3-8a5e17677706);
24851    }
24852</style>
24853                <div class="wms_background">
24854            <div class="wmc_color_layer "
24855    style=""
24856         data-animate-observe="a138bb80-e8c3-4eb7-b5e3-8a5e17677706" >
24857</div>
24858        </div>
24859        <div class="wms_content wml_rows">
24860            <!-- Text:text_1 -->
24861<div id="a138bb80-e565-4f9f-a6a2-bb2854d058f0" class="wmc wmc_text " style="--widthMobile:69px;--widthTablet:69px;--widthDesktop:79px;--marginTopMobile:20.36px;--marginTopTablet:20.88px;--marginLeftMobile:7px;--marginLeftTablet:6px;--marginTopDesktop:-0.80px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
24862            >
24863    <div class="wml">
24864        <div style="--textAlignDesktop: left" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 1.125rem; --fontSizeMobile: 1.125rem; --fontWeightTablet: 700; --fontWeightMobile: 700; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">Monday</span></div>
24865    </div>
24866</div>
24867    <!-- Text:text_1 -->
24868<div id="a138bb80-e70f-4244-8f27-60cc7e9536f9" class="wmc wmc_text " style="--widthMobile:159px;--widthTablet:179px;--widthDesktop:99px;--marginTopMobile:11.67px;--marginTopTablet:12.19px;--minHeightMobile:40.78125px;--marginLeftMobile:161px;--marginLeftTablet:533px;--marginTopDesktop:-17.77px;--minHeightDesktop:18.59375px;--marginLeftDesktop:629px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
24869            >
24870    <div class="wml">
24871        <div style="--textAlignDesktop: right; --lineHeightTablet: 0.9; --lineHeightMobile: 0.9" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 1rem; --fontSizeMobile: 1rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">09:00 am - 11:00 am</span></div><div style="--textAlignDesktop: right; --lineHeightTablet: 0.9; --lineHeightMobile: 0.9" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 1rem; --fontSizeMobile: 1rem;
24871 --textColorTablet: rgba(var(--colorBwGradientJ),1); --textColorMobile: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">02:00 pm- 06:00 pm</span></div>
24872    </div>
24873</div>
24874    <!-- Box:box_1 -->
24875<div id="a138bb80-e4be-43fd-a212-56fe10d52244" class="wmc wmc_box " style="--widthMobile:62px;--widthTablet:406px;--widthDesktop:531px;--borderTopMobile:1px dashed rgba(var(--colorBwGradientJ),1);--borderTopTablet:1px dashed rgba(var(--colorBwGradientJ),1);--marginTopMobile:-19.41px;--marginTopTablet:-19.38px;--minHeightMobile:19px;--minHeightTablet:19px;--borderTopDesktop:1px solid rgba(var(--colorBwGradientJ),1);--marginLeftMobile:99px;--marginLeftTablet:92px;--marginTopDesktop:-9.13px;--minHeightDesktop:19px;--marginLeftDesktop:98px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:10.55px;--marginBottomTablet:12.25px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;" >
24876    <div class="wml wml_box "
24877            >
24878        <svg class="wm_svgFilter">
24879    <filter id="wm_svgKnockoutFilter_a138bb80-e4be-43fd-a212-56fe10d52244" color-interpolation-filters="sRGB">
24880        <feComponentTransfer result="inverseA">
24881            <feFuncA type="table" tableValues="1 0"/>
24882        </feComponentTransfer>
24883        <feFlood flood-color="var(--bgColor)"/>
24884        <feComposite operator="in" in2="inverseA"/>
24885    </filter>
24886</svg>
24887<style>
24888    [id='a138bb80-e4be-43fd-a212-56fe10d52244'].wmcM_knockoutEffect .wms_content {
24889        filter: url(#wm_svgKnockoutFilter_a138bb80-e4be-43fd-a212-56fe10d52244);
24890    }
24891</style>
24892                <div class="wms_background">
24893            <div class="wmc_color_layer "
24894    style=""
24895         data-animate-observe="a138bb80-e4be-43fd-a212-56fe10d52244" >
24896</div>
24897        </div>
24898        <div class="wms_content wml_rows">
24899                    </div>
24900    </div>
24901</div>
24902        </div>
24903    </div>
24904</div>
24905    <!-- Box:box_1 -->
24906<div id="a138bb80-e3d7-41e4-bd0e-cd907825cea1" class="wmc wmc_box " style="--widthMobile:320px;--widthTablet:720px;--widthDesktop:728px;--marginTopMobile:-0.19px;--marginTopTablet:-0.16px;--minHeightMobile:59.640625px;--minHeightTablet:64.890625px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.05px;--minHeightDesktop:19.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;" >
24907    <div class="wml wml_box "
24908            >
24909        <svg class="wm_svgFilter">
24910    <filter id="wm_svgKnockoutFilter_a138bb80-e3d7-41e4-bd0e-cd907825cea1" color-interpolation-filters="sRGB">
24911        <feComponentTransfer result="inverseA">
24912            <feFuncA type="table" tableValues="1 0"/>
24913        </feComponentTransfer>
24914        <feFlood flood-color="var(--bgColor)"/>
24915        <feComposite operator="in" in2="inverseA"/>
24916    </filter>
24917</svg>
24918<style>
24919    [id='a138bb80-e3d7-41e4-bd0e-cd907825cea1'].wmcM_knockoutEffect .wms_content {
24920        filter: url(#wm_svgKnockoutFilter_a138bb80-e3d7-41e4-bd0e-cd907825cea1);
24921    }
24922</style>
24923                <div class="wms_background">
24924            <div class="wmc_color_layer "
24925    style=""
24926         data-animate-observe="a138bb80-e3d7-41e4-bd0e-cd907825cea1" >
24927</div>
24928        </div>
24929        <div class="wms_content wml_rows">
24930            <!-- Box:box_1 -->
24931<div id="a138bb80-dfc2-4916-a5ff-2f84c7dcd372" class="wmc wmc_box " style="--widthMobile:63px;--widthTablet:418px;--widthDesktop:531px;--borderTopMobile:1px dashed rgba(var(--colorBwGradientJ),1);--borderTopTablet:1px dashed rgba(var(--colorBwGradientJ),1);--marginTopMobile:23.67px;--marginTopTablet:-18.38px;--minHeightMobile:14.984375px;--minHeightTablet:17.984375px;--borderTopDesktop:1px solid rgba(var(--colorBwGradientJ),1);--marginLeftMobile:88.5px;--marginLeftTablet:92px;--marginTopDesktop:-9.13px;--minHeightDesktop:19px;--marginLeftDesktop:98px;--gridPositionMobile:1;--gridPositionTablet:2;--marginBottomMobile:9.58px;--marginBottomTablet:11.97px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;" >
24932    <div class="wml wml_box "
24933            >
24934        <svg class="wm_svgFilter">
24935    <filter id="wm_svgKnockoutFilter_a138bb80-dfc2-4916-a5ff-2f84c7dcd372" color-interpolation-filters="sRGB">
24936        <feComponentTransfer result="inverseA">
24937            <feFuncA type="table" tableValues="1 0"/>
24938        </feComponentTransfer>
24939        <feFlood flood-color="var(--bgColor)"/>
24940        <feComposite operator="in" in2="inverseA"/>
24941    </filter>
24942</svg>
24943<style>
24944    [id='a138bb80-dfc2-4916-a5ff-2f84c7dcd372'].wmcM_knockoutEffect .wms_content {
24945        filter: url(#wm_svgKnockoutFilter_a138bb80-dfc2-4916-a5ff-2f84c7dcd372);
24946    }
24947</style>
24948                <div class="wms_background">
24949            <div class="wmc_color_layer "
24950    style=""
24951         data-animate-observe="a138bb80-dfc2-4916-a5ff-2f84c7dcd372" >
24952</div>
24953        </div>
24954        <div class="wms_content wml_rows">
24955                    </div>
24956    </div>
24957</div>
24958    <!-- Text:text_1 -->
24959<div id="a138bb80-e07c-4744-a45d-e12ac3d92b51" class="wmc wmc_text " style="--widthMobile:81px;--widthTablet:82px;--widthDesktop:79px;--marginTopMobile:9.66px;--marginTopTablet:21.19px;--marginLeftMobile:7px;--marginLeftTablet:6px;--marginTopDesktop:-0.80px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:9.58px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
24960            >
24961    <div class="wml">
24962        <div style="--textAlignDesktop: left" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 1.125rem; --fontSizeMobile: 1.125rem; --fontWeightTablet: 700; --fontWeightMobile: 700;
24962 --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">Tuesday</span></div>
24963    </div>
24964</div>
24965    <!-- Text:text_1 -->
24966<div id="a138bb80-e234-457f-9187-0f1139de7d05" class="wmc wmc_text " style="--widthMobile:187px;--widthTablet:194px;--widthDesktop:99px;--marginTopMobile:9.27px;--marginTopTablet:12.50px;--marginLeftMobile:133px;--marginLeftTablet:518px;--marginTopDesktop:-17.77px;--minHeightDesktop:18.59375px;--marginLeftDesktop:629px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:9.58px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
24967            >
24968    <div class="wml">
24969        <div class="wmcM_paragraph4" style="--textAlignDesktop: right; --textAlignTablet: center; --textAlignMobile: center; --lineHeightTablet: 0.9; --lineHeightMobile: 0.9;"><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 1rem; --fontSizeMobile: 1rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary);">Available For </span></div><div class="wmcM_paragraph4" style="--textAlignDesktop: right; --textAlignTablet: center; --textAlignMobile: center; --lineHeightTablet: 0.9; --lineHeightMobile: 0.9;"><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 1rem; --fontSizeMobile: 1rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary);">Scheduling</span></div>
24970    </div>
24971</div>
24972        </div>
24973    </div>
24974</div>
24975    <!-- Box:box_1 -->
24976<div id="a138bb80-ee2e-4c12-ad34-821bd9f7c819" class="wmc wmc_box " style="--widthMobile:320px;--widthTablet:720px;--widthDesktop:728px;--bgColorMobile:rgba(var(--colorBwGradientJ),0.32);--bgColorTablet:rgba(var(--colorBwGradientJ),0.32);--marginTopMobile:0.02px;--marginTopTablet:0.02px;--minHeightMobile:64.015625px;--minHeightTablet:64.125px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.44px;--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;" >
24977    <div class="wml wml_box "
24978            >
24979        <svg class="wm_svgFilter">
24980    <filter id="wm_svgKnockoutFilter_a138bb80-ee2e-4c12-ad34-821bd9f7c819" color-interpolation-filters="sRGB">
24981        <feComponentTransfer result="inverseA">
24982            <feFuncA type="table" tableValues="1 0"/>
24983        </feComponentTransfer>
24984        <feFlood flood-color="var(--bgColor)"/>
24985        <feComposite operator="in" in2="inverseA"/>
24986    </filter>
24987</svg>
24988<style>
24989    [id='a138bb80-ee2e-4c12-ad34-821bd9f7c819'].wmcM_knockoutEffect .wms_content {
24990        filter: url(#wm_svgKnockoutFilter_a138bb80-ee2e-4c12-ad34-821bd9f7c819);
24991    }
24992</style>
24993                <div class="wms_background">
24994            <div class="wmc_color_layer "
24995    style=""
24996         data-animate-observe="a138bb80-ee2e-4c12-ad34-821bd9f7c819" >
24997</div>
24998        </div>
24999        <div class="wms_content wml_rows">
25000            <!-- Text:text_1 -->
25001<div id="a138bb80-ea97-40d3-8823-5c34fe3b0d34" class="wmc wmc_text " style="--widthMobile:113px;--widthTablet:104px;--widthDesktop:79px;--marginTopMobile:20.33px;--marginTopTablet:20.31px;--marginLeftMobile:7px;--marginLeftTablet:6px;--marginTopDesktop:-0.80px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
25002            >
25003    <div class="wml">
25004        <div style="--textAlignDesktop: left" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 1.125rem; --fontSizeMobile: 1.125rem; --fontWeightTablet: 700; --fontWeightMobile: 700; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">Wednesday</span></div>
25005    </div>
25006</div>
25007    <!-- Text:text_1 -->
25008<div id="a138bb80-ec5d-40f8-acc7-f5b621de5c4b" class="wmc wmc_text " style="--widthMobile:169px;--widthTablet:179px;--widthDesktop:99px;--marginTopMobile:11.64px;--marginTopTablet:11.63px;--minHeightTablet:31.1875px;--marginLeftMobile:151px;--marginLeftTablet:533px;--marginTopDesktop:-17.77px;--minHeightDesktop:18.59375px;--marginLeftDesktop:629px;
25008--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
25009            >
25010    <div class="wml">
25011        <div style="--textAlignDesktop: right; --lineHeightTablet: 0.9; --lineHeightMobile: 0.9" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 1rem; --fontSizeMobile: 1rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">09:00 am - 11:00 am</span></div><div style="--textAlignDesktop: right; --lineHeightTablet: 0.9; --lineHeightMobile: 0.9" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 1rem; --fontSizeMobile: 1rem; --textColorTablet: rgba(var(--colorBwGradientJ),1); --textColorMobile: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">02:00 pm- 06:00 pm</span></div>
25012    </div>
25013</div>
25014    <!-- Box:box_1 -->
25015<div id="a138bb80-e9cf-432c-a9b5-ab4ae2c0746b" class="wmc wmc_box " style="--widthMobile:45.5px;--widthTablet:407px;--widthDesktop:531px;--borderTopMobile:1px dashed rgba(var(--colorBwGradientJ),1);--borderTopTablet:1px dashed rgba(var(--colorBwGradientJ),1);--marginTopMobile:-19.39px;--marginTopTablet:-18.41px;--minHeightMobile:19px;--minHeightTablet:18px;--borderTopDesktop:1px solid rgba(var(--colorBwGradientJ),1);--marginLeftMobile:115.5px;--marginLeftTablet:111px;--marginTopDesktop:-9.13px;--minHeightDesktop:19px;--marginLeftDesktop:98px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:11.97px;--marginBottomTablet:12.13px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;" >
25016    <div class="wml wml_box "
25017            >
25018        <svg class="wm_svgFilter">
25019    <filter id="wm_svgKnockoutFilter_a138bb80-e9cf-432c-a9b5-ab4ae2c0746b" color-interpolation-filters="sRGB">
25020        <feComponentTransfer result="inverseA">
25021            <feFuncA type="table" tableValues="1 0"/>
25022        </feComponentTransfer>
25023        <feFlood flood-color="var(--bgColor)"/>
25024        <feComposite operator="in" in2="inverseA"/>
25025    </filter>
25026</svg>
25027<style>
25028    [id='a138bb80-e9cf-432c-a9b5-ab4ae2c0746b'].wmcM_knockoutEffect .wms_content {
25029        filter: url(#wm_svgKnockoutFilter_a138bb80-e9cf-432c-a9b5-ab4ae2c0746b);
25030    }
25031</style>
25032                <div class="wms_background">
25033            <div class="wmc_color_layer "
25034    style=""
25035         data-animate-observe="a138bb80-e9cf-432c-a9b5-ab4ae2c0746b" >
25036</div>
25037        </div>
25038        <div class="wms_content wml_rows">
25039                    </div>
25040    </div>
25041</div>
25042        </div>
25043    </div>
25044</div>
25045    <!-- Box:box_1 -->
25046<div id="a138bb80-f59f-420f-bbd6-8d53113e17da" class="wmc wmc_box " style="--widthMobile:320px;--widthTablet:720px;--widthDesktop:728px;--marginTopMobile:0.00px;--marginTopTablet:-0.13px;--minHeightMobile:41.96875px;--minHeightTablet:65px;--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;" >
25047    <div class="wml wml_box "
25048            >
25049        <svg class="wm_svgFilter">
25050    <filter id="wm_svgKnockoutFilter_a138bb80-f59f-420f-bbd6-8d53113e17da" color-interpolation-filters="sRGB">
25051        <feComponentTransfer result="inverseA">
25052            <feFuncA type="table" tableValues="1 0"/>
25053        </feComponentTransfer>
25054        <feFlood flood-color="var(--bgColor)"/>
25055        <feComposite operator="in" in2="inverseA"/>
25056    </filter>
25057</svg>
25058<style>
25059    [id='a138bb80-f59f-420f-bbd6-8d53113e17da'].wmcM_knockoutEffect .wms_content {
25060        filter: url(#wm_svgKnockoutFilter_a138bb80-f59f-420f-bbd6-8d53113e17da);
25061    }
25062</style>
25063                <div class="wms_background">
25064            <div class="wmc_color_layer "
25065    style=""
25066         data-animate-observe="a138bb80-f59f-420f-bbd6-8d53113e17da" >
25067</div>
25068        </div>
25069        <div class="wms_content wml_rows">
25070            <!-- Text:text_1 -->
25071<div id="a138bb80-efb3-4bf6-b62f-377538d0b6e5" class="wmc wmc_text " style="--widthMobile:81px;--widthTablet:82px;--widthDesktop:79px;--marginTopMobile:20.33px;--marginTopTablet:21.30px;--marginLeftMobile:7px;--marginLeftTablet:6px;--marginTopDesktop:-0.80px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
25072            >
25073    <div class="wml">
25074        <div style="--textAlignDesktop: left" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 1.125rem; --fontSizeMobile: 1.125rem; --fontWeightTablet: 700; --fontWeightMobile: 700;
25074 --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">Thursday</span></div>
25075    </div>
25076</div>
25077    <!-- Text:text_1 -->
25078<div id="a138bb80-f15b-4924-87b9-8d1d6bc020dd" class="wmc wmc_text " style="--widthMobile:187px;--widthTablet:194px;--widthDesktop:99px;--marginTopMobile:11.63px;--marginTopTablet:12.63px;--marginLeftMobile:133px;--marginLeftTablet:518px;--marginTopDesktop:-17.77px;--minHeightDesktop:18.59375px;--marginLeftDesktop:629px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
25079            >
25080    <div class="wml">
25081        <div class="wmcM_paragraph4" style="--textAlignDesktop: right; --textAlignTablet: center; --textAlignMobile: center; --lineHeightTablet: 0.9; --lineHeightMobile: 0.9;"><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 1rem; --fontSizeMobile: 1rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary);">Available For </span></div><div class="wmcM_paragraph4" style="--textAlignDesktop: right; --textAlignTablet: center; --textAlignMobile: center; --lineHeightTablet: 0.9; --lineHeightMobile: 0.9;"><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 1rem; --fontSizeMobile: 1rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary);">Scheduling</span></div>
25082    </div>
25083</div>
25084    <!-- Box:box_1 -->
25085<div id="a138bb80-ef02-4317-bba0-2889ed76068a" class="wmc wmc_box " style="--widthMobile:44px;--widthTablet:418px;--widthDesktop:531px;--borderTopMobile:1px dashed rgba(var(--colorBwGradientJ),1);--borderTopTablet:1px dashed rgba(var(--colorBwGradientJ),1);--marginTopMobile:-19.36px;--marginTopTablet:-19.33px;--minHeightMobile:18.984375px;--minHeightTablet:18.921875px;--borderTopDesktop:1px solid rgba(var(--colorBwGradientJ),1);--marginLeftMobile:98px;--marginLeftTablet:92px;--marginTopDesktop:-9.13px;--minHeightDesktop:19px;--marginLeftDesktop:98px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:12.42px;--marginBottomTablet:12.00px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;" >
25086    <div class="wml wml_box "
25087            >
25088        <svg class="wm_svgFilter">
25089    <filter id="wm_svgKnockoutFilter_a138bb80-ef02-4317-bba0-2889ed76068a" color-interpolation-filters="sRGB">
25090        <feComponentTransfer result="inverseA">
25091            <feFuncA type="table" tableValues="1 0"/>
25092        </feComponentTransfer>
25093        <feFlood flood-color="var(--bgColor)"/>
25094        <feComposite operator="in" in2="inverseA"/>
25095    </filter>
25096</svg>
25097<style>
25098    [id='a138bb80-ef02-4317-bba0-2889ed76068a'].wmcM_knockoutEffect .wms_content {
25099        filter: url(#wm_svgKnockoutFilter_a138bb80-ef02-4317-bba0-2889ed76068a);
25100    }
25101</style>
25102                <div class="wms_background">
25103            <div class="wmc_color_layer "
25104    style=""
25105         data-animate-observe="a138bb80-ef02-4317-bba0-2889ed76068a" >
25106</div>
25107        </div>
25108        <div class="wms_content wml_rows">
25109                    </div>
25110    </div>
25111</div>
25112        </div>
25113    </div>
25114</div>
25115    <!-- Box:box_1 -->
25116<div id="a138bb80-faaf-4ae3-8b65-e254c01c0ed4" class="wmc wmc_box " style="--widthMobile:320px;--widthTablet:720px;--widthDesktop:728px;--bgColorMobile:rgba(var(--colorBwGradientJ),0.32);--bgColorTablet:rgba(var(--colorBwGradientJ),0.32);--marginTopMobile:0.00px;--marginTopTablet:0.00px;--minHeightMobile:40.625px;--minHeightTablet:68.015625px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.47px;--minHeightDesktop:28.5px;--marginLeftDesktop:0px;--borderRightDesktop:0px solid rgba(var(--colorBackgroundH),1);--gridPositionMobile:6;--gridPositionTablet:6;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:6;--marginBottomDesktop:0.00px;" >
25117    <div class="wml wml_box "
25118            >
25119        <svg class="wm_svgFilter">
25120    <filter id="wm_svgKnockoutFilter_a138bb80-faaf-4ae3-8b65-e254c01c0ed4" color-interpolation-filters="sRGB">
25121        <feComponentTransfer result="inverseA">
25122            <feFuncA type="table" tableValues="1 0"/>
25123        </feComponentTransfer>
25124        <feFlood flood-color="var(--bgColor)"/>
25125        <feComposite operator="in" in2="inverseA"/>
25126    </filter>
25127</svg>
25128<style>
25129    [id='a138bb80-faaf-4ae3-8b65-e254c01c0ed4'].wmcM_knockoutEffect .wms_content {
25130        filter: url(#wm_svgKnockoutFilter_a138bb80-faaf-4ae3-8b65-e254c01c0ed4);
25131    }
25132</style>
25133                <div class="wms_background">
25134            <div class="wmc_color_layer "
25135    style=""
25136         data-animate-observe="a138bb80-faaf-4ae3-8b65-e254c01c0ed4" >
25137</div>
25138        </div>
25139        <div class="wms_content wml_rows">
25140            <!-- Text:text_1 -->
25141<div id="a138bb80-f745-4499-a11e-bf9b26293cb0" class="wmc wmc_text " style="--widthMobile:57px;--widthTablet:59px;--widthDesktop:79px;--marginTopMobile:19.89px;--marginTopTablet:22.31px;--marginLeftMobile:7px;--marginLeftTablet:6px;--marginTopDesktop:-0.80px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
25142            >
25143    <div class="wml">
25144        <div style="--textAlignDesktop: left" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 1.125rem; --fontSizeMobile: 1.125rem; --fontWeightTablet: 700; --fontWeightMobile: 700;
25144 --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">Friday</span></div>
25145    </div>
25146</div>
25147    <!-- Text:text_1 -->
25148<div id="a138bb80-f90d-4f59-b34f-cb8573b6b422" class="wmc wmc_text " style="--widthMobile:169px;--widthTablet:179px;--widthDesktop:99px;--marginTopMobile:11.20px;--marginTopTablet:13.63px;--marginLeftMobile:151px;--marginLeftTablet:533px;--marginTopDesktop:-17.77px;--minHeightDesktop:18.59375px;--marginLeftDesktop:629px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
25149            >
25150    <div class="wml">
25151        <div style="--textAlignDesktop: right; --lineHeightTablet: 0.9; --lineHeightMobile: 0.9" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 1rem; --fontSizeMobile: 1rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">09:00 am - 11:00 am</span></div><div style="--textAlignDesktop: right; --lineHeightTablet: 0.9; --lineHeightMobile: 0.9" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 1rem; --fontSizeMobile: 1rem; --textColorTablet: rgba(var(--colorBwGradientJ),1); --textColorMobile: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">02:00 pm- 06:00 pm</span></div>
25152    </div>
25153</div>
25154    <!-- Box:box_1 -->
25155<div id="a138bb80-f696-402e-b269-a81a46d83f47" class="wmc wmc_box " style="--widthMobile:85px;--widthTablet:458px;--widthDesktop:531px;--borderTopMobile:1px dashed rgba(var(--colorBwGradientJ),1);--borderTopTablet:1px dashed rgba(var(--colorBwGradientJ),1);--marginTopMobile:-19.39px;--marginTopTablet:-19.38px;--minHeightMobile:19px;--minHeightTablet:19px;--borderTopDesktop:1px solid rgba(var(--colorBwGradientJ),1);--marginLeftMobile:76px;--marginLeftTablet:75px;--marginTopDesktop:-9.13px;--minHeightDesktop:19px;--marginLeftDesktop:98px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:12.39px;--marginBottomTablet:13.97px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;" >
25156    <div class="wml wml_box "
25157            >
25158        <svg class="wm_svgFilter">
25159    <filter id="wm_svgKnockoutFilter_a138bb80-f696-402e-b269-a81a46d83f47" color-interpolation-filters="sRGB">
25160        <feComponentTransfer result="inverseA">
25161            <feFuncA type="table" tableValues="1 0"/>
25162        </feComponentTransfer>
25163        <feFlood flood-color="var(--bgColor)"/>
25164        <feComposite operator="in" in2="inverseA"/>
25165    </filter>
25166</svg>
25167<style>
25168    [id='a138bb80-f696-402e-b269-a81a46d83f47'].wmcM_knockoutEffect .wms_content {
25169        filter: url(#wm_svgKnockoutFilter_a138bb80-f696-402e-b269-a81a46d83f47);
25170    }
25171</style>
25172                <div class="wms_background">
25173            <div class="wmc_color_layer "
25174    style=""
25175         data-animate-observe="a138bb80-f696-402e-b269-a81a46d83f47" >
25176</div>
25177        </div>
25178        <div class="wms_content wml_rows">
25179                    </div>
25180    </div>
25181</div>
25182        </div>
25183    </div>
25184</div>
25185    <!-- Box:box_1 -->
25186<div id="a138bb80-ffb6-48ee-aecc-7676d25e55bc" class="wmc wmc_box " style="--widthMobile:320px;--widthTablet:720px;--widthDesktop:728px;--marginTopMobile:0.00px;--marginTopTablet:-3.00px;--minHeightMobile:55.515625px;--minHeightTablet:63.15625px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.50px;--minHeightDesktop:28.5px;--marginLeftDesktop:0px;--borderRightDesktop:0px solid rgba(var(--colorBackgroundH),1);--gridPositionMobile:7;--gridPositionTablet:7;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:7;--marginBottomDesktop:0.00px;" >
25187    <div class="wml wml_box "
25188            >
25189        <svg class="wm_svgFilter">
25190    <filter id="wm_svgKnockoutFilter_a138bb80-ffb6-48ee-aecc-7676d25e55bc" color-interpolation-filters="sRGB">
25191        <feComponentTransfer result="inverseA">
25192            <feFuncA type="table" tableValues="1 0"/>
25193        </feComponentTransfer>
25194        <feFlood flood-color="var(--bgColor)"/>
25195        <feComposite operator="in" in2="inverseA"/>
25196    </filter>
25197</svg>
25198<style>
25199    [id='a138bb80-ffb6-48ee-aecc-7676d25e55bc'].wmcM_knockoutEffect .wms_content {
25200        filter: url(#wm_svgKnockoutFilter_a138bb80-ffb6-48ee-aecc-7676d25e55bc);
25201    }
25202</style>
25203                <div class="wms_background">
25204            <div class="wmc_color_layer "
25205    style=""
25206         data-animate-observe="a138bb80-ffb6-48ee-aecc-7676d25e55bc" >
25207</div>
25208        </div>
25209        <div class="wms_content wml_rows">
25210            <!-- Text:text_1 -->
25211<div id="a138bb80-fc33-43a9-9dd4-f117aa5c3467" class="wmc wmc_text " style="--widthMobile:81px;--widthTablet:82px;--widthDesktop:79px;--marginTopMobile:15.92px;--marginTopTablet:20.45px;--marginLeftMobile:7px;--marginLeftTablet:6px;--marginTopDesktop:-0.80px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
25212            >
25213    <div class="wml">
25214        <div style="--textAlignDesktop: left" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 1.125rem; --fontSizeMobile: 1.125rem; --fontWeightTablet: 700; --fontWeightMobile: 700;
25214 --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">Saturday</span></div>
25215    </div>
25216</div>
25217    <!-- Text:text_1 -->
25218<div id="a138bb80-fdf7-429f-8f03-b124d000ffe9" class="wmc wmc_text " style="--widthMobile:62px;--widthTablet:63px;--widthDesktop:99px;--marginTopMobile:17.22px;--marginTopTablet:21.73px;--marginLeftMobile:258px;--marginLeftTablet:649px;--marginTopDesktop:-17.77px;--minHeightDesktop:18.59375px;--marginLeftDesktop:629px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
25219            >
25220    <div class="wml">
25221        <div style="--textAlignDesktop: right" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 1rem; --fontSizeMobile: 1rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">Closed</span></div>
25222    </div>
25223</div>
25224    <!-- Box:box_1 -->
25225<div id="a138bb80-fb79-4750-be6a-a4539d2a8f0a" class="wmc wmc_box " style="--widthMobile:126px;--widthTablet:525px;--widthDesktop:531px;--borderTopMobile:1px dashed rgba(var(--colorBwGradientJ),1);--borderTopTablet:1px dashed rgba(var(--colorBwGradientJ),1);--marginTopMobile:-10.52px;--marginTopTablet:-10.36px;--minHeightMobile:19px;--minHeightTablet:18px;--borderTopDesktop:1px solid rgba(var(--colorBwGradientJ),1);--marginLeftMobile:105px;--marginLeftTablet:92.5px;--marginTopDesktop:-9.13px;--minHeightDesktop:19px;--marginLeftDesktop:98px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:7.73px;--marginBottomTablet:11.63px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;" >
25226    <div class="wml wml_box "
25227            >
25228        <svg class="wm_svgFilter">
25229    <filter id="wm_svgKnockoutFilter_a138bb80-fb79-4750-be6a-a4539d2a8f0a" color-interpolation-filters="sRGB">
25230        <feComponentTransfer result="inverseA">
25231            <feFuncA type="table" tableValues="1 0"/>
25232        </feComponentTransfer>
25233        <feFlood flood-color="var(--bgColor)"/>
25234        <feComposite operator="in" in2="inverseA"/>
25235    </filter>
25236</svg>
25237<style>
25238    [id='a138bb80-fb79-4750-be6a-a4539d2a8f0a'].wmcM_knockoutEffect .wms_content {
25239        filter: url(#wm_svgKnockoutFilter_a138bb80-fb79-4750-be6a-a4539d2a8f0a);
25240    }
25241</style>
25242                <div class="wms_background">
25243            <div class="wmc_color_layer "
25244    style=""
25245         data-animate-observe="a138bb80-fb79-4750-be6a-a4539d2a8f0a" >
25246</div>
25247        </div>
25248        <div class="wms_content wml_rows">
25249                    </div>
25250    </div>
25251</div>
25252        </div>
25253    </div>
25254</div>
25255    <!-- Box:box_1 -->
25256<div id="a13c9f2d-679c-4f12-8a43-4d9627f8e5f0" class="wmc wmc_box " style="--widthMobile:320px;--widthTablet:720px;--widthDesktop:728px;--bgColorMobile:rgba(var(--colorBwGradientJ),0.32);--bgColorTablet:rgba(var(--colorBwGradientJ),0.32);--marginTopMobile:0.00px;--marginTopTablet:1.80px;--minHeightMobile:51.15625px;--minHeightTablet:62.5px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:10.50px;--minHeightDesktop:28.5px;--marginLeftDesktop:0px;--borderRightDesktop:0px solid rgba(var(--colorBackgroundH),1);--gridPositionMobile:8;--gridPositionTablet:8;--marginBottomMobile:0.00px;--marginBottomTablet:-1.80px;--gridPositionDesktop:8;--marginBottomDesktop:-8.69px;" >
25257    <div class="wml wml_box "
25258            >
25259        <svg class="wm_svgFilter">
25260    <filter id="wm_svgKnockoutFilter_a13c9f2d-679c-4f12-8a43-4d9627f8e5f0" c
25260olor-interpolation-filters="sRGB">
25261        <feComponentTransfer result="inverseA">
25262            <feFuncA type="table" tableValues="1 0"/>
25263        </feComponentTransfer>
25264        <feFlood flood-color="var(--bgColor)"/>
25265        <feComposite operator="in" in2="inverseA"/>
25266    </filter>
25267</svg>
25268<style>
25269    [id='a13c9f2d-679c-4f12-8a43-4d9627f8e5f0'].wmcM_knockoutEffect .wms_content {
25270        filter: url(#wm_svgKnockoutFilter_a13c9f2d-679c-4f12-8a43-4d9627f8e5f0);
25271    }
25272</style>
25273                <div class="wms_background">
25274            <div class="wmc_color_layer "
25275    style=""
25276         data-animate-observe="a13c9f2d-679c-4f12-8a43-4d9627f8e5f0" >
25277</div>
25278        </div>
25279        <div class="wms_content wml_rows">
25280            <!-- Text:text_1 -->
25281<div id="a13c9f2d-5f3c-4f16-9e03-ac30592afc23" class="wmc wmc_text " style="--widthMobile:69px;--widthTablet:69px;--widthDesktop:79px;--marginTopMobile:14.41px;--marginTopTablet:19.52px;--marginLeftMobile:7px;--marginLeftTablet:6px;--marginTopDesktop:-0.80px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
25282            >
25283    <div class="wml">
25284        <div style="--textAlignDesktop: left" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 1.125rem; --fontSizeMobile: 1.125rem; --fontWeightTablet: 700; --fontWeightMobile: 700; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">Sunday</span></div>
25285    </div>
25286</div>
25287    <!-- Text:text_1 -->
25288<div id="a13c9f2d-6415-4937-a828-bd67d2f72b40" class="wmc wmc_text " style="--widthMobile:62px;--widthTablet:63px;--widthDesktop:99px;--marginTopMobile:15.72px;--marginTopTablet:20.78px;--marginLeftMobile:258px;--marginLeftTablet:649px;--marginTopDesktop:-17.77px;--minHeightDesktop:18.59375px;--marginLeftDesktop:629px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
25289            >
25290    <div class="wml">
25291        <div style="--textAlignDesktop: right" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 0.875rem; --fontSizeTablet: 1rem; --fontSizeMobile: 1rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">Closed</span></div>
25292    </div>
25293</div>
25294    <!-- Box:box_1 -->
25295<div id="a13c9f2d-5b0e-4ef1-9374-33cc1f6bef04" class="wmc wmc_box " style="--widthMobile:126px;--widthTablet:525px;--widthDesktop:531px;--borderTopMobile:1px dashed rgba(var(--colorBwGradientJ),1);--borderTopTablet:1px dashed rgba(var(--colorBwGradientJ),1);--marginTopMobile:-10.66px;--marginTopTablet:-11.45px;--minHeightMobile:24px;--minHeightTablet:18px;--borderTopDesktop:1px solid rgba(var(--colorBwGradientJ),1);--marginLeftMobile:105px;--marginLeftTablet:92px;--marginTopDesktop:-9.13px;--minHeightDesktop:19px;--marginLeftDesktop:98px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.02px;--marginBottomTablet:12.97px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;" >
25296    <div class="wml wml_box "
25297            >
25298        <svg class="wm_svgFilter">
25299    <filter id="wm_svgKnockoutFilter_a13c9f2d-5b0e-4ef1-9374-33cc1f6bef04" color-interpolation-filters="sRGB">
25300        <feComponentTransfer result="inverseA">
25301            <feFuncA type="table" tableValues="1 0"/>
25302        </feComponentTransfer>
25303        <feFlood flood-color="var(--bgColor)"/>
25304        <feComposite operator="in" in2="inverseA"/>
25305    </filter>
25306</svg>
25307<style>
25308    [id='a13c9f2d-5b0e-4ef1-9374-33cc1f6bef04'].wmcM_knockoutEffect .wms_content {
25309        filter: url(#wm_svgKnockoutFilter_a13c9f2d-5b0e-4ef1-9374-33cc1f6bef04);
25310    }
25311</style>
25312                <div class="wms_background">
25313            <div class="wmc_color_layer "
25314    style=""
25315         data-animate-observe="a13c9f2d-5b0e-4ef1-9374-33cc1f6bef04" >
25316</div>
25317        </div>
25318        <div class="wms_content wml_rows">
25319                    </div>
25320    </div>
25321</div>
25322        </div>
25323    </div>
25324</div>
25325        </div>
25326    </div>
25327</div>
25328    <!-- Box:box_1 -->
25329<div id="a13ca7a6-fd0c-47c2-9571-96f0aa30cfc0" class="wmc wmc_box wmcM_hidden--mobile" style="--widthMobile:320px;--widthTablet:720px;--widthDesktop:531px;
25329--borderTopMobile:1px dashed rgba(var(--colorBwGradientJ),1);--borderTopTablet:1px dashed rgba(var(--customColor2),1);--marginTopMobile:15.00px;--marginTopTablet:47.00px;--minHeightMobile:9px;--minHeightTablet:18px;--borderTopDesktop:1px solid rgba(var(--colorBwGradientJ),1);--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:606.00px;--minHeightDesktop:19px;--marginLeftDesktop:767px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:29.00px;--marginBottomTablet:12.00px;--gridPositionDesktop:1;--marginBottomDesktop:80.16px;" >
25330    <div class="wml wml_box "
25331            >
25332        <svg class="wm_svgFilter">
25333    <filter id="wm_svgKnockoutFilter_a13ca7a6-fd0c-47c2-9571-96f0aa30cfc0" color-interpolation-filters="sRGB">
25334        <feComponentTransfer result="inverseA">
25335            <feFuncA type="table" tableValues="1 0"/>
25336        </feComponentTransfer>
25337        <feFlood flood-color="var(--bgColor)"/>
25338        <feComposite operator="in" in2="inverseA"/>
25339    </filter>
25340</svg>
25341<style>
25342    [id='a13ca7a6-fd0c-47c2-9571-96f0aa30cfc0'].wmcM_knockoutEffect .wms_content {
25343        filter: url(#wm_svgKnockoutFilter_a13ca7a6-fd0c-47c2-9571-96f0aa30cfc0);
25344    }
25345</style>
25346                <div class="wms_background">
25347            <div class="wmc_color_layer "
25348    style=""
25349         data-animate-observe="a13ca7a6-fd0c-47c2-9571-96f0aa30cfc0" >
25350</div>
25351        </div>
25352        <div class="wms_content wml_rows">
25353                    </div>
25354    </div>
25355</div>
25356    </div>
25357</section>
25358    <!-- Section:Hours -->
25359<section id="a138bb81-0129-44ff-9e63-bc6abe7afb87" class="wmc wmc_section wmcM_hidden--tablet wmcM_hidden--mobile" style="--bgColorDesktop:rgba(var(--colorPrimaryB),1);--minHeightMobile:1716.984375px;--minHeightTablet:376.484375px;--minHeightDesktop:340.796875px;--gridPositionMobile:10;--gridPositionTablet:10;--gridPositionDesktop:10;">
25360    <div class="wml wml_rows">
25361        <div class="wms_background">
25362            <div class="wmc_color_layer "
25363    style=""
25364         data-animate-observe="a138bb81-0129-44ff-9e63-bc6abe7afb87" >
25365</div>
25366        </div>
25367        <!-- Text:text_1 -->
25368<div id="a138bb80-bc1c-4531-8a43-d2f0c7151fb8" class="wmc wmc_text " style="--widthMobile:320px;--widthTablet:494px;--widthDesktop:278px;--marginTopMobile:51.83px;--marginTopTablet:23.00px;--minHeightMobile:31px;--marginLeftMobile:0px;--marginLeftTablet:166px;--marginTopDesktop:44.50px;--marginLeftDesktop:2.5px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
25369            >
25370    <div class="wml">
25371        <h3 style="--textAlignTablet: left; --textAlignMobile: left; --lineHeightDesktop: 1" class="wmcM_heading3"><span style="--fontSizeDesktop: 3rem; --fontSizeTablet: 1.75rem; --fontSizeMobile: 1.75rem; --fontWeightDesktop: 400; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilyPrimary); --textTransformDesktop: uppercase">Office Hours</span></h3><h4 style="--lineHeightDesktop: 1.1; --paragraphSpacingDesktop: 0.6875rem"><span style="--fontSizeDesktop: 1.625rem; --fontSizeDesktopHover: 1.625rem; --fontStyleDesktopHover: normal; --fontWeightDesktop: 400; --fontWeightDesktopHover: 400; --textColorDesktop: rgba(255,255,255,1); --textColorDesktopHover: rgba(255,255,255,1); --fontFamily: var(--fontFamilySecondary); --textTransformDesktopHover: var(--textTransformDesktop); --fontVariantCapsDesktopHover: normal; --fontVariantLigaturesDesktopHover: none; --textDecorationLineDesktopHover: none; --textDecorationStyleDesktopHover: solid; --textDecorationColorDesktopHover: currentColor; --textDecorationThicknessDesktopHover: var(--textDecorationThicknessDesktop); --textUnderlineOffsetDesktopHover: var(--textUnderlineOffsetDesktop); --textDecorationSkipInkDesktopHover: var(--textDecorationSkipInkDesktop)">Our Regular Schedule</span></h4>
25372    </div>
25373</div>
25374    <!-- Box:box_1 -->
25375<div id="a13c9197-ec5a-4b4a-b7e2-420ccf47f629" class="wmc wmc_box " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:1280px;--marginTopMobile:0px;--marginTopTablet:0px;--minHeightMobile:1500px;--minHeightTablet:250px;--marginLeftMobile:0px;--marginLeftTablet:0px;
25375--marginTopDesktop:36.00px;--minHeightDesktop:103.15625px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;" >
25376    <div class="wml wml_box "
25377            >
25378        <svg class="wm_svgFilter">
25379    <filter id="wm_svgKnockoutFilter_a13c9197-ec5a-4b4a-b7e2-420ccf47f629" color-interpolation-filters="sRGB">
25380        <feComponentTransfer result="inverseA">
25381            <feFuncA type="table" tableValues="1 0"/>
25382        </feComponentTransfer>
25383        <feFlood flood-color="var(--bgColor)"/>
25384        <feComposite operator="in" in2="inverseA"/>
25385    </filter>
25386</svg>
25387<style>
25388    [id='a13c9197-ec5a-4b4a-b7e2-420ccf47f629'].wmcM_knockoutEffect .wms_content {
25389        filter: url(#wm_svgKnockoutFilter_a13c9197-ec5a-4b4a-b7e2-420ccf47f629);
25390    }
25391</style>
25392                <div class="wms_background">
25393            <div class="wmc_color_layer "
25394    style=""
25395         data-animate-observe="a13c9197-ec5a-4b4a-b7e2-420ccf47f629" >
25396</div>
25397        </div>
25398        <div class="wms_content wml_rows">
25399            <!-- Columns:columns_2 -->
25400<wm-columns id="a13c9197-e9f7-47a1-a6da-7cc266389436" class="wmc wmc_columns wmcM_containerSizeFull" style="--columnsCount:6;--columnsRatios:17fr 17fr 17fr 17fr 16fr 16fr;--marginTopMobile:0.00px;--marginTopTablet:0px;--minHeightMobile:250px;--minHeightTablet:250px;--columnsGapMobile:0px;--columnsGapTablet:0px;--columnsRatiosSum:100;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--columnsGapDesktop:0px;--marginLeftDesktop:550px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;--columnsPaddingMobile:0px;--columnsPaddingTablet:0px;--columnsPaddingDesktop:0px;">
25401    <div class="wml wml_columns">
25402        <div class="wms_background">
25403            <div class="wmc_color_layer "
25404    style=""
25405         data-animate-observe="a13c9197-e9f7-47a1-a6da-7cc266389436" >
25406</div>
25407        </div>
25408        <!-- Column:cell_2_1 -->
25409<wm-cell id="a13c9197-abb3-4c61-b0da-010fcdf87711" class="wmc wmc_column " style="--columnRatio:17;--borderTopDesktop:none;--minHeightDesktop:103.1875px;--borderLeftDesktop:none;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--borderBottomDesktop:none;--gridPositionDesktop:1;">
25410    <div class="wml wml_rows">
25411        <div class="wms_background">
25412            <div class="wmc_color_layer "
25413    style=""
25414         data-animate-observe="a13c9197-abb3-4c61-b0da-010fcdf87711" >
25415</div>
25416        </div>
25417        <!-- Box:box_1 -->
25418<div id="a13c9197-a962-49e3-9139-6e49bf5bbfa5" class="wmc wmc_box " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:173.5px;--marginTopMobile:0px;--marginTopTablet:0px;--minHeightMobile:250px;--minHeightTablet:250px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.69px;--minHeightDesktop:50.59375px;--marginLeftDesktop:0.5px;--borderRightDesktop:1px solid rgba(var(--colorBwGradientJ),1);--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:14.30px;" >
25419    <div class="wml wml_box "
25420            >
25421        <svg class="wm_svgFilter">
25422    <filter id="wm_svgKnockoutFilter_a13c9197-a962-49e3-9139-6e49bf5bbfa5" color-interpolation-filters="sRGB">
25423        <feComponentTransfer result="inverseA">
25424            <feFuncA type="table" tableValues="1 0"/>
25425        </feComponentTransfer>
25426        <feFlood flood-color="var(--bgColor)"/>
25427        <feComposite operator="in" in2="inverseA"/>
25428    </filter>
25429</svg>
25430<style>
25431    [id='a13c9197-a962-49e3-9139-6e49bf5bbfa5'].wmcM_knockoutEffect .wms_content {
25432        filter: url(#wm_svgKnockoutFilter_a13c9197-a962-49e3-9139-6e49bf5bbfa5);
25433    }
25434</style>
25435                <div class="wms_background">
25436            <div class="wmc_color_layer "
25437    style=""
25438         data-animate-observe="a13c9197-a962-49e3-9139-6e49bf5bbfa5" >
25439</div>
25440        </div>
25441        <div class="wms_content wml_rows">
25442            <!-- Text:text_1 -->
25443<div id="a13c9197-9f20-4027-b4f7-f7761fccfe9b" class="wmc wmc_text " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:75.5px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
25444            >
25445    <div class="wml">
25446        <div style="--textAlignDesktop: left" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 1.125rem; --fontWeightDesktop: 700;
25446 --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">Monday</span></div>
25447    </div>
25448</div>
25449    <!-- Text:text_1 -->
25450<div id="a13c9197-a5d0-4a70-9a92-f188a723b12f" class="wmc wmc_text " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:158.5px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:13.41px;--minHeightDesktop:18.59375px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
25451            >
25452    <div class="wml">
25453        <div style="--textAlignDesktop: left; --lineHeightDesktop: 0.9" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 1rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">09:00 am - 11:00 am</span></div><div style="--textAlignDesktop: left; --lineHeightDesktop: 0.9" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 1rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">02:00 pm - 06:00 pm</span></div>
25454    </div>
25455</div>
25456        </div>
25457    </div>
25458</div>
25459    </div>
25460</wm-cell>
25461    <!-- Column:cell_2_2 -->
25462<wm-cell id="a13c9197-b7a5-4193-9f67-31702f083933" class="wmc wmc_column " style="--columnRatio:17;--minHeightDesktop:103.1875px;--gridPositionMobile:2;--gridPositionTablet:2;--gridPositionDesktop:2;">
25463    <div class="wml wml_rows">
25464        <div class="wms_background">
25465            <div class="wmc_color_layer "
25466    style=""
25467         data-animate-observe="a13c9197-b7a5-4193-9f67-31702f083933" >
25468</div>
25469        </div>
25470        <!-- Box:box_1 -->
25471<div id="a13c9197-b585-45f9-b43f-866f4514d1f6" class="wmc wmc_box " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:200px;--marginTopMobile:0px;--marginTopTablet:0px;--minHeightMobile:250px;--minHeightTablet:250px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.69px;--minHeightDesktop:44.59375px;--marginLeftDesktop:-32.09375px;--borderRightDesktop:1px solid rgba(var(--colorBwGradientJ),1);--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:14.30px;" >
25472    <div class="wml wml_box "
25473            >
25474        <svg class="wm_svgFilter">
25475    <filter id="wm_svgKnockoutFilter_a13c9197-b585-45f9-b43f-866f4514d1f6" color-interpolation-filters="sRGB">
25476        <feComponentTransfer result="inverseA">
25477            <feFuncA type="table" tableValues="1 0"/>
25478        </feComponentTransfer>
25479        <feFlood flood-color="var(--bgColor)"/>
25480        <feComposite operator="in" in2="inverseA"/>
25481    </filter>
25482</svg>
25483<style>
25484    [id='a13c9197-b585-45f9-b43f-866f4514d1f6'].wmcM_knockoutEffect .wms_content {
25485        filter: url(#wm_svgKnockoutFilter_a13c9197-b585-45f9-b43f-866f4514d1f6);
25486    }
25487</style>
25488                <div class="wms_background">
25489            <div class="wmc_color_layer "
25490    style=""
25491         data-animate-observe="a13c9197-b585-45f9-b43f-866f4514d1f6" >
25492</div>
25493        </div>
25494        <div class="wms_content wml_rows">
25495            <!-- Text:text_1 -->
25496<div id="a13c9197-aef0-4e67-96b6-8ac7d5c1c9cb" class="wmc wmc_text " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:94.5px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
25497            >
25498    <div class="wml">
25499        <div style="--textAlignDesktop: left" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 1.125rem; --fontWeightDesktop: 700; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">Tuesday</span></div>
25500    </div>
25501</div>
25502    <!-- Text:text_1 -->
25503<div id="a13c9197-b234-48a2-b235-b45ced29787b" class="wmc wmc_text " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:185.5px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:13.41px;--minHeightDesktop:18.59375px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
25504            >
25505    <div class="wml">
25506        <div class="wmcM_paragraph4" style="--textAlignDesktop: left; --lineHeightDesktop: 0.9;"><span style="--fontSizeDesktop: 1rem;
25506 --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary);">Available For Scheduling</span></div>
25507    </div>
25508</div>
25509        </div>
25510    </div>
25511</div>
25512    </div>
25513</wm-cell>
25514    <!-- Column: -->
25515<wm-cell id="a13c9197-c3b3-4c6d-be20-7fbade73082b" class="wmc wmc_column " style="--columnRatio:17;--minHeightDesktop:103.1875px;--gridPositionMobile:3;--gridPositionTablet:3;--gridPositionDesktop:3;">
25516    <div class="wml wml_rows">
25517        <div class="wms_background">
25518            <div class="wmc_color_layer "
25519    style=""
25520         data-animate-observe="a13c9197-c3b3-4c6d-be20-7fbade73082b" >
25521</div>
25522        </div>
25523        <!-- Box:box_1 -->
25524<div id="a13c9197-c1d7-4d00-a893-8a82155422d4" class="wmc wmc_box " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:168px;--marginTopMobile:0px;--marginTopTablet:0px;--minHeightMobile:250px;--minHeightTablet:250px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:5.00px;--minHeightDesktop:94.46875px;--marginLeftDesktop:-32.6875px;--borderRightDesktop:1px solid rgba(var(--colorBwGradientJ),1);--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:14.30px;" >
25525    <div class="wml wml_box "
25526            >
25527        <svg class="wm_svgFilter">
25528    <filter id="wm_svgKnockoutFilter_a13c9197-c1d7-4d00-a893-8a82155422d4" color-interpolation-filters="sRGB">
25529        <feComponentTransfer result="inverseA">
25530            <feFuncA type="table" tableValues="1 0"/>
25531        </feComponentTransfer>
25532        <feFlood flood-color="var(--bgColor)"/>
25533        <feComposite operator="in" in2="inverseA"/>
25534    </filter>
25535</svg>
25536<style>
25537    [id='a13c9197-c1d7-4d00-a893-8a82155422d4'].wmcM_knockoutEffect .wms_content {
25538        filter: url(#wm_svgKnockoutFilter_a13c9197-c1d7-4d00-a893-8a82155422d4);
25539    }
25540</style>
25541                <div class="wms_background">
25542            <div class="wmc_color_layer "
25543    style=""
25544         data-animate-observe="a13c9197-c1d7-4d00-a893-8a82155422d4" >
25545</div>
25546        </div>
25547        <div class="wms_content wml_rows">
25548            <!-- Text:text_1 -->
25549<div id="a13c9197-bb5c-4b20-aa08-63ab4e467097" class="wmc wmc_text " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:106.5px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
25550            >
25551    <div class="wml">
25552        <div style="--textAlignDesktop: left" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 1.125rem; --fontWeightDesktop: 700; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">Wednesday</span></div>
25553    </div>
25554</div>
25555    <!-- Text:text_1 -->
25556<div id="a13c9197-be97-47b2-9ad2-c4f2b936ee29" class="wmc wmc_text " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:164.5px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:13.41px;--minHeightDesktop:18.59375px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:2;--marginBottomDesktop:4.08px;"
25557            >
25558    <div class="wml">
25559        <div style="--textAlignDesktop: left; --lineHeightDesktop: 0.9" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 1rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">09:00 am - 11:00 am</span></div><div style="--textAlignDesktop: left; --lineHeightDesktop: 0.9" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 1rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">02:00 pm - 06:00 pm</span></div>
25560    </div>
25561</div>
25562        </div>
25563    </div>
25564</div>
25565    </div>
25566</wm-cell>
25567    <!-- Column: -->
25568<wm-cell id="a13c9197-cf71-4377-ae63-76e7a0bb1b36" class="wmc wmc_column " style="--columnRatio:17;--minHeightDesktop:103.1875px;--gridPositionMobile:4;--gridPositionTablet:4;--gridPositionDesktop:4;">
25569    <div class="wml wml_rows">
25570        <div class="wms_background">
25571            <div class="wmc_color_layer "
25572    style=""
25573         data-animate-observe="a13c9197-cf71-4377-ae63-76e7a0bb1b36" >
25574</div>
25575        </div>
25576        <!-- Box:box_1 -->
25577<div id="a13c9197-cd42-4672-be29-a0b9361b1bfc" class="wmc wmc_box " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:205px;--marginTopMobile:0px;--marginTopTablet:0px;--minHeightMobile:250px;--minHeightTablet:250px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:2.00px;--minHeightDesktop:101.46875px;--marginLeftDesktop:-65.296875px;
25577--borderRightDesktop:1px solid rgba(var(--colorBwGradientJ),1);--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:7.80px;" >
25578    <div class="wml wml_box "
25579            >
25580        <svg class="wm_svgFilter">
25581    <filter id="wm_svgKnockoutFilter_a13c9197-cd42-4672-be29-a0b9361b1bfc" color-interpolation-filters="sRGB">
25582        <feComponentTransfer result="inverseA">
25583            <feFuncA type="table" tableValues="1 0"/>
25584        </feComponentTransfer>
25585        <feFlood flood-color="var(--bgColor)"/>
25586        <feComposite operator="in" in2="inverseA"/>
25587    </filter>
25588</svg>
25589<style>
25590    [id='a13c9197-cd42-4672-be29-a0b9361b1bfc'].wmcM_knockoutEffect .wms_content {
25591        filter: url(#wm_svgKnockoutFilter_a13c9197-cd42-4672-be29-a0b9361b1bfc);
25592    }
25593</style>
25594                <div class="wms_background">
25595            <div class="wmc_color_layer "
25596    style=""
25597         data-animate-observe="a13c9197-cd42-4672-be29-a0b9361b1bfc" >
25598</div>
25599        </div>
25600        <div class="wms_content wml_rows">
25601            <!-- Text:text_1 -->
25602<div id="a13c9197-c6ab-4190-bd59-104eb207756a" class="wmc wmc_text " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:90px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
25603            >
25604    <div class="wml">
25605        <div style="--textAlignDesktop: left" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 1.125rem; --fontWeightDesktop: 700; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">Thursday</span></div>
25606    </div>
25607</div>
25608    <!-- Text:text_1 -->
25609<div id="a13c9197-c9f3-4526-bba0-c0214e8d8d37" class="wmc wmc_text " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:194px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:12.08px;--minHeightDesktop:18.59375px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:2;--marginBottomDesktop:1.98px;"
25610            >
25611    <div class="wml">
25612        <div style="--textAlignDesktop: left; --lineHeightDesktop: 0.9;"><span style="--fontSizeDesktop: 1rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary);">Available For Scheduling</span></div>
25613    </div>
25614</div>
25615        </div>
25616    </div>
25617</div>
25618    </div>
25619</wm-cell>
25620    <!-- Column: -->
25621<wm-cell id="a13c9197-daca-4221-bfbf-4066a2ae7cbf" class="wmc wmc_column " style="--columnRatio:16;--minHeightDesktop:103.1875px;--gridPositionMobile:5;--gridPositionTablet:5;--gridPositionDesktop:5;">
25622    <div class="wml wml_rows">
25623        <div class="wms_background">
25624            <div class="wmc_color_layer "
25625    style=""
25626         data-animate-observe="a13c9197-daca-4221-bfbf-4066a2ae7cbf" >
25627</div>
25628        </div>
25629        <!-- Box:box_1 -->
25630<div id="a13c9197-d8aa-4371-9cae-cce3a3511600" class="wmc wmc_box " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:169px;--marginTopMobile:0px;--marginTopTablet:0px;--minHeightMobile:250px;--minHeightTablet:250px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.69px;--minHeightDesktop:85.78125px;--marginLeftDesktop:-65.890625px;--borderRightDesktop:1px solid rgba(var(--colorBwGradientJ),1);--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:7.80px;" >
25631    <div class="wml wml_box "
25632            >
25633        <svg class="wm_svgFilter">
25634    <filter id="wm_svgKnockoutFilter_a13c9197-d8aa-4371-9cae-cce3a3511600" color-interpolation-filters="sRGB">
25635        <feComponentTransfer result="inverseA">
25636            <feFuncA type="table" tableValues="1 0"/>
25637        </feComponentTransfer>
25638        <feFlood flood-color="var(--bgColor)"/>
25639        <feComposite operator="in" in2="inverseA"/>
25640    </filter>
25641</svg>
25642<style>
25643    [id='a13c9197-d8aa-4371-9cae-cce3a3511600'].wmcM_knockoutEffect .wms_content {
25644        filter: url(#wm_svgKnockoutFilter_a13c9197-d8aa-4371-9cae-cce3a3511600);
25645    }
25646</style>
25647                <div class="wms_background">
25648            <div class="wmc_color_layer "
25649    style=""
25650         data-animate-observe="a13c9197-d8aa-4371-9cae-cce3a3511600" >
25651</div>
25652        </div>
25653        <div class="wms_content wml_rows">
25654            <!-- Text:text_1 -->
25655<div id="a13c9197-d258-4829-a1ff-cec1dcb60830" class="wmc wmc_text " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:75.8125px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
25656            >
25657    <div class="wml">
25658        <div style="--textAlignDesktop: left" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 1.125rem; --fontWeightDesktop: 700;
25658 --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">Friday</span></div>
25659    </div>
25660</div>
25661    <!-- Text:text_1 -->
25662<div id="a13c9197-d583-461d-a23b-c31e79c8ef9c" class="wmc wmc_text " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:164px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:17.39px;--minHeightDesktop:18.59375px;--marginLeftDesktop:3.5px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:2;--marginBottomDesktop:4.20px;"
25663            >
25664    <div class="wml">
25665        <div style="--textAlignDesktop: left; --lineHeightDesktop: 0.9" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 1rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">09:00 am - 11:00 am</span></div><div style="--textAlignDesktop: left; --lineHeightDesktop: 0.9" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 1rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">02:00 pm - 06:00 pm</span></div>
25666    </div>
25667</div>
25668        </div>
25669    </div>
25670</div>
25671    </div>
25672</wm-cell>
25673    <!-- Column: -->
25674<wm-cell id="a13c9197-e847-4b03-b0d1-fbe301a304a5" class="wmc wmc_column " style="--columnRatio:16;--minHeightDesktop:103.1875px;--gridPositionMobile:6;--gridPositionTablet:6;--gridPositionDesktop:6;">
25675    <div class="wml wml_rows">
25676        <div class="wms_background">
25677            <div class="wmc_color_layer "
25678    style=""
25679         data-animate-observe="a13c9197-e847-4b03-b0d1-fbe301a304a5" >
25680</div>
25681        </div>
25682        <!-- Box:box_1 -->
25683<div id="a13c9197-e66d-4500-b971-213ad2b6af0b" class="wmc wmc_box " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:105px;--marginTopMobile:0px;--marginTopTablet:0px;--minHeightMobile:250px;--minHeightTablet:250px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.69px;--minHeightDesktop:85.78125px;--marginLeftDesktop:-76.6875px;--borderRightDesktop:1px solid rgba(var(--colorBwGradientJ),1);--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;" >
25684    <div class="wml wml_box "
25685            >
25686        <svg class="wm_svgFilter">
25687    <filter id="wm_svgKnockoutFilter_a13c9197-e66d-4500-b971-213ad2b6af0b" color-interpolation-filters="sRGB">
25688        <feComponentTransfer result="inverseA">
25689            <feFuncA type="table" tableValues="1 0"/>
25690        </feComponentTransfer>
25691        <feFlood flood-color="var(--bgColor)"/>
25692        <feComposite operator="in" in2="inverseA"/>
25693    </filter>
25694</svg>
25695<style>
25696    [id='a13c9197-e66d-4500-b971-213ad2b6af0b'].wmcM_knockoutEffect .wms_content {
25697        filter: url(#wm_svgKnockoutFilter_a13c9197-e66d-4500-b971-213ad2b6af0b);
25698    }
25699</style>
25700                <div class="wms_background">
25701            <div class="wmc_color_layer "
25702    style=""
25703         data-animate-observe="a13c9197-e66d-4500-b971-213ad2b6af0b" >
25704</div>
25705        </div>
25706        <div class="wms_content wml_rows">
25707            <!-- Text:text_1 -->
25708<div id="a13c9197-dee9-4879-ab5e-659f99eff581" class="wmc wmc_text " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:100.40625px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
25709            >
25710    <div class="wml">
25711        <div style="--textAlignDesktop: left" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 1.125rem; --fontWeightDesktop: 700; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">Satuday</span></div>
25712    </div>
25713</div>
25714    <!-- Text:text_1 -->
25715<div id="a13c9197-e2dd-45c5-bb71-339ccee9042f" class="wmc wmc_text " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:100.40625px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:13.41px;--minHeightDesktop:18.59375px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:2;--marginBottomDesktop:28.19px;"
25716            >
25717    <div class="wml">
25718        <div style="--textAlignDesktop: left" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 1rem;
25718 --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">Closed</span></div>
25719    </div>
25720</div>
25721        </div>
25722    </div>
25723</div>
25724    <!-- Box:box_1 -->
25725<div id="a13c926e-dd2e-4a97-af54-ded57c98ab02" class="wmc wmc_box " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:105px;--marginTopMobile:0px;--marginTopTablet:0px;--minHeightMobile:250px;--minHeightTablet:250px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-83.36px;--minHeightDesktop:85.78125px;--marginLeftDesktop:50.3125px;--borderRightDesktop:0px solid rgba(var(--colorSecondaryA),0);--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:2;--marginBottomDesktop:7.80px;" >
25726    <div class="wml wml_box "
25727            >
25728        <svg class="wm_svgFilter">
25729    <filter id="wm_svgKnockoutFilter_a13c926e-dd2e-4a97-af54-ded57c98ab02" color-interpolation-filters="sRGB">
25730        <feComponentTransfer result="inverseA">
25731            <feFuncA type="table" tableValues="1 0"/>
25732        </feComponentTransfer>
25733        <feFlood flood-color="var(--bgColor)"/>
25734        <feComposite operator="in" in2="inverseA"/>
25735    </filter>
25736</svg>
25737<style>
25738    [id='a13c926e-dd2e-4a97-af54-ded57c98ab02'].wmcM_knockoutEffect .wms_content {
25739        filter: url(#wm_svgKnockoutFilter_a13c926e-dd2e-4a97-af54-ded57c98ab02);
25740    }
25741</style>
25742                <div class="wms_background">
25743            <div class="wmc_color_layer "
25744    style=""
25745         data-animate-observe="a13c926e-dd2e-4a97-af54-ded57c98ab02" >
25746</div>
25747        </div>
25748        <div class="wms_content wml_rows">
25749            <!-- Text:text_1 -->
25750<div id="a13c926e-d1bd-4b94-a37f-e735826993ad" class="wmc wmc_text " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:100.40625px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
25751            >
25752    <div class="wml">
25753        <div style="--textAlignDesktop: left" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 1.125rem; --fontWeightDesktop: 700; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">Sunday</span></div>
25754    </div>
25755</div>
25756    <!-- Text:text_1 -->
25757<div id="a13c926e-d9bc-45be-95c7-bd01c839d839" class="wmc wmc_text " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:100.40625px;--marginTopMobile:0px;--marginTopTablet:0px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:13.41px;--minHeightDesktop:18.59375px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:2;--marginBottomDesktop:28.19px;"
25758            >
25759    <div class="wml">
25760        <div style="--textAlignDesktop: left" class="wmcM_paragraph4"><span style="--fontSizeDesktop: 1rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">Closed</span></div>
25761    </div>
25762</div>
25763        </div>
25764    </div>
25765</div>
25766    </div>
25767</wm-cell>
25768    </div>
25769</wm-columns>
25770        </div>
25771    </div>
25772</div>
25773    <!-- Box:box_1 -->
25774<div id="a13c939b-255d-4f22-b577-aafe945ff891" class="wmc wmc_box " style="--zIndex:2;--widthMobile:300px;--widthTablet:720px;--widthDesktop:1277px;--bgColorDesktop:rgba(var(--colorBwGradientA),0);--marginTopMobile:0px;--marginTopTablet:0px;--minHeightMobile:3.203125px;--minHeightTablet:3.25px;--borderTopDesktop:0px solid rgba(var(--colorBwGradientJ),0);--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:43.22px;--minHeightDesktop:2px;--borderLeftDesktop:0px solid rgba(var(--colorBwGradientJ),0);--marginLeftDesktop:3px;--borderRightDesktop:0px solid rgba(var(--colorBwGradientJ),0);--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0px;--marginBottomTablet:0px;--borderBottomDesktop:1px dashed rgba(var(--colorBwGradientJ),1);--gridPositionDesktop:3;--marginBottomDesktop:21.30px;" >
25775    <div class="wml wml_box "
25776            >
25777        <svg class="wm_svgFilter">
25778    <filter id="wm_svgKnockoutFilter_a13c939b-255d-4f22-b577-aafe945ff891" color-interpolation-filters="sRGB">
25779        <feComponentTransfer result="inverseA">
25780            <feFuncA type="table" tableValues="1 0"/>
25781        </feComponentTransfer>
25782        <feFlood flood-color="var(--bgColor)"/>
25783        <feComposite operator="in" in2="inverseA"/>
25784    </filter>
25785</svg>
25786<style>
25787    [id='a13c939b-255d-4f22-b577-aafe945ff891'].wmcM_knockoutEffect .wms_content {
25788        filter: url(#wm_svgKnockoutFilter_a13c939b-255d-4f22-b577-aafe945ff891);
25789    }
25790</style>
25791                <div class="wms_background">
25792            <div class="wmc_color_layer "
25793    style=""
25794         data-animate-observe="a13c939b-255d-4f22-b577-aafe945ff891" >
25795</div>
25796        </div>
25797        <div class="wms_content wml_rows">
25798                    </div>
25799    </div>
25800</div>
25801    </div>
25802</section>
25803    </div>
25804</div>
25805    <!-- Section:Footer -->
25806<section id="a138bb7d-2e70-477b-88ef-7f066090a6e7" class="wmc wmc_section " style="--bgColorDesktop:rgba(var(--colorPrimaryB),1);--minHeightMobile:431.40625px;--minHeightTablet:358.96875px;--minHeightDesktop:205px;--gridPositionMobile:2;--gridPositionTablet:2;--gridPositionDesktop:2;">
25807    <div class="wml wml_rows">
25808        <div class="wms_background">
25809            <div class="wmc_color_layer "
25810    style=""
25811         data-animate-observe="a138bb7d-2e70-477b-88ef-7f066090a6e7" >
25812</div>
25813        </div>
25814        <!-- Box:box_1 -->
25815<div id="a13ac511-d8d5-4745-aed4-caa26633fba5" class="wmc wmc_box " style="--widthMobile:231px;--widthTablet:393px;--widthDesktop:330px;
25815--bgColorDesktop:rgba(var(--colorBackgroundI),0);--marginTopMobile:9.00px;--marginTopTablet:13.02px;--minHeightMobile:213px;--minHeightTablet:148.25px;--marginLeftMobile:50px;--marginLeftTablet:163.5px;--marginTopDesktop:10.00px;--minHeightDesktop:170.5px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:24.50px;" >
25816    <div class="wml wml_box "
25817            >
25818        <svg class="wm_svgFilter">
25819    <filter id="wm_svgKnockoutFilter_a13ac511-d8d5-4745-aed4-caa26633fba5" color-interpolation-filters="sRGB">
25820        <feComponentTransfer result="inverseA">
25821            <feFuncA type="table" tableValues="1 0"/>
25822        </feComponentTransfer>
25823        <feFlood flood-color="var(--bgColor)"/>
25824        <feComposite operator="in" in2="inverseA"/>
25825    </filter>
25826</svg>
25827<style>
25828    [id='a13ac511-d8d5-4745-aed4-caa26633fba5'].wmcM_knockoutEffect .wms_content {
25829        filter: url(#wm_svgKnockoutFilter_a13ac511-d8d5-4745-aed4-caa26633fba5);
25830    }
25831</style>
25832                <div class="wms_background">
25833            <div class="wmc_color_layer "
25834    style=""
25835         data-animate-observe="a13ac511-d8d5-4745-aed4-caa26633fba5" >
25836</div>
25837        </div>
25838        <div class="wms_content wml_rows">
25839            <!-- Image:image_1 -->
25840<wm-img id="a13ac511-d048-4178-8730-4a52b883fda1"  class="wmc wmc_image wmcM_imageContain" style="--widthMobile:159px;--widthTablet:152px;--heightMobile:181px;--heightTablet:160.984375px;--widthDesktop:133px;--heightDesktop:152.5px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--marginLeftMobile:29px;--marginLeftTablet:0px;--marginTopDesktop:7.00px;--aspectRatioMobile:159 / 181;--aspectRatioTablet:152 / 161;--marginLeftDesktop:0px;--aspectRatioDesktop:133 / 153;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;;">
25841    <a href="https://www.jeranekchiro.com/" class="wml">
25842        <div class="wms_overlay"></div>
25843        <picture>
25844            <img
25845                loading="lazy"
25846                data-wm-src="/Z/S/T/5/X/m/ZST5Xm1ENn4mehXIKTbQFNJxljFfdH4hp6uJZvGm"
25847                                src="data:image/webp;base64,UklGRrgHAABXRUJQVlA4WAoAAAAQAAAAPwAAPwAAQUxQSBsFAAANmTJE9D84ExAR4bJs227b5r4CgHTmP8z2pQK8d296MoSICZgAarb1xm2k7wNITTXsf4v9q6bEtkgAX/XczdpAREwAwv82wYERaaoqCcaGpUMyVKCQcSJdpainN1vGDUB0kBgnQiKtCRlZo/M/GIQaUXB/Nwg0Ko6cGAOzpoI4UEX8YxqVGoxbylY2cAac+R2EZo5SHiCYAUY21zVfQ8TfkgZD6YlHG0wC08QQOSIjIGCWw2wv37iUgmtOgHag7zNLoliEkJbFeVc/aHKTGw6AUAKBASNGhNpnw5BSIhIHrHPr26W4U1aWhFjE/bTeNrikkEwiA0HAgICDUsptGEwRMzUfj6oriu1wNFAQC4CQ79q8HXQM0w1cayDGADgAaJBgcRuBgTBnNcBG2G5kSqQgoSbQ9q2brT2kdEumNHANjIAT81ui4WYEaVJOq25eJgECBGTVsTc7ByjHUwiLcSDgjIARGRLIZXDtEHHuDqTGrKZGJ/5MFKx3u95fQQodT3K7hHA0AQABcABuEAhCTaxDSHNiEnD8ZSqtH/3D6wEwB5RSnLtQaARG4Fdxh0sAVEREkDKbpPBnEZpuzT+OHwDA0KgcTyFcDJA0ZwQADJg0TUAN1K0xZqNBAESY8tW07R8fD/xlOAi2J5OGKR0BBH7rLhRKK9A77R6UyQCAQAy4XX6OJ/42OSrtgZYFJmoERn4xRqi1ZDBkCQ0ARFa+jO3s1/MNf29A2ta2LXxwg6ONggAYMjSU1ADBopv+RMSA2Xbo8/3EPzYFGh3HFEICcBKAgogzkwSlWMMFULKMZLde9Rr4l6kAle0tDSEEMWISHGLCIEBTnR0AZaZRvfGMT98L/zrBJsfx4NISxDlowTQCMIAqGP5M5KQ13z/cb/hPp8O07UHCbXGuOBD41UjEX1e82Pe+ffwe+I8HeIG37WlKABOZ0BoACAhAjKpX641un37gf5yIihwXR43C4ByRNLIK836ZNxD9Gk/8n04IjiYJ6OkNliE5WjBvwHujysWP8cb/BYwQNYIB5I2OWzCuCKVqdJg5/fvA/22A5CCTCj01cAkcmDSxownjxopOZAJJpZgncMmBXrIyRWLVRtMwTVN5244XmZrPJhlWpkbLkD580l62Rhf4HrhHs4WgtDItwwAEbQGpNXDct7dljBy0TdMyfCASAMzhiqlXa4s4kUYlyXJZbvSCMhr3GVEa2xp+IxTJ5mbpQJJuFjNUsy+BrTgqYzMHEwjKWm+joiQuQUzGTJhMnpzFfb98G5MTq3ax5oMud9PMOY+tn0c8mauAgMYA0aMARqlvbatXLQOANyVsTLAQHW1rPUILwZIosjqrKq4yY6tcCkwkvCPEMYMwEiu7wCy23S80vU87zbG0QeplzUxVqKzaTSvREm5TW6hLSrpXi3XMPWqUicbyjG/92OzctQo3asb96CYG0+f349y3+vTEotyzKpKe2hSPt8fzU8P+ISZX6cmKur+7sqMaR2/EpVdiVVfgfvuy7Tu6FU1sHfGOZVmIp/12nFflkYCRW4zAuuI93/w8+6mqMqPGwNoZj952RMone8CwOKc7nPAoiVXpqwmtrORbAgYTCraa782e88V9BznZhLU52R3MV9Tdeu/ax2K682jctvfXEPshYi7Gx8jraB5ZctF1Y3WLe17nfr7N2yhoLueV4/7w8fgw4uHPwPoNWeN1HecHBfErsqpyxrF5M/yapkAEaMKvSszIbM1/GaDXUDoWBABWUDggdgIAAHAOAJ0BKkAAQAA+XSSNRaOiIRv/VgA4BcS0gAnvvFlyq+9JEFMPADLvOc7uQlVEu2gDBPPaK7zTaCYgA918qSsVVSU7qhYjAsDfqlweaAvGIR3JlpqSDU7/u2sNkFdEmke6TEavqGnzy3JvxBK03jSTwMGcMsyqPMSsSWAA/qd8qKbyPL5a0XXDrtNLE38rHECjTYwQDEAKPh/VwcXF1v3iLuHhs0RZ6wz8SXb7v5TZPBhFgatUnyZVm3+vL4AxvI6hr7bhhxFO+29juN8MsmGym4XObxETdAzRgImaPdIdEuNfK4IDORrGJ95eQ1a3jU5ZXv+29v7djufdhAVfXAhkJkQUigEKhIIDY9Za+DHpVMsHx9DTjI3aZjq7a1UO+4mTdrnusVZcAt1Ad5ZAybZPv3DlmFRs
258475qC5aBP31HRaJAN2rgRBD+G57VN/+uaUXhO3ZH+e7P3N0ocHTb0m/+a//7MxOJBKY5ghcZ2GqeCqmVM9QmD68kfrgqNvzXLm+mO5xQCpU55+REeXm+lSeN7W6GJwmK+ZZNWJ9xvhQlbJgBYnJLBqtmHqdGnptng1R+BwzBrCzNsa6CVz/xLU3QlLIZ5UoTJwICT2UAEmyY11Us9xv4IrX9/XsSJKQRK9JhPS7lyEXY513X8eNPnfzHWw+aJNOWNOAxvCmeuKN2aQOQjQnDaufPqYX6DrAwdA7T9xrQ2EQz74mtWXvN3szKtofBOPN9mAzB+XlTNVhfDrAvzHrS9e6o1IAyrR9S+tvw2h56nOGBXrFukhQR7BvIwQN1vQQt6R36ROwnKWEmP+dV3F0wi+hdoCM6WHshQ8rgRwrgAAAA=="
25848                title="chiropracticsymbol-300x300.772901_std.png"
25849                alt=""
25850            >
25851        </picture>
25852    </a>
25853</wm-img>
25854    <!-- Text:text_1 -->
25855<div id="a13ac511-d508-4992-ba39-ff295954025e" class="wmc wmc_text wmcM_dynamicHeight" style="--widthMobile:231px;--widthTablet:241px;--widthDesktop:185px;--marginTopMobile:-0.30px;--marginTopTablet:60.00px;--minHeightMobile:32.30px;--minHeightTablet:29.98px;--marginLeftMobile:0px;--marginLeftTablet:152px;--marginTopDesktop:-147.00px;--minHeightDesktop:122.5px;--marginLeftDesktop:133px;--gridPositionMobile:2;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;--dynamicPaddingBottomMobile:8.50px;--dynamicPaddingBottomTablet:6.18px;--dynamicPaddingBottomDesktop:57.50px;"
25856            >
25857    <div class="wml">
25858        <div style="--textAlignDesktop: center" class="wmcM_paragraph2"><a class="wmcM_link" href="https://www.jeranekchiro.com/"><span style="--fontSizeDesktop: 1.5625rem; --fontSizeTablet: 1.125rem; --fontSizeMobile: 1.125rem; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --textColorTablet: rgba(var(--colorBwGradientJ),1); --textColorMobile: rgba(var(--colorBwGradientJ),1); --fontFamily: var(--fontFamilySecondary)">Jeranek Family Chiropractic</span></a></div>
25859    </div>
25860</div>
25861        </div>
25862    </div>
25863</div>
25864    <!-- Button:button_1 -->
25865<div id="a138bb84-6c21-487b-937a-546db2eb197b" class="wmc wmc_button wmcM_animateHover wmcM_hidden--mobile wmcM_hidden--desktop wmcM_hidden--tablet" style="--zIndex:3;--widthMobile:141px;--widthTablet:149px;--widthDesktop:195px;--bgColorDesktop:rgba(var(--colorCtaE),0);--marginTopMobile:0.00px;--marginTopTablet:-48.72px;--minHeightMobile:50.984375px;--minHeightTablet:51px;--borderTopDesktop:0px solid rgba(var(--colorCtaE),0);--marginLeftMobile:88.5px;--marginLeftTablet:360.5px;--marginTopDesktop:76.25px;--minHeightDesktop:39.5px;--paddingTopMobile:0px;--paddingTopTablet:0px;--borderLeftDesktop:0px solid rgba(var(--colorCtaE),0);--marginLeftDesktop:549.5px;--paddingLeftMobile:0px;--paddingLeftTablet:0px;--paddingTopDesktop:0px;--bgColorMobileHover:rgba(var(--colorBwGradientJ),0);--bgColorTabletHover:rgba(var(--colorBwGradientJ),0);--borderRightDesktop:0px solid rgba(var(--colorCtaE),0);--gridPositionMobile:2;--gridPositionTablet:3;--marginBottomMobile:0.00px;--marginBottomTablet:8.97px;--paddingLeftDesktop:0px;--paddingRightMobile:0px;--paddingRightTablet:0px;--bgColorDesktopHover:rgba(var(--colorBwGradientJ),0);--borderBottomDesktop:0px solid rgba(var(--colorCtaE),0);--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:1;--marginBottomDesktop:24.50px;--paddingBottomMobile:0px;--paddingBottomTablet:0px;--paddingRightDesktop:0px;--paddingBottomDesktop:0px;--borderTopDesktopHover:0px solid rgba(var(--colorCtaE),1);--borderLeftDesktopHover:0px solid rgba(var(--colorCtaE),1);--borderRightDesktopHover:0px solid rgba(var(--colorCtaE),1);--borderBottomDesktopHover:0px solid rgba(var(--colorCtaE),1);--borderRadiusDesktopHover:0px 0px 0px 0px;--transitionDurationMsDesktopHover:300;">
25866    <a href="tel:2626947833" class="wml wml_button">
25867        <span class="wms_background">
25868            <div class="wmc_color_layer "
25869    style=""
25870         data-animate-observe="a138bb84-6c21-487b-937a-546db2eb197b" >
25871</div>
25872        </span>
25873        <span class="wms_button">
25874            <!-- Button.Text:button_text -->
25875<span id="a138bb84-6a77-4aec-9dc7-350072ae30d4" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
25876    <span class="wml">
25877        <p style="--lineHeightDesktop: 1"><span style="--fontSizeDesktop: 1.25rem; --fontWeightDesktop: 700;
25877 --textColorDesktop: rgba(var(--colorBwGradientJ),1); --textColorDesktopHover: rgba(var(--colorCtaI),1); --textColorTabletHover: rgba(var(--colorCtaI),1); --textColorMobileHover: rgba(var(--colorCtaI),1); --fontFamily: var(--fontFamilyPrimary)">&lpar;262&rpar; 694-7833</span></p>
25878    </span>
25879</span>
25880            <!-- Button.Icon:button_icon -->
25881<span id="a138bb84-69c8-466d-92cb-8f5cf533bc20" class="wmc wmc_icon wmc_buttonIcon wmcM_empty" style="--iconSizeDesktop:1.5rem;--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
25882    <span class="wml wml_icon">
25883        <i style="mask: url(https://storage.evona.app/w%2Fm%2Fa%2F5%2Fd%2F3%2Fwma5d31d38bbffde57cc2409363d5a0eaa7b00a5) center / contain no-repeat"></i>
25884    </span>
25885</span>
25886        </span>
25887    </a>
25888</div>
25889    <!-- Box:box_1 -->
25890<div id="a13ad3f9-b4cb-45d8-8705-f452a69a872d" class="wmc wmc_box " style="--widthMobile:225px;--widthTablet:234px;--widthDesktop:238px;--bgColorDesktop:rgba(var(--colorBackgroundI),0);--marginTopMobile:20.00px;--marginTopTablet:39.00px;--minHeightMobile:125.453125px;--minHeightTablet:134.71875px;--marginLeftMobile:53.5px;--marginLeftTablet:0px;--marginTopDesktop:33.50px;--minHeightDesktop:139px;--marginLeftDesktop:1020px;--gridPositionMobile:3;--gridPositionTablet:2;--marginBottomMobile:12.97px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:24.50px;" >
25891    <div class="wml wml_box "
25892            >
25893        <svg class="wm_svgFilter">
25894    <filter id="wm_svgKnockoutFilter_a13ad3f9-b4cb-45d8-8705-f452a69a872d" color-interpolation-filters="sRGB">
25895        <feComponentTransfer result="inverseA">
25896            <feFuncA type="table" tableValues="1 0"/>
25897        </feComponentTransfer>
25898        <feFlood flood-color="var(--bgColor)"/>
25899        <feComposite operator="in" in2="inverseA"/>
25900    </filter>
25901</svg>
25902<style>
25903    [id='a13ad3f9-b4cb-45d8-8705-f452a69a872d'].wmcM_knockoutEffect .wms_content {
25904        filter: url(#wm_svgKnockoutFilter_a13ad3f9-b4cb-45d8-8705-f452a69a872d);
25905    }
25906</style>
25907                <div class="wms_background">
25908            <div class="wmc_color_layer "
25909    style=""
25910         data-animate-observe="a13ad3f9-b4cb-45d8-8705-f452a69a872d" >
25911</div>
25912        </div>
25913        <div class="wms_content wml_rows">
25914            <!-- Button:button_1 -->
25915<div id="a13ac7b3-406c-491d-a435-8eb55a522537" class="wmc wmc_button wmcM_animateHover" style="--widthMobile:51px;--widthTablet:45px;--widthDesktop:47px;--bgColorDesktop:rgba(var(--colorPrimaryJ),1);--marginTopMobile:-0.30px;--marginTopTablet:9.97px;--minHeightMobile:51px;--minHeightTablet:44px;--marginLeftMobile:0px;--marginLeftTablet:14px;--marginTopDesktop:26.00px;--minHeightDesktop:44px;--paddingTopMobile:10px;--paddingTopTablet:10px;--marginLeftDesktop:10px;--paddingLeftMobile:10px;
25915--paddingLeftTablet:10px;--paddingTopDesktop:10px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--paddingLeftDesktop:10px;--paddingRightMobile:10px;--paddingRightTablet:10px;--borderRadiusDesktop:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--gridPositionDesktop:1;--marginBottomDesktop:0.00px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:10px;--paddingBottomDesktop:10px;--transitionDurationMsDesktopHover:300;">
25916    <a href="https://www.linkedin.com/company/jeranek-family-chiropractic" target="_blank" class="wml wml_button">
25917        <span class="wms_background">
25918            <div class="wmc_color_layer "
25919    style=""
25920         data-animate-observe="a13ac7b3-406c-491d-a435-8eb55a522537" >
25921</div>
25922        </span>
25923        <span class="wms_button">
25924            <!-- Button.Text:button_text -->
25925<span id="a13ac7b3-3b10-4669-8a87-c19da1291d11" class="wmc wmc_text wmc_buttonText wmcM_visuallyHide" style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
25926    <span class="wml">
25927        <p style><span style="--fontSizeDesktop: 1rem; --textColorDesktop: rgba(var(--colorBwGradientA));">Button Text</span></p>
25928    </span>
25929</span>
25930            <!-- Button.Icon:button_icon -->
25931<span id="a13ac7b3-35b4-4432-905f-c2e484a31188" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:24px;--iconColorDesktop:rgba(var(--colorPrimaryC),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconColorDesktopHover:rgba(var(--colorPrimaryC),1);">
25932    <span class="wml wml_icon">
25933        <i style="mask: url(https://storage.evona.app/w%2Fm%2Fb%2F0%2F7%2F4%2Fwmb0744af21e596033c0bbe2f1a4dab3f33392b3) center / contain no-repeat"></i>
25934    </span>
25935</span>
25936        </span>
25937    </a>
25938</div>
25939    <!-- Button:button_1 -->
25940<div id="a138bb7d-9849-4cf4-bf49-51f5c1e589e2" class="wmc wmc_button wmcM_animateHover" style="--widthMobile:51px;--widthTablet:45px;--widthDesktop:47px;--bgColorDesktop:rgba(var(--colorPrimaryJ),1);--marginTopMobile:-49.97px;--marginTopTablet:9.97px;--minHeightMobile:50.703125px;--minHeightTablet:44.015625px;--marginLeftMobile:170px;--marginLeftTablet:173.5px;--marginTopDesktop:26.00px;--minHeightDesktop:44px;--paddingTopMobile:10px;--paddingTopTablet:10px;--marginLeftDesktop:177px;--paddingLeftMobile:10px;
25940--paddingLeftTablet:10px;--paddingTopDesktop:10px;--gridPositionMobile:2;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--paddingLeftDesktop:10px;--paddingRightMobile:10px;--paddingRightTablet:10px;--bgColorDesktopHover:rgba(var(--colorBackgroundJ),1);--borderRadiusDesktop:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--gridPositionDesktop:1;--marginBottomDesktop:0.00px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:10px;--paddingBottomDesktop:10px;--transitionDurationMsDesktopHover:300;">
25941    <a href="https://www.yelp.com/biz/jeranek-family-chiropractic-kenosha" target="_blank" class="wml wml_button">
25942        <span class="wms_background">
25943            <div class="wmc_color_layer "
25944    style=""
25945         data-animate-observe="a138bb7d-9849-4cf4-bf49-51f5c1e589e2" >
25946</div>
25947        </span>
25948        <span class="wms_button">
25949            <!-- Button.Text:button_text -->
25950<span id="a138bb7d-967c-4680-9bbe-2638ccfba873" class="wmc wmc_text wmc_buttonText wmcM_visuallyHide" style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
25951    <span class="wml">
25952        <p style><span style="--fontSizeDesktop: 1rem; --textColorDesktop: rgba(var(--colorBwGradientA));">Button Text</span></p>
25953    </span>
25954</span>
25955            <!-- Button.Icon:button_icon -->
25956<span id="a138bb7d-95d3-4edd-acb6-12afa7158ed1" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:24px;--iconColorDesktop:rgba(var(--colorPrimaryC),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconColorDesktopHover:rgba(var(--colorPrimaryC),1);">
25957    <span class="wml wml_icon">
25958        <i style="mask: url(https://storage.evona.app/w%2Fm%2Fc%2Fe%2F4%2Ff%2Fwmce4f52cb13b535478b778724a842971fd1ff90) center / contain no-repeat"></i>
25959    </span>
25960</span>
25961        </span>
25962    </a>
25963</div>
25964    <!-- Button:button_1 -->
25965<div id="a138bb7d-94f3-47d3-9d21-6c401f58cfa7" class="wmc wmc_button wmcM_animateHover" style="--widthMobile:51px;--widthTablet:45px;--widthDesktop:47px;--bgColorDesktop:rgba(var(--colorPrimaryJ),1);--marginTopMobile:-49.97px;--marginTopTablet:9.97px;--minHeightMobile:50.703125px;--minHeightTablet:44px;--marginLeftMobile:111px;--marginLeftTablet:124px;--marginTopDesktop:26.00px;--minHeightDesktop:44px;--paddingTopMobile:10px;--paddingTopTablet:10px;--marginLeftDesktop:122px;--paddingLeftMobile:10px;
25965--paddingLeftTablet:10px;--paddingTopDesktop:10px;--gridPositionMobile:2;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--paddingLeftDesktop:10px;--paddingRightMobile:10px;--paddingRightTablet:10px;--bgColorDesktopHover:rgba(var(--colorBackgroundJ),1);--borderRadiusDesktop:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--gridPositionDesktop:1;--marginBottomDesktop:0.00px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:10px;--paddingBottomDesktop:10px;--transitionDurationMsDesktopHover:300;">
25966    <a href="https://www.facebook.com/people/Jeranek-Family-Chiropractic/100054413983590/" target="_blank" class="wml wml_button">
25967        <span class="wms_background">
25968            <div class="wmc_color_layer "
25969    style=""
25970         data-animate-observe="a138bb7d-94f3-47d3-9d21-6c401f58cfa7" >
25971</div>
25972        </span>
25973        <span class="wms_button">
25974            <!-- Button.Text:button_text -->
25975<span id="a138bb7d-935f-4475-9549-3530214ec631" class="wmc wmc_text wmc_buttonText wmcM_visuallyHide" style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
25976    <span class="wml">
25977        <p style><span style="--fontSizeDesktop: 1rem; --textColorDesktop: rgba(var(--colorBwGradientA));">Button Text</span></p>
25978    </span>
25979</span>
25980            <!-- Button.Icon:button_icon -->
25981<span id="a138bb7d-92b7-4a2a-b0f3-3cc90eddee92" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:24px;--iconColorDesktop:rgba(var(--colorPrimaryC),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconColorDesktopHover:rgba(var(--colorPrimaryC),1);">
25982    <span class="wml wml_icon">
25983        <i style="mask: url(https://storage.evona.app/w%2Fm%2F6%2F9%2Fa%2Fe%2Fwm69ae4dd661965351e400d1a1d8dc97459b0df6) center / contain no-repeat"></i>
25984    </span>
25985</span>
25986        </span>
25987    </a>
25988</div>
25989    <!-- Button:button_1 -->
25990<div id="a138bb7d-8e98-4b32-a737-836080665486" class="wmc wmc_button wmcM_animateHover" style="--widthMobile:51px;--widthTablet:45px;--widthDesktop:47px;--bgColorDesktop:rgba(var(--colorPrimaryJ),1);--marginTopMobile:-50.50px;--marginTopTablet:9.97px;--minHeightMobile:51px;--marginLeftMobile:54.5px;--marginLeftTablet:70px;--marginTopDesktop:26.00px;--paddingTopMobile:10px;--paddingTopTablet:10px;--marginLeftDesktop:67px;--paddingLeftMobile:10px;
25990--paddingLeftTablet:10px;--paddingTopDesktop:10px;--gridPositionMobile:2;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--paddingLeftDesktop:10px;--paddingRightMobile:10px;--paddingRightTablet:10px;--bgColorDesktopHover:rgba(var(--colorBackgroundJ),1);--borderRadiusDesktop:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--gridPositionDesktop:1;--marginBottomDesktop:0.00px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:10px;--paddingBottomDesktop:10px;--transitionDurationMsDesktopHover:300;">
25991    <a href="https://www.google.com/maps/place/Jeranek+Family+Chiropractic/@42.565939,-87.8571319,15z/data=!4m6!3m5!1s0x8805607ed8388dc9:0x465ade14f337e00d!8m2!3d42.565939!4d-87.8571319!16s%2Fg%2F1tftfwyw?hl=en&entry=ttu" target="_blank" class="wml wml_button">
25992        <span class="wms_background">
25993            <div class="wmc_color_layer "
25994    style=""
25995         data-animate-observe="a138bb7d-8e98-4b32-a737-836080665486" >
25996</div>
25997        </span>
25998        <span class="wms_button">
25999            <!-- Button.Text:button_text -->
26000<span id="a138bb7d-8ce2-4fad-85f6-4fd8020284ad" class="wmc wmc_text wmc_buttonText wmcM_visuallyHide" style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
26001    <span class="wml">
26002        <p style><span style="--fontSizeDesktop: 1rem; --textColorDesktop: rgba(var(--colorBwGradientA));">Button Text</span></p>
26003    </span>
26004</span>
26005            <!-- Button.Icon:button_icon -->
26006<span id="a138bb7d-8c1e-4880-a654-4d80be38986a" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:24px;--iconColorDesktop:rgba(var(--colorPrimaryC),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconColorDesktopHover:rgba(var(--colorPrimaryC),1);">
26007    <span class="wml wml_icon">
26008        <i style="mask: url(https://storage.evona.app/w%2Fm%2F0%2F8%2F7%2Fd%2Fwm087da1f9bd9a6ef6c4def7120d3fd5eb347781) center / contain no-repeat"></i>
26009    </span>
26010</span>
26011        </span>
26012    </a>
26013</div>
26014    <!-- Image:image_1 -->
26015<wm-img id="a13ac901-d6f2-4221-875c-05107de9825a"  class="wmc wmc_image " style="--widthMobile:51px;--widthTablet:45px;--heightMobile:50.984375px;--heightTablet:44.09375px;--widthDesktop:47px;--heightDesktop:44px;--marginTopMobile:7.14px;--marginTopTablet:16.98px;--marginLeftMobile:127.5px;--marginLeftTablet:135px;--marginTopDesktop:17.00px;--aspectRatioMobile:51 / 51;--aspectRatioTablet:45 / 44;--marginLeftDesktop:149px;--aspectRatioDesktop:47 / 44;--gridPositionMobile:3;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:19.41px;--borderRadiusDesktop:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--gridPositionDesktop:2;--marginBottomDesktop:8.00px;;">
26016    <a href="https://maps.apple/p/VvnnPdHanqI7b0" target="_blank" class="wml">
26017        <div class="wms_overlay"></div>
26018        <picture>
26019            <img
26020                loading="lazy"
26021                data-wm-src="/b/f/3/b/t/l/bf3btl7IcZdfh6HRRzLLbLfzPqEEF4liC5Qf5DKy"
26022                                src="data:image/webp;base64,UklGRvoBAABXRUJQVlA4IO4BAAAQDgCdASotAC0APm0sk0YkIiGhJzgO2IANiWwAnTKEfxeb/jp7AlIfqX4A2hEoPVP5Q/IDtJ7ZvzAeVdqRvoq9MBZzZmzIc85BB8d5W9+L12BSGKfmnAYFnVcLIQh6hWh+My+Tl3dl84dgsW75EtW0OwxKeK4zFi0AAP7+ytBO8ABcBgejsIeb51pbbvIRSYT2CYmv0MrZ/kkcRhqiB/JCCIbxKq3mP2x5hi4+HuCxQUx2Zg8EmPralkb90pyq8HZo30sKVXlFNCilfTExZctrgsuuj6aK/p03n3x19DYCIc6mUyx63xtoljSXsu81D23G0pvzIM/ca2BdNVVtdh35075RU+pBHs9+wRXzu8fk5K7Jt4NGac8uZjLyc5uh5zFcJCQ9XT+Gy35zZs7NL+Jkpm2Mn3VThoSpqgf0ezWBdle4iUNuIvAG7oTQBMAUd0mNLuzt/Kys8p7TjfCWHUHsrP7Be6jNjMRZpMuuNu7/ztiK3bnFh7qn78/O0osq108baLWo6/3UbFhKfM8B7p28R0MPCaUD+abYiT/lJFvEgamHo0MSPmcTNwx40ahg8xVVGc8rOB4EKrL8fsJa8nfGFCqtfBkRw2+0+UurY5GcYfZLPbaPRuuxC38njhlRiNMbPoXMIK2dXs2lAAAAAA=="
26023                title="68ffbfb19ed83_applemapsicon1.png"
26024                alt=""
26025            >
26026        </picture>
26027    </a>
26028</wm-img>
26029    <!-- Image:image_1 -->
26030<wm-img id="a13ac8a7-da84-40e4-8c78-8afd7e33b4e6"  class="wmc wmc_image " style="--widthMobile:50px;--widthTablet:45px;--heightMobile:51.015625px;--heightTablet:44.5px;--widthDesktop:47px;--heightDesktop:44px;--marginTopMobile:-49.88px;--marginTopTablet:16.84px;--marginLeftMobile:45px;--marginLeftTablet:70.5px;--marginTopDesktop:17.00px;--aspectRatioMobile:50 / 51;--aspectRatioTablet:45 / 45;--marginLeftDesktop:47px;--aspectRatioDesktop:47 / 44;--gridPositionMobile:4;--gridPositionTablet:2;--marginBottomMobile:14.77px;--marginBottomTablet:19.41px;--borderRadiusDesktop:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--gridPositionDesktop:2;--marginBottomDesktop:8.00px;;">
26031    <a href="https://www.bing.com/maps/search?name=Jeranek+Family+Chiropractic&trfc=&mepi=0%7E%7EEmbedded%7ELargeMapLink&FORM=MPSRPL&style=r&q=Jeranek+Family+Chiropractic&ss=id.ypid%3AYN873x131610685&ppois=42.565940856933594_-87.85713195800781_Jeranek+Family+Chiropractic&cp=42.565941%7E-87.857132&lvl=16" target="_blank" class="wml">
26032        <div class="wms_overlay"></div>
26033        <picture>
26034            <img
26035                loading="lazy"
26036                data-wm-src="/p/6/y/T/a/9/p6yTa9KLq6LtoAdVfepK0TJMJMjVez9PNQwCyi52"
26037                                src="data:image/webp;base64,UklGRuACAABXRUJQVlA4WAoAAAAQAAAAGwAAGwAAQUxQSHQBAAANmS5E9D8gy7bdtnUuAYIqr36m/WX+U8k0ek/MAhJEuuQZREzABCAAEzv2RGJ+uHgNAOC1ix9M8gTbCQYAIiGDe6WZ3AP48yXhpuYT11WdAJFEzlTD5DbwV2cYiXaVGVQXCOZc0zSrBP5uzARkURWB6RISDN13asXgnwoSFu3ufNUN08oN1QXs4L8ViyJx76IySVE12R04aJpFlCyaQlSD2gRHANTCEaYeZUUg4LgzxgGLKrgFZ3bGkKBzATkFOudIRRZw7gQAP9yCK34UXGOCa37wgpu6075JzASnqyBSgTvDQQDKAUmaM5RwJKpEQKLh2NCZiDwqRLRicNx0G2CiUDsnEnVEqcCJVe
26037Sa6hZLkmH6n2lQjq02ZqdM8cWjaNFN6l9KdS56tGE/CGJM991iJdxqUn+oSblgt1ixYiJdY4ZGCeYAImeMc2zhmFhFWQcgusZ1hSKEEWIAJiCMkA25GAAAxNAZUyQqYYyBcYwlIlEKAABWUDggRgEAAPAHAJ0BKhwAHAA+bTSTRqQjIaEwGAgAgA2JbACdMuN6eK4sK+ngUKlF2zxAAH79ooXrtQMdsTnXbIW86WJfqQ2JbY8P0vh9AAD++gpDS+sUhrnH+hj68UeTOg7pcil1djpAhe9Jm9K38yAIdyypPb61AZ+qlIhsCO/r86+12pRV5ebQ1If2pETsI09r3nKYEFT9FTQ+rsq72ahfUTFMvMCkfm36IRFUeJz8QmuF+4+GXqIBxZugM6SUFp8/a7p7Vb9a8vrUwkQofkBkLcQhR112+dz3doHk0jQdm3kxJkcQpg6uDEgLqeEBn/5Vh3sR9fRUCfro7VxjzbNzehwEg7GIUNX4uh42GTaifLEqHyterXW3ZmVPuPGh4+0M94/70944YNGkQTmgfCou/a4/koxGtUoEsZj/SUb5BrMbwvglFe7B4AAA"
26038                title="68ffbf80f0d36_bingplacesicon.png"
26039                alt=""
26040            >
26041        </picture>
26042    </a>
26043</wm-img>
26044        </div>
26045    </div>
26046</div>
26047    </div>
26048</section>
26049    <!-- Section:Copyright -->
26050<section id="a138bb79-232c-453c-b23f-94219c1a4331" class="wmc wmc_section wmcM_hidden--mobile" style="--bgColorDesktop:rgba(var(--colorPrimaryB),1);--minHeightMobile:106px;--minHeightTablet:139.96875px;--minHeightDesktop:81.59375px;--gridPositionMobile:3;--gridPositionTablet:3;--gridPositionDesktop:3;">
26051    <div class="wml wml_rows">
26052        <div class="wms_background">
26053            <div class="wmc_color_layer "
26054    style=""
26055         data-animate-observe="a138bb79-232c-453c-b23f-94219c1a4331" >
26056</div>
26057        </div>
26058        <!-- Menu:menu_2 -->
26059<wm-menu id="a138bb7d-30dc-4b41-8241-0afa123f6b4c" class="wmc wmc_menu wmcM_animateHover wmcM_menuHorizontalDesktop wmcM_menuHorizontalMobile wmcM_menuHorizontalTablet"
26060    style="--widthMobile:320px;--widthTablet:542px;--widthDesktop:594px;--marginTopMobile:0.00px;--marginTopTablet:27.11px;--marginLeftMobile:0px;--marginLeftTablet:89px;--marginTopDesktop:15.20px;--minHeightDesktop:46.390625px;--marginLeftDesktop:343px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:6.81px;--marginBottomTablet:61.27px;--gridPositionDesktop:1;--marginBottomDesktop:14.78px;--horizontalNavItemFontDesktop:Lato;--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(--colorBwGradientJ),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);--horizontalNavItemHoverBackgroundColorDesktop:rgba(var(--colorBwGradientD),0);--horizontalNavSubContainerBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavSubContainerBackgroundColorDesktop:rgba(var(--colorBwGradientJ),1);--wmd_hamburgerIconUrl:url(https://storage.evona.app/w%2Fm%2Fe%2F9%2Ff%2F6%2Fwme9f6bd1608c8e7e481a785f005c362bbec762b);--wmd_backIconUrl:url(https://storage.evona.app/w%2Fm%2F8%2F8%2F9%2F2%2Fwm8892f2ea984492d01ab40e847ed7b59d087b58);--wmd_closeIconUrl:url(https://storage.evona.app/w%2Fm%2F9%2F5%2Fc%2Fd%2Fwm95cd121496a8bac8ec9af78365d420dd1189b3);--wmd_menuItemIconUrl:url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023);--wmd_submenuItemIconUrl:url(https://storage.evona.app/w%2Fm%2Ff%2F5%2F4%2F6%2Fwmf546499
260601a424a4453af8202a9e6eed459bc7e9);--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);"
26061    data-parent-menu-to-submenu="false"
26062    data-more-menu="false"
26063    data-more-menu-text="More">
26064    <div class="wml">
26065        <div class="wms_content">
26066            <div class="navigation-module-container">
26067                <button class="hamburger-button">
26068                    <span class="hamburger-button-icon--container">
26069                        <span class="hamburger-button-icon"></span>
26070                        <span
26071                            class="hamburger-button-text visually-hidden"
26072                        >
26073                            
26074                            MENU
26075                        </span>
26076                    </span>
26077                </button>
26078                                    <nav class="navigation-nav">
26079                        <ul class="navigation-nav--main-menu">
26080                                                            <li class="navigation-nav--item">
26081    <a
26082        href="https://www.chiromatrix.com/"
26083        href="https://www.chiromatrix.com/"
26084                    target="_blank" rel="noopener noreferrer"
26085            >
26086                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26087                COPYRIGHT © 2026 MH SUB I, LLC DBA IMATRIX
26088    </a>
26089    </li>
26090                                                                    <li class="navigation-nav--separator">&nbsp;</li>
26091                                                                                            <li class="navigation-nav--item">
26092    <a
26093        href="https://portal.chiromatrixbase.com/"
26094        href="https://portal.chiromatrixbase.com/"
26095                    target="_blank" rel="noopener noreferrer"
26096            >
26097                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26098                ADMIN LOG IN
26099    </a>
26100    </li>
26101                                                                    <li class="navigation-nav--separator">&nbsp;</li>
26102                                                                                            <li class="navigation-nav--item">
26103    <a
26104        href="https://www.jeranekchiro.com/sitemap"
26105        href="https://www.jeranekchiro.com/sitemap"
26106                    target="_blank" rel="noopener noreferrer"
26107            >
26108                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26109                SITE MAP
26110    </a>
26111    </li>
26112                                                            
26113
26114
26115
26116
26117
26118
26119
26120                        </ul>
26121                    </nav>
26122                            </div>
26123        </div>
26124    </div>
26125</wm-menu>
26126    </div>
26127</section>
26128    <!-- Section:Copyright Mobile -->
26129<section id="a138bb84-522e-40dc-aea1-be221fc3ed40" class="wmc wmc_section wmcM_hidden--desktop wmcM_hidden--tablet" style="--bgColorDesktop:rgba(var(--customColor1),1);--minHeightMobile:214px;--minHeightTablet:250px;--minHeightDesktop:288px;--gridPositionMobile:4;--gridPositionTablet:4;--gridPositionDesktop:4;">
26130    <div class="wml wml_rows">
26131        <div class="wms_background">
26132            <div class="wmc_color_layer "
26133    style=""
26134         data-animate-observe="a138bb84-522e-40dc-aea1-be221fc3ed40" >
26135</div>
26136        </div>
26137        <!-- Menu:menu_1 -->
26138<wm-menu id="a138bb84-54b0-49cb-b992-690ddf78320c" class="wmc wmc_menu wmcM_animateHover wmcM_menuVerticalDesktop wmcM_menuVerticalMobile wmcM_menuVerticalTablet wmd_showMoreMenu"
26139    style="--widthMobile:320px;--widthTablet:275px;--widthDesktop:245px;--marginTopMobile:24.50px;--marginTopTablet:16.30px;--marginLeftMobile:0px;--marginLeftTablet:222.5px;--marginTopDesktop:37.91px;--minHeightDesktop:125.5px;--marginLeftDesktop:517.5px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:96.50px;--marginBottomTablet:16.70px;--gridPositionDesktop:1;--marginBottomDesktop:33.09px;--verticalNavItemFontMobile:Lato;--verticalNavItemFontDesktop:var(--fontFamilySecondary);--horizontalNavArrowSizeDesktop:24px;--verticalNavBorderRadiusDesktop:0px 0px 0px 0px;
26139--verticalNavItemFontColorMobile:rgba(var(--colorBwGradientJ),1);--verticalNavItemFontSizeDesktop:14px;--horizontalNavArrowRotateDesktop:rotate(0deg);--verticalNavItemFontColorDesktop:rgba(var(--colorCtaI),1);--verticalNavSeparatorColorMobile: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;--verticalNavItemHoverFontColorMobile:rgba(var(--customColor2),1);--verticalNavItemHoverFontColorTablet:rgba(var(--colorBackgroundH),1);--horizontalNavItemBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavItemPaddingRightDesktop:0px;--horizontalNavSeparatorDisplayDesktop:block;--horizontalNavSeparatorSpacingDesktop:30px;--verticalNavItemHoverFontColorDesktop:rgba(var(--colorCtaJ),1);--horizontalNavItemPaddingBottomDesktop:0px;--horizontalNavSubItemPaddingTopDesktop:10px;
26139--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);"
26140    data-parent-menu-to-submenu="false"
26141    data-more-menu="true"
26142    data-more-menu-text="More">
26143    <div class="wml">
26144        <div class="wms_content">
26145            <div class="navigation-module-container">
26146                <button class="hamburger-button">
26147                    <span class="hamburger-button-icon--container">
26148                        <span class="hamburger-button-icon"></span>
26149                        <span
26150                            class="hamburger-button-text visually-hidden"
26151                        >
26152                            
26153                            MENU
26154                        </span>
26155                    </span>
26156                </button>
26157                                    <nav class="navigation-nav">
26158                        <ul class="navigation-nav--main-menu">
26159                                                            <li class="navigation-nav--item">
26160    <a
26161        href="https://www.chiromatrix.com/"
26162        href="https://www.chiromatrix.com/"
26163                    target="_blank" rel="noopener noreferrer"
26164            >
26165                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26166                COPYRIGHT © 2026 MH SUB I, LLC DBA IMATRIX
26167    </a>
26168    </li>
26169                                                                    <li class="navigation-nav--separator">&nbsp;</li>
26170                                                                                            <li class="navigation-nav--item">
26171    <a
26172        href="https://portal.chiromatrixbase.com/"
26173        href="https://portal.chiromatrixbase.com/"
26174                    target="_blank" rel="noopener noreferrer"
26175            >
26176                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26177                ADMIN LOG IN
26178    </a>
26179    </li>
26180                                                                    <li class="navigation-nav--separator">&nbsp;</li>
26181                                                                                            <li class="navigation-nav--item">
26182    <a
26183        href="https://www.jeranekchiro.com/sitemap"
26184        href="https://www.jeranekchiro.com/sitemap"
26185                    target="_blank" rel="noopener noreferrer"
26186            >
26187                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26188                SITE MAP
26189    </a>
26190    </li>
26191                                                            
26192
26193
26194
26195
26196
26197
26198
26199                        </ul>
26200                    </nav>
26201                            </div>
26202        </div>
26203    </div>
26204</wm-menu>
26205    </div>
26206</section>
26207        </main>
26208
26209
26210
26211
26212    
26212<script type="text/wmdjs" src="//smbleads.ibsmb.com/js/CampaignTracker.min.js"></script>
vendor: 77 bytes, lines 26212-26213
26212
26213    <script type="text/wmdjs" src="//www.google.com/recaptcha/api.js?render=
262136LfrgcArAAAAAO-cf15JEPqXF8eU6WKU-cmP22zt
vendor: 16 bytes, lines 26213-26214
26213"></script>
26214    
26214<script type="text/wmdjs" src="//www.googletagmanager.com/gtag/js?id=G-YNSVLVS809"></script>
26214
26215
26216
26217<!-- Footer Tags -->
26218<!-- start number replacer -->
26219<script type="text/wmdjs"  >
26220  _ctRewriteUrl = "https://apps.chiromatrixbase.com/CallTracking/RewriteRule/clientId/14513"; 
26221</script>
vendor: 1 bytes, line 26221
26221
26222<script type="text/wmdjs" src="https://apps.chiromatrixbase.com/js/smb-number-changer.js" >
26223</script>
vendor: 1 bytes, line 26223
26223
26224<script type="text/wmdjs"  ><!--
26225vs_account_id = "Ch4NqFiidZ9m-QDm"; 
26226//--></script>
26226
26227<!-- end ad widget -->
26228
26229<!-- Call Tracking -->
26230<script type="text/javascript">
26231    _ctRewriteUrl = "https://apps.chiromatrixbase.com/CallTracking/RewriteRule/clientId/14513";
26232</script>
26232
26233
26234<script
26235    type="text/wmdjs"
26236    src="https://apps.chiromatrixbase.com/js/smb-number-changer.js?date=20260927"
26237    defer
26238></script>
26238
26239
26240
26241<!-- Accessibility -->
26242<script
26243    type="text/wmdjs"
26244    data-position="5"
26245    data-account="RcNKI7Xfag"
26246    src="https://cdn.userway.org/widget.js"
26247    defer
26248></script>
26248
26249
26250
26251<!-- Body Before Closing -->
26252
26253
26254<script type="text/javascript">/* core/wm-defer.js */
26255;(() => {
26256    'use strict';
26257
26258    // lazy load deferred JS scripts
26259    function lazyLoadScripts() {
26260        document
26261            .querySelectorAll("script[type='text/wmdjs']")
26262            .forEach(el => {
26263                const newEl = document.createElement('script');
26264                const src = el.getAttribute('data-src') ?? null;
26265                try {
26266                    // copy attributes
26267                    el.getAttributeNames().forEach(name => {
26268                        if (name !== 'data-src') {
26269                            try {
26270                                newEl.setAttribute(name, el.getAttribute(name));
26271                            } catch (ignoredErr) {
26272                                // ignore unqualified/invalid attributes
26273                            }
26274                        }
26275                    });
26276
26277                    // copy src of the script or the embedded script
26278                    if (src) {
26279                        newEl.src = src;
26280                    } else {
26281                        newEl.innerHTML = el.innerHTML ?? '';
26282                    }
26283
26284                    // insert the actual script
26285                    newEl.type = 'text/javascript';
26286                    el.insertAdjacentElement('beforebegin', newEl);
26287                    el.remove();
26288                } catch (err) {
26289                    console.error('Error invoking script element', el, newEl, err);
26290                }
26291            });
26292    }
26293
26294    if (!globalThis.wmUserInteraction) {
26295        window.addEventListener('wm-user-interaction', lazyLoadScripts, { once: true });
26296    } else {
26297        lazyLoadScripts();
26298    }
26299})();
26300</script>
vendor: 1 bytes, line 26300
26300
26301<script type="text/javascript">/* core/user-interaction.js */
26302;(() => {
26303
26304    class WmUserInteractionEvent extends CustomEvent {
26305        constructor(detail = null) {
26306            super('wm-user-interaction', { detail });
26307        }
26308    }
26309
26310    function doInit() {
26311        const interactionEvents = ['mousemove', 'mousedown', 'keydown', 'touchmove', 'touchstart'];
26312
26313        const timeInit = Date.now();
26314        const triggerDelay = 500;
26315        const minDelay = 1000;
26316        const maxDelay = 20000;
26317        const scrollThreshold = 50;
26318        let initialScroll = null;
26319
26320        // schedule dispatching after the maximum timeout
26321        const timer = setTimeout(dispatch, maxDelay);
26322        // initiate dispatching on user interaction
26323        interactionEvents.forEach(e => {
26324            window.addEventListener(e, dispatch);
26325        });
26326        window.addEventListener('scroll', scrollDetect);
26327
26328        function scrollDetect() {
26329            if (initialScroll === null) {
26330                initialScroll = window.scrollY;
26331            }
26332            if (Math.abs(window.scrollY - initialScroll) > scrollThreshold) {
26333                dispatch();
26334            }
26335        }
26336
26337        function dispatch() {
26338            // calculate the remaining trigger delay and ignore dispatch if it's not yet reached
26339            const timeDiff = Date.now() - timeInit;
26340            const triggerRemaining = (triggerDelay > timeDiff) ? (triggerDelay - timeDiff) : 0;
26341            if (triggerRemaining > 0) {
26342                return;
26343            }
26344
26345            // if reached, remove all triggers
26346            clearTimeout(timer);
26347            interactionEvents.forEach(e => {
26348                window.removeEventListener(e, dispatch);
26349            });
26350            window.removeEventListener('scroll', scrollDetect);
26351
26352            // calculate the remaining delay and dispatch as soon as allowed
26353            const timeRemaining = (minDelay > timeDiff) ? (minDelay - timeDiff) : 0;
26354
26355            if (timeRemaining > 0) {
26356                setTimeout(doDispatch, timeRemaining);
26357            } else {
26358                doDispatch();
26359            }
26360        }
26361    }
26362
26363    function doDispatch() {
26364        console.debug('interaction: dispatch');
26365        globalThis.wmUserInteraction = true;
26366        window.dispatchEvent(new WmUserInteractionEvent);
26367    }
26368
26369    function init() {
26370        if (globalThis.wmUserInteraction) return;
26371
26372        if (!globalThis.WMConstants.initialAutoStart) {
26373            doDispatch();
26374            return;
26375        }
26376
26377        doInit();
26378    }
26379
26380    if (!globalThis.wmDevice) {
26381        window.addEventListener('wm-device-ready', init, { once: true });
26382    } else {
26383        init();
26384    }
26385})();
26386</script>
vendor: 1 bytes, line 26386
26386
26387<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":"d01606e30e754297be85384d1380078e","r":1,"spa":2}' crossorigin="anonymous"></script>
26387
26388</body>
26389</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.