.event-block {
  position: relative;
  width: 100%;
  padding: 0 $half-gutter;
  margin: 75px 0;

  @include sm {
    padding: 0;
    margin: 0 0 50px;
  }

  &__wrapper {
    width: 100%;
    max-width: $max-width;
    padding: 0 $half-gutter;
    margin: 0 auto;

    @include sm {
      padding: 0;
    }
  }

  &__container {
    width: 100%;
    min-height: 400px;
    position: relative;
    overflow: hidden;

    @include sm {
      overflow: unset;
    }
  }

  &__background {
    background-color: $gray-bluish;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
    top: 50px;
    left: 85px;

    @include md {
      left: 45px;
    }

    @include sm {
      display: none;
    }
  }

  &__image-container {
    width: 100%;
    max-width: 800px;
    height: 100%;
    max-height: 490px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    @include md {
      max-width: 600px;
      max-height: 367px;
    }

    @include sm {
      position: relative;
      max-height: unset;
      max-width: 100%;
      padding: 0 $gutter;
      transform: translateY(50px);
    }

    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
  }

  &__info-wrapper {
    z-index: 2;
    position: relative;
    width: 100%;
    max-width: 785px;
    min-height: 450px;
    background-color: rgba($color: $gray-bluish, $alpha: 0.9);
    padding: 24px 89px 48px;
    margin: 50px 0 0 auto;

    @include md {
      max-width: 585px;
    }

    @include sm {
      margin: 0;
      max-width: unset;
      padding: 80px 50px 40px;
    }
  }

  &__info-container {
    width: 100%;
    max-width: 455px;

    @include sm {
      max-width: 100%;
    }
  }

  &__subject {
    font-weight: 400;
    margin-bottom: 60px;
    margin-top: 0;
    color: $primary-color;

    @include sm {
      font-size: 2.1rem;
      margin-bottom: 40px;
    }
  }

  &__title {
    margin-bottom: 8px;

    @include sm {
      font-size: 2.6rem;
      line-height: 3rem;
    }
  }

  &__subtitle {
    margin-bottom: 24px;
    color: $secondary-color;
    font-size: 1.5rem;
    line-height: 2.1rem;
    font-weight: 700;
    display: block;

    @include sm {
      font-size: 1.6rem;
      line-height: 2.2rem;
      margin-bottom: 16px;
    }
  }

  &__cta-container {
    margin-bottom: 48px;

    @include sm {
      margin-bottom: 32px;
    }

    .std-button {
      padding: 0 40px;
    }
  }

  &__content-container {
    color: $primary-color;

    & > *:first-child {
      margin-top: 0;
    }

    & > *:last-child {
      margin-bottom: 0;
    }
  }
}