/*
File Name: tpnavigation.css
Date: 1/27/2020
Programmer: John Garcia
*/

/* Set up menu */

/* remove bullet in front of list items in menu */
 
.tpheader ul {
	list-style-type: none;
	margin-top: 0;
	padding-left: 0;
}

/* space between lines */

.tpheader li {
	padding: 10px 0;
}
 
/* remove underline in links. */

.tpheader li a {
	text-decoration: none;
	color: #333;
}

.tpheader li a:hover {
	background-color: #F4F4F4;
}

/* space around each of the menu items */
  
.tpheader li a {
	padding: 10px 30px;
}

/* hide the checkbox and label for it, which will be used in our responsive 'hamburger' menu in a future project. */
  
.tpheader .tpmenu-icon, .tpmenu-btn {
	display: none;
}
  
/* TABLET STYLES */


@media only screen and (min-width: 600px) {
	.tpheader .tpmenu {
		float: left;
		margin: 0 0 10px 0;
	}

	.tpheader li {
		float: left;
	}

	.tpheader li a {
		padding: 10px;
	}

	#information {
		clear: left;
	}
}