/*
Refer to this option for styling other months' days
https://cssnewbie.com/list-based-css-calendar/
*/
#days {			  
	width:100%;			  
	margin:0 auto;   		 
	height:auto;
  min-width:320px;
	max-width:1200px;
  clear:both;
}
.day {
	list-style-position:inside;
	margin:0 auto;   		 
	padding:0;
}
 .day li {
	float: left;
	margin:0 1% 1% 0;
	padding:0;
	width:150px;
	height:250px;
  position:relative; 

	background-image:url(number_bg.png);
	background-position:-10px -10px;
	background-repeat:no-repeat;
  

	font-size:110%;
	line-height:1.1;
	border:1px solid gray;
	font-weight:bold;
	color:white;
 }

 .day li:before {
    /*padding:2%;
    display: inline-block; 
    margin-left:.5em;
    margin-right: 0.5em;  
    text-align: right; 
    direction: rtl; 
    */
 }
    
 .day li a {
 	color:black;
 	background-color:transparent;
 }
 .day li a img {
  margin-top:-13%;
  position:relative; 
  z-index:-5;
  display:block;
	width:150px;
	height: 100px;
	object-fit: cover;
	}
	
 .day ul {
	background-color:whitesmoke;
	list-style-type:none;
	margin:0; 
	padding:0;
}

 .day li li {
	padding:3% 1% 5% 3%;  
	margin:0 0 1% 0;
	height:auto;
	width:98%;
	font-size:75%;
	font-weight:normal;
	background-image:none;
	border:0;
}


.day li li a:hover {
	color:orange;
}

.day .current ul {
	background-color:whitesmoke;
  height:152px;
}