.blocks__latest-episode {
  padding: 30px 0 50px 0;
  .title {
    h2 {
      font-family: "Roboto";
      font-size: 28px;
      font-weight: 300;
      line-height: normal;
      letter-spacing: 0.33px;
      color: #111111;
      margin: 0 0 20px 0;
    }
  }
  .grid {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    .grid__item {
      &:first-child {
        flex-basis: calc(40% - 15px);
      }
      &:last-child {
        flex-basis: 60%;
      }
      img {
        width: 100%;
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.5);
      }
      a {
        h3 {
          font-family: "Roboto";
          font-size: 24px;
          font-weight: 500;
          line-height: normal;
          letter-spacing: 0.25px;
          color: #111111;
          margin: 0 0 5px 0;
          &.hovered,
          &:hover {
            color: #666 !important;
          }
        }
      }
      .date__block {
        font-family: "Roboto Slab";
        font-size: 14px;
        line-height: normal;
        color: #666666;
        margin-bottom: 10px;
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        align-items: center;
        .categories {
          display: flex;
          gap: 6px;
          a {
            font-family: "Roboto";
            font-size: 14px;
            font-weight: 500;
            line-height: normal;
            color: #006482;
            text-decoration: underline;
            &:hover {
              text-decoration-thickness: 2px;
            }
          }
        }
        .feature__divider {
          height: 15px;
          border-right: 1px solid #a1a1a1;
          margin: 0px 2px;
        }
      }
      .post__author {
        h4 {
          font-family: "Roboto";
          font-size: 14px;
          font-weight: normal;
          line-height: normal;
          letter-spacing: 0.15px;
          color: #111111;
          margin: 0 0 30px 0;
          a {
            color: #006482;
            font-weight: 500;
            text-decoration: underline;
            &:hover {
              text-decoration-thickness: 2px;
            }
          }
        }
      }
      .post__description {
        position: relative;
        margin-bottom: 21px;
        p {
          font-family: "Roboto";
          font-size: 16px;
          font-weight: normal;
          line-height: normal;
          letter-spacing: 0.25px;
          color: #111111;
          margin: 0;
        }
      }
    }
  }
}
@media screen and (max-width: 991px) {
  .blocks__latest-episode {
    .grid {
      .grid__item {
        &:first-child,
        &:last-child {
          flex-basis: 100%;
        }
        &:first-child {
          margin-bottom: 20px;
        }
      }
    }
  }
}