.clndr
{
    width: 100%;

    background-color: #f3f3f3;
    -webkit-box-shadow: 0 4px 0 #272727;
            box-shadow: 0 4px 0 #272727;
}
.clndr .clndr-controls
{
    padding: 14px;

    text-align: center; 

    color: white;
    background-color: #37bc9b;
}
.clndr .clndr-controls .clndr-previous-button
{
    float: left;

    text-align: left;
}
.clndr .clndr-controls .clndr-next-button
{
    float: right;

    text-align: right;
}
.clndr .clndr-controls .clndr-previous-button,
.clndr .clndr-controls .clndr-next-button
{
    width: 30px;

    cursor: pointer;
}
.clndr .clndr-controls .clndr-previous-button:hover,
.clndr .clndr-controls .clndr-next-button:hover
{
    opacity: .5;
}
.clndr .clndr-grid
{
    float: left;

    width: 65%;

    background-color: #fff;
}
.clndr .clndr-grid .days-of-the-week
{
    width: 100%;

    background-color: #f6bb42;
}
.clndr .clndr-grid .days-of-the-week .header-day
{
    float: left;

    width: 14.2857%;
    padding: 14px;

    text-align: center;

    color: white;
}
.clndr .clndr-grid .days
{
    width: 100%;
}
.clndr .clndr-grid .days .day,
.clndr .clndr-grid .days .empty
{
    float: left;

    width: 14.2857%;
    padding: 12px 0;

    text-align: center;

    color: #4f4f4f;
}
.clndr .clndr-grid .days .day.event .day-number,
.clndr .clndr-grid .days .empty.event .day-number
{
    padding: 6px 9px; 

    border: 1px solid #f6bb42;
    border-radius: 50%;
}
.clndr .clndr-grid .days .day.adjacent-month .day-number,
.clndr .clndr-grid .days .day.inactive .day-number,
.clndr .clndr-grid .days .empty.adjacent-month .day-number
{
    cursor: pointer; 

    opacity: .3;
}
.clndr .clndr-grid .days .day.selected
{
    color: white; 
    background-color: #da4453;
}
.clndr .clndr-grid .days .today
{
    color: white;
    background-color: #37bc9b;
    background-image: none;
}
.clndr .event-listing
{
    float: left;

    width: 35%;
}
.clndr .event-listing .event-listing-title
{
    font-size: .88rem;

    padding: 15.5px;

    text-align: center;
    letter-spacing: 1px; 

    color: white;
    background-color: #f4a911;
}
.clndr .event-listing .event-item
{
    padding: 6px 14px;

    color: #4f4f4f;
}
.clndr .event-listing .event-item-location
{
    font-weight: 400;
}
