/*
This style is the Left Menu that will collapse to Mobile Bread Crumb/* 
    Created on : Sep 10, 2018, 9:44:16 AM
    Author     : gprah
*/

#wrapper
{
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
    overflow: visible;
}
 
#LmenuIcons{
    display:flex;
    justify-content: center;
}

@media all and (min-width: 700px) {
    .mobileOnly {
        visibility: hidden;
    }
    #JudLnav{
      min-width:15em;
      max-width: 15em; /* to match static pages - can we remove this */
      z-index:5000;
      background: #1F3776;
      padding: 0 2px 0 0;
	  margin: 0;
	  border: 0;
	  list-style: none;
      font: bold .8em Arial, Helvetica, sans-serif;
	  text-decoration: none;
	  position: relative;
	  justify-content: space-between;
	}	
	#JudLnav ul.sub{
	    display: none;            
	    line-height: 1.1;
        font: normal .8em Arial, Helvetica, sans-serif;
	    padding:0 0 0 5px;
	    background:#fef8e5;
	}	
    #JudLnav ul.sub li{
	    border-bottom: .2px solid navy;
        
	}
    #JudLnav ul.sub li a {
        color: black;
    }
    #JudLnav>li:first-child{
	    display:none; 
	}
	#JudLnav a , #JudLnav span{
	    text-decoration: none;
	    padding: .3em;
	}
	#JudLnav i{
	    margin:0 5px 0 0;
		float:right;
	 }
	#JudLnav ul{
      padding:10px 0 2px 2px;
	  z-index:100; 
	}	
	#JudLnav li:not(:last-child){
	    width: 100%;
        padding:2px 0 2px 0;
        border-bottom: .2px solid grey;
	}
	#JudLnav ul li a {
	  margin: 0 0 2px 0;
	  font-size: 15px;
	  display: block;
	  color: #ffffff;
	 /* text-shadow: 0 1px 1px #000;  */
	}
}

@media all and (max-width: 700px) {
         .mobileOnly {
            visibility: visible;
        }
         #btnMenuClose {
            color:white;
            margin:6px 0 0 12px;
            float:left;
            vertical-align:baseline;
        }
		nav{ margin: 0 ;
		    width: 95%; 
		   }
		#JudLnav{
            position: absolute !important;
            top:0;
            left: 0;
            display: none;
            width: 270px;
            background-color: #1F3776;
            font: bold .9em Arial, Helvetica, sans-serif;
            margin:0;    
            padding:0;
            z-index:5000;
		}

        #JudLnav ul{
            padding:15px 0 0 5px;
            }

            #JudLnav a{
            text-decoration: none;
            padding: 1em .7em 1em .5em; /*  Adjust for Mobile Menu height*/
            display: flex !important;
            justify-content:space-between;
            border-bottom: 1px black ridge;
			}
			
			#JudLnav>li:first-child,#JudLnav>li a{
			display: flex;   
            justify-content: space-between;       
			}
			
			#JudLnav>li:first-child{
            position:absolute;
            left:0;
            top:0;            
			background-color:red;
			cursor: pointer;  
			}
			
			#JudLnav li{
			display: block;
			list-style-type: none;
			width: auto;
			}
			
			#JudLnav .sub{
			background-color: #FEF8E5;
            padding:0 0 0 5px;    
			}
			
			#JudLnav a{
			display: block;
			}		
			
			#JudLnav_top a:hover{
			background-color: #CFC0A7;
			}
			#JudLnav li a , #JudLnav span{
			color: white;
			}
			
			#JudLnav .sub li a{
			color: black !important;  
			}
				
			#JudLnav ul.sub{
			display: none;
			}					
}