.clear { clear: both; }

.clear span { display: none; }

#upcoming-event-wrapper {
 margin-bottom: 18px;
 position: relative;
 padding-top: 16px;
}

.upcming-title {
 color: #ffffff;
 font-size: 17px;
 position: absolute;
 top: -14px;
}

.eventPlaceHolder {
 color: #fff;
 font-family: 'latoregular';
 margin-bottom: 12px;
 display: block;
 background: #838383;
}

.eventPlaceHolder:hover {
 color: #fff;
 font-family: 'latoregular';
}

.day-text, .month, .day, .year { display: inline; }

/* .large-date {
 font-size: 48px;
 float: left;
 font-family: 'loveloblack';
 margin: 0px  15px 0px 15px;
 color: #3e3e3e;
} */

.event-date {
 float: left;
 width: 210px;
}

.full-date {
 color: #3e3e3e;
}

.name-of-event {
font-size: 16px;
margin: 5px 0px 5px;
}

.when-to-when {
font-size: 12px;
}

.start-time, .end-time {
 display: inline;
}

.large-date {
 font-size: 44px;
 float: left;
 font-family: 'loveloblack';
 width: 70px;
 height: 60px;
 color: #3e3e3e;
 text-align: center;
 transition: all .1s ease-in-out;  
 -o-transition: all .1s ease-in-out;  
 -moz-transition: all .1s ease-in-out;  
 -webkit-transition: all .1s ease-in-out;
}

.large-date span {
 padding-top: 2px;
 transition: all .1s ease-in-out;  
 -o-transition: all .1s ease-in-out;  
 -moz-transition: all .1s ease-in-out;  
 -webkit-transition: all .1s ease-in-out;
}

.eventPlaceHolder:hover .large-date {
 font-size: 48px;
}

.eventPlaceHolder:hover .large-date span {
 padding-top: 0px;
}