:root {
  --menu_tab: #0D345F;          /* Blue - rgb(13,52,95) use https://www.color-hex.com/ to determine rgb colors */
  --menu_tab_hl: #ED1C24;       /* Red - rgb(237,28,36) */  
  --menu_tab_hlb: #55708F;      /* Not so Dark Blue - rgb(85,112,143) */  
  --body_bckgrnd: #B6C2CF;      /* Gray - rbg(182,194,207) */      
}

::-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; */
}

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

.vertical-center:hover,.vertical-center:focus,.vertical-center:active {
  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: #55708F !important;       
  border: 1.5px solid rgba(85,112,143,.75) !important;   /* menu_tab rgb colors at 75% */
  float: left;
  -webkit-transform: translateZ(1px);
}
    
a.dropdown-item {
  box-sizing: border-box !important; 	    
  color: #0D345F !important;       
  font-family: arial,sans-serif !important;
  font-size: 12px !important;    
  line-height: 1.25 !important;
}    

.dropdown-item:hover,.dropdown-item:focus,.dropdown-item:active {
  color: #0D345F !important;      
  background-color: #55708F !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;
}    

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

.navbar-nav .dropdown-menu-right {
  left: auto;     
  right: 0;
}  
.navbar-nav .dropdown-menu-scroll {        
  height: auto;
  max-height: 45vh;
  /*
  position: relative;
  z-index: 10000;
  overflow-x: visible;
  overflow-y: auto;   visible; 
  */

  scrollbar-color: #55708F rgba(85,112,143,.25);  /* menu_tab_hlb rgb colors at 25% */
}
    
.navbar-toggler {
  border: 2px solid !important;     
  color: rgba(85,112,143,0.55) !important;  /* menu_tab_hlb 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(85,112,143,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;  
  top: 0;  
  width: 100%;
/*position: fixed;
  z-index: 100;*/
}