// Header
.banner {
  .box-shadow(@shadow: 0px 0px 8px 0px rgba(2, 2, 2, 0.57););
}

.navbar-fixed-top {
  border: 0;
}

// Logo
.navbar-brand, .contact-logo {
  .text-hide();
  background-image: url("../img/header/logoIO.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100px;
  height: 80px;
}

// Menu
.navbar-default {
  .nav {
    li {
      a {
        font-family: elektra_light_proregular, sans-serif;
        text-transform: uppercase;
        font-size: 14em / 16;
        padding: 0 5px;
        line-height: 80px;
      }

      // home icon
      &.btn-home {
        .text-hide();
        background-image: url("../img/header/house-icon.png");
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 25px;
        width: 25px;

        &:hover, &.active {
          a {
            background-color: transparent;
          }
        }
      }
    }
  }
}

// Responsive adaptations
@media (max-width: 1000px) {
  .banner {
    background-color: #ffffff;
  }

  .navbar-brand {
    height: 50px;
  }

  .navbar-default {
    .nav {
      li {
        a {
          //          color: #000000;
          font-family: elektra_light_proregular, sans-serif;
          text-transform: uppercase;
          font-size: 1em;
          padding: 0 10px;
          text-align: center;
          line-height: 3em;
        }
      }
    }
  }
}

@media (min-width: 1280px) {
  .navbar-default {
    .nav {
      li {
        a {
          padding: 0 20px;
        }
      }
    }
  }
}