/*!
 * Start Bootstrap - Portfolio Item HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    background-color: #555555;
}

.portfolio-item {
    margin-bottom: 25px;
}

footer {
    margin: 50px 0;
}

.col-md-4 {
    background-color: #333333;
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.20);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.20);
}

#speed_btn_half, #speed_btn_full, #speed_btn_twice {
    color: black;
    border-left: 1px solid #666; 
    padding: 0 4px 0 4px;
    width: 48px;
    margin-top: 2px;
    background-repeat: no-repeat;");
}

.speed-half {
  background-image: url('/sds/assets/images/speed_control_5.jpg');
}
.speed-half.active {
  background-image: url('/sds/assets/images/speed_control_5_selected.jpg');
}

.speed-full {
  background-image: url('/sds/assets/images/speed_control_1.jpg');
}
.speed-full.active {
  background-image: url('/sds/assets/images/speed_control_1_selected.jpg');
}

.speed-twice {
  background-image: url('/sds/assets/images/speed_control_2.jpg');
}
.speed-twice.active {
  background-image: url('/sds/assets/images/speed_control_2_selected.jpg');
}

.navbar-inverse {
  background-color: #000;
  border-color: #000;
}

/* Changing navbar links to white and hover to yellow */
.navbar-inverse .navbar-nav > li > a {
  color: #FFFFFF;
}
.navbar-inverse .navbar-nav > li > a:hover {
  color: #FFDB6D;
}
/* Adding style for icons in navbar */
.navbar-nav li .fa {
  color: #888;
  font-size: 18px;
  vertical-align: middle;	
}
/* Adding style for metadata panel padding and layout */
#metadata-panel h1 {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 20px;
}

#metadata-panel {
    line-height: 1.5em;
    padding: 5px 15px 20px;
    color: #EEEEEE;
    margin-bottom: 20px;    
}

#metadata-panel p {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
  .navbar-nav {
    float: right;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #000;
}

.navbar-inverse {
  -webkit-box-shadow; 5px 5px 10px 0px rgba(0,0,0,0.20);
  -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.20);
  box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.20);
}