/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
/* line 6, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

/* line 7, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

/* line 8, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

/* line 9, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
#cboxContent {
  position: relative;
}

/* line 10, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
#cboxLoadedContent {
  overflow: auto;
}

/* line 11, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
#cboxTitle {
  margin: 0;
}

/* line 12, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 13, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

/* line 14, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
}

/* line 15, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

/* line 16, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
/* Overrides to DRR bootsrtap styles */
/*
 * DRR-Bootstrap
 * Source: https://github.com/NYPL/drr-bootstrap
 * Author: NYPL Labs
 * Description: Base front-end framework for NYPL Digital Reading Room (DRR) Sites to extend.
 */
/* line 26, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
#cboxOverlay {
  background: #000;
  opacity: 0.8 !important;
}

/* line 29, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
#cboxContent {
  /* margin-top: 32px; */
  overflow: visible;
}

/* line 34, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
.cboxIframe {
  background: #fff;
}

/* line 35, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

/* line 36, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
#cboxLoadedContent {
  background: #f8f8f8;
  padding: 1px;
}

/* line 37, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
#cboxLoadingGraphic {
  background: url(/assets/loading-68da1f260e79b15d2d5ca9aee0b05e2243ee47cca9d732b3625f4bbb1b77b8bf.gif) no-repeat center center;
}

/* line 38, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
#cboxLoadingOverlay {
  background: #000;
}

/* line 39, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
#cboxTitle {
  position: absolute;
  top: -22px;
  left: 0;
  color: #000;
}

/* line 40, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
#cboxCurrent {
  position: absolute;
  top: -22px;
  right: 205px;
  text-indent: -9999px;
}

/* line 42, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose {
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  right: 2px;
  background: url(/assets/controls-6733b2ce102ac2621e20ad508a5bfd2cc229d7003c2df61560cf7c2c1fe38aef.png) no-repeat 0 0;
  /* border: 1px solid #333; */
  border: 0;
}

/* line 50, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
#cboxPrevious {
  background-position: 0px 0px;
  right: 44px;
}

/* line 51, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
#cboxPrevious:hover {
  background-position: 0px -25px;
}

/* line 52, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
#cboxNext {
  background-position: -25px 0px;
  right: 22px;
}

/* line 53, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
#cboxNext:hover {
  background-position: -25px -25px;
}

/* line 55, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
#cboxClose {
  background-position: -50px 0px;
  right: 0;
}

/* line 56, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
#cboxClose:hover {
  background-position: -50px -25px;
}

/* line 58, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
  right: 66px;
}

/* line 59, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
.cboxSlideshow_on #cboxSlideshow {
  background-position: -75px -25px;
  right: 44px;
}

/* line 60, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -100px -25px;
}

/* line 61, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
.cboxSlideshow_off #cboxSlideshow {
  background-position: -100px 0px;
  right: 44px;
}

/* line 62, app/assets/stylesheets/colorbox-rails-custom.scss.erb */
.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -75px -25px;
}