/*
  Theme Name:   Child Theme - Power the Roar
  Theme URI:    https://powertheroar.com/
  Author:       Mizzou Digital Service, University of Missouri
  Author URI:   https://digitalservice.missouri.edu/
  Description:  This Child Theme extends the Mizzou Hybrid Base Theme
  Version:      0.1.0-RC.2
  Template:     miz-hybrid-base
  Text Domain:  powertheroar-child
*/
.ptr-news-card {
  --ptr-news-card-accent-text-color: rgb(96, 96, 96);
}
.ptr-news-card.miz-card--dark {
  --ptr-news-card-accent-text-color: rgb(255, 255, 255);
}
@media (min-width: 768px) {
  .ptr-news-card.miz-card--inline .ptr-news-card__image-container {
    max-width: 30%;
  }
}
.ptr-news-card.miz-card--inline .ptr-news-card__image-container .miz-card__image {
  max-width: 100%;
  height: 100%;
}
@media (min-width: 1024px) {
  .ptr-news-card.miz-card--inline .ptr-news-card__image-container .miz-card__image {
    max-width: 100%;
  }
}
.ptr-news-card.miz-card--inline .miz-card__image {
  --card-image-object-fit: cover;
}
@media (min-width: 768px) {
  .ptr-news-card.miz-card--inline .miz-card__image {
    --card-image-object-fit: scale-down;
    max-width: 30%;
  }
}
@media (min-width: 768px) {
  .ptr-news-card.miz-card--inline .miz-card__body {
    padding-top: 0;
  }
}
@media (min-width: 1024px) {
  .ptr-news-card.miz-card--inline.miz-news-card--featured .ptr-news-card__image-container {
    max-width: 50%;
  }
}
.ptr-news-card.miz-card--inline.miz-news-card--featured .ptr-news-card__image-container .miz-card__image {
  max-width: 100%;
  height: 100%;
}
@media (min-width: 1024px) {
  .ptr-news-card.miz-card--inline.miz-news-card--featured .ptr-news-card__image-container .miz-card__image {
    max-width: 100%;
  }
}
.ptr-news-card.miz-card--inline.miz-news-card--featured .miz-card__image {
  --card-image-object-fit: cover;
}
@media (min-width: 1024px) {
  .ptr-news-card.miz-card--inline.miz-news-card--featured .miz-card__image {
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .ptr-news-card.miz-card--inline.miz-news-card--featured .miz-card__body {
    padding-top: 1rem;
  }
}
.ptr-news-card.miz-card--inline.ptr-trending-story {
  border-bottom: 2px solid rgb(152, 152, 152);
}
.ptr-news-card.miz-card--inline.ptr-trending-story .miz-card__header {
  background-color: initial;
  place-content: flex-start center;
  border: none;
  width: 20%;
}
.ptr-news-card.miz-card--inline.ptr-trending-story .miz-card__header .ptr-trending-story__order {
  font-family: "Manuka";
  font-size: 6.192rem;
  color: rgb(152, 152, 152);
  line-height: initial;
}
@media (min-width: 768px) {
  .ptr-news-card.miz-card--inline.ptr-trending-story .miz-card__body {
    padding-top: 1rem;
    min-width: auto;
  }
}
.ptr-news-card .ptr-news-card__image-container {
  margin: initial;
  position: relative;
}
.ptr-news-card .miz-card__image {
  --card-image-aspect-ratio: 16 / 9;
  height: auto;
}
.ptr-news-card .ptr-news-card__category {
  text-transform: uppercase;
  color: var(--ptr-news-card-accent-text-color);
  font-size: 1.2rem;
  font-weight: 700;
}
.ptr-news-card .miz-card__title {
  margin-top: 0.25rem;
}
.ptr-news-card .miz-news--date {
  color: var(--ptr-news-card-accent-text-color);
  font-weight: 700;
}
.ptr-news-card .ptr-news-card__play-button {
  position: absolute;
  bottom: 0.5rem;
  left: 0.5rem;
  color: rgb(253, 184, 25);
}
.ptr-news-card .ptr-news-card__play-button .ptr-icon--play {
  --icon-width: 3.5rem;
  --icon-height: 3.5rem;
  --icon-max-width: 3.5rem;
  --icon-max-height: 3.5rem;
  font-size: 3.5rem;
  transition: scale 0.2s ease-in-out;
  transform-origin: center;
}
.ptr-news-card .ptr-news-card__play-button .ptr-icon--play:hover {
  scale: 1.2;
}

.ptr-person-card__title .miz-card__title-link:not([href]) {
  cursor: pointer;
}

.miz-footer .miz-footer-layer:first-of-type {
  border-top: 1px solid rgb(253, 184, 25);
}

.miz-header--compact .miz-container {
  display: flex;
  justify-content: initial;
  flex-flow: row wrap;
}
@media (min-width: 768px) {
  .miz-header--compact .miz-container {
    justify-content: space-between;
  }
}
@media (min-width: 1024px) {
  .miz-header--compact .miz-container {
    flex-flow: initial;
  }
}

.miz-masthead__title-link {
  background-image: url(./assets/images/logos/ptr-logo.svg);
  background-position: left 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 70px;
  width: 100%;
  text-indent: -120%;
  overflow: hidden;
}

.ptr-page-header .miz-page-header__content {
  border-bottom: 1px solid rgb(253, 184, 25);
}
.ptr-page-header .miz-page-header__content .miz-page-header__title {
  padding: 1rem 0;
}

.ptr-page-header-hero {
  --page-header-text-color: rgb(255, 255, 255);
  --page-header-title-font-family: Martina Plantijn;
  --page-header-title-font-size: clamp(1.44rem, 6.16cqi, 2.074rem);
  align-items: baseline;
  text-align: center;
  position: relative;
}
.ptr-page-header-hero::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
}
.ptr-page-header-hero .miz-page-header__title {
  margin-bottom: 3rem;
  text-transform: uppercase;
}
.ptr-page-header-hero .ptr-page-header--subhead {
  font-family: Manuka;
  font-size: clamp(2.074rem, 6.16cqi, 5.16rem);
  line-height: 1.2;
}
.ptr-page-header-hero .miz-page-header-hero__background {
  margin-bottom: 0;
}

