#home {
    #events-v3 {
        .events-v3__events {
            display: flex;
            justify-content: space-around;

            @media screen and (max-width: 1100px) {
                flex-wrap: wrap;
                justify-content: center;
            }

            .events-v3__events__event {
                width: auto;
                height: auto;
                width: 325px;
                aspect-ratio: 1/1;
                text-align: center;

                @media screen and (max-width: 1499px) {
                    width: 280px;
                }

                @media screen and (max-width: 1280px) {
                    width: 240px;
                }

                @media screen and (max-width: 1100px) {
                    /* width: 400px; */
                    margin: 1vw;

                }

                @media screen and (max-width: 599px) {
                    width: 275px;
                    margin-bottom: 35px;
                }


                .events-v3__events__event__date {
                    font-size: 16px;
                }

                .events-v3__events__event__title {
                    font-size: 18px;
                    margin-top: .5em;

                    @media screen and (max-width: 1280px) {
                        font-size: 16px;
                    }
                }

                .events-v3__events__event__time {
                    font-size: 14px;
                    justify-content: center;

                    .tag-tooltip {
                        font-size: inherit;

                        .event-tag {
                            font-size: inherit;
                        }
                    }
                }
            }
        }
    }
}


/* START Workaround to make the whole events card clickable */

#events-e1 .events-card,
#events-v3 .events-v3__events__event,
#home #events-e4 .events-card,
#events-e5 .card-content,
.events-e6 .event-card,
.events-e7 .events-card {
    position: relative;
}

#events-e1 .events-card .events-title:after,
#events-v3 .events-v3__events__event__title:after,
#home #events-e4 .events-card .events-title:after,
#events-e5 .events-title:after,
.events-e6 .event-card .event-title a:after,
.events-e7 .events-card .events-title:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#events-v3 .events-v3__events__event__title:after {
    border-radius: 50%;
}

/* END Workaround to make the whole events card clickable */