.img-txt-module{
	@include clearfix;
	
	.module-content{
		@include module-content($image-text-module-width);
	}

	&.no-wrap,
	&.module-background{

		.module-content{
			@include flex;
			@include flex-align(center);
		}

		.module-image{
			@include flex-value(none);
			@include align-self(flex-start);
		}
	}

	&.module-background{

		.module-text{
			padding: 2.25rem 2rem;
			background-color: $text-background-color;
			overflow: hidden;
			margin: 0;
		}
	}

	.module-image{
		overflow: hidden;
		width: 40%;
		padding: 0 0 0.5rem;

		@include break(tp){
			width: 50%;
		}

		@include break(ml){
			width: 100%;
			max-width: rem(400);
			margin: 0 auto $module-spacing*0.5;
		}

		figure{
			padding-top: 100%;
			overflow: hidden;

			.scale{
				display: block;
			}
		}

		figcaption{
			padding: 0 0 0.5rem;
			color: $text-grey;
			position: relative;
			font-size: rem(14);
		}
	}

	&.right{

		.module-content{
			@include flex-direction(row-reverse);

			@include break(ml){
				display: block
			}
		}

		.module-image{
			padding-left: 2rem;
			float: right;

			@include break(ml){
				padding: 0;
				float: none;
			}
		}
	}

	&.left{

		.module-content{

			@include break(ml){
				display: block
			}
		}

		.module-image{
			padding-right: 2rem;
			float: left;

			@include break(ml){
				padding: 0;
				float: none;
			}
		}
	}
}