#rain-menu{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    height: 10vh;
}

#rain-menu *{
    font-family: "Roboto", sans-serif;
}

#rain-menu a{ 
  color: #000!important;
  font-weight: 500!important;
  padding: 1px;
  transition: color 0.3s;
}

#rain-menu a:hover{ 
color: #fff!important;
  background: #FCC00f!important;
}

#rain-menu li:before{
  background: #FCC004!important;
}

#rain-menu li:before:hover{
  background: #FCC004!important;
}

#rain-menu .uk-active {
  padding: 0;
}

#rain-menu .uk-active{
  padding: 0;
  color: #FCC004!important;
}

@media only screen and (max-width: 767px){
  .rain-logo{
  position: absolute;
  top: 0;
}
}

/* dropdown */
#rain-menu .uk-dropdown-navbar, .rain-switcher-products .uk-dropdown-small{
  background: #FCC004!important;
}

#rain-menu .uk-dropdown-navbar .uk-nav-navbar li, .rain-switcher-products .uk-dropdown-small{
    font-size: 1rem;
  	color: #333;
  	font-weight: 300;
  	margin-bottom: 30px;
}

#rain-menu .uk-dropdown-navbar .uk-active a, .rain-switcher-products .uk-dropdown-small .uk-active a{
  background: #FCC00f!important;
}

/* top menu right */
.uk-float-right{
  display: flex;
  align-items: center;
}

.rain-search .uk-search:before{
  color: #333;
}

/* line between menu items */
    #rain-menu > li {
        display: inline-block;
        position: relative; /* Add position relative to allow pseudo-element positioning */
    }
    #rain-menu > li:not(:last-child):after {
        content: "|";
        position: absolute; /* Position the vertical bar */
        top: 50%; /* Center vertically */
        left: calc(100% + 5px); /* Move the vertical bar to the right of the menu item */
        transform: translateY(-50%); /* Center vertically */
        color: #ccc; /* Set the color of the vertical bar */
    }
    #rain-menu > li:last-child:after {
        content: none; /* Remove the vertical bar from the last item */
    }