.event_wrapper {
    margin: 2rem 0;
}

.event-time-mobile, .ajcmobile-nav-menu {
    display: none;
}

.event__date-post {
    float: left;
    margin-right: 1rem;
}

#event_display .event__month {
    /*font-size: .95rem;*/
    line-height: 1.5;
}
#event_display .event__day:hover, .event__month:hover {
    background-color: white;
    color: #8a0000;
}

.event-listing-section {
    width: 100%;
    min-width: 100%;
}

.event__heading {
    /*font-size: 1.325rem;*/
    font-size: clamp(.9rem,3vw,1.325rem);
}

.event_title_div {
    float: left;
    width: 100%;
}
.event_title_div:hover {
    cursor: pointer;
    color: maroon;
}
.desktop_menu_div {
    background-color:rgba(240,238,234, .75);/*#f0eeea*/
    text-align: left;
    padding: 0 .5rem 0 .5rem;
}

.eventImg {
    /*float: right;
    width: 250px;
    height: auto;*/
    margin: .75rem 0rem 1rem 0rem;
    padding: 0;
}

    .eventImg img {
        margin: 0;
        padding: 0;
    }

h2.eventtitle {
    font-size: 1.75rem;
    line-height: 130%;
    display: none;
}

.bar-menu {
    display: inline !important;
    font-weight: bold;
    padding: 0 .2rem !important;
    margin: auto !important;
}

    .bar-menu li {
        display: inline-block;
        font-size: .75rem !important;
        text-transform: uppercase;
        padding: 0px 1.5%;
        border-right: 1px solid black;
    }

        .bar-menu li:last-child {
            border-right: none;
        }
        .bar-menu .eventlocation {font-weight: normal; text-transform: initial; font-size: .8rem;}
        
.user-markup .bar-menu li:before, .user-markup #pagin li:before {
    content: '';
}

#pagin {
    margin-top: 1rem;
}

    #pagin li {
        display: inline-block;
        margin-bottom: 0 !important;
        text-align: center;
    }

        #pagin li a {
            color: black;
            float: left;
            padding: 8px 16px;
            text-decoration: none;
            border: 1px solid black;
            width: 3.625rem;
            font-size: .9rem;
        }

            #pagin li a.active {
                background-color: #4CAF50;
                color: white;
            }

            #pagin li a:hover:not(.active) {
                background-color: #f0eeea;
            }

        #pagin li.current {
            background-color: #f0eeea;
        }

    #pagin a.current {
        font-weight: bold;
    }

/*ongoing styles*/
#ongoing_display {
    margin-top: .25rem;
}

.ongoing__content {
    background-color: transparent;
    border: .025rem solid #e2ded7;
    transition-property: background-color;
    transition-duration: .375s;
    padding: .75rem .75rem;
    margin-bottom: .5rem;
}

.ongoing p, .ongoing__heading {
    transition-property: color;
    transition-duration: .375s;
    margin-bottom: .5rem
}

.ongoing__heading {
    font-family: "Avenir Next LT W01 Demi",Helvetica,Arial,sans-serif;
    font-size: 1.115rem;
    line-height: 1.35rem
}

.ongoing img {
    border: 0 solid #e2ded7;
    border-bottom: 0
}

    .ongoing img + .ongoing__content {
        border-top: 0
    }

.ongoing--no-border .ongoing__content {
    border: 0;
    padding: 0
}

.ongoing .learnmore p, ul, li {
    font-size: .9rem;
    line-height: 140%;
}

.ongoing .bar-div {
    background-color: #f0eeea;
    padding: .5rem;
    margin: .5rem 0;
}

.ongoing .vanilla-bullet li {
    font-size: .75rem;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 140%;
    margin-bottom: .325rem;
    margin-top: .325rem;
}
.ongoing__content .eventlocation {text-transform: initial; font-weight: normal;}
/*/

@media only screen and (max-width: 968px) {
    .bar-menu {
        display: none !important;
    }

    .ajcmobile-nav-menu, .event-time-mobile {
        display: block;
    }

    .ajcmobile-nav-menu {
        background-color: #f0eeea;
        box-shadow: 0 1.25rem 0 -0.625rem #e2ded7;
        padding: .6rem;
        font-size: 1rem;
        margin: 1rem 0;
    }

        .ajcmobile-nav-menu a .icon {
          width: 2.25rem;
            height: 1.75rem; 
            transform: rotate(90deg);
            float: right;
        }

    .mobile-icon {
        margin-bottom: 20px !important;
    }

    .rotateUp {
        transform: rotate(-90deg) !important;
    }

    .event-time-mobile {
        color: #6c6769;
        font-size: .875rem;
    }

    .mobile-nav-list {
        display: none;
        font-size: .7rem;
        margin-top: 1rem !important;
    }

        .mobile-nav-list li {
            margin-bottom: .4rem;
        }

    .user-markup .mobile-nav-list > li:before {
        content: '';
    }

    .eventImg {
        float: none;
        width: auto;
    }

    .event-img-div {
        text-align: center;
    }
}