.navbar-toggler {
    height: 58px;
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}

    .nav-scroller .nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        color: rgba(255, 255, 255, .75);
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

.nav-underline .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
    color: var(--secondary);
}

    .nav-underline .nav-link:hover {
        color: var(--blue);
    }

.nav-underline .active {
    font-weight: 500;
    color: var(--gray-dark);
}

@media (max-width: 990px) {
    .moved-top {
        position: fixed;
        top: 58px !important; /* Height of navbar */
    }
        .offcanvas-collapse {
        position: fixed;
        top: 158px; /* Height of navbar */
        bottom: 0;
        width: 100%;
        left:16px;
        padding-right: 0;
        padding-left: 0;
        overflow-y: auto;
        overflow-x: hidden;
        background-color: rgba(200, 20, 50, 1);
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

        .offcanvas-collapse.open {
            -webkit-transform: translateX(-1rem);
            transform: translateX(-1rem); /* Account for horizontal padding on navbar */
        }

    .navbar-navlink-icon {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .navbar-navlink-form {
        padding-right: 1rem;
        padding-left: 1rem;
        margin-bottom:20px;
    }
}
.dropdown .dropdown-menu {
    display: block;
    min-width: 225px;
    position: absolute;
    padding: 0;
    opacity: 0.3;
    border-radius: 0;
    transform-origin: top;
    animation-fill-mode: forwards;
    transform: scale(1, 0);
    border: none;
    transition: all 0.2s linear;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-top: 1px !important;
}
  .dropdown .dropdown-menu .dropdown-header {
    padding: 10px 20px;
    margin-top: 10px;
    text-transform: uppercase;
    color: #626E82; }
  .dropdown .dropdown-menu .dropdown-item {
    padding: 14px 30px 14px 20px;
    width: auto; }

.dropdown i {
  margin-right: 0.5rem; }

.header .nav-item i {
  margin-right: 0.5rem; }

.open > .dropdown-menu {
  transform: scale(1, 1);
  opacity: 1; }

.dropdown-toggle::after {
    font-family: 'FontAwesome';
    content: "\f107";
    border: none !important;
    position: relative;
    top: 4px;
    right: 0px;
    padding: 0 2px 0 6px;
    margin: 0 0.3em 0 0;
}

.dropdown-toggle.nav-hide-arrow::after {
  display: none; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu-right {
  left: auto !important;
  right: 0; }

.dropdown-menu .dropdown-submenu {
  position: relative; }
  .dropdown-menu .dropdown-submenu:hover .dropdown-menu {
    display: block; }
  .dropdown-menu .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0;
    margin-left: 0;}
    .dropdown-menu .dropdown-submenu > .dropdown-menu.open-left {
      left: auto;
      right: 100%; }
  .dropdown-menu .dropdown-submenu > a:after, .dropdown-menu .dropdown-submenu > button:after {
    font-family: 'FontAwesome';
    content: "\f105";
    right: 8px;
    font-size: 1rem;
    float: right;
    border: none;
    position: absolute;
    margin-right: 8px;
    margin-top: 10px;
}
  .dropdown-menu .dropdown-submenu :hover > a:after, .dropdown-menu .dropdown-submenu :hover > button:after {
    border-left-color: #555; }
  .dropdown-menu .dropdown-submenu .pull-left {
    float: none; }
    .dropdown-menu .dropdown-submenu .pull-left > .dropdown-menu {
      left: -100%;
      margin-left: 10px; }

.dropdown-header {
  text-transform: uppercase; }
  .dropdown-header.highlight {
    color: #2b2d2f;
    text-decoration: none;
    background-color: #f5f5f5; }

.btn-secondary ~ .dropdown-menu .dropdown-item.active {
  background-color: #cccccc; }

.btn-primary ~ .dropdown-menu .dropdown-item.active {
  background-color: #00B5B8; }

.btn-success ~ .dropdown-menu .dropdown-item.active {
  background-color: #16D39A; }

.btn-danger ~ .dropdown-menu .dropdown-item.active {
  background-color: #FF7588; }

.btn-info ~ .dropdown-menu .dropdown-item.active {
  background-color: #2DCEE3; }

.btn-warning ~ .dropdown-menu .dropdown-item.active {
  background-color: #FFA87D; }

.dropdown-menu.arrow {
  margin-top: 12px; }
  .dropdown-menu.arrow:after, .dropdown-menu.arrow:before {
    position: absolute;
    left: 10px;
    display: inline-block;
    width: 0;
    height: 0;
    content: '';
    border: 7px solid transparent;
    border-top-width: 0; }
  .dropdown-menu.arrow:before {
    top: -7px;
    border-bottom-color: #b3b3b3; }
  .dropdown-menu.arrow:after {
    top: -6px;
    border-bottom-color: #fff; }

.dropdown-menu .arrow-left {
  margin-left: 7px !important; }
  .dropdown-menu .arrow-left:after, .dropdown-menu .arrow-left:before {
    position: absolute;
    top: 10px;
    display: inline-block;
    width: 0;
    height: 0;
    content: '';
    border: 7px solid transparent;
    border-left-width: 0; }
  .dropdown-menu .arrow-left:before {
    left: -8px;
    border-right-color: #b3b3b3; }
  .dropdown-menu .arrow-left:after {
    left: -7px;
    border-right-color: #fff; }

.dropdown-menu .arrow-right {
  margin-right: 7px !important; }
  .dropdown-menu .arrow-right:after, .dropdown-menu .arrow-right:before {
    position: absolute;
    top: 10px;
    display: inline-block;
    width: 0;
    height: 0;
    content: '';
    border: 7px solid transparent;
    border-right-width: 0; }
  .dropdown-menu .arrow-right:before {
    right: -7px;
    border-left-color: #b3b3b3; }
  .dropdown-menu .arrow-right:after {
    right: -6px;
    border-left-color: #fff; }

.dropup .dropdown-menu.arrow {
  margin-bottom: 12px; }
  .dropup .dropdown-menu.arrow:after, .dropup .dropdown-menu.arrow:before {
    top: auto;
    border-top-width: 7px;
    border-bottom-width: 0; }
  .dropup .dropdown-menu.arrow:before {
    bottom: -8px;
    border-top-color: #b3b3b3; }
  .dropup .dropdown-menu.arrow:after {
    bottom: -6px;
    border-top-color: #fff; }

.dropup .dropdown-submenu .dropdown-menu {
  bottom: auto;
  top: 0; }

.dropdown-menu-xl a,
.dropdown-menu-xl button {
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 1rem;
  line-height: 1.43; }

.dropdown-menu-lg a,
.dropdown-menu-lg button {
  padding-top: 6px;
  padding-bottom: 6px; }

.dropdown-menu-sm a,
.dropdown-menu-sm button {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 0.86rem;
  line-height: 1.67; }

button:focus {
  outline: none; }