/* CSS for calendar documents */
@media screen {
  #content {
   max-width:none; !important;
  }
  #cal_top > h1 {
   text-align: center;
   font-family: 'Arial Black', Gadget, sans-serif;
   font-size: x-large;
  }
  table.calendar {
   width: 100%;
   border-width: 1px;
   border-spacing: 2px;
   border-style: solid;
   border-color: black;
   border-collapse: collapse;
   background-color: white;
  }
  table.calendar th {
   height:25px;
   text-align:center;
   vertical-align:central;
   font-family:Arial, Helvetica, sans-serif;
   font-weight:bold;
   font-size:medium;
   border-width: 1px;
   padding: 1px;
   border-style: solid;
   border-color: black;
   background-color: white;
  }
  table.calendar tr {
   border-width: 1px;
   padding: 1px;
   border-style: solid;
   border-color: black;
   background-color: white;
  }
  table.calendar td {
   text-align:left;
   vertical-align:top;
   font-family:'Arial Black', Gadget, sans-serif;
   border-width: 1px;
   padding: 1px;
   height:125px;
   padding-bottom: 25px;
   border-style: solid;
   border-color: black;
   background-color: white;
  }
  .calendar p {
   text-align:center;
   font-family: Arial, Helvetica, sans-serif;
   font-size:small;
   xfont-size:1.2vw;
   font-weight:normal;
  }
  #selections {
	  display:none;
	  top: 100px;
	  position: relative;
  }
  #blank {
	  height:125px;
	  background-color:#B4D8FD;
  }
  #date_number {
	float:left;
  	font-size:large;
  }
  #day-head {
  	display:none;
  }
  .ui-datepicker-title {
  color:#FFFFFF
  }
  .smcal-div {
	display:none;
  }
  #pdfTag {
	  vertical-align:text-top;
	  margin: 0 auto;
	  height:100%;
  }
  #pdfItem {
	  margin: 25px 25px;
	  padding: 10px;
	  display:inline-block;
	  background: #4040BB;
	  text-align: center;
	  border-radius: 5px;
	  color: white;
	  font-weight: bold;
	  box-shadow: 0 3px 10px rgb(0 0 0 / 0.8);
	  width:215px;
  }
  #pdfItem:hover {
	  background-color: #B4D8FD;
	  color:#000;
  }
  #pdfItem:active {
	  background-color: #66CCFF;
	  box-shadow: 0 0;
	  transform: translateY(3px);
  }  
  
}
@media only screen and (max-width: 39.9375em) {
  #blank {
   display:none;
  }
  #date_number {
  	font-size:x-large;
  }
  #monthblock {
	  border: 20px;
	  font-size:x-small;
  }
  #day-head {
  	display:block;
	text-align:left;
	font-weight:bold;
    font-size:medium;
	background-color:#4040bb;
	color:#FFFFFF;
	margin: 0 auto;
  }
  #yrTopDiv {
    display:none;
	margin:0 -25px;
	position: sticky; top: -18px; 
  }
  #yrBottomDiv {
    display:none;
  }
  .calendar {
	display:none;
  }
  #cal_top {
  	display:none;
  }
  .calendar p {
   margin: 0 auto;
   font-size:medium;
  }
  .smcal-div {
	 display:block;
     margin: 0 auto;
	 margin-top:25px;
     width: 280px;
	 xwhite-space: nowrap
  }
  #event-info {
	padding:10px 25px;
	min-height:120px;
	background-color: #fffa90;
	border-radius: 5px;
	box-shadow: 10px 10px 5px #888888;
  }
  #output > li {
	padding-bottom: 10px;
	-webkit-padding-after: 10px;
	-moz-padding-end: 10px;
  }
  ul#event-info {
	margin-top:0;
  }
  #long-date {
		padding: 12px 0;
		font-size:large;
		font-weight:bold;
		color:#000000;
		background-color:transparent;
		border: 0 none transparent;
		text-align:center;
		width: 280px;
		margin: 0 auto;
		}
}
@media print {
  @page {
	size: legal landscape;
	margin: 0 .5in 0 .5in;
  }
  html, body {
  	margin: 0 10px;
  }
  #content {
   max-width:none; !important;
  }
  h1 {
   text-align: center;
   font-family: 'Arial Black', Gadget, sans-serif;
   font-size: large;
  }
  table.calendar {
   width: 100%;
   border-width: 1px;
   border-spacing: 2px;
   border-style: solid;
   border-color: green;
   border-collapse: collapse;
   background-color: white;
  }
  table.calendar th {
   height:20px;
   text-align:center;
   vertical-align:central;
   font-family:Arial, Helvetica, sans-serif;
   font-weight:bold;
   font-size:small;
   border-width: 1px;
   padding: 1px;
   border-style: solid;
   border-color: black;
   background-color: white;
  }
  table.calendar tr {
   border-width: 1px;
   padding: 1px;
   border-style: solid;
   border-color: black;
   background-color: white;
  }
  table.calendar td {
   text-align:left;
   vertical-align:top;
   font-family:'Arial Black', Gadget, sans-serif;
   font-size:medium;
   border-width: 1px;
   padding: 1px;
   height:125px;
   border-style: solid;
   border-color: black;
   background-color: white;
  }
  .calendar p {
   text-align:center;
   font-family: Arial, Helvetica, sans-serif;
   font-size: x-small;
   font-weight:normal;
  }
  #monthblock, #pdfTag, #day-head, .smcal-div {
	display:none;
	}
}