// //////////////////////////////////////////
// // IMAGE + IMG-LARGE MODULE
// //////////////////////////////////////////

.image-module{

	.module-content{
		@include module-content($image-module-width);
	}

	.module-image{
		overflow: hidden;

		figure{
			padding-top: $img-module-image-ratio;
		}
	}

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

	&.img-large{

		.module-content{
			@include module-content($img-large-module-width);
		}

		.module-image{
			overflow: hidden;

			figure{
				padding-top: $img-large-module-image-ratio;
			}
		}

		figcaption{

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