.news-highlight-one,
.news-highlight-three,
.news-highlight-four,
.news-highlight-banner-left,
.news-highlight-banner-right{
    padding-top: 8em;
}

.news-highlight-banner-left.inline,
.news-highlight-banner-right.inline{
    padding: 1.8em 0 3.2em 0;
	width:100%;
}

.news-highlight-one   .news-highlight-bg,
.news-highlight-three .news-highlight-bg,
.news-highlight-four  .news-highlight-bg,
.news-highlight-banner-left .news-highlight-bg,
.news-highlight-banner-right .news-highlight-bg{
    width: 100%;
    max-width: 1060px;
    background-image:url('images/newsHighlightBackground.jpg');
    background-size: 100% 100%;
    border-radius: 1em;
    border-radius: 2.4em;
    padding: 3.2em;
    margin: 0 auto;
}

/*  the div containing the individual news item blocks based on how many are displayed */
.news-highlight-one .news-highlight-content{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    gap: 6.4em;
}

.news-highlight-three .news-highlight-content,
.news-highlight-banner-left .news-highlight-content,
.news-highlight-banner-right .news-highlight-content{
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    gap: 6.4em;
}

.news-highlight-four .news-highlight-content{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    gap: 6.4em;
}

.news-highlight-four .news-highlight-content-alt{
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto;
    gap: 4.8em;
    margin-top: 6.4em;
}

/* White top and bottom titles for the selected news highlight taxonomy */
.news-highlight-taxonomy{
    justify-self: center;
    background: white;
    border-radius: 32px;
    padding: 1em 3.2em;
	margin-top: 1.6em;
    margin-bottom: 3.2em;
}

.news-highlight-taxonomy h3{
    padding:0;
    margin:0;
    line-height:1em;
    color:black !important;
}

.news-highlight-taxonomy h3 span{
    text-transform: uppercase; 
    color:#AA8CFF; 
}

/* Single news highlight story block */
.news-highlight-item {
    display:grid;
    justify-self: center;
	align-content: start;
    gap: 1.6em;
}

.news-highlight-item.news-highlight-left {
    grid-template-areas:'image content';
	grid-template-columns: 380px 327px;
}

.news-highlight-item.news-highlight-right {
    grid-template-areas:'content image';
	grid-template-columns: 327px 380px;
}

.news-highlight-item.left-banner {
    grid-template-areas:'image content';
	grid-template-columns: 322px 1fr;
	justify-self: start;
}

.news-highlight-item.right-banner {
    grid-template-areas:'content image';
	grid-template-columns: 1fr 322px;
	justify-self: end;
}

.news-highlight-item.vertical {
    grid-template-areas:'image' 
						'content';
    grid-template-columns: 346px;
    grid-template-rows: auto auto;
}

.news-highlight-item.start {
   justify-self:start;
}

.news-highlight-item.end {
   justify-self:end;
}

.news-highlight-item.full {
    grid-template-areas:'image content';
    grid-template-columns: 54% 1fr;
    grid-template-rows: auto;
    gap: 3.2em;
}

.news-highlight-item img {
    border-radius:1em;
	height: 100%;
    height: auto;
}

.news-highlight-item .news-imagery {
   grid-area: image;
}

.news-highlight-item .news-content {
   grid-area: content;
}

.news-highlight-item .news-content h2 {
    color: #333333;
    font-size: 3.2em;
    font-weight: 600;
    padding-top:0;			
}

.news-highlight-item .news-content h4 {
    color: #333333;	
}

.news-highlight-item a.news-hightlight-read-more {
    display: inline-block;
    background:white;
    border-radius: 2.3em;
    font-size: 1.8em;
    line-height: 1em;
    text-transform: uppercase;
    color: #AA8CFF;
    padding: 0.8em 1.2em;
    margin-top: 0.4em;
}

.news-highlight-navigation{
	display:none;
}

