.event-item {
  display:flex;
  height:290px;
  width:100%;
  max-width:350px;
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
  position:relative;
}
.event-item .event-item-figure-link {
  display:block;
  height:160px;
  width:100%;
  overflow:hidden;
  position:relative;
  flex:0 0 auto;
  transition:height 0.3s ease-out;
}
.event-item .event-item-figure-link .event-item-figure {
  position:relative;
  transform:translate(0,-10px);
  transition:transform 0.3s ease-out;
}
.event-item .event-item-figure-link .event-item-figure img {
  transform:scale(1);
  transition:transform 0.5s ease-out;
  will-change:transform;
  width:100%;
  max-width:none;
  height:auto;
}
.event-item .event-item-figure-link:after {
  content:'';
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:rgba(4,4,24,0.3);
  opacity:0;
  transition:opacity 0.3s ease-out;
}
.event-item > .inner {
  position:relative;
  background-color:#ffffff;
  color:#040418;
  padding:0;
  height:100%;
  width:100%;
  flex:1 1 auto;
}
.event-item .event-item-link {
  display:block;
  padding:24px 20px 0;
  transition:padding 0.3s ease-out;
}
.event-item .event-item-title {
  color:#040418;
  font-size:18px;
  line-height:20px;
  font-weight:500;
  margin-bottom:5px;
  transition:color 0.2s ease-out;
}
.event-item .event-item-metas {
  font-size:16px;
  line-height:20px;
  font-weight:300;
  padding:0 20px 20px;
}
.event-item.hover:not(.event-item-map) .event-item-figure-link { height:180px; }
.event-item.hover:not(.event-item-map) .event-item-figure-link:after { opacity:1; }
.event-item.hover:not(.event-item-map) .event-item-figure-link .event-item-figure { transform:translate(0,0); }
.event-item.hover:not(.event-item-map) .event-item-figure-link .event-item-figure img {
  transform:scale(1.05);
  transition:transform 5s ease-out;
}
.event-item.hover:not(.event-item-map) .event-item-link { padding:14px 20px 0; }
.event-item.hover .event-item-title { color:#f50057; }
.event-item a.edit-button {
  position:absolute;
  top:10px;
  right:10px;
  display:block;
  width:70px;
  height:70px;
  padding:0;
  z-index:3;
  background-color:transparent;
  color:#040418;
  border:none;
  opacity:0;
  transform:translate3d(0,10px,0);
}
.event-item:hover .edit-button {
  opacity:1;
  transform:translate3d(0,0,0);
}
.event-item.event-item-map {
  max-width:none;
  width:480px;
  height:100%;
  font-family:"niveau-grotesk", sans-serif;
}
.event-item.event-item-map .event-item-figure-link {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:210px;
  z-index:2;
}
.event-item.event-item-map .event-item-figure-link:after { opacity:1; }
.event-item.event-item-map .event-item-figure-link .link-button {
  position:absolute;
  top:70px;
  left:40px;
  right:40px;
  height:70px;
  z-index:3;
}
.event-item.event-item-map .event-item-figure-link .event-item-figure { transform:translate(0,0); }
.event-item.event-item-map > .inner {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:150px;
  z-index:1;
}
.event-item.event-item-map .event-item-title { font-size:20px; }
.event-item.event-item-map .event-item-link { padding:33px 51px 0; }
.event-item.event-item-map .event-item-metas { padding:0 51px; }
.event-item.event-item-map.hover .event-item-figure-link .link-button:before { border:1px solid #ffffff; }
.event-item.event-item-map a.edit-button { display:none; }
@media only screen and (max-width: 400px) {
  .event-item { height:auto; }
  .event-item.hover:not(.event-item-map) .event-item-figure-link, .event-item .event-item-figure-link { height:auto; }
  .event-item .event-item-figure-link .event-item-figure { transform:none; }
  .event-item.hover:not(.event-item-map) .event-item-link { padding:24px 20px 0; }
}