/* Right align the menu block */
.sf-menu {
    float: right;
}

/* Center all menu items vertically and add padding */
.sf-menu li {
    display: flex;
    align-items: center;
    padding: 15px;
}

.contextual-region.block.block-superfish.block-superfishaccount.clearfix{
    display: block;
    float: right;
    width: 25%;
}

/* Style dropdowns with white background and black text */
.sf-menu ul {
    background-color: white;
    color: black;
}

ul.sf-menu .sf-sub-indicator {
    content: '▼'; /* Adjust this to the arrow symbol or icon you are using */
    position: absolute;
    right: 10px; /* Adjust the spacing as needed */
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; /* Ensure the arrow doesn't interfere with clicks */
}

ul.sf-menu a{
    padding: 15px;
}

ul.sf-menu a, ul.sf-menu span.nolink{
    padding: 15px;
}

ul.sf-menu ul .sf-sub-indicator:after{
    float: right;
}

ul.sf-menu .sf-with-ul{
    padding-right: 3em;
}

.sf-menu ul li {
    color: black;
}

.sf-menu > li:hover {
    background-color: #005477; /* Lighter background color */
}

.sf-menu .sf-depth-2,
.sf-menu .sf-depth-3 {
    color: black;
}

/* Remove underline on hover for top-level menu items */
.sf-menu > li > a:hover {
    text-decoration: none;
}

/* Keep top-level menu items white when clicked */
.sf-menu > li > a:active {
    color: white;
}

.sf-depth-2.menuparent.nolink.sf-with-ul{
    width: 100%;
}

li.sf-depth-1.menuparent > span{
    display: none;
}

li.sf-depth-1.menuparent{
    margin: auto;
    width: 75px;
    height: 50px;
    background: url(/sites/all/logos/burger.png) no-repeat;
    background-position: center;
}

ul.sf-menu.menu, ul.sf-menu.menu ul{    
    margin-top: 2vh;
    margin-left: 10vh;
}