/*
   Theme Name:   MU Hybrid Base Theme
   Theme URI:    https://digitalservice.missouri.edu/
   Author:       Travis Cook (cooktw@missouri.edu), Digital Service, University of Missouri
   Author URI:   https://missouri.edu/
   Description:  Default Mizzou Hybrid WordPress Theme.
   Version:      2.5.2
   Text Domain:  miz-hybrid-base
   Tags:         full-site-editing, custom-colors, featured-images, editor-style
 */
.miz-card-deck.miz-card-deck--1 {
  gap: var(--wp--preset--spacing--60);
}
@media (min-width: 768px) {
  .miz-card-deck.miz-card-deck--1 {
    flex-flow: column;
  }
  .miz-card-deck.miz-card-deck--1 > .miz-card,
  .miz-card-deck.miz-card-deck--1 > .miz-linked-card {
    margin-right: initial;
  }
}
.miz-card-deck.miz-card-deck--2 {
  gap: var(--wp--preset--spacing--60);
}
@media (min-width: 768px) {
  .miz-card-deck.miz-card-deck--2 {
    flex-flow: row wrap;
  }
  .miz-card-deck.miz-card-deck--2 > .miz-card,
  .miz-card-deck.miz-card-deck--2 > .miz-linked-card {
    margin-right: initial;
    flex: 0 1 calc(50% - var(--wp--preset--spacing--60));
  }
}
.miz-card-deck.miz-card-deck--3 {
  gap: var(--wp--preset--spacing--60);
}
@media (min-width: 768px) {
  .miz-card-deck.miz-card-deck--3 {
    flex-flow: row wrap;
  }
  .miz-card-deck.miz-card-deck--3 > .miz-card,
  .miz-card-deck.miz-card-deck--3 > .miz-linked-card {
    margin-right: initial;
    flex: 0 1 calc(33.3333333333% - var(--wp--preset--spacing--60));
  }
}
.miz-card-deck.miz-card-deck--4 {
  gap: var(--wp--preset--spacing--60);
}
@media (min-width: 768px) {
  .miz-card-deck.miz-card-deck--4 {
    flex-flow: row wrap;
  }
  .miz-card-deck.miz-card-deck--4 > .miz-card,
  .miz-card-deck.miz-card-deck--4 > .miz-linked-card {
    margin-right: initial;
    flex: 0 1 calc(50% - var(--wp--preset--spacing--60));
  }
}
@media (min-width: 1024px) {
  .miz-card-deck.miz-card-deck--4 > .miz-card,
  .miz-card-deck.miz-card-deck--4 > .miz-linked-card {
    margin-right: initial;
    flex: 0 1 calc(25% - var(--wp--preset--spacing--60));
  }
}

