.event-box {
    grid-column: auto;
    grid-row: auto;
    display: flex;
    flex-direction: column;
    justify-content:space-between;
    width: 100%;
    height: 100%;
    background-color: var(--white);
    color: var(--light-dark); 
}



.holder {
    background-position: center;
    background-size: cover;
    height: 16rem;

}

.event-box h4 {
    padding: 1rem;
}

.event-box p {
    padding: 1rem;
}

.event-tag {
    display: inline-block;
    background-color: var(--QOE-beige);
    color : white
}

.event-tag p {
font-size: 0.75rrem;
  text-transform: uppercase;
  
  font-family: "futura-pt", "Helvetica Neue", Arial;
  padding: 0.5rem 1rem;
}

.content-holder{
    padding: 2rem;
    background-color: var(--bg-theme-colour);
    flex-grow: 1;
}

.content-holder:hover {
    background-color: var(--bg-theme-colour-hover);
}