/* ==========================================================================
   Home page
   ========================================================================== */

#home
  header
    // Only style it when desktop
    +respond-to-width-beyond(1200)
      .left-wrapper
        color: white

        a
          color: white

        .language-menu
          span
            color: white
            &:after
              background-color: white
          a
            color: rgba(white, 0.5)
        .toggle-menu
          color: white
          p
            color: white
          .icon
            span
              background-color: white

      &.sticky
        .left-wrapper
          .toggle-menu
            color: $black
            p
              color: $black
            .icon
              span
                background-color: $black
      &.menu-active
        .left-wrapper
          color: $lightBrown

          a
            color: $lightBrown
            &:hover
              color: white

          .language-menu
            span
              color: $lightBrown
              &:after
                background-color: $lightBrown
            a
              color: rgba($lightBrown, 0.5)

          .toggle-menu
            color: $lightBrown
            p
              color: $lightBrown
            .icon
              span
                background-color: $lightBrown

  &.ie
    header
      +respond-to-width-beyond(1200)
        .left-wrapper
          color: $black

          a
            color: $black

          .language-menu
            span
              color: $black
              &:after
                background-color: $black
            a
              color: rgba($black, 0.5)
          .toggle-menu
            color: $black
            p
              color: $black
            .icon
              span
                background-color: $black