/*================================================
STORY - CAROUSEL - 121017
================================================*/
/* CSS Document */
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 100%;
  margin: 0; }

/* this hides nav bullets and ol numbers */
ol.carousel-indicators li {
  display: none !important; }

/* this is the control arrows */
.carousel a:link {
  color: #f1f1f1; }

.carousel-control.left {
  background-image: none !important;
  background-image: none !important;
  opacity: 1; }

.carousel-control.right {
  background-image: none !important;
  background-image: none !important;
  opacity: 1; }

.carousel-control.left,
.carousel-control.right {
  height: 100%; }
  @media (max-width: 543px) {
    .carousel-control.left,
    .carousel-control.right {
      height: 54%; } }

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  text-shadow: none; }
  @media (max-width: 543px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
      text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
      filter: alpha(opacity=50); } }

#story-full-carousel .glyphicon-chevron-left:before,
#story-full-carousel .glyphicon-chevron-right:before {
  font-size: 1.25em; }

/* carousel-caption */
.carousel-caption {
  position: relative;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 100%;
  height: auto;
  z-index: 10;
  padding: 15px;
  text-align: left;
  color: #fff;
  text-shadow: none;
  background-color: #e1e1e1;
  overflow: hidden; }
  .carousel-caption p.caption {
    margin: 0;
    padding: 0;
    width: 95%;
    height: auto;
    max-height: 80px;
    font-size: .925em;
    line-height: 1.5;
    color: #2c2c2c; }
  .carousel-caption p.caption a {
    margin: 0 0 0 5px;
    color: #08bcc1; }
  @media (max-width: 543px) {
    .carousel-caption {
      min-height: 150px;
      max-height: 150px; } }

.caption {
  color: #2c2c2c; }

.timestamp {
  margin-right: 10px;
  font-family: 'Antenna Bold', sans-serif;
  font-size: 1em;
  color: #2c2c2c; }

.credit {
  margin-left: 10px;
  font-family: 'Antenna', sans-serif;
  font-size: .775em;
  letter-spacing: .015em;
  color: #2c2c2c; }

/* counter */
.counter {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 10px;
  height: auto;
  font-family: 'Antenna', sans-serif;
  font-size: .85em;
  letter-spacing: .05em;
  color: #e1e1e1;
  background: #555555; }
  @media (max-width: 543px) {
    .counter {
      padding: 5px; } }

/*fade effect on carousel*/
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity; }

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0; }

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

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

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

.container-fluid.carousel.slide {
  padding: 0px; }

.carousel a:visited, .carousel a:hover, .carousel a:focus {
  color: #f1f1f1; }

body.noscroll {
  overflow: hidden; }

.carousel-caption-wrapper {
  position: relative;
  padding: 0 40px 0 40px;
  height: 100%; }
  @media (max-width: 1199px) {
    .carousel-caption-wrapper {
      float: left;
      width: 90%;
      padding: 0 20px; } }
  @media (max-width: 991px) {
    .carousel-caption-wrapper {
      width: 100%;
      max-width: 100%; } }
  @media (max-width: 767px) {
    .carousel-caption-wrapper {
      padding: 0 20px; } }

#magazine-story img.horizontal {
  margin-top: 105px; }
  @media (max-width: 991px) {
    #magazine-story img.horizontal {
      margin-top: 0px !important; } }