.c-post {

}

.c-post__title-row {
  padding: space(4) 0 space(6);
}

.c-post__title {
  //color: white;
  color: palette(secondary, 700);
  @include font-size(xl);
  text-align: center;

  @include mq(600) {
    @include font-size(xxl);
  }
}

.c-post__date {

  display: block;
  width: 234px;
  margin: space(4) auto 0;
  padding: space(0.5) space(1);
  background-color: palette(neutral, 200);
  border-radius: 4px;

  strong {
    @include font-size(s);
    @include font-weight(extra-bold);
    text-transform: uppercase;
    vertical-align: baseline;
    margin-right: space(2);
  }

  time {
    vertical-align: baseline;
  }
}

.c-post__back {
  text-align: center;
  margin-bottom: space(2);
}

.c-post__image {
  max-width: 800px;
  margin-top: -15vw;
  margin-bottom: 64px;

  @include mq(550, 1400) {
    margin-top: -9vw;
  }

  @include mq(1400) {
    margin-top: -7vw;
  }
}

.c-post__components {
  margin-bottom: 100px;

  .l-contain {
    max-width: 960px;
  }
}

.c-post__components--no-image {
  padding-top: 32px;
}