.blogger.blog_layout_sidebar {
  display: flex;
  flex-direction: column;
  gap: 16px;
  .item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e5e5e5;
    margin: 0;
    .post-header {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
      img {
        object-fit: contain;
      }
      .content {
        grid-column: 2 / 4;
        display: flex;
        flex-direction: column;
        gap: 4px;
        .post-date {
          line-height: 20px;
        }
        .locations {
          display: flex;
          flex-direction: column;
          padding-top: 12px;
          gap: 4px;
          .location {
            display: flex;
            align-items: center;
            gap: 4px;
            font-size: 12px;
            line-height: 16px;
          }
        }
      }
      .content:first-child {
        grid-column: 1 / 4;
      }
    }
    .teaser {
      font-size: 12px;
      line-height: 16px;
      margin: 0 !important;
    }
    .meta.meta_more {
      margin-top: 8px;
      .ribbon {
        color: black;
        background-color: #f9a053;
      }
    }
  }
}