/*
* Calendar's default styles */

.calendarNavigation {
  margin:1rem 0;
  text-align:center
}

.calendarNavigation a {
  color:#231f20;
  text-decoration:none
}

.calendarNavigationPrevYear {
  float:left
}

.calendarNavigationNextYear {
  float:right
}

#calendarTable {
  border:1px solid #231f20;
  border-collapse:collapse;
  font-size:.75rem;
  table-layout:fixed;
  width:100%
}

#calendarTable td {
  border:1px solid #231f20;
  overflow:hidden;
  position:relative
}

#calendarTable td::after { /*makes cell square*/
  content:'';
  display:block;
  padding-top:100%;
  width:100%
}

#calendarTable h1 {
  margin:1rem 0
}

#calendarTable .calendarDay {
  left:0;
  margin-top:-1rem;
  padding-top:50%;
  position:absolute;
  text-align:center;
  top:0;
  width:100%
}

#calendarTable .calendarDayDiv { /*required for spacing*/
  margin:.5rem;
}

#calendarTable .calendarDayNumber {
  font-size:2rem;
  font-weight:700
}

#calendarTable .calendarDayNumber a {
  color:blue; /*should be same as site link color*/
  text-decoration:none
}

#calendarTable .calendarEventsList {
  display:none;
  font-size:.75rem
}

.calendarViewAll {
  display:none;
  float:right;
  font-size:.667rem
}


/*two columns - show detail*/
@media screen and (min-width:651px) { 

#calendarTable td {
  text-align:left;
  vertical-align:top
}

#calendarTable .calendarDay {
  padding-top:1rem;
  text-align:left
}

#calendarTable .calendarDayNumber {
  font-size:1rem;
  font-weight:normal
}

#calendarTable .calendarDayNumber a {  
  color:#231f20;
  cursor:default
}

#calendarTable .calendarEventsList {
  display:block
}

#calendarTable .calendarViewAll {
  display:block
}
}