/*****************************************************************************************************
* Fields Module: Image Download Sections (IMGDL) CSS
******************************************************************************************************/

/* Common IMGDL Styles
--------------------------------------------- */

/* Intro */

.bub-imgdl__intro {
  padding: 5px 0 5px;
}

/* Item */

.bub-imgdl__item {
  display: flex;
  flex-flow: row wrap;
  margin: 0 0 10px;
}

/* Image Box */

.bub-imgdl__image {
  border: 5px solid #222;
    /* Fix Chrome bug: gap between img and parent on resize. */
    display: table;
  max-width: 300px;
}

.bub-imgdl__image img {
  height: auto;
  width: auto;
}

/* Text Box */

.bub-imgdl__text {
  background: #222;
  color: #eee;
  display: flex;
  flex: 1 1 220px;
  flex-flow: row wrap;
  font-size: 0.95rem;
  line-height: 1.3;
  padding: 2px 20px 10px 15px;
}

.bub-imgdl__downloads {
  flex: 1 0 auto;
  width: 100%;
}

.bub-imgdl__link a,
.bub-imgdl__link a:hover {
  color: #eee;
}

.bub-imgdl__dllink--print {
  margin-top: 5px;
}

.bub-imgdl__dllink a {
  display: table;
  padding: 10px 10px 5px 0;
}

.bub-imgdl__dlinfo {
  display: table;
  font-size: 0.9em;
}

.bub-imgdl__credit {
  align-self: flex-end;
  margin-top: 20px;
}