/* Flex subnav bar styling */
#eventNavBarOuterDiv {
    display:block;
}
#eventNavBarInnerDiv {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    justify-content: center;
    
    }
ul#eventNavBarList { 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex;    
    border-bottom: 1px solid #CCC;
    list-style: outside none none;
    margin: 0px 0px 1.5rem;
    padding: 0px;
    /*line-height: 1.5em;*/
    }
#eventNavBarInnerDiv li {
	/* grey */
	background-image: linear-gradient(to bottom, transparent 50%, #E0E0E0 50%, #E0E0E0 95%, #D0D0D0 95%);
	background-size: 100% 200%;
    background-position: center top;
    color: #666;
    display: block;
    text-align: center;
    text-decoration: none;
    transition: all 0.25s ease-in-out 0s;
    }
#eventNavBarInnerDiv li:hover {
    background-position: bottom center;
    color: rgba(0,0,0,.75);
    }
#eventNavBarInnerDiv li.active {
    font-weight:bold;
}
#eventNavBarInnerDiv ul a {
    padding: .8rem 1.5rem;
}
#eventNavBarInnerDiv li a {
    color: #666;
    display: block;
    transition: all 0.25s ease-in-out 0s;
    text-decoration:none;
    background-color: transparent;
}

#eventNavBarOuterDiv {
   box-sizing: border-box;
   }

#eventNavBarSelect {
   display:none;  // hide the nav select list for regular displays
}  
   
/* Seminar/Conf submenu styling for small screens */
@media all and (max-width: 750px) {
   #eventNavBarInnerDiv {   /* change orientation of nav options to dropdown format */
    display:inline;
    text-align:left;
   }
   #evt_mobile_nav_button {  /* show the dropdown nav (mobile) button */
       display:inline-block;
       margin-left:20px;
   }    
   #evt_mobile_nav_button img {
      background-image: url("images/menu_icon_mobileversion.png");
      height:29px;
      width:25px;
	  background-size:contain;
	  background-repeat:no-repeat;
	  border:none;
   }
   ul#eventNavBarList {
    display:block;
   }
    #eventNavBarInnerDiv li {
        background-image: none;
        background-color: #e0e0e0;
        border-bottom:1px white solid;
    }
    #eventNavBarInnerDiv li:hover {
        background-color: #d0d0d0;
    }
    #eventNavBarOuterDiv {  /* hide the nav bar */
        display:none;
    }
}