/* --- Style --- */
.navbar {
  /* See HEADING_LOGO for all related places that may need to be updated. */
  min-height: 93px !important;
  background-image: url("../images/leaves-dark-header.170d326b8223.jpg");
}
.navbar-default {
  background-color: transparent;
  border-color: transparent;
}
.navbar-default .navbar-brand {
  color: #ecf0f1;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #9db43f;
}
.navbar-default .navbar-nav > li > a {
  color: #ecf0f1;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  font-size: 16px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #9db43f;
}
.navbar-default .navbar-nav .active > a, .navbar-default .navbar-nav .active > a:hover, .navbar-default .navbar-nav .active > a:focus {
  color: #9db43f;
  background-color: transparent;
}
.navbar-default .navbar-nav .open > a, .navbar-default .navbar-nav .open > a:hover, .navbar-default .navbar-nav .open > a:focus {
  color: #9db43f;
  background-color: transparent;
}
.navbar-default .navbar-nav .open > a .caret, .navbar-default .navbar-nav .open > a:hover .caret, .navbar-default .navbar-nav .open > a:focus .caret {
  border-top-color: #9db43f;
  border-bottom-color: #9db43f;
}
.navbar-default .navbar-nav > .dropdown, .navbar-default .navbar-nav .dropdown-menu {
  border-color: transparent;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  background-color: transparent;
}
.navbar-default .navbar-nav > .dropdown > a .caret, .navbar-default .navbar-nav .dropdown-menu > a .caret {
  border-top-color: #ecf0f1;
  border-bottom-color: #ecf0f1;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav .dropdown-menu > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret, .navbar-default .navbar-nav .dropdown-menu > a:focus .caret {
  border-top-color: #9db43f;
  border-bottom-color: #9db43f;
}
.navbar-default .navbar-toggle {
  border-color: transparent;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}

/* Apply the mobile device styling when the browser window width or height is below the specified values. */
@media (max-width: 767px), (max-height: 500px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #9db43f;
    background-color: transparent;
  }

  /* Hide the LW logo at the top of the page when the browser width is less than the value stated above. */
  img.lw-logo {
    display: none;
  }

  /* Show the LW small logo at the top of the page when the browser width is less than the value stated above. */
  img.lw-small-logo {
    display: block;
  }

  /* Since the LW logo is hidden, make the green header shorter. */
  .navbar {
    min-height: 30px !important;
  }

  /* Left align the drop down menu that is shown with the 3 bars. */
  /* This also sets a left margin for when the nav menu AND the small logo is shown. */
  #navbar {
    margin-left: 85px !important;
  }

  /* Hide the workshop title since it can take a lot of space. */
  #workshopId {
    display: none;
  }

  /* Set the home page spacer to 0px to allow more vertical space on mobile devices. */
  .lw-home-page-heading-spacer {
    height: 0px;
  }

  /* Set the non-home page spacer to 0px to allow more vertical space on mobile devices. */
  .lw-non-home-page-heading-spacer {
    margin-top: 0px;
  }

  /* Hide the LW Done in a Day at the bottom of the page when the browser width is less than the value stated above. */
  img.lw-done-in-a-day-logo {
    display: none;
  }
}