/**
 * @file
 * Small styling for NASA Media Gallery.
 */

.media-gallery-view {
  width: 100%;
}

article.node--type-media-gallery {
  width: 100%;
}

.media-gallery-carousel {
  margin: auto;
  width: 80%;
}

.carousel-thumbnails .carousel-indicators {
  position: static;
  left: initial;
  width: initial;
  margin-right: initial;
  margin-left: initial;
  overflow-x: auto;
  white-space: nowrap;
}

.carousel-thumbnails .carousel-indicators > li {
  width: initial;
  height: initial;
  text-indent: initial;
}

.carousel-caption p {
  background: rgba(4, 4, 12, .8)
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
 from {
  opacity:0;
  transform:translate3d(0,-100%,0)
 }
 to {
  opacity:1;
  transform:translate3d(0,0,0)
 }
}
@keyframes fadeInDown {
 from {
  opacity:0;
  transform:translate3d(0,-100%,0)
 }
 to {
  opacity:1;
  transform:translate3d(0,0,0)
 }
}