PageSourceSearch

https://bac4ca.org/about-us

html bac4ca.org collected 2026-09-29 09:47:22 UTC 92,527 bytes, 1,886 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" dir="ltr" x-data="{ keyboardNavigation: false, isTouchDevice: false }" @keyup.tab.window="keyboardNavigation = true" @mousemove="if (keyboardNavigation) keyboardNavigation = false" class="overflow-x-hidden" prefix="og: https://ogp.me/ns#" x-init="isTouchDevice = &#039;ontouchstart&#039; in window || navigator.maxTouchPoints &gt; 0">
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="" />
7<link rel="canonical" href="https://bac4ca.org/content/7679" />
8<meta property="og:site_name" content="BAC Local 4 California" />
9<meta property="og:url" content="https://bac4ca.org/content/7679" />
10<meta property="og:title" content="About us" />
11<meta property="og:description" content="" />
12<meta name="twitter:card" content="summary_large_image" />
13<meta name="twitter:description" content="" />
14<meta name="twitter:title" content="About us | BAC Local 4 California" />
15<meta name="twitter:site" content="@iubac" />
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: 14px; --uh-font-body: Montserrat, sans-serif; --uh-font-header: Montserrat, sans-serif; --uh-color-white: 255 255 255; --uh-color-gray: 240 244 247; --uh-color-black: 0 0 0; --uh-color-primary: 224 58 62; --uh-color-primary-dark: 148 33 20; --uh-color-secondary: 0 122 194; --uh-color-secondary-dark: 0 90 140; --uh-color-accent-1: 4 68 106; --uh-color-accent-1-dark: 3 30 46; --uh-color-accent-2: 131 161 226; --uh-color-accent-2-dark: 92 127 194; --uh-color-neutral-1: 240 244 247; --uh-color-neutral-2: 230 230 230; }</style>
21<script type="application/ld+json">{
22    "@context": "https://schema.org",
23    "@type": "WebSite",
24    "name": "BAC Local 4 California",
25    "url": "https://bac4ca.org"
26}</script>
26
27<link rel="icon" href="/sites/default/files/2026-08/bac-favicon.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=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<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" />
31
32    <title>About us | BAC Local 4 California</title>
33    <link rel="stylesheet" media="all" href="/sites/default/files/css/css_F0g5Q4u4SygsDJWxHQ8feC4hHfuIwxbRHmLrIVHlbYw.css?delta=0&amp;language=en&amp;theme=uh_tw&amp;include=eJxLrSjJyczL1k8pKi1IzNFLhXB1iiuLS1Jz9ZMSi1N1SjPiS8r1C_KLS3TTc_KTEnN0i0sqgarSAdLhF5w" />
34<link rel="stylesheet" media="all" href="/sites/default/files/css/css_bwxFveTZqkayzsoRcz71HMneQD2rW-ss1cxrmQRfRYk.css?delta=1&amp;language=en&amp;theme=uh_tw&amp;include=eJxLrSjJyczL1k8pKi1IzNFLhXB1iiuLS1Jz9ZMSi1N1SjPiS8r1C_KLS3TTc_KTEnN0i0sqgarSAdLhF5w" />
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.absolute {
47  position: absolute;
48}
49.relative {
50  position: relative;
51}
52.sticky {
53  position: sticky;
54}
55.left-0 {
56  left: 0px;
57}
58.top-0 {
59  top: 0px;
60}
61.top-full {
62  top: 100%;
63}
64.z-0 {
65  z-index: 0;
66}
67.z-10 {
68  z-index: 10;
69}
70.z-100 {
71  z-index: 100;
72}
73.z-50 {
74  z-index: 50;
75}
76.col-span-1 {
77  grid-column: span 1 / span 1;
78}
79.col-span-2 {
80  grid-column: span 2 / span 2;
81}
82.col-start-1 {
83  grid-column-start: 1;
84}
85.col-end-2 {
86  grid-column-end: 2;
87}
88.row-start-1 {
89  grid-row-start: 1;
90}
91.row-end-2 {
92  grid-row-end: 2;
93}
94.mx-1 {
95  margin-left: 0.25rem;
96  margin-right: 0.25rem;
97}
98.mx-auto {
99  margin-left: auto;
100  margin-right: auto;
101}
102.my-2 {
103  margin-top: 0.5rem;
104  margin-bottom: 0.5rem;
105}
106.my-6 {
107  margin-top: 1.5rem;
108  margin-bottom: 1.5rem;
109}
110.-mt-1 {
111  margin-top: -0.25rem;
112}
113.mb-2 {
114  margin-bottom: 0.5rem;
115}
116.mb-6 {
117  margin-bottom: 1.5rem;
118}
119.mb-8 {
120  margin-bottom: 2rem;
121}
122.ml-2 {
123  margin-left: 0.5rem;
124}
125.mr-1 {
126  margin-right: 0.25rem;
127}
128.mt-0 {
129  margin-top: 0px;
130}
131.mt-12 {
132  margin-top: 3rem;
133}
134.mt-2 {
135  margin-top: 0.5rem;
136}
137.mt-4 {
138  margin-top: 1rem;
139}
140.mt-6 {
141  margin-top: 1.5rem;
142}
143.block {
144  display: block;
145}
146.inline-block {
147  display: inline-block;
148}
149.inline {
150  display: inline;
151}
152.flex {
153  display: flex;
154}
155.grid {
156  display: grid;
157}
158.hidden {
159  display: none;
160}
161.h-0 {
162  height: 0px;
163}
164.h-4 {
165  height: 1rem;
166}
167.h-8 {
168  height: 2rem;
169}
170.h-\[13px\] {
171  height: 13px;
172}
173.h-\[2px\] {
174  height: 2px;
175}
176.h-full {
177  height: 100%;
178}
179.w-20 {
180  width: 5rem;
181}
182.w-4 {
183  width: 1rem;
184}
185.w-8 {
186  width: 2rem;
187}
188.w-\[13px\] {
189  width: 13px;
190}
191.w-auto {
192  width: auto;
193}
194.w-full {
195  width: 100%;
196}
197.max-w-7xl {
198  max-width: 80rem;
199}
200.max-w-\[300px\] {
201  max-width: 300px;
202}
203.max-w-md {
204  max-width: 28rem;
205}
206.max-w-none {
207  max-width: none;
208}
209.flex-1 {
210  flex: 1 1 0%;
211}
212.flex-shrink-0 {
213  flex-shrink: 0;
214}
215.flex-grow {
216  flex-grow: 1;
217}
218.-rotate-45 {
219  --tw-rotate: -45deg;
220  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));
221}
222.rotate-45 {
223  --tw-rotate: 45deg;
224  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));
225}
226.scroll-mt-28 {
227  scroll-margin-top: 7rem;
228}
229.grid-cols-1 {
230  grid-template-columns: repeat(1, minmax(0, 1fr));
231}
232.grid-cols-2 {
233  grid-template-columns: repeat(2, minmax(0, 1fr));
234}
235.flex-row {
236  flex-direction: row;
237}
238.flex-col {
239  flex-direction: column;
240}
241.flex-wrap {
242  flex-wrap: wrap;
243}
244.items-center {
245  align-items: center;
246}
247.justify-end {
248  justify-content: flex-end;
249}
250.justify-center {
251  justify-content: center;
252}
253.gap-1 {
254  gap: 0.25rem;
255}
256.gap-2 {
257  gap: 0.5rem;
258}
259.gap-4 {
260  gap: 1rem;
261}
262.space-x-1 > :not([hidden]) ~ :not([hidden]) {
263  --tw-space-x-reverse: 0;
264  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
265  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
266}
267.divide-x > :not([hidden]) ~ :not([hidden]) {
268  --tw-divide-x-reverse: 0;
269  border-right-width: calc(1px * var(--tw-divide-x-reverse));
270  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
271}
272.self-start {
273  align-self: flex-start;
274}
275.overflow-auto {
276  overflow: auto;
277}
278.overflow-hidden {
279  overflow: hidden;
280}
281.overflow-x-hidden {
282  overflow-x: hidden;
283}
284.border {
285  border-width: 1px;
286}
287.border-0 {
288  border-width: 0px;
289}
290.border-t {
291  border-top-width: 1px;
292}
293.border-transparent {
294  border-color: transparent;
295}
296.border-uh-white {
297  --tw-border-opacity: 1;
298  border-color: rgb(var(--uh-color-white) / var(--tw-border-opacity));
299}
300.border-opacity-20 {
301  --tw-border-opacity: 0.2;
302}
303.bg-uh-gray {
304  --tw-bg-opacity: 1;
305  background-color: rgb(var(--uh-color-gray) / var(--tw-bg-opacity));
306}
307.bg-uh-primary {
308  --tw-bg-opacity: 1;
309  background-color: rgb(var(--uh-color-primary) / var(--tw-bg-opacity));
310}
311.bg-uh-primary-dark {
312  --tw-bg-opacity: 1;
313  background-color: rgb(var(--uh-color-primary-dark) / var(--tw-bg-opacity));
314}
315.bg-uh-secondary {
316  --tw-bg-opacity: 1;
317  background-color: rgb(var(--uh-color-secondary) / var(--tw-bg-opacity));
318}
319.bg-uh-secondary-dark {
320  --tw-bg-opacity: 1;
321  background-color: rgb(var(--uh-color-secondary-dark) / var(--tw-bg-opacity));
322}
323.bg-uh-white {
324  --tw-bg-opacity: 1;
325  background-color: rgb(var(--uh-color-white) / var(--tw-bg-opacity));
326}
327.p-2 {
328  padding: 0.5rem;
329}
330.p-4 {
331  padding: 1rem;
332}
333.p-8 {
334  padding: 2rem;
335}
336.px-4 {
337  padding-left: 1rem;
338  padding-right: 1rem;
339}
340.py-0 {
341  padding-top: 0px;
342  padding-bottom: 0px;
343}
344.py-12 {
345  padding-top: 3rem;
346  padding-bottom: 3rem;
347}
348.py-2 {
349  padding-top: 0.5rem;
350  padding-bottom: 0.5rem;
351}
352.pb-0 {
353  padding-bottom: 0px;
354}
355.pb-14 {
356  padding-bottom: 3.5rem;
357}
358.pb-2 {
359  padding-bottom: 0.5rem;
360}
361.pl-2 {
362  padding-left: 0.5rem;
363}
364.pl-4 {
365  padding-left: 1rem;
366}
367.pr-4 {
368  padding-right: 1rem;
369}
370.pt-14 {
371  padding-top: 3.5rem;
372}
373.pt-6 {
374  padding-top: 1.5rem;
375}
376.pt-8 {
377  padding-top: 2rem;
378}
379.text-center {
380  text-align: center;
381}
382.text-3xl {
383  font-size: 1.875rem;
384  line-height: 2.25rem;
385}
386.text-base {
387  font-size: 1rem;
388}
389.text-sm {
390  font-size: 0.875rem;
391}
392.text-xl {
393  font-size: 1.25rem;
394}
395.text-xs {
396  font-size: 0.75rem;
397}
398.font-bold {
399  font-weight: 700;
400}
401.font-semibold {
402  font-weight: 600;
403}
404.uppercase {
405  text-transform: uppercase;
406}
407.leading-none {
408  line-height: 1;
409}
410.tracking-wide {
411  letter-spacing: 0.025em;
412}
413.text-uh-black {
414  --tw-text-opacity: 1;
415  color: rgb(var(--uh-color-black) / var(--tw-text-opacity));
416}
417.text-uh-primary-dark {
418  --tw-text-opacity: 1;
419  color: rgb(var(--uh-color-primary-dark) / var(--tw-text-opacity));
420}
421.text-uh-secondary {
422  --tw-text-opacity: 1;
423  color: rgb(var(--uh-color-secondary) / var(--tw-text-opacity));
424}
425.text-uh-white {
426  --tw-text-opacity: 1;
427  color: rgb(var(--uh-color-white) / var(--tw-text-opacity));
428}
429.underline {
430  text-decoration-line: underline;
431}
432.antialiased {
433  -webkit-font-smoothing: antialiased;
434  -moz-osx-font-smoothing: grayscale;
435}
436.opacity-0 {
437  opacity: 0;
438}
439.opacity-100 {
440  opacity: 1;
441}
442.opacity-50 {
443  opacity: 0.5;
444}
445.opacity-80 {
446  opacity: 0.8;
447}
448.drop-shadow {
449  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
450  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);
451}
452.transition-all {
453  transition-property: all;
454  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
455  transition-duration: 150ms;
456}
457.duration-200 {
458  transition-duration: 200ms;
459}
460.duration-500 {
461  transition-duration: 500ms;
462}
463.first\:pl-0:first-child {
464  padding-left: 0px;
465}
466.hover\:bg-uh-white:hover {
467  --tw-bg-opacity: 1;
468  background-color: rgb(var(--uh-color-white) / var(--tw-bg-opacity));
469}
470.hover\:opacity-100:hover {
471  opacity: 1;
472}
473.prose-headings\:mb-2 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
474  margin-bottom: 0.5rem;
475}
476.prose-p\:mb-4 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
477  margin-bottom: 1rem;
478}
479.prose-a\:text-uh-primary :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
480  --tw-text-opacity: 1;
481  color: rgb(var(--uh-color-primary) / var(--tw-text-opacity));
482}
483.prose-a\:no-underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
484  text-decoration-line: none;
485}
486.hover\:prose-a\:text-uh-accent-1 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover {
487  --tw-text-opacity: 1;
488  color: rgb(var(--uh-color-accent-1) / var(--tw-text-opacity));
489}
490.hover\:prose-a\:underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover {
491  text-decoration-line: underline;
492}
493.prose-strong\:text-uh-white :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
494  --tw-text-opacity: 1;
495  color: rgb(var(--uh-color-white) / var(--tw-text-opacity));
496}
497.prose-img\:my-1 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
498  margin-top: 0.25rem;
499  margin-bottom: 0.25rem;
500}
501.prose-img\:mr-1 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
502  margin-right: 0.25rem;
503}
504.prose-img\:w-20 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
505  width: 5rem;
506}
507.prose-img\:opacity-60 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
508  opacity: 0.6;
509}
510.prose-img\:invert :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
511  --tw-invert: invert(100%);
512  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);
513}
514.\[\&_button\]\:w-full button {
515  width: 100%;
516}
517@media (min-width: 640px) {
518  .xl\:container {
519      max-width: 640px;
520    }  }
521
522@media (min-width: 640px) {
523  .sm\:grid-cols-2 {
524    grid-template-columns: repeat(2, minmax(0, 1fr));
525  }
526  .sm\:gap-6 {
527    gap: 1.5rem;
528  }
529  .sm\:px-6 {
530    padding-left: 1.5rem;
531    padding-right: 1.5rem;
532  }}
533
534@media (min-width: 768px) {
535  .xl\:container {
536      max-width: 768px;
537    }  }
538
539@media (min-width: 768px) {
540  .md\:col-span-1 {
541    grid-column: span 1 / span 1;
542  }
543  .md\:mt-0 {
544    margin-top: 0px;
545  }
546  .md\:flex {
547    display: flex;
548  }
549  .md\:w-2\/3 {
550    width: 66.666667%;
551  }
552  .md\:w-28 {
553    width: 7rem;
554  }
555  .md\:grid-cols-3 {
556    grid-template-columns: repeat(3, minmax(0, 1fr));
557  }
558  .md\:grid-cols-5 {
559    grid-template-columns: repeat(5, minmax(0, 1fr));
560  }
561  .md\:gap-8 {
562    gap: 2rem;
563  }
564  .md\:prose-img\:w-28 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
565    width: 7rem;
566  }}
567
568@media (min-width: 1024px) {
569  .xl\:container {
570      max-width: 1024px;
571    }  }
572
573@media (min-width: 1024px) {
574  .lg\:static {
575    position: static;
576  }
577  .lg\:absolute {
578    position: absolute;
579  }
580  .lg\:left-0 {
581    left: 0px;
582  }
583  .lg\:left-full {
584    left: 100%;
585  }
586  .lg\:top-0 {
587    top: 0px;
588  }
589  .lg\:top-full {
590    top: 100%;
591  }
592  .lg\:col-span-2 {
593    grid-column: span 2 / span 2;
594  }
595  .lg\:col-span-6 {
596    grid-column: span 6 / span 6;
597  }
598  .lg\:m-0 {
599    margin: 0px;
600  }
601  .lg\:block {
602    display: block;
603  }
604  .lg\:flex {
605    display: flex;
606  }
607  .lg\:grid {
608    display: grid;
609  }
610  .lg\:hidden {
611    display: none;
612  }
613  .lg\:h-auto {
614    height: auto;
615  }
616  .lg\:min-h-\[100px\] {
617    min-height: 100px;
618  }
619  .lg\:w-28 {
620    width: 7rem;
621  }
622  .lg\:w-3\/4 {
623    width: 75%;
624  }
625  .lg\:flex-grow-0 {
626    flex-grow: 0;
627  }
628  .lg\:grid-cols-8 {
629    grid-template-columns: repeat(8, minmax(0, 1fr));
630  }
631  .lg\:flex-row {
632    flex-direction: row;
633  }
634  .lg\:items-start {
635    align-items: flex-start;
636  }
637  .lg\:justify-end {
638    justify-content: flex-end;
639  }
640  .lg\:gap-4 {
641    gap: 1rem;
642  }
643  .lg\:overflow-visible {
644    overflow: visible;
645  }
646  .lg\:bg-uh-gray {
647    --tw-bg-opacity: 1;
648    background-color: rgb(var(--uh-color-gray) / var(--tw-bg-opacity));
649  }
650  .lg\:bg-uh-white {
651    --tw-bg-opacity: 1;
652    background-color: rgb(var(--uh-color-white) / var(--tw-bg-opacity));
653  }
654  .lg\:p-0 {
655    padding: 0px;
656  }
657  .lg\:p-8 {
658    padding: 2rem;
659  }
660  .lg\:px-0 {
661    padding-left: 0px;
662    padding-right: 0px;
663  }
664  .lg\:px-6 {
665    padding-left: 1.5rem;
666    padding-right: 1.5rem;
667  }
668  .lg\:px-8 {
669    padding-left: 2rem;
670    padding-right: 2rem;
671  }
672  .lg\:py-16 {
673    padding-top: 4rem;
674    padding-bottom: 4rem;
675  }
676  .lg\:text-sm {
677    font-size: 0.875rem;
678  }
679  .lg\:font-medium {
680    font-weight: 500;
681  }
682  .lg\:text-uh-primary {
683    --tw-text-opacity: 1;
684    color: rgb(var(--uh-color-primary) / var(--tw-text-opacity));
685  }
686  .lg\:transition-all {
687    transition-property: all;
688    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
689    transition-duration: 150ms;
690  }
691  .lg\:duration-300 {
692    transition-duration: 300ms;
693  }}
694
695@media (min-width: 1280px) {
696  .xl\:container {
697    width: 100%;
698  }
699  .xl\:min-h-\[110px\] {
700    min-height: 110px;
701  }
702  .xl\:text-center {
703    text-align: center;
704  }}
705
706@media (min-width: 1280px) {
707  .xl\:container {
708      max-width: 1280px;
709    }  }
710
711@media (min-width: 1536px) {
712  .xl\:container {
713      max-width: 1536px;
714    }  }
715
716@media (min-width: 1792px) {
717  .xl\:container {
718      max-width: 1792px;
719    }  }
720
721</style>
721<script src="/sites/default/files/tailwindcss_utility/tailwind.js"></script>
721<script src="/themes/custom/uh_tw/build/tailwind-config-cdn.js"></script>
721<script>tailwind.config.safelist = tailwind.config.safelist.concat(["!flex","!lg:overflow-visible","!overflow-auto","[&_.form-item-email-address]:lg:!col-span-3","[&_.form-item-postal-code]:lg:!col-span-2\n","[&_button:hover]:bg-uh-white","[&_button:hover]:text-uh-secondary-dark","[&_button]:bg-uh-secondary-dark","[&_button]:border-transparent","[&_button]:px-2","[&_svg]:fill-uh-white","[&amp;_div.link-wrapper]:flex","[&amp;_div.link-wrapper]:flex-grow","[&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]:lg:!px-6&#039","[&amp;_div.link-wrapper]:lg:!py-4","[&amp;_div.link-wrapper]:lg:py-8&#039","[&amp;_div.link-wrapper]:p-4","[&amp;_p:last-of-type]:mb-0","bg-uh-primary-dark':true","block-tile-wrapper","flex-grow':true","gap-2&#039;:true","group-focus-within\/tile:translate-x-2","group-hover\/cta:translate-x-2","hover:border-uh-white","hover:text-uh-secondary-dark","lg:duration-300&#039","lg:hover:bg-uh-secondary","lg:hover:text-uh-white","lg:text-left&#039","lg:whitespace-nowrap&#039;:true","p-4&#039;:true","relative:gap-2&#039;:true","top-level","w-[calc(100%-2rem)]","w-full\n"]);</script>
721
722<link rel="stylesheet" media="all" href="/sites/default/files/css/css_CIlY6IyjQt5cA70_MKJvlmfSaQZ9Xq-usyBSPqzb0pA.css?delta=3&amp;language=en&amp;theme=uh_tw&amp;include=eJxLrSjJyczL1k8pKi1IzNFLhXB1iiuLS1Jz9ZMSi1N1SjPiS8r1C_KLS3TTc_KTEnN0i0sqgarSAdLhF5w" />
723
724    
724<script src="/libraries/fontawesome/js/brands.min.js?v=6.4.2" defer></script>
vendor: 1 bytes, line 724
724
725<script src="/libraries/fontawesome/js/regular.min.js?v=6.4.2" defer></script>
vendor: 1 bytes, line 725
725
726<script src="/libraries/fontawesome/js/solid.min.js?v=6.4.2" defer></script>
vendor: 1 bytes, line 726
726
727<script src="/libraries/fontawesome/js/fontawesome.min.js?v=6.4.2" defer></script>
727
728
729  </head>
730  <body class="hide-gin-toolbar group/uh-site">
731        <a href="#main-content" class="visually-hidden focusable">
732      Skip to main content
733    </a>
734    
735      <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
736    
737  
738<div class="w-full mx-auto text-uh-black">
739    
740  
741
742  <div id="site-header" class="md:grid-cols-5 font-semibold relative z-50 inline" x-data="{ open: false }">
743    
744
745<div x-data="{ enableMobileNav: false }" class="bac-header bac-header__default w-full flex flex-col relative bg-uh-white z-100 lg:text-sm sticky top-0">
746    <div class="header-row-wrapper w-full bg-uh-primary" :class="{
747                 'hidden lg:block': !enableMobileNav, 
748                 'hidden': enableMobileNav
749                 }">
750        <div class="container mx-auto flex flex-row items-center justify-end text-uh-white">
751                    </div>
752    </div>
753    <div class="header-row-wrapper flex items-center w-full bg-uh-white lg:min-h-[100px] xl:min-h-[110px]">
754        <div class="w-[calc(100%-2rem)] xl:container mx-auto flex flex-row lg:grid lg:grid-cols-8 text-uh-white ">
755            <div class="logo-wrapper flex flex-row w-full px-4 items-center lg:col-span-2 lg:p-0">
756                <button class="group h-8" @click="open = !open" id="mobile-menu-button"
757                        :class="{
758                                 'menu-open': open,
759                                 'block lg:hidden': !enableMobileNav,
760                                 'block': enableMobileNav
761                                 }">
762                    <div :class="open === true ? 'bg-uh-primary w-8 h-[2px] mt-0 relative rotate-45 transition-all' : 'bg-uh-primary w-8 h-[2px] relative top-0 transition-all'"></div>
763                    <div :class="open === true ? 'bg-uh-primary w-8 h-[2px] mt-0 opacity-0 transition-all' : 'bg-uh-primary w-8 h-[2px] mt-2 opacity-100 transition-all'"></div>
764                    <div :class="open === true ? 'bg-uh-primary w-8 h-[2px] -mt-1 relative -rotate-45 transition-all' : 'bg-uh-primary w-8 h-[2px] mt-2 relative top-0 transition-all'"></div>
765                </button>
766                
767    <a class="flex flex-row items-center justify-center z-100 h-full gap-2 lg:gap-4 p-4" href="/">
768                    <div class="site-logo w-20 lg:w-28">
769                  <picture>
770                  <source srcset="/sites/default/files/styles/image_media_large/public/logos/local4logo_.jpg.webp?itok=JvO_O-ZT 1x" media="all and (min-width: 1280px)" type="image/webp" width="600" height="396"/>
771              <source srcset="/sites/default/files/styles/image_media_medium/public/logos/local4logo_.jpg.webp?itok=8XMaXnxw 1x, /sites/default/files/styles/image_media_large_2x/public/logos/local4logo_.jpg.webp?itok=Ik0mDWf_ 2x" media="all and (min-width: 1024px) and (max-width: 1279px)" type="image/webp" width="300" height="198"/>
772              <source srcset="/sites/default/files/styles/image_media_small/public/logos/local4logo_.jpg.webp?itok=CHxMVMSR 1x, /sites/default/files/styles/image_media_medium_2x/public/logos/local4logo_.jpg.webp?itok=1hVd5Bmq 2x" type="image/webp" width="100" height="66"/>
773                  <img src="/sites/default/files/styles/image_media_small/public/logos/local4logo_.jpg.webp?itok=CHxMVMSR" alt="local4logo_.jpg" />
774
775  </picture>
776
777            </div>
778                            <div class="site-name text-uh-secondary font-bold text-xl uppercase max-w-[300px]">
779                            <div class="label">BAC Local 4 California</div>
780      
781            </div>
782            </a>
783
784
785
786            </div>
787            <nav class="main-menu w-full hidden overflow-auto lg:overflow-visible lg:h-auto lg:col-span-6" :class="{
788                         '!flex': open,
789                         'flex-col absolute top-full left-0 text-uh-white bg-uh-primary lg:flex lg:flex-row lg:bg-uh-white lg:text-uh-primary lg:static lg:justify-end': !enableMobileNav,
790                         'flex-col absolute top-full left-0 text-uh-white bg-uh-primary !overflow-auto !lg:overflow-visible': enableMobileNav
791                         }">
792                
793
794
795
796
797
798
799
800
801                
802                
803                
804                        <ul class='bac-auto-collapsing-menu' :class="{'flex flex-col flex-grow':true, 'lg:flex-row lg:flex-grow-0': !enableMobileNav}">
805                                                                                                                <li x-data="{openSubmenu1 : false, ariaExpanded: false}" @mouseenter="if (window.innerWidth &gt; 1025 &amp;&amp; !enableMobileNav) { openSubmenu1 = true; }" @mouseleave="if (window.innerWidth &gt; 1025 &amp;&amp; !enableMobileNav) { openSubmenu1 = false; }" @resize.window="openSubmenu1 = false, openSubmenu2 = false, openSubmenu3 = false" :class="{&#039;flex flex-grow flex-col relative [&amp;_div.link-wrapper]:flex [&amp;_div.link-wrapper]:flex-grow [&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;lg:hover:bg-uh-secondary lg:hover:text-uh-white lg:transition-all lg:duration-300 [&amp;_div.link-wrapper]:lg:py-8&#039;: !enableMobileNav}">
806                    <div class='link-wrapper'>
807                        <a href="/about-us" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" class="menu-level-1" data-drupal-link-system-path="node/568">About Us</a>
808                        <button @click="openSubmenu1 = !openSubmenu1"
809                                :aria-expanded="openSubmenu1 ? 'true' : 'false'"
810                                class="submenu-toggle"
811                                @focusin="if (keyboardNavigation) { openSubmenu1 = false, openSubmenu2 = false, openSubmenu3 = false }"
812                                title="Expand section">
813                                                            <i class="down-arrow">
814                                    <svg svg class="w-4 h-4 top-level" fill="currentColor"
815                                         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 10.74">
816                                        <path d="m0,.671c0-.184.066-.342.197-.474s.29-.197.474-.197.342.066.474.197l8.924,8.924L18.855.336c.132-.132.29-.197.474-.197s.342.066.474.197.197.29.197.474-.066.342-.197.474l-9.26,9.26c-.132.132-.29.197-.474.197s-.342-.066-.474-.197L.197,1.165c-.026-.026-.049-.056-.069-.089s-.036-.066-.049-.099l-.039-.099c-.013-.033-.023-.066-.03-.099s-.01-.069-.01-.109Z"/>
817                                    </svg>
818                                </i>
819                                                    </button>
820                    </div>
821                                    
822                
823                
824                        <ul :class="{'flex flex-col flex-grow bg-uh-primary-dark':true, 'lg:bg-uh-gray lg:text-uh-primary lg:absolute lg:top-full lg:left-0 lg:transition-all lg:duration-300': !enableMobileNav}"
825            x-show="openSubmenu1" x-transition:enter="lg:transition lg:ease-out lg:duration-100"
826            x-transition:enter-start="lg:transform lg:opacity-0 lg:scale-95"
827            x-transition:enter-end="lg:transform lg:opacity-100 lg:scale-100"
828            x-transition:leave="lg:transition lg:ease-in lg:duration-75"
829            x-transition:leave-start="lg:transform lg:opacity-100 lg:scale-100"
830            x-transition:leave-end="lg:transform lg:opacity-0 lg:scale-95">
831                                                    <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
832                    <a href="/contact-us" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/578">Contact Us</a>
833                </li>
834                                                              <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
835                    <a href="/about-us/chapter-meetings" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/573">Chapter Meetings</a>
836                </li>
837                                                              <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
838                    <a href="https://youtu.be/1jQaRtyYUYs" title="" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}">Local #4 Introduction</a>
839                </li>
840                                                              <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
841                    <a href="/news" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/570">News</a>
842                </li>
843                                                              <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
844                    <a href="/join-bac" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/579">Join BAC</a>
845                </li>
846                                                              <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
847                    <a href="https://www.flickr.com/photos/200711675@N03/albums/" title="" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}">Photos</a>
848                </li>
849                                                              <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
850                    <a href="/faq-about-union-representation" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/1347">FAQ about Union Representation</a>
851                </li>
852                                                              <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
853                    <a href="/faq-about-union-contractors" title="" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/1296">FAQ about the Union for Contractors</a>
854                </li>
855                                          </ul>
856    
857                </li>
858                                                              <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4 gap-2&#039;:true, &#039;lg:p-8 lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
859                    <a href="https://www.bac4ca.org/dues" title="" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" class="menu-level-1">Dues</a>
860                </li>
861                                                                                                                          <li x-data="{openSubmenu1 : false, ariaExpanded: false}" @mouseenter="if (window.innerWidth &gt; 1025 &amp;&amp; !enableMobileNav) { openSubmenu1 = true; }" @mouseleave="if (window.innerWidth &gt; 1025 &amp;&amp; !enableMobileNav) { openSubmenu1 = false; }" @resize.window="openSubmenu1 = false, openSubmenu2 = false, openSubmenu3 = false" :class="{&#039;flex flex-grow flex-col relative [&amp;_div.link-wrapper]:flex [&amp;_div.link-wrapper]:flex-grow [&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;lg:hover:bg-uh-secondary lg:hover:text-uh-white lg:transition-all lg:duration-300 [&amp;_div.link-wrapper]:lg:py-8&#039;: !enableMobileNav}">
862                    <div class='link-wrapper'>
863                        <a href="/training-education-safety" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" class="menu-level-1" data-drupal-link-system-path="node/572">Apprentice &amp; Safety</a>
864                        <button @click="openSubmenu1 = !openSubmenu1"
865                                :aria-expanded="openSubmenu1 ? 'true' : 'false'"
866                                class="submenu-toggle"
867                                @focusin="if (keyboardNavigation) { openSubmenu1 = false, openSubmenu2 = false, openSubmenu3 = false }"
868                                title="Expand section">
869                                                            <i class="down-arrow">
870                                    <svg svg class="w-4 h-4 top-level" fill="currentColor"
871                                         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 10.74">
872                                        <path d="m0,.671c0-.184.066-.342.197-.474s.29-.197.474-.197.342.066.474.197l8.924,8.924L18.855.336c.132-.132.29-.197.474-.197s.342.066.474.197.197.29.197.474-.066.342-.197.474l-9.26,9.26c-.132.132-.29.197-.474.197s-.342-.066-.474-.197L.197,1.165c-.026-.026-.049-.056-.069-.089s-.036-.066-.049-.099l-.039-.099c-.013-.033-.023-.066-.03-.099s-.01-.069-.01-.109Z"/>
873                                    </svg>
874                                </i>
875                                                    </button>
876                    </div>
877                                    
878                
879                
880                        <ul :class="{'flex flex-col flex-grow bg-uh-primary-dark':true, 'lg:bg-uh-gray lg:text-uh-primary lg:absolute lg:top-full lg:left-0 lg:transition-all lg:duration-300': !enableMobileNav}"
881            x-show="openSubmenu1" x-transition:enter="lg:transition lg:ease-out lg:duration-100"
882            x-transition:enter-start="lg:transform lg:opacity-0 lg:scale-95"
883            x-transition:enter-end="lg:transform lg:opacity-100 lg:scale-100"
884            x-transition:leave="lg:transition lg:ease-in lg:duration-75"
885            x-transition:leave-start="lg:transform lg:opacity-100 lg:scale-100"
886            x-transition:leave-end="lg:transform lg:opacity-0 lg:scale-95">
887                                                    <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
888                    <a href="/training-education-safety/brick-masons-apprentice-infomation" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/575">Apprentice Program - Brick Masons</a>
889                </li>
890                                      
890                        <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
891                    <a href="/tile-layer-tilemarble-finisher-terrazzo-apprentice-program" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/1341">Apprentice Program -Tile Layer, Tile/Marble Finisher &amp; Terrazzo</a>
892                </li>
893                                                              <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
894                    <a href="/training-education-safety/education" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/577">Education</a>
895                </li>
896                                                              <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
897                    <a href="/training-education-safety/safety-and-health" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/576">Safety and Health</a>
898                </li>
899                                          </ul>
900    
901                </li>
902                                                                                                                          <li x-data="{openSubmenu1 : false, ariaExpanded: false}" @mouseenter="if (window.innerWidth &gt; 1025 &amp;&amp; !enableMobileNav) { openSubmenu1 = true; }" @mouseleave="if (window.innerWidth &gt; 1025 &amp;&amp; !enableMobileNav) { openSubmenu1 = false; }" @resize.window="openSubmenu1 = false, openSubmenu2 = false, openSubmenu3 = false" :class="{&#039;flex flex-grow flex-col relative [&amp;_div.link-wrapper]:flex [&amp;_div.link-wrapper]:flex-grow [&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;lg:hover:bg-uh-secondary lg:hover:text-uh-white lg:transition-all lg:duration-300 [&amp;_div.link-wrapper]:lg:py-8&#039;: !enableMobileNav}">
903                    <div class='link-wrapper'>
904                        <a href="https://www.bac4ca.org/brick-and-block-contractors" title="" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" class="menu-level-1">Contractor List</a>
905                        <button @click="openSubmenu1 = !openSubmenu1"
906                                :aria-expanded="openSubmenu1 ? 'true' : 'false'"
907                                class="submenu-toggle"
908                                @focusin="if (keyboardNavigation) { openSubmenu1 = false, openSubmenu2 = false, openSubmenu3 = false }"
909                                title="Expand section">
910                                                            <i class="down-arrow">
911                                    <svg svg class="w-4 h-4 top-level" fill="currentColor"
912                                         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 10.74">
913                                        <path d="m0,.671c0-.184.066-.342.197-.474s.29-.197.474-.197.342.066.474.197l8.924,8.924L18.855.336c.132-.132.29-.197.474-.197s.342.066.474.197.197.29.197.474-.066.342-.197.474l-9.26,9.26c-.132.132-.29.197-.474.197s-.342-.066-.474-.197L.197,1.165c-.026-.026-.049-.056-.069-.089s-.036-.066-.049-.099l-.039-.099c-.013-.033-.023-.066-.03-.099s-.01-.069-.01-.109Z"/>
914                                    </svg>
915                                </i>
916                                                    </button>
917                    </div>
918                                    
919                
920                
921                        <ul :class="{'flex flex-col flex-grow bg-uh-primary-dark':true, 'lg:bg-uh-gray lg:text-uh-primary lg:absolute lg:top-full lg:left-0 lg:transition-all lg:duration-300': !enableMobileNav}"
922            x-show="openSubmenu1" x-transition:enter="lg:transition lg:ease-out lg:duration-100"
923            x-transition:enter-start="lg:transform lg:opacity-0 lg:scale-95"
924            x-transition:enter-end="lg:transform lg:opacity-100 lg:scale-100"
925            x-transition:leave="lg:transition lg:ease-in lg:duration-75"
926            x-transition:leave-start="lg:transform lg:opacity-100 lg:scale-100"
927            x-transition:leave-end="lg:transform lg:opacity-0 lg:scale-95">
928                                                    <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
929                    <a href="/brick-block-paving-contractors" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/1357">Brick, Block &amp; Paving Contractors</a>
930                </li>
931                                                              <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
932                    <a href="/tile-stone-marble-contractors" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/1367">Tile, Stone &amp; Marble Contractors</a>
933                </li>
934                                                              <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
935                    <a href="/terrazzo-contractors" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/1368">Terrazzo Contractors</a>
936                </li>
937                                                              <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
938                    <a href="/waterproofing-caulking-and-restoration-contractors" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/1363">Waterproofing, Caulking and Restoration Contractors</a>
939                </li>
940                                                              <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
941                    <a href="/refractory-contractors" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/1361">Refractory Contractors</a>
942                </li>
943                                          </ul>
944    
945                </li>
946                                                                                                                          <li x-data="{openSubmenu1 : false, ariaExpanded: false}" @mouseenter="if (window.innerWidth &gt; 1025 &amp;&amp; !enableMobileNav) { openSubmenu1 = true; }" @mouseleave="if (window.innerWidth &gt; 1025 &amp;&amp; !enableMobileNav) { openSubmenu1 = false; }" @resize.window="openSubmenu1 = false, openSubmenu2 = false, openSubmenu3 = false" :class="{&#039;flex flex-grow flex-col relative [&amp;_div.link-wrapper]:flex [&amp;_div.link-wrapper]:flex-grow [&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;lg:hover:bg-uh-secondary lg:hover:text-uh-white lg:transition-all lg:duration-300 [&amp;_div.link-wrapper]:lg:py-8&#039;: !enableMobileNav}">
947                    <div class='link-wrapper'>
948                        <a href="/member-resources" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" class="menu-level-1" data-drupal-link-system-path="node/1000159">Member Resources</a>
949                        <button @click="openSubmenu1 = !openSubmenu1"
950                                :aria-expanded="openSubmenu1 ? 'true' : 'false'"
951                                class="submenu-toggle"
952                                @focusin="if (keyboardNavigation) { openSubmenu1 = false, openSubmenu2 = false, openSubmenu3 = false }"
953                                title="Expand section">
954                                                            <i class="down-arrow">
955                                    <svg svg class="w-4 h-4 top-level" fill="currentColor"
956                                         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 10.74">
957                                        <path d="m0,.671c0-.184.066-.342.197-.474s.29-.197.474-.197.342.066.474.197l8.924,8.924L18.855.336c.132-.132.29-.197.474-.197s.342.066.474.197.197.29.197.474-.066.342-.197.474l-9.26,9.26c-.132.132-.29.197-.474.197s-.342-.066-.474-.197L.197,1.165c-.026-.026-.049-.056-.069-.089s-.036-.066-.049-.099l-.039-.099c-.013-.033-.023-.066-.03-.099s-.01-.069-.01-.109Z"/>
958                                    </svg>
959                                </i>
960                                                    </button>
961                    </div>
962                                    
963                
964                
965                        <ul :class="{'flex flex-col flex-grow bg-uh-primary-dark':true, 'lg:bg-uh-gray lg:text-uh-primary lg:absolute lg:top-full lg:left-0 lg:transition-all lg:duration-300': !enableMobileNav}"
966            x-show="openSubmenu1" x-transition:enter="lg:transition lg:ease-out lg:duration-100"
967            x-transition:enter-start="lg:transform lg:opacity-0 lg:scale-95"
968            x-transition:enter-end="lg:transform lg:opacity-100 lg:scale-100"
969            x-transition:leave="lg:transition lg:ease-in lg:duration-75"
970            x-transition:leave-start="lg:transform lg:opacity-100 lg:scale-100"
971            x-transition:leave-end="lg:transform lg:opacity-0 lg:scale-95">
972                                                    <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
973                    <a href="/benefits-administration" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/1418">Member Benefits</a>
974                </li>
975                                                                                                                          <li x-data="{openSubmenu2 : false, ariaExpanded: false}" @mouseenter="if (window.innerWidth &gt; 1025 &amp;&amp; !enableMobileNav) { openSubmenu2 = true; }" @mouseleave="if (window.innerWidth &gt; 1025 &amp;&amp; !enableMobileNav) { openSubmenu2 = false; }" @resize.window="openSubmenu1 = false, openSubmenu2 = false, openSubmenu3 = false" :class="{&#039;&#039;flex flex-grow flex-col relative:gap-2&#039;:true, &#039;lg:hover:bg-uh-secondary lg:hover:text-uh-white lg:transition-all lg:duration-300 [&amp;_div.link-wrapper]:lg:!py-4 [&amp;_div.link-wrapper]:lg:!px-6&#039; : !enableMobileNav}">
976                    <div class='link-wrapper'>
977                        <a href="/links" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/580">Links</a>
978                        <button @click="openSubmenu2 = !openSubmenu2"
979                                :aria-expanded="openSubmenu2 ? 'true' : 'false'"
980                                class="submenu-toggle"
981                                @focusin="if (keyboardNavigation) { openSubmenu2 = false, openSubmenu3 = false, openSubmenu4 = false }"
982                                title="Expand section">
983                                                            <i x-data="{ isSmallScreen: false }"
984                                   x-init="isSmallScreen = window.matchMedia('(min-width: 1024px)').matches"
985                                   x-bind:class="{ 'arrow-right text-base': isSmallScreen }"
986                                   x-show="isSmallScreen"
987                                   @resize.window="isSmallScreen = window.matchMedia('(min-width: 1024px)').matches">
988                                    <svg class="w-4 h-4" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
989                                         viewBox="0 0 10.733 20">
990                                        <path d="m.684,20c-.182,0-.342-.065-.479-.196s-.205-.287-.205-.469.065-.339.196-.469l8.935-8.935L.332,1.153c-.078-.091-.134-.196-.166-.313s-.033-.231,0-.342.088-.212.166-.303c.13-.13.29-.196.479-.196s.349.065.479.196l9.247,9.267c.065.065.114.14.147.225s.049.169.049.254-.016.166-.049.244-.081.15-.147.215L1.153,19.804c-.065.065-.14.114-.225.147s-.166.049-.244.049Z"/>
991                                    </svg>
992                                </i>
993                                <i x-data="{ isSmallScreen: false }"
994                                   x-init="isSmallScreen = window.matchMedia('(min-width: 1024px)').matches"
995                                   x-bind:class="{ 'arrow-down text-base': !isSmallScreen }"
996                                   x-show="!isSmallScreen"
997                                   @resize.window="isSmallScreen = window.matchMedia('(min-width: 1024px)').matches">
998                                    <svg class="w-4 h-4" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
999                                         viewBox="0 0 20 10.74">
1000                                        <path d="m0,.671c0-.184.066-.342.197-.474s.29-.197.474-.197.342.066.474.197l8.924,8.924L18.855.336c.132-.132.29-.197.474-.197s.342.066.474.197.197.29.197.474-.066.342-.197.474l-9.26,9.26c-.132.132-.29.197-.474.197s-.342-.066-.474-.197L.197,1.165c-.026-.026-.049-.056-.069-.089s-.036-.066-.049-.099l-.039-.099c-.013-.033-.023-.066-.03-.099s-.01-.069-.01-.109Z"/>
1001                                    </svg>
1002                                </i>
1003                                                    </button>
1004                    </div>
1005                                    
1006                
1007                
1008                        <ul :class="{'flex flex-col flex-grow w-auto bg-uh-primary-dark': true, 'lg:bg-uh-gray lg:text-uh-primary lg:absolute lg:top-0 lg:left-full': !enableMobileNav}"
1009            x-show="openSubmenu2" x-transition:enter="lg:transition lg:ease-out lg:duration-100"
1010            x-transition:enter-start="lg:transform lg:opacity-0 lg:scale-95"
1011            x-transition:enter-end="lg:transform lg:opacity-100 lg:scale-100"
1012            x-transition:leave="lg:transition lg:ease-in lg:duration-75"
1013            x-transition:leave-start="lg:transform lg:opacity-100 lg:scale-100"
1014            x-transition:leave-end="lg:transform lg:opacity-0 lg:scale-95">
1015                                                    <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
1016                    <a href="/organizations" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/1340">Organizations</a>
1017                </li>
1018                                                              <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
1019                    <a href="/public-works" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/1349">Public Works</a>
1020                </li>
1021                                                              <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
1022                    <a href="/bac-local-administrative-district-council-web-sites" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/1348">BAC Local &amp; Administrative District Council Web Sites</a>
1023                </li>
1024                                          </ul>
1025    
1026                </li>
1027                                                              <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
1028                    <a href="/wheres-work-bricklayers-and-tile" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/1458">Where&#039;s the Work?</a>
1029                </li>
1030                                                                                                                          <li x-data="{openSubmenu2 : false, ariaExpanded: false}" @mouseenter="if (window.innerWidth &gt; 1025 &amp;&amp; !enableMobileNav) { openSubmenu2 = true; }" @mouseleave="if (window.innerWidth &gt; 1025 &amp;&amp; !enableMobileNav) { openSubmenu2 = false; }" @resize.window="openSubmenu1 = false, openSubmenu2 = false, openSubmenu3 = false" :class="{&#039;&#039;flex flex-grow flex-col relative:gap-2&#039;:true, &#039;lg:hover:bg-uh-secondary lg:hover:text-uh-white lg:transition-all lg:duration-300 [&amp;_div.link-wrapper]:lg:!py-4 [&amp;_div.link-wrapper]:lg:!px-6&#039; : !enableMobileNav}">
1031                    <div class='link-wrapper'>
1032                        <a href="/click-drop-down-menu" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/1331">Wages/CBA&#039;s</a>
1033                        <button @click="openSubmenu2 = !openSubmenu2"
1034                                :aria-expanded="openSubmenu2 ? 'true' : 'false'"
1035                                class="submenu-toggle"
1036                                @focusin="if (keyboardNavigation) { openSubmenu2 = false, openSubmenu3 = false, openSubmenu4 = false }"
1037                                title="Expand section">
1038                                                            <i x-data="{ isSmallScreen: false }"
1039                                   x-init="isSmallScreen = window.matchMedia('(min-width: 1024px)').matches"
1040                                   x-bind:class="{ 'arrow-right text-base': isSmallScreen }"
1041                                   x-show="isSmallScreen"
1042                                   @resize.window="isSmallScreen = window.matchMedia('(min-width: 1024px)').matches">
1043                                    <svg class="w-4 h-4" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
1044                                         viewBox="0 0 10.733 20">
1045                                        <path d="m.684,20c-.182,0-.342-.065-.479-.196s-.205-.287-.205-.469.065-.339.196-.469l8.935-8.935L.332,1.153c-.078-.091-.134-.196-.166-.313s-.033-.231,0-.342.088-.212.166-.303c.13-.13.29-.196.479-.196s.349.065.479.196l9.247,9.267c.065.065.114.14.147.225s.049.169.049.254-.016.166-.049.244-.081.15-.147.215L1.153,19.804c-.065.065-.14.114-.225.147s-.166.049-.244.049Z"/>
1046                                    </svg>
1047                                </i>
1048                                <i x-data="{ isSmallScreen: false }"
1049                                   x-init="isSmallScreen = window.matchMedia('(min-width: 1024px)').matches"
1050                                   x-bind:class="{ 'arrow-down text-base': !isSmallScreen }"
1051                                   x-show="!isSmallScreen"
1052                                   @resize.window="isSmallScreen = window.matchMedia('(min-width: 1024px)').matches">
1053                                    <svg class="w-4 h-4" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
1054                                         viewBox="0 0 20 10.74">
1055                                        <path d="m0,.671c0-.184.066-.342.197-.474s.29-.197.474-.197.342.066.474.197l8.924,8.924L18.855.336c.132-.132.29-.197.474-.197s.342.066.474.197.197.29.197.474-.066.342-.197.474l-9.26,9.26c-.132.132-.29.197-.474.197s-.342-.066-.474-.197L.197,1.165c-.026-.026-.049-.056-.069-.089s-.036-.066-.049-.099l-.039-.099c-.013-.033-.023-.066-.03-.099s-.01-.069-.01-.109Z"/>
1056                                    </svg>
1057                                </i>
1058                                                    </button>
1059                    </div>
1060                                    
1061                
1062                
1063                        <ul :class="{'flex flex-col flex-grow w-auto bg-uh-primary-dark': true, 'lg:bg-uh-gray lg:text-uh-primary lg:absolute lg:top-0 lg:left-full': !enableMobileNav}"
1064            x-show="openSubmenu2" x-transition:enter="lg:transition lg:ease-out lg:duration-100"
1065            x-transition:enter-start="lg:transform lg:opacity-0 lg:scale-95"
1066            x-transition:enter-end="lg:transform lg:opacity-100 lg:scale-100"
1067            x-transition:leave="lg:transition lg:ease-in lg:duration-75"
1068            x-transition:leave-start="lg:transform lg:opacity-100 lg:scale-100"
1069            x-transition:leave-end="lg:transform lg:opacity-0 lg:scale-95">
1070                                                    <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
1071                    <a href="/wages-bricklayers-marble-masons-stone-masons-refractory" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/1338">Wages - Bricklayers, Marble Masons, Stone Masons, Refractory, Pointer/Caulker/Cleaner</a>
1072                </li>
1073                                                              <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
1074                    <a href="/wages-terrazzo-worker-and-terrazzo-finisher" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/1335">Wages - Terrazzo Worker and Terrazzo Finisher</a>
1075                </li>
1076                                                              <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
1077                    <a href="/wages-tile-layer-and-tilemarble-finisher" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/1333">Wages - Tile Layer and Tile/Marble Finisher</a>
1078                </li>
1079                                                              <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
1080                    <a href="/tile-layer-and-tilemarble-finisher-collective-bargaining-agreement" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/1343">CBA- Tile Layer and Tile/Marble Finisher Collective Bargaining Agreement</a>
1081                </li>
1082                                                              <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
1083                    <a href="/terrazzo-worker-and-terrazzo-finisher-collective-bargaining-agreement" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/1344">CBA - Terrazzo Worker and Terrazzo Finisher Collective Bargaining Agreement</a>
1084                </li>
1085                                                              <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
1086                    <a href="/cba-san-diego-brick-agreement" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/1364">CBA - San Diego Brick Agreement</a>
1087                </li>
1088                                                              <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4&#039;:true, &#039;lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
1089                    <a href="/cba-brick-master-agreement-11-counties" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" data-drupal-link-system-path="node/1366">CBA- Brick Master Agreement for 11 Counties</a>
1090                </li>
1091                                          </ul>
1092    
1093                </li>
1094                                          </ul>
1095    
1096                </li>
1097                                                              <li :class="{&#039;flex flex-grow flex-col justify-center items-center p-4 gap-2&#039;:true, &#039;lg:p-8 lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:transition-all lg:duration-300&#039;: !enableMobileNav}">
1098                    <a href="/scholarship-funds" :class="{&#039;font-bold text-center lg:whitespace-nowrap&#039;:true, &#039;lg:font-medium lg:text-left&#039;: !enableMobileNav}" class="menu-level-1" data-drupal-link-system-path="node/1000972">Scholarship Funds</a>
1099                </li>
1100                                          </ul>
1101    
1102
1103
1104
1105
1106                            </nav>
1107        </div>
1108    </div>
1109</div>
1110
1111
1112
1113  </div>
1114
1115  
1116      <div>
1117    
1118  </div>
1119
1120  
1121    <div>
1122    <div data-drupal-messages-fallback class="hidden"></div>
1123
1124  </div>
1125
1126
1127    <main class="z-0">
1128    <a id="main-content" tabindex="-1"></a>    <div class="md:flex  pb-0">
1129
1130            <div id="page-content" class="grid w-full grid-cols-1 page-content">
1131          <div>
1132    <div id="block-uh-tw-content">
1133  
1134    
1135      
1136        <article class="node">
1137
1138  
1139    
1140
1141  
1142  <div class="node-content">
1143    
1144          
1145    <div class="layout layout--onecol layout--onecol--75 scroll-mt-28 pt-14 pb-14 px-4 bg-uh-gray" id="">
1146          <div class="container px-4 mx-auto lg:px-0">
1147        <div  class="layout__region layout__region--content mx-auto lg:w-3/4">
1148      <div id="" class="scroll-mt-28 flex w-full flex-wrap">
1149  
1150    
1151
1152      
1153<span class="self-start inline-block uppercase font-bold text-sm tracking-wide bg-uh-secondary py-0 px-4 drop-shadow text-uh-white mb-2"></span>
1154<h1 class="w-full mb-2">
1155  About us
1156</h1>
1157
1158
1159
1160  </div>
1161<div class="pt-6 [&amp;_p:last-of-type]:mb-0 scroll-mt-28 flex w-full flex-wrap" id="">
1162  
1163    
1164
1165      
1166<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">
1167	<p></p><p></p>
1168</div>
1169
1170
1171
1172
1173
1174  </div>
1175
1176    </div>
1177          </div>
1178      </div>
1179  
1180
1181    
1182    <div class="layout layout--onecol layout--onecol--100 scroll-mt-28 block-tile-wrapper pt-14 pb-14 px-4 bg-uh-primary" id="">
1183          <div class="container px-4 mx-auto lg:px-0">
1184        <div  class="layout__region layout__region--content mx-auto w-full">
1185      <div id="" class="scroll-mt-28">
1186  
1187    
1188                
1189
1190<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-6 md:gap-8">
1191  
1192        <article class="node node-tile col-span-1 flex flex-1">
1193    <div class="w-full h-0">
1194    
1195        <span class="hidden"><span>Andy Gerber</span>
1196</span>
1197    
1198    </div>
1199      <div class="layout layout--viewmode w-full flex flex-shrink-0">
1200    <div  class="relative layout__region layout__region--content w-full flex flex-wrap">
1201      <div id="biography_tile" class="flex w-full flex-wrap">
1202  
1203    
1204
1205      
1206
1207<a href="/about-us/andy-gerber" class="tile grid w-full relative overflow-hidden text-uh-black group/tile drop-shadow mb-6 lg:m-0">
1208    <div class="tile__content-wrapper col-start-1 col-end-2 row-start-1 row-end-2 flex justify-end flex-col z-10 relative">
1209    <div class="tile__content flex flex-col p-8 z-10 ">
1210      <div class="tile__date uppercase font-bold text-sm tracking-wide text-uh-white mb-2 drop-shadow">
1211        <span>President</span>
1212      </div>
1213      <h3 class="tile__heading font-bold text-uh-white text-3xl drop-shadow">Andy Gerber</h3>
1214          
1215    <span role="button" class="arrow-cta tile__arrow-button flex self-start uppercase tracking-wide font-bold items-center group/cta text-uh-white [&_svg]:fill-uh-white" href="/about-us/andy-gerber">
1216    Read More
1217    <span class="sr-only">President</span>
1218    <svg class="w-[13px] h-[13px] ml-2 group-hover/cta:translate-x-2 group-focus-within/tile:translate-x-2 transition-all duration-200"
1219         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 9.476">
1220        <path d="m7.483,3.585v2.264H0v-2.264h7.483Zm-.628-3.585l3.145,4.717-3.145,4.759h-2.788l2.851-4.759L4.068,0h2.788Z"/>
1221    </svg>
1222    </span>
1223    </div>
1224  </div>
1225</a>
1226
1227
1228  </div>
1229
1230    </div>
1231  </div>
1232
1233</article>
1234
1235  
1236
1237        <article class="node node-tile col-span-1 flex flex-1">
1238    <div class="w-full h-0">
1239    
1240        <span class="hidden"><span>Chris Brisson</span>
1241</span>
1242    
1243    </div>
1244      <div class="layout layout--viewmode w-full flex flex-shrink-0">
1245    <div  class="relative layout__region layout__region--content w-full flex flex-wrap">
1246      <div id="biography_tile" class="flex w-full flex-wrap">
1247  
1248    
1249
1250      
1251
1252<a href="/about-us/chris-brisson" class="tile grid w-full relative overflow-hidden text-uh-black group/tile drop-shadow mb-6 lg:m-0">
1253    <div class="tile__content-wrapper col-start-1 col-end-2 row-start-1 row-end-2 flex justify-end flex-col z-10 relative">
1254    <div class="tile__content flex flex-col p-8 z-10 ">
1255      <div class="tile__date uppercase font-bold text-sm tracking-wide text-uh-white mb-2 drop-shadow">
1256        <span>Secretary/Treasurer</span>
1257      </div>
1258      <h3 class="tile__heading font-bold text-uh-white text-3xl drop-shadow">Chris Brisson</h3>
1259          
1260    <span role="button" class="arrow-cta tile__arrow-button flex self-start uppercase tracking-wide font-bold items-center group/cta text-uh-white [&_svg]:fill-uh-white" href="/about-us/chris-brisson">
1261    Read More
1262    <span class="sr-only">Secretary/Treasurer</span>
1263    <svg class="w-[13px] h-[13px] ml-2 group-hover/cta:translate-x-2 group-focus-within/tile:translate-x-2 transition-all duration-200"
1264         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 9.476">
1265        <path d="m7.483,3.585v2.264H0v-2.264h7.483Zm-.628-3.585l3.145,4.717-3.145,4.759h-2.788l2.851-4.759L4.068,0h2.788Z"/>
1266    </svg>
1267    </span>
1268    </div>
1269  </div>
1270</a>
1271
1272
1273  </div>
1274
1275    </div>
1276  </div>
1277
1278</article>
1279
1280  
1281
1282        <article class="node node-tile col-span-1 flex flex-1">
1283    <div class="w-full h-0">
1284    
1285        <span class="hidden"><span>Refugio Pinedo, Jr.</span>
1286</span>
1287    
1288    </div>
1289      <div class="layout layout--viewmode w-full flex flex-shrink-0">
1290    <div  class="relative layout__region layout__region--content w-full flex flex-wrap">
1291      <div id="biography_tile" class="flex w-full flex-wrap">
1292  
1293    
1294
1295      
1296
1297<a href="/about-us/refugio-pinedo-jr" class="tile grid w-full relative overflow-hidden text-uh-black group/tile drop-shadow mb-6 lg:m-0">
1298    <div class="tile__content-wrapper col-start-1 col-end-2 row-start-1 row-end-2 flex justify-end flex-col z-10 relative">
1299    <div class="tile__content flex flex-col p-8 z-10 ">
1300      <div class="tile__date uppercase font-bold text-sm tracking-wide text-uh-white mb-2 drop-shadow">
1301        <span>PLA Director/Field Representative</span>
1302      </div>
1303      <h3 class="tile__heading font-bold text-uh-white text-3xl drop-shadow">Refugio Pinedo, Jr.</h3>
1304          
1305    <span role="button" class="arrow-cta tile__arrow-button flex self-start uppercase tracking-wide font-bold items-center group/cta text-uh-white [&_svg]:fill-uh-white" href="/about-us/refugio-pinedo-jr">
1306    Read More
1307    <span class="sr-only">PLA Director/Field Representative</span>
1308    <svg class="w-[13px] h-[13px] ml-2 group-hover/cta:translate-x-2 group-focus-within/tile:translate-x-2 transition-all duration-200"
1309         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 9.476">
1310        <path d="m7.483,3.585v2.264H0v-2.264h7.483Zm-.628-3.585l3.145,4.717-3.145,4.759h-2.788l2.851-4.759L4.068,0h2.788Z"/>
1311    </svg>
1312    </span>
1313    </div>
1314  </div>
1315</a>
1316
1317
1318  </div>
1319
1320    </div>
1321  </div>
1322
1323</article>
1324
1325  
1326
1327        <article class="node node-tile col-span-1 flex flex-1">
1328    <div class="w-full h-0">
1329    
1330        <span class="hidden"><span>Luis Pinedo</span>
1331</span>
1332    
1333    </div>
1334      <div class="layout layout--viewmode w-full flex flex-shrink-0">
1335    <div  class="relative layout__region layout__region--content w-full flex flex-wrap">
1336      <div id="biography_tile" class="flex w-full flex-wrap">
1337  
1338    
1339
1340      
1341
1342<a href="/about-us/luis-pinedo" class="tile grid w-full relative overflow-hidden text-uh-black group/tile drop-shadow mb-6 lg:m-0">
1343    <div class="tile__content-wrapper col-start-1 col-end-2 row-start-1 row-end-2 flex justify-end flex-col z-10 relative">
1344    <div class="tile__content flex flex-col p-8 z-10 ">
1345      <div class="tile__date uppercase font-bold text-sm tracking-wide text-uh-white mb-2 drop-shadow">
1346        <span>Management Committee/Field Representative/Compliance - Riverside/San Berdoo</span>
1347      </div>
1348      <h3 class="tile__heading font-bold text-uh-white text-3xl drop-shadow">Luis Pinedo</h3>
1349          
1350    <span role="button" class="arrow-cta tile__arrow-button flex self-start uppercase tracking-wide font-bold items-center group/cta text-uh-white [&_svg]:fill-uh-white" href="/about-us/luis-pinedo">
1351    Read More
1352    <span class="sr-only">Management Committee/Field Representative/Compliance - Riverside/San Berdoo</span>
1353    <svg class="w-[13px] h-[13px] ml-2 group-hover/cta:translate-x-2 group-focus-within/tile:translate-x-2 transition-all duration-200"
1354         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 9.476">
1355        <path d="m7.483,3.585v2.264H0v-2.264h7.483Zm-.628-3.585l3.145,4.717-3.145,4.759h-2.788l2.851-4.759L4.068,0h2.788Z"/>
1356    </svg>
1357    </span>
1358    </div>
1359  </div>
1360</a>
1361
1362
1363  </div>
1364
1365    </div>
1366  </div>
1367
1368</article>
1369
1370  
1371
1372        <article class="node node-tile col-span-1 flex flex-1">
1373    <div class="w-full h-0">
1374    
1375        <span class="hidden"><span>Victor Torres</span>
1376</span>
1377    
1378    </div>
1379      <div class="layout layout--viewmode w-full flex flex-shrink-0">
1380    <div  class="relative layout__region layout__region--content w-full flex flex-wrap">
1381      <div id="biography_tile" class="flex w-full flex-wrap">
1382  
1383    
1384
1385      
1386
1387<a href="/about-us/victor-torres" class="tile grid w-full relative overflow-hidden text-uh-black group/tile drop-shadow mb-6 lg:m-0">
1388    <div class="tile__content-wrapper col-start-1 col-end-2 row-start-1 row-end-2 flex justify-end flex-col z-10 relative">
1389    <div class="tile__content flex flex-col p-8 z-10 ">
1390      <div class="tile__date uppercase font-bold text-sm tracking-wide text-uh-white mb-2 drop-shadow">
1391        <span>Field Representative/Organizer - San Diego/Imperial</span>
1392      </div>
1393      <h3 class="tile__heading font-bold text-uh-white text-3xl drop-shadow">Victor Torres</h3>
1394          
1395    <span role="button" class="arrow-cta tile__arrow-button flex self-start uppercase tracking-wide font-bold items-center group/cta text-uh-white [&_svg]:fill-uh-white" href="/about-us/victor-torres">
1396    Read More
1397    <span class="sr-only">Field Representative/Organizer - San Diego/Imperial</span>
1398    <svg class="w-[13px] h-[13px] ml-2 group-hover/cta:translate-x-2 group-focus-within/tile:translate-x-2 transition-all duration-200"
1399         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 9.476">
1400        <path d="m7.483,3.585v2.264H0v-2.264h7.483Zm-.628-3.585l3.145,4.717-3.145,4.759h-2.788l2.851-4.759L4.068,0h2.788Z"/>
1401    </svg>
1402    </span>
1403    </div>
1404  </div>
1405</a>
1406
1407
1408  </div>
1409
1410    </div>
1411  </div>
1412
1413</article>
1414
1415  
1416
1417        <article class="node node-tile col-span-1 flex flex-1">
1418    <div class="w-full h-0">
1419    
1420        <span class="hidden"><span>Jon Coulson</span>
1421</span>
1422    
1423    </div>
1424      <div class="layout layout--viewmode w-full flex flex-shrink-0">
1425    <div  class="relative layout__region layout__region--content w-full flex flex-wrap">
1426      <div id="biography_tile" class="flex w-full flex-wrap">
1427  
1428    
1429
1430      
1431
1432<a href="/about-us/jon-coulson" class="tile grid w-full relative overflow-hidden text-uh-black group/tile drop-shadow mb-6 lg:m-0">
1433    <div class="tile__content-wrapper col-start-1 col-end-2 row-start-1 row-end-2 flex justify-end flex-col z-10 relative">
1434    <div class="tile__content flex flex-col p-8 z-10 ">
1435      <div class="tile__date uppercase font-bold text-sm tracking-wide text-uh-white mb-2 drop-shadow">
1436        <span>Management Committee/Field Representative - LA county</span>
1437      </div>
1438      <h3 class="tile__heading font-bold text-uh-white text-3xl drop-shadow">Jon Coulson</h3>
1439          
1440    <span role="button" class="arrow-cta tile__arrow-button flex self-start uppercase tracking-wide font-bold items-center group/cta text-uh-white [&_svg]:fill-uh-white" href="/about-us/jon-coulson">
1441    Read More
1442    <span class="sr-only">Management Committee/Field Representative - LA county</span>
1443    <svg class="w-[13px] h-[13px] ml-2 group-hover/cta:translate-x-2 group-focus-within/tile:translate-x-2 transition-all duration-200"
1444         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 9.476">
1445        <path d="m7.483,3.585v2.264H0v-2.264h7.483Zm-.628-3.585l3.145,4.717-3.145,4.759h-2.788l2.851-4.759L4.068,0h2.788Z"/>
1446    </svg>
1447    </span>
1448    </div>
1449  </div>
1450</a>
1451
1452
1453  </div>
1454
1455    </div>
1456  </div>
1457
1458</article>
1459
1460  
1461
1462        <article class="node node-tile col-span-1 flex flex-1">
1463    <div class="w-full h-0">
1464    
1465        <span class="hidden"><span>Alex Coronado</span>
1466</span>
1467    
1468    </div>
1469      <div class="layout layout--viewmode w-full flex flex-shrink-0">
1470    <div  class="relative layout__region layout__region--content w-full flex flex-wrap">
1471      <div id="biography_tile" class="flex w-full flex-wrap">
1472  
1473    
1474
1475      
1476
1477<a href="/about-us/alex-coronado" class="tile grid w-full relative overflow-hidden text-uh-black group/tile drop-shadow mb-6 lg:m-0">
1478    <div class="tile__content-wrapper col-start-1 col-end-2 row-start-1 row-end-2 flex justify-end flex-col z-10 relative">
1479    <div class="tile__content flex flex-col p-8 z-10 ">
1480      <div class="tile__date uppercase font-bold text-sm tracking-wide text-uh-white mb-2 drop-shadow">
1481        <span>Field Representative/Organizer - LA/OC</span>
1482      </div>
1483      <h3 class="tile__heading font-bold text-uh-white text-3xl drop-shadow">Alex Coronado</h3>
1484          
1485    <span role="button" class="arrow-cta tile__arrow-button flex self-start uppercase tracking-wide font-bold items-center group/cta text-uh-white [&_svg]:fill-uh-white" href="/about-us/alex-coronado">
1486    Read More
1487    <span class="sr-only">Field Representative/Organizer - LA/OC</span>
1488    <svg class="w-[13px] h-[13px] ml-2 group-hover/cta:translate-x-2 group-focus-within/tile:translate-x-2 transition-all duration-200"
1489         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 9.476">
1490        <path d="m7.483,3.585v2.264H0v-2.264h7.483Zm-.628-3.585l3.145,4.717-3.145,4.759h-2.788l2.851-4.759L4.068,0h2.788Z"/>
1491    </svg>
1492    </span>
1493    </div>
1494  </div>
1495</a>
1496
1497
1498  </div>
1499
1500    </div>
1501  </div>
1502
1503</article>
1504
1505  
1506
1507        <article class="node node-tile col-span-1 flex flex-1">
1508    <div class="w-full h-0">
1509    
1510        <span class="hidden"><span>Jill Cullen</span>
1511</span>
1512    
1513    </div>
1514      <div class="layout layout--viewmode w-full flex flex-shrink-0">
1515    <div  class="relative layout__region layout__region--content w-full flex flex-wrap">
1516      <div id="biography_tile" class="flex w-full flex-wrap">
1517  
1518    
1519
1520      
1521
1522<a href="/about-us/jill-cullen" class="tile grid w-full relative overflow-hidden text-uh-black group/tile drop-shadow mb-6 lg:m-0">
1523    <div class="tile__content-wrapper col-start-1 col-end-2 row-start-1 row-end-2 flex justify-end flex-col z-10 relative">
1524    <div class="tile__content flex flex-col p-8 z-10 ">
1525      <div class="tile__date uppercase font-bold text-sm tracking-wide text-uh-white mb-2 drop-shadow">
1526        <span>Account Bookkeeper</span>
1527      </div>
1528      <h3 class="tile__heading font-bold text-uh-white text-3xl drop-shadow">Jill Cullen</h3>
1529          
1530    <span role="button" class="arrow-cta tile__arrow-button flex self-start uppercase tracking-wide font-bold items-center group/cta text-uh-white [&_svg]:fill-uh-white" href="/about-us/jill-cullen">
1531    Read More
1532    <span class="sr-only">Account Bookkeeper</span>
1533    <svg class="w-[13px] h-[13px] ml-2 group-hover/cta:translate-x-2 group-focus-within/tile:translate-x-2 transition-all duration-200"
1534         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 9.476">
1535        <path d="m7.483,3.585v2.264H0v-2.264h7.483Zm-.628-3.585l3.145,4.717-3.145,4.759h-2.788l2.851-4.759L4.068,0h2.788Z"/>
1536    </svg>
1537    </span>
1538    </div>
1539  </div>
1540</a>
1541
1542
1543  </div>
1544
1545    </div>
1546  </div>
1547
1548</article>
1549
1550  
1551
1552        <article class="node node-tile col-span-1 flex flex-1">
1553    <div class="w-full h-0">
1554    
1555        <span class="hidden"><span>Heide Rodriguez</span>
1556</span>
1557    
1558    </div>
1559      <div class="layout layout--viewmode w-full flex flex-shrink-0">
1560    <div  class="relative layout__region layout__region--content w-full flex flex-wrap">
1561      <div id="biography_tile" class="flex w-full flex-wrap">
1562  
1563    
1564
1565      
1566
1567<a href="/about-us/heide-rodriguez-0" class="tile grid w-full relative overflow-hidden text-uh-black group/tile drop-shadow mb-6 lg:m-0">
1568    <div class="tile__content-wrapper col-start-1 col-end-2 row-start-1 row-end-2 flex justify-end flex-col z-10 relative">
1569    <div class="tile__content flex flex-col p-8 z-10 ">
1570      <div class="tile__date uppercase font-bold text-sm tracking-wide text-uh-white mb-2 drop-shadow">
1571        <span>Labor Compliance</span>
1572      </div>
1573      <h3 class="tile__heading font-bold text-uh-white text-3xl drop-shadow">Heide Rodriguez</h3>
1574          
1575    <span role="button" class="arrow-cta tile__arrow-button flex self-start uppercase tracking-wide font-bold items-center group/cta text-uh-white [&_svg]:fill-uh-white" href="/about-us/heide-rodriguez-0">
1576    Read More
1577    <span class="sr-only">Labor Compliance</span>
1578    <svg class="w-[13px] h-[13px] ml-2 group-hover/cta:translate-x-2 group-focus-within/tile:translate-x-2 transition-all duration-200"
1579         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 9.476">
1580        <path d="m7.483,3.585v2.264H0v-2.264h7.483Zm-.628-3.585l3.145,4.717-3.145,4.759h-2.788l2.851-4.759L4.068,0h2.788Z"/>
1581    </svg>
1582    </span>
1583    </div>
1584  </div>
1585</a>
1586
1587
1588  </div>
1589
1590    </div>
1591  </div>
1592
1593</article>
1594
1595  
1596
1597        <article class="node node-tile col-span-1 flex flex-1">
1598    <div class="w-full h-0">
1599    
1600        <span class="hidden"><span>Teresa Ruiz</span>
1601</span>
1602    
1603    </div>
1604      <div class="layout layout--viewmode w-full flex flex-shrink-0">
1605    <div  class="relative layout__region layout__region--content w-full flex flex-wrap">
1606      <div id="biography_tile" class="flex w-full flex-wrap">
1607  
1608    
1609
1610      
1611
1612<a href="/about-us/teresa-ruiz" class="tile grid w-full relative overflow-hidden text-uh-black group/tile drop-shadow mb-6 lg:m-0">
1613    <div class="tile__content-wrapper col-start-1 col-end-2 row-start-1 row-end-2 flex justify-end flex-col z-10 relative">
1614    <div class="tile__content flex flex-col p-8 z-10 ">
1615      <div class="tile__date uppercase font-bold text-sm tracking-wide text-uh-white mb-2 drop-shadow">
1616        <span>Office Staff</span>
1617      </div>
1618      <h3 class="tile__heading font-bold text-uh-white text-3xl drop-shadow">Teresa Ruiz</h3>
1619          
1620    <span role="button" class="arrow-cta tile__arrow-button flex self-start uppercase tracking-wide font-bold items-center group/cta text-uh-white [&_svg]:fill-uh-white" href="/about-us/teresa-ruiz">
1621    Read More
1622    <span class="sr-only">Office Staff</span>
1623    <svg class="w-[13px] h-[13px] ml-2 group-hover/cta:translate-x-2 group-focus-within/tile:translate-x-2 transition-all duration-200"
1624         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 9.476">
1625        <path d="m7.483,3.585v2.264H0v-2.264h7.483Zm-.628-3.585l3.145,4.717-3.145,4.759h-2.788l2.851-4.759L4.068,0h2.788Z"/>
1626    </svg>
1627    </span>
1628    </div>
1629  </div>
1630</a>
1631
1632
1633  </div>
1634
1635    </div>
1636  </div>
1637
1638</article>
1639
1640  
1641
1642        <article class="node node-tile col-span-1 flex flex-1">
1643    <div class="w-full h-0">
1644    
1645        <span class="hidden"><span>Jackie Mitosinka</span>
1646</span>
1647    
1648    </div>
1649      <div class="layout layout--viewmode w-full flex flex-shrink-0">
1650    <div  class="relative layout__region layout__region--content w-full flex flex-wrap">
1651      <div id="biography_tile" class="flex w-full flex-wrap">
1652  
1653    
1654
1655      
1656
1657<a href="/about-us/jackie-mitosinka" class="tile grid w-full relative overflow-hidden text-uh-black group/tile drop-shadow mb-6 lg:m-0">
1658    <div class="tile__content-wrapper col-start-1 col-end-2 row-start-1 row-end-2 flex justify-end flex-col z-10 relative">
1659    <div class="tile__content flex flex-col p-8 z-10 ">
1660      <div class="tile__date uppercase font-bold text-sm tracking-wide text-uh-white mb-2 drop-shadow">
1661        <span>Office Staff</span>
1662      </div>
1663      <h3 class="tile__heading font-bold text-uh-white text-3xl drop-shadow">Jackie Mitosinka</h3>
1664          
1665    <span role="button" class="arrow-cta tile__arrow-button flex self-start uppercase tracking-wide font-bold items-center group/cta text-uh-white [&_svg]:fill-uh-white" href="/about-us/jackie-mitosinka">
1666    Read More
1667    <span class="sr-only">Office Staff</span>
1668    <svg class="w-[13px] h-[13px] ml-2 group-hover/cta:translate-x-2 group-focus-within/tile:translate-x-2 transition-all duration-200"
1669         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 9.476">
1670        <path d="m7.483,3.585v2.264H0v-2.264h7.483Zm-.628-3.585l3.145,4.717-3.145,4.759h-2.788l2.851-4.759L4.068,0h2.788Z"/>
1671    </svg>
1672    </span>
1673    </div>
1674  </div>
1675</a>
1676
1677
1678  </div>
1679
1680    </div>
1681  </div>
1682
1683</article>
1684
1685  
1686
1687</div>
1688
1689
1690  </div>
1691
1692    </div>
1693          </div>
1694      </div>
1695  
1696
1697  </div>
1698
1699</article>
1700
1701  
1702
1703  </div>
1704
1705  </div>
1706
1707      </div>
1708            
1709    </div>
1710  </main>
1711  
1712  
1713
1714</div>
1715<footer class="w-full antialiased footer" role="contentinfo">
1716  <div class="footer">
1717      <div>
1718    <div id="site_footer">
1719  
1720    
1721      
1722
1723<footer class="bg-uh-secondary text-uh-white">
1724  <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
1725    <div class="grid grid-cols-2 md:grid-cols-3 md:gap-8">
1726        <div class="col-span-1">
1727        <h3>Get in touch</h3>
1728        <div class="text-uh-white 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">
1729                        <div class="location user-content"><p>2679 Sierra Way<br>La Verne, Ca 91750&nbsp;&nbsp; (New Address)<br>800-972-3338</p><p>626-739-5600</p></div>
1730      
1731        </div>
1732
1733        <div class="mt-6 social-media-links">
1734          
1735  <div  class="flex my-2 space-x-1">
1736
1737                  <a href="https://facebook.com/local4ca" class="opacity-80 hover:opacity-100">
1738          <i class="items-center justify-center mx-1 text-xl fab fa-facebook"></i>
1739          <span class="sr-only">Facebook</span>
1740        </a>
1741                        <a href="https://twitter.com/iubac" class="opacity-80 hover:opacity-100">
1742          <i class="items-center justify-center mx-1 text-xl fab fa-twitter"></i>
1743          <span class="sr-only">Twitter</span>
1744        </a>
1745                        <a href="https://flickr.com/149748095@N03/albums" class="opacity-80 hover:opacity-100">
1746          <i class="items-center justify-center mx-1 text-xl fab fa-flickr"></i>
1747          <span class="sr-only">Flickr</span>
1748        </a>
1749                        <a href="https://youtube.com/user/BACInternational" class="opacity-80 hover:opacity-100">
1750          <i class="items-center justify-center mx-1 text-xl fab fa-youtube"></i>
1751          <span class="sr-only">Youtube</span>
1752        </a>
1753                        <a href="https://pinterest.com/iubac" class="opacity-80 hover:opacity-100">
1754          <i class="items-center justify-center mx-1 text-xl fab fa-pinterest"></i>
1755          <span class="sr-only">Pinterest</span>
1756        </a>
1757                        <a href="https://instagram.com/iubac" class="opacity-80 hover:opacity-100">
1758          <i class="items-center justify-center mx-1 text-xl fab fa-instagram"></i>
1759          <span class="sr-only">Instagram</span>
1760        </a>
1761          
1762  </div>
1763        </div>
1764        <div class="my-6 footer-logo">
1765          <a class="block w-full" href="/">
1766    <div class="site-logo w-20 md:w-28 mr-1 opacity-50">
1767          <picture>
1768                  <source srcset="/sites/default/files/styles/image_media_large/public/logos/local4logo_.jpg.webp?itok=JvO_O-ZT 1x" media="all and (min-width: 1280px)" type="image/webp" width="600" height="396"/>
1769              <source srcset="/sites/default/files/styles/image_media_medium/public/logos/local4logo_.jpg.webp?itok=8XMaXnxw 1x, /sites/default/files/styles/image_media_large_2x/public/logos/local4logo_.jpg.webp?itok=Ik0mDWf_ 2x" media="all and (min-width: 1024px) and (max-width: 1279px)" type="image/webp" width="300" height="198"/>
1770              <source srcset="/sites/default/files/styles/image_media_small/public/logos/local4logo_.jpg.webp?itok=CHxMVMSR 1x, /sites/default/files/styles/image_media_medium_2x/public/logos/local4logo_.jpg.webp?itok=1hVd5Bmq 2x" type="image/webp" width="100" height="66"/>
1771                  <img class="w-full" width="100" height="66" src="/sites/default/files/styles/image_media_small/public/logos/local4logo_.jpg.webp?itok=CHxMVMSR" alt="BAC Local 4 California" loading="lazy" />
1772
1773  </picture>
1774
1775  </div>
1776  
1777</a>
1778        </div>
1779      </div>
1780  
1781          <div class="col-span-1">
1782        <h3>Quick Links</h3>
1783        <div class="w-full text-uh-white text-sm">
1784          
1785
1786
1787    
1788      <ul class="menu justify-end w-full footer-menu relative border-0">
1789                <li class="menu-item block">
1790                <a href="/about-us" class="py-2 block" data-drupal-link-system-path="node/568">About Us</a>
1791      </li>
1792                <li class="menu-item block">
1793                <a href="https://www.bac4ca.org/dues" title="" class="py-2 block">Dues</a>
1794      </li>
1795                <li class="menu-item block">
1796                <a href="/training-education-safety" class="py-2 block" data-drupal-link-system-path="node/572">Apprentice &amp; Safety</a>
1797      </li>
1798                <li class="menu-item block">
1799                <a href="https://www.bac4ca.org/brick-and-block-contractors" title="" class="py-2 block">Contractor List</a>
1800      </li>
1801                <li class="menu-item block">
1802                <a href="/member-resources" class="py-2 block" data-drupal-link-system-path="node/1000159">Member Resources</a>
1803      </li>
1804                <li class="menu-item block">
1805                <a href="/scholarship-funds" class="py-2 block" data-drupal-link-system-path="node/1000972">Scholarship Funds</a>
1806      </li>
1807        </ul>
1808  
1809
1810
1811
1812
1813
1814        </div>
1815      </div>
1816  
1817        <div class="mt-12 col-span-2 md:mt-0 md:col-span-1">
1818
1819        <div class="w-full mb-8">
1820          <form action="/search" method="get">
1821            <div class="flex gap-1">
1822              <label class="sr-only" for="footer-search-site">Search site</label>
1823              <input id="footer-search-site" class="w-full p-2 text-sm text-uh-primary-dark max-w-md" type="search" placeholder="Search Site" name="keywords">
1824              <button class="text-uh-white border border-transparent bg-uh-secondary-dark hover:border-uh-white hover:bg-uh-white hover:text-uh-secondary-dark transition-all duration-500 text-sm p-2 pl-4 pr-4">
1825                <i class="fa-lg fas fa-search"></i><span class="sr-only">Search</span>
1826              </button>
1827            </div>
1828          </form>
1829        </div>
1830
1831        <div class="w-full
1832                    [&_.form-item-email-address]:lg:!col-span-3 [&_.form-item-postal-code]:lg:!col-span-2
1833                    [&_button]:w-full [&_button]:px-2 [&_button]:border-transparent [&_button]:bg-uh-secondary-dark [&_button:hover]:bg-uh-white [&_button:hover]:text-uh-secondary-dark">
1834          
1835        </div>
1836
1837      </div>
1838  
1839    </div>
1840
1841      <div class="mt-12 border-t border-uh-white border-opacity-20 pt-8">
1842      <div class="md:w-2/3">            <div class="footer-text user-content"><p><span>Copyright © The International Union of Bricklayers &amp; Allied Craftworkers</span></p></div>
1843      </div>
1844    </div>
1845  
1846            <ul class="menu flex gap-2 divide-x text-xs underline leading-none mt-4">
1847                  <li class="block pl-2 first:pl-0">
1848            <a href="/login">Log In</a>
1849          </li>
1850              </ul>
1851      
1852  </div>
1853
1854  <div class="px-4 sm:px-6 pt-6 pb-2 lg:px-8 bg-uh-secondary-dark">
1855    <p class="text-xs text-uh-white xl:text-center">
1856      &copy; 2026 All rights reserved.
1857    </p>
1858  </div>
1859</footer>
1860
1861
1862
1863
1864  </div>
1865
1866  </div>
1867
1868  </div>
1869</footer>
1870
1871
1872  </div>
1873
1874    
1874<script>dataLayer = [{"site_name":"BAC Local 4 California","site_id":"567"}]</script>
vendor: 1 bytes, line 1874
1874
1875<script>
vendor: 327 bytes, lines 1875-1879
1875(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
1876new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
1877j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1878'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
1879})(window,document,'script','dataLayer','
1879GTM-MF3RDWG
vendor: 3 bytes, line 1879
1879');
1879</script>
1879
1880<noscript aria-hidden="true"><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MF3RDWG"
1881 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1882    
1882<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"group\/567\/content\/7679","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":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":""}},"user":{"uid":0,"permissionsHash":"4c91ddc64a47889f7862b2ed558be1db4aaa97dcf9eef47f9aaad7509d8d3ba5"}}</script>
vendor: 1 bytes, line 1882
1882
1883<script src="/sites/default/files/js/js_7-aqrQTuUiUJPhNAOYg71bfckxTdb6yYqK-5gfAIt1U.js?scope=footer&amp;delta=0&amp;language=en&amp;theme=uh_tw&amp;include=eJx9jkEOQiEMBS_EhyORApVPLC0pVI2nFxMXrv7uTTKZvAQ5rhN74xrAlsQsRDDm5tiRzeFrUeN7KGoDyP_Q3YQXPHFKx_C3_XxUnxS4zEtFsRqBXjpTqBVnZ4QxEHYzY_iWpbc3Hvun6JHqBxMMTEY"></script>
1883
1884
1885  </body>
1886</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.