// Header
.fusion-main-menu {
  float: none !important;
}

.fusion-header {
  border-bottom: 2px solid #f7f7f7;
  display: table;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 0 !important;

  @include breakpoint('medium') {
    padding-top: 20px;
  }

  .ubermenu-responsive-toggle {
    border-bottom: 2px solid #f7f7f7;
    background: url(images/mobile-logo-small.png) no-repeat 0 0;
    background-size: 33px 44px;

    > .fa.fa-bars {
      width: auto;

      &:before {
        color: $charcoal;
        content: "MENU";
        font: {
          family: 'Montserrat', sans-serif;
          size: 18px;
        }
      }
    }

    &.ubermenu-responsive-toggle-open {
      border-bottom: 0;
      background: url(images/mobile-logo-normal.png) no-repeat 0 0;
      background-size: 125px 42px;

      > .fa.fa-bars:before {
        font: normal normal normal 14px/1 FontAwesome;
        color: $black-24;
        content: "\f00d" !important;
        font-size: 28px;
      }
    }
  }

  li {
    &.ubermenu-item-level-0 {
      border-top: 2px solid #f7f7f7 !important;

      &:first-child {
        border-top: 0 !important;
      }

      @include breakpoint('medium') {
        border-top: 0 !important;
      }

      > .ubermenu-submenu {
        background-color: #fff;

        @include breakpoint('medium') {
          border-top: 2px solid #f7f7f7;
          padding-top: 25px;
        }

        a {
          color: $dark-aqua;
          font-size: 13px;
          letter-spacing: 0.2px;
          font-family: 'Roboto', sans-serif;
          font-weight: 100;
          outline: 0;

          &:hover, &:focus {
            text-decoration: underline;
          }
        }
      }

      > a {
        color: $charcoal;
        font-family: 'Roboto Condensed';
        font-size: 14px;
        letter-spacing: -0.4px;
        text-transform: uppercase !important;
        font-weight: normal;
        padding: 16px 0 !important;

        @include breakpoint('medium') {
          padding: 60px 20px 20px !important;
          font-size: 20px;
        }

        &:hover, &:focus {
          color: $dark-aqua;
          text-decoration: underline;
        }

        &.logo {
          padding-top: 15px !important;
          padding-bottom: 10px !important;
        }

        &.right-links {
          font-family: 'Montserrat', sans-serif;
          color: $dark-aqua;
          font-size: 16px;
          text-transform: none !important;
          &:focus {
            outline: none;
          }
        }
      }

      &.ubermenu-current-menu-ancestor > a {
        font-weight: 700;
      }
    }
  }

  .ubermenu-item-header {
    > span {
      line-height: 1;
    }

    .ubermenu-target-text {
      font-family: 'Roboto', sans-serif;
      color: $charcoal;
      font-size: 13px;
      letter-spacing: 0.2px;
      font-weight: 900;
      line-height: 1.2;

      @include breakpoint('medium') {
        border-bottom: 2px solid $light-grey-blue;
        font-size: 15px;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: -0.3px;
        white-space: nowrap;
      }
    }
  }

  a.megamenu-important {
    @include breakpoint('medium') {
      margin-top: 15px;
      //border: 1px solid #e2e2e2;
      border: 1px solid transparent;
      padding: 25px 20px 15px !important;

      img {
        margin-bottom: 15px !important;
      }
    }
  }

  /* Members */
  .ubermenu-row-id-11045 {
    @include breakpoint('medium') {
      > li {
        border-right: 1px solid #e2e2e2;

        &:last-child {
          border-right: 0;
        }
      }
    }
  }

  /* Community */
  .ubermenu-row-id-11087 {
    @include breakpoint('medium') {
      > li {
        border-right: 1px solid #e2e2e2;

        &:last-child {
          border-right: 0;
        }
      }
    }
  }

  /* Events */
  .ubermenu-row-id-11100 {
    @include breakpoint('medium') {
      > li {
        border-right: 1px solid #e2e2e2;

        &:last-child {
          border-right: 0;
        }
      }
    }
  }

  /* About Us */
  .ubermenu-row-id-16614 {
    @include breakpoint('medium') {
      > li {
        border-right: 1px solid #e2e2e2;

        &:last-child {
          border-right: 0;
        }
      }
    }
  }

  .ubermenu-search-input {
    outline: 0;
    background-color: #fff !important;
    border-bottom: 2px solid #f7f7f7 !important;
  }

  #menu-item-11041 .ubermenu-submenu {
    box-shadow: none;
    border-top: 0;

    @include breakpoint('medium') {
      top: 42px;
    }
  }

  #menu-search {
    outline: 0;

    @include breakpoint('medium') {
      padding-top: 60px !important;
      padding-bottom: 23px !important;
    }
  }

  .mobile-menu-search {
    input {
      border: 0 !important;
      color: rgba(0, 0, 0, 0.54);
      line-height: 1.5;
      font: {
        family: 'Roboto', sans-serif;
        size: 16px;
      }

      @include placeholder {
        color: rgba(0, 0, 0, 0.54);
      }
    }

    .ubermenu-searchform {
      width: 50% !important;
      margin: 7px auto !important;
    }
  }

  .mobile-menu-login {
    text-align: center;

    a.fusion-button {
      padding: 11px 27px;
      letter-spacing: 0.2px;
      background-color: $dark-aqua;
      font: {
        size: 14px;
        family: 'Roboto', sans-serif;
        weight: 500;
      }
    }
  }
}

.home .fusion-header {
  border-bottom: 0;
}

.ubermenu-main .ubermenu-row {
  @include breakpoint('medium') {
    display: table !important;
  }

  > .ubermenu-column {
    @include breakpoint('medium') {
      display: table-cell !important;
      float: none !important;
      height: 100%;
    }

    a:hover, a:focus {
      text-decoration: underline !important;
    }
  }
}