/**
 * Copyright (c) 2013-2016 OpenJournalSystems.com
 * The unauthorized reproduction or distribution of this copyrighted work is illegal and punishable under US federal laws.  
*/

label[for="menuOnTop"]{display: none;}
#menuOnTop{display: none;}

.menuOnTopClose{ transition:all 0.2s; -webkit-transition:all 0.2s;box-shadow: 0px 0px 10px rgba(0,0,0,0.5); position: fixed;  top: 0px; background: #fff; color: #333 !important; padding: 10px; font-size: 20px !important; }
.menuOnTopClose{left: -200px;  color: #fff !important;}
@media only screen and (max-width:800px) {
    #main, .sidebarOn #main{width: 100%}
    #right-sidebar{width: 100%;     padding: 0 24px;}
    label[for="menuOnTop"]{font-size: 24px; padding: 10px; border-radius: 0%; background: #424242; color: #fff; display: inline-block;}
    #nav{position: fixed;     padding: 0px; top: 10px; left: 10px; z-index: 2; background: transparent; box-shadow: none; border-bottom: 0px;}
label[for="menuOnTop"]{font-size: 24px; padding: 10px; border-radius: 0%; background: #424242; color: #fff; display: inline-block;}
nav.breadcrumb{display: none;}

#nav nav.main-menu{background: #424242; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); position: fixed; left: -200px; top: 0px; margin-bottom: 0px; bottom: 0px; z-index: 999; visibility: hidden; width: 200px; transition:all 0.2s; -webkit-transition:all 0.2s; }
#menuOnTop:checked ~ nav.main-menu{display: block; left:0px; visibility: visible; overflow: auto;}
#menuOnTop:checked ~ label[for="menuOnTop"].menuOnTopClose{left: 200px;}
#nav li{display: block; border-bottom: 1px solid #ccc; width: 100%; text-align: left }
#nav li:last-child{border-bottom: 0px;}
#nav li a{width: 100%; float: none; border-right: 0px;}
}
#main ul.menu {width: 100%; display: inline-block; margin-bottom: 20px; padding-bottom: 9px; border-bottom: 1px solid #ccc;}
#main ul.menu li a{padding: 0px 10px; border-right: 1px solid #d2d8de}
#main ul.menu li:first-child a{padding-left: 0px;}
#main ul.menu li:last-child a{border-right: 0px;}