@charset "utf-8";

/*
   New Perspectives on HTML5 and CSS3, 8th Edition
   Tutorial 5
   Tutorial Case
   
   Author:   Cooper Miller
   Date:     10/15/2026  
   
   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;
   }
}