@charset "utf-8";

/*
  CIS166AA Section 30402
  Author: Lindsey Jessup
  Date:   1/27/2019

  Filename: navicon.css

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

/* ===========
   Base Styles
   ===========
*/
@media only screen and (min-width: 481px) {
  a#navicon {
  display: none;
  }
}
/* ===============================
   Mobile Devices: 0 to 480px 
   ===============================
*/
@media only screen and (max-width: 480px) {
  a#navicon {
    display: block;
  }
  nav.horizontal ul {
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    }
  nav.horizontal a {
    line-height: 1.3em;
  }
  nav.horizontal ul.submenu {
    display: none;
  }
  a#navicon:focus+ul, nav.horizontal ul:focus, a#navicon:active+ul, nav.horizontal ul:active {
    position: relative;
    display: block;
  }
}