/******************************************************************************
 *
 * PROJECT SPECIFIC CUSTOMIZATIONS
 *
 * Definition of additional CSS classes and small overrides for
 * caiusproject.com.
 *
 *****************************************************************************/
.header {
  background-color: black;
}

.main {
  padding-bottom: 2ex;
}

.footer {
  color: white;
  background-color: black;
  font-size: 12px;
}

.tutorial-footer .container {
  padding-top: 10px;
  padding-bottom: 10px;
}

.navbar .logo {
  margin: 4px 8em 2px -4px;
}

.logo-inverse {
  margin-top: 4px;
}

.box {
  display: table-cell;
  vertical-align: middle;
  color: white;
  padding: 0px 15px;
}

@media (min-width: 816px) {
  .box {
    height: 400px;
  }

  .cogwheels1-background {
    background-image: url("../img/cogwheels1.png");
  }

  .cogwheels2-background {
    background-image: url("../img/cogwheels2.png");
  }

  .spaceman-background {
    background-image: url("../img/spaceman.png");
  }

  .man-toc {
    height: 400px;
    background-color: #8b4a51;
  }
}
@media (max-width: 815px) {
  .box {
    padding: 20px 15px;
  }

  .cogwheels1-background {
    background-image: none;
  }

  .cogwheels2-background {
    background-image: none;
  }

  .spaceman-background {
    background-image: none;
  }

  .man-toc {
    background-color: #7e363e;
  }
}
.summary a, .summary a:hover, .summary a:visited {
  color: white;
}

.tutorial-title {
  color: #666666;
  font-weight: bold;
  font-size: 16px;
  line-height: 28px;
  margin-top: 8px;
  text-align: center;
}

.tutorial-nav-elements a img {
  margin-top: 14px;
}

p {
  text-align: justify;
}

.toc a {
  color: #000000;
}

ul.toc {
  padding: 0ex 2em 0ex 2em;
}

ul.api-menu {
  list-style-type: none;
  margin-left: 0px;
  margin-top: 55px;
  padding: 0px;
}

select.api-menu {
  width: 100%;
  font-size: 16px;
  margin: 10px 0px;
  background-color: #8b4a51;
  color: white;
  border: 1px solid white;
}