.event-card {
  display: inline-block;
  width: 285px;
  min-height: calc(257px + 12.5em);
  margin: 10px;
  background-color: #18A63A;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.14);
  position: relative;
}
@media (max-width: 767px) {
  .event-card {
    min-height: calc(202px + 11.5em);
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1204px) {
  .related-event-collection:not(.WithSlider) .event-card {
    width: calc(33% - 20px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .related-event-collection:not(.WithSlider) .event-card {
    width: calc(50% - 20px);
  }
}
@media (max-width: 767px) {
  .related-event-collection:not(.WithSlider) .event-card {
    width: 100%;
  }
}
.font-size-xl .event-card .event-card-text .location [class^=icon-], .font-size-xl .event-card .event-card-text .location [class*=" icon-"] {
  font-size: 1em;
}
.high-contrast .event-card .event-card-controls .icon-bookmark, .high-contrast .event-card .event-card-controls .icon-bookmark-bg {
  background-color: #424242;
}
.event-card .event-card-link {
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
}
.event-card .event-card-link:hover .event-card-image img {
  transform: translate(-50%, -50%) scale(1.1);
  transition: all 0.25s linear;
}
.event-card .event-card-link:hover .event-card-image::after {
  background-color: rgba(255, 255, 255, 0.35);
  transition: all 0.25s linear;
}
.event-card .event-card-link .event-card-image {
  width: 100%;
  height: 257px;
  position: relative;
  overflow: hidden;
}
.event-card .event-card-link .event-card-image::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.25s linear;
}
@media (max-width: 767px) {
  .event-card .event-card-link .event-card-image {
    height: 202px;
  }
}
.event-card .event-card-link .event-card-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.25s linear;
  display: none;
}
.event-card .event-card-link .event-card-text {
  width: 100%;
  height: auto;
  min-height: 12.5em;
  padding: 16px 20px 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.event-card .event-card-link .event-card-text .date-and-time {
  margin-bottom: 8px;
}
.event-card .event-card-link .event-card-text .date-and-time .time, .event-card .event-card-link .event-card-text .date-and-time .date {
  font-size: 1em;
}
@media (max-width: 767px) {
  .event-card .event-card-link .event-card-text {
    min-height: 11.5em;
  }
  .event-card .event-card-link .event-card-text .big-text {
    font-size: 1em;
  }
}
.event-card .event-card-link .event-card-text * {
  color: #FFFFFF;
}
.event-card .event-card-link .event-card-text .divider {
  display: inline-block;
  width: 1px;
  height: 0.8em;
  margin: 0 0.5em;
  background-color: #FFFFFF;
  position: relative;
  top: 0.1em;
}
.event-card .event-card-link .event-card-text .location-container {
  display: flex;
  align-items: center;
}
.event-card .event-card-link .event-card-text .location-container [class^=icon-], .event-card .event-card-link .event-card-text .location-container [class*=" icon-"] {
  font-size: 1.333em;
}
.event-card .event-card-link .event-card-text .location-container span.location {
  font-size: 1em;
  margin-right: 4px;
}
.ltr .event-card .event-card-link .event-card-text .location-container span.location {
  margin: 0 0 0 4px;
}
.event-card .event-card-controls {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.event-card .event-card-controls [class^=icon-], .event-card .event-card-controls [class*=" icon-"] {
  font-size: 1.2em;
  padding: 0.25em;
  border-radius: 50%;
  position: absolute;
  top: 8px;
}
.event-card .event-card-controls .icon-lock {
  color: #424242;
  background-color: #FFFFFF;
  top: 11px;
  right: 11px;
}
.event-card .event-card-controls .add-bookmark {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  position: absolute;
  top: 8px;
  left: 8px;
}
.event-card .event-card-controls .add-bookmark:not(.bookmark-active):hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.font-size-medium .event-card .event-card-controls .add-bookmark img, .font-size-large .event-card .event-card-controls .add-bookmark img, .font-size-xl .event-card .event-card-controls .add-bookmark img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.event-card .event-card-controls .add-bookmark img:nth-child(1) {
  display: block;
}
.event-card .event-card-controls .add-bookmark img:nth-child(2) {
  display: none;
}
.event-card .event-card-controls .add-bookmark.bookmark-active img:nth-child(1) {
  display: none;
}
.event-card .event-card-controls .add-bookmark.bookmark-active img:nth-child(2) {
  display: block;
}
.event-card .event-card-controls .add-bookmark.bookmark-active:hover {
  background-color: transparent;
}