.row .row.event_wrapper {
    margin: 0 -1.875rem;
}
/****************************************************************************
 * Event Item
 ****************************************************************************/
.event_wrapper .event_item {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 0.9375rem;
}

.event_wrapper .event_inner {
    display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: block;
    -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; align-items: center;
    -webkit-box-orient: horizontal; -webkit-box-direction: normal;
    padding: 0.9375rem; position: relative;
}
.event_wrapper .event_item:nth-child(odd) .event_inner {
    background-color: #fafafa;
}

/****************************************************************************
 * Event Date Wrapper
 ****************************************************************************/
.date_wrapper {
    flex: 0 0 6.5em; max-width: 6.5em;
    position: relative; font-size: 1rem;
    text-align: left;
}
.date_wrapper > *:first-child {
    font-size: 3em; font-weight: 700; line-height: 1;
}
.date_wrapper > *:nth-child(2) {
    font-weight: 700; position: absolute; right: 0; top: 0;
    line-height: 1.5em;
}
.date_wrapper > *:nth-child(3) {
    position: absolute; right: 0; top: 1.5em; font-weight: 700;
    line-height: 1.5em; color: #adadad; 
}


/****************************************************************************
 * Event Content
 ****************************************************************************/
.event_wrapper .event_inner .event_content {
    flex: auto; /* (Changed by lok) Old value - flex: 0 0 auto;*/ 
    padding-left: 3rem;
    position: relative;
}

body.archive .event_wrapper .event_inner .event_content{
    padding-top: 1rem;
}

.event_wrapper .event_inner .event_content:after {
    content: ''; position: absolute; left: 1.5rem;
    top: 0.25rem; bottom: 0.25rem; height: auto; width: 0.188rem;
    background-color: #e9e9e9; z-index: 20; border-radius: 0.125rem;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: background-color .5s ease;
    -moz-transition: background-color .5s ease;
    -ms-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    transition: background-color .5s ease;
}
.event_wrapper .event_item:first-child .event_inner .event_content:after {
    background-color: var(--plus-ci-colour);
}

.event_wrapper:hover .event_item .event_inner .event_content:after {
    background-color: #e9e9e9;
}
.event_wrapper:hover .event_item:hover .event_inner .event_content:after {
    background-color: var(--plus-ci-colour);
}

.event_wrapper .event_inner .event_content > * {
    display: block;
}
.event_wrapper .event_inner .event_content > *:last-child {
    font-weight: 700;
    color: inherit;
}


/****************************************************************************
 * Custom Event Wrapper -lok
 ****************************************************************************/
 .lok_events_wrapper{
    margin: 1rem 0rem;
 }

 .lok_events_wrapper .lok_event_item{
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0rem;
}

.lok_events_wrapper .lok_event_item .event_inner{
    padding: 2rem;
}

.lok_events_wrapper .lok_event_item:nth-child(odd) .event_inner {
    background: none;
}

.lok_events_wrapper .lok_all_events{
    justify-content: center;
    padding: 0rem;
}

.lok_events_wrapper .event_wrapper{
    padding: 0.5rem;
}


.lok_events_wrapper .event_wrapper .event_inner .event_content{
    margin-top: 1.5rem;
}

.lok_event_item .date_wrapper{
    display: flex;
    font-size: 2rem;
}

.lok_event_item .date_wrapper .event_date{
    position: relative;
    left: 0.1em;
    top: 0.1em;
}

.lok_event_item .date_wrapper .event_date span:nth-child(1){
    font-size: 0.5em;
    position: absolute;
    font-weight: 100;
}

.lok_event_item .date_wrapper .event_date span:nth-child(2){
    font-size: 0.5em;
    position: absolute;
    top: 1em;
}


.lok_event_item .event_content .event_title{
    font-size: 1.575rem;
}


.lok_events_wrapper .lok_event_item .event_content .event_excerpt {
    margin-top: 1rem;
    font-size: 1rem;
    font-weight: 400;
    color: inherit;
}

.lok_events_wrapper .event_inner a:hover{
    text-decoration: underline;
}


.lok_events_wrapper .event_wrapper:hover .event_item .event_inner .event_content:after {
    background-color: var(--plus-ci-colour);
}


.lok_events_wrapper .event_wrapper .event_inner .event_content:after {
    background-color: var(--plus-ci-colour);
}


