@charset "utf-8";

/*
	New Perspectives on HTML5 and CSS3, 8th Edition
	Chapter 5
	Chapter Work

	Author: Chris LaFleur
	Date: 10/13/23

	Filename: tf_navicon.css

	This file contains styles used to control 
	a navicon menu.
	
*/


/*	===========
	Base Styles
	===========
*/

a#navicon{
	display: none;
}



/* 	===============================
	Mobile Devices: 0 to 480px 
	===============================
*/

@media only screen and (max-width: 480px) {
	a#navicon{
		display: block;
	}
	
	nav.horizontal ul{
		display: none;
	}
	
	a#navicon:hover+ul, nav.horizontal ul:hover{
		display: block;
	}
}