.kickr-bios .bio-categories {
  list-style: none;
  margin: 0 0 2.5rem;
  padding: 0; }
  .kickr-bios .bio-categories.loading {
    opacity: 0.6;
    pointer-events: none; }
  .kickr-bios .bio-categories li {
    margin-right: 1rem;
    margin-bottom: 0.5rem;
    display: inline-block; }
  .kickr-bios .bio-categories button {
    background-color: rgba(238, 238, 238, 0);
    border: 1px solid rgba(238, 238, 238, 0.25);
    font-size: 1rem;
    padding: 0.75rem 1.5rem;
    color: #FCFCFC;
    border-radius: 0.625rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 1.2; }
    .kickr-bios .bio-categories button.active, .kickr-bios .bio-categories button:active, .kickr-bios .bio-categories button:focus, .kickr-bios .bio-categories button:hover {
      background-color: rgba(238, 238, 238, 0.15);
      border-color: rgba(238, 238, 238, 0.25); }

.kickr-bios .no-results {
  display: none; }

.kickr-bios .bio-thumbs {
  display: grid;
  border-radius: 0.625rem;
  overflow: hidden;
  margin-bottom: 12rem; }
  @media (min-width: 30rem) {
    .kickr-bios .bio-thumbs {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 45rem) {
    .kickr-bios .bio-thumbs {
      grid-template-columns: repeat(3, 1fr); } }
  @media (min-width: 70rem) {
    .kickr-bios .bio-thumbs {
      grid-template-columns: repeat(5, 1fr); } }
  .kickr-bios .bio-thumbs a {
    aspect-ratio: 1 / 1;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background: #EEEEEE;
    overflow: hidden;
    padding: 0;
    margin: 0;
    position: relative;
    display: block; }
  .kickr-bios .bio-thumbs .bio-image,
  .kickr-bios .bio-thumbs .hover-image {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center; }
  .kickr-bios .bio-thumbs .bio-image {
    -webkit-filter: saturate(0);
    filter: saturate(0); }
  .kickr-bios .bio-thumbs .hover-image {
    position: absolute;
    top: 0;
    left: 0;
    display: none; }
  .kickr-bios .bio-thumbs .overlay-text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#0c0c0c), color-stop(50%, rgba(12, 12, 12, 0.2)), to(rgba(12, 12, 12, 0)));
    background-image: linear-gradient(to top, #0c0c0c 0%, rgba(12, 12, 12, 0.2) 50%, rgba(12, 12, 12, 0) 100%);
    color: #FCFCFC;
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 1rem;
    opacity: 0;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease; }
  .kickr-bios .bio-thumbs a:hover .hover-image,
  .kickr-bios .bio-thumbs a:focus .hover-image,
  .kickr-bios .bio-thumbs a:active .hover-image {
    display: block; }
  .kickr-bios .bio-thumbs a:hover .overlay-text,
  .kickr-bios .bio-thumbs a:focus .overlay-text,
  .kickr-bios .bio-thumbs a:active .overlay-text {
    opacity: 1; }

.kickr-bios .single-bio {
  margin-bottom: 6rem; }
  @media (min-width: 45rem) {
    .kickr-bios .single-bio {
      display: grid;
      grid-template-columns: 300px auto; } }
  @media (min-width: 70rem) {
    .kickr-bios .single-bio {
      grid-template-columns: 395px auto; } }
  .kickr-bios .single-bio .image-column {
    overflow: hidden;
    border-radius: 0.625rem;
    aspect-ratio: 1 / 1;
    margin-bottom: 1.5rem;
    max-width: 395px; }
    .kickr-bios .single-bio .image-column .bio-image {
      width: calc(100% + 3px);
      height: calc(100% + 3px);
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center;
      -webkit-filter: saturate(0);
      filter: saturate(0); }
  @media (min-width: 45rem) {
    .kickr-bios .single-bio .content-column {
      padding-left: 3.5rem; } }
  .kickr-bios .single-bio .content-column .topics {
    list-style: none;
    margin: 0;
    padding: 0; }
    .kickr-bios .single-bio .content-column .topics li {
      margin-bottom: 1.125rem; }
      .kickr-bios .single-bio .content-column .topics li span {
        color: #FE5000; }