/* ------------------------------------------------------------------------- */
/* Meme images */

.img-grid {
  width: 100%;

  min-height: 40px;
  height: 13vmin;
  max-height: 80px;
}

.img-result {
  min-width: 90px;
  max-width: 100%;

  min-height: 100px;
  height: 20vmin;
  max-height: 200px;
}

.img-preview {
  pointer-events: none;
}

.img-share {
  max-width: 100%;

  height: 55vmin;

  pointer-events: none;
}

.img-full {
  width: 100%;

  background-color: black;

  pointer-events: none;
}

.img-spinner {
  position: absolute;

  margin: -0.5em;

  z-index: -1;

  color: lightgrey;

  display: none;
}

/* ------------------------------------------------------------------------- */
/* Progress spinner */

.spinner-start {
  font-size: 24px;

  position: absolute;
  bottom: 5px;
  right: 5px;

  color: silver;

  display: none;
}

.spinner-stop {
  font-size: 28px;

  position: absolute;
  bottom: 3px;
  right: 5px;

  color: gray;

  display: none;
}

/* ------------------------------------------------------------------------- */
/* Share buttons */

.dropdown-toggle::after {
  display: none !important;
}

/* ------------------------------------------------------------------------- */
/* Sticky footer */

html {
  position: relative;
  min-height: 100%;
}

body {
  padding-bottom: 10px;
  margin-bottom: 40px; /* must match footer:height */
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px; /* must match body:margin-bottom */
  padding-left: 25px;
  padding-right: 25px;
}