.category-item {
    border: 1px solid #002F5D;
    padding: 0px 5px;
    border-radius: 3px;
    margin: 0 15px 0 0;
    font-family: 'Roboto-Regular';
    transition: .2s;
    cursor: pointer;
    margin-bottom:15px;
}
.category-item.active {
    background: #002F5D;
    color: #fff;
}
.date-month {
    font-size: 50px;
    font-family: 'Roboto-Bold';
    color: #9F9F9F;
}
.joMainWrapper .time,
.item-headline,
.category {
    font-family: 'Roboto-Bold';
    font-size: 20px;
    color: #002F5D;
}
.events.detail .event-item {
    border-bottom: none;
    margin-left: 0;
    margin-right: 0;
}
.events.detail .daynameshort {
    margin: -15px 0 0;
}
.daynameshort {
    font-size: 18px;
    font-family: 'Roboto-Medium';
    color: #9F9F9F;
}
.category {
    margin: 50px 0;
    flex-wrap: wrap;
}
.date-next a,
.date-prev a {
    font-size: 16px;
    color: #9F9F9F;
    transition: .25s;
    text-decoration: none;
    padding: 0 5px;
}
.date-next:hover a,
.date-prev:hover a,
.date-current {
    color: #fff;
    color: #002F5D;
    border-radius: 2px;
}
.date-current {
    padding: 0 5px;
    font-family: 'Roboto-Bold';
}
.dateSelect-container {
    border-bottom: 1px solid #9F9F9F;
    padding-bottom: 20px;
}
.sort-by {
    font-size: 17px;
    font-family: 'Roboto-Medium';
}
.event-item {
    margin: 30px 0;
    border-bottom: 1px solid #9f9f9f41;
    padding-bottom: 15px;
}
.day-item{
    margin-top:20px;
    padding-top:20px;
    border-top: 1px solid #9f9f9f41;    
}
.day-item:first-child{
    padding-top:0;
    margin-top:0;
    border-top: none;    
}
.detail_link a {
    margin-top: 10px;
    color: #fff;
    background: #002F5D;
    border-radius: 2px;
    padding: 2px 15px;
    margin-bottom: 10px;
}

@media (min-width: 768px)
{
    .date-next a,
    .date-prev a,
    .date-current {
        font-size: 20px;
    }
    .dateSelect-container {
        margin: 0 0 75px;
    }
    .date-month {
        font-size: 60px;
    }
    .daynameshort {
        font-size: 20px;
    }
}

@media (min-width: 992px)
{
    .events.detail .daynameshort {
        margin: 0;
    }
}