/**
 * Images, WP Gallery and Objects
 * ========================================================
 */


/************* Objects *************/

iframe, video, object, embed {
	max-width: 100%;
	margin: @verticalMargin 0;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
figure { margin: 1em; }


/************* Images *************/

img, a img {
	border: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	max-width: 100%;
	height: auto;
	image-rendering: optimizeQuality;
	vertical-align: top;
}
img { .box-sizing( border-box ); /* to accomodate border and padding width, and maintain responsive */ }
.lt-ie8 img { width: 100%; }
.lt-ie8 img { -ms-interpolation-mode: bicubic; }


/************* Image Styles *************/

.img-round { .border-radius( 8px ); }
.img-circle { .border-radius( 1500px ); }
.img-polaroid {
	padding: 4px;
	border: 1px solid;
}
.img-frame {
	padding: 4px;
	border: 1px solid;
}
.img-noborder img, img.img-noborder { .box-shadow( none ) !important; }


/************* WP editor image sizes ($content_width classes) *************/

.wp-post-image { }
.size-thumbnail { }
.size-medium { }
.size-large { }
.size-full { }
.size-auto { }


/************* WordPress Gallery (Overwrite WP's inline Gallery CSS) *************/

.gallery {
	border: solid 1px @bgHighlightToneColor;
	background: @bgHighlightColor;
	padding: 10px;
	margin: @verticalMargin 0;
}
.gallery .gallery-item {
	padding: 10px;
	.box-sizing( border-box );
}
.gallery .gallery-icon { }
.gallery .gallery-icon img {
	padding: 0;
	max-width: 100%;
}
.gallery .gallery-caption {
	color: @baseFontColor;
	margin: 3px 0;
	.small-font();
}
.attachment-thumbnail { }
.attachment-medium { }
.attachment-large { }
.attachment-full { }


/************* WordPress Image Captions *************/

.wp-caption { background: @bgHighlightColor; }
.wp-caption-text {
	border: solid 1px @bgHighlightToneColor;
	color: @baseFontColor;
	margin: 0;
	padding: 5px;
	.small-font();
	text-align: center;
}


/************* WordPress Image Alignment *************/

.aligncenter {
	clear: both;
	display: block;
	margin: @verticalMargin auto;
	text-align: center;
}
img.aligncenter { margin: @verticalMargin auto }
.alignleft {
	float: left;
	margin: 10px @bigVerticalMargin 5px 0;
	display: block;
}
.alignright {
	float: right;
	margin: 10px 0 5px @bigVerticalMargin;
	display: block;
}
.alignleft img, .alignright img { display :block; }
.alignnone { }


/************* Avatar *************/

.avatar { display: inline-block; }
.avatar.pull-left {
	float: left;
	margin: 0 1em 5px 0;
}
.avatar.pull-right {
	float: right;
	margin: 0 0 5px 1em;
}