/* Featured Area */
#featured { margin: 0 auto 20px auto; }
@media (min-width: 1200px) { 
  #featured .carousel-inner .item { height: 387px; }
}
@media (min-width: 992px) and (max-width: 1199px) { 
  #featured .carousel-inner .item { height: 295px; }
}
@media (min-width: 768px) and (max-width: 991px) { 
  #featured .carousel-inner .item { height: 338px; }
}
#featured .carousel-inner { z-index: 8998; }
#featured .carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px 15px 5px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
  text-align: left;
  z-index: 9001;
}
#featured .carousel-caption h3 { border-bottom: 0; }
#featured .carousel-caption p { margin: 0 0 5px; }
#featured .carousel-caption a { color: #F3B333; z-index: 9002; }
#featured .carousel-caption a:hover, #featured .carousel-caption a:active, #featured .carousel-caption a:focus { color: #FF9818; text-decoration: underline; }
#featured .carousel-caption a.btn-default { background-image: linear-gradient(#32383F, #24292E 60%, #1B1F23); border: 1px solid rgba(0, 0, 0, 0.75); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); color: #E8E4D9; margin: 0 0 0 5px; }
#featured .carousel-caption a.btn-default:hover, #featured .carousel-caption a.btn-default:active, #featured .carousel-caption a.btn-default:focus { background-image: linear-gradient(#020202, #101112 40%, #191b1d); color: #FFF; }
#featured .carousel-control { z-index: 9000; }

/**
 * Staff Bios/Profiles
 */
.profile-banner {
    width: 100%;
}
.profile-icon {
    float: left !important;
    width: 100px;
    height: 100px;
    transform: translate(10px, -30px);
    margin-right: 20px !important;
    margin-bottom: -20px !important;
}
.profile-nametitle {
    float: left;
    margin-top: 10px;
    width: calc(100% - 120px);
}
.profile-nametitle > h2 {
    border: none;
}
.profile-nametitle > p:before {
    content: "-";
}
.profile-nametitle > ul.profile-social {
    float: right;
    list-style-type: none;
    margin-right: 10px;
    margin-top: 10px;
}
.profile-nametitle > ul.profile-social > li {
    width: 40px;
    display: inline-block;
}
.profile-stats {
    float: left;
    margin-top: 10px;
    width: 100%;
}
.profile-stats > p {
    text-align: left;
}
.profile-quote {
    clear: left;
}
.profile-quote:before, .profile-quote:after {
    content: "\"";
}
.profile-bio {
    clear: left;
    border-top: 1px solid #E2E2D8;
    padding-top: 5px;
}
@media (min-width: 1200px) {
    .profile-icon {
        width: 200px;
        height: 200px;
    }
    .profile-nametitle, .profile-stats {
        width: calc(50% - 110px);
    }
    .profile-quote {
        clear: none;
    }
}