/*
	###########################		START - FILE INFORMATION	###############################################################################
	###			VERSION: 5.0.0;
	###			LEGAL: USE OF THIS FILE CONSTITUTES YOUR ACCEPTANCE OF THE "LICENSE.TXT";
	###			NOTES: ;
	###########################		END - FILE INFORMATION		###############################################################################
*/

@media screen and ( min-width: 800px )
	{
		/* #-------------------- SECTION: NAVIGATION LINKS; -- */
		body nav a
			{
				/* NOTE: PROPERTIES FOR STYLING */
				color:						#ccffcc;
			}
		body nav a:hover
			{
				/* NOTE: PROPERTIES FOR STYLING */
				color:						#00ff00;
			}

		/* #-------------------- SECTION: NAVIGATION - BREAD CRUMBS; -- */
		body nav#BreadCrumbs
			{
				/* NOTE: PROPERTIES FOR STYLING */
				border-bottom:				1px solid #cccccc;

				/* NOTE: PROPERTIES FOR LAYOUT */
				padding-top:				10px;
			}
		body nav#BreadCrumbs span
			{
				/* NOTE: PROPERTIES FOR STYLING */
				font-weight:				bold;
				
				/* NOTE: PROPERTIES FOR LAYOUT */
				display:					block;
				color:						#ccc;
			}
		body nav#BreadCrumbs ol
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				display:					flex;
				flex-direction:				row;
				flex-wrap:					wrap;
				margin:						0;
				padding:					0;
			}
		body nav#BreadCrumbs ol li
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				list-style:					none;
				margin-bottom: 				10px;
			}
		body nav#BreadCrumbs ol li:after
			{
				/* NOTE: PROPERTIES FOR STYLING */
				font-weight:				bold;
				
				/* NOTE: PROPERTIES FOR LAYOUT */
				content:					"\00A0\02190\00A0";
			}
		body nav#BreadCrumbs ol li:last-child
			{
				/* NOTE: PROPERTIES FOR STYLING */
				color:						#fff;
			}
		body nav#BreadCrumbs ol li:last-child:after
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				content:					"";
			}
			
		/* #-------------------- SECTION: NAVIGATION - QUICK LINKS; -- */
		body nav#QuickLinks
			{
				/* NOTE: PROPERTIES FOR STYLING */
				border-bottom:				1px solid #cccccc;

				/* NOTE: PROPERTIES FOR LAYOUT */
				padding-top:				10px;
			}
		body nav#QuickLinks span
			{
				/* NOTE: PROPERTIES FOR STYLING */
				font-weight:				bold;
				
				/* NOTE: PROPERTIES FOR LAYOUT */
				display:					block;
			}
		body nav#QuickLinks ol
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				display:					flex;
				flex-direction:				row;
				flex-wrap:					wrap;
				margin:						0;
				padding:					0;
			}
		body nav#QuickLinks ol li
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				list-style:					none;
				margin-bottom: 				10px;
			}
		body nav#QuickLinks ol li:after
			{
				/* NOTE: PROPERTIES FOR STYLING */
				font-weight:				bold;
				
				/* NOTE: PROPERTIES FOR LAYOUT */
				content:					"\00A0\02190\00A0";
			}
		body nav#QuickLinks ol li:last-child
			{
				/* NOTE: PROPERTIES FOR STYLING */
				color:						#f47920;
			}
		body nav#QuickLinks ol li:last-child:after
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				content:					"";
			}
			
		/* #-------------------- SECTION: NAVIGATION - MAIN NAVIGATION BUTTON; -- */
		body nav#NavigationMain label
			{
				/* NOTE: PROPERTIES FOR STYLING */
				cursor:						pointer;
				
				/* NOTE: PROPERTIES FOR LAYOUT */
				line-height:				150%;
			}
		body nav#NavigationMain
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				width:						10px;
			}
		body nav#NavigationMain input[type="checkbox"] 
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				display:					none;
			}
		body nav#NavigationMain input#chkbxNavigationMain + label:before
			{
				/* NOTE: PROPERTIES FOR STYLING */
				content:					"\2261";
				font-family:				initial;			/* NOTE: NEEDED BECAUSE FONT-FAMILY WILL NOT INHERIT FROM BODY!?; */
				font-size:					300%;
				
				/* NOTE: PROPERTIES FOR LAYOUT */
				display:					block;
				margin-left:				10px;
			}
		body nav#NavigationMain input#chkbxNavigationMain + label
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-image:			none;
				color:						#f47920;
				font-size:					150%;
				
				/* NOTE: PROPERTIES FOR LAYOUT */
				height:						70px;
				left:						0;
				margin-left:				0px;
				margin-top: 				230px;
				padding-top:				10px;
				padding-left:				20px;
				position:					absolute;
				top:						0;
				width:						88px;
				z-index:					2000000;				/* NOTE: NEEDED TO STOP GOOGLE MAPS FOR DISPLAYING OVER; */
			}
		body nav#NavigationMain input#chkbxNavigationMain:checked + label:before
			{
				content:					"\000D7";
			}
		body nav#NavigationMain input#chkbxNavigationMain:checked + label
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-image:			none;
				background:					linear-gradient( 135deg, rgba( 0,0,0,1 ) 5%, rgba( 29,30,34,0.75 ) 80%, rgba( 0,0,0,1 ) 85% );
				color:						#f47920;
				
				/* NOTE: PROPERTIES FOR LAYOUT */
				position:					absolute;
				border-bottom:				1px solid #fff;
				border-right:				1px solid #fff;
				height:						250%;
				margin-left:				0;
				margin-top: 				0;
				padding-left:				20px;
				padding-top: 				240px;
				width:						98.8%;
				/* #-- NOTE: 98% BECAUSE OF SCROLL BAR CREATION BASED ON PADDING; -- */
			}

		/* #-------------------- SECTION: NAVIGATION - MAIN NAVIGATION MENU; -- */
		body nav#NavigationMain input#chkbxNavigationMain ~ div#ColumnContainer
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				display:					none;
			}
		body nav#NavigationMain input#chkbxNavigationMain:checked ~ div#ColumnContainer
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				/* display:					block; */
				display:					flex;
				flex-direction:				row;
				flex-wrap:					wrap;
				left:						94px;
				padding-bottom:				1%;
				padding-right:				1%;
				position:					absolute;
				top:						194px;
				width: 						80%;
				z-index:					2000001;				/* NOTE: NEEDED TO STOP GOOGLE MAPS FOR DISPLAYING OVER; */
			}
		body nav#NavigationMain input#chkbxNavigationMain:checked ~ div#ColumnContainer div.Column
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			#000;
				border:						1px solid #f47920;

				/* NOTE: PROPERTIES FOR LAYOUT */
				margin-left: 				1%;
				margin-top: 				1%;
				padding-left:				1%;
				padding-right:				1%;
				width:						30%;
			}
		body nav#NavigationMain input#chkbxNavigationMain:checked ~ div#ColumnContainer div.Column h2
			{
				/* NOTE: PROPERTIES FOR STYLING */
				border-bottom:				1px solid #f47920;
				min-height:					60px;
			}
	}