.lok_events_wrapper .date_wrapper > * {
    font-size: 1.375em; position:static;
    font-weight: 700; line-height: 1;
    color: inherit;
}

.single_event_wrapper .date_wrapper > * {
    font-size: 1.375em; position:static;
    font-weight: 700; line-height: 1;
    color: inherit;
}


.lok_events_wrapper .event_content .event_place{
    position: relative;
    font-size: 1.5em;
    margin-top: 1em;
    color: inherit;
}

.lok_events_wrapper .event_content .event_time{
    position: relative;
    font-size: 1em;
    color: inherit;
}

/**
 * Archive page - events
 */
 body.archive.post-type-archive .demo_veranstaltungen .date_wrapper > * {
    font-size: 1.375em;
    position: static;
    font-weight: 700;
    line-height: 1;
    color: inherit;
}

body.archive.post-type-archive .demo_veranstaltungen .date_wrapper .event_date > * {
    line-height: 1.5;
}


@media screen and (min-width: 40em){
    .lok_events_wrapper .date_wrapper > * {
        font-size: 1.375em;
    }
    .single_event_wrapper .date_wrapper > * {
        font-size: 1.375em;
    }
}


@media screen and (min-width: 64em){
    /****************************************************************************
     * Event Wrapper
     ****************************************************************************/
    .row .row.event_wrapper {
        margin: 0 -0.9375rem;
    }
    /****************************************************************************
     * Event Item
     ****************************************************************************/
    .event_wrapper .event_item {
        padding: 0 0.9375rem;
    }

    
    .event_wrapper .event_inner {
        display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: block;
        -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; align-items: center;
        -webkit-box-orient: horizontal; -webkit-box-direction: normal;
        padding: 0.9375rem 0 0.9375rem 8.333%; position: relative;
    }


    /*added by lok -- event -custom front page full width*/
     .lok_events_wrapper{
        margin: 1rem 0rem;
     }

    .lok_events_wrapper .lok_event_item{
        padding: 0rem;
    }
    

    .lok_events_wrapper .lok_event_item .event_content .event_title{
        font-size: 1.575rem;
        max-height: 4.725rem;
        min-height: 4.725rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }


    .lok_events_wrapper .lok_event_item .event_content .event_excerpt {
        margin-top: 1rem;
        font-size: 1rem;
        font-weight: 400;
        color: inherit;
        max-height: 3rem;
        min-height: 3rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .lok_events_wrapper .date_wrapper > * {
        font-size: 1.75em;
    }

    .single_event_wrapper .date_wrapper > * {
        font-size: 1.75em;
    }

    .lok_events_wrapper .lok_event_item{
        flex: 0 0 33.333%;
        max-width: 33.333%;
        padding: 0rem;
    }

    /*added by lok -- events list on archive page*/
    body.archive .demo_veranstaltungen .lok_event_item .event_date_wrapper i,div.event_date{
        font-size: 2em;
    }

    body.archive .demo_veranstaltungen .lok_event_item .event_date_wrapper.date_wrapper > *:nth-child(2) {
        line-height: 1;
    }

    body.archive .demo_veranstaltungen .lok_event_item .event_content .event_title{
        max-height: none;   
        min-height: 0;
    }

    body.archive.post-type-archive .demo_veranstaltungen .date_wrapper .event_date {
        font-size: 2em;
    }

    .content_section.single_event_wrapper .lok_event_item .event_content .event_title {
        padding: 1rem 0rem;

    }

    .content_section.single_event_wrapper .lok_event_item .event_inner {
        padding: 1rem 1rem;

    }

}

@media screen and (min-width: 72em){
    .lok_events_wrapper .date_wrapper > * {
            font-size: 2.25em;
     }

    .single_event_wrapper  .date_wrapper > * {
        font-size: 2.25em;
    }
}


@media screen and (min-width: 80em){
    .lok_events_wrapper .date_wrapper > * {
        font-size: 2.5em;
    }
    .single_event_wrapper  .date_wrapper > * {
        font-size: 2.5em;
    }
}


@media screen and (min-width: 100em){
    .lok_events_wrapper .date_wrapper > * {
        font-size: 3em;
    }
    .single_event_wrapper  .date_wrapper > * {
        font-size: 3em;
    }
}