﻿/*--------------Article format with 4 images--------------*/
.articleTemplate_Container--FilledBackground {
	background-color: #fbf9f8;
}

.articleTemplate_MultiItemBox {
	display: inline-block;
}

.articleTemplate_MultiItemBox__Container {
	padding: 15px;
}

.articleTemplate_SingleItemColumn {
	display: inline-block;
	width: 31.75%;
	vertical-align: top;
	overflow-wrap: break-word;
}

.articleTemplate_MultiItemBox .articleTemplate_SingleItemColumn {
	width: 28.6825153%;
}

.articleTemplate_MultiItemColumn {
	width: calc(68% - 2.82%);
	display: inline-block;
	vertical-align: top;
}

.articleTemplate_MultiItemColumn--Left {
	margin-right: 3.0674847%;
}

.articleTemplate_MultiItemColumn--Right {
	margin-left: 3.0674847%;
}

.articleTemplate_MultiItemColumn__FullWidthBox {
	width: 100%;
}

.articleTemplate_MultiItemColumn__FullWidthBox--Top {
	margin-bottom: 4.673%;
}

.articleTemplate_MultiItemColumn__FullWidthBox--Bottom {
	margin-top: 4.673%;
}

.articleTemplate_MultiItemColumn__Box {
	display: inline-block;
	overflow-wrap: break-word;
}

.articleTemplate_MultiItemColumn__Box--Twin {
	width: calc(100%/ 2 - 2.34%);
}

.articleTemplate_MultiItemColumn__Box--Right {
	margin-left: 4.673%;
}

.articleTemplate_MultiItemColumn__Box--Left {

}

.articleTemplate_MultiItemColumn__Box--Short {
	width: 30%;
	/* margin-left: 6%; */
}

.articleTemplate_MultiItemColumn__Box--Short .articleTemplate_MultiItemColumn__BoxItem:first-of-type {
	margin-bottom: 6%;
}

.articleTemplate_MultiItemColumn__Box--Long {
	width: 70%
}

.articleTemplate_Container--custom-style a {
    color: inherit;
}

.articleTemplate_Background {
	display: none;
}

@media all and (max-width: 768px) {
	.articleTemplate_Container--MultiTextAreas .articleTemplate_SingleItemColumn,
	.articleTemplate_Container--MultiTextAreas .articleTemplate_MultiItemColumn {
		width: 100%;
		display: block;
	}
	
	.articleTemplate_Container--MultiTextAreas .articleTemplate_MultiItemColumn--Left {
		margin: 0 0 3.0674847% 0;
	}
}

@media all and (max-width : 656px) { 
	.articleTemplate_MultiItemColumn__Box--Twin {
		width: 100%;
		margin-bottom: 2.331%;
	}
	
	.articleTemplate_MultiItemColumn__Box--Right {
		margin-left: 0; 
	}

}

  
@media all and (max-width : 520px) { 
	.articleTemplate_SingleItemColumn {
		width: 100%;
	}

	.articleTemplate_MultiItemColumn--Right  {
		width: 100%;
		margin: 20px 0 0 0;
	}
	
	.articleTemplate_MultiItemColumn--Left {
		width: 100%;
		margin: 0 0 20px 0;
	}

}
/*--------------------------------------------------------*/