/*
  Tanasi Bows website
  CSS stylesheet for navigation
  By Wade Darnell
  Uses Bootstrap framework and Google fonts

  Color scheme hex values
          Dark      Standard  Light
  Brown   #2f1d15;  #382d29;  #867067;
  Blue    #0f181e;  #1b2024;  #444e57;
  Green   #1d2a13;  #2b3225;  #68785c;

  Links:  #ffc2aa;
*/

/* Remove border and background of navigation */
.navbar {
  border: 0px;
  background-color: transparent;
}

/* Set the size and color of navigation links */
.nav a {
  color: #ffffff !important;
}

/* Style navigation links during hover */
.navbar a:hover {
  color: #ffc2aa !important;
}

/* Enlarge navigation links on medium displays */
@media screen and (min-width: 768px) {
  .navbar a {
    font-size: 0.6em;
  }
}

/* Enlarge navigation links on large displays */
@media screen and (min-width: 992px) {
  .navbar a {
    font-size: 1em;
  }
}

/* Center the navigation */
@media screen and (min-width: 768px) {
  .navbar .navbar-nav {
    display: inline-block;
    float: none;
  }
}

/* Center the collapsed navigation */
.navbar .navbar-collapse {
  text-align: center;
}

/* Center and style the collapsed navigation toggle button */
.navbar-toggle {
  float: none;
  margin-left: 0px;
  margin-right: 0px;
  border: none !important;
}

/* Remove background of collapsed navigation toggle button */
.navbar-toggle:hover, .navbar-toggle:focus {
  background-color: transparent !important;
}

/* Make the collapsed navigation toggle button white */
.icon-bar {
  background-color: #ffffff !important;
}

/* Style the collapsed navigation menu */
.nav {
  position: relative;
  top: -10px;
  background-color: rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid #ffffff;
}

/* Style the expanded navigation background transparent on larger displays */
@media screen and (min-width: 768px) {
  .nav {
    background-color: transparent;
    box-shadow: none;
    border: none;
  }
}