@charset "utf-8";
/* CSS Document */

.news_item_page {
	background-color: #404041;
}

.container_news_item_outer {
	position: relative;
	left: 0;
	right: 0;
	top: 8rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5.5rem;
	max-width: 1243px;
	height: auto;
	box-sizing: border-box;
	background-color: #FFFFFF;
	overflow: hidden;
}
.container_news_item_image {
	background-color: #FFFFFF;
	max-width: 1243px;
	width: 100%;
	/*max-height: 768px;
	height: 100%;*/
	align-items: center;
	align-content: center;
	justify-content: center;
	display: inline-block;
}
.container_news_item_headline {
	background-color: #FFFFFF;
	max-width: 1243px;
	width: 100%;
	/*max-height: 605px;*/
	height: 100%;
	align-items: center;
	align-content: center;
	justify-content: center;
	-ms-display: grid;
	-ms-grid-columns: repeat(1, 100%, 0rem);
	display: inline-grid;
  	grid-template-columns: repeat(1, 100%);
  	grid-gap: 0rem;
}
.container_news_item {
	background-color: #FFFFFF;
	max-width: 1243px;
	width: 100%;
	/*max-height: 605px;*/
	height: 100%;
	align-items: center;
	align-content: center;
	justify-content: center;
	-ms-display: grid;
	-ms-grid-columns: repeat(1, 100%, 0rem);
	display: inline-grid;
  	grid-template-columns: repeat(1, 100%);
  	grid-gap: 0rem;
}
.container_news_item > div > div.pp_facts {
	margin-left: 2.8rem;
	margin-top: 1.5rem;
	padding-left: .8rem;
	border-left: medium solid #F1B71C;
	font-size: calc(.9rem + .1vw);
}
.container_news_item > div > p {
	font-weight: normal;
	font-size: calc(.9rem + .1vw);
}

.container_news_item_headline > div > p.pp_header_news {
	padding-top: 0rem;
	text-transform: uppercase;
	color: #404041;
	font-size: calc(1.5rem + .1vw);
	font-weight: 700;
	letter-spacing: .05rem;
}

.container_news_item > div.description {
	line-height: calc(2rem + .2vw);
	text-align: justify;
	-webkit-hyphens: auto;
  	-ms-hyphens: auto;
  	hyphens: auto;
}

.container_news_item > div > div.description {
	line-height: calc(2rem + .2vw);
	text-align: justify;
	-webkit-hyphens: auto;
  	-ms-hyphens: auto;
  	hyphens: auto;
}

img#news_item {
	width: 100%;
	/*height: 605px;*/
	object-fit: cover;
	object-position: center;
}
img#nav_proj_images {
	width: 100%;
	height: 120px;
	object-fit: cover;
	object-position: center;
}
.container_navProjImages {
	margin-top: 1rem;
	background-color: #FFFFFF;
	max-width: 1243px;
	width: 100%;
	height: 100%;
	align-items: center;
	align-content: center;
	justify-content: center;
	-ms-display: inline-grid;
	-ms-grid-columns: repeat(5, 19%, 1rem);
	display: inline-grid;
  	grid-template-columns: repeat(5, 19%);
  	grid-gap: 1rem;
}
.container_navProjImages > div {
	box-sizing: border-box;
}

@media (max-height:800px){
.container_news_item_outer {
	top: 50px;
	margin-bottom: 6%;
}

}
@media (max-width: 1366px) {
.container_news_item_outer {
	max-height: 100%;
	height: auto;
	margin-bottom: 6%;
}	
img#project_profile {
	height: 550px;
	object-fit: cover;
	object-position: left bottom;
}
}


@media (max-width:600px) {
	.news_item_page {
	background-color: #404041;
}
  .prev, .next {font-size: 3vw}
	
.container_news_item_outer {
	top: 8rem;
	margin-bottom: 15%;
}
img#project_profile {
	height: auto;
}
.container_news_item_image {
	max-height: 100%;
	height: 100%;
	-ms-display: inline-grid;
	-ms-grid-columns: repeat(1, 92%, 0rem);
	display: inline-grid;
  	grid-template-columns: repeat(1, 92%);
}
.container_news_item {
	max-height: 100%;
	height: 100%;
	-ms-display: inline-grid;
	-ms-grid-columns: repeat(1, 92%, 0rem);
	display: inline-grid;
  	grid-template-columns: repeat(1, 92%);
}
.container_news_item > div > div.pp_facts {
	margin-left: 2.5vw;
}
.container_news_item > div > p.description {
	line-height: calc(1.5rem + .2vw);
}
.container_navProjImages {
	margin-top: 1vh;
	max-height: 100%;
	-ms-display: inline-grid;
	-ms-grid-columns: repeat(3, 29.25%, 2%);
	display: inline-grid;
  	grid-template-columns: repeat(3, 29.25%);
  	grid-gap: 2%;
}
}