@charset "UTF-8";

/* - - - - - - - - - - - - - - - - Hamburger Menu Script - - - - - - - - - - - - - - - - */

ul#menu {
	position: absolute;
	padding: 40px 40px 50px;
	background: #edededee;
	list-style-type: none;
	right: 0%;
	top: 0%;
	border-radius: 4px;
	font-size: 20px;
	width: 100%;
}

#menu li {
  padding: 4px 0px 5px 24px;
  font-size: 16pt;
}

	@media(min-width: 640px) {
		#menu {width: 400px;}
		#menu li {
			font-size: 17pt;
			padding: 10px 0px 12px 24px;
		}
}

#menu li.parent {
	font-weight: 600;
	font-size: 120%;
	padding: 0px 0px 0px 0px;
	margin-top: 18px;
}


.fa-navicon::before, .fa-reorder::before, .fa-bars::before, .fa-remove::before, .fa-close::before, .fa-times::before {
	font-size: 200%;
}

.fa-bars::before {content: url("../css/menu_open.png") !important;}
.fa-times::before {content: url("../css/menu_close.png") !important;}

.fa-bars::before {color: #fff;}

/* - - - - - - - - - - Hamburger Menu - - - - - - - - - - */

.mobile-container {
	margin: 0px auto;
	background-color: #000000BC;
	color: white;
	border-radius: 4px;
	min-width: 320px;
}

	@media(min-width: 640px) {
		.mobile-container {
			min-width: 420px;
		}
	}


.topnav {
  position: relative;
}

.topnav #navLinks {
  display: none;
}

.topnav a {
  color: #ffffff;
  padding: 0px 0px;
  text-decoration: none;
  display: block;
}

.topnav a.icon {
	display: block;
	position: absolute;
	right: 0%;
	top: 12px;
	z-index: 50;
	font-size: 20px;
}

.topnav ul a:hover {
  color: #e80033;
}

.active {
  background-color: #04AA6D;
  color: white;
}

div.progress_views > label:nth-of-type(n+5) {
	white-space: nowrap;
	clear: both;
}

#open {display: none;}

.information a.icon span.hidden {display: none;}

/* - - - - - - - - - - Hamburger Menu Positioning - - - - - - - - - - */
	.information {
		position: absolute;
		top: 14px;
		right: 5%;
		bottom: auto;
		z-index: 500;
		color:#000000;
		vertical-align: middle;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 2.5em;
	}

	.information p {
		margin: 0px;
		padding: 0px;
	}

	.information a {
		color: #000000;
		vertical-align: bottom;
	}

	.information a:hover {
		color: #acacac;
	}