/* Media query for PHONE 480 */
@media (min-width: 1px) and (max-width: 480px) {
	.news-highlight-one,
	.news-highlight-three,
	.news-highlight-four,
	.news-highlight-banner-left,
	.news-highlight-banner-right{
		padding-top: 4em;
		padding-left: 1em;
		padding-right: 1em;
		margin-bottom: 1.6em;
	}
	
	.news-highlight-one   .news-highlight-bg,
	.news-highlight-three .news-highlight-bg,
	.news-highlight-four  .news-highlight-bg,
	.news-highlight-banner-left .news-highlight-bg,
	.news-highlight-banner-right .news-highlight-bg{
		width: calc(100% - 1em);
	}
	
	.news-highlight-one .news-highlight-content, 
	.news-highlight-three .news-highlight-content, 
	.news-highlight-four .news-highlight-content, 
	.news-highlight-banner-left .news-highlight-content, 
	.news-highlight-banner-right .news-highlight-content,
	.news-highlight-four .news-highlight-content-alt {
		grid-template-columns: 100%;
        grid-auto-rows: auto;
        gap: 0px;
		margin:0;
		align-content:start;
	}
	
	.news-highlight-item{
		display: none;
		gap: 1.2em;
	}
	
	.news-highlight-item.full{
		display: block;
	}
	
	.news-highlight-item.left-banner{
		display: block;
		gap: 1.2em;
	}

	.news-highlight-item.news-highlight-selected{
		display: block;
	}
	
	.news-highlight-banner-right.inline .news-highlight-item{
		display: block;
	}
	
	.news-highlight-item.news-highlight-left,
	.news-highlight-item.news-highlight-right {
		grid-template-areas: 'image' 
			'content';
    	grid-template-rows: auto auto;
		grid-template-columns: 1fr;
	}
	
	.news-highlight-item .news-content h2 {
		font-size: 2.4em;
		line-height: 1.2em;
	}

	.news-highlight-item .news-content h4 {
		display: none;
	}
	
	.news-highlight-taxonomy{
		display: none;
		border-radius: 1em;
		width: 100%;
	}
	
	.news-highlight-taxonomy h3,
	.news-highlight-taxonomy h3 span{
		display:block;
		text-align: center;
	}
	
	/* 	480px Navigation for mobile on the News Highlight section */
	.news-highlight-navigation{
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
	}

	.news-hightlight-navigation-left,
	.news-hightlight-navigation-right{
		display: grid;
		align-content:center;
		justify-content:center;
        position: absolute;
        background-color: white;
        box-shadow: 0 0.4em 4em rgba(0, 0, 0, 0.25);
        width: 6.2em;
        height: 7.2em;
		top: 16em;
		transition: background 0.2ms;
	}
	
	.news-hightlight-navigation-left:active,
	.news-hightlight-navigation-right:active{
		background: #D9D9D9;
	}

	.news-hightlight-navigation-left{
		left: 0;
		right: unset;
		border-radius: 0 3.6em 3.6em 0;
		
	}
	.news-hightlight-navigation-right{
		left: unset;
		right: 0;
		border-radius: 3.6em 0 0 3.6em;
	}
}


/* Media query for TABLET */
@media (min-width: 481px) and (max-width: 768px) {
.news-highlight-one,
	.news-highlight-three,
	.news-highlight-four,
	.news-highlight-banner-left,
	.news-highlight-banner-right{
		padding-top: 7.2em;
		padding-left: 1em;
		padding-right: 1em;
	}
	
	.news-highlight-one   .news-highlight-bg,
	.news-highlight-three .news-highlight-bg,
	.news-highlight-four  .news-highlight-bg,
	.news-highlight-banner-left .news-highlight-bg,
	.news-highlight-banner-right .news-highlight-bg{
		width: calc(100% - 1em);
	}
	
	.news-highlight-one .news-highlight-content, 
	.news-highlight-three .news-highlight-content, 
	.news-highlight-four .news-highlight-content, 
	.news-highlight-banner-left .news-highlight-content, 
	.news-highlight-banner-right .news-highlight-content,
	.news-highlight-four .news-highlight-content-alt {
		grid-template-columns: 100%;
        grid-auto-rows: auto;
        gap: 2.4em;
		margin:0;
		align-content:start;
	}
	
	.news-highlight-item.news-highlight-left,
	.news-highlight-item.news-highlight-right,
	.news-highlight-item {
		grid-template-areas: 'image' 
			'content';
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
		gap: 2.4em;
	}
	
	.news-highlight-item.vertical {
		    grid-template-columns: auto;
	}
	
	.news-highlight-four .news-highlight-content-alt {
		grid-template-columns: auto;
		grid-template-rows: auto auto;
		gap: 2.4em;
		margin-top: 4.8em;
	}
	
	.news-highlight-item.start
	.news-highlight-item.end {
		justify-self: center;
	}
}

/* Media query for TABLET */
@media (min-width: 769px) and (max-width: 1024px) {
.news-highlight-one,
	.news-highlight-three,
	.news-highlight-four,
	.news-highlight-banner-left,
	.news-highlight-banner-right{
		padding-top: 7.2em;
		padding-left: 1em;
		padding-right: 1em;
	}
	
	.news-highlight-one   .news-highlight-bg,
	.news-highlight-three .news-highlight-bg,
	.news-highlight-four  .news-highlight-bg,
	.news-highlight-banner-left .news-highlight-bg,
	.news-highlight-banner-right .news-highlight-bg{
		width: calc(100% - 1em);
	}
	
	.news-highlight-item.news-highlight-left{
		grid-template-columns: calc(54% - 1.2em) calc(46% - 1.2em);
		grid-template-rows: auto;
	}
	
	.news-highlight-item.news-highlight-right{
		grid-template-columns: calc(46% - 1.2em) calc(54% - 1.2em);
		grid-template-rows: auto;
	}
	
	.news-highlight-item.full {
		grid-template-areas: 'image content';
		grid-template-columns: 54% 1fr;
		grid-template-rows: auto;
		gap: 3.2em;
	}
	
	.news-highlight-four .news-highlight-content-alt {
		grid-template-columns: auto auto;
		grid-template-rows: auto;
		gap: 1.6em;
		margin-top: 4.8em;
	}
}