/* Global */

.month-date-row {
  background-color: #eee;
}
.month-date-row .views-field-title {
  padding-left: 10px;
}
.month-date-row .views-field-field-date-and-time-6 {
  padding-left: 10px;
  padding-bottom: 10px;
}
.month-date-row .views-field-field-date-and-time-3::after, .month-date-row .views-field-field-date-and-time-4::after {
  content: ',';
}
/*Desk Calendar Display
 * 
 * Vertical list where where day and date display in cube
 * 
 */

.desk-calendar-display .month-date-cube {
  line-height: initial;
  margin: 10px;
  display: inline-block;
  background-color: green;
  width: 75px;
  word-spacing: 75px;
}
.desk-calendar-display .month-date-cube .month {
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  text-align: center;
  color: #fff;
  margin-top: 5px;
}
.desk-calendar-display .month-date-cube .date {
  font-weight: bold;
  text-align: center;
  color: #fff;
  display: block;
  margin-bottom: 8px;
  font-size: 40px;
}
.desk-calendar-display .month-date-cube .date .date-display-range {
  font-size: initial;
}
.desk-calendar-display .month-date-cube .date .date-display-range span {
  font-size: 40px;
}
.desk-calendar-display .month-date-cube .date .date-display-range span:nth-child(1) {
  display: block;
  margin-bottom: -19PX;
}
.desk-calendar-display .month-date-detail {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 105px);
  margin-left: 5px;
  margin-top: 10px;
}
.desk-calendar-display .month-date-detail .title {
  clear: right;
  display: block;
}
.desk-calendar-display .views-field-title a {
  font-weight: bold;
}
/*Vertical Date Display
 * 
 * Vertical list where where date facets are configurable
 * 
 */

.vertical_date_display {
  background-color: green;
  color: #fff;
  padding: 5px;
  display: inline-block;
}
/*Horizontal Cube Display
 *  
 * Horiaontal list where where date facets are configurable
 * 
 */

.horizontal-cube-display .vertical_date_display {
  width: 100%;
  text-align: center;
}
.horizontal-cube-display .vertical_date {
  width: 100%;
  text-align: center;
}
.horizontal-cube-display .view-content {
  display: flex;
}
.horizontal-cube-display .view-content .views-row {
  flex: 1 1 auto;
  margin: 10px;
  margin-bottom: unset;
}
.horizontal-cube-display .view-content .views-row-first {
  margin-left: 0;
}
.horizontal-cube-display .view-content .views-row-last {
  margin-right: 0;
}
.horizontal-cube-display .month-date-cube {
  width: 100%;
}
.horizontal-cube-display .title {
  padding: 10px;
  display: block;
}
.horizontal-cube-display .title, .horizontal-cube-display .time {
  padding: 0;
  display: block;
  width: 100%;
}
/*Future and past events list
 *  
 * Listing of all events
 * 
 */
.page-node-events-upcoming .view-town-events-month-and-day-calendar-page- .month-date-row,
.page-node-events-past-events .view-town-events-month-and-day-calendar-page- .month-date-row,
.page-node-events-upcoming .view-group-events-month-and-day-calendar-page .month-date-row,
.page-node-events-past-events .view-group-events-month-and-day-calendar-page .month-date-row {padding: 15px;}