@use "sass:color";

.event {
  .post-header {
    h3,
    a {
      margin: 0;
    }
    h2 {
      display: inline-block;
      align-items: flex-start;

      small {
        display: inline;
        vertical-align: super;
        font-size: var(--size-14);
        white-space: nowrap;
      }
    }
  }

  .post-content {
    h3 {
      font-weight: bold;
    }
  }
  .details {
    small {
      color: rgba(var(--colour-graphite), 0.6);
    }

    p,
    a {
      margin-bottom: 0;
      line-height: 1;
    }

    h3 {
      font-weight: bold;
    }

    @include touch {
      div::last-of-type {
        margin: 0;
      }
    }
  }
}
