/* styles for image modal */

/* The Modal (background) */
.QBImageModal {
  display: none; /* Hidden by default */
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed; /* Stay in place */
  z-index: 1101; /* Sit on top */
  overflow: hidden;
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
  padding: 60px 20px 60px 20px;
  box-sizing: border-box;
}

.QBImageModal.mobile {
  padding: 45px 5px 10px 5px;
}

/* Modal Content (image) */
.QBImageModal .modalContent {
  margin: auto;
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/* The Modal Title */
.QBImageModal .modalTitle {
  position: absolute;
  top: 20px;
  color: white;
  left: 50%;
  transform: translate(-50%);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 50%;
}


/* The Close Button */
.QBImageModal .close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url("images/icons/close-x.svg");
}

#inlineModalImage {
    max-height: 100%;
    max-width: 100%;
}