@import url("https://fonts.googleapis.com/css?family=Sarabun:200,300,400,600,700,800&display=swap");
.post-card {
  background-color: #ffffff; }
  .post-card__link {
    display: block; }
  .post-card__tag {
    text-transform: uppercase;
    display: inline-block;
    padding: 14px 20px;
    font-size: 1.25rem;
    font-weight: 800;
    color: #ffffff;
    line-height: 1;
    position: absolute;
    left: 30px;
    top: -24px; }
    .post-card__tag[data-bg="orange"] {
      background-color: #fd8204; }
    .post-card__tag[data-bg="purple"] {
      background-color: #87319a; }
    .post-card__tag[data-bg="green"] {
      background-color: #74a333; }
    .post-card__tag[data-bg="blue"] {
      background-color: #0083c2; }
    .post-card__tag[data-bg="pink"] {
      background-color: #d51067; }
    .post-card__tag[data-bg="teal"] {
      background-color: #0099a8; }
    .post-card__tag[data-bg="yellow"] {
      background-color: #ffb718; }
    .post-card__tag[data-bg="white"] {
      background-color: #ffffff; }
    .post-card__tag[data-bg="gray"] {
      background-color: #666666; }
    .post-card__tag[data-bg="dark-gray"] {
      background-color: #5d6166; }
    .post-card__tag[data-bg="light-gray"] {
      background-color: #f0f0f0; }
  .post-card__content {
    position: relative;
    padding: 40px 30px 30px;
    color: #5d6166; }
    .post-card__content p:last-child {
      margin: 0; }
    .blog .post-card__content {
      padding: 40px 30px 30px; }
  .post-card__heading {
    margin: 0 0 15px;
    font-size: 1.6875rem;
    font-weight: 800;
    letter-spacing: .25px;
    line-height: 1.2; }
  .post-card__description {
    font-size: 1.125rem;
    font-weight: 300; }
  .post-card--featured {
    margin: 65px 0 0; }
    @media (min-width: 769px) {
      .post-card--featured .post-card__link {
        display: flex; } }
    @media (min-width: 769px) {
      .post-card--featured .post-card__tag {
        position: relative;
        left: initial;
        top: initial;
        margin: 0 0 40px; } }
    .post-card--featured .post-card__heading {
      font-size: 2rem; }
      @media (min-width: 1026px) {
        .post-card--featured .post-card__heading {
          font-size: 2.5rem; } }
    .post-card--featured .post-card__image {
      height: initial; }
      @media (min-width: 769px) {
        .post-card--featured .post-card__image {
          width: 50%; } }
      @media (min-width: 1026px) {
        .post-card--featured .post-card__image {
          width: 68%; } }
    @media (min-width: 769px) {
      .post-card--featured .post-card__content {
        width: 50%;
        padding: 30px 40px 10px 30px; } }
    @media (min-width: 1026px) {
      .post-card--featured .post-card__content {
        width: 32%; } }

/*# sourceMappingURL=post_card.css.map */