.sub-menu-black { 
	transition: all 0.3s;
	position: relative;
    float: left;
    padding: 8px 25px 8px 25px;
    list-style: none;
    background-color: #000;
    border-radius: 25px;
}

.sub-menu-black:hover { 
	background-color: #956d0e;
	text-decoration: none !important;
}

.sub-menu-black a {
    font-size: 120% !important;
    font-weight: bold;
    text-decoration: none !important;
    color: #FFFFFF;
}

.sub-menu-black a:hover {
    font-size: 120% !important;
    font-weight: bold;
    text-decoration: underline !important;
    color: #FFFFFF;
}

.sub-menu-parent { 
    position: relative;
    float: left;
    padding: 10px 10px 10px 15px;
    list-style: none;
}

.sub-menu-parent:hover { 
	text-decoration: underline !important;
}

.sub-menu-parent ul li a:hover{
	color: #000000;
	text-decoration: underline !important;
}

.sub-menu-parent a {
    font-size: 120% !important;
    font-weight: bold;
    text-decoration: none !important;
    color: #3d4448;
}

.sub-menu-parent a:hover {
}


.supernav  > li:last-of-type {
    background-color: #000000;
    font-weight: bold;
    border-radius: 30px;
}


.supernav  > li:last-of-type a{
    color: #FFFFFF;
}

.sub-menu-parent>ul li{
	height: auto;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1;
    padding: 15px 10 15px 10;
    border-radius: unset;
}

.sub-menu-parent>ul li:hover{
}


.sub-menu-parent>ul{
visibility: hidden;
opacity: 0;
position: absolute;
top: 100%;
width: 300px;
transform: translateY(-2em);
z-index: -1;
transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;

padding-right: 20px;
padding-left: 0px;
padding-top: 15px;
padding-bottom: 20px;
margin-top: 0px;

background-color: rgb(255 245 221 / 50%);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);

    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.sub-menu-parent:focus ul,
.sub-menu-parent:focus-within ul,
.sub-menu-parent:hover ul{
  visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

.instaimg img{
    width: 38px;
    height: auto;
    margin-left: 18px;
    margin-top: 0px;
}


.nav ul{
	float: left;
}

.rightul{
	float: right;
	padding-left: 20px;
}