.event__header {
  margin-bottom: 2rem;
}
.event-form__title {
  font-size: 2.5rem;
  line-height: 1;
  font-weight: 500;
  min-height: 55px;
}
.event_edit__button {
  position: absolute;
  top: 0;
  right: 0;
}

.user-info {
  margin-top: 5px;
}

.user-name {
  font-weight: bold;
}
.user-job {
  font-style: italic;
  margin-bottom: 0;
}
.user-contact,
.user-quote {
  margin-bottom: 5px;
}

.profile-card .card {
  background: transparent;
  margin-bottom: 30px;
  transition: .5s;
  border: 1px dashed lightgray;
  border-radius: .1875rem;
  display: inline-block;
  position: relative;
  width: 100%;
  box-shadow: none;
}

.profile-card .card .body {
  font-size: 14px;
  color: #424242;
  padding: 20px;
  font-weight: 400;
}

.profile-card .profile-header {
  position: relative
}

.profile-card .profile-header .profile-image img {
  border-radius: 50%;
  width: 140px;
}

.profile-card .profile-header .contact-icons a {
  margin: 0 5px
}

.profile-card .bubble {
  color: black;
  box-shadow: 
    -8px -8px 20px #fff9, 
    -6px -6px 6px #fff9,
    8px 8px 20px #0001, 
    5px 5px 6px #0001, 
    inset 0px 0px 0px #fff9,
    inset 0px 0px 0px #0001, 
    inset 0px 0px 0px #fff9,
    inset 0px 0px 0px #0001;
  font-size: 1.2em;
  line-height: 1.4;
  border-radius: 10px;
  padding: 20px 20px;
  margin: 20px 30px 0px 30px;
  position: relative;
  border-left: 10px solid limegreen;
}

.profile-card .bubble p {
  margin-bottom: 8px;
}

.profile-card .bubble p::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -30px;
  left: 20px;
  border-width: 30px 0 0 30px;
  border-style: solid;
  border-color: var(--color-background) transparent;
  width: 2px;
  border-radius: 0 0 40px 0;
}

.event-menu-bar {
  background-color: rgb(237, 236, 236);
  border-radius: 32px;
  padding: 5px;
}

.event-menu-bar > .nav-item > .nav-link.active {
  background-color: var(--bs-border-color);
  font-weight: bold;
  border-radius: 32px;
  color: black;
}