.miz-nav__link {
  text-transform: uppercase;
}

.miz-nav > .miz-nav__list {
  justify-content: flex-start;
}
@media (min-width: 1280px) {
  .miz-nav > .miz-nav__list {
    justify-content: flex-end;
  }
}

@layer pattern {
  .ptr-campaign-progress {
    --ptr-campaign-progress-background-color: transparent;
    --ptr-campaign-progress-content-font-family: var(--Open Sans-font-family, Segoe UI, tahoma, sans-serif);
    --ptr-campaign-progress-title-font-family: Manuka;
    --ptr-campaign-progress-title-text-align: left;
    container: ptr-campaign-progress/inline-size;
    position: relative;
    overflow-y: hidden;
    background-color: var(--ptr-campaign-progress-background-color);
  }
  @supports (display: grid) {
    .ptr-campaign-progress {
      display: grid;
      grid-auto-flow: row;
      place-items: normal normal;
      grid-template-columns: [main-start] repeat(12, [col] 1fr) [main-end];
      -moz-column-gap: 16px;
           column-gap: 16px;
      grid-template-rows: [main-start] repeat(1, [row] auto) [main-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;
    }
    .ptr-campaign-progress > * {
      grid-column: main-start/span 12;
    }
    @media (min-width: 576px) {
      .ptr-campaign-progress {
        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;
      }
    }
    .ptr-campaign-progress > * {
      grid-column: main-start/span 12;
    }
    @media (min-width: 768px) {
      .ptr-campaign-progress {
        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;
      }
    }
    .ptr-campaign-progress > * {
      grid-column: main-start/span 12;
    }
    @media (min-width: 1024px) {
      .ptr-campaign-progress {
        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;
      }
    }
    .ptr-campaign-progress > * {
      grid-column: main-start/span 12;
    }
    @media (min-width: 1280px) {
      .ptr-campaign-progress {
        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;
      }
    }
    .ptr-campaign-progress > * {
      grid-column: main-start/span 12;
    }
    @media (min-width: 1440px) {
      .ptr-campaign-progress {
        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;
      }
    }
    .ptr-campaign-progress > * {
      grid-column: main-start/span 12;
    }
  }
}
@layer component {
  .ptr-campaign-progress__content {
    position: relative;
    z-index: 10;
    grid-row: main;
    display: grid;
    grid-template-areas: "campaign-title" "campaign-message" "campaign-progress";
    gap: 1rem;
    color: var(--ptr-campaign-progress-content-text-color);
    font-family: var(--ptr-campaign-progress-content-font-family);
    font-size: var(--ptr-campaign-progress-content-font-size);
    font-weight: var(--ptr-campaign-progress-content-font-weight);
  }
  .ptr-campaign-progress__content ::-moz-selection {
    background-color: var(--ptr-campaign-progress-content-background-color-selection);
    color: var(--ptr-campaign-progress-content-text-color-selection);
  }
  .ptr-campaign-progress__content ::selection {
    background-color: var(--ptr-campaign-progress-content-background-color-selection);
    color: var(--ptr-campaign-progress-content-text-color-selection);
  }
  .ptr-campaign-progress__content > * + * {
    margin-top: 1.5rem;
  }
  @media (min-width: 768px) {
    .ptr-campaign-progress__content > * + * {
      margin-top: initial;
    }
  }
  @media (min-width: 768px) {
    .ptr-campaign-progress__content {
      display: grid;
      grid-template-areas: "campaign-title campaign-message campaign-progress";
      gap: 3rem;
      grid-template-columns: 1fr 1.5fr 2fr;
    }
  }
}
@layer component {
  .ptr-campaign-progress__title {
    grid-area: campaign-title;
    position: relative;
    z-index: 10;
    text-transform: uppercase;
    color: var(--ptr-campaign-progress-title-text-color);
    background-color: var(--ptr-campaign-progress-title-background-color);
    font-family: var(--ptr-campaign-progress-title-font-family);
    font-size: var(--ptr-campaign-progress-title-font-size);
    font-weight: var(--ptr-campaign-progress-title-font-weight);
    text-align: var(--ptr-campaign-progress-title-text-align);
    line-height: 0.9;
  }
  .ptr-campaign-progress__title::before, .ptr-campaign-progress__title::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .ptr-campaign-progress__title::before {
    margin-bottom: calc(-0.0872174156em + 0px);
  }
  .ptr-campaign-progress__title::after {
    margin-top: calc(-0.0697739325em + 0px);
  }
  @container ptr-campaign-progress (min-width: 0) {
    .ptr-campaign-progress__title {
      --ptr-campaign-progress-title-font-size: clamp(3.583rem, 3.58cqi, 5.16rem);
    }
  }
  .ptr-campaign-progress__title span {
    color: var(--ptr-campaign-progress-title-spotlight-text-color);
  }
  .ptr-campaign-progress__message {
    font-size: 1.44rem;
  }
}
@layer component {
  .ptr-campaign-progress-content__body {
    grid-area: campaign-message;
  }
}
@layer component {
  .ptr-campaign-progress__bar-container {
    grid-area: campaign-progress;
    justify-content: center;
  }
  .ptr-campaign-progress__bar-container figcaption {
    text-align: center;
    color: rgb(212, 212, 212);
  }
  .ptr-campaign-progress__bar-container figcaption .campaign-current {
    font-family: Manuka;
    font-size: 3.583rem;
    color: var(--ptr-campaign-progress-content-text-color);
  }
  .ptr-campaign-progress__bar {
    --progress-bar-background: rgb(152, 152, 152);
    --progress-bar-accent-color: rgb(253, 184, 25);
    --progress-bar-fill-background: url("./assets/images/backgrounds/tiger-stripes--gold.png") rgb(253, 184, 25) no-repeat;
    --progress-bar-fill-shadow: 0rem 0rem 1.5rem rgba(rgb(0, 0, 0), .4);
    --progress-bar-fill-transition: inline-size .25s ease-out;
    background-color: var(--progress-bar-background);
    accent-color: var(--progress-bar-accent-color);
    color: var(--progress-bar-accent-color);
    block-size: 5.5rem;
    inline-size: 100%;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    position: relative;
  }
  .ptr-campaign-progress__bar::-webkit-progress-bar {
    background-color: var(--progress-bar-background);
    border-radius: 0;
  }
  .ptr-campaign-progress__bar[value]::-webkit-progress-value {
    accent-color: rgb(253, 184, 25);
    background: var(--progress-bar-fill-background);
    box-shadow: var(--progress-bar-fill-shadow);
    -webkit-transition: var(--progress-bar-fill-transition);
    transition: var(--progress-bar-fill-transition);
  }
  .ptr-campaign-progress__bar::-moz-progress-bar {
    accent-color: rgb(253, 184, 25);
    background: var(--progress-bar-fill-background);
    box-shadow: var(--progress-bar-fill-shadow);
    -moz-transition: var(--progress-bar-fill-transition);
    transition: var(--progress-bar-fill-transition);
  }
  .ptr-campaign-progress__bar-fill {
    background-color: rgb(253, 184, 25);
  }
}
@layer modifier {
  .ptr-campaign-progress--light {
    --ptr-campaign-progress-background-color: rgb(255, 255, 255);
    --ptr-campaign-progress-content-text-color: rgb(0, 0, 0);
    --ptr-campaign-progress-content-background-color: rgb(255, 255, 255);
  }
  .ptr-campaign-progress--dark {
    --ptr-campaign-progress-background-color: rgb(31, 31, 31);
    --ptr-campaign-progress-content-text-color: rgb(255, 255, 255);
    --ptr-campaign-progress-content-background-color: rgb(31, 31, 31);
    --ptr-campaign-progress-title-text-color: rgb(255, 255, 255);
    --ptr-campaign-progress-title-spotlight-text-color: rgb(253, 184, 25);
  }
  .ptr-campaign-progress--gold {
    --ptr-campaign-progress-background-color: rgb(253, 184, 25);
    --ptr-campaign-progress-content-text-color: rgb(0, 0, 0);
    --ptr-campaign-progress-content-background-color: rgb(253, 184, 25);
  }
}
@layer pattern {
  .ptr-email-list-layer {
    --ptr-email-list-background-color: transparent;
    --ptr-email-list-content-font-family: var(--Open Sans-font-family, Segoe UI, tahoma, sans-serif);
    --ptr-email-list-title-font-family: Manuka;
    --ptr-email-list-title-text-align: left;
    container: ptr-email-list/inline-size;
    position: relative;
    overflow-y: hidden;
    background-color: var(--ptr-email-list-background-color);
  }
  @supports (display: grid) {
    .ptr-email-list-layer {
      display: grid;
      grid-auto-flow: row;
      place-items: normal normal;
      grid-template-columns: [main-start] repeat(12, [col] 1fr) [main-end];
      -moz-column-gap: 16px;
           column-gap: 16px;
      grid-template-rows: [main-start] repeat(1, [row] auto) [main-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;
    }
    .ptr-email-list-layer > * {
      grid-column: main-start/span 12;
    }
    @media (min-width: 576px) {
      .ptr-email-list-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;
      }
    }
    .ptr-email-list-layer > * {
      grid-column: main-start/span 12;
    }
    @media (min-width: 768px) {
      .ptr-email-list-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;
      }
    }
    .ptr-email-list-layer > * {
      grid-column: main-start/span 12;
    }
    @media (min-width: 1024px) {
      .ptr-email-list-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;
      }
    }
    .ptr-email-list-layer > * {
      grid-column: main-start/span 12;
    }
    @media (min-width: 1280px) {
      .ptr-email-list-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;
      }
    }
    .ptr-email-list-layer > * {
      grid-column: main-start/span 12;
    }
    @media (min-width: 1440px) {
      .ptr-email-list-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;
      }
    }
    .ptr-email-list-layer > * {
      grid-column: main-start/span 12;
    }
  }
}
@layer component {
  .ptr-email-list-layer__content {
    position: relative;
    z-index: 10;
    grid-row: main;
    color: var(--ptr-email-list-content-text-color);
    font-family: var(--ptr-email-list-content-font-family);
    font-size: var(--ptr-email-list-content-font-size);
    font-weight: var(--ptr-email-list-content-font-weight);
  }
  .ptr-email-list-layer__content ::-moz-selection {
    background-color: var(--ptr-email-list-content-background-color-selection);
    color: var(--ptr-campaign-progress-content-text-color-selection);
  }
  .ptr-email-list-layer__content ::selection {
    background-color: var(--ptr-email-list-content-background-color-selection);
    color: var(--ptr-campaign-progress-content-text-color-selection);
  }
  .ptr-email-list-layer__content > * + * {
    margin-top: 1.5rem;
  }
  @media (min-width: 768px) {
    .ptr-email-list-layer__content > * + * {
      margin-top: initial;
    }
  }
  @media (min-width: 768px) {
    .ptr-email-list-layer__content {
      display: grid;
      grid-template-areas: "campaign-title email-list campaign-message" "campaign-title email-list campaign-link";
      gap: 0.25rem 3rem;
      grid-template-columns: 1fr 2fr 2fr;
    }
  }
}
@layer component {
  .ptr-email-list-layer__title {
    grid-area: campaign-title;
    position: relative;
    z-index: 10;
    text-transform: uppercase;
    color: var(--ptr-email-list-title-text-color);
    background-color: var(--ptr-email-list-title-background-color);
    font-family: var(--ptr-email-list-title-font-family);
    font-size: var(--ptr-email-list-title-font-size);
    font-weight: var(--ptr-email-list-title-font-weight);
    text-align: var(--ptr-email-list-title-text-align);
    line-height: 0.9;
  }
  .ptr-email-list-layer__title::before, .ptr-email-list-layer__title::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .ptr-email-list-layer__title::before {
    margin-bottom: calc(-0.0872174156em + 0px);
  }
  .ptr-email-list-layer__title::after {
    margin-top: calc(-0.0697739325em + 0px);
  }
  @container ptr-email-list (min-width: 0) {
    .ptr-email-list-layer__title {
      --ptr-email-list-title-font-size: clamp(2.488rem, 5.16cqi, 3.583rem);
    }
  }
  .ptr-email-list-layer__title span {
    color: var(--ptr-email-list-title-spotlight-text-color);
  }
  .ptr-email-list-layer__message {
    font-size: 1.44rem;
  }
}
@layer component {
  .ptr-email-list-layer-content__body {
    grid-area: campaign-message;
    place-self: self-start;
  }
}
@layer component {
  .ptr-email-list-layer__form-container {
    grid-area: email-list;
    justify-content: center;
  }
  .ptr-email-list-layer__form-container .ptr-email-list-layer__form--title, .ptr-email-list-layer__form-container .ptr-email-list-layer__form--intro {
    margin-bottom: 1.5rem;
  }
  .ptr-email-list-layer__form-container .ptr-email-list-layer__form {
    display: flex;
    flex-flow: column wrap;
    gap: 1rem;
  }
  .ptr-email-list-layer__form-container .ptr-input {
    width: inherit;
    border-radius: 0;
    padding: 0.75rem;
  }
  .ptr-email-list-layer__form-container .ptr-submit-button {
    place-self: flex-end;
    font-weight: 700;
    text-transform: uppercase;
  }
}
@layer component {
  .ptr-email-list-layer__link-group {
    grid-area: campaign-link;
    place-self: self-start;
  }
}
@layer modifier {
  .ptr-email-list-layer--light {
    --ptr-email-list-background-color: rgb(255, 255, 255);
    --ptr-email-list-content-text-color: rgb(0, 0, 0);
    --ptr-email-list-content-background-color: rgb(255, 255, 255);
  }
  .ptr-email-list-layer--dark {
    --ptr-email-list-background-color: rgb(0, 0, 0);
    --ptr-email-list-content-text-color: rgb(255, 255, 255);
    --ptr-email-list-content-background-color: rgb(0, 0, 0);
    --ptr-email-list-title-text-color: rgb(255, 255, 255);
    --ptr-email-list-title-spotlight-text-color: rgb(253, 184, 25);
  }
  .ptr-email-list-layer--gold {
    --ptr-email-list-background-color: rgb(253, 184, 25);
    --ptr-email-list-content-text-color: rgb(0, 0, 0);
    --ptr-email-list-content-background-color: rgb(253, 184, 25);
  }
}
@layer pattern {}
@layer component {
  .ptr-featured-news__content {
    display: grid;
    grid-template-areas: "ptr-layer-title" "ptr-layer-card-deck" "ptr-layer-links";
  }
  @media (min-width: 768px) {
    .ptr-featured-news__content {
      grid-template-areas: "ptr-layer-title . ptr-layer-links" "ptr-layer-card-deck ptr-layer-card-deck ptr-layer-card-deck";
    }
  }
}
@layer component {
  .ptr-featured-news__title {
    grid-area: ptr-layer-title;
    text-align: initial;
  }
  .ptr-featured-news__link-group {
    grid-area: ptr-layer-links;
    place-self: center self-start;
  }
  @media (min-width: 768px) {
    .ptr-featured-news__link-group {
      margin-top: initial;
      place-self: center self-end;
    }
  }
  .ptr-featured-news__card-deck {
    grid-area: ptr-layer-card-deck;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
@layer modifier {
  .ptr-featured-news--dark {
    --featured-news-background-color: rgb(0, 0, 0);
    --featured-news-content-background-color: rgb(0, 0, 0);
    --highlight-text-color: rgb(255, 255, 255);
  }
}
@layer modifier {
  .ptr-hero {
    --hero-content-background-color: transparent;
    --hero-content-text-color: rgb(255, 255, 255);
    --hero-subtitle-text-color: rgb(255, 255, 255);
    z-index: 0;
    overflow-y: inherit;
  }
  .ptr-hero::before {
    content: "";
    position: absolute;
    z-index: -50;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
  }
  .ptr-hero .miz-hero__image--background {
    z-index: -100;
  }
  .ptr-hero .miz-hero__title {
    --hero-title-font-size: 6.192rem;
    --highlight-text-color: rgb(255, 255, 255);
    --highlight-color: transparent;
    text-transform: uppercase;
  }
  .ptr-hero .miz-link-group {
    place-self: center;
  }
}
@layer component {
  .ptr-split-layout__icon {
    height: auto;
    max-width: 154px;
  }
  .ptr-split-layout__kicker {
    font-family: Martina Plantijn;
    font-size: 1.2rem;
    margin-top: 0.5rem;
  }
}
.ptr-leadership-list .miz-card__title {
  font-family: Martina Plantijn;
}

.ptr-committee-list .miz-card__title {
  font-family: Martina Plantijn;
}
.ptr-committee-list .miz-card__title span {
  font-size: 1.44rem;
}

.ptr-bio-modal {
  display: grid;
  gap: 1rem;
}
@media (min-width: 768px) {
  .ptr-bio-modal {
    grid-template-columns: 40% 1fr;
    gap: 1.5rem;
  }
}
.ptr-bio-modal .ptr-modal__overline {
  font-family: Martina Plantijn;
  font-size: 1.44rem;
  text-transform: uppercase;
  color: rgb(96, 96, 96);
  margin-bottom: inherit;
}
.ptr-bio-modal .ptr-modal__title {
  font-family: Manuka;
  font-size: 6.192rem;
}
.ptr-bio-modal .ptr-modal__subtitle {
  font-family: Martina Plantijn;
  font-size: 1.728rem;
  margin-bottom: 1.5rem;
}
.ptr-bio-modal p {
  margin-bottom: 1rem;
}
.ptr-bio-modal p:last-of-type {
  margin-bottom: inherit;
}

.ptr-featured-stories {
  container: featured-stories/inline-size;
  position: relative;
  overflow-y: hidden;
  background-color: transparent;
  padding: 1rem 0 1rem;
  grid-column: main;
}
.ptr-featured-stories .ptr-featured-stories__content {
  position: relative;
  z-index: 10;
  grid-row: main;
}
.ptr-featured-stories .ptr-featured-stories__content > * + * {
  margin-top: 1.5rem;
}
@media (min-width: 576px) {
  .ptr-featured-stories .ptr-featured-stories__content {
    grid-column: 2 col/span 10;
  }
}
.ptr-featured-stories .miz-card--inline.miz-news-card--featured {
  gap: 0;
}

.ptr-trending-stories--container {
  padding: 0 1.5rem 1.5rem;
  border-left: 2px solid rgb(152, 152, 152);
}
.ptr-trending-stories--container .ptr-trending-stories--container__title {
  font-family: "Manuka";
  font-size: 2.986rem;
}

.ptr-news-listing {
  display: grid;
  gap: 1rem;
}

.single-format-video .miz-main-grid {
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}

.ptr-single-post--video {
  padding: 1.5rem 0;
}
.ptr-single-post--video .miz-container {
  padding-bottom: 2rem;
  border-bottom: 1px solid rgb(253, 184, 25);
  display: grid;
  gap: 0.75rem 1.5rem;
  grid-template-areas: "article-video" "article-category" "article-title" "article-date" "article-description";
}
@media (min-width: 768px) {
  .ptr-single-post--video .miz-container {
    grid-template-columns: 25% 50% 1fr;
    grid-template-areas: "article-video article-video article-video" "article-category article-description ." "article-title article-description ." "article-date article-description .";
  }
}
.ptr-single-post--video .ptr-article__title {
  font-family: Martina Plantijn;
  grid-area: article-title;
}
.ptr-single-post--video .ptr-article__category {
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 700;
  grid-area: article-category;
}
.ptr-single-post--video .ptr-article__description {
  grid-area: article-description;
}
.ptr-single-post--video .ptr-article__date {
  font-weight: 700;
  grid-area: article-date;
}
.ptr-single-post--video .ptr-single-post--video__media--video {
  aspect-ratio: 16/9;
  position: relative;
  width: 100%;
  grid-area: article-video;
}
.ptr-single-post--video .ptr-single-post--video__media--video .ptr-single-post--video__video {
  position: absolute;
  height: 100%;
  width: 100%;
  inset: 0;
}