.navbar-custom {
    padding-left: 20%;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: var(--footerheadercolor);
    border-bottom: var(--accentcolor) 3px solid;
    min-height: 70px;
}

.navbar-custom svg
{
  width: 100%;
}

.navbar-custom .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
  }
  .navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
  color: var(--whitecolor);
}

.active {
    color: var(--whitecolor) !important;
    text-decoration-line: underline;
    text-decoration-color:  cornflowerblue;
  }

  .navbar-toggler {
    background-color: none;
    box-shadow: none !important;
  }
  
  .navbar-toggler:hover {
    box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.2) !important;
  }
  /* Dropdown menu background color*/

.navbar-nav > li > .dropdown-menu {
    background-color: var(--greycolor);
  }
  
  .navbar-nav > li > .dropdown-menu:hover {
    background-color: var(--accentcolor);
  }
  
  .dropdown-menu > li > a:hover {
    background-color: var(--accentcolor);
  }
  .dropdown-menu a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.856) !important;
  }
  
@media (min-width: 0px) {
    .navbar-custom {
      padding-left: 0%;
    }
  }

  @media (min-width: 992px) {
    .navbar-custom {
      padding-left: 10%;
    }
  }

  @media (min-width: 1200px) {
    .navbar-custom {
      padding-left: 10%;
    }

  }
  

@media (min-width: 1400px) {

    .navbar-custom {
      padding-left: 15%;
    }
  }