/* These styles are generated from project.scss. */
body {
  background-color: black;
}

.bread-bg {
  background-color: #e9ecef;
}

.main-body {
  background-color: white;
  padding-bottom: 20px;
  padding-top: 20px;
}

.breadcrumb {
  margin-bottom: 0;
  padding: 3px 0 3px 0;
  font-size: 1rem;
}

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

/* Display django-debug-toolbar.
   See https://github.com/django-debug-toolbar/django-debug-toolbar/issues/742
   and https://github.com/pydanny/cookiecutter-django/issues/317
*/
[hidden][style="display: block;"] {
  display: block !important;
}

.card-links h2 {
    text-align: center;
    border-bottom: 2px solid  black;
    margin-bottom: 20px;
}

.card-links .row {
    margin-bottom: 20px;
}

.card-links div.card {
    text-align: center;
    margin-bottom: 20px;
}

a.card-link {
    color: black;
}

a.card-link:hover {
    text-decoration: none;
}

.card-links .card {
  overflow: hidden;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition: .25s box-shadow;
  transition: .25s box-shadow;
}

.card-links .card:focus,
.card-links .card:hover {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.row.camera-top {
  margin-bottom: 20px;
  margin-top: 20px;
}

.review-card {
  margin-top: 20px;
}

.header .nav-pills .nav-link.active {
  background-color: inherit;
}

.header .home:hover, .header .home.active {
  border-bottom: 4px solid #c02030;
}

.header .news:hover, .header .news.active {
  border-bottom: 4px solid #f9af4c;
}
.header .gear:hover, .header .gear.active {
  border-bottom: 4px solid #FFFF00;
  border-bottom: 4px solid #FFD700;
}

.header .learn:hover, .header .learn.active {
  border-bottom: 4px solid #a4c044;
}

.header .community:hover, .header .community.active {
  border-bottom: 4px solid #1990e0;
}

.header .resources:hover, .header .resources.active {
  border-bottom: 4px solid #9f5cbf;
}

.header .store:hover, .header .store.active {
  border-bottom: 4px solid #000;
}

.header .nav-pills .nav-link {
  color: #eee;
  font-variant: small-caps;
  font-weight: bold;
  border-radius: 0;
  padding: 0px 1rem;
}

.header .nav-link {
  border-bottom: 4px solid #333;
}

.header a.nav-link:hover {
  color: white;
}

.header .mainnav {
}

.header .topbar {
  background-color: #000;
}

.header .logo {
  margin: 5px 0 5px 0;
}

h1 {
  text-align: center;
  margin-bottom: 20px;
}

.footer {
  background-color: black;
  padding: 0 0 20px 0;
  color: #aaa;
}

.footer a {
  color: white;
}

.footer a:hover {
  text-decoration: underline;
}

.navbuttons {
  margin-bottom: 20px;
}

.navbuttons a span {
  font-size: 13px;
  font-weight: bold;
}

.contentimage {
    border: 0;
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
    border: 3px solid black;
}

.carousel-caption {
  text-shadow: 3px 3px #333;
}