.event-highlights .events-list {
    margin-bottom: -3em;
    margin-bottom: calc(-3em + 2px)
}

.events-list a.external {
    margin-right: unset
}

.events-list a.external:after {
    content: ""
}

.events-list-item {
    padding: 1em 0;
    margin: 2px auto;
    max-width: 1200px;
    transition: all 0.2s cubic-bezier(.215, .61, .355, 1)
}

.events-list-item:hover {
    box-shadow: 10px 10px 63px 0 rgba(0, 0, 0, .3);
    background-color: #fff;
}

.events-list-item .center-xs {
    display: flex;
    flex-flow: column
}


.event-highlights .events-list-item .events-list-month,
.event-highlights .events-list-item .events-list-day,
.event-highlights .events-list-item a.events-list-arrow,
.event-highlights .events-list-item h3 a {
    color: #fff
}

.events-list-month,
.events-list-day {
    display: block;
    line-height: 1;
    color: #980267;
    font-size: 3em;
    font-weight: 700
}

.events-list-month {
    font-size: 1.5em;
    font-weight: 300;
    text-transform: uppercase
}

a.events-list-arrow {
    font-size: 2em;
    color: #980267
}

.single-event .event-categories {
    margin-left: 0
}

.single-event .event-categories li {
    display: inline-block;
    margin-right: .5em;
    margin-bottom: .5em
}

.single-event .event-categories a {
    border: 2px solid;
    background-color: #fff;
    font-size: .8em;
    padding: .5em 1em;
    display: block;
    box-shadow: none
}

.event-details {
    max-width: 900px !important;
    margin-left: auto;
    margin-right: auto
}

.event-details .row {
    margin: 0
}

.event-details .event-date-details,
.event-details .event-location-details {
    position: relative;
    height: 100%;
    padding: 4em 2em 2em;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch
}

.event-details .data {
    margin-bottom: 1em
}

.event-details .icon-before {
    position: relative;
    display: block;
    text-align: left;
    font-size: 1em;
    padding: .5em 1em .5em 3.5em;
    margin-top: .5em
}

.event-details .icon-before .icon,
.event-details .icon-before .em-search-field label:after,
.em-search-field .event-details .icon-before label:after,
.event-details .icon-before .search-form label:after,
.search-form .event-details .icon-before label:after,
.event-details .icon-before select:after {
    position: absolute;
    background: #980267;
    color: #fff;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    top: 0;
    left: 0
}

.event-details .ibox {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #980267;
    color: #fff;
    width: 2.5em;
    height: 2.5em;
    border-radius: 50%;
    line-height: 2.4em;
    text-align: center;
    font-size: 2.5em
}

.events-list-item {
    background-color: #E7F3EC;
    box-shadow: none;
    color: #e3000f
}

.events-list-item:hover {
    box-shadow: none;
    background-color: #E7F3EC
}

.event-highlights .events-list-item {
    background-color: #e3000f;
    color: #fff;
    box-shadow: none
}

.event-highlights .events-list-item .events-list-month,
.event-highlights .events-list-item .events-list-day,
.event-highlights .events-list-item a.events-list-arrow,
.event-highlights .events-list-item h3 a {
    color: #fff !important
}

.events-list-month,
.events-list-day {
    display: block;
    line-height: 1;
    color: #e3000f;
    font-size: 3em;
    font-weight: 700
}

.events-list-month {
    font-size: 1.5em;
    font-weight: 300;
    text-transform: uppercase
}

a.events-list-arrow {
    color: #e3000f;
    text-decoration: none
}

.single-event .event-categories {
    margin-left: 0
}

.single-event .event-categories li {
    display: inline-block;
    margin-right: .5em;
    margin-bottom: .5em
}

.single-event .event-categories a {
    border: 2px solid;
    background-color: #fff;
    font-size: .8em;
    padding: .5em 1em;
    display: block;
    box-shadow: none
}

.event-details .event-date-details,
.event-details .event-location-details {
    position: relative;
    height: 100%;
    padding: 4em 2em 2em;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch
}

.event-details .data {
    margin-bottom: 1em
}

.event-details .icon-before {
    position: relative;
    display: block;
    text-align: left;
    font-size: 1em;
    padding: .5em 1em .5em 3.5em;
    margin-top: .5em
}

.event-details .icon-before .icon,
.event-details .icon-before .em-search-field label:after,
.em-search-field .event-details .icon-before label:after,
.event-details .icon-before .search-form label:after,
.search-form .event-details .icon-before label:after {
    position: absolute;
    background: #e3000f;
    color: #fff;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    top: 0;
    left: 0
}

.event-details .ibox {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #e3000f;
    color: #fff;
    width: 2.5em;
    height: 2.5em;
    border-radius: 50%;
    line-height: 2.4em;
    text-align: center;
    font-size: 2.5em
}