#new_header {
  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar {
    margin: 0;
    border: none;
    min-height: unset;
    background-color: #3674b6;

    .cta-navigation {
      display: none;
    }

    ul.main-nav {
      > li {

        > a {
          position: relative;
          font-size: 0.9375rem;
          white-space: initial;
          padding: 0.47rem 1.25rem;
          color: #ffffff !important;
          border-bottom: 2px solid transparent;
          transition: border-color 200ms ease-in-out;

          &:hover,
          &:focus,
          &:active {
            border-color: #adc937;
            color: lighten(#474849, 20%);
          }
        }

        &:first-of-type {
          > a {
            padding-left: 0;
          }
        }

        &.selected {
          box-shadow: none;

          > a {
            border-color: transparent;
          }
        }

        &.dropdown {
          a {
            color: #4e4f50;
            background-color: transparent;
          }

          &:not(:hover) {
            .dropdown-menu {
              display: none;
            }
          }

          @media (min-width: $screen-lg-min) {
            &:hover {
              .dropdown-menu {
                display: block;
              }
            }
          }
        }

        > .dropdown-menu {
          width: 600px;
          padding: 1.875rem 0;
          //margin-left: -1rem;
          border: 1px solid #efefef;
          background-clip: border-box;

          > li {
            width: 49%;
            display: inline-block;

            &:nth-child(odd) {
              border-right: 3px solid #efefef;
            }
          }

          &.has-addition {
            min-height: 500px;
          }

          .addition {
            top: 0;
            bottom: 0;
            width: 400px;
            left: -400px;
            display: flex;
            padding: 3.125rem;
            text-align: center;
            position: absolute;
            align-items: center;
            background: #1775bb;

            h3 {
              color: #ffffff;
              font-size: 1.5rem;
              font-family: "adelle-sans", $font-family-sans-serif;
            }

            p {
              color: #ffffff;
            }

            a {
              color: #ffffff;
              font-weight: bold;
              margin-top: 1.25rem;
              padding: 0.625rem 1.25rem;
              white-space: normal;
              display: inline-block;
              text-decoration: none;
              text-transform: uppercase;
              border: 1px solid rgba(255, 255, 255, 0.5);

              &:hover {
                border-color: white;
              }
            }
          }

          > .col {
            &:first-of-type {
              border-right: 3px solid #efefef;
            }

            > ul {
              padding: 0;
              list-style: none;

              > li {
                list-style: none;

                > a {
                  color: #363637;
                  display: block;
                  line-height: 1.5;
                  font-weight: bold;
                  white-space: normal;
                  text-decoration: none;
                  padding: 0.375rem 1.875rem;

                  &:hover,
                  &:focus,
                  &:active {
                    background: none;
                  }

                  > small {
                    color: #626568;
                    display: block;
                    font-size: 0.75rem;
                    font-weight: normal;
                  }
                }

                > .dropdown-menu {
                  margin: 0;
                  width: 100%;
                  border: none;
                  color: #125587;
                  box-shadow: none;
                  position: inherit;
                  padding: 0.5rem 0 1rem;

                  > li {
                    color: #1775bb;
                    list-style: square;
                    font-size: 0.875rem;
                    margin-left: 3.125rem;

                    > a {
                      padding: 0;
                      color: #1775bb;
                      font-size: 0.875rem;
                      white-space: normal;

                      &:hover,
                      &:focus,
                      &:active {
                        background: none;
                      }
                    }
                  }
                }
              }
            }
          }
        }

        &:nth-last-child(-n + 1) {
          > .dropdown-menu {
            margin-left: 0;
            right: 0 !important;
            left: auto !important;
            margin-right: -6.25rem;
          }
        }
      }
    }

    ul.login-nav,
    ul.open-account-nav {
      > li {
        padding: 0;

        > a {
          color: #ffffff;
          border-radius: 0;
          font-weight: bold;
          text-transform: none;
          padding-left: 1.66rem;
          padding-right: 1.66rem;

          &:hover,
          &:focus,
          &:active {
            color: #ffffff;
          }

          .fa {
            margin-left: 0.75rem;
          }
        }

        .dropdown-menu {
          top: 100%;
          border: none;
          margin-top: 0;
          padding: 1.5rem;
          min-width: 252px;
          background: #ffffff;

          input,
          select {
            margin-bottom: 1.5rem;
          }
        }
      }
    }

    ul.login-nav {
      > li {
        > a {
          border-color: #adc937 !important;
          background-color: #adc937 !important;

          &:hover,
          &:focus,
          &:active {
            background: darken(#adc937, 10%) !important;
            border-color: darken(#adc937, 10%) !important;
          }
        }
      }

      .choices {
        .choices__inner {
          color: #363637;
          border: 1px solid #c2c2c2;
          background-color: #ffffff;
        }

        .choices__list--dropdown {
          color: #363637;
          border: 1px solid #c2c2c2;
          border-top: none;
        }
      }

      .dropdown-menu {
        .btn {
          font-weight: bold;
          text-transform: none;
        }
      }
    }

    ul.open-account-nav {
      > li {
        > a {
          border-color: #30659c !important;
          background-color: #30659c !important;

          &:hover,
          &:focus,
          &:active {
            background: darken(#30659c, 10%) !important;
            border-color: darken(#30659c, 10%) !important;
          }
        }

        .dropdown-menu {
          left: 0;
        }
      }

      .open-account-copy {
        text-align: center;

        i {
          color: #adc937;
          font-size: 1.1875rem;
        }

        p {
          color: #363637;
          font-size: 0.75rem;
          line-height: 15px;

          strong {
            color: #1775bc;
            display: block;
            font-size: 0.9375rem;
            line-height: 18px;
            margin-top: -0.5rem;
            margin-bottom: 0.5rem;
          }
        }
      }

      .open-account-links {
        display: flex;

        .btn {
          width: 100%;
          font-weight: bold;
          text-transform: none;
          margin-left: 0.25rem;
          margin-right: 0.25rem;
          padding-left: 0 !important;
          padding-right: 0 !important;
          background-color: #1775bc;
          border-color: #1775bc;

          &:hover,
          &:focus {
            border-color: $blue;
            background-color: $blue;
          }
        }
      }
    }
  }

  .navbar-nav {
    > li {
      > a {
        padding-top: 0.47rem;
        padding-bottom: 0.47rem;
      }
    }
  }

  .secondary-top-menu {
    display: none;
    padding-left: 0;
    padding-top: 2rem;

    li {
      list-style: none;

      a {
        display: inline-block;
        padding: 1rem 2rem;
        padding-left: 4rem;
        color: #ffffff;
      }
    }
  }
}

@media (max-width: $screen-md-max) {
  #new_header {
    .secondary-top-menu {
      display: inherit;
    }

    .login-nav,
    .open-account-nav {
      display: none;
    }

    .navbar {
      margin-top: 0;

      ul.main-nav {
        > li {
          &:first-of-type {
            > a {
              padding-left: 4rem !important;
            }
          }

          &.dropdown {
            > a {
              position: relative;

              &:after {
                top: 1rem;
                right: 2rem;
                color: #ffffff;
                content: "\f105";
                position: absolute;
                font-family: "FontAwesome";
              }
            }

            &.open {
              > a {
                &:after {
                  content: "\f107";
                }
              }
            }
          }
        }
      }

      .cta-navigation {
        display: flex;
        flex-direction: row-reverse;

        .login-nav,
        .open-account-nav {
          margin: 0;
          width: 50%;
          display: inherit;

          > li {
            width: 100%;

            > a {
              width: 100%;
            }

            .dropdown {
              width: 100%;
            }

            .dropdown-menu {
              left: 0;
              right: 0;
              width: 200%;
              min-width: 0;
              min-width: unset;
              position: absolute;
              transform: translateX(-50%);
            }
          }
        }

        .open-account-nav {
          .dropdown-menu {
            transform: translateX(0%) !important;
          }
        }
      }
    }

    .navbar-collapse {
      top: 0;
      right: 0;
      bottom: 0;
      width: 90%;
      z-index: 100;
      position: fixed;
      max-width: 315px;
      transition: none;
      overflow-x: hidden;
      background: $blue-light;
      transform: translate(300px);

      &.collapsing {
        -webkit-transition: none;
        transition: none;
        display: none;
      }

      ul.main-nav {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 5rem;
        background: $blue;

        > li {
          &:not(:last-of-type) {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
          }

          > a {
            color: #ffffff;
            padding: 1rem 2rem;
            padding-left: 4rem;
            border-bottom: none;

            &:hover,
            &:focus,
            &:active {
              color: #efefef;
              background: none;
            }
          }

          > .dropdown-menu {
            border: none;
            position: inherit;
            background: #ffffff;
            padding: 1rem 0 1rem 2rem;
            margin-left: -2.5rem !important;
            border-left: 1px solid #00000029;

            > .col {
              border-right: none !important;

              > ul > li > a {
                color: #1766a1;
              }
            }

            li {
              width: auto;
              display: block;

              > .dropdown-menu {
                > li {
                  margin-left: 3rem !important;
                }
              }
            }
          }

          &.open {
            .dropdown-menu {
              display: inline-block !important;
            }
          }
        }
      }
    }
  }
}
