PageSourceSearch

https://milwaukeelabor.org/login

html milwaukeelabor.org collected 2026-09-26 08:36:40 UTC 49,648 bytes, 1,179 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#" x-data="{ keyboardNavigation: false, isTouchDevice: false }" x-init="isTouchDevice = &#039;ontouchstart&#039; in window || navigator.maxTouchPoints &gt; 0" @keyup.tab.window="keyboardNavigation = true" @mousemove="if (keyboardNavigation) keyboardNavigation = false">
3  <head>
4    <meta charset="utf-8" />
5<noscript><style>form.antibot > * { display: none !important; } form.antibot noscript { display: block !important; }</style>
6</noscript><link rel="canonical" href="https://milwaukeelabor.org/login" />
7<link rel="image_src" href="https://milwaukeelabor.org/sites/default/files/styles/image_media_large/public/2026-03/malc_rebrand_final-ish_4.png.webp?itok=kjF4bsmY" />
8<meta property="og:site_name" content="Milwaukee Area Labor Council, AFL-CIO" />
9<meta property="og:url" content="https://milwaukeelabor.org/login" />
10<meta property="og:title" content="Log in" />
11<meta property="og:image" content="https://milwaukeelabor.org/sites/default/files/styles/image_media_large/public/2026-03/malc_rebrand_final-ish_4.png.webp?itok=kjF4bsmY" />
12<meta name="twitter:site" content="@wisaflcio" />
13<meta name="twitter:title" content="Log in | Milwaukee Area Labor Council, AFL-CIO" />
14<meta name="twitter:image" content="https://milwaukeelabor.org/sites/default/files/styles/image_media_large/public/2026-03/malc_rebrand_final-ish_4.png.webp?itok=kjF4bsmY" />
15<meta name="Generator" content="Drupal 11 (https://www.drupal.org)" />
16<meta name="MobileOptimized" content="width" />
17<meta name="HandheldFriendly" content="true" />
18<meta name="viewport" content="width=device-width, initial-scale=1.0" />
19<style>:root {--uh-font-size: 16px; --uh-font-body: Montserrat, sans-serif; --uh-font-header: Montserrat, sans-serif; --uh-color-white: 255 255 255; --uh-color-gray: 245 245 245; --uh-color-black: 53 53 53; --uh-color-primary: 1 64 131; --uh-color-primary-dark: 0 43 88; --uh-color-secondary: 133 184 63; --uh-color-secondary-dark: 70 114 10; --uh-color-accent-1: 253 202 100; --uh-color-accent-1-dark: 239 178 16; --uh-color-accent-2: 255 230 180; --uh-color-accent-2-dark: 102 102 102; --uh-color-neutral-1: 241 250 238; --uh-color-neutral-2: 255 230 180; }</style>
20<script type="application/ld+json">{
21    "@context": "https://schema.org",
22    "@type": "WebSite",
23    "name": "Milwaukee Area Labor Council, AFL-CIO",
24    "url": "https://milwaukeelabor.org"
25}</script>
25
26<link rel="icon" href="/themes/custom/uh_tw/favicon.ico" type="image/vnd.microsoft.icon" />
27<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" />
28<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&amp;display=swap" />
29<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&amp;display=swap" />
30
31    <title>Log in | Milwaukee Area Labor Council, AFL-CIO</title>
32    <link rel="stylesheet" media="all" href="/sites/default/files/css/css_tknSMUm-41fQWfuidkZbemmkp2C_CWccMYNjiUv8pKE.css?delta=0&amp;language=en&amp;theme=uh_tw&amp;include=eJxNykEOgCAMAMEPFXmSKdAgWi2hJcrv9aCJx51slEY-tV6RJ1zxgviDVJAlA13G5dg-fRN0qNHuAypBX2Y7fRU1l1kCslMbz5Vv_JUlJA" />
33<link rel="stylesheet" media="all" href="/sites/default/files/css/css_gfCMBSaVsz25MZoN-4FaKjXPiRPaJHqejzVlIfTxMtk.css?delta=1&amp;language=en&amp;theme=uh_tw&amp;include=eJxNykEOgCAMAMEPFXmSKdAgWi2hJcrv9aCJx51slEY-tV6RJ1zxgviDVJAlA13G5dg-fRN0qNHuAypBX2Y7fRU1l1kCslMbz5Vv_JUlJA" />
34<style>.sr-only {
35  position: absolute;
36  width: 1px;
37  height: 1px;
38  padding: 0;
39  margin: -1px;
40  overflow: hidden;
41  clip: rect(0, 0, 0, 0);
42  white-space: nowrap;
43  border-width: 0;
44}
45.absolute {
46  position: absolute;
47}
48.relative {
49  position: relative;
50}
51.sticky {
52  position: sticky;
53}
54.-top-2 {
55  top: -0.5rem;
56}
57.left-0 {
58  left: 0px;
59}
60.top-0 {
61  top: 0px;
62}
63.top-2 {
64  top: 0.5rem;
65}
66.top-full {
67  top: 100%;
68}
69.z-0 {
70  z-index: 0;
71}
72.z-100 {
73  z-index: 100;
74}
75.z-50 {
76  z-index: 50;
77}
78.col-span-1 {
79  grid-column: span 1 / span 1;
80}
81.mx-1 {
82  margin-left: 0.25rem;
83  margin-right: 0.25rem;
84}
85.mx-auto {
86  margin-left: auto;
87  margin-right: auto;
88}
89.my-1 {
90  margin-top: 0.25rem;
91  margin-bottom: 0.25rem;
92}
93.my-2 {
94  margin-top: 0.5rem;
95  margin-bottom: 0.5rem;
96}
97.my-4 {
98  margin-top: 1rem;
99  margin-bottom: 1rem;
100}
101.my-6 {
102  margin-top: 1.5rem;
103  margin-bottom: 1.5rem;
104}
105.mb-1 {
106  margin-bottom: 0.25rem;
107}
108.mb-2 {
109  margin-bottom: 0.5rem;
110}
111.mb-8 {
112  margin-bottom: 2rem;
113}
114.mr-1 {
115  margin-right: 0.25rem;
116}
117.mt-1 {
118  margin-top: 0.25rem;
119}
120.mt-12 {
121  margin-top: 3rem;
122}
123.mt-2 {
124  margin-top: 0.5rem;
125}
126.mt-4 {
127  margin-top: 1rem;
128}
129.mt-6 {
130  margin-top: 1.5rem;
131}
132.block {
133  display: block;
134}
135.inline-block {
136  display: inline-block;
137}
138.inline {
139  display: inline;
140}
141.flex {
142  display: flex;
143}
144.grid {
145  display: grid;
146}
147.hidden {
148  display: none;
149}
150.h-1 {
151  height: 0.25rem;
152}
153.h-4 {
154  height: 1rem;
155}
156.h-8 {
157  height: 2rem;
158}
159.w-20 {
160  width: 5rem;
161}
162.w-4 {
163  width: 1rem;
164}
165.w-8 {
166  width: 2rem;
167}
168.w-full {
169  width: 100%;
170}
171.max-w-4xl {
172  max-width: 56rem;
173}
174.max-w-7xl {
175  max-width: 80rem;
176}
177.max-w-none {
178  max-width: none;
179}
180.max-w-screen-xl {
181  max-width: 1280px;
182}
183.flex-grow {
184  flex-grow: 1;
185}
186.-rotate-45 {
187  --tw-rotate: -45deg;
188  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
189}
190.rotate-45 {
191  --tw-rotate: 45deg;
192  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
193}
194.grid-cols-1 {
195  grid-template-columns: repeat(1, minmax(0, 1fr));
196}
197.grid-cols-2 {
198  grid-template-columns: repeat(2, minmax(0, 1fr));
199}
200.flex-row {
201  flex-direction: row;
202}
203.flex-col {
204  flex-direction: column;
205}
206.flex-wrap {
207  flex-wrap: wrap;
208}
209.items-center {
210  align-items: center;
211}
212.justify-end {
213  justify-content: flex-end;
214}
215.justify-center {
216  justify-content: center;
217}
218.justify-between {
219  justify-content: space-between;
220}
221.gap-1 {
222  gap: 0.25rem;
223}
224.gap-2 {
225  gap: 0.5rem;
226}
227.gap-4 {
228  gap: 1rem;
229}
230.space-x-1 > :not([hidden]) ~ :not([hidden]) {
231  --tw-space-x-reverse: 0;
232  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
233  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
234}
235.divide-x > :not([hidden]) ~ :not([hidden]) {
236  --tw-divide-x-reverse: 0;
237  border-right-width: calc(1px * var(--tw-divide-x-reverse));
238  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
239}
240.self-start {
241  align-self: flex-start;
242}
243.rounded-full {
244  border-radius: 9999px;
245}
246.border-0 {
247  border-width: 0px;
248}
249.border-t {
250  border-top-width: 1px;
251}
252.border-gray-300 {
253  --tw-border-opacity: 1;
254  border-color: rgb(209 213 219 / var(--tw-border-opacity));
255}
256.border-uh-neutral-2 {
257  --tw-border-opacity: 1;
258  border-color: rgb(var(--uh-color-neutral-2) / var(--tw-border-opacity));
259}
260.border-opacity-20 {
261  --tw-border-opacity: 0.2;
262}
263.bg-uh-black {
264  --tw-bg-opacity: 1;
265  background-color: rgb(var(--uh-color-black) / var(--tw-bg-opacity));
266}
267.bg-uh-primary {
268  --tw-bg-opacity: 1;
269  background-color: rgb(var(--uh-color-primary) / var(--tw-bg-opacity));
270}
271.bg-uh-primary-dark {
272  --tw-bg-opacity: 1;
273  background-color: rgb(var(--uh-color-primary-dark) / var(--tw-bg-opacity));
274}
275.bg-uh-secondary {
276  --tw-bg-opacity: 1;
277  background-color: rgb(var(--uh-color-secondary) / var(--tw-bg-opacity));
278}
279.bg-uh-white {
280  --tw-bg-opacity: 1;
281  background-color: rgb(var(--uh-color-white) / var(--tw-bg-opacity));
282}
283.bg-opacity-25 {
284  --tw-bg-opacity: 0.25;
285}
286.p-2 {
287  padding: 0.5rem;
288}
289.p-4 {
290  padding: 1rem;
291}
292.px-4 {
293  padding-left: 1rem;
294  padding-right: 1rem;
295}
296.px-6 {
297  padding-left: 1.5rem;
298  padding-right: 1.5rem;
299}
300.py-12 {
301  padding-top: 3rem;
302  padding-bottom: 3rem;
303}
304.py-2 {
305  padding-top: 0.5rem;
306  padding-bottom: 0.5rem;
307}
308.py-4 {
309  padding-top: 1rem;
310  padding-bottom: 1rem;
311}
312.pb-0 {
313  padding-bottom: 0px;
314}
315.pb-2 {
316  padding-bottom: 0.5rem;
317}
318.pl-2 {
319  padding-left: 0.5rem;
320}
321.pt-6 {
322  padding-top: 1.5rem;
323}
324.pt-8 {
325  padding-top: 2rem;
326}
327.text-center {
328  text-align: center;
329}
330.text-base {
331  font-size: 1rem;
332}
333.text-sm {
334  font-size: 0.875rem;
335}
336.text-xl {
337  font-size: 1.25rem;
338}
339.text-xs {
340  font-size: 0.75rem;
341}
342.font-bold {
343  font-weight: 700;
344}
345.font-medium {
346  font-weight: 500;
347}
348.font-semibold {
349  font-weight: 600;
350}
351.uppercase {
352  text-transform: uppercase;
353}
354.leading-none {
355  line-height: 1;
356}
357.tracking-widest {
358  letter-spacing: 0.1em;
359}
360.text-branding-error {
361  --tw-text-opacity: 1;
362  color: rgb(248 113 113 / var(--tw-text-opacity));
363}
364.text-gray-600 {
365  --tw-text-opacity: 1;
366  color: rgb(75 85 99 / var(--tw-text-opacity));
367}
368.text-uh-black {
369  --tw-text-opacity: 1;
370  color: rgb(var(--uh-color-black) / var(--tw-text-opacity));
371}
372.text-uh-neutral-2 {
373  --tw-text-opacity: 1;
374  color: rgb(var(--uh-color-neutral-2) / var(--tw-text-opacity));
375}
376.text-uh-primary-dark {
377  --tw-text-opacity: 1;
378  color: rgb(var(--uh-color-primary-dark) / var(--tw-text-opacity));
379}
380.text-uh-white {
381  --tw-text-opacity: 1;
382  color: rgb(var(--uh-color-white) / var(--tw-text-opacity));
383}
384.underline {
385  text-decoration-line: underline;
386}
387.antialiased {
388  -webkit-font-smoothing: antialiased;
389  -moz-osx-font-smoothing: grayscale;
390}
391.opacity-0 {
392  opacity: 0;
393}
394.opacity-100 {
395  opacity: 1;
396}
397.opacity-50 {
398  opacity: 0.5;
399}
400.opacity-80 {
401  opacity: 0.8;
402}
403.shadow-sm {
404  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
405  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
406  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
407}
408.transition-all {
409  transition-property: all;
410  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
411  transition-duration: 150ms;
412}
413.duration-300 {
414  transition-duration: 300ms;
415}
416.first\:pl-0:first-child {
417  padding-left: 0px;
418}
419.hover\:bg-uh-primary:hover {
420  --tw-bg-opacity: 1;
421  background-color: rgb(var(--uh-color-primary) / var(--tw-bg-opacity));
422}
423.hover\:opacity-100:hover {
424  opacity: 1;
425}
426.focus\:border-branding-outer-space:focus {
427  --tw-border-opacity: 1;
428  border-color: rgb(55 58 58 / var(--tw-border-opacity));
429}
430.focus\:ring-branding-outer-space:focus {
431  --tw-ring-opacity: 1;
432  --tw-ring-color: rgb(55 58 58 / var(--tw-ring-opacity));
433}
434.prose-strong\:text-uh-white :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
435  --tw-text-opacity: 1;
436  color: rgb(var(--uh-color-white) / var(--tw-text-opacity));
437}
438.prose-img\:my-1 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
439  margin-top: 0.25rem;
440  margin-bottom: 0.25rem;
441}
442.prose-img\:mr-1 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
443  margin-right: 0.25rem;
444}
445.prose-img\:w-20 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
446  width: 5rem;
447}
448.prose-img\:opacity-60 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
449  opacity: 0.6;
450}
451.prose-img\:invert :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
452  --tw-invert: invert(100%);
453  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
454}
455.\[\&_svg\]\:m-0 svg {
456  margin: 0px;
457}
458@media (min-width: 640px) {
459  .sm\:px-6 {
460    padding-left: 1.5rem;
461    padding-right: 1.5rem;
462  }}
463
464@media (min-width: 768px) {
465  .md\:static {
466    position: static;
467  }
468  .md\:absolute {
469    position: absolute;
470  }
471  .md\:right-0 {
472    right: 0px;
473  }
474  .md\:top-full {
475    top: 100%;
476  }
477  .md\:mb-4 {
478    margin-bottom: 1rem;
479  }
480  .md\:flex {
481    display: flex;
482  }
483  .md\:hidden {
484    display: none;
485  }
486  .md\:w-2\/3 {
487    width: 66.666667%;
488  }
489  .md\:w-28 {
490    width: 7rem;
491  }
492  .md\:w-auto {
493    width: auto;
494  }
495  .md\:grid-cols-3 {
496    grid-template-columns: repeat(3, minmax(0, 1fr));
497  }
498  .md\:grid-cols-5 {
499    grid-template-columns: repeat(5, minmax(0, 1fr));
500  }
501  .md\:flex-row {
502    flex-direction: row;
503  }
504  .md\:flex-wrap {
505    flex-wrap: wrap;
506  }
507  .md\:items-start {
508    align-items: flex-start;
509  }
510  .md\:justify-center {
511    justify-content: center;
512  }
513  .md\:gap-8 {
514    gap: 2rem;
515  }
516  .md\:p-2 {
517    padding: 0.5rem;
518  }
519  .md\:px-4 {
520    padding-left: 1rem;
521    padding-right: 1rem;
522  }
523  .md\:py-2 {
524    padding-top: 0.5rem;
525    padding-bottom: 0.5rem;
526  }
527  .md\:text-sm {
528    font-size: 0.875rem;
529  }
530  .md\:transition-all {
531    transition-property: all;
532    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
533    transition-duration: 150ms;
534  }
535  .md\:duration-300 {
536    transition-duration: 300ms;
537  }
538  .md\:hover\:text-uh-white:hover {
539    --tw-text-opacity: 1;
540    color: rgb(var(--uh-color-white) / var(--tw-text-opacity));
541  }
542  .md\:prose-img\:w-28 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
543    width: 7rem;
544  }}
545
546@media (min-width: 1024px) {
547  .lg\:px-8 {
548    padding-left: 2rem;
549    padding-right: 2rem;
550  }
551  .lg\:py-16 {
552    padding-top: 4rem;
553    padding-bottom: 4rem;
554  }}
555
556@media (min-width: 1280px) {
557  .xl\:text-center {
558    text-align: center;
559  }}
560
561</style>
561<script src="/sites/default/files/tailwindcss_utility/tailwind.js"></script>
561<script src="/themes/custom/uh_tw/build/tailwind-config-cdn.js"></script>
561<script>tailwind.config.safelist = tailwind.config.safelist.concat(["!flex","[&_>div>a:hover]:text-uh-secondary","[&_>div>a]:!opacity-100","[&_>div>a]:duration-300","[&_>div>a]:flex","[&_>div>a]:items-center","[&_>div>a]:transition-all","[&_>div]:gap-4","[&_>div]:space-x-0","[&_a]:border","[&_a]:border-uh-secondary","[&_a]:p-0","[&_button:hover]:!bg-uh-primary","[&_button]:border","[&_button]:border-uh-secondary","[&_svg]:!text-sm","[&_ul>li:hover]:text-uh-secondary","[&_ul>li]:duration-300","[&_ul>li]:flex","[&_ul>li]:flex-grow","[&_ul>li]:items-center","[&_ul>li]:justify-center","[&_ul>li]:p-4","[&_ul>li]:py-2","[&_ul>li]:transition-all","[&_ul]:flex","[&_ul]:flex-col","[&_ul]:flex-grow","[&_ul]:flex-row","[&_ul]:gap-4","[&_ul]:items-center","[&_ul]:justify-between","[&_ul]:justify-center","[&amp;_div.link-wrapper]:flex","[&amp;_div.link-wrapper]:flex-row","[&amp;_div.link-wrapper]:gap-2&#039;:true","[&amp;_div.link-wrapper]:items-center","[&amp;_div.link-wrapper]:justify-center","[&amp;_div.link-wrapper]:md:px-4","[&amp;_div.link-wrapper]:md:py-2&#039","[&amp;_div.link-wrapper]:md:w-auto","[&amp;_div.link-wrapper]:p-4","[&amp;_div.link-wrapper]:w-full","auto-collapse-header","bg-uh-primary&#039;:true","md:duration-300&#039","md:hover:bg-uh-primary-dark","md:hover:text-uh-secondary","p-4&#039;:true","w-[calc(100%-2rem","w-[calc(100%-2rem)]","w-full':true","whitespace-nowrap&#039;:true"]);</script>
561
562<link rel="stylesheet" media="all" href="/sites/default/files/css/css_WskUF18tcI4rxTb_oX0aQfSquThkiPaHrYf83UCrDko.css?delta=3&amp;language=en&amp;theme=uh_tw&amp;include=eJxNykEOgCAMAMEPFXmSKdAgWi2hJcrv9aCJx51slEY-tV6RJ1zxgviDVJAlA13G5dg-fRN0qNHuAypBX2Y7fRU1l1kCslMbz5Vv_JUlJA" />
563
564    
564<script src="/libraries/fontawesome/js/brands.min.js?v=6.4.2" defer></script>
vendor: 1 bytes, line 564
564
565<script src="/libraries/fontawesome/js/regular.min.js?v=6.4.2" defer></script>
vendor: 1 bytes, line 565
565
566<script src="/libraries/fontawesome/js/solid.min.js?v=6.4.2" defer></script>
vendor: 1 bytes, line 566
566
567<script src="/libraries/fontawesome/js/fontawesome.min.js?v=6.4.2" defer></script>
567
568
569  </head>
570  <body class="hide-gin-toolbar group/uh-site">
571        <a href="#main-content" class="visually-hidden focusable">
572      Skip to main content
573    </a>
574    
575      <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
576    
577  
578<div class="w-full mx-auto text-uh-black">
579    
580  
581
582  <div id="site-header" class="md:grid-cols-5 font-semibold relative z-50 inline" x-data="{ open: false }">
583    
584
585
586<div x-data="{ enableMobileNav:false }" class="auto-collapse-header w-full flex flex-col relative bg-uh-white z-100 text-sm sticky top-0">
587  <div class="header-row-wrapper w-full items-center justify-center text-uh-white bg-uh-primary-dark font-medium" :class="{
588                 'hidden md:flex ': !enableMobileNav, 
589                 'hidden': enableMobileNav
590                 }">
591    <div class="w-[calc(100%-2rem) container mx-auto flex flex-col items-center justify-between md:flex-row ">
592      <nav class="contact-nav">
593              </nav>
594      <!--    Social Links Nav-->
595      <div class="wrapper flex flex-row gap-4 items-center [&_svg]:m-0">
596                  <nav class="national-menu [&_ul]:flex [&_ul]:flex-row [&_ul]:items-center [&_ul]:justify-between [&_ul]:gap-4 [&_ul>li]:py-2 [&_ul>li:hover]:text-uh-secondary [&_ul>li]:transition-all [&_ul>li]:duration-300">
597            
598        <ul>
599                    <li>
600                <a href="https://aflcio.org" target="_blank">AFLCIO.org</a>
601            </li>
602                    <li>
603                <a href="https://www.unionplus.org" target="_blank">Union Plus</a>
604            </li>
605            </ul>
606
607
608
609          </nav>
610                          <div class="[&_svg]:!text-sm [&_svg]:m-0 [&_>div]:space-x-0 [&_>div]:gap-4 [&_>div>a]:flex [&_>div>a]:items-center [&_>div>a]:!opacity-100 [&_>div>a:hover]:text-uh-secondary [&_>div>a]:transition-all [&_>div>a]:duration-300">
611            
612
613  <div  class="flex my-2 space-x-1">
614
615                  <a href="https://facebook.com/mkelabor" class="opacity-80 hover:opacity-100">
616          <i class="items-center justify-center mx-1 text-xl fa-brands fa-facebook"></i>
617          <span class="sr-only">Facebook</span>
618        </a>
619                        <a href="https://www.instagram.com/mke.labor/" class="opacity-80 hover:opacity-100">
620          <i class="items-center justify-center mx-1 text-xl fa-brands fa-instagram"></i>
621          <span class="sr-only">Instagram</span>
622        </a>
623                        <a href="https://twitter.com/wisaflcio" class="opacity-80 hover:opacity-100">
624          <i class="items-center justify-center mx-1 text-xl fab fa-twitter"></i>
625          <span class="sr-only">Twitter</span>
626        </a>
627                        <a href="https://flickr.com/wisaflcio" class="opacity-80 hover:opacity-100">
628          <i class="items-center justify-center mx-1 text-xl fab fa-flickr"></i>
629          <span class="sr-only">Flickr</span>
630        </a>
631          
632  </div>
633
634
635
636          </div>
637              </div>
638    </div>
639  </div>
640  <div class="header-row-wrapper w-full bg-uh-primary text-uh-white items-center">
641    <div id="site-logo-wrapper" class="flex flex-row flex-grow w-full items-center p-4 gap-4 [&_a]:p-0"
642         :class="{
643                   'md:justify-center': !enableMobileNav,
644                   }">
645      
646<div class="flex flex-row w-[calc(100%-2rem)] container mx-auto justify-between items-center md:justify-center">
647  <div class="flex flex-row items-center gap-4">
648    	<a href=/ class="site-logo w-20">
649		  <picture>
650                  <source srcset="/sites/default/files/styles/logo/public/2026-03/malc_rebrand_final-ish_4.png.webp?itok=lCIixo7E 1x" media="all and (min-width: 1280px)" type="image/webp" width="400" height="400"/>
651              <source srcset="/sites/default/files/styles/logo/public/2026-03/malc_rebrand_final-ish_4.png.webp?itok=lCIixo7E 1x, /sites/default/files/styles/logo_2x/public/2026-03/malc_rebrand_final-ish_4.png.webp?itok=EEGGrFh- 2x" media="all and (min-width: 1024px) and (max-width: 1279px)" type="image/webp" width="400" height="400"/>
652              <source srcset="/sites/default/files/styles/logo/public/2026-03/malc_rebrand_final-ish_4.png.webp?itok=lCIixo7E 1x, /sites/default/files/styles/logo_2x/public/2026-03/malc_rebrand_final-ish_4.png.webp?itok=EEGGrFh- 2x" type="image/webp" width="400" height="400"/>
653                  <img src="/sites/default/files/styles/logo/public/2026-03/malc_rebrand_final-ish_4.png.webp?itok=lCIixo7E" alt="malc rebrand logo" />
654
655  </picture>
656
657	</a>
658			<a href=/ class="site-name text-xl uppercase">
659		            <div class="label">Milwaukee Area Labor Council, AFL-CIO</div>
660      
661	</a>
662	  </div>
663  <button class="group h-8" @click="open = !open" id="mobile-menu-button"
664        :class="{
665                'menu-open': open,
666                'block md:hidden': !enableMobileNav,
667                'block': enableMobileNav
668                }">
669  <div :class="open === true ? 'bg-uh-white rounded-full w-8 h-1 relative rotate-45 top-2 transition-all' : 'bg-uh-white rounded-full w-8 h-1 relative top-0 transition-all'"></div>
670  <div :class="open === true ? 'bg-uh-white rounded-full w-8 h-1 mt-1 opacity-0 transition-all' : 'bg-uh-white rounded-full w-8 h-1 mt-1 opacity-100 transition-all'"></div>
671  <div :class="open === true ? 'bg-uh-white rounded-full w-8 h-1 mt-1 relative -rotate-45 -top-2 transition-all' : 'bg-uh-white rounded-full w-8 h-1 mt-1 relative top-0 transition-all'"></div>
672</button>
673</div>
674
675
676
677    </div>
678  </div>
679  <div class="header-row-wrapper flex items-center w-full bg-uh-primary-dark text-uh-white font-bold">
680    <nav class="main-menu w-[calc(100%-2rem) container mx-auto justify-center bg-uh-primary-dark hidden" :class="{
681                         '!flex': open,
682                         'flex-col absolute top-full left-0 md:flex md:flex-row md:static': !enableMobileNav,
683                         'flex-col absolute top-full left-0 ': enableMobileNav
684                         }">
685      
686
687
688
689
690
691
692        
693        
694                <ul class='bac-auto-collapsing-menu' :class="{'flex flex-col w-full':true, 'md:flex-wrap md:flex-row': !enableMobileNav}">
695                          <li :class="{&#039;flex w-full flex-col justify-center items-center p-4&#039;:true, &#039;md:w-auto md:px-4 md:p-2 md:hover:text-uh-secondary md:transition-all md:duration-300&#039;: !enableMobileNav}">
696          <a href="/blog" :class="{&#039;font-bold whitespace-nowrap&#039;:true}" class="menu-level-1" data-drupal-link-system-path="node/535">Blog</a>
697        </li>
698                              <li :class="{&#039;flex w-full flex-col justify-center items-center p-4&#039;:true, &#039;md:w-auto md:px-4 md:p-2 md:hover:text-uh-secondary md:transition-all md:duration-300&#039;: !enableMobileNav}">
699          <a href="/calendar" :class="{&#039;font-bold whitespace-nowrap&#039;:true}" class="menu-level-1" data-drupal-link-system-path="node/534">Calendar</a>
700        </li>
701                              <li :class="{&#039;flex w-full flex-col justify-center items-center p-4&#039;:true, &#039;md:w-auto md:px-4 md:p-2 md:hover:text-uh-secondary md:transition-all md:duration-300&#039;: !enableMobileNav}">
702          <a href="/union-member-benefits" :class="{&#039;font-bold whitespace-nowrap&#039;:true}" class="menu-level-1" data-drupal-link-system-path="node/538">Union Member Benefits</a>
703        </li>
704                              <li :class="{&#039;flex w-full flex-col justify-center items-center p-4&#039;:true, &#039;md:w-auto md:px-4 md:p-2 md:hover:text-uh-secondary md:transition-all md:duration-300&#039;: !enableMobileNav}">
705          <a href="/take-action" :class="{&#039;font-bold whitespace-nowrap&#039;:true}" class="menu-level-1" data-drupal-link-system-path="node/536">Take Action</a>
706        </li>
707                              <li :class="{&#039;flex w-full flex-col justify-center items-center p-4&#039;:true, &#039;md:w-auto md:px-4 md:p-2 md:hover:text-uh-secondary md:transition-all md:duration-300&#039;: !enableMobileNav}">
708          <a href="/about" :class="{&#039;font-bold whitespace-nowrap&#039;:true}" class="menu-level-1" data-drupal-link-system-path="node/1008653">About Us</a>
709        </li>
710                              <li :class="{&#039;flex w-full flex-col justify-center items-center p-4&#039;:true, &#039;md:w-auto md:px-4 md:p-2 md:hover:text-uh-secondary md:transition-all md:duration-300&#039;: !enableMobileNav}">
711          <a href="/events" :class="{&#039;font-bold whitespace-nowrap&#039;:true}" class="menu-level-1" data-drupal-link-system-path="node/1008651">Annual Events</a>
712        </li>
713                              <li :class="{&#039;flex w-full flex-col justify-center items-center p-4&#039;:true, &#039;md:w-auto md:px-4 md:p-2 md:hover:text-uh-secondary md:transition-all md:duration-300&#039;: !enableMobileNav}">
714          <a href="/archives" :class="{&#039;font-bold whitespace-nowrap&#039;:true}" class="menu-level-1" data-drupal-link-system-path="node/1008654">Archives</a>
715        </li>
716                              <li :class="{&#039;flex w-full flex-col justify-center items-center p-4&#039;:true, &#039;md:w-auto md:px-4 md:p-2 md:hover:text-uh-secondary md:transition-all md:duration-300&#039;: !enableMobileNav}">
717          <a href="/committees" :class="{&#039;font-bold whitespace-nowrap&#039;:true}" class="menu-level-1" data-drupal-link-system-path="node/1008655">Committees and Constituency Groups</a>
718        </li>
719                              <li :class="{&#039;flex w-full flex-col justify-center items-center p-4&#039;:true, &#039;md:w-auto md:px-4 md:p-2 md:hover:text-uh-secondary md:transition-all md:duration-300&#039;: !enableMobileNav}">
720          <a href="/how-form-union" :class="{&#039;font-bold whitespace-nowrap&#039;:true}" class="menu-level-1" data-drupal-link-system-path="node/1019542">How to Form a Union</a>
721        </li>
722                              <li :class="{&#039;flex w-full flex-col justify-center items-center p-4&#039;:true, &#039;md:w-auto md:px-4 md:p-2 md:hover:text-uh-secondary md:transition-all md:duration-300&#039;: !enableMobileNav}">
723          <a href="https://milwaukeelabor.org/who-we-are/lc@w" :class="{&#039;font-bold whitespace-nowrap&#039;:true}" class="menu-level-1">Labor Community @ Work </a>
724        </li>
725                              <li :class="{&#039;flex w-full flex-col justify-center items-center p-4&#039;:true, &#039;md:w-auto md:px-4 md:p-2 md:hover:text-uh-secondary md:transition-all md:duration-300&#039;: !enableMobileNav}">
726          <a href="/resources" :class="{&#039;font-bold whitespace-nowrap&#039;:true}" class="menu-level-1" data-drupal-link-system-path="node/1008656">Resources</a>
727        </li>
728                                                                            <li x-data="{openSubmenu1 : false, ariaExpanded: false}" @mouseenter="if (window.innerWidth &gt; 769 &amp;&amp; !enableMobileNav) { openSubmenu1 = true; }" @mouseleave="if (window.innerWidth &gt; 769 &amp;&amp; !enableMobileNav) { openSubmenu1 = false; }" @resize.window="openSubmenu1 = false, openSubmenu2 = false, openSubmenu3 = false" :class="{&#039;flex w-full flex-col relative [&amp;_div.link-wrapper]:flex [&amp;_div.link-wrapper]:w-full [&amp;_div.link-wrapper]:flex-row [&amp;_div.link-wrapper]:justify-center [&amp;_div.link-wrapper]:items-center [&amp;_div.link-wrapper]:p-4 [&amp;_div.link-wrapper]:gap-2&#039;:true, &#039;md:w-auto [&amp;_div.link-wrapper]:md:w-auto md:hover:text-uh-white md:transition-all md:duration-300 [&amp;_div.link-wrapper]:md:px-4 [&amp;_div.link-wrapper]:md:py-2&#039;: !enableMobileNav}">
729          <div class='link-wrapper'>
730            <a href="/who-we-are" :class="{&#039;font-bold whitespace-nowrap&#039;:true}" class="menu-level-1" data-drupal-link-system-path="node/1008652">Who We Are</a>
731            <button @click="openSubmenu1 = !openSubmenu1"
732                    :aria-expanded="openSubmenu1 ? 'true' : 'false'"
733                    class="submenu-toggle flex items-center"
734                    @focusin="if (keyboardNavigation) { openSubmenu1 = false, openSubmenu2 = false, openSubmenu3 = false }"
735                    title="Expand section">
736                              <i class="fas fa-chevron-down w-4 h-4 text-base"></i>
737                          </button>
738          </div>
739                  
740        
741              <ul class="flex flex-col w-full bg-uh-primary-dark" :class="{'md:absolute md:top-full md:right-0 md:transition-all md:duration-300': !enableMobileNav}""
742    x-show="openSubmenu1" x-transition:enter="md:transition md:ease-out md:duration-100"
743    x-transition:enter-start="md:transform md:opacity-0 md:scale-95"
744    x-transition:enter-end="md:transform md:opacity-100 md:scale-100"
745    x-transition:leave="md:transition md:ease-in md:duration-75"
746    x-transition:leave-start="md:transform md:opacity-100 md:scale-100"
747    x-transition:leave-end="md:transform md:opacity-0 md:scale-95">
748                        <li :class="{&#039;flex w-full flex-col justify-center items-center p-4 bg-uh-primary&#039;:true, &#039;md:w-auto md:hover:text-uh-white md:hover:bg-uh-primary-dark md:items-start md:py-2 md:px-4 md:transition-all md:duration-300&#039;: !enableMobileNav}">
749          <a href="/milwaukee-area-labor-council-afl-cio/who-we-are/executive-board" :class="{&#039;font-bold whitespace-nowrap&#039;:true}" data-drupal-link-system-path="node/533">Executive Board</a>
750        </li>
751                              <li :class="{&#039;flex w-full flex-col justify-center items-center p-4 bg-uh-primary&#039;:true, &#039;md:w-auto md:hover:text-uh-white md:hover:bg-uh-primary-dark md:items-start md:py-2 md:px-4 md:transition-all md:duration-300&#039;: !enableMobileNav}">
752          <a href="https://milwaukeelabor.org/who-we-are/staff" :class="{&#039;font-bold whitespace-nowrap&#039;:true}">Staff</a>
753        </li>
754                  </ul>
755    
756        </li>
757                  </ul>
758    
759
760
761
762
763              <div class="mobile-national-menu flex md:hidden flex-col items-center justify-center [&_ul]:flex [&_ul]:flex-col [&_ul]:items-center [&_ul]:justify-center [&_ul]:flex-grow [&_ul>li]:flex [&_ul>li]:flex-grow [&_ul>li]:justify-center [&_ul>li]:items-center [&_ul>li]:p-4"
764             :class="{
765                                 '!flex': enableMobileNav
766                                 }">
767          
768        <ul>
769                    <li>
770                <a href="https://aflcio.org" target="_blank">AFLCIO.org</a>
771            </li>
772                    <li>
773                <a href="https://www.unionplus.org" target="_blank">Union Plus</a>
774            </li>
775            </ul>
776
777
778
779        </div>
780          </nav>
781  </div>
782</div>
783
784
785
786  </div>
787
788  
789      <div>
790    
791  </div>
792
793  
794    <div>
795    <div data-drupal-messages-fallback class="hidden"></div>
796
797  </div>
798
799
800    <main class="max-w-screen-xl mx-auto px-6 py-4 z-0">
801    <a id="main-content" tabindex="-1"></a>    <div class="md:flex  pb-0">
802
803            <div id="page-content" class="grid w-full grid-cols-1 page-content">
804          <div>
805    <div id="block-uh-tw-page-title">
806  
807    
808      
809  <h1 class="my-4">Log in</h1>
810
811
812  </div>
813<div id="block-uh-tw-content">
814  
815    
816      <form class="user-login-form" data-drupal-selector="user-login-form" action="/login" method="post" id="user-login-form" accept-charset="UTF-8">
817  <div class="js-form-item form-item js-form-type-email form-item-name js-form-item-name flex-col my-1 md:mb-4 flex flex-wrap w-full">
818      <label for="edit-name" class="mb-2 js-form-required form-required font-bold">Email address</label>
819        
820<input autocorrect="none" autocapitalize="none" spellcheck="false" autofocus="autofocus" autocomplete="username" data-drupal-selector="edit-name" aria-describedby="edit-name--description" type="email" id="edit-name" name="name" value="" size="60" maxlength="254" class="form-email required shadow-sm focus:ring-branding-outer-space focus:border-branding-outer-space w-full block border-gray-300 text-uh-black p-2 md:text-sm" required="required" />
821
822
823
824
825            <div id="edit-name--description" class="description mb-1 md:mb-4 mt-2 text-gray-600 text-sm w-full">
826      Enter your email address.
827    </div>
828  </div>
829<div class="js-form-item form-item js-form-type-password form-item-pass js-form-item-pass flex-col my-1 md:mb-4 flex flex-wrap w-full">
830      <label for="edit-pass" class="mb-2 js-form-required form-required font-bold">Password</label>
831        
832<input autocomplete="current-password" data-drupal-selector="edit-pass" aria-describedby="edit-pass--description" type="password" id="edit-pass" name="pass" size="60" maxlength="128" class="form-text required shadow-sm focus:ring-branding-outer-space focus:border-branding-outer-space w-full block border-gray-300 text-uh-black p-2 md:text-sm" required="required" />
833
834
835
836
837            <div id="edit-pass--description" class="description mb-1 md:mb-4 mt-2 text-gray-600 text-sm w-full">
838      If you have forgotten your password, you may <a href="/password?destination=/login" class="underline">reset</a> it.
839    </div>
840  </div>
841
842<input autocomplete="off" data-drupal-selector="form-f3wh78tvnrb5w085jwrjgsh0318ldy7evjsdtpu-tbw" type="hidden" name="form_build_id" value="form-F3WH78tvnRB5w085JWrjgSh0318lDY7eVJsdtpu-tbw" class="shadow-sm focus:ring-branding-outer-space focus:border-branding-outer-space w-full block border-gray-300 text-uh-black p-2 md:text-sm" />
843
844
845
846
847<input data-drupal-selector="edit-user-login-form" type="hidden" name="form_id" value="user_login_form" class="shadow-sm focus:ring-branding-outer-space focus:border-branding-outer-space w-full block border-gray-300 text-uh-black p-2 md:text-sm" />
848
849
850
851<div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions">
852  
853
854  <button data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Log in" class="button js-form-submit form-submit cta cta-- self-start inline-block bg-uh-secondary text-uh-white font-bold uppercase tracking-widest py-2 px-6 hover:bg-uh-primary text-center transition-all duration-300">Log in</button>
855
856
857
858
859</div>
860
861
862</form>
863
864  </div>
865
866  </div>
867
868      </div>
869            
870    </div>
871  </main>
872  
873  
874
875</div>
876<footer class="w-full antialiased footer" role="contentinfo">
877  <div class="footer">
878      <div>
879    <div id="site_footer">
880  
881    
882      
883
884<footer class="bg-uh-primary text-uh-white">
885  <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
886
887    <div class="grid grid-cols-2 md:grid-cols-3 md:gap-8">
888        <div class="col-span-1">
889        <h3>Get in touch</h3>
890        <div class="text-uh-neutral-2 text-sm prose prose-inverse prose-img:w-20 md:prose-img:w-28 prose-img:mr-1 prose-img:my-1 max-w-none prose-img:invert prose-strong:text-uh-white prose-img:opacity-60">
891                        <div class="location user-content"><p><strong>Milwaukee Area Labor Council, AFL-CIO</strong><br>633 S. Hawley Road, Suite 110<br>Milwaukee, WI 53214</p></div>
892      
893        </div>
894
895        <div class="mt-6 social-media-links">
896          
897  <div  class="flex my-2 space-x-1">
898
899                  <a href="https://facebook.com/mkelabor" class="opacity-80 hover:opacity-100">
900          <i class="items-center justify-center mx-1 text-xl fa-brands fa-facebook"></i>
901          <span class="sr-only">Facebook</span>
902        </a>
903                        <a href="https://www.instagram.com/mke.labor/" class="opacity-80 hover:opacity-100">
904          <i class="items-center justify-center mx-1 text-xl fa-brands fa-instagram"></i>
905          <span class="sr-only">Instagram</span>
906        </a>
907                        <a href="https://twitter.com/wisaflcio" class="opacity-80 hover:opacity-100">
908          <i class="items-center justify-center mx-1 text-xl fab fa-twitter"></i>
909          <span class="sr-only">Twitter</span>
910        </a>
911                        <a href="https://flickr.com/wisaflcio" class="opacity-80 hover:opacity-100">
912          <i class="items-center justify-center mx-1 text-xl fab fa-flickr"></i>
913          <span class="sr-only">Flickr</span>
914        </a>
915          
916  </div>
917        </div>
918        <div class="my-6 footer-logo">
919          <a class="block w-full" href="/">
920    <div class="site-logo w-20 md:w-28 mr-1 opacity-50">
921          <picture>
922                  <source srcset="/sites/default/files/styles/logo/public/2026-03/malc_rebrand_final-ish_4.png.webp?itok=lCIixo7E 1x" media="all and (min-width: 1280px)" type="image/webp" width="400" height="400"/>
923              <source srcset="/sites/default/files/styles/logo/public/2026-03/malc_rebrand_final-ish_4.png.webp?itok=lCIixo7E 1x, /sites/default/files/styles/logo_2x/public/2026-03/malc_rebrand_final-ish_4.png.webp?itok=EEGGrFh- 2x" media="all and (min-width: 1024px) and (max-width: 1279px)" type="image/webp" width="400" height="400"/>
924              <source srcset="/sites/default/files/styles/logo/public/2026-03/malc_rebrand_final-ish_4.png.webp?itok=lCIixo7E 1x, /sites/default/files/styles/logo_2x/public/2026-03/malc_rebrand_final-ish_4.png.webp?itok=EEGGrFh- 2x" type="image/webp" width="400" height="400"/>
925                  <img class="w-full" width="400" height="400" src="/sites/default/files/styles/logo/public/2026-03/malc_rebrand_final-ish_4.png.webp?itok=lCIixo7E" alt="Milwaukee Area Labor Council, AFL-CIO" loading="lazy" />
926
927  </picture>
928
929  </div>
930  
931</a>
932        </div>
933      </div>
934  
935          <div class="col-span-1">
936        <h3>Quick Links</h3>
937        <div class="w-full text-uh-neutral-2 text-sm">
938          
939
940
941    
942      <ul class="menu justify-end w-full footer-menu relative border-0">
943                <li class="menu-item block">
944                <a href="/blog" class="py-2 block" data-drupal-link-system-path="node/535">Blog</a>
945      </li>
946                <li class="menu-item block">
947                <a href="/calendar" class="py-2 block" data-drupal-link-system-path="node/534">Calendar</a>
948      </li>
949                <li class="menu-item block">
950                <a href="/union-member-benefits" class="py-2 block" data-drupal-link-system-path="node/538">Union Member Benefits</a>
951      </li>
952                <li class="menu-item block">
953                <a href="/take-action" class="py-2 block" data-drupal-link-system-path="node/536">Take Action</a>
954      </li>
955                <li class="menu-item block">
956                <a href="/about" class="py-2 block" data-drupal-link-system-path="node/1008653">About Us</a>
957      </li>
958                <li class="menu-item block">
959                <a href="/events" class="py-2 block" data-drupal-link-system-path="node/1008651">Annual Events</a>
960      </li>
961                <li class="menu-item block">
962                <a href="/archives" class="py-2 block" data-drupal-link-system-path="node/1008654">Archives</a>
963      </li>
964                <li class="menu-item block">
965                <a href="/committees" class="py-2 block" data-drupal-link-system-path="node/1008655">Committees and Constituency Groups</a>
966      </li>
967                <li class="menu-item block">
968                <a href="/how-form-union" class="py-2 block" data-drupal-link-system-path="node/1019542">How to Form a Union</a>
969      </li>
970                <li class="menu-item block">
971                <a href="https://milwaukeelabor.org/who-we-are/lc@w" class="py-2 block">Labor Community @ Work </a>
972      </li>
973                <li class="menu-item block">
974                <a href="/resources" class="py-2 block" data-drupal-link-system-path="node/1008656">Resources</a>
975      </li>
976                <li class="menu-item block">
977                <a href="/who-we-are" class="py-2 block" data-drupal-link-system-path="node/1008652">Who We Are</a>
978      </li>
979        </ul>
980  
981
982
983
984
985
986        </div>
987      </div>
988  
989        <div class="col-span-1">
990        <div class="w-full mb-8">
991          <form action="/search" method="get">
992            <div class="flex gap-1 [&_a]:border [&_a]:border-uh-secondary">
993              <label class="sr-only" for="footer-search-site">Search site</label>
994              
995<input type="search" placeholder="Search" id="footer-search-site" name="keywords" class="w-full text-uh-primary-dark shadow-sm focus:ring-branding-outer-space focus:border-branding-outer-space w-full block border-gray-300 text-uh-black p-2 md:text-sm" />
996
997
998              
999  
1000
1001    <a class="cta cta-- self-start inline-block bg-uh-secondary text-uh-white font-bold uppercase tracking-widest py-2 px-6 hover:bg-uh-primary text-center transition-all duration-300" role="button" href="" target="_self"><i class="fab fa-lg fas fa-search"></i><span class="sr-only">Search</span></a>
1002
1003
1004
1005            </div>
1006          </form>
1007        </div>
1008        <div class="w-full [&_button]:border [&_button]:border-uh-secondary [&_button:hover]:!bg-uh-primary ">
1009          
1010<style>
1011  .email-signup-wrapper form {
1012    display: grid;
1013    grid-template-columns: repeat(3,minmax(0,1fr));
1014    gap: 0.25rem;
1015  }
1016  .email-signup-wrapper input {
1017    width: 100%;
1018    color: rgb(var(--uh-color-primary-dark));
1019  }
1020  .email-signup-wrapper input:focus {
1021    box-shadow: 0 0 2px 3px rgb(var(--uh-color-secondary));
1022    outline: 2px solid transparent;
1023    outline-offset: 2px;
1024    border-color: rgba(0,0,0,0.75);
1025  }
1026  .email-signup-wrapper button {
1027    width: 100%;
1028    padding-right: 0.5em;
1029    padding-left: 0.5em;
1030    text-transform: uppercase;
1031  }
1032  .email-signup-wrapper button:hover {
1033    background-color: rgb(var(--uh-color-accent-1-dark));
1034  }
1035  .email-signup-wrapper button:focus {
1036    outline: solid 2px rgb(var(--uh-color-accent-1));
1037  }
1038  .email-signup-wrapper .signup-form-message {
1039    margin-top: 0.5rem;
1040    color: rgb(var(--uh-color-accent-1));
1041  }
1042  .email-signup-wrapper form > div{
1043    margin: 0 !important;
1044  }
1045  .email-signup-wrapper form > .form-item-email-address{
1046    grid-column: span 3 / span 3;
1047  }
1048  .email-signup-wrapper form > .form-item-postal-code{
1049    grid-column: span 2 / span 2;
1050  }
1051</style>
1052<div class="email-signup-wrapper w-full py-4 max-w-4xl mx-auto">
1053    <h3>Get Email Updates</h3>
1054    <form class="email-signup-form" data-drupal-selector="email-signup-form" action="/login" method="post" id="email-signup-form" accept-charset="UTF-8">
1055  
1056<input data-drupal-selector="edit-config-wrapper" type="hidden" name="config[wrapper]" value="email-signup-wrapper" class="shadow-sm focus:ring-branding-outer-space focus:border-branding-outer-space w-full block border-gray-300 text-uh-black p-2 md:text-sm" />
1057
1058
1059
1060
1061<input data-drupal-selector="edit-config-api-endpoint" type="hidden" name="config[api_endpoint]" value="https://actionnetwork.org/api/v2/forms/f0a4a00e-7c12-4028-b37a-ca6e73c9453f/submissions" class="shadow-sm focus:ring-branding-outer-space focus:border-branding-outer-space w-full block border-gray-300 text-uh-black p-2 md:text-sm" />
1062
1063
1064
1065
1066<input data-drupal-selector="edit-config-tags" type="hidden" name="config[tags]" value="UnionHall," class="shadow-sm focus:ring-branding-outer-space focus:border-branding-outer-space w-full block border-gray-300 text-uh-black p-2 md:text-sm" />
1067
1068
1069
1070
1071<input data-drupal-selector="edit-config-thank-you" type="hidden" name="config[thank_you]" value="Thanks for signing up!" class="shadow-sm focus:ring-branding-outer-space focus:border-branding-outer-space w-full block border-gray-300 text-uh-black p-2 md:text-sm" />
1072
1073
1074
1075<div class="js-form-item form-item js-form-type-email form-item-email-address js-form-item-email-address form-no-label flex-col my-1 md:mb-4 flex flex-wrap w-full">
1076      <label for="edit-email-address" class="visually-hidden js-form-required form-required font-bold">Email Address</label>
1077        
1078<input placeholder="Email Address" data-drupal-selector="edit-email-address" type="email" id="edit-email-address" name="email_address" value="" size="60" maxlength="254" class="form-email required shadow-sm focus:ring-branding-outer-space focus:border-branding-outer-space w-full block border-gray-300 text-uh-black p-2 md:text-sm" required="required" />
1079
1080
1081
1082
1083        </div>
1084<div class="js-form-item form-item js-form-type-textfield form-item-postal-code js-form-item-postal-code form-no-label flex-col my-1 md:mb-4 flex flex-wrap w-full">
1085      <label for="edit-postal-code" class="visually-hidden js-form-required form-required font-bold">ZIP</label>
1086        
1087<input placeholder="ZIP" data-drupal-selector="edit-postal-code" type="text" id="edit-postal-code" name="postal_code" value="" size="10" maxlength="128" class="form-text required shadow-sm focus:ring-branding-outer-space focus:border-branding-outer-space w-full block border-gray-300 text-uh-black p-2 md:text-sm" required="required" />
1088
1089
1090
1091
1092        </div>
1093
1094<input autocomplete="off" data-drupal-selector="form-i6inpwkprsrnn46klbqzhuijh-2cmr-0tgzjkp7f1wi" type="hidden" name="form_build_id" value="form-I6iNPwkpRSrnN46KLBqZHUIjh-2Cmr_0tgzJKP7f1wI" class="shadow-sm focus:ring-branding-outer-space focus:border-branding-outer-space w-full block border-gray-300 text-uh-black p-2 md:text-sm" />
1095
1096
1097
1098
1099<input data-drupal-selector="edit-email-signup-form" type="hidden" name="form_id" value="email_signup_form" class="shadow-sm focus:ring-branding-outer-space focus:border-branding-outer-space w-full block border-gray-300 text-uh-black p-2 md:text-sm" />
1100
1101
1102
1103<div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions--2">
1104  
1105
1106  <button data-drupal-selector="an-submit" type="submit" id="an-submit" name="op" value="Sign Up" class="button js-form-submit form-submit cta cta-- self-start inl
1106ine-block bg-uh-secondary text-uh-white font-bold uppercase tracking-widest py-2 px-6 hover:bg-uh-primary text-center transition-all duration-300">Sign Up</button>
1107
1108
1109
1110
1111</div>
1112
1113
1114</form>
1115<div class="signup-form-message text-branding-error"></div>
1116</div>
1117
1118
1119
1120        </div>
1121
1122      </div>
1123  
1124    </div>
1125
1126      <div class="mt-12 border-t border-uh-neutral-2 border-opacity-20 pt-8">
1127      <div class="md:w-2/3">            <div class="footer-text user-content"><p><strong>© AFL-CIO. All rights reserved.</strong><br>
1128Photographs and illustrations, as well as text, cannot be used without permission from the AFL-CIO.</p></div>
1129      </div>
1130    </div>
1131  
1132            <ul class="menu flex gap-2 divide-x text-xs underline leading-none mt-4">
1133                  <li class="block pl-2 first:pl-0">
1134            <a href="/sites/default/files/privacy-policy.pdf">Privacy Policy</a>
1135          </li>
1136                  <li class="block pl-2 first:pl-0">
1137            <a href="/sites/default/files/terms-of-use_.pdf">Terms of Use</a>
1138          </li>
1139                  <li class="block pl-2 first:pl-0">
1140            <a href="/login">Log In</a>
1141          </li>
1142              </ul>
1143      
1144  </div>
1145
1146  <div class="px-4 sm:px-6 pt-6 pb-2 lg:px-8 bg-opacity-25 bg-uh-black">
1147    <p class="text-xs text-uh-neutral-2 xl:text-center">
1148      &copy; 2026 All rights reserved.
1149    </p>
1150  </div>
1151</footer>
1152
1153
1154
1155
1156  </div>
1157
1158  </div>
1159
1160  </div>
1161</footer>
1162
1163
1164  </div>
1165
1166    
1166<script>dataLayer = [{"site_name":"Milwaukee Area Labor Council, AFL-CIO","site_id":"214"}]</script>
vendor: 1 bytes, line 1166
1166
1167<script>
vendor: 327 bytes, lines 1167-1171
1167(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
1168new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
1169j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1170'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
1171})(window,document,'script','dataLayer','
1171GTM-TG7FKV
vendor: 3 bytes, line 1171
1171');
1171</script>
1171
1172<noscript aria-hidden="true"><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TG7FKV"
1173 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1174    
1174<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"group\/214\/login","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJx9j1EOwyAMQy9E4UhVCiljA9IlYS23H5U2aR9T_xw_R7I9MbrAbYNsQ4JM0cIdDuNPP1VFroPcnw2525W4GDw0p_r4Pn1Os1JV2FGooPvRVl7RLgw1yGWEMbYMfJkRyikY6aJY3AKCpt1m8JqozhV1Jx6tQCFDR_7DSEKaPZUy2pxYd7eR6BQzLZAn0T6WxDekB2vV","theme":"uh_tw","theme_token":null},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true,"\/email-signup\/signup":true},"data":{"extlink":{"extTarget":false,"extTargetAppendNewWindowDisplay":true,"extTargetAppendNewWindowLabel":"(opens in a new window)","extTargetNoOverride":false,"extNofollow":true,"extTitleNoOverride":false,"extNoreferrer":false,"extFollowNoOverride":true,"extClass":"0","extLabel":"(link is external)","extImgClass":false,"extSubdomains":true,"extExclude":"","extInclude":"","extCssExclude":"","extCssInclude":"","extCssExplicit":"","extAlert":false,"extAlertText":"This link will take you to an external web site. We are not responsible for their content.","extHideIcons":false,"mailtoClass":"0","telClass":"tel","mailtoLabel":"(link sends email)","telLabel":"(link is a phone number)","extUseFontAwesome":true,"extIconPlacement":"append","extPreventOrphan":false,"extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","extAdditionalLinkClasses":"","extAdditionalMailtoClasses":"","extAdditionalTelClasses":"","extFaTelClasses":"fa fa-phone","allowedDomains":["actionnetwork.org"],"extExcludeNoreferrer":""}},"ajax":{"an-submit":{"url":"\/email-signup\/signup","progress":{"type":"fullscreen"},"event":"mousedown","keypress":true,"prevent":"click","httpMethod":"POST","dialogType":"ajax","submit":{"_triggering_element_name":"op","_triggering_element_value":"Sign Up"}}},"user":{"uid":0,"permissionsHash":"8dc8f2301f2cd6ee2c29374126f0230e6bfd06d3fc7cf72117435b0105465565"}}</script>
vendor: 1 bytes, line 1174
1174
1175<script src="/core/assets/vendor/jquery/jquery.min.js?v=4.0.0"></script>
vendor: 1 bytes, line 1175
1175
1176<script src="/sites/default/files/js/js_h2L2Vlq6BGztD71C1VAkqSIcwXHHHD5GcDYOrPPMtss.js?scope=footer&amp;delta=1&amp;language=en&amp;theme=uh_tw&amp;include=eJx9jlEOgzAMQy9UlSNVWRtYWJqwNB1w-4G0SfuY-LP9bMlZDYdifQGOhYB1ijDDFvKZkziaHGR-drQ9jmo14OZM8viOPjaMKg4rNq04_OjYXlO8GUhplxXDqTPYZacpUwn9niA7qSRBX9WOJ-DAsKP9YdoKpay1Hg9O3MhxAF5I8A1kE2Li"></script>
1176
1177
1178  </body>
1179</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.