/* -------------------------------------
 *  Program Name:    drawer.css
 *  Written By:      Michele Dijkstra
 *  Last Modified:   08-03-2015
 *  ------------------------------------ */

/*  navicon button  */

label {
     font-size:              1.7em;
     margin:                 0px;
     padding:                0px;
     display:                inline-block;
}


label:hover {
     color:                  #883333;
}


/*  drawer   */

nav, nav ul {
     position:               fixed;
     top:                    70px;
     right:		     -10px;
     height:                 250px;
     max-width:              0px;
     overflow:               hidden;
     display:                none;
}

input {
     display:                none;
}

input:checked + label {
     -webkit-tap-highlight-color:  #AAAAAA;
     color:                  #AAAAAA;
     cursor:                 pointer;
}

input:checked ~ nav, 
input:checked ~ nav ul {
     width:		     160px;
     max-width:              500px;
     right:                  10px;
     background-color:       #252525;
     cursor:                 pointer;
     transition:             .15s ease-in-out;
     display:		     block;
}


/*  menu   */

ul.menu {
     list-style:             none;
     margin:                 8px 0 0 0;
     padding:                0;
}

li.menu {
     border-bottom:          1px solid #AAAAAA;
     padding-top:            .5em;
     padding-bottom:         .5em;
}
 
li a.menu {
     display:                block;
     text-decoration:        none;
     color:                  #FFFFFF;
}

li a.menu:hover {
     color:		     #FFEEC0;
}