/**
 * @file
 * Provides colorbox integration.
 *
 * @requires coder shutup
 * phpcs:ignoreFile -- Colorbox has no classes, just IDs, with inline styles.
 */

/* csslint ignore:start */
.colorbox-on--media #colorbox,
.colorbox-on--media #colorbox * {
  box-sizing: border-box;
  max-width: 100%;
}

.colorbox-on--media #cboxBottomCenter,
.colorbox-on--media #cboxBottomRight,
.colorbox-on--media #cboxBottomLeft,
.colorbox-on--media #cboxTopCenter,
.colorbox-on--media #cboxTopRight,
.colorbox-on--media #cboxTopLeft,
.colorbox-on--media #cboxMiddleLeft,
.colorbox-on--media #cboxMiddleRight {
  display: none !important; /* csslint allow: known-properties, important */
}

.colorbox-on--media #cboxWrapper,
.colorbox-on--media #cboxContent {
  background: none;
  border-radius: 0;
}

.colorbox-on--media #cboxWrapper,
.colorbox-on--media #cboxContent,
.colorbox-on--media #cboxLoadedContent {
  overflow: visible !important; /* csslint allow: known-properties, important */
}

#cboxLoadedContent.media--ratio {
  height: 0 !important; /* csslint allow: known-properties, important */
  padding-bottom: 56%;
}

#cboxLoadedContent.media--ratio .cboxIframe {
  background-clip: padding-box;
  border-radius: 0;
  border: 8px solid #37465b;
}

#cboxLoadedContent img[srcset],
#cboxLoadedContent picture img {
  display: block;
  margin: auto;
  max-height: 100%;
}
/* csslint ignore:end */
