/*******************************
        Image Overrides
*******************************/

.ui.image {
  /**
   * Divide the image from the content that comes after it.
   */
  &.divided {
    margin-top: 0.5em;
    margin-bottom: 3em;
  }

  /**
   * Display image as block instead of inline-block.
   */
  &.block {
    display: block !important;
  }

  /**
   * Indicate a link.
   */
  &.link, & img.link {
    cursor: pointer;
  }
}

/**
 * Image caption.
 */
.ui.caption {
  &[class*="left aligned"] {
    text-align: left;
  }

  &[class*="center aligned"] {
    text-align: center;
  }

  &[class*="right aligned"] {
    text-align: right;
  }
}

/**
 * Caption in .ui.images.
 */
.ui.images {
  .ui.image {
    .ui.caption {
      margin: 0 0.25rem 0.5rem;
    }
  }
}

/**
 * Overflowing floated image.
 */
.ui.floated.image {
  &.overflowing {
    &.left {
      margin: 2em 2em 2em -4em;
    }
    &.right {
      margin: 2em -4em 2em 2em;
    }
  }
}