/* #region bootstrap colors / theme colors */
/* #endregion */
/* #region bootstrap color tints */
/* #endregion */
.blog-display {
  /* Homepage Blog, Science Blog (not Lab), & Default Blog display 4 cards on desktop */
  /* Bio Blog (Displays 3 Cards on Desktop) */
  /* Lab Blog (Displays 2 Cards on Desktop) */
  /*
  &.combined-blog {
    @include media-breakpoint-up(md) {
      .card-group {
        .card {
          @include flex(0 1 calc(33% - 1.25rem));
          margin-bottom: $grid-base;
        }
      }
    }
  }

  &.bio-blog {
    .card-subtitle {
      font-size: 1.25rem;
      line-height: 1.5;
    }
  }*/
}
.blog-display h2 {
  margin-bottom: 0.3125rem;
}
.blog-display .cch-card-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 1.875rem;
  margin: 0;
}
@media (min-width: 48rem) {
  .blog-display .cch-card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 62rem) {
  .blog-display .cch-card-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.blog-display .cch-card-grid .card {
  margin: 0;
  max-width: unset;
  padding: 0;
  width: 100%;
}
@media (min-width: 62rem) {
  .blog-display.bio-blog .cch-card-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 62rem) {
  .blog-display.lab-blog .cch-card-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.blog-display .badge {
  display: flex;
  flex-flow: row nowrap;
  margin: 0;
  padding: 0;
  line-height: 2.5;
}
.blog-display .badge span {
  display: block;
  padding: 0 0.625rem;
}
.blog-display .badge span.title-label {
  background-color: rgba(0, 0, 0, 0.4);
}
.blog-display .badge span.title-category {
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog-display .badge + .card-title {
  margin-top: 0.625rem;
}
.blog-display .card-title {
  margin: 0.625rem 0 0.3125rem;
  font-size: 1rem;
  font-weight: 600;
  color: #565a5c;
}
.blog-display .card-body {
  padding: 0;
}
.blog-display .card-link {
  color: inherit;
}
.blog-display .entry-data {
  margin-bottom: 0.625rem;
  font-size: 0.875rem;
}
.blog-display .entry-data .data {
  display: block;
}
.blog-display .entry-data .blog-author {
  display: inline;
}
.blog-display .blog-link {
  text-align: right;
}
.row .blog-display .container {
  padding: 0;
}
.blog-display .collapse {
  position: relative;
  position: relative;
  overflow: hidden;
}
.blog-display .collapse::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  height: 4rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 0.8rem, #fff 3.4rem);
}
.blog-display .collapse.show:after {
  background: none;
}
.blog-display .collapse.cch-card-grid {
  min-height: 62rem;
}
.blog-display .collapse.cch-card-grid.collapsing {
  height: 62rem;
}
.blog-display .collapse.cch-card-grid:not(.show) {
  height: 62rem !important;
  overflow: hidden;
}
@media (min-width: 48rem) {
  .blog-display .collapse.cch-card-grid {
    min-height: 22.5rem;
  }
  .blog-display .collapse.cch-card-grid.collapsing {
    height: 22.5rem;
  }
  .blog-display .collapse.cch-card-grid:not(.show) {
    height: 22.5rem !important;
  }
}
.blog-display .reveal-trigger {
  display: block;
  position: relative;
  top: -2.5rem;
  padding-top: 3.125rem;
  background: #fff;
  background: linear-gradient(0deg, white 50%, rgba(255, 255, 255, 0) 100%);
}
.blog-display.science-blog .card-link {
  color: #00738c;
}
@media (min-width: 62rem) {
  .blog-display.lab-blog .row > .col {
    width: 33.3333333333%;
  }
}

/* Has 3-Column Layout (Displays 2 Cards on Desktop) */
@media (min-width: 62rem) {
  .column-group.has-3 .blog-display .cch-card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/actions-runner/_work/ws.dotorg/ws.dotorg/CCHMC.Web.MVC/includes/stylesheets/org/01-abstracts/_var-bootstrap-reset.scss%22,%22file:///C:/actions-runner/_work/ws.dotorg/ws.dotorg/CCHMC.Web.MVC/includes/stylesheets/org/10-lazyload/blog.scss%22,%22file:///C:/actions-runner/_work/ws.dotorg/ws.dotorg/CCHMC.Web.MVC/includes/stylesheets/libs/bootstrap5/mixins/_breakpoints.scss%22,%22file:///C:/actions-runner/_work/ws.dotorg/ws.dotorg/CCHMC.Web.MVC/includes/stylesheets/org/01-abstracts/_mx-flexbox.scss%22,%22file:///C:/actions-runner/_work/ws.dotorg/ws.dotorg/CCHMC.Web.MVC/includes/stylesheets/org/01-abstracts/_mx-fade-reveal.scss%22,%22file:///C:/actions-runner/_work/ws.dotorg/ws.dotorg/CCHMC.Web.MVC/includes/stylesheets/org/01-abstracts/_var-spacing.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AA4CA;AAuFA;AAGA;AAoGA;AC7NA;AAIE;AAuBA;AAUA;AA+HA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAnKA;EACE,eD4boB;;ACzbtB;EACE;EACA;EACA,UD0boB;ECzbpB;;ACyCA;ED7CF;IAOI;;;ACsCF;ED7CF;IAWI;;;AAGF;EACE;EACA;EACA;EACA;;AC2BF;EDpBA;IAGI;;;ACiBJ;EDVA;IAGI;;;AAKN;EEpCA;EA4BA,WFUqB;EACnB;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE,YD0LG;;ACtLP;EACE;EACA,WD+T0B;EC9T1B;EACA,OD5EY;;AC+Ed;EACE;;AAGF;EACE;;AAGF;EACE,eDsKK;ECrKL,WDkT0B;;AChT1B;EACE;;AAGF;EACE;;AAIJ;EACE;;AAIA;EACE;;AAIJ;EG9GA;EHgHE;EACA;;AG/GF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,QAlBgB;EAmBhB;;AH0GE;EACE;;AAIJ;EACE,YA/HmB;;AAiInB;EACE,QAlIiB;;AAqInB;EACE;EACA;;AClFJ;EDyEA;IAaI,YA1IU;;EA4IV;IACE,QA7IQ;;EAgJV;IACE;;;AAMR;EACE;EACA;EACA;EACA;EACA,YD3JY;EC4JZ;;AAIA;EACE,ODxHU;;AEUZ;EDwII;IACE,OIhMM;;;;AJuMhB;AChJI;EDoJA;IAGI%22%7D */