/* Blog - Imagebox */

.blog_imagebox {
	position: relative;
	padding: 0 15px;
}
	.blog_imagebox .image-container {
		position: relative;
		margin-bottom: 10px;
	}
		.blog_imagebox .image-container > img {
			width: 100%;
		}

	.blog_imagebox .text-container > p {
		margin-bottom: 10px;
		color: #444;
		font-family: "ff-good-headline-web-pro-con", sans-serif;
		font-size: 20px;
		line-height: 20px;
	}
		.blog_imagebox .text-container > p > a {
			color: inherit;
			font-family: inherit;
			font-size: inherit;
			line-height: inherit;
		}

		.blog_imagebox .text-container > p.credits {
			margin: 0;
			font-size: 12px;
			line-height: 14px;
			color: #8e8e8e;
			font-family: "Aktiv Grotesk W01 Light1370681";
		}

	.blog_imagebox.is-full-width .text-container {
		max-width: 100%;
		width: 100%;
		z-index: 2;
	}

@media only screen and (min-width: 40.063em) {
	.blog_imagebox {
		max-width: 940px;
		margin: 0 auto;
	}
		.blog_imagebox.is-full-width {
			max-width: 100%;
			padding: 0;
			overflow: hidden;
		}

		.blog_imagebox .columns:first-of-type {
			padding-right: 10px !important; /* Declared !important because of foundation overwrites */
		}
		.blog_imagebox .columns:last-of-type {
			padding-left: 10px !important; /* Declared !important because of foundation overwrites */
		}

		.blog_imagebox.is-full-width .image-container::after{
			display: block;
			height: 360px;
			width: 100%;
			position: absolute;
			bottom: 0;
			content: '';
			z-index: 1;
			background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
			background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
			background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
		}

		.blog_imagebox .text-container > p,
		.blog_imagebox .text-container > p > a {
			font-size: 28px;
			line-height: 30px;
		}
			.blog_imagebox .text-container > p.credits {
				font-size: 14px;
			}

		.blog_imagebox.is-full-width .text-container {
			max-width: 100%;
			position: absolute;
			bottom: 20px;
			padding: 0 15px;
		}
			.blog_imagebox.is-full-width .text-container > p {
				max-width: 940px;
				margin: 0 auto 10px;
				color: #fff;
			}
				.blog_imagebox.is-full-width .text-container > p > a {
					color: #fff;
				}

			.blog_imagebox.is-full-width .text-container > p.credits {
				color: #bababa;
			}
}

@media only screen and (min-width: 64.063em) {
	.blog_imagebox {
		padding: 0;
	}
}