.it-calendar-wrapper {
  .it-header-block-title {
    background-color: $primary;
    color: $white;
    padding: 0.5em 0;
    border-radius: 4px 4px 0 0;
  }

  .card-wrapper {
    padding: 0;
  }

  .card {
    .card-title,
    .card-text {
      border-bottom: 1px solid $color-border-subtle;
      padding-bottom: 16px;
    }

    .card-body {
      .card-title {
        font-family: $font-family-sans-serif;
        font-size: 3rem;
        font-weight: 400;
        padding-top: 16px;

        span {
          font-size: 0.3em;
          display: block;
          padding-top: 1em;
          padding-left: 1em;
          font-family: $font-family-monospace;
        }
      }
    }

    .card-text {
      a {
        text-decoration: none;
        color: $color-text-base;
        font-family: $font-family-sans-serif;
        font-size: $link-list-font-size-l;

        &:hover {
          text-decoration: underline;
          color: $link-color;
        }
      }
    }
  }
}