/* ==========================================================================
   Banner theme.
   ========================================================================== */
.l-banner {
  .nav--main {
    &,
    a {
      color: var(--color-white);
    }

    .nav-item.level-1 > a span:after {
      background: var(--color-white);
    }
  }
  .nav--dropdown {
    .nav-toggle {
      background: none;

      .icon {
        &:before {
          background-color: var(--color-white);
        }
      }
    }

    &.is-open .nav-toggle,
    .nav-toggle:hover,
    .nav-toggle:focus {
      .icon {
        color: var(--color-white);
        background-color: rgba(255, 255, 255, .25);
      }
    }
  }
  .btn--togglemenu {
    &:active,
    &.is-active,
    &:focus,
    &:hover,
    a:focus &,
    a:hover & {
      background-color: rgba(255, 255, 255, .25);
    }

    .part {
      background: var(--color-white);
    }
  }
}