/* ------------ calendar styles ------------ */

#cal-header{
  width:100%;
  margin:0 auto 16px;
  overflow:hidden;
}

.prev-month, .current-month, .next-month{
  float:left;
  text-align:center;
}

.prev-month, .next-month{
  width:20%;  
}

.prev-month a, .next-month a{
  display: inline-block;
  background-color: #F0EFE8;
  border-radius: 3px 3px 3px 3px;
  font:300 14px/18px 'Oswald', "Helvetica", Arial, Helvetica, Geneva, sans-serif;
  color: #2B2821;
  padding: 4px 6px;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
}

.prev-month a:hover, .next-month a:hover{
  background-color: #706856;
  color: #f0eee9;
}



/*

#recent h4 .more{
  background-color: #F0EFE8;
  border-radius: 3px 3px 3px 3px;
  color: #2B2821;
  display: inline-block;
  float: right;
  font: 300 12px/16px 'Oswald',"Helvetica",Arial,Helvetica,Geneva,sans-serif;
  padding: 4px 6px;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
}

#recent h4 .more:hover{
  background-color: #706856;
  color: #f0eee9;
}



*/

.current-month{
  width:60%;
}

.calquotes{
	color:#0d5e89;
}

.calendar ul{
  list-style: none;
  padding: 0;
  margin: 0;
  clear: both;
  width: 100%;
}

.calendar li{ 
  border: 1px solid #ededed;
  padding: 10px;
  margin-bottom: -1px;
}

.calendar .weekdays{
  display: none;
}

.calendar li .day, .calendar li .month{
  display: inline;
}
 
.calendar li.out_of_range {
  display: none;
}


.date{
  font:300 14px/18px 'Oswald', "Helvetica", Arial, Helvetica, Geneva, sans-serif;
}

.calendar-day .event{
	font-size: 11px;
}

.calendar-day .event a{
	display:block;
  margin-bottom:10px;
}

.out_of_range{
	background-color:#f7f5f0;
}

.event .description p{
  margin-right:20px;
}

.event figure{
  display:inline-block;
  margin-bottom:20px;
}

.event figcaption{
  color: #777777;
  font: italic 10px/12px 'Oswald',"Helvetica",Arial,Helvetica,Geneva,sans-serif;
}

/* ------------ calendar media queries ------------ */

@media only screen and (min-width: 768px) {
	.calendar li{
		display: block;
		float: left;
		width: 14.2857142857%;
		padding: 5px;
		box-sizing: border-box;
		border: 1px solid #e0dfd9;
		margin-right: -1px;
		margin-bottom: -1px;
	}
	
	.calendar .weekdays{
		display:block;
	}
	
	.day_of_week{
		font:300 14px/18px 'Oswald', "Helvetica", Arial, Helvetica, Geneva, sans-serif;
		background-color:#f0eee9;		
		border: 1px solid #e0dfd9;
		text-align:center;
	} 
	
	.calendar li .day, .calendar li .month{
		display:none;
	}
	
	.calendar li.out_of_range {
		display:block;
	}
}

@media only screen and (max-width : 767px) {
	.calendar li{
    height: auto!important;
	}

}