// Events box from ot_widgets
.ot-events {
  margin: 1em 0;
}

.ot-events .event-card {
  @include flex;
  flex-direction: row;
  margin-bottom: 0.5em;
}

.ot-events .event-card > .event-poster {
  flex: 1;
  @include flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.ot-events .event-card > .event-poster img {
  margin: auto;
  width: 75%;
  height: auto;
}

.ot-events .event-card > .event-summary {
  flex: 2;
  @include flex;
  flex-direction: column;
  padding: 0.3em;
}

.ot-events .event-card > .event-summary .event-name {
  font-weight: bold;
  color: #393939;
}

.ot-events .event-card > .event-summary .event-date {
  color: #666;
}

.ot-events .event-card > .event-summary .event-see {
}

.ot-events .no-events p {
  padding: 1em;
}
