PageSourceSearch

https://calafscme.org/about-us

html calafscme.org collected 2026-10-02 11:21:48 UTC 65,590 bytes, 1,591 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><meta name="description" content="We are AFSCMEAmerica’s communities never rest. Streets need cleaning. Families need care. Students deserve well-run schools, and our neighborhoods demand safety. That’s why people who work in public service never stop. This isn’t just a job. It’s a calling. The work matters because it means something to make a community better." />
7<link rel="canonical" href="https://calafscme.org/content/20077" />
8<meta property="og:site_name" content="AFSCME California" />
9<meta property="og:url" content="https://calafscme.org/content/20077" />
10<meta property="og:title" content="About Us" />
11<meta property="og:description" content="We are AFSCMEAmerica’s communities never rest. Streets need cleaning. Families need care. Students deserve well-run schools, and our neighborhoods demand safety. That’s why people who work in public service never stop. This isn’t just a job. It’s a calling. The work matters because it means something to make a community better." />
12<meta name="twitter:card" content="summary_large_image" />
13<meta name="twitter:description" content="We are AFSCMEAmerica’s communities never rest. Streets need cleaning. Families need care. Students deserve well-run schools, and our neighborhoods demand safety. That’s why people who work in public service never stop. This isn’t just a job. It’s a calling. The work matters because it means something to make a community better." />
14<meta name="twitter:site" content="@afscme" />
15<meta name="twitter:title" content="About Us | AFSCME California" />
16<meta name="Generator" content="Drupal 11 (https://www.drupal.org)" />
17<meta name="MobileOptimized" content="width" />
18<meta name="HandheldFriendly" content="true" />
19<meta name="viewport" content="width=device-width, initial-scale=1.0" />
20<style>:root {--uh-font-size: 16px; --uh-font-body: Roboto, sans-serif; --uh-font-header: Roboto, sans-serif; --uh-color-white: 255 255 255; --uh-color-gray: 75 75 75; --uh-color-black: 29 39 49; --uh-color-primary: 0 93 170; --uh-color-primary-dark: 1 77 141; --uh-color-secondary: 0 169 79; --uh-color-secondary-dark: 2 146 69; --uh-color-accent-1: 0 169 79; --uh-color-accent-1-dark: 2 146 69; --uh-color-accent-2: 104 134 82; --uh-color-accent-2-dark: 0 20 38; --uh-color-neutral-1: 237 237 237; --uh-color-neutral-2: 239 239 239; }</style>
21<script type="application/ld+json">{
22    "@context": "https://schema.org",
23    "@type": "WebSite",
24    "name": "AFSCME California ",
25    "url": "https://calafscme.org"
26}</script>
26
27<link rel="icon" href="/sites/default/files/2023-08/afscme-favicon-32x32.png" type="image/vnd.microsoft.icon" />
28<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" />
29<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&amp;display=swap" />
30<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&amp;display=swap" />
31
32    <title>About Us | AFSCME California</title>
33    <link rel="stylesheet" media="all" href="/sites/default/files/css/css_-DCSq0beVkqF-ss-IRAnDOSeTDn7Nr5Brmh5Y1Xo_FQ.css?delta=0&amp;language=en&amp;theme=uh_tw&amp;include=eJxVjVEOQDAQBS9UeiRZ-rTLVsWuqNsT4cPnzMcMjTpkdJaQeYle2XBwQKN2CtQNZYMP276StDRR_YnAJCU6VBNe5s--6PRUQ_Y9KdyeOjv8WtSaKKUnefr38AJdpTFo" />
34<link rel="stylesheet" media="all" href="/sites/default/files/css/css_u47PuEnUCyYjjhQ8EoP4kYhPgTOyqMUk_c6oPt5AHts.css?delta=1&amp;language=en&amp;theme=uh_tw&amp;include=eJxVjVEOQDAQBS9UeiRZ-rTLVsWuqNsT4cPnzMcMjTpkdJaQeYle2XBwQKN2CtQNZYMP276StDRR_YnAJCU6VBNe5s--6PRUQ_Y9KdyeOjv8WtSaKKUnefr38AJdpTFo" />
35<style>.sr-only {
36  position: absolute;
37  width: 1px;
38  height: 1px;
39  padding: 0;
40  margin: -1px;
41  overflow: hidden;
42  clip: rect(0, 0, 0, 0);
43  white-space: nowrap;
44  border-width: 0;
45}
46.relative {
47  position: relative;
48}
49.sticky {
50  position: sticky;
51}
52.top-0 {
53  top: 0px;
54}
55.z-0 {
56  z-index: 0;
57}
58.z-10 {
59  z-index: 10;
60}
61.z-100 {
62  z-index: 100;
63}
64.z-50 {
65  z-index: 50;
66}
67.order-1 {
68  order: 1;
69}
70.order-2 {
71  order: 2;
72}
73.col-span-1 {
74  grid-column: span 1 / span 1;
75}
76.col-span-2 {
77  grid-column: span 2 / span 2;
78}
79.col-span-5 {
80  grid-column: span 5 / span 5;
81}
82.col-span-6 {
83  grid-column: span 6 / span 6;
84}
85.m-0 {
86  margin: 0px;
87}
88.m-auto {
89  margin: auto;
90}
91.mx-1 {
92  margin-left: 0.25rem;
93  margin-right: 0.25rem;
94}
95.mx-auto {
96  margin-left: auto;
97  margin-right: auto;
98}
99.my-1 {
100  margin-top: 0.25rem;
101  margin-bottom: 0.25rem;
102}
103.my-2 {
104  margin-top: 0.5rem;
105  margin-bottom: 0.5rem;
106}
107.mb-6 {
108  margin-bottom: 1.5rem;
109}
110.mr-1 {
111  margin-right: 0.25rem;
112}
113.mt-12 {
114  margin-top: 3rem;
115}
116.mt-4 {
117  margin-top: 1rem;
118}
119.mt-6 {
120  margin-top: 1.5rem;
121}
122.block {
123  display: block;
124}
125.inline-block {
126  display: inline-block;
127}
128.inline {
129  display: inline;
130}
131.flex {
132  display: flex;
133}
134.inline-flex {
135  display: inline-flex;
136}
137.grid {
138  display: grid;
139}
140.hidden {
141  display: none;
142}
143.h-0 {
144  height: 0px;
145}
146.h-4 {
147  height: 1rem;
148}
149.h-5 {
150  height: 1.25rem;
151}
152.h-6 {
153  height: 1.5rem;
154}
155.h-auto {
156  height: auto;
157}
158.h-full {
159  height: 100%;
160}
161.w-1\/5 {
162  width: 20%;
163}
164.w-12 {
165  width: 3rem;
166}
167.w-28 {
168  width: 7rem;
169}
170.w-4 {
171  width: 1rem;
172}
173.w-4\/5 {
174  width: 80%;
175}
176.w-5 {
177  width: 1.25rem;
178}
179.w-6 {
180  width: 1.5rem;
181}
182.w-full {
183  width: 100%;
184}
185.max-w-4xl {
186  max-width: 56rem;
187}
188.max-w-none {
189  max-width: none;
190}
191.shrink-0 {
192  flex-shrink: 0;
193}
194.flex-grow {
195  flex-grow: 1;
196}
197.-rotate-90 {
198  --tw-rotate: -90deg;
199  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));
200}
201.rotate-0 {
202  --tw-rotate: 0deg;
203  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));
204}
205.rotate-180 {
206  --tw-rotate: 180deg;
207  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));
208}
209.transform {
210  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));
211}
212.scroll-mt-28 {
213  scroll-margin-top: 7rem;
214}
215.grid-cols-1 {
216  grid-template-columns: repeat(1, minmax(0, 1fr));
217}
218.grid-cols-6 {
219  grid-template-columns: repeat(6, minmax(0, 1fr));
220}
221.flex-row {
222  flex-direction: row;
223}
224.flex-col {
225  flex-direction: column;
226}
227.flex-wrap {
228  flex-wrap: wrap;
229}
230.items-center {
231  align-items: center;
232}
233.justify-start {
234  justify-content: flex-start;
235}
236.justify-end {
237  justify-content: flex-end;
238}
239.justify-center {
240  justify-content: center;
241}
242.gap-2 {
243  gap: 0.5rem;
244}
245.space-x-1 > :not([hidden]) ~ :not([hidden]) {
246  --tw-space-x-reverse: 0;
247  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
248  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
249}
250.divide-x > :not([hidden]) ~ :not([hidden]) {
251  --tw-divide-x-reverse: 0;
252  border-right-width: calc(1px * var(--tw-divide-x-reverse));
253  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
254}
255.overflow-hidden {
256  overflow: hidden;
257}
258.whitespace-nowrap {
259  white-space: nowrap;
260}
261.rounded-lg {
262  border-radius: 0.5rem;
263}
264.rounded-md {
265  border-radius: 0.375rem;
266}
267.rounded-l-xl {
268  border-top-left-radius: 0.75rem;
269  border-bottom-left-radius: 0.75rem;
270}
271.rounded-r-lg {
272  border-top-right-radius: 0.5rem;
273  border-bottom-right-radius: 0.5rem;
274}
275.border {
276  border-width: 1px;
277}
278.border-0 {
279  border-width: 0px;
280}
281.border-l {
282  border-left-width: 1px;
283}
284.border-t {
285  border-top-width: 1px;
286}
287.border-t-2 {
288  border-top-width: 2px;
289}
290.border-solid {
291  border-style: solid;
292}
293.border-gray-300 {
294  --tw-border-opacity: 1;
295  border-color: rgb(209 213 219 / var(--tw-border-opacity));
296}
297.border-uh-black {
298  --tw-border-opacity: 1;
299  border-color: rgb(var(--uh-color-black) / var(--tw-border-opacity));
300}
301.border-uh-black\/60 {
302  border-color: rgb(var(--uh-color-black) / 0.6);
303}
304.border-uh-gray\/50 {
305  border-color: rgb(var(--uh-color-gray) / 0.5);
306}
307.border-uh-neutral-2 {
308  --tw-border-opacity: 1;
309  border-color: rgb(var(--uh-color-neutral-2) / var(--tw-border-opacity));
310}
311.border-opacity-20 {
312  --tw-border-opacity: 0.2;
313}
314.border-opacity-5 {
315  --tw-border-opacity: 0.05;
316}
317.bg-uh-accent-1 {
318  --tw-bg-opacity: 1;
319  background-color: rgb(var(--uh-color-accent-1) / var(--tw-bg-opacity));
320}
321.bg-uh-black {
322  --tw-bg-opacity: 1;
323  background-color: rgb(var(--uh-color-black) / var(--tw-bg-opacity));
324}
325.bg-uh-black\/10 {
326  background-color: rgb(var(--uh-color-black) / 0.1);
327}
328.bg-uh-black\/5 {
329  background-color: rgb(var(--uh-color-black) / 0.05);
330}
331.bg-uh-gray\/20 {
332  background-color: rgb(var(--uh-color-gray) / 0.2);
333}
334.bg-uh-primary {
335  --tw-bg-opacity: 1;
336  background-color: rgb(var(--uh-color-primary) / var(--tw-bg-opacity));
337}
338.bg-uh-secondary {
339  --tw-bg-opacity: 1;
340  background-color: rgb(var(--uh-color-secondary) / var(--tw-bg-opacity));
341}
342.bg-uh-white {
343  --tw-bg-opacity: 1;
344  background-color: rgb(var(--uh-color-white) / var(--tw-bg-opacity));
345}
346.bg-opacity-5 {
347  --tw-bg-opacity: 0.05;
348}
349.fill-current {
350  fill: currentColor;
351}
352.p-2 {
353  padding: 0.5rem;
354}
355.px-10 {
356  padding-left: 2.5rem;
357  padding-right: 2.5rem;
358}
359.px-2 {
360  padding-left: 0.5rem;
361  padding-right: 0.5rem;
362}
363.px-4 {
364  padding-left: 1rem;
365  padding-right: 1rem;
366}
367.px-8 {
368  padding-left: 2rem;
369  padding-right: 2rem;
370}
371.py-1 {
372  padding-top: 0.25rem;
373  padding-bottom: 0.25rem;
374}
375.py-12 {
376  padding-top: 3rem;
377  padding-bottom: 3rem;
378}
379.py-2 {
380  padding-top: 0.5rem;
381  padding-bottom: 0.5rem;
382}
383.py-4 {
384  padding-top: 1rem;
385  padding-bottom: 1rem;
386}
387.pb-0 {
388  padding-bottom: 0px;
389}
390.pb-16 {
391  padding-bottom: 4rem;
392}
393.pb-8 {
394  padding-bottom: 2rem;
395}
396.pl-2 {
397  padding-left: 0.5rem;
398}
399.pl-4 {
400  padding-left: 1rem;
401}
402.pr-2 {
403  padding-right: 0.5rem;
404}
405.pr-4 {
406  padding-right: 1rem;
407}
408.pt-0 {
409  padding-top: 0px;
410}
411.pt-16 {
412  padding-top: 4rem;
413}
414.pt-2 {
415  padding-top: 0.5rem;
416}
417.pt-8 {
418  padding-top: 2rem;
419}
420.text-center {
421  text-align: center;
422}
423.text-4xl {
424  font-size: 2.25rem;
425  line-height: 2.5rem;
426}
427.text-base {
428  font-size: 1rem;
429}
430.text-sm {
431  font-size: 0.875rem;
432}
433.text-xl {
434  font-size: 1.25rem;
435}
436.text-xs {
437  font-size: 0.75rem;
438}
439.font-bold {
440  font-weight: 700;
441}
442.font-semibold {
443  font-weight: 600;
444}
445.uppercase {
446  text-transform: uppercase;
447}
448.leading-none {
449  line-height: 1;
450}
451.text-branding-error {
452  --tw-text-opacity: 1;
453  color: rgb(248 113 113 / var(--tw-text-opacity));
454}
455.text-current {
456  color: currentColor;
457}
458.text-uh-black {
459  --tw-text-opacity: 1;
460  color: rgb(var(--uh-color-black) / var(--tw-text-opacity));
461}
462.text-uh-neutral-2 {
463  --tw-text-opacity: 1;
464  color: rgb(var(--uh-color-neutral-2) / var(--tw-text-opacity));
465}
466.text-uh-white {
467  --tw-text-opacity: 1;
468  color: rgb(var(--uh-color-white) / var(--tw-text-opacity));
469}
470.underline {
471  text-decoration-line: underline;
472}
473.antialiased {
474  -webkit-font-smoothing: antialiased;
475  -moz-osx-font-smoothing: grayscale;
476}
477.opacity-80 {
478  opacity: 0.8;
479}
480.shadow-lg {
481  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
482  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
483  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
484}
485.shadow-sm {
486  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
487  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
488  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
489}
490.transition {
491  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
492  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
493  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
494  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
495  transition-duration: 150ms;
496}
497.transition-all {
498  transition-property: all;
499  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
500  transition-duration: 150ms;
501}
502.transition-colors {
503  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
504  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
505  transition-duration: 150ms;
506}
507.duration-150 {
508  transition-duration: 150ms;
509}
510.duration-300 {
511  transition-duration: 300ms;
512}
513.duration-700 {
514  transition-duration: 700ms;
515}
516.ease-in-out {
517  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
518}
519.first\:pl-0:first-child {
520  padding-left: 0px;
521}
522.hover\:bg-uh-accent-1-dark:hover {
523  --tw-bg-opacity: 1;
524  background-color: rgb(var(--uh-color-accent-1-dark) / var(--tw-bg-opacity));
525}
526.hover\:bg-uh-black\/10:hover {
527  background-color: rgb(var(--uh-color-black) / 0.1);
528}
529.hover\:bg-uh-black\/20:hover {
530  background-color: rgb(var(--uh-color-black) / 0.2);
531}
532.hover\:bg-uh-black\/5:hover {
533  background-color: rgb(var(--uh-color-black) / 0.05);
534}
535.hover\:bg-opacity-10:hover {
536  --tw-bg-opacity: 0.1;
537}
538.hover\:opacity-100:hover {
539  opacity: 1;
540}
541.focus\:border-branding-outer-space:focus {
542  --tw-border-opacity: 1;
543  border-color: rgb(55 58 58 / var(--tw-border-opacity));
544}
545.focus\:ring-branding-outer-space:focus {
546  --tw-ring-opacity: 1;
547  --tw-ring-color: rgb(55 58 58 / var(--tw-ring-opacity));
548}
549.prose-headings\:mb-2 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
550  margin-bottom: 0.5rem;
551}
552.prose-p\:mb-4 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
553  margin-bottom: 1rem;
554}
555.prose-a\:text-uh-primary :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
556  --tw-text-opacity: 1;
557  color: rgb(var(--uh-color-primary) / var(--tw-text-opacity));
558}
559.prose-a\:no-underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
560  text-decoration-line: none;
561}
562.hover\:prose-a\:text-uh-accent-1 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover {
563  --tw-text-opacity: 1;
564  color: rgb(var(--uh-color-accent-1) / var(--tw-text-opacity));
565}
566.hover\:prose-a\:underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover {
567  text-decoration-line: underline;
568}
569.prose-strong\:text-uh-white :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
570  --tw-text-opacity: 1;
571  color: rgb(var(--uh-color-white) / var(--tw-text-opacity));
572}
573.prose-img\:m-0 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
574  margin: 0px;
575}
576.prose-img\:my-1 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
577  margin-top: 0.25rem;
578  margin-bottom: 0.25rem;
579}
580.prose-img\:mr-1 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
581  margin-right: 0.25rem;
582}
583.prose-img\:w-20 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
584  width: 5rem;
585}
586.prose-img\:w-full :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
587  width: 100%;
588}
589@media (min-width: 768px) {
590  .md\:absolute {
591    position: absolute;
592  }
593  .md\:\!left-\[unset\] {
594    left: unset !important;
595  }
596  .md\:left-0 {
597    left: 0px;
598  }
599  .md\:left-full {
600    left: 100%;
601  }
602  .md\:right-0 {
603    right: 0px;
604  }
605  .md\:right-full {
606    right: 100%;
607  }
608  .md\:top-0 {
609    top: 0px;
610  }
611  .md\:top-full {
612    top: 100%;
613  }
614  .md\:z-10 {
615    z-index: 10;
616  }
617  .md\:col-span-10 {
618    grid-column: span 10 / span 10;
619  }
620  .md\:col-span-2 {
621    grid-column: span 2 / span 2;
622  }
623  .md\:col-span-3 {
624    grid-column: span 3 / span 3;
625  }
626  .md\:col-span-5 {
627    grid-column: span 5 / span 5;
628  }
629  .md\:col-span-9 {
630    grid-column: span 9 / span 9;
631  }
632  .md\:mx-0 {
633    margin-left: 0px;
634    margin-right: 0px;
635  }
636  .md\:mb-4 {
637    margin-bottom: 1rem;
638  }
639  .md\:flex {
640    display: flex;
641  }
642  .md\:grid {
643    display: grid;
644  }
645  .md\:hidden {
646    display: none;
647  }
648  .md\:w-auto {
649    width: auto;
650  }
651  .md\:w-full {
652    width: 100%;
653  }
654  .md\:grid-cols-12 {
655    grid-template-columns: repeat(12, minmax(0, 1fr));
656  }
657  .md\:grid-cols-3 {
658    grid-template-columns: repeat(3, minmax(0, 1fr));
659  }
660  .md\:grid-cols-5 {
661    grid-template-columns: repeat(5, minmax(0, 1fr));
662  }
663  .md\:flex-row {
664    flex-direction: row;
665  }
666  .md\:flex-wrap {
667    flex-wrap: wrap;
668  }
669  .md\:items-start {
670    align-items: flex-start;
671  }
672  .md\:justify-end {
673    justify-content: flex-end;
674  }
675  .md\:gap-0 {
676    gap: 0px;
677  }
678  .md\:rounded-none {
679    border-radius: 0px;
680  }
681  .md\:border-none {
682    border-style: none;
683  }
684  .md\:bg-transparent {
685    background-color: transparent;
686  }
687  .md\:px-2 {
688    padding-left: 0.5rem;
689    padding-right: 0.5rem;
690  }
691  .md\:\!pr-2 {
692    padding-right: 0.5rem !important;
693  }
694  .md\:text-sm {
695    font-size: 0.875rem;
696  }
697  .md\:shadow-none {
698    --tw-shadow: 0 0 #0000;
699    --tw-shadow-colored: 0 0 #0000;
700    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
701  }
702  .md\:transition-all {
703    transition-property: all;
704    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
705    transition-duration: 150ms;
706  }
707  .md\:duration-150 {
708    transition-duration: 150ms;
709  }
710  .md\:prose-img\:w-28 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
711    width: 7rem;
712  }}
713
714@media (min-width: 1024px) {
715  .lg\:col-span-10 {
716    grid-column: span 10 / span 10;
717  }
718  .lg\:grid {
719    display: grid;
720  }
721  .lg\:w-3\/4 {
722    width: 75%;
723  }
724  .lg\:max-w-prose {
725    max-width: 65ch;
726  }
727  .lg\:grid-cols-2 {
728    grid-template-columns: repeat(2, minmax(0, 1fr));
729  }
730  .lg\:px-0 {
731    padding-left: 0px;
732    padding-right: 0px;
733  }}
734
735</style>
735<script src="/sites/default/files/tailwindcss_utility/tailwind.js"></script>
735<script src="/themes/custom/uh_tw/build/tailwind-config-cdn.js"></script>
735<script>tailwind.config.safelist = tailwind.config.safelist.concat(["[&amp;_div.link-wrapper]:flex","[&amp;_div.link-wrapper]:flex-grow","[&amp;_div.link-wrapper]:flex-row","[&amp;_div.link-wrapper]:items-center","[&amp;_div.link-wrapper]:justify-center","[&amp;_div.link-wrapper]:md:justify-start","[&amp;_div.link-wrapper]:md:w-auto","[&amp;_div.link-wrapper]:w-full","md:item-center","prose-a:text-uh-white","prose-h4:mt-0"]);</script>
735
736<link rel="stylesheet" media="all" href="/sites/default/files/css/css_x9Sb6wUy4_iGZ88oweu4YqEWUxcUzZQi56NmZB6Keew.css?delta=3&amp;language=en&amp;theme=uh_tw&amp;include=eJxVjVEOQDAQBS9UeiRZ-rTLVsWuqNsT4cPnzMcMjTpkdJaQeYle2XBwQKN2CtQNZYMP276StDRR_YnAJCU6VBNe5s--6PRUQ_Y9KdyeOjv8WtSaKKUnefr38AJdpTFo" />
737
738    
738<script src="/libraries/fontawesome/js/brands.min.js?v=6.4.2" defer></script>
vendor: 1 bytes, line 738
738
739<script src="/libraries/fontawesome/js/regular.min.js?v=6.4.2" defer></script>
vendor: 1 bytes, line 739
739
740<script src="/libraries/fontawesome/js/solid.min.js?v=6.4.2" defer></script>
vendor: 1 bytes, line 740
740
741<script src="/libraries/fontawesome/js/fontawesome.min.js?v=6.4.2" defer></script>
741
742
743  </head>
744  <body class="hide-gin-toolbar group/uh-site">
745        <a href="#main-content" class="visually-hidden focusable">
746      Skip to main content
747    </a>
748    
749      <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
750    
751  
752<div class="w-full mx-auto text-uh-black">
753    
754  
755
756  <div id="site-header" class="md:grid-cols-5 font-semibold relative z-50 inline" x-data="{ open: false }">
757    
758
759
760<div class="md:grid md:grid-cols-12 md:col-span-5 bg-uh-white z-10 shadow-lg site-logo-wrapper sticky top-0">
761  <!-- site logo -->
762  <div class="md:col-span-9 site-branding p-2">
763     
764<div class="flex items-center w-full">
765            <!-- mobile menu button -->
766    <div id="mobile-nav-button" class="flex justify-end order-2 w-1/5 md:hidden">
767            <button type="button" class="inline-flex items-center justify-center p-2 rounded-md" aria-controls="mobile-menu" x-on:click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()">
768        <span class="sr-only">Open main menu</span>
769        <svg x-description="Icon when menu is closed. Heroicon name: outline/menu" x-state:on="Menu open" x-state:off="Menu closed" class="block w-6 h-6" :class="{ 'hidden': open, 'block': !(open) }" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
770          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
771        </svg>
772        <svg x-description="Icon when menu is open. Heroicon name: outline/x" x-state:on="Menu open" x-state:off="Menu closed" class="hidden w-6 h-6" :class="{ 'block': open, 'hidden': !(open) }" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
773          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
774        </svg>
775      </button>
776          </div>
777    <!-- ./mobile menu button -->
778    <div class="w-4/5 md:w-full order-1">
779    <a class="flex w-full items-center" href="/">
780    		<div class="site-logo w-28 pr-2 prose prose-img:w-full prose-img:m-0 shrink-0">
781		  <picture>
782                  <source srcset="/sites/default/files/styles/logo/public/logos/transparent-afscme_ca_people_we_make_ca_happen.png.webp?itok=0eHgn0ju 1x" media="all and (min-width: 1280px)" type="image/webp" width="400" height="225"/>
783              <source srcset="/sites/default/files/styles/logo/public/logos/transparent-afscme_ca_people_we_make_ca_happen.png.webp?itok=0eHgn0ju 1x, /sites/default/files/styles/logo_2x/public/logos/transparent-afscme_ca_people_we_make_ca_happen.png.webp?itok=WGqZIQT- 2x" media="all and (min-width: 1024px) and (max-width: 1279px)" type="image/webp" width="400" height="225"/>
784              <source srcset="/sites/default/files/styles/logo/public/logos/transparent-afscme_ca_people_we_make_ca_happen.png.webp?itok=0eHgn0ju 1x, /sites/default/files/styles/logo_2x/public/logos/transparent-afscme_ca_people_we_make_ca_happen.png.webp?itok=WGqZIQT- 2x" type="image/webp" width="400" height="225"/>
785                  <img src="/sites/default/files/styles/logo/public/logos/transparent-afscme_ca_people_we_make_ca_happen.png.webp?itok=0eHgn0ju" alt="transparent-afscme_ca_people_we_make_ca_happen.png" />
786
787  </picture>
788
789	</div>
790			<div class="site-name font-bold text-uh-black uppercase pl-4 border-l border-uh-black/60 border-solid">
791		            <div class="label">AFSCME California </div>
792      
793	</div>
794	    </a>
795  </div>
796</div>
797
798
799
800  </div>
801  <!-- ./site logo -->
802  <div class="md:col-span-3 socials p-2 hidden md:flex justify-end">
803  
804
805  <div  class="flex my-2 space-x-1">
806
807                  <a href="https://facebook.com/afscme" class="opacity-80 hover:opacity-100">
808          <i class="items-center justify-center mx-1 text-xl fab fa-facebook"></i>
809          <span class="sr-only">Facebook</span>
810        </a>
811                        <a href="https://twitter.com/afscme" class="opacity-80 hover:opacity-100">
812          <i class="items-center justify-center mx-1 text-xl fab fa-twitter"></i>
813          <span class="sr-only">Twitter</span>
814        </a>
815                        <a href="https://www.youtube.com/user/afscme" class="opacity-80 hover:opacity-100">
816          <i class="items-center justify-center mx-1 text-xl fab fa-youtube"></i>
817          <span class="sr-only">Youtube</span>
818        </a>
819          
820  </div>
821
822
823
824  </div>
825
826  <!-- site menu -->
827  <div class="z-100 relative md:col-span-10 lg:col-span-10 flex items-center md:px-2 site-menu-outer-wrapper">
828    
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846<div class="hidden md:flex flex-row md:justify-end w-full z-10 text-sm" x-data="{search_open : false}">
847
848      <div class="flex-grow">
849    
850
851
852  <ul class="site-menu menu flex flex-col w-full container mx-auto md:mx-0 text-sm md:w-auto md:flex-row md:item-center md:flex-wrap bg-uh-white text-current justify-start">
853                                                    <li class="menu-item menu-item--expanded relative   flex hover:bg-uh-black/5 md:w-auto transition-all duration-150   [&amp;_div.link-wrapper]:flex [&amp;_div.link-wrapper]:flex-grow [&amp;_div.link-wrapper]:flex-row [&amp;_div.link-wrapper]:w-full [&amp;_div.link-wrapper]:md:w-auto [&amp;_div.link-wrapper]:justify-center [&amp;_div.link-wrapper]:items-center md:transition-all md:duration-150 [&amp;_div.link-wrapper]:md:justify-start" x-data="{openSubmenu1 : false, ariaExpanded: false}" @mouseenter="if (!isTouchDevice) { if (window.innerWidth &gt; 769) { openSubmenu1 = true; } }" @mouseleave="if (!isTouchDevice) { if (window.innerWidth &gt; 769) { openSubmenu1 = false; } }" @resize.window="openSubmenu1 = false, openSubmenu2 = false" x-on:click.away="openSubmenu1 = false"
854          >
855      <div class='link-wrapper group'>
856        <a href="/about-us" class="flex px-4 py-2 h-full whitespace-nowrap menu-level-1 md:!pr-2" data-drupal-link-system-path="node/13605">About Us</a>
857        <button @click="openSubmenu1 = !openSubmenu1"
858                :aria-expanded="openSubmenu1 ? 'true' : 'false'"
859                class="submenu-toggle w-12 flex justify-center items-center bg-uh-black border border-uh-black border-solid rounded-lg shadow-sm border-opacity-5 bg-opacity-5 hover:bg-opacity-10 mr-1 md:w-auto md:bg-transparent md:border-none md:rounded-none md:shadow-none"
860                @focusin="if (keyboardNavigation) { openSubmenu1 = false, openSubmenu2 = false }"
861                title="Expand section">
862                                        <i class="down-arrow">
863          <span class="">
864            <svg class="w-4 h-4 transition duration-150 ease-in-out transform fill-current "
865                 xmlns="http://www.w3.org/2000/svg"
866                 viewBox="0 0 20 20"
867                 :class="{ 'rotate-180': openSubmenu1 }">>
868              <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/>
869            </svg>
870          </span>
871          </i>
872                </button>
873      </div>
874    
875
876
877<ul
878            class="flex flex-col w-full md:z-10 md:w-auto md:absolute md:top-full md:left-0 md:transition-all md:duration-150 dropdown-1 bg-uh-white text-current"
879            x-show="openSubmenu1" x-transition:enter="md:transition md:ease-out md:duration-100"
880    x-transition:enter-start="md:transform md:opacity-0 md:scale-95"
881    x-transition:enter-end="md:transform md:opacity-100 md:scale-100"
882    x-transition:leave="md:transition md:ease-in md:duration-75"
883    x-transition:leave-start="md:transform md:opacity-100 md:scale-100"
884    x-transition:leave-end="md:transform md:opacity-0 md:scale-95"
885        style="display: none;">
886                        <li class="menu-item    flex  bg-uh-black/5 hover:bg-uh-black/10 md:items-start  md:transition-all md:duration-150  ">
887    <a href="/who-afscme-california" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/14997">Who is AFSCME California?</a>
888    </li>
889                    <li class="menu-item    flex  bg-uh-black/5 hover:bg-uh-black/10 md:items-start  md:transition-all md:duration-150  ">
890    <a href="/contact-us" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/13611">Contact Us</a>
891    </li>
892      </ul>
893
894    </li>
895                    <li class="menu-item    flex hover:bg-uh-black/5 md:w-auto transition-all duration-150   ">
896    <a href="/news" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/13608">News</a>
897    </li>
898                    <li class="menu-item    flex hover:bg-uh-black/5 md:w-auto transition-all duration-150   ">
899    <a href="/take-action" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/13609">Take Action</a>
900    </li>
901                                              <li class="menu-item menu-item--expanded relative  menu-item--active-trail flex hover:bg-uh-black/5 md:w-auto transition-all duration-150   [&amp;_div.link-wrapper]:flex [&amp;_div.link-wrapper]:flex-grow [&amp;_div.link-wrapper]:flex-row [&amp;_div.link-wrapper]:w-full [&amp;_div.link-wrapper]:md:w-auto [&amp;_div.link-wrapper]:justify-center [&amp;_div.link-wrapper]:items-center md:transition-all md:duration-150 [&amp;_div.link-wrapper]:md:justify-start" x-data="{openSubmenu1 : false, ariaExpanded: false}" @mouseenter="if (!isTouchDevice) { if (window.innerWidth &gt; 769) { openSubmenu1 = true; } }" @mouseleave="if (!isTouchDevice) { if (window.innerWidth &gt; 769) { openSubmenu1 = false; } }" @resize.window="openSubmenu1 = false, openSubmenu2 = false" x-on:click.away="openSubmenu1 = false"
902          >
903      <div class='link-wrapper group'>
904        <a href="/afscme-california-people-primary-endorsements/afscme-california-people-state" class="flex px-4 py-2 h-full whitespace-nowrap menu-level-1 md:!pr-2" data-drupal-link-system-path="node/195700">Endorsements</a>
905        <button @click="openSubmenu1 = !openSubmenu1"
906                :aria-expanded="openSubmenu1 ? 'true' : 'false'"
907                class="submenu-toggle w-12 flex justify-center items-center bg-uh-black border border-uh-black border-solid rounded-lg shadow-sm border-opacity-5 bg-opacity-5 hover:bg-opacity-10 mr-1 md:w-auto md:bg-transparent md:border-none md:rounded-none md:shadow-none"
908                @focusin="if (keyboardNavigation) { openSubmenu1 = false, openSubmenu2 = false }"
909                title="Expand section">
910                                        <i class="down-arrow">
911          <span class="">
912            <svg class="w-4 h-4 transition duration-150 ease-in-out transform fill-current "
913                 xmlns="http://www.w3.org/2000/svg"
914                 viewBox="0 0 20 20"
915                 :class="{ 'rotate-180': openSubmenu1 }">>
916              <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/>
917            </svg>
918          </span>
919          </i>
920                </button>
921      </div>
922    
923
924
925<ul
926            class="flex flex-col w-full md:z-10 md:w-auto md:absolute md:top-full md:left-0 md:transition-all md:duration-150 dropdown-1 bg-uh-white text-current"
927            x-show="openSubmenu1" x-transition:enter="md:transition md:ease-out md:duration-100"
928    x-transition:enter-start="md:transform md:opacity-0 md:scale-95"
929    x-transition:enter-end="md:transform md:opacity-100 md:scale-100"
930    x-transition:leave="md:transition md:ease-in md:duration-75"
931    x-transition:leave-start="md:transform md:opacity-100 md:scale-100"
932    x-transition:leave-end="md:transform md:opacity-0 md:scale-95"
933        style="display: none;">
934                        <li class="menu-item    flex  bg-uh-black/5 hover:bg-uh-black/10 md:items-start  md:transition-all md:duration-150  ">
935    <a href="/afscme-federal-election-endorsements" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/195699">AFSCME Federal Election Primary Endorsements</a>
936    </li>
937                    <li class="menu-item    flex  bg-uh-black/5 hover:bg-uh-black/10 md:items-start  md:transition-all md:duration-150  ">
938    <a href="/afscme-california-people-primary-endorsements" title="2026 State Primary Endorsements" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/187105">AFSCME California PEOPLE Primary Endorsements</a>
939    </li>
940                    <li class="menu-item   menu-item--active-trail flex  bg-uh-black/5 hover:bg-uh-black/10 md:items-start  md:transition-all md:duration-150  ">
941    <a href="/afscme-federal-election-endorsements/afscme-california-ballot-measure" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/207297">Ballot Measure Endorsements</a>
942    </li>
943                    <li class="menu-item    flex  bg-uh-black/5 hover:bg-uh-black/10 md:items-start  md:transition-all md:duration-150  ">
944    <a href="/afscme-california-people-primary-endorsements/election-center" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/195701">Election Center</a>
945    </li>
946      </ul>
947
948    </li>
949                    <li class="menu-item    flex hover:bg-uh-black/5 md:w-auto transition-all duration-150   ">
950    <a href="/2024-legislative-scorecard" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/1002267">2024 Legislative Scorecard</a>
951    </li>
952                                              <li class="menu-item menu-item--expanded relative   flex hover:bg-uh-black/5 md:w-auto transition-all duration-150   [&amp;_div.link-wrapper]:flex [&amp;_div.link-wrapper]:flex-grow [&amp;_div.link-wrapper]:flex-row [&amp;_div.link-wrapper]:w-full [&amp;_div.link-wrapper]:md:w-auto [&amp;_div.link-wrapper]:justify-center [&amp;_div.link-wrapper]:items-center md:transition-all md:duration-150 [&amp;_div.link-wrapper]:md:justify-start" x-data="{openSubmenu1 : false, ariaExpanded: false}" @mouseenter="if (!isTouchDevice) { if (window.innerWidth &gt; 769) { openSubmenu1 = true; } }" @mouseleave="if (!isTouchDevice) { if (window.innerWidth &gt; 769) { openSubmenu1 = false; } }" @resize.window="openSubmenu1 = false, openSubmenu2 = false" x-on:click.away="openSubmenu1 = false"
953          >
954      <div class='link-wrapper group'>
955        <a href="/resources" class="flex px-4 py-2 h-full whitespace-nowrap menu-level-1 md:!pr-2" data-drupal-link-system-path="node/13616">Resources</a>
956        <button @click="openSubmenu1 = !openSubmenu1"
957                :aria-expanded="openSubmenu1 ? 'true' : 'false'"
958                class="submenu-toggle w-12 flex justify-center items-center bg-uh-black border border-uh-black border-solid rounded-lg shadow-sm border-opacity-5 bg-opacity-5 hover:bg-opacity-10 mr-1 md:w-auto md:bg-transparent md:border-none md:rounded-none md:shadow-none"
959                @focusin="if (keyboardNavigation) { openSubmenu1 = false, openSubmenu2 = false }"
960                title="Expand section">
961                                        <i class="down-arrow">
962          <span class="">
963            <svg class="w-4 h-4 transition duration-150 ease-in-out transform fill-current "
964                 xmlns="http://www.w3.org/2000/svg"
965                 viewBox="0 0 20 20"
966                 :class="{ 'rotate-180': openSubmenu1 }">>
967              <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/>
968            </svg>
969          </span>
970          </i>
971                </button>
972      </div>
973    
974
975
976<ul
977        class="flex flex-col w-full md:z-10 md:w-auto md:absolute md:top-full md:left-0 md:transition-all md:duration-150 dropdown-1 bg-uh-white text-current md:!left-[unset] md:right-0"
978        x-show="openSubmenu1" x-transition:enter="md:transition md:ease-out md:duration-100"
979    x-transition:enter-start="md:transform md:opacity-0 md:scale-95"
980    x-transition:enter-end="md:transform md:opacity-100 md:scale-100"
981    x-transition:leave="md:transition md:ease-in md:duration-75"
982    x-transition:leave-start="md:transform md:opacity-100 md:scale-100"
983    x-transition:leave-end="md:transform md:opacity-0 md:scale-95"
984        style="display: none;">
985                        <li class="menu-item    flex  bg-uh-black/5 hover:bg-uh-black/10 md:items-start  md:transition-all md:duration-150  ">
986    <a href="/what-union" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/13614">What is a Union?</a>
987    </li>
988                    <li class="menu-item    flex  bg-uh-black/5 hover:bg-uh-black/10 md:items-start  md:transition-all md:duration-150  ">
989    <a href="/member-benefits" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/13607">Member Benefits</a>
990    </li>
991                    <li class="menu-item    flex  bg-uh-black/5 hover:bg-uh-black/10 md:items-start  md:transition-all md:duration-150  ">
992    <a href="/resources-afscme-constitution" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/13615">AFSCME Constitution</a>
993    </li>
994                          <li class="menu-item menu-item--expanded relative   flex  bg-uh-black/5 hover:bg-uh-black/10 md:items-start  md:transition-all md:duration-150  " x-data="{openSubmenu2 : false, ariaExpanded: false}" @mouseenter="if (!isTouchDevice) { if (window.innerWidth &gt; 769) { openSubmenu2 = true; } }" @mouseleave="if (!isTouchDevice) { if (window.innerWidth &gt; 769) { openSubmenu2 = false; } }" @resize.window="openSubmenu1 = false, openSubmenu2 = false" x-on:click.away="openSubmenu2 = false"
995          >
996      <div class='link-wrapper group'>
997        <a href="/covid-19-news-and-resources" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/81034">COVID-19 News and Resources</a>
998        <button @click="openSubmenu2 = !openSubmenu2"
999                :aria-expanded="openSubmenu2 ? 'true' : 'false'"
1000                class="submenu-toggle w-12 flex justify-center items-center bg-uh-black border border-uh-black border-solid rounded-lg shadow-sm border-opacity-5 bg-opacity-5 hover:bg-opacity-10 mr-1 md:w-auto md:bg-transparent md:border-none md:rounded-none md:shadow-none"
1001                @focusin="if (keyboardNavigation) { openSubmenu2 = false, openSubmenu3 = false }"
1002                title="Expand section">
1003                  <i x-data="{ isSmallScreen: false }"
1004           x-init="isSmallScreen = window.matchMedia('(max-width: 768px)').matches"
1005           x-bind:class="{ 'arrow-right text-base': isSmallScreen }"
1006           x-show="!isSmallScreen"
1007           @resize.window="isSmallScreen = window.matchMedia('(max-width: 768px)').matches">
1008          <svg class="w-4 h-4 transition duration-150 ease-in-out transform fill-current  -rotate-90"
1009               xmlns="http://www.w3.org/2000/svg"
1010               viewBox="0 0 20 20"
1011               >
1012            <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/>
1013          </svg>
1014        </i>
1015        <i x-data="{ isSmallScreen: false }"
1016           x-init="isSmallScreen = window.matchMedia('(max-width: 768px)').matches"
1017           x-bind:class="{ 'arrow-down text-base': !isSmallScreen }"
1018           x-show="isSmallScreen"
1019           @resize.window="isSmallScreen = window.matchMedia('(max-width: 768px)').matches">
1020          <svg class="w-4 h-4 transition duration-150 ease-in-out transform fill-current "
1021               xmlns="http://www.w3.org/2000/svg"
1022               viewBox="0 0 20 20"
1023               :class="{ 'rotate-180': openSubmenu2 }">>
1024            <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/>
1025          </svg>
1026        </i>
1027                </button>
1028      </div>
1029    
1030
1031
1032<ul
1033        class="flex flex-col w-full md:z-10 md:w-auto md:absolute md:top-0 md:left-full dropdown-2 bg-uh-white text-current md:!left-[unset] md:right-full"
1034        x-show="openSubmenu2" x-transition:enter="md:transition md:ease-out md:duration-100"
1035    x-transition:enter-start="md:transform md:opacity-0 md:scale-95"
1036    x-transition:enter-end="md:transform md:opacity-100 md:scale-100"
1037    x-transition:leave="md:transition md:ease-in md:duration-75"
1038    x-transition:leave-start="md:transform md:opacity-100 md:scale-100"
1039    x-transition:leave-end="md:transform md:opacity-0 md:scale-95"
1040        style="display: none;">
1041                        <li class="menu-item    flex   bg-uh-black/10 hover:bg-uh-black/20 md:items-start md:transition-all md:duration-150 ">
1042    <a href="/state-california-covid-19-resources" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/81035">State of California COVID-19 Resources</a>
1043    </li>
1044                    <li class="menu-item    flex   bg-uh-black/10 hover:bg-uh-black/20 md:items-start md:transition-all md:duration-150 ">
1045    <a href="/local-government-covid-19-resources" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/81036">Local Government COVID-19 Resources</a>
1046    </li>
1047      </ul>
1048
1049    </li>
1050      </ul>
1051
1052    </li>
1053      </ul>
1054
1055  </div>
1056    
1057  
1058</div>
1059
1060
1061
1062
1063
1064                                                                            <ul class="block w-full bg-uh-white text-current border-0 menu md:hidden mobile-site-menu text-sm pt-2 border-t-2" x-description="Mobile menu, show/hide based on menu state." id="mobile-menu" x-show="open" style="display: none;">
1065
1066      <li class="menu-item menu-item--expanded grid grid-cols-6   relative"  x-data="{selected:null}" >
1067
1068        <a href="/about-us" class="flex px-4 py-1 col-span-5 hover:bg-uh-black/5" data-drupal-link-system-path="node/13605">About Us</a>
1069    <div class="col-span-1 py-2 pl-2 pr-4">
1070      <button type="button" class="block w-full h-full bg-uh-black border border-uh-black border-solid rounded-lg shadow-sm border-opacity-5 bg-opacity-5 hover:bg-opacity-10" x-on:click="selected !== 0 ? selected = 0 : selected = null" arial-label="Toggle menu" x-bind:aria-expanded="selected == 0 ? 'true' : 'false'">
1071        <svg class="w-5 h-5 m-auto transform" x-description="Heroicon name: solid/chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" x-bind:class="selected == 0 ? 'rotate-180' : 'rotate-0'">
1072          <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
1073        </svg>
1074      </button>
1075    </div>
1076    <div class="relative col-span-6 overflow-hidden transition-all duration-700" x-ref="container0" x-bind:class="selected == 0 ? 'h-auto' : 'h-0'" x-bind:aria-hidden="selected == 0 ? 'false' : 'true'">
1077      
1078                                                  <ul class="block w-full bg-uh-black/5">
1079  
1080      <li class="menu-item    relative" >
1081
1082          <a href="/who-afscme-california" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/14997">Who is AFSCME California?</a>
1083      
1084      
1085        </li>
1086      <li class="menu-item    relative" >
1087
1088          <a href="/contact-us" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/13611">Contact Us</a>
1089      
1090      
1091        </li>
1092  
1093  
1094  
1095</ul>
1096
1097      
1098          </div>
1099      </li>
1100      <li class="menu-item    relative" >
1101
1102          <a href="/news" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/13608">News</a>
1103      
1104      
1105        </li>
1106      <li class="menu-item    relative" >
1107
1108          <a href="/take-action" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/13609">Take Action</a>
1109      
1110      
1111        </li>
1112      <li class="menu-item menu-item--expanded grid grid-cols-6  menu-item--active-trail relative"  x-data="{selected:null}" >
1113
1114        <a href="/afscme-california-people-primary-endorsements/afscme-california-people-state" class="flex px-4 py-1 col-span-5 hover:bg-uh-black/5" data-drupal-link-system-path="node/195700">Endorsements</a>
1115    <div class="col-span-1 py-2 pl-2 pr-4">
1116      <button type="button" class="block w-full h-full bg-uh-black border border-uh-black border-solid rounded-lg shadow-sm border-opacity-5 bg-opacity-5 hover:bg-opacity-10" x-on:click="selected !== 0 ? selected = 0 : selected = null" arial-label="Toggle menu" x-bind:aria-expanded="selected == 0 ? 'true' : 'false'">
1117        <svg class="w-5 h-5 m-auto transform" x-description="Heroicon name: solid/chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" x-bind:class="selected == 0 ? 'rotate-180' : 'rotate-0'">
1118          <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
1119        </svg>
1120      </button>
1121    </div>
1122    <div class="relative col-span-6 overflow-hidden transition-all duration-700" x-ref="container0" x-bind:class="selected == 0 ? 'h-auto' : 'h-0'" x-bind:aria-hidden="selected == 0 ? 'false' : 'true'">
1123      
1124                                                  <ul class="block w-full bg-uh-black/5">
1125  
1126      <li class="menu-item    relative" >
1127
1128          <a href="/afscme-federal-election-endorsements" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/195699">AFSCME Federal Election Primary Endorsements</a>
1129      
1130      
1131        </li>
1132      <li class="menu-item    relative" >
1133
1134          <a href="/afscme-california-people-primary-endorsements" title="2026 State Primary Endorsements" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/187105">AFSCME California PEOPLE Primary Endorsements</a>
1135      
1136      
1137        </li>
1138      <li class="menu-item   menu-item--active-trail relative" >
1139
1140          <a href="/afscme-federal-election-endorsements/afscme-california-ballot-measure" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/207297">Ballot Measure Endorsements</a>
1141      
1142      
1143        </li>
1144      <li class="menu-item    relative" >
1145
1146          <a href="/afscme-california-people-primary-endorsements/election-center" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/195701">Election Center</a>
1147      
1148      
1149        </li>
1150  
1151  
1152  
1153</ul>
1154
1155      
1156          </div>
1157      </li>
1158      <li class="menu-item    relative" >
1159
1160          <a href="/2024-legislative-scorecard" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/1002267">2024 Legislative Scorecard</a>
1161      
1162      
1163        </li>
1164      <li class="menu-item menu-item--expanded grid grid-cols-6   relative"  x-data="{selected:null}" >
1165
1166        <a href="/resources" class="flex px-4 py-1 col-span-5 hover:bg-uh-black/5" data-drupal-link-system-path="node/13616">Resources</a>
1167    <div class="col-span-1 py-2 pl-2 pr-4">
1168      <button type="button" class="block w-full h-full bg-uh-black border border-uh-black border-solid rounded-lg shadow-sm border-opacity-5 bg-opacity-5 hover:bg-opacity-10" x-on:click="selected !== 0 ? selected = 0 : selected = null" arial-label="Toggle menu" x-bind:aria-expanded="selected == 0 ? 'true' : 'false'">
1169        <svg class="w-5 h-5 m-auto transform" x-description="Heroicon name: solid/chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" x-bind:class="selected == 0 ? 'rotate-180' : 'rotate-0'">
1170          <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
1171        </svg>
1172      </button>
1173    </div>
1174    <div class="relative col-span-6 overflow-hidden transition-all duration-700" x-ref="container0" x-bind:class="selected == 0 ? 'h-auto' : 'h-0'" x-bind:aria-hidden="selected == 0 ? 'false' : 'true'">
1175      
1176                                                  <ul class="block w-full bg-uh-black/5">
1177  
1178      <li class="menu-item    relative" >
1179
1180          <a href="/what-union" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/13614">What is a Union?</a>
1181      
1182      
1183        </li>
1184      <li class="menu-item    relative" >
1185
1186          <a href="/member-benefits" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/13607">Member Benefits</a>
1187      
1188      
1189        </li>
1190      <li class="menu-item    relative" >
1191
1192          <a href="/resources-afscme-constitution" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/13615">AFSCME Constitution</a>
1193      
1194      
1195        </li>
1196      <li class="menu-item menu-item--expanded grid grid-cols-6   relative"  x-data="{selected:null}" >
1197
1198        <a href="/covid-19-news-and-resources" class="flex px-4 py-1 col-span-5 hover:bg-uh-black/5" data-drupal-link-system-path="node/81034">COVID-19 News and Resources</a>
1199    <div class="col-span-1 py-2 pl-2 pr-4">
1200      <button type="button" class="block w-full h-full bg-uh-black border border-uh-black border-solid rounded-lg shadow-sm border-opacity-5 bg-opacity-5 hover:bg-opacity-10" x-on:click="selected !== 1 ? selected = 1 : selected = null" arial-label="Toggle menu" x-bind:aria-expanded="selected == 1 ? 'true' : 'false'">
1201        <svg class="w-5 h-5 m-auto transform" x-description="Heroicon name: solid/chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" x-bind:class="selected == 1 ? 'rotate-180' : 'rotate-0'">
1202          <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
1203        </svg>
1204      </button>
1205    </div>
1206    <div class="relative col-span-6 overflow-hidden transition-all duration-700" x-ref="container1" x-bind:class="selected == 1 ? 'h-auto' : 'h-0'" x-bind:aria-hidden="selected == 1 ? 'false' : 'true'">
1207      
1208                                                  <ul class="block w-full bg-uh-black/5">
1209  
1210      <li class="menu-item    relative" >
1211
1212          <a href="/state-california-covid-19-resources" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/81035">State of California COVID-19 Resources</a>
1213      
1214      
1215        </li>
1216      <li class="menu-item    relative" >
1217
1218          <a href="/local-government-covid-19-resources" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/81036">Local Government COVID-19 Resources</a>
1219      
1220      
1221        </li>
1222  
1223  
1224  
1225</ul>
1226
1227      
1228        </li>
1229  
1230  
1231  
1232</ul>
1233
1234      
1235          </div>
1236      </li>
1237  
1238  
1239  
1240</ul>
1241
1242
1243
1244
1245  </div>
1246  <!-- ./site menu -->
1247
1248  <!-- search -->
1249  <div class="md:col-span-2 p-2 hidden md:flex items-center">
1250    <form action="/search" method="get">
1251      <div class="flex">
1252        <label class="sr-only" for="desktop-search-site">Search site</label>
1253        <input x-ref="autoFocus" id="desktop-search-site" class="w-full py-1 px-2 text-xs border-0 bg-uh-gray/20 rounded-l-xl" type="search" placeholder="Search Site" name="keywords">
1254        <button class="border-uh-gray/50 bg-uh-gray/20 text-uh-white text-xs py-1 px-2 rounded-r-lg">
1255          <i class="fa-lg fas fa-search"></i><span class="sr-only">Search</span>
1256        </button>
1257      </div>
1258    </form>
1259  </div>
1260  <!-- ./search -->
1261
1262</div>
1263
1264
1265
1266  </div>
1267
1268  
1269      <div>
1270    
1271  </div>
1272
1273  
1274    <div>
1275    <div data-drupal-messages-fallback class="hidden"></div>
1276
1277  </div>
1278
1279
1280    <main class="z-0">
1281    <a id="main-content" tabindex="-1"></a>    <div class="md:flex  pb-0">
1282
1283            <div id="page-content" class="grid w-full grid-cols-1 page-content">
1284          <div>
1285    <div id="block-uh-tw-content">
1286  
1287    
1288      
1289        <article class="node">
1290
1291  
1292    
1293
1294  
1295  <div class="node-content">
1296    
1297          
1298    <div class="layout layout--onecol layout--onecol--75 scroll-mt-28 pt-16 pb-8 px-8" id="title">
1299          <div class="container px-4 mx-auto lg:px-0">
1300        <div  class="layout__region layout__region--content mx-auto lg:w-3/4">
1301      <div id="" class="scroll-mt-28 flex w-full flex-wrap">
1302  
1303    
1304
1305      
1306<h1 class="text-center text-4xl font-bold w-full m-0">About Us</h1>
1307
1308
1309  </div>
1310
1311    </div>
1312          </div>
1313      </div>
1314  
1315
1316          
1317    <div class="layout layout--onecol layout--onecol--prose scroll-mt-28 pt-0 pb-16 px-8" id="desc">
1318          <div class="container px-4 mx-auto lg:px-0">
1319        <div  class="layout__region layout__region--content mx-auto lg:max-w-prose">
1320      <div id="" class="scroll-mt-28 flex w-full flex-wrap">
1321  
1322    
1323
1324      
1325<div class="w-full max-w-none prose prose-headings:mb-2 prose-p:mb-4 prose-a:text-uh-primary hover:prose-a:text-uh-accent-1 prose-a:no-underline hover:prose-a:underline">
1326	<h3>We are <i>AFSCME</i></h3><p>America’s communities never rest. Streets need cleaning. Families need care. Students deserve well-run schools, and our neighborhoods demand safety. That’s why people who work in public service never stop. This isn’t just a job. It’s a calling. The work matters because it means something to make a community better.</p><p>AFSCME believes that every person working to sustain their community deserves respect. As part of the AFL-CIO, AFSCME is one of the nation’s leading advocates for working women and men. Our 1.4 million members provide the vital services that make America happen, and we believe everyone deserves a chance to fulfill the American dream.</p><p>AFSCME is the union that honors solidarity without conformity, drawing each member’s story into a force of experience and commitment that can’t be ignored. That’s how we win better lives for ourselves, our families, and our communities. For people proudly committed to public service, we never quit.</p><p>We are AFSCME, join us.</p>
1327</div>
1328
1329
1330
1331
1332
1333  </div>
1334
1335    </div>
1336          </div>
1337      </div>
1338  
1339
1340  </div>
1341
1342</article>
1343
1344  
1345
1346  </div>
1347
1348  </div>
1349
1350      </div>
1351            
1352    </div>
1353  </main>
1354  
1355  
1356
1357</div>
1358<footer class="w-full antialiased footer" role="contentinfo">
1359  <div class="footer">
1360      <div>
1361    <div id="site_footer">
1362  
1363    
1364      
1365
1366<footer>
1367  <div class="grid grid-cols-1 md:grid-cols-3 md:gap-0 text-uh-white">
1368        <div class="col-span-1 bg-uh-secondary px-10 py-12">
1369      <div class="text-uh-white text-sm prose prose-inverse prose-a:text-uh-white prose-img:w-20 md:prose-img:w-28 prose-img:mr-1 prose-img:my-1 max-w-none prose-strong:text-uh-white prose-h4:mt-0">
1370        
1371      </div>
1372
1373      <div class="mt-6 social-media-links">
1374        
1375  <div  class="flex my-2 space-x-1">
1376
1377                  <a href="https://facebook.com/afscme" class="opacity-80 hover:opacity-100">
1378          <i class="items-center justify-center mx-1 text-xl fab fa-facebook"></i>
1379          <span class="sr-only">Facebook</span>
1380        </a>
1381                        <a href="https://twitter.com/afscme" class="opacity-80 hover:opacity-100">
1382          <i class="items-center justify-center mx-1 text-xl fab fa-twitter"></i>
1383          <span class="sr-only">Twitter</span>
1384        </a>
1385                        <a href="https://www.youtube.com/user/afscme" class="opacity-80 hover:opacity-100">
1386          <i class="items-center justify-center mx-1 text-xl fab fa-youtube"></i>
1387          <span class="sr-only">Youtube</span>
1388        </a>
1389          
1390  </div>
1391      </div>
1392      
1393    </div>
1394    
1395        <div class="col-span-2 bg-uh-primary px-10 py-12 lg:grid lg:grid-cols-2">
1396      <div class="col-span-1 mb-6">
1397        <h3>Quick Links</h3>
1398        <div class="w-full text-uh-neutral-2 text-sm">
1399          
1400
1401
1402    
1403      <ul class="menu justify-end w-full footer-menu relative border-0">
1404                <li class="menu-item block">
1405                <a href="/about-us" class="py-2 block" data-drupal-link-system-path="node/13605">About Us</a>
1406      </li>
1407                <li class="menu-item block">
1408                <a href="/news" class="py-2 block" data-drupal-link-system-path="node/13608">News</a>
1409      </li>
1410                <li class="menu-item block">
1411                <a href="/take-action" class="py-2 block" data-drupal-link-system-path="node/13609">Take Action</a>
1412      </li>
1413                <li class="menu-item block">
1414                <a href="/afscme-california-people-primary-endorsements/afscme-california-people-state" class="py-2 block" data-drupal-link-system-path="node/195700">Endorsements</a>
1415      </li>
1416                <li class="menu-item block">
1417                <a href="/2024-legislative-scorecard" class="py-2 block" data-drupal-link-system-path="node/1002267">2024 Legislative Scorecard</a>
1418      </li>
1419                <li class="menu-item block">
1420                <a href="/resources" class="py-2 block" data-drupal-link-system-path="node/13616">Resources</a>
1421      </li>
1422        </ul>
1423  
1424
1425
1426
1427
1428
1429        </div>         
1430      </div>
1431	  <div class="col-span-1">
1432		<div class="w-full">
1433          
1434<style>
1435  .email-signup-wrapper form {
1436    display: grid;
1437    grid-template-columns: repeat(3,minmax(0,1fr));
1438    gap: 0.25rem;
1439  }
1440  .email-signup-wrapper input {
1441    width: 100%;
1442    color: rgb(var(--uh-color-primary-dark));
1443  }
1444  .email-signup-wrapper input:focus {
1445    box-shadow: 0 0 2px 3px rgb(var(--uh-color-secondary));
1446    outline: 2px solid transparent;
1447    outline-offset: 2px;
1448    border-color: rgba(0,0,0,0.75);
1449  }
1450  .email-signup-wrapper button {
1451    width: 100%;
1452    padding-right: 0.5em;
1453    padding-left: 0.5em;
1454    text-transform: uppercase;
1455  }
1456  .email-signup-wrapper button:hover {
1457    background-color: rgb(var(--uh-color-accent-1-dark));
1458  }
1459  .email-signup-wrapper button:focus {
1460    outline: solid 2px rgb(var(--uh-color-accent-1));
1461  }
1462  .email-signup-wrapper .signup-form-message {
1463    margin-top: 0.5rem;
1464    color: rgb(var(--uh-color-accent-1));
1465  }
1466  .email-signup-wrapper form > div{
1467    margin: 0 !important;
1468  }
1469  .email-signup-wrapper form > .form-item-email-address{
1470    grid-column: span 3 / span 3;
1471  }
1472  .email-signup-wrapper form > .form-item-postal-code{
1473    grid-column: span 2 / span 2;
1474  }
1475</style>
1476<div class="email-signup-wrapper w-full py-4 max-w-4xl mx-auto">
1477    <h3>Get Email Updates</h3>
1478    <form class="email-signup-form" data-drupal-selector="email-signup-form" action="/about-us" method="post" id="email-signup-form" accept-charset="UTF-8">
1479  
1480<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 rounded-md p-2 md:text-sm" />
1481
1482
1483
1484
1485<input data-drupal-selector="edit-config-api-endpoint" type="hidden" name="config[api_endpoint]" value="https://actionnetwork.org/api/v2/forms/b6fdc959-64e5-4b5d-95f4-6c16c3024e94/submissions" class="shadow-sm focus:ring-branding-outer-space focus:border-branding-outer-space w-full block border-gray-300 rounded-md p-2 md:text-sm" />
1486
1487
1488
1489
1490<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 rounded-md p-2 md:text-sm" />
1491
1492
1493
1494
1495<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 rounded-md p-2 md:text-sm" />
1496
1497
1498
1499<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">
1500      <label for="edit-email-address" class="visually-hidden js-form-required form-required font-bold">Email Address</label>
1501        
1502<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 rounded-md p-2 md:text-sm" required="required" />
1503
1504
1505
1506
1507        </div>
1508<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">
1509      <label for="edit-postal-code" class="visually-hidden js-form-required form-required font-bold">ZIP</label>
1510        
1511<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 rounded-md p-2 md:text-sm" required="required" />
1512
1513
1514
1515
1516        </div>
1517
1518<input autocomplete="off" data-drupal-selector="form-wmr6hffclrwosvnc5wuvgus8nnwerekwtj2kpys-yje" type="hidden" name="form_build_id" value="form-WmR6hffCLrWOsvnc5WUVGUS8nNwEReKwTJ2kpys-YjE" class="shadow-sm focus:ring-branding-outer-space focus:border-branding-outer-space w-full block border-gray-300 rounded-md p-2 md:text-sm" />
1519
1520
1521
1522
1523<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 rounded-md p-2 md:text-sm" />
1524
1525
1526
1527<div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions">
1528
1529  <button data-drupal-selector="an-submit" type="submit" id="an-submit" name="op" value="Sign Up" class="button js-form-submit form-submit px-8 py-2 inline-block border-0 font-bold text-uh-white transition-colors duration-300 bg-uh-accent-1 hover:bg-uh-accent-1-dark uppercase">Sign Up</button>
1530
1531
1532
1533
1534</div>
1535
1536
1537</form>
1538<div class="signup-form-message text-branding-error"></div>
1539</div>
1540
1541
1542
1543        </div> 
1544      </div>
1545      <div class="col-span-2">
1546                <div class="mt-12 border-t border-uh-neutral-2 border-opacity-20 pt-8">
1547                      <div class="footer-text user-content"><p><a href="https://afscme.org/privacy">Privacy Policy</a></p></div>
1548      
1549        </div>
1550        
1551                        <ul class="menu flex gap-2 divide-x text-xs underline leading-none mt-4">
1552                    <li class="block pl-2 first:pl-0">
1553            <a href="/login">Log In</a>
1554          </li>
1555                  </ul>
1556                        
1557        <p class="text-xs text-uh-neutral-2 mt-6">&copy; 2026 All rights reserved.</p>
1558
1559      </div>
1560    </div>
1561    
1562  </div>
1563</footer>
1564
1565
1566
1567
1568  </div>
1569
1570  </div>
1571
1572  </div>
1573</footer>
1574
1575
1576  </div>
1577
1578    
1578<script>dataLayer = [{"site_name":"AFSCME California ","site_id":"13604"}]</script>
vendor: 1 bytes, line 1578
1578
1579<script>
vendor: 327 bytes, lines 1579-1583
1579(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
1580new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
1581j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1582'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
1583})(window,document,'script','dataLayer','
1583GTM-PRPPGJW
vendor: 3 bytes, line 1583
1583');
1583</script>
1583
1584<noscript aria-hidden="true"><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PRPPGJW"
1585 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1586    
1586<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"group\/13604\/content\/20077","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJx9kF0OgzAMgy_UtUdCgYaSLW22JAy4_diftIeJN8efI1mG0YaKnU9YqZVk5LhQxpP5xmhhEMWUdb4Cx0zAUiKcYX371By17eR8m1G3OIrWgKsztcv36XOGUZrDgiYV04-Odi-xV2jZDiOKZWbQw4wJUw62mWNNPRiGeepgcJLWNfRFdG8FDgwb6h8mlqkbpNa9zRP7kq5ifiosPfBrkX2iB4zXeBk","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":"be4e3f4eaa9c844953908bc0986a9f3ef969927776777eecf0a23c050d4b8c60"}}</script>
vendor: 1 bytes, line 1586
1586
1587<script src="/core/assets/vendor/jquery/jquery.min.js?v=4.0.0"></script>
vendor: 1 bytes, line 1587
1587
1588<script src="/sites/default/files/js/js_978s98TxopBjKM3lUc7Z517h1I1RBiDyf4rwOM-Iv2I.js?scope=footer&amp;delta=1&amp;language=en&amp;theme=uh_tw&amp;include=eJx9jlEOgzAMQy9UlSNVWRtYWJqwNB1w-4G0SfuY-LP9bMlZDYdifQGOhYB1ijDDFvKZkziaHGR-drQ9jmo14OZM8viOPjaMKg4rNq04_OjYXlO8GUhplxXDqTPYZacpUwn9niA7qSRBX9WOJ-DAsKP9YdoKpay1Hg9O3MhxAF5I8A1kE2Li"></script>
1588
1589
1590  </body>
1591</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.