/* ==========================================================================
	HOME NEWSFEED FOR MICROSITES CSS
========================================================================== */

/* Full section wrap */
.homeNews {
  	border-image: conic-gradient(var(--vcu-gray) 0 0) fill 0 / 0 / 0 100vw;
  	margin: 0 auto 4rem;
  	padding: 1rem 0 3rem;
}
@media (min-width: 768px) {
    .homeNews {
        padding: 2rem 0 3rem;
    }
}

/* Heading */
.homeNews__heading {
	text-align: center;
}

/* Newsfeed */
.homeNews__content {
  	grid-gap: 2.5rem;
  	padding-bottom: 2rem;
}
@media (min-width: 768px) {
  	.homeNews__content {
    	padding-top: 1rem;
  	}
}
@media (min-width: 768px) {
  	/* Deploy grid display at 768px instead of 1024px */
  	.homeNews__content.cwf-grid.cwf-grid--3-columns {
    	--cwf-grid--columns: 3;
    	--cwf-grid--grid-template-columns: repeat(var(--cwf-grid--columns), 1fr);
 	}
}
  
/* Button to view more news */
.moreNews .t4_button {
  	font-size: 1.3rem;
  	line-height: 1.95;
  	text-align: center;
}

/* --------------------------------------------------------------------------
	News Articles
-------------------------------------------------------------------------- */

/* Image */
.homeNews__content--img {
  	display: block;
}
.homeNews__content--img img {
  	width: 100% !important;
  	display: block;
  	height: auto;
}

/* Date */
.homeNews__content--date {
    font-size: 0.875rem;
  	color: var(--vcu-rust);
  	font-weight: 800;
  	margin: 0.5rem auto;
  	padding-top: 0;
}

/* Headline */
.homeNews__content--headline {
  	font-size: 1.2rem;
  	line-height: 1.3;
  	padding-top: 0;
}
.homeNews__content--headline a {
  	font-weight: 500;
  	color: var(--vcu-rust);
}
.homeNews__content--headline a:hover,
.homeNews__content--headline a:focus {
  	color: var(--vcu-black);
}

/* Teaser text */
.homeNews__content--teaser {
  	display: -webkit-box;
  	font-size: 1rem;
  	line-height: 1.5rem;
  	max-height: 6.5rem;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	-webkit-box-orient: vertical;
  	-webkit-line-clamp: 4;
}