/** Pinned News Stories **/

.paragraph.paragraph--news-subpage-top {
  /*  margin-left: 5%;
    margin-right: 5%;
  */
}

.news-subpage-top-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.paragraph--news-subpage-top a {
	text-decoration: none !important;
}

.paragraph--news-subpage-top a:hover {
	text-decoration: none !important;
}



.news-subpage-top-wrapper a > * {
 color: black !important;
}

.news-subpage-top-wrapper a:hover > * {
	/*
  text-decoration: underline;
  text-decoration-color: #DDD;
	*/
}

.news-subpage-top-wrapper h3 {
  font-size: 1.5rem;
}

.news-subpage-top-wrapper a:hover h3 {
  color: #d73f09 !important;
}

#newspinned_col3 {
	 display: flex;
	 flex-direction: column;
}

#newspinned_col1 {
		width: 49%;
	/*	min-width: 400px; */
		max-width: 600px;
		padding-right: 1rem;
}

#newspinned_col1.twocol {
		width: 49%;
		/* min-width: 400px; */
		max-width: 100%;
		flex-grow: 1;
}
	
#newspinned_col2 {
	  width: 29%;
	  border-right: 1px solid #DDD;
	  border-left: 1px solid #DDD;
	  padding-right: 1rem;
	  padding-left: 1rem;
}

#newspinned_col2.twocol {
  padding-right: 0px;
  border-right: none;
}
	
#newspinned_col3 {
	  width: 20%;
	  padding-left: 1rem;
	  flex-grow: 1;
}

#newspinned_col3top {
  border-bottom: 1px solid #DDD;
}

#newspinned_col1 .field.field--name-field-media-image .field__item {
		max-width: 600px;
		width: 100%;
		height: 400px;
}

#newspinned_col1.twocol .field.field--name-field-media-image .field__item {
		max-width: 100%;
		width: 100%;
		height: 500px;
}


#newspinned_col1 .field.field--name-field-media-image .field__item img {
		object-fit: cover;
		height: 400px;
		width: 100%;
}

#newspinned_col1.twocol .field.field--name-field-media-image .field__item img {
		height: 500px;
}


#newspinned_col3 { 
	display: flex; 
	flex-direction: column;
	background-color: #eaeae5;
	padding-left: 1rem;
	padding-right: 1rem;
}

#newspinned_col3top h3 {
  margin-top: .5rem;
}

#newspinned_col3 p {
	font-size: 1.1rem;
	line-height: 1.9rem;
}

#newspinned_col3 .media--type-image.media--view-mode-news-list img {
	max-width: 78px;
	max-height: 78px;
	float: right;
	margin-left: 10px;
	margin-right: 10px;
}

#newspinned_col3 .media--type-image.media--view-mode-news-top-4x6 {
	display: none;
}


@media screen and (max-width: 1100px){
  #newspinned_col1 {
			width: 65%;
		/*	min-width: 400px; */
			max-width: 600px;
			
	}
	
	#newspinned_col2 {
	  width: 35%;
	  border-right: none;
	  border-left: 1px solid #DDD;
	}
	
	#newspinned_col3 {
	  width: 100%;
	  flex-direction: row;
	  justify-content: space-between;
	  margin-top: 1rem;
	  padding-top: 1rem;
	  padding-left: 0;
	  padding-right: 0;
	}
	
	#newspinned_col3bottom, #newspinned_col3top {
	  max-width: 49%;
	}
	
	#newspinned_col3top {
	  border-bottom: none;
	  border-right: 1px solid #DDD;
	  padding-left: 0;
	  padding-right: 1rem;
	}
	#newspinned_col3 {
	  border-top: 1px solid #DDD;
	}
	
	#newspinned_col3top h3 {
		margin-top: 1rem;
	}
}



@media screen and (max-width:900px) {
  	#newspinned_col1 .field.field--name-field-media-image .field__item, #newspinned_col1.twocol .field.field--name-field-media-image .field__item {
			width: 100%;
			height: 300px;
	}
	
	#newspinned_col1 .field.field--name-field-media-image .field__item img, #newspinned_col1.twocol .field.field--name-field-media-image .field__item img {
			object-fit: cover;
			height: 300px;
	}

}

@media screen and (max-width:690px) {
	#newspinned_col1, #newspinned_col2, #newspinned_col3bottom, #newspinned_col3top {
		width: 100%;
		padding-right: 0px;
		padding-left: 0px;
		border-right: none;  
		border-left: none;
	}

	#newspinned_col2 {
		padding-top: 1rem;
		border-top: 1px solid #DDD;
	}

	#newspinned_col3 {
		flex-direction: column;
	}
	
	#newspinned_col3 .media--type-image.media--view-mode-news-top-4x6 {
	  display: block;
	}
	#newspinned_col3 .media--type-image.media--view-mode-news-list {
	  display: none;
	}
	
	#newspinned_col3bottom, #newspinned_col3top {
		width: 100%;
		max-width: 100%;
	}

  	#newspinned_col1 .field.field--name-field-media-image .field__item, #newspinned_col2 .field.field--name-field-media-image .field__item, [id^="newspinned_col3"] .field.field--name-field-media-image .field__item {
			width: 100%;
			height: 300px;
	}
	
	#newspinned_col1 .field.field--name-field-media-image .field__item img, #newspinned_col2 .field.field--name-field-media-image .field__item img, #newspinned_col3 .field.field--name-field-media-image .field__item img {
			object-fit: cover;
			height: 300px;
	}
	
	div#newspinned_col3bottom {
		padding-top: 1rem;
		border-top: 1px solid #DDD;
	}

}