@layer modifier {
  .miz-card-deck--grid {
    display: grid;
    gap: var(--wp--preset--spacing--60);
  }
  @media (min-width: 768px) {
    .miz-card-deck--grid.miz-card-deck--grid-2 {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (min-width: 768px) {
    .miz-card-deck--grid.miz-card-deck--grid-3 {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media (min-width: 768px) {
    .miz-card-deck--grid.miz-card-deck--grid-4 {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (min-width: 1024px) {
    .miz-card-deck--grid.miz-card-deck--grid-4 {
      grid-template-columns: repeat(4, 1fr);
    }
  }
}
.mizwp-news-listing {
  display: grid;
  gap: var(--wp--preset--spacing--50);
  margin-bottom: var(--wp--preset--spacing--50);
}

@layer modifier {
  .miz-event-card {
    display: initial;
  }
  .miz-event-card .miz-card__body {
    padding: 1rem;
  }
  .miz-event-card .miz-card__kicker {
    font-size: 1rem;
    padding: 0;
    margin: 0;
  }
  .miz-event-card .miz-card__title {
    font-size: var(--wp--preset--font-size--level-3) !important;
    padding-bottom: 0.5rem;
    margin-top: 0.25rem;
  }
  .miz-event-card .miz-card__title-link {
    display: inline-block;
    padding-bottom: 0.5rem;
  }
  .miz-event-card .miz-card__text {
    margin-top: var(--wp--preset--spacing--40);
    margin-bottom: initial;
    display: grid;
    grid-template-columns: 20px 1fr;
    gap: var(--wp--preset--spacing--40);
    align-items: center;
  }
}
@layer modifier {
  .miz-card.miz-card--event.miz-card--inline {
    padding: 1rem;
    border-bottom: 1px solid var(--wp--preset--color--black);
    flex-flow: column wrap;
  }
  .miz-card.miz-card--event.miz-card--inline:last-child {
    border-bottom: 0;
  }
  @media (min-width: 768px) {
    .miz-card.miz-card--event.miz-card--inline {
      border-bottom: 0;
      gap: 1rem;
      align-items: center;
      flex-flow: row;
    }
  }
  @media (min-width: 768px) {
    .miz-card.miz-card--event.miz-card--inline.has-title-link:hover .miz-event__date, .miz-card.miz-card--event.miz-card--inline.has-title-link:focus .miz-event__date, .miz-card.miz-card--event.miz-card--inline.has-title-link:active .miz-event__date {
      background-color: var(--wp--preset--color--gold-300);
      border: 1px solid color-mix(in srgb, var(--wp--preset--color--gold) 60%, transparent);
    }
  }
  .miz-card.miz-card--event.miz-card--inline .miz-event__date--container {
    flex-grow: 0;
  }
  .miz-card.miz-card--event.miz-card--inline .miz-event__date {
    display: block;
    font-size: var(--wp--preset--font-size--level-4);
  }
  @media (min-width: 768px) {
    .miz-card.miz-card--event.miz-card--inline .miz-event__date {
      margin-top: auto;
      margin-bottom: auto;
      width: 125px;
      min-width: 125px;
      height: 125px;
      line-height: 1;
      padding: 2rem 2rem 2rem 2rem;
      inline-size: -webkit-min-content;
      inline-size: -moz-min-content;
      inline-size: min-content;
      border: 1px solid color-mix(in srgb, var(--wp--preset--color--white) 60%, transparent);
      border-radius: 50%;
      background-color: var(--wp--preset--color--gold);
      color: var(--wp--preset--color--black);
      text-align: center;
      word-spacing: 125px;
    }
  }
  .miz-card.miz-card--event.miz-card--inline .miz-event__title {
    text-decoration: none;
    z-index: 1;
    display: inline-block;
    font-size: var(--wp--preset--font-size--level-3);
    color: inherit;
  }
  .miz-card.miz-card--event.miz-card--inline .miz-event__title.stretched-link::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: auto;
  }
}
@layer pattern {
  .miz-modal-backdrop.active {
    background-color: rgba(0, 0, 0, 0.9);
    inset: 0;
    overflow-y: hidden;
    z-index: 11;
    position: fixed;
  }
  .miz-modal {
    --modal-background-color: var(--wp--preset--color--white);
    --modal-content-text-color: $modal-content-color-text-color-default;
    --modal-content-background-color: $modal-content-color-background-color-default;
    --modal-content-font-family: var(--wp--preset--font-family--open-sans);
    --modal-content-font-size: $modal-content-type-font-size-default;
    --modal-content-font-weight: $modal-content-type-font-weight-default;
    --modal-content-text-color-selection: var(--wp--preset--color--black);
    --modal-content-background-color-selection: var(--wp--preset--color--gold-300);
    --modal-title-font-family: var(--wp--preset--font-family--manuka);
    --modal-title-font-size: $modal-title-type-font-size-default;
    --modal-title-text-align: $modal-title-type-text-align-default;
    container: modal/inline-size;
    background-color: var(--modal-background-color);
    padding: 4rem 0 4rem;
    border: 0;
  }
  .miz-modal::-webkit-backdrop {
    background: rgba(0, 0, 0, 0.9);
  }
  .miz-modal::backdrop {
    background: rgba(0, 0, 0, 0.9);
  }
  .miz-modal[open] {
    --modal-width: 100%;
    --modal-height: auto;
    --modal-max-width: 100%;
    --modal-max-height: 100%;
    --modal-position: fixed;
    position: var(--modal-position);
    width: var(--modal-width);
    height: var(--modal-height);
    max-width: var(--modal-max-width);
    max-height: var(--modal-max-height);
  }
  .miz-modal .miz-modal-container {
    place-self: center;
    width: inherit;
    max-width: inherit;
    display: grid;
    grid-template-columns: [full-start] var(--wp--preset--spacing--50) [main-start] repeat(12, 1fr) [main-end] var(--wp--preset--spacing--50) [full-end];
    grid-auto-flow: column;
  }
  @supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)) {
    .miz-modal .miz-modal-container {
      width: -webkit-fill-available;
      width: -moz-available;
      width: stretch;
    }
  }
  @media (min-width: 576px) {
    .miz-modal .miz-modal-container {
      grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(12, 13px) [main-end] minmax(0, 1fr) [full-end];
      grid-gap: 0 var(--wp--preset--spacing--70);
    }
  }
  @media (min-width: 768px) {
    .miz-modal .miz-modal-container {
      grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(12, 28px) [main-end] minmax(0, 1fr) [full-end];
    }
  }
  @media (min-width: 1024px) {
    .miz-modal .miz-modal-container {
      grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(12, 48px) [main-end] minmax(0, 1fr) [full-end];
    }
  }
  @media (min-width: 1280px) {
    .miz-modal .miz-modal-container {
      grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(12, minmax(65px, 68px)) [main-end] minmax(0, 1fr) [full-end];
    }
  }
  .has-modal {
    overflow: hidden;
  }
}
@layer component {
  .miz-modal__content {
    position: relative;
    z-index: 10;
    grid-column: main;
    grid-row: main;
    margin-top: var(--wp--preset--spacing--50);
    color: var(--modal-content-text-color);
    background-color: var(--modal-content-background-color);
    font-family: var(--modal-content-font-family);
    font-size: var(--modal-content-font-size);
    font-weight: var(--modal-content-font-weight);
  }
  .miz-modal__content ::-moz-selection {
    background-color: var(--modal-content-background-color-selection);
    color: var(--modal-content-text-color-selection);
  }
  .miz-modal__content ::selection {
    background-color: var(--modal-content-background-color-selection);
    color: var(--modal-content-text-color-selection);
  }
  .miz-modal__content > * + * {
    margin-top: 1.5rem;
  }
}
@layer component {
  .miz-modal__title {
    position: relative;
    z-index: 10;
    color: var(--modal-title-text-color);
    background-color: var(--modal-title-background-color);
    font-family: var(--modal-title-font-family);
    font-size: var(--modal-title-font-size);
    font-weight: var(--modal-title-font-weight);
    text-align: var(--modal-title-text-align);
  }
  @container modal (min-width: 0) {
    .miz-modal__title {
      --modal-title-font-size: clamp(var(--wp--custom--typography--font-size--display-level-2), 5.16cqi, var(--wp--custom--typography--font-size--display-level-4));
    }
  }
}
@layer component {
  .miz-modal__subtitle {
    --modal-subtitle-font-size: clamp(var(--wp--preset--font-size--level-3), 2cqi, var(--wp--preset--font-size--level-4));
    position: relative;
    z-index: 10;
    color: var(--modal-subtitle-text-color);
    background-color: var(--modal-subtitle-background-color);
    font-family: var(--modal-subtitle-font-family);
    font-size: var(--modal-subtitle-font-size);
    font-weight: var(--modal-subtitle-font-weight);
    line-height: var(--modal-subtitle-line-height);
  }
}
@layer component {
  .miz-modal__close-button {
    position: absolute;
    top: 2rem;
    right: 2rem;
  }
  .miz-modal__close-button .miz-icon {
    --icon-color: var(--modal-content-text-color);
  }
  .miz-modal__close-button:hover span {
    transition: transform 100ms;
    transform: rotate(180deg);
  }
}
@layer component {
  .miz-modal__link-group {
    place-self: center;
  }
}
@layer modifier {
  .miz-modal--full {
    --modal-width: 100%;
    --modal-height: 100%;
  }
  .miz-modal--contained {
    --modal-width: 100vh;
    --modal-height: 100dvh;
  }
  @media (min-width: 576px) {
    .miz-modal--contained {
      min-width: calc(var(--wp--custom--breakpoint--small) - var(--wp--preset--spacing--50) * 2);
    }
  }
  @media (min-width: 768px) {
    .miz-modal--contained {
      min-width: calc(var(--wp--custom--breakpoint--medium) - var(--wp--preset--spacing--50) * 2);
    }
  }
  @media (min-width: 1024px) {
    .miz-modal--contained {
      --modal-width: max-content;
      aspect-ratio: 16/9;
      min-width: calc(var(--wp--custom--breakpoint--large) - var(--wp--preset--spacing--50) * 2);
    }
  }
  @media (min-width: 1280px) {
    .miz-modal--contained {
      --modal-height: max-content;
      min-width: calc(var(--wp--custom--breakpoint--x-large) - var(--wp--preset--spacing--50) * 2);
    }
  }
  @media (min-width: 1440px) {
    .miz-modal--contained {
      min-width: calc(var(--wp--custom--breakpoint--xx-large) - var(--wp--preset--spacing--50) * 2);
    }
  }
  .miz-modal--light {
    --modal-background-color: var(--wp--preset--color--white);
    --modal-content-text-color: var(--wp--preset--color--black);
    --modal-content-background-color: var(--wp--preset--color--white);
  }
  .miz-modal--dark {
    --modal-background-color: var(--wp--preset--color--black-700);
    --modal-content-text-color: var(--wp--preset--color--white);
    --modal-content-background-color: var(--wp--preset--color--black-700);
    --modal-title-text-color: var(--wp--preset--color--gold);
  }
  .miz-modal--gold {
    --modal-background-color: var(--wp--preset--color--gold);
    --modal-content-text-color: var(--wp--preset--color--black);
    --modal-content-background-color: var(--wp--preset--color--gold);
  }
}
@layer component {
  .miz-tablist {
    --tablist-text-color: var(--wp--preset--color--black);
    --tablist-background-color: var(--wp--preset--color--white);
    --tab-background-color: transparent;
    --tab-text-color: var(--wp--preset--color--black);
    --tab-underline-color: var(--wp--preset--color--black-100);
    --tab-underline-color-hover: var(--wp--preset--color--black-400);
    --tab-underline-color-selected: var(--wp--preset--color--gold);
    --tab-font-weight: var(--wp--custom--typography--font-weight--semi-bold);
    color: var(--tablist-text-color);
    background-color: var(--tablist-background-color);
  }
}
@layer component {
  .miz-tablist__list {
    display: flex;
    align-items: flex-start;
    margin-bottom: var(--wp--preset--spacing--40);
  }
  .miz-tablist__list > * {
    flex: 1 1 auto;
  }
}
@layer component {
  .miz-tablist__tab {
    background-color: var(--tab-background-color);
    border-color: var(--tab-underline-color);
    border-radius: 0;
    border-style: solid;
    border-width: 0 0 3px;
    color: var(--tab-text-color);
    cursor: pointer;
    font-weight: var(--tab-font-weight);
    padding: var(--wp--preset--spacing--40);
    transition: all 0.2s ease-in-out 0s, border-bottom 0s;
  }
  .miz-tablist__tab[aria-selected=true] {
    border-color: var(--tab-underline-color-selected);
  }
  .miz-tablist__tab[aria-selected=true]:hover {
    border-color: var(--tab-underline-color-selected);
  }
  .miz-tablist__tab:hover {
    border-color: var(--tab-underline-color-hover);
  }
}
@layer component {
  .miz-tablist__tabpanel {
    padding: var(--wp--preset--spacing--50);
  }
}
@layer modifier {
  .miz-tablist--dark {
    --tablist-background-color: var(--wp--preset--color--black);
    --tablist-text-color: var(--wp--preset--color--white);
    --tab-background-color: var(--wp--preset--color--black);
    --tab-text-color: var(--wp--preset--color--white);
    --tab-underline-color-selected: var(--wp--preset--color--gold-300);
  }
  .miz-tablist--gold {
    --tablist-background-color: var(--wp--preset--color--gold);
    --tablist-text-color: var(--wp--preset--color--black);
    --tab-background-color: var(--wp--preset--color--gold);
    --tab-text-color: var(--wp--preset--color--black);
    --tab-underline-color-selected: var(--wp--preset--color--gold-100);
  }
}
@layer pattern {
  .miz-video-layer {
    --featured-video-background-color: var(--wp--preset--color--white);
    --featured-video-content-text-color: var(--wp--preset--color--black);
    --featured-video-content-background-color: var(--wp--preset--color--white);
    --featured-video-content-font-family: var(--wp--preset--font-family--open-sans);
    --featured-video-content-font-size: var(--wp--preset--font-size--level-2);
    --featured-video-content-font-weight: var(--wp--custom--typography--font-weight--medium);
    --featured-video-content-text-color-selection: var(--wp--preset--color--black);
    --featured-video-content-background-color-selection: var(--wp--preset--color--gold-300);
    --featured-video-title-font-family: var(--wp--preset--font-family--manuka);
    --featured-video-title-font-size: var(--wp--custom--typography--font-size--display-level-1);
    --featured-video-title-text-align: center;
    container: featured-video/inline-size;
    position: relative;
    overflow-y: hidden;
    background-color: var(--featured-video-background-color);
    padding: 4rem 0 4rem;
  }
  @supports (display: grid) {
    .miz-video-layer {
      display: grid;
      grid-auto-flow: row;
      place-items: normal normal;
      grid-template-columns: [full-start main-start] repeat(12, [col] 1fr) [main-end full-end];
      -moz-column-gap: 16px;
           column-gap: 16px;
      grid-template-rows: [full-start main-start] repeat(1, [row] auto) [main-end full-end];
      row-gap: 16px;
      grid-template-columns: [full-start] 0 [main-start] repeat(12, [col] 1fr) [main-end] 0 [full-end];
      column-gap: 16px;
      grid-template-rows: [full-start] 16px [main-start] repeat(1, [row] auto) [main-end] 16px [full-end];
      row-gap: 16px;
    }
    .miz-video-layer > * {
      grid-column: main-start/span 12;
    }
    @media (min-width: 576px) {
      .miz-video-layer {
        grid-template-columns: [full-start] minmax(0px, 0px) [main-start] repeat(12, [col] minmax(30.6666666667px, 46.6666666667px)) [main-end] minmax(0px, 0px) [full-end];
        -moz-column-gap: 16px;
             column-gap: 16px;
        grid-template-rows: [full-start] 16px [main-start] repeat(1, [row] auto) [main-end] 16px [full-end];
        row-gap: 16px;
      }
    }
    .miz-video-layer > * {
      grid-column: main-start/span 12;
    }
    @media (min-width: 768px) {
      .miz-video-layer {
        grid-template-columns: [full-start] minmax(0px, 16px) [main-start] repeat(12, [col] minmax(46.6666666667px, 65.3333333333px)) [main-end] minmax(0px, 16px) [full-end];
        -moz-column-gap: 16px;
             column-gap: 16px;
        grid-template-rows: [full-start] 16px [main-start] repeat(1, [row] auto) [main-end] 16px [full-end];
        row-gap: 16px;
      }
    }
    .miz-video-layer > * {
      grid-column: main-start/span 12;
    }
    @media (min-width: 1024px) {
      .miz-video-layer {
        grid-template-columns: [full-start] minmax(16px, 48px) [main-start] repeat(12, [col] minmax(65.3333333333px, 81.3333333333px)) [main-end] minmax(16px, 48px) [full-end];
        -moz-column-gap: 16px;
             column-gap: 16px;
        grid-template-rows: [full-start] 16px [main-start] repeat(1, [row] auto) [main-end] 16px [full-end];
        row-gap: 16px;
      }
    }
    .miz-video-layer > * {
      grid-column: main-start/span 12;
    }
    @media (min-width: 1280px) {
      .miz-video-layer {
        grid-template-columns: [full-start] minmax(32px, 64px) [main-start] repeat(12, [col] minmax(66.6666666667px, 74.6666666667px)) [main-end] minmax(32px, 64px) [full-end];
        -moz-column-gap: 32px;
             column-gap: 32px;
        grid-template-rows: [full-start] 16px [main-start] repeat(1, [row] auto) [main-end] 16px [full-end];
        row-gap: 16px;
      }
    }
    .miz-video-layer > * {
      grid-column: main-start/span 12;
    }
    @media (min-width: 1440px) {
      .miz-video-layer {
        grid-template-columns: [full-start] minmax(64px, 128px) [main-start] repeat(12, [col] minmax(74.6666666667px, 104px)) [main-end] minmax(64px, 128px) [full-end];
        -moz-column-gap: 32px;
             column-gap: 32px;
        grid-template-rows: [full-start] 16px [main-start] repeat(1, [row] auto) [main-end] 16px [full-end];
        row-gap: 16px;
      }
    }
    .miz-video-layer > * {
      grid-column: main-start/span 12;
    }
    @media (min-width: 1600px) {
      .miz-video-layer {
        grid-template-columns: [full-start] minmax(128px, 128px) [main-start] repeat(12, [col] minmax(77.3333333333px, 104px)) [main-end] minmax(128px, 128px) [full-end];
        -moz-column-gap: 32px;
             column-gap: 32px;
        grid-template-rows: [full-start] 16px [main-start] repeat(1, [row] auto) [main-end] 16px [full-end];
        row-gap: 16px;
      }
    }
    .miz-video-layer > * {
      grid-column: main-start/span 12;
    }
  }
}
@layer component {
  .miz-video-layer__content {
    position: relative;
    z-index: 10;
    grid-row: main;
    color: var(--featured-video-content-text-color);
    background-color: var(--featured-video-content-background-color);
    font-family: var(--featured-video-content-font-family);
    font-size: var(--featured-video-content-font-size);
    font-weight: var(--featured-video-content-font-weight);
  }
  .miz-video-layer__content ::-moz-selection {
    background-color: var(--featured-video-content-background-color-selection);
    color: var(--featured-video-content-text-color-selection);
  }
  .miz-video-layer__content ::selection {
    background-color: var(--featured-video-content-background-color-selection);
    color: var(--featured-video-content-text-color-selection);
  }
  .miz-video-layer__content > * + * {
    margin-top: 1.5rem;
  }
  @media (min-width: 576px) {
    .miz-video-layer__content {
      grid-column: main;
    }
  }
  @media (min-width: 768px) {
    .miz-video-layer__content {
      grid-column: main;
    }
  }
}
@layer component {
  .miz-video-layer__title {
    position: relative;
    z-index: 10;
    color: var(--featured-video-title-text-color);
    background-color: var(--featured-video-title-background-color);
    font-family: var(--featured-video-title-font-family);
    font-size: var(--featured-video-title-font-size);
    font-weight: var(--featured-video-title-font-weight);
    text-align: var(--featured-video-title-text-align);
  }
  @container featured-video (min-width: 0) {
    .miz-video-layer__title {
      --featured-video-title-font-size: clamp(var(--wp--custom--typography--font-size--display-level-2), 5.16cqi, var(--wp--custom--typography--font-size--display-level-4));
    }
  }
}
@layer component {
  .miz-video-layer__intro {
    font-size: var(--wp--preset--font-size--level-3);
    text-align: center;
    padding: var(--wp--preset--spacing--70) 0 var(--wp--preset--spacing--70);
  }
}
@layer component {
  .miz-video-layer__video {
    aspect-ratio: 16/9;
    margin-top: 2rem;
    position: relative;
    width: 100%;
  }
  .miz-video-layer__video iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
}
@layer component {
  .miz-video-layer__link-group {
    place-self: center;
  }
}
@layer modifier {
  .miz-video-layer--light {
    --featured-video-background-color: var(--wp--preset--color--white);
    --featured-video-content-text-color: var(--wp--preset--color--black);
    --featured-video-content-background-color: var(--wp--preset--color--white);
  }
  .miz-video-layer--dark {
    --featured-video-background-color: var(--wp--preset--color--black);
    --featured-video-content-text-color: var(--wp--preset--color--white);
    --featured-video-content-background-color: var(--wp--preset--color--black);
    --featured-video-title-text-color: var(--wp--preset--color--gold);
  }
  .miz-video-layer--gold {
    --featured-video-background-color: var(--wp--preset--color--gold);
    --featured-video-content-text-color: var(--wp--preset--color--black);
    --featured-video-content-background-color: var(--wp--preset--color--gold);
  }
  .miz-video-layer__title--left {
    --featured-video-title-text-align: left;
  }
  .miz-video-layer__title--center {
    --featured-video-title-text-align: center;
  }
  .miz-video-layer__title--right {
    --featured-video-title-text-align: right;
  }
}
@layer pattern {
  .miz-social-layer {
    --social-layer-background-color: var(--wp--preset--color--white);
    --social-layer-content-text-color: var(--wp--preset--color--black);
    --social-layer-content-background-color: var(--wp--preset--color--white);
    --social-layer-content-font-family: var(--wp--preset--font-family--open-sans);
    --social-layer-content-font-size: var(--wp--preset--font-size--level-2);
    --social-layer-content-font-weight: var(--wp--custom--typography--font-weight--medium);
    --social-layer-content-text-color-selection: var(--wp--preset--color--black);
    --social-layer-content-background-color-selection: var(--wp--preset--color--gold-300);
    --social-layer-title-font-family: var(--wp--preset--font-family--manuka);
    --social-layer-title-font-size: var(--wp--custom--typography--font-size--display-level-1);
    --social-layer-title-text-align: left;
    container: social-layer/inline-size;
    position: relative;
    overflow-y: hidden;
    background-color: var(--social-layer-background-color);
    padding: 2rem 0 2rem;
  }
  @supports (display: grid) {
    .miz-social-layer {
      display: grid;
      grid-auto-flow: row;
      place-items: normal normal;
      grid-template-columns: [full-start main-start] repeat(12, [col] 1fr) [main-end full-end];
      -moz-column-gap: 16px;
           column-gap: 16px;
      grid-template-rows: [full-start main-start] repeat(1, [row] auto) [main-end full-end];
      row-gap: 16px;
      grid-template-columns: [full-start] 0 [main-start] repeat(12, [col] 1fr) [main-end] 0 [full-end];
      column-gap: 16px;
      grid-template-rows: [full-start] 16px [main-start] repeat(1, [row] auto) [main-end] 16px [full-end];
      row-gap: 16px;
    }
    .miz-social-layer > * {
      grid-column: main-start/span 12;
    }
    @media (min-width: 576px) {
      .miz-social-layer {
        grid-template-columns: [full-start] minmax(0px, 0px) [main-start] repeat(12, [col] minmax(30.6666666667px, 46.6666666667px)) [main-end] minmax(0px, 0px) [full-end];
        -moz-column-gap: 16px;
             column-gap: 16px;
        grid-template-rows: [full-start] 16px [main-start] repeat(1, [row] auto) [main-end] 16px [full-end];
        row-gap: 16px;
      }
    }
    .miz-social-layer > * {
      grid-column: main-start/span 12;
    }
    @media (min-width: 768px) {
      .miz-social-layer {
        grid-template-columns: [full-start] minmax(0px, 16px) [main-start] repeat(12, [col] minmax(46.6666666667px, 65.3333333333px)) [main-end] minmax(0px, 16px) [full-end];
        -moz-column-gap: 16px;
             column-gap: 16px;
        grid-template-rows: [full-start] 16px [main-start] repeat(1, [row] auto) [main-end] 16px [full-end];
        row-gap: 16px;
      }
    }
    .miz-social-layer > * {
      grid-column: main-start/span 12;
    }
    @media (min-width: 1024px) {
      .miz-social-layer {
        grid-template-columns: [full-start] minmax(16px, 48px) [main-start] repeat(12, [col] minmax(65.3333333333px, 81.3333333333px)) [main-end] minmax(16px, 48px) [full-end];
        -moz-column-gap: 16px;
             column-gap: 16px;
        grid-template-rows: [full-start] 16px [main-start] repeat(1, [row] auto) [main-end] 16px [full-end];
        row-gap: 16px;
      }
    }
    .miz-social-layer > * {
      grid-column: main-start/span 12;
    }
    @media (min-width: 1280px) {
      .miz-social-layer {
        grid-template-columns: [full-start] minmax(32px, 64px) [main-start] repeat(12, [col] minmax(66.6666666667px, 74.6666666667px)) [main-end] minmax(32px, 64px) [full-end];
        -moz-column-gap: 32px;
             column-gap: 32px;
        grid-template-rows: [full-start] 16px [main-start] repeat(1, [row] auto) [main-end] 16px [full-end];
        row-gap: 16px;
      }
    }
    .miz-social-layer > * {
      grid-column: main-start/span 12;
    }
    @media (min-width: 1440px) {
      .miz-social-layer {
        grid-template-columns: [full-start] minmax(64px, 128px) [main-start] repeat(12, [col] minmax(74.6666666667px, 104px)) [main-end] minmax(64px, 128px) [full-end];
        -moz-column-gap: 32px;
             column-gap: 32px;
        grid-template-rows: [full-start] 16px [main-start] repeat(1, [row] auto) [main-end] 16px [full-end];
        row-gap: 16px;
      }
    }
    .miz-social-layer > * {
      grid-column: main-start/span 12;
    }
    @media (min-width: 1600px) {
      .miz-social-layer {
        grid-template-columns: [full-start] minmax(128px, 128px) [main-start] repeat(12, [col] minmax(77.3333333333px, 104px)) [main-end] minmax(128px, 128px) [full-end];
        -moz-column-gap: 32px;
             column-gap: 32px;
        grid-template-rows: [full-start] 16px [main-start] repeat(1, [row] auto) [main-end] 16px [full-end];
        row-gap: 16px;
      }
    }
    .miz-social-layer > * {
      grid-column: main-start/span 12;
    }
  }
}
@layer component {
  .miz-social-layer__content {
    position: relative;
    z-index: 10;
    grid-row: main;
    color: var(--social-layer-content-text-color);
    font-family: var(--social-layer-content-font-family);
    font-size: var(--social-layer-content-font-size);
    font-weight: var(--social-layer-content-font-weight);
  }
  @media (min-width: 576px) {
    .miz-social-layer__content {
      grid-column: 2 col/span 10;
    }
  }
  @media (min-width: 768px) {
    .miz-social-layer__content {
      display: grid;
      grid-template-areas: "cta-title cta-links";
      gap: 1rem;
    }
  }
  .miz-social-layer__content ::-moz-selection {
    background-color: var(--social-layer-content-background-color-selection);
    color: var(--social-layer-content-text-color-selection);
  }
  .miz-social-layer__content ::selection {
    background-color: var(--social-layer-content-background-color-selection);
    color: var(--social-layer-content-text-color-selection);
  }
}
@layer component {
  .miz-social-layer__title {
    position: relative;
    z-index: 10;
    grid-row: 2;
    grid-area: cta-title;
    color: var(--social-layer-title-text-color);
    background-color: var(--social-layer-title-background-color);
    font-family: var(--social-layer-title-font-family);
    font-size: var(--social-layer-title-font-size);
    font-weight: var(--social-layer-title-font-weight);
    text-align: var(--social-layer-title-text-align);
  }
  @container social-layer (min-width: 0) {
    .miz-social-layer__title {
      --social-layer-title-font-size: clamp(var(--wp--custom--typography--font-size--display-level-2), 5.16cqi, var(--wp--custom--typography--font-size--display-level-4));
    }
  }
}
@layer component {
  .miz-social-layer__link-group {
    place-self: self-end;
    grid-row: 3;
    grid-area: cta-links;
    margin-top: 1.5rem;
  }
  @media (min-width: 768px) {
    .miz-social-layer__link-group {
      margin-top: inherit;
    }
  }
  .miz-social-layer__link-group .miz-icon {
    transition: opacity 0.2s, scale 0.2s ease-in-out;
  }
  .miz-social-layer__link-group .miz-icon:hover {
    scale: 1.1;
  }
}
@layer modifier {
  .miz-social-layer--light {
    --social-layer-background-color: var(--wp--preset--color--white);
    --social-layer-content-text-color: var(--wp--preset--color--black);
    --social-layer-content-background-color: var(--wp--preset--color--white);
  }
  .miz-social-layer--dark {
    --social-layer-background-color: var(--wp--preset--color--black);
    --social-layer-background-image: url("./assets/images/brand/backgrounds/tiger-stripes--gray.png");
    --social-layer-content-text-color: var(--wp--preset--color--white);
    --social-layer-content-background-color: var(--wp--preset--color--black);
    --social-layer-title-text-color: var(--wp--preset--color--gold);
    background: linear-gradient(to right, transparent 0%, transparent 15%, var(--social-layer-background-color) 25%, var(--social-layer-background-color) 50%, var(--social-layer-background-color) 75%, transparent 85%, transparent 100%), var(--social-layer-background-image) center/cover;
  }
  @media (min-width: 1024px) {
    .miz-social-layer--dark {
      --social-layer-background-image: url("./assets/images/brand/backgrounds/tiger-stripes--gray-1600.png");
    }
  }
  .miz-social-layer--gold {
    --social-layer-background-color: var(--wp--preset--color--gold);
    --social-layer-background-image: url("./assets/images/brand/backgrounds/tiger-stripes--gold.png");
    --social-layer-content-text-color: var(--wp--preset--color--black);
    --social-layer-content-background-color: var(--wp--preset--color--gold);
    background: linear-gradient(to right, transparent 0%, transparent 15%, var(--social-layer-background-color) 25%, var(--social-layer-background-color) 50%, var(--social-layer-background-color) 75%, transparent 85%, transparent 100%), var(--social-layer-background-image) center/cover;
  }
}
@layer component {
  .miz-featured-stat-layer {
    --featured-stat-title-font-family: var(--wp--preset--font-family--manuka);
    --featured-stat-title-font-size: clamp(var(--wp--custom--typography--font-size--display-level-2), 5.16cqi, var(--wp--custom--typography--font-size--display-level-4));
    padding: 2rem 0 2rem;
  }
}
@layer component {
  .miz-featured-stat-layer__frame {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  @media (min-width: 768px) {
    .miz-featured-stat-layer__frame {
      flex-direction: row;
      justify-content: space-between;
    }
  }
}
@layer component {
  .miz-featured-stat-layer__article {
    flex: 0 2 auto;
    flex-basis: 66%;
    font-size: var(--wp--preset--font-size--level-2);
  }
}
@layer component {
  .miz-featured-stat-layer__aside {
    flex-basis: 33%;
  }
}
@layer component {
  .miz-featured-stat-layer__title {
    font-family: var(--featured-stat-title-font-family);
    font-size: var(--featured-stat-title-font-size);
    padding-bottom: 1rem;
  }
}
@layer component {
  .miz-featured-stat-layer__stat--container.miz-decoration::after {
    max-height: 75px;
    max-width: 200px;
  }
}
@layer component {
  .miz-featured-stat-layer__stat {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: var(--wp--preset--font-size--level-2);
    padding: 3rem 2rem;
  }
  .miz-featured-stat-layer__stat cite {
    font-size: var(--wp--preset--font-size--level-1);
    font-weight: var(--wp--custom--typography--font-weight--regular);
  }
  .miz-featured-stat-layer__stat p {
    text-align: center;
  }
  .miz-featured-stat-layer__stat .miz-featured-stat-layer__stat--number {
    font-family: var(--wp--preset--font-family--manuka);
    font-size: var(--wp--custom--typography--font-size--display-level-5);
    line-height: 3rem;
    padding: 1rem;
  }
}
.error404 .miz-article h2.wp-block-heading {
  -webkit-text-decoration: revert;
          text-decoration: revert;
}

.miz-person--jobTitle {
  font-size: var(--wp--preset--font-size--level-4);
}

.miz-person--jobDepartment {
  font-size: var(--wp--preset--font-size--level-4);
  font-style: italic;
}

.miz-person-metadata .miz-person__position {
  font-size: var(--wp--preset--font-size--level-4);
  margin-bottom: 0.5rem;
  line-height: var(--wp--custom--line-height--heading);
}
.miz-person-metadata .miz-person__department {
  font-size: var(--wp--preset--font-size--level-4);
  margin-top: 0.5rem;
}

.miz-people-cpt-single--aside .miz-people-cpt-single__image {
  aspect-ratio: 1/1;
  border-radius: 180px;
  max-width: 350px;
  max-height: 350px;
  object-fit: cover;
}

.miz-page-header--article .miz-article__blurb {
  margin-top: 1rem;
}
.miz-page-header--article .miz-article__category {
  font-size: 1rem;
  font-weight: var(--wp--custom--font-weight--semi-bold);
}
.miz-page-header--article .miz-article__category a {
  font-family: inherit;
}
.miz-page-header--article .miz-page-header__title {
  margin-top: 1rem;
}

.miz-article__date:first-of-type {
  margin-bottom: 0;
}
.miz-article__date:last-of-type {
  margin-bottom: 1rem;
}

.miz-body {
  background-color: var(--wp--preset--color--black-400);
}

a.miz-button {
  text-decoration: none;
}

.miz-space--m-b2 {
  margin-bottom: 2rem;
}

.miz-link--no-underline {
  text-decoration: none;
}