/* user.css ----------------------------------------------------------------- */
/*
inspired from http://codepen.io/Rowno/pen/Afykb 
https://stackoverflow.com/questions/26770055/bootstrap-carousel-fade-no-longer-working-with-maxcdn-3-3-bootstrap-min-css
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 3s;
  transition-timing-function:linear;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}


/* changes the menu font color and background */
.navbar-default .navbar-nav > li > a {
  color: #000;
}
.navbar-default .navbar-nav > li > a:hover {
  color: red;
  background-color: #eee;
}
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #E80202;
}

.navbar {
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 0px;
}

.breadcrumb {
    margin-top: 3px;
    margin-bottom: 6px;
    margin-left: 0px;
    margin-right: 0px;
    background-color: #E80202;
    color: white
}

.panel-default > .panel-heading {
        background: linear-gradient(#FFFFFF 0%, #E0E0E0 100%);
 }
 
 /* JC Phone button */
.btn-ph {
    padding: 10px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    margin-top: 5px;
    background-color: #222222;
	border-color: #222222;
}
  
.carousel-fade {
	background-color:#E80202;
}