.post .post-tags li {
  display: inline; }
.post .hero-background {
  background: linear-gradient(to left, #65c9b7, #a0bfd5 33%, #b19ace 100%);
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  min-height: 450px;
  padding: 2em 0 5em; }
  .post .hero-background .display-1 {
    line-height: 1.1;
    margin-bottom: 0;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; }
  .post .hero-background .selected-category {
    font-weight: 100;
    margin-top: 5px; }
.post .post-date,
.post .author-title {
  font-size: 13px;
  color: #c1c3c6;
  font-weight: 100; }
.post a.post-title {
  color: black; }
  .post a.post-title:hover, .post a.post-title:focus {
    color: #1ed760; }
.post article {
  margin: 0 auto;
  padding: 35px 1em 30px; }
  .post article .author {
    display: flex;
    margin-bottom: 2em; }
    .post article .author .author-avatar {
      background-size: contain;
      background-color: #c1c3c6;
      border-radius: 100%;
      height: 60px;
      width: 60px; }
    .post article .author .author-details {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-left: 1em; }
    .post article .author h3 {
      margin: 0; }
    .post article .author .author-title {
      margin: 0; }
  .post article h4 {
    font-weight: 800; }
  .post article .btn {
    margin-bottom: 15px; }
.post hr {
  border-color: #c1c3c6;
  margin-bottom: 0; }
  .post hr:last-of-type {
    display: none; }
@media (min-width: 768px) {
  .post article,
  .post .related-posts {
    max-width: 650px; }
  .post article {
    padding: 3em 1em 4.5em; } }
@media (max-width: 1199px) {
  .post .hero-background {
    min-height: auto; } }
@media (max-width: 991px) {
  .post .hero-background .display-1 {
    padding-top: 15px; }
  .post .hero-background .display-1,
  .post .hero-background .selected-category,
  .post .hero-background .showcase-description {
    padding: 0 28px; }
  .post .post-content,
  .post .post-header {
    padding: 0; } }

.related-posts {
  display: flex; }
  @media (min-width: 768px) {
    .related-posts {
      display: flex; }
      .related-posts section:first-of-type {
        padding-right: 2em; }
      .related-posts section:last-of-type {
        padding-left: 2em; } }
  .related-posts section {
    flex: 1; }
    .related-posts section:first-of-type {
      padding: 1em 1em 1em 0;
      text-align: right; }
    .related-posts section:last-of-type {
      padding: 1em 0 1em 1em; }
    .related-posts section h4 {
      font-weight: 700;
      margin: 10px 0; }
    .related-posts section .post-date {
      margin-top: 3px; }
  .related-posts .vertical-divider {
    height: inherit; }

.post .post-date {
  margin-bottom: 15px !important;
  margin-top: 30px !important;
}

.post .author-details h5 {
  font-size: 16px;
  margin-top: 12px;
  margin-bottom: 12px;
  font-weight: 900;
  line-height: 1.1;
}

.post a {
  transition: 0.1s ease;
  word-wrap: break-word;
  color: #1db954;
  text-decoration: none;
}

article.post {
  font-family: Circular,Helvetica,Arial,sans-serif;
  font-weight: 100;
  font-size: 16px;
  line-height: 1.5;
  color: #222326;
  padding-left: 45px;
  padding-top: 0;
}

.related-posts .vertical-divider {
  height: inherit;
  background-color: #c1c3c6;
  height: 100px;
  margin: 18px 0 35px;
  width: 1px;
}

.related-posts .previous-post::before {
  content: url('../images/arrow.svg');
  color: #1db954;
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}

.related-posts .next-post::after {
  content: url('../images/arrow.svg');
  color: #1db954;
  margin-left: 15px;
  display: inline-block;
  transform: rotate(180deg);
  vertical-align: text-bottom;
}