.ipsNavBar_primary > ul > li > a {
 background-color:rgba( var(--theme-main_nav_font),0 ); 
  transition: all .1s;
} 
.ipsNavBar_primary > ul > li{
  min-width: {theme="vala_navigation_menuitem_min_width"}px;
}

.ipsNavBar_primary > ul > li.ipsNavBar_active > a { 
      background-color: rgb(var(--vala_main_theme_color));
  	  /*box-shadow: rgb(115 103 240 / 60%) 0px 0px 3px 1px;*/
      color:rgb(var(--vala_main_theme_color_font));
    /* border-radius: 4px;
 	 background-color:rgba( var(--theme-main_nav_font),.15 );
  */
}

.ipsNavBar_primary > ul > li > a:hover {
  transition: 0.2s all ease-in-out;
}

.ipsNavBar_primary > ul > li > a:hover {
  transition: 0.2s all ease-in-out;
}

.ipsNavBar_secondary > li.ipsNavBar_active a,.ipsNavBar_secondary > li  a:hover {
    background-color: rgba( var(--vala_main_theme_color),.15 );
}

.ipsNavBar_secondary > li > a {
  background-color: rgba( var(--vala_main_theme_color),0 );
  transition: all .3s;
}



.ipsNavBar_primary {
    padding-left:0;
    position: relative;
    margin-bottom: 0; /*var(--secondary-navigation--height);*/
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: space-between;
}



/*Dropdown Menu sectopn */
{{if theme.vala_navigation}}
.ipsNavBar_primary>ul>li.ipsNavBar_active>.ipsNavBar_secondary {
  {{if theme.vala_navigation_orientation=='v'}}
    display: flex;
  {{endif}}
    flex-direction: column;
}


.ipsNavBar_primary>ul>li>.ipsNavBar_secondary {
    opacity: 0; 
    visibility:hidden;
    min-width: 230px;
}

.ipsNavBar_primary > ul > li > .ipsNavBar_secondary, .ipsNavBar_primary > ul > li > .flexMenu-popup, .ipsNavBar_primary > ul > .flexMenu-viewMore > .flexMenu-popup > li > .ipsNavBar_secondary, .ipsMenu {
    transition: all .3s ease-in-out;
}

.ipsNavBar_secondary {
    height: auto;
    bottom: auto;
    right: auto;
    left: auto;
    background-color: rgb( var(--theme-main_nav_tab) );
    box-shadow: var(--popup--boxShadow);
    border: 0;
    background-clip: padding-box;
   /* border-radius: var(--popup--radius);*/
    /*transition: all .3s ease;*/
    animation : vala__theme-fadeInUp .20s ease;
  	
}    

{{if theme.vala_navigation_icon_enabled}}
{{$icons = \explode(',',theme.vala_navigation_icons);}}
{{$valatheme_icon_index=1;}}
{{foreach $icons as $icon}}
{{$icon = \trim($icon);}}
.ipsNavBar_primary > ul > li:nth-child({$valatheme_icon_index}) > a::before {
  content: "\{$icon}";
}
{{$valatheme_icon_index++;}}
{{endforeach}}
.ipsNavBar_primary > ul > li > a::before {
  font-family:FontAwesome !important;
  font-size:inherit;
}
{{if theme.vala_navigation_icon_position=='top'}}
.ipsNavBar_primary > ul > li > a::before{
    line-height: normal;   
    display: block;
    padding-top: 15px;
}
{{else}}
.ipsNavBar_primary > ul > li > a::before{
    display: inline;
}

  html[dir="ltr"] .ipsNavBar_primary > ul > li > a::before {
  margin-right:3px;
  }

  html[dir="rtl"] .ipsNavBar_primary > ul > li > a::before {
   margin-left:3px;
  }

{{endif}}

{{endif}}

{{if theme.vala_custom_logo and theme.vala_custom_logo_position=="navbar"}}
.vala-theme-logo-nextto-navbar {
  max-width:180px;display:flex; 
}
.vala-theme-logo-nextto-navbar > a {
  max-width:inherit;object-fit:cover;
  
}
.vala-theme-logo-nextto-navbar > a > img {
  height: var(--primary-navigation--height)!important;
}

  html[dir="ltr"] .vala-theme-logo-nextto-navbar {
 margin-left:15px;
  }

  html[dir="rtl"] .vala-theme-logo-nextto-navbar {
  margin-right:15px;
  }

{{endif}}
.ipsNavBar_primary>ul>li>a, .ipsNavBar_secondary>li>a {
    display: block;
    position: relative;
    text-align: center;
    text-decoration: none;
  
}

.ipsNavBar_primary > ul > li:hover > ul.ipsNavBar_secondary  {
  opacity:1;
  visibility:visible;
  
}

html[dir="ltr"] .ipsNavBar_secondary>li>a {
    width: 100%;
    text-align: left;
}

html[dir="rtl"] .ipsNavBar_secondary>li>a {
    width: 100%;
    text-align: right;
}

#ipsLayout_header nav::after {
  height:0!important; 
}


#ipsLayout_body {
    margin: 0 auto var(--secondary-navigation--height) auto;
}
.ipsNavBar_active__identifier {
	width:100%;
  	border:none;
    border-bottom:1px solid white;
}

.ipsNavBar_active .ipsNavBar_active__identifier, .ipsNavBar_active__identifier {
  display:none;
}

.ipsNavBar_primary > ul > li > a:hover, .ipsNavBar_primary > ul > li.ipsNavBar_active > a {
  background-color: rgb( var(--vala_main_theme_color) );
}

{{endif}}
@-webkit-keyframes vala__theme-fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes vala__theme-fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

#valadarklightmainlogo {
  height:var(--topbar-height);
}
/*Dropdown Menu sectopn */