/* News Page Styles */
#News .mainContent__mainCol {
    grid-column: 1/-1;
}

#News .mainContent__sideCol {
    display: none;
}

.newsSearchBox__controls button {
	cursor: pointer;
}

.newsListing > div {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.newsListing__item {
    border: 1px solid #ccc;
	box-shadow: 0 4px 6px rgba(0,0,0,.1);
	padding: 0;
	transition:0.25s;
}

.newsListing__item a {
	font-weight: 700;
	height: 100%;
	display: inline-block;
}

.newsListing__item:hover,
.newsListing__item a:focus {
	box-shadow: 0 4px 6px rgba(0,0,0,.15);
}
			
.newsListing__item:hover .title,
.newsListing__item a:focus .title {
	color: #198754;
}

.newsListing__item .image {
    float: none;
    max-width:100% !important;
    padding: 0;
}
#News .mainContent img {
    max-width: 100% !important;
    width: 100%;
  }

.newsListing__item .date.releaseDate {
	font-size: 1.15rem;
	font-weight: 300;
	transform: skewX(0);
	padding-bottom: 0;
	margin: 1rem 0;
}

.newsListing__item .releaseDate,
.newsListing__item .title {
	padding-left: 1rem;
	padding-right: 1rem;
}

.newsListing__item .title {
    font-size: 1.5rem;
	margin: 0;
	padding-bottom: 2rem;
}

.newsListing__item .title a {
    text-decoration: none;
}

.newsListing__item .summary {
	display: none !important;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3 !important;
}

.newsListing__item .readMore {
	display: none;
}

.newsListing__item .tags {
    display: none;
}