@font-face {
      font-family: 'fontello';
      src: url('/fonts/fontello/fontello.woff2') format('woff2'),
      	   url('/fonts/fontello/fontello.woff') format('woff'),
           url('/fonts/fontello/fontello.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
}

/* Uses prefix med- to target elements in this size range */
@media only screen and (max-width: 825px) {
	.md-hide,
	#logo															{ display: none !important; }

	body															{ overflow-x: hidden; }
	#mainbody														{ position: relative; float: none; width: 97%; padding: 1.5%; left: 0; background-color: #fefefe; z-index: 1; }
	.left-menu														{ position: relative; float: none; width: 50%; }
	#nav-left														{ position: absolute; left: 0; top: 0; z-index: 0; width: 100%; font-size: 1.25em; border-left: solid 1px #999; }

	label[for="nav-trigger"]										{ position: fixed; top: -8px; left: -11px; z-index: 5; cursor: pointer; padding: 11px 10px 4px 17px; font-size: 1.3em; background-color: #666666; color: #fff; border: 1px solid #fff; border-radius: 5px; box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.4); }
	label[for="nav-trigger"]::after 								{ content: "Menu"; }
	.nav-trigger:checked + label[for="nav-trigger"]::after			{ content: "Hide Menu"; }
	.nav-trigger:checked ~ #mainbody								{ left: 50%; box-shadow: -2px 0 10px 2px rgba(0,0,0,0.4); }
	.nav-trigger:checked ~ .left-menu								{ position: absolute; }
}

/* Uses prefix med- to target elements in this size range */
@media only screen and (max-width: 567px) {
	body															{ font-size: 14px; }

	.sm-hide,
	.Options label span,
	.collapseContent thead tr:not(.sm-show),
	.collapseContent td:not([data-th])								{ display: none !important; }

	.align-right													{ text-align: left; }
	div.searchCMS div[class^="accessColor"]							{ flex: none; width: 96%; }
	#nav-cms-screens												{ float: none !important; }
	.collapseContent td												{ display: block; width: inherit; text-align: left !important; padding: 5px 3px 3px 8px; }
	.collapseContent td[data-th]:before								{ display: block; content: attr(data-th); font-weight: bold; color: #000; }
	.editContent > tbody > tr:not(.thead) > td:last-child			{ display: block !important; text-align: center !important; width: auto !important; padding: 5px 8px;  }
	tr.partition td:not(:first-of-type)								{ border-top: none; }		
	section > div:not(.sm-static), .columns > div:not(.sm-static)	{ float: none !important; width: 100% !important; margin: 0 0 10px !important; padding: 0 !important; }										
	#nav-footer, #nav-copyright										{ float: none !important; }
}

@media print {
	*																{ box-shadow: none !important; text-shadow: none !important; }
	header, .left-menu, .searchCMS, #nav-cms-screens, footer		{ display: none !important; }
	.left-menu 														{ width: 0% !important; }
	#mainbody 														{ width: 98% !important; }
	input[type="text"], select, textarea							{ border: none; -webkit-appearance: none; background-color: transparent; }
}