.ms-comm-threadSubjectContainer{
	.ms-textXLarge{
		font-family: $din-medium;
	}
}
.ms-comm-replyHeader{
	.ms-textLarge{
		font-family: $din-medium;
		font-size: 24px;

		color: black;
	}
}
.ms-comm-filterList{
	font-family: $din-bold;

	text-transform: uppercase;
	.ms-pivotControl-surfacedOpt{
		color: $gray-dark;
		&:hover{
			color: $red;
		}
	}
}

.ms-comm-threadSubjectContainer,
.ms-comm-threadSubjectContainer .ms-textXLarge{
	font-family: $din-medium;
	font-size: 24px;

	margin-bottom: 1em;

}
.ms-comm-statsInlineContainer{
	font-size: 14px;
}
.ms-comm-cmdSpaceListItem{
	& > *{
		font-size: 14px;
	}
}
.ms-comm-rootBestBackground.ms-comm-rootPostContainer{
	background-color: $gray;
	.ms-subtleLink{
		color: $red;
	}
}
.communityProfileDisplayForm > #outerContent{
    margin-top: 10px;
}
.communityProfileDisplayForm > #outerContent > tbody > tr{
	display: block;
}
.communityProfileDisplayForm > #outerContent > tbody {
	display: block;
}
.communityProfileDisplayForm > #outerContent > tbody > tr > td{
	display: inline-block;
}
.communityProfileDisplayForm > #outerContent > tbody > tr > td:last-child{
  vertical-align: top;
  font-size: 14px;
  @include span(3 of 10 at 6 nested no-gutter);

}

.communityProfileDisplayForm {

	table{
		table-layout: flex;
	}
	td:first-child{
		@include span(6 of 10 nested after);
		td:first-child{
			width: auto;
		}
	}
	.profileLeftOuterContainer{
		width: 100%;
	}
	& > td{
		text-align: left;
	}
	.wpResponsible{
		width: 100%;
	}
}

.esn_formlabel{
  font-weight: bold;
  padding: 0.25em 0;
  padding-right: 3em;
  vertical-align: top;
}
.esn_formvalue{
  padding: 0.25em 0;
  vertical-align: top;
}

.ESN_CommunityImage{
	img{
		width: 100%;
		height: auto;
	}
}

.ms-comm-postSubjectColumn{
	max-width: unset;
	& > a > .ms-textLarge{
		font-family: $din-medium;
		font-size: 19px;
		text-decoration: none;
		&:hover{
			text-decoration: none;
		}
	}
	// width: calc(100% -100px);
}
.div.ms-comm-wiki-divFormat1{
	max-width: unset;
}
.strabag-discussion{
	.ms-comm-postListItem{
		overflow: visible;
		@extend %clearfix;
	}
	.ms-pivotControl-surfacedOpt, .ms-pivotControl-surfacedOpt-selected{
		margin: 0 0 1em 10px;
	}
	.ms-comm-filterList{
		padding: 3px 0px;
	}
	.ms-pivotControl-container{
		 margin-right: 0px;
		a:last-of-type{
			margin-right: 0px;
		}
	}
	.ms-pivotControl-overflowSpan{
		margin-left: 1em;
	}

}
.ms-comm-authorTitle{
	font-size: 14px;
	font-weight: bold;
	a.ms-subtleLink{
		color: $red;
	}
}

.ms-comm-postMainContainer{
	.ms-noWrap{
		white-space: normal;
	}
	.ms-comm-postBody{
		max-height: 1.2em;
	}
}
.ms-comm-adminLinks{
	padding-top: 0px;
}

.esn_field_communityImage{
	img{
		width: 100%;
		max-width: 100%;
	}
}
.ms-comm-postBodyThreaded.ms-comm-postBodyOverflow{
	* {
		font-size: 14px;
	}
}
.ms-comm-filterList{
	.ms-pivotControl-container{
		a:first-of-type{
			margin-left: 0px;
		}
	}
}
.ms-comm-postRootContainer{
	.ms-comm-authorTitle a.ms-subtleLink{
		color: $red !important;
	}
}
@media screen and (min-width: 0) and (max-width: 786px){
	.communityProfileDisplayForm{
        width: 100%;
		& > #outerContent > tbody > tr>td{
			display: block;
			margin-bottom: 2em;
			width: 100%;
			&:nth-child(2){
				display: block;
				width: 100%;
				margin: 0px;
			}
		}
		.ms-webpart-chrome{
			margin-bottom: 2em;
		}
	}
	.ms-comm-postBodyOverflow{
		img{
			width: 100% !important;
		}
	}
}
@media screen and (min-width: 0) and (max-width: 480px){
  .communityProfileDisplayForm td:first-child td:first-child{
	  width: 100%;
  }
  .esn_formlabel{
    display: block;
	width: 100%;
  }
  .esn_formvalue{
    display: block;
	width: 100%;
  }
  .profileLeftDetailsContainer{
	  table, tr, td{
		  display: block;
	  }
  }
	.strabag-discussion{
		.ms-comm-popularityBarContainer{
			float: none;
			width: 100%;
			margin-bottom: 0.5em;
		}
		.ms-comm-postMainContainer {
			float: left;
		}
	}
	.ms-comm-postMainContainer{
		display: block;
		.ms-table{
			table-layout: flex;
		}
		.ms-table{
			display: block;
		}
		.ms-comm-postBodyOverflow{
			overflow: none;
		}
	}
}

.strabag-sitetitle{
	display: block;
    @include span(9 of 10 nested split after);
    margin-bottom: 15px;
	.ms-core-pageTitle{
		white-space: normal;
	}
    @media screen and (min-width: 0px) and (max-width: 480px){
		width: 100%;
		&::after{
			content: " ";
			clear: both;
			display: block;
		}
        .ms-core-pageTitle{
            white-space: normal;
        }
    }
    @media screen and (min-width: 481px) and (max-width: 1024px){
		width: 100%;
    }
}
.ms-list-emptyText-compact.ms-textLarge{
	font-size: 14px;
}