:root {
  --menu_tab: #336699;          /* Blue - rgb(50,104,155) use https://www.color-hex.com/ to determine rgb colors */
  --menu_tab_hl: #991B1E;       /* Burgandy - rgb(153,27,30) */  
  --body_bckgrnd: #E3E9F4;      /* very pale blue - rbg(227,233,244) */
}  

::-webkit-scrollbar {
  /*width: 0px;  VW HUC wants to show the scrollbar*/
}
  
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}

.column {
  padding-left: 10px;
}

.events-container {
  margin: 3%;
}

.events-desc {
  padding-bottom: 10px;
}

#menu {
  padding-top: 10px;
}


table {
  border-collapse: initial !important;
}

/* override prototype.js toggling to display:none */
.navbar .dropdown {
  display: inherit !important;
}

.navbar {
  padding: 0px;   
  /* position: -webkit-sticky; */
}

div.vertical-center {
  box-sizing: border-box !important; 	    
  height: 30px; 
  width: 120px;   
  background: url('../images/fobm8_item_bg.png') no-repeat;
  font-family:	Arial,sans-serif;		
  font-weight:	bold;
  display: flex; 
  justify-content: center; 
  align-items: center;
}

div.vertical-center:hover,div.vertical-center:focus,div.vertical-center:active {
  color: white !important; 	
  background: url('../images/fobm8_item_bg_hl.png') no-repeat;    
}

div.vertical-center.show {
  color: white !important; 	
  background: url('../images/fobm8_item_bg_hl.png') no-repeat;    
}

.navbar-nav .nav-link {
  color: white !important; 
  font-family: arial,sans-serif !important;
  font-size: 12px !important;    
  font-weight:	bold !important;  
  padding: unset !important;  
  line-height: 1.25 !important;
  text-align: center !important;
  text-decoration: none !important;		   
}

.navbar-nav .nav-link.show {
  color: white !important; 	
  background: url('../images/fobm8_item_bg_hl.png') no-repeat; 
}

.navbar-nav .dropdown-menu {
  color: #336699 !important;       
  border: 1.5px solid rgba(50,104,155,.75) !important;   /* menu_tab rgb colors at 75% */
  float: left;
  -webkit-transform: translateZ(1px);
}
    
/*	
a.dropdown-item {
  box-sizing: border-box !important; 	    
  color: #336699 !important;       
  font-family: arial,sans-serif !important;
  font-size: 12px !important;    
  line-height: 1.25 !important;
  padding: 0.25rem 1.0rem !important;
  background-color: white !important;  
}    

a.dropdown-item:hover,a.dropdown-item:focus,a.dropdown-item:active {
  color: white !important;      
  background-color: #991B1E !important;  
  cursor: pointer !important;  
}
*/

.dropdown-submenu .dropdown-item {
  display: block;
  width: 100%;
  clear: both;
  font-weight: 400;
  text-align: inherit;
  white-space: nowrap;
  border: 0;
  box-sizing: border-box !important; 	    
  color: #336699 !important;       
  font-family: arial,sans-serif !important;
  font-size: 12px !important;    
  text-decoration: underline;  
  line-height: 1.25 !important;
  padding: 0.25rem 1.0rem !important;
  background-color: white !important;  
}  

.dropdown-submenu .dropdown-item:hover,.dropdown-submenu .dropdown-item:focus,.dropdown-submenu .dropdown-item:active {
  color: white !important;      
  background-color: #991B1E !important;  
  cursor: pointer !important;  
}

.dropdown-menu {
  -webkit-transform: translateZ(1px);
}

.dropdown-submenu {
  -webkit-transform: translateZ(1px);
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}    

.dropdown-submenu .dropdown-menu-left {        
  left: auto; 
  right: 100%;
}

.dropdown-submenu .dropdown-menu-right {
  left: auto;     
  right: 0;
}  

.vertical-center .dropdown-menu-sm-right {
  position: absolute !important;
  top: 0 !important;
  left: 122px !important;     
  float: left !important;
  z-index: 1100 !important; 
  background-color: white !important;  
}  

.dropdown-submenu .dropdown-menu-sm-left {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;     
  float: none !important; 
  z-index: 1200 !important; 
  margin: 0.25rem !important;  
  background-color: white !important;
} 

.dropdown-submenu .dropdown-menu-scroll {        
  height: auto;
  max-height: 55vh;
/* overflow-x: visible;  */
  overflow-y: auto;
  scrollbar-color: #991B1E rgba(153,27,30,.25);  /* menu_tab_hl rgb colors at 25% */
}
    
.navbar-toggler {
  border: 2px solid !important;     
  color: rgba(153,27,30,.55) !important;  /* menu_tab_hl rgb colors at 55% */
}

.navbar-toggler-icon {                                                                                                                 /* menu_tab rgb colors at 65% */
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(50,104,155,0.65)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}    

.sticky {
  border-top: 0;    
  left: 0;  
  position: fixed;
  top: 0;  
  width: 100%;
/*position: fixed;
  z-index: 100;*/
}