// /* Hide Page Title */
.title-display h1,
h1#pageTitle{
	font-family: $din-medium !important;
	font-size: 30px;

	display: block;

	color: black;
	@media screen and (min-width: 0) and (max-width: 768px){
		font-size: 22px;

		margin: 1em 0;
	}
}
.ms-rtestate-write{
	img{
		width: auto;
		max-width: 100%;
	}
}

// /* CSS Style Rule for Div having id="outer-container" */
// /* outer-container will hold the whole assembly of
//    nested div overlays. */
// /* It will also center align the design */
// #mainPLDiv{
// 	/*width: 990px;*/
// 	/*max-width: 100%;*/
// 	min-width: 0 !important;
// 	margin: 0 auto;
// 	@media screen and (min-width: 0) and (max-width: 768px){
// 		margin-right: 3.6764705882%;
// 		margin-left: 3.6764705882%;
// 	}
// }


// /* footer CSS Style Rule */
// #bottomDiv{
// 	width: 100%;
// 	/*background-color: red;*/
// }

// /* content-container CSS Style Rule */
// /* It will hold the main content of the page. */
// /* it is the left side column */
// /* in this 2 columns div layout */
// #leftColDiv{
// 	display: table-cell;
// 	float: left;
// 	// @include span(5 of 10 no-gutter);

// 	width: span(5 of 10 no-gutter) + gutter(10);
// 	min-width: 0 !important;
// 	max-width: 100% !important;
// 	margin-right: 0;
// 	margin-right: gutter(10);
// 	margin-left: gutter(10);

// 	border-radius: 0;
// 	background-color: #fff;
// 	@media screen and (min-width: 768px) and (max-width: 1024px){
// 		width: span(6 of 12 nested);
// 		margin-right: gutter(10);
// 		margin-left: gutter(10);
// 	}
// 	@media screen and (min-width: 0) and (max-width: 768px){
// 		width: 100%;
// 		margin: 0;
// 	}
// }

// #leftColDiv  .edit-view,
// #rightColDiv .edit-view,
// #LeftBottomWebpartZone,
// #RightBottomWebpartZone{
// 	padding: 0 10px 10px 10px;
// }

// #leftColDiv .display-view .article{
// 	padding: 0 10px 10px 10px;
// }

// #leftColDiv .display-view .article-header img{
// 	width: 100%;
// 	min-width: 0 !important;
// 	height: auto;
// 	max-height: 100% !important;
// }

// /* right side navigation that is the right side column of */
// /* 2 columns div layout */


// /* Edit-Mode Panel */
// #leftColDiv .edit-view{
// 	max-width: 700px;
// }


// #rightColDiv .edit-view{
// 	min-width: 438px;
// }

// .edit-view .edit-mode-panel{
// 	width: 100%;
// 	padding: 4px 0;

// 	background-color: #fff;
// }

// /* Display View */
// .article,
// .article-header,
// .article-content{
// 	clear: both;

// 	padding: 0;
// }

// .article .display-mode-panel{
// 	padding-top: 8px;
// }

/* Article Contact */
#article-contact-header{
	height: 40px;

	vertical-align: middle;

	border-bottom: 1px solid #eee;
}

#article-contact-header h2{
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;

	padding-left: 10px;

	text-transform: uppercase;
}

/* Article Contact Person */
#article-contact-person{
	min-width: 200px;
	max-height: 60px;
}

#article-contact-person .mbContactDetails{
	border: 0 solid transparent;
}

#article-contact-person .mbContactDetails .ms-vb{
	height: 60px;
	margin-left: 80px;
	span{
		float: left;
	}
}
.ESNMembersItemTemplate{
	box-sizing: border-box;
	padding-left: 17px;

	border-left: 3px $gray-light solid;
}
.ESNMembersItemTemplate .ms-vb{
	box-sizing: border-box;
	min-height: 60px;
	padding-top: 17px;
}
.ESNMembersItemTemplate .ms-vb a,
#article-contact-person .mbContactDetails .ms-vb a{
	font-size: 14px;
	font-weight: bold;
	line-height: 120%;

	vertical-align: middle;

	color: #666;
	&:hover{
		text-decoration: none;

		color: black;
	}
}

#article-contact-person img.mbUserImage{
	float: left;

	height: 60px;
}

/* Article Created/Modified Info */
#article-created-modified-info{
	font-size: 11px;

	clear: both;

	padding: 10px;
}

#article-created-modified-info table .col-1{
	width: 55%;
}
#article-created-modified-info table .col-2{
	width: 45%;
}

#article-created-modified-info table .col-2{
	font-weight: bold;
}

#article-created-modified-info table .col-2 a{
	font-weight: normal;
}

.captioned-image{
	height: auto;
	img{
		max-width: 100%;
	}
}

// /* Clearned */
#rightColDiv{
	// @include span(3 of 10 nested no-gutter);

	display: block;

	box-sizing: border-box;
	// width: 300px;
	// margin-right: gutter(10);
	// margin-bottom: 4em;
	// margin-left: gutter(3) + span(1 of 10);
	padding-left: gutter(10);
	/*height: 400px;*/
	/*background-color: navy;*/

	border-left: 3px $gray solid;
	border-radius: 0;
	background-color: #fff;
	@media screen and (min-width: 0) and (max-width: 480px){
		// width: span(12) - gutter(3);
		// margin-right: gutter(4);
		// margin-left: gutter(4);
		padding-top: 1em;

		border-top: 3px $gray solid;
		border-left: none;
	}
}
#article-contact-header{
	height: auto;

	border: 0 transparent solid;
	h2{
		font-size: 18px;
		line-height: 100%;

		padding-bottom: 1em;
		padding-left: 0;
	}
}
#rightColDiv .pageContact-display{
	margin-top: 2em;
	padding-top: 1em;

	border-top: 3px $gray solid;
}
#article-created-modified-info{
	padding: 0;
	table{
		width: 100%;
		margin-top: 1em;
	}
	.col-1,
	.col-2{
		width: auto;
	}
}
#mbContactDetails{
	.ms-vb{
		border: none;
	}
}
.news-back{
	font-family: $din-bold;

	display: inline-block;
	display: none;

	box-sizing: border-box;
	margin-top: 1em;
	margin-bottom: 1.5em;
	padding: .5em 1em;

	cursor: pointer;

	color: white;
	background-color: $red;
	box-shadow: -3px 3px 0 0 #f5c9c8;
	@media screen and (min-width: 0) and (max-width: 768px){
		display: inline-block;
	}
}
.wpResponsible{
	.ms-wpContentDivSpace{
		border: 0 white solid;
	}
}
.publishingArticleKeywords-display{
	margin-top: 1em;
}