.events{
    max-width: unset !important;
}

.events-content{
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 40px;
}

.events-content .event-image{
    width: 100%;
    height: 400px;
    background-size: cover;
    background-position: center;
}
.events-content .event-card-content {
    padding: 30px 0px 10px;
    /* min-height: 320px; */
}
.events-content a{
    text-decoration: none;
}
.events-content .event-card-content > *{
    max-width: 90%;
    margin: auto;
    color: #fff;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 16px;
}
.events-content .single-event-card{
    margin-bottom: 50px;
}

.events-content .single-event-card .event-card-location{
    display: flex;
    position: relative;
}
.events-content .single-event-card .event-location-name{
    margin-left: 40px;
}
.events-content .single-event-card .event-location-map{
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 5px;
    background-image: url(/wp-content/themes/mpg-events/assets/images/location-pin.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 10px;
}
.events-content .single-event-card .top-area-content{
    display: flex;
    flex-wrap: nowrap;
}
.events-content .single-event-card h2{
    flex-basis: 75%;
    font-size: 26px;
}
.events-content .single-event-card .booking-button{
    font-size: 28px;
    text-decoration: underline;
}
.events-content .event-card-time-date{
    padding-left: 40px;
    position: relative;   
}
.events-content .booking-details{
    display: flex;
    margin-bottom: 20px;
}
.events-content .event-card-time-date::before{
    content: '';
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    left: 0px;
}

.events-content .single-event-card .event-card-time-date::before{
    content: '';
    width: 20px;
    height: 30px;
    display: block;
    position: absolute;
    left: 6px;
    background-image: url(/wp-content/themes/mpg-events/assets/images/minicalendar.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 10px;
    top: -4px;
}
.events-content .single-event-card .event-description{
    min-height: 70px;
}

@media screen and (max-width: 600px){
    .events-content{
        grid-template-columns: 1fr;
    }
}