.menu_holder {
   z-index: 1;
   float: right;
   font-size: 12px;
}

.menu_nav {
   width: 100%;
   text-align: left;
   display: flex;
   flex-direction: row;
}

.menuitem_container {
   display: flex;
   flex-direction: row;
   
}

.menuitem_container > menuitem {
   position:relative;
   margin-left: 10px; 
   margin-right: 10px; 
   /* font-size: 14px;  */
   letter-spacing: 0px;
   word-spacing: 0px;
   color: white;
   /* word-wrap: break-word; */
   cursor:pointer;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .menuitem_container > span {
   position:relative;
   margin-left: 10px; 
   margin-right: 10px; 
   letter-spacing: 0px;
   word-spacing: 0px;
   cursor:pointer;
 }

.menuitem_container menuitem:after {
   content: '';   
   vertical-align: middle;
   border: 7px solid transparent; 
   border-top: 7px solid white; 
   vertical-align: -50%;
   margin-left: 5px; 
}

.menuitem_container menuitem:only-child:after {
   content: '';
}

.menuitem_container menuitem:hover::after {
   content: '';
   vertical-align: middle;
   border: 25px solid transparent; 
   border-top: 7px solid black; 
   vertical-align: -50%;
   margin-left: 5px; 
}


.menuitem_container > menuitem > menu {
   display: none;
}

.menuitem_container > menuitem > span {
   display: none;
}

.menuitem_container > menuitem > menu > span {
   display: none;
}

.menuitem_container > menuitem:hover {
   background-color: rgba(0, 0, 0, 0.5);
   border: transparent;
   border-radius: 10px;
   padding-left: 10px;
   padding-right: 50px;
   width: fit-content; 
}

/* .menuitem_container > menuitem:hover > menuitem {
   display: flex;
   flex-direction: column;
   transform:translateX(5%);
} */

.menuitem_container > menuitem:hover > menu {
   display: flex;
   flex-direction: column;
   transform:translateX(5%);
}

.menuitem_container > menuitem > menu:hover > span {
   display: flex;
   flex-direction: column; 
   overflow-x: hidden;
   transform:translateX(8%);
}

.menuitem_container > menuitem > menu:hover > .menuitem_container {
   width: fit-content; 
}

a {
   color: white;
   /* font-size: 10px; */
}

a:hover {
   color: rgb(0, 0, 0);
   text-decoration: none;
}