/* passed event */
.dp-past-events{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
/*     justify-content: space-between; */
}
.dp-event-item {
    flex: 1 1 calc(33.333% - 20px); /* 3 columns with space */
    background: #fff;
    border-radius: 4px;
    max-width: calc(33.333% - 20px);
}
.dp-event-thumbnail img{
    border-radius: 4px;
}
.dp-event-footer{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;
    padding: 16px 12px 8px 16px;
    min-height: 68px;
    margin-top: -13px;
}
.dp-event-footer .dp-event-title{
    text-align: left;
}
.dp-event-footer .dp-event-title h2{
    color: #4B4A49;
    font-family: Georgia;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}
.dp-event-footer .dp-event-title h2 a{
    color: #4B4A49;
}
.dp-event-footer .dp-event-title p{
    margin: 0;
    color: #4B4A49;
    font-family: Nunito Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .dp-event-item {
        flex: 1 1 calc(50% - 20px); /* 2 columns on tablets */
        max-width: calc(50% - 20px);
    }
}

@media (max-width: 768px) {
    .dp-event-item {
        flex: 1 1 100%; /* 1 column on mobile */
        max-width: calc(100%);
    }
}

#loadmore {
    margin: 68px auto 0;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
	display: block;
}

/* Grid Layout */
.dp-upcoming-event-container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Left side: 2/3, Right side: 1/3 */
    gap: 20px;
    margin: auto;
}

.dp-upcoming-event-container .dp-event-item{
    max-width: 100%;
    flex: 1 1 100%;
}

/* Large Event (Left Side) */
.dp-upcoming-event-container .event-large {
    position: relative;
}

.dp-upcoming-event-container .event-large .dp-event-item img {
    width: 100%;
    height: auto;
    border-radius: 4px;
}

/* Right Column (Two Small Events) */
.event-right {
    display: grid;
    grid-template-rows: 1fr 1fr; /* Two stacked events */
    gap: 20px;
}
.event-small .dp-event-item{
    display: flex;
    position: relative;
}
.event-small .dp-event-item img{
    min-width: 318px;
    border-radius: 4px;
}

.event-small .dp-event-item .dp-event-thumbnail a{
    display: inline-block
}
.event-small .dp-event-item .dp-event-footer{
    flex-direction: column;
    max-width: 100%;
    flex: 1 1 100%;
    padding: 30px 20px 5px;
}
.event-small .dp-event-item .dp-event-footer .dp-event-title,
.event-small .dp-event-item .dp-event-footer .dp-more-button{
    width: 100%;
}
.event-small .dp-event-item .dp-event-footer .dp-more-button{
    text-align: right
}
.event-small .dp-event-item .dp-full-link{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .dp-upcoming-event-container {
        grid-template-columns: 1fr; /* Switch to single-column on tablets */
    }

    .event-right {
        grid-template-rows: auto;
    }
}

@media(max-width: 500px){
    .event-small .dp-event-item img{
        min-width: 180px;
    }    
}