/*--------------------------------------*/
/* Event Widget Styles                  */
/*--------------------------------------*/
.widget_event {
    position: relative;
}

.widget_event:last-of-type {
    border: none;
}

.widget_event img {
    float: right;
    margin-left: 1em;
}
.widget_event a:visited {
    color: #671E75 !important;
}
.widget_event .widget-title {
    clear: none;
}

.widget_event .datenumber {
    font-size: 20px;
    line-height: 1;
    display: block;
    width: 100%;
    text-align: center;
    padding: 0 6px 12px 6px;
    color: #fff;
    font-weight: 700;
}

.events #main #content > article h2.entry-title a:visited {
    color: #671f76 !important;
}
/*Force the select dd box 100% width*/
#department-select {
    width: 100%;
    border: 1px solid #d8ccd8;
    color: rgb(103, 30, 117);
    font-size: 14px;
    border-radius: 0;
    height: 44px;
    cursor: pointer;
}

.bd {
    width: 100%;
    float: left;
    background-color: rgba(222, 222, 222, 0.16);
    padding: 12px;
    margin-top: -7px;
}

.single-event p.dateinline, .single-event p.venue {
    display: block;
    float: none;
}
.venue span, .dateinline span {
    min-width: 24px;
    color: #671e75;
}

.media.attribution ~ p {
    width: 100%;
    margin-bottom: 0;
    clear: both;
    font-size: 16px;
    display: none;
}

.widget_event .datemonth {
    clear: both;
    line-height: 1;
    display: block;
    width: 100%;
    text-align: center;
    padding: 12px 6px 6px 6px;
    font-size: 16px;
    color: #fff;
}

.events .bd .widget-title {
    color: #671E75;
    line-height: 1.6 !important;
    padding: 0;
    margin-bottom: 6px;
    background: transparent;
    border: none;
    font-size: 16px;
}

.widget_event p.dateinline, .event p.dateinline {
    font-size: 12px !important;
    font-size: 0.8571428571428571rem !important;
    line-height: 1.6;
}
.widget_event p.venue, .event p.venue {
    font-size: 12px !important;
    font-size: 0.8571428571428571rem !important;
    line-height: 2;
    margin-bottom: 12px;
}
.widget_event .main-article p.venue {
    margin: 0 0 24px 0 !important;
    margin: 0 0 1.714285714rem 0 !important;
}
.main-article .widget_event .showexcerpt > a:first-of-type, .listing .entry-content > a:first-of-type, .archive #primary #content article > .entry-content a:first-of-type {
    position: relative;
    display: inline-block;
    overflow: hidden;
    backface-visibility: hidden;
}

aside.widget_event:hover > .showexcerpt > a:first-of-type>img, .listing:hover > .entry-content > a:first-of-type > img, .archive #primary #content article:hover > .entry-content > a:first-of-type img {
    transform: scale(1.02);
    transition-timing-function: cubic-bezier(0.2, 0.2, 1, 1);
}

/*Color the calendar header*/
.widget_events-calendar > h3 {
    color: #671e75;
}

/* Event Widget in Sidebar */
#secondary .widget_event img {
    max-width: 100px;
    float: right !important;
}

#secondary .widget_event .venue {
    display: none;
}

/*widget imagery*/
.widget_event img, .listing .entry-content > a:first-of-type img, .archive #primary #content article .entry-content > a:first-of-type img {
    float: left !important;
    margin: 0 0 10px 0 !important;
    transition: all 0.3s cubic-bezier(0.2, 0.2, 1, 1);
}
.widget_event h3.widget-title {
    padding: 6px 0;
    float: left;
    clear: both;
    width: 100%;
}

.widget_event h3.widget-title a {
    color: #671e75;
}

.events .widget_event .events {
    background-color: transparent;
    color: #444;
    position: relative;
    float: left;
    width: 100%;
}
.home.events .widget_event .dateinline:before {
    display: none;
}
.events .widget_event .dateinline:before {
    content: "\f073";
    font-family: FontAwesome;
    float: left;
    margin-right: 6px;
    margin-left: 6px;
    vertical-align: middle;
    color: #671E75;
}

.events #secondary aside[id*="divider"] {
    display: none;
}

.events #secondary .archive-years li a {
    display: block;
    width: 100%;
    color: #fff;
    background-color: #714776;
}

.events #secondary .archive-years li a:hover {
    background-color: #671e75;
}

/*turn off hover effects if preferred*/
@media screen and (prefers-reduced-motion:reduced){
    .widget_event img, .listing .entry-content > a:first-of-type img {
        transition: none !important;
    }
}