/*!
 * Bootstrap Utilities v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
/**
 * Convert pixels to REM.
 */
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the valu1qaze at B.
 * usage: font-size: fluid(1rem, 5rem, 320px, 1440px);
 */
@import url("https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined");
/* UCPA Brand Colors - New Color Palette */
/* These colors replace the old accent colors for UCPA branding */
/* Replaces $gold_20 - warm light tint */
/* Available for future pink/red accents */
/* Replaces $gold - exact match! */
/* Replaces $gold_80 - deeper gold/orange */
/* Replaces $teal_60 - light teal/cyan */
/* Replaces $blue_75 - bright blue */
/* Replaces $blue_k60 - deep blue/purple */
/* Replaces $navy_dark - very close match! */
/* Available for future green accents */
/* Available for future green accents */
/* Available for future dark green accents */
/**
 * Convert pixels to REM.
 */
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the valu1qaze at B.
 * usage: font-size: fluid(1rem, 5rem, 320px, 1440px);
 */
.list-unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: DopisRegular, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
  font-family: inherit;
}

p {
  color: var(--bs-text-color);
  font-size: clamp(1rem, 0.1785714286vw + 0.9642857143rem, 1.125rem);
  font-weight: 400;
  line-height: 1.6;
  margin-block-end: 1em;
}
p:only-child, p:last-child {
  margin-block-end: 0;
}
p strong {
  font-weight: 700;
}
p small {
  font-size: 80% !important;
}
p a {
  color: #5e74ee;
  font-weight: 500;
  text-decoration: underline;
  transition: color 0.25s ease-in-out;
}
p a:hover, p a:focus {
  color: #12354c;
}
p.small-text {
  font-size: 0.875rem;
}
p.lead-text {
  font-size: clamp(1.25rem, 0.1785714286vw + 1.2142857143rem, 1.375rem);
  font-weight: 500;
  line-height: 1.3;
}
p.medium-text {
  font-size: clamp(1.325rem, 0.25vw + 1.275rem, 1.5rem);
  line-height: 1.3;
}
p.large-text {
  font-size: clamp(1.375rem, 0.3571428571vw + 1.3035714286rem, 1.625rem);
  font-weight: 500;
  line-height: 1.3;
}

.rich-text blockquote,
article blockquote {
  padding: 0.5rem 0 0.5rem 1.5rem;
  margin: 3rem 0;
  position: relative;
}
.rich-text blockquote::before,
article blockquote::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background-color: var(--bs-tertiary);
  border-radius: 0;
}
.rich-text blockquote p,
article blockquote p {
  font-size: clamp(1.375rem, 0.3571428571vw + 1.3035714286rem, 1.625rem);
  font-weight: 500;
  line-height: 1.3;
  margin: 0 0 0.25em;
}
.rich-text blockquote p strong,
article blockquote p strong {
  font-size: clamp(1rem, 0.1785714286vw + 0.9642857143rem, 1.125rem);
  font-weight: 700;
}
.rich-text blockquote p:last-of-type,
article blockquote p:last-of-type {
  margin: 0;
}
.rich-text ul li,
.rich-text ol li,
article ul li,
article ol li {
  color: var(--bs-text-color);
  font-size: clamp(1rem, 0.1785714286vw + 0.9642857143rem, 1.125rem);
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 0.375em;
}
.rich-text ul li a,
.rich-text ol li a,
article ul li a,
article ol li a {
  color: #5e74ee;
  font-weight: 500;
  text-decoration: underline;
  transition: color 0.25s ease-in-out;
}
.rich-text ul li a:hover, .rich-text ul li a:focus,
.rich-text ol li a:hover,
.rich-text ol li a:focus,
article ul li a:hover,
article ul li a:focus,
article ol li a:hover,
article ol li a:focus {
  color: #12354c;
}
.rich-text .without-markers ul,
article .without-markers ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.rich-text ul,
article ul {
  list-style-type: disc;
}
.rich-text ul ul,
article ul ul {
  list-style-type: circle;
}
.rich-text ol,
article ol {
  list-style-type: decimal;
}
.rich-text ol ol,
article ol ol {
  list-style-type: lower-alpha;
}
.rich-text ol li,
article ol li {
  color: var(--bs-text-color);
  font-size: clamp(1rem, 0.1785714286vw + 0.9642857143rem, 1.125rem);
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 0.375em;
}
.rich-text ol li a,
article ol li a {
  color: #5e74ee;
  font-weight: 500;
  text-decoration: underline;
  transition: color 0.25s ease-in-out;
}
.rich-text ol li a:hover, .rich-text ol li a:focus,
article ol li a:hover,
article ol li a:focus {
  color: #12354c;
}

/**
 * Convert pixels to REM.
 */
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the valu1qaze at B.
 * usage: font-size: fluid(1rem, 5rem, 320px, 1440px);
 */
/* UCPA Brand Colors - New Color Palette */
/* These colors replace the old accent colors for UCPA branding */
/* Replaces $gold_20 - warm light tint */
/* Available for future pink/red accents */
/* Replaces $gold - exact match! */
/* Replaces $gold_80 - deeper gold/orange */
/* Replaces $teal_60 - light teal/cyan */
/* Replaces $blue_75 - bright blue */
/* Replaces $blue_k60 - deep blue/purple */
/* Replaces $navy_dark - very close match! */
/* Available for future green accents */
/* Available for future green accents */
/* Available for future dark green accents */
.list-unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}

.featured-people__list,
.featured-people__list-stacked {
  list-style-type: none;
  padding: 0;
}

.col-lg-3 .featured-people__list, .col-lg-4 .featured-people__list {
  flex-direction: column !important;
}
.col-lg-3 .featured-people__list .col, .col-lg-4 .featured-people__list .col {
  width: 100% !important;
}
.col-lg-3 .featured-people__list .card, .col-lg-4 .featured-people__list .card {
  flex-direction: row !important;
}
.col-lg-3 .featured-people__list .card .card__media, .col-lg-4 .featured-people__list .card .card__media {
  width: 25%;
  height: 100%;
}
.col-lg-3 .featured-people__list .card .card__body, .col-lg-4 .featured-people__list .card .card__body {
  flex: 1;
}
@media (min-width: 768px) {
  .col-lg-6 .featured-people__list .col {
    width: 50% !important;
  }
}
@media (min-width: 1200px) {
  .col-lg-6 .featured-people__list .col {
    width: 33.3% !important;
  }
}
@media (min-width: 768px) {
  .col-lg-8 .featured-people__list .col, .col-lg-9 .featured-people__list .col {
    width: 33.3% !important;
  }
}
@media (min-width: 1200px) {
  .col-lg-8 .featured-people__list .col, .col-lg-9 .featured-people__list .col {
    width: 25% !important;
  }
}