/*--------------------------------------------------------------
    # event Section
    --------------------------------------------------------------*/
.eventlist {
    display: inline-block;
    display: -webkit-inline-box;
    /*padding-right: 28%*/
}


.hole_date_event {
    /*text-align: center;
            text-align: -webkit-center;*/
    width: 20%;
}

.datetag {
    background: #fff;
    border-color: #428bca;
    color: #428bca;
    box-shadow: 0px 0px 20px 0px rgba(148, 148, 148, 0.62);
    border-radius: 15px 0;
    /*width: 50%;*/
    font-size: smaller;
    right: 10px !important;
    top: 0;
}

.daterest {
    color: #428bca;
    width: 50%;
    font-size: x-large;
    margin: 10%;
}

.eventTo {
    font-size: larger;
    width: 20%;
    height: 40%;
    /*box-shadow: 1px 1px 20px 4px rgba(203, 203, 203, 0.87);*/
    border-radius: 15px 0;
    background-color: #428bca;
    color: #fff;
    margin: 0 20%;
}

.eventlocation {
    text-align: center;
    color: #e0b164 !important;
    font-weight: 700
}

.eventLink {
    text-align: center;
    color: #428bca;
}

.eventimg {
    text-align: center;
    color: #6f64a1 !important;
    cursor: pointer !important;
}


.eventsListingItem {
    /*padding: 25px 20px;*/
    display: block;
    background: #FFFFFF;
    /*-webkit-box-shadow: 0px 13px 30px 0px rgb(0 0 0 / 15%);
        box-shadow: 0px 13px 30px 0px rgb(0 0 0 / 15%);*/
    margin-bottom: 30px;
    position: relative;
    /*height: 390px;*/
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

eventsListingItem .eventDate {
    text-align: center;
    margin: 30px auto 30px;
}

.eventsListingItem .eventDate .eventStartDate {
    display: inline-block;
    text-align: center;
    /*font: normal 1.5rem fontReg, arial, sans-serif;*/
    color: #2e8deb;
    vertical-align: middle;
}

    .eventsListingItem .eventDate .eventStartDate .eventDateDay {
        color: #2e8deb;
    }

.eventsListingItem .eventDate .eventTo {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    /*font: normal 1.3rem fontReg, arial, sans-serif;*/
    width: 40px;
    height: 40px;
    background: #e0ad4f;
    border-radius: 100%;
    margin: 20px 40px;
    text-align: center;
    padding-top: 9px;
    position: relative;
}

    .eventsListingItem .eventDate .eventTo:before {
        content: "";
        display: block;
        width: 20px;
        height: 1px;
        background: #e0ad4f;
        position: absolute;
        top: 50%;
        right: -20px;
    }

    .eventsListingItem .eventDate .eventTo:after {
        content: "";
        display: block;
        width: 20px;
        height: 1px;
        background: #e0ad4f;
        position: absolute;
        top: 50%;
        left: -20px;
    }

.eventsListingItem .eventDate .eventEndDate {
    display: inline-block;
    text-align: center;
    /*font: normal 1.5rem fontReg, arial, sans-serif;*/
    color: #2e8deb;
    vertical-align: middle;
}