div.ccm-block-calendar-event-list {
    margin-bottom: 10px;
    clear: both;
}

div.ccm-block-calendar-event-list-wrapper {
    margin-bottom: 10px;
    clear: both;
}


div.ccm-block-calendar-event-list-event-date {
    width: 100%;
    height: auto;
    float: left;
    /*margin-right: 10px;*/
    border: 1px solid #0058a4;
}

div.ccm-block-calendar-event-list-event-date span {
    display: block;
    text-align: center;
    padding: .25em .5em;
    font-weight: 900;
    font-size: 2rem;
    color: #0058a4;
    background: #fff;
    
}

@media (max-width: 1360px) {
    div.ccm-block-calendar-event-list-event-date span {
         font-size: 1rem;
    }
}

@media (max-width: 992px) {
    div.ccm-block-calendar-event-list-event-date span {
         font-size: 2rem;
    }
}

@media (max-width: 576px) {
    div.ccm-block-calendar-event-list-event-date span {
         font-size: 1rem;
    }
}

@media (max-width: 375px) {
    div.ccm-block-calendar-event-list-event-date span {
         font-size: .75rem;
    }
    div.ccm-block-calendar-event-list-event-date span:first-child {
    font-size: .5rem;
    }
}

div.ccm-block-calendar-event-list-event-date span:first-child {
    background-color: #0058a4;
    color: #fff;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 400;
}


div.ccm-block-calendar-event-list-event {
    /*padding-bottom: 10px;*/
    margin-bottom: 2rem;
      padding: 10px;
    clear: both;
}



div.ccm-block-calendar-event-list-event:hover {
    /*padding-bottom: 10px;*/
background: #F2F4F5;
}


div.ccm-block-calendar-event-list-link{ margin-bottom: 1rem; }

div.ccm-block-calendar-event-list-event-title {

}