$font-stack: "Helvetica Neue", Helvetica, Arial, sans-serif;
$background-color: #f4994b;
$nav-item-color: #ffe4cd;

/*
 * Globals
 */
body {
  font-family: $font-stack;
  color: #555;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 0;
  font-family: $font-stack;
  font-weight: normal;
  color: #333;
}

/*
 * Override Bootstrap's default container.
 */
@media (min-width: 1200px) {
  .container {
    width: 970px;
  }
}

/*
 * Masthead for nav
 */
.masthead {
  background-color: $background-color;
  -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
          box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
}

/* Nav links */
.nav-item {
  position: relative;
  display: inline-block;
  padding: 10px;
  font-weight: 500;
  color: $nav-item-color;
}
.nav-item:hover,
.nav-item:focus {
  color: #fff;
  text-decoration: none;
}

/* Active state gets a caret at the bottom */
.nav .active {
  color: #fff;
}
.nav .active:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -5px;
  vertical-align: middle;
  content: " ";
  border-right: 5px solid transparent;
  border-bottom: 5px solid;
  border-left: 5px solid transparent;
}

.main {
  padding-top: 20px;
}

#logo {
  background-color: $background-color;
  background-image: url("../images/logo.png");
  background-size:contain;
  width: 200px;
  height:278px;
}

/* Hide logo in small screens */
@media (max-width: 767px) {
  #logo {
    display: none;
  }
}

.table td, .table th {
  vertical-align: middle;
}

.alert {
  margin-top: 1em;

  p {
    margin-top: 0;
    margin-bottom: 0;
  }
}

// For Navigation pulling right
.nav-item-auth {
  &.nav-item-auth-signout, &.nav-item-auth-signup {
    order: 9999;
  }

  &.nav-item-auth-profile, &.nav-item-auth-signin {
    order: 9990;
    margin-left: auto;
  }
}