.event-banner {
  background: var(--clr-secondary);
  border-radius: 0 0 0 80px;
  position: relative;
  padding: 2.5rem 0 2rem 0;
  overflow: hidden;
}
.event-banner h3, .event-banner .lead {
  color: #fff;
}
.event-banner .title-with-line {
  position: relative;
  display: inline-block;
  text-align: left;
  font-family: var(--font-coheadline, sans-serif);
}
.event-banner .title-with-line h3 {
  position: relative;
  z-index: 1;
  white-space: normal;
}
.event-banner .line-grow {
  height: 2px;
  background-color: red;
  flex-grow: 1;
  margin-right: -10vw;
  max-width: none;
}
@media (max-width: 767.98px) {
  .event-banner .line-grow {
    margin-right: 0;
  }
}
.event-banner .btn-align {
  text-align: left;
}
@media (max-width: 767.98px) {
  .event-banner .btn-align {
    text-align: right;
  }
}
@media (max-width: 768px) {
  .event-banner {
    border-radius: 0 0 0 80px;
    padding: 1.5rem 0 1rem 0;
  }
  .event-banner h3 {
    font-size: 1.25rem;
  }
  .event-banner .lead {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}
.element.elementeventbanner.space-top {
  margin-top: -1px !important;
  padding-top: 0 !important;
}
.element.elementeventbanner.space-bottom {
  margin-bottom: -1px !important;
  padding-bottom: 0 !important;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fheimattage%2Fscss%2Fcomponents%2F_eventbanner.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOE%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAACE%3BAAAA%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAIA%3BAACE%3BAAAA%3BAAAA%3BAAAA%3BAAOJ%3BAACE%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOJ%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%22%7D */