#primenav {
    border-bottom: 1px solid #000; 
    border-top: 1px solid #000;
    display:block;
    width:100%;}

nav.navbar.prime {
    font-size: 1.05em;
   font-family:"OpenSans-Regular";
    font-weight:700;padding-top:0;padding-bottom:0;}
    
li.nav-item .nav-link {
    color:#000;
    border-bottom:3px solid white;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 8px;
    padding-right: 0px;}

li.nav-item .nav-link.show {
 border-bottom-color:#7e57c2;}


li.nav-item{}

li.nav-item:hover{}



.dropdown-toggle[aria-expanded="true"]:after {

 
  transform: rotate(180deg);
}


/*for the animation*/
.dropdown-toggle:after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f078";
  border:0;
  transition: all linear 0.25s;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  transition: 0.5s;vertical-align: 0;margin-left: .4em;color:#1866c8;
}




/*
.dropdown-toggle span.caret{
    font-family: 'Font Awesome 5 Free';
    background: url(/media/l2yhs03w/chevron-right.png);
    background-repeat: no-repeat;
    background-size: 12px 7px;
    background-position:right 2px top 50%;
    padding-right:18px!important;
     content: "\f078";
  transform: rotate(90deg) ;
  transition: all linear 0.25s;
    
}
*/


ul.dropdown-menu {
   border:none;border-radius:0!important;}

ul.dropdown-menu li a {
    font-weight:700;
    color: #000;
    border-bottom: none;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 16px;
    padding-right: 16px;
    font-size:1.10em;}

ul.dropdown-menu li a:hover {
    color: #000;
    background: #d7effa;}

@media (max-width: 1199px){
    nav.navbar.prime {
     font-size: 1.0em;}

 li.nav-item .nav-link {
    padding-left: 5px!important;}
    
}
@media (max-width: 1100px){
    nav.navbar.prime {
     font-size: .95em;}

 li.nav-item .nav-link {
    padding-left: 7px!important;}
    
}

@media (max-width: 992px){
 nav.navbar.prime {
     font-size: .95em;}

 li.nav-item .nav-link {
    padding-left: 5px!important;}
    
 .nav-link{
     padding-right:0!important;}
    
    
li.nav-item .nav-link {
    padding-top: 8px;
    padding-bottom: 8px;
}    
    
}

@media (max-width: 992px){
    
    
    
 li.nav-item .nav-link.show {
    border-bottom-color: #7e57c2;}
    
 li.nav-item .nav-link{
    text-align:center; }
    
 nav.navbar.prime {
    font-size: 1.15em;}
    
 #primenav {
    border-top: 1px solid #fff;
 
 }
    
 .navButton{
    position:absolute;
    border-left:1px solid black;
    right:0px;
    top:-50px;
    border-radius: 0px;
    outline:none!important;}

 .navButton:focus{
    outline:none!important;
    box-shadow:none;}
    
 span.menuButton{
    background: url(/media/l2yhs03w/chevron-right.png);
    background-repeat: no-repeat;
    background-size: 12px 7px;
    background-position:right 2px top 50%;
    padding-right:20px!important;} 
}

span.sb-link-animation-wrapper,

a.dropdown-toggle span.sb-link-animation-wrapper,

a.dropdown-item span.sb-link-animation-wrapper
{

    text-decoration: none;
    position: relative;
    background-image: linear-gradient(currentColor,currentColor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size .3s ease .15s;
    background-size: 0 1px;
   
}

span.sb-link-animation-wrapper:hover,

a.dropdown-toggle:hover span.sb-link-animation-wrapper,   
a.dropdown-item:hover span.sb-link-animation-wrapper
{ background-size: 100% 1px;}