/* Responsive Calendar for Foundation */
.calendar { 
    margin-left: 0;
    margin-bottom: 1.25rem;
}
    .calendar * {
        list-style: none;
        line-height: 1;
    }
    .calendar .title { 
        text-align: center; 
        font-size: 1.6875rem; 
    }
    .calendar .week {
        padding: 0px;
        margin: 0px;
    }
    .calendar .week:before, .calendar .week:after {
        content: " ";
        display: table; 
    }
    .calendar .week:after {
        clear: both; 
    }
    .calendar .bodyend {
        padding-bottom: 1px;
        border-bottom: 2px solid #2ba6cb;
    }
.calendar .day,
.calendar .days {
  position: relative;
  padding: 0.3rem 0.39375rem;
  width: 100%;
  min-height: 6rem;
  float: left;
}
.calendar .day-header {
    background-color: #2ba6cb; 
}
.calendar .day-header .day,
.calendar .day-header .days { 
    background-color: #2ba6cb; 
    color: white;
    text-align: center;
    min-height: 0.5rem;
    display: none;
}

.calendar .calendar-footer .day {
    text-align: left;
    min-height: 0.5rem;
    font-size:x-small;
    border-style:solid;
    border-width:0px 0px 0px 8px;
    margin-top: 1em;
    margin-bottom: 1em;
}

/* Temporary fudge for event colours */
.calendar .event {
    font-size:small;
    border-style:solid;
    border-width:0px 0px 1px 8px;
    padding:0px 0px 1px 2px;
}
.calendar .eventdelcol {
    border-color:#ff0000;
}
.calendar .event1col {
    border-color:#0cad2c;
}
.calendar .event2col {
    border-color:#8622c9;
}
.calendar .event3col {
    border-color:#e68020;
}
.calendar .event4col {
    border-color:#1cc8e3;
}
.calendar .event5col {
    border-color:#d323d3;
}
.calendar .event6col {
    border-color:#d3d3d3;
}


.day:hover, .days:hover {
    background: #efefef;
}

.day.previous-month,
.days.previous-month,
.day.next-month,
.days.next-month {
    background: #e9e9e9;
    color: #222222;
    display: none;
}

.day.today, .days.today {
    background: #76df9d;
}
.day.today:hover, .days.today:hover {
    background: #65ce8c;
}

@media only screen and (min-width: 12em) {
    .calendar .small-1 {
        position: relative;
        width: 50%;
    }
}
@media only screen and (min-width: 20.063em) {
    .calendar .medium-1 {
        position: relative;
        width: 33.33%;
    }
}
@media only screen and (min-width: 40.063em) {
    .calendar .medium-1 {
        position: relative;
        width: 14.28571%;
    }

    .calendar .day-header .medium-1,
    .medium-1.previous-month,
    .medium-1.next-month {
        display: block;
        visibility: visible;
    }

    .show-for-large-up {
        display: none;
    }

    .show-for-medium-up {
        display: block;
    }

    .show-for-medium-down {
        display: block;
    }

    .show-for-small {
        display: none;
    }
}
@media only screen and (min-width: 64.063em) {
    .calendar .large-1 {
        position: relative;
        width: 14.28571%;
    }

    .calendar .day-header .large-1,
    .large-1.previous-month,
    .large-1.next-month {
        display: block;
        visibility: visible;
    }

    .show-for-large-up {
        display: block;
    }

    .show-for-medium-down {
        display: none;
    }
}
@media only screen and (min-width: 90.063em) {
    .calendar .xlarge-1 {
        position: relative;
        width: 14.28571%;
    }

    .calendar .day-header .xlarge-1,
    .xlarge-1.previous-month,
    .xlarge-1.next-month {
        display: block;
        visibility: visible;
    }
}
@media only screen and (min-width: 120.063em) {
    .calendar .xxlarge-1 {
        position: relative;
        width: 14.28571%;
    }

    .calendar .day-header .xxlarge-1,
    .xxlarge-1.previous-month,
    .xxlarge-1.next-month {
        display: block;
        visibility: visible;
    }
}