#event_main {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 300px;
}
@media (max-width: 601px) {
    #event_main {
        grid-template-columns: auto;
    }
}

#eventContent {
    position: relative;
    width: 100%;
    padding: 10px 20px;
    background-color: white;
}
#eventCover {
    padding: 20px 0;
}
.eventMetaInfobar {
    display: grid;
    grid-template-columns: 1fr 80px;
}
.eventMetaInfo {
    display: inline-block;
    padding: 5px 10px;
    font-size: 0.8rem;
}
#event_draftmark {
    padding: 5px;
    background-color: rgb(255, 241, 241);
    color: red;
    font-size: 0.8rem;
}
#eventMetaDateTopic {
    display: inline-block;
    border: 1px solid var(--theme-color-ext);
    border-radius: 10px;
    overflow: hidden;
}
#eventMetaInfo_date, #eventMetaInfo_topic {
    padding: 5px 10px;
    font-size: 0.8rem;
}
#eventMetaInfo_date {
    background-color: white;
    color: var(--theme-color-ext);
}
#eventMetaInfo_topic {
    background-color: var(--theme-color-ext);
    color: white;
}
#eventMetaInfo_country, #eventMetaInfo_state {
    border-radius: 5px;
    background-color: var(--theme-color-ext-light);
    color: var(--theme-color-ext);
}

#eventCoverImagebox {
    margin: 15px 0;
}
#eventCoverImage {
    display: block;
    width: 100%;
}

#eventShortDetailbar {
    width: 100%;
}
#eventShortDetailbox {
    padding: 10px;
    border: 1px solid var(--theme-color-ext-light);
    background: var(--theme-color-alt-light) !important;
    background-color: white;
    border-radius: 7px;
}
#eventShortDetailbox legend {
    padding: 5px 10px;
    background-color: var(--theme-color-alt);
    color: white;
    border: transparent;
}
#eventDetailbar {
    position: relative;
    width: 100%;
    overflow-x: auto;
}
#relatedEventListbar {
    padding: 10px;
}