@if $useBlogComponent == true {
  .Blog {
    @extend .align-center-y;
    @extend .direction-y;
    @extend .nowrap-items;
    @extend .pad-20-y;
    @extend .pad-10-x;
    > * {
      @extend .mar-10-b;
      @extend .mar-0-last;
    }
    &.inline {
      flex-flow: row wrap;
      > .fca-blog-content {
        display: block;
        @extend .mar-15-l;
      }
      > * {
        margin-bottom: 0;
      }
    }
  }

  .blog-photo {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
  }
  .blog-content {
    @extend .align-center-x;
  }
  .blog-title {
    @extend .fw-700;
  }
  .blog-body {
    @extend .text-center;
  }
}
