.cronus-navigation {
  min-height: 80px;
  transition: all 0.5s;

  background: white;


  &.navbar {
    padding: 0;

    .dropdown ul a {
      padding: 10px 20px;
      font-size: 14px;
      text-transform: none;
      color: #1c3745;
      background-color: transparent;
    }

    ul {
      margin: 0;
      padding: 0;

    }

    li {
      position: relative;
    }

    a.dropdown-item,
    a.nav-link {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 0 10px 30px;
      font-size: 16px;
      color: var(--global-palette5);
      white-space: nowrap;
      transition: 0.3s;

      i {
        font-size: 12px;
        line-height: 0;
        margin-left: 5px;
      }
    }
    @media (max-width: 993px) {
      .cronus-menu {
        flex-basis: 100%;
      }
      .navbar-nav > li {

        > a {
          padding-left: 0px !important;

        }

        > ul a {
          padding-left: 20px !important;
        }
      }

    }
  }
}

.navbar a:hover,
.navbar .active,
.navbar .current-menu-item > a,
.navbar .current_page_item > a,
.navbar li:hover > a {
  color: var(--global-palette-highlight) !important;
}


@media (min-width: 994px) {
  .navbar .dropdown ul {
    display: block;
    position: absolute;
    left: 14px;
    top: calc(100% + 30px);
    margin: 0;
    padding: 10px 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: 0.3s;
  }
  .navbar ul {
    display: flex;
    list-style: none;
    align-items: center;
  }

  .navbar .dropdown ul li {
    min-width: 200px;
  }


  .navbar .dropdown ul a i {
    font-size: 12px;
  }

  .navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
    color: #68A4C4;
  }

  .navbar .dropdown:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }

  .navbar .dropdown .dropdown ul {
    top: 0;
    left: calc(100% - 30px);
    visibility: hidden;
  }

  .navbar .dropdown .dropdown:hover > ul {
    opacity: 1;
    top: 0;
    left: 100%;
    visibility: visible;
  }
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }
  .navbar .dropdown .dropdown:hover > ul {
    left: -100%;
  }
}

/**
* Mobile Navigation
*/
//.mobile-nav-toggle {
//  color: #fff;
//  font-size: 28px;
//  cursor: pointer;
//  display: none;
//  line-height: 0;
//  transition: 0.5s;
//}
//
//@media (max-width: 991px) {
//  .mobile-nav-toggle {
//    display: block;
//  }
//}
//
//.navbar-mobile {
//  position: fixed;
//  overflow: hidden;
//  top: 0;
//  right: 0;
//  left: 0;
//  bottom: 0;
//  background: rgba(17, 38, 48, 0.9);
//  transition: 0.3s;
//}
//
//.navbar-mobile .mobile-nav-toggle {
//  position: absolute;
//  top: 15px;
//  right: 15px;
//}
//
//.navbar-mobile ul {
//  display: block;
//  position: absolute;
//  top: 55px;
//  right: 15px;
//  bottom: 15px;
//  left: 15px;
//  padding: 10px 0;
//  background-color: #fff;
//  overflow-y: auto;
//  transition: 0.3s;
//}
//
//.navbar-mobile a {
//  padding: 10px 20px;
//  font-size: 15px;
//  color: #1e4356;
//}
//
//.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
//  color: #68A4C4;
//}
//
//.navbar-mobile .getstarted {
//  margin: 15px;
//}
//
//.navbar-mobile .dropdown ul {
//  position: static;
//  display: none;
//  margin: 10px 20px;
//  padding: 10px 0;
//  z-index: 99;
//  opacity: 1;
//  visibility: visible;
//  background: #fff;
//  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
//}
//
//.navbar-mobile .dropdown ul li {
//  min-width: 200px;
//}
//
//.navbar-mobile .dropdown ul a {
//  padding: 10px 20px;
//}
//
//.navbar-mobile .dropdown ul a i {
//  font-size: 12px;
//}
//
//.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
//  color: #68A4C4;
//}
//
//.navbar-mobile .dropdown > .dropdown-active {
//  display: block;
//}

