.event-item{display:flex;flex-direction:column;justify-content:center;text-decoration:none;color:#fff;font-family:Courier New,Courier,monospace;border-radius:0 0 .5rem .5rem;height:100%}.event-item,.event-item__image-wrapper{position:relative;overflow:hidden;width:100%}.event-item__image-wrapper{height:150px}.event-item__background{object-fit:cover;z-index:0}.event-item__product{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:95%;height:85%;object-fit:contain;padding:.5rem}.event-item__info{width:100%;background-color:hsla(0,0%,100%,.85);color:#000;text-align:center;font-size:.9rem;flex:0 0 auto;border:1px solid #000;min-height:80px;display:flex;flex-direction:column;justify-content:center}.event-item__title{padding:.5rem;font-size:1rem}.event-item__dates,.event-item__title{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.event-item__dates{padding:0 .5rem .5rem;font-size:.8rem}.event-item__status{position:absolute;top:0;right:0;background-color:rgba(0,0,0,.7);color:#fff;padding:5px 10px;border-radius:0 0 0 1rem;font-size:.8rem;z-index:2;backdrop-filter:blur(4px)}.event-item--featured{grid-column:1/-1;grid-row:1/3}.event-item--featured .event-item__image-wrapper{height:200px}.event-item--featured .event-item__info{height:15%}.event-item--featured .event-item__product{width:90%;height:80%}.event-item--pos-2{grid-area:1/4/2/5}.event-item--pos-3{grid-area:1/5/2/6}.event-item--pos-4{grid-area:2/4/3/5}.event-item--pos-5{grid-area:2/5/3/6}.event-item--pos-6{grid-area:3/1/4/2}.event-item--pos-7{grid-area:3/2/4/3}.event-item--pos-8{grid-area:3/3/4/4}.event-item--pos-9{grid-area:3/4/4/5}.event-item--pos-10{grid-area:3/5/4/6}.event-item--pos-11{grid-area:4/1/5/2}.event-item--pos-12{grid-area:4/2/5/3}@media screen and (min-width:768px){.event-item__image-wrapper{height:180px}.event-item__product{width:90%;height:80%}.event-item__title{font-size:1.2rem}.event-item__dates{font-size:.9rem}.event-item--featured{grid-column:1/4}.event-item--featured .event-item__image-wrapper{height:250px}.event-item--featured .event-item__product{width:85%;height:75%}}@media screen and (min-width:1024px){.event-item__image-wrapper{height:200px}.event-item__product{width:85%;height:75%}.event-item__title{font-size:1.4rem}.event-item__dates{font-size:1rem}.event-item--featured{grid-column:1/4}.event-item--featured .event-item__image-wrapper{height:300px}.event-item--featured .event-item__product{width:80%;height:70%}}