/*
	tswnavbar.css	1.2.0
	Please use the Navigation Menu Wizard at
		https://www.thesitewizard.com/wizards/css-menu-buttons.shtml
	to generate your own customized menu buttons.
*/

#tswcssbuttons {
	width: 90% ;
	text-align: center ;
}
#tswcssbuttons ul {
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
}
#tswcssbuttons li {
	margin: 0 ;
	padding: 0 ;
	display: block ;
	list-style: none ;
	font-family: Arial, Helvetica, sans-serif ;
}
#tswcssbuttons li a {
	color: #000000 ;
	background-color: #ffffff ;
	border: 1px outset #000000 ;
	text-decoration: none ;
	display: block ;
}
#tswcssbuttons li a:hover {
	color: #ffffff ;
	background-color: #000000 ;
}
#tswhamburger {
	display: none ;
}
@-ms-viewport { width: device-width ; }
@viewport { width: device-width ; }
@media only screen and (max-width:629px) {
	#tswcssbuttons {
		margin-top: 10px ; 
/* added so that there's some space between the menu top and logo/hamburger button in mobile layout */
	}
	#logo {
		float: left ; 
/* added to make it flush left of menu button */
/* logo or text next to the hamburger button, see tutorial
https://www.thesitewizard.com/css/put-text-next-to-image-and-centre-both.shtml */
	}
	#tswhamburger {
		display: inline ;
		width: 3em ;
		font-weight: bold ;
		font-size: 150% ;
		color: #000000 ;
		background-color: #ffffff ;
		float: right ; 
/* added to make it flush right of logo.
https://www.thesitewizard.com/css/put-text-next-to-image-and-centre-both.shtml */
	}
	#tswhamburger:hover {
		color: #ffffff ;
		background-color: #000000 ;
	}
	#tswcssbuttons {
		display: none ;
	}
	#clearboth {
		clear: both ; 
/* added to cancel the floats. 
https://www.thesitewizard.com/css/put-text-next-to-image-and-centre-both.shtml  */
	}
}