/**
 * Media
 *
 * Description: For aligning stuff.
 * @see: http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
 * Version: 1.0.14
 * -----------------------------------------------------------------------------
 */

/**
 * Table of Contents:
 *
 * 1.0 - Media
 *   1.1 - Media (responsive)
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 - Media
 * -----------------------------------------------------------------------------
 */

.media {
	&, .media-body {
		overflow: hidden;
	}

	.media-image {
		float: left;
		margin-right: 1em;
	}

	&.media-extra-margin .media-image {
		margin-right: em(45px);
	}

	.media-image img {
		display: block;
	}

	.media-image-flipped {
		float: right;
		margin-left: 1em;
		margin-right: inherit;
	}

	&.media-extra-margin .media-image-flipped {
		margin-left: em(45px);
		margin-right: 0;
	}
}


/**
 * 1.1 - Media (responsive)
 * -----------------------------------------------------------------------------
 */

@media (max-width: $device-small-max) {
	.media.media-reset-small, .media.media-extra-margin.media-reset-small {
		.media-image {
			float: none;
			margin-right: 0;
			margin-bottom: em(20px);
		}

		.media-image-flipped {
			float: none;
			margin-left: 0;
			margin-bottom: 0;
			margin-top: em(20px);
		}
	}
}