#calender-grid-containe{
	
}

.hidden{
	display:none;
}

 .imgpath{
	width:80%;
}

.wpChristmasCalendar_setting_day{
	width:88%;
}


 #adventstable td{
	height:10rem;
	text-align:center;
	vertical-align:middle;
	background:#ccc;
	opacity:0.85;
	width:16%;
	
}


#adventstable a {
	height: 100%;
}

#adventstable .open{
	background-color:transparent;
	 color:#E5BB80;
}

#adventstable .open:hover{
	background-color:lightblue ;
	opacity:0.70;
	color:black;
	font-size:2.5rem;
}
#adventstable .today{
	background-color:gold ;
	opacity:0.70;
	color:black;
}

#adventstable{
	background-color: #cccccc; /* Used if the image is unavailable */
  height: 500px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  color:#93671B ;
}

#dialog {
    display:none;
    position: fixed;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 8888;
	background: rgba(4, 16, 37, .8);
	overflow-y: auto;

 }
 
 .innerDia{
	width:70%;
	min-height:50%;
	height:auto;
	margin:auto;
	margin-top:5%;
	background-color:white;
	border-color:0e408f;
	

 }
 
 .closeS{
	float:right;
	text-align:right;
	margin:1rem;
 }
 
 .dayHeadingS{
	 text-align: center;
	 margin-left:5rem;
	 margin-right:5rem;
 }
 
 #dialog h1{
	font-size:2.5rem;
 }
 
#dialog .dayImageS {
	max-width:48rem;
	margin-left:auto;
	 margin-right:auto;
}

#dialog .dayTextS {
	text-align: center;
	margin-top:2rem;
	padding-bottom:2rem;
	font-size:1.5rem;
}
 
 @media only screen and (max-width: 500px) {
	 #dialog h1{
		font-size:1.5rem;
	 }
 }