/* owlCarousel-2.0.0 CSS overrides
 * Include after owl.carousel.2.0.0/*.css
 */

/* rb - We need to override some properties on the owlCarousel in order to
 * get nav and pagination to float on top of the image.
 */
.owl-carousel {
  position: relative;
}
.owl-prev, .owl-next {
  position: absolute;
  top: 25%;
  width: 28px;
  height: 46px;
  margin-top: -13px; /* Half of the prev/next buttons height here in negatives to center them perfectly */
  background-color: transparent !important;
  background-repeat: no-repeat !important;
}
.owl-prev {
  left: 0;
  background-image: url('/static/owl.carousel.2.0.0/images/scroll-left-28x46.png')!important;
}
.owl-next {
  right: 0;
  background-image: url('/static/owl.carousel.2.0.0/images/scroll-right-28x46.png') !important;
}
.owl-prev:hover {
  background-image: url('/static/owl.carousel.2.0.0/images/scroll-left-28x46-hover.png')!important;
}
.owl-next:hover {
  background-image: url('/static/owl.carousel.2.0.0/images/scroll-right-28x46-hover.png') !important;
}
.owl-fullsize {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 32px;
  height: 32px;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-image: url('/static/owl.carousel.2.0.0/images/fullsize-32.png') !important;
  cursor: pointer;
  cursor: hand;
}
.owl-fullsize:hover {
  background-image: url('/static/owl.carousel.2.0.0/images/fullsize-32-hover.png') !important;
}
.owl-caption {
  font: normal normal 13px Arial, Helvetica, Sans-Serif;
  position: absolute;
  top: 50%;
  left: 40px;
  right: 40px;
  /*width: 100%;*/
  margin: 0;
  /* Leave room for the Play button */
  margin-top: 40px;
  padding: 4px;
  border: 1px solid #000;
  border-radius: 3px;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;

  text-align: left;
  color: #fff;
  background-image: url('/static/owl.carousel.2.0.0/images/caption-background-5x5.png');
  background-repeat: repeat;
}
/* rb - Override margins from '.art-article img' in template.css */
.owl-carousel .owl-item img {
  margin: 0;
}

/* rb - This hack is specifically for single-item carousels. Otherwise
 * owlCarousel will halve the width of the item. This has something to do
 * with:
 * options {items: 1} AND number child items=1,
 * .owl-carousel .owl-item img { transform-style: preserve-3d; } (maybe)
 */
/*.owl-carousel .owl-item img {
  width: auto;
  height: auto;
}*/