.event-card,
.event-detail {
  position: relative;
}
.event-card[data-status="draft"],
.event-detail[data-status="draft"] {
  outline: 2px dashed #ffa500;
}
.event-card[data-status="draft"]:after,
.event-detail[data-status="draft"]:after {
  content: attr(data-label);
  position: absolute;
  right: -2px;
  top: -2px;
  background-color: #ffa500;
  padding: 0.5em 1em;
  color: #ffffff;
}
.events-list-widget .event-form-fields {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.events-list-widget .event-form-fields .event-form-field {
  flex-grow: 1;
  width: 300px;
}
.events-list-widget .event-form-fields .event-form-field .btn-toolbar {
  margin-bottom: 15px;
}
.events-list-widget .list-view > .item > .event-card {
  display: flex !important;
}
.events-list-widget .list-view > .item > .event-card .teaser-image-container {
  position: relative;
  width: 20%;
  height: 0;
  padding-bottom: 20%;
  margin-right: 30px;
}
.events-list-widget .list-view > .item > .event-card .teaser-image-container .teaser-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 768px) {
  .events-list-widget .list-view > .item > .event-card .teaser-image-container {
    display: none;
  }
}
/*# sourceMappingURL=main.css.map */