/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .calEventFeedTop {
    border-bottom: 2px solid #004e91;
    float: left;
    width: 100%;
}
.calEventFeedTop h5, .calEventFeedItem h5 {
    color: #333333;
    font-size: 14px;
    font-weight: 900;
    line-height: 18px;
    margin: 0 0 10px;
    text-transform: uppercase;
}
.calEventFeedTop .row {
    margin-left: -10px;
    margin-right: -10px;
}
.calEventFeedTop .row:before, .calEventFeedTop .row:after{
	content: " ";
    display: table;
}
.calEventFeedTop .col-xs-2, .calEventFeedTop .col-xs-3, .calEventFeedTop .col-xs-4, .calEventFeedTop .col-xs-5,.calEventFeedItem .col-xs-3,.calEventFeedItem .col-xs-5{
float: left;
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
}
.calEventFeedTop .col-xs-2 {
    width: 16.66666667%;
}
.calEventFeedTop .col-xs-4 {
    width: 33.33333333%;
}
.calEventFeedTop .col-xs-3,.calEventFeedItem .col-xs-3 {
    width: 25%;
}
.calEventFeedTop .col-xs-5,.calEventFeedItem .col-xs-5 {
    width: 41.66666667%;
}
.calEventFeedContent {
    float: left;
    margin: 0 0 20px;
    width: 100%;
}
.calEventFeedItem {
    border-bottom: 1px solid #dfe0e1;
    float: left;
    padding: 20px 0 10px;
    width: 100%;
}
.visible-xs{
    display: none !important;
}
.calEventFeedItem h5 {
    color: #333333;
    font-size: 14px;
    font-weight: 900;
    line-height: 18px;
    margin: 0 0 10px;
    text-transform: uppercase;
}
@media (max-width: 767px){
.calEventFeedItem .visible-xs {
    display: block !important;
}
.hidden-xs {
    display: none !important;
}
.calEventFeedItem .col-xs-5,.calEventFeedItem .col-xs-3{
	padding-left:0px;
	float:none;
 }
}